@epic-designer/antd 1.1.4-beta.4 → 1.1.4-beta.6

package/dist/chunks/input.cjs

@@ -10,21 +10,25 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       field: "",
       type: "input"
     }) },
-    options: { type: Array, required: false, default: () => [] },
-    remoteSelector: { type: Boolean, required: false, default: false }
+    dataSelector: { type: Boolean, required: false, default: false },
+    options: { type: Array, required: false, default: () => [] }
   },
   setup(__props) {
     const props = __props;
     const formData = vue.inject("formData", {});
     const eventBus = vue.inject("eventBus", null);
-    const handleRemoteSelector = () => {
-      eventBus == null ? void 0 : eventBus.emit("openRemoteSelector", props.componentSchema, props.options);
+    const handleDataSelector = () => {
+      eventBus == null ? void 0 : eventBus.emit("openDataSelector", props.componentSchema, props.options);
     };
-    eventBus == null ? void 0 : eventBus.on("setRemoteSelectorData", (data) => {
+    eventBus == null ? void 0 : eventBus.on("dataSelector:selected", (data) => {
+      var _a, _b;
       if (data.nodeId !== props.componentSchema.id) {
         return;
       }
-      formData[props.componentSchema.field] = data.record.value;
+      const dataFieldMap = (_b = (_a = props.componentSchema.props) == null ? void 0 : _a.dataFieldMap) != null ? _b : [];
+      dataFieldMap.forEach((item) => {
+        formData[item.formField] = data.record[item.dataField];
+      });
     });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createBlock(
@@ -34,11 +38,11 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           _: 2
           /* DYNAMIC */
         }, [
-          props.remoteSelector ? {
+          props.dataSelector ? {
             name: "suffix",
             fn: vue.withCtx(() => [
               vue.createElementVNode("span", {
-                onClick: handleRemoteSelector,
+                onClick: handleDataSelector,
                 class: "iconfont icon--epic icon--epic--search-rounded"
               })
             ]),

package/dist/chunks/input.mjs

@@ -8,21 +8,25 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       field: "",
       type: "input"
     }) },
-    options: { type: Array, required: false, default: () => [] },
-    remoteSelector: { type: Boolean, required: false, default: false }
+    dataSelector: { type: Boolean, required: false, default: false },
+    options: { type: Array, required: false, default: () => [] }
   },
   setup(__props) {
     const props = __props;
     const formData = inject("formData", {});
     const eventBus = inject("eventBus", null);
-    const handleRemoteSelector = () => {
-      eventBus == null ? void 0 : eventBus.emit("openRemoteSelector", props.componentSchema, props.options);
+    const handleDataSelector = () => {
+      eventBus == null ? void 0 : eventBus.emit("openDataSelector", props.componentSchema, props.options);
     };
-    eventBus == null ? void 0 : eventBus.on("setRemoteSelectorData", (data) => {
+    eventBus == null ? void 0 : eventBus.on("dataSelector:selected", (data) => {
+      var _a, _b;
       if (data.nodeId !== props.componentSchema.id) {
         return;
       }
-      formData[props.componentSchema.field] = data.record.value;
+      const dataFieldMap = (_b = (_a = props.componentSchema.props) == null ? void 0 : _a.dataFieldMap) != null ? _b : [];
+      dataFieldMap.forEach((item) => {
+        formData[item.formField] = data.record[item.dataField];
+      });
     });
     return (_ctx, _cache) => {
       return openBlock(), createBlock(
@@ -32,11 +36,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           _: 2
           /* DYNAMIC */
         }, [
-          props.remoteSelector ? {
+          props.dataSelector ? {
             name: "suffix",
             fn: withCtx(() => [
               createElementVNode("span", {
-                onClick: handleRemoteSelector,
+                onClick: handleDataSelector,
                 class: "iconfont icon--epic icon--epic--search-rounded"
               })
             ]),

package/package.json

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

package/src/input/input.vue

@@ -9,39 +9,42 @@ import { Input } from 'ant-design-vue';
 const props = withDefaults(
   defineProps<{
     componentSchema?: ComponentSchema;
+    dataSelector?: boolean;
     options?: any[];
-    remoteSelector?: boolean;
   }>(),
   {
     componentSchema: () => ({
       field: '',
       type: 'input',
     }),
+    dataSelector: false,
     options: () => [],
-    remoteSelector: false,
   },
 );
 
 const formData = inject<Record<string, any>>('formData', {});
 const eventBus = inject<EventBus | null>('eventBus', null);
 
-const handleRemoteSelector = () => {
-  eventBus?.emit('openRemoteSelector', props.componentSchema, props.options);
+const handleDataSelector = () => {
+  eventBus?.emit('openDataSelector', props.componentSchema, props.options);
 };
 
-eventBus?.on('setRemoteSelectorData', (data) => {
+eventBus?.on('dataSelector:selected', (data) => {
   if (data.nodeId !== props.componentSchema.id) {
     return;
   }
 
-  formData[props.componentSchema.field!] = data.record.value;
+  const dataFieldMap = props.componentSchema.props?.dataFieldMap ?? [];
+  dataFieldMap.forEach((item) => {
+    formData[item.formField] = data.record[item.dataField];
+  });
 });
 </script>
 <template>
   <Input>
-    <template #suffix v-if="props.remoteSelector">
+    <template #suffix v-if="props.dataSelector">
       <span
-        @click="handleRemoteSelector"
+        @click="handleDataSelector"
         class="iconfont icon--epic icon--epic--search-rounded"
       ></span>
     </template>