keli-ui 0.2.4 → 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) {
@@ -36173,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: {
@@ -36357,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: {
@@ -36400,7 +36400,7 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const ToolBarClient = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["__scopeId", "data-v-d81813fb"]]);
+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,
@@ -36410,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: {
@@ -36578,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",
@@ -36703,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: {
@@ -36833,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: {
@@ -36896,7 +36896,7 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const ToolBarMobile = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["__scopeId", "data-v-f3dd7c43"]]);
+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;
@@ -36922,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: {
@@ -37051,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"])
@@ -37147,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 = {
@@ -37162,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: {
@@ -37416,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: {
@@ -37657,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: {
@@ -37868,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: {
@@ -38027,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: {
@@ -38145,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: {
@@ -38265,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: {
@@ -38348,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: {
@@ -38415,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: {
@@ -38461,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: {
@@ -38533,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: {
@@ -38566,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: {
@@ -38599,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: {
@@ -38655,30 +38700,28 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const KeliQuerySelect = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__scopeId", "data-v-d1b8eb49"]]);
+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 useMittHook = (fieldName, mittId) => {
   if (!mittId) {
@@ -38705,7 +38748,7 @@ const useMittHook = (fieldName, mittId) => {
   };
   return { registerMitt, offMitt };
 };
-const _sfc_main$m = /* @__PURE__ */ defineComponent({
+const _sfc_main$r = /* @__PURE__ */ defineComponent({
   __name: "FormCascaderAsync",
   props: /* @__PURE__ */ mergeModels({
     value: {
@@ -38807,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: {
@@ -38939,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: {
@@ -39014,8 +39057,8 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FormDatePickerClient = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-dd842b4b"]]);
-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: {
@@ -39118,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: {
@@ -39159,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: {
@@ -39275,8 +39333,8 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FormDateTimePickerClient = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-f3731a0d"]]);
-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: {
@@ -39396,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;
@@ -40995,7 +41068,7 @@ const ct = [
     };
   }
 });
-const _sfc_main$f = /* @__PURE__ */ defineComponent({
+const _sfc_main$i = /* @__PURE__ */ defineComponent({
   __name: "FormDynamicTable",
   props: {
     value: {
@@ -41250,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: {
@@ -41323,10 +41396,10 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
     };
   }
 });
-_sfc_main$e.install = (app) => {
-  app.component(_sfc_main$e.__name, _sfc_main$e);
+_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: {
@@ -41399,11 +41472,11 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const KeFormInputNumber = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-86ef0363"]]);
+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: {
@@ -41472,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) => {
@@ -41623,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: {
@@ -41979,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: {
@@ -42223,12 +42296,27 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FormRenderMobile = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-121f69cc"]]);
-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: {
@@ -42309,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: {
@@ -42322,10 +42410,6 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
       required: true,
       type: Object
     },
-    fieldTitle: {
-      required: true,
-      type: String
-    },
     mittId: {
       type: null,
       required: false,
@@ -42427,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: "",
@@ -42519,9 +42603,24 @@ 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 } = params;
@@ -42608,7 +42707,7 @@ const useSelectAsync = (params) => {
     init
   };
 };
-const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   __name: "FormSelectAsyncClient",
   props: /* @__PURE__ */ mergeModels({
     value: {
@@ -42698,7 +42797,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   __name: "FormSelectAsyncMobile",
   props: /* @__PURE__ */ mergeModels({
     value: {
@@ -42856,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",
@@ -81424,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 },
@@ -81471,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,