@hbdlzy/ui-core 0.1.3 → 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, withModifiers, withKeys, normalizeClass, shallowRef, nextTick, onUnmounted, useAttrs, 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"
@@ -44,7 +44,7 @@ const _hoisted_10$1 = {
   class: "base-card__tip"
 };
 const _hoisted_11$1 = { class: "base-card__content" };
-const _sfc_main$a = defineComponent({
+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))
@@ -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 = {
@@ -1390,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;
@@ -1655,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);
           }
@@ -3573,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 };