keli-ui 0.2.3 → 0.2.5

package/dist/keli-ui.js

@@ -1,4 +1,4 @@
-import { onMounted, nextTick, getCurrentScope, onScopeDispose, getCurrentInstance, computed, shallowRef, watch, toValue, reactive, inject, provide, createCommentVNode, h as h$1, defineComponent, ref, onUnmounted, TransitionGroup, Teleport, onActivated, onDeactivated, onBeforeUnmount, resolveComponent, isRef, unref, isVNode, createVNode, watchEffect, mergeProps, Transition, withDirectives, vShow, Fragment, createApp, withKeys, createBlock, openBlock, withCtx, createElementBlock, renderList, resolveDynamicComponent, createElementVNode, createTextVNode, toDisplayString, renderSlot, mergeModels, useModel, withModifiers, normalizeStyle, normalizeClass, resolveDirective, createSlots, normalizeProps, guardReactiveProps, toRefs, useTemplateRef } from "vue";
+import { onMounted, nextTick, getCurrentScope, onScopeDispose, getCurrentInstance, computed, shallowRef, watch, toValue, reactive, inject, provide, createCommentVNode, h as h$1, defineComponent, ref, onUnmounted, TransitionGroup, Teleport, onActivated, onDeactivated, onBeforeUnmount, resolveComponent, isRef, unref, isVNode, createVNode, watchEffect, mergeProps, Transition, withDirectives, vShow, Fragment, createApp, withKeys, createBlock, openBlock, withCtx, createElementBlock, renderList, resolveDynamicComponent, createElementVNode, createTextVNode, toDisplayString, renderSlot, mergeModels, useModel, withModifiers, normalizeStyle, normalizeClass, resolveDirective, createSlots, useAttrs, normalizeProps, guardReactiveProps, toRefs, useTemplateRef } from "vue";
 import { Setting, Download, More } from "@element-plus/icons-vue";
 import { dayjs, ElMessage, ElNotification, ElMessageBox, ElTable, ElTableColumn } from "element-plus";
 function tryOnScopeDispose(fn) {
@@ -35545,7 +35545,6 @@ const getTitle = (type) => {
   return type;
 };
 let alert = (params) => {
-  console.log(params);
   if (isNotEmpty(params.callback) || isNotEmpty(params.catch)) {
     ElMessageBox.confirm(params.msg, getTitle(params.type), {
       confirmButtonText: "OK",
@@ -36174,7 +36173,7 @@ const mergeObjects = (queryData, typeData) => {
   return mergedObj;
 };
 const _hoisted_1$e = { style: { "width": "100%", "text-align": "right" } };
-const _sfc_main$G = /* @__PURE__ */ defineComponent({
+const _sfc_main$O = /* @__PURE__ */ defineComponent({
   __name: "QueryBarClient",
   props: {
     frame: {
@@ -36358,7 +36357,7 @@ async function useButtonExec(data, button, rowIndex) {
     button.webFunction(data, button.params, rowIndex);
   }
 }
-const _sfc_main$F = /* @__PURE__ */ defineComponent({
+const _sfc_main$N = /* @__PURE__ */ defineComponent({
   __name: "ToolBarClient",
   props: {
     toolButtons: {
@@ -36401,7 +36400,7 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const ToolBarClient = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["__scopeId", "data-v-f6d35839"]]);
+const ToolBarClient = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["__scopeId", "data-v-d81813fb"]]);
 const _hoisted_1$d = { class: "ke-table-render-client" };
 const _hoisted_2$9 = {
   key: 1,
@@ -36411,7 +36410,7 @@ const _hoisted_3$6 = {
   key: 2,
   class: "ke-pagination-div"
 };
-const _sfc_main$E = /* @__PURE__ */ defineComponent({
+const _sfc_main$M = /* @__PURE__ */ defineComponent({
   __name: "TableRenderClient",
   props: /* @__PURE__ */ mergeModels({
     tableId: {
@@ -36579,7 +36578,7 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
       const _component_el_button = resolveComponent("el-button");
       const _component_el_pagination = resolveComponent("el-pagination");
       return openBlock(), createElementBlock("div", _hoisted_1$d, [
-        __props.queryConfig && __props.queryConfig.length > 0 ? (openBlock(), createBlock(_sfc_main$G, {
+        __props.queryConfig && __props.queryConfig.length > 0 ? (openBlock(), createBlock(_sfc_main$O, {
           key: 0,
           frame: __props.queryConfig,
           class: "ke-query-bar-client",
@@ -36704,7 +36703,7 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
   }
 });
 const _hoisted_1$c = { style: { "margin": "16px" } };
-const _sfc_main$D = /* @__PURE__ */ defineComponent({
+const _sfc_main$L = /* @__PURE__ */ defineComponent({
   __name: "QueryBarMobile",
   props: {
     frame: {
@@ -36834,7 +36833,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
   }
 });
 const _hoisted_1$b = { class: "button-container" };
-const _sfc_main$C = /* @__PURE__ */ defineComponent({
+const _sfc_main$K = /* @__PURE__ */ defineComponent({
   __name: "ToolBarMobile",
   props: {
     toolButtons: {
@@ -36897,7 +36896,7 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const ToolBarMobile = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["__scopeId", "data-v-e1dda3e2"]]);
+const ToolBarMobile = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["__scopeId", "data-v-f3dd7c43"]]);
 const customFormatter = (options) => {
   if (isEmpty(options.cellValue) || isEmpty(options.tabObj))
     return options.cellValue;
@@ -36923,7 +36922,7 @@ const _hoisted_5$2 = {
   key: 0,
   class: "pagination-div"
 };
-const _sfc_main$B = /* @__PURE__ */ defineComponent({
+const _sfc_main$J = /* @__PURE__ */ defineComponent({
   __name: "TableRenderMobile",
   props: /* @__PURE__ */ mergeModels({
     tableId: {
@@ -37052,7 +37051,7 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
       const _directive_loading = resolveDirective("loading");
       return withDirectives((openBlock(), createElementBlock("div", _hoisted_1$a, [
         createElementVNode("div", _hoisted_2$8, [
-          createVNode(_sfc_main$D, {
+          createVNode(_sfc_main$L, {
             frame: __props.queryConfig,
             onQueryClick: queryClick
           }, null, 8, ["frame"])
@@ -37148,10 +37147,25 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TableRenderMobile = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["__scopeId", "data-v-8d24642d"]]);
-const KeTableRender = isMobileDevice.value ? TableRenderMobile : _sfc_main$E;
-KeTableRender.install = (app) => {
-  app.component(KeTableRender.__name, KeTableRender);
+const Mobile$1 = /* @__PURE__ */ _export_sfc(_sfc_main$J, [["__scopeId", "data-v-8d24642d"]]);
+const _sfc_main$I = /* @__PURE__ */ defineComponent({
+  __name: "TableRenderProxy",
+  setup(__props) {
+    const currentComponent = computed(() => isMobileDevice.value ? Mobile$1 : _sfc_main$M);
+    const attrs = useAttrs();
+    const forwardedAttrs = attrs;
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(resolveDynamicComponent(currentComponent.value), normalizeProps(guardReactiveProps(unref(forwardedAttrs))), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16);
+    };
+  }
+});
+_sfc_main$I.install = (app) => {
+  app.component("KeTableRender", _sfc_main$I);
 };
 const _hoisted_1$9 = { class: "table-card-render-client" };
 const _hoisted_2$7 = {
@@ -37163,7 +37177,7 @@ const _hoisted_4$2 = ["src"];
 const _hoisted_5$1 = { class: "title-wrapper" };
 const _hoisted_6$1 = { class: "title-text" };
 const _hoisted_7 = { class: "pagination-div" };
-const _sfc_main$A = /* @__PURE__ */ defineComponent({
+const _sfc_main$H = /* @__PURE__ */ defineComponent({
   __name: "TableCardRenderClient",
   props: /* @__PURE__ */ mergeModels({
     tableId: {
@@ -37417,14 +37431,14 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TableCardRenderClient = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["__scopeId", "data-v-8a376fa7"]]);
+const Client = /* @__PURE__ */ _export_sfc(_sfc_main$H, [["__scopeId", "data-v-8a376fa7"]]);
 const _hoisted_1$8 = { class: "table-render-mobile" };
 const _hoisted_2$6 = { class: "table-render-mobile-search" };
 const _hoisted_3$3 = { class: "table-tool-button" };
 const _hoisted_4$1 = { class: "table-render-mobile-content" };
 const _hoisted_5 = ["src"];
 const _hoisted_6 = { class: "pagination-div" };
-const _sfc_main$z = /* @__PURE__ */ defineComponent({
+const _sfc_main$G = /* @__PURE__ */ defineComponent({
   __name: "TableCardRenderMobile",
   props: /* @__PURE__ */ mergeModels({
     tableId: {
@@ -37658,17 +37672,32 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TableCardRenderMobile = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["__scopeId", "data-v-2e3c5fe2"]]);
-const KeTableCardRender = isMobileDevice.value ? TableCardRenderMobile : TableCardRenderClient;
-KeTableCardRender.install = (app) => {
-  app.component(KeTableCardRender.__name, KeTableCardRender);
+const Mobile = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["__scopeId", "data-v-2e3c5fe2"]]);
+const _sfc_main$F = /* @__PURE__ */ defineComponent({
+  __name: "TableCardRenderProxy",
+  setup(__props) {
+    const currentComponent = computed(() => isMobileDevice.value ? Mobile : Client);
+    const attrs = useAttrs();
+    const forwardedAttrs = attrs;
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(resolveDynamicComponent(currentComponent.value), normalizeProps(guardReactiveProps(unref(forwardedAttrs))), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16);
+    };
+  }
+});
+_sfc_main$F.install = (app) => {
+  app.component("KeTableCardRender", _sfc_main$F);
 };
 const _hoisted_1$7 = { class: "table-render-client" };
 const _hoisted_2$5 = {
   key: 1,
   class: "table-tool-button"
 };
-const _sfc_main$y = /* @__PURE__ */ defineComponent({
+const _sfc_main$E = /* @__PURE__ */ defineComponent({
   __name: "TableTreeRender",
   props: {
     tableId: {
@@ -37869,13 +37898,13 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const KeTableTreeRender = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__scopeId", "data-v-b06f3a94"]]);
+const KeTableTreeRender = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["__scopeId", "data-v-b06f3a94"]]);
 KeTableTreeRender.install = (app) => {
   app.component(KeTableTreeRender.__name, KeTableTreeRender);
 };
 const _hoisted_1$6 = { class: "table-check-box-async" };
 const _hoisted_2$4 = { class: "dialog-header" };
-const _sfc_main$x = /* @__PURE__ */ defineComponent({
+const _sfc_main$D = /* @__PURE__ */ defineComponent({
   __name: "TableCheckBoxAsync",
   props: /* @__PURE__ */ mergeModels({
     value: {
@@ -38028,12 +38057,12 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const KeTableCheckBoxAsync = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__scopeId", "data-v-843c7943"]]);
+const KeTableCheckBoxAsync = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["__scopeId", "data-v-843c7943"]]);
 KeTableCheckBoxAsync.install = (app) => {
   app.component(KeTableCheckBoxAsync.__name, KeTableCheckBoxAsync);
 };
 const _hoisted_1$5 = { style: { "margin": "4px 0 0", "text-align": "right" } };
-const _sfc_main$w = /* @__PURE__ */ defineComponent({
+const _sfc_main$C = /* @__PURE__ */ defineComponent({
   __name: "TableInput",
   props: /* @__PURE__ */ mergeModels({
     value: {
@@ -38146,10 +38175,10 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const KeTableInput = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["__scopeId", "data-v-45577ce0"]]);
+const KeTableInput = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["__scopeId", "data-v-45577ce0"]]);
 const _hoisted_1$4 = { style: { "width": "100%" } };
 const _hoisted_2$3 = { style: { "margin": "4px 0 0", "text-align": "right" } };
-const _sfc_main$v = /* @__PURE__ */ defineComponent({
+const _sfc_main$B = /* @__PURE__ */ defineComponent({
   __name: "TableInputNumber",
   props: /* @__PURE__ */ mergeModels({
     value: {
@@ -38266,11 +38295,11 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const KeTableInputNumber = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["__scopeId", "data-v-b622e1f6"]]);
+const KeTableInputNumber = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["__scopeId", "data-v-b622e1f6"]]);
 KeTableInputNumber.install = (app) => {
   app.component(KeTableInputNumber.__name, KeTableInputNumber);
 };
-const _sfc_main$u = /* @__PURE__ */ defineComponent({
+const _sfc_main$A = /* @__PURE__ */ defineComponent({
   __name: "TableSelect",
   props: {
     value: {
@@ -38349,10 +38378,10 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
     };
   }
 });
-_sfc_main$u.install = (app) => {
-  app.component(_sfc_main$u.__name, _sfc_main$u);
+_sfc_main$A.install = (app) => {
+  app.component(_sfc_main$A.__name, _sfc_main$A);
 };
-const _sfc_main$t = /* @__PURE__ */ defineComponent({
+const _sfc_main$z = /* @__PURE__ */ defineComponent({
   __name: "TableSelectAsync",
   props: /* @__PURE__ */ mergeModels({
     value: {
@@ -38416,10 +38445,10 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
     };
   }
 });
-_sfc_main$t.install = (app) => {
-  app.component(_sfc_main$t.__name, _sfc_main$t);
+_sfc_main$z.install = (app) => {
+  app.component(_sfc_main$z.__name, _sfc_main$z);
 };
-const _sfc_main$s = /* @__PURE__ */ defineComponent({
+const _sfc_main$y = /* @__PURE__ */ defineComponent({
   __name: "TableSwitch",
   props: /* @__PURE__ */ mergeModels({
     value: {
@@ -38462,14 +38491,29 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
     };
   }
 });
-_sfc_main$s.install = (app) => {
-  app.component(_sfc_main$s.__name, _sfc_main$s);
+_sfc_main$y.install = (app) => {
+  app.component(_sfc_main$y.__name, _sfc_main$y);
 };
-const KeliQueryBar = isMobileDevice.value ? _sfc_main$D : _sfc_main$G;
-KeliQueryBar.install = (app) => {
-  app.component(KeliQueryBar.__name, KeliQueryBar);
+const _sfc_main$x = /* @__PURE__ */ defineComponent({
+  __name: "QueryBarProxy",
+  setup(__props) {
+    const currentComponent = computed(() => isMobileDevice.value ? _sfc_main$L : _sfc_main$O);
+    const attrs = useAttrs();
+    const forwardedAttrs = attrs;
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(resolveDynamicComponent(currentComponent.value), normalizeProps(guardReactiveProps(unref(forwardedAttrs))), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16);
+    };
+  }
+});
+_sfc_main$x.install = (app) => {
+  app.component("KeliQueryBar", _sfc_main$x);
 };
-const _sfc_main$r = /* @__PURE__ */ defineComponent({
+const _sfc_main$w = /* @__PURE__ */ defineComponent({
   __name: "QueryDateTimeClient",
   props: /* @__PURE__ */ mergeModels({
     value: {
@@ -38534,10 +38578,10 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
     };
   }
 });
-_sfc_main$r.install = (app) => {
-  app.component(_sfc_main$r.__name, _sfc_main$r);
+_sfc_main$w.install = (app) => {
+  app.component(_sfc_main$w.__name, _sfc_main$w);
 };
-const _sfc_main$q = /* @__PURE__ */ defineComponent({
+const _sfc_main$v = /* @__PURE__ */ defineComponent({
   __name: "QueryInput",
   props: /* @__PURE__ */ mergeModels({
     value: {
@@ -38567,10 +38611,10 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
     };
   }
 });
-_sfc_main$q.install = (app) => {
-  app.component(_sfc_main$q.__name, _sfc_main$q);
+_sfc_main$v.install = (app) => {
+  app.component(_sfc_main$v.__name, _sfc_main$v);
 };
-const _sfc_main$p = /* @__PURE__ */ defineComponent({
+const _sfc_main$u = /* @__PURE__ */ defineComponent({
   __name: "QueryInputLike",
   props: /* @__PURE__ */ mergeModels({
     value: {
@@ -38600,10 +38644,10 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
     };
   }
 });
-_sfc_main$p.install = (app) => {
-  app.component(_sfc_main$p.__name, _sfc_main$p);
+_sfc_main$u.install = (app) => {
+  app.component(_sfc_main$u.__name, _sfc_main$u);
 };
-const _sfc_main$o = /* @__PURE__ */ defineComponent({
+const _sfc_main$t = /* @__PURE__ */ defineComponent({
   __name: "QuerySelectClient",
   props: /* @__PURE__ */ mergeModels({
     value: {
@@ -38656,32 +38700,55 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const KeliQuerySelect = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__scopeId", "data-v-042e4267"]]);
+const KeliQuerySelect = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["__scopeId", "data-v-d1b8eb49"]]);
 KeliQuerySelect.install = (app) => {
   app.component(KeliQuerySelect.__name, KeliQuerySelect);
 };
-const _sfc_main$n = /* @__PURE__ */ defineComponent({
+const _sfc_main$s = /* @__PURE__ */ defineComponent({
   __name: "ToolBarProxy",
-  props: {
-    toolButtons: {
-      required: true,
-      type: Array
-    }
-  },
   setup(__props) {
-    const props = __props;
-    const currentComponent = computed(() => {
-      return isMobileDevice.value ? ToolBarMobile : ToolBarClient;
-    });
+    const currentComponent = computed(() => isMobileDevice.value ? ToolBarMobile : ToolBarClient);
+    const attrs = useAttrs();
+    const forwardedAttrs = attrs;
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(resolveDynamicComponent(currentComponent.value), normalizeProps(guardReactiveProps(props)), null, 16);
+      return openBlock(), createBlock(resolveDynamicComponent(currentComponent.value), normalizeProps(guardReactiveProps(unref(forwardedAttrs))), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16);
     };
   }
 });
-_sfc_main$n.install = (app) => {
-  app.component(_sfc_main$n.__name, _sfc_main$n);
+_sfc_main$s.install = (app) => {
+  app.component(_sfc_main$s.__name, _sfc_main$s);
 };
-const _sfc_main$m = /* @__PURE__ */ defineComponent({
+const useMittHook = (fieldName, mittId) => {
+  if (!mittId) {
+    return {
+      registerMitt: () => {
+      },
+      offMitt: () => {
+      }
+    };
+  }
+  const registerMitt = (func) => {
+    if (mittId && emitter) {
+      emitter.on(fieldName + mittId, (_eventData) => {
+        if (func) {
+          func(_eventData);
+        }
+      });
+    }
+  };
+  const offMitt = () => {
+    if (mittId && emitter) {
+      emitter.off(fieldName + mittId);
+    }
+  };
+  return { registerMitt, offMitt };
+};
+const _sfc_main$r = /* @__PURE__ */ defineComponent({
   __name: "FormCascaderAsync",
   props: /* @__PURE__ */ mergeModels({
     value: {
@@ -38695,6 +38762,11 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
     fieldTitle: {
       required: true,
       type: String
+    },
+    mittId: {
+      type: null,
+      required: false,
+      default: () => null
     }
   }, {
     "value": {},
@@ -38703,13 +38775,13 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
   emits: /* @__PURE__ */ mergeModels([
     "update:value",
     "getComponentValue",
-    "valueChange",
     "setShow"
   ], ["update:value"]),
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emits = __emit;
     const valueRef = useModel(__props, "value");
+    const { registerMitt, offMitt } = useMittHook(props.detail.field, props.mittId);
     const cascaderProps = {
       lazy: true,
       lazyLoad: async (node, resolve) => {
@@ -38754,6 +38826,20 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
         }
       }
     };
+    const setValue = (value) => {
+      valueRef.value = value;
+    };
+    const receiveBroadcasts = (eventData) => {
+      if (props.detail.noticeReceive) {
+        props.detail.noticeReceive(eventData, setValue);
+      }
+    };
+    onMounted(() => {
+      registerMitt(receiveBroadcasts);
+    });
+    onUnmounted(() => {
+      offMitt();
+    });
     return (_ctx, _cache) => {
       const _component_el_cascader = resolveComponent("el-cascader");
       return openBlock(), createBlock(_component_el_cascader, mergeProps({
@@ -38764,11 +38850,11 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
     };
   }
 });
-_sfc_main$m.install = (app) => {
-  app.component(_sfc_main$m.__name, _sfc_main$m);
+_sfc_main$r.install = (app) => {
+  app.component(_sfc_main$r.__name, _sfc_main$r);
 };
 const isLoadFail = false;
-const _sfc_main$l = /* @__PURE__ */ defineComponent({
+const _sfc_main$q = /* @__PURE__ */ defineComponent({
   __name: "FormCheckBoxAsync",
   props: /* @__PURE__ */ mergeModels({
     value: {
@@ -38783,6 +38869,11 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
     fieldTitle: {
       required: true,
       type: String
+    },
+    mittId: {
+      type: null,
+      required: false,
+      default: () => null
     }
   }, {
     "value": {
@@ -38800,6 +38891,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
     const props = __props;
     const emits = __emit;
     const checkData = useModel(__props, "value");
+    const { registerMitt, offMitt } = useMittHook(props.detail.field, props.mittId);
     const options = reactive({
       loading: false,
       load: false,
@@ -38853,9 +38945,21 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
         });
       }
     };
+    const setValue = (value) => {
+      checkData.value = value;
+    };
+    const receiveBroadcasts = (eventData) => {
+      if (props.detail.noticeReceive) {
+        props.detail.noticeReceive(eventData, setValue);
+      }
+    };
     onMounted(() => {
+      registerMitt(receiveBroadcasts);
       getOptions();
     });
+    onUnmounted(() => {
+      offMitt();
+    });
     return (_ctx, _cache) => {
       const _component_el_checkbox = resolveComponent("el-checkbox");
       const _component_el_checkbox_group = resolveComponent("el-checkbox-group");
@@ -38878,13 +38982,13 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
     };
   }
 });
-_sfc_main$l.install = (app) => {
-  app.component(_sfc_main$l.__name, _sfc_main$l);
+_sfc_main$q.install = (app) => {
+  app.component(_sfc_main$q.__name, _sfc_main$q);
 };
 const _hoisted_1$3 = { class: "dateCell" };
 const _hoisted_2$2 = { class: "solar_calendar" };
 const _hoisted_3$2 = { class: "lunar_calendar" };
-const _sfc_main$k = /* @__PURE__ */ defineComponent({
+const _sfc_main$p = /* @__PURE__ */ defineComponent({
   __name: "FormDatePickerClient",
   props: /* @__PURE__ */ mergeModels({
     value: {
@@ -38896,6 +39000,11 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
     detail: {
       required: true,
       type: Object
+    },
+    mittId: {
+      type: null,
+      required: false,
+      default: () => null
     }
   }, {
     "value": {},
@@ -38904,25 +39013,28 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
   emits: /* @__PURE__ */ mergeModels(["update:value", "valueChange"], ["update:value"]),
   setup(__props, { emit: __emit }) {
     const props = __props;
-    const emits = __emit;
     const valueRef = useModel(__props, "value");
-    const handleChange = () => {
-      var _a, _b, _c, _d;
-      if (((_a = props.detail) == null ? void 0 : _a.noticeField) && ((_b = props.detail) == null ? void 0 : _b.noticeField.length) > 0) {
-        emits(
-          "valueChange",
-          (_c = props.detail) == null ? void 0 : _c.noticeField,
-          (_d = props.detail) == null ? void 0 : _d.field,
-          valueRef
-        );
-      }
-    };
+    const { registerMitt, offMitt } = useMittHook(props.detail.field, props.mittId);
     const getShowText = (cell) => {
       if (cell.renderText) {
         return cell.renderText;
       }
       return cell.text;
     };
+    const setValue = (value) => {
+      valueRef.value = value;
+    };
+    const receiveBroadcasts = (eventData) => {
+      if (props.detail.noticeReceive) {
+        props.detail.noticeReceive(eventData, setValue);
+      }
+    };
+    onMounted(() => {
+      registerMitt(receiveBroadcasts);
+    });
+    onUnmounted(() => {
+      offMitt();
+    });
     return (_ctx, _cache) => {
       var _a;
       const _component_el_date_picker = resolveComponent("el-date-picker");
@@ -38932,8 +39044,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
       }, ((_a = props.detail) == null ? void 0 : _a.componentParams) ? props.detail.componentParams : {}, {
         format: "YYYY-MM-DD",
         style: { "width": "100%" },
-        "value-format": "YYYY-MM-DD",
-        onChange: handleChange
+        "value-format": "YYYY-MM-DD"
       }), {
         default: withCtx((cell) => [
           createElementVNode("div", _hoisted_1$3, [
@@ -38946,8 +39057,8 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FormDatePickerClient = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-217412ff"]]);
-const _sfc_main$j = /* @__PURE__ */ defineComponent({
+const FormDatePickerClient = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-dd842b4b"]]);
+const _sfc_main$o = /* @__PURE__ */ defineComponent({
   __name: "FormDatePickerMobile",
   props: /* @__PURE__ */ mergeModels({
     value: {
@@ -38964,6 +39075,11 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
     fieldTitle: {
       required: true,
       type: String
+    },
+    mittId: {
+      type: null,
+      required: false,
+      default: () => null
     }
   }, {
     "value": {
@@ -38977,6 +39093,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const props = __props;
     const valueRef = useModel(__props, "value");
+    const { registerMitt, offMitt } = useMittHook(props.detail.field, props.mittId);
     const pickerText = computed(() => {
       if (isEmpty(props.value)) {
         return "";
@@ -38997,6 +39114,20 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
       valueRef.value = `${currentDate.value[0]}-${currentDate.value[1]}-${currentDate.value[2]}`;
       showPicker.value = false;
     };
+    const setValue = (value) => {
+      valueRef.value = value;
+    };
+    const receiveBroadcasts = (eventData) => {
+      if (props.detail.noticeReceive) {
+        props.detail.noticeReceive(eventData, setValue);
+      }
+    };
+    onMounted(() => {
+      registerMitt(receiveBroadcasts);
+    });
+    onUnmounted(() => {
+      offMitt();
+    });
     return (_ctx, _cache) => {
       const _component_van_cell = resolveComponent("van-cell");
       const _component_van_date_picker = resolveComponent("van-date-picker");
@@ -39030,11 +39161,26 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const KeFormDatePicker = isMobileDevice.value ? _sfc_main$j : FormDatePickerClient;
-KeFormDatePicker.install = (app) => {
-  app.component(KeFormDatePicker.__name, KeFormDatePicker);
+const _sfc_main$n = /* @__PURE__ */ defineComponent({
+  __name: "FormDatePickerProxy",
+  setup(__props) {
+    const currentComponent = computed(() => isMobileDevice.value ? _sfc_main$o : FormDatePickerClient);
+    const attrs = useAttrs();
+    const forwardedAttrs = attrs;
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(resolveDynamicComponent(currentComponent.value), normalizeProps(guardReactiveProps(unref(forwardedAttrs))), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16);
+    };
+  }
+});
+_sfc_main$n.install = (app) => {
+  app.component("KeFormDatePicker", _sfc_main$n);
 };
-const _sfc_main$i = /* @__PURE__ */ defineComponent({
+const _sfc_main$m = /* @__PURE__ */ defineComponent({
   __name: "FormDivider",
   props: {
     fieldName: {
@@ -39048,6 +39194,11 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
     detail: {
       required: true,
       type: Object
+    },
+    mittId: {
+      type: null,
+      required: false,
+      default: () => null
     }
   },
   setup(__props) {
@@ -39066,13 +39217,13 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
     };
   }
 });
-_sfc_main$i.install = (app) => {
-  app.component(_sfc_main$i.__name, _sfc_main$i);
+_sfc_main$m.install = (app) => {
+  app.component(_sfc_main$m.__name, _sfc_main$m);
 };
 const _hoisted_1$2 = { class: "dateCell" };
 const _hoisted_2$1 = { class: "solar_calendar" };
 const _hoisted_3$1 = { class: "lunar_calendar" };
-const _sfc_main$h = /* @__PURE__ */ defineComponent({
+const _sfc_main$l = /* @__PURE__ */ defineComponent({
   __name: "FormDateTimePickerClient",
   props: /* @__PURE__ */ mergeModels({
     value: {
@@ -39084,6 +39235,11 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
     detail: {
       required: true,
       type: Object
+    },
+    mittId: {
+      type: null,
+      required: false,
+      default: () => null
     }
   }, {
     "value": {},
@@ -39097,19 +39253,8 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
   ], ["update:value"]),
   setup(__props, { emit: __emit }) {
     const props = __props;
-    const emits = __emit;
     const valueRef = useModel(__props, "value");
-    const handleChange = () => {
-      var _a, _b, _c, _d;
-      if (((_a = props.detail) == null ? void 0 : _a.noticeField) && ((_b = props.detail) == null ? void 0 : _b.noticeField.length) > 0) {
-        emits(
-          "valueChange",
-          (_c = props.detail) == null ? void 0 : _c.noticeField,
-          (_d = props.detail) == null ? void 0 : _d.field,
-          valueRef
-        );
-      }
-    };
+    const { registerMitt, offMitt } = useMittHook(props.detail.field, props.mittId);
     const getShowText = (cell) => {
       if (cell.renderText) {
         return cell.renderText;
@@ -39150,6 +39295,20 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
         }
       }
     ];
+    const setValue = (value) => {
+      valueRef.value = value;
+    };
+    const receiveBroadcasts = (eventData) => {
+      if (props.detail.noticeReceive) {
+        props.detail.noticeReceive(eventData, setValue);
+      }
+    };
+    onMounted(() => {
+      registerMitt(receiveBroadcasts);
+    });
+    onUnmounted(() => {
+      offMitt();
+    });
     return (_ctx, _cache) => {
       var _a;
       const _component_el_date_picker = resolveComponent("el-date-picker");
@@ -39161,8 +39320,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
         format: "YYYY-MM-DD HH:mm:ss",
         style: { "width": "100%" },
         type: "datetime",
-        "value-format": "YYYY-MM-DD HH:mm:ss",
-        onChange: handleChange
+        "value-format": "YYYY-MM-DD HH:mm:ss"
       }), {
         default: withCtx((cell) => [
           createElementVNode("div", _hoisted_1$2, [
@@ -39175,8 +39333,8 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FormDateTimePickerClient = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-125ec4c5"]]);
-const _sfc_main$g = /* @__PURE__ */ defineComponent({
+const FormDateTimePickerClient = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__scopeId", "data-v-f3731a0d"]]);
+const _sfc_main$k = /* @__PURE__ */ defineComponent({
   __name: "FormDateTimePickerMobile",
   props: /* @__PURE__ */ mergeModels({
     value: {
@@ -39193,6 +39351,11 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
     fieldTitle: {
       required: true,
       type: String
+    },
+    mittId: {
+      type: null,
+      required: false,
+      default: () => null
     }
   }, {
     "value": {
@@ -39206,6 +39369,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const props = __props;
     const valueRef = useModel(__props, "value");
+    const { registerMitt, offMitt } = useMittHook(props.detail.field, props.mittId);
     const pickerText = computed(() => {
       if (props.value) {
         return dayjs(props.value).format("YYYY-MM-DD HH:mm:ss");
@@ -39228,6 +39392,20 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
       valueRef.value = `${currentDate.value[0]}-${currentDate.value[1]}-${currentDate.value[2]} ${currentTime.value[0]}:${currentTime.value[1]}:${currentTime.value[2]}`;
       showPicker.value = false;
     };
+    const setValue = (value) => {
+      valueRef.value = value;
+    };
+    const receiveBroadcasts = (eventData) => {
+      if (props.detail.noticeReceive) {
+        props.detail.noticeReceive(eventData, setValue);
+      }
+    };
+    onMounted(() => {
+      registerMitt(receiveBroadcasts);
+    });
+    onUnmounted(() => {
+      offMitt();
+    });
     return (_ctx, _cache) => {
       const _component_van_cell = resolveComponent("van-cell");
       const _component_van_date_picker = resolveComponent("van-date-picker");
@@ -39276,9 +39454,24 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const KeFormDateTimePicker = isMobileDevice.value ? _sfc_main$g : FormDateTimePickerClient;
-KeFormDateTimePicker.install = (app) => {
-  app.component(KeFormDateTimePicker.__name, KeFormDateTimePicker);
+const _sfc_main$j = /* @__PURE__ */ defineComponent({
+  __name: "FormDateTimePickerProxy",
+  setup(__props) {
+    const currentComponent = computed(() => isMobileDevice.value ? _sfc_main$k : FormDateTimePickerClient);
+    const attrs = useAttrs();
+    const forwardedAttrs = attrs;
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(resolveDynamicComponent(currentComponent.value), normalizeProps(guardReactiveProps(unref(forwardedAttrs))), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16);
+    };
+  }
+});
+_sfc_main$j.install = (app) => {
+  app.component("KeFormDateTimePicker", _sfc_main$j);
 };
 var rn = Object.defineProperty;
 var Ne = Object.getOwnPropertySymbols;
@@ -40875,7 +41068,7 @@ const ct = [
     };
   }
 });
-const _sfc_main$f = /* @__PURE__ */ defineComponent({
+const _sfc_main$i = /* @__PURE__ */ defineComponent({
   __name: "FormDynamicTable",
   props: {
     value: {
@@ -40888,6 +41081,11 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     detail: {
       required: true,
       type: Object
+    },
+    mittId: {
+      type: null,
+      required: false,
+      default: () => null
     }
   },
   emits: [
@@ -40919,28 +41117,34 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
       state.value.splice(index2, 1);
     };
     const handleChange = () => {
-      var _a, _b, _c, _d;
       emits("update:value", state.value);
-      if (((_a = props.detail) == null ? void 0 : _a.noticeField) && ((_b = props.detail) == null ? void 0 : _b.noticeField.length) > 0) {
-        emits(
-          "valueChange",
-          (_c = props.detail) == null ? void 0 : _c.noticeField,
-          (_d = props.detail) == null ? void 0 : _d.field,
-          state.value
-        );
-      }
       modalOpen.value = false;
     };
     const handleCancel = () => {
       state.value = JSON.parse(oldValue);
       modalOpen.value = false;
     };
+    const { registerMitt, offMitt } = useMittHook(props.detail.field, props.mittId);
     watch(
       () => props.value,
       (newValue) => {
         state.value = Array.isArray(newValue) ? newValue : [];
       }
     );
+    const setValue = (value) => {
+      emits("update:value", value);
+    };
+    const receiveBroadcasts = (eventData) => {
+      if (props.detail.noticeReceive) {
+        props.detail.noticeReceive(eventData, setValue);
+      }
+    };
+    onMounted(() => {
+      registerMitt(receiveBroadcasts);
+    });
+    onUnmounted(() => {
+      offMitt();
+    });
     return (_ctx, _cache) => {
       var _a;
       const _component_el_button = resolveComponent("el-button");
@@ -41119,10 +41323,10 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     };
   }
 });
-_sfc_main$f.install = (app) => {
-  app.component(_sfc_main$f.__name, _sfc_main$f);
+_sfc_main$i.install = (app) => {
+  app.component(_sfc_main$i.__name, _sfc_main$i);
 };
-const _sfc_main$e = /* @__PURE__ */ defineComponent({
+const _sfc_main$h = /* @__PURE__ */ defineComponent({
   __name: "FormInput",
   props: /* @__PURE__ */ mergeModels({
     value: {
@@ -41132,6 +41336,11 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
     detail: {
       required: true,
       type: Object
+    },
+    mittId: {
+      type: null,
+      required: false,
+      default: () => null
     }
   }, {
     "value": {},
@@ -41145,19 +41354,22 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
   ], ["update:value"]),
   setup(__props, { emit: __emit }) {
     const props = __props;
-    const emits = __emit;
+    const { registerMitt, offMitt } = useMittHook(props.detail.field, props.mittId);
     const inputValue = useModel(__props, "value");
-    const change = () => {
-      var _a, _b, _c, _d;
-      if (((_a = props.detail) == null ? void 0 : _a.noticeField) && ((_b = props.detail) == null ? void 0 : _b.noticeField.length) > 0) {
-        emits(
-          "valueChange",
-          (_c = props.detail) == null ? void 0 : _c.noticeField,
-          (_d = props.detail) == null ? void 0 : _d.field,
-          inputValue
-        );
+    const setValue = (value) => {
+      inputValue.value = value;
+    };
+    const receiveBroadcasts = (eventData) => {
+      if (props.detail.noticeReceive) {
+        props.detail.noticeReceive(eventData, setValue);
       }
     };
+    onMounted(() => {
+      registerMitt(receiveBroadcasts);
+    });
+    onUnmounted(() => {
+      offMitt();
+    });
     return (_ctx, _cache) => {
       var _a, _b;
       const _component_el_input = resolveComponent("el-input");
@@ -41165,7 +41377,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
         modelValue: inputValue.value,
         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => inputValue.value = $event),
         placeholder: (_a = props.detail) == null ? void 0 : _a.placeholder
-      }, ((_b = props.detail) == null ? void 0 : _b.componentParams) ? props.detail.componentParams : {}, { onChange: change }), createSlots({ _: 2 }, [
+      }, ((_b = props.detail) == null ? void 0 : _b.componentParams) ? props.detail.componentParams : {}), createSlots({ _: 2 }, [
         __props.detail.componentParams && __props.detail.componentParams.prepend ? {
           name: "prepend",
           fn: withCtx(() => [
@@ -41184,35 +41396,10 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
     };
   }
 });
-_sfc_main$e.install = (app) => {
-  app.component(_sfc_main$e.__name, _sfc_main$e);
-};
-const useMittHook = (fieldName, mittId) => {
-  if (!mittId) {
-    return {
-      registerMitt: () => {
-      },
-      offMitt: () => {
-      }
-    };
-  }
-  const registerMitt = (func) => {
-    if (mittId && emitter) {
-      emitter.on(fieldName + mittId, (_eventData) => {
-        if (func) {
-          func(_eventData);
-        }
-      });
-    }
-  };
-  const offMitt = () => {
-    if (mittId && emitter) {
-      emitter.off(fieldName + mittId);
-    }
-  };
-  return { registerMitt, offMitt };
+_sfc_main$h.install = (app) => {
+  app.component(_sfc_main$h.__name, _sfc_main$h);
 };
-const _sfc_main$d = /* @__PURE__ */ defineComponent({
+const _sfc_main$g = /* @__PURE__ */ defineComponent({
   __name: "FormInputNumber",
   props: /* @__PURE__ */ mergeModels({
     value: {
@@ -41243,22 +41430,15 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
   ], ["update:value"]),
   setup(__props, { emit: __emit }) {
     const props = __props;
-    const emits = __emit;
-    const valueState = useModel(__props, "value");
+    const valueRef = useModel(__props, "value");
     const { registerMitt, offMitt } = useMittHook(props.detail.field, props.mittId);
-    const handleChange = () => {
-      var _a, _b, _c, _d;
-      if (((_a = props.detail) == null ? void 0 : _a.noticeField) && ((_b = props.detail) == null ? void 0 : _b.noticeField.length) > 0) {
-        emits(
-          "valueChange",
-          (_c = props.detail) == null ? void 0 : _c.noticeField,
-          (_d = props.detail) == null ? void 0 : _d.field,
-          valueState
-        );
-      }
+    const setValue = (value) => {
+      valueRef.value = value;
     };
     const receiveBroadcasts = (eventData) => {
-      console.log("Receive event data", eventData);
+      if (props.detail.noticeReceive) {
+        props.detail.noticeReceive(eventData, setValue);
+      }
     };
     onMounted(() => {
       registerMitt(receiveBroadcasts);
@@ -41269,11 +41449,11 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       const _component_el_input_number = resolveComponent("el-input-number");
       return openBlock(), createBlock(_component_el_input_number, mergeProps({
-        modelValue: valueState.value,
-        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => valueState.value = $event),
+        modelValue: valueRef.value,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => valueRef.value = $event),
         placeholder: __props.detail.placeholder,
         class: "full"
-      }, props.detail.componentParams ? props.detail.componentParams : {}, { onChange: handleChange }), createSlots({ _: 2 }, [
+      }, props.detail.componentParams ? props.detail.componentParams : {}), createSlots({ _: 2 }, [
         __props.detail.componentParams && __props.detail.componentParams.prefix ? {
           name: "prefix",
           fn: withCtx(() => [
@@ -41292,11 +41472,11 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const KeFormInputNumber = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-135b7749"]]);
+const KeFormInputNumber = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-86ef0363"]]);
 KeFormInputNumber.install = (app) => {
   app.component(KeFormInputNumber.__name, KeFormInputNumber);
 };
-const _sfc_main$c = /* @__PURE__ */ defineComponent({
+const _sfc_main$f = /* @__PURE__ */ defineComponent({
   __name: "FormRadio",
   props: /* @__PURE__ */ mergeModels({
     value: {
@@ -41308,6 +41488,11 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     detail: {
       required: true,
       type: Object
+    },
+    mittId: {
+      type: null,
+      required: false,
+      default: () => null
     }
   }, {
     "value": {
@@ -41317,7 +41502,23 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
   }),
   emits: ["update:value"],
   setup(__props) {
+    const props = __props;
     const valueRef = useModel(__props, "value");
+    const { registerMitt, offMitt } = useMittHook(props.detail.field, props.mittId);
+    const setValue = (value) => {
+      valueRef.value = value;
+    };
+    const receiveBroadcasts = (eventData) => {
+      if (props.detail.noticeReceive) {
+        props.detail.noticeReceive(eventData, setValue);
+      }
+    };
+    onMounted(() => {
+      registerMitt(receiveBroadcasts);
+    });
+    onUnmounted(() => {
+      offMitt();
+    });
     return (_ctx, _cache) => {
       const _component_el_radio = resolveComponent("el-radio");
       const _component_el_radio_group = resolveComponent("el-radio-group");
@@ -41344,8 +41545,8 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     };
   }
 });
-_sfc_main$c.install = (app) => {
-  app.component(_sfc_main$c.__name, _sfc_main$c);
+_sfc_main$f.install = (app) => {
+  app.component(_sfc_main$f.__name, _sfc_main$f);
 };
 const QuestionSVG = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg%20t='1735202912040'%20class='icon'%20viewBox='0%200%201024%201024'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20p-id='4284'%20width='16'%20height='16'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cpath%20d='M517.119%20954.878c244.589%200%20442.879-198.289%20442.879-442.879%200-244.594-198.289-442.879-442.879-442.879C272.524%2069.12%2074.24%20267.404%2074.24%20511.999%2074.24%20756.588%20272.524%20954.878%20517.119%20954.878L517.119%20954.878zM517.119%20891.608c-209.654%200-379.612-169.955-379.612-379.609s169.957-379.612%20379.612-379.612%20379.609%20169.957%20379.609%20379.612S726.773%20891.608%20517.119%20891.608L517.119%20891.608zM523.949%20243.992c-54.662%200-97.177%2016.705-127.547%2050.112-30.367%2031.885-44.795%2074.402-44.795%20127.547l59.98%200c0-37.202%208.35-66.052%2025.055-87.31%2018.222-25.055%2046.312-37.202%2084.272-37.202%2031.885%200%2056.945%208.352%2074.405%2026.572%2016.705%2016.702%2025.81%2040.24%2025.81%2070.607%200%2021.26-7.59%2041-22.775%2059.98-4.55%206.072-13.665%2015.185-25.81%2027.33-41%2036.445-66.055%2065.295-76.685%2088.075-9.11%2018.98-13.665%2040.995-13.665%2066.05l0%2017.465%2060.735%200%200-17.465c0-20.5%204.56-38.725%2014.43-55.425%207.59-13.665%2018.98-27.335%2035.68-41.755%2033.405-29.612%2053.91-49.352%2061.5-58.462%2018.98-25.055%2028.85-54.665%2028.85-88.83%200-45.552-14.425-81.235-42.515-107.05C611.258%20256.902%20572.544%20243.992%20523.949%20243.992L523.949%20243.992zM512.564%20706.363c-12.907%200-23.535%203.795-32.647%2012.905-9.11%208.345-12.905%2018.98-12.905%2031.885s3.795%2023.54%2012.905%2032.65c9.112%208.345%2019.74%2012.905%2032.647%2012.905%2012.91%200%2023.535-4.56%2032.645-12.905%209.11-8.355%2013.665-18.985%2013.665-32.65%200-12.905-4.555-23.54-12.905-31.885C536.859%20710.158%20525.474%20706.363%20512.564%20706.363L512.564%20706.363z'%20fill='%23272636'%20p-id='4285'%3e%3c/path%3e%3c/svg%3e";
 const useFormatToTree = (params) => {
@@ -41495,7 +41696,7 @@ const _hoisted_1$1 = { class: "label-question" };
 const _hoisted_2 = ["src"];
 const _hoisted_3 = { class: "label-question" };
 const _hoisted_4 = ["src"];
-const _sfc_main$b = /* @__PURE__ */ defineComponent({
+const _sfc_main$e = /* @__PURE__ */ defineComponent({
   __name: "FormRenderClient",
   props: /* @__PURE__ */ mergeModels({
     isLoading: {
@@ -41851,9 +42052,9 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FormRenderClient = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-30b23a37"]]);
+const FormRenderClient = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-30b23a37"]]);
 const _hoisted_1 = { class: "van-doc-demo-block__title" };
-const _sfc_main$a = /* @__PURE__ */ defineComponent({
+const _sfc_main$d = /* @__PURE__ */ defineComponent({
   __name: "FormRenderMobile",
   props: /* @__PURE__ */ mergeModels({
     isLoading: {
@@ -42095,12 +42296,27 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FormRenderMobile = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-a2d7c19f"]]);
-const KeFormRender = isMobileDevice.value ? FormRenderMobile : FormRenderClient;
-KeFormRender.install = (app) => {
-  app.component(KeFormRender.__name, KeFormRender);
+const FormRenderMobile = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-121f69cc"]]);
+const _sfc_main$c = /* @__PURE__ */ defineComponent({
+  __name: "FormRenderProxy",
+  setup(__props) {
+    const currentComponent = computed(() => isMobileDevice.value ? FormRenderMobile : FormRenderClient);
+    const attrs = useAttrs();
+    const forwardedAttrs = attrs;
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(resolveDynamicComponent(currentComponent.value), normalizeProps(guardReactiveProps(unref(forwardedAttrs))), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16);
+    };
+  }
+});
+_sfc_main$c.install = (app) => {
+  app.component("KeFormRender", _sfc_main$c);
 };
-const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+const _sfc_main$b = /* @__PURE__ */ defineComponent({
   __name: "FormSelectClient",
   props: /* @__PURE__ */ mergeModels({
     value: {
@@ -42112,6 +42328,11 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     detail: {
       required: true,
       type: Object
+    },
+    mittId: {
+      type: null,
+      required: false,
+      default: () => null
     }
   }, {
     "value": {},
@@ -42124,19 +42345,8 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   ], ["update:value"]),
   setup(__props, { emit: __emit }) {
     const props = __props;
-    const emits = __emit;
     const valueRef = useModel(__props, "value");
-    const handleChange = () => {
-      var _a, _b, _c, _d;
-      if (((_a = props.detail) == null ? void 0 : _a.noticeField) && ((_b = props.detail) == null ? void 0 : _b.noticeField.length) > 0) {
-        emits(
-          "valueChange",
-          (_c = props.detail) == null ? void 0 : _c.noticeField,
-          (_d = props.detail) == null ? void 0 : _d.field,
-          valueRef
-        );
-      }
-    };
+    const { registerMitt, offMitt } = useMittHook(props.detail.field, props.mittId);
     const multipleClear = async () => {
       var _a;
       await sleep(0.1);
@@ -42144,9 +42354,21 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
         valueRef.value = [];
       }
     };
+    const setValue = (value) => {
+      valueRef.value = value;
+    };
+    const receiveBroadcasts = (eventData) => {
+      if (props.detail.noticeReceive) {
+        props.detail.noticeReceive(eventData, setValue);
+      }
+    };
     onMounted(() => {
+      registerMitt(receiveBroadcasts);
       multipleClear();
     });
+    onUnmounted(() => {
+      offMitt();
+    });
     return (_ctx, _cache) => {
       var _a;
       const _component_el_option = resolveComponent("el-option");
@@ -42156,10 +42378,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => valueRef.value = $event),
         multiple: (_a = __props.detail) == null ? void 0 : _a.multiple,
         placeholder: __props.detail.placeholder
-      }, __props.detail.componentParams ? __props.detail.componentParams : {}, {
-        clearable: "",
-        onChange: handleChange
-      }), {
+      }, __props.detail.componentParams ? __props.detail.componentParams : {}, { clearable: "" }), {
         default: withCtx(() => {
           var _a2;
           return [
@@ -42178,7 +42397,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+const _sfc_main$a = /* @__PURE__ */ defineComponent({
   __name: "FormSelectMobile",
   props: /* @__PURE__ */ mergeModels({
     value: {
@@ -42191,9 +42410,10 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
       required: true,
       type: Object
     },
-    fieldTitle: {
-      required: true,
-      type: String
+    mittId: {
+      type: null,
+      required: false,
+      default: () => null
     }
   }, {
     "value": {
@@ -42209,6 +42429,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
       __props,
       "value"
     );
+    const { registerMitt, offMitt } = useMittHook(props.detail.field, props.mittId);
     const pickerText = ref();
     const showPicker = ref(false);
     const checkboxRefs = ref([]);
@@ -42260,9 +42481,21 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
         immediate: true
       }
     );
+    const setValue = (value) => {
+      valueRef.value = value;
+    };
+    const receiveBroadcasts = (eventData) => {
+      if (props.detail.noticeReceive) {
+        props.detail.noticeReceive(eventData, setValue);
+      }
+    };
     onMounted(() => {
+      registerMitt(receiveBroadcasts);
       multipleClear();
     });
+    onUnmounted(() => {
+      offMitt();
+    });
     return (_ctx, _cache) => {
       var _a;
       const _component_van_field = resolveComponent("van-field");
@@ -42278,7 +42511,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
         createVNode(_component_van_field, {
           modelValue: pickerText.value,
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => pickerText.value = $event),
-          label: __props.fieldTitle,
+          label: __props.detail.title,
           placeholder: (_a = props.detail) == null ? void 0 : _a.placeholder,
           "is-link": "",
           readonly: "",
@@ -42370,12 +42603,27 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const KeFormSelect = isMobileDevice.value ? _sfc_main$8 : _sfc_main$9;
-KeFormSelect.install = (app) => {
-  app.component(KeFormSelect.__name, KeFormSelect);
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+  __name: "FormSelectProxy",
+  setup(__props) {
+    const currentComponent = computed(() => isMobileDevice.value ? _sfc_main$a : _sfc_main$b);
+    const attrs = useAttrs();
+    const forwardedAttrs = attrs;
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(resolveDynamicComponent(currentComponent.value), normalizeProps(guardReactiveProps(unref(forwardedAttrs))), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16);
+    };
+  }
+});
+_sfc_main$9.install = (app) => {
+  app.component("KeFormSelect", _sfc_main$9);
 };
 const useSelectAsync = (params) => {
-  const { emits, props, valueRef } = params;
+  const { emits, props } = params;
   const loading = ref(false);
   let load = false;
   let isLoadFail2 = false;
@@ -42451,41 +42699,15 @@ const useSelectAsync = (params) => {
     }
     loading.value = false;
   };
-  const handleChange = async () => {
-    var _a, _b, _c, _d;
-    if (((_a = props.detail) == null ? void 0 : _a.noticeField) && ((_b = props.detail) == null ? void 0 : _b.noticeField.length) > 0) {
-      await nextTick();
-      emits(
-        "valueChange",
-        (_c = props.detail) == null ? void 0 : _c.noticeField,
-        (_d = props.detail) == null ? void 0 : _d.field,
-        valueRef.value
-      );
-    }
-  };
-  const registerMitt = () => {
-    if (props.mittId) {
-      emitter.on(props.detail.field + props.mittId, (_eventData) => {
-        getOptions();
-      });
-    }
-  };
-  const offMitt = () => {
-    if (props.mittId) {
-      emitter.off(props.detail.field + props.mittId);
-    }
-  };
   return {
     getOptions,
     optionsData,
     loading,
-    handleChange,
-    init,
-    registerMitt,
-    offMitt
+    // handleChange,
+    init
   };
 };
-const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   __name: "FormSelectAsyncClient",
   props: /* @__PURE__ */ mergeModels({
     value: {
@@ -42516,22 +42738,30 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     const props = __props;
     const emits = __emit;
     const valueRef = useModel(__props, "value");
+    const { registerMitt, offMitt } = useMittHook(props.detail.field, props.mittId);
     const {
       loading,
       getOptions,
       optionsData,
-      handleChange,
-      init,
-      registerMitt,
-      offMitt
+      init
     } = useSelectAsync({
       emits,
-      props,
-      valueRef
+      props
     });
+    const setValue = (value) => {
+      valueRef.value = value;
+    };
+    const receiveBroadcasts = (eventData) => {
+      if (props.detail.noticeReceive) {
+        props.detail.noticeReceive(eventData, setValue);
+      }
+    };
     onMounted(() => {
       init();
-      registerMitt();
+      registerMitt((_eventData) => {
+        receiveBroadcasts(_eventData);
+        getOptions();
+      });
     });
     onUnmounted(() => {
       offMitt();
@@ -42548,7 +42778,6 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
       }, props.detail.componentParams ? props.detail.componentParams : {}, {
         loading: unref(loading),
         placeholder: (_a = props.detail) == null ? void 0 : _a.placeholder,
-        onChange: unref(handleChange),
         onFocus: unref(getOptions)
       }), {
         default: withCtx(() => [
@@ -42562,13 +42791,13 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
           }), 128))
         ]),
         _: 1
-      }, 16, ["modelValue", "multiple", "loading", "placeholder", "onChange", "onFocus"])), [
+      }, 16, ["modelValue", "multiple", "loading", "placeholder", "onFocus"])), [
         [_directive_loading, unref(loading)]
       ]);
     };
   }
 });
-const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   __name: "FormSelectAsyncMobile",
   props: /* @__PURE__ */ mergeModels({
     value: {
@@ -42605,18 +42834,15 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     const props = __props;
     const emits = __emit;
     const valueRef = useModel(__props, "value");
+    const { registerMitt, offMitt } = useMittHook(props.detail.field, props.mittId);
     const {
       loading,
       getOptions,
       optionsData,
-      handleChange,
-      init,
-      registerMitt,
-      offMitt
+      init
     } = useSelectAsync({
       emits,
-      props,
-      valueRef
+      props
     });
     const pickerText = ref("");
     const pickerValue = ref([]);
@@ -42637,7 +42863,6 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
       showPicker.value = false;
       pickerValue.value = selectedValues;
       valueRef.value = selectedValues[0];
-      handleChange();
     };
     const showPopup = () => {
       showPicker.value = true;
@@ -42663,9 +42888,20 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
         immediate: true
       }
     );
+    const setValue = (value) => {
+      valueRef.value = value;
+    };
+    const receiveBroadcasts = (eventData) => {
+      if (props.detail.noticeReceive) {
+        props.detail.noticeReceive(eventData, setValue);
+      }
+    };
     onMounted(() => {
       init();
-      registerMitt();
+      registerMitt((_eventData) => {
+        receiveBroadcasts(_eventData);
+        getOptions();
+      });
     });
     onUnmounted(() => {
       offMitt();
@@ -42719,9 +42955,24 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const KeFormSelectAsync = isMobileDevice.value ? _sfc_main$6 : _sfc_main$7;
-KeFormSelectAsync.install = (app) => {
-  app.component(KeFormSelectAsync.__name, KeFormSelectAsync);
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+  __name: "FormSelectAsyncProxy",
+  setup(__props) {
+    const currentComponent = computed(() => isMobileDevice.value ? _sfc_main$7 : _sfc_main$8);
+    const attrs = useAttrs();
+    const forwardedAttrs = attrs;
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(resolveDynamicComponent(currentComponent.value), normalizeProps(guardReactiveProps(unref(forwardedAttrs))), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16);
+    };
+  }
+});
+_sfc_main$6.install = (app) => {
+  app.component("KeFormSelectAsync", _sfc_main$6);
 };
 const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   __name: "FormSelectRemote",
@@ -42739,6 +42990,11 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     fieldTitle: {
       required: true,
       type: String
+    },
+    mittId: {
+      type: null,
+      required: false,
+      default: () => null
     }
   }, {
     "value": {},
@@ -42754,6 +43010,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     const props = __props;
     const emits = __emit;
     const valueRef = useModel(__props, "value");
+    const { registerMitt, offMitt } = useMittHook(props.detail.field, props.mittId);
     const optionsData = ref([]);
     const loading = ref(false);
     const remoteMethod = async (queryStr) => {
@@ -42794,17 +43051,20 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
       optionsData.value = result.code === 0 ? result.data : [];
       loading.value = false;
     };
-    const handleChange = () => {
-      var _a, _b, _c, _d;
-      if (((_a = props.detail) == null ? void 0 : _a.noticeField) && ((_b = props.detail) == null ? void 0 : _b.noticeField.length) > 0) {
-        emits(
-          "valueChange",
-          (_c = props.detail) == null ? void 0 : _c.noticeField,
-          (_d = props.detail) == null ? void 0 : _d.field,
-          valueRef.value
-        );
+    const setValue = (value) => {
+      valueRef.value = value;
+    };
+    const receiveBroadcasts = (eventData) => {
+      if (props.detail.noticeReceive) {
+        props.detail.noticeReceive(eventData, setValue);
       }
     };
+    onMounted(() => {
+      registerMitt(receiveBroadcasts);
+    });
+    onUnmounted(() => {
+      offMitt();
+    });
     return (_ctx, _cache) => {
       var _a;
       const _component_el_option = resolveComponent("el-option");
@@ -42819,8 +43079,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
       }, props.detail.componentParams ? props.detail.componentParams : {}, {
         loading: loading.value,
         placeholder: (_a = props.detail) == null ? void 0 : _a.placeholder,
-        "remote-method": remoteMethod,
-        onChange: handleChange
+        "remote-method": remoteMethod
       }), {
         default: withCtx(() => [
           (openBlock(true), createElementBlock(Fragment, null, renderList(optionsData.value, (item) => {
@@ -42850,6 +43109,11 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     detail: {
       required: true,
       type: Object
+    },
+    mittId: {
+      type: null,
+      required: false,
+      default: () => null
     }
   }, {
     "value": { type: Boolean },
@@ -42858,40 +43122,39 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   emits: /* @__PURE__ */ mergeModels([
     "update:value",
     "getComponentValue",
-    "valueChange",
     "setShow"
   ], ["update:value"]),
   setup(__props, { emit: __emit }) {
     const props = __props;
-    const emits = __emit;
     const valueRef = useModel(__props, "value");
-    const change = async () => {
-      var _a, _b, _c, _d;
-      await nextTick();
-      if (Array.isArray((_a = props.detail) == null ? void 0 : _a.noticeField) && ((_b = props.detail) == null ? void 0 : _b.noticeField.length) > 0) {
-        emits(
-          "valueChange",
-          (_c = props.detail) == null ? void 0 : _c.noticeField,
-          (_d = props.detail) == null ? void 0 : _d.field,
-          valueRef.value
-        );
-      }
-    };
+    const { registerMitt, offMitt } = useMittHook(props.detail.field, props.mittId);
     const setDefaultValue = async () => {
       await sleep(0.1);
       if (!valueRef.value) {
         valueRef.value = false;
       }
     };
+    const setValue = (value) => {
+      valueRef.value = value;
+    };
+    const receiveBroadcasts = (eventData) => {
+      if (props.detail.noticeReceive) {
+        props.detail.noticeReceive(eventData, setValue);
+      }
+    };
     onMounted(() => {
+      registerMitt(receiveBroadcasts);
       setDefaultValue();
     });
+    onUnmounted(() => {
+      offMitt();
+    });
     return (_ctx, _cache) => {
       const _component_el_switch = resolveComponent("el-switch");
       return openBlock(), createBlock(_component_el_switch, mergeProps({
         modelValue: valueRef.value,
         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => valueRef.value = $event)
-      }, __props.detail.componentParams, { onChange: change }), null, 16, ["modelValue"]);
+      }, __props.detail.componentParams), null, 16, ["modelValue"]);
     };
   }
 });
@@ -42926,20 +43189,8 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   ], ["update:value"]),
   setup(__props, { emit: __emit }) {
     const props = __props;
-    const emits = __emit;
     const { registerMitt, offMitt } = useMittHook(props.detail.field, props.mittId);
     const valueRef = useModel(__props, "value");
-    const handleChange = () => {
-      var _a, _b, _c, _d;
-      if (((_a = props.detail) == null ? void 0 : _a.noticeField) && ((_b = props.detail) == null ? void 0 : _b.noticeField.length) > 0) {
-        emits(
-          "valueChange",
-          (_c = props.detail) == null ? void 0 : _c.noticeField,
-          (_d = props.detail) == null ? void 0 : _d.field,
-          valueRef
-        );
-      }
-    };
     const multipleClear = async () => {
       var _a;
       await sleep(0.1);
@@ -42959,6 +43210,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       var _a;
+      const _component_el_text = resolveComponent("el-text");
       const _component_el_col = resolveComponent("el-col");
       const _component_el_row = resolveComponent("el-row");
       const _component_el_option = resolveComponent("el-option");
@@ -42970,8 +43222,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
         multiple: (_a = __props.detail) == null ? void 0 : _a.multiple,
         placeholder: __props.detail.placeholder,
         "value-key": __props.detail.componentParams.keyField,
-        clearable: "",
-        onChange: handleChange
+        clearable: ""
       }), {
         header: withCtx(() => [
           createVNode(_component_el_row, null, {
@@ -42984,7 +43235,12 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
                     span: item.span
                   }, {
                     default: withCtx(() => [
-                      createTextVNode(toDisplayString(item.label), 1)
+                      createVNode(_component_el_text, { truncated: "" }, {
+                        default: withCtx(() => [
+                          createTextVNode(toDisplayString(item.label), 1)
+                        ]),
+                        _: 2
+                      }, 1024)
                     ]),
                     _: 2
                   }, 1032, ["span"]);
@@ -43017,7 +43273,12 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
                             span: optionSlot.span
                           }, {
                             default: withCtx(() => [
-                              createTextVNode(toDisplayString(item[optionSlot.field]), 1)
+                              createVNode(_component_el_text, { truncated: "" }, {
+                                default: withCtx(() => [
+                                  createTextVNode(toDisplayString(item[optionSlot.field]), 1)
+                                ]),
+                                _: 2
+                              }, 1024)
                             ]),
                             _: 2
                           }, 1032, ["span"]);
@@ -43068,28 +43329,37 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     const props = __props;
     const emits = __emit;
     const valueRef = useModel(__props, "value");
+    const { registerMitt, offMitt } = useMittHook(props.detail.field, props.mittId);
     const {
       loading,
       getOptions,
       optionsData,
-      handleChange,
-      init,
-      registerMitt,
-      offMitt
+      init
     } = useSelectAsync({
       emits,
-      props,
-      valueRef
+      props
     });
+    const setValue = (value) => {
+      valueRef.value = value;
+    };
+    const receiveBroadcasts = (eventData) => {
+      if (props.detail.noticeReceive) {
+        props.detail.noticeReceive(eventData, setValue);
+      }
+    };
     onMounted(() => {
       init();
-      registerMitt();
+      registerMitt((_eventData) => {
+        receiveBroadcasts(_eventData);
+        getOptions();
+      });
     });
     onUnmounted(() => {
       offMitt();
     });
     return (_ctx, _cache) => {
       var _a;
+      const _component_el_text = resolveComponent("el-text");
       const _component_el_col = resolveComponent("el-col");
       const _component_el_row = resolveComponent("el-row");
       const _component_el_option = resolveComponent("el-option");
@@ -43103,7 +43373,6 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
         loading: unref(loading),
         placeholder: (_a = __props.detail) == null ? void 0 : _a.placeholder,
         "value-key": __props.detail.componentParams.keyField,
-        onChange: unref(handleChange),
         onFocus: unref(getOptions)
       }), {
         header: withCtx(() => [
@@ -43117,7 +43386,12 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
                     span: item.span
                   }, {
                     default: withCtx(() => [
-                      createTextVNode(toDisplayString(item.label), 1)
+                      createVNode(_component_el_text, { truncated: "" }, {
+                        default: withCtx(() => [
+                          createTextVNode(toDisplayString(item.label), 1)
+                        ]),
+                        _: 2
+                      }, 1024)
                     ]),
                     _: 2
                   }, 1032, ["span"]);
@@ -43148,7 +43422,12 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
                           span: optionSlot.span
                         }, {
                           default: withCtx(() => [
-                            createTextVNode(toDisplayString(item[optionSlot.field]), 1)
+                            createVNode(_component_el_text, { truncated: "" }, {
+                              default: withCtx(() => [
+                                createTextVNode(toDisplayString(item[optionSlot.field]), 1)
+                              ]),
+                              _: 2
+                            }, 1024)
                           ]),
                           _: 2
                         }, 1032, ["span"]);
@@ -43163,7 +43442,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
           }), 128))
         ]),
         _: 1
-      }, 16, ["modelValue", "multiple", "loading", "placeholder", "value-key", "onChange", "onFocus"])), [
+      }, 16, ["modelValue", "multiple", "loading", "placeholder", "value-key", "onFocus"])), [
         [_directive_loading, unref(loading)]
       ]);
     };
@@ -43233,6 +43512,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     detail: {
       required: true,
       type: Object
+    },
+    mittId: {
+      type: null,
+      required: false,
+      default: () => null
     }
   }, {
     "value": {},
@@ -43241,34 +43525,36 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   emits: /* @__PURE__ */ mergeModels([
     "update:value",
     "getComponentValue",
-    "valueChange",
     "setShow"
   ], ["update:value"]),
   setup(__props, { emit: __emit }) {
     const props = __props;
-    const emits = __emit;
-    const inputValue = useModel(__props, "value");
-    const change = () => {
-      var _a, _b, _c, _d;
-      if (((_a = props.detail) == null ? void 0 : _a.noticeField) && ((_b = props.detail) == null ? void 0 : _b.noticeField.length) > 0) {
-        emits(
-          "valueChange",
-          (_c = props.detail) == null ? void 0 : _c.noticeField,
-          (_d = props.detail) == null ? void 0 : _d.field,
-          inputValue
-        );
+    const valueRef = useModel(__props, "value");
+    const { registerMitt, offMitt } = useMittHook(props.detail.field, props.mittId);
+    const setValue = (value) => {
+      valueRef.value = value;
+    };
+    const receiveBroadcasts = (eventData) => {
+      if (props.detail.noticeReceive) {
+        props.detail.noticeReceive(eventData, setValue);
       }
     };
+    onMounted(() => {
+      registerMitt(receiveBroadcasts);
+    });
+    onUnmounted(() => {
+      offMitt();
+    });
     return (_ctx, _cache) => {
       var _a, _b, _c;
       const _component_el_input = resolveComponent("el-input");
       return openBlock(), createBlock(_component_el_input, mergeProps({
-        modelValue: inputValue.value,
-        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => inputValue.value = $event),
+        modelValue: valueRef.value,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => valueRef.value = $event),
         autosize: { minRows: 2 },
         placeholder: ((_a = props.detail) == null ? void 0 : _a.placeholder) ? props.detail.placeholder : `请输入${(_b = props.detail) == null ? void 0 : _b.title}`,
         type: "textarea"
-      }, ((_c = props.detail) == null ? void 0 : _c.componentParams) ? props.detail.componentParams : {}, { onChange: change }), null, 16, ["modelValue", "placeholder"]);
+      }, ((_c = props.detail) == null ? void 0 : _c.componentParams) ? props.detail.componentParams : {}), null, 16, ["modelValue", "placeholder"]);
     };
   }
 });
@@ -81252,33 +81538,33 @@ setI18n$1(defaultLanguage, zhCN);
 setLanguage$1(defaultLanguage);
 setTheme$1("light");
 const components = [
-  { name: "KeTableRender", component: KeTableRender },
-  { name: "KeTableCardRender", component: KeTableCardRender },
+  { name: "KeTableRender", component: _sfc_main$I },
+  { name: "KeTableCardRender", component: _sfc_main$F },
   { name: "KeTableTreeRender", component: KeTableTreeRender },
   { name: "KeTableCheckBoxAsync", component: KeTableCheckBoxAsync },
   { name: "KeTableInput", component: KeTableInput },
   { name: "KeTableInputNumber", component: KeTableInputNumber },
-  { name: "KeTableSelect", component: _sfc_main$u },
-  { name: "KeTableSelectAsync", component: _sfc_main$t },
-  { name: "KeTableSwitch", component: _sfc_main$s },
-  { name: "KeQueryBar", component: KeliQueryBar },
-  { name: "KeQueryDateTime", component: _sfc_main$r },
-  { name: "KeQueryInput", component: _sfc_main$q },
-  { name: "KeQueryInputLike", component: _sfc_main$p },
+  { name: "KeTableSelect", component: _sfc_main$A },
+  { name: "KeTableSelectAsync", component: _sfc_main$z },
+  { name: "KeTableSwitch", component: _sfc_main$y },
+  { name: "KeQueryBar", component: _sfc_main$x },
+  { name: "KeQueryDateTime", component: _sfc_main$w },
+  { name: "KeQueryInput", component: _sfc_main$v },
+  { name: "KeQueryInputLike", component: _sfc_main$u },
   { name: "KeQuerySelect", component: KeliQuerySelect },
-  { name: "KeToolBar", component: _sfc_main$n },
-  { name: "KeFormCascaderAsync", component: _sfc_main$m },
-  { name: "KeFormCheckBoxAsync", component: _sfc_main$l },
-  { name: "KeFormDatePicker", component: KeFormDatePicker },
-  { name: "KeFormDateTimePicker", component: KeFormDateTimePicker },
-  { name: "KeFormDivider", component: _sfc_main$i },
-  { name: "KeFormDynamicTable", component: _sfc_main$f },
-  { name: "KeFormInput", component: _sfc_main$e },
+  { name: "KeToolBar", component: _sfc_main$s },
+  { name: "KeFormCascaderAsync", component: _sfc_main$r },
+  { name: "KeFormCheckBoxAsync", component: _sfc_main$q },
+  { name: "KeFormDatePicker", component: _sfc_main$n },
+  { name: "KeFormDateTimePicker", component: _sfc_main$j },
+  { name: "KeFormDivider", component: _sfc_main$m },
+  { name: "KeFormDynamicTable", component: _sfc_main$i },
+  { name: "KeFormInput", component: _sfc_main$h },
   { name: "KeFormInputNumber", component: KeFormInputNumber },
-  { name: "KeFormRadio", component: _sfc_main$c },
-  { name: "KeFormRender", component: KeFormRender },
-  { name: "KeFormSelect", component: KeFormSelect },
-  { name: "KeFormSelectAsync", component: KeFormSelectAsync },
+  { name: "KeFormRadio", component: _sfc_main$f },
+  { name: "KeFormRender", component: _sfc_main$c },
+  { name: "KeFormSelect", component: _sfc_main$9 },
+  { name: "KeFormSelectAsync", component: _sfc_main$6 },
   { name: "KeFormSelectRemote", component: _sfc_main$5 },
   { name: "KeFormSwitch", component: _sfc_main$4 },
   { name: "KeFormTableSelect", component: _sfc_main$3 },
@@ -81299,39 +81585,39 @@ export {
   Colgroup,
   Column,
   Grid,
-  _sfc_main$m as KeFormCascaderAsync,
-  _sfc_main$l as KeFormCheckBoxAsync,
-  KeFormDatePicker,
-  KeFormDateTimePicker,
-  _sfc_main$i as KeFormDivider,
-  _sfc_main$f as KeFormDynamicTable,
-  _sfc_main$e as KeFormInput,
+  _sfc_main$r as KeFormCascaderAsync,
+  _sfc_main$q as KeFormCheckBoxAsync,
+  _sfc_main$n as KeFormDatePicker,
+  _sfc_main$j as KeFormDateTimePicker,
+  _sfc_main$m as KeFormDivider,
+  _sfc_main$i as KeFormDynamicTable,
+  _sfc_main$h as KeFormInput,
   KeFormInputNumber,
-  _sfc_main$c as KeFormRadio,
-  KeFormRender,
-  KeFormSelect,
-  KeFormSelectAsync,
+  _sfc_main$f as KeFormRadio,
+  _sfc_main$c as KeFormRender,
+  _sfc_main$9 as KeFormSelect,
+  _sfc_main$6 as KeFormSelectAsync,
   _sfc_main$5 as KeFormSelectRemote,
   _sfc_main$4 as KeFormSwitch,
   _sfc_main$3 as KeFormTableSelect,
   _sfc_main$2 as KeFormTableSelectAsync,
   _sfc_main$1 as KeFormText,
   _sfc_main as KeFormTextArea,
-  KeliQueryBar as KeQueryBar,
-  _sfc_main$r as KeQueryDateTime,
-  _sfc_main$q as KeQueryInput,
-  _sfc_main$p as KeQueryInputLike,
+  _sfc_main$x as KeQueryBar,
+  _sfc_main$w as KeQueryDateTime,
+  _sfc_main$v as KeQueryInput,
+  _sfc_main$u as KeQueryInputLike,
   KeliQuerySelect as KeQuerySelect,
-  KeTableCardRender,
+  _sfc_main$F as KeTableCardRender,
   KeTableCheckBoxAsync,
   KeTableInput,
   KeTableInputNumber,
-  KeTableRender,
-  _sfc_main$u as KeTableSelect,
-  _sfc_main$t as KeTableSelectAsync,
-  _sfc_main$s as KeTableSwitch,
+  _sfc_main$I as KeTableRender,
+  _sfc_main$A as KeTableSelect,
+  _sfc_main$z as KeTableSelectAsync,
+  _sfc_main$y as KeTableSwitch,
   KeTableTreeRender,
-  _sfc_main$n as KeToolBar,
+  _sfc_main$s as KeToolBar,
   Table,
   Toolbar,
   VXETable,