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

package/src/time-picker/index.ts

@@ -7,8 +7,8 @@ export default {
     attribute: [
       {
         field: 'field',
-        label: '字段名',
-        type: 'input',
+        label: '数据字段',
+        type: 'EpField',
       },
       {
         field: 'label',
@@ -16,33 +16,35 @@ export default {
         type: 'input',
       },
       {
-        field: 'componentProps.defaultValue',
+        field: 'props.defaultValue',
         label: '默认值',
         type: 'time',
       },
       {
-        field: 'componentProps.placeholder',
+        field: 'props.placeholder',
         label: '占位内容',
         type: 'input',
       },
       {
-        componentProps: {
+        field: 'props.format',
+        label: '显示格式',
+        props: {
           placeholder: '请输入',
         },
-        field: 'componentProps.format',
-        label: '显示格式',
         type: 'input',
       },
       {
-        componentProps: {
+        field: 'props.valueFormat',
+        label: '数据格式',
+        props: {
           placeholder: '请输入',
         },
-        field: 'componentProps.valueFormat',
-        label: '数据格式',
         type: 'input',
       },
       {
-        componentProps: {
+        field: 'props.size',
+        label: '尺寸',
+        props: {
           allowClear: true,
           options: [
             {
@@ -60,36 +62,36 @@ export default {
           ],
           placeholder: '请选择',
         },
-        field: 'componentProps.size',
-        label: '尺寸',
         type: 'select',
       },
       {
-        componentProps: {
+        field: 'props.hourStep',
+        label: '小时选项间隔',
+        props: {
           placeholder: '请输入',
         },
-        field: 'componentProps.hourStep',
-        label: '小时选项间隔',
         type: 'number',
       },
       {
-        componentProps: {
+        field: 'props.minuteStep',
+        label: '分钟选项间隔',
+        props: {
           placeholder: '请输入',
         },
-        field: 'componentProps.minuteStep',
-        label: '分钟选项间隔',
         type: 'number',
       },
       {
-        componentProps: {
+        field: 'props.secondStep',
+        label: '秒选项间隔',
+        props: {
           placeholder: '请输入',
         },
-        field: 'componentProps.secondStep',
-        label: '秒选项间隔',
         type: 'number',
       },
       {
-        componentProps: {
+        field: 'props.placement',
+        label: '弹出框位置',
+        props: {
           allowClear: true,
           options: [
             {
@@ -111,52 +113,50 @@ export default {
           ],
           placeholder: '请选择',
         },
-        field: 'componentProps.placement',
-        label: '弹出框位置',
         type: 'select',
       },
       {
         changeSync: true,
-        field: 'componentProps.use12Hours',
+        field: 'props.use12Hours',
         label: '12小时制',
         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: '无边框',
+        props: {
           checkedValue: false,
           unCheckedValue: true,
         },
-        field: 'componentProps.bordered',
-        label: '无边框',
         type: 'switch',
       },
       {
-        field: 'componentProps.inputReadOnly',
+        field: 'props.inputReadOnly',
         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',
       },
@@ -176,14 +176,14 @@ export default {
     ],
   },
   defaultSchema: {
-    componentProps: {
+    field: 'time',
+    input: true,
+    label: '时间选择器',
+    props: {
       format: 'HH:mm:ss',
       placeholder: '请输入',
       valueFormat: 'HH:mm:ss',
     },
-    field: 'time',
-    input: true,
-    label: '时间选择器',
     type: 'time',
   },
   groupName: '表单',

package/src/upload-file/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.action',
+        field: 'props.action',
         label: '请求地址',
         type: 'input',
       },
       {
-        componentProps: {
+        field: 'props.listType',
+        label: '列表样式',
+        props: {
           allowClear: true,
           options: [
             {
@@ -35,53 +37,51 @@ export default {
           ],
           placeholder: '请选择',
         },
-        field: 'componentProps.listType',
-        label: '列表样式',
         type: 'select',
       },
       {
-        field: 'componentProps.multiple',
+        field: 'props.multiple',
         label: '多选',
         type: 'switch',
       },
       {
-        componentProps: {
+        field: 'props.maxCount',
+        label: '允许上传最大数量',
+        props: {
           min: 0,
           placeholder: '请输入',
         },
-        field: 'componentProps.maxCount',
-        label: '允许上传最大数量',
         type: 'number',
       },
       {
-        field: 'componentProps.disabled',
+        field: 'props.disabled',
         label: '禁用',
         type: 'switch',
       },
       {
-        field: 'componentProps.hidden',
+        field: 'props.hidden',
         label: '隐藏',
         type: 'switch',
       },
       {
-        componentProps: {
-          ruleType: 'string',
-        },
         description: '校验规则需要配合表单使用',
         field: 'rules',
         label: '表单校验',
         layout: 'vertical',
+        props: {
+          ruleType: 'string',
+        },
         type: 'ERuleEditor',
       },
     ],
   },
   defaultSchema: {
-    componentProps: {
-      action: 'https://examples.epicjs.cn/epic-mock/common/upload',
-    },
     field: 'uploadFile',
     input: true,
     label: '上传文件',
+    props: {
+      action: 'https://examples.epicjs.cn/epic-mock/common/upload',
+    },
     type: 'upload-file',
   },
   groupName: '表单',

package/src/upload-image/index.ts

@@ -7,8 +7,8 @@ export default {
     attribute: [
       {
         field: 'field',
-        label: '字段名',
-        type: 'input',
+        label: '数据字段',
+        type: 'EpField',
       },
       {
         field: 'label',
@@ -16,53 +16,53 @@ export default {
         type: 'input',
       },
       {
-        field: 'componentProps.action',
+        field: 'props.action',
         label: '请求地址',
         type: 'input',
       },
       {
-        field: 'componentProps.multiple',
+        field: 'props.multiple',
         label: '多选',
         type: 'switch',
       },
       {
-        componentProps: {
+        field: 'props.maxCount',
+        label: '允许上传最大数量',
+        props: {
           min: 0,
           placeholder: '请输入',
         },
-        field: 'componentProps.maxCount',
-        label: '允许上传最大数量',
         type: 'number',
       },
       {
-        field: 'componentProps.disabled',
+        field: 'props.disabled',
         label: '禁用',
         type: 'switch',
       },
       {
-        field: 'componentProps.hidden',
+        field: 'props.hidden',
         label: '隐藏',
         type: 'switch',
       },
       {
-        componentProps: {
-          ruleType: 'string',
-        },
         description: '校验规则需要配合表单使用',
         field: 'rules',
         label: '表单校验',
         layout: 'vertical',
+        props: {
+          ruleType: 'string',
+        },
         type: 'ERuleEditor',
       },
     ],
   },
   defaultSchema: {
-    componentProps: {
-      action: 'https://examples.epicjs.cn/epic-mock/common/upload',
-    },
     field: 'uploadImage',
     input: true,
     label: '上传图片',
+    props: {
+      action: 'https://examples.epicjs.cn/epic-mock/common/upload',
+    },
     type: 'upload-image',
   },
   groupName: '表单',

package/src/upload-image/uploadImage.vue

@@ -149,7 +149,7 @@ function previewError(): void {
     <Upload v-bind="getUploadProps">
       <div v-if="(fileList?.length ?? 0) < props.maxCount">
         <span
-          class="icon--epic icon--epic--cloud-upload-outlined mr-2px text-$epic-text-main text-lg"
+          class="icon--epic icon--epic--cloud-upload-outlined mr-2px text-$ep-text-main text-lg"
         ></span>
         <div class="ant-upload-text">点击上传</div>
       </div>

package/src/input-password/index.ts

@@ -1,154 +0,0 @@
-import type { ComponentConfigModel } from '@epic-designer/types';
-
-export default {
-  bindModel: 'value',
-  component: async () => (await import('ant-design-vue')).InputPassword,
-  config: {
-    action: [
-      {
-        description: '使 input 获取焦点',
-        type: 'focus',
-      },
-      {
-        description: '使 input 失去焦点',
-        type: 'blur',
-      },
-      {
-        description: '选中 input 中的文字',
-        type: 'select',
-      },
-    ],
-    attribute: [
-      {
-        field: 'field',
-        label: '字段名',
-        type: 'input',
-      },
-      {
-        field: 'label',
-        label: '标题',
-        type: 'input',
-      },
-      {
-        field: 'componentProps.placeholder',
-        label: '占位内容',
-        type: 'input',
-      },
-      {
-        componentProps: {
-          allowClear: true,
-          options: [
-            {
-              label: '大号',
-              value: 'large',
-            },
-            {
-              label: '中等',
-              value: 'middle',
-            },
-            {
-              label: '小型',
-              value: 'small',
-            },
-          ],
-          placeholder: '请选择',
-        },
-        field: 'componentProps.size',
-        label: '尺寸',
-        type: 'select',
-      },
-      {
-        componentProps: {
-          checkedValue: false,
-          unCheckedValue: true,
-        },
-        field: 'componentProps.bordered',
-        label: '无边框',
-        type: 'switch',
-      },
-      {
-        componentProps: {
-          placeholder: '请输入',
-        },
-        field: 'componentProps.maxLength',
-        label: '最大输入长度',
-        type: 'number',
-      },
-      {
-        field: 'componentProps.showCount',
-        label: '统计字数',
-        type: 'switch',
-      },
-      {
-        field: 'componentProps.visible',
-        label: '密码可见',
-        type: 'switch',
-      },
-      {
-        componentProps: {
-          checkedValue: false,
-          unCheckedValue: true,
-        },
-        field: 'componentProps.visibilityToggle',
-        label: '隐藏切换按钮',
-        type: 'switch',
-      },
-      {
-        field: 'componentProps.allowClear',
-        label: '可清空',
-        type: 'switch',
-      },
-      {
-        field: 'componentProps.disabled',
-        label: '禁用',
-        type: 'switch',
-      },
-      {
-        field: 'componentProps.hidden',
-        label: '隐藏',
-        type: 'switch',
-      },
-      {
-        description: '校验规则需要配合表单使用',
-        field: 'rules',
-        label: '表单校验',
-        layout: 'vertical',
-        type: 'ERuleEditor',
-      },
-    ],
-    event: [
-      {
-        description: '输入值',
-        type: 'input',
-      },
-      {
-        description: '值修改',
-        type: 'change',
-      },
-      {
-        description: '按下回车的回调',
-        type: 'pressEnter',
-      },
-      {
-        description: '获取焦点',
-        type: 'focus',
-      },
-      {
-        description: '失去焦点',
-        type: 'blur',
-      },
-    ],
-  },
-  defaultSchema: {
-    componentProps: {
-      placeholder: '请输入',
-    },
-    field: 'password',
-    input: true,
-    label: '密码输入框',
-    type: 'password',
-  },
-  groupName: '表单',
-  icon: 'icon--epic--lock-outline',
-  sort: 720,
-} as ComponentConfigModel;