@hbdlzy/ui-core 0.1.2 → 0.1.4

package/dist/index.js

@@ -1,9 +1,9 @@
 import * as echarts from "echarts";
 export { echarts };
-import { defineComponent, useSlots, computed, openBlock, createElementBlock, normalizeStyle, createElementVNode, createCommentVNode, renderSlot, toDisplayString, ref, reactive, watch, onMounted, resolveComponent, resolveDirective, createVNode, withDirectives, createBlock, withCtx, Fragment, renderList, createSlots, createTextVNode, mergeProps, shallowRef, nextTick, onUnmounted, useAttrs, normalizeClass, normalizeProps, guardReactiveProps } from "vue";
+import { defineComponent, useSlots, computed, openBlock, createElementBlock, normalizeStyle, createElementVNode, createCommentVNode, renderSlot, toDisplayString, ref, watch, resolveComponent, createVNode, withModifiers, withCtx, Fragment, renderList, createBlock, mergeProps, withKeys, createTextVNode, createSlots, reactive, onMounted, resolveDirective, withDirectives, normalizeClass, shallowRef, nextTick, onUnmounted, useAttrs, normalizeProps, guardReactiveProps } from "vue";
 import { ElMessage } from "element-plus";
-import ExcelJS from "exceljs";
 import { saveAs } from "file-saver";
+import ExcelJS from "exceljs";
 var BaseCard_vue_vue_type_style_index_0_scoped_true_lang = "";
 var _export_sfc = (sfc, props) => {
   const target = sfc.__vccOpts || sfc;
@@ -12,11 +12,11 @@ var _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const _hoisted_1$3 = {
+const _hoisted_1$5 = {
   key: 0,
   class: "base-card__header"
 };
-const _hoisted_2$1 = { class: "base-card__header-left" };
+const _hoisted_2$3 = { class: "base-card__header-left" };
 const _hoisted_3$1 = {
   key: 0,
   class: "base-card__title-wrap"
@@ -43,8 +43,8 @@ const _hoisted_10$1 = {
   key: 0,
   class: "base-card__tip"
 };
-const _hoisted_11 = { class: "base-card__content" };
-const _sfc_main$a = defineComponent({
+const _hoisted_11$1 = { class: "base-card__content" };
+const _sfc_main$c = defineComponent({
   ...{
     name: "BaseCard"
   },
@@ -140,8 +140,8 @@ const _sfc_main$a = defineComponent({
         class: "base-card",
         style: normalizeStyle(cardStyles.value)
       }, [
-        shouldRenderHeader.value ? (openBlock(), createElementBlock("div", _hoisted_1$3, [
-          createElementVNode("div", _hoisted_2$1, [
+        shouldRenderHeader.value ? (openBlock(), createElementBlock("div", _hoisted_1$5, [
+          createElementVNode("div", _hoisted_2$3, [
             hasTitleBlock.value ? (openBlock(), createElementBlock("div", _hoisted_3$1, [
               __props.showTitleMarker ? (openBlock(), createElementBlock("span", _hoisted_4$1)) : createCommentVNode("", true),
               _ctx.$slots["title-label"] ? renderSlot(_ctx.$slots, "title-label", { key: 1 }, void 0, true) : (openBlock(), createElementBlock("h4", _hoisted_5$1, toDisplayString(__props.title), 1))
@@ -164,7 +164,7 @@ const _sfc_main$a = defineComponent({
           _ctx.$slots.tip ? (openBlock(), createElementBlock("div", _hoisted_10$1, [
             renderSlot(_ctx.$slots, "tip", {}, void 0, true)
           ])) : createCommentVNode("", true),
-          createElementVNode("div", _hoisted_11, [
+          createElementVNode("div", _hoisted_11$1, [
             renderSlot(_ctx.$slots, "default", {}, void 0, true)
           ])
         ])
@@ -172,7 +172,386 @@ const _sfc_main$a = defineComponent({
     };
   }
 });
-var BaseCard = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-6bfddf1c"]]);
+var BaseCard = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-6bfddf1c"]]);
+function cloneSearchFormModel(model) {
+  return { ...model || {} };
+}
+function getVisibleSearchFields(fields, collapsed) {
+  return fields.filter((field) => {
+    if (field.hidden) {
+      return false;
+    }
+    return !collapsed || !field.collapsed;
+  });
+}
+function resetSearchFormModel(fields) {
+  return fields.reduce((model, field) => {
+    if (field.type === "dateRange") {
+      model[field.key] = [];
+      return model;
+    }
+    model[field.key] = "";
+    return model;
+  }, {});
+}
+function toSearchFormCssValue(value) {
+  if (value === void 0 || value === null || value === "") {
+    return void 0;
+  }
+  return typeof value === "number" ? `${value}px` : value;
+}
+var BaseSearchForm_vue_vue_type_style_index_0_scoped_true_lang = "";
+const _hoisted_1$4 = { class: "base-search-form" };
+const _hoisted_2$2 = { class: "base-search-form__actions" };
+const _sfc_main$b = defineComponent({
+  ...{
+    name: "BaseSearchForm"
+  },
+  __name: "BaseSearchForm",
+  props: {
+    modelValue: { default: () => ({}) },
+    fields: {},
+    collapsed: { type: Boolean, default: true },
+    showCollapse: { type: Boolean, default: true },
+    columns: { default: 4 },
+    labelWidth: { default: 80 },
+    fieldWidth: { default: void 0 },
+    gutter: { default: 16 },
+    submitText: { default: "\u67E5\u8BE2" },
+    resetText: { default: "\u91CD\u7F6E" },
+    expandText: { default: "\u5C55\u5F00" },
+    collapseText: { default: "\u6536\u8D77" }
+  },
+  emits: ["update:modelValue", "search", "reset", "field-change"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const innerModel = ref(cloneSearchFormModel(props.modelValue));
+    const isCollapsed = ref(props.collapsed);
+    watch(
+      () => props.modelValue,
+      (value) => {
+        innerModel.value = cloneSearchFormModel(value);
+      },
+      { deep: true }
+    );
+    watch(
+      () => props.collapsed,
+      (value) => {
+        isCollapsed.value = value;
+      }
+    );
+    const visibleFields = computed(() => getVisibleSearchFields(props.fields, isCollapsed.value));
+    const hasCollapsedFields = computed(() => props.fields.some((field) => field.collapsed && !field.hidden));
+    const normalizedLabelWidth = computed(() => toSearchFormCssValue(props.labelWidth));
+    const gridStyle = computed(() => ({
+      gridTemplateColumns: `repeat(${Math.max(1, props.columns)}, minmax(0, 1fr))`,
+      gap: `${props.gutter}px`
+    }));
+    function getFieldStyle(field) {
+      return {
+        gridColumn: field.span ? `span ${Math.max(1, field.span)}` : void 0,
+        "--base-search-form-field-width": toSearchFormCssValue(props.fieldWidth)
+      };
+    }
+    function emitModelUpdate() {
+      emit("update:modelValue", cloneSearchFormModel(innerModel.value));
+    }
+    function handleFieldChange(key, value) {
+      setFieldValue(key, value);
+      emit("field-change", key, value, cloneSearchFormModel(innerModel.value));
+    }
+    function setFieldValue(key, value) {
+      innerModel.value = {
+        ...innerModel.value,
+        [key]: value
+      };
+      emitModelUpdate();
+    }
+    function submit() {
+      emit("search", cloneSearchFormModel(innerModel.value));
+    }
+    function reset() {
+      innerModel.value = resetSearchFormModel(props.fields);
+      emitModelUpdate();
+      emit("reset", cloneSearchFormModel(innerModel.value));
+    }
+    function toggleCollapsed() {
+      isCollapsed.value = !isCollapsed.value;
+    }
+    function getModel() {
+      return cloneSearchFormModel(innerModel.value);
+    }
+    __expose({
+      submit,
+      reset,
+      setFieldValue,
+      getModel
+    });
+    return (_ctx, _cache) => {
+      const _component_el_option = resolveComponent("el-option");
+      const _component_el_select = resolveComponent("el-select");
+      const _component_el_date_picker = resolveComponent("el-date-picker");
+      const _component_el_input = resolveComponent("el-input");
+      const _component_el_form_item = resolveComponent("el-form-item");
+      const _component_el_button = resolveComponent("el-button");
+      const _component_el_form = resolveComponent("el-form");
+      return openBlock(), createElementBlock("div", _hoisted_1$4, [
+        createVNode(_component_el_form, {
+          class: "base-search-form__form",
+          model: innerModel.value,
+          "label-width": normalizedLabelWidth.value,
+          onSubmit: withModifiers(submit, ["prevent"])
+        }, {
+          default: withCtx(() => [
+            createElementVNode("div", {
+              class: "base-search-form__grid",
+              style: normalizeStyle(gridStyle.value)
+            }, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(visibleFields.value, (field) => {
+                return openBlock(), createBlock(_component_el_form_item, {
+                  key: field.key,
+                  class: "base-search-form__item",
+                  label: field.label,
+                  style: normalizeStyle(getFieldStyle(field))
+                }, {
+                  default: withCtx(() => {
+                    var _a, _b;
+                    return [
+                      field.type === "slot" ? renderSlot(_ctx.$slots, field.key, {
+                        key: 0,
+                        field,
+                        model: innerModel.value,
+                        value: innerModel.value[field.key],
+                        setValue: (value) => setFieldValue(field.key, value)
+                      }, void 0, true) : field.type === "select" ? (openBlock(), createBlock(_component_el_select, mergeProps({
+                        key: 1,
+                        class: "base-search-form__control",
+                        "model-value": innerModel.value[field.key],
+                        placeholder: field.placeholder || field.label,
+                        clearable: field.clearable !== false,
+                        disabled: field.disabled
+                      }, { ref_for: true }, field.props, {
+                        "onUpdate:modelValue": (value) => handleFieldChange(field.key, value)
+                      }), {
+                        default: withCtx(() => [
+                          (openBlock(true), createElementBlock(Fragment, null, renderList(field.options || [], (option) => {
+                            return openBlock(), createBlock(_component_el_option, {
+                              key: String(option.value),
+                              label: option.label,
+                              value: option.value,
+                              disabled: option.disabled
+                            }, null, 8, ["label", "value", "disabled"]);
+                          }), 128))
+                        ]),
+                        _: 2
+                      }, 1040, ["model-value", "placeholder", "clearable", "disabled", "onUpdate:modelValue"])) : field.type === "date" || field.type === "dateRange" ? (openBlock(), createBlock(_component_el_date_picker, mergeProps({
+                        key: 2,
+                        class: "base-search-form__control",
+                        "model-value": innerModel.value[field.key],
+                        type: field.type === "dateRange" ? "daterange" : "date",
+                        placeholder: field.placeholder || field.label,
+                        "start-placeholder": ((_a = field.props) == null ? void 0 : _a.startPlaceholder) || "\u5F00\u59CB\u65E5\u671F",
+                        "end-placeholder": ((_b = field.props) == null ? void 0 : _b.endPlaceholder) || "\u7ED3\u675F\u65E5\u671F",
+                        clearable: field.clearable !== false,
+                        disabled: field.disabled
+                      }, { ref_for: true }, field.props, {
+                        "onUpdate:modelValue": (value) => handleFieldChange(field.key, value)
+                      }), null, 16, ["model-value", "type", "placeholder", "start-placeholder", "end-placeholder", "clearable", "disabled", "onUpdate:modelValue"])) : (openBlock(), createBlock(_component_el_input, mergeProps({
+                        key: 3,
+                        class: "base-search-form__control",
+                        "model-value": innerModel.value[field.key],
+                        placeholder: field.placeholder || field.label,
+                        clearable: field.clearable !== false,
+                        disabled: field.disabled
+                      }, { ref_for: true }, field.props, {
+                        "onUpdate:modelValue": (value) => handleFieldChange(field.key, value),
+                        onKeyup: withKeys(submit, ["enter"])
+                      }), null, 16, ["model-value", "placeholder", "clearable", "disabled", "onUpdate:modelValue"]))
+                    ];
+                  }),
+                  _: 2
+                }, 1032, ["label", "style"]);
+              }), 128)),
+              createElementVNode("div", _hoisted_2$2, [
+                renderSlot(_ctx.$slots, "actions-before", { model: innerModel.value }, void 0, true),
+                createVNode(_component_el_button, {
+                  type: "primary",
+                  onClick: submit
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode(toDisplayString(__props.submitText), 1)
+                  ]),
+                  _: 1
+                }),
+                createVNode(_component_el_button, { onClick: reset }, {
+                  default: withCtx(() => [
+                    createTextVNode(toDisplayString(__props.resetText), 1)
+                  ]),
+                  _: 1
+                }),
+                __props.showCollapse && hasCollapsedFields.value ? (openBlock(), createBlock(_component_el_button, {
+                  key: 0,
+                  link: "",
+                  type: "primary",
+                  onClick: toggleCollapsed
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode(toDisplayString(isCollapsed.value ? __props.expandText : __props.collapseText), 1)
+                  ]),
+                  _: 1
+                })) : createCommentVNode("", true),
+                renderSlot(_ctx.$slots, "actions-after", { model: innerModel.value }, void 0, true)
+              ])
+            ], 4)
+          ]),
+          _: 3
+        }, 8, ["model", "label-width"])
+      ]);
+    };
+  }
+});
+var BaseSearchForm = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-52b1fbc7"]]);
+var BaseDialog_vue_vue_type_style_index_0_scoped_true_lang = "";
+const _hoisted_1$3 = { class: "base-dialog__body" };
+const _hoisted_2$1 = { class: "base-dialog__footer" };
+const _sfc_main$a = defineComponent({
+  ...{
+    name: "BaseDialog"
+  },
+  __name: "BaseDialog",
+  props: {
+    modelValue: { type: Boolean, default: false },
+    title: { default: "" },
+    width: { default: "560px" },
+    top: { default: "12vh" },
+    fullscreen: { type: Boolean, default: false },
+    appendToBody: { type: Boolean, default: false },
+    destroyOnClose: { type: Boolean, default: false },
+    closeOnClickModal: { type: Boolean, default: false },
+    closeOnPressEscape: { type: Boolean, default: true },
+    showClose: { type: Boolean, default: true },
+    showFooter: { type: Boolean, default: true },
+    confirmText: { default: "\u786E\u5B9A" },
+    cancelText: { default: "\u53D6\u6D88" },
+    confirmLoading: { type: Boolean, default: false },
+    confirmDisabled: { type: Boolean, default: false },
+    beforeConfirm: { type: Function, default: void 0 }
+  },
+  emits: ["update:modelValue", "open", "opened", "close", "closed", "cancel", "confirm"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const innerConfirmLoading = ref(false);
+    const normalizedWidth = computed(() => toCssValue(props.width));
+    const mergedConfirmLoading = computed(() => props.confirmLoading || innerConfirmLoading.value);
+    function toCssValue(value) {
+      if (value === void 0 || value === null || value === "") {
+        return void 0;
+      }
+      return typeof value === "number" ? `${value}px` : value;
+    }
+    function handleModelValueUpdate(value) {
+      emit("update:modelValue", value);
+    }
+    function open() {
+      emit("update:modelValue", true);
+    }
+    function close() {
+      emit("update:modelValue", false);
+    }
+    function cancel() {
+      emit("cancel");
+      close();
+    }
+    async function confirm() {
+      var _a;
+      if (mergedConfirmLoading.value || props.confirmDisabled) {
+        return;
+      }
+      innerConfirmLoading.value = true;
+      try {
+        const result = await ((_a = props.beforeConfirm) == null ? void 0 : _a.call(props));
+        if (result === false) {
+          return;
+        }
+        emit("confirm");
+      } finally {
+        innerConfirmLoading.value = false;
+      }
+    }
+    __expose({
+      open,
+      close,
+      confirm
+    });
+    return (_ctx, _cache) => {
+      const _component_el_button = resolveComponent("el-button");
+      const _component_el_dialog = resolveComponent("el-dialog");
+      return openBlock(), createBlock(_component_el_dialog, {
+        class: "base-dialog",
+        "model-value": __props.modelValue,
+        title: __props.title,
+        width: normalizedWidth.value,
+        top: __props.top,
+        fullscreen: __props.fullscreen,
+        "append-to-body": __props.appendToBody,
+        "destroy-on-close": __props.destroyOnClose,
+        "close-on-click-modal": __props.closeOnClickModal,
+        "close-on-press-escape": __props.closeOnPressEscape,
+        "show-close": __props.showClose,
+        "onUpdate:modelValue": handleModelValueUpdate,
+        onOpen: _cache[0] || (_cache[0] = ($event) => emit("open")),
+        onOpened: _cache[1] || (_cache[1] = ($event) => emit("opened")),
+        onClose: _cache[2] || (_cache[2] = ($event) => emit("close")),
+        onClosed: _cache[3] || (_cache[3] = ($event) => emit("closed"))
+      }, createSlots({
+        default: withCtx(() => [
+          createElementVNode("div", _hoisted_1$3, [
+            renderSlot(_ctx.$slots, "default", {}, void 0, true)
+          ])
+        ]),
+        _: 2
+      }, [
+        _ctx.$slots.header ? {
+          name: "header",
+          fn: withCtx(() => [
+            renderSlot(_ctx.$slots, "header", {}, void 0, true)
+          ]),
+          key: "0"
+        } : void 0,
+        __props.showFooter ? {
+          name: "footer",
+          fn: withCtx(() => [
+            renderSlot(_ctx.$slots, "footer", {}, () => [
+              createElementVNode("div", _hoisted_2$1, [
+                createVNode(_component_el_button, { onClick: cancel }, {
+                  default: withCtx(() => [
+                    createTextVNode(toDisplayString(__props.cancelText), 1)
+                  ]),
+                  _: 1
+                }),
+                createVNode(_component_el_button, {
+                  type: "primary",
+                  loading: mergedConfirmLoading.value,
+                  disabled: __props.confirmDisabled,
+                  onClick: confirm
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode(toDisplayString(__props.confirmText), 1)
+                  ]),
+                  _: 1
+                }, 8, ["loading", "disabled"])
+              ])
+            ], true)
+          ]),
+          key: "1"
+        } : void 0
+      ]), 1032, ["model-value", "title", "width", "top", "fullscreen", "append-to-body", "destroy-on-close", "close-on-click-modal", "close-on-press-escape", "show-close"]);
+    };
+  }
+});
+var BaseDialog = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-37bcb779"]]);
 var BaseTable_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _hoisted_1$2 = { class: "base-table" };
 const _hoisted_2 = {
@@ -184,18 +563,22 @@ const _hoisted_4 = {
   key: 0,
   class: "base-table__toolbar-right"
 };
-const _hoisted_5 = {
+const _hoisted_5 = { class: "base-table__header" };
+const _hoisted_6 = { class: "base-table__header-label" };
+const _hoisted_7 = { class: "base-table__header-actions" };
+const _hoisted_8 = { class: "base-table__header-search-footer" };
+const _hoisted_9 = {
   key: 0,
   class: "base-table__actions"
 };
-const _hoisted_6 = {
+const _hoisted_10 = {
   key: 2,
   class: "base-table__tags"
 };
-const _hoisted_7 = { key: 1 };
-const _hoisted_8 = ["innerHTML"];
-const _hoisted_9 = ["onClick"];
-const _hoisted_10 = {
+const _hoisted_11 = { key: 1 };
+const _hoisted_12 = ["innerHTML"];
+const _hoisted_13 = ["onClick"];
+const _hoisted_14 = {
   key: 6,
   class: "base-table__text"
 };
@@ -250,8 +633,11 @@ const _sfc_main$9 = defineComponent({
     const slots = useSlots();
     const tableRef = ref();
     const loading = ref(false);
+    const sourceRows = ref(normalizeRows(props.data));
     const rows = ref(normalizeRows(props.data));
     const selectionRows = ref([]);
+    const headerSearchValues = reactive({});
+    const headerSearchDropdownRefs = ref({});
     const sortState = reactive({
       prop: (_a = props.defaultSort) == null ? void 0 : _a.prop,
       order: ((_b = props.defaultSort) == null ? void 0 : _b.order) || null
@@ -309,24 +695,20 @@ const _sfc_main$9 = defineComponent({
       { deep: true }
     );
     onMounted(() => {
-      var _a2;
       if (props.request && props.autoLoad) {
         void load();
         return;
       }
       if (!props.request) {
-        rows.value = normalizeRows(props.data);
-        if (!((_a2 = props.pagination) == null ? void 0 : _a2.total)) {
-          paginationState.total = rows.value.length;
-          emitPagination();
-        }
+        setData(props.data || []);
       }
     });
     function syncPagination(value) {
+      const nextPageSizes = value == null ? void 0 : value.pageSizes;
       paginationState.currentPage = Number((value == null ? void 0 : value.currentPage) || paginationState.currentPage || 1);
       paginationState.pageSize = Number((value == null ? void 0 : value.pageSize) || paginationState.pageSize || 20);
       paginationState.total = Number((value == null ? void 0 : value.total) || (value == null ? void 0 : value.total) === 0 ? value.total : paginationState.total || rows.value.length);
-      paginationState.pageSizes = Array.isArray(value == null ? void 0 : value.pageSizes) && value.pageSizes.length ? [...value.pageSizes] : [...paginationState.pageSizes.length ? paginationState.pageSizes : [10, 20, 50, 100]];
+      paginationState.pageSizes = Array.isArray(nextPageSizes) && nextPageSizes.length ? [...nextPageSizes] : [...paginationState.pageSizes.length ? paginationState.pageSizes : [10, 20, 50, 100]];
     }
     function emitPagination() {
       emit("update:pagination", {
@@ -342,7 +724,7 @@ const _sfc_main$9 = defineComponent({
         return;
       }
       if (!props.request) {
-        setData(props.data || []);
+        applyLocalRows();
         return;
       }
       loading.value = true;
@@ -368,6 +750,10 @@ const _sfc_main$9 = defineComponent({
       }
     }
     async function refresh() {
+      if (!props.request) {
+        applyLocalRows();
+        return;
+      }
       await load();
     }
     async function resetPage() {
@@ -376,12 +762,8 @@ const _sfc_main$9 = defineComponent({
       await load();
     }
     function setData(data) {
-      var _a2, _b2;
-      rows.value = normalizeRows(data);
-      if (!props.request) {
-        paginationState.total = Number((_b2 = (_a2 = props.pagination) == null ? void 0 : _a2.total) != null ? _b2 : rows.value.length);
-        emitPagination();
-      }
+      sourceRows.value = normalizeRows(data);
+      applyLocalRows();
     }
     function clearSelection() {
       var _a2;
@@ -460,6 +842,146 @@ const _sfc_main$9 = defineComponent({
         value
       });
     }
+    function shouldRenderBuiltInHeader(column) {
+      return hasHeaderSearch(column);
+    }
+    function hasHeaderSearch(column) {
+      return Boolean(getHeaderSearchConfig(column));
+    }
+    function getHeaderSearchConfig(column) {
+      if (!column.headerSearch) {
+        return null;
+      }
+      if (column.headerSearch === true) {
+        return {};
+      }
+      return column.headerSearch;
+    }
+    function getHeaderSearchStateKey(column) {
+      return resolveHeaderSearchParamKey(column) || getColumnProp(column) || getColumnKey(column);
+    }
+    function setHeaderSearchDropdownRef(instance, column) {
+      const stateKey = getHeaderSearchStateKey(column);
+      if (!instance) {
+        delete headerSearchDropdownRefs.value[stateKey];
+        return;
+      }
+      headerSearchDropdownRefs.value[stateKey] = instance;
+    }
+    function bindHeaderSearchDropdown(column) {
+      return (instance) => {
+        setHeaderSearchDropdownRef(instance, column);
+      };
+    }
+    function resolveHeaderSearchParamKey(column) {
+      const config = getHeaderSearchConfig(column);
+      const legacyParamKey = column.otherProps;
+      return (config == null ? void 0 : config.paramKey) || legacyParamKey || getColumnProp(column) || "";
+    }
+    function getHeaderSearchValue(column) {
+      return headerSearchValues[getHeaderSearchStateKey(column)] || "";
+    }
+    function hasHeaderSearchValue(column) {
+      return Boolean(getHeaderSearchValue(column).trim());
+    }
+    function updateHeaderSearchValue(column, value) {
+      headerSearchValues[getHeaderSearchStateKey(column)] = normalizeHeaderSearchValue(value);
+    }
+    function getHeaderSearchPlaceholder(column) {
+      var _a2;
+      return ((_a2 = getHeaderSearchConfig(column)) == null ? void 0 : _a2.placeholder) || "\u8BF7\u8F93\u5165\u641C\u7D22\u5185\u5BB9";
+    }
+    function getHeaderSearchWidth(column) {
+      var _a2;
+      return ((_a2 = getHeaderSearchConfig(column)) == null ? void 0 : _a2.width) || 280;
+    }
+    function getHeaderSearchSearchText(column) {
+      var _a2;
+      return ((_a2 = getHeaderSearchConfig(column)) == null ? void 0 : _a2.searchText) || "\u641C\u7D22";
+    }
+    function getHeaderSearchResetText(column) {
+      var _a2;
+      return ((_a2 = getHeaderSearchConfig(column)) == null ? void 0 : _a2.resetText) || "\u91CD\u7F6E";
+    }
+    async function handleHeaderSearch(column) {
+      closeHeaderSearch(column);
+      paginationState.currentPage = 1;
+      emitPagination();
+      if (props.request) {
+        await load();
+        return;
+      }
+      applyLocalRows();
+    }
+    async function handleHeaderSearchReset(column) {
+      updateHeaderSearchValue(column, "");
+      closeHeaderSearch(column);
+      paginationState.currentPage = 1;
+      emitPagination();
+      if (props.request) {
+        await load();
+        return;
+      }
+      applyLocalRows();
+    }
+    function closeHeaderSearch(column) {
+      var _a2, _b2;
+      (_b2 = (_a2 = headerSearchDropdownRefs.value[getHeaderSearchStateKey(column)]) == null ? void 0 : _a2.handleClose) == null ? void 0 : _b2.call(_a2);
+    }
+    function buildHeaderSearchParams() {
+      return props.columns.reduce((result, column) => {
+        if (!hasHeaderSearch(column)) {
+          return result;
+        }
+        const paramKey = resolveHeaderSearchParamKey(column);
+        const value = getHeaderSearchValue(column).trim();
+        if (!paramKey || !value) {
+          return result;
+        }
+        result[paramKey] = value;
+        return result;
+      }, {});
+    }
+    function applyLocalRows() {
+      const filteredRows = filterLocalRows(sourceRows.value);
+      rows.value = filteredRows;
+      paginationState.total = filteredRows.length;
+      emitPagination();
+    }
+    function filterLocalRows(data) {
+      const activeColumns = props.columns.filter((column) => hasHeaderSearch(column) && hasHeaderSearchValue(column)).map((column) => ({
+        column,
+        keyword: getHeaderSearchValue(column).trim().toLowerCase()
+      }));
+      if (!activeColumns.length) {
+        return normalizeRows(data);
+      }
+      return normalizeRows(data).filter((row) => {
+        return activeColumns.every(({ column, keyword }) => {
+          const columnProp = getColumnProp(column);
+          if (!columnProp) {
+            return true;
+          }
+          const value = getCellValue2(row, column);
+          return toSearchableText(value).includes(keyword);
+        });
+      });
+    }
+    function normalizeHeaderSearchValue(value) {
+      if (value === void 0 || value === null) {
+        return "";
+      }
+      return String(value);
+    }
+    function toSearchableText(value) {
+      if (value === void 0 || value === null) {
+        return "";
+      }
+      if (Array.isArray(value)) {
+        return value.map((item) => toSearchableText(item)).join(" ").toLowerCase();
+      }
+      return String(value).toLowerCase();
+    }
     function buildRequestParams() {
       const params = {
         ...props.requestParams,
@@ -470,9 +992,11 @@ const _sfc_main$9 = defineComponent({
       };
       const currentColumn = props.columns.find((item) => String(item.prop || "") === String(sortState.prop || ""));
       const sortPayload = buildSortPayload(currentColumn, sortState.prop, sortState.order);
+      const headerSearchParams = buildHeaderSearchParams();
       const sortParams = buildSortParams(sortPayload);
       return {
         ...params,
+        ...headerSearchParams,
         ...sortParams
       };
     }
@@ -669,11 +1193,66 @@ const _sfc_main$9 = defineComponent({
       }
       return typeof value === "number" ? `${value}px` : value;
     }
+    function findHeaderSearchColumn(key) {
+      return props.columns.find((column) => {
+        return getHeaderSearchStateKey(column) === key || getColumnProp(column) === key;
+      });
+    }
+    async function setHeaderSearchValue(key, value, shouldReload = true) {
+      const matchedColumn = findHeaderSearchColumn(key);
+      const stateKey = matchedColumn ? getHeaderSearchStateKey(matchedColumn) : key;
+      headerSearchValues[stateKey] = normalizeHeaderSearchValue(value);
+      if (!shouldReload) {
+        return;
+      }
+      if (matchedColumn) {
+        await handleHeaderSearch(matchedColumn);
+        return;
+      }
+      paginationState.currentPage = 1;
+      emitPagination();
+      if (props.request) {
+        await load();
+        return;
+      }
+      applyLocalRows();
+    }
+    async function resetHeaderSearch(key) {
+      if (key) {
+        const matchedColumn = findHeaderSearchColumn(key);
+        if (matchedColumn) {
+          await handleHeaderSearchReset(matchedColumn);
+          return;
+        }
+        delete headerSearchValues[key];
+      } else {
+        Object.keys(headerSearchValues).forEach((stateKey) => {
+          delete headerSearchValues[stateKey];
+        });
+        Object.keys(headerSearchDropdownRefs.value).forEach((stateKey) => {
+          var _a2, _b2;
+          (_b2 = (_a2 = headerSearchDropdownRefs.value[stateKey]) == null ? void 0 : _a2.handleClose) == null ? void 0 : _b2.call(_a2);
+        });
+      }
+      paginationState.currentPage = 1;
+      emitPagination();
+      if (props.request) {
+        await load();
+        return;
+      }
+      applyLocalRows();
+    }
+    function getHeaderSearchValues() {
+      return { ...headerSearchValues };
+    }
     __expose({
       load,
       refresh,
       setData,
       resetPage,
+      setHeaderSearchValue,
+      resetHeaderSearch,
+      getHeaderSearchValues,
       clearSelection,
       toggleRowSelection,
       getSelectionRows,
@@ -683,10 +1262,12 @@ const _sfc_main$9 = defineComponent({
       const _component_el_pagination = resolveComponent("el-pagination");
       const _component_el_empty = resolveComponent("el-empty");
       const _component_el_table_column = resolveComponent("el-table-column");
+      const _component_el_input = resolveComponent("el-input");
       const _component_el_button = resolveComponent("el-button");
+      const _component_el_dropdown_menu = resolveComponent("el-dropdown-menu");
+      const _component_el_dropdown = resolveComponent("el-dropdown");
       const _component_el_image = resolveComponent("el-image");
       const _component_el_tag = resolveComponent("el-tag");
-      const _component_el_input = resolveComponent("el-input");
       const _component_el_table = resolveComponent("el-table");
       const _directive_loading = resolveDirective("loading");
       return openBlock(), createElementBlock("div", _hoisted_1$2, [
@@ -766,7 +1347,7 @@ const _sfc_main$9 = defineComponent({
                     columnIndex: scope.$index,
                     value: getCellValue2(scope.row, column)
                   }, void 0, true) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-                    isActionColumn(column) ? (openBlock(), createElementBlock("div", _hoisted_5, [
+                    isActionColumn(column) ? (openBlock(), createElementBlock("div", _hoisted_9, [
                       (openBlock(true), createElementBlock(Fragment, null, renderList(getVisibleActions(column, scope.row), (action) => {
                         return openBlock(), createBlock(_component_el_button, {
                           key: `${action.type}-${action.label}`,
@@ -788,7 +1369,7 @@ const _sfc_main$9 = defineComponent({
                       src: toImageSrc(getCellValue2(scope.row, column)),
                       "preview-src-list": getPreviewSrcList(scope.row, column),
                       fit: column.imageFit || "cover"
-                    }, null, 8, ["style", "src", "preview-src-list", "fit"])) : column.kind === "tag" ? (openBlock(), createElementBlock("div", _hoisted_6, [
+                    }, null, 8, ["style", "src", "preview-src-list", "fit"])) : column.kind === "tag" ? (openBlock(), createElementBlock("div", _hoisted_10, [
                       getMatchedOptions(scope.row, column).length ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(getMatchedOptions(scope.row, column), (option) => {
                         return openBlock(), createBlock(_component_el_tag, {
                           key: String(option.value),
@@ -801,11 +1382,11 @@ const _sfc_main$9 = defineComponent({
                           ]),
                           _: 2
                         }, 1032, ["type", "style"]);
-                      }), 128)) : (openBlock(), createElementBlock("span", _hoisted_7, toDisplayString(resolveEmptyText(column)), 1))
+                      }), 128)) : (openBlock(), createElementBlock("span", _hoisted_11, toDisplayString(resolveEmptyText(column)), 1))
                     ])) : column.kind === "html" ? (openBlock(), createElementBlock("div", {
                       key: 3,
                       innerHTML: getHtmlContent(scope.row, column)
-                    }, null, 8, _hoisted_8)) : column.kind === "input" ? (openBlock(), createBlock(_component_el_input, {
+                    }, null, 8, _hoisted_12)) : column.kind === "input" ? (openBlock(), createBlock(_component_el_input, {
                       key: 4,
                       "model-value": toDisplayValue(getCellValue2(scope.row, column), ""),
                       type: column.inputType || "text",
@@ -815,7 +1396,7 @@ const _sfc_main$9 = defineComponent({
                       class: "base-table__link",
                       type: "button",
                       onClick: ($event) => handleCellClick(scope.row, column)
-                    }, toDisplayString(formatCellDisplay(scope.row, column)), 9, _hoisted_9)) : (openBlock(), createElementBlock("div", _hoisted_10, toDisplayString(formatCellDisplay(scope.row, column)), 1))
+                    }, toDisplayString(formatCellDisplay(scope.row, column)), 9, _hoisted_13)) : (openBlock(), createElementBlock("div", _hoisted_14, toDisplayString(formatCellDisplay(scope.row, column)), 1))
                   ], 64))
                 ]),
                 _: 2
@@ -826,6 +1407,80 @@ const _sfc_main$9 = defineComponent({
                     renderSlot(_ctx.$slots, resolveHeaderSlotName(column), mergeProps({ ref_for: true }, headerScope, { columnConfig: column }), void 0, true)
                   ]),
                   key: "0"
+                } : shouldRenderBuiltInHeader(column) ? {
+                  name: "header",
+                  fn: withCtx(() => [
+                    createElementVNode("div", _hoisted_5, [
+                      createElementVNode("span", _hoisted_6, toDisplayString(column.label), 1),
+                      createElementVNode("div", _hoisted_7, [
+                        createVNode(_component_el_dropdown, {
+                          ref_for: true,
+                          ref: bindHeaderSearchDropdown(column),
+                          class: "base-table__header-dropdown",
+                          trigger: "click",
+                          "hide-on-click": false,
+                          placement: "bottom",
+                          "popper-class": "base-table__header-search-dropdown"
+                        }, {
+                          dropdown: withCtx(() => [
+                            createVNode(_component_el_dropdown_menu, { class: "base-table__header-search-menu" }, {
+                              default: withCtx(() => [
+                                createElementVNode("div", {
+                                  class: "base-table__header-search-panel",
+                                  style: normalizeStyle({ width: toCssValue(getHeaderSearchWidth(column)) || "280px" }),
+                                  onClick: _cache[0] || (_cache[0] = withModifiers(() => {
+                                  }, ["stop"]))
+                                }, [
+                                  createVNode(_component_el_input, {
+                                    "model-value": getHeaderSearchValue(column),
+                                    placeholder: getHeaderSearchPlaceholder(column),
+                                    clearable: "",
+                                    "onUpdate:modelValue": ($event) => updateHeaderSearchValue(column, $event),
+                                    onKeyup: withKeys(($event) => handleHeaderSearch(column), ["enter"])
+                                  }, null, 8, ["model-value", "placeholder", "onUpdate:modelValue", "onKeyup"]),
+                                  createElementVNode("div", _hoisted_8, [
+                                    createVNode(_component_el_button, {
+                                      link: "",
+                                      type: "primary",
+                                      onClick: ($event) => handleHeaderSearch(column)
+                                    }, {
+                                      default: withCtx(() => [
+                                        createTextVNode(toDisplayString(getHeaderSearchSearchText(column)), 1)
+                                      ]),
+                                      _: 2
+                                    }, 1032, ["onClick"]),
+                                    createVNode(_component_el_button, {
+                                      link: "",
+                                      onClick: ($event) => handleHeaderSearchReset(column)
+                                    }, {
+                                      default: withCtx(() => [
+                                        createTextVNode(toDisplayString(getHeaderSearchResetText(column)), 1)
+                                      ]),
+                                      _: 2
+                                    }, 1032, ["onClick"])
+                                  ])
+                                ], 4)
+                              ]),
+                              _: 2
+                            }, 1024)
+                          ]),
+                          default: withCtx(() => [
+                            createElementVNode("button", {
+                              class: normalizeClass(["base-table__header-icon", { "is-active": hasHeaderSearchValue(column) }]),
+                              type: "button"
+                            }, [..._cache[1] || (_cache[1] = [
+                              createElementVNode("span", {
+                                class: "base-table__header-icon-mark",
+                                "aria-hidden": "true"
+                              }, null, -1)
+                            ])], 2)
+                          ]),
+                          _: 2
+                        }, 1536)
+                      ])
+                    ])
+                  ]),
+                  key: "1"
                 } : void 0
               ]), 1032, ["prop", "label", "type", "width", "min-width", "fixed", "align", "header-align", "sortable", "show-overflow-tooltip", "class-name", "label-class-name"]);
             }), 128))
@@ -838,7 +1493,7 @@ const _sfc_main$9 = defineComponent({
     };
   }
 });
-var BaseTable = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-429ba785"]]);
+var BaseTable = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-7ae8d382"]]);
 var BaseEChart_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _sfc_main$8 = defineComponent({
   __name: "BaseEChart",
@@ -1114,136 +1769,6 @@ const _sfc_main$8 = defineComponent({
   }
 });
 var BaseEChart = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-51bc4772"]]);
-const DEFAULT_SHEET_NAME = "Sheet1";
-const DEFAULT_COLUMN_WIDTH = 16;
-const EXCEL_MIME_TYPE = "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet";
-function getLeafCount(column) {
-  var _a;
-  if (!((_a = column.children) == null ? void 0 : _a.length)) {
-    return 1;
-  }
-  return column.children.reduce((count, child) => count + getLeafCount(child), 0);
-}
-function getMaxDepth(columns, depth = 1) {
-  return columns.reduce((maxDepth, column) => {
-    var _a;
-    if (!((_a = column.children) == null ? void 0 : _a.length)) {
-      return Math.max(maxDepth, depth);
-    }
-    return Math.max(maxDepth, getMaxDepth(column.children, depth + 1));
-  }, depth);
-}
-function getDisplayLength(value) {
-  const text = `${value != null ? value : ""}`;
-  return Array.from(text).reduce((length, char) => {
-    return length + (char.charCodeAt(0) > 255 ? 2 : 1);
-  }, 0);
-}
-function getValueByPath(source, path) {
-  if (!path) {
-    return "";
-  }
-  return path.split(".").reduce((current, key) => {
-    if (current === null || current === void 0) {
-      return void 0;
-    }
-    return current[key];
-  }, source);
-}
-function getCellValue(row, rowIndex, column) {
-  if (typeof column.formatter === "function") {
-    return column.formatter(row, rowIndex, column);
-  }
-  return getValueByPath(row, column.key);
-}
-function buildHeaderMatrix(columns) {
-  const maxDepth = getMaxDepth(columns);
-  const totalLeafCount = columns.reduce((count, column) => count + getLeafCount(column), 0);
-  const headerRows = Array.from({ length: maxDepth }, () => Array.from({ length: totalLeafCount }).fill(""));
-  const merges = [];
-  const leafColumns = [];
-  let currentColumnIndex = 0;
-  const fillHeaders = (column, depth) => {
-    var _a;
-    const startColumnIndex = currentColumnIndex;
-    const leafCount = getLeafCount(column);
-    headerRows[depth][startColumnIndex] = column.label;
-    if ((_a = column.children) == null ? void 0 : _a.length) {
-      column.children.forEach((child) => fillHeaders(child, depth + 1));
-      if (leafCount > 1) {
-        merges.push({
-          s: { r: depth, c: startColumnIndex },
-          e: { r: depth, c: startColumnIndex + leafCount - 1 }
-        });
-      }
-      return;
-    }
-    leafColumns.push(column);
-    currentColumnIndex += 1;
-    if (depth < maxDepth - 1) {
-      merges.push({
-        s: { r: depth, c: startColumnIndex },
-        e: { r: maxDepth - 1, c: startColumnIndex }
-      });
-    }
-  };
-  columns.forEach((column) => fillHeaders(column, 0));
-  return {
-    headerRows,
-    leafColumns,
-    merges
-  };
-}
-function buildColumnWidths(leafColumns, dataRows, defaultColumnWidth, autoWidth) {
-  return leafColumns.map((column, columnIndex) => {
-    var _a;
-    const headerWidth = getDisplayLength(column.label);
-    const dataWidth = dataRows.reduce((maxWidth, row) => {
-      return Math.max(maxWidth, getDisplayLength(row[columnIndex]));
-    }, 0);
-    const targetWidth = (_a = column.width) != null ? _a : autoWidth ? Math.max(defaultColumnWidth, headerWidth, dataWidth) : defaultColumnWidth;
-    return targetWidth;
-  });
-}
-function normalizeFileName(fileName) {
-  return fileName.endsWith(".xlsx") ? fileName : `${fileName}.xlsx`;
-}
-function applyColumnWidths(worksheet, columnWidths) {
-  columnWidths.forEach((width, index) => {
-    worksheet.getColumn(index + 1).width = width;
-  });
-}
-function applyMerges(worksheet, merges) {
-  merges.forEach((range) => {
-    worksheet.mergeCells(range.s.r + 1, range.s.c + 1, range.e.r + 1, range.e.c + 1);
-  });
-}
-async function exportExcel(options) {
-  const {
-    fileName,
-    sheetName = DEFAULT_SHEET_NAME,
-    data,
-    autoWidth = true,
-    defaultColumnWidth = DEFAULT_COLUMN_WIDTH
-  } = options;
-  const columns = options.columns.filter((column) => !!column);
-  if (!columns.length) {
-    throw new Error("Excel export columns can not be empty.");
-  }
-  const { headerRows, leafColumns, merges } = buildHeaderMatrix(columns);
-  const dataRows = data.map((row, rowIndex) => leafColumns.map((column) => getCellValue(row, rowIndex, column)));
-  const columnWidths = buildColumnWidths(leafColumns, dataRows, defaultColumnWidth, autoWidth);
-  const workbook = new ExcelJS.Workbook();
-  const worksheet = workbook.addWorksheet(sheetName);
-  [...headerRows, ...dataRows].forEach((row) => {
-    worksheet.addRow(row);
-  });
-  applyMerges(worksheet, merges);
-  applyColumnWidths(worksheet, columnWidths);
-  const buffer = await workbook.xlsx.writeBuffer();
-  const blob = new Blob([buffer], { type: EXCEL_MIME_TYPE });
-  saveAs(blob, normalizeFileName(fileName));
-}
 const DEFAULT_EXPORT_FILE_NAME = "export-file";
 function getHeaderValue(headers, headerName) {
   var _a;
@@ -1379,7 +1904,10 @@ const _sfc_main$7 = defineComponent({
       emit("start");
       try {
         if (exportMode.value === "excel" && props.excelOptions) {
-          await exportExcel(props.excelOptions);
+          const { exportExcel: exportExcel2 } = await Promise.resolve().then(function() {
+            return exportExcel$1;
+          });
+          await exportExcel2(props.excelOptions);
           if (props.autoMessage) {
             ElMessage.success(props.successMessage);
           }
@@ -3297,4 +3825,139 @@ const _sfc_main = defineComponent({
   }
 });
 var OutlinedTreeSelect = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-8403e6ea"]]);
-export { BaseCard, BaseEChart, _sfc_main$7 as BaseExportButton, BaseTable, OutlinedCascader, OutlinedDatePicker, OutlinedDateTimePicker, OutlinedInput, OutlinedSelect, OutlinedTimePicker, OutlinedTreeSelect, downloadExportResponse, exportExcel, extractFileNameFromDisposition, normalizeExportFileName };
+const DEFAULT_SHEET_NAME = "Sheet1";
+const DEFAULT_COLUMN_WIDTH = 16;
+const EXCEL_MIME_TYPE = "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet";
+function getLeafCount(column) {
+  var _a;
+  if (!((_a = column.children) == null ? void 0 : _a.length)) {
+    return 1;
+  }
+  return column.children.reduce((count, child) => count + getLeafCount(child), 0);
+}
+function getMaxDepth(columns, depth = 1) {
+  return columns.reduce((maxDepth, column) => {
+    var _a;
+    if (!((_a = column.children) == null ? void 0 : _a.length)) {
+      return Math.max(maxDepth, depth);
+    }
+    return Math.max(maxDepth, getMaxDepth(column.children, depth + 1));
+  }, depth);
+}
+function getDisplayLength(value) {
+  const text = `${value != null ? value : ""}`;
+  return Array.from(text).reduce((length, char) => {
+    return length + (char.charCodeAt(0) > 255 ? 2 : 1);
+  }, 0);
+}
+function getValueByPath(source, path) {
+  if (!path) {
+    return "";
+  }
+  return path.split(".").reduce((current, key) => {
+    if (current === null || current === void 0) {
+      return void 0;
+    }
+    return current[key];
+  }, source);
+}
+function getCellValue(row, rowIndex, column) {
+  if (typeof column.formatter === "function") {
+    return column.formatter(row, rowIndex, column);
+  }
+  return getValueByPath(row, column.key);
+}
+function buildHeaderMatrix(columns) {
+  const maxDepth = getMaxDepth(columns);
+  const totalLeafCount = columns.reduce((count, column) => count + getLeafCount(column), 0);
+  const headerRows = Array.from({ length: maxDepth }, () => Array.from({ length: totalLeafCount }).fill(""));
+  const merges = [];
+  const leafColumns = [];
+  let currentColumnIndex = 0;
+  const fillHeaders = (column, depth) => {
+    var _a;
+    const startColumnIndex = currentColumnIndex;
+    const leafCount = getLeafCount(column);
+    headerRows[depth][startColumnIndex] = column.label;
+    if ((_a = column.children) == null ? void 0 : _a.length) {
+      column.children.forEach((child) => fillHeaders(child, depth + 1));
+      if (leafCount > 1) {
+        merges.push({
+          s: { r: depth, c: startColumnIndex },
+          e: { r: depth, c: startColumnIndex + leafCount - 1 }
+        });
+      }
+      return;
+    }
+    leafColumns.push(column);
+    currentColumnIndex += 1;
+    if (depth < maxDepth - 1) {
+      merges.push({
+        s: { r: depth, c: startColumnIndex },
+        e: { r: maxDepth - 1, c: startColumnIndex }
+      });
+    }
+  };
+  columns.forEach((column) => fillHeaders(column, 0));
+  return {
+    headerRows,
+    leafColumns,
+    merges
+  };
+}
+function buildColumnWidths(leafColumns, dataRows, defaultColumnWidth, autoWidth) {
+  return leafColumns.map((column, columnIndex) => {
+    var _a;
+    const headerWidth = getDisplayLength(column.label);
+    const dataWidth = dataRows.reduce((maxWidth, row) => {
+      return Math.max(maxWidth, getDisplayLength(row[columnIndex]));
+    }, 0);
+    const targetWidth = (_a = column.width) != null ? _a : autoWidth ? Math.max(defaultColumnWidth, headerWidth, dataWidth) : defaultColumnWidth;
+    return targetWidth;
+  });
+}
+function normalizeFileName(fileName) {
+  return fileName.endsWith(".xlsx") ? fileName : `${fileName}.xlsx`;
+}
+function applyColumnWidths(worksheet, columnWidths) {
+  columnWidths.forEach((width, index) => {
+    worksheet.getColumn(index + 1).width = width;
+  });
+}
+function applyMerges(worksheet, merges) {
+  merges.forEach((range) => {
+    worksheet.mergeCells(range.s.r + 1, range.s.c + 1, range.e.r + 1, range.e.c + 1);
+  });
+}
+async function exportExcel(options) {
+  const {
+    fileName,
+    sheetName = DEFAULT_SHEET_NAME,
+    data,
+    autoWidth = true,
+    defaultColumnWidth = DEFAULT_COLUMN_WIDTH
+  } = options;
+  const columns = options.columns.filter((column) => !!column);
+  if (!columns.length) {
+    throw new Error("Excel export columns can not be empty.");
+  }
+  const { headerRows, leafColumns, merges } = buildHeaderMatrix(columns);
+  const dataRows = data.map((row, rowIndex) => leafColumns.map((column) => getCellValue(row, rowIndex, column)));
+  const columnWidths = buildColumnWidths(leafColumns, dataRows, defaultColumnWidth, autoWidth);
+  const workbook = new ExcelJS.Workbook();
+  const worksheet = workbook.addWorksheet(sheetName);
+  [...headerRows, ...dataRows].forEach((row) => {
+    worksheet.addRow(row);
+  });
+  applyMerges(worksheet, merges);
+  applyColumnWidths(worksheet, columnWidths);
+  const buffer = await workbook.xlsx.writeBuffer();
+  const blob = new Blob([buffer], { type: EXCEL_MIME_TYPE });
+  saveAs(blob, normalizeFileName(fileName));
+}
+var exportExcel$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  exportExcel,
+  "default": exportExcel
+}, Symbol.toStringTag, { value: "Module" }));
+export { BaseCard, BaseDialog, BaseEChart, _sfc_main$7 as BaseExportButton, BaseSearchForm, BaseTable, OutlinedCascader, OutlinedDatePicker, OutlinedDateTimePicker, OutlinedInput, OutlinedSelect, OutlinedTimePicker, OutlinedTreeSelect, cloneSearchFormModel, downloadExportResponse, exportExcel, extractFileNameFromDisposition, getVisibleSearchFields, normalizeExportFileName, resetSearchFormModel, toSearchFormCssValue };