@epic-designer/antd 1.1.3 → 1.1.4-beta.1

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,50 @@
+'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 fromData = vue.inject("fromData", {});
+    const handleRemoteSelector = () => {
+      eventBus == null ? void 0 : eventBus.emit("openRemoteSelector", props.componentSchema);
+    };
+    eventBus == null ? void 0 : eventBus.on("setRemoteSelectorData", (data) => {
+      console.log("setRemoteSelectorData", data);
+      console.log("fromData", fromData);
+    });
+    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,48 @@
+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 fromData = inject("fromData", {});
+    const handleRemoteSelector = () => {
+      eventBus == null ? void 0 : eventBus.emit("openRemoteSelector", props.componentSchema);
+    };
+    eventBus == null ? void 0 : eventBus.on("setRemoteSelectorData", (data) => {
+      console.log("setRemoteSelectorData", data);
+      console.log("fromData", fromData);
+    });
+    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: [
       {
@@ -3005,6 +3005,10 @@ function setupAntd(pluginManager = epicDesigner.pluginManager) {
     "CollapseItem",
     async () => (await import('ant-design-vue')).CollapsePanel
   );
+  pluginManager.component.add(
+    "EpTable",
+    async () => (await import('ant-design-vue')).Table
+  );
   const componentArray = [
     Form,
     FormItem,

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: [
       {
@@ -3003,6 +3003,10 @@ function setupAntd(pluginManager$1 = pluginManager) {
     "CollapseItem",
     async () => (await import('ant-design-vue')).CollapsePanel
   );
+  pluginManager$1.component.add(
+    "EpTable",
+    async () => (await import('ant-design-vue')).Table
+  );
   const componentArray = [
     Form,
     FormItem,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@epic-designer/antd",
-  "version": "1.1.3",
+  "version": "1.1.4-beta.1",
   "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/index.ts

@@ -76,6 +76,11 @@ export function setupAntd(pluginManager: PluginManager = pManager): void {
     async () => (await import('ant-design-vue')).CollapsePanel,
   );
 
+  pluginManager.component.add(
+    'EpTable',
+    async () => (await import('ant-design-vue')).Table,
+  );
+
   const componentArray = [
     Form,
     FormItem,

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,41 @@
+<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 fromData = inject<any>('fromData', {});
+
+const handleRemoteSelector = () => {
+  eventBus?.emit('openRemoteSelector', props.componentSchema);
+};
+
+eventBus?.on('setRemoteSelectorData', (data: any) => {
+  console.log('setRemoteSelectorData', data);
+  console.log('fromData', fromData);
+});
+</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">