@epic-designer/antd 1.1.8 → 1.1.9-beta.1

package/dist/chunks/formItem.cjs

@@ -5,11 +5,26 @@ const antDesignVue = require('ant-design-vue');
 
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "formItem",
+  props: {
+    checkPayload: { type: [Object, null], required: false }
+  },
   setup(__props) {
-    const attrs = vue.useAttrs();
+    const props = __props;
+    const rawAttrs = vue.useAttrs();
+    const attrs = vue.computed(() => {
+      var _a;
+      if (!props.checkPayload) {
+        return rawAttrs;
+      }
+      return {
+        ...rawAttrs,
+        help: (_a = props.checkPayload.message) != null ? _a : props.checkPayload.result ? "\u6821\u9A8C\u901A\u8FC7" : "\u6821\u9A8C\u5931\u8D25",
+        validateStatus: props.checkPayload.result ? "success" : "error"
+      };
+    });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.unref(antDesignVue.FormItem), vue.mergeProps(vue.unref(attrs), {
-        name: vue.unref(attrs).field
+      return vue.openBlock(), vue.createBlock(vue.unref(antDesignVue.FormItem), vue.mergeProps(attrs.value, {
+        name: attrs.value.field
       }), {
         default: vue.withCtx(() => [
           vue.renderSlot(_ctx.$slots, "default")

package/dist/chunks/formItem.mjs

@@ -1,13 +1,28 @@
-import { defineComponent, useAttrs, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
+import { defineComponent, useAttrs, computed, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
 import { FormItem } from 'ant-design-vue';
 
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "formItem",
+  props: {
+    checkPayload: { type: [Object, null], required: false }
+  },
   setup(__props) {
-    const attrs = useAttrs();
+    const props = __props;
+    const rawAttrs = useAttrs();
+    const attrs = computed(() => {
+      var _a;
+      if (!props.checkPayload) {
+        return rawAttrs;
+      }
+      return {
+        ...rawAttrs,
+        help: (_a = props.checkPayload.message) != null ? _a : props.checkPayload.result ? "\u6821\u9A8C\u901A\u8FC7" : "\u6821\u9A8C\u5931\u8D25",
+        validateStatus: props.checkPayload.result ? "success" : "error"
+      };
+    });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(FormItem), mergeProps(unref(attrs), {
-        name: unref(attrs).field
+      return openBlock(), createBlock(unref(FormItem), mergeProps(attrs.value, {
+        name: attrs.value.field
       }), {
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "default")

package/dist/index.cjs

@@ -1742,7 +1742,7 @@ const Row = {
         props: {
           placeholder: "\u8BF7\u8F93\u5165"
         },
-        type: "input"
+        type: "number"
       },
       {
         field: "children",
@@ -2971,7 +2971,7 @@ function styleInject(css, ref) {
   }
 }
 
-var css_248z = ".epic-designer-main .ant-input-number {\n  width: 100%;\n}\n.epic-designer-main .ant-collapse-content > .ant-collapse-content-box {\n  padding: 8px;\n}\n.epic-designer-main .ant-select {\n  width: 100%;\n}\n.epic-designer-main .epic-upload-image .avatar-uploader > .ant-upload {\n  width: 128px;\n  height: 128px;\n}\n.ep-input-size.ant-input-affix-wrapper {\n  padding-top: 0;\n  padding-right: 0;\n  padding-bottom: 0;\n}\n.ep-input-size .ant-select-selector {\n  border: none !important;\n  box-shadow: none !important;\n  padding: 0 4px !important;\n}\n";
+var css_248z = ".epic-designer-main .ant-input-number {\n  width: 100%;\n}\n.epic-designer-main .ant-collapse-content > .ant-collapse-content-box {\n  padding: 8px;\n}\n.epic-designer-main .ant-select {\n  width: 100%;\n}\n.epic-designer-main .epic-upload-image .avatar-uploader > .ant-upload {\n  width: 128px;\n  height: 128px;\n}\n.ep-input-size.ant-input-affix-wrapper {\n  padding-top: 0;\n  padding-right: 0;\n  padding-bottom: 0;\n}\n.ep-input-size .ant-select-selector {\n  border: none !important;\n  box-shadow: none !important;\n  padding: 0 4px !important;\n}\n.ep-readonly {\n  /* 上传组件样式 */\n}\n.ep-readonly .ant-form-item-control-input {\n  pointer-events: none;\n}\n.ep-readonly .ant-upload {\n  display: none !important;\n}\n.ep-readonly .ant-form-item-label {\n  pointer-events: none;\n}\n.ep-readonly .ant-upload-list {\n  pointer-events: auto;\n  margin-bottom: 8px;\n}\n.ep-readonly .ant-upload-list [title='Remove file'] {\n  display: none !important;\n}\n";
 styleInject(css_248z);
 
 function setupAntd(pluginManager = epicDesigner.pluginManager, config = {}) {

package/dist/index.d.cts

@@ -27,7 +27,7 @@ function styleInject(css, ref) {
   }
 }
 
-var css_248z = ".epic-designer-main .ant-input-number {\n  width: 100%;\n}\n.epic-designer-main .ant-collapse-content > .ant-collapse-content-box {\n  padding: 8px;\n}\n.epic-designer-main .ant-select {\n  width: 100%;\n}\n.epic-designer-main .epic-upload-image .avatar-uploader > .ant-upload {\n  width: 128px;\n  height: 128px;\n}\n.ep-input-size.ant-input-affix-wrapper {\n  padding-top: 0;\n  padding-right: 0;\n  padding-bottom: 0;\n}\n.ep-input-size .ant-select-selector {\n  border: none !important;\n  box-shadow: none !important;\n  padding: 0 4px !important;\n}\n";
+var css_248z = ".epic-designer-main .ant-input-number {\n  width: 100%;\n}\n.epic-designer-main .ant-collapse-content > .ant-collapse-content-box {\n  padding: 8px;\n}\n.epic-designer-main .ant-select {\n  width: 100%;\n}\n.epic-designer-main .epic-upload-image .avatar-uploader > .ant-upload {\n  width: 128px;\n  height: 128px;\n}\n.ep-input-size.ant-input-affix-wrapper {\n  padding-top: 0;\n  padding-right: 0;\n  padding-bottom: 0;\n}\n.ep-input-size .ant-select-selector {\n  border: none !important;\n  box-shadow: none !important;\n  padding: 0 4px !important;\n}\n.ep-readonly {\n  /* 上传组件样式 */\n}\n.ep-readonly .ant-form-item-control-input {\n  pointer-events: none;\n}\n.ep-readonly .ant-upload {\n  display: none !important;\n}\n.ep-readonly .ant-form-item-label {\n  pointer-events: none;\n}\n.ep-readonly .ant-upload-list {\n  pointer-events: auto;\n  margin-bottom: 8px;\n}\n.ep-readonly .ant-upload-list [title='Remove file'] {\n  display: none !important;\n}\n";
 styleInject(css_248z);
 
 declare function setupAntd(pluginManager?: PluginManager, config?: SetupConfig): void;

package/dist/index.d.mts

@@ -27,7 +27,7 @@ function styleInject(css, ref) {
   }
 }
 
-var css_248z = ".epic-designer-main .ant-input-number {\n  width: 100%;\n}\n.epic-designer-main .ant-collapse-content > .ant-collapse-content-box {\n  padding: 8px;\n}\n.epic-designer-main .ant-select {\n  width: 100%;\n}\n.epic-designer-main .epic-upload-image .avatar-uploader > .ant-upload {\n  width: 128px;\n  height: 128px;\n}\n.ep-input-size.ant-input-affix-wrapper {\n  padding-top: 0;\n  padding-right: 0;\n  padding-bottom: 0;\n}\n.ep-input-size .ant-select-selector {\n  border: none !important;\n  box-shadow: none !important;\n  padding: 0 4px !important;\n}\n";
+var css_248z = ".epic-designer-main .ant-input-number {\n  width: 100%;\n}\n.epic-designer-main .ant-collapse-content > .ant-collapse-content-box {\n  padding: 8px;\n}\n.epic-designer-main .ant-select {\n  width: 100%;\n}\n.epic-designer-main .epic-upload-image .avatar-uploader > .ant-upload {\n  width: 128px;\n  height: 128px;\n}\n.ep-input-size.ant-input-affix-wrapper {\n  padding-top: 0;\n  padding-right: 0;\n  padding-bottom: 0;\n}\n.ep-input-size .ant-select-selector {\n  border: none !important;\n  box-shadow: none !important;\n  padding: 0 4px !important;\n}\n.ep-readonly {\n  /* 上传组件样式 */\n}\n.ep-readonly .ant-form-item-control-input {\n  pointer-events: none;\n}\n.ep-readonly .ant-upload {\n  display: none !important;\n}\n.ep-readonly .ant-form-item-label {\n  pointer-events: none;\n}\n.ep-readonly .ant-upload-list {\n  pointer-events: auto;\n  margin-bottom: 8px;\n}\n.ep-readonly .ant-upload-list [title='Remove file'] {\n  display: none !important;\n}\n";
 styleInject(css_248z);
 
 declare function setupAntd(pluginManager?: PluginManager, config?: SetupConfig): void;

package/dist/index.d.ts

@@ -27,7 +27,7 @@ function styleInject(css, ref) {
   }
 }
 
-var css_248z = ".epic-designer-main .ant-input-number {\n  width: 100%;\n}\n.epic-designer-main .ant-collapse-content > .ant-collapse-content-box {\n  padding: 8px;\n}\n.epic-designer-main .ant-select {\n  width: 100%;\n}\n.epic-designer-main .epic-upload-image .avatar-uploader > .ant-upload {\n  width: 128px;\n  height: 128px;\n}\n.ep-input-size.ant-input-affix-wrapper {\n  padding-top: 0;\n  padding-right: 0;\n  padding-bottom: 0;\n}\n.ep-input-size .ant-select-selector {\n  border: none !important;\n  box-shadow: none !important;\n  padding: 0 4px !important;\n}\n";
+var css_248z = ".epic-designer-main .ant-input-number {\n  width: 100%;\n}\n.epic-designer-main .ant-collapse-content > .ant-collapse-content-box {\n  padding: 8px;\n}\n.epic-designer-main .ant-select {\n  width: 100%;\n}\n.epic-designer-main .epic-upload-image .avatar-uploader > .ant-upload {\n  width: 128px;\n  height: 128px;\n}\n.ep-input-size.ant-input-affix-wrapper {\n  padding-top: 0;\n  padding-right: 0;\n  padding-bottom: 0;\n}\n.ep-input-size .ant-select-selector {\n  border: none !important;\n  box-shadow: none !important;\n  padding: 0 4px !important;\n}\n.ep-readonly {\n  /* 上传组件样式 */\n}\n.ep-readonly .ant-form-item-control-input {\n  pointer-events: none;\n}\n.ep-readonly .ant-upload {\n  display: none !important;\n}\n.ep-readonly .ant-form-item-label {\n  pointer-events: none;\n}\n.ep-readonly .ant-upload-list {\n  pointer-events: auto;\n  margin-bottom: 8px;\n}\n.ep-readonly .ant-upload-list [title='Remove file'] {\n  display: none !important;\n}\n";
 styleInject(css_248z);
 
 declare function setupAntd(pluginManager?: PluginManager, config?: SetupConfig): void;

package/dist/index.mjs

@@ -1740,7 +1740,7 @@ const Row = {
         props: {
           placeholder: "\u8BF7\u8F93\u5165"
         },
-        type: "input"
+        type: "number"
       },
       {
         field: "children",
@@ -2969,7 +2969,7 @@ function styleInject(css, ref) {
   }
 }
 
-var css_248z = ".epic-designer-main .ant-input-number {\n  width: 100%;\n}\n.epic-designer-main .ant-collapse-content > .ant-collapse-content-box {\n  padding: 8px;\n}\n.epic-designer-main .ant-select {\n  width: 100%;\n}\n.epic-designer-main .epic-upload-image .avatar-uploader > .ant-upload {\n  width: 128px;\n  height: 128px;\n}\n.ep-input-size.ant-input-affix-wrapper {\n  padding-top: 0;\n  padding-right: 0;\n  padding-bottom: 0;\n}\n.ep-input-size .ant-select-selector {\n  border: none !important;\n  box-shadow: none !important;\n  padding: 0 4px !important;\n}\n";
+var css_248z = ".epic-designer-main .ant-input-number {\n  width: 100%;\n}\n.epic-designer-main .ant-collapse-content > .ant-collapse-content-box {\n  padding: 8px;\n}\n.epic-designer-main .ant-select {\n  width: 100%;\n}\n.epic-designer-main .epic-upload-image .avatar-uploader > .ant-upload {\n  width: 128px;\n  height: 128px;\n}\n.ep-input-size.ant-input-affix-wrapper {\n  padding-top: 0;\n  padding-right: 0;\n  padding-bottom: 0;\n}\n.ep-input-size .ant-select-selector {\n  border: none !important;\n  box-shadow: none !important;\n  padding: 0 4px !important;\n}\n.ep-readonly {\n  /* 上传组件样式 */\n}\n.ep-readonly .ant-form-item-control-input {\n  pointer-events: none;\n}\n.ep-readonly .ant-upload {\n  display: none !important;\n}\n.ep-readonly .ant-form-item-label {\n  pointer-events: none;\n}\n.ep-readonly .ant-upload-list {\n  pointer-events: auto;\n  margin-bottom: 8px;\n}\n.ep-readonly .ant-upload-list [title='Remove file'] {\n  display: none !important;\n}\n";
 styleInject(css_248z);
 
 function setupAntd(pluginManager$1 = pluginManager, config = {}) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@epic-designer/antd",
-  "version": "1.1.8",
+  "version": "1.1.9-beta.1",
   "description": "epic-designer base antd ui",
   "private": false,
   "author": "kchengz",

package/src/form-item/formItem.vue

@@ -1,9 +1,31 @@
 <script lang="ts" setup>
-import { useAttrs } from 'vue';
+import { computed, useAttrs } from 'vue';
 
 import { FormItem } from 'ant-design-vue';
 
-const attrs = useAttrs() as any;
+type FormItemCheckPayload = {
+  message?: string;
+  result?: boolean;
+};
+
+const props = defineProps<{
+  checkPayload?: FormItemCheckPayload | null;
+}>();
+
+const rawAttrs = useAttrs();
+const attrs = computed<any>(() => {
+  if (!props.checkPayload) {
+    return rawAttrs;
+  }
+
+  return {
+    ...rawAttrs,
+    help:
+      props.checkPayload.message ??
+      (props.checkPayload.result ? '校验通过' : '校验失败'),
+    validateStatus: props.checkPayload.result ? 'success' : 'error',
+  };
+});
 </script>
 <template>
   <FormItem v-bind="attrs" :name="attrs.field">

package/src/index.less

@@ -27,9 +27,34 @@
     padding-bottom: 0;
   }
 
-  .ant-select-selector{
+  .ant-select-selector {
     border: none !important;
     box-shadow: none !important;
     padding: 0 4px !important;
   }
 }
+
+// 适配ep-readonly样式
+.ep-readonly {
+  .ant-form-item-control-input {
+    pointer-events: none;
+  }
+
+  .ant-upload {
+    display: none !important;
+  }
+
+  .ant-form-item-label {
+    pointer-events: none;
+  }
+
+  /* 上传组件样式 */
+  .ant-upload-list {
+    pointer-events: auto;
+    margin-bottom: 8px;
+
+    [title='Remove file'] {
+      display: none !important;
+    }
+  }
+}

package/src/row/index.ts

@@ -64,7 +64,7 @@ export default {
         props: {
           placeholder: '请输入',
         },
-        type: 'input',
+        type: 'number',
       },
       {
         field: 'children',