keli-ui 0.2.7 → 0.2.9

package/dist/keli-ui.js

@@ -1,6 +1,6 @@
 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";
+import { dayjs, ElMessageBox, ElMessage, ElNotification, ElTable, ElTableColumn } from "element-plus";
 function tryOnScopeDispose(fn) {
   if (getCurrentScope()) {
     onScopeDispose(fn);
@@ -36173,7 +36173,7 @@ const mergeObjects = (queryData, typeData) => {
   return mergedObj;
 };
 const _hoisted_1$e = { style: { "width": "100%", "text-align": "right" } };
-const _sfc_main$O = /* @__PURE__ */ defineComponent({
+const _sfc_main$H = /* @__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$N = /* @__PURE__ */ defineComponent({
+const _sfc_main$G = /* @__PURE__ */ defineComponent({
   __name: "ToolBarClient",
   props: {
     toolButtons: {
@@ -36400,7 +36400,7 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const ToolBarClient = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["__scopeId", "data-v-d81813fb"]]);
+const ToolBarClient = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["__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$M = /* @__PURE__ */ defineComponent({
+const _sfc_main$F = /* @__PURE__ */ defineComponent({
   __name: "TableRenderClient",
   props: /* @__PURE__ */ mergeModels({
     tableId: {
@@ -36578,7 +36578,7 @@ const _sfc_main$M = /* @__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$O, {
+        __props.queryConfig && __props.queryConfig.length > 0 ? (openBlock(), createBlock(_sfc_main$H, {
           key: 0,
           frame: __props.queryConfig,
           class: "ke-query-bar-client",
@@ -36703,7 +36703,7 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
   }
 });
 const _hoisted_1$c = { style: { "margin": "16px" } };
-const _sfc_main$L = /* @__PURE__ */ defineComponent({
+const _sfc_main$E = /* @__PURE__ */ defineComponent({
   __name: "QueryBarMobile",
   props: {
     frame: {
@@ -36833,7 +36833,7 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
   }
 });
 const _hoisted_1$b = { class: "button-container" };
-const _sfc_main$K = /* @__PURE__ */ defineComponent({
+const _sfc_main$D = /* @__PURE__ */ defineComponent({
   __name: "ToolBarMobile",
   props: {
     toolButtons: {
@@ -36854,6 +36854,7 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
     };
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$b, [
+        renderSlot(_ctx.$slots, "custom-button", {}, void 0, true),
         (openBlock(true), createElementBlock(Fragment, null, renderList(directToolButton.value, (btn) => {
           return openBlock(), createBlock(unref(Button), {
             key: btn.id,
@@ -36896,7 +36897,7 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const ToolBarMobile = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["__scopeId", "data-v-f3dd7c43"]]);
+const ToolBarMobile = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["__scopeId", "data-v-a79427fd"]]);
 const customFormatter = (options) => {
   if (isEmpty(options.cellValue) || isEmpty(options.tabObj))
     return options.cellValue;
@@ -36922,7 +36923,7 @@ const _hoisted_5$2 = {
   key: 0,
   class: "pagination-div"
 };
-const _sfc_main$J = /* @__PURE__ */ defineComponent({
+const _sfc_main$C = /* @__PURE__ */ defineComponent({
   __name: "TableRenderMobile",
   props: /* @__PURE__ */ mergeModels({
     tableId: {
@@ -37051,7 +37052,7 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
       const _directive_loading = resolveDirective("loading");
       return withDirectives((openBlock(), createElementBlock("div", _hoisted_1$a, [
         createElementVNode("div", _hoisted_2$8, [
-          createVNode(_sfc_main$L, {
+          createVNode(_sfc_main$E, {
             frame: __props.queryConfig,
             onQueryClick: queryClick
           }, null, 8, ["frame"])
@@ -37147,26 +37148,7 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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 TableRenderMobile = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["__scopeId", "data-v-8d24642d"]]);
 const _hoisted_1$9 = { class: "table-card-render-client" };
 const _hoisted_2$7 = {
   key: 1,
@@ -37177,7 +37159,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$H = /* @__PURE__ */ defineComponent({
+const _sfc_main$B = /* @__PURE__ */ defineComponent({
   __name: "TableCardRenderClient",
   props: /* @__PURE__ */ mergeModels({
     tableId: {
@@ -37431,14 +37413,14 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Client = /* @__PURE__ */ _export_sfc(_sfc_main$H, [["__scopeId", "data-v-8a376fa7"]]);
+const Client = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["__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$G = /* @__PURE__ */ defineComponent({
+const _sfc_main$A = /* @__PURE__ */ defineComponent({
   __name: "TableCardRenderMobile",
   props: /* @__PURE__ */ mergeModels({
     tableId: {
@@ -37672,8 +37654,8 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Mobile = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["__scopeId", "data-v-2e3c5fe2"]]);
-const _sfc_main$F = /* @__PURE__ */ defineComponent({
+const Mobile = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["__scopeId", "data-v-2e3c5fe2"]]);
+const _sfc_main$z = /* @__PURE__ */ defineComponent({
   __name: "TableCardRenderProxy",
   setup(__props) {
     const currentComponent = computed(() => isMobileDevice.value ? Mobile : Client);
@@ -37689,15 +37671,15 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
     };
   }
 });
-_sfc_main$F.install = (app) => {
-  app.component("KeTableCardRender", _sfc_main$F);
+_sfc_main$z.install = (app) => {
+  app.component("KeTableCardRender", _sfc_main$z);
 };
 const _hoisted_1$7 = { class: "table-render-client" };
 const _hoisted_2$5 = {
   key: 1,
   class: "table-tool-button"
 };
-const _sfc_main$E = /* @__PURE__ */ defineComponent({
+const _sfc_main$y = /* @__PURE__ */ defineComponent({
   __name: "TableTreeRender",
   props: {
     tableId: {
@@ -37898,13 +37880,13 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const KeTableTreeRender = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["__scopeId", "data-v-b06f3a94"]]);
+const KeTableTreeRender = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__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$D = /* @__PURE__ */ defineComponent({
+const _sfc_main$x = /* @__PURE__ */ defineComponent({
   __name: "TableCheckBoxAsync",
   props: /* @__PURE__ */ mergeModels({
     value: {
@@ -38057,12 +38039,12 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const KeTableCheckBoxAsync = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["__scopeId", "data-v-843c7943"]]);
+const KeTableCheckBoxAsync = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__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$C = /* @__PURE__ */ defineComponent({
+const _sfc_main$w = /* @__PURE__ */ defineComponent({
   __name: "TableInput",
   props: /* @__PURE__ */ mergeModels({
     value: {
@@ -38175,10 +38157,10 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const KeTableInput = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["__scopeId", "data-v-45577ce0"]]);
+const KeTableInput = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["__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$B = /* @__PURE__ */ defineComponent({
+const _sfc_main$v = /* @__PURE__ */ defineComponent({
   __name: "TableInputNumber",
   props: /* @__PURE__ */ mergeModels({
     value: {
@@ -38295,11 +38277,11 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const KeTableInputNumber = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["__scopeId", "data-v-b622e1f6"]]);
+const KeTableInputNumber = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["__scopeId", "data-v-b622e1f6"]]);
 KeTableInputNumber.install = (app) => {
   app.component(KeTableInputNumber.__name, KeTableInputNumber);
 };
-const _sfc_main$A = /* @__PURE__ */ defineComponent({
+const _sfc_main$u = /* @__PURE__ */ defineComponent({
   __name: "TableSelect",
   props: {
     value: {
@@ -38378,10 +38360,10 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
     };
   }
 });
-_sfc_main$A.install = (app) => {
-  app.component(_sfc_main$A.__name, _sfc_main$A);
+_sfc_main$u.install = (app) => {
+  app.component(_sfc_main$u.__name, _sfc_main$u);
 };
-const _sfc_main$z = /* @__PURE__ */ defineComponent({
+const _sfc_main$t = /* @__PURE__ */ defineComponent({
   __name: "TableSelectAsync",
   props: /* @__PURE__ */ mergeModels({
     value: {
@@ -38445,10 +38427,10 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
     };
   }
 });
-_sfc_main$z.install = (app) => {
-  app.component(_sfc_main$z.__name, _sfc_main$z);
+_sfc_main$t.install = (app) => {
+  app.component(_sfc_main$t.__name, _sfc_main$t);
 };
-const _sfc_main$y = /* @__PURE__ */ defineComponent({
+const _sfc_main$s = /* @__PURE__ */ defineComponent({
   __name: "TableSwitch",
   props: /* @__PURE__ */ mergeModels({
     value: {
@@ -38491,13 +38473,13 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
     };
   }
 });
-_sfc_main$y.install = (app) => {
-  app.component(_sfc_main$y.__name, _sfc_main$y);
+_sfc_main$s.install = (app) => {
+  app.component(_sfc_main$s.__name, _sfc_main$s);
 };
-const _sfc_main$x = /* @__PURE__ */ defineComponent({
+const _sfc_main$r = /* @__PURE__ */ defineComponent({
   __name: "QueryBarProxy",
   setup(__props) {
-    const currentComponent = computed(() => isMobileDevice.value ? _sfc_main$L : _sfc_main$O);
+    const currentComponent = computed(() => isMobileDevice.value ? _sfc_main$E : _sfc_main$H);
     const attrs = useAttrs();
     const forwardedAttrs = attrs;
     return (_ctx, _cache) => {
@@ -38510,10 +38492,10 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
     };
   }
 });
-_sfc_main$x.install = (app) => {
-  app.component("KeliQueryBar", _sfc_main$x);
+_sfc_main$r.install = (app) => {
+  app.component("KeliQueryBar", _sfc_main$r);
 };
-const _sfc_main$w = /* @__PURE__ */ defineComponent({
+const _sfc_main$q = /* @__PURE__ */ defineComponent({
   __name: "QueryDateTimeClient",
   props: /* @__PURE__ */ mergeModels({
     value: {
@@ -38578,10 +38560,10 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
     };
   }
 });
-_sfc_main$w.install = (app) => {
-  app.component(_sfc_main$w.__name, _sfc_main$w);
+_sfc_main$q.install = (app) => {
+  app.component(_sfc_main$q.__name, _sfc_main$q);
 };
-const _sfc_main$v = /* @__PURE__ */ defineComponent({
+const _sfc_main$p = /* @__PURE__ */ defineComponent({
   __name: "QueryInput",
   props: /* @__PURE__ */ mergeModels({
     value: {
@@ -38611,10 +38593,10 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
     };
   }
 });
-_sfc_main$v.install = (app) => {
-  app.component(_sfc_main$v.__name, _sfc_main$v);
+_sfc_main$p.install = (app) => {
+  app.component(_sfc_main$p.__name, _sfc_main$p);
 };
-const _sfc_main$u = /* @__PURE__ */ defineComponent({
+const _sfc_main$o = /* @__PURE__ */ defineComponent({
   __name: "QueryInputLike",
   props: /* @__PURE__ */ mergeModels({
     value: {
@@ -38644,10 +38626,10 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
     };
   }
 });
-_sfc_main$u.install = (app) => {
-  app.component(_sfc_main$u.__name, _sfc_main$u);
+_sfc_main$o.install = (app) => {
+  app.component(_sfc_main$o.__name, _sfc_main$o);
 };
-const _sfc_main$t = /* @__PURE__ */ defineComponent({
+const _sfc_main$n = /* @__PURE__ */ defineComponent({
   __name: "QuerySelectClient",
   props: /* @__PURE__ */ mergeModels({
     value: {
@@ -38700,24 +38682,10 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const KeliQuerySelect = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["__scopeId", "data-v-d1b8eb49"]]);
+const KeliQuerySelect = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-d1b8eb49"]]);
 KeliQuerySelect.install = (app) => {
   app.component(KeliQuerySelect.__name, KeliQuerySelect);
 };
-const _sfc_main$s = /* @__PURE__ */ defineComponent({
-  __name: "ToolBarProxy",
-  setup(__props) {
-    const currentComponent = computed(() => isMobileDevice.value ? ToolBarMobile : ToolBarClient);
-    const attrs = useAttrs();
-    const forwardedAttrs = attrs;
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(resolveDynamicComponent(currentComponent.value), normalizeProps(guardReactiveProps(unref(forwardedAttrs))), null, 16);
-    };
-  }
-});
-_sfc_main$s.install = (app) => {
-  app.component(_sfc_main$s.__name, _sfc_main$s);
-};
 const useMittHook = (fieldName, mittId) => {
   if (!mittId) {
     return {
@@ -38743,7 +38711,7 @@ const useMittHook = (fieldName, mittId) => {
   };
   return { registerMitt, offMitt };
 };
-const _sfc_main$r = /* @__PURE__ */ defineComponent({
+const _sfc_main$m = /* @__PURE__ */ defineComponent({
   __name: "FormCascaderAsync",
   props: /* @__PURE__ */ mergeModels({
     value: {
@@ -38845,11 +38813,8 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
     };
   }
 });
-_sfc_main$r.install = (app) => {
-  app.component(_sfc_main$r.__name, _sfc_main$r);
-};
 const isLoadFail = false;
-const _sfc_main$q = /* @__PURE__ */ defineComponent({
+const _sfc_main$l = /* @__PURE__ */ defineComponent({
   __name: "FormCheckBoxAsync",
   props: /* @__PURE__ */ mergeModels({
     value: {
@@ -38977,13 +38942,10 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
     };
   }
 });
-_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$p = /* @__PURE__ */ defineComponent({
+const _sfc_main$k = /* @__PURE__ */ defineComponent({
   __name: "FormDatePickerClient",
   props: /* @__PURE__ */ mergeModels({
     value: {
@@ -39052,8 +39014,8 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FormDatePickerClient = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-dd842b4b"]]);
-const _sfc_main$o = /* @__PURE__ */ defineComponent({
+const FormDatePickerClient = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-dd842b4b"]]);
+const _sfc_main$j = /* @__PURE__ */ defineComponent({
   __name: "FormDatePickerMobile",
   props: /* @__PURE__ */ mergeModels({
     value: {
@@ -39156,69 +39118,10 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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$m = /* @__PURE__ */ defineComponent({
-  __name: "FormDivider",
-  props: {
-    fieldName: {
-      required: true,
-      type: String
-    },
-    fieldTitle: {
-      required: true,
-      type: String
-    },
-    detail: {
-      required: true,
-      type: Object
-    },
-    mittId: {
-      type: null,
-      required: false,
-      default: () => null
-    }
-  },
-  setup(__props) {
-    const props = __props;
-    return (_ctx, _cache) => {
-      const _component_el_divider = resolveComponent("el-divider");
-      return openBlock(), createBlock(_component_el_divider, {
-        "content-position": "left",
-        style: { "border-color": "#b7b9bf" }
-      }, {
-        default: withCtx(() => [
-          createTextVNode(toDisplayString(props.fieldTitle), 1)
-        ]),
-        _: 1
-      });
-    };
-  }
-});
-_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$l = /* @__PURE__ */ defineComponent({
+const _sfc_main$i = /* @__PURE__ */ defineComponent({
   __name: "FormDateTimePickerClient",
   props: /* @__PURE__ */ mergeModels({
     value: {
@@ -39328,8 +39231,8 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FormDateTimePickerClient = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__scopeId", "data-v-f3731a0d"]]);
-const _sfc_main$k = /* @__PURE__ */ defineComponent({
+const FormDateTimePickerClient = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-f3731a0d"]]);
+const _sfc_main$h = /* @__PURE__ */ defineComponent({
   __name: "FormDateTimePickerMobile",
   props: /* @__PURE__ */ mergeModels({
     value: {
@@ -39449,25 +39352,43 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$j = /* @__PURE__ */ defineComponent({
-  __name: "FormDateTimePickerProxy",
+const _sfc_main$g = /* @__PURE__ */ defineComponent({
+  __name: "FormDivider",
+  props: {
+    fieldName: {
+      required: true,
+      type: String
+    },
+    fieldTitle: {
+      required: true,
+      type: String
+    },
+    detail: {
+      required: true,
+      type: Object
+    },
+    mittId: {
+      type: null,
+      required: false,
+      default: () => null
+    }
+  },
   setup(__props) {
-    const currentComponent = computed(() => isMobileDevice.value ? _sfc_main$k : FormDateTimePickerClient);
-    const attrs = useAttrs();
-    const forwardedAttrs = attrs;
+    const props = __props;
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(resolveDynamicComponent(currentComponent.value), normalizeProps(guardReactiveProps(unref(forwardedAttrs))), {
+      const _component_el_divider = resolveComponent("el-divider");
+      return openBlock(), createBlock(_component_el_divider, {
+        "content-position": "left",
+        style: { "border-color": "#b7b9bf" }
+      }, {
         default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default")
+          createTextVNode(toDisplayString(props.fieldTitle), 1)
         ]),
-        _: 3
-      }, 16);
+        _: 1
+      });
     };
   }
 });
-_sfc_main$j.install = (app) => {
-  app.component("KeFormDateTimePicker", _sfc_main$j);
-};
 var rn = Object.defineProperty;
 var Ne = Object.getOwnPropertySymbols;
 var vt = Object.prototype.hasOwnProperty, bt = Object.prototype.propertyIsEnumerable;
@@ -41063,7 +40984,7 @@ const ct = [
     };
   }
 });
-const _sfc_main$i = /* @__PURE__ */ defineComponent({
+const _sfc_main$f = /* @__PURE__ */ defineComponent({
   __name: "FormDynamicTable",
   props: {
     value: {
@@ -41318,10 +41239,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
     };
   }
 });
-_sfc_main$i.install = (app) => {
-  app.component(_sfc_main$i.__name, _sfc_main$i);
-};
-const _sfc_main$h = /* @__PURE__ */ defineComponent({
+const _sfc_main$e = /* @__PURE__ */ defineComponent({
   __name: "FormInput",
   props: /* @__PURE__ */ mergeModels({
     value: {
@@ -41391,10 +41309,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
     };
   }
 });
-_sfc_main$h.install = (app) => {
-  app.component(_sfc_main$h.__name, _sfc_main$h);
-};
-const _sfc_main$g = /* @__PURE__ */ defineComponent({
+const _sfc_main$d = /* @__PURE__ */ defineComponent({
   __name: "FormInputNumber",
   props: /* @__PURE__ */ mergeModels({
     value: {
@@ -41467,11 +41382,8 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const KeFormInputNumber = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-86ef0363"]]);
-KeFormInputNumber.install = (app) => {
-  app.component(KeFormInputNumber.__name, KeFormInputNumber);
-};
-const _sfc_main$f = /* @__PURE__ */ defineComponent({
+const FormInputNumber = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-86ef0363"]]);
+const _sfc_main$c = /* @__PURE__ */ defineComponent({
   __name: "FormRadio",
   props: /* @__PURE__ */ mergeModels({
     value: {
@@ -41540,9 +41452,6 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     };
   }
 });
-_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) => {
   const { frameTreeData, headerFrameData, activeNames } = params;
@@ -41691,7 +41600,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$e = /* @__PURE__ */ defineComponent({
+const _sfc_main$b = /* @__PURE__ */ defineComponent({
   __name: "FormRenderClient",
   props: /* @__PURE__ */ mergeModels({
     isLoading: {
@@ -42047,9 +41956,9 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FormRenderClient = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-30b23a37"]]);
+const FormRenderClient = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-30b23a37"]]);
 const _hoisted_1 = { class: "van-doc-demo-block__title" };
-const _sfc_main$d = /* @__PURE__ */ defineComponent({
+const _sfc_main$a = /* @__PURE__ */ defineComponent({
   __name: "FormRenderMobile",
   props: /* @__PURE__ */ mergeModels({
     isLoading: {
@@ -42291,27 +42200,8 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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$b = /* @__PURE__ */ defineComponent({
+const FormRenderMobile = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-121f69cc"]]);
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   __name: "FormSelectClient",
   props: /* @__PURE__ */ mergeModels({
     value: {
@@ -42392,7 +42282,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$a = /* @__PURE__ */ defineComponent({
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   __name: "FormSelectMobile",
   props: /* @__PURE__ */ mergeModels({
     value: {
@@ -42598,25 +42488,6 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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;
   const loading = ref(false);
@@ -42702,7 +42573,7 @@ const useSelectAsync = (params) => {
     init
   };
 };
-const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   __name: "FormSelectAsyncClient",
   props: /* @__PURE__ */ mergeModels({
     value: {
@@ -42792,7 +42663,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   __name: "FormSelectAsyncMobile",
   props: /* @__PURE__ */ mergeModels({
     value: {
@@ -42950,25 +42821,6 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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",
   props: /* @__PURE__ */ mergeModels({
@@ -43091,9 +42943,6 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-_sfc_main$5.install = (app) => {
-  app.component(_sfc_main$5.__name, _sfc_main$5);
-};
 const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   __name: "FormSwitch",
   props: /* @__PURE__ */ mergeModels({
@@ -43153,9 +43002,6 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-_sfc_main$4.install = (app) => {
-  app.component(_sfc_main$4.__name, _sfc_main$4);
-};
 const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   __name: "FormTableSelect",
   props: /* @__PURE__ */ mergeModels({
@@ -43294,7 +43140,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   }
 });
 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
-  __name: "FormTableSelectAsyncClient",
+  __name: "FormTableSelectAsync",
   props: /* @__PURE__ */ mergeModels({
     value: {
       required: false,
@@ -43494,9 +43340,6 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-_sfc_main$1.install = (app) => {
-  app.component(_sfc_main$1.__name, _sfc_main$1);
-};
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "FormTextArea",
   props: /* @__PURE__ */ mergeModels({
@@ -43553,9 +43396,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-_sfc_main.install = (app) => {
-  app.component(_sfc_main.__name, _sfc_main);
-};
 const zhCN = {
   vxe: {
     base: {
@@ -81533,45 +81373,76 @@ setI18n$1(defaultLanguage, zhCN);
 setLanguage$1(defaultLanguage);
 setTheme$1("light");
 const components = [
-  { name: "KeTableRender", component: _sfc_main$I },
-  { name: "KeTableCardRender", component: _sfc_main$F },
+  { name: "KeTableCardRender", component: _sfc_main$z },
   { name: "KeTableTreeRender", component: KeTableTreeRender },
   { name: "KeTableCheckBoxAsync", component: KeTableCheckBoxAsync },
   { name: "KeTableInput", component: KeTableInput },
   { name: "KeTableInputNumber", component: KeTableInputNumber },
-  { 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$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$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 },
-  { name: "KeFormTableSelectAsync", component: _sfc_main$2 },
-  { name: "KeFormText", component: _sfc_main$1 },
-  { name: "KeFormTextArea", component: _sfc_main }
+  { name: "KeTableSelect", component: _sfc_main$u },
+  { name: "KeTableSelectAsync", component: _sfc_main$t },
+  { name: "KeTableSwitch", component: _sfc_main$s },
+  { name: "KeQueryBar", component: _sfc_main$r },
+  { name: "KeQueryDateTime", component: _sfc_main$q },
+  { name: "KeQueryInput", component: _sfc_main$p },
+  { name: "KeQueryInputLike", component: _sfc_main$o },
+  { name: "KeQuerySelect", component: KeliQuerySelect }
 ];
+const getComponents = () => {
+  if (isMobileDevice.value) {
+    return [
+      { name: "KeFormCascaderAsync", component: _sfc_main$m },
+      { name: "KeFormCheckBoxAsync", component: _sfc_main$l },
+      { name: "KeFormDatePicker", component: FormDatePickerClient },
+      { name: "KeFormDateTimePicker", component: FormDateTimePickerClient },
+      { name: "KeFormDivider", component: _sfc_main$g },
+      { name: "KeFormDynamicTable", component: _sfc_main$f },
+      { name: "KeFormInput", component: _sfc_main$e },
+      { name: "KeFormInputNumber", component: FormInputNumber },
+      { name: "KeFormRadio", component: _sfc_main$c },
+      { name: "KeFormRender", component: FormRenderClient },
+      { name: "KeFormSelect", component: _sfc_main$9 },
+      { name: "KeFormSelectAsync", component: _sfc_main$7 },
+      { name: "KeFormSelectRemote", component: _sfc_main$5 },
+      { name: "KeFormSwitch", component: _sfc_main$4 },
+      { name: "KeFormTableSelect", component: _sfc_main$3 },
+      { name: "KeFormTableSelectAsync", component: _sfc_main$2 },
+      { name: "KeFormText", component: _sfc_main$1 },
+      { name: "KeFormTextArea", component: _sfc_main },
+      { name: "KeToolBar", component: ToolBarClient },
+      { name: "KeTableRender", component: _sfc_main$F }
+    ];
+  }
+  return [
+    { name: "KeFormCascaderAsync", component: _sfc_main$m },
+    { name: "KeFormCheckBoxAsync", component: _sfc_main$l },
+    { name: "KeFormDatePicker", component: _sfc_main$j },
+    { name: "KeFormDateTimePicker", component: _sfc_main$h },
+    { name: "KeFormDivider", component: _sfc_main$g },
+    { name: "KeFormDynamicTable", component: _sfc_main$f },
+    { name: "KeFormInput", component: _sfc_main$e },
+    { name: "KeFormInputNumber", component: FormInputNumber },
+    { name: "KeFormRadio", component: _sfc_main$c },
+    { name: "KeFormRender", component: FormRenderMobile },
+    { name: "KeFormSelect", component: _sfc_main$8 },
+    { name: "KeFormSelectAsync", component: _sfc_main$6 },
+    { name: "KeFormSelectRemote", component: _sfc_main$5 },
+    { name: "KeFormSwitch", component: _sfc_main$4 },
+    { name: "KeFormTableSelect", component: _sfc_main$3 },
+    { name: "KeFormTableSelectAsync", component: _sfc_main$2 },
+    { name: "KeFormText", component: _sfc_main$1 },
+    { name: "KeFormTextArea", component: _sfc_main },
+    { name: "KeToolBar", component: ToolBarMobile },
+    { name: "KeTableRender", component: TableRenderMobile }
+  ];
+};
 const install = (app) => {
   app.use(VxeTooltip);
   components.forEach(({ name: name2, component: component2 }) => {
     app.component(name2, component2);
   });
+  getComponents().forEach(({ name: name2, component: component2 }) => {
+    app.component(name2, component2);
+  });
 };
 const index = {
   install
@@ -81580,39 +81451,6 @@ export {
   Colgroup,
   Column,
   Grid,
-  _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$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,
-  _sfc_main$x as KeQueryBar,
-  _sfc_main$w as KeQueryDateTime,
-  _sfc_main$v as KeQueryInput,
-  _sfc_main$u as KeQueryInputLike,
-  KeliQuerySelect as KeQuerySelect,
-  _sfc_main$F as KeTableCardRender,
-  KeTableCheckBoxAsync,
-  KeTableInput,
-  KeTableInputNumber,
-  _sfc_main$I as KeTableRender,
-  _sfc_main$A as KeTableSelect,
-  _sfc_main$z as KeTableSelectAsync,
-  _sfc_main$y as KeTableSwitch,
-  KeTableTreeRender,
-  _sfc_main$s as KeToolBar,
   Table,
   Toolbar,
   VXETable,