@hbdlzy/ui-core 0.1.4 → 0.1.6

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,20 +179,20 @@ var _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const _hoisted_1$5 = {
+const _hoisted_1$8 = {
   key: 0,
   class: "base-card__header"
 };
-const _hoisted_2$3 = { class: "base-card__header-left" };
-const _hoisted_3$1 = {
+const _hoisted_2$8 = { class: "base-card__header-left" };
+const _hoisted_3$3 = {
   key: 0,
   class: "base-card__title-wrap"
 };
-const _hoisted_4$1 = {
+const _hoisted_4$2 = {
   key: 0,
   class: "base-card__title-marker"
 };
-const _hoisted_5$1 = {
+const _hoisted_5$2 = {
   key: 2,
   class: "base-card__title"
 };
@@ -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,11 +307,11 @@ 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, [
-            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))
+        shouldRenderHeader.value ? (openBlock(), createElementBlock("div", _hoisted_1$8, [
+          createElementVNode("div", _hoisted_2$8, [
+            hasTitleBlock.value ? (openBlock(), createElementBlock("div", _hoisted_3$3, [
+              __props.showTitleMarker ? (openBlock(), createElementBlock("span", _hoisted_4$2)) : createCommentVNode("", true),
+              _ctx.$slots["title-label"] ? renderSlot(_ctx.$slots, "title-label", { key: 1 }, void 0, true) : (openBlock(), createElementBlock("h4", _hoisted_5$2, toDisplayString(__props.title), 1))
             ])) : createCommentVNode("", true),
             renderSlot(_ctx.$slots, "title", {}, void 0, true)
           ]),
@@ -172,398 +339,19 @@ 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 = {
+const _hoisted_1$7 = { class: "base-table" };
+const _hoisted_2$7 = {
   key: 0,
   class: "base-table__toolbar"
 };
-const _hoisted_3 = { class: "base-table__toolbar-left" };
-const _hoisted_4 = {
+const _hoisted_3$2 = { class: "base-table__toolbar-left" };
+const _hoisted_4$1 = {
   key: 0,
   class: "base-table__toolbar-right"
 };
-const _hoisted_5 = { class: "base-table__header" };
+const _hoisted_5$1 = { 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" };
@@ -1270,12 +1058,12 @@ const _sfc_main$9 = defineComponent({
       const _component_el_tag = resolveComponent("el-tag");
       const _component_el_table = resolveComponent("el-table");
       const _directive_loading = resolveDirective("loading");
-      return openBlock(), createElementBlock("div", _hoisted_1$2, [
-        shouldRenderToolbar.value ? (openBlock(), createElementBlock("div", _hoisted_2, [
-          createElementVNode("div", _hoisted_3, [
+      return openBlock(), createElementBlock("div", _hoisted_1$7, [
+        shouldRenderToolbar.value ? (openBlock(), createElementBlock("div", _hoisted_2$7, [
+          createElementVNode("div", _hoisted_3$2, [
             renderSlot(_ctx.$slots, "toolbar", {}, void 0, true)
           ]),
-          __props.showPagination ? (openBlock(), createElementBlock("div", _hoisted_4, [
+          __props.showPagination ? (openBlock(), createElementBlock("div", _hoisted_4$1, [
             createVNode(_component_el_pagination, {
               small: "",
               background: "",
@@ -1410,7 +1198,7 @@ const _sfc_main$9 = defineComponent({
                 } : shouldRenderBuiltInHeader(column) ? {
                   name: "header",
                   fn: withCtx(() => [
-                    createElementVNode("div", _hoisted_5, [
+                    createElementVNode("div", _hoisted_5$1, [
                       createElementVNode("span", _hoisted_6, toDisplayString(column.label), 1),
                       createElementVNode("div", _hoisted_7, [
                         createVNode(_component_el_dropdown, {
@@ -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);
           }
@@ -1962,7 +1877,15 @@ const _sfc_main$7 = defineComponent({
   }
 });
 var OutlinedInput_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _hoisted_1$1 = { class: "outlined-input__suffix-text" };
+const _hoisted_1$6 = { class: "outlined-input__suffix-text" };
+const _hoisted_2$6 = {
+  key: 0,
+  class: "outlined-input__required"
+};
+const _hoisted_3$1 = {
+  key: 1,
+  class: "outlined-input__error"
+};
 const _sfc_main$6 = defineComponent({
   ...{
     name: "OutlinedInput",
@@ -1987,7 +1910,10 @@ const _sfc_main$6 = defineComponent({
     clearable: { type: Boolean, default: false },
     showWordLimit: { type: Boolean, default: true },
     marginBottom: { default: 20 },
-    paddingTop: { default: 20 }
+    paddingTop: { default: 20 },
+    required: { type: Boolean, default: false },
+    error: { type: Boolean, default: false },
+    errorMessage: { default: "" }
   },
   emits: ["input", "update:value", "warning", "focus", "blur", "change", "clear"],
   setup(__props, { expose: __expose, emit: __emit }) {
@@ -2019,6 +1945,7 @@ const _sfc_main$6 = defineComponent({
     });
     const containerClasses = computed(() => ({
       "outlined-input--bordered": props.isBorder,
+      "outlined-input--error": hasError.value,
       "outlined-input--textarea-default": resolvedType.value === "textarea" && !hasTextareaAutosize.value
     }));
     const containerStyle = computed(() => ({
@@ -2034,6 +1961,9 @@ const _sfc_main$6 = defineComponent({
       };
     });
     const floatingLabel = computed(() => props.label || props.placeholder || "");
+    const controlPlaceholder = computed(() => addRequiredMark(props.placeholder));
+    const hasError = computed(() => Boolean(props.error));
+    const resolvedErrorMessage = computed(() => props.errorMessage || createRequiredMessage(floatingLabel.value));
     const hasContent = computed(() => hasFilledValue(inputValue.value));
     const labelClasses = computed(() => ({
       "outlined-input__label--floating": focused.value || hasContent.value,
@@ -2091,6 +2021,15 @@ const _sfc_main$6 = defineComponent({
       }
       return value;
     }
+    function addRequiredMark(value) {
+      if (!props.required || !value || value.startsWith("*")) {
+        return value;
+      }
+      return `*${value}`;
+    }
+    function createRequiredMessage(label) {
+      return label ? `${label}\u4E3A\u5FC5\u586B\u9879` : "\u8BE5\u9879\u4E3A\u5FC5\u586B\u9879";
+    }
     __expose({
       focus: () => {
         var _a2;
@@ -2122,7 +2061,7 @@ const _sfc_main$6 = defineComponent({
         }, inputAttrs.value, {
           "model-value": inputValue.value,
           type: resolvedType.value,
-          placeholder: __props.placeholder,
+          placeholder: controlPlaceholder.value,
           disabled: __props.disabled,
           maxlength: __props.maxlength,
           max: __props.max,
@@ -2131,6 +2070,7 @@ const _sfc_main$6 = defineComponent({
           "show-word-limit": __props.showWordLimit,
           clearable: __props.clearable,
           style: inputStyle.value,
+          "aria-invalid": hasError.value ? "true" : void 0,
           "onUpdate:modelValue": handleModelValueUpdate,
           onFocus: handleFocus,
           onBlur: handleBlur,
@@ -2162,22 +2102,34 @@ const _sfc_main$6 = defineComponent({
             name: "suffix",
             fn: withCtx(() => [
               renderSlot(_ctx.$slots, "suffix", {}, () => [
-                createElementVNode("span", _hoisted_1$1, toDisplayString(__props.suffixText), 1)
+                createElementVNode("span", _hoisted_1$6, toDisplayString(__props.suffixText), 1)
               ], true)
             ]),
             key: "3"
           } : void 0
-        ]), 1040, ["model-value", "type", "placeholder", "disabled", "maxlength", "max", "min", "show-password", "show-word-limit", "clearable", "style"]),
+        ]), 1040, ["model-value", "type", "placeholder", "disabled", "maxlength", "max", "min", "show-password", "show-word-limit", "clearable", "style", "aria-invalid"]),
         floatingLabel.value ? (openBlock(), createElementBlock("div", {
           key: 0,
           class: normalizeClass(["outlined-input__label", labelClasses.value])
-        }, toDisplayString(floatingLabel.value), 3)) : createCommentVNode("", true)
+        }, [
+          __props.required ? (openBlock(), createElementBlock("span", _hoisted_2$6, "*")) : createCommentVNode("", true),
+          createElementVNode("span", null, toDisplayString(floatingLabel.value), 1)
+        ], 2)) : createCommentVNode("", true),
+        hasError.value ? (openBlock(), createElementBlock("p", _hoisted_3$1, toDisplayString(resolvedErrorMessage.value), 1)) : createCommentVNode("", true)
       ], 6);
     };
   }
 });
-var OutlinedInput = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-2bf89ccd"]]);
+var OutlinedInput = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-3c232c9a"]]);
 var OutlinedSelect_vue_vue_type_style_index_0_scoped_true_lang = "";
+const _hoisted_1$5 = {
+  key: 0,
+  class: "outlined-select__required"
+};
+const _hoisted_2$5 = {
+  key: 1,
+  class: "outlined-select__error"
+};
 const _sfc_main$5 = defineComponent({
   ...{
     name: "OutlinedSelect",
@@ -2204,7 +2156,10 @@ const _sfc_main$5 = defineComponent({
     noCheck: { type: Boolean, default: false },
     maxCollapseTags: { default: 5 },
     marginBottom: { default: 20 },
-    paddingTop: { default: 20 }
+    paddingTop: { default: 20 },
+    required: { type: Boolean, default: false },
+    error: { type: Boolean, default: false },
+    errorMessage: { default: "" }
   },
   emits: ["input", "update:value", "change", "focus", "blur", "visible-change", "clear"],
   setup(__props, { expose: __expose, emit: __emit }) {
@@ -2231,7 +2186,8 @@ const _sfc_main$5 = defineComponent({
       return rest;
     });
     const containerClasses = computed(() => ({
-      "outlined-select--bordered": props.isBorder
+      "outlined-select--bordered": props.isBorder,
+      "outlined-select--error": hasError.value
     }));
     const containerStyle = computed(() => ({
       marginBottom: toCssValue(props.marginBottom),
@@ -2242,6 +2198,9 @@ const _sfc_main$5 = defineComponent({
       height: props.multiple ? "auto" : `${props.inputHeight}px`
     }));
     const floatingLabel = computed(() => props.label || props.placeholder || "");
+    const controlPlaceholder = computed(() => addRequiredMark(props.placeholder));
+    const hasError = computed(() => Boolean(props.error));
+    const resolvedErrorMessage = computed(() => props.errorMessage || createRequiredMessage(floatingLabel.value));
     const hasCustomOptionsSlot = computed(() => Boolean(slots.default));
     const hasContent = computed(() => {
       if (props.multiple) {
@@ -2325,6 +2284,15 @@ const _sfc_main$5 = defineComponent({
       }
       return value;
     }
+    function addRequiredMark(value) {
+      if (!props.required || !value || value.startsWith("*")) {
+        return value;
+      }
+      return `*${value}`;
+    }
+    function createRequiredMessage(label) {
+      return label ? `${label}\u4E3A\u5FC5\u586B\u9879` : "\u8BE5\u9879\u4E3A\u5FC5\u586B\u9879";
+    }
     __expose({
       focus: () => {
         var _a, _b;
@@ -2368,7 +2336,7 @@ const _sfc_main$5 = defineComponent({
         }, selectAttrs.value, {
           class: "outlined-select__control",
           "model-value": selectValue.value,
-          placeholder: __props.placeholder,
+          placeholder: controlPlaceholder.value,
           disabled: __props.disabled,
           multiple: __props.multiple,
           filterable: __props.filterable,
@@ -2377,6 +2345,7 @@ const _sfc_main$5 = defineComponent({
           "collapse-tags-tooltip": __props.collapseTagsTooltip,
           "max-collapse-tags": __props.maxCollapseTags,
           style: selectStyle.value,
+          "aria-invalid": hasError.value ? "true" : void 0,
           "onUpdate:modelValue": handleModelValueUpdate,
           onFocus: handleFocus,
           onBlur: handleBlur,
@@ -2407,17 +2376,29 @@ const _sfc_main$5 = defineComponent({
             }), 128))
           ]),
           _: 3
-        }, 16, ["model-value", "placeholder", "disabled", "multiple", "filterable", "clearable", "collapse-tags", "collapse-tags-tooltip", "max-collapse-tags", "style"]),
+        }, 16, ["model-value", "placeholder", "disabled", "multiple", "filterable", "clearable", "collapse-tags", "collapse-tags-tooltip", "max-collapse-tags", "style", "aria-invalid"]),
         floatingLabel.value ? (openBlock(), createElementBlock("div", {
           key: 0,
           class: normalizeClass(["outlined-select__label", labelClasses.value])
-        }, toDisplayString(floatingLabel.value), 3)) : createCommentVNode("", true)
+        }, [
+          __props.required ? (openBlock(), createElementBlock("span", _hoisted_1$5, "*")) : createCommentVNode("", true),
+          createElementVNode("span", null, toDisplayString(floatingLabel.value), 1)
+        ], 2)) : createCommentVNode("", true),
+        hasError.value ? (openBlock(), createElementBlock("p", _hoisted_2$5, toDisplayString(resolvedErrorMessage.value), 1)) : createCommentVNode("", true)
       ], 6);
     };
   }
 });
-var OutlinedSelect = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-7bd2b5f2"]]);
+var OutlinedSelect = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-2a354461"]]);
 var OutlinedDatePicker_vue_vue_type_style_index_0_scoped_true_lang = "";
+const _hoisted_1$4 = {
+  key: 0,
+  class: "outlined-date-picker__required"
+};
+const _hoisted_2$4 = {
+  key: 1,
+  class: "outlined-date-picker__error"
+};
 const _sfc_main$4 = defineComponent({
   ...{
     name: "OutlinedDatePicker",
@@ -2439,7 +2420,10 @@ const _sfc_main$4 = defineComponent({
     isBorder: { type: Boolean, default: false },
     disabledDate: { type: [String, Number, Date, Function], default: void 0 },
     marginBottom: { default: 20 },
-    paddingTop: { default: 20 }
+    paddingTop: { default: 20 },
+    required: { type: Boolean, default: false },
+    error: { type: Boolean, default: false },
+    errorMessage: { default: "" }
   },
   emits: ["input", "update:value", "change", "focus", "blur", "visible-change"],
   setup(__props, { expose: __expose, emit: __emit }) {
@@ -2513,7 +2497,8 @@ const _sfc_main$4 = defineComponent({
       };
     });
     const containerClasses = computed(() => ({
-      "outlined-date-picker--bordered": props.isBorder
+      "outlined-date-picker--bordered": props.isBorder,
+      "outlined-date-picker--error": hasError.value
     }));
     const containerStyle = computed(() => ({
       marginBottom: toCssValue(props.marginBottom),
@@ -2523,6 +2508,9 @@ const _sfc_main$4 = defineComponent({
       height: `${props.inputHeight}px`
     }));
     const floatingLabel = computed(() => props.label || props.placeholder || "");
+    const controlPlaceholder = computed(() => addRequiredMark(props.placeholder));
+    const hasError = computed(() => Boolean(props.error));
+    const resolvedErrorMessage = computed(() => props.errorMessage || createRequiredMessage(floatingLabel.value));
     const hasContent = computed(() => hasFilledValue(pickerValue.value));
     const labelClasses = computed(() => ({
       "outlined-date-picker__label--floating": focused.value || hasContent.value,
@@ -2603,6 +2591,15 @@ const _sfc_main$4 = defineComponent({
       }
       return value;
     }
+    function addRequiredMark(value) {
+      if (!props.required || !value || value.startsWith("*")) {
+        return value;
+      }
+      return `*${value}`;
+    }
+    function createRequiredMessage(label) {
+      return label ? `${label}\u4E3A\u5FC5\u586B\u9879` : "\u8BE5\u9879\u4E3A\u5FC5\u586B\u9879";
+    }
     __expose({
       focus: () => {
         var _a2, _b;
@@ -2637,24 +2634,29 @@ const _sfc_main$4 = defineComponent({
           type: __props.typeDate,
           format: __props.format,
           "value-format": resolvedValueFormat.value,
-          placeholder: __props.placeholder,
+          placeholder: controlPlaceholder.value,
           disabled: __props.disabled,
           style: pickerStyle.value,
+          "aria-invalid": hasError.value ? "true" : void 0,
           "onUpdate:modelValue": handleModelValueUpdate,
           onFocus: handleFocus,
           onBlur: handleBlur,
           onChange: handleChange,
           onVisibleChange: handleVisibleChange
-        }), null, 16, ["model-value", "type", "format", "value-format", "placeholder", "disabled", "style"]),
+        }), null, 16, ["model-value", "type", "format", "value-format", "placeholder", "disabled", "style", "aria-invalid"]),
         floatingLabel.value ? (openBlock(), createElementBlock("div", {
           key: 0,
           class: normalizeClass(["outlined-date-picker__label", labelClasses.value])
-        }, toDisplayString(floatingLabel.value), 3)) : createCommentVNode("", true)
+        }, [
+          __props.required ? (openBlock(), createElementBlock("span", _hoisted_1$4, "*")) : createCommentVNode("", true),
+          createElementVNode("span", null, toDisplayString(floatingLabel.value), 1)
+        ], 2)) : createCommentVNode("", true),
+        hasError.value ? (openBlock(), createElementBlock("p", _hoisted_2$4, toDisplayString(resolvedErrorMessage.value), 1)) : createCommentVNode("", true)
       ], 6);
     };
   }
 });
-var OutlinedDatePicker = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-c95a293c"]]);
+var OutlinedDatePicker = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-47219caf"]]);
 var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
 var dayjs_min = { exports: {} };
 (function(module, exports) {
@@ -2948,7 +2950,20 @@ var dayjs_min = { exports: {} };
 })(dayjs_min);
 var dayjs = dayjs_min.exports;
 var OutlinedDateTimePicker_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _hoisted_1 = { class: "outlined-date-time-picker__separator" };
+const _hoisted_1$3 = { class: "outlined-date-time-picker__inner" };
+const _hoisted_2$3 = {
+  key: 0,
+  class: "outlined-date-time-picker__required"
+};
+const _hoisted_3 = { class: "outlined-date-time-picker__separator" };
+const _hoisted_4 = {
+  key: 0,
+  class: "outlined-date-time-picker__required"
+};
+const _hoisted_5 = {
+  key: 0,
+  class: "outlined-date-time-picker__error"
+};
 const _sfc_main$3 = defineComponent({
   ...{
     name: "OutlinedDateTimePicker",
@@ -2966,7 +2981,10 @@ const _sfc_main$3 = defineComponent({
     timePlaceholder: { default: "\u65F6\u95F4" },
     clearable: { type: Boolean, default: false },
     marginBottom: { default: 20 },
-    paddingTop: { default: 20 }
+    paddingTop: { default: 20 },
+    required: { type: Boolean, default: false },
+    error: { type: Boolean, default: false },
+    errorMessage: { default: "" }
   },
   emits: ["input", "update:value", "change", "focus", "blur", "visible-change"],
   setup(__props, { expose: __expose, emit: __emit }) {
@@ -2993,16 +3011,24 @@ const _sfc_main$3 = defineComponent({
     const rootClass = computed(() => attrs.class);
     const rootStyle = computed(() => attrs.style);
     const floatingLabel = computed(() => props.label || props.placeholder || "");
-    const fieldClasses = computed(() => ({
-      "outlined-date-time-picker__field--bordered": props.isBorder
+    const containerClasses = computed(() => ({
+      "outlined-date-time-picker--error": hasError.value
     }));
-    const fieldStyle = computed(() => ({
+    const containerStyle = computed(() => ({
       marginBottom: toCssValue(props.marginBottom),
       paddingTop: toCssValue(props.paddingTop)
     }));
+    const fieldClasses = computed(() => ({
+      "outlined-date-time-picker__field--bordered": props.isBorder,
+      "outlined-date-time-picker__field--error": hasError.value
+    }));
     const controlStyle = computed(() => ({
       height: `${props.inputHeight}px`
     }));
+    const datePlaceholder = computed(() => addRequiredMark(props.placeholder));
+    const timeControlPlaceholder = computed(() => addRequiredMark(props.timePlaceholder));
+    const hasError = computed(() => Boolean(props.error));
+    const resolvedErrorMessage = computed(() => props.errorMessage || createRequiredMessage(floatingLabel.value));
     const resolvedDisabledDate = computed(() => createDisabledDateHandler(props.disabledDate));
     const resolvedDisabledHours = computed(() => {
       if (!shouldLimitCurrentTime()) {
@@ -3136,6 +3162,15 @@ const _sfc_main$3 = defineComponent({
       }
       return value;
     }
+    function addRequiredMark(value) {
+      if (!props.required || !value || value.startsWith("*")) {
+        return value;
+      }
+      return `*${value}`;
+    }
+    function createRequiredMessage(label) {
+      return label ? `${label}\u4E3A\u5FC5\u586B\u9879` : "\u8BE5\u9879\u4E3A\u5FC5\u586B\u9879";
+    }
     __expose({
       focusDate: () => {
         var _a, _b;
@@ -3168,70 +3203,87 @@ const _sfc_main$3 = defineComponent({
       const _component_el_date_picker = resolveComponent("el-date-picker");
       const _component_el_time_picker = resolveComponent("el-time-picker");
       return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["outlined-date-time-picker", [rootClass.value]]),
-        style: normalizeStyle(rootStyle.value)
+        class: normalizeClass(["outlined-date-time-picker", [containerClasses.value, rootClass.value]]),
+        style: normalizeStyle([containerStyle.value, rootStyle.value])
       }, [
-        createElementVNode("div", {
-          class: normalizeClass(["outlined-date-time-picker__field", fieldClasses.value]),
-          style: normalizeStyle(fieldStyle.value)
-        }, [
-          createVNode(_component_el_date_picker, {
-            ref_key: "datePickerRef",
-            ref: datePickerRef,
-            class: "outlined-date-time-picker__control",
-            "model-value": dateValue.value,
-            type: "date",
-            format: "YYYY-MM-DD",
-            "value-format": "YYYY-MM-DD",
-            placeholder: __props.placeholder,
-            clearable: __props.clearable,
-            "disabled-date": resolvedDisabledDate.value,
-            style: normalizeStyle(controlStyle.value),
-            "onUpdate:modelValue": handleDateUpdate,
-            onFocus: _cache[0] || (_cache[0] = ($event) => handleFocus("date")),
-            onBlur: _cache[1] || (_cache[1] = ($event) => handleBlur("date", $event)),
-            onChange: handleDateChange,
-            onVisibleChange: _cache[2] || (_cache[2] = ($event) => handleVisibleChange("date", $event))
-          }, null, 8, ["model-value", "placeholder", "clearable", "disabled-date", "style"]),
-          floatingLabel.value ? (openBlock(), createElementBlock("div", {
-            key: 0,
-            class: normalizeClass(["outlined-date-time-picker__label", dateLabelClasses.value])
-          }, toDisplayString(floatingLabel.value), 3)) : createCommentVNode("", true)
-        ], 6),
-        createElementVNode("span", _hoisted_1, toDisplayString(__props.separatorText), 1),
-        createElementVNode("div", {
-          class: normalizeClass(["outlined-date-time-picker__field", fieldClasses.value]),
-          style: normalizeStyle(fieldStyle.value)
-        }, [
-          createVNode(_component_el_time_picker, {
-            ref_key: "timePickerRef",
-            ref: timePickerRef,
-            class: "outlined-date-time-picker__control",
-            "model-value": timeValue.value,
-            format: "HH:mm",
-            "value-format": "HH:mm",
-            placeholder: __props.timePlaceholder,
-            clearable: __props.clearable,
-            disabled: !dateValue.value,
-            "disabled-hours": resolvedDisabledHours.value,
-            "disabled-minutes": resolvedDisabledMinutes.value,
-            style: normalizeStyle(controlStyle.value),
-            "onUpdate:modelValue": handleTimeUpdate,
-            onFocus: _cache[3] || (_cache[3] = ($event) => handleFocus("time")),
-            onBlur: _cache[4] || (_cache[4] = ($event) => handleBlur("time", $event)),
-            onChange: handleTimeChange,
-            onVisibleChange: _cache[5] || (_cache[5] = ($event) => handleVisibleChange("time", $event))
-          }, null, 8, ["model-value", "placeholder", "clearable", "disabled", "disabled-hours", "disabled-minutes", "style"]),
+        createElementVNode("div", _hoisted_1$3, [
+          createElementVNode("div", {
+            class: normalizeClass(["outlined-date-time-picker__field", fieldClasses.value])
+          }, [
+            createVNode(_component_el_date_picker, {
+              ref_key: "datePickerRef",
+              ref: datePickerRef,
+              class: "outlined-date-time-picker__control",
+              "model-value": dateValue.value,
+              type: "date",
+              format: "YYYY-MM-DD",
+              "value-format": "YYYY-MM-DD",
+              placeholder: datePlaceholder.value,
+              clearable: __props.clearable,
+              "disabled-date": resolvedDisabledDate.value,
+              style: normalizeStyle(controlStyle.value),
+              "aria-invalid": hasError.value ? "true" : void 0,
+              "onUpdate:modelValue": handleDateUpdate,
+              onFocus: _cache[0] || (_cache[0] = ($event) => handleFocus("date")),
+              onBlur: _cache[1] || (_cache[1] = ($event) => handleBlur("date", $event)),
+              onChange: handleDateChange,
+              onVisibleChange: _cache[2] || (_cache[2] = ($event) => handleVisibleChange("date", $event))
+            }, null, 8, ["model-value", "placeholder", "clearable", "disabled-date", "style", "aria-invalid"]),
+            floatingLabel.value ? (openBlock(), createElementBlock("div", {
+              key: 0,
+              class: normalizeClass(["outlined-date-time-picker__label", dateLabelClasses.value])
+            }, [
+              __props.required ? (openBlock(), createElementBlock("span", _hoisted_2$3, "*")) : createCommentVNode("", true),
+              createElementVNode("span", null, toDisplayString(floatingLabel.value), 1)
+            ], 2)) : createCommentVNode("", true)
+          ], 2),
+          createElementVNode("span", _hoisted_3, toDisplayString(__props.separatorText), 1),
           createElementVNode("div", {
-            class: normalizeClass(["outlined-date-time-picker__label", timeLabelClasses.value])
-          }, toDisplayString(__props.timePlaceholder), 3)
-        ], 6)
+            class: normalizeClass(["outlined-date-time-picker__field", fieldClasses.value])
+          }, [
+            createVNode(_component_el_time_picker, {
+              ref_key: "timePickerRef",
+              ref: timePickerRef,
+              class: "outlined-date-time-picker__control",
+              "model-value": timeValue.value,
+              format: "HH:mm",
+              "value-format": "HH:mm",
+              placeholder: timeControlPlaceholder.value,
+              clearable: __props.clearable,
+              disabled: !dateValue.value,
+              "disabled-hours": resolvedDisabledHours.value,
+              "disabled-minutes": resolvedDisabledMinutes.value,
+              style: normalizeStyle(controlStyle.value),
+              "aria-invalid": hasError.value ? "true" : void 0,
+              "onUpdate:modelValue": handleTimeUpdate,
+              onFocus: _cache[3] || (_cache[3] = ($event) => handleFocus("time")),
+              onBlur: _cache[4] || (_cache[4] = ($event) => handleBlur("time", $event)),
+              onChange: handleTimeChange,
+              onVisibleChange: _cache[5] || (_cache[5] = ($event) => handleVisibleChange("time", $event))
+            }, null, 8, ["model-value", "placeholder", "clearable", "disabled", "disabled-hours", "disabled-minutes", "style", "aria-invalid"]),
+            createElementVNode("div", {
+              class: normalizeClass(["outlined-date-time-picker__label", timeLabelClasses.value])
+            }, [
+              __props.required ? (openBlock(), createElementBlock("span", _hoisted_4, "*")) : createCommentVNode("", true),
+              createElementVNode("span", null, toDisplayString(__props.timePlaceholder), 1)
+            ], 2)
+          ], 2)
+        ]),
+        hasError.value ? (openBlock(), createElementBlock("p", _hoisted_5, toDisplayString(resolvedErrorMessage.value), 1)) : createCommentVNode("", true)
       ], 6);
     };
   }
 });
-var OutlinedDateTimePicker = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-f2fefd22"]]);
+var OutlinedDateTimePicker = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-ee2ef524"]]);
 var OutlinedTimePicker_vue_vue_type_style_index_0_scoped_true_lang = "";
+const _hoisted_1$2 = {
+  key: 0,
+  class: "outlined-time-picker__required"
+};
+const _hoisted_2$2 = {
+  key: 1,
+  class: "outlined-time-picker__error"
+};
 const _sfc_main$2 = defineComponent({
   ...{
     name: "OutlinedTimePicker",
@@ -3254,7 +3306,10 @@ const _sfc_main$2 = defineComponent({
     inputHeight: { default: 40 },
     isBorder: { type: Boolean, default: false },
     marginBottom: { default: 20 },
-    paddingTop: { default: 20 }
+    paddingTop: { default: 20 },
+    required: { type: Boolean, default: false },
+    error: { type: Boolean, default: false },
+    errorMessage: { default: "" }
   },
   emits: ["input", "update:value", "change", "focus", "blur", "visible-change", "clear"],
   setup(__props, { expose: __expose, emit: __emit }) {
@@ -3281,7 +3336,8 @@ const _sfc_main$2 = defineComponent({
       return rest;
     });
     const containerClasses = computed(() => ({
-      "outlined-time-picker--bordered": props.isBorder
+      "outlined-time-picker--bordered": props.isBorder,
+      "outlined-time-picker--error": hasError.value
     }));
     const containerStyle = computed(() => ({
       marginBottom: toCssValue(props.marginBottom),
@@ -3291,6 +3347,11 @@ const _sfc_main$2 = defineComponent({
       height: `${props.inputHeight}px`
     }));
     const floatingLabel = computed(() => props.label || props.placeholder || "");
+    const controlPlaceholder = computed(() => addRequiredMark(props.placeholder));
+    const controlStartPlaceholder = computed(() => addRequiredMark(props.startPlaceholder));
+    const controlEndPlaceholder = computed(() => addRequiredMark(props.endPlaceholder));
+    const hasError = computed(() => Boolean(props.error));
+    const resolvedErrorMessage = computed(() => props.errorMessage || createRequiredMessage(floatingLabel.value));
     const hasContent = computed(() => {
       if (Array.isArray(pickerValue.value)) {
         return pickerValue.value.length > 0;
@@ -3360,6 +3421,15 @@ const _sfc_main$2 = defineComponent({
       }
       return value;
     }
+    function addRequiredMark(value) {
+      if (!props.required || !value || value.startsWith("*")) {
+        return value;
+      }
+      return `*${value}`;
+    }
+    function createRequiredMessage(label) {
+      return label ? `${label}\u4E3A\u5FC5\u586B\u9879` : "\u8BE5\u9879\u4E3A\u5FC5\u586B\u9879";
+    }
     __expose({
       focus: () => {
         var _a, _b;
@@ -3401,31 +3471,44 @@ const _sfc_main$2 = defineComponent({
           "is-range": __props.isRange,
           format: __props.format,
           "value-format": resolvedValueFormat.value,
-          placeholder: __props.placeholder,
-          "start-placeholder": __props.startPlaceholder,
-          "end-placeholder": __props.endPlaceholder,
+          placeholder: controlPlaceholder.value,
+          "start-placeholder": controlStartPlaceholder.value,
+          "end-placeholder": controlEndPlaceholder.value,
           "range-separator": __props.rangeSeparator,
           disabled: __props.disabled,
           clearable: __props.clearable,
           "arrow-control": __props.arrowControl,
           style: pickerStyle.value,
+          "aria-invalid": hasError.value ? "true" : void 0,
           "onUpdate:modelValue": handleModelValueUpdate,
           onFocus: handleFocus,
           onBlur: handleBlur,
           onChange: handleChange,
           onVisibleChange: handleVisibleChange,
           onClear: handleClear
-        }), null, 16, ["model-value", "is-range", "format", "value-format", "placeholder", "start-placeholder", "end-placeholder", "range-separator", "disabled", "clearable", "arrow-control", "style"]),
+        }), null, 16, ["model-value", "is-range", "format", "value-format", "placeholder", "start-placeholder", "end-placeholder", "range-separator", "disabled", "clearable", "arrow-control", "style", "aria-invalid"]),
         floatingLabel.value ? (openBlock(), createElementBlock("div", {
           key: 0,
           class: normalizeClass(["outlined-time-picker__label", labelClasses.value])
-        }, toDisplayString(floatingLabel.value), 3)) : createCommentVNode("", true)
+        }, [
+          __props.required ? (openBlock(), createElementBlock("span", _hoisted_1$2, "*")) : createCommentVNode("", true),
+          createElementVNode("span", null, toDisplayString(floatingLabel.value), 1)
+        ], 2)) : createCommentVNode("", true),
+        hasError.value ? (openBlock(), createElementBlock("p", _hoisted_2$2, toDisplayString(resolvedErrorMessage.value), 1)) : createCommentVNode("", true)
       ], 6);
     };
   }
 });
-var OutlinedTimePicker = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-6a467b88"]]);
+var OutlinedTimePicker = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-0257087e"]]);
 var OutlinedCascader_vue_vue_type_style_index_0_scoped_true_lang = "";
+const _hoisted_1$1 = {
+  key: 0,
+  class: "outlined-cascader__required"
+};
+const _hoisted_2$1 = {
+  key: 1,
+  class: "outlined-cascader__error"
+};
 const _sfc_main$1 = defineComponent({
   ...{
     name: "OutlinedCascader",
@@ -3446,7 +3529,10 @@ const _sfc_main$1 = defineComponent({
     filterable: { type: Boolean, default: true },
     levels: { type: Boolean, default: true },
     marginBottom: { default: 20 },
-    paddingTop: { default: 20 }
+    paddingTop: { default: 20 },
+    required: { type: Boolean, default: false },
+    error: { type: Boolean, default: false },
+    errorMessage: { default: "" }
   },
   emits: ["input", "update:value", "change", "focus", "blur", "visible-change"],
   setup(__props, { expose: __expose, emit: __emit }) {
@@ -3472,7 +3558,8 @@ const _sfc_main$1 = defineComponent({
       return rest;
     });
     const containerClasses = computed(() => ({
-      "outlined-cascader--bordered": props.isBorder
+      "outlined-cascader--bordered": props.isBorder,
+      "outlined-cascader--error": hasError.value
     }));
     const containerStyle = computed(() => ({
       marginBottom: toCssValue(props.marginBottom),
@@ -3483,6 +3570,9 @@ const _sfc_main$1 = defineComponent({
       height: `${props.inputHeight}px`
     }));
     const floatingLabel = computed(() => props.label || props.placeholder || "");
+    const controlPlaceholder = computed(() => addRequiredMark(props.placeholder));
+    const hasError = computed(() => Boolean(props.error));
+    const resolvedErrorMessage = computed(() => props.errorMessage || createRequiredMessage(floatingLabel.value));
     const hasContent = computed(() => cascaderValue.value.length > 0);
     const labelClasses = computed(() => ({
       "outlined-cascader__label--floating": focused.value || hasContent.value,
@@ -3532,6 +3622,15 @@ const _sfc_main$1 = defineComponent({
       }
       return value;
     }
+    function addRequiredMark(value) {
+      if (!props.required || !value || value.startsWith("*")) {
+        return value;
+      }
+      return `*${value}`;
+    }
+    function createRequiredMessage(label) {
+      return label ? `${label}\u4E3A\u5FC5\u586B\u9879` : "\u8BE5\u9879\u4E3A\u5FC5\u586B\u9879";
+    }
     __expose({
       focus: () => {
         var _a, _b;
@@ -3567,28 +3666,41 @@ const _sfc_main$1 = defineComponent({
           options: __props.options,
           props: __props.propsValue,
           clearable: __props.clearable,
-          placeholder: __props.placeholder,
+          placeholder: controlPlaceholder.value,
           filterable: __props.filterable,
           "show-all-levels": __props.levels,
           disabled: __props.disabled,
           "popper-class": __props.popperClass,
           style: cascaderStyle.value,
+          "aria-invalid": hasError.value ? "true" : void 0,
           "onUpdate:modelValue": handleModelValueUpdate,
           onFocus: handleFocus,
           onBlur: handleBlur,
           onChange: handleChange,
           onVisibleChange: handleVisibleChange
-        }), null, 16, ["model-value", "options", "props", "clearable", "placeholder", "filterable", "show-all-levels", "disabled", "popper-class", "style"]),
+        }), null, 16, ["model-value", "options", "props", "clearable", "placeholder", "filterable", "show-all-levels", "disabled", "popper-class", "style", "aria-invalid"]),
         floatingLabel.value ? (openBlock(), createElementBlock("div", {
           key: 0,
           class: normalizeClass(["outlined-cascader__label", labelClasses.value])
-        }, toDisplayString(floatingLabel.value), 3)) : createCommentVNode("", true)
+        }, [
+          __props.required ? (openBlock(), createElementBlock("span", _hoisted_1$1, "*")) : createCommentVNode("", true),
+          createElementVNode("span", null, toDisplayString(floatingLabel.value), 1)
+        ], 2)) : createCommentVNode("", true),
+        hasError.value ? (openBlock(), createElementBlock("p", _hoisted_2$1, toDisplayString(resolvedErrorMessage.value), 1)) : createCommentVNode("", true)
       ], 6);
     };
   }
 });
-var OutlinedCascader = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-2c93c0e4"]]);
+var OutlinedCascader = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-033e3fab"]]);
 var OutlinedTreeSelect_vue_vue_type_style_index_0_scoped_true_lang = "";
+const _hoisted_1 = {
+  key: 0,
+  class: "outlined-tree-select__required"
+};
+const _hoisted_2 = {
+  key: 1,
+  class: "outlined-tree-select__error"
+};
 const _sfc_main = defineComponent({
   ...{
     name: "OutlinedTreeSelect",
@@ -3623,7 +3735,10 @@ const _sfc_main = defineComponent({
     inputHeight: { default: 40 },
     isBorder: { type: Boolean, default: false },
     marginBottom: { default: 20 },
-    paddingTop: { default: 20 }
+    paddingTop: { default: 20 },
+    required: { type: Boolean, default: false },
+    error: { type: Boolean, default: false },
+    errorMessage: { default: "" }
   },
   emits: ["input", "update:value", "change", "focus", "blur", "visible-change", "clear"],
   setup(__props, { expose: __expose, emit: __emit }) {
@@ -3649,7 +3764,8 @@ const _sfc_main = defineComponent({
       return rest;
     });
     const containerClasses = computed(() => ({
-      "outlined-tree-select--bordered": props.isBorder
+      "outlined-tree-select--bordered": props.isBorder,
+      "outlined-tree-select--error": hasError.value
     }));
     const containerStyle = computed(() => ({
       marginBottom: toCssValue(props.marginBottom),
@@ -3671,6 +3787,9 @@ const _sfc_main = defineComponent({
       };
     });
     const floatingLabel = computed(() => props.label || props.placeholder || "");
+    const controlPlaceholder = computed(() => addRequiredMark(props.placeholder));
+    const hasError = computed(() => Boolean(props.error));
+    const resolvedErrorMessage = computed(() => props.errorMessage || createRequiredMessage(floatingLabel.value));
     const hasContent = computed(() => {
       if (isArrayMode()) {
         return Array.isArray(treeSelectValue.value) && treeSelectValue.value.length > 0;
@@ -3743,6 +3862,15 @@ const _sfc_main = defineComponent({
       }
       return value;
     }
+    function addRequiredMark(value) {
+      if (!props.required || !value || value.startsWith("*")) {
+        return value;
+      }
+      return `*${value}`;
+    }
+    function createRequiredMessage(label) {
+      return label ? `${label}\u4E3A\u5FC5\u586B\u9879` : "\u8BE5\u9879\u4E3A\u5FC5\u586B\u9879";
+    }
     __expose({
       focus: () => {
         var _a, _b;
@@ -3781,7 +3909,7 @@ const _sfc_main = defineComponent({
           "model-value": treeSelectValue.value,
           data: __props.data,
           props: resolvedTreeProps.value,
-          placeholder: __props.placeholder,
+          placeholder: controlPlaceholder.value,
           disabled: __props.disabled,
           clearable: __props.clearable,
           filterable: __props.filterable,
@@ -3798,6 +3926,7 @@ const _sfc_main = defineComponent({
           "popper-class": __props.popperClass,
           "node-key": __props.nodeKey,
           style: treeSelectStyle.value,
+          "aria-invalid": hasError.value ? "true" : void 0,
           "onUpdate:modelValue": handleModelValueUpdate,
           onFocus: handleFocus,
           onBlur: handleBlur,
@@ -3815,149 +3944,19 @@ const _sfc_main = defineComponent({
             renderSlot(_ctx.$slots, "footer", {}, void 0, true)
           ]),
           _: 3
-        }, 16, ["model-value", "data", "props", "placeholder", "disabled", "clearable", "filterable", "multiple", "show-checkbox", "check-strictly", "check-on-click-node", "default-expand-all", "expand-on-click-node", "render-after-expand", "collapse-tags", "collapse-tags-tooltip", "max-collapse-tags", "popper-class", "node-key", "style"]),
+        }, 16, ["model-value", "data", "props", "placeholder", "disabled", "clearable", "filterable", "multiple", "show-checkbox", "check-strictly", "check-on-click-node", "default-expand-all", "expand-on-click-node", "render-after-expand", "collapse-tags", "collapse-tags-tooltip", "max-collapse-tags", "popper-class", "node-key", "style", "aria-invalid"]),
         floatingLabel.value ? (openBlock(), createElementBlock("div", {
           key: 0,
           class: normalizeClass(["outlined-tree-select__label", labelClasses.value])
-        }, toDisplayString(floatingLabel.value), 3)) : createCommentVNode("", true)
+        }, [
+          __props.required ? (openBlock(), createElementBlock("span", _hoisted_1, "*")) : createCommentVNode("", true),
+          createElementVNode("span", null, toDisplayString(floatingLabel.value), 1)
+        ], 2)) : createCommentVNode("", true),
+        hasError.value ? (openBlock(), createElementBlock("p", _hoisted_2, toDisplayString(resolvedErrorMessage.value), 1)) : createCommentVNode("", true)
       ], 6);
     };
   }
 });
-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 };
+var OutlinedTreeSelect = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-30d7dee0"]]);
+installRipple();
+export { BaseCard, BaseEChart, _sfc_main$7 as BaseExportButton, BaseTable, OutlinedCascader, OutlinedDatePicker, OutlinedDateTimePicker, OutlinedInput, OutlinedSelect, OutlinedTimePicker, OutlinedTreeSelect, downloadExportResponse, exportExcel, extractFileNameFromDisposition, installRipple, normalizeExportFileName, uninstallRipple };