@hbdlzy/ui-core 0.1.4 → 0.1.5

package/dist/index.js

@@ -1,9 +1,176 @@
 import * as echarts from "echarts";
 export { echarts };
-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 { 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 { ElMessage } from "element-plus";
-import { saveAs } from "file-saver";
 import ExcelJS from "exceljs";
+import { saveAs } from "file-saver";
+const HBDL_RIPPLE_KEY = "__HBDL_UI_RIPPLE__";
+const RIPPLE_STYLE_ID = "hbdl-ui-ripple-style";
+const RIPPLE_HOST_CLASS = "hbdl-ripple-host";
+const RIPPLE_WAVE_CLASS = "hbdl-ripple__wave";
+const RIPPLE_TARGET_SELECTOR = [
+  "button",
+  '[role="button"]',
+  ".el-button",
+  ".el-radio-button__inner",
+  ".el-checkbox-button__inner"
+].join(",");
+const RIPPLE_DISABLED_SELECTOR = [
+  ":disabled",
+  "[disabled]",
+  '[aria-disabled="true"]',
+  ".is-disabled",
+  ".is-loading"
+].join(",");
+const RIPPLE_SKIP_SELECTOR = '[data-hbdl-ripple="false"]';
+const RIPPLE_STYLE = `
+.${RIPPLE_HOST_CLASS} {
+  overflow: hidden;
+  -webkit-tap-highlight-color: transparent;
+}
+
+.${RIPPLE_HOST_CLASS} > .${RIPPLE_WAVE_CLASS} {
+  position: absolute;
+  left: var(--hbdl-ripple-x);
+  top: var(--hbdl-ripple-y);
+  width: var(--hbdl-ripple-size);
+  height: var(--hbdl-ripple-size);
+  border-radius: 999px;
+  background: var(--hbdl-ripple-color, currentColor);
+  pointer-events: none;
+  opacity: 0;
+  transform: scale(0);
+  animation: hbdl-ripple-wave 560ms cubic-bezier(0.22, 1, 0.36, 1);
+}
+
+@keyframes hbdl-ripple-wave {
+  0% {
+    opacity: 0.22;
+    transform: scale(0);
+  }
+
+  55% {
+    opacity: 0.18;
+  }
+
+  100% {
+    opacity: 0;
+    transform: scale(1);
+  }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .${RIPPLE_HOST_CLASS} > .${RIPPLE_WAVE_CLASS} {
+    animation-duration: 1ms;
+  }
+}
+`;
+const noop = () => void 0;
+function installRipple() {
+  if (!canUseDOM()) {
+    return noop;
+  }
+  const rippleWindow = window;
+  if (rippleWindow[HBDL_RIPPLE_KEY]) {
+    return rippleWindow[HBDL_RIPPLE_KEY].teardown;
+  }
+  injectRippleStyle();
+  document.addEventListener("pointerdown", handlePointerDown, true);
+  document.addEventListener("keydown", handleKeyDown, true);
+  const teardown = () => {
+    document.removeEventListener("pointerdown", handlePointerDown, true);
+    document.removeEventListener("keydown", handleKeyDown, true);
+    delete rippleWindow[HBDL_RIPPLE_KEY];
+  };
+  rippleWindow[HBDL_RIPPLE_KEY] = {
+    teardown
+  };
+  return teardown;
+}
+function uninstallRipple() {
+  var _a;
+  if (!canUseDOM()) {
+    return;
+  }
+  const rippleWindow = window;
+  (_a = rippleWindow[HBDL_RIPPLE_KEY]) == null ? void 0 : _a.teardown();
+}
+function canUseDOM() {
+  return typeof window !== "undefined" && typeof document !== "undefined";
+}
+function injectRippleStyle() {
+  if (document.getElementById(RIPPLE_STYLE_ID)) {
+    return;
+  }
+  const style = document.createElement("style");
+  style.id = RIPPLE_STYLE_ID;
+  style.textContent = RIPPLE_STYLE;
+  document.head.appendChild(style);
+}
+function handlePointerDown(event) {
+  if (event.defaultPrevented || event.button !== 0) {
+    return;
+  }
+  const target = findRippleTarget(event.target);
+  if (!target) {
+    return;
+  }
+  createRipple(target, event.clientX, event.clientY);
+}
+function handleKeyDown(event) {
+  if (event.defaultPrevented || event.repeat || !isActivationKey(event.key)) {
+    return;
+  }
+  const target = findRippleTarget(event.target);
+  if (!target) {
+    return;
+  }
+  const rect = target.getBoundingClientRect();
+  createRipple(target, rect.left + rect.width / 2, rect.top + rect.height / 2);
+}
+function findRippleTarget(target) {
+  if (!(target instanceof Element)) {
+    return null;
+  }
+  const rippleTarget = target.closest(RIPPLE_TARGET_SELECTOR);
+  if (!(rippleTarget instanceof HTMLElement)) {
+    return null;
+  }
+  if (rippleTarget.closest(RIPPLE_SKIP_SELECTOR) || rippleTarget.closest(RIPPLE_DISABLED_SELECTOR)) {
+    return null;
+  }
+  return rippleTarget;
+}
+function createRipple(target, clientX, clientY) {
+  const rect = target.getBoundingClientRect();
+  if (rect.width <= 0 || rect.height <= 0) {
+    return;
+  }
+  const offsetX = clientX - rect.left;
+  const offsetY = clientY - rect.top;
+  const maxX = Math.max(offsetX, rect.width - offsetX);
+  const maxY = Math.max(offsetY, rect.height - offsetY);
+  const size = Math.ceil(Math.sqrt(maxX * maxX + maxY * maxY) * 2);
+  const ripple = document.createElement("span");
+  prepareRippleHost(target);
+  ripple.className = RIPPLE_WAVE_CLASS;
+  ripple.setAttribute("aria-hidden", "true");
+  ripple.style.setProperty("--hbdl-ripple-size", `${size}px`);
+  ripple.style.setProperty("--hbdl-ripple-x", `${offsetX - size / 2}px`);
+  ripple.style.setProperty("--hbdl-ripple-y", `${offsetY - size / 2}px`);
+  target.insertBefore(ripple, target.firstChild);
+  ripple.addEventListener("animationend", () => ripple.remove(), { once: true });
+  window.setTimeout(() => ripple.remove(), 700);
+}
+function prepareRippleHost(target) {
+  target.classList.add(RIPPLE_HOST_CLASS);
+  if (getComputedStyle(target).position === "static") {
+    target.style.position = "relative";
+  }
+}
+function isActivationKey(key) {
+  return key === "Enter" || key === " " || key === "Spacebar";
+}
 var BaseCard_vue_vue_type_style_index_0_scoped_true_lang = "";
 var _export_sfc = (sfc, props) => {
   const target = sfc.__vccOpts || sfc;
@@ -12,11 +179,11 @@ var _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const _hoisted_1$5 = {
+const _hoisted_1$3 = {
   key: 0,
   class: "base-card__header"
 };
-const _hoisted_2$3 = { class: "base-card__header-left" };
+const _hoisted_2$1 = { class: "base-card__header-left" };
 const _hoisted_3$1 = {
   key: 0,
   class: "base-card__title-wrap"
@@ -44,7 +211,7 @@ const _hoisted_10$1 = {
   class: "base-card__tip"
 };
 const _hoisted_11$1 = { class: "base-card__content" };
-const _sfc_main$c = defineComponent({
+const _sfc_main$a = defineComponent({
   ...{
     name: "BaseCard"
   },
@@ -140,8 +307,8 @@ const _sfc_main$c = defineComponent({
         class: "base-card",
         style: normalizeStyle(cardStyles.value)
       }, [
-        shouldRenderHeader.value ? (openBlock(), createElementBlock("div", _hoisted_1$5, [
-          createElementVNode("div", _hoisted_2$3, [
+        shouldRenderHeader.value ? (openBlock(), createElementBlock("div", _hoisted_1$3, [
+          createElementVNode("div", _hoisted_2$1, [
             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,386 +339,7 @@ const _sfc_main$c = defineComponent({
     };
   }
 });
-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 BaseCard = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-6bfddf1c"]]);
 var BaseTable_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _hoisted_1$2 = { class: "base-table" };
 const _hoisted_2 = {
@@ -1769,6 +1557,136 @@ 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;
@@ -1904,10 +1822,7 @@ const _sfc_main$7 = defineComponent({
       emit("start");
       try {
         if (exportMode.value === "excel" && props.excelOptions) {
-          const { exportExcel: exportExcel2 } = await Promise.resolve().then(function() {
-            return exportExcel$1;
-          });
-          await exportExcel2(props.excelOptions);
+          await exportExcel(props.excelOptions);
           if (props.autoMessage) {
             ElMessage.success(props.successMessage);
           }
@@ -3825,139 +3740,5 @@ const _sfc_main = defineComponent({
   }
 });
 var OutlinedTreeSelect = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-8403e6ea"]]);
-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 };
+installRipple();
+export { BaseCard, BaseEChart, _sfc_main$7 as BaseExportButton, BaseTable, OutlinedCascader, OutlinedDatePicker, OutlinedDateTimePicker, OutlinedInput, OutlinedSelect, OutlinedTimePicker, OutlinedTreeSelect, downloadExportResponse, exportExcel, extractFileNameFromDisposition, installRipple, normalizeExportFileName, uninstallRipple };