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

package/src/input-number/index.ts

@@ -21,8 +21,8 @@ export default {
     attribute: [
       {
         field: 'field',
-        label: '字段名',
-        type: 'input',
+        label: '数据字段',
+        type: 'EpField',
       },
       {
         field: 'label',
@@ -30,21 +30,23 @@ export default {
         type: 'input',
       },
       {
-        componentProps: {
+        field: 'props.defaultValue',
+        label: '默认值',
+        props: {
           placeholder: '请输入',
           size: 'middle',
         },
-        field: 'componentProps.defaultValue',
-        label: '默认值',
         type: 'number',
       },
       {
-        field: 'componentProps.placeholder',
+        field: 'props.placeholder',
         label: '占位内容',
         type: 'input',
       },
       {
-        componentProps: {
+        field: 'props.size',
+        label: '尺寸',
+        props: {
           allowClear: true,
           options: [
             {
@@ -62,84 +64,82 @@ export default {
           ],
           placeholder: '请选择',
         },
-        field: 'componentProps.size',
-        label: '尺寸',
         type: 'select',
       },
       {
-        field: 'componentProps.keyboard',
+        field: 'props.keyboard',
         label: '键盘快捷行为',
         type: 'switch',
       },
       {
-        componentProps: {
+        field: 'props.max',
+        label: '最大值',
+        props: {
           placeholder: '请输入',
         },
-        field: 'componentProps.max',
-        label: '最大值',
         type: 'number',
       },
       {
-        componentProps: {
+        field: 'props.min',
+        label: '最小值',
+        props: {
           placeholder: '请输入',
         },
-        field: 'componentProps.min',
-        label: '最小值',
         type: 'number',
       },
       {
-        componentProps: {
+        field: 'props.precision',
+        label: '精度',
+        props: {
           placeholder: '请输入',
         },
-        field: 'componentProps.precision',
-        label: '精度',
         type: 'number',
       },
       {
-        componentProps: {
+        field: 'props.step',
+        label: '步长',
+        props: {
           placeholder: '请输入',
         },
-        field: 'componentProps.step',
-        label: '步长',
         type: 'number',
       },
       {
-        field: 'componentProps.stringMode',
+        field: 'props.stringMode',
         label: '字符模式',
         type: 'switch',
       },
       {
-        componentProps: {
+        field: 'props.bordered',
+        label: '无边框',
+        props: {
           checkedValue: false,
           unCheckedValue: true,
         },
-        field: 'componentProps.bordered',
-        label: '无边框',
         type: 'switch',
       },
       {
-        field: 'componentProps.allowClear',
+        field: 'props.allowClear',
         label: '可清空',
         type: 'switch',
       },
       {
-        field: 'componentProps.disabled',
+        field: 'props.disabled',
         label: '禁用',
         type: 'switch',
       },
       {
-        field: 'componentProps.hidden',
+        field: 'props.hidden',
         label: '隐藏',
         type: 'switch',
       },
       {
-        componentProps: {
-          ruleType: 'number',
-        },
         description: '校验规则需要配合表单使用',
         field: 'rules',
         label: '表单校验',
         layout: 'vertical',
+        props: {
+          ruleType: 'number',
+        },
         type: 'ERuleEditor',
       },
     ],
@@ -167,13 +167,13 @@ export default {
     ],
   },
   defaultSchema: {
-    componentProps: {
-      placeholder: '请输入',
-      style: { width: '100%' },
-    },
     field: 'number',
     input: true,
     label: '数字输入框',
+    props: {
+      placeholder: '请输入',
+      style: { width: '100%' },
+    },
     type: 'number',
   },
   groupName: '表单',

package/src/modal/modal.vue

@@ -42,7 +42,7 @@ const bodyStyle = {
   padding: 0,
 };
 
-const getComponentProps = computed<Record<string, any>>(() => ({
+const getprops = computed<Record<string, any>>(() => ({
   ...props.componentSchema,
   ...attrs,
   bodyStyle,
@@ -74,7 +74,7 @@ function handleClose() {
 </script>
 
 <template>
-  <Modal v-bind="getComponentProps">
+  <Modal v-bind="getprops">
     <div class="epic-modal-main epic-scoped">
       <slot>
         <slot name="edit-node">

package/src/radio/index.ts

@@ -7,8 +7,8 @@ export default {
     attribute: [
       {
         field: 'field',
-        label: '字段名',
-        type: 'input',
+        label: '数据字段',
+        type: 'EpField',
       },
       {
         field: 'label',
@@ -16,12 +16,14 @@ export default {
         type: 'input',
       },
       {
-        field: 'componentProps.defaultValue',
+        field: 'props.defaultValue',
         label: '默认值',
         type: 'radio',
       },
       {
-        componentProps: {
+        field: 'props.size',
+        label: '尺寸',
+        props: {
           allowClear: true,
           options: [
             {
@@ -39,31 +41,29 @@ export default {
           ],
           placeholder: '请选择',
         },
-        field: 'componentProps.size',
-        label: '尺寸',
         type: 'select',
       },
       {
-        componentProps: {
+        field: 'props.optionType',
+        label: '按钮样式',
+        props: {
           checkedValue: 'button',
           unCheckedValue: 'default',
         },
-        field: 'componentProps.optionType',
-        label: '按钮样式',
         type: 'switch',
       },
       {
-        field: 'componentProps.disabled',
+        field: 'props.disabled',
         label: '禁用',
         type: 'switch',
       },
       {
-        field: 'componentProps.hidden',
+        field: 'props.hidden',
         label: '隐藏',
         type: 'switch',
       },
       {
-        field: 'componentProps.options',
+        field: 'props.options',
         label: '选项管理',
         layout: 'vertical',
         type: 'EOptionsEditor',
@@ -84,7 +84,10 @@ export default {
     ],
   },
   defaultSchema: {
-    componentProps: {
+    field: 'radio',
+    input: true,
+    label: '单选框',
+    props: {
       options: [
         {
           label: '选项1',
@@ -96,9 +99,6 @@ export default {
         },
       ],
     },
-    field: 'radio',
-    input: true,
-    label: '单选框',
     type: 'radio',
   },
   groupName: '表单',

package/src/row/index.ts

@@ -5,7 +5,9 @@ export default {
   config: {
     attribute: [
       {
-        componentProps: {
+        field: 'props.align',
+        label: '垂直对齐方式',
+        props: {
           options: [
             {
               label: 'top',
@@ -23,12 +25,12 @@ export default {
           placeholder: '请选择',
           style: { width: '100%' },
         },
-        field: 'componentProps.align',
-        label: '垂直对齐方式',
         type: 'select',
       },
       {
-        componentProps: {
+        field: 'props.justify',
+        label: '水平排列方式',
+        props: {
           options: [
             {
               label: 'start',
@@ -54,16 +56,14 @@ export default {
           placeholder: '请选择',
           style: { width: '100%' },
         },
-        field: 'componentProps.justify',
-        label: '水平排列方式',
         type: 'select',
       },
       {
-        componentProps: {
+        field: 'props.gutter',
+        label: '栅格间距',
+        props: {
           placeholder: '请输入',
         },
-        field: 'componentProps.gutter',
-        label: '栅格间距',
         type: 'input',
       },
       {
@@ -72,16 +72,16 @@ export default {
         type: 'EColEditor',
       },
       {
-        componentProps: {
+        field: 'props.wrap',
+        label: '不自动换行',
+        props: {
           checkedValue: false,
           unCheckedValue: true,
         },
-        field: 'componentProps.wrap',
-        label: '不自动换行',
         type: 'switch',
       },
       {
-        field: 'componentProps.hidden',
+        field: 'props.hidden',
         label: '隐藏',
         type: 'switch',
       },
@@ -89,19 +89,22 @@ export default {
   },
   defaultSchema: {
     label: '栅格布局',
+    props: {
+      gutter: 12,
+    },
     type: 'row',
     children: [
       {
         type: 'col',
         children: [],
-        componentProps: {
+        props: {
           span: 12,
         },
       },
       {
         type: 'col',
         children: [],
-        componentProps: {
+        props: {
           span: 12,
         },
       },

package/src/select/index.ts

@@ -21,8 +21,8 @@ export default {
     attribute: [
       {
         field: 'field',
-        label: '字段名',
-        type: 'input',
+        label: '数据字段',
+        type: 'EpField',
       },
       {
         field: 'label',
@@ -30,20 +30,22 @@ export default {
         type: 'input',
       },
       {
-        componentProps: {
+        field: 'props.placeholder',
+        label: '占位内容',
+        props: {
           placeholder: '请输入',
         },
-        field: 'componentProps.placeholder',
-        label: '占位内容',
         type: 'input',
       },
       {
-        field: 'componentProps.defaultValue',
+        field: 'props.defaultValue',
         label: '默认值',
         type: 'select',
       },
       {
-        componentProps: {
+        field: 'props.size',
+        label: '尺寸',
+        props: {
           allowClear: true,
           options: [
             {
@@ -61,21 +63,21 @@ export default {
           ],
           placeholder: '请选择',
         },
-        field: 'componentProps.size',
-        label: '尺寸',
         type: 'select',
       },
 
       {
-        componentProps: {
+        field: 'props.listHeight',
+        label: '弹窗高度',
+        props: {
           placeholder: '请输入',
         },
-        field: 'componentProps.listHeight',
-        label: '弹窗高度',
         type: 'number',
       },
       {
-        componentProps: {
+        field: 'props.mode',
+        label: '模式',
+        props: {
           allowClear: true,
           options: [
             {
@@ -93,36 +95,35 @@ export default {
           ],
           placeholder: '请选择',
         },
-        field: 'componentProps.mode',
-        label: '模式',
         type: 'select',
       },
       {
-        field: 'componentProps.showSearch',
+        field: 'props.showSearch',
         label: '可搜索',
         type: 'switch',
       },
       {
-        field: 'componentProps.autoClearSearchValue',
+        field: 'props.autoClearSearchValue',
         label: '选中选项后清空搜索框',
-        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: '最大tag文本长度',
-        show: ({ values }) => values.componentProps.mode,
+        show: ({ values }) => values.props.mode,
         type: 'number',
       },
       {
-        field: 'componentProps.maxTagCount',
+        field: 'props.maxTagCount',
         label: '最大tag显示数',
-        show: ({ values }) => values.componentProps.mode,
+        show: ({ values }) => values.props.mode,
         type: 'number',
       },
       {
-        componentProps: {
+        field: 'props.placement',
+        label: '弹出框位置',
+        props: {
           allowClear: true,
           options: [
             {
@@ -144,41 +145,39 @@ export default {
           ],
           placeholder: '请选择',
         },
-        field: 'componentProps.placement',
-        label: '弹出框位置',
         type: 'select',
       },
       {
-        componentProps: {
+        field: 'props.bordered',
+        label: '无边框',
+        props: {
           checkedValue: false,
           unCheckedValue: true,
         },
-        field: 'componentProps.bordered',
-        label: '无边框',
         type: 'switch',
       },
       {
-        field: 'componentProps.allowClear',
+        field: 'props.allowClear',
         label: '可清空',
         type: 'switch',
       },
       {
-        field: 'componentProps.labelInValue',
+        field: 'props.labelInValue',
         label: 'labelInValue',
         type: 'switch',
       },
       {
-        field: 'componentProps.disabled',
+        field: 'props.disabled',
         label: '禁用',
         type: 'switch',
       },
       {
-        field: 'componentProps.hidden',
+        field: 'props.hidden',
         label: '隐藏',
         type: 'switch',
       },
       {
-        field: 'componentProps.options',
+        field: 'props.options',
         label: '选项管理',
         layout: 'vertical',
         type: 'EOptionsEditor',
@@ -207,7 +206,10 @@ export default {
     ],
   },
   defaultSchema: {
-    componentProps: {
+    field: 'select',
+    input: true,
+    label: '选择框',
+    props: {
       options: [
         {
           label: '选项1',
@@ -220,9 +222,6 @@ export default {
       ],
       placeholder: '请选择',
     },
-    field: 'select',
-    input: true,
-    label: '选择框',
     type: 'select',
   },
   groupName: '表单',

package/src/slider/index.ts

@@ -7,8 +7,8 @@ export default {
     attribute: [
       {
         field: 'field',
-        label: '字段名',
-        type: 'input',
+        label: '数据字段',
+        type: 'EpField',
       },
       {
         field: 'label',
@@ -16,17 +16,19 @@ export default {
         type: 'input',
       },
       {
-        componentProps: {
+        field: 'props.defaultValue',
+        label: '默认值',
+        props: {
           style: {
             width: '100%',
           },
         },
-        field: 'componentProps.defaultValue',
-        label: '默认值',
         type: 'slider',
       },
       {
-        componentProps: {
+        field: 'props.size',
+        label: '尺寸',
+        props: {
           allowClear: true,
           options: [
             {
@@ -44,81 +46,79 @@ export default {
           ],
           placeholder: '请选择',
         },
-        field: 'componentProps.size',
-        label: '尺寸',
         type: 'select',
       },
       {
         changeSync: true,
-        field: 'componentProps.range',
+        field: 'props.range',
         label: '范围选择',
         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: '倒转轨道',
         type: 'switch',
       },
       {
-        componentProps: {
+        field: 'props.step',
+        label: '步长',
+        props: {
           placeholder: '请输入',
         },
-        field: 'componentProps.step',
-        label: '步长',
         type: 'number',
       },
       {
-        componentProps: {
+        field: 'props.min',
+        label: '最小值',
+        props: {
           placeholder: '请输入',
         },
-        field: 'componentProps.min',
-        label: '最小值',
         type: 'number',
       },
       {
-        componentProps: {
+        field: 'props.max',
+        label: '最大值',
+        props: {
           placeholder: '请输入',
         },
-        field: 'componentProps.max',
-        label: '最大值',
         type: 'number',
       },
       {
-        field: 'componentProps.vertical',
+        field: 'props.vertical',
         label: '垂直模式',
         type: 'switch',
       },
       {
-        field: 'componentProps.dots',
+        field: 'props.dots',
         label: '显示刻度',
         type: 'switch',
       },
       // {
       //   label: "持续显示提示",
       //   type: "switch",
-      //   field: "componentProps.tooltipOpen",
+      //   field: "props.tooltipOpen",
       // },
       {
-        field: 'componentProps.disabled',
+        field: 'props.disabled',
         label: '禁用',
         type: 'switch',
       },
       {
-        field: 'componentProps.hidden',
+        field: 'props.hidden',
         label: '隐藏',
         type: 'switch',
       },
       {
-        componentProps: {
-          ruleType: 'number',
-        },
         description: '校验规则需要配合表单使用',
         field: 'rules',
         label: '表单校验',
         layout: 'vertical',
+        props: {
+          ruleType: 'number',
+        },
         type: 'ERuleEditor',
       },
     ],