diff --git a/docs/advanced-features/conditional-rendering.md b/docs/advanced-features/conditional-rendering.md index 3574773f67..bab98f2cdf 100644 --- a/docs/advanced-features/conditional-rendering.md +++ b/docs/advanced-features/conditional-rendering.md @@ -10,7 +10,7 @@ ![addvar-15](./imgs/addvar-15.png) 3. 选中组件,在组件属性设置面板选择“高级”。 -4. 单击“是否渲染“后的 ![变量绑定图标](./imgs/icon-code.png),进行变量绑定。 +4. 单击“是否渲染“后的 ![变量绑定图标](./imgs/icon-code.png),进行变量绑定。 **图 2** 绑定变量 diff --git a/docs/advanced-features/data-source-and-collection-usage.md b/docs/advanced-features/data-source-and-collection-usage.md index 84a6685a73..f29fa96b1f 100644 --- a/docs/advanced-features/data-source-and-collection-usage.md +++ b/docs/advanced-features/data-source-and-collection-usage.md @@ -13,7 +13,7 @@ 2. 点击左上操作区 - 新建数据源 ![Alt text](./imgs/data-source-2.png) -3. 配置数据源类型(可选对象数组、树结构),配置数据源名称以及数据源字段 +3. 配置数据源类型(可选远程数据源、静态数据源),配置数据源名称以及数据源字段 4. 保存数据源 ![Alt text](./imgs/data-source-1.png) diff --git a/docs/advanced-features/imgs/ScreenShot_20241029195609.png b/docs/advanced-features/imgs/ScreenShot_20241029195609.png deleted file mode 100644 index 3da9fd3068..0000000000 Binary files a/docs/advanced-features/imgs/ScreenShot_20241029195609.png and /dev/null differ diff --git a/docs/advanced-features/imgs/add-Function.png b/docs/advanced-features/imgs/add-Function.png index 95ab3d4330..36abaf9f42 100644 Binary files a/docs/advanced-features/imgs/add-Function.png and b/docs/advanced-features/imgs/add-Function.png differ diff --git a/docs/advanced-features/imgs/addVar-17.png b/docs/advanced-features/imgs/addVar-17.png index bce7d81d58..809e496727 100644 Binary files a/docs/advanced-features/imgs/addVar-17.png and b/docs/advanced-features/imgs/addVar-17.png differ diff --git a/docs/advanced-features/imgs/addVar-19.png b/docs/advanced-features/imgs/addVar-19.png index f618596e73..9524fd9b75 100644 Binary files a/docs/advanced-features/imgs/addVar-19.png and b/docs/advanced-features/imgs/addVar-19.png differ diff --git a/docs/advanced-features/imgs/addvar-15.png b/docs/advanced-features/imgs/addvar-15.png index 98c9f359c8..11526e2eb1 100644 Binary files a/docs/advanced-features/imgs/addvar-15.png and b/docs/advanced-features/imgs/addvar-15.png differ diff --git a/docs/advanced-features/imgs/ai-assistant-enable-mcp-tools.png b/docs/advanced-features/imgs/ai-assistant-enable-mcp-tools.png index 5b99aa1285..298982ccb4 100644 Binary files a/docs/advanced-features/imgs/ai-assistant-enable-mcp-tools.png and b/docs/advanced-features/imgs/ai-assistant-enable-mcp-tools.png differ diff --git a/docs/advanced-features/imgs/ai-assistant-fullscreen.png b/docs/advanced-features/imgs/ai-assistant-fullscreen.png index 77798c8738..e383971624 100644 Binary files a/docs/advanced-features/imgs/ai-assistant-fullscreen.png and b/docs/advanced-features/imgs/ai-assistant-fullscreen.png differ diff --git a/docs/advanced-features/imgs/ai-assistant-interface.png b/docs/advanced-features/imgs/ai-assistant-interface.png index ab5b8ab932..51214c8922 100644 Binary files a/docs/advanced-features/imgs/ai-assistant-interface.png and b/docs/advanced-features/imgs/ai-assistant-interface.png differ diff --git a/docs/advanced-features/imgs/ai-assistant-mcp-tools-management.png b/docs/advanced-features/imgs/ai-assistant-mcp-tools-management.png index a1afaaabd5..20dc194b4e 100644 Binary files a/docs/advanced-features/imgs/ai-assistant-mcp-tools-management.png and b/docs/advanced-features/imgs/ai-assistant-mcp-tools-management.png differ diff --git a/docs/advanced-features/imgs/ai-assistant-open.png b/docs/advanced-features/imgs/ai-assistant-open.png index 7d0169cfaf..46aa2b1f7e 100644 Binary files a/docs/advanced-features/imgs/ai-assistant-open.png and b/docs/advanced-features/imgs/ai-assistant-open.png differ diff --git a/docs/advanced-features/imgs/ai-assistant-settings.png b/docs/advanced-features/imgs/ai-assistant-settings.png index 3b635634e0..b11adc4d0f 100644 Binary files a/docs/advanced-features/imgs/ai-assistant-settings.png and b/docs/advanced-features/imgs/ai-assistant-settings.png differ diff --git a/docs/advanced-features/imgs/ai-assistant-tool-execution-result.png b/docs/advanced-features/imgs/ai-assistant-tool-execution-result.png new file mode 100644 index 0000000000..6d953f5f25 Binary files /dev/null and b/docs/advanced-features/imgs/ai-assistant-tool-execution-result.png differ diff --git a/docs/advanced-features/imgs/ai-assistant-tool-execution1.png b/docs/advanced-features/imgs/ai-assistant-tool-execution1.png index 68a9ed28ad..4eea989afb 100644 Binary files a/docs/advanced-features/imgs/ai-assistant-tool-execution1.png and b/docs/advanced-features/imgs/ai-assistant-tool-execution1.png differ diff --git a/docs/advanced-features/imgs/ai-assistant-tool-execution2.png b/docs/advanced-features/imgs/ai-assistant-tool-execution2.png index d41191b125..17beb1465b 100644 Binary files a/docs/advanced-features/imgs/ai-assistant-tool-execution2.png and b/docs/advanced-features/imgs/ai-assistant-tool-execution2.png differ diff --git a/docs/advanced-features/imgs/bindEvent.gif b/docs/advanced-features/imgs/bindEvent.gif index 3bec3835bd..d7a319f4da 100644 Binary files a/docs/advanced-features/imgs/bindEvent.gif and b/docs/advanced-features/imgs/bindEvent.gif differ diff --git a/docs/advanced-features/imgs/bindVariable-16.png b/docs/advanced-features/imgs/bindVariable-16.png index 3f8010768f..925c9ba43c 100644 Binary files a/docs/advanced-features/imgs/bindVariable-16.png and b/docs/advanced-features/imgs/bindVariable-16.png differ diff --git a/docs/advanced-features/imgs/bindVariable-18.png b/docs/advanced-features/imgs/bindVariable-18.png index 72d7c32dff..981c5f225a 100644 Binary files a/docs/advanced-features/imgs/bindVariable-18.png and b/docs/advanced-features/imgs/bindVariable-18.png differ diff --git a/docs/advanced-features/imgs/blockBaseSetting.png b/docs/advanced-features/imgs/blockBaseSetting.png index f15cafb74b..a73a4a198c 100644 Binary files a/docs/advanced-features/imgs/blockBaseSetting.png and b/docs/advanced-features/imgs/blockBaseSetting.png differ diff --git a/docs/advanced-features/imgs/blockExposeAttr.gif b/docs/advanced-features/imgs/blockExposeAttr.gif index 26e5f73a4d..99533ed317 100644 Binary files a/docs/advanced-features/imgs/blockExposeAttr.gif and b/docs/advanced-features/imgs/blockExposeAttr.gif differ diff --git a/docs/advanced-features/imgs/blockexposeattrusage.gif b/docs/advanced-features/imgs/blockexposeattrusage.gif index 78212fd921..942c6793ce 100644 Binary files a/docs/advanced-features/imgs/blockexposeattrusage.gif and b/docs/advanced-features/imgs/blockexposeattrusage.gif differ diff --git a/docs/advanced-features/imgs/canvas-shortcuts-1.png b/docs/advanced-features/imgs/canvas-shortcuts-1.png index 2cb63b0b0a..d0e280473b 100644 Binary files a/docs/advanced-features/imgs/canvas-shortcuts-1.png and b/docs/advanced-features/imgs/canvas-shortcuts-1.png differ diff --git a/docs/advanced-features/imgs/canvas-shortcuts-2.png b/docs/advanced-features/imgs/canvas-shortcuts-2.png index 44998134d9..35072c7924 100644 Binary files a/docs/advanced-features/imgs/canvas-shortcuts-2.png and b/docs/advanced-features/imgs/canvas-shortcuts-2.png differ diff --git a/docs/advanced-features/imgs/canvas-shortcuts-3.png b/docs/advanced-features/imgs/canvas-shortcuts-3.png index 301920092d..2e2456fbc8 100644 Binary files a/docs/advanced-features/imgs/canvas-shortcuts-3.png and b/docs/advanced-features/imgs/canvas-shortcuts-3.png differ diff --git a/docs/advanced-features/imgs/canvas-shortcuts-4.png b/docs/advanced-features/imgs/canvas-shortcuts-4.png index a88021f2ca..2ef2b236d0 100644 Binary files a/docs/advanced-features/imgs/canvas-shortcuts-4.png and b/docs/advanced-features/imgs/canvas-shortcuts-4.png differ diff --git a/docs/advanced-features/imgs/conditionRender.gif b/docs/advanced-features/imgs/conditionRender.gif index 766cc67f62..63a93e40ce 100644 Binary files a/docs/advanced-features/imgs/conditionRender.gif and b/docs/advanced-features/imgs/conditionRender.gif differ diff --git a/docs/advanced-features/imgs/createBlockFromPage.gif b/docs/advanced-features/imgs/createBlockFromPage.gif index 9fa879a5c8..3e753c995f 100644 Binary files a/docs/advanced-features/imgs/createBlockFromPage.gif and b/docs/advanced-features/imgs/createBlockFromPage.gif differ diff --git a/docs/advanced-features/imgs/createEmptyBlock.png b/docs/advanced-features/imgs/createEmptyBlock.png index 7e9ce39436..e257fdd631 100644 Binary files a/docs/advanced-features/imgs/createEmptyBlock.png and b/docs/advanced-features/imgs/createEmptyBlock.png differ diff --git a/docs/advanced-features/imgs/data-source-1.png b/docs/advanced-features/imgs/data-source-1.png index 0288d8630e..90be519c80 100644 Binary files a/docs/advanced-features/imgs/data-source-1.png and b/docs/advanced-features/imgs/data-source-1.png differ diff --git a/docs/advanced-features/imgs/data-source-2.png b/docs/advanced-features/imgs/data-source-2.png index ecbb9edea3..11694da863 100644 Binary files a/docs/advanced-features/imgs/data-source-2.png and b/docs/advanced-features/imgs/data-source-2.png differ diff --git a/docs/advanced-features/imgs/data-source-3.png b/docs/advanced-features/imgs/data-source-3.png index 5a7c523bbb..3d7973d2e5 100644 Binary files a/docs/advanced-features/imgs/data-source-3.png and b/docs/advanced-features/imgs/data-source-3.png differ diff --git a/docs/advanced-features/imgs/data-source-4.png b/docs/advanced-features/imgs/data-source-4.png index 7d327094d5..0dad74b0f6 100644 Binary files a/docs/advanced-features/imgs/data-source-4.png and b/docs/advanced-features/imgs/data-source-4.png differ diff --git a/docs/advanced-features/imgs/data-source-load-1.png b/docs/advanced-features/imgs/data-source-load-1.png index 99158b1b92..163147f528 100644 Binary files a/docs/advanced-features/imgs/data-source-load-1.png and b/docs/advanced-features/imgs/data-source-load-1.png differ diff --git a/docs/advanced-features/imgs/data-source-load-2.png b/docs/advanced-features/imgs/data-source-load-2.png index 6409f90bca..c02b784b81 100644 Binary files a/docs/advanced-features/imgs/data-source-load-2.png and b/docs/advanced-features/imgs/data-source-load-2.png differ diff --git a/docs/advanced-features/imgs/data-source-load-3.png b/docs/advanced-features/imgs/data-source-load-3.png index 474b6fba4e..53821239cb 100644 Binary files a/docs/advanced-features/imgs/data-source-load-3.png and b/docs/advanced-features/imgs/data-source-load-3.png differ diff --git a/docs/advanced-features/imgs/dataSource1.png b/docs/advanced-features/imgs/dataSource1.png index 2f8dfb00b4..cd6b8799fa 100644 Binary files a/docs/advanced-features/imgs/dataSource1.png and b/docs/advanced-features/imgs/dataSource1.png differ diff --git a/docs/advanced-features/imgs/dataSource2.png b/docs/advanced-features/imgs/dataSource2.png index f186dd7b13..7ab5a167d5 100644 Binary files a/docs/advanced-features/imgs/dataSource2.png and b/docs/advanced-features/imgs/dataSource2.png differ diff --git a/docs/advanced-features/imgs/dataSource3.png b/docs/advanced-features/imgs/dataSource3.png index d3efa996eb..473351721d 100644 Binary files a/docs/advanced-features/imgs/dataSource3.png and b/docs/advanced-features/imgs/dataSource3.png differ diff --git a/docs/advanced-features/imgs/dataSource4.png b/docs/advanced-features/imgs/dataSource4.png index 5bc438473d..a229f8d7f5 100644 Binary files a/docs/advanced-features/imgs/dataSource4.png and b/docs/advanced-features/imgs/dataSource4.png differ diff --git a/docs/advanced-features/imgs/dataSource5.png b/docs/advanced-features/imgs/dataSource5.png index 0291787dde..28cd581f5b 100644 Binary files a/docs/advanced-features/imgs/dataSource5.png and b/docs/advanced-features/imgs/dataSource5.png differ diff --git a/docs/advanced-features/imgs/dataSource6.png b/docs/advanced-features/imgs/dataSource6.png index 6cdf6694fc..4da649a850 100644 Binary files a/docs/advanced-features/imgs/dataSource6.png and b/docs/advanced-features/imgs/dataSource6.png differ diff --git a/docs/advanced-features/imgs/dataSource7.png b/docs/advanced-features/imgs/dataSource7.png index 04874387e8..d98e6d12ba 100644 Binary files a/docs/advanced-features/imgs/dataSource7.png and b/docs/advanced-features/imgs/dataSource7.png differ diff --git a/docs/advanced-features/imgs/openAiWindow.png b/docs/advanced-features/imgs/openAiWindow.png index 4cbd508b0a..ea8b0ec560 100644 Binary files a/docs/advanced-features/imgs/openAiWindow.png and b/docs/advanced-features/imgs/openAiWindow.png differ diff --git a/docs/advanced-features/imgs/pageJs.png b/docs/advanced-features/imgs/pageJs.png index eaf9f5169a..b11955c8ba 100644 Binary files a/docs/advanced-features/imgs/pageJs.png and b/docs/advanced-features/imgs/pageJs.png differ diff --git a/docs/advanced-features/imgs/pageJsContent.png b/docs/advanced-features/imgs/pageJsContent.png index f515598370..f1037c31c0 100644 Binary files a/docs/advanced-features/imgs/pageJsContent.png and b/docs/advanced-features/imgs/pageJsContent.png differ diff --git a/docs/advanced-features/imgs/pageJsJsxFunc.png b/docs/advanced-features/imgs/pageJsJsxFunc.png index ce857ab19b..4f7260a4d0 100644 Binary files a/docs/advanced-features/imgs/pageJsJsxFunc.png and b/docs/advanced-features/imgs/pageJsJsxFunc.png differ diff --git a/docs/advanced-features/imgs/pageJsMethod.png b/docs/advanced-features/imgs/pageJsMethod.png index 03cb7b5fda..9d23f9c415 100644 Binary files a/docs/advanced-features/imgs/pageJsMethod.png and b/docs/advanced-features/imgs/pageJsMethod.png differ diff --git a/docs/advanced-features/imgs/parseJxBindingJsxFunc.png b/docs/advanced-features/imgs/parseJxBindingJsxFunc.png index fea00f8453..1bee19901d 100644 Binary files a/docs/advanced-features/imgs/parseJxBindingJsxFunc.png and b/docs/advanced-features/imgs/parseJxBindingJsxFunc.png differ diff --git a/docs/advanced-features/imgs/parseJxBindingJsxFuncResult.png b/docs/advanced-features/imgs/parseJxBindingJsxFuncResult.png index a24683d736..fd50050421 100644 Binary files a/docs/advanced-features/imgs/parseJxBindingJsxFuncResult.png and b/docs/advanced-features/imgs/parseJxBindingJsxFuncResult.png differ diff --git "a/docs/advanced-features/imgs/state-isLogin\344\270\272false\346\227\266.png" "b/docs/advanced-features/imgs/state-isLogin\344\270\272false\346\227\266.png" index 822b380fb9..78709eebbb 100644 Binary files "a/docs/advanced-features/imgs/state-isLogin\344\270\272false\346\227\266.png" and "b/docs/advanced-features/imgs/state-isLogin\344\270\272false\346\227\266.png" differ diff --git "a/docs/advanced-features/imgs/state-isLogin\344\270\272true\346\227\266.png" "b/docs/advanced-features/imgs/state-isLogin\344\270\272true\346\227\266.png" index b8119b4924..08289382e0 100644 Binary files "a/docs/advanced-features/imgs/state-isLogin\344\270\272true\346\227\266.png" and "b/docs/advanced-features/imgs/state-isLogin\344\270\272true\346\227\266.png" differ diff --git a/docs/advanced-features/imgs/use-function.png b/docs/advanced-features/imgs/use-function.png index 77e98411cb..24c1a935aa 100644 Binary files a/docs/advanced-features/imgs/use-function.png and b/docs/advanced-features/imgs/use-function.png differ diff --git a/docs/advanced-features/imgs/use-npm-lodash.png b/docs/advanced-features/imgs/use-npm-lodash.png new file mode 100644 index 0000000000..c0b311fd27 Binary files /dev/null and b/docs/advanced-features/imgs/use-npm-lodash.png differ diff --git a/docs/advanced-features/imgs/use-npm.png b/docs/advanced-features/imgs/use-npm.png index 4965f18ef8..cb0d3ff802 100644 Binary files a/docs/advanced-features/imgs/use-npm.png and b/docs/advanced-features/imgs/use-npm.png differ diff --git a/docs/advanced-features/imgs/useLoop.gif b/docs/advanced-features/imgs/useLoop.gif index b679331904..9ac1f425da 100644 Binary files a/docs/advanced-features/imgs/useLoop.gif and b/docs/advanced-features/imgs/useLoop.gif differ diff --git a/docs/advanced-features/imgs/viewRender.png b/docs/advanced-features/imgs/viewRender.png index 93e6af8944..2ea453c567 100644 Binary files a/docs/advanced-features/imgs/viewRender.png and b/docs/advanced-features/imgs/viewRender.png differ diff --git a/docs/advanced-features/loop-rendering.md b/docs/advanced-features/loop-rendering.md index 86a9a8db00..96a69edb7f 100644 --- 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. 单击“循环数据“后的![](./imgs/icon-code.png),进行变量绑定。 +4. 单击“循环数据“后的![](./imgs/icon-code.png),进行变量绑定。 5. 选择绑定的变量,单击“确定”。 **图 2** 绑定变量 diff --git a/docs/advanced-features/new-ai-plugin-usage.md b/docs/advanced-features/new-ai-plugin-usage.md index e4dafb2c2f..d034b29284 100644 --- a/docs/advanced-features/new-ai-plugin-usage.md +++ b/docs/advanced-features/new-ai-plugin-usage.md @@ -14,7 +14,7 @@ ### 2.1 主界面 -在编辑器界面左下角插件栏,您可以看到 AI 助手的图标。点击图标即可打开主界面对话窗口。 +在编辑器界面右上角工具栏,您可以看到 AI 助手的图标。点击图标即可打开主界面对话窗口。 ![打开AI助手](./imgs/ai-assistant-open.png) @@ -132,14 +132,21 @@ MCP(Model Connector Protocol)是新版AI插件的核心功能之一。通过 3. 自动执行创建页面操作 4. 返回操作结果给用户 -工具调用中(以查询天气Mock工具为例): +工具调用中: + ![MCP工具调用示例中](./imgs/ai-assistant-tool-execution1.png) + 工具调用完成后会返回最终结果,也可以点击展开工具调用参数与结果: + ![MCP工具调用示例结果示例](./imgs/ai-assistant-tool-execution2.png) +用户列表页面创建完成后,可看到如下图所示: + +![MCP工具调用后结果示例](./imgs/ai-assistant-tool-execution-result.png) + ## 五、典型使用场景 -### 5.1 页面搭建场景 (即将开放) +### 5.1 页面搭建场景 用户可以通过自然语言描述来生成页面: diff --git a/docs/advanced-features/using-utils-methods.md b/docs/advanced-features/using-utils-methods.md index fdb9a036e1..847db562d9 100644 --- a/docs/advanced-features/using-utils-methods.md +++ b/docs/advanced-features/using-utils-methods.md @@ -79,7 +79,7 @@ cdn 链接就是 npm 包在浏览器直接可用的链接,如:[https://unpkg 假设我们添加了 lodash 工具类 -![添加 lodash 工具类示例](./imgs/ScreenShot_20241029195609.png) +![添加 lodash 工具类示例](./imgs/use-npm-lodash.png) 则实际出码结果为: diff --git a/docs/api/frontend-api/imgs/showCollapseFalse.png b/docs/api/frontend-api/imgs/showCollapseFalse.png index 1d43fd6959..1a54cce84d 100644 Binary files a/docs/api/frontend-api/imgs/showCollapseFalse.png and b/docs/api/frontend-api/imgs/showCollapseFalse.png differ diff --git a/docs/api/frontend-api/imgs/showCollapseTrue.png b/docs/api/frontend-api/imgs/showCollapseTrue.png index 8b0a2d5f5d..c58822c4a4 100644 Binary files a/docs/api/frontend-api/imgs/showCollapseTrue.png and b/docs/api/frontend-api/imgs/showCollapseTrue.png differ diff --git a/docs/api/frontend-api/imgs/showLineFalse.png b/docs/api/frontend-api/imgs/showLineFalse.png index fc26d090b3..db595579e6 100644 Binary files a/docs/api/frontend-api/imgs/showLineFalse.png and b/docs/api/frontend-api/imgs/showLineFalse.png differ diff --git a/docs/api/frontend-api/imgs/showLineTrue.png b/docs/api/frontend-api/imgs/showLineTrue.png index c321d20b33..0d9f95c482 100644 Binary files a/docs/api/frontend-api/imgs/showLineTrue.png and b/docs/api/frontend-api/imgs/showLineTrue.png differ diff --git a/docs/basic-features/designer-ui-modules.md b/docs/basic-features/designer-ui-modules.md index d0a2bf6275..0602873c18 100644 --- a/docs/basic-features/designer-ui-modules.md +++ b/docs/basic-features/designer-ui-modules.md @@ -14,24 +14,23 @@ 如上图所示,设计器顶部的工具栏从左到右包括: -- 菜单按钮,点击可以展开菜单,菜单功能包括:前往物料中心、应用预览、应用发布等功能 - 面包屑(展示当前编辑页面或区块) +- 解锁/锁定功能(解锁或锁定当前编辑页面或区块) - 多终端工具切换(画布宽度切换) -- 当前编辑者 +- AI助手(打开AI对话框) +- 主题切换功能(切换亮色主题或暗色主题) +- 撤销回退功能,撤销或回退上一步操作 - 画布清除工具(清空当前画布) -- 保存功能,保存当前页面或区块数据 -- 下载源代码,将当前数据转换并生成代码到本地 - 预览功能,打开新 Tab 预览当前页面或区块 -- 撤销回退功能,撤销或回退上一步操作 -- 全屏功能,将当前页面全屏(跟网页全屏功能一样) -- 设置功能,点击可展开左侧页面或区块的设置插件,管理当前页面或者区块 -- 画布中英文切换,点击可切换画布中英文,测试国际化能力 +- 下载源代码,将当前数据转换并生成代码到本地 +- 保存功能,保存当前页面或区块数据 +- 更多功能包括:多人协作、刷新画布、切换全屏、切换到嵌套视图、中英文切换等 ## 左侧插件栏 ![插件栏示意图](./imgs/pluginoverview.png) -如上图所示,插件面板主要有物料插件、大纲树插件、页面管理工具插件、区块管理插件、数据源管理插件、资源管理插件、国际化插件、JS 方法插件、状态管理插件 +如上图所示,插件面板主要有物料插件、大纲树插件、页面管理工具插件、区块管理插件、数据源管理插件、资源管理插件、国际化插件、JS 方法插件、状态管理插件、附件资源管理插件、模型管理插件 插件点击之后会向右展开对应插件的设置面板 diff --git a/docs/basic-features/frontend-application-flow.md b/docs/basic-features/frontend-application-flow.md index a5f0bd7b66..31ffa73bb1 100644 --- a/docs/basic-features/frontend-application-flow.md +++ b/docs/basic-features/frontend-application-flow.md @@ -8,7 +8,7 @@ ## 步骤一:新建文件夹 1. 单击应用模块内的“应用开发”,进入设计器。 -2. 在左侧插件栏中,单击![页面管理插件图标](./imgs/icon-page.png),进入“页面管理“页面。 +2. 在左侧插件栏中,单击![页面管理插件图标](./imgs/icon-page.png),进入“页面管理“页面。 3. 单击“页面管理“的新增文件夹按钮。 4. 设置基本属性,如输入文件夹ID及设置路由。 diff --git a/docs/basic-features/imgs/addComponent-13.png b/docs/basic-features/imgs/addComponent-13.png index 904eba10a6..475d2c580a 100644 Binary files a/docs/basic-features/imgs/addComponent-13.png and b/docs/basic-features/imgs/addComponent-13.png differ diff --git a/docs/basic-features/imgs/addFolder.png b/docs/basic-features/imgs/addFolder.png index 0fe89f7288..5968799b45 100644 Binary files a/docs/basic-features/imgs/addFolder.png and b/docs/basic-features/imgs/addFolder.png differ diff --git a/docs/basic-features/imgs/addPage.png b/docs/basic-features/imgs/addPage.png index 8e21214efa..826a3e8d68 100644 Binary files a/docs/basic-features/imgs/addPage.png and b/docs/basic-features/imgs/addPage.png differ diff --git a/docs/basic-features/imgs/addVar.png b/docs/basic-features/imgs/addVar.png index 1648784ad7..b5a2acccea 100644 Binary files a/docs/basic-features/imgs/addVar.png and b/docs/basic-features/imgs/addVar.png differ diff --git a/docs/basic-features/imgs/addWords.png b/docs/basic-features/imgs/addWords.png index ef37702a5a..57d11883d0 100644 Binary files a/docs/basic-features/imgs/addWords.png and b/docs/basic-features/imgs/addWords.png differ diff --git a/docs/basic-features/imgs/bindVariable-25.png b/docs/basic-features/imgs/bindVariable-25.png index 295d83ceca..d3181530ff 100644 Binary files a/docs/basic-features/imgs/bindVariable-25.png and b/docs/basic-features/imgs/bindVariable-25.png differ diff --git a/docs/basic-features/imgs/canvasoverview.png b/docs/basic-features/imgs/canvasoverview.png index 0a2203a81f..41e23b27ed 100644 Binary files a/docs/basic-features/imgs/canvasoverview.png and b/docs/basic-features/imgs/canvasoverview.png differ diff --git a/docs/basic-features/imgs/choseClickCompontes.png b/docs/basic-features/imgs/choseClickCompontes.png index 36117a4b7e..59b8a996c0 100644 Binary files a/docs/basic-features/imgs/choseClickCompontes.png and b/docs/basic-features/imgs/choseClickCompontes.png differ diff --git a/docs/basic-features/imgs/choseComponent.png b/docs/basic-features/imgs/choseComponent.png index 48646ea9c5..a5ce385a6c 100644 Binary files a/docs/basic-features/imgs/choseComponent.png and b/docs/basic-features/imgs/choseComponent.png differ diff --git a/docs/basic-features/imgs/choseComponentID.png b/docs/basic-features/imgs/choseComponentID.png index da8447a3e0..cc43f08bcc 100644 Binary files a/docs/basic-features/imgs/choseComponentID.png and b/docs/basic-features/imgs/choseComponentID.png differ diff --git a/docs/basic-features/imgs/clickNode.png b/docs/basic-features/imgs/clickNode.png index c1ed4900af..588ee47d4a 100644 Binary files a/docs/basic-features/imgs/clickNode.png and b/docs/basic-features/imgs/clickNode.png differ diff --git a/docs/basic-features/imgs/componentDown.png b/docs/basic-features/imgs/componentDown.png index 2204a693e4..2f5874ab52 100644 Binary files a/docs/basic-features/imgs/componentDown.png and b/docs/basic-features/imgs/componentDown.png differ diff --git a/docs/basic-features/imgs/componentUp.png b/docs/basic-features/imgs/componentUp.png index b9664dfead..d7ca8f7dc6 100644 Binary files a/docs/basic-features/imgs/componentUp.png and b/docs/basic-features/imgs/componentUp.png differ diff --git a/docs/basic-features/imgs/copyComponent.png b/docs/basic-features/imgs/copyComponent.png index 699d04f9b1..55186a3047 100644 Binary files a/docs/basic-features/imgs/copyComponent.png and b/docs/basic-features/imgs/copyComponent.png differ diff --git a/docs/basic-features/imgs/copyKeyValue.png b/docs/basic-features/imgs/copyKeyValue.png index ff6f3e18b1..8903f1ab4a 100644 Binary files a/docs/basic-features/imgs/copyKeyValue.png and b/docs/basic-features/imgs/copyKeyValue.png differ diff --git a/docs/basic-features/imgs/createFolder.png b/docs/basic-features/imgs/createFolder.png index d1351b40cc..0405f0946e 100644 Binary files a/docs/basic-features/imgs/createFolder.png and b/docs/basic-features/imgs/createFolder.png differ diff --git a/docs/basic-features/imgs/createPage.png b/docs/basic-features/imgs/createPage.png index 9840601494..57428140ef 100644 Binary files a/docs/basic-features/imgs/createPage.png and b/docs/basic-features/imgs/createPage.png differ diff --git a/docs/basic-features/imgs/delBatchWord.png b/docs/basic-features/imgs/delBatchWord.png index 803def487b..0b48ebee20 100644 Binary files a/docs/basic-features/imgs/delBatchWord.png and b/docs/basic-features/imgs/delBatchWord.png differ diff --git a/docs/basic-features/imgs/delWord.png b/docs/basic-features/imgs/delWord.png index f068a60991..aeb9d994da 100644 Binary files a/docs/basic-features/imgs/delWord.png and b/docs/basic-features/imgs/delWord.png differ diff --git a/docs/basic-features/imgs/deleteClassNameNew.gif b/docs/basic-features/imgs/deleteClassNameNew.gif index f464c9bf21..63e54e6ad4 100644 Binary files a/docs/basic-features/imgs/deleteClassNameNew.gif and b/docs/basic-features/imgs/deleteClassNameNew.gif differ diff --git a/docs/basic-features/imgs/dragComponent.gif b/docs/basic-features/imgs/dragComponent.gif index b8a1bd264d..26a79a279e 100644 Binary files a/docs/basic-features/imgs/dragComponent.gif and b/docs/basic-features/imgs/dragComponent.gif differ diff --git a/docs/basic-features/imgs/editClassNameNew.gif b/docs/basic-features/imgs/editClassNameNew.gif index 9dad907f71..095ba61fe2 100644 Binary files a/docs/basic-features/imgs/editClassNameNew.gif and b/docs/basic-features/imgs/editClassNameNew.gif differ diff --git a/docs/basic-features/imgs/editClassNameStatic.png b/docs/basic-features/imgs/editClassNameStatic.png index fe53120e2d..5c08c03f4e 100644 Binary files a/docs/basic-features/imgs/editClassNameStatic.png and b/docs/basic-features/imgs/editClassNameStatic.png differ diff --git a/docs/basic-features/imgs/editWord.png b/docs/basic-features/imgs/editWord.png index 44afee1e7a..498ecf302e 100644 Binary files a/docs/basic-features/imgs/editWord.png and b/docs/basic-features/imgs/editWord.png differ diff --git a/docs/basic-features/imgs/eventOverview.png b/docs/basic-features/imgs/eventOverview.png index 3d44ac02db..886b0c5e72 100644 Binary files a/docs/basic-features/imgs/eventOverview.png and b/docs/basic-features/imgs/eventOverview.png differ diff --git a/docs/basic-features/imgs/inlineSettingResultNew.png b/docs/basic-features/imgs/inlineSettingResultNew.png index be3bbfe88b..376f905181 100644 Binary files a/docs/basic-features/imgs/inlineSettingResultNew.png and b/docs/basic-features/imgs/inlineSettingResultNew.png differ diff --git a/docs/basic-features/imgs/inlineStyleBindVar.gif b/docs/basic-features/imgs/inlineStyleBindVar.gif index c2f263ba2e..286949c86e 100644 Binary files a/docs/basic-features/imgs/inlineStyleBindVar.gif and b/docs/basic-features/imgs/inlineStyleBindVar.gif differ diff --git a/docs/basic-features/imgs/inlineStyleSettingNew.gif b/docs/basic-features/imgs/inlineStyleSettingNew.gif index 7d97132e24..c8a48b5b7f 100644 Binary files a/docs/basic-features/imgs/inlineStyleSettingNew.gif and b/docs/basic-features/imgs/inlineStyleSettingNew.gif differ diff --git a/docs/basic-features/imgs/inserPosition.png b/docs/basic-features/imgs/inserPosition.png index d64910a951..e20f462662 100644 Binary files a/docs/basic-features/imgs/inserPosition.png and b/docs/basic-features/imgs/inserPosition.png differ diff --git a/docs/basic-features/imgs/insertComponent.gif b/docs/basic-features/imgs/insertComponent.gif index 2a1ce1b063..709ef7ee4a 100644 Binary files a/docs/basic-features/imgs/insertComponent.gif and b/docs/basic-features/imgs/insertComponent.gif differ diff --git a/docs/basic-features/imgs/modifyStyle.png b/docs/basic-features/imgs/modifyStyle.png index 369631b771..0be91bf643 100644 Binary files a/docs/basic-features/imgs/modifyStyle.png and b/docs/basic-features/imgs/modifyStyle.png differ diff --git a/docs/basic-features/imgs/modifyVar.png b/docs/basic-features/imgs/modifyVar.png index fb1a9ab4f0..bccf4da6bb 100644 Binary files a/docs/basic-features/imgs/modifyVar.png and b/docs/basic-features/imgs/modifyVar.png differ diff --git a/docs/basic-features/imgs/modifyedStyle.png b/docs/basic-features/imgs/modifyedStyle.png index f889346655..099b2773f9 100644 Binary files a/docs/basic-features/imgs/modifyedStyle.png and b/docs/basic-features/imgs/modifyedStyle.png differ diff --git a/docs/basic-features/imgs/pageManaHistoryRestore.png b/docs/basic-features/imgs/pageManaHistoryRestore.png index a52dd842cf..3253d009eb 100644 Binary files a/docs/basic-features/imgs/pageManaHistoryRestore.png and b/docs/basic-features/imgs/pageManaHistoryRestore.png differ diff --git a/docs/basic-features/imgs/pageManaIndex.png b/docs/basic-features/imgs/pageManaIndex.png index bd0b5fa4c9..c02ba2454f 100644 Binary files a/docs/basic-features/imgs/pageManaIndex.png and b/docs/basic-features/imgs/pageManaIndex.png differ diff --git a/docs/basic-features/imgs/pagedelOrCopy.png b/docs/basic-features/imgs/pagedelOrCopy.png index 1b2cad5371..9e583202ad 100644 Binary files a/docs/basic-features/imgs/pagedelOrCopy.png and b/docs/basic-features/imgs/pagedelOrCopy.png differ diff --git a/docs/basic-features/imgs/pluginoverview.png b/docs/basic-features/imgs/pluginoverview.png index 8e0931c2a6..d38bff0a04 100644 Binary files a/docs/basic-features/imgs/pluginoverview.png and b/docs/basic-features/imgs/pluginoverview.png differ diff --git a/docs/basic-features/imgs/preview-btn.png b/docs/basic-features/imgs/preview-btn.png index d295bcc124..af95e7bfa3 100644 Binary files a/docs/basic-features/imgs/preview-btn.png and b/docs/basic-features/imgs/preview-btn.png differ diff --git a/docs/basic-features/imgs/selectClassNameNew.gif b/docs/basic-features/imgs/selectClassNameNew.gif index 5f5a957afb..e5354be755 100644 Binary files a/docs/basic-features/imgs/selectClassNameNew.gif and b/docs/basic-features/imgs/selectClassNameNew.gif differ diff --git a/docs/basic-features/imgs/selectParentID.png b/docs/basic-features/imgs/selectParentID.png index 576799e8d7..9947b63165 100644 Binary files a/docs/basic-features/imgs/selectParentID.png and b/docs/basic-features/imgs/selectParentID.png differ diff --git a/docs/basic-features/imgs/setClassNameNew.gif b/docs/basic-features/imgs/setClassNameNew.gif index 186aad2d80..214d6b3ab7 100644 Binary files a/docs/basic-features/imgs/setClassNameNew.gif and b/docs/basic-features/imgs/setClassNameNew.gif differ diff --git a/docs/basic-features/imgs/setClassNameStatic.png b/docs/basic-features/imgs/setClassNameStatic.png index 04ad5f0869..b23309abe1 100644 Binary files a/docs/basic-features/imgs/setClassNameStatic.png and b/docs/basic-features/imgs/setClassNameStatic.png differ diff --git a/docs/basic-features/imgs/setCompoentAttr.png b/docs/basic-features/imgs/setCompoentAttr.png index 6834cb170f..41fc560057 100644 Binary files a/docs/basic-features/imgs/setCompoentAttr.png and b/docs/basic-features/imgs/setCompoentAttr.png differ diff --git a/docs/basic-features/imgs/setCompoentBaseAttr.png b/docs/basic-features/imgs/setCompoentBaseAttr.png index 393dc1b61c..a07b19748f 100644 Binary files a/docs/basic-features/imgs/setCompoentBaseAttr.png and b/docs/basic-features/imgs/setCompoentBaseAttr.png differ diff --git a/docs/basic-features/imgs/setCompoentStyle.png b/docs/basic-features/imgs/setCompoentStyle.png index f583dfc8e8..3d797f2293 100644 Binary files a/docs/basic-features/imgs/setCompoentStyle.png and b/docs/basic-features/imgs/setCompoentStyle.png differ diff --git a/docs/basic-features/imgs/setStyleHoverNew.gif b/docs/basic-features/imgs/setStyleHoverNew.gif index 04d69eedd6..8136053f6e 100644 Binary files a/docs/basic-features/imgs/setStyleHoverNew.gif and b/docs/basic-features/imgs/setStyleHoverNew.gif differ diff --git a/docs/basic-features/imgs/settingPanelOverview.png b/docs/basic-features/imgs/settingPanelOverview.png index da6a0a9f72..d514d6c2db 100644 Binary files a/docs/basic-features/imgs/settingPanelOverview.png and b/docs/basic-features/imgs/settingPanelOverview.png differ diff --git a/docs/basic-features/imgs/state1.gif b/docs/basic-features/imgs/state1.gif index a3278a34fe..e178966a42 100644 Binary files a/docs/basic-features/imgs/state1.gif and b/docs/basic-features/imgs/state1.gif differ diff --git a/docs/basic-features/imgs/state2.gif b/docs/basic-features/imgs/state2.gif index ccad0f1ace..378cb73e59 100644 Binary files a/docs/basic-features/imgs/state2.gif and b/docs/basic-features/imgs/state2.gif differ diff --git a/docs/basic-features/imgs/state3.png b/docs/basic-features/imgs/state3.png index 3a33a940c0..8d9245805a 100644 Binary files a/docs/basic-features/imgs/state3.png and b/docs/basic-features/imgs/state3.png differ diff --git a/docs/basic-features/imgs/stylePanelOverview.png b/docs/basic-features/imgs/stylePanelOverview.png index 184690187e..916d3896c3 100644 Binary files a/docs/basic-features/imgs/stylePanelOverview.png and b/docs/basic-features/imgs/stylePanelOverview.png differ diff --git a/docs/basic-features/imgs/styleSettingNew.gif b/docs/basic-features/imgs/styleSettingNew.gif index ab6151562a..9c6f3b0ac7 100644 Binary files a/docs/basic-features/imgs/styleSettingNew.gif and b/docs/basic-features/imgs/styleSettingNew.gif differ diff --git a/docs/basic-features/imgs/styleSettingResult1.png b/docs/basic-features/imgs/styleSettingResult1.png index c6efdb4dee..ccb6449c4f 100644 Binary files a/docs/basic-features/imgs/styleSettingResult1.png and b/docs/basic-features/imgs/styleSettingResult1.png differ diff --git a/docs/basic-features/imgs/styleSettingResult2.png b/docs/basic-features/imgs/styleSettingResult2.png index 922867f973..713f69ce7a 100644 Binary files a/docs/basic-features/imgs/styleSettingResult2.png and b/docs/basic-features/imgs/styleSettingResult2.png differ diff --git a/docs/basic-features/imgs/styleSettingStatic.png b/docs/basic-features/imgs/styleSettingStatic.png index a0e3b1dfb4..667774dab9 100644 Binary files a/docs/basic-features/imgs/styleSettingStatic.png and b/docs/basic-features/imgs/styleSettingStatic.png differ diff --git a/docs/basic-features/imgs/toolbaroverview.png b/docs/basic-features/imgs/toolbaroverview.png index 98c41f9edf..54fe95e735 100644 Binary files a/docs/basic-features/imgs/toolbaroverview.png and b/docs/basic-features/imgs/toolbaroverview.png differ diff --git a/docs/basic-features/imgs/treeselectOverview.png b/docs/basic-features/imgs/treeselectOverview.png index ae8bb64ad7..e641ad3b22 100644 Binary files a/docs/basic-features/imgs/treeselectOverview.png and b/docs/basic-features/imgs/treeselectOverview.png differ diff --git "a/docs/basic-features/imgs/\347\273\221\345\256\232\345\217\230\351\207\217.png" "b/docs/basic-features/imgs/\347\273\221\345\256\232\345\217\230\351\207\217.png" index 686708f11d..d24f4d660f 100644 Binary files "a/docs/basic-features/imgs/\347\273\221\345\256\232\345\217\230\351\207\217.png" and "b/docs/basic-features/imgs/\347\273\221\345\256\232\345\217\230\351\207\217.png" differ diff --git a/docs/basic-features/inline-style-variable-binding.md b/docs/basic-features/inline-style-variable-binding.md index 0c7adca4f0..47832bd691 100644 --- a/docs/basic-features/inline-style-variable-binding.md +++ b/docs/basic-features/inline-style-variable-binding.md @@ -12,7 +12,7 @@ ![addVar](./imgs/addVar.png) 2. 画布中选中组件,在组件属性设置面板选择“样式”。 -3. 单击行内样式的编辑框后的![变量绑定图标](./imgs/icon-code.png)。 +3. 单击行内样式的编辑框后的![变量绑定图标](./imgs/icon-code.png)。 4. 在弹框中进行变量绑定。 **图 2** 绑定变量 diff --git a/docs/basic-features/internationalization.md b/docs/basic-features/internationalization.md index 1c9b252159..12fb6e8e3c 100644 --- a/docs/basic-features/internationalization.md +++ b/docs/basic-features/internationalization.md @@ -2,14 +2,14 @@ ## 使用说明 -同一个项目,可能需要同时支持多个语言,设计器提供了中英文切换,在能够一键切换语言,提升开发效率与开发体验。 国际化是应用级别的,在任何一个页面都可以访问。 +同一个项目,可能需要同时支持多个语言,设计器提供了中英文切换,能够一键切换语言,提升开发效率与开发体验。 国际化是应用级别的,在任何一个页面都可以访问。 > **说明:** > 注意的是国际化只针对画布中的项目,不针对设计器本身。 ## 添加国际化词条 -1. 在左侧插件栏中,单击![国际化插件图标](./imgs/icon-i18n.png),展开国际化资源页面。 +1. 在左侧插件栏中,单击![国际化插件图标](./imgs/icon-i18n.png),展开国际化资源页面。 2. 单击“新增词条”。 3. 编辑key,中文和英文内容 @@ -25,8 +25,8 @@ ## 编辑国际化词条 -1. 在左侧插件栏中,单击![国际化插件图标](./imgs/icon-i18n.png),展开国际化资源页面。 -2. 选择待操作的词条,单击“操作”列的![编辑图标](./imgs/icon-edit.png)。 +1. 在左侧插件栏中,单击![国际化插件图标](./imgs/icon-i18n.png),展开国际化资源页面。 +2. 选择待操作的词条,单击“操作”列的![编辑图标](./imgs/icon-edit.png)。 **图 2** 编辑词条 ![编辑词条](./imgs/editWord.png "editWord") @@ -36,8 +36,8 @@ ## 单个删除国际化词条 -1. 在左侧插件栏中,单击![国际化插件图标](./imgs/icon-i18n.png),展开国际化资源页面。 -2. 选择待操作的词条,单击“操作”列的![删除图标](./imgs/icon-del.png)。 +1. 在左侧插件栏中,单击![国际化插件图标](./imgs/icon-i18n.png),展开国际化资源页面。 +2. 选择待操作的词条,单击“操作”列的![删除图标](./imgs/icon-del.png)。 3. 在弹框中单击“确定”,完成国际化词条删除。 **图 3** 删除词条 @@ -45,7 +45,7 @@ ## 批量删除国际化词条 -1. 在左侧插件栏中,单击![国际化插件图标](./imgs/icon-i18n.png),展开国际化资源页面。 +1. 在左侧插件栏中,单击![国际化插件图标](./imgs/icon-i18n.png),展开国际化资源页面。 2. 勾选待操作的词条,单击“批量删除”。 **图 4** 批量删除词条 @@ -55,8 +55,8 @@ ## 复制词条键值 -1. 在左侧插件栏中,单击![国际化插件图标](./imgs/icon-i18n.png),展开国际化资源页面。 -2. 选择待操作的词条,单击“操作”列的![复制图标](./imgs/icon-copy.png)。 +1. 在左侧插件栏中,单击![国际化插件图标](./imgs/icon-i18n.png),展开国际化资源页面。 +2. 选择待操作的词条,单击“操作”列的![复制图标](./imgs/icon-copy.png)。 页面显示“复制成功”,完成词条键值复制。 @@ -65,10 +65,10 @@ ## 使用国际化词条 -1. 在左侧插件栏中,单击![物料插件图标](./imgs/icon-add.png),展开物料资产包。 +1. 在左侧插件栏中,单击![物料插件图标](./imgs/icon-add.png),展开物料资产包。 2. 在物料资产包中选择组件,例如button组件,并拖拽至中心画布中。 3. 选中组件,在组件属性设置面板选择“属性”。 -4. 选中文案参数旁的![变量绑定图标](./imgs/icon-code.png),进行变量绑定。 +4. 选中文案参数旁的![变量绑定图标](./imgs/icon-code.png),进行变量绑定。 5. 输入变量t\('lowcode.67564435'\),其中lowcode.67564435为词条的key值,可参考[复制词条键值](#复制词条键值)获取。 **图 6** 绑定变量 diff --git a/docs/basic-features/intro-to-designer.md b/docs/basic-features/intro-to-designer.md deleted file mode 100644 index 8b3aae0a4c..0000000000 --- a/docs/basic-features/intro-to-designer.md +++ /dev/null @@ -1,62 +0,0 @@ -# 初识设计器 - -> 本节主要简单介绍设计器界面模块 - -## 设计器界面概览 - -![设计器界面示例图](./imgs/platformExpend.png) - -如上图,设计器可以分为顶部工具栏、左侧插件栏、中间画布区、右侧设置面板等几个主要界面模块 - -## 顶部工具栏 - -![顶部工具栏示例图](./imgs/toolbaroverview.png) - -如上图所示,设计器顶部的工具栏从左到右包括: - -- 菜单按钮,点击可以展开菜单,菜单功能包括:前往物料中心、应用预览、应用发布等功能 -- 面包屑(展示当前编辑页面或区块) -- 多终端工具切换(画布宽度切换) -- 当前编辑者 -- 画布清除工具(清空当前画布) -- 保存功能,保存当前页面或区块数据 -- 下载源代码,将当前数据转换并生成代码到本地 -- 预览功能,打开新 Tab 预览当前页面或区块 -- 撤销回退功能,撤销或回退上一步操作 -- 全屏功能,将当前页面全屏(跟网页全屏功能一样) -- 设置功能,点击可展开左侧页面或区块的设置插件,管理当前页面或者区块 -- 画布中英文切换,点击可切换画布中英文,测试国际化能力 - -## 左侧插件栏 - -![插件栏示意图](./imgs/pluginoverview.png) - -如上图所示,插件面板主要有物料插件、大纲树插件、页面管理工具插件、区块管理插件、数据源管理插件、资源管理插件、国际化插件、JS 方法插件、状态管理插件 - -插件点击之后会向右展开对应插件的设置面板 - -## 中心画布 - -![中心画布](./imgs/canvasoverview.png) - -如上图所示,中心画布位于设计器中央,是可视化设计的核心模块,可以在插件栏中的物料面板往中心画布拖入组件,也可以点击画布选中组件,修改组件的属性、样式、绑定事件等等 - -## 右侧设置面板 - -右侧设置面板分为属性设置、样式设置、高级设置等面板 - -- 属性设置,设置组件的属性,比如按钮组件的 size、文案、按钮类型等等组件提供配置的属性 - -![属性设置图示](./imgs/settingPanelOverview.png) -- 样式设置,设置组件的样式,提供直接配置样式,也可以编写 CSS 代码配置样式 - -![样式设置图示](./imgs/stylePanelOverview.png) -- 高级设置,设置组件是否渲染、绑定点击事件、设置组件是否循环渲染等等 - -![高级设置图示](./imgs/eventOverview.png) - -## 底部节点树 - -![底部节点树图示](./imgs/treeselectOverview.png) - -底部节点树展示了从 body 到当前选中节点的层级,点击可切换层级 diff --git a/docs/basic-features/outline-tree.md b/docs/basic-features/outline-tree.md index bc0a480db8..9b3e87ffc4 100644 --- a/docs/basic-features/outline-tree.md +++ b/docs/basic-features/outline-tree.md @@ -1,6 +1,6 @@ # 查看大纲树 -在左侧插件栏中,单击![大纲树插件图标](./imgs/icon-tree.png),展开并查看页面大纲树。 +在左侧插件栏中,单击![大纲树插件图标](./imgs/icon-tree.png),展开并查看页面大纲树。 ## 大纲树UI展示 ![outline-tree-1](./imgs/outline-tree-1.png) diff --git a/docs/basic-features/page-and-block-preview.md b/docs/basic-features/page-and-block-preview.md index 9df1b5937b..f191a4d573 100644 --- a/docs/basic-features/page-and-block-preview.md +++ b/docs/basic-features/page-and-block-preview.md @@ -2,7 +2,7 @@ ### 前言 -在一些场景下,设计器的画布并不能使得我们直观的感受到所设计的区块或者页面最终的表现。比如说,当页面上区块和组件应用层次较多,区块之间或者组件之间交互行为较为复杂时,我们在画布上去清晰的感知页面的静态布局以及动态交互很是困难,这时候就需要设计器的**页面/区块预览**能力来为开发提供帮助 +在一些场景下,设计器画布无法直观展示区块或页面的最终呈现效果。比如说,当页面中的区块与组件嵌套层级过多,或彼此间的交互逻辑复杂,我们将难以在设计画布上直观感知其静态布局以及复杂的动态交互行为,这时候就需要设计器的**页面/区块预览**能力来为开发提供帮助 ### 页面/区块预览入口 @@ -18,7 +18,7 @@ ![Alt text](./imgs/preview.png) -页面/区块预览界面除了帮助我们直观的看到整体页面结构以及进行交互动作外,还可以提供其他功能验证 +页面/区块预览界面除了帮助我们直观的看到整体页面结构以及动态交互动作外,还可以提供其他功能验证 - 切换设备宽度 - 国际化语言 - state状态响应式 diff --git a/docs/basic-features/page-management.md b/docs/basic-features/page-management.md index f4875bcff1..ae2a2f2fef 100644 --- a/docs/basic-features/page-management.md +++ b/docs/basic-features/page-management.md @@ -34,7 +34,7 @@ ### 删除页面/文件夹、复制页面 -在页面列表右侧点击设置按钮,出来编辑面板,可以在右上角的按钮触发删除、复制页面功能 +在页面列表右侧点击 更多 -> 设置按钮,出来编辑面板,可以在右上角的按钮触发删除、复制页面功能 ![删除或复制页面](./imgs/pagedelOrCopy.png) @@ -45,7 +45,7 @@ #### 设置主页 主页就是整个应用的 home 页面,我们可以在页面管理中配置主页(即 path 为 "/" 时渲染的页面) -操作:在主页设置复选框上打钩即可 +操作:在页面列表右侧点击 更多 -> 设置为主页 ![主页设置](./imgs/pageManaIndex.png) #### 配置页面生命周期 diff --git a/docs/basic-features/style-settings.md b/docs/basic-features/style-settings.md index f53e8a5e15..e115f18dab 100644 --- a/docs/basic-features/style-settings.md +++ b/docs/basic-features/style-settings.md @@ -1,6 +1,6 @@ # 样式设置 -> 在页面开发过程中,为了给用户友好的体验和交互能力,提供样式自定义是不可或缺的能力。因此,我们提供了样式面板提供用户修改样式的能力 +> 在页面开发过程中,为了给用户友好的体验和交互能力,提供样式自定义是不可或缺的能力。因此,我们提供了样式面板,支持用户自定义样式。 在高代码编辑中,我们通常有两种方式可以对组件写入样式: diff --git a/docs/basic-features/using-components.md b/docs/basic-features/using-components.md index 531defe6fa..66d969a329 100644 --- a/docs/basic-features/using-components.md +++ b/docs/basic-features/using-components.md @@ -8,7 +8,7 @@ ## 从物料面板中添加组件 -1. 在左侧插件栏中,单击![物料插件图标](./imgs/icon-add.png),展开物料资产包。 +1. 在左侧插件栏中,单击![物料插件图标](./imgs/icon-add.png),展开物料资产包。 2. 在物料资产包中选择组件,并拖拽至中心画布中。 ![拖入组件](./imgs/dragComponent.gif) diff --git a/docs/catalog.json b/docs/catalog.json index 9682235a13..e7b1360056 100644 --- a/docs/catalog.json +++ b/docs/catalog.json @@ -16,7 +16,6 @@ "title": "基础功能", "name": "basic-features", "articles": [ - { "title": "初识设计器", "name": "intro-to-designer.md" }, { "title": "设计前端应用流程", "name": "frontend-application-flow.md" }, { "title": "设计器界面模块简介", "name": "designer-ui-modules.md" }, { "title": "页面管理", "name": "page-management.md" }, @@ -155,7 +154,9 @@ { "title": "全局布局API", "name": "global-layout-api.md" }, { "title": "物料API", "name": "material-api.md" }, { "title": "设置面板API", "name": "settings-panel-api.md" }, - { "title": "预览API", "name": "preview-api.md" } + { "title": "预览API", "name": "preview-api.md" }, + { "title": "元服务API", "name": "globalService-api.md" }, + { "title": "注册表API", "name": "registry-api.md" } ] }, { diff --git a/docs/development-getting-started/dev-quick-start.md b/docs/development-getting-started/dev-quick-start.md index ca05663012..d9c298113b 100644 --- a/docs/development-getting-started/dev-quick-start.md +++ b/docs/development-getting-started/dev-quick-start.md @@ -117,7 +117,7 @@ export default { ### 3.1 克隆或下载源码 -前往[Tiny Engine github](https://github.com/opentiny/tiny-engine/tree/v2.0.0) 地址,选择分支为:`refactor/develop`,或者选择Tags为 v2.0.0或者其他2.0版本,克隆或下载源码。 +前往[Tiny Engine github](https://github.com/opentiny/tiny-engine/tree/v2.0.0) 地址,选择分支为:`develop`,或者选择Tags为 v2.0.0或者其他2.0版本,克隆或下载源码。 克隆下来可以看到我们的目录结构如下 diff --git a/docs/ecosystem-center/imgs/ecology1.png b/docs/ecosystem-center/imgs/ecology1.png index 805025a3a5..0d875b436d 100644 Binary files a/docs/ecosystem-center/imgs/ecology1.png and b/docs/ecosystem-center/imgs/ecology1.png differ diff --git a/docs/extension-capabilities-tutorial/code-output-function/imgs/exportcode.gif b/docs/extension-capabilities-tutorial/code-output-function/imgs/exportcode.gif index e48b4d42f0..da6dff3633 100644 Binary files a/docs/extension-capabilities-tutorial/code-output-function/imgs/exportcode.gif and b/docs/extension-capabilities-tutorial/code-output-function/imgs/exportcode.gif differ diff --git a/docs/getting-started/imgs/addComponent.png b/docs/getting-started/imgs/addComponent.png index 9b1b4e160e..6aaaaf7335 100644 Binary files a/docs/getting-started/imgs/addComponent.png and b/docs/getting-started/imgs/addComponent.png differ diff --git a/docs/getting-started/imgs/addState.png b/docs/getting-started/imgs/addState.png index c7e6f35f38..209af29b82 100644 Binary files a/docs/getting-started/imgs/addState.png and b/docs/getting-started/imgs/addState.png differ diff --git a/docs/getting-started/imgs/bangEnv.png b/docs/getting-started/imgs/bangEnv.png index 8ce995b38d..986996169b 100644 Binary files a/docs/getting-started/imgs/bangEnv.png and b/docs/getting-started/imgs/bangEnv.png differ diff --git a/docs/getting-started/imgs/firstPage.png b/docs/getting-started/imgs/firstPage.png index 39d0ba7fa6..c8914599f7 100644 Binary files a/docs/getting-started/imgs/firstPage.png and b/docs/getting-started/imgs/firstPage.png differ diff --git a/docs/getting-started/imgs/imgswitch.png b/docs/getting-started/imgs/imgswitch.png index ab60095ee6..8f0483615e 100644 Binary files a/docs/getting-started/imgs/imgswitch.png and b/docs/getting-started/imgs/imgswitch.png differ diff --git a/docs/getting-started/imgs/page1.png b/docs/getting-started/imgs/page1.png index 259f7841af..96b872a943 100644 Binary files a/docs/getting-started/imgs/page1.png and b/docs/getting-started/imgs/page1.png differ diff --git a/docs/getting-started/imgs/preImgChange.png b/docs/getting-started/imgs/preImgChange.png index 2500d5ac7f..050a4db8f5 100644 Binary files a/docs/getting-started/imgs/preImgChange.png and b/docs/getting-started/imgs/preImgChange.png differ diff --git a/docs/getting-started/imgs/setImgSrc.png b/docs/getting-started/imgs/setImgSrc.png index 975c7dad9f..fb1f8a187f 100644 Binary files a/docs/getting-started/imgs/setImgSrc.png and b/docs/getting-started/imgs/setImgSrc.png differ diff --git a/docs/getting-started/imgs/setImgSta.png b/docs/getting-started/imgs/setImgSta.png index aade623a29..05cd552b3d 100644 Binary files a/docs/getting-started/imgs/setImgSta.png and b/docs/getting-started/imgs/setImgSta.png differ diff --git a/docs/getting-started/imgs/setImgSty.png b/docs/getting-started/imgs/setImgSty.png index 007a466958..e8fe77a2bc 100644 Binary files a/docs/getting-started/imgs/setImgSty.png and b/docs/getting-started/imgs/setImgSty.png differ diff --git a/docs/getting-started/imgs/showImg.png b/docs/getting-started/imgs/showImg.png index 89248a92c1..4a83ae0552 100644 Binary files a/docs/getting-started/imgs/showImg.png and b/docs/getting-started/imgs/showImg.png differ diff --git a/docs/tutorials/build-a-page-from-scratch.md b/docs/tutorials/build-a-page-from-scratch.md index 784dc9447c..ff36f41c84 100644 --- a/docs/tutorials/build-a-page-from-scratch.md +++ b/docs/tutorials/build-a-page-from-scratch.md @@ -1,3 +1,3 @@ -# 从零搭建一个页面 +# 从0到1搭建一个页面 - +