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

package/dist/index.mjs

@@ -12,7 +12,9 @@ const Button = {
         type: "input"
       },
       {
-        componentProps: {
+        field: "props.type",
+        label: "\u7C7B\u578B",
+        props: {
           clearable: true,
           options: [
             {
@@ -42,12 +44,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: [
             {
@@ -65,21 +67,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: [
             {
@@ -101,16 +103,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: [
             {
@@ -128,12 +130,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: [
             {
@@ -151,37 +153,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"
       }
@@ -218,7 +218,9 @@ const Card = {
         type: "input"
       },
       {
-        componentProps: {
+        field: "props.size",
+        label: "\u5C3A\u5BF8",
+        props: {
           allowClear: true,
           options: [
             {
@@ -232,31 +234,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"
       }
@@ -279,8 +279,8 @@ const Cascader = {
     attribute: [
       {
         field: "field",
-        label: "\u5B57\u6BB5\u540D",
-        type: "input"
+        label: "\u6570\u636E\u5B57\u6BB5",
+        type: "EpField"
       },
       {
         field: "label",
@@ -288,17 +288,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: [
             {
@@ -316,12 +318,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: [
             {
@@ -343,49 +345,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: [
             {
@@ -399,43 +401,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"
       }
     ],
@@ -447,7 +447,10 @@ const Cascader = {
     ]
   },
   defaultSchema: {
-    componentProps: {
+    field: "cascader",
+    input: true,
+    label: "\u7EA7\u8054\u9009\u62E9\u5668",
+    props: {
       options: [
         {
           label: "\u9009\u98791",
@@ -460,9 +463,6 @@ const Cascader = {
       ],
       placeholder: "\u8BF7\u9009\u62E9"
     },
-    field: "cascader",
-    input: true,
-    label: "\u7EA7\u8054\u9009\u62E9\u5668",
     type: "cascader"
   },
   groupName: "\u8868\u5355",
@@ -477,8 +477,8 @@ const Checkbox = {
     attribute: [
       {
         field: "field",
-        label: "\u5B57\u6BB5\u540D",
-        type: "input"
+        label: "\u6570\u636E\u5B57\u6BB5",
+        type: "EpField"
       },
       {
         field: "label",
@@ -486,12 +486,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: [
             {
@@ -509,34 +511,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"
       }
     ],
@@ -548,7 +548,10 @@ const Checkbox = {
     ]
   },
   defaultSchema: {
-    componentProps: {
+    field: "checkbox",
+    input: true,
+    label: "\u591A\u9009\u6846",
+    props: {
       options: [
         {
           label: "\u9009\u98791",
@@ -560,9 +563,6 @@ const Checkbox = {
         }
       ]
     },
-    field: "checkbox",
-    input: true,
-    label: "\u591A\u9009\u6846",
     type: "checkbox"
   },
   groupName: "\u8868\u5355",
@@ -575,19 +575,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
   }
 };
 
@@ -599,8 +602,8 @@ const colorPicker = {
     attribute: [
       {
         field: "field",
-        label: "\u5B57\u6BB5\u540D",
-        type: "input"
+        label: "\u6570\u636E\u5B57\u6BB5",
+        type: "EpField"
       },
       {
         field: "label",
@@ -608,12 +611,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: [
             {
@@ -631,31 +636,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"
       },
@@ -683,15 +686,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",
@@ -706,25 +709,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",
@@ -768,116 +799,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: [
             {
@@ -895,12 +900,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: [
             {
@@ -922,36 +927,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"
       },
@@ -975,15 +978,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",
@@ -1010,12 +1013,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: [
@@ -1034,12 +1039,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: [
             {
@@ -1052,45 +1057,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: [
             {
@@ -1103,12 +1108,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: [
             {
@@ -1126,49 +1132,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
       },
@@ -1179,7 +1183,6 @@ const Form = {
         span: 19
       }
     },
-    label: "\u8868\u5355",
     type: "form",
     children: []
   },
@@ -1218,8 +1221,8 @@ const Input = {
     attribute: [
       {
         field: "field",
-        label: "\u5B57\u6BB5\u540D",
-        type: "input"
+        label: "\u6570\u636E\u5B57\u6BB5",
+        type: "EpField"
       },
       {
         field: "label",
@@ -1227,20 +1230,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: [
             {
@@ -1258,12 +1263,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: [
             {
@@ -1281,44 +1286,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"
       },
@@ -1354,12 +1357,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",
@@ -1388,8 +1391,8 @@ const InputNumber = {
     attribute: [
       {
         field: "field",
-        label: "\u5B57\u6BB5\u540D",
-        type: "input"
+        label: "\u6570\u636E\u5B57\u6BB5",
+        type: "EpField"
       },
       {
         field: "label",
@@ -1397,21 +1400,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: [
             {
@@ -1429,84 +1434,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"
       }
     ],
@@ -1534,13 +1537,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",
@@ -1548,29 +1551,34 @@ const InputNumber = {
   sort: 710
 };
 
-const InputPassword = {
-  bindModel: "value",
-  component: async () => (await import('ant-design-vue')).InputPassword,
+const Modal = {
+  component: () => import('./chunks/modal.mjs'),
   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",
@@ -1578,12 +1586,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: [
             {
@@ -1601,189 +1611,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.mjs'),
-  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"
@@ -1804,7 +1654,10 @@ const Radio = {
     ]
   },
   defaultSchema: {
-    componentProps: {
+    field: "radio",
+    input: true,
+    label: "\u5355\u9009\u6846",
+    props: {
       options: [
         {
           label: "\u9009\u98791",
@@ -1816,9 +1669,6 @@ const Radio = {
         }
       ]
     },
-    field: "radio",
-    input: true,
-    label: "\u5355\u9009\u6846",
     type: "radio"
   },
   groupName: "\u8868\u5355",
@@ -1831,7 +1681,9 @@ const Row = {
   config: {
     attribute: [
       {
-        componentProps: {
+        field: "props.align",
+        label: "\u5782\u76F4\u5BF9\u9F50\u65B9\u5F0F",
+        props: {
           options: [
             {
               label: "top",
@@ -1849,12 +1701,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",
@@ -1880,16 +1732,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"
       },
       {
@@ -1898,16 +1748,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"
       }
@@ -1915,19 +1765,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
         }
       }
@@ -1962,8 +1815,8 @@ const Select = {
     attribute: [
       {
         field: "field",
-        label: "\u5B57\u6BB5\u540D",
-        type: "input"
+        label: "\u6570\u636E\u5B57\u6BB5",
+        type: "EpField"
       },
       {
         field: "label",
@@ -1971,20 +1824,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: [
             {
@@ -2002,20 +1857,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: [
             {
@@ -2033,35 +1888,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: [
             {
@@ -2083,41 +1938,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"
@@ -2146,7 +1999,10 @@ const Select = {
     ]
   },
   defaultSchema: {
-    componentProps: {
+    field: "select",
+    input: true,
+    label: "\u9009\u62E9\u6846",
+    props: {
       options: [
         {
           label: "\u9009\u98791",
@@ -2159,9 +2015,6 @@ const Select = {
       ],
       placeholder: "\u8BF7\u9009\u62E9"
     },
-    field: "select",
-    input: true,
-    label: "\u9009\u62E9\u6846",
     type: "select"
   },
   groupName: "\u8868\u5355",
@@ -2176,8 +2029,8 @@ const Slider = {
     attribute: [
       {
         field: "field",
-        label: "\u5B57\u6BB5\u540D",
-        type: "input"
+        label: "\u6570\u636E\u5B57\u6BB5",
+        type: "EpField"
       },
       {
         field: "label",
@@ -2185,17 +2038,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: [
             {
@@ -2213,81 +2068,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"
       }
     ],
@@ -2320,8 +2173,8 @@ const Switch = {
     attribute: [
       {
         field: "field",
-        label: "\u5B57\u6BB5\u540D",
-        type: "input"
+        label: "\u6570\u636E\u5B57\u6BB5",
+        type: "EpField"
       },
       {
         field: "label",
@@ -2329,50 +2182,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: [
             {
@@ -2386,28 +2241,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"
       }
     ],
@@ -2419,12 +2272,12 @@ const Switch = {
     ]
   },
   defaultSchema: {
-    componentProps: {
-      defaultValue: false
-    },
     field: "switch",
     input: true,
     label: "\u5F00\u5173",
+    props: {
+      defaultValue: false
+    },
     type: "switch"
   },
   groupName: "\u8868\u5355",
@@ -2433,22 +2286,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.mjs'),
+  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.mjs'),
+  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,
@@ -2470,8 +2450,8 @@ const Textarea = {
     attribute: [
       {
         field: "field",
-        label: "\u5B57\u6BB5\u540D",
-        type: "input"
+        label: "\u6570\u636E\u5B57\u6BB5",
+        type: "EpField"
       },
       {
         field: "label",
@@ -2479,36 +2459,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: [
             {
@@ -2526,44 +2508,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"
       },
@@ -2599,12 +2579,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",
@@ -2619,8 +2599,8 @@ const TimePicker = {
     attribute: [
       {
         field: "field",
-        label: "\u5B57\u6BB5\u540D",
-        type: "input"
+        label: "\u6570\u636E\u5B57\u6BB5",
+        type: "EpField"
       },
       {
         field: "label",
@@ -2628,33 +2608,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: [
             {
@@ -2672,36 +2654,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: [
             {
@@ -2723,52 +2705,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"
       },
@@ -2788,14 +2768,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",
@@ -2810,8 +2790,8 @@ const UploadFile = {
     attribute: [
       {
         field: "field",
-        label: "\u5B57\u6BB5\u540D",
-        type: "input"
+        label: "\u6570\u636E\u5B57\u6BB5",
+        type: "EpField"
       },
       {
         field: "label",
@@ -2819,12 +2799,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: [
             {
@@ -2838,53 +2820,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",
@@ -2899,8 +2879,8 @@ const UploadImage = {
     attribute: [
       {
         field: "field",
-        label: "\u5B57\u6BB5\u540D",
-        type: "input"
+        label: "\u6570\u636E\u5B57\u6BB5",
+        type: "EpField"
       },
       {
         field: "label",
@@ -2908,53 +2888,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",
@@ -3023,21 +3003,12 @@ function setupAntd(pluginManager$1 = pluginManager) {
     "CollapseItem",
     async () => (await import('ant-design-vue')).CollapsePanel
   );
-  pluginManager$1.component.add(
-    "Tabs",
-    async () => (await import('ant-design-vue')).Tabs
-  );
-  pluginManager$1.component.add(
-    "TabPane",
-    async () => (await import('ant-design-vue')).TabPane
-  );
   const componentArray = [
     Form,
     FormItem,
     Input,
     Textarea,
     InputNumber,
-    InputPassword,
     Radio,
     Checkbox,
     Select,
@@ -3053,11 +3024,13 @@ function setupAntd(pluginManager$1 = pluginManager) {
     Card,
     Row,
     Col,
-    Modal
+    Modal,
+    Tabs,
+    TabsPane
   ];
   watchEffect(() => {
-    UploadImage.defaultSchema.componentProps.action = pluginManager$1.global.uploadImage;
-    UploadFile.defaultSchema.componentProps.action = pluginManager$1.global.uploadFile;
+    UploadImage.defaultSchema.props.action = pluginManager$1.global.uploadImage;
+    UploadFile.defaultSchema.props.action = pluginManager$1.global.uploadFile;
   });
   componentArray.forEach((item) => {
     pluginManager$1.component.register(item);
@@ -3069,7 +3042,7 @@ function setupAntd(pluginManager$1 = pluginManager) {
     success: message.success,
     warning: message.warning
   };
-  pluginManager$1.setInitialized(true);
+  pluginManager$1.designer.setInitialized(true);
 }
 
 export { setupAntd };