@epic-designer/antd 1.1.0 → 1.1.2-beta.0

package/dist/index.cjs

@@ -14,7 +14,9 @@ const Button = {
         type: "input"
       },
       {
-        componentProps: {
+        field: "props.type",
+        label: "\u7C7B\u578B",
+        props: {
           clearable: true,
           options: [
             {
@@ -44,12 +46,12 @@ const Button = {
           ],
           placeholder: "\u8BF7\u9009\u62E9"
         },
-        field: "componentProps.type",
-        label: "\u7C7B\u578B",
         type: "select"
       },
       {
-        componentProps: {
+        field: "props.htmlType",
+        label: "\u64CD\u4F5C\u7C7B\u578B",
+        props: {
           clearable: true,
           options: [
             {
@@ -67,21 +69,21 @@ const Button = {
           ],
           placeholder: "\u8BF7\u9009\u62E9"
         },
-        field: "componentProps.htmlType",
-        label: "\u64CD\u4F5C\u7C7B\u578B",
         type: "select"
       },
       {
-        componentProps: {
+        field: "props.href",
+        label: "\u94FE\u63A5",
+        props: {
           allowClear: true,
           placeholder: "\u8BF7\u8F93\u5165"
         },
-        field: "componentProps.href",
-        label: "\u94FE\u63A5",
         type: "input"
       },
       {
-        componentProps: {
+        field: "props.target",
+        label: "\u94FE\u63A5\u6253\u5F00\u65B9\u5F0F",
+        props: {
           clearable: true,
           options: [
             {
@@ -103,16 +105,16 @@ const Button = {
           ],
           placeholder: "\u8BF7\u9009\u62E9"
         },
-        field: "componentProps.target",
-        label: "\u94FE\u63A5\u6253\u5F00\u65B9\u5F0F",
         show: ({ values }) => {
           var _a;
-          return (_a = values.componentProps) == null ? void 0 : _a.href;
+          return (_a = values.props) == null ? void 0 : _a.href;
         },
         type: "select"
       },
       {
-        componentProps: {
+        field: "props.size",
+        label: "\u5C3A\u5BF8",
+        props: {
           allowClear: true,
           options: [
             {
@@ -130,12 +132,12 @@ const Button = {
           ],
           placeholder: "\u8BF7\u9009\u62E9"
         },
-        field: "componentProps.size",
-        label: "\u5C3A\u5BF8",
         type: "select"
       },
       {
-        componentProps: {
+        field: "props.shape",
+        label: "\u5F62\u72B6",
+        props: {
           clearable: true,
           options: [
             {
@@ -153,37 +155,35 @@ const Button = {
           ],
           placeholder: "\u8BF7\u9009\u62E9"
         },
-        field: "componentProps.shape",
-        label: "\u5F62\u72B6",
         type: "select"
       },
       {
-        field: "componentProps.ghost",
+        field: "props.ghost",
         label: "\u5E7D\u7075\u6309\u94AE",
         type: "switch"
       },
       {
-        field: "componentProps.loading",
+        field: "props.loading",
         label: "\u52A0\u8F7D\u72B6\u6001",
         type: "switch"
       },
       {
-        field: "componentProps.block",
+        field: "props.block",
         label: "\u5BBD\u5EA6\u81EA\u9002\u5E94",
         type: "switch"
       },
       {
-        field: "componentProps.danger",
+        field: "props.danger",
         label: "\u5371\u9669\u6309\u94AE",
         type: "switch"
       },
       {
-        field: "componentProps.disabled",
+        field: "props.disabled",
         label: "\u7981\u7528",
         type: "switch"
       },
       {
-        field: "componentProps.hidden",
+        field: "props.hidden",
         label: "\u9690\u85CF",
         type: "switch"
       }
@@ -220,7 +220,9 @@ const Card = {
         type: "input"
       },
       {
-        componentProps: {
+        field: "props.size",
+        label: "\u5C3A\u5BF8",
+        props: {
           allowClear: true,
           options: [
             {
@@ -234,31 +236,29 @@ const Card = {
           ],
           placeholder: "\u8BF7\u9009\u62E9"
         },
-        field: "componentProps.size",
-        label: "\u5C3A\u5BF8",
         type: "select"
       },
       {
-        componentProps: {
+        field: "props.bordered",
+        label: "\u65E0\u8FB9\u6846",
+        props: {
           checkedValue: false,
           unCheckedValue: true
         },
-        field: "componentProps.bordered",
-        label: "\u65E0\u8FB9\u6846",
         type: "switch"
       },
       {
-        field: "componentProps.hoverable",
+        field: "props.hoverable",
         label: "\u9F20\u6807\u60AC\u505C\u9634\u5F71",
         type: "switch"
       },
       {
-        field: "componentProps.loading",
+        field: "props.loading",
         label: "\u52A0\u8F7D\u72B6\u6001",
         type: "switch"
       },
       {
-        field: "componentProps.hidden",
+        field: "props.hidden",
         label: "\u9690\u85CF",
         type: "switch"
       }
@@ -281,8 +281,8 @@ const Cascader = {
     attribute: [
       {
         field: "field",
-        label: "\u5B57\u6BB5\u540D",
-        type: "input"
+        label: "\u6570\u636E\u5B57\u6BB5",
+        type: "EpField"
       },
       {
         field: "label",
@@ -290,17 +290,19 @@ const Cascader = {
         type: "input"
       },
       {
-        field: "componentProps.defaultValue",
+        field: "props.defaultValue",
         label: "\u9ED8\u8BA4\u503C",
         type: "cascader"
       },
       {
-        field: "componentProps.placeholder",
+        field: "props.placeholder",
         label: "\u5360\u4F4D\u5185\u5BB9",
         type: "input"
       },
       {
-        componentProps: {
+        field: "props.size",
+        label: "\u5C3A\u5BF8",
+        props: {
           allowClear: true,
           options: [
             {
@@ -318,12 +320,12 @@ const Cascader = {
           ],
           placeholder: "\u8BF7\u9009\u62E9"
         },
-        field: "componentProps.size",
-        label: "\u5C3A\u5BF8",
         type: "select"
       },
       {
-        componentProps: {
+        field: "props.placement",
+        label: "\u5F39\u51FA\u6846\u4F4D\u7F6E",
+        props: {
           allowClear: true,
           options: [
             {
@@ -345,49 +347,49 @@ const Cascader = {
           ],
           placeholder: "\u8BF7\u9009\u62E9"
         },
-        field: "componentProps.placement",
-        label: "\u5F39\u51FA\u6846\u4F4D\u7F6E",
         type: "select"
       },
       {
-        field: "componentProps.showSearch",
+        field: "props.showSearch",
         label: "\u53EF\u641C\u7D22",
         type: "switch"
       },
       {
-        componentProps: {
+        field: "props.bordered",
+        label: "\u65E0\u8FB9\u6846",
+        props: {
           checkedValue: false,
           unCheckedValue: true
         },
-        field: "componentProps.bordered",
-        label: "\u65E0\u8FB9\u6846",
         type: "switch"
       },
       {
-        field: "componentProps.multiple",
+        field: "props.multiple",
         label: "\u591A\u9009",
         type: "switch"
       },
       {
-        componentProps: {
+        field: "props.maxTagTextLength",
+        label: "\u6807\u7B7E\u6700\u5927\u957F\u5EA6",
+        props: {
           placeholder: "\u8BF7\u8F93\u5165"
         },
-        field: "componentProps.maxTagTextLength",
-        label: "\u6807\u7B7E\u6700\u5927\u957F\u5EA6",
-        show: ({ values }) => values.componentProps.multiple,
+        show: ({ values }) => values.props.multiple,
         type: "number"
       },
       {
-        componentProps: {
+        field: "props.maxTagCount",
+        label: "\u6807\u7B7E\u663E\u793A\u6570\u91CF",
+        props: {
           placeholder: "\u8BF7\u8F93\u5165"
         },
-        field: "componentProps.maxTagCount",
-        label: "\u6807\u7B7E\u663E\u793A\u6570\u91CF",
-        show: ({ values }) => values.componentProps.multiple,
+        show: ({ values }) => values.props.multiple,
         type: "number"
       },
       {
-        componentProps: {
+        field: "props.showCheckedStrategy",
+        label: "\u56DE\u586B\u65B9\u5F0F",
+        props: {
           clearable: true,
           options: [
             {
@@ -401,43 +403,41 @@ const Cascader = {
           ],
           placeholder: "\u8BF7\u9009\u62E9"
         },
-        field: "componentProps.showCheckedStrategy",
-        label: "\u56DE\u586B\u65B9\u5F0F",
-        show: ({ values }) => values.componentProps.multiple,
+        show: ({ values }) => values.props.multiple,
         type: "select"
       },
       {
-        field: "componentProps.allowClear",
+        field: "props.allowClear",
         label: "\u53EF\u6E05\u7A7A",
         type: "switch"
       },
       {
-        field: "componentProps.disabled",
+        field: "props.disabled",
         label: "\u7981\u7528",
         type: "switch"
       },
       {
-        field: "componentProps.hidden",
+        field: "props.hidden",
         label: "\u9690\u85CF",
         type: "switch"
       },
       {
-        componentProps: {
-          tree: true
-        },
-        field: "componentProps.options",
+        field: "props.options",
         label: "\u9009\u9879\u7BA1\u7406",
         layout: "vertical",
+        props: {
+          tree: true
+        },
         type: "EOptionsEditor"
       },
       {
-        componentProps: {
-          ruleType: "array"
-        },
         description: "\u6821\u9A8C\u89C4\u5219\u9700\u8981\u914D\u5408\u8868\u5355\u4F7F\u7528",
         field: "rules",
         label: "\u8868\u5355\u6821\u9A8C",
         layout: "vertical",
+        props: {
+          ruleType: "array"
+        },
         type: "ERuleEditor"
       }
     ],
@@ -449,7 +449,10 @@ const Cascader = {
     ]
   },
   defaultSchema: {
-    componentProps: {
+    field: "cascader",
+    input: true,
+    label: "\u7EA7\u8054\u9009\u62E9\u5668",
+    props: {
       options: [
         {
           label: "\u9009\u98791",
@@ -462,9 +465,6 @@ const Cascader = {
       ],
       placeholder: "\u8BF7\u9009\u62E9"
     },
-    field: "cascader",
-    input: true,
-    label: "\u7EA7\u8054\u9009\u62E9\u5668",
     type: "cascader"
   },
   groupName: "\u8868\u5355",
@@ -479,8 +479,8 @@ const Checkbox = {
     attribute: [
       {
         field: "field",
-        label: "\u5B57\u6BB5\u540D",
-        type: "input"
+        label: "\u6570\u636E\u5B57\u6BB5",
+        type: "EpField"
       },
       {
         field: "label",
@@ -488,12 +488,14 @@ const Checkbox = {
         type: "input"
       },
       {
-        field: "componentProps.defaultValue",
+        field: "props.defaultValue",
         label: "\u9ED8\u8BA4\u503C",
         type: "checkbox"
       },
       {
-        componentProps: {
+        field: "props.size",
+        label: "\u5C3A\u5BF8",
+        props: {
           allowClear: true,
           options: [
             {
@@ -511,34 +513,32 @@ const Checkbox = {
           ],
           placeholder: "\u8BF7\u9009\u62E9"
         },
-        field: "componentProps.size",
-        label: "\u5C3A\u5BF8",
         type: "select"
       },
       {
-        field: "componentProps.disabled",
+        field: "props.disabled",
         label: "\u7981\u7528",
         type: "switch"
       },
       {
-        field: "componentProps.hidden",
+        field: "props.hidden",
         label: "\u9690\u85CF",
         type: "switch"
       },
       {
-        field: "componentProps.options",
+        field: "props.options",
         label: "\u9009\u9879\u7BA1\u7406",
         layout: "vertical",
         type: "EOptionsEditor"
       },
       {
-        componentProps: {
-          ruleType: "array"
-        },
         description: "\u6821\u9A8C\u89C4\u5219\u9700\u8981\u914D\u5408\u8868\u5355\u4F7F\u7528",
         field: "rules",
         label: "\u8868\u5355\u6821\u9A8C",
         layout: "vertical",
+        props: {
+          ruleType: "array"
+        },
         type: "ERuleEditor"
       }
     ],
@@ -550,7 +550,10 @@ const Checkbox = {
     ]
   },
   defaultSchema: {
-    componentProps: {
+    field: "checkbox",
+    input: true,
+    label: "\u591A\u9009\u6846",
+    props: {
       options: [
         {
           label: "\u9009\u98791",
@@ -562,9 +565,6 @@ const Checkbox = {
         }
       ]
     },
-    field: "checkbox",
-    input: true,
-    label: "\u591A\u9009\u6846",
     type: "checkbox"
   },
   groupName: "\u8868\u5355",
@@ -577,19 +577,22 @@ const Col = {
   config: {
     attribute: [
       {
-        field: "componentProps.span",
+        field: "props.span",
         label: "\u5360\u4F4D\u683C\u6570",
         type: "number"
       }
     ]
   },
   defaultSchema: {
-    componentProps: {
+    label: "\u6805\u683C\u5E03\u5C40-\u5217",
+    props: {
       span: 6
     },
-    label: "\u6805\u683C\u5E03\u5C40-\u5217",
     type: "col",
     children: []
+  },
+  editConstraints: {
+    locked: true
   }
 };
 
@@ -601,8 +604,8 @@ const colorPicker = {
     attribute: [
       {
         field: "field",
-        label: "\u5B57\u6BB5\u540D",
-        type: "input"
+        label: "\u6570\u636E\u5B57\u6BB5",
+        type: "EpField"
       },
       {
         field: "label",
@@ -610,12 +613,14 @@ const colorPicker = {
         type: "input"
       },
       {
-        field: "componentProps.defaultValue",
+        field: "props.defaultValue",
         label: "\u9ED8\u8BA4\u503C",
         type: "input"
       },
       {
-        componentProps: {
+        field: "props.size",
+        label: "\u5C3A\u5BF8",
+        props: {
           allowClear: true,
           options: [
             {
@@ -633,31 +638,29 @@ const colorPicker = {
           ],
           placeholder: "\u8BF7\u9009\u62E9"
         },
-        field: "componentProps.size",
-        label: "\u5C3A\u5BF8",
         type: "select"
       },
       {
-        componentProps: {
+        field: "props.bordered",
+        label: "\u65E0\u8FB9\u6846",
+        props: {
           checkedValue: false,
           unCheckedValue: true
         },
-        field: "componentProps.bordered",
-        label: "\u65E0\u8FB9\u6846",
         type: "switch"
       },
       {
-        field: "componentProps.allowClear",
+        field: "props.allowClear",
         label: "\u53EF\u6E05\u7A7A",
         type: "switch"
       },
       {
-        field: "componentProps.disabled",
+        field: "props.disabled",
         label: "\u7981\u7528",
         type: "switch"
       },
       {
-        field: "componentProps.hidden",
+        field: "props.hidden",
         label: "\u9690\u85CF",
         type: "switch"
       },
@@ -685,15 +688,15 @@ const colorPicker = {
     ]
   },
   defaultSchema: {
-    componentProps: {
+    field: "color-picker",
+    input: true,
+    label: "\u989C\u8272\u9009\u62E9\u5668",
+    props: {
       style: {
         width: "80px"
       },
       type: "color"
     },
-    field: "color-picker",
-    input: true,
-    label: "\u989C\u8272\u9009\u62E9\u5668",
     type: "color-picker"
   },
   groupName: "\u8868\u5355",
@@ -708,25 +711,53 @@ const DatePicker = {
     attribute: [
       {
         field: "field",
-        label: "\u5B57\u6BB5\u540D",
-        type: "input"
+        label: "\u6570\u636E\u5B57\u6BB5",
+        type: "EpField"
       },
       {
-        componentProps: {
-          placeholder: "\u8BF7\u8F93\u5165"
-        },
         field: "label",
         label: "\u6807\u9898",
+        props: {
+          placeholder: "\u8BF7\u8F93\u5165"
+        },
         type: "input"
       },
       {
-        field: "componentProps.defaultValue",
+        field: "props.defaultValue",
         label: "\u9ED8\u8BA4\u503C",
         type: "date"
       },
       {
         changeSync: true,
-        componentProps: {
+        field: "props.type",
+        label: "\u65E5\u671F\u7C7B\u578B",
+        onChange({ value, values }) {
+          values.props.defaultValue = null;
+          values.props.placeholder = [
+            "daterange",
+            "monthrange",
+            "quarterrange",
+            "weekrange",
+            "yearrange"
+          ].includes(value) ? ["\u8BF7\u8F93\u5165", "\u8BF7\u8F93\u5165"] : "\u8BF7\u8F93\u5165";
+          if (["date", "daterange"].includes(value)) {
+            values.props.format = "YYYY-MM-DD";
+            values.props.valueFormat = "YYYY-MM-DD";
+          } else if (["week", "weekrange"].includes(value)) {
+            values.props.format = "ww [\u5468]";
+            values.props.valueFormat = "YYYY-MM-DD";
+          } else if (["month", "monthrange"].includes(value)) {
+            values.props.format = "YYYY-MM";
+            values.props.valueFormat = "YYYY-MM";
+          } else if (["quarter", "quarterrange"].includes(value)) {
+            values.props.format = "YYYY-Q\u5B63\u5EA6";
+            values.props.valueFormat = "YYYY-Q\u5B63\u5EA6";
+          } else if (['"yearrange"', "year"].includes(value)) {
+            values.props.format = "YYYY";
+            values.props.valueFormat = "YYYY";
+          }
+        },
+        props: {
           options: [
             {
               label: "\u65E5\u671F",
@@ -770,116 +801,90 @@ const DatePicker = {
             }
           ]
         },
-        field: "componentProps.type",
-        label: "\u65E5\u671F\u7C7B\u578B",
-        onChange({ value, values }) {
-          values.componentProps.defaultValue = null;
-          values.componentProps.placeholder = [
-            "daterange",
-            "monthrange",
-            "quarterrange",
-            "weekrange",
-            "yearrange"
-          ].includes(value) ? ["\u8BF7\u8F93\u5165", "\u8BF7\u8F93\u5165"] : "\u8BF7\u8F93\u5165";
-          if (["date", "daterange"].includes(value)) {
-            values.componentProps.format = "YYYY-MM-DD";
-            values.componentProps.valueFormat = "YYYY-MM-DD";
-          } else if (["week", "weekrange"].includes(value)) {
-            values.componentProps.format = "ww [\u5468]";
-            values.componentProps.valueFormat = "YYYY-MM-DD";
-          } else if (["month", "monthrange"].includes(value)) {
-            values.componentProps.format = "YYYY-MM";
-            values.componentProps.valueFormat = "YYYY-MM";
-          } else if (["quarter", "quarterrange"].includes(value)) {
-            values.componentProps.format = "YYYY-Q\u5B63\u5EA6";
-            values.componentProps.valueFormat = "YYYY-Q\u5B63\u5EA6";
-          } else if (['"yearrange"', "year"].includes(value)) {
-            values.componentProps.format = "YYYY";
-            values.componentProps.valueFormat = "YYYY";
-          }
-        },
         type: "select"
       },
       {
-        field: "componentProps.showTime",
+        field: "props.showTime",
         label: "\u589E\u52A0\u65F6\u95F4\u9009\u62E9",
         onChange: ({ value, values }) => {
           if (value) {
-            values.componentProps.valueFormat = "YYYY-MM-DD HH:mm:ss";
-            values.componentProps.format = "YYYY-MM-DD HH:mm:ss";
+            values.props.valueFormat = "YYYY-MM-DD HH:mm:ss";
+            values.props.format = "YYYY-MM-DD HH:mm:ss";
           } else {
-            values.componentProps.valueFormat = "YYYY-MM-DD";
-            values.componentProps.format = "YYYY-MM-DD";
+            values.props.valueFormat = "YYYY-MM-DD";
+            values.props.format = "YYYY-MM-DD";
           }
         },
         show({ values }) {
-          return ["date", "daterange"].includes(values.componentProps.type);
+          return ["date", "daterange"].includes(values.props.type);
         },
         type: "switch"
       },
       {
-        componentProps: {
+        field: "props.placeholder",
+        label: "\u5360\u4F4D\u5185\u5BB9",
+        props: {
           placeholder: "\u8BF7\u8F93\u5165"
         },
-        field: "componentProps.placeholder",
-        label: "\u5360\u4F4D\u5185\u5BB9",
         show: ({ values }) => ![
           "daterange",
           "monthrange",
           "quarterrange",
           "weekrange",
           "yearrange"
-        ].includes(values.componentProps.type),
+        ].includes(values.props.type),
         type: "input"
       },
       {
-        componentProps: {
+        field: "props.placeholder.0",
+        label: "\u5F00\u59CB\u5360\u4F4D\u7B26",
+        props: {
           placeholder: "\u8BF7\u8F93\u5165"
         },
-        field: "componentProps.placeholder.0",
-        label: "\u5F00\u59CB\u5360\u4F4D\u7B26",
         show: ({ values }) => [
           "daterange",
           "monthrange",
           "quarterrange",
           "weekrange",
           "yearrange"
-        ].includes(values.componentProps.type),
+        ].includes(values.props.type),
         type: "input"
       },
       {
-        componentProps: {
+        field: "props.placeholder.1",
+        label: "\u7ED3\u675F\u5360\u4F4D\u7B26",
+        props: {
           placeholder: "\u8BF7\u8F93\u5165"
         },
-        field: "componentProps.placeholder.1",
-        label: "\u7ED3\u675F\u5360\u4F4D\u7B26",
         show: ({ values }) => [
           "daterange",
           "monthrange",
           "quarterrange",
           "weekrange",
           "yearrange"
-        ].includes(values.componentProps.type),
+        ].includes(values.props.type),
         type: "input"
       },
       {
-        componentProps: {
+        field: "props.format",
+        label: "\u663E\u793A\u683C\u5F0F",
+        props: {
           placeholder: "\u8BF7\u8F93\u5165"
         },
-        field: "componentProps.format",
-        label: "\u663E\u793A\u683C\u5F0F",
         type: "input"
       },
       {
-        componentProps: {
+        field: "props.valueFormat",
+        label: "\u6570\u636E\u683C\u5F0F",
+        props: {
           placeholder: "\u8BF7\u8F93\u5165"
         },
-        field: "componentProps.valueFormat",
-        label: "\u6570\u636E\u683C\u5F0F",
         type: "input"
       },
       {
-        componentProps: {
+        field: "props.size",
+        label: "\u5C3A\u5BF8",
+        props: {
           allowClear: true,
           options: [
             {
@@ -897,12 +902,12 @@ const DatePicker = {
           ],
           placeholder: "\u8BF7\u9009\u62E9"
         },
-        field: "componentProps.size",
-        label: "\u5C3A\u5BF8",
         type: "select"
       },
       {
-        componentProps: {
+        field: "props.placement",
+        label: "\u5F39\u51FA\u6846\u4F4D\u7F6E",
+        props: {
           allowClear: true,
           options: [
             {
@@ -924,36 +929,34 @@ const DatePicker = {
           ],
           placeholder: "\u8BF7\u9009\u62E9"
         },
-        field: "componentProps.placement",
-        label: "\u5F39\u51FA\u6846\u4F4D\u7F6E",
         type: "select"
       },
       {
-        componentProps: {
+        field: "props.bordered",
+        label: "\u65E0\u8FB9\u6846",
+        props: {
           checkedValue: false,
           unCheckedValue: true
         },
-        field: "componentProps.bordered",
-        label: "\u65E0\u8FB9\u6846",
         type: "switch"
       },
       {
-        field: "componentProps.inputReadOnly",
+        field: "props.inputReadOnly",
         label: "\u7981\u6B62\u952E\u76D8\u8F93\u5165",
         type: "switch"
       },
       {
-        field: "componentProps.allowClear",
+        field: "props.allowClear",
         label: "\u53EF\u6E05\u7A7A",
         type: "switch"
       },
       {
-        field: "componentProps.disabled",
+        field: "props.disabled",
         label: "\u7981\u7528",
         type: "switch"
       },
       {
-        field: "componentProps.hidden",
+        field: "props.hidden",
         label: "\u9690\u85CF",
         type: "switch"
       },
@@ -977,15 +980,15 @@ const DatePicker = {
     ]
   },
   defaultSchema: {
-    componentProps: {
+    field: "date",
+    input: true,
+    label: "\u65E5\u671F\u9009\u62E9\u5668",
+    props: {
       format: "YYYY-MM-DD",
       placeholder: "\u8BF7\u9009\u62E9",
       type: "date",
       valueFormat: "YYYY-MM-DD"
     },
-    field: "date",
-    input: true,
-    label: "\u65E5\u671F\u9009\u62E9\u5668",
     type: "date"
   },
   groupName: "\u8868\u5355",
@@ -1012,12 +1015,14 @@ const Form = {
     ],
     attribute: [
       {
-        field: "componentProps.name",
+        field: "props.name",
         label: "Name",
         type: "input"
       },
       {
-        componentProps: {
+        field: "props.layout",
+        label: "\u8868\u5355\u5E03\u5C40",
+        props: {
           allowClear: true,
           "option-type": "button",
           options: [
@@ -1036,12 +1041,12 @@ const Form = {
           ],
           placeholder: "\u8BF7\u9009\u62E9"
         },
-        field: "componentProps.layout",
-        label: "\u8868\u5355\u5E03\u5C40",
         type: "radio"
       },
       {
-        componentProps: {
+        field: "props.labelLayout",
+        label: "\u6807\u7B7E\u5E03\u5C40",
+        props: {
           "option-type": "button",
           options: [
             {
@@ -1054,45 +1059,45 @@ const Form = {
             }
           ]
         },
-        field: "componentProps.labelLayout",
-        label: "\u6807\u7B7E\u5E03\u5C40",
         type: "radio"
       },
       {
-        field: "componentProps.labelWidth",
+        field: "props.labelWidth",
         label: "\u6807\u7B7E\u5BBD\u5EA6",
         show: ({ values }) => {
           var _a;
-          return ((_a = values.componentProps) == null ? void 0 : _a.labelLayout) === "fixed";
+          return ((_a = values.props) == null ? void 0 : _a.labelLayout) === "fixed";
         },
         type: "EInputSize"
       },
       {
-        componentProps: {
+        field: "props.labelCol.span",
+        label: "\u6807\u7B7E\u5360\u6BD4",
+        props: {
           placeholder: "\u8BF7\u8F93\u5165"
         },
-        field: "componentProps.labelCol.span",
-        label: "\u6807\u7B7E\u5360\u6BD4",
         show: ({ values }) => {
           var _a;
-          return ((_a = values.componentProps) == null ? void 0 : _a.labelLayout) === "flex";
+          return ((_a = values.props) == null ? void 0 : _a.labelLayout) === "flex";
         },
         type: "input"
       },
       {
-        componentProps: {
+        field: "props.wrapperCol.span",
+        label: "\u63A7\u4EF6\u5360\u6BD4",
+        props: {
           placeholder: "\u8BF7\u8F93\u5165"
         },
-        field: "componentProps.wrapperCol.span",
-        label: "\u63A7\u4EF6\u5360\u6BD4",
         show: ({ values }) => {
           var _a;
-          return ((_a = values.componentProps) == null ? void 0 : _a.labelLayout) === "flex";
+          return ((_a = values.props) == null ? void 0 : _a.labelLayout) === "flex";
         },
         type: "input"
       },
       {
-        componentProps: {
+        field: "props.labelAlign",
+        label: "\u6807\u7B7E\u5BF9\u9F50",
+        props: {
           "option-type": "button",
           options: [
             {
@@ -1105,12 +1110,13 @@ const Form = {
             }
           ]
         },
-        field: "componentProps.labelAlign",
-        label: "\u6807\u7B7E\u5BF9\u9F50",
         type: "radio"
       },
       {
-        componentProps: {
+        defaultValue: "default",
+        field: "props.size",
+        label: "\u5C3A\u5BF8",
+        props: {
           allowClear: true,
           options: [
             {
@@ -1128,49 +1134,47 @@ const Form = {
           ],
           placeholder: "\u8BF7\u9009\u62E9"
         },
-        defaultValue: "default",
-        field: "componentProps.size",
-        label: "\u5C3A\u5BF8",
         type: "select"
       },
       {
-        componentProps: {
+        field: "props.colon",
+        label: "\u9690\u85CF\u5192\u53F7",
+        props: {
           checkedValue: false,
           unCheckedValue: true
         },
-        field: "componentProps.colon",
-        label: "\u9690\u85CF\u5192\u53F7",
         type: "switch"
       },
       {
-        field: "componentProps.hideRequiredMark",
+        field: "props.hideRequiredMark",
         label: "\u9690\u85CF\u5FC5\u987B\u6807\u5FD7",
         type: "switch"
       },
       {
-        field: "componentProps.labelWrap",
+        field: "props.labelWrap",
         label: "\u6807\u7B7E\u6587\u672C\u6362\u884C",
         type: "switch"
       },
       {
-        field: "componentProps.scrollToFirstError",
+        field: "props.scrollToFirstError",
         label: "\u6EDA\u52A8\u6821\u9A8C\u9519\u8BEF\u5904",
         type: "switch"
       },
       {
-        field: "componentProps.disabled",
+        field: "props.disabled",
         label: "\u7981\u7528",
         type: "switch"
       },
       {
-        field: "componentProps.hidden",
+        field: "props.hidden",
         label: "\u9690\u85CF",
         type: "switch"
       }
     ]
   },
   defaultSchema: {
-    componentProps: {
+    label: "\u8868\u5355",
+    props: {
       labelCol: {
         span: 5
       },
@@ -1181,7 +1185,6 @@ const Form = {
         span: 19
       }
     },
-    label: "\u8868\u5355",
     type: "form",
     children: []
   },
@@ -1220,8 +1223,8 @@ const Input = {
     attribute: [
       {
         field: "field",
-        label: "\u5B57\u6BB5\u540D",
-        type: "input"
+        label: "\u6570\u636E\u5B57\u6BB5",
+        type: "EpField"
       },
       {
         field: "label",
@@ -1229,20 +1232,22 @@ const Input = {
         type: "input"
       },
       {
-        field: "componentProps.placeholder",
+        field: "props.placeholder",
         label: "\u5360\u4F4D\u5185\u5BB9",
         type: "input"
       },
       {
-        componentProps: {
+        field: "props.defaultValue",
+        label: "\u9ED8\u8BA4\u503C",
+        props: {
           placeholder: "\u8BF7\u8F93\u5165"
         },
-        field: "componentProps.defaultValue",
-        label: "\u9ED8\u8BA4\u503C",
         type: "input"
       },
       {
-        componentProps: {
+        field: "props.type",
+        label: "\u8F93\u5165\u7C7B\u578B",
+        props: {
           allowClear: true,
           options: [
             {
@@ -1260,12 +1265,12 @@ const Input = {
           ],
           placeholder: "\u8BF7\u9009\u62E9"
         },
-        field: "componentProps.type",
-        label: "\u8F93\u5165\u7C7B\u578B",
         type: "select"
       },
       {
-        componentProps: {
+        field: "props.size",
+        label: "\u5C3A\u5BF8",
+        props: {
           allowClear: true,
           options: [
             {
@@ -1283,44 +1288,42 @@ const Input = {
           ],
           placeholder: "\u8BF7\u9009\u62E9"
         },
-        field: "componentProps.size",
-        label: "\u5C3A\u5BF8",
         type: "select"
       },
       {
-        componentProps: {
+        field: "props.bordered",
+        label: "\u65E0\u8FB9\u6846",
+        props: {
           checkedValue: false,
           unCheckedValue: true
         },
-        field: "componentProps.bordered",
-        label: "\u65E0\u8FB9\u6846",
         type: "switch"
       },
       {
-        componentProps: {
+        field: "props.maxlength",
+        label: "\u6700\u5927\u8F93\u5165\u957F\u5EA6",
+        props: {
           placeholder: "\u8BF7\u8F93\u5165"
         },
-        field: "componentProps.maxlength",
-        label: "\u6700\u5927\u8F93\u5165\u957F\u5EA6",
         type: "number"
       },
       {
-        field: "componentProps.showCount",
+        field: "props.showCount",
         label: "\u5C55\u793A\u5B57\u6570",
         type: "switch"
       },
       {
-        field: "componentProps.allowClear",
+        field: "props.allowClear",
         label: "\u53EF\u6E05\u7A7A",
         type: "switch"
       },
       {
-        field: "componentProps.disabled",
+        field: "props.disabled",
         label: "\u7981\u7528",
         type: "switch"
       },
       {
-        field: "componentProps.hidden",
+        field: "props.hidden",
         label: "\u9690\u85CF",
         type: "switch"
       },
@@ -1356,12 +1359,12 @@ const Input = {
     ]
   },
   defaultSchema: {
-    componentProps: {
-      placeholder: "\u8BF7\u8F93\u5165"
-    },
     field: "input",
     input: true,
     label: "\u8F93\u5165\u6846",
+    props: {
+      placeholder: "\u8BF7\u8F93\u5165"
+    },
     type: "input"
   },
   groupName: "\u8868\u5355",
@@ -1390,8 +1393,8 @@ const InputNumber = {
     attribute: [
       {
         field: "field",
-        label: "\u5B57\u6BB5\u540D",
-        type: "input"
+        label: "\u6570\u636E\u5B57\u6BB5",
+        type: "EpField"
       },
       {
         field: "label",
@@ -1399,21 +1402,23 @@ const InputNumber = {
         type: "input"
       },
       {
-        componentProps: {
+        field: "props.defaultValue",
+        label: "\u9ED8\u8BA4\u503C",
+        props: {
           placeholder: "\u8BF7\u8F93\u5165",
           size: "middle"
         },
-        field: "componentProps.defaultValue",
-        label: "\u9ED8\u8BA4\u503C",
         type: "number"
       },
       {
-        field: "componentProps.placeholder",
+        field: "props.placeholder",
         label: "\u5360\u4F4D\u5185\u5BB9",
         type: "input"
       },
       {
-        componentProps: {
+        field: "props.size",
+        label: "\u5C3A\u5BF8",
+        props: {
           allowClear: true,
           options: [
             {
@@ -1431,84 +1436,82 @@ const InputNumber = {
           ],
           placeholder: "\u8BF7\u9009\u62E9"
         },
-        field: "componentProps.size",
-        label: "\u5C3A\u5BF8",
         type: "select"
       },
       {
-        field: "componentProps.keyboard",
+        field: "props.keyboard",
         label: "\u952E\u76D8\u5FEB\u6377\u884C\u4E3A",
         type: "switch"
       },
       {
-        componentProps: {
+        field: "props.max",
+        label: "\u6700\u5927\u503C",
+        props: {
           placeholder: "\u8BF7\u8F93\u5165"
         },
-        field: "componentProps.max",
-        label: "\u6700\u5927\u503C",
         type: "number"
       },
       {
-        componentProps: {
+        field: "props.min",
+        label: "\u6700\u5C0F\u503C",
+        props: {
           placeholder: "\u8BF7\u8F93\u5165"
         },
-        field: "componentProps.min",
-        label: "\u6700\u5C0F\u503C",
         type: "number"
       },
       {
-        componentProps: {
+        field: "props.precision",
+        label: "\u7CBE\u5EA6",
+        props: {
           placeholder: "\u8BF7\u8F93\u5165"
         },
-        field: "componentProps.precision",
-        label: "\u7CBE\u5EA6",
         type: "number"
       },
       {
-        componentProps: {
+        field: "props.step",
+        label: "\u6B65\u957F",
+        props: {
           placeholder: "\u8BF7\u8F93\u5165"
         },
-        field: "componentProps.step",
-        label: "\u6B65\u957F",
         type: "number"
       },
       {
-        field: "componentProps.stringMode",
+        field: "props.stringMode",
         label: "\u5B57\u7B26\u6A21\u5F0F",
         type: "switch"
       },
       {
-        componentProps: {
+        field: "props.bordered",
+        label: "\u65E0\u8FB9\u6846",
+        props: {
           checkedValue: false,
           unCheckedValue: true
         },
-        field: "componentProps.bordered",
-        label: "\u65E0\u8FB9\u6846",
         type: "switch"
       },
       {
-        field: "componentProps.allowClear",
+        field: "props.allowClear",
         label: "\u53EF\u6E05\u7A7A",
         type: "switch"
       },
       {
-        field: "componentProps.disabled",
+        field: "props.disabled",
         label: "\u7981\u7528",
         type: "switch"
       },
       {
-        field: "componentProps.hidden",
+        field: "props.hidden",
         label: "\u9690\u85CF",
         type: "switch"
       },
       {
-        componentProps: {
-          ruleType: "number"
-        },
         description: "\u6821\u9A8C\u89C4\u5219\u9700\u8981\u914D\u5408\u8868\u5355\u4F7F\u7528",
         field: "rules",
         label: "\u8868\u5355\u6821\u9A8C",
         layout: "vertical",
+        props: {
+          ruleType: "number"
+        },
         type: "ERuleEditor"
       }
     ],
@@ -1536,13 +1539,13 @@ const InputNumber = {
     ]
   },
   defaultSchema: {
-    componentProps: {
-      placeholder: "\u8BF7\u8F93\u5165",
-      style: { width: "100%" }
-    },
     field: "number",
     input: true,
     label: "\u6570\u5B57\u8F93\u5165\u6846",
+    props: {
+      placeholder: "\u8BF7\u8F93\u5165",
+      style: { width: "100%" }
+    },
     type: "number"
   },
   groupName: "\u8868\u5355",
@@ -1550,29 +1553,34 @@ const InputNumber = {
   sort: 710
 };
 
-const InputPassword = {
-  bindModel: "value",
-  component: async () => (await import('ant-design-vue')).InputPassword,
+const Modal = {
+  component: () => import('./chunks/modal.cjs'),
   config: {
-    action: [
-      {
-        description: "\u4F7F input \u83B7\u53D6\u7126\u70B9",
-        type: "focus"
-      },
-      {
-        description: "\u4F7F input \u5931\u53BB\u7126\u70B9",
-        type: "blur"
-      },
+    attribute: [
       {
-        description: "\u9009\u4E2D input \u4E2D\u7684\u6587\u5B57",
-        type: "select"
+        field: "title",
+        label: "\u6807\u9898",
+        type: "input"
       }
-    ],
+    ]
+  },
+  defaultSchema: {
+    label: "\u6A21\u6001\u6846",
+    type: "modal",
+    children: []
+  },
+  icon: "epic-icon-xiala"
+};
+
+const Radio = {
+  bindModel: "value",
+  component: async () => (await import('ant-design-vue')).RadioGroup,
+  config: {
     attribute: [
       {
         field: "field",
-        label: "\u5B57\u6BB5\u540D",
-        type: "input"
+        label: "\u6570\u636E\u5B57\u6BB5",
+        type: "EpField"
       },
       {
         field: "label",
@@ -1580,12 +1588,14 @@ const InputPassword = {
         type: "input"
       },
       {
-        field: "componentProps.placeholder",
-        label: "\u5360\u4F4D\u5185\u5BB9",
-        type: "input"
+        field: "props.defaultValue",
+        label: "\u9ED8\u8BA4\u503C",
+        type: "radio"
       },
       {
-        componentProps: {
+        field: "props.size",
+        label: "\u5C3A\u5BF8",
+        props: {
           allowClear: true,
           options: [
             {
@@ -1603,189 +1613,29 @@ const InputPassword = {
           ],
           placeholder: "\u8BF7\u9009\u62E9"
         },
-        field: "componentProps.size",
-        label: "\u5C3A\u5BF8",
         type: "select"
       },
       {
-        componentProps: {
-          checkedValue: false,
-          unCheckedValue: true
-        },
-        field: "componentProps.bordered",
-        label: "\u65E0\u8FB9\u6846",
-        type: "switch"
-      },
-      {
-        componentProps: {
-          placeholder: "\u8BF7\u8F93\u5165"
-        },
-        field: "componentProps.maxLength",
-        label: "\u6700\u5927\u8F93\u5165\u957F\u5EA6",
-        type: "number"
-      },
-      {
-        field: "componentProps.showCount",
-        label: "\u7EDF\u8BA1\u5B57\u6570",
-        type: "switch"
-      },
-      {
-        field: "componentProps.visible",
-        label: "\u5BC6\u7801\u53EF\u89C1",
-        type: "switch"
-      },
-      {
-        componentProps: {
-          checkedValue: false,
-          unCheckedValue: true
+        field: "props.optionType",
+        label: "\u6309\u94AE\u6837\u5F0F",
+        props: {
+          checkedValue: "button",
+          unCheckedValue: "default"
         },
-        field: "componentProps.visibilityToggle",
-        label: "\u9690\u85CF\u5207\u6362\u6309\u94AE",
-        type: "switch"
-      },
-      {
-        field: "componentProps.allowClear",
-        label: "\u53EF\u6E05\u7A7A",
         type: "switch"
       },
       {
-        field: "componentProps.disabled",
+        field: "props.disabled",
         label: "\u7981\u7528",
         type: "switch"
       },
       {
-        field: "componentProps.hidden",
+        field: "props.hidden",
         label: "\u9690\u85CF",
         type: "switch"
       },
       {
-        description: "\u6821\u9A8C\u89C4\u5219\u9700\u8981\u914D\u5408\u8868\u5355\u4F7F\u7528",
-        field: "rules",
-        label: "\u8868\u5355\u6821\u9A8C",
-        layout: "vertical",
-        type: "ERuleEditor"
-      }
-    ],
-    event: [
-      {
-        description: "\u8F93\u5165\u503C",
-        type: "input"
-      },
-      {
-        description: "\u503C\u4FEE\u6539",
-        type: "change"
-      },
-      {
-        description: "\u6309\u4E0B\u56DE\u8F66\u7684\u56DE\u8C03",
-        type: "pressEnter"
-      },
-      {
-        description: "\u83B7\u53D6\u7126\u70B9",
-        type: "focus"
-      },
-      {
-        description: "\u5931\u53BB\u7126\u70B9",
-        type: "blur"
-      }
-    ]
-  },
-  defaultSchema: {
-    componentProps: {
-      placeholder: "\u8BF7\u8F93\u5165"
-    },
-    field: "password",
-    input: true,
-    label: "\u5BC6\u7801\u8F93\u5165\u6846",
-    type: "password"
-  },
-  groupName: "\u8868\u5355",
-  icon: "icon--epic--lock-outline",
-  sort: 720
-};
-
-const Modal = {
-  component: () => import('./chunks/modal.cjs'),
-  config: {
-    attribute: [
-      {
-        field: "title",
-        label: "\u6807\u9898",
-        type: "input"
-      }
-    ]
-  },
-  defaultSchema: {
-    label: "\u6A21\u6001\u6846",
-    type: "modal",
-    children: []
-  },
-  icon: "epic-icon-xiala"
-};
-
-const Radio = {
-  bindModel: "value",
-  component: async () => (await import('ant-design-vue')).RadioGroup,
-  config: {
-    attribute: [
-      {
-        field: "field",
-        label: "\u5B57\u6BB5\u540D",
-        type: "input"
-      },
-      {
-        field: "label",
-        label: "\u6807\u9898",
-        type: "input"
-      },
-      {
-        field: "componentProps.defaultValue",
-        label: "\u9ED8\u8BA4\u503C",
-        type: "radio"
-      },
-      {
-        componentProps: {
-          allowClear: true,
-          options: [
-            {
-              label: "\u5927\u53F7",
-              value: "large"
-            },
-            {
-              label: "\u4E2D\u7B49",
-              value: "middle"
-            },
-            {
-              label: "\u5C0F\u578B",
-              value: "small"
-            }
-          ],
-          placeholder: "\u8BF7\u9009\u62E9"
-        },
-        field: "componentProps.size",
-        label: "\u5C3A\u5BF8",
-        type: "select"
-      },
-      {
-        componentProps: {
-          checkedValue: "button",
-          unCheckedValue: "default"
-        },
-        field: "componentProps.optionType",
-        label: "\u6309\u94AE\u6837\u5F0F",
-        type: "switch"
-      },
-      {
-        field: "componentProps.disabled",
-        label: "\u7981\u7528",
-        type: "switch"
-      },
-      {
-        field: "componentProps.hidden",
-        label: "\u9690\u85CF",
-        type: "switch"
-      },
-      {
-        field: "componentProps.options",
+        field: "props.options",
         label: "\u9009\u9879\u7BA1\u7406",
         layout: "vertical",
         type: "EOptionsEditor"
@@ -1806,7 +1656,10 @@ const Radio = {
     ]
   },
   defaultSchema: {
-    componentProps: {
+    field: "radio",
+    input: true,
+    label: "\u5355\u9009\u6846",
+    props: {
       options: [
         {
           label: "\u9009\u98791",
@@ -1818,9 +1671,6 @@ const Radio = {
         }
       ]
     },
-    field: "radio",
-    input: true,
-    label: "\u5355\u9009\u6846",
     type: "radio"
   },
   groupName: "\u8868\u5355",
@@ -1833,7 +1683,9 @@ const Row = {
   config: {
     attribute: [
       {
-        componentProps: {
+        field: "props.align",
+        label: "\u5782\u76F4\u5BF9\u9F50\u65B9\u5F0F",
+        props: {
           options: [
             {
               label: "top",
@@ -1851,12 +1703,12 @@ const Row = {
           placeholder: "\u8BF7\u9009\u62E9",
           style: { width: "100%" }
         },
-        field: "componentProps.align",
-        label: "\u5782\u76F4\u5BF9\u9F50\u65B9\u5F0F",
         type: "select"
       },
       {
-        componentProps: {
+        field: "props.justify",
+        label: "\u6C34\u5E73\u6392\u5217\u65B9\u5F0F",
+        props: {
           options: [
             {
               label: "start",
@@ -1882,16 +1734,14 @@ const Row = {
           placeholder: "\u8BF7\u9009\u62E9",
           style: { width: "100%" }
         },
-        field: "componentProps.justify",
-        label: "\u6C34\u5E73\u6392\u5217\u65B9\u5F0F",
         type: "select"
       },
       {
-        componentProps: {
+        field: "props.gutter",
+        label: "\u6805\u683C\u95F4\u8DDD",
+        props: {
           placeholder: "\u8BF7\u8F93\u5165"
         },
-        field: "componentProps.gutter",
-        label: "\u6805\u683C\u95F4\u8DDD",
         type: "input"
       },
       {
@@ -1900,16 +1750,16 @@ const Row = {
         type: "EColEditor"
       },
       {
-        componentProps: {
+        field: "props.wrap",
+        label: "\u4E0D\u81EA\u52A8\u6362\u884C",
+        props: {
           checkedValue: false,
           unCheckedValue: true
         },
-        field: "componentProps.wrap",
-        label: "\u4E0D\u81EA\u52A8\u6362\u884C",
         type: "switch"
       },
       {
-        field: "componentProps.hidden",
+        field: "props.hidden",
         label: "\u9690\u85CF",
         type: "switch"
       }
@@ -1917,19 +1767,22 @@ const Row = {
   },
   defaultSchema: {
     label: "\u6805\u683C\u5E03\u5C40",
+    props: {
+      gutter: 12
+    },
     type: "row",
     children: [
       {
         type: "col",
         children: [],
-        componentProps: {
+        props: {
           span: 12
         }
       },
       {
         type: "col",
         children: [],
-        componentProps: {
+        props: {
           span: 12
         }
       }
@@ -1964,8 +1817,8 @@ const Select = {
     attribute: [
       {
         field: "field",
-        label: "\u5B57\u6BB5\u540D",
-        type: "input"
+        label: "\u6570\u636E\u5B57\u6BB5",
+        type: "EpField"
       },
       {
         field: "label",
@@ -1973,20 +1826,22 @@ const Select = {
         type: "input"
       },
       {
-        componentProps: {
+        field: "props.placeholder",
+        label: "\u5360\u4F4D\u5185\u5BB9",
+        props: {
           placeholder: "\u8BF7\u8F93\u5165"
         },
-        field: "componentProps.placeholder",
-        label: "\u5360\u4F4D\u5185\u5BB9",
         type: "input"
       },
       {
-        field: "componentProps.defaultValue",
+        field: "props.defaultValue",
         label: "\u9ED8\u8BA4\u503C",
         type: "select"
       },
       {
-        componentProps: {
+        field: "props.size",
+        label: "\u5C3A\u5BF8",
+        props: {
           allowClear: true,
           options: [
             {
@@ -2004,20 +1859,20 @@ const Select = {
           ],
           placeholder: "\u8BF7\u9009\u62E9"
         },
-        field: "componentProps.size",
-        label: "\u5C3A\u5BF8",
         type: "select"
       },
       {
-        componentProps: {
+        field: "props.listHeight",
+        label: "\u5F39\u7A97\u9AD8\u5EA6",
+        props: {
           placeholder: "\u8BF7\u8F93\u5165"
         },
-        field: "componentProps.listHeight",
-        label: "\u5F39\u7A97\u9AD8\u5EA6",
         type: "number"
       },
       {
-        componentProps: {
+        field: "props.mode",
+        label: "\u6A21\u5F0F",
+        props: {
           allowClear: true,
           options: [
             {
@@ -2035,35 +1890,35 @@ const Select = {
           ],
           placeholder: "\u8BF7\u9009\u62E9"
         },
-        field: "componentProps.mode",
-        label: "\u6A21\u5F0F",
         type: "select"
       },
       {
-        field: "componentProps.showSearch",
+        field: "props.showSearch",
         label: "\u53EF\u641C\u7D22",
         type: "switch"
       },
       {
-        field: "componentProps.autoClearSearchValue",
+        field: "props.autoClearSearchValue",
         label: "\u9009\u4E2D\u9009\u9879\u540E\u6E05\u7A7A\u641C\u7D22\u6846",
-        show: ({ values }) => values.componentProps.mode && values.componentProps.showSearch,
+        show: ({ values }) => values.props.mode && values.props.showSearch,
         type: "switch"
       },
       {
-        field: "componentProps.maxTagTextLength",
+        field: "props.maxTagTextLength",
         label: "\u6700\u5927tag\u6587\u672C\u957F\u5EA6",
-        show: ({ values }) => values.componentProps.mode,
+        show: ({ values }) => values.props.mode,
         type: "number"
       },
       {
-        field: "componentProps.maxTagCount",
+        field: "props.maxTagCount",
         label: "\u6700\u5927tag\u663E\u793A\u6570",
-        show: ({ values }) => values.componentProps.mode,
+        show: ({ values }) => values.props.mode,
         type: "number"
       },
       {
-        componentProps: {
+        field: "props.placement",
+        label: "\u5F39\u51FA\u6846\u4F4D\u7F6E",
+        props: {
           allowClear: true,
           options: [
             {
@@ -2085,41 +1940,39 @@ const Select = {
           ],
           placeholder: "\u8BF7\u9009\u62E9"
         },
-        field: "componentProps.placement",
-        label: "\u5F39\u51FA\u6846\u4F4D\u7F6E",
         type: "select"
       },
       {
-        componentProps: {
+        field: "props.bordered",
+        label: "\u65E0\u8FB9\u6846",
+        props: {
           checkedValue: false,
           unCheckedValue: true
         },
-        field: "componentProps.bordered",
-        label: "\u65E0\u8FB9\u6846",
         type: "switch"
       },
       {
-        field: "componentProps.allowClear",
+        field: "props.allowClear",
         label: "\u53EF\u6E05\u7A7A",
         type: "switch"
       },
       {
-        field: "componentProps.labelInValue",
+        field: "props.labelInValue",
         label: "labelInValue",
         type: "switch"
       },
       {
-        field: "componentProps.disabled",
+        field: "props.disabled",
         label: "\u7981\u7528",
         type: "switch"
       },
       {
-        field: "componentProps.hidden",
+        field: "props.hidden",
         label: "\u9690\u85CF",
         type: "switch"
       },
       {
-        field: "componentProps.options",
+        field: "props.options",
         label: "\u9009\u9879\u7BA1\u7406",
         layout: "vertical",
         type: "EOptionsEditor"
@@ -2148,7 +2001,10 @@ const Select = {
     ]
   },
   defaultSchema: {
-    componentProps: {
+    field: "select",
+    input: true,
+    label: "\u9009\u62E9\u6846",
+    props: {
       options: [
         {
           label: "\u9009\u98791",
@@ -2161,9 +2017,6 @@ const Select = {
       ],
       placeholder: "\u8BF7\u9009\u62E9"
     },
-    field: "select",
-    input: true,
-    label: "\u9009\u62E9\u6846",
     type: "select"
   },
   groupName: "\u8868\u5355",
@@ -2178,8 +2031,8 @@ const Slider = {
     attribute: [
       {
         field: "field",
-        label: "\u5B57\u6BB5\u540D",
-        type: "input"
+        label: "\u6570\u636E\u5B57\u6BB5",
+        type: "EpField"
       },
       {
         field: "label",
@@ -2187,17 +2040,19 @@ const Slider = {
         type: "input"
       },
       {
-        componentProps: {
+        field: "props.defaultValue",
+        label: "\u9ED8\u8BA4\u503C",
+        props: {
           style: {
             width: "100%"
           }
         },
-        field: "componentProps.defaultValue",
-        label: "\u9ED8\u8BA4\u503C",
         type: "slider"
       },
       {
-        componentProps: {
+        field: "props.size",
+        label: "\u5C3A\u5BF8",
+        props: {
           allowClear: true,
           options: [
             {
@@ -2215,81 +2070,79 @@ const Slider = {
           ],
           placeholder: "\u8BF7\u9009\u62E9"
         },
-        field: "componentProps.size",
-        label: "\u5C3A\u5BF8",
         type: "select"
       },
       {
         changeSync: true,
-        field: "componentProps.range",
+        field: "props.range",
         label: "\u8303\u56F4\u9009\u62E9",
         onChange: ({ value, values }) => {
-          values.componentProps.defaultValue = value ? [0, 100] : 0;
+          values.props.defaultValue = value ? [0, 100] : 0;
         },
         type: "switch"
       },
       {
-        field: "componentProps.reverse",
+        field: "props.reverse",
         label: "\u5012\u8F6C\u8F68\u9053",
         type: "switch"
       },
       {
-        componentProps: {
+        field: "props.step",
+        label: "\u6B65\u957F",
+        props: {
           placeholder: "\u8BF7\u8F93\u5165"
         },
-        field: "componentProps.step",
-        label: "\u6B65\u957F",
         type: "number"
       },
       {
-        componentProps: {
+        field: "props.min",
+        label: "\u6700\u5C0F\u503C",
+        props: {
           placeholder: "\u8BF7\u8F93\u5165"
         },
-        field: "componentProps.min",
-        label: "\u6700\u5C0F\u503C",
         type: "number"
       },
       {
-        componentProps: {
+        field: "props.max",
+        label: "\u6700\u5927\u503C",
+        props: {
           placeholder: "\u8BF7\u8F93\u5165"
         },
-        field: "componentProps.max",
-        label: "\u6700\u5927\u503C",
         type: "number"
       },
       {
-        field: "componentProps.vertical",
+        field: "props.vertical",
         label: "\u5782\u76F4\u6A21\u5F0F",
         type: "switch"
       },
       {
-        field: "componentProps.dots",
+        field: "props.dots",
         label: "\u663E\u793A\u523B\u5EA6",
         type: "switch"
       },
       // {
       //   label: "持续显示提示",
       //   type: "switch",
-      //   field: "componentProps.tooltipOpen",
+      //   field: "props.tooltipOpen",
       // },
       {
-        field: "componentProps.disabled",
+        field: "props.disabled",
         label: "\u7981\u7528",
         type: "switch"
       },
       {
-        field: "componentProps.hidden",
+        field: "props.hidden",
         label: "\u9690\u85CF",
         type: "switch"
       },
       {
-        componentProps: {
-          ruleType: "number"
-        },
         description: "\u6821\u9A8C\u89C4\u5219\u9700\u8981\u914D\u5408\u8868\u5355\u4F7F\u7528",
         field: "rules",
         label: "\u8868\u5355\u6821\u9A8C",
         layout: "vertical",
+        props: {
+          ruleType: "number"
+        },
         type: "ERuleEditor"
       }
     ],
@@ -2322,8 +2175,8 @@ const Switch = {
     attribute: [
       {
         field: "field",
-        label: "\u5B57\u6BB5\u540D",
-        type: "input"
+        label: "\u6570\u636E\u5B57\u6BB5",
+        type: "EpField"
       },
       {
         field: "label",
@@ -2331,50 +2184,52 @@ const Switch = {
         type: "input"
       },
       {
-        field: "componentProps.defaultValue",
+        field: "props.defaultValue",
         label: "\u9ED8\u8BA4\u503C",
         type: "switch"
       },
       {
-        componentProps: {
-          placeholder: "\u8BF7\u8F93\u5165"
-        },
-        field: "componentProps.checkedValue",
+        field: "props.checkedValue",
         label: "ON\u72B6\u6001\u503C",
         onChange(e) {
           setTimeout(() => setDefaultValue(e));
         },
+        props: {
+          placeholder: "\u8BF7\u8F93\u5165"
+        },
         type: "input"
       },
       {
-        componentProps: {
-          placeholder: "\u8BF7\u8F93\u5165"
-        },
-        field: "componentProps.unCheckedValue",
+        field: "props.unCheckedValue",
         label: "OFF\u72B6\u6001\u503C",
         onChange(e) {
           setTimeout(() => setDefaultValue(e));
         },
+        props: {
+          placeholder: "\u8BF7\u8F93\u5165"
+        },
         type: "input"
       },
       {
-        componentProps: {
+        field: "props.checkedChildren",
+        label: "ON\u72B6\u6001\u63CF\u8FF0",
+        props: {
           placeholder: "\u8BF7\u8F93\u5165"
         },
-        field: "componentProps.checkedChildren",
-        label: "ON\u72B6\u6001\u63CF\u8FF0",
         type: "input"
       },
       {
-        componentProps: {
+        field: "props.unCheckedChildren",
+        label: "OFF\u72B6\u6001\u63CF\u8FF0",
+        props: {
           placeholder: "\u8BF7\u8F93\u5165"
         },
-        field: "componentProps.unCheckedChildren",
-        label: "OFF\u72B6\u6001\u63CF\u8FF0",
         type: "input"
       },
       {
-        componentProps: {
+        field: "props.size",
+        label: "\u5C3A\u5BF8",
+        props: {
           allowClear: true,
           options: [
             {
@@ -2388,28 +2243,26 @@ const Switch = {
           ],
           placeholder: "\u8BF7\u9009\u62E9"
         },
-        field: "componentProps.size",
-        label: "\u5C3A\u5BF8",
         type: "select"
       },
       {
-        field: "componentProps.disabled",
+        field: "props.disabled",
         label: "\u7981\u7528",
         type: "switch"
       },
       {
-        field: "componentProps.hidden",
+        field: "props.hidden",
         label: "\u9690\u85CF",
         type: "switch"
       },
       {
-        componentProps: {
-          ruleType: "boolean"
-        },
         description: "\u6821\u9A8C\u89C4\u5219\u9700\u8981\u914D\u5408\u8868\u5355\u4F7F\u7528",
         field: "rules",
         label: "\u8868\u5355\u6821\u9A8C",
         layout: "vertical",
+        props: {
+          ruleType: "boolean"
+        },
         type: "ERuleEditor"
       }
     ],
@@ -2421,12 +2274,12 @@ const Switch = {
     ]
   },
   defaultSchema: {
-    componentProps: {
-      defaultValue: false
-    },
     field: "switch",
     input: true,
     label: "\u5F00\u5173",
+    props: {
+      defaultValue: false
+    },
     type: "switch"
   },
   groupName: "\u8868\u5355",
@@ -2435,22 +2288,149 @@ const Switch = {
 };
 function setDefaultValue(e) {
   var _a;
-  const defaultValue = ((_a = e.values.componentProps) == null ? void 0 : _a.unCheckedValue) || false;
-  if (e.values.componentProps.unCheckedValue === "") {
-    delete e.values.componentProps.unCheckedValue;
+  const defaultValue = ((_a = e.values.props) == null ? void 0 : _a.unCheckedValue) || false;
+  if (e.values.props.unCheckedValue === "") {
+    delete e.values.props.unCheckedValue;
   }
-  if (e.values.componentProps.checkedValue === "") {
-    delete e.values.componentProps.checkedValue;
+  if (e.values.props.checkedValue === "") {
+    delete e.values.props.checkedValue;
   }
-  if (e.values.componentProps) {
-    e.values.componentProps.defaultValue = defaultValue;
+  if (e.values.props) {
+    e.values.props.defaultValue = defaultValue;
   } else {
-    e.values.componentProps = {
+    e.values.props = {
       defaultValue
     };
   }
 }
 
+const TabsPane = {
+  component: () => import('./chunks/tabPane.cjs'),
+  config: {
+    attribute: [
+      {
+        field: "props.tab",
+        label: "\u6807\u7B7E\u540D\u79F0",
+        type: "input"
+      }
+    ]
+  },
+  defaultSchema: {
+    label: "\u6807\u7B7E",
+    type: "tab-pane",
+    children: []
+  },
+  editConstraints: {
+    locked: true
+  }
+};
+
+const Tabs = {
+  component: () => import('./chunks/tabs.cjs'),
+  config: {
+    attribute: [
+      {
+        field: "props.tabPosition",
+        label: "\u9875\u7B7E\u4F4D\u7F6E",
+        props: {
+          allowClear: true,
+          options: [
+            {
+              label: "top",
+              value: "top"
+            },
+            {
+              label: "right",
+              value: "right"
+            },
+            {
+              label: "bottom",
+              value: "bottom"
+            },
+            {
+              label: "left",
+              value: "left"
+            }
+          ],
+          placeholder: "\u8BF7\u9009\u62E9"
+        },
+        type: "select"
+      },
+      {
+        field: "props.animated",
+        label: "\u5207\u6362\u52A8\u753B",
+        type: "switch"
+      },
+      {
+        field: "props.tabBarGutter",
+        label: "\u6807\u7B7E\u95F4\u9699",
+        props: {
+          placeholder: "\u8BF7\u8F93\u5165"
+        },
+        type: "number"
+      },
+      {
+        field: "children",
+        label: "\u9875\u7B7E\u7BA1\u7406",
+        layout: "vertical",
+        type: "ETabPaneEditor"
+      },
+      {
+        field: "props.size",
+        label: "\u5C3A\u5BF8",
+        props: {
+          allowClear: true,
+          options: [
+            {
+              label: "large",
+              value: "large"
+            },
+            {
+              label: "middle",
+              value: "middle"
+            },
+            {
+              label: "small",
+              value: "small"
+            }
+          ],
+          placeholder: "\u8BF7\u9009\u62E9"
+        },
+        type: "select"
+      },
+      {
+        field: "props.hidden",
+        label: "\u9690\u85CF",
+        type: "switch"
+      }
+    ]
+  },
+  defaultSchema: {
+    label: "\u6807\u7B7E\u9875",
+    props: {
+      defaultValue: "\u6807\u7B7E1"
+    },
+    type: "tabs",
+    children: [
+      {
+        label: "\u6807\u7B7E1",
+        type: "tab-pane",
+        children: []
+      },
+      {
+        label: "\u6807\u7B7E2",
+        type: "tab-pane",
+        children: []
+      }
+    ]
+  },
+  editConstraints: {
+    childImmovable: true
+  },
+  groupName: "\u5E03\u5C40",
+  icon: "icon--epic--layout-tabs"
+};
+
 const Textarea = {
   bindModel: "value",
   component: async () => (await import('ant-design-vue')).Textarea,
@@ -2472,8 +2452,8 @@ const Textarea = {
     attribute: [
       {
         field: "field",
-        label: "\u5B57\u6BB5\u540D",
-        type: "input"
+        label: "\u6570\u636E\u5B57\u6BB5",
+        type: "EpField"
       },
       {
         field: "label",
@@ -2481,36 +2461,38 @@ const Textarea = {
         type: "input"
       },
       {
-        componentProps: {
+        field: "props.defaultValue",
+        label: "\u9ED8\u8BA4\u503C",
+        props: {
           placeholder: "\u8BF7\u8F93\u5165"
         },
-        field: "componentProps.defaultValue",
-        label: "\u9ED8\u8BA4\u503C",
         type: "textarea"
       },
       {
-        field: "componentProps.placeholder",
+        field: "props.placeholder",
         label: "\u5360\u4F4D\u5185\u5BB9",
         type: "input"
       },
       {
-        componentProps: {
+        field: "props.autoSize.minRows",
+        label: "\u6700\u5C0F\u884C\u6570",
+        props: {
           placeholder: "\u8BF7\u8F93\u5165"
         },
-        field: "componentProps.autoSize.minRows",
-        label: "\u6700\u5C0F\u884C\u6570",
         type: "number"
       },
       {
-        componentProps: {
+        field: "props.autoSize.maxRows",
+        label: "\u6700\u5927\u884C\u6570",
+        props: {
           placeholder: "\u8BF7\u8F93\u5165"
         },
-        field: "componentProps.autoSize.maxRows",
-        label: "\u6700\u5927\u884C\u6570",
         type: "number"
       },
       {
-        componentProps: {
+        field: "props.size",
+        label: "\u5C3A\u5BF8",
+        props: {
           allowClear: true,
           options: [
             {
@@ -2528,44 +2510,42 @@ const Textarea = {
           ],
           placeholder: "\u8BF7\u9009\u62E9"
         },
-        field: "componentProps.size",
-        label: "\u5C3A\u5BF8",
         type: "select"
       },
       {
-        componentProps: {
+        field: "props.maxLength",
+        label: "\u6700\u5927\u8F93\u5165\u957F\u5EA6",
+        props: {
           placeholder: "\u8BF7\u8F93\u5165"
         },
-        field: "componentProps.maxLength",
-        label: "\u6700\u5927\u8F93\u5165\u957F\u5EA6",
         type: "number"
       },
       {
-        componentProps: {
+        field: "props.bordered",
+        label: "\u65E0\u8FB9\u6846",
+        props: {
           checkedValue: false,
           unCheckedValue: true
         },
-        field: "componentProps.bordered",
-        label: "\u65E0\u8FB9\u6846",
         type: "switch"
       },
       {
-        field: "componentProps.showCount",
+        field: "props.showCount",
         label: "\u7EDF\u8BA1\u5B57\u6570",
         type: "switch"
       },
       {
-        field: "componentProps.allowClear",
+        field: "props.allowClear",
         label: "\u53EF\u6E05\u9664",
         type: "switch"
       },
       {
-        field: "componentProps.disabled",
+        field: "props.disabled",
         label: "\u7981\u7528",
         type: "switch"
       },
       {
-        field: "componentProps.hidden",
+        field: "props.hidden",
         label: "\u9690\u85CF",
         type: "switch"
       },
@@ -2601,12 +2581,12 @@ const Textarea = {
     ]
   },
   defaultSchema: {
-    componentProps: {
-      placeholder: "\u8BF7\u8F93\u5165"
-    },
     field: "textarea",
     input: true,
     label: "\u6587\u672C\u57DF",
+    props: {
+      placeholder: "\u8BF7\u8F93\u5165"
+    },
     type: "textarea"
   },
   groupName: "\u8868\u5355",
@@ -2621,8 +2601,8 @@ const TimePicker = {
     attribute: [
       {
         field: "field",
-        label: "\u5B57\u6BB5\u540D",
-        type: "input"
+        label: "\u6570\u636E\u5B57\u6BB5",
+        type: "EpField"
       },
       {
         field: "label",
@@ -2630,33 +2610,35 @@ const TimePicker = {
         type: "input"
       },
       {
-        field: "componentProps.defaultValue",
+        field: "props.defaultValue",
         label: "\u9ED8\u8BA4\u503C",
         type: "time"
       },
       {
-        field: "componentProps.placeholder",
+        field: "props.placeholder",
         label: "\u5360\u4F4D\u5185\u5BB9",
         type: "input"
       },
       {
-        componentProps: {
+        field: "props.format",
+        label: "\u663E\u793A\u683C\u5F0F",
+        props: {
           placeholder: "\u8BF7\u8F93\u5165"
         },
-        field: "componentProps.format",
-        label: "\u663E\u793A\u683C\u5F0F",
         type: "input"
       },
       {
-        componentProps: {
+        field: "props.valueFormat",
+        label: "\u6570\u636E\u683C\u5F0F",
+        props: {
           placeholder: "\u8BF7\u8F93\u5165"
         },
-        field: "componentProps.valueFormat",
-        label: "\u6570\u636E\u683C\u5F0F",
         type: "input"
       },
       {
-        componentProps: {
+        field: "props.size",
+        label: "\u5C3A\u5BF8",
+        props: {
           allowClear: true,
           options: [
             {
@@ -2674,36 +2656,36 @@ const TimePicker = {
           ],
           placeholder: "\u8BF7\u9009\u62E9"
         },
-        field: "componentProps.size",
-        label: "\u5C3A\u5BF8",
         type: "select"
       },
       {
-        componentProps: {
+        field: "props.hourStep",
+        label: "\u5C0F\u65F6\u9009\u9879\u95F4\u9694",
+        props: {
           placeholder: "\u8BF7\u8F93\u5165"
         },
-        field: "componentProps.hourStep",
-        label: "\u5C0F\u65F6\u9009\u9879\u95F4\u9694",
         type: "number"
       },
       {
-        componentProps: {
+        field: "props.minuteStep",
+        label: "\u5206\u949F\u9009\u9879\u95F4\u9694",
+        props: {
           placeholder: "\u8BF7\u8F93\u5165"
         },
-        field: "componentProps.minuteStep",
-        label: "\u5206\u949F\u9009\u9879\u95F4\u9694",
         type: "number"
       },
       {
-        componentProps: {
+        field: "props.secondStep",
+        label: "\u79D2\u9009\u9879\u95F4\u9694",
+        props: {
           placeholder: "\u8BF7\u8F93\u5165"
         },
-        field: "componentProps.secondStep",
-        label: "\u79D2\u9009\u9879\u95F4\u9694",
         type: "number"
       },
       {
-        componentProps: {
+        field: "props.placement",
+        label: "\u5F39\u51FA\u6846\u4F4D\u7F6E",
+        props: {
           allowClear: true,
           options: [
             {
@@ -2725,52 +2707,50 @@ const TimePicker = {
           ],
           placeholder: "\u8BF7\u9009\u62E9"
         },
-        field: "componentProps.placement",
-        label: "\u5F39\u51FA\u6846\u4F4D\u7F6E",
         type: "select"
       },
       {
         changeSync: true,
-        field: "componentProps.use12Hours",
+        field: "props.use12Hours",
         label: "12\u5C0F\u65F6\u5236",
         onChange({ value, values }) {
-          values.componentProps.defaultValue = null;
+          values.props.defaultValue = null;
           if (value) {
-            values.componentProps.format = "h:mm:ss a";
-            values.componentProps.valueFormat = "h:mm:ss a";
+            values.props.format = "h:mm:ss a";
+            values.props.valueFormat = "h:mm:ss a";
           } else {
-            values.componentProps.format = "HH:mm:ss";
-            values.componentProps.valueFormat = "HH:mm:ss";
+            values.props.format = "HH:mm:ss";
+            values.props.valueFormat = "HH:mm:ss";
           }
         },
         type: "switch"
       },
       {
-        componentProps: {
+        field: "props.bordered",
+        label: "\u65E0\u8FB9\u6846",
+        props: {
           checkedValue: false,
           unCheckedValue: true
         },
-        field: "componentProps.bordered",
-        label: "\u65E0\u8FB9\u6846",
         type: "switch"
       },
       {
-        field: "componentProps.inputReadOnly",
+        field: "props.inputReadOnly",
         label: "\u7981\u6B62\u952E\u76D8\u8F93\u5165",
         type: "switch"
       },
       {
-        field: "componentProps.allowClear",
+        field: "props.allowClear",
         label: "\u53EF\u6E05\u7A7A",
         type: "switch"
       },
       {
-        field: "componentProps.disabled",
+        field: "props.disabled",
         label: "\u7981\u7528",
         type: "switch"
       },
       {
-        field: "componentProps.hidden",
+        field: "props.hidden",
         label: "\u9690\u85CF",
         type: "switch"
       },
@@ -2790,14 +2770,14 @@ const TimePicker = {
     ]
   },
   defaultSchema: {
-    componentProps: {
+    field: "time",
+    input: true,
+    label: "\u65F6\u95F4\u9009\u62E9\u5668",
+    props: {
       format: "HH:mm:ss",
       placeholder: "\u8BF7\u8F93\u5165",
       valueFormat: "HH:mm:ss"
     },
-    field: "time",
-    input: true,
-    label: "\u65F6\u95F4\u9009\u62E9\u5668",
     type: "time"
   },
   groupName: "\u8868\u5355",
@@ -2812,8 +2792,8 @@ const UploadFile = {
     attribute: [
       {
         field: "field",
-        label: "\u5B57\u6BB5\u540D",
-        type: "input"
+        label: "\u6570\u636E\u5B57\u6BB5",
+        type: "EpField"
       },
       {
         field: "label",
@@ -2821,12 +2801,14 @@ const UploadFile = {
         type: "input"
       },
       {
-        field: "componentProps.action",
+        field: "props.action",
         label: "\u8BF7\u6C42\u5730\u5740",
         type: "input"
       },
       {
-        componentProps: {
+        field: "props.listType",
+        label: "\u5217\u8868\u6837\u5F0F",
+        props: {
           allowClear: true,
           options: [
             {
@@ -2840,53 +2822,51 @@ const UploadFile = {
           ],
           placeholder: "\u8BF7\u9009\u62E9"
         },
-        field: "componentProps.listType",
-        label: "\u5217\u8868\u6837\u5F0F",
         type: "select"
       },
       {
-        field: "componentProps.multiple",
+        field: "props.multiple",
         label: "\u591A\u9009",
         type: "switch"
       },
       {
-        componentProps: {
+        field: "props.maxCount",
+        label: "\u5141\u8BB8\u4E0A\u4F20\u6700\u5927\u6570\u91CF",
+        props: {
           min: 0,
           placeholder: "\u8BF7\u8F93\u5165"
         },
-        field: "componentProps.maxCount",
-        label: "\u5141\u8BB8\u4E0A\u4F20\u6700\u5927\u6570\u91CF",
         type: "number"
       },
       {
-        field: "componentProps.disabled",
+        field: "props.disabled",
         label: "\u7981\u7528",
         type: "switch"
       },
       {
-        field: "componentProps.hidden",
+        field: "props.hidden",
         label: "\u9690\u85CF",
         type: "switch"
       },
       {
-        componentProps: {
-          ruleType: "string"
-        },
         description: "\u6821\u9A8C\u89C4\u5219\u9700\u8981\u914D\u5408\u8868\u5355\u4F7F\u7528",
         field: "rules",
         label: "\u8868\u5355\u6821\u9A8C",
         layout: "vertical",
+        props: {
+          ruleType: "string"
+        },
         type: "ERuleEditor"
       }
     ]
   },
   defaultSchema: {
-    componentProps: {
-      action: "https://examples.epicjs.cn/epic-mock/common/upload"
-    },
     field: "uploadFile",
     input: true,
     label: "\u4E0A\u4F20\u6587\u4EF6",
+    props: {
+      action: "https://examples.epicjs.cn/epic-mock/common/upload"
+    },
     type: "upload-file"
   },
   groupName: "\u8868\u5355",
@@ -2901,8 +2881,8 @@ const UploadImage = {
     attribute: [
       {
         field: "field",
-        label: "\u5B57\u6BB5\u540D",
-        type: "input"
+        label: "\u6570\u636E\u5B57\u6BB5",
+        type: "EpField"
       },
       {
         field: "label",
@@ -2910,53 +2890,53 @@ const UploadImage = {
         type: "input"
       },
       {
-        field: "componentProps.action",
+        field: "props.action",
         label: "\u8BF7\u6C42\u5730\u5740",
         type: "input"
       },
       {
-        field: "componentProps.multiple",
+        field: "props.multiple",
         label: "\u591A\u9009",
         type: "switch"
       },
       {
-        componentProps: {
+        field: "props.maxCount",
+        label: "\u5141\u8BB8\u4E0A\u4F20\u6700\u5927\u6570\u91CF",
+        props: {
           min: 0,
           placeholder: "\u8BF7\u8F93\u5165"
         },
-        field: "componentProps.maxCount",
-        label: "\u5141\u8BB8\u4E0A\u4F20\u6700\u5927\u6570\u91CF",
         type: "number"
       },
       {
-        field: "componentProps.disabled",
+        field: "props.disabled",
         label: "\u7981\u7528",
         type: "switch"
       },
       {
-        field: "componentProps.hidden",
+        field: "props.hidden",
         label: "\u9690\u85CF",
         type: "switch"
       },
       {
-        componentProps: {
-          ruleType: "string"
-        },
         description: "\u6821\u9A8C\u89C4\u5219\u9700\u8981\u914D\u5408\u8868\u5355\u4F7F\u7528",
         field: "rules",
         label: "\u8868\u5355\u6821\u9A8C",
         layout: "vertical",
+        props: {
+          ruleType: "string"
+        },
         type: "ERuleEditor"
       }
     ]
   },
   defaultSchema: {
-    componentProps: {
-      action: "https://examples.epicjs.cn/epic-mock/common/upload"
-    },
     field: "uploadImage",
     input: true,
     label: "\u4E0A\u4F20\u56FE\u7247",
+    props: {
+      action: "https://examples.epicjs.cn/epic-mock/common/upload"
+    },
     type: "upload-image"
   },
   groupName: "\u8868\u5355",
@@ -3025,21 +3005,12 @@ function setupAntd(pluginManager = epicDesigner.pluginManager) {
     "CollapseItem",
     async () => (await import('ant-design-vue')).CollapsePanel
   );
-  pluginManager.component.add(
-    "Tabs",
-    async () => (await import('ant-design-vue')).Tabs
-  );
-  pluginManager.component.add(
-    "TabPane",
-    async () => (await import('ant-design-vue')).TabPane
-  );
   const componentArray = [
     Form,
     FormItem,
     Input,
     Textarea,
     InputNumber,
-    InputPassword,
     Radio,
     Checkbox,
     Select,
@@ -3055,11 +3026,13 @@ function setupAntd(pluginManager = epicDesigner.pluginManager) {
     Card,
     Row,
     Col,
-    Modal
+    Modal,
+    Tabs,
+    TabsPane
   ];
   vue.watchEffect(() => {
-    UploadImage.defaultSchema.componentProps.action = pluginManager.global.uploadImage;
-    UploadFile.defaultSchema.componentProps.action = pluginManager.global.uploadFile;
+    UploadImage.defaultSchema.props.action = pluginManager.global.uploadImage;
+    UploadFile.defaultSchema.props.action = pluginManager.global.uploadFile;
   });
   componentArray.forEach((item) => {
     pluginManager.component.register(item);
@@ -3071,7 +3044,7 @@ function setupAntd(pluginManager = epicDesigner.pluginManager) {
     success: antDesignVue.message.success,
     warning: antDesignVue.message.warning
   };
-  pluginManager.setInitialized(true);
+  pluginManager.designer.setInitialized(true);
 }
 
 exports.setupAntd = setupAntd;