super-page-designer 2.0.89 → 2.0.93

package/dist/es/components/design/utils/assemblys-config.js

@@ -51,7 +51,6 @@ const tableOperateColumnConf = {
   props: {
     base: {
       name: "操作",
-      title: "操作",
       prop: "operation",
       columnWidth: 150,
       sortable: false,
@@ -281,1708 +280,1184 @@ function getTableColumnConf(fieldInfo) {
   };
   return getCopyColumn(columnConf);
 }
-const assemblyGroups = [{
-  name: "container",
-  label: "容器",
-  icon: groupContainer,
-  items: [{
-    name: "form",
-    label: "表单",
-    icon: containerForm,
-    props: { base: {}, size: { widthType: "flex", flexSpan: 24 } },
-    style: {},
-    events: [
-      { name: "beforeFormLoad", label: "加载表单数据前", tip: "还没有加载表单数据时" },
-      { name: "onFormLoad", label: "加载表单数据后", tip: "加载表单数据后还没显示表单时" },
-      { name: "afterFormLoad", label: "表单初始化后", tip: "表单显示完毕时" },
-      { name: "resizeFormHeight", label: "表单高度计算", tip: "表单高度重计算,加载完表单时会调用该方法" }
-    ],
-    default: {
-      props: { labelWidth: 90 },
-      style: {}
-    },
-    designComponent: defineAsyncComponent(() => {
-      return import("../views/assemblys/container/form/form-design.vue.js");
-    }),
-    attrComponent: defineAsyncComponent(() => {
-      return import("../views/assemblys/container/form/form-attr.vue.js");
-    })
-  }, {
-    name: "layout",
-    label: "Flex",
-    icon: containerFLex,
-    props: { base: {}, size: { widthType: "flex", flexSpan: 24 } },
-    style: {},
-    designComponent: defineAsyncComponent(() => {
-      return import("../views/assemblys/container/flex/flex-design.vue.js");
-    }),
-    attrComponent: defineAsyncComponent(() => {
-      return import("../views/assemblys/container/flex/flex-attr.vue.js");
-    })
-  }, {
-    name: "collapse",
-    label: "折叠面板",
-    icon: containerCollapse,
-    default: {},
-    props: { base: {}, size: {} },
-    style: {},
-    designComponent: defineAsyncComponent(() => {
-      return import("../views/assemblys/container/collapse/collapse-design.vue.js");
-    }),
-    attrComponent: defineAsyncComponent(() => {
-      return import("../views/assemblys/container/collapse/collapse-attr.vue.js");
-    })
-  }, {
-    name: "tabs",
-    label: "多页签",
-    icon: containerTabs,
-    default: {},
-    props: { base: {}, size: {} },
-    style: {},
-    events: [
-      { name: "tab-click", label: "tab点击事件", tip: "tab 被选中时触发" },
-      { name: "tab-change", label: "当前页签改变事件", tip: "activeName 改变时触发" },
-      { name: "tab-remove", label: "点击移除事件", tip: "点击 tab 移除按钮时触发" },
-      { name: "tab-add", label: "点击新增事件", tip: "点击 tab 新增按钮时触发" },
-      { name: "edit", label: "点击新增或移除事件", tip: "点击 tab 的新增或移除按钮后触发" }
-    ],
-    designComponent: defineAsyncComponent(() => {
-      return import("../views/assemblys/container/tabs/tabs-design.vue.js");
-    }),
-    attrComponent: defineAsyncComponent(() => {
-      return import("../views/assemblys/container/tabs/tabs-attr.vue.js");
-    })
-  }, {
-    name: "card",
-    label: "卡片",
-    icon: containerCard,
-    default: {},
-    props: {
-      base: {
-        tittleShow: true,
-        title: "标题"
-      },
-      size: {}
-    },
-    style: {},
-    designComponent: defineAsyncComponent(() => {
-      return import("../views/assemblys/container/card/card-design.vue.js");
-    }),
-    attrComponent: defineAsyncComponent(() => {
-      return import("../views/assemblys/container/card/card-attr.vue.js");
-    })
-  }, {
-    name: "tools",
-    label: "工具栏",
-    icon: containerTools,
-    default: {},
-    props: { base: {}, size: {} },
-    style: {},
-    designComponent: defineAsyncComponent(() => {
-      return import("../views/assemblys/container/tools/tools-design.vue.js");
-    }),
-    attrComponent: defineAsyncComponent(() => {
-      return import("../views/assemblys/container/tools/tools-attr.vue.js");
-    })
-  }, {
-    name: "iframe",
-    label: "Iframe",
-    icon: containerIframe,
-    default: {},
-    props: { base: {}, size: {} },
-    style: {},
-    designComponent: defineAsyncComponent(() => {
-      return import("../views/assemblys/container/iframe/iframe-design.vue.js");
-    }),
-    attrComponent: defineAsyncComponent(() => {
-      return import("../views/assemblys/container/iframe/iframe-attr.vue.js");
-    })
-  }, {
+const assemblyGroups = [
+  {
     name: "container",
-    label: "布局",
-    icon: containerContainer,
-    default: {},
-    props: { base: {}, size: {} },
-    style: {},
-    designComponent: defineAsyncComponent(() => {
-      return import("../views/assemblys/container/container/container-design.vue.js");
-    }),
-    attrComponent: defineAsyncComponent(() => {
-      return import("../views/assemblys/container/container/container-attr.vue.js");
-    })
-  }]
-}, {
-  name: "form",
-  label: "表单",
-  icon: groupForm,
-  items: [
-    {
-      name: "input-text",
-      label: "文本框",
-      icon: formInput,
-      props: {
-        base: {
-          tittleShow: true,
-          title: "文本框",
-          clearable: true,
-          placeholder: "请输入"
+    label: "容器",
+    icon: groupContainer,
+    items: [
+      {
+        name: "form",
+        label: "表单",
+        icon: containerForm,
+        props: { base: {}, size: { widthType: "flex", flexSpan: 24 } },
+        style: {},
+        events: [
+          { name: "beforeFormLoad", label: "加载表单数据前", tip: "还没有加载表单数据时" },
+          { name: "onFormLoad", label: "加载表单数据后", tip: "加载表单数据后还没显示表单时" },
+          { name: "afterFormLoad", label: "表单初始化后", tip: "表单显示完毕时" },
+          { name: "resizeFormHeight", label: "表单高度计算", tip: "表单高度重计算,加载完表单时会调用该方法" }
+        ],
+        default: {
+          props: { labelWidth: 90 },
+          style: {}
         },
-        linkPage: {},
-        verification: {},
-        scan: { ruleList: [] },
-        preSuffix: {},
-        prefix: {},
-        size: {
-          pc: {
-            widthType: "flex",
-            flexSpan: 8
-          },
-          ipad: {
-            widthType: "flex",
-            flexSpan: 12
+        designComponent: defineAsyncComponent(() => {
+          return import("../views/assemblys/container/form/form-design.vue.js");
+        }),
+        attrComponent: defineAsyncComponent(() => {
+          return import("../views/assemblys/container/form/form-attr.vue.js");
+        })
+      },
+      {
+        name: "layout",
+        label: "Flex",
+        icon: containerFLex,
+        props: { base: {}, size: { widthType: "flex", flexSpan: 24 } },
+        style: {},
+        designComponent: defineAsyncComponent(() => {
+          return import("../views/assemblys/container/flex/flex-design.vue.js");
+        }),
+        attrComponent: defineAsyncComponent(() => {
+          return import("../views/assemblys/container/flex/flex-attr.vue.js");
+        })
+      },
+      {
+        name: "collapse",
+        label: "折叠面板",
+        icon: containerCollapse,
+        default: {},
+        props: { base: {}, size: {} },
+        style: {},
+        designComponent: defineAsyncComponent(() => {
+          return import("../views/assemblys/container/collapse/collapse-design.vue.js");
+        }),
+        attrComponent: defineAsyncComponent(() => {
+          return import("../views/assemblys/container/collapse/collapse-attr.vue.js");
+        })
+      },
+      {
+        name: "tabs",
+        label: "多页签",
+        icon: containerTabs,
+        default: {},
+        props: { base: {}, size: {} },
+        style: {},
+        events: [
+          { name: "tab-click", label: "tab点击事件", tip: "tab 被选中时触发" },
+          { name: "tab-change", label: "当前页签改变事件", tip: "activeName 改变时触发" },
+          { name: "tab-remove", label: "点击移除事件", tip: "点击 tab 移除按钮时触发" },
+          { name: "tab-add", label: "点击新增事件", tip: "点击 tab 新增按钮时触发" },
+          { name: "edit", label: "点击新增或移除事件", tip: "点击 tab 的新增或移除按钮后触发" }
+        ],
+        designComponent: defineAsyncComponent(() => {
+          return import("../views/assemblys/container/tabs/tabs-design.vue.js");
+        }),
+        attrComponent: defineAsyncComponent(() => {
+          return import("../views/assemblys/container/tabs/tabs-attr.vue.js");
+        })
+      },
+      {
+        name: "card",
+        label: "卡片",
+        icon: containerCard,
+        default: {},
+        props: {
+          base: {
+            tittleShow: true,
+            title: "标题"
           },
-          phone: {
-            widthType: "flex",
-            flexSpan: 24
-          }
-        },
-        title: {}
-      },
-      style: { titleFont: {}, background: {}, margin: {}, padding: {}, border: {}, shadow: {} },
-      events: [
-        { name: "click", label: "点击", tip: "点击" },
-        { name: "input", label: "输入", tip: "输入" },
-        { name: "change", label: "更改", tip: "更改" },
-        { name: "setValue", label: "弹框赋值回调", tip: "后缀图标弹框赋值回调" },
-        { name: "closePopup", label: "关闭弹框回调", tip: "关闭弹框回调" },
-        { name: "blur", label: "失去焦点", tip: "失去焦点" },
-        { name: "focus", label: "获取焦点", tip: "获取焦点" },
-        { name: "show", label: "显示", tip: "显示元素时执行" },
-        { name: "hidden", label: "隐藏", tip: "隐藏元素时执行" },
-        { name: "prefixClick", label: "前缀点击", tip: "前缀图标点击执行" },
-        { name: "suffixClick", label: "后缀点击", tip: "后缀图标点击执行" }
-      ],
-      designComponent: defineAsyncComponent(() => {
-        return import("../views/assemblys/form/input-text/inputtext-design.vue.js");
-      }),
-      attrComponent: defineAsyncComponent(() => {
-        return import("../views/assemblys/form/input-text/inputtext-attr.vue.js");
-      })
-    },
-    {
-      name: "select",
-      label: "选择器",
-      icon: formSelect,
-      props: {
-        base: {
-          tittleShow: true,
-          title: "选择器",
-          clearable: true,
-          placeholder: "请选择"
-        },
-        verification: {},
-        dataOrigin: {
-          displayQuantity: 20
+          size: {}
         },
-        size: {
-          pc: {
-            widthType: "flex",
-            flexSpan: 8
-          },
-          ipad: {
-            widthType: "flex",
-            flexSpan: 12
-          },
-          phone: {
-            widthType: "flex",
-            flexSpan: 24
-          }
-        }
+        style: {},
+        designComponent: defineAsyncComponent(() => {
+          return import("../views/assemblys/container/card/card-design.vue.js");
+        }),
+        attrComponent: defineAsyncComponent(() => {
+          return import("../views/assemblys/container/card/card-attr.vue.js");
+        })
       },
-      style: { titleFont: {}, background: {}, margin: {}, padding: {}, border: {}, shadow: {} },
-      events: [
-        { name: "change", label: "更改", tip: "更改" },
-        { name: "show", label: "显示", tip: "显示元素时执行" },
-        { name: "hidden", label: "隐藏", tip: "隐藏元素时执行" }
-      ],
-      designComponent: defineAsyncComponent(() => {
-        return import("../views/assemblys/form/select/select-design.vue.js");
-      }),
-      attrComponent: defineAsyncComponent(() => {
-        return import("../views/assemblys/form/select/select-attr.vue.js");
-      })
-    },
-    {
-      name: "radio",
-      label: "单选框",
-      icon: formRadio,
-      props: {
-        base: {
-          tittleShow: true,
-          title: "单选框"
-        },
-        verification: {},
-        dataOrigin: {
-          displayQuantity: 20
-        },
-        size: {
-          pc: {
-            widthType: "flex",
-            flexSpan: 8
-          },
-          ipad: {
-            widthType: "flex",
-            flexSpan: 12
-          },
-          phone: {
-            widthType: "flex",
-            flexSpan: 24
-          }
-        }
+      {
+        name: "tools",
+        label: "工具栏",
+        icon: containerTools,
+        default: {},
+        props: { base: {}, size: {} },
+        style: {},
+        designComponent: defineAsyncComponent(() => {
+          return import("../views/assemblys/container/tools/tools-design.vue.js");
+        }),
+        attrComponent: defineAsyncComponent(() => {
+          return import("../views/assemblys/container/tools/tools-attr.vue.js");
+        })
       },
-      style: { titleFont: {}, background: {}, margin: {}, padding: {}, border: {}, shadow: {} },
-      events: [
-        { name: "change", label: "更改", tip: "更改" },
-        { name: "show", label: "显示", tip: "显示元素时执行" },
-        { name: "hidden", label: "隐藏", tip: "隐藏元素时执行" }
-      ],
-      designComponent: defineAsyncComponent(() => {
-        return import("../views/assemblys/form/radio/radio-design.vue.js");
-      }),
-      attrComponent: defineAsyncComponent(() => {
-        return import("../views/assemblys/form/radio/radio-attr.vue.js");
-      })
-    },
-    {
-      name: "checkbox",
-      label: "复选框",
-      icon: formCheck,
-      props: {
-        base: {
-          tittleShow: true,
-          title: "复选框"
-        },
-        verification: {},
-        dataOrigin: {
-          displayQuantity: 20
-        },
-        size: {
-          pc: {
-            widthType: "flex",
-            flexSpan: 8
-          },
-          ipad: {
-            widthType: "flex",
-            flexSpan: 12
-          },
-          phone: {
-            widthType: "flex",
-            flexSpan: 24
-          }
-        }
+      {
+        name: "iframe",
+        label: "Iframe",
+        icon: containerIframe,
+        default: {},
+        props: { base: {}, size: {} },
+        style: {},
+        designComponent: defineAsyncComponent(() => {
+          return import("../views/assemblys/container/iframe/iframe-design.vue.js");
+        }),
+        attrComponent: defineAsyncComponent(() => {
+          return import("../views/assemblys/container/iframe/iframe-attr.vue.js");
+        })
       },
-      style: { titleFont: {}, background: {}, margin: {}, padding: {}, border: {}, shadow: {} },
-      events: [
-        { name: "change", label: "更改", tip: "更改" },
-        { name: "show", label: "显示", tip: "显示元素时执行" },
-        { name: "hidden", label: "隐藏", tip: "隐藏元素时执行" }
-      ],
-      designComponent: defineAsyncComponent(() => {
-        return import("../views/assemblys/form/checkbox/checkbox-design.vue.js");
-      }),
-      attrComponent: defineAsyncComponent(() => {
-        return import("../views/assemblys/form/checkbox/checkbox-attr.vue.js");
-      })
-    },
-    {
-      name: "textarea",
-      label: "文本域",
-      icon: formTextarea,
-      props: {
-        base: {
-          tittleShow: true,
-          title: "文本域",
-          clearable: true,
-          placeholder: "请输入"
-        },
-        verification: {},
-        size: { widthType: "flex", flexSpan: 24 }
-      },
-      style: { titleFont: {}, background: {}, margin: {}, padding: {}, border: {}, shadow: {} },
-      events: [
-        { name: "input", label: "输入", tip: "输入" },
-        { name: "change", label: "更改", tip: "更改" },
-        { name: "blur", label: "失去焦点", tip: "失去焦点" },
-        { name: "focus", label: "获取焦点", tip: "获取焦点" },
-        { name: "show", label: "显示", tip: "显示元素时执行" },
-        { name: "hidden", label: "隐藏", tip: "隐藏元素时执行" }
-      ],
-      designComponent: defineAsyncComponent(() => {
-        return import("../views/assemblys/form/textarea/textarea-design.vue.js");
-      }),
-      attrComponent: defineAsyncComponent(() => {
-        return import("../views/assemblys/form/textarea/textarea-attr.vue.js");
-      })
-    },
-    {
-      name: "datePicker",
-      label: "日期/时间",
-      icon: formDate,
-      props: {
-        base: {
-          dateRangeDefaultValue: {},
-          tittleShow: true,
-          title: "日期",
-          clearable: true,
-          placeholder: "请选择"
-        },
-        verification: {},
-        size: {
-          pc: {
-            widthType: "flex",
-            flexSpan: 8
+      {
+        name: "container",
+        label: "布局",
+        icon: containerContainer,
+        default: {},
+        props: { base: {}, size: {} },
+        style: {},
+        designComponent: defineAsyncComponent(() => {
+          return import("../views/assemblys/container/container/container-design.vue.js");
+        }),
+        attrComponent: defineAsyncComponent(() => {
+          return import("../views/assemblys/container/container/container-attr.vue.js");
+        })
+      }
+    ]
+  },
+  {
+    name: "form",
+    label: "表单",
+    icon: groupForm,
+    items: [
+      {
+        name: "input-text",
+        label: "文本框",
+        icon: formInput,
+        props: {
+          base: {
+            tittleShow: true,
+            title: "文本框",
+            clearable: true,
+            placeholder: "请输入"
           },
-          ipad: {
-            widthType: "flex",
-            flexSpan: 12
+          linkPage: {},
+          verification: {},
+          scan: { ruleList: [] },
+          preSuffix: {},
+          prefix: {},
+          size: {
+            pc: {
+              widthType: "flex",
+              flexSpan: 8
+            },
+            ipad: {
+              widthType: "flex",
+              flexSpan: 12
+            },
+            phone: {
+              widthType: "flex",
+              flexSpan: 24
+            }
           },
-          phone: {
-            widthType: "flex",
-            flexSpan: 24
-          }
-        }
-      },
-      style: { titleFont: {}, background: {}, margin: {}, padding: {}, border: {}, shadow: {} },
-      events: [
-        { name: "change", label: "确定更改日期", tip: "用户确认选定的值时触发" },
-        { name: "blur", label: "获取焦点", tip: "获取焦点" },
-        { name: "focus", label: "失去焦点", tip: "失去焦点" },
-        // {name:'calendar-change',label: '日历更改所选日期事件', tip:'在日历所选日期更改时触发' },
-        { name: "panel-change", label: "日期面板改变事件", tip: "当日期面板改变时触发" },
-        { name: "visible-change", label: "下拉列表出现/消失事件", tip: "当picker的下拉列表出现/消失时触发" },
-        { name: "show", label: "显示", tip: "显示元素时执行" },
-        { name: "hidden", label: "隐藏", tip: "隐藏元素时执行" }
-      ],
-      designComponent: defineAsyncComponent(() => {
-        return import("../views/assemblys/form/date-picker/datepicker-design.vue.js");
-      }),
-      attrComponent: defineAsyncComponent(() => {
-        return import("../views/assemblys/form/date-picker/datepicker-attr.vue.js");
-      })
-    },
-    /**{
-      name:'datetime',
-      label:'日历',
-      icon: formDate,
-      props: { base: {tittleShow:true,}, verification: [], scan: {},preSuffix: {}, prefix:{}, size: {}, title:{} },
-      style: { titleFont: {},background: {} , margin:{}, padding:{}, border:{}, shadow:{} },
-      events: [{name:'click',label: '点击', tip:'点击' },
-        {name:'change',label: '更改', tip:'更改' },
-        {name:'show',label: '显示', tip:'显示元素时执行' },
-        {name:'hidden',label: '隐藏', tip:'隐藏元素时执行' }],
-      designComponent:defineAsyncComponent(()=>{
-        return import('../views/assemblys/form/datetime/datetime-design.vue')
-      })
-    },*/
-    {
-      name: "file-upload",
-      label: "文件框",
-      icon: formFile,
-      props: {
-        base: {
-          tittleShow: true,
-          title: "文件框",
-          placeholder: "请选择"
+          title: {}
         },
-        size: {
-          pc: {
-            widthType: "flex",
-            flexSpan: 8
+        style: { titleFont: {}, background: {}, margin: {}, padding: {}, border: {}, shadow: {} },
+        events: [
+          { name: "click", label: "点击", tip: "点击" },
+          { name: "input", label: "输入", tip: "输入" },
+          { name: "change", label: "更改", tip: "更改" },
+          { name: "clear", label: "清空", tip: "清空" },
+          { name: "setValue", label: "弹框赋值回调", tip: "后缀图标弹框赋值回调" },
+          { name: "closePopup", label: "关闭弹框回调", tip: "关闭弹框回调" },
+          { name: "blur", label: "失去焦点", tip: "失去焦点" },
+          { name: "focus", label: "获取焦点", tip: "获取焦点" },
+          { name: "show", label: "显示", tip: "显示元素时执行" },
+          { name: "hidden", label: "隐藏", tip: "隐藏元素时执行" },
+          { name: "prefixClick", label: "前缀点击", tip: "前缀图标点击执行" },
+          { name: "suffixClick", label: "后缀点击", tip: "后缀图标点击执行" }
+        ],
+        designComponent: defineAsyncComponent(() => {
+          return import("../views/assemblys/form/input-text/inputtext-design.vue.js");
+        }),
+        attrComponent: defineAsyncComponent(() => {
+          return import("../views/assemblys/form/input-text/inputtext-attr.vue.js");
+        })
+      },
+      {
+        name: "select",
+        label: "选择器",
+        icon: formSelect,
+        props: {
+          base: {
+            tittleShow: true,
+            title: "选择器",
+            clearable: true,
+            placeholder: "请选择"
           },
-          ipad: {
-            widthType: "flex",
-            flexSpan: 12
+          verification: {},
+          dataOrigin: {
+            displayQuantity: 20
           },
-          phone: {
-            widthType: "flex",
-            flexSpan: 24
+          size: {
+            pc: {
+              widthType: "flex",
+              flexSpan: 8
+            },
+            ipad: {
+              widthType: "flex",
+              flexSpan: 12
+            },
+            phone: {
+              widthType: "flex",
+              flexSpan: 24
+            }
           }
         },
-        verification: {},
-        uploadConfig: {}
-      },
-      style: { titleFont: {}, background: {}, margin: {}, padding: {}, border: {}, shadow: {} },
-      events: [
-        { name: "before-upload", label: "上传前", tip: "上传前" },
-        { name: "uploaded", label: "上传完成", tip: "上传完成" },
-        { name: "before-delete", label: "删除文件项前", tip: "删除文件项前" },
-        { name: "deleted", label: "删除文件项", tip: "删除文件项" },
-        { name: "show", label: "显示", tip: "显示元素时执行" },
-        { name: "hidden", label: "隐藏", tip: "隐藏元素时执行" }
-      ],
-      designComponent: defineAsyncComponent(() => {
-        return import("../views/assemblys/form/file-upload/fileupload-design.vue.js");
-      }),
-      attrComponent: defineAsyncComponent(() => {
-        return import("../views/assemblys/form/file-upload/fileupload-attr.vue.js");
-      })
-    },
-    /**{
-      name:'file-picture',
-      label:'照片墙',
-      icon:formImg,
-      props: { base: {tittleShow:true,}, verification: [], scan: {},preSuffix: {}, prefix:{}, size: {}, title:{} },
-      style: { titleFont: {},background: {}, margin:{}, padding:{}, border:{}, shadow:{}  },
-      designComponent:defineAsyncComponent(()=>{
-        return import('../views/assemblys/form/file-picture/picture-design.vue')
-      })
-    },{
-      name:'cascader',
-      label:'级联框',
-      icon: formCascader,
-      props: { base: {tittleShow:true,}, verification: [], scan: {},preSuffix: {}, prefix:{}, size: {}, title:{} },
-      style: { titleFont: {},background: {}, margin:{}, padding:{} , border:{}, shadow:{} },
-      designComponent:defineAsyncComponent(()=>{
-        return import('../views/assemblys/form/cascader/cascader-design.vue')
-      })
-    },*/
-    {
-      name: "switch",
-      label: "开关",
-      icon: formSwitch,
-      props: {
-        base: {
-          tittleShow: true,
-          title: "开关"
-        },
-        verification: {},
-        singleWidth: {},
-        size: {
-          pc: {
-            widthType: "flex",
-            flexSpan: 8
-          },
-          ipad: {
-            widthType: "flex",
-            flexSpan: 12
-          },
-          phone: {
-            widthType: "flex",
-            flexSpan: 24
-          }
-        }
+        style: { titleFont: {}, background: {}, margin: {}, padding: {}, border: {}, shadow: {} },
+        events: [
+          { name: "change", label: "更改", tip: "更改" },
+          { name: "show", label: "显示", tip: "显示元素时执行" },
+          { name: "hidden", label: "隐藏", tip: "隐藏元素时执行" }
+        ],
+        designComponent: defineAsyncComponent(() => {
+          return import("../views/assemblys/form/select/select-design.vue.js");
+        }),
+        attrComponent: defineAsyncComponent(() => {
+          return import("../views/assemblys/form/select/select-attr.vue.js");
+        })
       },
-      style: { titleFont: {}, background: {}, margin: {}, padding: {}, border: {}, shadow: {} },
-      events: [
-        { name: "change", label: "更改", tip: "更改" },
-        { name: "show", label: "显示", tip: "显示元素时执行" },
-        { name: "hidden", label: "隐藏", tip: "隐藏元素时执行" }
-      ],
-      designComponent: defineAsyncComponent(() => {
-        return import("../views/assemblys/form/switch/switch-design.vue.js");
-      }),
-      attrComponent: defineAsyncComponent(() => {
-        return import("../views/assemblys/form/switch/switch-attr.vue.js");
-      })
-    },
-    {
-      name: "inputNumber",
-      label: "计数器",
-      icon: formCount,
-      props: {
-        base: {
-          tittleShow: true,
-          title: "计数器"
-        },
-        verification: {},
-        size: {
-          pc: {
-            widthType: "flex",
-            flexSpan: 8
+      {
+        name: "radio",
+        label: "单选框",
+        icon: formRadio,
+        props: {
+          base: {
+            tittleShow: true,
+            title: "单选框"
           },
-          ipad: {
-            widthType: "flex",
-            flexSpan: 12
+          verification: {},
+          dataOrigin: {
+            displayQuantity: 20
           },
-          phone: {
-            widthType: "flex",
-            flexSpan: 24
+          size: {
+            pc: {
+              widthType: "flex",
+              flexSpan: 8
+            },
+            ipad: {
+              widthType: "flex",
+              flexSpan: 12
+            },
+            phone: {
+              widthType: "flex",
+              flexSpan: 24
+            }
           }
         },
-        overallWidth: {},
-        overallHeight: {}
-      },
-      style: { titleFont: {}, background: {}, margin: {}, padding: {}, border: {}, shadow: {} },
-      events: [
-        { name: "change", label: "更改", tip: "更改" },
-        { name: "blur", label: "获取焦点", tip: "获取焦点" },
-        { name: "focus", label: "失去焦点", tip: "失去焦点" },
-        { name: "show", label: "显示", tip: "显示元素时执行" },
-        { name: "hidden", label: "隐藏", tip: "隐藏元素时执行" }
-      ],
-      designComponent: defineAsyncComponent(() => {
-        return import("../views/assemblys/form/input-number/input-number-design.vue.js");
-      }),
-      attrComponent: defineAsyncComponent(() => {
-        return import("../views/assemblys/form/input-number/input-number-attr.vue.js");
-      })
-    },
-    /**{
-      name:'slider',
-      label:'滑块',
-      icon:formSlider,
-      props: { base: {tittleShow:true,}, verification: [], scan: {},preSuffix: {}, prefix:{}, size: {}, title:{} },
-      style: { titleFont: {},background: {}, margin:{}, padding:{}, border:{}, shadow:{}  },
-      events: [{name:'click',label: '点击', tip:'点击' },
-        {name:'change',label: '更改', tip:'更改' },
-        {name:'show',label: '显示', tip:'显示元素时执行' },
-        {name:'hidden',label: '隐藏', tip:'隐藏元素时执行' }],
-      designComponent:defineAsyncComponent(()=>{
-        return import('../views/assemblys/form/slider/slider-design.vue')
-      })
-    },{
-      name:'rate',
-      label:'评分',
-      icon: formScore,
-      props: { base: {tittleShow:true,}, verification: [], scan: {},preSuffix: {}, prefix:{}, size: {}, title:{} },
-      style: { titleFont: {},background: {}, margin:{}, padding:{}, border:{}, shadow:{}  },
-      events: [{name:'click',label: '点击', tip:'点击' },
-        {name:'change',label: '更改', tip:'更改' },
-        {name:'show',label: '显示', tip:'显示元素时执行' },
-        {name:'hidden',label: '隐藏', tip:'隐藏元素时执行' }],
-      designComponent:defineAsyncComponent(()=>{
-        return import('../views/assemblys/form/rate/rate-design.vue')
-      })
-    },{
-      name:'colors',
-      label:'颜色器',
-      icon: formColor,
-      props: { base: {tittleShow:true,}, verification: [], scan: {},preSuffix: {}, prefix:{}, size: {}, title:{} },
-      style: { titleFont: {},background: {}, margin:{}, padding:{}, border:{}, shadow:{}  },
-      designComponent:defineAsyncComponent(()=>{
-        return import('../views/assemblys/form/colors/colors-design.vue')
-      })
-    },*/
-    {
-      name: "tag",
-      label: "标签",
-      icon: formText,
-      props: {
-        base: {
-          tittleShow: true,
-          title: "标签"
-        },
-        size: {
-          pc: {
-            widthType: "flex",
-            flexSpan: 8
-          },
-          ipad: {
-            widthType: "flex",
-            flexSpan: 12
-          },
-          phone: {
-            widthType: "flex",
-            flexSpan: 24
-          }
-        }
+        style: { titleFont: {}, background: {}, margin: {}, padding: {}, border: {}, shadow: {} },
+        events: [
+          { name: "change", label: "更改", tip: "更改" },
+          { name: "show", label: "显示", tip: "显示元素时执行" },
+          { name: "hidden", label: "隐藏", tip: "隐藏元素时执行" }
+        ],
+        designComponent: defineAsyncComponent(() => {
+          return import("../views/assemblys/form/radio/radio-design.vue.js");
+        }),
+        attrComponent: defineAsyncComponent(() => {
+          return import("../views/assemblys/form/radio/radio-attr.vue.js");
+        })
       },
-      style: { titleFont: {}, background: {}, margin: {}, padding: {}, border: {}, shadow: {} },
-      events: [
-        { name: "click", label: "点击", tip: "点击" },
-        { name: "remove", label: "移除标签", tip: "移除标签" },
-        { name: "show", label: "显示", tip: "显示元素时执行" },
-        { name: "hidden", label: "隐藏", tip: "隐藏元素时执行" }
-      ],
-      designComponent: defineAsyncComponent(() => {
-        return import("../views/assemblys/form/tag/tag-design.vue.js");
-      }),
-      attrComponent: defineAsyncComponent(() => {
-        return import("../views/assemblys/form/tag/tag-attr.vue.js");
-      })
-    },
-    /**{
-      name:'transfer',
-      label:'穿梭框',
-      icon: formTransfer,
-      props: { base: {tittleShow:true,}, verification: [], scan: {},preSuffix: {}, prefix:{}, size: {}, title:{} },
-      style: { titleFont: {},background: {} , margin:{}, padding:{}, border:{}, shadow:{} },
-      designComponent:defineAsyncComponent(()=>{
-        return import('../views/assemblys/form/transfer/transfer-design.vue')
-      })
-    },*/
-    {
-      name: "dept-tree",
-      label: "组织树",
-      icon: formDept,
-      props: {
-        base: {
-          tittleShow: true,
-          title: "组织树",
-          placeholder: "请选择"
-        },
-        size: {
-          pc: {
-            widthType: "flex",
-            flexSpan: 8
+      {
+        name: "checkbox",
+        label: "复选框",
+        icon: formCheck,
+        props: {
+          base: {
+            tittleShow: true,
+            title: "复选框"
           },
-          ipad: {
-            widthType: "flex",
-            flexSpan: 12
+          verification: {},
+          dataOrigin: {
+            displayQuantity: 20
           },
-          phone: {
-            widthType: "flex",
-            flexSpan: 24
+          size: {
+            pc: {
+              widthType: "flex",
+              flexSpan: 8
+            },
+            ipad: {
+              widthType: "flex",
+              flexSpan: 12
+            },
+            phone: {
+              widthType: "flex",
+              flexSpan: 24
+            }
           }
         },
-        verification: {},
-        title: {},
-        orgFields: [{ type: "", model: "" }]
-      },
-      style: { titleFont: {}, background: {}, margin: {}, padding: {}, border: {}, shadow: {} },
-      events: [
-        { name: "click", label: "点击", tip: "点击" },
-        { name: "change", label: "更改", tip: "更改" },
-        { name: "show", label: "显示", tip: "显示元素时执行" },
-        { name: "hidden", label: "隐藏", tip: "隐藏元素时执行" }
-      ],
-      designComponent: defineAsyncComponent(() => {
-        return import("../views/assemblys/form/dept-tree/depttree-design.vue.js");
-      }),
-      attrComponent: defineAsyncComponent(() => {
-        return import("../views/assemblys/form/dept-tree/depttree-attr.vue.js");
-      })
-    },
-    {
-      name: "richText",
-      label: "富文本",
-      icon: formTextarea,
-      props: {
-        base: {
-          tittleShow: false,
-          title: "富文本",
-          placeholder: "请输入"
-        },
-        verification: [],
-        size: { fixedHeight: 200, widthType: "flex", flexSpan: 24 }
-      },
-      style: { titleFont: {}, background: {}, margin: {}, padding: {}, border: {}, shadow: {} },
-      events: [
-        { name: "change", label: "更改", tip: "更改" },
-        { name: "show", label: "显示", tip: "显示元素时执行" },
-        { name: "hidden", label: "隐藏", tip: "隐藏元素时执行" }
-      ],
-      designComponent: defineAsyncComponent(() => {
-        return import("../views/assemblys/form/rich-text/richtext-design.vue.js");
-      }),
-      attrComponent: defineAsyncComponent(() => {
-        return import("../views/assemblys/form/rich-text/richtext-attr.vue.js");
-      })
-    },
-    {
-      name: "divider",
-      label: "分割线",
-      icon: formDivider,
-      props: {
-        base: {
-          tittleShow: true
-        },
-        size: { widthType: "flex", flexSpan: 24 },
-        title: {}
-      },
-      style: { titleFont: {}, background: {}, margin: {}, padding: {}, border: {}, shadow: {} },
-      events: [
-        { name: "click", label: "点击", tip: "点击" },
-        { name: "show", label: "显示", tip: "显示元素时执行" },
-        { name: "hidden", label: "隐藏", tip: "隐藏元素时执行" }
-      ],
-      designComponent: defineAsyncComponent(() => {
-        return import("../views/assemblys/form/divider/divider-design.vue.js");
-      }),
-      attrComponent: defineAsyncComponent(() => {
-        return import("../views/assemblys/form/divider/divider-attr.vue.js");
-      })
-    },
-    {
-      name: "separatelabel",
-      label: "分隔标签",
-      icon: containerCard,
-      default: {},
-      props: {
-        base: {
-          title: "标题"
-        },
-        size: { widthType: "flex", flexSpan: 24 }
-      },
-      style: {},
-      designComponent: defineAsyncComponent(() => {
-        return import("../views/assemblys/form/separatelabel/separatelabel-design.vue.js");
-      }),
-      attrComponent: defineAsyncComponent(() => {
-        return import("../views/assemblys/form/separatelabel/separatelabel-attr.vue.js");
-      })
-    },
-    {
-      name: "placeholder",
-      label: "占位符",
-      icon: formSpace,
-      props: {
-        base: {},
-        verification: {},
-        size: {
-          pc: {
-            widthType: "flex",
-            flexSpan: 8
-          },
-          ipad: {
-            widthType: "flex",
-            flexSpan: 12
-          },
-          phone: {
-            widthType: "flex",
-            flexSpan: 24
-          }
-        }
+        style: { titleFont: {}, background: {}, margin: {}, padding: {}, border: {}, shadow: {} },
+        events: [
+          { name: "change", label: "更改", tip: "更改" },
+          { name: "show", label: "显示", tip: "显示元素时执行" },
+          { name: "hidden", label: "隐藏", tip: "隐藏元素时执行" }
+        ],
+        designComponent: defineAsyncComponent(() => {
+          return import("../views/assemblys/form/checkbox/checkbox-design.vue.js");
+        }),
+        attrComponent: defineAsyncComponent(() => {
+          return import("../views/assemblys/form/checkbox/checkbox-attr.vue.js");
+        })
       },
-      style: { titleFont: {}, background: {}, margin: {}, padding: {}, border: {}, shadow: {} },
-      events: [
-        { name: "show", label: "显示", tip: "显示元素时执行" },
-        { name: "hidden", label: "隐藏", tip: "隐藏元素时执行" }
-      ],
-      designComponent: defineAsyncComponent(() => {
-        return import("../views/assemblys/form/placeholder/placeholder-design.vue.js");
-      }),
-      attrComponent: defineAsyncComponent(() => {
-        return import("../views/assemblys/form/placeholder/placeholder-attr.vue.js");
-      })
-    },
-    {
-      name: "link",
-      label: "链接",
-      icon: formLink,
-      props: {
-        base: {
-          title: "链接",
-          tittleShow: false
-        },
-        linkPage: {},
-        prefix: {},
-        size: {
-          pc: {
-            widthType: "flex",
-            flexSpan: 8
-          },
-          ipad: {
-            widthType: "flex",
-            flexSpan: 12
+      {
+        name: "textarea",
+        label: "文本域",
+        icon: formTextarea,
+        props: {
+          base: {
+            tittleShow: true,
+            title: "文本域",
+            clearable: true,
+            placeholder: "请输入"
           },
-          phone: {
-            widthType: "flex",
-            flexSpan: 24
-          }
-        }
-      },
-      style: { titleFont: {}, background: {}, margin: {}, padding: {}, border: {}, shadow: {} },
-      events: [
-        { name: "beforeClick", label: "点击前", tip: "点击前" },
-        { name: "click", label: "点击", tip: "点击" },
-        { name: "setValue", label: "弹框赋值回调", tip: "弹框赋值回调" },
-        { name: "closePopup", label: "关闭弹框回调", tip: "关闭弹框回调" },
-        { name: "show", label: "显示", tip: "显示元素时执行" },
-        { name: "hidden", label: "隐藏", tip: "隐藏元素时执行" }
-      ],
-      designComponent: defineAsyncComponent(() => {
-        return import("../views/assemblys/form/link/link-design.vue.js");
-      }),
-      attrComponent: defineAsyncComponent(() => {
-        return import("../views/assemblys/form/link/link-attr.vue.js");
-      })
-    },
-    {
-      name: "label",
-      label: "Label组件",
-      icon: formText,
-      props: {
-        base: {
-          tittleShow: true,
-          title: "标签"
+          verification: {},
+          size: { widthType: "flex", flexSpan: 24 }
         },
-        size: {
-          pc: {
-            widthType: "flex",
-            flexSpan: 8
-          },
-          ipad: {
-            widthType: "flex",
-            flexSpan: 12
+        style: { titleFont: {}, background: {}, margin: {}, padding: {}, border: {}, shadow: {} },
+        events: [
+          { name: "input", label: "输入", tip: "输入" },
+          { name: "change", label: "更改", tip: "更改" },
+          { name: "blur", label: "失去焦点", tip: "失去焦点" },
+          { name: "focus", label: "获取焦点", tip: "获取焦点" },
+          { name: "show", label: "显示", tip: "显示元素时执行" },
+          { name: "hidden", label: "隐藏", tip: "隐藏元素时执行" }
+        ],
+        designComponent: defineAsyncComponent(() => {
+          return import("../views/assemblys/form/textarea/textarea-design.vue.js");
+        }),
+        attrComponent: defineAsyncComponent(() => {
+          return import("../views/assemblys/form/textarea/textarea-attr.vue.js");
+        })
+      },
+      {
+        name: "datePicker",
+        label: "日期/时间",
+        icon: formDate,
+        props: {
+          base: {
+            dateRangeDefaultValue: {},
+            tittleShow: true,
+            title: "日期",
+            clearable: true,
+            placeholder: "请选择"
           },
-          phone: {
-            widthType: "flex",
-            flexSpan: 24
+          verification: {},
+          size: {
+            pc: {
+              widthType: "flex",
+              flexSpan: 8
+            },
+            ipad: {
+              widthType: "flex",
+              flexSpan: 12
+            },
+            phone: {
+              widthType: "flex",
+              flexSpan: 24
+            }
           }
         },
-        verification: {},
-        formatting: {
-          type: "",
-          suffixModule: {
-            jumpPageAdditional: [],
-            icon: ""
-          },
-          dynamicDataSourceCode: ""
-        },
-        suffixModule: { action: "attonity", buttonDisplayConditionsList: [], jumpPageAdditional: [{ type: "", model: "" }] },
-        preSuffix: {},
-        singleWidth: {},
-        overallWidth: {},
-        overallHeight: {},
-        title: {}
-      },
-      style: { titleFont: {}, background: {}, margin: {}, padding: {}, border: {}, shadow: {} },
-      events: [
-        { name: "click", label: "点击", tip: "点击" },
-        { name: "change", label: "更改", tip: "更改" },
-        { name: "blur", label: "失去焦点", tip: "失去焦点" },
-        { name: "focus", label: "获取焦点", tip: "获取焦点" },
-        { name: "show", label: "显示", tip: "显示元素时执行" },
-        { name: "hidden", label: "隐藏", tip: "隐藏元素时执行" }
-      ],
-      designComponent: defineAsyncComponent(() => {
-        return import("../views/assemblys/form/label/label-design.vue.js");
-      }),
-      attrComponent: defineAsyncComponent(() => {
-        return import("../views/assemblys/form/label/label-attr.vue.js");
-      })
-    }
-    /**{
-      name:'image-upload',
-      label:'图片上传',
-      icon: formImageUpload,
-      props: { base: {tittleShow:true,}, verification: [], scan: {},preSuffix: {}, prefix:{},size: {},uploadConfig:{}, overallWidth:{},overallHeight:{}, title:{} },
-      style: { titleFont: {},background: {}, margin:{}, padding:{}, border:{}, shadow:{} },
-      events: [{name:'click',label: '点击', tip:'点击' },
-        {name:'change',label: '更改', tip:'更改' },
-        {name:'show',label: '显示', tip:'显示元素时执行' },
-        {name:'hidden',label: '隐藏', tip:'隐藏元素时执行' }],
-      designComponent:defineAsyncComponent(()=>{
-        return import('../views/assemblys/form/image-upload/imageupload-design.vue')
-      }),
-      attrComponent:defineAsyncComponent(()=>{
-        return import('../views/assemblys/form/image-upload/imageupload-attr.vue')
-      })
-    }, {
-      name:'thumbnail',
-      label:'缩略图',
-      icon: formZoom,
-      props: { base: {imgWidth:500,imgHeight:400,tittleShow:true,}, verification: {},imageSearch:[{imageUrl:''}], scan: {},preSuffix: {}, prefix:{},size: {},uploadConfig:{}, overallWidth:{},overallHeight:{}, title:{},thumbnailStyle:{} },
-      style: { titleFont: {},background: {}, margin:{}, padding:{}, border:{}, shadow:{} },
-      events: [{name:'click',label: '点击', tip:'点击' },
-        {name:'change',label: '更改', tip:'更改' },
-        {name:'upload',label: '上传图片', tip:'上传图片' },
-        {name:'select',label: '选择图片', tip:'选择图片' },
-        {name:'show',label: '显示', tip:'显示元素时执行' },
-        {name:'hidden',label: '隐藏', tip:'隐藏元素时执行' }],
-      designComponent:defineAsyncComponent(()=>{
-        return import('../views/assemblys/form/image-thumbnail/imagethumbnail-design.vue')
-      }),
-      attrComponent:defineAsyncComponent(()=>{
-        return import('../views/assemblys/form/image-thumbnail/imagethumbnail-attr.vue')
-      })
-    },*/
-  ]
-}, {
-  name: "data",
-  label: "数据",
-  icon: formData,
-  items: [{
-    name: "table",
-    label: "表格",
-    events: [
-      { name: "beforeListLoad", label: "加载列表数据前", tip: "加载列表数据前" },
-      { name: "beforeRequest", label: "数据请求前事件", tip: "表格数据请求前回调事件" },
-      { name: "onListLoad", label: "加载列表数据后", tip: "加载列表数据后,此事件可以格式化数据内容" },
-      { name: "afterListLoad", label: "列表初始化后", tip: "列表初始化后" },
-      { name: "resizeTableHeight", label: "高度计算", tip: "列表高度重计算,refresh列表数据时会重新计算高度" },
-      { name: "beforeAddRow", label: "增加记录前", tip: "增加记录前，返回true表示可以增加记录，false表示不能增加记录" },
-      { name: "afterAddRow", label: "增加记录后", tip: "增加记录后" },
-      { name: "beforeRemoveRow", label: "移除记录前", tip: "移除记录前，返回true表示可以移除该记录，false表示不移除该记录" },
-      { name: "afterRemoveRow", label: "移除记录后", tip: "移除记录后" },
-      { name: "beforeEdit", label: "行编辑前", tip: "行编辑或移动端编辑字段前的回调方法,修改记录前，返回true表示可以修改记录，false表示不能修改记录" },
-      { name: "beforeRestoreValidate", label: "取消编辑前验证", tip: "列表行编辑取消编辑前验证回调方法" },
-      { name: "beforeRestore", label: "取消编辑前", tip: "列表行编辑取消编辑前回调方法" },
-      { name: "select", label: "选择数据", tip: "当用户手动勾选数据行时触发的事件" },
-      { name: "select-all", label: "全选数据", tip: "当用户手动勾选全选时触发该事件" },
-      { name: "selection-change", label: "选择数据改变", tip: "当选择项发生变化时触发该事件" },
-      { name: "cell-click", label: "单元格点击", tip: "当某个单元格被点击时会触发该事件" },
-      { name: "cell-dblclick", label: "单元格双击", tip: "当某个单元格被双击击时会触发该事件" },
-      { name: "row-click", label: "行点击", tip: "当某一行被点击时会触发该事件" },
-      { name: "row-dblclick", label: "行双击", tip: "当某一行被双击时会触发该事件" },
-      { name: "header-click", label: "列表头点击", tip: "当某一列的表头被点击时会触发该事件" },
-      { name: "show", label: "列表显示", tip: "列表显示回调方法" },
-      { name: "hidden", label: "列表隐藏", tip: "列表隐藏回调方法" },
-      { name: "row-style", label: "行style", tip: "行style的回调方法" }
-    ],
-    icon: dataTable,
-    btnList: [
-      {
-        name: "button-detail",
-        label: "按钮",
-        icon: button,
-        props: { base: { type: "primary", name: "操作", title: "操作" }, verification: [], scan: {}, preSuffix: {}, prefix: {}, size: {}, title: {} },
         style: { titleFont: {}, background: {}, margin: {}, padding: {}, border: {}, shadow: {} },
         events: [
-          { name: "beforeValidateForm", label: "验证数据前", tip: "行编辑保存时验证数据前，先于beforeClick事件" },
-          { name: "beforeClick", label: "点击前事件", tip: "点击前事件" },
-          { name: "setValue", label: "弹框赋值回调", tip: "弹框赋值回调" },
-          { name: "closePopup", label: "关闭弹框回调", tip: "关闭弹框回调" },
-          { name: "click", label: "点击事件", tip: "点击事件" },
-          { name: "afterClick", label: "点击后事件", tip: "点击后事件" },
-          { name: "show", label: "显示", tip: "显示" },
-          { name: "hidden", label: "隐藏", tip: "隐藏" }
-        ]
-      }
-    ],
-    items: [
-      getTableSelectionConf(),
-      getTableIndexConf(),
-      getTableOperateConf()
-    ],
-    modelFields: [],
-    props: {
-      base: {
-        alignTittle: "left",
-        alignContent: "left",
-        selection: true,
-        showIndex: true,
-        showOperation: true,
-        stripe: true,
-        highlightCurrentRow: true,
-        subPaging: true
-      },
-      verification: [],
-      scan: {},
-      preSuffix: {},
-      prefix: {},
-      size: {},
-      title: {},
-      // 联动
-      linkage: [
-        { label: "联动变量1", vaule: "" },
-        { label: "联动变量2", vaule: "" },
-        { label: "联动变量3", vaule: "" }
-      ],
-      highOrder: {
-        totalSetting: ""
-      },
-      deleteLogicSetting: [{ secondTable: "" }],
-      otherSettings: {
-        // 配置子表
-        sourceQueryTableData: "[]"
-      },
-      dataOrigin: {
-        optionValueSetType: "",
-        staticState: [],
-        sortField: [{ name: "", type: "" }],
-        json: `[
-          {name:1,age:1},
-          {name:2,age:2},
-          {name:3,age:3},
-        ]`,
-        principalLinkage: "",
-        querySetList: [{ type: 1, name: 1 }],
-        returnSetList: [],
-        sqlFilterCondition: [],
-        defaultQueryCriteria: [],
-        unfoldConent: `<el-form :model="form" label-width="auto" style="max-width: 600px">
-            <el-form-item label="Activity name">
-             <el-input v-model="form.name" />
-            </el-form-item>
-          </el-form>
-        `
-      },
-      isChangeGroupHeader: false,
-      groupHeaders: [],
-      // 组合表头配置
-      importSetting: {
-        // 导入字段配置
-        listViewImportDuplicate: "update",
-        // update（更新数据）/skip（跳过）/termination（中止导入）
-        importFields: []
-        // 导入字段配置
-      }
-    },
-    style: { titleFont: {}, tableHeader: {}, rowStyle: [{ type: "", model: "" }], background: {}, margin: {}, padding: {}, border: {}, shadow: {} },
-    designComponent: defineAsyncComponent(() => {
-      return import("../views/assemblys/data/table/table-design.vue.js");
-    }),
-    attrComponent: defineAsyncComponent(() => {
-      return import("../views/assemblys/data/table/table-attr.vue.js");
-    })
-  }, {
-    name: "progress",
-    label: "进度条",
-    icon: dataProcess,
-    props: { base: {}, verification: [], scan: {}, preSuffix: {}, prefix: {}, size: {}, title: {} },
-    style: { titleFont: {}, background: {}, margin: {}, padding: {}, border: {}, shadow: {} },
-    designComponent: defineAsyncComponent(() => {
-      return import("../views/assemblys/container/form/form-design.vue.js");
-    })
-  }, {
-    name: "tree",
-    label: "树控件",
-    events: [
-      { name: "show", label: "显示", tip: "显示" },
-      { name: "hidden", label: "隐藏", tip: "隐藏" },
-      { name: "node-click", label: "节点点击", tip: "当节点被点击的时候触发" },
-      { name: "check-change", label: "复选框点击", tip: "当复选框被点击的时候触发" },
-      { name: "check", label: "复选框点击后", tip: "点击节点复选框之后触发" },
-      { name: "add-node", label: "增加节点", tip: "增加节点触发" },
-      { name: "update-node", label: "修改节点", tip: "修改节点触发" },
-      { name: "delete-node", label: "移除节点", tip: "删除节点触发" }
-    ],
-    icon: dataTree,
-    props: {
-      base: {},
-      verification: [],
-      scan: {},
-      preSuffix: {},
-      prefix: {},
-      size: {},
-      title: {},
-      queryParameter: {
-        parameterList: []
-      },
-      // 联动
-      linkage: [
-        { label: "联动变量1", vaule: "" },
-        { label: "联动变量2", vaule: "" },
-        { label: "联动变量3", vaule: "" }
-      ],
-      dataOrigin: {
-        optionValueSetType: "",
-        staticState: [],
-        staticData: `[{
-    "label": "第一级",
-    "children": [
-     {
-      "label": "第二级",
-      "children": [
-       {
-        "label": "第三级"
-       }
-      ]
-     }
-    ]
-   }]`,
-        principalLinkage: "11",
-        querySetList: [{ type: 1, name: 1 }],
-        returnSetList: [{ type: 1, name: 1 }],
-        totalSetting: ""
-      }
-    },
-    style: { titleFont: {}, verification: {}, background: {}, margin: {}, padding: {}, border: {}, shadow: {} },
-    designComponent: defineAsyncComponent(() => {
-      return import("../views/assemblys/data/tree/tree-design.vue.js");
-    }),
-    attrComponent: defineAsyncComponent(() => {
-      return import("../views/assemblys/data/tree/tree-attr.vue.js");
-    })
-  }, {
-    name: "steps",
-    label: "步骤条",
-    icon: dataStep,
-    props: { base: {}, verification: [], scan: {}, preSuffix: {}, prefix: {}, size: {}, title: {} },
-    style: { titleFont: {}, background: {}, margin: {}, padding: {}, border: {}, shadow: {} },
-    designComponent: defineAsyncComponent(() => {
-      return import("../views/assemblys/container/form/form-design.vue.js");
-    })
-  }, {
-    name: "timeline",
-    label: "时间线",
-    icon: dataTimeline,
-    props: { base: {}, verification: [], scan: {}, preSuffix: {}, prefix: {}, size: {}, title: {} },
-    style: { titleFont: {}, background: {}, margin: {}, padding: {}, border: {}, shadow: {} },
-    designComponent: defineAsyncComponent(() => {
-      return import("../views/assemblys/container/form/form-design.vue.js");
-    })
-  }, {
-    name: "bar-code",
-    label: "条码",
-    icon: barcode,
-    props: { base: { type: "QR-code" }, verification: [], scan: {}, preSuffix: {}, prefix: {}, size: {}, title: {} },
-    style: { titleFont: {}, background: {}, margin: {}, padding: {}, border: {}, shadow: {} },
-    designComponent: defineAsyncComponent(() => {
-      return import("../views/assemblys/data/bar-code/barcode-design.vue.js");
-    }),
-    attrComponent: defineAsyncComponent(() => {
-      return import("../views/assemblys/data/bar-code/barcode-attr.vue.js");
-    })
-  }]
-}, {
-  name: "button",
-  label: "按钮",
-  icon: groupButton,
-  items: [{
-    name: "button-detail",
-    label: "按钮",
-    icon: button,
-    //设计时的样式
-    design: {
-      style: {
-        "display": "inline-block",
-        //与外层宽度有冲突
-        "flex": "0"
-      }
-    },
-    props: {
-      base: {
-        title: "按钮",
-        isPermission: true,
-        conversionCodes: [],
-        condition: [{
-          sqlFilterCondition: "[]"
-        }],
-        showCondition: "[]",
-        type: "primary",
-        logSetting: []
-      },
-      setValueList: [{}],
-      linkPage: {},
-      verification: [],
-      scan: {},
-      preSuffix: {},
-      prefix: {},
-      size: {},
-      title: {}
-    },
-    style: { titleFont: {}, background: {}, margin: {}, padding: {}, border: {}, shadow: {} },
-    events: [
-      { name: "beforeValidateForm", label: "验证表单前", tip: "验证表单前，先于beforeClick事件" },
-      { name: "beforeClick", label: "点击前事件", tip: "点击前事件" },
-      { name: "click", label: "点击事件", tip: "点击事件" },
-      { name: "setValue", label: "弹框赋值回调", tip: "弹框赋值回调" },
-      { name: "closePopup", label: "关闭弹框回调", tip: "关闭弹框回调" },
-      { name: "afterClick", label: "点击后事件", tip: "点击后事件" },
-      { name: "show", label: "显示", tip: "显示" },
-      { name: "hidden", label: "隐藏", tip: "隐藏" }
-    ],
-    designComponent: defineAsyncComponent(() => {
-      return import("../views/assemblys/button/button/button-design.vue.js");
-    }),
-    attrComponent: defineAsyncComponent(() => {
-      return import("../views/assemblys/button/button/button-attr.vue.js");
-    })
-  }, {
-    name: "button-group",
-    label: "按钮组",
-    icon: buttonGroup,
-    //设计时的样式
-    design: {
-      style: {
-        "display": "inline-block",
-        //与外层宽度有冲突
-        "flex": "0"
-      }
-    },
-    props: { base: {}, size: {} },
-    style: { titleFont: {}, background: {}, margin: {}, padding: {}, border: {}, shadow: {} },
-    events: [
-      { name: "show", label: "显示", tip: "显示" },
-      { name: "hidden", label: "隐藏", tip: "隐藏" }
-    ],
-    designComponent: defineAsyncComponent(() => {
-      return import("../views/assemblys/button/button-group/buttongroup-design.vue.js");
-    }),
-    attrComponent: defineAsyncComponent(() => {
-      return import("../views/assemblys/button/button-group/buttongroup-attr.vue.js");
-    })
-  }, {
-    name: "dropdown",
-    label: "下拉菜单",
-    icon: "",
-    //设计时的样式
-    design: {
-      style: {
-        "display": "inline-block"
-      }
-    },
-    props: {
-      base: {
-        title: "下拉菜单"
-      },
-      dataOrigin: {
-        optionValueSetType: "",
-        staticState: [],
-        json: `[
-        {"label":"1"},
-        {"label":"2"},
-        {"label":"3"}
-      ]`
+          { name: "change", label: "确定更改日期", tip: "用户确认选定的值时触发" },
+          { name: "blur", label: "获取焦点", tip: "获取焦点" },
+          { name: "clear", label: "清空", tip: "清空" },
+          { name: "focus", label: "失去焦点", tip: "失去焦点" },
+          // {name:'calendar-change',label: '日历更改所选日期事件', tip:'在日历所选日期更改时触发' },
+          { name: "panel-change", label: "日期面板改变事件", tip: "当日期面板改变时触发" },
+          { name: "visible-change", label: "下拉列表出现/消失事件", tip: "当picker的下拉列表出现/消失时触发" },
+          { name: "show", label: "显示", tip: "显示元素时执行" },
+          { name: "hidden", label: "隐藏", tip: "隐藏元素时执行" }
+        ],
+        designComponent: defineAsyncComponent(() => {
+          return import("../views/assemblys/form/date-picker/datepicker-design.vue.js");
+        }),
+        attrComponent: defineAsyncComponent(() => {
+          return import("../views/assemblys/form/date-picker/datepicker-attr.vue.js");
+        })
       },
-      verification: [],
-      scan: {},
-      preSuffix: {},
-      prefix: {},
-      size: {},
-      title: {}
-    },
-    style: { titleFont: {}, background: {}, margin: {}, padding: {}, border: {}, shadow: {} },
-    events: [
-      { name: "show", label: "显示", tip: "显示" },
-      { name: "hidden", label: "隐藏", tip: "隐藏" },
-      { name: "menuClick", label: "点击菜单", tip: "点击菜单" },
-      { name: "menuShow", label: "显示菜单", tip: "显示菜单" },
-      { name: "menuHidden", label: "隐藏菜单", tip: "隐藏菜单" }
-    ],
-    designComponent: defineAsyncComponent(() => {
-      return import("../views/assemblys/button/dropdown/dropdown-design.vue.js");
-    }),
-    attrComponent: defineAsyncComponent(() => {
-      return import("../views/assemblys/button/dropdown/dropdown-attr.vue.js");
-    })
-  }, {
-    name: "export-pdf",
-    label: "导出PDF",
-    icon: buttonGroup,
-    //设计时的样式
-    design: {
-      style: {
-        "display": "inline-block"
-      }
-    },
-    props: {
-      base: {
-        title: "导出PDF",
-        type: "primary"
-      },
-      dropdown: {},
-      dataOrigin: {
-        optionValueSetType: "",
-        staticState: [],
-        json: `[
-        {"label":"1"},
-        {"label":"2"},
-        {"label":"3"}
-      ]`
-      },
-      verification: [],
-      scan: {},
-      preSuffix: {},
-      prefix: {},
-      size: {},
-      title: {}
-    },
-    style: { titleFont: {}, background: {}, margin: {}, padding: {}, border: {}, shadow: {} },
-    events: [
-      { name: "show", label: "显示", tip: "显示" },
-      { name: "hidden", label: "隐藏", tip: "隐藏" },
-      { name: "beforeClick", label: "点击前事件", tip: "点击前事件" },
-      { name: "click", isEdit: false, label: "点击事件", tip: "点击事件", title: "导出PDF", eventName: "exportPDF", isStandard: true }
-    ],
-    designComponent: defineAsyncComponent(() => {
-      return import("../views/assemblys/button/export-pdf/exportpdf-design.vue.js");
-    }),
-    attrComponent: defineAsyncComponent(() => {
-      return import("../views/assemblys/button/export-pdf/exportpdf-attr.vue.js");
-    })
-  }, {
-    name: "print-label",
-    label: "打印标签",
-    icon: buttonGroup,
-    //设计时的样式
-    design: {
-      style: {
-        "display": "inline-block"
-      }
-    },
-    props: {
-      base: {
-        title: "打印标签",
-        type: "primary"
-      },
-      dropdown: {},
-      dataOrigin: {
-        optionValueSetType: "",
-        staticState: [],
-        json: `[
-        {"label":"1"},
-        {"label":"2"},
-        {"label":"3"}
-      ]`
-      },
-      verification: [],
-      scan: {},
-      preSuffix: {},
-      prefix: {},
-      size: {},
-      title: {}
-    },
-    style: { titleFont: {}, background: {}, margin: {}, padding: {}, border: {}, shadow: {} },
-    events: [
-      { name: "show", label: "显示", tip: "显示" },
-      { name: "hidden", label: "隐藏", tip: "隐藏" },
-      { name: "beforeClick", label: "点击前事件", tip: "点击前事件" },
-      { name: "click", isEdit: false, label: "点击事件", tip: "点击事件", title: "打印标签", eventName: "printLabel", isStandard: true }
-    ],
-    designComponent: defineAsyncComponent(() => {
-      return import("../views/assemblys/button/print-label/printlabel-design.vue.js");
-    }),
-    attrComponent: defineAsyncComponent(() => {
-      return import("../views/assemblys/button/print-label/printlabel-attr.vue.js");
-    })
-  }]
-}, {
-  name: "workflow",
-  label: "工作流",
-  icon: groupWorkflow,
-  items: [{
-    name: "workflow-button",
-    label: "流程按钮",
-    icon: workflowButton,
-    //设计时的样式
-    design: {
-      style: {
-        "display": "inline-block"
-      }
-    },
-    items: [
+      /**{
+        name:'datetime',
+        label:'日历',
+        icon: formDate,
+        props: { base: {tittleShow:true,}, verification: [], scan: {},preSuffix: {}, prefix:{}, size: {}, title:{} },
+        style: { titleFont: {},background: {} , margin:{}, padding:{}, border:{}, shadow:{} },
+        events: [{name:'click',label: '点击', tip:'点击' },
+          {name:'change',label: '更改', tip:'更改' },
+          {name:'show',label: '显示', tip:'显示元素时执行' },
+          {name:'hidden',label: '隐藏', tip:'隐藏元素时执行' }],
+        designComponent:defineAsyncComponent(()=>{
+          return import('../views/assemblys/form/datetime/datetime-design.vue')
+        })
+      },*/
       {
-        name: "button-detail",
-        label: "暂存",
-        icon: button,
-        disabled: true,
-        check: true,
-        // 该按钮在流程中是否被选中
-        isFlow: true,
-        // 是否流程按钮
+        name: "file-upload",
+        label: "文件框",
+        icon: formFile,
         props: {
-          base: { title: "暂存", logSetting: [], conversionCodes: [], condition: [{ sqlFilterCondition: "[]" }], setValueList: [{ combination: "[]" }], showCondition: "[]", type: "primary" },
-          verification: [],
-          preSuffix: {}
+          base: {
+            tittleShow: true,
+            title: "文件框",
+            placeholder: "请选择"
+          },
+          size: {
+            pc: {
+              widthType: "flex",
+              flexSpan: 8
+            },
+            ipad: {
+              widthType: "flex",
+              flexSpan: 12
+            },
+            phone: {
+              widthType: "flex",
+              flexSpan: 24
+            }
+          },
+          verification: {},
+          uploadConfig: {}
         },
         style: { titleFont: {}, background: {}, margin: {}, padding: {}, border: {}, shadow: {} },
         events: [
-          { name: "beforeValidateForm", label: "验证表单前", tip: "验证表单前，先于beforeClick事件" },
-          { name: "beforeClick", label: "点击前事件", tip: "点击前事件" },
-          { name: "click", isEdit: false, label: "点击事件", tip: "点击事件", title: "暂存", eventName: "workflowSave", isStandard: true },
-          { name: "afterClick", label: "点击后事件", tip: "点击后事件" },
-          { name: "show", label: "显示", tip: "显示" },
-          { name: "hidden", label: "隐藏", tip: "隐藏" }
-        ]
+          { name: "before-upload", label: "上传前", tip: "上传前" },
+          { name: "uploaded", label: "上传完成", tip: "上传完成" },
+          { name: "before-delete", label: "删除文件项前", tip: "删除文件项前" },
+          { name: "deleted", label: "删除文件项", tip: "删除文件项" },
+          { name: "show", label: "显示", tip: "显示元素时执行" },
+          { name: "hidden", label: "隐藏", tip: "隐藏元素时执行" }
+        ],
+        designComponent: defineAsyncComponent(() => {
+          return import("../views/assemblys/form/file-upload/fileupload-design.vue.js");
+        }),
+        attrComponent: defineAsyncComponent(() => {
+          return import("../views/assemblys/form/file-upload/fileupload-attr.vue.js");
+        })
       },
+      /**{
+        name:'file-picture',
+        label:'照片墙',
+        icon:formImg,
+        props: { base: {tittleShow:true,}, verification: [], scan: {},preSuffix: {}, prefix:{}, size: {}, title:{} },
+        style: { titleFont: {},background: {}, margin:{}, padding:{}, border:{}, shadow:{}  },
+        designComponent:defineAsyncComponent(()=>{
+          return import('../views/assemblys/form/file-picture/picture-design.vue')
+        })
+      },{
+        name:'cascader',
+        label:'级联框',
+        icon: formCascader,
+        props: { base: {tittleShow:true,}, verification: [], scan: {},preSuffix: {}, prefix:{}, size: {}, title:{} },
+        style: { titleFont: {},background: {}, margin:{}, padding:{} , border:{}, shadow:{} },
+        designComponent:defineAsyncComponent(()=>{
+          return import('../views/assemblys/form/cascader/cascader-design.vue')
+        })
+      },*/
       {
-        name: "button-detail",
-        label: "提交",
-        icon: button,
-        disabled: true,
-        check: true,
-        // 该按钮在流程中是否被选中
-        isFlow: true,
-        // 是否流程按钮
+        name: "switch",
+        label: "开关",
+        icon: formSwitch,
         props: {
-          base: { title: "提交", logSetting: [], conversionCodes: [], condition: [{ sqlFilterCondition: "[]" }], setValueList: [{ combination: "[]" }], showCondition: "[]", type: "primary" },
-          verification: [],
-          scan: {},
-          preSuffix: {},
-          prefix: {},
-          size: {},
-          title: {}
+          base: {
+            tittleShow: true,
+            title: "开关"
+          },
+          verification: {},
+          singleWidth: {},
+          size: {
+            pc: {
+              widthType: "flex",
+              flexSpan: 8
+            },
+            ipad: {
+              widthType: "flex",
+              flexSpan: 12
+            },
+            phone: {
+              widthType: "flex",
+              flexSpan: 24
+            }
+          }
         },
         style: { titleFont: {}, background: {}, margin: {}, padding: {}, border: {}, shadow: {} },
         events: [
-          { name: "beforeValidateForm", label: "验证表单前", tip: "验证表单前，先于beforeClick事件" },
-          { name: "beforeClick", label: "点击前事件", tip: "点击前事件" },
-          { name: "click", isEdit: false, label: "点击事件", tip: "点击事件", title: "提交流程", eventName: "submitProcess", isStandard: true },
-          { name: "afterClick", label: "点击后事件", tip: "点击后事件" },
-          { name: "show", label: "显示", tip: "显示" },
-          { name: "hidden", label: "隐藏", tip: "隐藏" }
-        ]
+          { name: "change", label: "更改", tip: "更改" },
+          { name: "show", label: "显示", tip: "显示元素时执行" },
+          { name: "hidden", label: "隐藏", tip: "隐藏元素时执行" }
+        ],
+        designComponent: defineAsyncComponent(() => {
+          return import("../views/assemblys/form/switch/switch-design.vue.js");
+        }),
+        attrComponent: defineAsyncComponent(() => {
+          return import("../views/assemblys/form/switch/switch-attr.vue.js");
+        })
       },
       {
-        name: "button-detail",
-        label: "提交",
-        icon: button,
-        disabled: true,
-        check: true,
-        // 该按钮在流程中是否被选中
-        isFlow: true,
-        // 是否流程按钮
+        name: "inputNumber",
+        label: "计数器",
+        icon: formCount,
         props: {
-          base: { title: "提交", logSetting: [], conversionCodes: [], condition: [{ sqlFilterCondition: "[]" }], setValueList: [{ combination: "[]" }], showCondition: "[]", type: "primary" },
-          verification: [],
-          scan: {},
-          preSuffix: {},
-          prefix: {},
-          size: {},
-          title: {}
+          base: {
+            tittleShow: true,
+            title: "计数器"
+          },
+          verification: {},
+          size: {
+            pc: {
+              widthType: "flex",
+              flexSpan: 8
+            },
+            ipad: {
+              widthType: "flex",
+              flexSpan: 12
+            },
+            phone: {
+              widthType: "flex",
+              flexSpan: 24
+            }
+          },
+          overallWidth: {},
+          overallHeight: {}
         },
         style: { titleFont: {}, background: {}, margin: {}, padding: {}, border: {}, shadow: {} },
         events: [
-          { name: "beforeValidateForm", label: "验证表单前", tip: "验证表单前，先于beforeClick事件" },
-          { name: "beforeClick", label: "点击前事件", tip: "点击前事件" },
-          { name: "click", isEdit: false, label: "点击事件", tip: "点击事件", title: "提交任务", eventName: "submitTask", isStandard: true },
-          { name: "afterClick", label: "点击后事件", tip: "点击后事件" },
-          { name: "show", label: "显示", tip: "显示" },
-          { name: "hidden", label: "隐藏", tip: "隐藏" }
-        ]
+          { name: "change", label: "更改", tip: "更改" },
+          { name: "blur", label: "获取焦点", tip: "获取焦点" },
+          { name: "focus", label: "失去焦点", tip: "失去焦点" },
+          { name: "show", label: "显示", tip: "显示元素时执行" },
+          { name: "hidden", label: "隐藏", tip: "隐藏元素时执行" }
+        ],
+        designComponent: defineAsyncComponent(() => {
+          return import("../views/assemblys/form/input-number/input-number-design.vue.js");
+        }),
+        attrComponent: defineAsyncComponent(() => {
+          return import("../views/assemblys/form/input-number/input-number-attr.vue.js");
+        })
       },
+      /**{
+        name:'slider',
+        label:'滑块',
+        icon:formSlider,
+        props: { base: {tittleShow:true,}, verification: [], scan: {},preSuffix: {}, prefix:{}, size: {}, title:{} },
+        style: { titleFont: {},background: {}, margin:{}, padding:{}, border:{}, shadow:{}  },
+        events: [{name:'click',label: '点击', tip:'点击' },
+          {name:'change',label: '更改', tip:'更改' },
+          {name:'show',label: '显示', tip:'显示元素时执行' },
+          {name:'hidden',label: '隐藏', tip:'隐藏元素时执行' }],
+        designComponent:defineAsyncComponent(()=>{
+          return import('../views/assemblys/form/slider/slider-design.vue')
+        })
+      },{
+        name:'rate',
+        label:'评分',
+        icon: formScore,
+        props: { base: {tittleShow:true,}, verification: [], scan: {},preSuffix: {}, prefix:{}, size: {}, title:{} },
+        style: { titleFont: {},background: {}, margin:{}, padding:{}, border:{}, shadow:{}  },
+        events: [{name:'click',label: '点击', tip:'点击' },
+          {name:'change',label: '更改', tip:'更改' },
+          {name:'show',label: '显示', tip:'显示元素时执行' },
+          {name:'hidden',label: '隐藏', tip:'隐藏元素时执行' }],
+        designComponent:defineAsyncComponent(()=>{
+          return import('../views/assemblys/form/rate/rate-design.vue')
+        })
+      },{
+        name:'colors',
+        label:'颜色器',
+        icon: formColor,
+        props: { base: {tittleShow:true,}, verification: [], scan: {},preSuffix: {}, prefix:{}, size: {}, title:{} },
+        style: { titleFont: {},background: {}, margin:{}, padding:{}, border:{}, shadow:{}  },
+        designComponent:defineAsyncComponent(()=>{
+          return import('../views/assemblys/form/colors/colors-design.vue')
+        })
+      },*/
       {
-        name: "button-detail",
-        label: "领取",
-        icon: button,
-        disabled: true,
-        check: true,
-        // 该按钮在流程中是否被选中
-        isFlow: true,
-        // 是否流程按钮
+        name: "tag",
+        label: "标签",
+        icon: formText,
         props: {
-          base: { title: "领取", logSetting: [], conversionCodes: [], condition: [{ sqlFilterCondition: "[]" }], setValueList: [{ combination: "[]" }], showCondition: "[]", type: "primary" },
-          verification: [],
-          scan: {},
-          preSuffix: {},
-          prefix: {},
-          size: {},
-          title: {}
+          base: {
+            tittleShow: true,
+            title: "标签"
+          },
+          size: {
+            pc: {
+              widthType: "flex",
+              flexSpan: 8
+            },
+            ipad: {
+              widthType: "flex",
+              flexSpan: 12
+            },
+            phone: {
+              widthType: "flex",
+              flexSpan: 24
+            }
+          }
         },
         style: { titleFont: {}, background: {}, margin: {}, padding: {}, border: {}, shadow: {} },
         events: [
-          { name: "beforeValidateForm", label: "验证表单前", tip: "验证表单前，先于beforeClick事件" },
-          { name: "beforeClick", label: "点击前事件", tip: "点击前事件" },
-          { name: "click", isEdit: false, label: "点击事件", tip: "点击事件", title: "领取", eventName: "drawTask", isStandard: true },
-          { name: "afterClick", label: "点击后事件", tip: "点击后事件" },
-          { name: "show", label: "显示", tip: "显示" },
-          { name: "hidden", label: "隐藏", tip: "隐藏" }
-        ]
+          { name: "click", label: "点击", tip: "点击" },
+          { name: "remove", label: "移除标签", tip: "移除标签" },
+          { name: "show", label: "显示", tip: "显示元素时执行" },
+          { name: "hidden", label: "隐藏", tip: "隐藏元素时执行" }
+        ],
+        designComponent: defineAsyncComponent(() => {
+          return import("../views/assemblys/form/tag/tag-design.vue.js");
+        }),
+        attrComponent: defineAsyncComponent(() => {
+          return import("../views/assemblys/form/tag/tag-attr.vue.js");
+        })
       },
+      /**{
+        name:'transfer',
+        label:'穿梭框',
+        icon: formTransfer,
+        props: { base: {tittleShow:true,}, verification: [], scan: {},preSuffix: {}, prefix:{}, size: {}, title:{} },
+        style: { titleFont: {},background: {} , margin:{}, padding:{}, border:{}, shadow:{} },
+        designComponent:defineAsyncComponent(()=>{
+          return import('../views/assemblys/form/transfer/transfer-design.vue')
+        })
+      },*/
       {
-        name: "button-detail",
-        label: "放弃领取",
-        icon: button,
-        disabled: true,
-        check: true,
-        // 该按钮在流程中是否被选中
-        isFlow: true,
-        // 是否流程按钮
+        name: "dept-tree",
+        label: "组织树",
+        icon: formDept,
         props: {
-          base: { title: "放弃领取", logSetting: [], conversionCodes: [], condition: [{ sqlFilterCondition: "[]" }], setValueList: [{ combination: "[]" }], showCondition: "[]", type: "primary" },
-          verification: [],
-          scan: {},
-          preSuffix: {},
-          prefix: {},
-          size: {},
-          title: {}
+          base: {
+            tittleShow: true,
+            title: "组织树",
+            placeholder: "请选择"
+          },
+          size: {
+            pc: {
+              widthType: "flex",
+              flexSpan: 8
+            },
+            ipad: {
+              widthType: "flex",
+              flexSpan: 12
+            },
+            phone: {
+              widthType: "flex",
+              flexSpan: 24
+            }
+          },
+          verification: {},
+          title: {},
+          orgFields: [{ type: "", model: "" }]
         },
         style: { titleFont: {}, background: {}, margin: {}, padding: {}, border: {}, shadow: {} },
         events: [
-          { name: "beforeValidateForm", label: "验证表单前", tip: "验证表单前，先于beforeClick事件" },
-          { name: "beforeClick", label: "点击前事件", tip: "点击前事件" },
-          { name: "click", isEdit: false, label: "点击事件", tip: "点击事件", title: "放弃领取", eventName: "abandonReceive", isStandard: true },
-          { name: "afterClick", label: "点击后事件", tip: "点击后事件" },
-          { name: "show", label: "显示", tip: "显示" },
-          { name: "hidden", label: "隐藏", tip: "隐藏" }
-        ]
+          { name: "click", label: "点击", tip: "点击" },
+          { name: "change", label: "更改", tip: "更改" },
+          { name: "show", label: "显示", tip: "显示元素时执行" },
+          { name: "hidden", label: "隐藏", tip: "隐藏元素时执行" }
+        ],
+        designComponent: defineAsyncComponent(() => {
+          return import("../views/assemblys/form/dept-tree/depttree-design.vue.js");
+        }),
+        attrComponent: defineAsyncComponent(() => {
+          return import("../views/assemblys/form/dept-tree/depttree-attr.vue.js");
+        })
       },
       {
-        name: "button-detail",
-        label: "同意",
-        icon: button,
-        disabled: true,
-        check: true,
-        // 该按钮在流程中是否被选中
-        isFlow: true,
-        // 是否流程按钮
+        name: "richText",
+        label: "富文本",
+        icon: formTextarea,
         props: {
-          base: { title: "同意", logSetting: [], conversionCodes: [], condition: [{ sqlFilterCondition: "[]" }], setValueList: [{ combination: "[]" }], showCondition: "[]", type: "primary" },
+          base: {
+            tittleShow: false,
+            title: "富文本",
+            placeholder: "请输入"
+          },
           verification: [],
-          scan: {},
-          preSuffix: {},
-          prefix: {},
-          size: {},
-          title: {}
+          size: { fixedHeight: 200, widthType: "flex", flexSpan: 24 }
         },
         style: { titleFont: {}, background: {}, margin: {}, padding: {}, border: {}, shadow: {} },
         events: [
-          { name: "beforeValidateForm", label: "验证表单前", tip: "验证表单前，先于beforeClick事件" },
-          { name: "beforeClick", label: "点击前事件", tip: "点击前事件" },
-          { name: "click", isEdit: false, label: "点击事件", tip: "点击事件", title: "同意", eventName: "approve", isStandard: true },
-          { name: "afterClick", label: "点击后事件", tip: "点击后事件" },
-          { name: "show", label: "显示", tip: "显示" },
-          { name: "hidden", label: "隐藏", tip: "隐藏" }
-        ]
+          { name: "change", label: "更改", tip: "更改" },
+          { name: "show", label: "显示", tip: "显示元素时执行" },
+          { name: "hidden", label: "隐藏", tip: "隐藏元素时执行" }
+        ],
+        designComponent: defineAsyncComponent(() => {
+          return import("../views/assemblys/form/rich-text/richtext-design.vue.js");
+        }),
+        attrComponent: defineAsyncComponent(() => {
+          return import("../views/assemblys/form/rich-text/richtext-attr.vue.js");
+        })
       },
       {
-        name: "button-detail",
-        label: "不同意",
-        icon: button,
-        disabled: true,
-        check: true,
-        isFlow: true,
-        // 是否流程按钮
+        name: "divider",
+        label: "分割线",
+        icon: formDivider,
         props: {
-          base: { title: "不同意", logSetting: [], conversionCodes: [], condition: [{ sqlFilterCondition: "[]" }], setValueList: [{ combination: "[]" }], showCondition: "[]", type: "primary" },
-          verification: [],
-          scan: {},
-          preSuffix: {},
-          prefix: {},
-          size: {},
+          base: {
+            tittleShow: true
+          },
+          size: { widthType: "flex", flexSpan: 24 },
           title: {}
         },
         style: { titleFont: {}, background: {}, margin: {}, padding: {}, border: {}, shadow: {} },
         events: [
-          { name: "beforeValidateForm", label: "验证表单前", tip: "验证表单前，先于beforeClick事件" },
-          { name: "beforeClick", label: "点击前事件", tip: "点击前事件" },
-          { name: "click", isEdit: false, label: "点击事件", tip: "点击事件", title: "不同意", eventName: "refuse", isStandard: true },
-          { name: "afterClick", label: "点击后事件", tip: "点击后事件" },
-          { name: "show", label: "显示", tip: "显示" },
-          { name: "hidden", label: "隐藏", tip: "隐藏" }
-        ]
+          { name: "click", label: "点击", tip: "点击" },
+          { name: "show", label: "显示", tip: "显示元素时执行" },
+          { name: "hidden", label: "隐藏", tip: "隐藏元素时执行" }
+        ],
+        designComponent: defineAsyncComponent(() => {
+          return import("../views/assemblys/form/divider/divider-design.vue.js");
+        }),
+        attrComponent: defineAsyncComponent(() => {
+          return import("../views/assemblys/form/divider/divider-attr.vue.js");
+        })
       },
       {
-        name: "button-detail",
-        label: "赞成",
-        icon: button,
-        disabled: true,
-        check: true,
-        // 该按钮在流程中是否被选中
-        isFlow: true,
-        // 是否流程按钮
+        name: "separatelabel",
+        label: "分隔标签",
+        icon: containerCard,
+        default: {},
         props: {
-          base: { title: "赞成", logSetting: [], conversionCodes: [], condition: [{ sqlFilterCondition: "[]" }], setValueList: [{ combination: "[]" }], showCondition: "[]", type: "primary" },
-          verification: [],
-          scan: {},
-          preSuffix: {},
-          prefix: {},
-          size: {},
-          title: {}
+          base: {
+            title: "标题"
+          },
+          size: { widthType: "flex", flexSpan: 24 }
+        },
+        style: {},
+        designComponent: defineAsyncComponent(() => {
+          return import("../views/assemblys/form/separatelabel/separatelabel-design.vue.js");
+        }),
+        attrComponent: defineAsyncComponent(() => {
+          return import("../views/assemblys/form/separatelabel/separatelabel-attr.vue.js");
+        })
+      },
+      {
+        name: "placeholder",
+        label: "占位符",
+        icon: formSpace,
+        props: {
+          base: {},
+          verification: {},
+          size: {
+            pc: {
+              widthType: "flex",
+              flexSpan: 8
+            },
+            ipad: {
+              widthType: "flex",
+              flexSpan: 12
+            },
+            phone: {
+              widthType: "flex",
+              flexSpan: 24
+            }
+          }
         },
         style: { titleFont: {}, background: {}, margin: {}, padding: {}, border: {}, shadow: {} },
         events: [
-          { name: "beforeValidateForm", label: "验证表单前", tip: "验证表单前，先于beforeClick事件" },
-          { name: "beforeClick", label: "点击前事件", tip: "点击前事件" },
-          { name: "click", isEdit: false, label: "点击事件", tip: "点击事件", title: "赞成", eventName: "agreement", isStandard: true },
-          { name: "afterClick", label: "点击后事件", tip: "点击后事件" },
-          { name: "show", label: "显示", tip: "显示" },
-          { name: "hidden", label: "隐藏", tip: "隐藏" }
-        ]
+          { name: "show", label: "显示", tip: "显示元素时执行" },
+          { name: "hidden", label: "隐藏", tip: "隐藏元素时执行" }
+        ],
+        designComponent: defineAsyncComponent(() => {
+          return import("../views/assemblys/form/placeholder/placeholder-design.vue.js");
+        }),
+        attrComponent: defineAsyncComponent(() => {
+          return import("../views/assemblys/form/placeholder/placeholder-attr.vue.js");
+        })
       },
       {
-        name: "button-detail",
-        label: "反对",
-        icon: button,
-        disabled: true,
-        check: true,
-        // 该按钮在流程中是否被选中
-        isFlow: true,
-        // 是否流程按钮
+        name: "link",
+        label: "链接",
+        icon: formLink,
         props: {
-          base: { title: "反对", logSetting: [], conversionCodes: [], condition: [{ sqlFilterCondition: "[]" }], setValueList: [{ combination: "[]" }], showCondition: "[]", type: "primary" },
-          verification: [],
-          scan: {},
-          preSuffix: {},
+          base: {
+            title: "链接",
+            tittleShow: false
+          },
+          linkPage: {},
           prefix: {},
-          size: {},
-          title: {}
+          size: {
+            pc: {
+              widthType: "flex",
+              flexSpan: 8
+            },
+            ipad: {
+              widthType: "flex",
+              flexSpan: 12
+            },
+            phone: {
+              widthType: "flex",
+              flexSpan: 24
+            }
+          }
         },
         style: { titleFont: {}, background: {}, margin: {}, padding: {}, border: {}, shadow: {} },
         events: [
-          { name: "beforeValidateForm", label: "验证表单前", tip: "验证表单前，先于beforeClick事件" },
-          { name: "beforeClick", label: "点击前事件", tip: "点击前事件" },
-          { name: "click", isEdit: false, label: "点击事件", tip: "点击事件", title: "反对", eventName: "oppose", isStandard: true },
-          { name: "afterClick", label: "点击后事件", tip: "点击后事件" },
-          { name: "show", label: "显示", tip: "显示" },
-          { name: "hidden", label: "隐藏", tip: "隐藏" }
-        ]
+          { name: "beforeClick", label: "点击前", tip: "点击前" },
+          { name: "click", label: "点击", tip: "点击" },
+          { name: "setValue", label: "弹框赋值回调", tip: "弹框赋值回调" },
+          { name: "closePopup", label: "关闭弹框回调", tip: "关闭弹框回调" },
+          { name: "show", label: "显示", tip: "显示元素时执行" },
+          { name: "hidden", label: "隐藏", tip: "隐藏元素时执行" }
+        ],
+        designComponent: defineAsyncComponent(() => {
+          return import("../views/assemblys/form/link/link-design.vue.js");
+        }),
+        attrComponent: defineAsyncComponent(() => {
+          return import("../views/assemblys/form/link/link-attr.vue.js");
+        })
       },
       {
-        name: "button-detail",
-        label: "弃权",
-        icon: button,
-        disabled: true,
-        check: true,
-        isFlow: true,
-        // 是否流程按钮
+        name: "label",
+        label: "Label组件",
+        icon: formText,
         props: {
-          base: { title: "弃权", logSetting: [], conversionCodes: [], condition: [{ sqlFilterCondition: "[]" }], setValueList: [{ combination: "[]" }], showCondition: "[]", type: "primary" },
-          verification: [],
-          scan: {},
+          base: {
+            tittleShow: true,
+            title: "标签"
+          },
+          size: {
+            pc: {
+              widthType: "flex",
+              flexSpan: 8
+            },
+            ipad: {
+              widthType: "flex",
+              flexSpan: 12
+            },
+            phone: {
+              widthType: "flex",
+              flexSpan: 24
+            }
+          },
+          verification: {},
+          formatting: {
+            type: "",
+            suffixModule: {
+              jumpPageAdditional: [],
+              icon: ""
+            },
+            dynamicDataSourceCode: ""
+          },
+          suffixModule: {
+            action: "attonity",
+            buttonDisplayConditionsList: [],
+            jumpPageAdditional: [{ type: "", model: "" }]
+          },
           preSuffix: {},
-          prefix: {},
-          size: {},
+          singleWidth: {},
+          overallWidth: {},
+          overallHeight: {},
           title: {}
         },
         style: { titleFont: {}, background: {}, margin: {}, padding: {}, border: {}, shadow: {} },
         events: [
-          { name: "beforeValidateForm", label: "验证表单前", tip: "验证表单前，先于beforeClick事件" },
-          { name: "beforeClick", label: "点击前事件", tip: "点击前事件" },
-          { name: "click", isEdit: false, label: "点击事件", tip: "点击事件", title: "弃权", eventName: "kiken", isStandard: true },
-          { name: "afterClick", label: "点击后事件", tip: "点击后事件" },
-          { name: "show", label: "显示", tip: "显示" },
-          { name: "hidden", label: "隐藏", tip: "隐藏" }
-        ]
-      },
+          { name: "click", label: "点击", tip: "点击" },
+          { name: "change", label: "更改", tip: "更改" },
+          { name: "blur", label: "失去焦点", tip: "失去焦点" },
+          { name: "focus", label: "获取焦点", tip: "获取焦点" },
+          { name: "show", label: "显示", tip: "显示元素时执行" },
+          { name: "hidden", label: "隐藏", tip: "隐藏元素时执行" }
+        ],
+        designComponent: defineAsyncComponent(() => {
+          return import("../views/assemblys/form/label/label-design.vue.js");
+        }),
+        attrComponent: defineAsyncComponent(() => {
+          return import("../views/assemblys/form/label/label-attr.vue.js");
+        })
+      }
+      /**{
+        name:'image-upload',
+        label:'图片上传',
+        icon: formImageUpload,
+        props: { base: {tittleShow:true,}, verification: [], scan: {},preSuffix: {}, prefix:{},size: {},uploadConfig:{}, overallWidth:{},overallHeight:{}, title:{} },
+        style: { titleFont: {},background: {}, margin:{}, padding:{}, border:{}, shadow:{} },
+        events: [{name:'click',label: '点击', tip:'点击' },
+          {name:'change',label: '更改', tip:'更改' },
+          {name:'show',label: '显示', tip:'显示元素时执行' },
+          {name:'hidden',label: '隐藏', tip:'隐藏元素时执行' }],
+        designComponent:defineAsyncComponent(()=>{
+          return import('../views/assemblys/form/image-upload/imageupload-design.vue')
+        }),
+        attrComponent:defineAsyncComponent(()=>{
+          return import('../views/assemblys/form/image-upload/imageupload-attr.vue')
+        })
+      }, {
+        name:'thumbnail',
+        label:'缩略图',
+        icon: formZoom,
+        props: { base: {imgWidth:500,imgHeight:400,tittleShow:true,}, verification: {},imageSearch:[{imageUrl:''}], scan: {},preSuffix: {}, prefix:{},size: {},uploadConfig:{}, overallWidth:{},overallHeight:{}, title:{},thumbnailStyle:{} },
+        style: { titleFont: {},background: {}, margin:{}, padding:{}, border:{}, shadow:{} },
+        events: [{name:'click',label: '点击', tip:'点击' },
+          {name:'change',label: '更改', tip:'更改' },
+          {name:'upload',label: '上传图片', tip:'上传图片' },
+          {name:'select',label: '选择图片', tip:'选择图片' },
+          {name:'show',label: '显示', tip:'显示元素时执行' },
+          {name:'hidden',label: '隐藏', tip:'隐藏元素时执行' }],
+        designComponent:defineAsyncComponent(()=>{
+          return import('../views/assemblys/form/image-thumbnail/imagethumbnail-design.vue')
+        }),
+        attrComponent:defineAsyncComponent(()=>{
+          return import('../views/assemblys/form/image-thumbnail/imagethumbnail-attr.vue')
+        })
+      },*/
+    ]
+  },
+  {
+    name: "data",
+    label: "数据",
+    icon: formData,
+    items: [
       {
-        name: "button-detail",
-        label: "已阅",
-        icon: button,
-        disabled: true,
-        check: true,
-        isFlow: true,
-        // 是否流程按钮
+        name: "table",
+        label: "表格",
+        events: [
+          { name: "beforeListLoad", label: "加载列表数据前", tip: "加载列表数据前" },
+          { name: "beforeRequest", label: "数据请求前事件", tip: "表格数据请求前回调事件" },
+          { name: "onListLoad", label: "加载列表数据后", tip: "加载列表数据后,此事件可以格式化数据内容" },
+          { name: "afterListLoad", label: "列表初始化后", tip: "列表初始化后" },
+          { name: "resizeTableHeight", label: "高度计算", tip: "列表高度重计算,refresh列表数据时会重新计算高度" },
+          {
+            name: "beforeAddRow",
+            label: "增加记录前",
+            tip: "增加记录前，返回true表示可以增加记录，false表示不能增加记录"
+          },
+          { name: "afterAddRow", label: "增加记录后", tip: "增加记录后" },
+          {
+            name: "beforeRemoveRow",
+            label: "移除记录前",
+            tip: "移除记录前，返回true表示可以移除该记录，false表示不移除该记录"
+          },
+          { name: "afterRemoveRow", label: "移除记录后", tip: "移除记录后" },
+          {
+            name: "beforeEdit",
+            label: "行编辑前",
+            tip: "行编辑或移动端编辑字段前的回调方法,修改记录前，返回true表示可以修改记录，false表示不能修改记录"
+          },
+          { name: "beforeRestoreValidate", label: "取消编辑前验证", tip: "列表行编辑取消编辑前验证回调方法" },
+          { name: "beforeRestore", label: "取消编辑前", tip: "列表行编辑取消编辑前回调方法" },
+          { name: "select", label: "选择数据", tip: "当用户手动勾选数据行时触发的事件" },
+          { name: "select-all", label: "全选数据", tip: "当用户手动勾选全选时触发该事件" },
+          { name: "selection-change", label: "选择数据改变", tip: "当选择项发生变化时触发该事件" },
+          { name: "cell-click", label: "单元格点击", tip: "当某个单元格被点击时会触发该事件" },
+          { name: "cell-dblclick", label: "单元格双击", tip: "当某个单元格被双击击时会触发该事件" },
+          { name: "row-click", label: "行点击", tip: "当某一行被点击时会触发该事件" },
+          { name: "row-dblclick", label: "行双击", tip: "当某一行被双击时会触发该事件" },
+          { name: "header-click", label: "列表头点击", tip: "当某一列的表头被点击时会触发该事件" },
+          { name: "show", label: "列表显示", tip: "列表显示回调方法" },
+          { name: "hidden", label: "列表隐藏", tip: "列表隐藏回调方法" },
+          { name: "row-style", label: "行style", tip: "行style的回调方法" }
+        ],
+        icon: dataTable,
+        btnList: [
+          {
+            name: "button-detail",
+            label: "按钮",
+            icon: button,
+            props: {
+              base: { type: "primary", name: "操作", title: "操作" },
+              verification: [],
+              scan: {},
+              preSuffix: {},
+              prefix: {},
+              size: {},
+              title: {}
+            },
+            style: { titleFont: {}, background: {}, margin: {}, padding: {}, border: {}, shadow: {} },
+            events: [
+              { name: "beforeValidateForm", label: "验证数据前", tip: "行编辑保存时验证数据前，先于beforeClick事件" },
+              { name: "beforeClick", label: "点击前事件", tip: "点击前事件" },
+              { name: "setValue", label: "弹框赋值回调", tip: "弹框赋值回调" },
+              { name: "closePopup", label: "关闭弹框回调", tip: "关闭弹框回调" },
+              { name: "click", label: "点击事件", tip: "点击事件" },
+              { name: "afterClick", label: "点击后事件", tip: "点击后事件" },
+              { name: "show", label: "显示", tip: "显示" },
+              { name: "hidden", label: "隐藏", tip: "隐藏" }
+            ]
+          }
+        ],
+        items: [getTableSelectionConf(), getTableIndexConf(), getTableOperateConf()],
+        modelFields: [],
         props: {
-          base: { title: "已阅", logSetting: [], conversionCodes: [], condition: [{ sqlFilterCondition: "[]" }], setValueList: [{ combination: "[]" }], showCondition: "[]", type: "primary" },
+          base: {
+            alignTittle: "left",
+            alignContent: "left",
+            selection: true,
+            showIndex: true,
+            showOperation: true,
+            stripe: true,
+            highlightCurrentRow: true,
+            subPaging: true
+          },
           verification: [],
           scan: {},
           preSuffix: {},
           prefix: {},
           size: {},
-          title: {}
+          title: {},
+          // 联动
+          linkage: [
+            { label: "联动变量1", vaule: "" },
+            { label: "联动变量2", vaule: "" },
+            { label: "联动变量3", vaule: "" }
+          ],
+          highOrder: {
+            totalSetting: ""
+          },
+          deleteLogicSetting: [{ secondTable: "" }],
+          otherSettings: {
+            // 配置子表
+            sourceQueryTableData: "[]"
+          },
+          dataOrigin: {
+            optionValueSetType: "",
+            staticState: [],
+            sortField: [{ name: "", type: "" }],
+            json: `[
+          {name:1,age:1},
+          {name:2,age:2},
+          {name:3,age:3},
+        ]`,
+            principalLinkage: "",
+            querySetList: [{ type: 1, name: 1 }],
+            returnSetList: [],
+            sqlFilterCondition: [],
+            defaultQueryCriteria: [],
+            unfoldConent: `<el-form :model="form" label-width="auto" style="max-width: 600px">
+            <el-form-item label="Activity name">
+             <el-input v-model="form.name" />
+            </el-form-item>
+          </el-form>
+        `
+          },
+          isChangeGroupHeader: false,
+          groupHeaders: [],
+          // 组合表头配置
+          importSetting: {
+            // 导入字段配置
+            listViewImportDuplicate: "update",
+            // update（更新数据）/skip（跳过）/termination（中止导入）
+            importFields: []
+            // 导入字段配置
+          }
         },
+        style: {
+          titleFont: {},
+          tableHeader: {},
+          rowStyle: [{ type: "", model: "" }],
+          background: {},
+          margin: {},
+          padding: {},
+          border: {},
+          shadow: {}
+        },
+        designComponent: defineAsyncComponent(() => {
+          return import("../views/assemblys/data/table/table-design.vue.js");
+        }),
+        attrComponent: defineAsyncComponent(() => {
+          return import("../views/assemblys/data/table/table-attr.vue.js");
+        })
+      },
+      {
+        name: "progress",
+        label: "进度条",
+        icon: dataProcess,
+        props: { base: {}, verification: [], scan: {}, preSuffix: {}, prefix: {}, size: {}, title: {} },
         style: { titleFont: {}, background: {}, margin: {}, padding: {}, border: {}, shadow: {} },
-        events: [
-          { name: "beforeValidateForm", label: "验证表单前", tip: "验证表单前，先于beforeClick事件" },
-          { name: "beforeClick", label: "点击前事件", tip: "点击前事件" },
-          { name: "click", isEdit: false, label: "点击事件", tip: "点击事件", title: "已阅", eventName: "readed", isStandard: true },
-          { name: "afterClick", label: "点击后事件", tip: "点击后事件" },
-          { name: "show", label: "显示", tip: "显示" },
-          { name: "hidden", label: "隐藏", tip: "隐藏" }
-        ]
+        designComponent: defineAsyncComponent(() => {
+          return import("../views/assemblys/container/form/form-design.vue.js");
+        })
       },
       {
-        name: "button-detail",
-        label: "指派",
-        icon: button,
-        disabled: false,
-        check: false,
-        isFlow: true,
-        // 是否流程按钮
+        name: "tree",
+        label: "树控件",
+        events: [
+          { name: "show", label: "显示", tip: "显示" },
+          { name: "hidden", label: "隐藏", tip: "隐藏" },
+          { name: "node-click", label: "节点点击", tip: "当节点被点击的时候触发" },
+          { name: "check-change", label: "复选框点击", tip: "当复选框被点击的时候触发" },
+          { name: "check", label: "复选框点击后", tip: "点击节点复选框之后触发" },
+          { name: "add-node", label: "增加节点", tip: "增加节点触发" },
+          { name: "update-node", label: "修改节点", tip: "修改节点触发" },
+          { name: "delete-node", label: "移除节点", tip: "删除节点触发" }
+        ],
+        icon: dataTree,
         props: {
-          base: { title: "指派", logSetting: [], conversionCodes: [], condition: [{ sqlFilterCondition: "[]" }], setValueList: [{ combination: "[]" }], showCondition: "[]", type: "primary" },
+          base: {},
           verification: [],
           scan: {},
           preSuffix: {},
           prefix: {},
           size: {},
-          title: {}
+          title: {},
+          queryParameter: {
+            parameterList: []
+          },
+          // 联动
+          linkage: [
+            { label: "联动变量1", vaule: "" },
+            { label: "联动变量2", vaule: "" },
+            { label: "联动变量3", vaule: "" }
+          ],
+          dataOrigin: {
+            optionValueSetType: "",
+            staticState: [],
+            staticData: `[{
+    "label": "第一级",
+    "children": [
+     {
+      "label": "第二级",
+      "children": [
+       {
+        "label": "第三级"
+       }
+      ]
+     }
+    ]
+   }]`,
+            principalLinkage: "11",
+            querySetList: [{ type: 1, name: 1 }],
+            returnSetList: [{ type: 1, name: 1 }],
+            totalSetting: ""
+          }
         },
+        style: { titleFont: {}, verification: {}, background: {}, margin: {}, padding: {}, border: {}, shadow: {} },
+        designComponent: defineAsyncComponent(() => {
+          return import("../views/assemblys/data/tree/tree-design.vue.js");
+        }),
+        attrComponent: defineAsyncComponent(() => {
+          return import("../views/assemblys/data/tree/tree-attr.vue.js");
+        })
+      },
+      {
+        name: "steps",
+        label: "步骤条",
+        icon: dataStep,
+        props: { base: {}, verification: [], scan: {}, preSuffix: {}, prefix: {}, size: {}, title: {} },
         style: { titleFont: {}, background: {}, margin: {}, padding: {}, border: {}, shadow: {} },
-        events: [
-          { name: "beforeValidateForm", label: "验证表单前", tip: "验证表单前，先于beforeClick事件" },
-          { name: "beforeClick", label: "点击前事件", tip: "点击前事件" },
-          { name: "click", isEdit: false, label: "点击事件", tip: "点击事件", title: "指派", eventName: "assign", isStandard: true },
-          { name: "afterClick", label: "点击后事件", tip: "点击后事件" },
-          { name: "show", label: "显示", tip: "显示" },
-          { name: "hidden", label: "隐藏", tip: "隐藏" }
-        ]
+        designComponent: defineAsyncComponent(() => {
+          return import("../views/assemblys/container/form/form-design.vue.js");
+        })
       },
       {
-        name: "button-detail",
-        label: "抄送",
-        icon: button,
-        disabled: false,
-        check: false,
-        isFlow: true,
-        // 是否流程按钮
+        name: "timeline",
+        label: "时间线",
+        icon: dataTimeline,
+        props: { base: {}, verification: [], scan: {}, preSuffix: {}, prefix: {}, size: {}, title: {} },
+        style: { titleFont: {}, background: {}, margin: {}, padding: {}, border: {}, shadow: {} },
+        designComponent: defineAsyncComponent(() => {
+          return import("../views/assemblys/container/form/form-design.vue.js");
+        })
+      },
+      {
+        name: "bar-code",
+        label: "条码",
+        icon: barcode,
         props: {
-          base: { title: "抄送", logSetting: [], conversionCodes: [], condition: [{ sqlFilterCondition: "[]" }], setValueList: [{ combination: "[]" }], showCondition: "[]", type: "primary" },
+          base: { type: "QR-code" },
           verification: [],
           scan: {},
           preSuffix: {},
@@ -1991,25 +1466,48 @@ const assemblyGroups = [{
           title: {}
         },
         style: { titleFont: {}, background: {}, margin: {}, padding: {}, border: {}, shadow: {} },
-        events: [
-          { name: "beforeValidateForm", label: "验证表单前", tip: "验证表单前，先于beforeClick事件" },
-          { name: "beforeClick", label: "点击前事件", tip: "点击前事件" },
-          { name: "click", isEdit: false, label: "点击事件", tip: "点击事件", title: "抄送", eventName: "copyTask", isStandard: true },
-          { name: "afterClick", label: "点击后事件", tip: "点击后事件" },
-          { name: "show", label: "显示", tip: "显示" },
-          { name: "hidden", label: "隐藏", tip: "隐藏" }
-        ]
-      },
+        designComponent: defineAsyncComponent(() => {
+          return import("../views/assemblys/data/bar-code/barcode-design.vue.js");
+        }),
+        attrComponent: defineAsyncComponent(() => {
+          return import("../views/assemblys/data/bar-code/barcode-attr.vue.js");
+        })
+      }
+    ]
+  },
+  {
+    name: "button",
+    label: "按钮",
+    icon: groupButton,
+    items: [
       {
         name: "button-detail",
-        label: "加签",
+        label: "按钮",
         icon: button,
-        disabled: false,
-        check: false,
-        isFlow: true,
-        // 是否流程按钮
+        //设计时的样式
+        design: {
+          style: {
+            display: "inline-block",
+            //与外层宽度有冲突
+            flex: "0"
+          }
+        },
         props: {
-          base: { title: "加签", logSetting: [], conversionCodes: [], condition: [{ sqlFilterCondition: "[]" }], setValueList: [{ combination: "[]" }], showCondition: "[]", type: "primary" },
+          base: {
+            title: "按钮",
+            isPermission: true,
+            conversionCodes: [],
+            condition: [
+              {
+                sqlFilterCondition: "[]"
+              }
+            ],
+            showCondition: "[]",
+            type: "primary",
+            logSetting: []
+          },
+          setValueList: [{}],
+          linkPage: {},
           verification: [],
           scan: {},
           preSuffix: {},
@@ -2021,49 +1519,68 @@ const assemblyGroups = [{
         events: [
           { name: "beforeValidateForm", label: "验证表单前", tip: "验证表单前，先于beforeClick事件" },
           { name: "beforeClick", label: "点击前事件", tip: "点击前事件" },
-          { name: "click", isEdit: false, label: "点击事件", tip: "点击事件", title: "加签", eventName: "addSigner", isStandard: true },
+          { name: "click", label: "点击事件", tip: "点击事件" },
+          { name: "setValue", label: "弹框赋值回调", tip: "弹框赋值回调" },
+          { name: "closePopup", label: "关闭弹框回调", tip: "关闭弹框回调" },
           { name: "afterClick", label: "点击后事件", tip: "点击后事件" },
           { name: "show", label: "显示", tip: "显示" },
           { name: "hidden", label: "隐藏", tip: "隐藏" }
-        ]
+        ],
+        designComponent: defineAsyncComponent(() => {
+          return import("../views/assemblys/button/button/button-design.vue.js");
+        }),
+        attrComponent: defineAsyncComponent(() => {
+          return import("../views/assemblys/button/button/button-attr.vue.js");
+        })
       },
       {
-        name: "button-detail",
-        label: "减签",
-        icon: button,
-        disabled: false,
-        check: false,
-        isFlow: true,
-        // 是否流程按钮
-        props: {
-          base: { title: "减签", logSetting: [], conversionCodes: [], condition: [{ sqlFilterCondition: "[]" }], setValueList: [{ combination: "[]" }], showCondition: "[]", type: "primary" },
-          verification: [],
-          scan: {},
-          preSuffix: {},
-          prefix: {},
-          size: {},
-          title: {}
+        name: "button-group",
+        label: "按钮组",
+        icon: buttonGroup,
+        //设计时的样式
+        design: {
+          style: {
+            display: "inline-block",
+            //与外层宽度有冲突
+            flex: "0"
+          }
         },
+        props: { base: {}, size: {} },
         style: { titleFont: {}, background: {}, margin: {}, padding: {}, border: {}, shadow: {} },
         events: [
-          { name: "beforeValidateForm", label: "验证表单前", tip: "验证表单前，先于beforeClick事件" },
-          { name: "beforeClick", label: "点击前事件", tip: "点击前事件" },
-          { name: "click", isEdit: false, label: "点击事件", tip: "点击事件", title: "减签", eventName: "removeSigner", isStandard: true },
-          { name: "afterClick", label: "点击后事件", tip: "点击后事件" },
           { name: "show", label: "显示", tip: "显示" },
           { name: "hidden", label: "隐藏", tip: "隐藏" }
-        ]
+        ],
+        designComponent: defineAsyncComponent(() => {
+          return import("../views/assemblys/button/button-group/buttongroup-design.vue.js");
+        }),
+        attrComponent: defineAsyncComponent(() => {
+          return import("../views/assemblys/button/button-group/buttongroup-attr.vue.js");
+        })
       },
       {
-        name: "button-detail",
-        label: "驳回",
-        icon: button,
-        disabled: false,
-        check: false,
-        isFlow: true,
-        // 是否流程按钮
+        name: "dropdown",
+        label: "下拉菜单",
+        icon: "",
+        //设计时的样式
+        design: {
+          style: {
+            display: "inline-block"
+          }
+        },
         props: {
-          base: { title: "驳回", logSetting: [], conversionCodes: [], condition: [{ sqlFilterCondition: "[]" }], setValueList: [{ combination: "[]" }], showCondition: "[]", type: "primary" },
+          base: {
+            title: "下拉菜单"
+          },
+          dataOrigin: {
+            optionValueSetType: "",
+            staticState: [],
+            json: `[
+        {"label":"1"},
+        {"label":"2"},
+        {"label":"3"}
+      ]`
+          },
           verification: [],
           scan: {},
           preSuffix: {},
@@ -2073,24 +1590,44 @@ const assemblyGroups = [{
         },
         style: { titleFont: {}, background: {}, margin: {}, padding: {}, border: {}, shadow: {} },
         events: [
-          { name: "beforeValidateForm", label: "验证表单前", tip: "验证表单前，先于beforeClick事件" },
-          { name: "beforeClick", label: "点击前事件", tip: "点击前事件" },
-          { name: "click", isEdit: false, label: "点击事件", tip: "点击事件", title: "驳回", eventName: "returnToPreviousTask", isStandard: true },
-          { name: "afterClick", label: "点击后事件", tip: "点击后事件" },
           { name: "show", label: "显示", tip: "显示" },
-          { name: "hidden", label: "隐藏", tip: "隐藏" }
-        ]
+          { name: "hidden", label: "隐藏", tip: "隐藏" },
+          { name: "menuClick", label: "点击菜单", tip: "点击菜单" },
+          { name: "menuShow", label: "显示菜单", tip: "显示菜单" },
+          { name: "menuHidden", label: "隐藏菜单", tip: "隐藏菜单" }
+        ],
+        designComponent: defineAsyncComponent(() => {
+          return import("../views/assemblys/button/dropdown/dropdown-design.vue.js");
+        }),
+        attrComponent: defineAsyncComponent(() => {
+          return import("../views/assemblys/button/dropdown/dropdown-attr.vue.js");
+        })
       },
       {
-        name: "button-detail",
-        label: "退回",
-        icon: button,
-        disabled: false,
-        check: false,
-        isFlow: true,
-        // 是否流程按钮
+        name: "export-pdf",
+        label: "导出PDF",
+        icon: buttonGroup,
+        //设计时的样式
+        design: {
+          style: {
+            display: "inline-block"
+          }
+        },
         props: {
-          base: { title: "退回", logSetting: [], conversionCodes: [], condition: [{ sqlFilterCondition: "[]" }], setValueList: [{ combination: "[]" }], showCondition: "[]", type: "primary" },
+          base: {
+            title: "导出PDF",
+            type: "primary"
+          },
+          dropdown: {},
+          dataOrigin: {
+            optionValueSetType: "",
+            staticState: [],
+            json: `[
+        {"label":"1"},
+        {"label":"2"},
+        {"label":"3"}
+      ]`
+          },
           verification: [],
           scan: {},
           preSuffix: {},
@@ -2100,24 +1637,51 @@ const assemblyGroups = [{
         },
         style: { titleFont: {}, background: {}, margin: {}, padding: {}, border: {}, shadow: {} },
         events: [
-          { name: "beforeValidateForm", label: "验证表单前", tip: "验证表单前，先于beforeClick事件" },
-          { name: "beforeClick", label: "点击前事件", tip: "点击前事件" },
-          { name: "click", isEdit: false, label: "点击事件", tip: "点击事件", title: "退回", eventName: "returnTaskTo", isStandard: true },
-          { name: "afterClick", label: "点击后事件", tip: "点击后事件" },
           { name: "show", label: "显示", tip: "显示" },
-          { name: "hidden", label: "隐藏", tip: "隐藏" }
-        ]
+          { name: "hidden", label: "隐藏", tip: "隐藏" },
+          { name: "beforeClick", label: "点击前事件", tip: "点击前事件" },
+          {
+            name: "click",
+            isEdit: false,
+            label: "点击事件",
+            tip: "点击事件",
+            title: "导出PDF",
+            eventName: "exportPDF",
+            isStandard: true
+          }
+        ],
+        designComponent: defineAsyncComponent(() => {
+          return import("../views/assemblys/button/export-pdf/exportpdf-design.vue.js");
+        }),
+        attrComponent: defineAsyncComponent(() => {
+          return import("../views/assemblys/button/export-pdf/exportpdf-attr.vue.js");
+        })
       },
       {
-        name: "button-detail",
-        label: "强制结束",
-        icon: button,
-        disabled: false,
-        check: false,
-        isFlow: true,
-        // 是否流程按钮
+        name: "print-label",
+        label: "打印标签",
+        icon: buttonGroup,
+        //设计时的样式
+        design: {
+          style: {
+            display: "inline-block"
+          }
+        },
         props: {
-          base: { title: "强制结束", logSetting: [], conversionCodes: [], condition: [{ sqlFilterCondition: "[]" }], setValueList: [{ combination: "[]" }], showCondition: "[]", type: "primary" },
+          base: {
+            title: "打印标签",
+            type: "primary"
+          },
+          dropdown: {},
+          dataOrigin: {
+            optionValueSetType: "",
+            staticState: [],
+            json: `[
+        {"label":"1"},
+        {"label":"2"},
+        {"label":"3"}
+      ]`
+          },
           verification: [],
           scan: {},
           preSuffix: {},
@@ -2127,24 +1691,868 @@ const assemblyGroups = [{
         },
         style: { titleFont: {}, background: {}, margin: {}, padding: {}, border: {}, shadow: {} },
         events: [
-          { name: "beforeValidateForm", label: "验证表单前", tip: "验证表单前，先于beforeClick事件" },
-          { name: "beforeClick", label: "点击前事件", tip: "点击前事件" },
-          { name: "click", isEdit: false, label: "点击事件", tip: "点击事件", title: "强制结束", eventName: "endInstance", isStandard: true },
-          { name: "afterClick", label: "点击后事件", tip: "点击后事件" },
           { name: "show", label: "显示", tip: "显示" },
-          { name: "hidden", label: "隐藏", tip: "隐藏" }
-        ]
-      },
+          { name: "hidden", label: "隐藏", tip: "隐藏" },
+          { name: "beforeClick", label: "点击前事件", tip: "点击前事件" },
+          {
+            name: "click",
+            isEdit: false,
+            label: "点击事件",
+            tip: "点击事件",
+            title: "打印标签",
+            eventName: "printLabel",
+            isStandard: true
+          }
+        ],
+        designComponent: defineAsyncComponent(() => {
+          return import("../views/assemblys/button/print-label/printlabel-design.vue.js");
+        }),
+        attrComponent: defineAsyncComponent(() => {
+          return import("../views/assemblys/button/print-label/printlabel-attr.vue.js");
+        })
+      }
+    ]
+  },
+  {
+    name: "workflow",
+    label: "工作流",
+    icon: groupWorkflow,
+    items: [
       {
-        name: "button-detail",
-        label: "取回",
-        icon: button,
-        disabled: false,
-        check: false,
-        isFlow: true,
-        // 是否流程按钮
+        name: "workflow-button",
+        label: "流程按钮",
+        icon: workflowButton,
+        //设计时的样式
+        design: {
+          style: {
+            display: "inline-block"
+          }
+        },
+        items: [
+          {
+            name: "button-detail",
+            label: "暂存",
+            icon: button,
+            disabled: true,
+            check: true,
+            // 该按钮在流程中是否被选中
+            isFlow: true,
+            // 是否流程按钮
+            props: {
+              base: {
+                title: "暂存",
+                logSetting: [],
+                conversionCodes: [],
+                condition: [{ sqlFilterCondition: "[]" }],
+                setValueList: [{ combination: "[]" }],
+                showCondition: "[]",
+                type: "primary"
+              },
+              verification: [],
+              preSuffix: {}
+            },
+            style: { titleFont: {}, background: {}, margin: {}, padding: {}, border: {}, shadow: {} },
+            events: [
+              { name: "beforeValidateForm", label: "验证表单前", tip: "验证表单前，先于beforeClick事件" },
+              { name: "beforeClick", label: "点击前事件", tip: "点击前事件" },
+              {
+                name: "click",
+                isEdit: false,
+                label: "点击事件",
+                tip: "点击事件",
+                title: "暂存",
+                eventName: "workflowSave",
+                isStandard: true
+              },
+              { name: "afterClick", label: "点击后事件", tip: "点击后事件" },
+              { name: "show", label: "显示", tip: "显示" },
+              { name: "hidden", label: "隐藏", tip: "隐藏" }
+            ]
+          },
+          {
+            name: "button-detail",
+            label: "提交",
+            icon: button,
+            disabled: true,
+            check: true,
+            // 该按钮在流程中是否被选中
+            isFlow: true,
+            // 是否流程按钮
+            props: {
+              base: {
+                title: "提交",
+                logSetting: [],
+                conversionCodes: [],
+                condition: [{ sqlFilterCondition: "[]" }],
+                setValueList: [{ combination: "[]" }],
+                showCondition: "[]",
+                type: "primary"
+              },
+              verification: [],
+              scan: {},
+              preSuffix: {},
+              prefix: {},
+              size: {},
+              title: {}
+            },
+            style: { titleFont: {}, background: {}, margin: {}, padding: {}, border: {}, shadow: {} },
+            events: [
+              { name: "beforeValidateForm", label: "验证表单前", tip: "验证表单前，先于beforeClick事件" },
+              { name: "beforeClick", label: "点击前事件", tip: "点击前事件" },
+              {
+                name: "click",
+                isEdit: false,
+                label: "点击事件",
+                tip: "点击事件",
+                title: "提交流程",
+                eventName: "submitProcess",
+                isStandard: true
+              },
+              { name: "afterClick", label: "点击后事件", tip: "点击后事件" },
+              { name: "show", label: "显示", tip: "显示" },
+              { name: "hidden", label: "隐藏", tip: "隐藏" }
+            ]
+          },
+          {
+            name: "button-detail",
+            label: "提交",
+            icon: button,
+            disabled: true,
+            check: true,
+            // 该按钮在流程中是否被选中
+            isFlow: true,
+            // 是否流程按钮
+            props: {
+              base: {
+                title: "提交",
+                logSetting: [],
+                conversionCodes: [],
+                condition: [{ sqlFilterCondition: "[]" }],
+                setValueList: [{ combination: "[]" }],
+                showCondition: "[]",
+                type: "primary"
+              },
+              verification: [],
+              scan: {},
+              preSuffix: {},
+              prefix: {},
+              size: {},
+              title: {}
+            },
+            style: { titleFont: {}, background: {}, margin: {}, padding: {}, border: {}, shadow: {} },
+            events: [
+              { name: "beforeValidateForm", label: "验证表单前", tip: "验证表单前，先于beforeClick事件" },
+              { name: "beforeClick", label: "点击前事件", tip: "点击前事件" },
+              {
+                name: "click",
+                isEdit: false,
+                label: "点击事件",
+                tip: "点击事件",
+                title: "提交任务",
+                eventName: "submitTask",
+                isStandard: true
+              },
+              { name: "afterClick", label: "点击后事件", tip: "点击后事件" },
+              { name: "show", label: "显示", tip: "显示" },
+              { name: "hidden", label: "隐藏", tip: "隐藏" }
+            ]
+          },
+          {
+            name: "button-detail",
+            label: "领取",
+            icon: button,
+            disabled: true,
+            check: true,
+            // 该按钮在流程中是否被选中
+            isFlow: true,
+            // 是否流程按钮
+            props: {
+              base: {
+                title: "领取",
+                logSetting: [],
+                conversionCodes: [],
+                condition: [{ sqlFilterCondition: "[]" }],
+                setValueList: [{ combination: "[]" }],
+                showCondition: "[]",
+                type: "primary"
+              },
+              verification: [],
+              scan: {},
+              preSuffix: {},
+              prefix: {},
+              size: {},
+              title: {}
+            },
+            style: { titleFont: {}, background: {}, margin: {}, padding: {}, border: {}, shadow: {} },
+            events: [
+              { name: "beforeValidateForm", label: "验证表单前", tip: "验证表单前，先于beforeClick事件" },
+              { name: "beforeClick", label: "点击前事件", tip: "点击前事件" },
+              {
+                name: "click",
+                isEdit: false,
+                label: "点击事件",
+                tip: "点击事件",
+                title: "领取",
+                eventName: "drawTask",
+                isStandard: true
+              },
+              { name: "afterClick", label: "点击后事件", tip: "点击后事件" },
+              { name: "show", label: "显示", tip: "显示" },
+              { name: "hidden", label: "隐藏", tip: "隐藏" }
+            ]
+          },
+          {
+            name: "button-detail",
+            label: "放弃领取",
+            icon: button,
+            disabled: true,
+            check: true,
+            // 该按钮在流程中是否被选中
+            isFlow: true,
+            // 是否流程按钮
+            props: {
+              base: {
+                title: "放弃领取",
+                logSetting: [],
+                conversionCodes: [],
+                condition: [{ sqlFilterCondition: "[]" }],
+                setValueList: [{ combination: "[]" }],
+                showCondition: "[]",
+                type: "primary"
+              },
+              verification: [],
+              scan: {},
+              preSuffix: {},
+              prefix: {},
+              size: {},
+              title: {}
+            },
+            style: { titleFont: {}, background: {}, margin: {}, padding: {}, border: {}, shadow: {} },
+            events: [
+              { name: "beforeValidateForm", label: "验证表单前", tip: "验证表单前，先于beforeClick事件" },
+              { name: "beforeClick", label: "点击前事件", tip: "点击前事件" },
+              {
+                name: "click",
+                isEdit: false,
+                label: "点击事件",
+                tip: "点击事件",
+                title: "放弃领取",
+                eventName: "abandonReceive",
+                isStandard: true
+              },
+              { name: "afterClick", label: "点击后事件", tip: "点击后事件" },
+              { name: "show", label: "显示", tip: "显示" },
+              { name: "hidden", label: "隐藏", tip: "隐藏" }
+            ]
+          },
+          {
+            name: "button-detail",
+            label: "同意",
+            icon: button,
+            disabled: true,
+            check: true,
+            // 该按钮在流程中是否被选中
+            isFlow: true,
+            // 是否流程按钮
+            props: {
+              base: {
+                title: "同意",
+                logSetting: [],
+                conversionCodes: [],
+                condition: [{ sqlFilterCondition: "[]" }],
+                setValueList: [{ combination: "[]" }],
+                showCondition: "[]",
+                type: "primary"
+              },
+              verification: [],
+              scan: {},
+              preSuffix: {},
+              prefix: {},
+              size: {},
+              title: {}
+            },
+            style: { titleFont: {}, background: {}, margin: {}, padding: {}, border: {}, shadow: {} },
+            events: [
+              { name: "beforeValidateForm", label: "验证表单前", tip: "验证表单前，先于beforeClick事件" },
+              { name: "beforeClick", label: "点击前事件", tip: "点击前事件" },
+              {
+                name: "click",
+                isEdit: false,
+                label: "点击事件",
+                tip: "点击事件",
+                title: "同意",
+                eventName: "approve",
+                isStandard: true
+              },
+              { name: "afterClick", label: "点击后事件", tip: "点击后事件" },
+              { name: "show", label: "显示", tip: "显示" },
+              { name: "hidden", label: "隐藏", tip: "隐藏" }
+            ]
+          },
+          {
+            name: "button-detail",
+            label: "不同意",
+            icon: button,
+            disabled: true,
+            check: true,
+            isFlow: true,
+            // 是否流程按钮
+            props: {
+              base: {
+                title: "不同意",
+                logSetting: [],
+                conversionCodes: [],
+                condition: [{ sqlFilterCondition: "[]" }],
+                setValueList: [{ combination: "[]" }],
+                showCondition: "[]",
+                type: "primary"
+              },
+              verification: [],
+              scan: {},
+              preSuffix: {},
+              prefix: {},
+              size: {},
+              title: {}
+            },
+            style: { titleFont: {}, background: {}, margin: {}, padding: {}, border: {}, shadow: {} },
+            events: [
+              { name: "beforeValidateForm", label: "验证表单前", tip: "验证表单前，先于beforeClick事件" },
+              { name: "beforeClick", label: "点击前事件", tip: "点击前事件" },
+              {
+                name: "click",
+                isEdit: false,
+                label: "点击事件",
+                tip: "点击事件",
+                title: "不同意",
+                eventName: "refuse",
+                isStandard: true
+              },
+              { name: "afterClick", label: "点击后事件", tip: "点击后事件" },
+              { name: "show", label: "显示", tip: "显示" },
+              { name: "hidden", label: "隐藏", tip: "隐藏" }
+            ]
+          },
+          {
+            name: "button-detail",
+            label: "赞成",
+            icon: button,
+            disabled: true,
+            check: true,
+            // 该按钮在流程中是否被选中
+            isFlow: true,
+            // 是否流程按钮
+            props: {
+              base: {
+                title: "赞成",
+                logSetting: [],
+                conversionCodes: [],
+                condition: [{ sqlFilterCondition: "[]" }],
+                setValueList: [{ combination: "[]" }],
+                showCondition: "[]",
+                type: "primary"
+              },
+              verification: [],
+              scan: {},
+              preSuffix: {},
+              prefix: {},
+              size: {},
+              title: {}
+            },
+            style: { titleFont: {}, background: {}, margin: {}, padding: {}, border: {}, shadow: {} },
+            events: [
+              { name: "beforeValidateForm", label: "验证表单前", tip: "验证表单前，先于beforeClick事件" },
+              { name: "beforeClick", label: "点击前事件", tip: "点击前事件" },
+              {
+                name: "click",
+                isEdit: false,
+                label: "点击事件",
+                tip: "点击事件",
+                title: "赞成",
+                eventName: "agreement",
+                isStandard: true
+              },
+              { name: "afterClick", label: "点击后事件", tip: "点击后事件" },
+              { name: "show", label: "显示", tip: "显示" },
+              { name: "hidden", label: "隐藏", tip: "隐藏" }
+            ]
+          },
+          {
+            name: "button-detail",
+            label: "反对",
+            icon: button,
+            disabled: true,
+            check: true,
+            // 该按钮在流程中是否被选中
+            isFlow: true,
+            // 是否流程按钮
+            props: {
+              base: {
+                title: "反对",
+                logSetting: [],
+                conversionCodes: [],
+                condition: [{ sqlFilterCondition: "[]" }],
+                setValueList: [{ combination: "[]" }],
+                showCondition: "[]",
+                type: "primary"
+              },
+              verification: [],
+              scan: {},
+              preSuffix: {},
+              prefix: {},
+              size: {},
+              title: {}
+            },
+            style: { titleFont: {}, background: {}, margin: {}, padding: {}, border: {}, shadow: {} },
+            events: [
+              { name: "beforeValidateForm", label: "验证表单前", tip: "验证表单前，先于beforeClick事件" },
+              { name: "beforeClick", label: "点击前事件", tip: "点击前事件" },
+              {
+                name: "click",
+                isEdit: false,
+                label: "点击事件",
+                tip: "点击事件",
+                title: "反对",
+                eventName: "oppose",
+                isStandard: true
+              },
+              { name: "afterClick", label: "点击后事件", tip: "点击后事件" },
+              { name: "show", label: "显示", tip: "显示" },
+              { name: "hidden", label: "隐藏", tip: "隐藏" }
+            ]
+          },
+          {
+            name: "button-detail",
+            label: "弃权",
+            icon: button,
+            disabled: true,
+            check: true,
+            isFlow: true,
+            // 是否流程按钮
+            props: {
+              base: {
+                title: "弃权",
+                logSetting: [],
+                conversionCodes: [],
+                condition: [{ sqlFilterCondition: "[]" }],
+                setValueList: [{ combination: "[]" }],
+                showCondition: "[]",
+                type: "primary"
+              },
+              verification: [],
+              scan: {},
+              preSuffix: {},
+              prefix: {},
+              size: {},
+              title: {}
+            },
+            style: { titleFont: {}, background: {}, margin: {}, padding: {}, border: {}, shadow: {} },
+            events: [
+              { name: "beforeValidateForm", label: "验证表单前", tip: "验证表单前，先于beforeClick事件" },
+              { name: "beforeClick", label: "点击前事件", tip: "点击前事件" },
+              {
+                name: "click",
+                isEdit: false,
+                label: "点击事件",
+                tip: "点击事件",
+                title: "弃权",
+                eventName: "kiken",
+                isStandard: true
+              },
+              { name: "afterClick", label: "点击后事件", tip: "点击后事件" },
+              { name: "show", label: "显示", tip: "显示" },
+              { name: "hidden", label: "隐藏", tip: "隐藏" }
+            ]
+          },
+          {
+            name: "button-detail",
+            label: "已阅",
+            icon: button,
+            disabled: true,
+            check: true,
+            isFlow: true,
+            // 是否流程按钮
+            props: {
+              base: {
+                title: "已阅",
+                logSetting: [],
+                conversionCodes: [],
+                condition: [{ sqlFilterCondition: "[]" }],
+                setValueList: [{ combination: "[]" }],
+                showCondition: "[]",
+                type: "primary"
+              },
+              verification: [],
+              scan: {},
+              preSuffix: {},
+              prefix: {},
+              size: {},
+              title: {}
+            },
+            style: { titleFont: {}, background: {}, margin: {}, padding: {}, border: {}, shadow: {} },
+            events: [
+              { name: "beforeValidateForm", label: "验证表单前", tip: "验证表单前，先于beforeClick事件" },
+              { name: "beforeClick", label: "点击前事件", tip: "点击前事件" },
+              {
+                name: "click",
+                isEdit: false,
+                label: "点击事件",
+                tip: "点击事件",
+                title: "已阅",
+                eventName: "readed",
+                isStandard: true
+              },
+              { name: "afterClick", label: "点击后事件", tip: "点击后事件" },
+              { name: "show", label: "显示", tip: "显示" },
+              { name: "hidden", label: "隐藏", tip: "隐藏" }
+            ]
+          },
+          {
+            name: "button-detail",
+            label: "指派",
+            icon: button,
+            disabled: false,
+            check: false,
+            isFlow: true,
+            // 是否流程按钮
+            props: {
+              base: {
+                title: "指派",
+                logSetting: [],
+                conversionCodes: [],
+                condition: [{ sqlFilterCondition: "[]" }],
+                setValueList: [{ combination: "[]" }],
+                showCondition: "[]",
+                type: "primary"
+              },
+              verification: [],
+              scan: {},
+              preSuffix: {},
+              prefix: {},
+              size: {},
+              title: {}
+            },
+            style: { titleFont: {}, background: {}, margin: {}, padding: {}, border: {}, shadow: {} },
+            events: [
+              { name: "beforeValidateForm", label: "验证表单前", tip: "验证表单前，先于beforeClick事件" },
+              { name: "beforeClick", label: "点击前事件", tip: "点击前事件" },
+              {
+                name: "click",
+                isEdit: false,
+                label: "点击事件",
+                tip: "点击事件",
+                title: "指派",
+                eventName: "assign",
+                isStandard: true
+              },
+              { name: "afterClick", label: "点击后事件", tip: "点击后事件" },
+              { name: "show", label: "显示", tip: "显示" },
+              { name: "hidden", label: "隐藏", tip: "隐藏" }
+            ]
+          },
+          {
+            name: "button-detail",
+            label: "抄送",
+            icon: button,
+            disabled: false,
+            check: false,
+            isFlow: true,
+            // 是否流程按钮
+            props: {
+              base: {
+                title: "抄送",
+                logSetting: [],
+                conversionCodes: [],
+                condition: [{ sqlFilterCondition: "[]" }],
+                setValueList: [{ combination: "[]" }],
+                showCondition: "[]",
+                type: "primary"
+              },
+              verification: [],
+              scan: {},
+              preSuffix: {},
+              prefix: {},
+              size: {},
+              title: {}
+            },
+            style: { titleFont: {}, background: {}, margin: {}, padding: {}, border: {}, shadow: {} },
+            events: [
+              { name: "beforeValidateForm", label: "验证表单前", tip: "验证表单前，先于beforeClick事件" },
+              { name: "beforeClick", label: "点击前事件", tip: "点击前事件" },
+              {
+                name: "click",
+                isEdit: false,
+                label: "点击事件",
+                tip: "点击事件",
+                title: "抄送",
+                eventName: "copyTask",
+                isStandard: true
+              },
+              { name: "afterClick", label: "点击后事件", tip: "点击后事件" },
+              { name: "show", label: "显示", tip: "显示" },
+              { name: "hidden", label: "隐藏", tip: "隐藏" }
+            ]
+          },
+          {
+            name: "button-detail",
+            label: "加签",
+            icon: button,
+            disabled: false,
+            check: false,
+            isFlow: true,
+            // 是否流程按钮
+            props: {
+              base: {
+                title: "加签",
+                logSetting: [],
+                conversionCodes: [],
+                condition: [{ sqlFilterCondition: "[]" }],
+                setValueList: [{ combination: "[]" }],
+                showCondition: "[]",
+                type: "primary"
+              },
+              verification: [],
+              scan: {},
+              preSuffix: {},
+              prefix: {},
+              size: {},
+              title: {}
+            },
+            style: { titleFont: {}, background: {}, margin: {}, padding: {}, border: {}, shadow: {} },
+            events: [
+              { name: "beforeValidateForm", label: "验证表单前", tip: "验证表单前，先于beforeClick事件" },
+              { name: "beforeClick", label: "点击前事件", tip: "点击前事件" },
+              {
+                name: "click",
+                isEdit: false,
+                label: "点击事件",
+                tip: "点击事件",
+                title: "加签",
+                eventName: "addSigner",
+                isStandard: true
+              },
+              { name: "afterClick", label: "点击后事件", tip: "点击后事件" },
+              { name: "show", label: "显示", tip: "显示" },
+              { name: "hidden", label: "隐藏", tip: "隐藏" }
+            ]
+          },
+          {
+            name: "button-detail",
+            label: "减签",
+            icon: button,
+            disabled: false,
+            check: false,
+            isFlow: true,
+            // 是否流程按钮
+            props: {
+              base: {
+                title: "减签",
+                logSetting: [],
+                conversionCodes: [],
+                condition: [{ sqlFilterCondition: "[]" }],
+                setValueList: [{ combination: "[]" }],
+                showCondition: "[]",
+                type: "primary"
+              },
+              verification: [],
+              scan: {},
+              preSuffix: {},
+              prefix: {},
+              size: {},
+              title: {}
+            },
+            style: { titleFont: {}, background: {}, margin: {}, padding: {}, border: {}, shadow: {} },
+            events: [
+              { name: "beforeValidateForm", label: "验证表单前", tip: "验证表单前，先于beforeClick事件" },
+              { name: "beforeClick", label: "点击前事件", tip: "点击前事件" },
+              {
+                name: "click",
+                isEdit: false,
+                label: "点击事件",
+                tip: "点击事件",
+                title: "减签",
+                eventName: "removeSigner",
+                isStandard: true
+              },
+              { name: "afterClick", label: "点击后事件", tip: "点击后事件" },
+              { name: "show", label: "显示", tip: "显示" },
+              { name: "hidden", label: "隐藏", tip: "隐藏" }
+            ]
+          },
+          {
+            name: "button-detail",
+            label: "驳回",
+            icon: button,
+            disabled: false,
+            check: false,
+            isFlow: true,
+            // 是否流程按钮
+            props: {
+              base: {
+                title: "驳回",
+                logSetting: [],
+                conversionCodes: [],
+                condition: [{ sqlFilterCondition: "[]" }],
+                setValueList: [{ combination: "[]" }],
+                showCondition: "[]",
+                type: "primary"
+              },
+              verification: [],
+              scan: {},
+              preSuffix: {},
+              prefix: {},
+              size: {},
+              title: {}
+            },
+            style: { titleFont: {}, background: {}, margin: {}, padding: {}, border: {}, shadow: {} },
+            events: [
+              { name: "beforeValidateForm", label: "验证表单前", tip: "验证表单前，先于beforeClick事件" },
+              { name: "beforeClick", label: "点击前事件", tip: "点击前事件" },
+              {
+                name: "click",
+                isEdit: false,
+                label: "点击事件",
+                tip: "点击事件",
+                title: "驳回",
+                eventName: "returnToPreviousTask",
+                isStandard: true
+              },
+              { name: "afterClick", label: "点击后事件", tip: "点击后事件" },
+              { name: "show", label: "显示", tip: "显示" },
+              { name: "hidden", label: "隐藏", tip: "隐藏" }
+            ]
+          },
+          {
+            name: "button-detail",
+            label: "退回",
+            icon: button,
+            disabled: false,
+            check: false,
+            isFlow: true,
+            // 是否流程按钮
+            props: {
+              base: {
+                title: "退回",
+                logSetting: [],
+                conversionCodes: [],
+                condition: [{ sqlFilterCondition: "[]" }],
+                setValueList: [{ combination: "[]" }],
+                showCondition: "[]",
+                type: "primary"
+              },
+              verification: [],
+              scan: {},
+              preSuffix: {},
+              prefix: {},
+              size: {},
+              title: {}
+            },
+            style: { titleFont: {}, background: {}, margin: {}, padding: {}, border: {}, shadow: {} },
+            events: [
+              { name: "beforeValidateForm", label: "验证表单前", tip: "验证表单前，先于beforeClick事件" },
+              { name: "beforeClick", label: "点击前事件", tip: "点击前事件" },
+              {
+                name: "click",
+                isEdit: false,
+                label: "点击事件",
+                tip: "点击事件",
+                title: "退回",
+                eventName: "returnTaskTo",
+                isStandard: true
+              },
+              { name: "afterClick", label: "点击后事件", tip: "点击后事件" },
+              { name: "show", label: "显示", tip: "显示" },
+              { name: "hidden", label: "隐藏", tip: "隐藏" }
+            ]
+          },
+          {
+            name: "button-detail",
+            label: "强制结束",
+            icon: button,
+            disabled: false,
+            check: false,
+            isFlow: true,
+            // 是否流程按钮
+            props: {
+              base: {
+                title: "强制结束",
+                logSetting: [],
+                conversionCodes: [],
+                condition: [{ sqlFilterCondition: "[]" }],
+                setValueList: [{ combination: "[]" }],
+                showCondition: "[]",
+                type: "primary"
+              },
+              verification: [],
+              scan: {},
+              preSuffix: {},
+              prefix: {},
+              size: {},
+              title: {}
+            },
+            style: { titleFont: {}, background: {}, margin: {}, padding: {}, border: {}, shadow: {} },
+            events: [
+              { name: "beforeValidateForm", label: "验证表单前", tip: "验证表单前，先于beforeClick事件" },
+              { name: "beforeClick", label: "点击前事件", tip: "点击前事件" },
+              {
+                name: "click",
+                isEdit: false,
+                label: "点击事件",
+                tip: "点击事件",
+                title: "强制结束",
+                eventName: "endInstance",
+                isStandard: true
+              },
+              { name: "afterClick", label: "点击后事件", tip: "点击后事件" },
+              { name: "show", label: "显示", tip: "显示" },
+              { name: "hidden", label: "隐藏", tip: "隐藏" }
+            ]
+          },
+          {
+            name: "button-detail",
+            label: "取回",
+            icon: button,
+            disabled: false,
+            check: false,
+            isFlow: true,
+            // 是否流程按钮
+            props: {
+              base: {
+                title: "取回",
+                logSetting: [],
+                conversionCodes: [],
+                condition: [{ sqlFilterCondition: "[]" }],
+                setValueList: [{ combination: "[]" }],
+                showCondition: "[]",
+                type: "primary"
+              },
+              verification: [],
+              scan: {},
+              preSuffix: {},
+              prefix: {},
+              size: {},
+              title: {}
+            },
+            style: { titleFont: {}, background: {}, margin: {}, padding: {}, border: {}, shadow: {} },
+            events: [
+              { name: "beforeValidateForm", label: "验证表单前", tip: "验证表单前，先于beforeClick事件" },
+              { name: "beforeClick", label: "点击前事件", tip: "点击前事件" },
+              {
+                name: "click",
+                isEdit: false,
+                label: "点击事件",
+                tip: "点击事件",
+                title: "取回",
+                eventName: "retrieveTask",
+                isStandard: true
+              },
+              { name: "afterClick", label: "点击后事件", tip: "点击后事件" },
+              { name: "show", label: "显示", tip: "显示" },
+              { name: "hidden", label: "隐藏", tip: "隐藏" }
+            ]
+          }
+        ],
         props: {
-          base: { title: "取回", logSetting: [], conversionCodes: [], condition: [{ sqlFilterCondition: "[]" }], setValueList: [{ combination: "[]" }], showCondition: "[]", type: "primary" },
+          base: { showActivityName: true },
           verification: [],
           scan: {},
           preSuffix: {},
@@ -2154,282 +2562,299 @@ const assemblyGroups = [{
         },
         style: { titleFont: {}, background: {}, margin: {}, padding: {}, border: {}, shadow: {} },
         events: [
-          { name: "beforeValidateForm", label: "验证表单前", tip: "验证表单前，先于beforeClick事件" },
-          { name: "beforeClick", label: "点击前事件", tip: "点击前事件" },
-          { name: "click", isEdit: false, label: "点击事件", tip: "点击事件", title: "取回", eventName: "retrieveTask", isStandard: true },
-          { name: "afterClick", label: "点击后事件", tip: "点击后事件" },
-          { name: "show", label: "显示", tip: "显示" },
-          { name: "hidden", label: "隐藏", tip: "隐藏" }
-        ]
+          { name: "show", label: "显示", tip: "显示元素时执行" },
+          { name: "hidden", label: "隐藏", tip: "隐藏元素时执行" }
+        ],
+        designComponent: defineAsyncComponent(() => {
+          return import("../views/assemblys/workflow/workflow-button/workflowbutton-design.vue.js");
+        }),
+        attrComponent: defineAsyncComponent(() => {
+          return import("../views/assemblys/workflow/workflow-button/workflowbutton-attr.vue.js");
+        })
+      },
+      {
+        name: "picture-flow",
+        label: "图形历史",
+        icon: workflowHistoryImg,
+        props: { base: {}, verification: [], scan: {}, preSuffix: {}, prefix: {}, size: {}, title: {} },
+        style: { titleFont: {}, background: {}, margin: {}, padding: {}, border: {}, shadow: {} },
+        events: [
+          { name: "show", label: "显示", tip: "显示元素时执行" },
+          { name: "hidden", label: "隐藏", tip: "隐藏元素时执行" }
+        ],
+        designComponent: defineAsyncComponent(() => {
+          return import("../views/assemblys/workflow/picture-flow/pictureflow-design.vue.js");
+        }),
+        attrComponent: defineAsyncComponent(() => {
+          return import("../views/assemblys/workflow/picture-flow/pictureflow-attr.vue.js");
+        })
+      },
+      {
+        name: "text-flow",
+        label: "文本历史",
+        icon: workflowHistoryTexts,
+        props: { base: {}, verification: [], scan: {}, preSuffix: {}, prefix: {}, size: {}, title: {} },
+        style: { titleFont: {}, background: {}, margin: {}, padding: {}, border: {}, shadow: {} },
+        events: [
+          { name: "show", label: "显示", tip: "显示元素时执行" },
+          { name: "hidden", label: "隐藏", tip: "隐藏元素时执行" }
+        ],
+        designComponent: defineAsyncComponent(() => {
+          return import("../views/assemblys/workflow/text-history/texthistory-design.vue.js");
+        }),
+        attrComponent: defineAsyncComponent(() => {
+          return import("../views/assemblys/workflow/text-history/texthistory-attr.vue.js");
+        })
+      },
+      {
+        name: "workflow-node",
+        label: "流程环节",
+        icon: workflowHistoryTexts,
+        props: { base: { title: "当前环节：" }, size: {} },
+        style: {
+          headerColor: "red",
+          headerTextAlign: "center",
+          titleFont: {},
+          background: {},
+          margin: {},
+          padding: {},
+          border: {},
+          shadow: {}
+        },
+        events: [],
+        designComponent: defineAsyncComponent(() => {
+          return import("../views/assemblys/workflow/workflow-node/workflownode-design.vue.js");
+        }),
+        attrComponent: defineAsyncComponent(() => {
+          return import("../views/assemblys/workflow/workflow-node/workflownode-attr.vue.js");
+        })
       }
-    ],
-    props: {
-      base: { showActivityName: true },
-      verification: [],
-      scan: {},
-      preSuffix: {},
-      prefix: {},
-      size: {},
-      title: {}
-    },
-    style: { titleFont: {}, background: {}, margin: {}, padding: {}, border: {}, shadow: {} },
-    events: [
-      { name: "show", label: "显示", tip: "显示元素时执行" },
-      { name: "hidden", label: "隐藏", tip: "隐藏元素时执行" }
-    ],
-    designComponent: defineAsyncComponent(() => {
-      return import("../views/assemblys/workflow/workflow-button/workflowbutton-design.vue.js");
-    }),
-    attrComponent: defineAsyncComponent(() => {
-      return import("../views/assemblys/workflow/workflow-button/workflowbutton-attr.vue.js");
-    })
-  }, {
-    name: "picture-flow",
-    label: "图形历史",
-    icon: workflowHistoryImg,
-    props: { base: {}, verification: [], scan: {}, preSuffix: {}, prefix: {}, size: {}, title: {} },
-    style: { titleFont: {}, background: {}, margin: {}, padding: {}, border: {}, shadow: {} },
-    events: [
-      { name: "show", label: "显示", tip: "显示元素时执行" },
-      { name: "hidden", label: "隐藏", tip: "隐藏元素时执行" }
-    ],
-    designComponent: defineAsyncComponent(() => {
-      return import("../views/assemblys/workflow/picture-flow/pictureflow-design.vue.js");
-    }),
-    attrComponent: defineAsyncComponent(() => {
-      return import("../views/assemblys/workflow/picture-flow/pictureflow-attr.vue.js");
-    })
-  }, {
-    name: "text-flow",
-    label: "文本历史",
-    icon: workflowHistoryTexts,
-    props: { base: {}, verification: [], scan: {}, preSuffix: {}, prefix: {}, size: {}, title: {} },
-    style: { titleFont: {}, background: {}, margin: {}, padding: {}, border: {}, shadow: {} },
-    events: [
-      { name: "show", label: "显示", tip: "显示元素时执行" },
-      { name: "hidden", label: "隐藏", tip: "隐藏元素时执行" }
-    ],
-    designComponent: defineAsyncComponent(() => {
-      return import("../views/assemblys/workflow/text-history/texthistory-design.vue.js");
-    }),
-    attrComponent: defineAsyncComponent(() => {
-      return import("../views/assemblys/workflow/text-history/texthistory-attr.vue.js");
-    })
-  }]
-}, {
-  name: "chart",
-  label: "统计图",
-  icon: groupChart,
-  events: [{ name: "afterChartFormLoad", label: "加载图表查询表单后", tip: "加载图表查询表单后" }],
-  design: {
-    style: {
-      "height": "100%"
-    }
+    ]
   },
-  items: [{
-    name: "chart-column-line",
-    label: "柱/折图",
-    icon: chartColumn,
-    design: {
-      style: {
-        "margin-bottom": "18px"
-      }
-    },
-    props: {
-      size: { fixHeight: 300, widthType: "flex", flexSpan: 24 }
-    },
-    style: { yaxisLeft: {}, yaxisRight: {} },
-    designComponent: defineAsyncComponent(() => {
-      return import("../views/assemblys/chart/column-line/column-line-design.vue.js");
-    }),
-    attrComponent: defineAsyncComponent(() => {
-      return import("../views/assemblys/chart/column-line/column-line-attr.vue.js");
-    })
-  }, {
-    name: "chart-pie",
-    label: "饼图",
-    icon: chartPie,
+  {
+    name: "chart",
+    label: "统计图",
+    icon: groupChart,
+    events: [{ name: "afterChartFormLoad", label: "加载图表查询表单后", tip: "加载图表查询表单后" }],
     design: {
       style: {
-        "margin-bottom": "18px",
-        "height": "100%"
+        height: "100%"
       }
     },
-    props: {
-      size: {
-        pc: {
-          fixHeight: 300,
-          widthType: "flex",
-          flexSpan: 12
+    items: [
+      {
+        name: "chart-column-line",
+        label: "柱/折图",
+        icon: chartColumn,
+        design: {
+          style: {
+            "margin-bottom": "18px"
+          }
         },
-        ipad: {
-          fixHeight: 300,
-          widthType: "flex",
-          flexSpan: 12
+        props: {
+          size: { fixHeight: 300, widthType: "flex", flexSpan: 24 }
         },
-        phone: {
-          fixHeight: 300,
-          widthType: "flex",
-          flexSpan: 24
-        }
-      }
-    },
-    style: {},
-    designComponent: defineAsyncComponent(() => {
-      return import("../views/assemblys/chart/pie/pie-design.vue.js");
-    }),
-    attrComponent: defineAsyncComponent(() => {
-      return import("../views/assemblys/chart/pie/pie-attr.vue.js");
-    })
-  }, {
-    name: "chart-gauge",
-    label: "仪表盘",
-    icon: chartGauge,
-    design: {
-      style: {
-        "margin-bottom": "18px",
-        "height": "100%"
-      }
-    },
-    props: {
-      size: {
-        pc: {
-          fixHeight: 300,
-          widthType: "flex",
-          flexSpan: 12
+        style: { yaxisLeft: {}, yaxisRight: {} },
+        designComponent: defineAsyncComponent(() => {
+          return import("../views/assemblys/chart/column-line/column-line-design.vue.js");
+        }),
+        attrComponent: defineAsyncComponent(() => {
+          return import("../views/assemblys/chart/column-line/column-line-attr.vue.js");
+        })
+      },
+      {
+        name: "chart-pie",
+        label: "饼图",
+        icon: chartPie,
+        design: {
+          style: {
+            "margin-bottom": "18px",
+            height: "100%"
+          }
         },
-        ipad: {
-          fixHeight: 300,
-          widthType: "flex",
-          flexSpan: 12
+        props: {
+          size: {
+            pc: {
+              fixHeight: 300,
+              widthType: "flex",
+              flexSpan: 12
+            },
+            ipad: {
+              fixHeight: 300,
+              widthType: "flex",
+              flexSpan: 12
+            },
+            phone: {
+              fixHeight: 300,
+              widthType: "flex",
+              flexSpan: 24
+            }
+          }
         },
-        phone: {
-          fixHeight: 300,
-          widthType: "flex",
-          flexSpan: 24
-        }
-      }
-    },
-    style: {},
-    designComponent: defineAsyncComponent(() => {
-      return import("../views/assemblys/chart/gauge/gauge-design.vue.js");
-    }),
-    attrComponent: defineAsyncComponent(() => {
-      return import("../views/assemblys/chart/gauge/gauge-attr.vue.js");
-    })
-  }, {
-    name: "chart-radar",
-    label: "雷达图",
-    icon: chartRader,
-    design: {
-      style: {
-        "margin-bottom": "18px",
-        "height": "100%"
-      }
-    },
-    props: {
-      size: {
-        pc: {
-          fixHeight: 300,
-          widthType: "flex",
-          flexSpan: 12
+        style: {},
+        designComponent: defineAsyncComponent(() => {
+          return import("../views/assemblys/chart/pie/pie-design.vue.js");
+        }),
+        attrComponent: defineAsyncComponent(() => {
+          return import("../views/assemblys/chart/pie/pie-attr.vue.js");
+        })
+      },
+      {
+        name: "chart-gauge",
+        label: "仪表盘",
+        icon: chartGauge,
+        design: {
+          style: {
+            "margin-bottom": "18px",
+            height: "100%"
+          }
         },
-        ipad: {
-          fixHeight: 300,
-          widthType: "flex",
-          flexSpan: 12
+        props: {
+          size: {
+            pc: {
+              fixHeight: 300,
+              widthType: "flex",
+              flexSpan: 12
+            },
+            ipad: {
+              fixHeight: 300,
+              widthType: "flex",
+              flexSpan: 12
+            },
+            phone: {
+              fixHeight: 300,
+              widthType: "flex",
+              flexSpan: 24
+            }
+          }
         },
-        phone: {
-          fixHeight: 300,
-          widthType: "flex",
-          flexSpan: 24
-        }
-      }
-    },
-    style: {},
-    designComponent: defineAsyncComponent(() => {
-      return import("../views/assemblys/chart/radar/radar-design.vue.js");
-    }),
-    attrComponent: defineAsyncComponent(() => {
-      return import("../views/assemblys/chart/radar/radar-attr.vue.js");
-    })
-  }, {
-    name: "chart-scatter",
-    label: "散点图",
-    icon: chartScatter,
-    design: {
-      style: {
-        "margin-bottom": "18px",
-        "height": "100%"
-      }
-    },
-    props: {
-      size: {
-        pc: {
-          fixHeight: 300,
-          widthType: "flex",
-          flexSpan: 12
+        style: {},
+        designComponent: defineAsyncComponent(() => {
+          return import("../views/assemblys/chart/gauge/gauge-design.vue.js");
+        }),
+        attrComponent: defineAsyncComponent(() => {
+          return import("../views/assemblys/chart/gauge/gauge-attr.vue.js");
+        })
+      },
+      {
+        name: "chart-radar",
+        label: "雷达图",
+        icon: chartRader,
+        design: {
+          style: {
+            "margin-bottom": "18px",
+            height: "100%"
+          }
         },
-        ipad: {
-          fixHeight: 300,
-          widthType: "flex",
-          flexSpan: 12
+        props: {
+          size: {
+            pc: {
+              fixHeight: 300,
+              widthType: "flex",
+              flexSpan: 12
+            },
+            ipad: {
+              fixHeight: 300,
+              widthType: "flex",
+              flexSpan: 12
+            },
+            phone: {
+              fixHeight: 300,
+              widthType: "flex",
+              flexSpan: 24
+            }
+          }
         },
-        phone: {
-          fixHeight: 300,
-          widthType: "flex",
-          flexSpan: 24
-        }
-      }
-    },
-    style: { yaxisLeft: {}, yaxisRight: {} },
-    designComponent: defineAsyncComponent(() => {
-      return import("../views/assemblys/chart/scatter/scatter-design.vue.js");
-    }),
-    attrComponent: defineAsyncComponent(() => {
-      return import("../views/assemblys/chart/scatter/scatter-attr.vue.js");
-    })
-  }]
-}, {
-  name: "other",
-  label: "其他",
-  // icon:groupChart,
-  items: [{
-    name: "custom",
-    label: "自定义",
-    icon: formCustom,
-    props: {
-      base: {
-        tittleShow: true
+        style: {},
+        designComponent: defineAsyncComponent(() => {
+          return import("../views/assemblys/chart/radar/radar-design.vue.js");
+        }),
+        attrComponent: defineAsyncComponent(() => {
+          return import("../views/assemblys/chart/radar/radar-attr.vue.js");
+        })
       },
-      verification: [],
-      preSuffix: {},
-      prefix: {},
-      size: {
-        widthType: "flex",
-        flexSpan: 24
-      },
-      uploadConfig: {},
-      overallWidth: {},
-      overallHeight: {},
-      title: {},
-      parameter: []
-    },
-    style: { titleFont: {}, background: {}, margin: {}, padding: {}, border: {}, shadow: {} },
-    events: [
-      { name: "click", label: "点击", tip: "点击" },
-      { name: "change", label: "更改", tip: "更改" },
-      { name: "show", label: "显示", tip: "显示元素时执行" },
-      { name: "hidden", label: "隐藏", tip: "隐藏元素时执行" }
-    ],
-    designComponent: defineAsyncComponent(() => {
-      return import("../views/assemblys/form/custom/custom-design.vue.js");
-    }),
-    attrComponent: defineAsyncComponent(() => {
-      return import("../views/assemblys/form/custom/custom-attr.vue.js");
-    })
-  }]
-}];
+      {
+        name: "chart-scatter",
+        label: "散点图",
+        icon: chartScatter,
+        design: {
+          style: {
+            "margin-bottom": "18px",
+            height: "100%"
+          }
+        },
+        props: {
+          size: {
+            pc: {
+              fixHeight: 300,
+              widthType: "flex",
+              flexSpan: 12
+            },
+            ipad: {
+              fixHeight: 300,
+              widthType: "flex",
+              flexSpan: 12
+            },
+            phone: {
+              fixHeight: 300,
+              widthType: "flex",
+              flexSpan: 24
+            }
+          }
+        },
+        style: { yaxisLeft: {}, yaxisRight: {} },
+        designComponent: defineAsyncComponent(() => {
+          return import("../views/assemblys/chart/scatter/scatter-design.vue.js");
+        }),
+        attrComponent: defineAsyncComponent(() => {
+          return import("../views/assemblys/chart/scatter/scatter-attr.vue.js");
+        })
+      }
+    ]
+  },
+  {
+    name: "other",
+    label: "其他",
+    // icon:groupChart,
+    items: [
+      {
+        name: "custom",
+        label: "自定义",
+        icon: formCustom,
+        props: {
+          base: {
+            tittleShow: true
+          },
+          verification: [],
+          preSuffix: {},
+          prefix: {},
+          size: {
+            widthType: "flex",
+            flexSpan: 24
+          },
+          uploadConfig: {},
+          overallWidth: {},
+          overallHeight: {},
+          title: {},
+          parameter: []
+        },
+        style: { titleFont: {}, background: {}, margin: {}, padding: {}, border: {}, shadow: {} },
+        events: [
+          { name: "click", label: "点击", tip: "点击" },
+          { name: "change", label: "更改", tip: "更改" },
+          { name: "show", label: "显示", tip: "显示元素时执行" },
+          { name: "hidden", label: "隐藏", tip: "隐藏元素时执行" }
+        ],
+        designComponent: defineAsyncComponent(() => {
+          return import("../views/assemblys/form/custom/custom-design.vue.js");
+        }),
+        attrComponent: defineAsyncComponent(() => {
+          return import("../views/assemblys/form/custom/custom-attr.vue.js");
+        })
+      }
+    ]
+  }
+];
 const pageConf = {
   id: -1,
   code: "",
@@ -2497,90 +2922,118 @@ const standardButtonOperations = [
   {
     label: "表单标准功能",
     type: "form",
-    options: [{
-      label: "暂存",
-      value: "save"
-    }, {
-      label: "提交",
-      value: "submit"
-    }, {
-      label: "同意",
-      value: "agree"
-    }, {
-      label: "不同意",
-      value: "disagree"
-    }, {
-      label: "导出报告",
-      value: "exportForm"
-    }, {
-      label: "导出PDF",
-      value: "exportPDF"
-    }, {
-      label: "返回",
-      value: "back"
-    }]
+    options: [
+      {
+        label: "暂存",
+        value: "save"
+      },
+      {
+        label: "提交",
+        value: "submit"
+      },
+      {
+        label: "同意",
+        value: "agree"
+      },
+      {
+        label: "不同意",
+        value: "disagree"
+      },
+      {
+        label: "导出报告",
+        value: "exportForm"
+      },
+      {
+        label: "导出PDF",
+        value: "exportPDF"
+      },
+      {
+        label: "返回",
+        value: "back"
+      }
+    ]
   },
   {
     label: "流程表单功能",
     type: "workflow",
-    options: [{
-      label: "暂存",
-      value: "workflowSave"
-    }, {
-      label: "提交流程",
-      value: "submitProcess"
-    }, {
-      label: "提交任务",
-      value: "submitTask"
-    }, {
-      label: "同意",
-      value: "approve"
-    }, {
-      label: "不同意",
-      value: "refuse"
-    }, {
-      label: "指派",
-      value: "assign"
-    }, {
-      label: "领取",
-      value: "drawTask"
-    }, {
-      label: "放弃领取",
-      value: "abandonReceive"
-    }, {
-      label: "已阅",
-      value: "readed"
-    }, {
-      label: "加签",
-      value: "addSigner"
-    }, {
-      label: "减签",
-      value: "removeSigner"
-    }, {
-      label: "抄送",
-      value: "copyTask"
-    }, {
-      label: "取回",
-      value: "retrieveTask"
-    }, {
-      label: "驳回",
-      value: "returnToPreviousTask"
-    }, {
-      label: "退回",
-      value: "returnTaskTo"
-    }, {
-      label: "强制结束",
-      value: "endInstance"
-    }, {
-      label: "赞成",
-      value: "agreement"
-    }, {
-      label: "反对",
-      value: "oppose"
-    }, {
-      label: "弃权",
-      value: "kiken"
-    }]
+    options: [
+      {
+        label: "暂存",
+        value: "workflowSave"
+      },
+      {
+        label: "提交流程",
+        value: "submitProcess"
+      },
+      {
+        label: "提交任务",
+        value: "submitTask"
+      },
+      {
+        label: "同意",
+        value: "approve"
+      },
+      {
+        label: "不同意",
+        value: "refuse"
+      },
+      {
+        label: "指派",
+        value: "assign"
+      },
+      {
+        label: "领取",
+        value: "drawTask"
+      },
+      {
+        label: "放弃领取",
+        value: "abandonReceive"
+      },
+      {
+        label: "已阅",
+        value: "readed"
+      },
+      {
+        label: "加签",
+        value: "addSigner"
+      },
+      {
+        label: "减签",
+        value: "removeSigner"
+      },
+      {
+        label: "抄送",
+        value: "copyTask"
+      },
+      {
+        label: "取回",
+        value: "retrieveTask"
+      },
+      {
+        label: "驳回",
+        value: "returnToPreviousTask"
+      },
+      {
+        label: "退回",
+        value: "returnTaskTo"
+      },
+      {
+        label: "强制结束",
+        value: "endInstance"
+      },
+      {
+        label: "赞成",
+        value: "agreement"
+      },
+      {
+        label: "反对",
+        value: "oppose"
+      },
+      {
+        label: "弃权",
+        value: "kiken"
+      }
+    ]
   },
   {
     label: "列表功能",
@@ -2627,30 +3080,38 @@ const standardButtonOperations = [
   {
     label: "列表行编辑功能",
     type: "list-edit",
-    options: [{
-      label: "新建",
-      value: "lineEditCreate"
-    }, {
-      label: "保存",
-      value: "lineEditSave"
-    }, {
-      label: "删除",
-      value: "lineEditDelete"
-    }, {
-      label: "修改",
-      value: "lineEditUpdate"
-    }, {
-      label: "取消编辑",
-      value: "restoreEdit"
-    }]
+    options: [
+      {
+        label: "新建",
+        value: "lineEditCreate"
+      },
+      {
+        label: "保存",
+        value: "lineEditSave"
+      },
+      {
+        label: "删除",
+        value: "lineEditDelete"
+      },
+      {
+        label: "修改",
+        value: "lineEditUpdate"
+      },
+      {
+        label: "取消编辑",
+        value: "restoreEdit"
+      }
+    ]
   },
   {
     label: "统计图功能",
     type: "chart",
-    options: [{
-      label: "统计",
-      value: "queryCharts"
-    }]
+    options: [
+      {
+        label: "统计",
+        value: "queryCharts"
+      }
+    ]
   }
 ];
 function getDesignComponentByName(name) {