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

package/dist/chunks/form.cjs

@@ -40,6 +40,10 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     function setData(data) {
       Object.assign(formData, data);
     }
+    function resetData() {
+      var _a2;
+      (_a2 = form.value) == null ? void 0 : _a2.resetFields();
+    }
     const mountedForm = (vNode) => {
       var _a2, _b2, _c, _d, _e, _f, _g;
       form.value = (_a2 = vNode.component) == null ? void 0 : _a2.exposed;
@@ -49,6 +53,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         forms.value[name] = form.value;
         form.value.getData = getData;
         form.value.setData = setData;
+        form.value.resetData = resetData;
         return false;
       }
     };
@@ -82,6 +87,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     __expose({
       form,
       getData,
+      resetData,
       setData,
       validate
     });

package/dist/chunks/form.mjs

@@ -38,6 +38,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     function setData(data) {
       Object.assign(formData, data);
     }
+    function resetData() {
+      var _a2;
+      (_a2 = form.value) == null ? void 0 : _a2.resetFields();
+    }
     const mountedForm = (vNode) => {
       var _a2, _b2, _c, _d, _e, _f, _g;
       form.value = (_a2 = vNode.component) == null ? void 0 : _a2.exposed;
@@ -47,6 +51,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         forms.value[name] = form.value;
         form.value.getData = getData;
         form.value.setData = setData;
+        form.value.resetData = resetData;
         return false;
       }
     };
@@ -80,6 +85,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     __expose({
       form,
       getData,
+      resetData,
       setData,
       validate
     });

package/dist/chunks/input-number.cjs

@@ -0,0 +1,15 @@
+'use strict';
+
+const vue = require('vue');
+const antDesignVue = require('ant-design-vue');
+
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "input-number",
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(antDesignVue.InputNumber));
+    };
+  }
+});
+
+exports.default = _sfc_main;

package/dist/chunks/input-number.mjs

@@ -0,0 +1,13 @@
+import { defineComponent, createBlock, openBlock, unref } from 'vue';
+import { InputNumber } from 'ant-design-vue';
+
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "input-number",
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(InputNumber));
+    };
+  }
+});
+
+export { _sfc_main as default };

package/dist/chunks/input.cjs

@@ -0,0 +1,45 @@
+'use strict';
+
+const vue = require('vue');
+const antDesignVue = require('ant-design-vue');
+
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "input",
+  props: {
+    componentSchema: { type: Object, required: true },
+    remoteSelector: { type: Boolean, required: true, default: false }
+  },
+  setup(__props) {
+    const props = __props;
+    const eventBus = vue.inject("eventBus");
+    const handleRemoteSelector = () => {
+      eventBus == null ? void 0 : eventBus.emit("openRemoteSelector", props.componentSchema);
+    };
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(
+        vue.unref(antDesignVue.Input),
+        null,
+        vue.createSlots({
+          _: 2
+          /* DYNAMIC */
+        }, [
+          props.remoteSelector ? {
+            name: "suffix",
+            fn: vue.withCtx(() => [
+              props.remoteSelector ? (vue.openBlock(), vue.createElementBlock("span", {
+                key: 0,
+                onClick: handleRemoteSelector,
+                class: "iconfont icon--epic--search-rounded icon--epic"
+              })) : vue.createCommentVNode("v-if", true)
+            ]),
+            key: "0"
+          } : void 0
+        ]),
+        1024
+        /* DYNAMIC_SLOTS */
+      );
+    };
+  }
+});
+
+exports.default = _sfc_main;

package/dist/chunks/input.mjs

@@ -0,0 +1,43 @@
+import { defineComponent, inject, createBlock, openBlock, unref, createSlots, withCtx, createElementBlock, createCommentVNode } from 'vue';
+import { Input } from 'ant-design-vue';
+
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "input",
+  props: {
+    componentSchema: { type: Object, required: true },
+    remoteSelector: { type: Boolean, required: true, default: false }
+  },
+  setup(__props) {
+    const props = __props;
+    const eventBus = inject("eventBus");
+    const handleRemoteSelector = () => {
+      eventBus == null ? void 0 : eventBus.emit("openRemoteSelector", props.componentSchema);
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(
+        unref(Input),
+        null,
+        createSlots({
+          _: 2
+          /* DYNAMIC */
+        }, [
+          props.remoteSelector ? {
+            name: "suffix",
+            fn: withCtx(() => [
+              props.remoteSelector ? (openBlock(), createElementBlock("span", {
+                key: 0,
+                onClick: handleRemoteSelector,
+                class: "iconfont icon--epic--search-rounded icon--epic"
+              })) : createCommentVNode("v-if", true)
+            ]),
+            key: "0"
+          } : void 0
+        ]),
+        1024
+        /* DYNAMIC_SLOTS */
+      );
+    };
+  }
+});
+
+export { _sfc_main as default };

package/dist/chunks/modal.cjs

@@ -36,7 +36,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       height: "calc(100vh - 108px)",
       padding: 0
     };
-    const getprops = vue.computed(() => {
+    const getProps = vue.computed(() => {
       var _a, _b;
       return {
         ...props.componentSchema,
@@ -70,7 +70,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createBlock(
         vue.unref(antDesignVue.Modal),
-        vue.normalizeProps(vue.guardReactiveProps(getprops.value)),
+        vue.normalizeProps(vue.guardReactiveProps(getProps.value)),
         {
           default: vue.withCtx(() => [
             vue.createElementVNode("div", _hoisted_1, [

package/dist/chunks/modal.mjs

@@ -34,7 +34,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       height: "calc(100vh - 108px)",
       padding: 0
     };
-    const getprops = computed(() => {
+    const getProps = computed(() => {
       var _a, _b;
       return {
         ...props.componentSchema,
@@ -68,7 +68,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createBlock(
         unref(Modal),
-        normalizeProps(guardReactiveProps(getprops.value)),
+        normalizeProps(guardReactiveProps(getProps.value)),
         {
           default: withCtx(() => [
             createElementVNode("div", _hoisted_1, [

package/dist/index.cjs

@@ -1204,7 +1204,7 @@ const FormItem = {
 
 const Input = {
   bindModel: "value",
-  component: async () => (await import('ant-design-vue')).Input,
+  component: () => import('./chunks/input.cjs'),
   config: {
     action: [
       {
@@ -1374,7 +1374,7 @@ const Input = {
 
 const InputNumber = {
   bindModel: "value",
-  component: async () => (await import('ant-design-vue')).InputNumber,
+  component: () => import('./chunks/input-number.cjs'),
   config: {
     action: [
       {

package/dist/index.mjs

@@ -1202,7 +1202,7 @@ const FormItem = {
 
 const Input = {
   bindModel: "value",
-  component: async () => (await import('ant-design-vue')).Input,
+  component: () => import('./chunks/input.mjs'),
   config: {
     action: [
       {
@@ -1372,7 +1372,7 @@ const Input = {
 
 const InputNumber = {
   bindModel: "value",
-  component: async () => (await import('ant-design-vue')).InputNumber,
+  component: () => import('./chunks/input-number.mjs'),
   config: {
     action: [
       {

package/package.json

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

package/src/cascader/cascader.vue

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

package/src/form/form.vue

@@ -10,6 +10,8 @@ import { Form } from 'ant-design-vue';
 
 interface FormInstance extends InstanceType<typeof Form> {
   getData?: () => FormDataModel;
+  resetData: () => void;
+  resetFields: () => void;
   scrollToField: (name: string) => void;
   setData?: (data: FormDataModel) => void;
   validate: () => Promise<unknown>;
@@ -70,6 +72,13 @@ function setData(data: FormDataModel) {
   Object.assign(formData, data);
 }
 
+/**
+ * 重置表单数据
+ */
+function resetData() {
+  form.value?.resetFields();
+}
+
 // form组件需要特殊处理
 const mountedForm = (vNode: VNode) => {
   form.value = vNode.component?.exposed as FormInstance;
@@ -84,6 +93,7 @@ const mountedForm = (vNode: VNode) => {
     forms.value[name] = form.value;
     form.value.getData = getData;
     form.value.setData = setData;
+    form.value.resetData = resetData;
     return false;
   }
 };
@@ -125,6 +135,7 @@ const children = computed(() => {
 defineExpose({
   form,
   getData,
+  resetData,
   setData,
   validate,
 });

package/src/input/index.ts

@@ -2,7 +2,7 @@ import type { ComponentConfigModel } from '@epic-designer/types';
 
 export default {
   bindModel: 'value',
-  component: async () => (await import('ant-design-vue')).Input,
+  component: () => import('./input.vue'),
   config: {
     action: [
       {

package/src/input/input.vue

@@ -0,0 +1,35 @@
+<script lang="ts" setup>
+import type { ComponentSchema } from '@epic-designer/types';
+
+import { inject } from 'vue';
+
+import { EventBus } from '@epic-designer/hooks';
+import { Input } from 'ant-design-vue';
+
+const props = withDefaults(
+  defineProps<{
+    componentSchema: ComponentSchema;
+    remoteSelector: boolean;
+  }>(),
+  {
+    remoteSelector: false,
+  },
+);
+
+const eventBus = inject<EventBus>('eventBus');
+
+const handleRemoteSelector = () => {
+  eventBus?.emit('openRemoteSelector', props.componentSchema);
+};
+</script>
+<template>
+  <Input>
+    <template #suffix v-if="props.remoteSelector">
+      <span
+        v-if="props.remoteSelector"
+        @click="handleRemoteSelector"
+        class="iconfont icon--epic--search-rounded icon--epic"
+      ></span>
+    </template>
+  </Input>
+</template>

package/src/input-number/index.ts

@@ -2,7 +2,7 @@ import type { ComponentConfigModel } from '@epic-designer/types';
 
 export default {
   bindModel: 'value',
-  component: async () => (await import('ant-design-vue')).InputNumber,
+  component: () => import('./input-number.vue'),
   config: {
     action: [
       {

package/src/input-number/input-number.vue

@@ -0,0 +1,6 @@
+<script lang="ts" setup>
+import { InputNumber } from 'ant-design-vue';
+</script>
+<template>
+  <InputNumber />
+</template>

package/src/modal/modal.vue

@@ -42,7 +42,7 @@ const bodyStyle = {
   padding: 0,
 };
 
-const getprops = 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="getprops">
+  <Modal v-bind="getProps">
     <div class="epic-modal-main epic-scoped">
       <slot>
         <slot name="edit-node">