keli-ui 0.0.4 → 0.0.6

package/dist/keli-ui.js

@@ -1,4 +1,4 @@
-import { defineComponent, createElementBlock, openBlock, createElementVNode, onMounted, nextTick, getCurrentScope, onScopeDispose, getCurrentInstance, computed, shallowRef, watch, toValue, reactive, inject, provide, createCommentVNode, h, ref, onUnmounted, TransitionGroup, Teleport, onActivated, onDeactivated, onBeforeUnmount, resolveComponent, unref, watchEffect, readonly, isRef, warn, mergeProps, renderSlot, toRef, useAttrs as useAttrs$1, useSlots, normalizeStyle, normalizeClass, Fragment, createBlock, withCtx, resolveDynamicComponent, withModifiers, createVNode, toDisplayString, Transition, withDirectives, createTextVNode, vShow, Text, shallowReactive, isVNode, render, withKeys, markRaw, toRefs, createApp, renderList, mergeModels, useModel, resolveDirective, createSlots } from "vue";
+import { defineComponent, createElementBlock, openBlock, createElementVNode, onMounted, nextTick, getCurrentScope, onScopeDispose, getCurrentInstance, computed, shallowRef, watch, toValue, reactive, inject, provide, createCommentVNode, h, ref, onUnmounted, TransitionGroup, Teleport, onActivated, onDeactivated, onBeforeUnmount, resolveComponent, unref, watchEffect, readonly, isRef, warn, mergeProps, renderSlot, toRef, useAttrs as useAttrs$1, useSlots, normalizeStyle, normalizeClass, Fragment, createBlock, withCtx, resolveDynamicComponent, withModifiers, createVNode, toDisplayString, Transition, withDirectives, createTextVNode, vShow, Text, shallowReactive, isVNode, render, withKeys, markRaw, toRefs, createApp, renderList, mergeModels, useModel, resolveDirective, createSlots, normalizeProps, guardReactiveProps } from "vue";
 /*! Element Plus Icons Vue v2.3.1 */
 var circle_check_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
   name: "CircleCheck",
@@ -32487,7 +32487,7 @@ const __default__$6 = defineComponent({
   name: "ElIcon",
   inheritAttrs: false
 });
-const _sfc_main$n = /* @__PURE__ */ defineComponent({
+const _sfc_main$s = /* @__PURE__ */ defineComponent({
   ...__default__$6,
   props: iconProps$1,
   setup(__props) {
@@ -32512,7 +32512,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Icon$1 = /* @__PURE__ */ _export_sfc$1(_sfc_main$n, [["__file", "icon.vue"]]);
+var Icon$1 = /* @__PURE__ */ _export_sfc$1(_sfc_main$s, [["__file", "icon.vue"]]);
 const ElIcon = withInstall$1(Icon$1);
 const iconPropType = definePropType([
   String,
@@ -32976,7 +32976,7 @@ const __default__$5 = defineComponent({
   name: COMPONENT_NAME,
   inheritAttrs: false
 });
-const _sfc_main$m = /* @__PURE__ */ defineComponent({
+const _sfc_main$r = /* @__PURE__ */ defineComponent({
   ...__default__$5,
   props: inputProps,
   emits: inputEmits,
@@ -33388,7 +33388,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Input = /* @__PURE__ */ _export_sfc$1(_sfc_main$m, [["__file", "input.vue"]]);
+var Input = /* @__PURE__ */ _export_sfc$1(_sfc_main$r, [["__file", "input.vue"]]);
 const ElInput = withInstall$1(Input);
 const FOCUSABLE_ELEMENT_SELECTORS = `a[href],button:not([disabled]),button:not([hidden]),:not([tabindex="-1"]),input:not([disabled]),input:not([type="hidden"]),select:not([disabled]),textarea:not([disabled])`;
 const isVisible = (element) => {
@@ -33608,7 +33608,7 @@ const useEscapeKeydown = (handler) => {
     }
   });
 };
-const _sfc_main$l = defineComponent({
+const _sfc_main$q = defineComponent({
   name: "ElFocusTrap",
   inheritAttrs: false,
   props: {
@@ -33853,7 +33853,7 @@ const _sfc_main$l = defineComponent({
 function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
   return renderSlot(_ctx.$slots, "default", { handleKeydown: _ctx.onKeydown });
 }
-var ElFocusTrap = /* @__PURE__ */ _export_sfc$1(_sfc_main$l, [["render", _sfc_render$1], ["__file", "focus-trap.vue"]]);
+var ElFocusTrap = /* @__PURE__ */ _export_sfc$1(_sfc_main$q, [["render", _sfc_render$1], ["__file", "focus-trap.vue"]]);
 const badgeProps$1 = buildProps({
   value: {
     type: [String, Number],
@@ -33889,7 +33889,7 @@ const badgeProps$1 = buildProps({
 const __default__$4 = defineComponent({
   name: "ElBadge"
 });
-const _sfc_main$k = /* @__PURE__ */ defineComponent({
+const _sfc_main$p = /* @__PURE__ */ defineComponent({
   ...__default__$4,
   props: badgeProps$1,
   setup(__props, { expose }) {
@@ -33951,7 +33951,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Badge$1 = /* @__PURE__ */ _export_sfc$1(_sfc_main$k, [["__file", "badge.vue"]]);
+var Badge$1 = /* @__PURE__ */ _export_sfc$1(_sfc_main$p, [["__file", "badge.vue"]]);
 const ElBadge = withInstall$1(Badge$1);
 const buttonGroupContextKey = Symbol("buttonGroupContextKey");
 const useDeprecated = ({ from, replacement, scope, version: version2, ref: ref2, type = "API" }, condition) => {
@@ -35024,7 +35024,7 @@ function useButtonCustomStyle(props) {
 const __default__$3 = defineComponent({
   name: "ElButton"
 });
-const _sfc_main$j = /* @__PURE__ */ defineComponent({
+const _sfc_main$o = /* @__PURE__ */ defineComponent({
   ...__default__$3,
   props: buttonProps$1,
   emits: buttonEmits,
@@ -35091,7 +35091,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Button$1 = /* @__PURE__ */ _export_sfc$1(_sfc_main$j, [["__file", "button.vue"]]);
+var Button$1 = /* @__PURE__ */ _export_sfc$1(_sfc_main$o, [["__file", "button.vue"]]);
 const buttonGroupProps = {
   size: buttonProps$1.size,
   type: buttonProps$1.type
@@ -35099,7 +35099,7 @@ const buttonGroupProps = {
 const __default__$2 = defineComponent({
   name: "ElButtonGroup"
 });
-const _sfc_main$i = /* @__PURE__ */ defineComponent({
+const _sfc_main$n = /* @__PURE__ */ defineComponent({
   ...__default__$2,
   props: buttonGroupProps,
   setup(__props) {
@@ -35118,7 +35118,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ButtonGroup = /* @__PURE__ */ _export_sfc$1(_sfc_main$i, [["__file", "button-group.vue"]]);
+var ButtonGroup = /* @__PURE__ */ _export_sfc$1(_sfc_main$n, [["__file", "button-group.vue"]]);
 const ElButton = withInstall$1(Button$1, {
   ButtonGroup
 });
@@ -35773,7 +35773,7 @@ const getOffsetOrSpace = (id, offset) => {
 const __default__$1 = defineComponent({
   name: "ElMessage"
 });
-const _sfc_main$h = /* @__PURE__ */ defineComponent({
+const _sfc_main$m = /* @__PURE__ */ defineComponent({
   ...__default__$1,
   props: messageProps,
   emits: messageEmits,
@@ -35914,7 +35914,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var MessageConstructor = /* @__PURE__ */ _export_sfc$1(_sfc_main$h, [["__file", "message.vue"]]);
+var MessageConstructor = /* @__PURE__ */ _export_sfc$1(_sfc_main$m, [["__file", "message.vue"]]);
 let seed$1 = 1;
 const normalizeOptions = (params) => {
   const options = !params || isString$1(params) || isVNode(params) || isFunction$2(params) ? { message: params } : params;
@@ -36083,7 +36083,7 @@ const TrapFocus = {
     }
   }
 };
-const _sfc_main$g = defineComponent({
+const _sfc_main$l = defineComponent({
   name: "ElMessageBox",
   directives: {
     TrapFocus
@@ -36560,7 +36560,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   }, 8, ["onAfterLeave"]);
 }
-var MessageBoxConstructor = /* @__PURE__ */ _export_sfc$1(_sfc_main$g, [["render", _sfc_render], ["__file", "index.vue"]]);
+var MessageBoxConstructor = /* @__PURE__ */ _export_sfc$1(_sfc_main$l, [["render", _sfc_render], ["__file", "index.vue"]]);
 const messageInstance = /* @__PURE__ */ new Map();
 const getAppendToElement = (props) => {
   let appendTo = document.body;
@@ -36773,7 +36773,7 @@ const notificationEmits = {
 const __default__ = defineComponent({
   name: "ElNotification"
 });
-const _sfc_main$f = /* @__PURE__ */ defineComponent({
+const _sfc_main$k = /* @__PURE__ */ defineComponent({
   ...__default__,
   props: notificationProps,
   emits: notificationEmits,
@@ -36902,7 +36902,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var NotificationConstructor = /* @__PURE__ */ _export_sfc$1(_sfc_main$f, [["__file", "notification.vue"]]);
+var NotificationConstructor = /* @__PURE__ */ _export_sfc$1(_sfc_main$k, [["__file", "notification.vue"]]);
 const notifications = {
   "top-left": [],
   "top-right": [],
@@ -39762,8 +39762,7 @@ const msgTips = { alert, elNotification, tips };
   }
 })();
 function useCopyPaste(params) {
-  var _a2;
-  if (!((_a2 = params.rowConfig) == null ? void 0 : _a2.height)) {
+  if (!params.rowConfig || !params.rowConfig.height) {
     return {
       cellArea: () => {
       },
@@ -40209,9 +40208,9 @@ function useCopyPaste(params) {
     }
     if (pasteEventHandler) return;
     pasteEventHandler = (event) => {
-      var _a3;
+      var _a2;
       event.preventDefault();
-      const clipboardData = (_a3 = event.clipboardData) == null ? void 0 : _a3.getData("text");
+      const clipboardData = (_a2 = event.clipboardData) == null ? void 0 : _a2.getData("text");
       if (!clipboardData) {
         console.warn("剪贴板中没有数据");
         return;
@@ -40346,7 +40345,7 @@ const mergeObjects = (queryData, typeData) => {
   return mergedObj;
 };
 const _hoisted_1$a = { style: { "width": "100%", "text-align": "right" } };
-const _sfc_main$e = /* @__PURE__ */ defineComponent({
+const _sfc_main$j = /* @__PURE__ */ defineComponent({
   __name: "QueryBarClient",
   props: {
     frame: {
@@ -40513,7 +40512,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$d = /* @__PURE__ */ defineComponent({
+const _sfc_main$i = /* @__PURE__ */ defineComponent({
   __name: "ToolBarClient",
   props: {
     toolButtons: {
@@ -40556,17 +40555,17 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const ToolBar = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-1d587f27"]]);
-const _hoisted_1$9 = { class: "table-render-client" };
+const ToolBarClient = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-a54415be"]]);
+const _hoisted_1$9 = { class: "ke-table-render-client" };
 const _hoisted_2$6 = {
   key: 1,
-  class: "table-tool-button"
+  class: "ke-table-tool-button"
 };
 const _hoisted_3$3 = {
   key: 2,
-  class: "pagination-div"
+  class: "ke-pagination-div"
 };
-const _sfc_main$c = /* @__PURE__ */ defineComponent({
+const _sfc_main$h = /* @__PURE__ */ defineComponent({
   __name: "TableRenderClient",
   props: /* @__PURE__ */ mergeModels({
     tableId: {
@@ -40675,6 +40674,9 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     });
     const vxeGridContainerRef = ref();
     const { height: vxeGridContainerHeight } = useElementSize(vxeGridContainerRef);
+    watch(() => vxeGridContainerHeight, () => {
+      console.log(vxeGridContainerHeight.value);
+    });
     let queryData = {};
     const btnClick = (data, button, rowIndex) => {
       useButtonExec(data, button, rowIndex);
@@ -40721,14 +40723,15 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
       const _component_el_button = resolveComponent("el-button");
       const _component_el_pagination = resolveComponent("el-pagination");
       return openBlock(), createElementBlock("div", _hoisted_1$9, [
-        __props.queryConfig && __props.queryConfig.length > 0 ? (openBlock(), createBlock(_sfc_main$e, {
+        createTextVNode(" 高度：" + toDisplayString(unref(vxeGridContainerHeight)) + " ", 1),
+        __props.queryConfig && __props.queryConfig.length > 0 ? (openBlock(), createBlock(_sfc_main$j, {
           key: 0,
           frame: __props.queryConfig,
-          class: "query-bar-client",
+          class: "ke-query-bar-client",
           onQueryClick: queryClick
         }, null, 8, ["frame"])) : createCommentVNode("", true),
         __props.tableToolButtons && __props.tableToolButtons.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_2$6, [
-          createVNode(ToolBar, { "tool-buttons": __props.tableToolButtons }, {
+          createVNode(ToolBarClient, { "tool-buttons": __props.tableToolButtons }, {
             "custom-button": withCtx(() => [
               createVNode(_component_el_button, {
                 icon: unref(setting_default),
@@ -40738,7 +40741,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
                 icon: unref(download_default),
                 onClick: exportData
               }, null, 8, ["icon"]),
-              renderSlot(_ctx.$slots, "tool-bar", {}, void 0, true)
+              renderSlot(_ctx.$slots, "tool-bar")
             ]),
             _: 3
           }, 8, ["tool-buttons"])
@@ -40746,7 +40749,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
         createElementVNode("div", {
           ref_key: "vxeGridContainerRef",
           ref: vxeGridContainerRef,
-          class: "vxe-grid-container"
+          class: "ke-vxe-grid-container"
         }, [
           createElementVNode("div", {
             ref_key: "cellArea",
@@ -40843,7 +40846,6 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TableRenderClient = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-aedf503a"]]);
 const customFormatter = (options) => {
   if (isEmpty(options.cellValue) || isEmpty(options.tabObj))
     return options.cellValue;
@@ -40862,7 +40864,7 @@ const customFormatter = (options) => {
   return options.cellValue;
 };
 const _hoisted_1$8 = { style: { "margin": "16px" } };
-const _sfc_main$b = /* @__PURE__ */ defineComponent({
+const _sfc_main$g = /* @__PURE__ */ defineComponent({
   __name: "QueryBarMobile",
   props: {
     frame: {
@@ -40992,7 +40994,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
   }
 });
 const _hoisted_1$7 = { class: "button-container" };
-const _sfc_main$a = /* @__PURE__ */ defineComponent({
+const _sfc_main$f = /* @__PURE__ */ defineComponent({
   __name: "ToolBarMobile",
   props: {
     toolButtons: {
@@ -41055,7 +41057,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const ToolBarMobile = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-e19155b1"]]);
+const ToolBarMobile = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-c0feb3aa"]]);
 const _hoisted_1$6 = { class: "table-render-mobile" };
 const _hoisted_2$5 = { class: "table-render-mobile-search" };
 const _hoisted_3$2 = { class: "table-tool-button" };
@@ -41064,7 +41066,7 @@ const _hoisted_5$2 = {
   key: 0,
   class: "pagination-div"
 };
-const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+const _sfc_main$e = /* @__PURE__ */ defineComponent({
   __name: "TableRenderMobile",
   props: /* @__PURE__ */ mergeModels({
     tableId: {
@@ -41193,7 +41195,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
       const _directive_loading = resolveDirective("loading");
       return withDirectives((openBlock(), createElementBlock("div", _hoisted_1$6, [
         createElementVNode("div", _hoisted_2$5, [
-          createVNode(_sfc_main$b, {
+          createVNode(_sfc_main$g, {
             frame: __props.queryConfig,
             onQueryClick: queryClick
           }, null, 8, ["frame"])
@@ -41289,8 +41291,8 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TableRenderMobile = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-24559185"]]);
-const KeliTableRender = isMobileDevice.value ? TableRenderMobile : TableRenderClient;
+const TableRenderMobile = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-24559185"]]);
+const KeliTableRender = isMobileDevice.value ? TableRenderMobile : _sfc_main$h;
 KeliTableRender.install = (app) => {
   app.component(KeliTableRender.__name, KeliTableRender);
 };
@@ -41304,7 +41306,7 @@ const _hoisted_4$1 = ["src"];
 const _hoisted_5$1 = { class: "title-wrapper" };
 const _hoisted_6$1 = { class: "title-text" };
 const _hoisted_7 = { class: "pagination-div" };
-const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+const _sfc_main$d = /* @__PURE__ */ defineComponent({
   __name: "TableCardRenderClient",
   props: /* @__PURE__ */ mergeModels({
     tableId: {
@@ -41558,14 +41560,14 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TableCardRenderClient = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-f727ae8d"]]);
+const TableCardRenderClient = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-f727ae8d"]]);
 const _hoisted_1$4 = { class: "table-render-mobile" };
 const _hoisted_2$3 = { class: "table-render-mobile-search" };
 const _hoisted_3 = { class: "table-tool-button" };
 const _hoisted_4 = { class: "table-render-mobile-content" };
 const _hoisted_5 = ["src"];
 const _hoisted_6 = { class: "pagination-div" };
-const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+const _sfc_main$c = /* @__PURE__ */ defineComponent({
   __name: "TableCardRenderMobile",
   props: /* @__PURE__ */ mergeModels({
     tableId: {
@@ -41799,7 +41801,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TableCardRenderMobile = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-f646ed8a"]]);
+const TableCardRenderMobile = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-f646ed8a"]]);
 const KeliTableCardRender = isMobileDevice.value ? TableCardRenderMobile : TableCardRenderClient;
 KeliTableCardRender.install = (app) => {
   app.component(KeliTableCardRender.__name, KeliTableCardRender);
@@ -41809,7 +41811,7 @@ const _hoisted_2$2 = {
   key: 1,
   class: "table-tool-button"
 };
-const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+const _sfc_main$b = /* @__PURE__ */ defineComponent({
   __name: "TableTreeRender",
   props: {
     tableId: {
@@ -42010,13 +42012,13 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const KeliTableTreeRender = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-ab548e2d"]]);
+const KeliTableTreeRender = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-ab548e2d"]]);
 KeliTableTreeRender.install = (app) => {
   app.component(KeliTableTreeRender.__name, KeliTableTreeRender);
 };
 const _hoisted_1$2 = { class: "table-check-box-async" };
 const _hoisted_2$1 = { class: "dialog-header" };
-const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+const _sfc_main$a = /* @__PURE__ */ defineComponent({
   __name: "TableCheckBoxAsync",
   props: /* @__PURE__ */ mergeModels({
     value: {
@@ -42166,12 +42168,12 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const KeliTableCheckBoxAsync = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-16ccc8c0"]]);
+const KeliTableCheckBoxAsync = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-16ccc8c0"]]);
 KeliTableCheckBoxAsync.install = (app) => {
   app.component(KeliTableCheckBoxAsync.__name, KeliTableCheckBoxAsync);
 };
 const _hoisted_1$1 = { style: { "margin": "4px 0 0", "text-align": "right" } };
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   __name: "TableInput",
   props: /* @__PURE__ */ mergeModels({
     value: {
@@ -42284,10 +42286,10 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const KeliTableInput = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-d7547436"]]);
+const KeliTableInput = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-d7547436"]]);
 const _hoisted_1 = { style: { "width": "100%" } };
 const _hoisted_2 = { style: { "margin": "4px 0 0", "text-align": "right" } };
-const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   __name: "TableInputNumber",
   props: /* @__PURE__ */ mergeModels({
     value: {
@@ -42404,11 +42406,11 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const KeliTableInputNumber = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-305591d3"]]);
+const KeliTableInputNumber = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-305591d3"]]);
 KeliTableInputNumber.install = (app) => {
   app.component(KeliTableInputNumber.__name, KeliTableInputNumber);
 };
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   __name: "TableSelect",
   props: {
     value: {
@@ -42487,10 +42489,10 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-_sfc_main$2.install = (app) => {
-  app.component(_sfc_main$2.__name, _sfc_main$2);
+_sfc_main$7.install = (app) => {
+  app.component(_sfc_main$7.__name, _sfc_main$7);
 };
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   __name: "TableSelectAsync",
   props: /* @__PURE__ */ mergeModels({
     value: {
@@ -42554,10 +42556,10 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-_sfc_main$1.install = (app) => {
-  app.component(_sfc_main$1.__name, _sfc_main$1);
+_sfc_main$6.install = (app) => {
+  app.component(_sfc_main$6.__name, _sfc_main$6);
 };
-const _sfc_main = /* @__PURE__ */ defineComponent({
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   __name: "TableSwitch",
   props: /* @__PURE__ */ mergeModels({
     value: {
@@ -42600,6 +42602,222 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
+_sfc_main$5.install = (app) => {
+  app.component(_sfc_main$5.__name, _sfc_main$5);
+};
+const KeliQueryBar = isMobileDevice.value ? _sfc_main$g : _sfc_main$j;
+KeliQueryBar.install = (app) => {
+  app.component(KeliQueryBar.__name, KeliQueryBar);
+};
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+  __name: "QueryDateTimeClient",
+  props: /* @__PURE__ */ mergeModels({
+    value: {
+      required: true
+    }
+  }, {
+    "value": {
+      type: [Array]
+      // 正确地定义属性类型
+    },
+    "valueModifiers": {}
+  }),
+  emits: /* @__PURE__ */ mergeModels(["update:value", "update:queryType"], ["update:value"]),
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    const valueModel = useModel(__props, "value");
+    const shortcuts = [
+      {
+        text: "上周",
+        value: () => {
+          const end = /* @__PURE__ */ new Date();
+          const start = /* @__PURE__ */ new Date();
+          start.setDate(start.getDate() - 7);
+          return [start, end];
+        }
+      },
+      {
+        text: "上个月",
+        value: () => {
+          const end = /* @__PURE__ */ new Date();
+          const start = /* @__PURE__ */ new Date();
+          start.setMonth(start.getMonth() - 1);
+          return [start, end];
+        }
+      },
+      {
+        text: "三个月前",
+        value: () => {
+          const end = /* @__PURE__ */ new Date();
+          const start = /* @__PURE__ */ new Date();
+          start.setMonth(start.getMonth() - 3);
+          return [start, end];
+        }
+      }
+    ];
+    onMounted(() => {
+      emit("update:queryType", "range");
+    });
+    return (_ctx, _cache) => {
+      const _component_el_date_picker = resolveComponent("el-date-picker");
+      return openBlock(), createBlock(_component_el_date_picker, {
+        modelValue: valueModel.value,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => valueModel.value = $event),
+        shortcuts,
+        "end-placeholder": "结束日期",
+        format: "YYYY-MM-DD HH:mm:ss",
+        "range-separator": "至",
+        "start-placeholder": "开始日期",
+        type: "datetimerange",
+        "value-format": "YYYY-MM-DD HH:mm:ss"
+      }, null, 8, ["modelValue"]);
+    };
+  }
+});
+_sfc_main$4.install = (app) => {
+  app.component(_sfc_main$4.__name, _sfc_main$4);
+};
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+  __name: "QueryInput",
+  props: /* @__PURE__ */ mergeModels({
+    value: {
+      required: true
+    }
+  }, {
+    "value": {
+      type: [String, Number]
+      // 正确地定义属性类型
+    },
+    "valueModifiers": {}
+  }),
+  emits: /* @__PURE__ */ mergeModels(["update:value", "update:queryType"], ["update:value"]),
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    const valueModel = useModel(__props, "value");
+    onMounted(() => {
+      emit("update:queryType", "equals");
+    });
+    return (_ctx, _cache) => {
+      const _component_el_input = resolveComponent("el-input");
+      return openBlock(), createBlock(_component_el_input, {
+        modelValue: valueModel.value,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => valueModel.value = $event),
+        clearable: ""
+      }, null, 8, ["modelValue"]);
+    };
+  }
+});
+_sfc_main$3.install = (app) => {
+  app.component(_sfc_main$3.__name, _sfc_main$3);
+};
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  __name: "QueryInputLike",
+  props: /* @__PURE__ */ mergeModels({
+    value: {
+      required: true
+    }
+  }, {
+    "value": {
+      type: [String, Number]
+      // 正确地定义属性类型
+    },
+    "valueModifiers": {}
+  }),
+  emits: /* @__PURE__ */ mergeModels(["update:value", "update:queryType"], ["update:value"]),
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    const valueModel = useModel(__props, "value");
+    onMounted(() => {
+      emit("update:queryType", "like");
+    });
+    return (_ctx, _cache) => {
+      const _component_el_input = resolveComponent("el-input");
+      return openBlock(), createBlock(_component_el_input, {
+        modelValue: valueModel.value,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => valueModel.value = $event),
+        clearable: ""
+      }, null, 8, ["modelValue"]);
+    };
+  }
+});
+_sfc_main$2.install = (app) => {
+  app.component(_sfc_main$2.__name, _sfc_main$2);
+};
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "QuerySelectClient",
+  props: /* @__PURE__ */ mergeModels({
+    value: {
+      required: false,
+      default: () => {
+        return null;
+      }
+    },
+    detail: {
+      required: true,
+      type: Object
+    }
+  }, {
+    "value": {},
+    "valueModifiers": {}
+  }),
+  emits: /* @__PURE__ */ mergeModels(["update:value", "update:queryType"], ["update:value"]),
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    const valueRef = useModel(__props, "value");
+    onMounted(() => {
+      emit("update:queryType", "equals");
+    });
+    return (_ctx, _cache) => {
+      var _a2;
+      const _component_el_option = resolveComponent("el-option");
+      const _component_el_select = resolveComponent("el-select");
+      return openBlock(), createBlock(_component_el_select, {
+        modelValue: valueRef.value,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => valueRef.value = $event),
+        options: (_a2 = __props.detail) == null ? void 0 : _a2.options,
+        class: "minWidth",
+        clearable: ""
+      }, {
+        default: withCtx(() => {
+          var _a3;
+          return [
+            (openBlock(true), createElementBlock(Fragment, null, renderList((_a3 = __props.detail) == null ? void 0 : _a3.options, (item) => {
+              return openBlock(), createBlock(_component_el_option, {
+                key: item.value,
+                disabled: item.disabled === true,
+                label: item.label,
+                value: item.value
+              }, null, 8, ["disabled", "label", "value"]);
+            }), 128))
+          ];
+        }),
+        _: 1
+      }, 8, ["modelValue", "options"]);
+    };
+  }
+});
+const KeliQuerySelect = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-ce16482a"]]);
+KeliQuerySelect.install = (app) => {
+  app.component(KeliQuerySelect.__name, KeliQuerySelect);
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ToolBarProxy",
+  props: {
+    toolButtons: {
+      required: true,
+      type: Array
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const currentComponent = computed(() => {
+      return isMobileDevice.value ? ToolBarMobile : ToolBarClient;
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(resolveDynamicComponent(currentComponent.value), normalizeProps(guardReactiveProps(props)), null, 16);
+    };
+  }
+});
 _sfc_main.install = (app) => {
   app.component(_sfc_main.__name, _sfc_main);
 };
@@ -42610,8 +42828,14 @@ const components = [
   KeliTableCheckBoxAsync,
   KeliTableInput,
   KeliTableInputNumber,
+  _sfc_main$7,
+  _sfc_main$6,
+  _sfc_main$5,
+  KeliQueryBar,
+  _sfc_main$4,
+  _sfc_main$3,
   _sfc_main$2,
-  _sfc_main$1,
+  KeliQuerySelect,
   _sfc_main
 ];
 const index = {
@@ -42622,14 +42846,20 @@ const index = {
   }
 };
 export {
+  KeliQueryBar,
+  _sfc_main$4 as KeliQueryDateTime,
+  _sfc_main$3 as KeliQueryInput,
+  _sfc_main$2 as KeliQueryInputLike,
+  KeliQuerySelect,
   KeliTableCardRender,
   KeliTableCheckBoxAsync,
   KeliTableInput,
   KeliTableInputNumber,
   KeliTableRender,
-  _sfc_main$2 as KeliTableSelect,
-  _sfc_main$1 as KeliTableSelectAsync,
-  _sfc_main as KeliTableSwitch,
+  _sfc_main$7 as KeliTableSelect,
+  _sfc_main$6 as KeliTableSelectAsync,
+  _sfc_main$5 as KeliTableSwitch,
   KeliTableTreeRender,
+  _sfc_main as KeliToolBar,
   index as default
 };