codewave-openclaw-installer 1.0.0

package/skills/smart-customer-service/docs/codewave/20./345/272/224/347/224/250/345/274/200/345/217/221/60./345/217/257/350/247/206/345/214/226/345/274/200/345/217/221/347/225/214/351/235/242/70./346/233/264/345/244/232/350/256/276/347/275/256/40./347/263/273/347/273/237/345/201/217/345/245/275/350/256/276/347/275/256.md

@@ -0,0 +1,197 @@
+# **系统偏好设置**
+
+## 1. 功能概述
+
+开发者可以根据系统偏好设置调整更符合自己开发习惯的设置，例如是否开启调试功能、是否使用扩展逻辑等。
+
+<img src="../assets/phsz_202407051559_3.png" class="imgStyle" style="" />
+
+## 2. 功能介绍
+
+### 2.1 功能入口
+
+单击顶部“**更多**”按钮，在弹出框中选择“**系统偏好设置**”，即可进入偏好设置窗口。
+
+<img src="../assets/phsz_202407051559_4.png" class="imgStyle" style="" />
+
+<!-- ### 2.2主题设置
+
+#### 深色主题
+
+支持修改IDE主题颜色，默认关闭。深色主题如图所示。
+
+![image](../assets/xitongpianhaoshezhi_0108_3.png) -->
+
+### 2.2 开发者设置
+
+#### 新建逻辑默认开启事务
+
+开启后，新建的服务端逻辑会默认开启数据库事务。
+
+> 事务：在逻辑运行期间，如果发生任何异常，则回滚数据库操作。默认关闭。
+
+<img src="../assets/xitongpianhaoshezhi_202412021644_1.png" class="imgStyle" style="" />
+
+#### 新建页面默认开启权限
+
+在开启[权限模块配置](../../../20.应用开发/10.页面设计/35.权限模块/005.权限模块配置.md)的前提下，若开启“新建页面默认开启权限”，创建页面时将自动开启页面的"权限控制“。
+
+开启“权限控制”的页面被视为功能权限的资源，被要求仅配置权限后的用户可访问。以系统默认的权限模块（基于角色的访问控制模型）为例，为用户所属角色绑定包含页面资源的功能权限，即可支持用户访问页面，相关操作示例请参考：[如何实现功能权限控制](../../../20.应用开发/10.页面设计/35.权限模块/022.权限场景/025.如何实现功能权限控制.md)。
+
+<img src="../assets/xitongpianhaoshezhi_202412021644_2.png" class="imgStyle" style="" />
+
+- 无论是否开启“新建页面默认开启权限”功能，为开启权限控制的页面添加子页面时，子页面默认开启权限控制，且不可关闭；
+- 开启和关闭“新建页面默认开启权限”功能，不影响已创建页面的权限控制；
+- 若开启“新建页面默认开启权限”功能时未开启[权限模块配置](../../../20.应用开发/10.页面设计/35.权限模块/005.权限模块配置.md)，应用会提示开启权限模块控制，开启权限模块控制后需要重新执行操作开启“新建页面默认开启权限”功能；
+- 移除[权限模块配置](../../../20.应用开发/10.页面设计/35.权限模块/005.权限模块配置.md)时，自动关闭“新建页面默认开启权限”功能。
+
+
+
+#### 开发视图
+
+偏好设置提供了选择开发视图的功能。其中全栈视图涵盖了页面、逻辑、流程、数据等多维度的设计器，形成了一个全面且综合的开发架构；前端视图则聚焦于页面设计器，强调纯前端开发模式。
+
+有关开发视图更详细的介绍，可参见：[开发视图](../../10.页面设计/37.开发视图.md)。
+
+<img src="../assets/phsz_202407051559_1.png" class="imgStyle" style="" />
+
+1.  默认选中全栈视图，可下拉切换前端视图。
+
+    <img src="../assets/phsz_202407051559_2.png" class="imgStyle" style="width:350px;" />
+
+2.  全栈视图切换为前端视图，仅在没有实体、服务端逻辑、流程等后端功能时支持。
+3.  前端视图切换为全栈视图不受任何条件制约。
+4.  多端（pc h5）下均支持纯前端模式。
+
+#### 错误是否可生成源码、发布
+
+当应用出现错误时，仍然支持生成源码和发布操作。默认关闭。
+
+#### 按需加载前端依赖
+
+开启后，前端构建文件会仅加载使用到的组件或依赖库，减少构建产物体积，提升制品访问速度。
+注意：开启功能开关仅代表该功能的启用权限已开放，并不意味着功能已实际生效。还需要前端依赖库本身具备按需加载的支持能力，具体介绍请参考[依赖库按需加载](../../../40.扩展与集成/10.扩展开发方式/20.前端扩展开发/20.快速开始/50.依赖库按需加载.md)。
+
+#### 按需生成接口
+
+开启时，服务端逻辑、实体逻辑被前端逻辑调用后才会自动生成对应接口，如果不被调用，则不会生成网络接口。默认开启。
+
+> 推荐打开**按需生成接口**，可增加应用的安全性，也可以减少应用生成的代码的体积。
+
+#### 服务端逻辑验证规则
+
+平台从 3.0 版本开始提供**服务端逻辑验证规则**的功能，该功能被用于需要验证传入服务端的网络数据的合法性的场景。
+
+*   关闭：不进行服务端逻辑规则验证。
+*   自动分析：根据平台的验证规则自动分析和验证服务端的逻辑流程。默认选中。
+*   自动分析+自定义设置：基于平台分析出的验证规则，并可额外添加自定义的验证规则。
+
+服务端逻辑的验证规则仅在**经由网络请求调用时触发**。具体服务端逻辑的验证规则说明请参考[验证规则](../../10.页面设计/35.验证规则.md)。
+
+#### 扩展组件管理
+
+对用户添加的扩展组件进行管理。弹窗中会展示在页面中使用的扩展组件和使用过但被删除的扩展组件，使用过但被删除的扩展组件可以在弹窗中选择移除操作。
+
+![image](../assets/xitongpianhaoshezhi_0108_8.png)
+
+#### 使用扩展逻辑
+
+开启后，支持用户自定义java代码实现逻辑并调用该逻辑。默认关闭。扩展逻辑的具体使用方式请参考[Java扩展逻辑开发](../../../40.扩展与集成/10.扩展开发方式/30.服务端扩展开发/20.扩展逻辑开发/10.Java扩展逻辑开发.md)。
+
+创建扩展逻辑：在系统偏好设置中打开“使用扩展逻辑”后，用户可以在逻辑下方的服务端逻辑中找到扩展逻辑，点击右键可选择添加扩展逻辑。
+
+<img src="../assets/xitongpianhaoshezhi_0108_9.png" alt="image" style="width: 300px;border: 1px solid #ccc;" />
+
+<img src="../assets/xitongpianhaoshezhi_0108_10.png" alt="image" style="border: 1px solid #ccc;" />
+
+#### 调试功能
+
+开启后，IDE上方出现调试图标，逻辑块右键出现“设置断点”，可以进行逻辑debug，观测程序每一步运行结果并查看变量的值。默认开启。
+
+调试功能的详细介绍请参考：[调试功能](../../../20.应用开发/15.逻辑功能实现/45.逻辑编辑/80.逻辑调试.md)。
+
+![image](../assets/xitongpianhaoshezhi_0108_11.png)
+
+#### 元数据
+
+开启后，开发者可以在**自定义类型**下找到**元数据**，进行元数据的添加。
+
+元数据目前有两种用法：
+
+- 在实体属性中使用元数据类型时，拖拽实体生成的表单会根据元数据中的验证规则自动生成表单项验证规则。
+- 在自定义连接器的RequestBody中使用，可以传入动态结构的请求体内容。
+  
+详细介绍请参考：[元数据](../../05.数据建模/33.元数据.md)。
+
+<img src="../assets/xitongpianhaoshezhi_0119_12.png" style="width:400px;border: 1px solid #ccc;" />
+
+
+#### 权限映射生成
+
+开启“权限映射生成”后，**应用发布或导出源码时**支持自动生成权限管控文件，完整记录所有**页面与入口映射关系**，帮助开发者快速定位支持页面跳转的组件及其跳转的目标页面。具体使用场景请参考：[如何联动页面与入口权限](../../10.页面设计/35.权限模块/022.权限场景/040.如何联动页面与入口权限.md)。
+
+#### 智能代码补全
+
+开启“**智能代码补全**”后，在编写逻辑时，当用户点击逻辑线或组件插槽时，AI 会依据上下文推测用户可能需要添加的逻辑，并提供相应选项，供用户直接将其添加到逻辑或组件插槽中。
+
+<img src="../assets/xitongpianhaoshezhi_202412241340_1.png" class="imgStyle" style="width:400px;" />
+
+在此过程中，用户可对 AI 的推荐进行**判断**，若认为推荐符合需求，则可**采纳**，通过特定操作（如点击确认按钮或按 Tab 键）将推荐的逻辑添加到相应位置；若觉得推荐不合适，可选择**取消**，比如进行非采纳的任意操作（如点击取消按钮、鼠标移动或键盘输入等），继续手动编辑。详情可参见：[智能代码补全](../../../25.智能开发/035.智能编程助手/040.智能代码补全.md)。
+
+<img src="../assets/xitongpianhaoshezhi_202409241657_5.png" class="imgStyle" style="" />
+
+#### 零代码表单设计器
+
+开启后，拖拽表单组件到页面时可选择使用零代码表单设计器，使用方式请参考：[零代码表单设计](../../25.零代码开发/20.零代码表单设计.md)
+
+<img src="../assets/xitongpianhaoshezhi_0603_1.png" style="width:400px;border: 1px solid #ccc;" />
+
+#### 服务端增量翻译模式
+
+开启后在发布预览、导出源码功能生成后端源码时将基于上一次生成的源码进行，每次只翻译发生变更的节点，提升应用的预览/导出速度。
+
+### 2.3 主题设置
+
+- IDE上导航设置：可切换深色导航或浅色导航。窗口右侧可预览效果。
+
+### 2.4 编辑器偏好设置
+
+<img src="../assets/xitongpianhaoshezhi_202502211029_1.png" alt="image" style="width:300px" />
+
+* 页面表达式默认显示：可选择“表达式”或“示例数据”，默认选中“示例数据”。窗口右侧可预览效果。点击“立即应用于所有页面”后会更新所有页面中的表达式展示效果。文档请参考：[示例数据（表达式占位符）](../../10.页面设计/16.示例数据（表达式占位符）.md)。
+*   逻辑顺序流样式：可选择“有线条”或“无线条”，默认选中“有线条”。窗口右侧可预览效果。
+*   逻辑块内容间距：可选择“紧凑”“正常”或“宽松”，默认选中“正常”。窗口右侧可预览效果。
+*   逻辑图标样式：可选择“显示”或“隐藏”，默认选中“隐藏”。窗口右侧可预览效果。
+*   逻辑布局样式：可选择“宽松布局”或“紧凑布局”，默认选中“紧凑布局”。窗口右侧可预览效果。
+
+### 2.5 数据库配置设置
+
+- 系统表前缀：
+
+    流程2.0、权限、定时任务等系统自动创建的数据库表，为了避免多个应用的系统表名冲突，会默认为系统表名增加前缀，可以修改为自定义的表前缀。
+
+    - 应用ID（默认）：生成的表如下图所示。
+
+        - 权限相关表的表名为：表名+下划线+应用id前六位
+        - 自动任务相关表的表名为：N+应用id前七位+表名
+        - 流程相关表的表名为：P+应用id前七位+表名
+
+        <img src="../assets/xitongpianhaoshezhi_202410161728_1.png" class="imgStyle" style="width:300px;" />
+
+    - 自定义表前缀：支持输入字母、数字、下划线，必须以字母开头，最大长度10位。
+
+        例如，将表前缀修改为myapp_后，生成的表如下图所示。
+
+        <img src="../assets/xitongpianhaoshezhi_202410161728_2.png" class="imgStyle" style="width:300px;" />
+
+    此外，将应用导出源码时如果选择了后端源码，也可以单独配置导出的源代码中的系统表前缀。
+
+    <img src="../assets/xitongpianhaoshezhi_202410161728_3.png" class="imgStyle" style="width:600px;" />
+
+
+<div style="text-align: right;font-size: 14px;">
+    <span style="color: rgb(78, 110, 142);">创建人：</span>
+    <span style="color: rgb(118, 118, 118);">老王</span>
+    <span style="color: rgb(78, 110, 142);margin: 0 0 0 40px;">更新时间：</span>
+    <span style="color: rgb(118, 118, 118);">2025年09月12日</span>
+</div>

package/skills/smart-customer-service/docs/codewave/20./345/272/224/347/224/250/345/274/200/345/217/221/60./345/217/257/350/247/206/345/214/226/345/274/200/345/217/221/347/225/214/351/235/242/70./346/233/264/345/244/232/350/256/276/347/275/256/50./345/233/275/351/231/205/345/214/226/345/244/232/350/257/255/350/250/200.md

@@ -0,0 +1,330 @@
+# 国际化多语言
+
+## 1. 功能概述
+
+CodeWave提供了一套多语言解决方案，旨在帮助应用程序实现国际化，使其能够轻松地适应不同语言的用户，从而提供更易读的多语言应用。
+
+国际化功能会自动帮助开发者搜索整个制品应用中可翻译内容，并以统一的方式展示在国际化配置界面上，包括但不限于组件文本（组件的内置文本和开发者手动编写的文本）、系统提示信息和枚举值。平台的目标是将终端用户可能接触和看到的所有文本内容纳入自动采集范围。
+
+平台不限制开发者需要翻译的语言。翻译内容可方便地导出为 Excel 格式，开发者可以将所有需要翻译的内容交给公司内部专业的翻译团队来完成，最后可以一键将翻译结果导入应用程序中，实现开发工作和翻译者工作的完全解耦。
+
+国际化功能几乎不对应用程序进行侵入性修改。无论应用是刚刚创建的还是经过多个版本迭代的成熟应用，都可以以较低的成本配置国际化能力。
+
+## 2. 使用场景
+
+当应用面向多国籍用户时，例如在多个国家或地区运营，提供多语言功能可以满足不同用户的语言需求，提高用户留存率和用户满意度。
+
+## 3. 功能介绍
+
+### 3.1 功能入口
+
+点击IDE上方的“更多”按钮，选择弹出框中的“国际化多语言”，即可进入到国际化配置页面。
+
+<img src="../assets/guojihuaduoyuyan_20240715_1.png" alt="0" style="width:500px;border: 1px solid #ccc;" />
+
+### 3.2 启用国际化多语言
+
+国际化配置界面中，选择PC端或H5端后，点击开关按钮启用。
+
+<img src="../assets/guojihuaduoyuyan_0108_2.png" alt="0" style="border: 1px solid #ccc;" />
+
+首次点击开启国际化多语言，系统会展示一个弹窗，请选择要翻译的语言，语言可以后续修改。
+
+> 注意：中文简体是系统默认的制品语言，即平台默认开发者的应用是通过`中文(简体)`进行搭建的。
+
+<img src="../assets/guojihuaduoyuyan_20240715_2.png" alt="0" style="width:500px" />
+
+点击确定后，系统开始提取当前可翻译的所有内容，请耐心等待，如果应用比较大，提取消耗的时间会比较长。提取完成后将看到如下页面：
+
+<img src="../assets/gjhdyy_202407051735_1.png" class="imgStyle" style="" />
+
+可翻译的内容分为用户自定义和系统内置，用户自定义可再细致划分为页面、业务组件和枚举。可以通过所属页面进行内容搜索，也可以通过关键词进行搜索。在表格第一列展示了制品语言，默认为中文（简体），以及所有可翻译的语言列表。最后一列是路径，当不确定当前文本内容的上下文时，可参考路径来评估内容所在位置，也可以复制路径中的关键字，进入IDE，通过Command（Ctrl）+ F 进行全局搜索来定位对应内容。
+
+![0](../assets/guojihuaduoyuyan_0108_5.png)
+
+在待翻译语言列表，可直接在当前页面双击目标位置输入翻译结果，也可以导出Excel后再进行翻译，并支持按不同维度筛选和导出。
+
+> 平台仅做待翻译内容的导出，不会自动生成目标语言的翻译内容，具体的翻译内容为开发者自行处理。
+
+<img src="../assets/gjhdyy_202407051735_2.png" class="imgStyle" style="" />
+
+### 3.3 翻译列表操作
+
+在国际化页面右上角，可以看到4个按钮，分别是导入、导出、更新国际化列表和管理语言。
+
+<img src="../assets/guojihuaduoyuyan_0108_7.png" alt="image" style="border: 1px solid #ccc;" />
+
+#### 3.3.1 管理语言
+
+点击“管理语言”，会展示一个弹窗显示当前已经添加的翻译语言。可以点击弹窗左下方“添加语言”选择需要新增的语言类型。
+
+<img src="../assets/guojihuaduoyuyan_0108_8.png" alt="0" style="width:600px" />
+
+在表格中，有两个可操作的选项，分别是「设为默认语言」和「移除」。
+
+* 设为默认语言：应用发布后，如果识别到的终端用户的语言设置无法匹配翻译列表，系统会自动将应用语言切换为默认语言。此配置项发布后对制品应用生效。
+
+* 移除：删除当前语言，同时删除所有翻译内容。该操作执行后立即生效，由于删除内容不可恢复，请慎重操作。
+
+#### 3.3.2 更新国际化列表
+
+应用中的可翻译内容发生变动后，若需调整翻译内容，可通过点击“更新国际化列表”将变动的内容更新到翻译列表中。
+
+<img src="../assets/guojihuaduoyuyan_0108_9.png" alt="image" style="width:450px;" />
+
+#### 3.3.3 导出
+
+导出功能用于将可翻译的列表和已翻译内容一并导出成Excel文件，以便交付专业翻译团队进行翻译。点击“导出”后，支持选择全量导出和指定范围导出，指定范围包括用户自定义的页面、业务组件、枚举或系统内置。
+
+<img src="../assets/gjhdyy_202407051735_3.png" class="imgStyle" style="width:450px;" />
+
+确定导出后，系统将自动获取最新的国际化列表，因此导出的 Excel文件是当前最新的可翻译列表。
+
+导出后的Excel文件名以当前应用名称和导出日期命名，并自动下载到本地。
+
+<img src="../assets/guojihuaduoyuyan_0108_10.png" alt="image" style="width:500px;border: 1px solid #ccc;" />
+
+打开Excel后，内容如下：表格中包含两个标签页，第一个是去重后的所有待翻译内容，通常情况下只需要在此页面完成内容翻译；第二个标签页是未去重的详细数据，包括数据的唯一标识、待翻译的数据本身以及数据的路径。只有当相同中文文案有不同翻译时，才需要进入第二个页面，找到对应位置进行不同的翻译。
+
+系统在读取翻译数据时，如果识别到第二个标签下某个翻译项有内容，则以此翻译内容为准。
+
+注意：不要更改第一个标签页的第一列以及第二个标签页的第一列和第二列。否则在导入翻译列表时，由于系统无法识别对应的内容，会直接丢弃这些内容。
+
+<img src="../assets/guojihuaduoyuyan_0108_11.png" alt="0" style="border: 1px solid #ccc;" />
+
+#### 3.3.4 导入
+
+当通过Excel完成翻译后，请点击“导入”并上传目标文件。系统将自动识别Excel中的内容与当前应用中可翻译列表的匹配度。如果发现数据无法匹配，系统将直接丢弃这些数据。
+
+如果数据被丢弃，可以在当前内容被导入后再次点击“导出”，以查询所有可翻译列表中尚未完成翻译的内容。完成翻译后，再次进行导入即可。
+
+### 3.4 国际化相关逻辑
+
+使用调用逻辑组件，在**系统逻辑-国际化**下可以调用国际化相关的逻辑。
+
+使用国家化相关逻辑时应注意：
+
+*   国际化相关逻辑的调用入口仅在开启国际化时会展示。
+
+*   国际化相关逻辑仅支持在页面设计器中被调用，无法在服务端逻辑中调用。
+
+<img src="../assets/guojihuaduoyuyan_0108_12.png" alt="0" style="border: 1px solid #ccc;" />
+
+#### 3.4.1 获取用户浏览器语言
+
+getUserLanguage逻辑用于获取当前浏览器的默认语言。开发者可以利用此逻辑，根据终端用户的浏览器默认语言为用户切换最合适的应用语言。
+
+返回的数据类型为字符串，例如"zh-CN"，这是国际化标准的语言代码，也是系统中提供的语言列表的ID。
+
+> 特别说明：当开启国际化后，用户首次进入系统时，系统会自动检测用户当前浏览器语言。如果存在匹配的翻译列表，系统会自动进行语言匹配。
+
+<img src="../assets/guojihuaduoyuyan_0108_13.png" alt="image" style="width: 500px;border: 1px solid #ccc;" />
+
+#### 3.4.2 获取已配置的多语言列表
+
+getl18nList逻辑用于获取应用中已经设置的多语言列表。在启用国际化的应用中，如果需要向应用用户提供可选的语言列表，可以调用此接口以获取完整的可选语言列表。
+
+获取到的内容示例：
+
+```json
+[{
+    id："zh-CN"；// 语言ID，标准国际语言编码
+    name："中文(简体)"； // 语言自称
+    title："中文(简体)"； // 语言的中文名称
+},{
+    id："en-US"；
+    name："English (United States)"；
+    title："英语（美国）"；
+},]
+```
+
+<img src="../assets/guojihuaduoyuyan_0108_14.png" alt="image" style="width:500px;border: 1px solid #ccc;" />
+
+#### 3.4.3 切换语言
+
+setl18nLocale逻辑用于切换应用语言为目标语言且刷新整个页面。
+
+输入参数locale：选择切换的语言，入参类型为String类型，例如 zh-CN，即getl18nList逻辑（获取已配置的多语言列表）返回结果 中的 id字段。
+
+<img src="../assets/guojihuaduoyuyan_0108_15.png" alt="image" style="width:500px;border: 1px solid #ccc;" />
+
+### 3.5. 公共变量：获取系统记录的语言
+
+当开启国际化后，系统会通过一个全局变量来记录当前语言，可以在页面设计器的任意位置通过调用这个变量来判断当前语言环境。
+
+变量所在位置：公共变量 - i18nInfo - currentLocale
+
+变量类型：枚举（枚举值为所有可选的语言列表）
+
+注意：此变量仅用于读取，请勿对它进行赋值，想要切换语言可以通过调用setl18nLocale逻辑实现。
+
+<img src="../assets/guojihuaduoyuyan_0108_16.png" alt="0" style="border: 1px solid #ccc;" />
+
+## 4. 操作示例
+
+### 4.1 搭建一个简单的国际化应用
+
+效果预览：
+
+![image](../assets/guojihuaduoyuyan_0108_17.gif)
+
+当需要制作上图展示的国际化语言切换页面时，需完成以下几步。
+
+#### 4.1.1 为目标应用开启国际化
+
+<img src="../assets/guojihuaduoyuyan_0108_18.png" alt="0" style="border: 1px solid #ccc;" />
+
+#### 4.1.2 翻译国际化内容
+
+导出待翻译列表的Excel文件，请专业的翻译人员进行多语言翻译，翻译完成后导入Excel文件。
+
+<img src="../assets/guojihuaduoyuyan_0108_19.png" alt="0" style="border: 1px solid #ccc;" />
+
+#### 4.1.3 制作切换多语言的选择器
+
+在页面中加入切换多语言功能，使用选择器实现。
+
+> 提示：首次进入页面时会自动获取浏览器语言并切换到对应的语言，无需开发者手动在页面进入时事件中做处理。
+
+1. 拖拽一个选择器放置到合适位置并配置样式
+
+    <img src="../assets/guojihuaduoyuyan_0108_20.png" alt="0" style="border: 1px solid #ccc;" />
+
+2. 为选择器配置数据源，数据源使用getl18nList逻辑获取已配置的多语言列表。
+
+    > getl18nList逻辑的详细说明请参考 [3.4.2 获取已配置的多语言列表](#_3-4-2-获取已配置的多语言列表)
+
+    <img src="../assets/guojihuaduoyuyan_0108_21.png" alt="0" style="border: 1px solid #ccc;" />
+
+    <img src="../assets/guojihuaduoyuyan_0108_22.png" alt="0" style="border: 1px solid #ccc;" />
+
+3. 为列表配置文本字段和值字段。
+
+    配置文本字段：
+
+    <img src="../assets/guojihuaduoyuyan_0108_23.png" alt="0" style="width: 450px;border: 1px solid #ccc;" />
+
+    配置值字段：
+
+    <img src="../assets/guojihuaduoyuyan_0108_24.png" alt="0" style="width:450px;border: 1px solid #ccc;" />
+
+4. 选中值绑定为记录系统当前语言的公共变量`i18nInfo.currentLocale`，关闭“是否将组件输入赋值给变量”。
+
+    <img src="../assets/guojihuaduoyuyan_0108_25.png" alt="0" style="border: 1px solid #ccc;" />
+
+编写逻辑，当切换选择器中的语言后，调用切换语言的逻辑完成应用语言切换。
+
+5. 为选择器创建一个选择后事件。
+
+    <img src="../assets/guojihuaduoyuyan_0108_26.png" alt="0" style="width:500px;border: 1px solid #ccc;" />
+
+6. 在选择后事件中添加逻辑，调用setl18nLocale逻辑完成语言切换。
+
+    > `setl18nLocale`逻辑的详细说明请参考「**3.4.3 切换语言**」。
+
+    <img src="../assets/guojihuaduoyuyan_0108_27.png" alt="0" style="border: 1px solid #ccc;" />
+
+    切换语言需要以当前选中语言作为入参，“选择后”事件逻辑中有event参数，event的value字段为选择器选择后的**值字段**内容，可以将其作为set18nLocale逻辑的入参。
+
+    <img src="../assets/guojihuaduoyuyan_0108_28.png" alt="0" style="border: 1px solid #ccc;" />
+
+H5端的选择器实现切换语言可使用“点击完成按钮时触发”事件，事件逻辑的event参数为选择器选择后的**值字段**内容。
+
+<img src="../assets/guojihuaduoyuyan_0612_1.png" alt="0" style="border: 1px solid #ccc;" />
+
+<img src="../assets/guojihuaduoyuyan_0612_2.png" alt="0" style="border: 1px solid #ccc;" />
+
+#### 4.1.4 预览效果、验证功能
+
+1、确认语言切换功能是否生效。
+
+2、确认系统获取到的语言列表是否完整。
+
+3、确认语言切换后，组件样式是否存在问题。
+
+## 5. 补充说明
+
+### 5.1 如何翻译带变量的文本
+
+使用文本组件时如果在文本组件中插入了变量，则系统不会将此文本组件中的内容进行翻译，需要自己手动为此类文本进行翻译。
+
+示例：
+
+1、拖拽一个匹配组件，匹配的内容为标识当前国际化语言的变量。
+
+<img src="../assets/guojihuaduoyuyan_0108_29.png" alt="0" style="border: 1px solid #ccc;" />
+
+
+2、为不同的目标语言手动配置不同的文本内容。
+
+<img src="../assets/guojihuaduoyuyan_0108_31.png" alt="0" style="border: 1px solid #ccc;" />
+
+附录：语言ID和文本对应列表
+
+| 语言ID | 语言名称     |
+| :----- | :----------- |
+| en-US  | 英语（美国） |
+| fr-FR  | 法语         |
+| ko-KR  | 韩语         |
+| zh-CN  | 中文（简体） |
+| zh-TW  | 中文（繁体） |
+| ja-JP  | 日语         |
+
+### 5.2 枚举类型与业务组件的国际化
+
+平台3.7版本国际化功能可翻译的内容包括枚举类型和业务组件，使用setI18nLocale逻辑切换语言后，枚举类型的标题将同步切换为对应语言的翻译。
+
+示例：
+
+1. 创建Grnder（性别）枚举，枚举值对应的标题分别为“男性”、“女性”。
+
+    <img src="../assets/guojihuaduoyuyan_0401_1.png" alt="0" style="border: 1px solid #ccc;" />
+
+2. 在国际化配置界面更新国际化列表后，点击如图所示下拉框选择“枚举”，为枚举的标题添加相应的翻译内容。
+
+    <img src="../assets/guojihuaduoyuyan_0406_1.png" alt="0" style="border: 1px solid #ccc;" />
+
+3. 切换语言后，枚举标题文本会同时切换对应的翻译。
+
+    <img src="../assets/guojihuaduoyuyan_0401_3.gif" alt="0" style="border: 1px solid #ccc;" />
+
+### 5.3 如何实现业务数据的国际化
+
+业务数据可以用不同的字段录入不同语言的内容，在页面展示时根据应用用户选择的语言展示对应语言的字段。
+
+例如，用户在表单中输入姓名时，可以分别输入中文姓名和英文姓名，对应实体的chineseName字段和englishName字段，以数据表格展示用户列表时，根据当前选择的语言来决定展示中文姓名还是英文姓名。
+
+效果：
+
+<img src="../assets/guojihuaduoyuyan_0115_35_a1.gif" alt="0" style="border: 1px solid #ccc;" />
+
+操作步骤：
+
+1. 实体中创建两个字段用于表示中文姓名和英文姓名。
+
+    <img src="../assets/guojihuaduoyuyan_0115_35_a2.png" alt="0" style="border: 1px solid #ccc;" />
+
+2. 数据表格中姓名列的文本内容使用匹配组件，匹配条件为公共变量`i18nlnfo`的`currentLocale`字段，根据不同的语言展示不同的姓名字段。
+
+    <img src="../assets/guojihuaduoyuyan_0115_35_a3.png" alt="0" style="border: 1px solid #ccc;" />
+
+    <img src="../assets/guojihuaduoyuyan_0115_35_a4.png" alt="0" style="border: 1px solid #ccc;" />
+
+### 5.4 开启国际化后如何处理样式
+
+当开启国际化后，文案的长度可能会随语言的不同而不同，需要考虑到当前文案所在的上下文环境，来决定采用不同的翻译方案，不同文案下容器的宽高变化。针对不确定宽高的容器，可以不写死组件宽度，而通过内边距 + 最小、最大宽度等策略来适配不同语言的宽度变化。
+
+<img src="../assets/guojihuaduoyuyan_0108_36.png" alt="0" style="border: 1px solid #ccc;" />
+
+> 说明：当容器没有设置固定宽度，而是通过内边距来约束组件的样式时，组件的宽度会跟随内容的多少而自动变化。为了让内容变化的范围可控，可以为组件设置最大最小宽度，以达到动态、美观、合适的效果。
+
+为兼容极端情况下文字依然有可能过长的情况，可以选中组件的文本，找到属性“隐藏过长文本”，选择“多余的文本省略”。
+
+<img src="../assets/guojihuaduoyuyan_0108_37.png" alt="0" style="width: 300px;border: 1px solid #ccc;" />
+
+<div style="text-align: right;font-size: 14px;">
+    <span style="color: rgb(78, 110, 142);">创建人：</span>
+    <span style="color: rgb(118, 118, 118);">老王</span>
+    <span style="color: rgb(78, 110, 142);margin: 0 0 0 40px;">更新时间：</span>
+    <span style="color: rgb(118, 118, 118);">2024年09月04日</span>
+</div>

package/skills/smart-customer-service/docs/codewave/20./345/272/224/347/224/250/345/274/200/345/217/221/60./345/217/257/350/247/206/345/214/226/345/274/200/345/217/221/347/225/214/351/235/242/70./346/233/264/345/244/232/350/256/276/347/275/256/54./346/217/222/344/273/266/347/256/241/347/220/206/55./346/217/222/344/273/266/347/256/241/347/220/206/344/273/213/347/273/215.md

@@ -0,0 +1,59 @@
+# 插件管理介绍
+
+## 1. 功能概述
+
+CodeWave智能开发平台现在支持插件管理，开发者能够选择并安装需要的插件，提供了更灵活的插件化能力，为开发者提供了更多定制化的选择。
+
+<img src="../assets/cjgl_202407051512_1.png" class="imgStyle" style="" />
+
+## 2. 功能介绍
+
+### 2.1 功能入口
+
+在IDE右上方点击“**更多**”按钮，选择“**插件管理**”即可打开插件管理页面。
+
+<img src="../assets/cjgl_202407051512_2.png" class="imgStyle" style="" />
+
+### 2.2 安装插件
+
+可以根据关键字模糊搜索插件名称，找到所需插件后点击右侧“**安装**”按钮即可安装使用该插件。
+
+<img src="../assets/cjgl_202407051512_3.png" class="imgStyle" style="" />
+
+### 2.3 查看插件
+
+选择“**已安装插件**”，可以查看当前已安装可使用的插件。
+
+<img src="../assets/cjgl_202407051512_4.png" class="imgStyle" style="" />
+
+插件右上角显示标签“**系统**”，该插件为平台提供，默认已安装，不可卸载。
+
+<img src="../assets/cjgl_202407051512_5.png" class="imgStyle" style="" />
+
+在右侧面板，显示简要信息，若该插件有多个版本，可以切换查看其他版本信息。
+
+> 若该插件有依赖关系，这里显示该插件依赖的其他插件情况，支持查看其他插件详情。
+
+<img src="../assets/cjgl_202407051512_6.png" class="imgStyle" style="" />
+
+### 2.4 配置插件
+
+若该插件可以自由配置，实现不同能力，可自定义配置。具体设置方式，不同的插件有不同的设置规则。
+
+> 当前在配置面板，可直接修改json，实现能力配置。
+
+<img src="../assets/cjgl_202407051512_7.png" class="imgStyle" style="" />
+
+### 2.5 卸载插件
+
+可以点击“**卸载**”，快速卸载该插件，点击卸载后，在“**已安装插件**”中不再显示该插件。
+
+<img src="../assets/cjgl_202407051512_8.png" class="imgStyle" style="" />
+
+<div style="text-align: right;font-size: 14px;">
+    <span style="color: rgb(78, 110, 142);">创建人：</span>
+    <span style="color: rgb(118, 118, 118);">小白</span>
+    <span style="color: rgb(78, 110, 142);margin: 0 0 0 40px;">更新时间：</span>
+    <span style="color: rgb(118, 118, 118);">2024年07月05日</span>
+</div>
+