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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@epic-designer/antd",
-  "version": "1.1.0",
+  "version": "1.1.2-beta.0",
   "description": "epic-designer base antd ui",
   "private": false,
   "author": "kchengz",
@@ -27,7 +27,6 @@
   "devDependencies": {
     "@rollup/plugin-alias": "^6.0.0",
     "@vitejs/plugin-vue": "^5.2.1",
-    "ant-design-vue": "^4.2.6",
     "rollup-plugin-postcss": "^4.0.2",
     "tsx": "^4.20.6",
     "unbuild": "^3.6.1"

package/src/button/button.vue

@@ -13,7 +13,7 @@ const props = defineProps({
 });
 </script>
 <template>
-  <Button v-bind="props.componentSchema?.componentProps">
+  <Button v-bind="props.componentSchema?.props">
     <slot>{{ props.componentSchema?.label }}</slot>
   </Button>
 </template>

package/src/button/index.ts

@@ -10,7 +10,9 @@ export default {
         type: 'input',
       },
       {
-        componentProps: {
+        field: 'props.type',
+        label: '类型',
+        props: {
           clearable: true,
           options: [
             {
@@ -40,12 +42,12 @@ export default {
           ],
           placeholder: '请选择',
         },
-        field: 'componentProps.type',
-        label: '类型',
         type: 'select',
       },
       {
-        componentProps: {
+        field: 'props.htmlType',
+        label: '操作类型',
+        props: {
           clearable: true,
           options: [
             {
@@ -63,21 +65,21 @@ export default {
           ],
           placeholder: '请选择',
         },
-        field: 'componentProps.htmlType',
-        label: '操作类型',
         type: 'select',
       },
       {
-        componentProps: {
+        field: 'props.href',
+        label: '链接',
+        props: {
           allowClear: true,
           placeholder: '请输入',
         },
-        field: 'componentProps.href',
-        label: '链接',
         type: 'input',
       },
       {
-        componentProps: {
+        field: 'props.target',
+        label: '链接打开方式',
+        props: {
           clearable: true,
           options: [
             {
@@ -99,13 +101,13 @@ export default {
           ],
           placeholder: '请选择',
         },
-        field: 'componentProps.target',
-        label: '链接打开方式',
-        show: ({ values }) => values.componentProps?.href,
+        show: ({ values }) => values.props?.href,
         type: 'select',
       },
       {
-        componentProps: {
+        field: 'props.size',
+        label: '尺寸',
+        props: {
           allowClear: true,
           options: [
             {
@@ -123,12 +125,12 @@ export default {
           ],
           placeholder: '请选择',
         },
-        field: 'componentProps.size',
-        label: '尺寸',
         type: 'select',
       },
       {
-        componentProps: {
+        field: 'props.shape',
+        label: '形状',
+        props: {
           clearable: true,
           options: [
             {
@@ -146,37 +148,35 @@ export default {
           ],
           placeholder: '请选择',
         },
-        field: 'componentProps.shape',
-        label: '形状',
         type: 'select',
       },
       {
-        field: 'componentProps.ghost',
+        field: 'props.ghost',
         label: '幽灵按钮',
         type: 'switch',
       },
       {
-        field: 'componentProps.loading',
+        field: 'props.loading',
         label: '加载状态',
         type: 'switch',
       },
       {
-        field: 'componentProps.block',
+        field: 'props.block',
         label: '宽度自适应',
         type: 'switch',
       },
       {
-        field: 'componentProps.danger',
+        field: 'props.danger',
         label: '危险按钮',
         type: 'switch',
       },
       {
-        field: 'componentProps.disabled',
+        field: 'props.disabled',
         label: '禁用',
         type: 'switch',
       },
       {
-        field: 'componentProps.hidden',
+        field: 'props.hidden',
         label: '隐藏',
         type: 'switch',
       },

package/src/card/index.ts

@@ -10,7 +10,9 @@ export default {
         type: 'input',
       },
       {
-        componentProps: {
+        field: 'props.size',
+        label: '尺寸',
+        props: {
           allowClear: true,
           options: [
             {
@@ -24,31 +26,29 @@ export default {
           ],
           placeholder: '请选择',
         },
-        field: 'componentProps.size',
-        label: '尺寸',
         type: 'select',
       },
       {
-        componentProps: {
+        field: 'props.bordered',
+        label: '无边框',
+        props: {
           checkedValue: false,
           unCheckedValue: true,
         },
-        field: 'componentProps.bordered',
-        label: '无边框',
         type: 'switch',
       },
       {
-        field: 'componentProps.hoverable',
+        field: 'props.hoverable',
         label: '鼠标悬停阴影',
         type: 'switch',
       },
       {
-        field: 'componentProps.loading',
+        field: 'props.loading',
         label: '加载状态',
         type: 'switch',
       },
       {
-        field: 'componentProps.hidden',
+        field: 'props.hidden',
         label: '隐藏',
         type: 'switch',
       },

package/src/cascader/cascader.vue

@@ -7,7 +7,7 @@ const emits = defineEmits<{
   'update:modelValue': any;
 }>();
 const attrs = useAttrs();
-const getComponentProps = computed(() => ({
+const getprops = computed(() => ({
   ...attrs,
   'onUpdate:value': handleUpdate,
   showCheckedStrategy:
@@ -20,5 +20,5 @@ function handleUpdate(e = null): void {
 }
 </script>
 <template>
-  <Cascader v-bind="getComponentProps" />
+  <Cascader v-bind="getprops" />
 </template>

package/src/cascader/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',
       },
       {
-        field: 'componentProps.defaultValue',
+        field: 'props.defaultValue',
         label: '默认值',
         type: 'cascader',
       },
       {
-        field: 'componentProps.placeholder',
+        field: 'props.placeholder',
         label: '占位内容',
         type: 'input',
       },
       {
-        componentProps: {
+        field: 'props.size',
+        label: '尺寸',
+        props: {
           allowClear: true,
           options: [
             {
@@ -44,12 +46,12 @@ export default {
           ],
           placeholder: '请选择',
         },
-        field: 'componentProps.size',
-        label: '尺寸',
         type: 'select',
       },
       {
-        componentProps: {
+        field: 'props.placement',
+        label: '弹出框位置',
+        props: {
           allowClear: true,
           options: [
             {
@@ -71,50 +73,50 @@ export default {
           ],
           placeholder: '请选择',
         },
-        field: 'componentProps.placement',
-        label: '弹出框位置',
         type: 'select',
       },
       {
-        field: 'componentProps.showSearch',
+        field: 'props.showSearch',
         label: '可搜索',
         type: 'switch',
       },
       {
-        componentProps: {
+        field: 'props.bordered',
+        label: '无边框',
+        props: {
           checkedValue: false,
           unCheckedValue: true,
         },
-        field: 'componentProps.bordered',
-        label: '无边框',
         type: 'switch',
       },
       {
-        field: 'componentProps.multiple',
+        field: 'props.multiple',
         label: '多选',
         type: 'switch',
       },
       {
-        componentProps: {
+        field: 'props.maxTagTextLength',
+        label: '标签最大长度',
+        props: {
           placeholder: '请输入',
         },
-        field: 'componentProps.maxTagTextLength',
-        label: '标签最大长度',
-        show: ({ values }) => values.componentProps.multiple,
+        show: ({ values }) => values.props.multiple,
         type: 'number',
       },
       {
-        componentProps: {
+        field: 'props.maxTagCount',
+        label: '标签显示数量',
+        props: {
           placeholder: '请输入',
         },
-        field: 'componentProps.maxTagCount',
-        label: '标签显示数量',
-        show: ({ values }) => values.componentProps.multiple,
+        show: ({ values }) => values.props.multiple,
         type: 'number',
       },
 
       {
-        componentProps: {
+        field: 'props.showCheckedStrategy',
+        label: '回填方式',
+        props: {
           clearable: true,
           options: [
             {
@@ -128,44 +130,42 @@ export default {
           ],
           placeholder: '请选择',
         },
-        field: 'componentProps.showCheckedStrategy',
-        label: '回填方式',
-        show: ({ values }) => values.componentProps.multiple,
+        show: ({ values }) => values.props.multiple,
         type: 'select',
       },
 
       {
-        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: {
-          tree: true,
-        },
-        field: 'componentProps.options',
+        field: 'props.options',
         label: '选项管理',
         layout: 'vertical',
+        props: {
+          tree: true,
+        },
         type: 'EOptionsEditor',
       },
       {
-        componentProps: {
-          ruleType: 'array',
-        },
         description: '校验规则需要配合表单使用',
         field: 'rules',
         label: '表单校验',
         layout: 'vertical',
+        props: {
+          ruleType: 'array',
+        },
         type: 'ERuleEditor',
       },
     ],
@@ -177,7 +177,10 @@ export default {
     ],
   },
   defaultSchema: {
-    componentProps: {
+    field: 'cascader',
+    input: true,
+    label: '级联选择器',
+    props: {
       options: [
         {
           label: '选项1',
@@ -190,9 +193,6 @@ export default {
       ],
       placeholder: '请选择',
     },
-    field: 'cascader',
-    input: true,
-    label: '级联选择器',
     type: 'cascader',
   },
   groupName: '表单',

package/src/checkbox/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: 'checkbox',
       },
       {
-        componentProps: {
+        field: 'props.size',
+        label: '尺寸',
+        props: {
           allowClear: true,
           options: [
             {
@@ -39,34 +41,32 @@ export default {
           ],
           placeholder: '请选择',
         },
-        field: 'componentProps.size',
-        label: '尺寸',
         type: 'select',
       },
       {
-        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',
       },
       {
-        componentProps: {
-          ruleType: 'array',
-        },
         description: '校验规则需要配合表单使用',
         field: 'rules',
         label: '表单校验',
         layout: 'vertical',
+        props: {
+          ruleType: 'array',
+        },
         type: 'ERuleEditor',
       },
     ],
@@ -78,7 +78,10 @@ export default {
     ],
   },
   defaultSchema: {
-    componentProps: {
+    field: 'checkbox',
+    input: true,
+    label: '多选框',
+    props: {
       options: [
         {
           label: '选项1',
@@ -90,9 +93,6 @@ export default {
         },
       ],
     },
-    field: 'checkbox',
-    input: true,
-    label: '多选框',
     type: 'checkbox',
   },
   groupName: '表单',

package/src/col/index.ts

@@ -5,18 +5,21 @@ export default {
   config: {
     attribute: [
       {
-        field: 'componentProps.span',
+        field: 'props.span',
         label: '占位格数',
         type: 'number',
       },
     ],
   },
   defaultSchema: {
-    componentProps: {
+    label: '栅格布局-列',
+    props: {
       span: 6,
     },
-    label: '栅格布局-列',
     type: 'col',
     children: [],
   },
+  editConstraints: {
+    locked: true,
+  },
 } as ComponentConfigModel;

package/src/color-picker/index.ts

@@ -8,8 +8,8 @@ export default {
     attribute: [
       {
         field: 'field',
-        label: '字段名',
-        type: 'input',
+        label: '数据字段',
+        type: 'EpField',
       },
       {
         field: 'label',
@@ -17,12 +17,14 @@ export default {
         type: 'input',
       },
       {
-        field: 'componentProps.defaultValue',
+        field: 'props.defaultValue',
         label: '默认值',
         type: 'input',
       },
       {
-        componentProps: {
+        field: 'props.size',
+        label: '尺寸',
+        props: {
           allowClear: true,
           options: [
             {
@@ -40,31 +42,29 @@ export default {
           ],
           placeholder: '请选择',
         },
-        field: 'componentProps.size',
-        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.disabled',
+        field: 'props.disabled',
         label: '禁用',
         type: 'switch',
       },
       {
-        field: 'componentProps.hidden',
+        field: 'props.hidden',
         label: '隐藏',
         type: 'switch',
       },
@@ -92,15 +92,15 @@ export default {
     ],
   },
   defaultSchema: {
-    componentProps: {
+    field: 'color-picker',
+    input: true,
+    label: '颜色选择器',
+    props: {
       style: {
         width: '80px',
       },
       type: 'color',
     },
-    field: 'color-picker',
-    input: true,
-    label: '颜色选择器',
     type: 'color-picker',
   },
   groupName: '表单',