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/10./351/241/265/351/235/242/350/256/276/350/256/241/20.PC/347/253/257Vue2/347/273/204/344/273/266/350/257/264/346/230/216/357/274/210/351/273/230/350/256/244/357/274/211/93./347/211/271/346/225/210/10./345/244/215/345/210/266.md

@@ -0,0 +1,115 @@
+# 复制
+
+用户可以在点击复制组件后快速将文字复制到剪贴板，然后粘贴到其他地方使用。
+
+<img src="../assets/fuzhi_202410141457_1.png" class="imgStyle" style="" />
+
+## 属性
+
+> 组件通用属性请参见[组件通用属性说明](../../17.组件通用属性说明.md)。
+
+### 数据属性
+
+- 复制的值: 需要复制的内容，默认“需要copy的内容“。可手动输入内容或编辑表达式。手动输入的内容，点击复制组件后作为静态内容复制到剪贴板；编辑表达式可绑定变量，通常用于动态获取需要复制的内容。
+
+    - 手动输入
+
+      <img src="../assets/fuzhi_202410141457_2.png" class="imgStyle" style="width:400px;" />
+
+    - 编辑表达式：例如将需要复制的内容存储在局部变量copy中。
+
+      <img src="../assets/fuzhi_202410141457_3.png" class="imgStyle" style="width:400px;" />
+
+### 状态属性
+
+- 禁用: 置灰显示，且禁止任何交互如焦点、点击等。
+
+<div class="highlight">
+“禁用”属性控制的是组件本身的状态，不涵盖拖拽放置在复制中的其他组件，控制其他组件的状态需要设置对应组件的“禁用”属性。
+</div>
+
+## 事件
+
+| 事件名   | 描述                      |
+| :---- | :---------------------- |
+| 复制成功后 | 非禁用状态下点击复制组件后触发该事件中的逻辑。 |
+
+### 复制成功后
+
+- 事件概述：非禁用状态下点击复制组件后触发该事件中的逻辑。
+- 输入参数：事件的输入参数event由应用自动生成，支持在事件逻辑中获取输入参数的值。
+
+  <img src="../assets/fuzhi_202410141457_4.png" class="imgStyle" style="width:200px;" />
+
+  - value：String类型，复制的内容。
+
+## 可访问属性
+
+在编写表达式或使用前端逻辑时，可以通过“变量或常量“使用复制组件的[可访问属性](../../19.组件可访问属性.md)，可访问属性有：
+
+<img src="../assets/fuzhi_202410141457_5.png" class="imgStyle" style="width:300px;" />
+
+- value（复制的值）：String类型，复制的内容，值与“复制的值”属性对齐。支持获取和赋值。
+- disabled（禁用）：Boolean类型，复制是否禁用，值与“禁用”属性对齐。支持获取和赋值。
+- \_if（显示条件）：Boolean类型，复制是否显示，值与“显示条件”属性对齐。支持获取和赋值。
+
+## 插槽
+
+复制组件中包含插槽，支持拖拽放置其他组件：
+
+<img src="../assets/fuzhi_202410141457_6.png" class="imgStyle" style="" />
+
+下图为将原有的链接组件替换为按钮组件后的效果：
+
+<img src="../assets/fuzhi_202410141457_7.png" class="imgStyle" style="" />
+
+## 样式
+
+> 组件通用样式请参见[组件通用样式说明](../../18.组件通用样式说明.md)。
+
+## 示例
+
+### 需求场景
+
+点击输入后复制输入框中的内容，并支持粘贴到其他地方。
+
+### 页面准备
+
+搭建如下页面，包括用于输入内容的单行输入组件、复制组件、用于展示粘贴效果的多行输入组件。
+
+<img src="../assets/fuzhi_202410141457_8.png" class="imgStyle" style="" />
+
+### 操作步骤
+
+1.  创建String类型局部变量input，并绑定为单行输入组件的“值”属性。
+
+    <img src="../assets/fuzhi_202410141457_9.png" class="imgStyle" style="" />
+
+1.  选中复制组件，将局部变量input绑定为“复制的值”属性。
+
+    <img src="../assets/fuzhi_202410141457_10.png" class="imgStyle" style="" />
+
+1.  发布预览效果。
+
+### 效果演示
+
+<img src="../assets/fuzhi_202410141457_11.gif" 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年10月14日</span>
+</div>
+
+<style>
+ .highlight {
+      border: 1px solid #679CF8; /* 添加边框 */
+      border-radius: 6px;
+      background-color: #F8FCFF; /* 添加底色 */
+      padding: 10px 20px 10px 20px;
+      margin-bottom:20px;
+      margin-top:20px;
+      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
+  }
+</style>

package/skills/smart-customer-service/docs/codewave/20./345/272/224/347/224/250/345/274/200/345/217/221/10./351/241/265/351/235/242/350/256/276/350/256/241/20.PC/347/253/257Vue2/347/273/204/344/273/266/350/257/264/346/230/216/357/274/210/351/273/230/350/256/244/357/274/211/96./346/265/201/347/250/213/05./344/273/273/345/212/241/347/256/261.md

@@ -0,0 +1,50 @@
+# 任务箱（流程1.0）
+
+> 该组件文档适用于流程1.0版本，流程2.0版本的任务箱组件请参考[任务箱（流程2.0）](../96.流程/15.任务箱（流程2.0）.md)
+
+任务箱可以自动获取当前登录用户的待处理任务，以红点数字的形式展示任务提醒，点击任务箱后会刷新并展示待处理任务列表，点击列表中的任务项会为当前用户认领该任务，并跳转到流程任务中设定的页面。
+
+<img src="../assets/renwuxiang_pc_1.png" style="zoom:50%;" />
+
+待处理任务的文字来自于任务属性中的“任务标题”，跳转的地址来自于任务属性中的“跳转页面”。
+
+<img src="../assets/renwuxiang_pc_2_33.png" style="zoom:50%;" />
+
+## 属性
+
+组件通用属性请参见[组件通用属性说明](../../../../20.应用开发/10.页面设计/17.组件通用属性说明.md)。
+
+### 主要属性
+
+- 图标：任务箱所使用的图标。
+- 每页条数：每页展示的任务数量。
+- 时间间隔 : 定时刷新待处理任务的时间间隔，单位秒。
+
+## 样式
+
+样式说明请参见[组件通用样式说明](../../../../20.应用开发/10.页面设计/18.组件通用样式说明.md)。
+
+## 使用说明
+
+从任务箱点击任务不仅会跳转链接，同时会为当前用户认领该任务，当任务有多个完成人时，第一个触发任务箱的用户将成为任务的认领人，其他用户的任务箱不再展示该任务。关于认领任务的介绍请参考[**流程逻辑-claimTaskInstance逻辑**](../../../20.流程设计/10.流程1.0/15.流程逻辑.md)。
+
+<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年05月24日</span>
+</div>
+
+
+<style>
+
+  .markdown-root .content blockquote {
+    background-color: #e5f2ff;
+    font-size: 1rem;
+    color: #8a8a8a;
+    border-left: .5rem solid #007fff;
+    margin: 1rem 0px;
+    padding: 0.4rem 0 .4rem 1rem;
+    }
+
+</style>

package/skills/smart-customer-service/docs/codewave/20./345/272/224/347/224/250/345/274/200/345/217/221/10./351/241/265/351/235/242/350/256/276/350/256/241/20.PC/347/253/257Vue2/347/273/204/344/273/266/350/257/264/346/230/216/357/274/210/351/273/230/350/256/244/357/274/211/96./346/265/201/347/250/213/10./346/210/221/347/232/204/346/265/201/347/250/213.md

@@ -0,0 +1,31 @@
+# 我的流程（流程1.0）
+
+> 该组件文档适用于流程1.0版本，流程2.0版本的我的流程组件文档请参考[我的流程（流程2.0）](../96.流程/20.我的流程（流程2.0）.md)
+
+支持通过我的流程组件快速创建流程浏览页面。
+
+我的流程组件提供一套模版，拖拽后自动生成我的待办、我的已办、我的发起三个标签页，展示当前应用登录用户相关的流程。
+
+该组件会生成部分变量和逻辑，如图中左侧所示，可根据需要对页面和逻辑进行自定义修改。
+
+<img src="../assets/wodeliucheng_pc_1_v33.png" alt="0" style="border: 1px solid rgb(204, 204, 204);" />
+
+<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年05月16日</span>
+</div>
+
+<style>
+
+  .markdown-root .content blockquote {
+    background-color: #e5f2ff;
+    font-size: 1rem;
+    color: #8a8a8a;
+    border-left: .5rem solid #007fff;
+    margin: 1rem 0px;
+    padding: 0.4rem 0 .4rem 1rem;
+    }
+
+</style>

package/skills/smart-customer-service/docs/codewave/20./345/272/224/347/224/250/345/274/200/345/217/221/10./351/241/265/351/235/242/350/256/276/350/256/241/20.PC/347/253/257Vue2/347/273/204/344/273/266/350/257/264/346/230/216/357/274/210/351/273/230/350/256/244/357/274/211/96./346/265/201/347/250/213/15./344/273/273/345/212/241/347/256/261/357/274/210/346/265/201/347/250/2132.0/357/274/211.md

@@ -0,0 +1,26 @@
+# 任务箱（流程2.0）
+
+> 该组件适用于流程2.0版本，需要启用流程2.0后才可用，启用方式请参考[如何升级到流程2.0](../../../20.流程设计/20.流程2.0/20.如何升级到流程2.0.md)。
+
+任务箱可以自动获取当前登录用户的待处理任务，以红点数字的形式展示任务提醒，点击任务箱后会刷新并展示待处理任务列表，点击列表中的任务项跳转到审批页面。
+
+<img src="../assets/liuchengzujian_0326_1.png" alt="0" style="border: 1px solid rgb(204, 204, 204); width:500px;" />
+
+## 属性
+
+> 组件通用属性请参见[组件通用属性说明](../../../../20.应用开发/10.页面设计/17.组件通用属性说明.md)。
+
+* 图标：可修改任务箱的默认图标。
+* 每页条数：待处理任务列表的每页条数。
+* 时间间隔（秒）：任务箱自动刷新任务的间隔。
+
+## 样式
+
+> 样式说明请参见[组件通用样式说明](../../../../20.应用开发/10.页面设计/18.组件通用样式说明.md)。
+
+<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年06月26日</span>
+</div>

package/skills/smart-customer-service/docs/codewave/20./345/272/224/347/224/250/345/274/200/345/217/221/10./351/241/265/351/235/242/350/256/276/350/256/241/20.PC/347/253/257Vue2/347/273/204/344/273/266/350/257/264/346/230/216/357/274/210/351/273/230/350/256/244/357/274/211/96./346/265/201/347/250/213/20./346/210/221/347/232/204/346/265/201/347/250/213/357/274/210/346/265/201/347/250/2132.0/357/274/211.md

@@ -0,0 +1,28 @@
+# 我的流程（流程2.0）
+
+> 该组件适用于流程2.0版本，需要启用流程2.0后才可用，启用方式请参考[如何升级到流程2.0](../../../20.流程设计/20.流程2.0/20.如何升级到流程2.0.md)。
+
+使用“我的流程”组件可快速创建流程浏览界面，通过列表中的流程查看流程详情并处理流程。
+
+<img src="../assets/liuchengzujian_0326_2.png" alt="0" style="border: 1px solid rgb(204, 204, 204);" />
+
+## 属性
+
+> 组件通用属性请参见[组件通用属性说明](../../../../20.应用开发/10.页面设计/17.组件通用属性说明.md)。
+
+## 样式
+
+> 样式说明请参见[组件通用样式说明](../../../../20.应用开发/10.页面设计/18.组件通用样式说明.md)。
+
+## 使用说明
+
+制品应用页面中的我的流程组件，仅当登录后才可用，未登录状态下会提示加载失败。
+
+开发者可以手动制作我的流程，实现定制化的界面，可参考文档：[使用基础组件搭建流程场景 - 我的流程](../../../20.流程设计/20.流程2.0/55.使用基础组件搭建流程场景.md)
+
+<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月19日</span>
+</div>

package/skills/smart-customer-service/docs/codewave/20./345/272/224/347/224/250/345/274/200/345/217/221/10./351/241/265/351/235/242/350/256/276/350/256/241/20.PC/347/253/257Vue2/347/273/204/344/273/266/350/257/264/346/230/216/357/274/210/351/273/230/350/256/244/357/274/211/96./346/265/201/347/250/213/25./346/265/201/347/250/213/346/214/211/351/222/256/357/274/210/346/265/201/347/250/2132.0/357/274/211.md

@@ -0,0 +1,62 @@
+# 流程按钮（流程2.0）
+
+> 该组件适用于流程2.0版本，需要启用流程2.0后才可用，启用方式请参考[如何升级到流程2.0](../../../20.流程设计/20.流程2.0/20.如何升级到流程2.0.md)。
+
+流程按钮用于在审批页面中进行审批操作，可在组件属性中配置操作成功后的跳转页面，不配置则默认刷新当前页面。
+
+<img src="../assets/liuchengzujian_0326_3.png" alt="0" style="border: 1px solid #ccc; width:500px;" />
+
+## 属性
+
+> 组件通用属性请参见[组件通用属性说明](../../../../20.应用开发/10.页面设计/17.组件通用属性说明.md)。
+
+- 提交按钮样式：审批操作为提交的对应按钮样式。
+- 同意按钮样式：审批操作为同意的对应按钮样式。
+- 拒绝按钮样式：审批操作为拒绝的对应按钮样式。
+- 转派按钮样式：审批操作为转派的对应按钮样式。
+- 加签按钮样式：审批操作为加签的对应按钮样式。
+- 撤回按钮样式：审批操作为撤回的对应按钮样式。
+- 操作成功响应方式：默认为页面跳转，如果需要执行其他逻辑请使用流程按钮的组件事件逻辑。
+- 链接地址：操作成功后跳转的页面地址，不配置则默认刷新当前页面。
+
+## 组件事件
+
+流程按钮可添加事件逻辑，按钮操作成功后会执行对应的事件逻辑。
+
+<img src="../assets/liuchengzujian_20240705_3.png" alt="0" style="border: 1px solid rgb(204, 204, 204); width:350px;" />
+
+- 提交时：执行完审批按钮的提交操作后触发。
+- 同意时：执行完审批按钮的同意操作后触发。
+- 拒绝时：执行完审批按钮的拒绝操作后触发。
+- 转派时：执行完审批按钮的转派操作后触发。
+- 加签时：执行完审批按钮的加签操作后触发。
+- 撤回时：执行完审批按钮的撤回操作后触发。
+
+## 样式
+
+> 样式说明请参见[组件通用样式说明](../../../../20.应用开发/10.页面设计/18.组件通用样式说明.md)。
+
+## 使用说明
+
+- **taskId说明**：
+  
+    流程按钮的功能实现是基于taskId参数(任务ID)，所以仅当流程按钮所在的页面有实际的taskId参数时才能正常使用。审批任务节点在关联审批页面时会自动为该页面添加taskId输入参数，从任务箱和我的流程组件进入到审批页时会携带实际的taskId值。如果还创建了其他的审批页面，需要流程按钮生效则必须手动为页面添加taskId输入参数，并在跳转该页面时传递实际的参数值。
+
+<img src="../assets/liuchengjiedianpeizhishuoming_0528_1.png" alt="0" style="border: 1px solid rgb(204, 204, 204); width:350px;" />
+
+- **流程按钮的可见权限与展示名称**：
+
+    页面实际展示的按钮由审批节点的流程权限属性决定，例如在某审批任务的流程权限中进行以下修改：
+
+    <img src="../assets/liuchengzujian_0326_4.png" alt="0" style="border: 1px solid rgb(204, 204, 204); width:350px;" />
+
+    则流程按钮的实际展示效果如下。
+
+    <img src="../assets/liuchengzujian_0326_5.png" alt="0" style="border: 1px solid rgb(204, 204, 204); width:900px;" />
+
+<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月12日</span>
+</div>

package/skills/smart-customer-service/docs/codewave/20./345/272/224/347/224/250/345/274/200/345/217/221/10./351/241/265/351/235/242/350/256/276/350/256/241/20.PC/347/253/257Vue2/347/273/204/344/273/266/350/257/264/346/230/216/357/274/210/351/273/230/350/256/244/357/274/211/96./346/265/201/347/250/213/30./346/265/201/347/250/213/344/277/241/346/201/257/357/274/210/346/265/201/347/250/2132.0/357/274/211.md

@@ -0,0 +1,38 @@
+# 流程信息（流程2.0）
+
+> 该组件适用于流程2.0版本，需要启用流程2.0后才可用，启用方式请参考[如何升级到流程2.0](../../../20.流程设计/20.流程2.0/20.如何升级到流程2.0.md)。
+
+用于展示流程的关键信息。
+
+<img src="../assets/liuchengzujian_0326_6.png" alt="0" style="border: 1px solid rgb(204, 204, 204);" />
+
+流程信息组件展示的各字段含义：
+
+* 发起人：流程发起人的userName。
+* 发起时间：流程发起的时间。
+* 当前状态：流程审批状态，有两种状态，审批中或审批通过。
+* 当前节点：当前审批节点的名称，由审批任务的节点标题属性决定。
+* 参与人：参与当前审批任务的用户userName。
+
+## 属性
+
+> 组件通用属性请参见[组件通用属性说明](../../../../20.应用开发/10.页面设计/17.组件通用属性说明.md)。
+
+## 样式
+
+> 样式说明请参见[组件通用样式说明](../../../../20.应用开发/10.页面设计/18.组件通用样式说明.md)。
+
+## 使用说明
+
+流程信息组件的功能实现是基于taskId参数(任务ID)，所以仅当流程信息组件所在的页面有实际的taskId参数时才能正常使用。
+
+审批任务节点在关联审批页面时会自动为该页面添加taskId输入参数，从任务箱和我的流程组件进入到审批页时会携带实际的taskId值。如果还创建了其他的审批页面，需要流程信息组件生效则必须手动为页面添加taskId输入参数，并在跳转该页面时传递实际的参数值。
+
+<img src="../assets/liuchengzujian_0712_1.png" alt="0" style="border: 1px solid  #ccc; width:350px;" />
+
+<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月12日</span>
+</div>

package/skills/smart-customer-service/docs/codewave/20./345/272/224/347/224/250/345/274/200/345/217/221/10./351/241/265/351/235/242/350/256/276/350/256/241/20.PC/347/253/257Vue2/347/273/204/344/273/266/350/257/264/346/230/216/357/274/210/351/273/230/350/256/244/357/274/211/96./346/265/201/347/250/213/35./346/265/201/347/250/213/350/256/260/345/275/225/357/274/210/346/265/201/347/250/2132.0/357/274/211.md

@@ -0,0 +1,38 @@
+# 流程记录（流程2.0）
+
+> 该组件适用于流程2.0版本，需要启用流程2.0后才可用，启用方式请参考[如何升级到流程2.0](../../../20.流程设计/20.流程2.0/20.如何升级到流程2.0.md)。
+
+用于快捷实现展示流程的审批记录。也可以手动制作流程记录，实现定制化的界面，手动实现的案例可参考文档：[使用基础组件搭建流程场景 - 审批记录](../../../20.流程设计/20.流程2.0/55.使用基础组件搭建流程场景.md)
+
+## 属性
+
+- 展示类型
+  
+  - 表格
+
+    <img src="../assets/liuchengzujian_0326_7.png" alt="0" style="border: 1px solid rgb(204, 204, 204);" />
+
+  - 时间线
+
+    <img src="../assets/liuchengzujian_0326_8.png" alt="0" style="border: 1px solid rgb(204, 204, 204);" />
+
+> 组件通用属性请参见[组件通用属性说明](../../../../20.应用开发/10.页面设计/17.组件通用属性说明.md)。
+
+## 样式
+
+> 样式说明请参见[组件通用样式说明](../../../../20.应用开发/10.页面设计/18.组件通用样式说明.md)。
+
+## 使用说明
+
+流程记录组件的功能实现是基于taskId参数(任务ID)，所以仅当流程记录组件所在的页面有实际的taskId参数时才能正常使用。
+
+审批任务节点在关联审批页面时会自动为该页面添加taskId输入参数，从任务箱和我的流程组件进入到审批页时会携带实际的taskId值。如果还创建了其他的审批页面，需要流程记录组件生效则必须手动为页面添加taskId输入参数，并在跳转该页面时传递实际的参数值。
+
+<img src="../assets/liuchengzujian_0712_1.png" alt="0" style="border: 1px solid  #ccc; width:350px;" />
+
+<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月19日</span>
+</div>

package/skills/smart-customer-service/docs/codewave/20./345/272/224/347/224/250/345/274/200/345/217/221/10./351/241/265/351/235/242/350/256/276/350/256/241/20.PC/347/253/257Vue2/347/273/204/344/273/266/350/257/264/346/230/216/357/274/210/351/273/230/350/256/244/357/274/211/96./346/265/201/347/250/213/40./346/265/201/347/250/213/345/233/276/357/274/210/346/265/201/347/250/2132.0/357/274/211.md

@@ -0,0 +1,36 @@
+# 流程图（流程2.0）
+
+> 该组件适用于流程2.0版本，需要启用流程2.0后才可用，启用方式请参考[如何升级到流程2.0](../../../20.流程设计/20.流程2.0/20.如何升级到流程2.0.md)。
+
+用于展示流程流转的状态图。
+
+![0](../assets/liuchengzujian_0326_9.png)
+
+## 属性
+
+- 初始缩放比：流程图初始的缩放大小。
+
+> 组件通用属性请参见[组件通用属性说明](../../../../20.应用开发/10.页面设计/17.组件通用属性说明.md)。
+
+## 样式
+
+> 样式说明请参见[组件通用样式说明](../../../../20.应用开发/10.页面设计/18.组件通用样式说明.md)。
+
+## 组件逻辑
+
+- reload：刷新流程图。
+
+## 使用说明
+
+流程图组件的功能实现是基于taskId参数(任务ID)，所以仅当流程图组件所在的页面有实际的taskId参数时才能正常使用。
+
+审批任务节点在关联审批页面时会自动为该页面添加taskId输入参数，从任务箱和我的流程组件进入到审批页时会携带实际的taskId值。如果还创建了其他的审批页面，需要流程图组件生效则必须手动为页面添加taskId输入参数，并在跳转该页面时传递实际的参数值。
+
+<img src="../assets/liuchengzujian_0712_1.png" alt="0" style="border: 1px solid  #ccc; width:350px;" />
+
+<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月12日</span>
+</div>

package/skills/smart-customer-service/docs/codewave/20./345/272/224/347/224/250/345/274/200/345/217/221/10./351/241/265/351/235/242/350/256/276/350/256/241/20.PC/347/253/257Vue2/347/273/204/344/273/266/350/257/264/346/230/216/357/274/210/351/273/230/350/256/244/357/274/211/96./346/265/201/347/250/213/45./346/265/201/347/250/213/350/241/250/345/215/225/357/274/210/346/265/201/347/250/2132.0/357/274/211.md

@@ -0,0 +1,51 @@
+# 流程表单（流程2.0）
+
+> 该组件适用于流程2.0版本，需要启用流程2.0后才可用，启用方式请参考[如何升级到流程2.0](../../../20.流程设计/20.流程2.0/20.如何升级到流程2.0.md)。
+
+流程表单用于在审批页面中展示或修改流程数据，流程节点设置审批页面后，可在该页面使用流程表单。
+
+流程表单会根据**审批任务设置的数据权限**动态渲染表单内容，使得同一个页面在不同的审批环节展示不同的表单内容。
+
+<img src="../assets/liuchengjiedianpeizhishuoming_0628_1.png" alt="0" style="width:700px;border: 1px solid #ccc;" />
+
+
+## 属性
+
+流程表单部分属性与普通表单相同，可参数[表单组件](../60.表单/010.表单.md)。
+
+> 组件通用属性请参见[组件通用属性说明](../../../../20.应用开发/10.页面设计/17.组件通用属性说明.md)。
+
+## 样式
+
+> 样式说明请参见[组件通用样式说明](../../../../20.应用开发/10.页面设计/18.组件通用样式说明.md)。
+
+## 使用说明
+
+- 流程表单组件的功能实现是基于taskId参数(任务ID)，所以仅当流程表单组件所在的页面有实际的taskId参数时才能正常使用。审批任务节点在关联审批页面时会自动为该页面添加taskId输入参数，从任务箱和我的流程组件进入到审批页时会携带实际的taskId值。如果还创建了其他的审批页面，需要流程表单组件生效则必须手动为页面添加taskId输入参数，并在跳转该页面时传递实际的参数值。
+
+    <img src="../assets/liuchengzujian_0712_1.png" alt="0" style="border: 1px solid  #ccc; width:350px;" />
+  
+- 表单中的流程数据，在使用流程按钮的同意、拒绝、提交时会将数据更新保存。
+  
+- 拖拽流程表单后如果没有流程可选择，说明该页面不是审批页面。将该页面设置为某流程节点的审批页面后，可以重新拖拽流程表单。
+
+  <img src="../assets/liuchengzujian_0326_10.png" alt="0" style="border: 1px solid rgb(204, 204, 204); width:400px;" />
+
+- 流程表单中支持使用流程数据和流程变量，自动生成的表单项默认绑定流程数据的各字段。
+
+  <img src="../assets/liuchengzujian_0326_11.png" alt="0" style="border: 1px solid rgb(204, 204, 204);" />
+
+  <img src="../assets/liuchengzujian_0326_12.png" alt="0" style="border: 1px solid rgb(204, 204, 204);" />
+
+- 如果对流程表单进行了二次修改，对其中的表单项额外设置了显示条件，则有以下注意点：
+  - 当表单项的“显示条件”属性和流程节点的数据权限有冲突时，优先视为false处理，会隐藏表单项。例如，表单项属性中手动设置的显示条件为true，但流程节点的数据权限为隐藏，则实际会隐藏该表单项。
+  - 当表单项中组件的可编辑权限和流程节点的数据权限有冲突时，优先视为不可编辑。例如，表单项中的单行输入组件开启了“只读”属性，但流程节点的数据权限为可编辑，则实际上该组件为只读。
+
+- 流程表单所呈现的内容与流程实例紧密关联，修改了流程表单并发布应用后，不会影响已发布的流程实例。历史流程实例中的表单依然按照旧版本呈现。
+
+<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年02月13日</span>
+</div>

package/skills/smart-customer-service/docs/codewave/20./345/272/224/347/224/250/345/274/200/345/217/221/10./351/241/265/351/235/242/350/256/276/350/256/241/22.H5/347/253/257Vue2/347/273/204/344/273/266/350/257/264/346/230/216/357/274/210/351/273/230/350/256/244/357/274/211/10./345/270/203/345/261/200/010./346/240/205/346/240/274/345/270/203/345/261/200.md

@@ -0,0 +1,132 @@
+# 栅格布局
+
+栅格布局通常用于设计网格式的页面布局。通过将页面划分为多个列，然后将内容按照这些列进行排列，定义留白、对齐、分割等各种比例关系，让信息的展现更加清晰，让内容布局更加整洁。
+
+例如：使用栅格布局将图片三等分后显示。
+
+<img src="../assets/zhagebuju_202410141406_1.png" class="imgStyle" style="width:300px;" />
+
+## 概念说明
+
+通过设置列的格子数将页面分成若干个格子进行布局的一种方式。
+
+- 栅格列：可设置每列的布局方式、占据数，以及列的偏移数。
+
+## 属性
+
+> 组件通用属性说明请参见[组件通用属性说明](../../17.组件通用属性说明.md)。
+
+### 栅格布局
+
+#### 样式属性
+
+- 布局模式：
+
+    - 块级布局：将当前元素修改为块级布局模式，各个块级布局模式的元素之前和之后均会换行。
+    - 弹性布局：在弹性布局模式中，子元素可以在任意方向排列，并根据需要自动调整大小以适应可用空间，避免溢出父元素。
+
+  > 弹性布局详情请参见[弹性布局说明](../../20.PC端Vue2组件说明（默认）/01.布局/060.布局说明.md)。
+
+  <img src="../assets/zhagebuju_202410141406_2.png" class="imgStyle" style="width:400px;" />
+
+- 列间距：支持修改栅格列之间的间隔，单位px，支持无（0）、小（10）、正常（20）、大（30）共四种间隔模式，默认无（0）。
+
+### 栅格列
+
+<img src="../assets/zhagebuju_202410141406_3.png" class="imgStyle" style="width:300px;" />
+
+#### 主要属性
+
+- 占据列数：支持设置当前栅格列占据的栅格数，每行最大占据列数为24，超出时自动换行。
+- 偏移数：向右移动的栅格数。
+
+## 可访问属性
+
+在编写表达式或使用前端逻辑时，可以通过“变量或常量“使用栅格布局组件的可访问属性，可访问属性有：
+
+<img src="../assets/zhagebuju_202410141406_4.png" class="imgStyle" style="width:300px;" />
+
+**栅格布局**
+
+- \_if（显示条件）：Boolean类型，栅格布局是否显示，值与“显示条件”属性对齐。支持获取和赋值。
+
+**栅格列**
+
+- \_if（显示条件）：Boolean类型，栅格列是否显示，值与“显示条件”属性对齐。支持获取和赋值。
+
+
+
+## 样式
+
+> 组件通用样式请参见[组件通用样式说明](../../18.组件通用样式说明.md)。
+
+### 栅格布局
+
+横轴对齐、纵轴对齐仅在栅格布局“布局模式”属性为弹性布局时支持编辑。
+
+- 横轴对齐：支持左对齐、居中对齐、右对齐、平均分布（两端不留空）、平均分布。
+
+  <img src="../assets/zhagebuju_202410141406_5.png" class="imgStyle" style="" />
+
+- 纵轴对齐：支持顶对齐、垂直居中、底对齐、行内文字基线对齐、占满容器高度。
+
+  <img src="../assets/zhagebuju_202410141406_6.png" class="imgStyle" style="" />
+
+### 栅格列
+
+- 布局模式：
+
+    - 内联布局：将当前元素修改为内联布局模式，各个内联布局模式的元素将默认排布在同一行中，若空间不足以排布下一个内联布局元素，则该元素将会换行。
+    - 弹性布局：在弹性布局模式中，子元素可以在任何方向上排布，也可以“弹性伸缩”其尺寸，既可以增加尺寸以填满未使用的空间，也可以收缩尺寸以避免溢出父元素。
+
+  > 弹性布局的具体使用请参考：[弹性布局说明](../../20.PC端Vue2组件说明（默认）/01.布局/060.布局说明.md)。
+
+  <img src="../assets/zhagebuju_202410141406_7.png" class="imgStyle" style="" />
+
+> 主轴方向、轴对齐、是否换行、内容间隙仅在弹性布局模式下支持编辑。
+
+- 主轴方向：
+
+  <img src="../assets/zhagebuju_202410141406_8.png" class="imgStyle" style="" />
+
+  - 横向：内部子元素进行横向排布。
+
+      - 横轴对齐：支持左对齐、居中对齐、右对齐、平均分布（两端不留空）。布局模式为内联布局或块级布局时生效。
+
+        <img src="../assets/zhagebuju_202410141406_9.png" class="imgStyle" style="" />
+
+      - 轴对齐：支持通过九宫格的方式实现横轴左、中、右，纵轴上、中、下总计 9 种方式对齐；支持点击横轴右侧的小图标实现容器内所有组件横向两端对齐。布局模式为弹性布局时生效。
+
+        <img src="../assets/zhagebuju_202410141406_10.png" class="imgStyle" style="" />
+
+  - 纵向：内部子元素进行纵向排布。
+
+    - 横轴对齐：支持左对齐、居中对齐、右对齐。布局模式为内联布局或块级布局时生效。
+
+      <img src="../assets/zhagebuju_202410141406_11.png" class="imgStyle" style="" />
+
+    - 轴对齐：支持通过九宫格的方式实现横轴左、中、右，纵轴上、中、下总计 9 种方式对齐；支持点击纵轴右侧的小图标实现容器内所有组件纵向两端对齐。布局模式为弹性布局时生效。
+
+      <img src="../assets/zhagebuju_202410141406_12.png" class="imgStyle" style="" />
+
+- 是否换行：开启后，布局内的的元素超出后可换行。布局模式为弹性布局时生效。
+- 内容间隙：布局内各个组件之间的间隔，支持选择收缩（-1）、无（0）、小（8）、正常（16）、大（32）共5种间隔模式，或手动输入。默认为正常（16）。
+
+## 使用说明
+
+栅格布局组件提供3列样式（8:8:8）和2列样式（8:16）共两种布局方式，可供用户在不同需求下选择，快速实现布局效果。
+
+- 3列样式（8:8:8）
+
+  <img src="../assets/zhagebuju_202410141406_13.png" class="imgStyle" style="width:300px;" />
+
+- 2列样式（8:16）
+
+  <img src="../assets/zhagebuju_202410141406_14.png" class="imgStyle" style="width:300px;" />
+
+<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年10月14日</span>
+</div>