docs: Modify the error in the document (#1700)

xuanlid · web-flow · commit ed68aa3ca7e1 · 2025-11-19T09:03:22.000+08:00
* docs: Modify doc error
diff --git a/docs/advanced-features/imgs/use-function.png b/docs/advanced-features/imgs/use-function.png
diff --git a/docs/advanced-features/loop-rendering.md b/docs/advanced-features/loop-rendering.md
@@ -10,7 +10,7 @@
    ![addVar-17](./imgs/addVar-17.png)
 
 3. 选中组件，在组件属性设置面板选择“高级”。
-4. 单击“循环数据“后的![](figures/icon-code.png)，进行变量绑定。
+4. 单击“循环数据“后的![](./imgs/icon-code.png)，进行变量绑定。
 5. 选择绑定的变量，单击“确定”。
 
    **图 2**  绑定变量
diff --git a/docs/advanced-features/route-capabilities/imgs/final-effect.gif b/docs/advanced-features/route-capabilities/imgs/final-effect.gif
diff --git a/docs/advanced-features/using-utils-methods.md b/docs/advanced-features/using-utils-methods.md
@@ -13,7 +13,7 @@
 
 提供输入框，直接编写函数代码
 
-![添加工具类教程图](not-found/zh-cn_image_0000001994511922.png)
+![添加工具类教程图](./imgs/use-function.png)
 
 如上图：
 - 第一步，点击添加工具类，选择 function 
diff --git a/docs/api/backend-api/dsl-code-generation.md b/docs/api/backend-api/dsl-code-generation.md
@@ -13,6 +13,7 @@
 **接口描述：**
 
 <p>作为npm包使用generateCode方法生成代码示例:</p>
+
 <pre><code data-language="js" class="lang-js">const path = require('path')
 const fs = require('fs')
 const { generateCode } = require('@opentiny/tiny-engine-dsl-ng-tiny/lib/generate-code.js')
@@ -24,6 +25,7 @@ result.forEach((item) =&gt; fs.writeFileSync(`dist/${item.filePath}/${item.panel
 </code></pre>
 
 <p>输入示例: { pageInfo, blocksData };</p>
+
 <pre><code data-language="js" class="lang-js">// pageInfo为页面的schema信息， 
 // pageInfo: { schema, name });
 {
diff --git a/docs/basic-features/internationalization.md b/docs/basic-features/internationalization.md
@@ -4,7 +4,7 @@
 
 同一个项目，可能需要同时支持多个语言，设计器提供了中英文切换，在能够一键切换语言，提升开发效率与开发体验。 国际化是应用级别的，在任何一个页面都可以访问。
 
-> ![](public_sys-resources/icon-note.gif) **说明：**
+> **说明：**
 > 注意的是国际化只针对画布中的项目，不针对设计器本身。
 
 ## 添加国际化词条
@@ -13,7 +13,7 @@
 2. 单击“新增词条”。
 3. 编辑key，中文和英文内容
 
-   > ![](public_sys-resources/icon-note.gif) **说明：**
+   > **说明：**
    >- 创建时key会自动生成，也可以自定义输入。
    >- key需为唯一值，不可与现有key重复。
    >- 创建后key值不可修改。
diff --git a/docs/changelog/changelog.md b/docs/changelog/changelog.md
@@ -23,8 +23,8 @@
 #### 📚 Documentation
 
 - 新增 [v2.7 升级指南](./v2.7-upgrade-guide.md)
-- 新增 [新注册表](../extension-capabilities-overview/new-registry.md) 文档
-- 新增 [注册表高级配置](../extension-capabilities-overview/new-registry-advanced.md) 文档
+- 新增 [新注册表](../extension-capabilities-overview/new-registry.md "dev") 文档
+- 新增 [注册表高级配置](../extension-capabilities-overview/new-registry-advanced.md "dev") 文档
 
 #### ⚙️ Other changes
 
diff --git a/docs/changelog/v2.7-upgrade-guide.md b/docs/changelog/v2.7-upgrade-guide.md
@@ -76,7 +76,7 @@ const register = {
 
 > **重要提示⚠️**：v2.7 开始，如果对原插件没有改动（配置、替换、删除），则不需要在注册表中进行声明，因为官方内置了全量的注册表。
 
-详细内容请参考 [新注册表](../extension-capabilities-overview/new-registry.md)。
+详细内容请参考 [新注册表](../extension-capabilities-overview/new-registry.md "dev")。
 
 ## API 变更
 
@@ -184,7 +184,7 @@ await initHotfixRegistry({
    - 使用 `getAllMergeMeta()` 获取完整注册表信息，便于调试和开发
    - 使用 `initHotfixRegistry()` 实现热修复功能
 
-详细API请参考 [注册表 API](../api/frontend-api/registry-api.md)。
+详细API请参考 [注册表 API](../api/frontend-api/registry-api.md "dev")。
 
 ## Vite 配置要求
 
@@ -266,7 +266,7 @@ export default {
 
 > **注意⚠️**：当同时配置 `layoutConfig` 和 `relativeLayoutConfig` 时，`layoutConfig` 优先级更高，`relativeLayoutConfig` 将被忽略。
 
-详细内容请参考 [布局配置](../api/frontend-api/global-layout-api.md)。
+详细内容请参考 [布局配置](../api/frontend-api/global-layout-api.md "dev")。
 
 ### 3. 插件配置变更
 
@@ -475,7 +475,7 @@ export default {
 }
 ```
 
-详细内容请参考 [注册表高级配置](../extension-capabilities-overview/new-registry-advanced.md)。
+详细内容请参考 [注册表高级配置](../extension-capabilities-overview/new-registry-advanced.md "dev")。
 
 ## 其他改进
 
diff --git a/docs/solutions/imgs/daemon.png b/docs/solutions/imgs/daemon.png
diff --git a/docs/solutions/imgs/nginxcof.png b/docs/solutions/imgs/nginxcof.png
diff --git a/docs/tutorials/issue-1-2023.10.27.md b/docs/tutorials/issue-1-2023.10.27.md
@@ -34,20 +34,20 @@
 答：先简要介绍一下我们工程中主要的 package：
 
   ```js
-  |_ canvas  负责中间画布渲染
-  |_ common  公共的组件以及 metaComponent 
-  |_ controller  公共逻辑控制层
-  |_ design-core 总入口
-  |_ http  负责 http 相关请求
-  |_ i18n lowcode-i18n 包裹层
-  |_ plugins  左侧面板相关插件
-  |_ settings 右侧设置面板相关组件
-  |_ svgs svg 封装组件
-  |_ theme  主题相关样式
-  |_ toolbars 顶部工具栏相关 package
-  |_ utils 公共utils
-  |_ vue-generator 出码package
-  |_ webcomponent webcomponent 封装
+  |_ canvas  负责中间画布渲染
+  |_ common  公共的组件以及 metaComponent 
+  |_ controller  公共逻辑控制层
+  |_ design-core 总入口
+  |_ http  负责 http 相关请求
+  |_ i18n lowcode-i18n 包裹层
+  |_ plugins  左侧面板相关插件
+  |_ settings 右侧设置面板相关组件
+  |_ svgs svg 封装组件
+  |_ theme  主题相关样式
+  |_ toolbars 顶部工具栏相关 package
+  |_ utils 公共utils
+  |_ vue-generator 出码package
+  |_ webcomponent webcomponent 封装
   ```
 
 区域大致职责划分：
@@ -61,58 +61,58 @@
 1、资源请求
 
  ```js
-// packages/design-core/src/App.vue
-// 这里发起请求物料、请求数据源、请求页面等相关资源请求，很关键
+// packages/design-core/src/App.vue
+// 这里发起请求物料、请求数据源、请求页面等相关资源请求，很关键
 useResource().fetchResource()
  ```
 
 2、画布渲染相关入口
 
  ```js
 packages
-  |_ canvas
-    |_ src
-      |_ components
-        |_ render
-          |_ runner.js # 用于画布相关的资源请求，预设
-          |_ RenderMain.js # 画布渲染的入口，同时也暴露了许多 api 供修改 schema
-          |_ render.js # RenderMain.js 会调用该文件的 renderer 方法，递归渲染 schema
+  |_ canvas
+    |_ src
+      |_ components
+        |_ render
+          |_ runner.js # 用于画布相关的资源请求，预设
+          |_ RenderMain.js # 画布渲染的入口，同时也暴露了许多 api 供修改 schema
+          |_ render.js # RenderMain.js 会调用该文件的 renderer 方法，递归渲染 schema
  ```
 
 3、画布选中后，如何关联渲染右侧属性面板？
 
  ```js
-// DesignCanvas.vue
-
-// 画布中节点选中后，会触发该方法
-const nodeSelected = (node, parent, type) => {
-  const { toolbars } = useLayout().layoutState
-  if (type !== 'clickTree') {
-    useLayout().closePlugin()
-  }
-  // 动态计算该方法需要渲染的 属性面板
-  useProperties().getProps(node, parent)
-  // 设置当前 schema
-  useCanvas().setCurrentSchema(node)
-  footData.value = getNodePath(node?.id)
-  toolbars.visiblePopover = false
+// DesignCanvas.vue
+
+// 画布中节点选中后，会触发该方法
+const nodeSelected = (node, parent, type) => {
+  const { toolbars } = useLayout().layoutState
+  if (type !== 'clickTree') {
+    useLayout().closePlugin()
+  }
+  // 动态计算该方法需要渲染的 属性面板
+  useProperties().getProps(node, parent)
+  // 设置当前 schema
+  useCanvas().setCurrentSchema(node)
+  footData.value = getNodePath(node?.id)
+  toolbars.visiblePopover = false
 }
  ```
 
- ```js
-// settings/props/src/Main.vue
+ ```vue
+// settings/props/src/Main.vue
 <template>
-<!-- 在属性面板渲染设置属性的入口 -->
-<config-render :data="properties">
-  <template #prefix="{ data }">
-    <block-link-field v-if="isBlock" :data="data"></block-link-field>
-  </template>
+<!-- 在属性面板渲染设置属性的入口 -->
+<config-render :data="properties">
+  <template #prefix="{ data }">
+    <block-link-field v-if="isBlock" :data="data"></block-link-field>
+  </template>
 </config-render>
 </template>
 
 <script>
-// 选中之后，经过 getProps 的计算，我们会得到 properties，渲染在属性面板
-const { properties } = useProperty({ pageState })
+// 选中之后，经过 getProps 的计算，我们会得到 properties，渲染在属性面板
+const { properties } = useProperty({ pageState })
 </script>
  ```
 
@@ -130,7 +130,7 @@ const { properties } = useProperty({ pageState })
 可以拉下来源代码，按照原来静态资源图片等分类，放置进去要用的图片，在开发设计器的时候可以直接使用。
 
 - 页面运行态：
-可以通过 <input  type="file">标签选中你要的静态资源，这部分的逻辑完全取决于用户
+可以通过 <input  type="file">标签选中你要的静态资源，这部分的逻辑完全取决于用户
 
 - 页面设计态：
 低代码引擎在开源之前是有这样的功能的，但是为了开源的合规，屏蔽了该功能。因为在设计态想用到静态资源的话，要选中静态资源，并上传到公司的文件管理系统，然后文件系统返回静态资源地址，然后再展示在画布中。如果用户想要这样的功能，只需要开发一个文件上传按钮，并把上传的内容放置用户的文件管理系统。
@@ -141,26 +141,26 @@ const { properties } = useProperty({ pageState })
 以下为 bundle.json 这个文件的节选：
 
 ```json
-{ "property": "text",
-    "label": {
-      "text": {
-        "zh_CN": "按钮名称",
-        "en_US": "Button Name"
-       }
-    },
-    "required": true,
-     "readOnly": false,
-     "disabled": false,
-     "cols": 12,
-     "widget": {
-       "component": "MetaBindI18n",
-       "props": {}
-      },
-     "description": {
-         "zh_CN": "按钮名称",
-         "en_US": "Name of the button."
-       }
-   }
+{ "property": "text",
+    "label": {
+      "text": {
+        "zh_CN": "按钮名称",
+        "en_US": "Button Name"
+       }
+    },
+    "required": true,
+     "readOnly": false,
+     "disabled": false,
+     "cols": 12,
+     "widget": {
+       "component": "MetaBindI18n",
+       "props": {}
+      },
+     "description": {
+         "zh_CN": "按钮名称",
+         "en_US": "Name of the button."
+       }
+   }
 ```
 
 ### 问题9：在使用 TinyEngine 低代码引擎后，组件之间应该如何联动？
@@ -192,10 +192,10 @@ const { properties } = useProperty({ pageState })
 
 答：AI 能力目前已经在 TinyEngine 官网部署，当前采用的大模型是文心一言，通过 AI生成代码->生成 AST->页面 schema->展示在页面->下载源代码 ，后续会切回华为的盘古大模型。现在 AI 能力的取决于文心一言生成的代码。同时我们也通过数据和资源的不断投入在持续训练我们的 AI 能力，大家敬请期待 AI 能力的持续迭代。
 
-### 问题6：TinyEngine 低代码引擎是否支持 nuxt.js 作为后端的开发？
+### 问题6：TinyEngine 低代码引擎是否支持 nuxt.js 作为后端的开发？
 
 答：后端的开发与技术栈无关，是可以采用任意的技术栈的。我们提供了所有后端接口的文档，只需要按照设计器的文档来，给出对应接口的出入参即可。
 
 ### 问题7：目前 TinyEngine 低代码引擎的物料平台是否会开源？
 
-答：TinyEngine 目前是用到的物料是已开源的 TinyVue 组件库，欢迎大家使用~
+答：TinyEngine 目前是用到的物料是已开源的 TinyVue 组件库，欢迎大家使用~
diff --git a/packages/common/js/completion-files/context.md b/packages/common/js/completion-files/context.md
@@ -45,7 +45,7 @@ props中没有以on开头的则是普通属性，如tinyInput组件中的placeho
 props的属性中值为对象，且包含type和value属性，type为JSExpression和JSFunction时，value的值则参考通用协议取用
 
 直接上下文如下：
-$codeBeforeCursor$<cursor>$codeAfterCursor$
-请从<cursor>（光标位置）后进行补全
+$codeBeforeCursor$<cursor/>$codeAfterCursor$
+请从<cursor/>（光标位置）后进行补全
 注意如果是函数时，须以function关键字开头，不使用箭头函数
 请只返回代码，且只返回一个示例，不需要思考过程和解释
