@hbdlzy/ui-core 0.1.7 → 0.1.9

package/dist/index.js

@@ -1,6 +1,6 @@
+import { defineComponent, useSlots, computed, openBlock, createElementBlock, normalizeStyle, createElementVNode, createCommentVNode, renderSlot, toDisplayString, normalizeClass, ref, reactive, watch, onMounted, onBeforeUnmount, resolveComponent, resolveDirective, createVNode, unref, withCtx, withDirectives, createBlock, Fragment, renderList, createSlots, createTextVNode, mergeProps, withModifiers, Teleport, withKeys, shallowRef, nextTick, onUnmounted, useAttrs, normalizeProps, guardReactiveProps } from "vue";
 import * as echarts from "echarts";
 export { echarts };
-import { defineComponent, useSlots, computed, openBlock, createElementBlock, normalizeStyle, createElementVNode, createCommentVNode, renderSlot, toDisplayString, normalizeClass, ref, reactive, watch, onMounted, onBeforeUnmount, resolveComponent, resolveDirective, createVNode, withDirectives, createBlock, withCtx, Fragment, renderList, createSlots, createTextVNode, mergeProps, unref, withModifiers, Teleport, withKeys, shallowRef, nextTick, onUnmounted, useAttrs, normalizeProps, guardReactiveProps } from "vue";
 import { ElMessage } from "element-plus";
 import ExcelJS from "exceljs";
 import { saveAs } from "file-saver";
@@ -66,7 +66,7 @@ const RIPPLE_STYLE = `
 }
 `;
 const noop = () => void 0;
-function installRipple() {
+function installRipple(_app) {
   if (!canUseDOM()) {
     return noop;
   }
@@ -95,6 +95,9 @@ function uninstallRipple() {
   const rippleWindow = window;
   (_a = rippleWindow[HBDL_RIPPLE_KEY]) == null ? void 0 : _a.teardown();
 }
+const Ripple = {
+  install: installRipple
+};
 function canUseDOM() {
   return typeof window !== "undefined" && typeof document !== "undefined";
 }
@@ -340,6 +343,182 @@ const _sfc_main$b = defineComponent({
   }
 });
 var BaseCard = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-6bfddf1c"]]);
+var zh_cn_default = {
+  name: "zh-cn",
+  el: {
+    breadcrumb: { label: "\u9762\u5305\u5C51" },
+    colorpicker: {
+      confirm: "\u786E\u5B9A",
+      clear: "\u6E05\u7A7A",
+      defaultLabel: "\u989C\u8272\u9009\u62E9\u5668",
+      description: "\u5F53\u524D\u989C\u8272 {color}\uFF0C\u6309 Enter \u952E\u9009\u62E9\u65B0\u989C\u8272",
+      alphaLabel: "\u9009\u62E9\u900F\u660E\u5EA6\u7684\u503C",
+      alphaDescription: "\u900F\u660E\u5EA6 {alpha}, \u5F53\u524D\u989C\u8272 {color}",
+      hueLabel: "\u9009\u62E9\u8272\u76F8\u503C",
+      hueDescription: "\u8272\u76F8 {hue}, \u5F53\u524D\u989C\u8272 {color}",
+      svLabel: "\u9009\u62E9\u9971\u548C\u5EA6\u4E0E\u660E\u5EA6\u7684\u503C",
+      svDescription: "\u9971\u548C\u5EA6 {saturation}, \u660E\u5EA6 {brightness}, \u5F53\u524D\u989C\u8272 {color}",
+      predefineDescription: "\u9009\u62E9 {value} \u4F5C\u4E3A\u989C\u8272"
+    },
+    datepicker: {
+      now: "\u6B64\u523B",
+      today: "\u4ECA\u5929",
+      cancel: "\u53D6\u6D88",
+      clear: "\u6E05\u7A7A",
+      confirm: "\u786E\u5B9A",
+      dateTablePrompt: "\u4F7F\u7528\u65B9\u5411\u952E\u4E0E Enter \u952E\u53EF\u9009\u62E9\u65E5\u671F",
+      monthTablePrompt: "\u4F7F\u7528\u65B9\u5411\u952E\u4E0E Enter \u952E\u53EF\u9009\u62E9\u6708\u4EFD",
+      yearTablePrompt: "\u4F7F\u7528\u65B9\u5411\u952E\u4E0E Enter \u952E\u53EF\u9009\u62E9\u5E74\u4EFD",
+      selectedDate: "\u5DF2\u9009\u65E5\u671F",
+      selectDate: "\u9009\u62E9\u65E5\u671F",
+      selectTime: "\u9009\u62E9\u65F6\u95F4",
+      startDate: "\u5F00\u59CB\u65E5\u671F",
+      startTime: "\u5F00\u59CB\u65F6\u95F4",
+      endDate: "\u7ED3\u675F\u65E5\u671F",
+      endTime: "\u7ED3\u675F\u65F6\u95F4",
+      prevYear: "\u524D\u4E00\u5E74",
+      nextYear: "\u540E\u4E00\u5E74",
+      prevMonth: "\u4E0A\u4E2A\u6708",
+      nextMonth: "\u4E0B\u4E2A\u6708",
+      year: "\u5E74",
+      month1: "1 \u6708",
+      month2: "2 \u6708",
+      month3: "3 \u6708",
+      month4: "4 \u6708",
+      month5: "5 \u6708",
+      month6: "6 \u6708",
+      month7: "7 \u6708",
+      month8: "8 \u6708",
+      month9: "9 \u6708",
+      month10: "10 \u6708",
+      month11: "11 \u6708",
+      month12: "12 \u6708",
+      weeks: {
+        sun: "\u65E5",
+        mon: "\u4E00",
+        tue: "\u4E8C",
+        wed: "\u4E09",
+        thu: "\u56DB",
+        fri: "\u4E94",
+        sat: "\u516D"
+      },
+      weeksFull: {
+        sun: "\u661F\u671F\u65E5",
+        mon: "\u661F\u671F\u4E00",
+        tue: "\u661F\u671F\u4E8C",
+        wed: "\u661F\u671F\u4E09",
+        thu: "\u661F\u671F\u56DB",
+        fri: "\u661F\u671F\u4E94",
+        sat: "\u661F\u671F\u516D"
+      },
+      months: {
+        jan: "\u4E00\u6708",
+        feb: "\u4E8C\u6708",
+        mar: "\u4E09\u6708",
+        apr: "\u56DB\u6708",
+        may: "\u4E94\u6708",
+        jun: "\u516D\u6708",
+        jul: "\u4E03\u6708",
+        aug: "\u516B\u6708",
+        sep: "\u4E5D\u6708",
+        oct: "\u5341\u6708",
+        nov: "\u5341\u4E00\u6708",
+        dec: "\u5341\u4E8C\u6708"
+      }
+    },
+    inputNumber: {
+      decrease: "\u51CF\u5C11\u6570\u503C",
+      increase: "\u589E\u52A0\u6570\u503C"
+    },
+    select: {
+      loading: "\u52A0\u8F7D\u4E2D",
+      noMatch: "\u65E0\u5339\u914D\u6570\u636E",
+      noData: "\u65E0\u6570\u636E",
+      placeholder: "\u8BF7\u9009\u62E9"
+    },
+    mention: { loading: "\u52A0\u8F7D\u4E2D" },
+    dropdown: { toggleDropdown: "\u5207\u6362\u4E0B\u62C9\u9009\u9879" },
+    cascader: {
+      noMatch: "\u65E0\u5339\u914D\u6570\u636E",
+      loading: "\u52A0\u8F7D\u4E2D",
+      placeholder: "\u8BF7\u9009\u62E9",
+      noData: "\u6682\u65E0\u6570\u636E"
+    },
+    pagination: {
+      goto: "\u524D\u5F80",
+      pagesize: "\u6761/\u9875",
+      total: "\u5171 {total} \u6761",
+      pageClassifier: "\u9875",
+      page: "\u9875",
+      prev: "\u4E0A\u4E00\u9875",
+      next: "\u4E0B\u4E00\u9875",
+      currentPage: "\u7B2C {pager} \u9875",
+      prevPages: "\u5411\u524D {pager} \u9875",
+      nextPages: "\u5411\u540E {pager} \u9875",
+      deprecationWarning: "\u4F60\u4F7F\u7528\u4E86\u4E00\u4E9B\u5DF2\u88AB\u5E9F\u5F03\u7684\u7528\u6CD5\uFF0C\u8BF7\u53C2\u8003 el-pagination \u7684\u5B98\u65B9\u6587\u6863"
+    },
+    dialog: { close: "\u5173\u95ED\u6B64\u5BF9\u8BDD\u6846" },
+    drawer: { close: "\u5173\u95ED\u6B64\u5BF9\u8BDD\u6846" },
+    messagebox: {
+      title: "\u63D0\u793A",
+      confirm: "\u786E\u5B9A",
+      cancel: "\u53D6\u6D88",
+      error: "\u8F93\u5165\u7684\u6570\u636E\u4E0D\u5408\u6CD5!",
+      close: "\u5173\u95ED\u6B64\u5BF9\u8BDD\u6846"
+    },
+    upload: {
+      deleteTip: "\u6309 Delete \u952E\u53EF\u5220\u9664",
+      delete: "\u5220\u9664",
+      preview: "\u67E5\u770B\u56FE\u7247",
+      continue: "\u7EE7\u7EED\u4E0A\u4F20"
+    },
+    slider: {
+      defaultLabel: "\u6ED1\u5757\u4ECB\u4E8E {min} \u81F3 {max}",
+      defaultRangeStartLabel: "\u9009\u62E9\u8D77\u59CB\u503C",
+      defaultRangeEndLabel: "\u9009\u62E9\u7ED3\u675F\u503C"
+    },
+    table: {
+      emptyText: "\u6682\u65E0\u6570\u636E",
+      confirmFilter: "\u7B5B\u9009",
+      resetFilter: "\u91CD\u7F6E",
+      clearFilter: "\u5168\u90E8",
+      sumText: "\u5408\u8BA1",
+      selectAllLabel: "\u9009\u62E9\u6240\u6709\u884C",
+      selectRowLabel: "\u9009\u62E9\u5F53\u524D\u884C",
+      expandRowLabel: "\u5C55\u5F00\u5F53\u524D\u884C",
+      collapseRowLabel: "\u6536\u8D77\u5F53\u524D\u884C",
+      sortLabel: "\u6309 {column} \u6392\u5E8F",
+      filterLabel: "\u6309 {column} \u8FC7\u6EE4"
+    },
+    tag: { close: "\u5173\u95ED\u6B64\u6807\u7B7E" },
+    tour: {
+      next: "\u4E0B\u4E00\u6B65",
+      previous: "\u4E0A\u4E00\u6B65",
+      finish: "\u7ED3\u675F\u5BFC\u89C8",
+      close: "\u5173\u95ED\u6B64\u5BF9\u8BDD\u6846"
+    },
+    tree: { emptyText: "\u6682\u65E0\u6570\u636E" },
+    transfer: {
+      noMatch: "\u65E0\u5339\u914D\u6570\u636E",
+      noData: "\u65E0\u6570\u636E",
+      titles: ["\u5217\u8868 1", "\u5217\u8868 2"],
+      filterPlaceholder: "\u8BF7\u8F93\u5165\u641C\u7D22\u5185\u5BB9",
+      noCheckedFormat: "\u5171 {total} \u9879",
+      hasCheckedFormat: "\u5DF2\u9009 {checked}/{total} \u9879"
+    },
+    image: { error: "\u52A0\u8F7D\u5931\u8D25" },
+    pageHeader: { title: "\u8FD4\u56DE" },
+    popconfirm: {
+      confirmButtonText: "\u786E\u5B9A",
+      cancelButtonText: "\u53D6\u6D88"
+    },
+    carousel: {
+      leftArrow: "\u4E0A\u4E00\u5F20\u5E7B\u706F\u7247",
+      rightArrow: "\u4E0B\u4E00\u5F20\u5E7B\u706F\u7247",
+      indicator: "\u5E7B\u706F\u7247\u5207\u6362\u81F3\u7D22\u5F15 {index}"
+    }
+  }
+};
 var SvgIcon_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _hoisted_1$8 = ["aria-hidden", "aria-label"];
 const _hoisted_2$8 = ["aria-hidden", "aria-label"];
@@ -424,52 +603,36 @@ const _hoisted_17 = {
   key: 0,
   class: "base-table__header-select"
 };
-const _hoisted_18 = ["onClick"];
-const _hoisted_19 = {
-  key: 0,
-  class: "base-table__header-select-tags"
-};
-const _hoisted_20 = {
-  key: 0,
-  class: "base-table__header-select-tag base-table__header-select-tag--count"
-};
-const _hoisted_21 = {
-  key: 0,
-  class: "base-table__header-select-options"
-};
-const _hoisted_22 = ["onClick"];
-const _hoisted_23 = ["disabled", "onClick"];
-const _hoisted_24 = { class: "base-table__header-select-option-label" };
-const _hoisted_25 = {
+const _hoisted_18 = {
   key: 1,
   class: "base-table__header-cascader"
 };
-const _hoisted_26 = ["onClick"];
-const _hoisted_27 = {
+const _hoisted_19 = ["onClick"];
+const _hoisted_20 = {
   key: 0,
   class: "base-table__header-cascader-panel"
 };
-const _hoisted_28 = ["disabled", "onClick"];
-const _hoisted_29 = { class: "base-table__header-cascader-label" };
-const _hoisted_30 = {
+const _hoisted_21 = ["disabled", "onClick"];
+const _hoisted_22 = { class: "base-table__header-cascader-label" };
+const _hoisted_23 = {
   key: 0,
   class: "base-table__header-cascader-arrow",
   "aria-hidden": "true"
 };
-const _hoisted_31 = ["value", "placeholder", "onInput", "onKeyup"];
-const _hoisted_32 = { class: "base-table__header-search-footer" };
-const _hoisted_33 = {
+const _hoisted_24 = ["value", "placeholder", "onInput", "onKeyup"];
+const _hoisted_25 = { class: "base-table__header-search-footer" };
+const _hoisted_26 = {
   key: 0,
   class: "base-table__actions"
 };
-const _hoisted_34 = {
+const _hoisted_27 = {
   key: 2,
   class: "base-table__tags"
 };
-const _hoisted_35 = { key: 1 };
-const _hoisted_36 = ["innerHTML"];
-const _hoisted_37 = ["onClick"];
-const _hoisted_38 = {
+const _hoisted_28 = { key: 1 };
+const _hoisted_29 = ["innerHTML"];
+const _hoisted_30 = ["onClick"];
+const _hoisted_31 = {
   key: 6,
   class: "base-table__text"
 };
@@ -534,6 +697,8 @@ const _sfc_main$9 = defineComponent({
     const headerSearchCascaderActivePaths = reactive({});
     const headerSearchTriggerRects = reactive({});
     const headerSearchTriggerRefs = ref({});
+    const headerSearchPanelRefs = ref({});
+    const headerSearchPositionTick = ref(0);
     const baseTableIconPrefix = `base-table-icon-${++baseTableIconSeed}`;
     let headerSearchPositionFrame = 0;
     const sortState = reactive({
@@ -593,6 +758,7 @@ const _sfc_main$9 = defineComponent({
       { deep: true }
     );
     onMounted(() => {
+      document.addEventListener("click", handleDocumentClick, true);
       window.addEventListener("scroll", scheduleHeaderSearchPositionUpdate, true);
       window.addEventListener("resize", scheduleHeaderSearchPositionUpdate);
       if (props.request && props.autoLoad) {
@@ -604,6 +770,7 @@ const _sfc_main$9 = defineComponent({
       }
     });
     onBeforeUnmount(() => {
+      document.removeEventListener("click", handleDocumentClick, true);
       window.removeEventListener("scroll", scheduleHeaderSearchPositionUpdate, true);
       window.removeEventListener("resize", scheduleHeaderSearchPositionUpdate);
       if (headerSearchPositionFrame) {
@@ -692,6 +859,9 @@ const _sfc_main$9 = defineComponent({
       selectionRows.value = value;
       emit("selection-change", value);
     }
+    function resolveRowSelectable(row, index) {
+      return props.rowSelectable ? props.rowSelectable(row, index) : true;
+    }
     function handleSortChange(payload) {
       const column = props.columns.find((item) => String(item.prop || "") === String(payload.prop || ""));
       sortState.prop = payload.prop;
@@ -789,6 +959,19 @@ const _sfc_main$9 = defineComponent({
         setHeaderSearchTriggerRef(instance, column);
       };
     }
+    function setHeaderSearchPanelRef(instance, column) {
+      const stateKey = getHeaderSearchStateKey(column);
+      if (!(instance instanceof HTMLElement)) {
+        delete headerSearchPanelRefs.value[stateKey];
+        return;
+      }
+      headerSearchPanelRefs.value[stateKey] = instance;
+    }
+    function bindHeaderSearchPanel(column) {
+      return (instance) => {
+        setHeaderSearchPanelRef(instance, column);
+      };
+    }
     function isHeaderSearchVisible(column) {
       return Boolean(headerSearchVisible[getHeaderSearchStateKey(column)]);
     }
@@ -799,6 +982,7 @@ const _sfc_main$9 = defineComponent({
         closeAllHeaderSearch();
         updateHeaderSearchTriggerRect(column);
         syncHeaderSearchCascaderActivePath(column);
+        scheduleHeaderSearchPositionUpdate();
       }
       headerSearchVisible[stateKey] = nextVisible;
       headerSearchSelectOpen[stateKey] = false;
@@ -809,6 +993,15 @@ const _sfc_main$9 = defineComponent({
         headerSearchSelectOpen[key] = false;
       });
     }
+    function handleDocumentClick(event) {
+      const target = event.target;
+      if (target instanceof Element) {
+        if (target.closest(`[data-base-table-id="${baseTableIconPrefix}"].base-table__header-search-panel`) || target.closest(`[data-base-table-id="${baseTableIconPrefix}"].base-table__header-icon`)) {
+          return;
+        }
+      }
+      closeAllHeaderSearch();
+    }
     function updateHeaderSearchTriggerRect(column) {
       var _a2;
       const stateKey = getHeaderSearchStateKey(column);
@@ -830,28 +1023,67 @@ const _sfc_main$9 = defineComponent({
       }
       headerSearchPositionFrame = window.requestAnimationFrame(() => {
         headerSearchPositionFrame = 0;
+        headerSearchPositionTick.value += 1;
         updateVisibleHeaderSearchPosition();
       });
     }
     function getHeaderSearchPanelStyle(column) {
+      headerSearchPositionTick.value;
       const stateKey = getHeaderSearchStateKey(column);
       const triggerRect = headerSearchTriggerRects[stateKey];
-      const width = toCssValue(getHeaderSearchWidth(column)) || "280px";
+      const panelWidth = getHeaderSearchPanelWidth(column);
+      const style = {
+        width: panelWidth.width,
+        minWidth: panelWidth.minWidth,
+        maxWidth: panelWidth.maxWidth
+      };
       if (!triggerRect) {
-        return {
-          width
-        };
+        return style;
       }
-      const panelWidth = Number.parseFloat(String(getHeaderSearchWidth(column))) || 280;
-      const maxLeft = Math.max(8, window.innerWidth - panelWidth - 8);
-      const left = Math.min(maxLeft, Math.max(8, triggerRect.right - panelWidth));
+      const maxLeft = Math.max(8, window.innerWidth - panelWidth.positionWidth - 8);
+      const left = Math.min(maxLeft, Math.max(8, triggerRect.right - panelWidth.positionWidth));
       const top = triggerRect.bottom + 8;
       return {
-        width,
+        ...style,
         left: `${left}px`,
         top: `${top}px`
       };
     }
+    function getHeaderSearchPanelWidth(column) {
+      const rawWidth = getHeaderSearchWidth(column);
+      const viewportMaxWidth = Math.max(220, window.innerWidth - 16);
+      const renderedWidth = getRenderedHeaderSearchPanelWidth(column);
+      if (rawWidth === "auto") {
+        const positionWidth2 = Math.min(renderedWidth || getHeaderSearchAutoWidth(column), viewportMaxWidth);
+        return {
+          width: "max-content",
+          minWidth: "280px",
+          maxWidth: `${viewportMaxWidth}px`,
+          positionWidth: positionWidth2
+        };
+      }
+      const width = toCssValue(rawWidth) || "280px";
+      const positionWidth = Math.min(Number.parseFloat(String(rawWidth)) || 280, viewportMaxWidth);
+      return {
+        width,
+        minWidth: width,
+        maxWidth: `${viewportMaxWidth}px`,
+        positionWidth
+      };
+    }
+    function getRenderedHeaderSearchPanelWidth(column) {
+      const stateKey = getHeaderSearchStateKey(column);
+      const panelElement = headerSearchPanelRefs.value[stateKey];
+      return panelElement ? panelElement.getBoundingClientRect().width : 0;
+    }
+    function getHeaderSearchAutoWidth(column) {
+      var _a2;
+      if (isHeaderSearchRange(column)) {
+        const type = (_a2 = getHeaderSearchConfig(column)) == null ? void 0 : _a2.type;
+        return type === "daterange" || type === "timerange" ? 420 : 560;
+      }
+      return 280;
+    }
     function getHeaderSearchValue(column) {
       const stateKey = getHeaderSearchStateKey(column);
       const value = headerSearchValues[stateKey];
@@ -882,6 +1114,24 @@ const _sfc_main$9 = defineComponent({
       var _a2;
       return ((_a2 = getHeaderSearchConfig(column)) == null ? void 0 : _a2.type) === "cascader";
     }
+    function isHeaderSearchDatePicker(column) {
+      var _a2;
+      const type = (_a2 = getHeaderSearchConfig(column)) == null ? void 0 : _a2.type;
+      return type === "date" || type === "daterange" || type === "datetime" || type === "datetimerange";
+    }
+    function isHeaderSearchTimePicker(column) {
+      var _a2;
+      const type = (_a2 = getHeaderSearchConfig(column)) == null ? void 0 : _a2.type;
+      return type === "time" || type === "timerange";
+    }
+    function isHeaderSearchPicker(column) {
+      return isHeaderSearchDatePicker(column) || isHeaderSearchTimePicker(column);
+    }
+    function isHeaderSearchRange(column) {
+      var _a2;
+      const type = (_a2 = getHeaderSearchConfig(column)) == null ? void 0 : _a2.type;
+      return type === "daterange" || type === "datetimerange" || type === "timerange";
+    }
     function isHeaderSearchChoice(column) {
       return isHeaderSearchSelect(column) || isHeaderSearchCascader(column);
     }
@@ -889,6 +1139,14 @@ const _sfc_main$9 = defineComponent({
       var _a2;
       return isHeaderSearchSelect(column) && ((_a2 = getHeaderSearchConfig(column)) == null ? void 0 : _a2.multiple) === true;
     }
+    function isHeaderSearchClearable(column) {
+      var _a2;
+      return ((_a2 = getHeaderSearchConfig(column)) == null ? void 0 : _a2.clearable) !== false;
+    }
+    function isHeaderSearchFilterable(column) {
+      var _a2;
+      return ((_a2 = getHeaderSearchConfig(column)) == null ? void 0 : _a2.filterable) === true;
+    }
     function getHeaderSearchIconName(column) {
       const iconName = isHeaderSearchChoice(column) ? "select" : "search";
       return hasHeaderSearchValue(column) ? `${iconName}-y` : iconName;
@@ -920,9 +1178,53 @@ const _sfc_main$9 = defineComponent({
       var _a2;
       return ((_a2 = getHeaderSearchConfig(column)) == null ? void 0 : _a2.placeholder) || (isHeaderSearchChoice(column) ? "\u8BF7\u9009\u62E9" : "\u8BF7\u8F93\u5165\u641C\u7D22\u5185\u5BB9");
     }
+    function getHeaderSearchStartPlaceholder(column) {
+      var _a2;
+      return ((_a2 = getHeaderSearchConfig(column)) == null ? void 0 : _a2.startPlaceholder) || "\u5F00\u59CB\u65F6\u95F4";
+    }
+    function getHeaderSearchEndPlaceholder(column) {
+      var _a2;
+      return ((_a2 = getHeaderSearchConfig(column)) == null ? void 0 : _a2.endPlaceholder) || "\u7ED3\u675F\u65F6\u95F4";
+    }
+    function getHeaderSearchRangeSeparator(column) {
+      var _a2;
+      return ((_a2 = getHeaderSearchConfig(column)) == null ? void 0 : _a2.rangeSeparator) || "\u81F3";
+    }
+    function getHeaderSearchPickerType(column) {
+      var _a2;
+      const type = (_a2 = getHeaderSearchConfig(column)) == null ? void 0 : _a2.type;
+      if (type === "datetime" || type === "datetimerange") {
+        return type;
+      }
+      return type === "daterange" ? "daterange" : "date";
+    }
+    function getHeaderSearchDateFormat(column) {
+      var _a2, _b2;
+      const config = getHeaderSearchConfig(column);
+      if (config == null ? void 0 : config.format) {
+        return config.format;
+      }
+      return ((_a2 = getHeaderSearchConfig(column)) == null ? void 0 : _a2.type) === "datetime" || ((_b2 = getHeaderSearchConfig(column)) == null ? void 0 : _b2.type) === "datetimerange" ? "YYYY-MM-DD HH:mm:ss" : "YYYY-MM-DD";
+    }
+    function getHeaderSearchDateValueFormat(column) {
+      var _a2;
+      return ((_a2 = getHeaderSearchConfig(column)) == null ? void 0 : _a2.valueFormat) || getHeaderSearchDateFormat(column);
+    }
+    function getHeaderSearchTimeFormat(column) {
+      var _a2;
+      return ((_a2 = getHeaderSearchConfig(column)) == null ? void 0 : _a2.format) || "HH:mm:ss";
+    }
+    function getHeaderSearchTimeValueFormat(column) {
+      var _a2;
+      return ((_a2 = getHeaderSearchConfig(column)) == null ? void 0 : _a2.valueFormat) || getHeaderSearchTimeFormat(column);
+    }
     function getHeaderSearchWidth(column) {
       var _a2;
-      return ((_a2 = getHeaderSearchConfig(column)) == null ? void 0 : _a2.width) || 280;
+      const configuredWidth = (_a2 = getHeaderSearchConfig(column)) == null ? void 0 : _a2.width;
+      if (configuredWidth !== void 0 && configuredWidth !== null && configuredWidth !== "") {
+        return configuredWidth;
+      }
+      return isHeaderSearchRange(column) ? "auto" : 280;
     }
     function getHeaderSearchSearchText(column) {
       var _a2;
@@ -961,45 +1263,27 @@ const _sfc_main$9 = defineComponent({
     function hasHeaderSearchOptionChildren(option, column) {
       return getHeaderSearchOptionChildren(option, column).length > 0;
     }
-    function getHeaderSearchSelectLabel(column) {
-      const selectedLabels = getHeaderSearchSelectedLabels(column);
-      if (!selectedLabels.length) {
-        return getHeaderSearchPlaceholder(column);
+    function getHeaderSearchSelectModelValue(column) {
+      var _a2;
+      const value = getHeaderSearchValue(column);
+      if (isHeaderSearchMultiple(column)) {
+        return Array.isArray(value) ? value : [];
       }
-      return selectedLabels.join("\u3001");
-    }
-    function getHeaderSearchSelectedLabels(column) {
-      const selectedValues = toComparableValues(getHeaderSearchValue(column));
-      return selectedValues.map((selectedValue) => {
-        const matchedOption = getHeaderSearchOptions(column).find((option) => {
-          return String(getHeaderSearchOptionValue(option, column)) === selectedValue;
-        });
-        return matchedOption ? getHeaderSearchOptionLabel(matchedOption, column) : selectedValue;
-      });
-    }
-    function isHeaderSearchOptionSelected(option, column) {
-      const optionValue = String(getHeaderSearchOptionValue(option, column));
-      return toComparableValues(getHeaderSearchValue(column)).includes(optionValue);
+      return Array.isArray(value) ? (_a2 = value[0]) != null ? _a2 : "" : value;
     }
     function handleHeaderSearchSelectEmpty(column) {
       updateHeaderSearchValue(column, getHeaderSearchEmptyValue(column));
       headerSearchSelectOpen[getHeaderSearchStateKey(column)] = false;
     }
-    function handleHeaderSearchSelectValue(column, optionValue) {
-      if (!isHeaderSearchMultiple(column)) {
-        updateHeaderSearchValue(column, optionValue);
-        headerSearchSelectOpen[getHeaderSearchStateKey(column)] = false;
-        return;
-      }
-      const currentValues = Array.isArray(getHeaderSearchValue(column)) ? [...getHeaderSearchValue(column)] : [];
-      const comparableValue = String(optionValue);
-      const matchedIndex = currentValues.findIndex((item) => String(item) === comparableValue);
-      if (matchedIndex >= 0) {
-        currentValues.splice(matchedIndex, 1);
-      } else {
-        currentValues.push(optionValue);
-      }
-      updateHeaderSearchValue(column, currentValues);
+    function handleHeaderSearchSelectModelValue(column, value) {
+      updateHeaderSearchValue(column, value);
+    }
+    function getHeaderSearchPickerValue(column) {
+      const value = getHeaderSearchValue(column);
+      return Array.isArray(value) ? [...value] : value;
+    }
+    function handleHeaderSearchPickerValue(column, value) {
+      updateHeaderSearchValue(column, value);
     }
     function getHeaderSearchCascaderValue(column) {
       return normalizeHeaderSearchPathValue(getHeaderSearchValue(column));
@@ -1149,17 +1433,29 @@ const _sfc_main$9 = defineComponent({
           if (isHeaderSearchCascader(column)) {
             return matchesHeaderSearchCascaderValue(value, searchValue);
           }
+          if (isHeaderSearchPicker(column)) {
+            return matchesHeaderSearchPickerValue(value, searchValue, column);
+          }
           return toSearchableText(value).includes(toHeaderSearchKeyword(searchValue));
         });
       });
     }
     function getHeaderSearchEmptyValue(column) {
-      return isHeaderSearchMultiple(column) || isHeaderSearchCascader(column) ? [] : "";
+      return isHeaderSearchMultiple(column) || isHeaderSearchCascader(column) || isHeaderSearchRange(column) ? [] : "";
     }
     function normalizeHeaderSearchValue(column, value) {
       if (isHeaderSearchCascader(column)) {
         return normalizeHeaderSearchPathValue(value);
       }
+      if (isHeaderSearchPicker(column)) {
+        if (isHeaderSearchRange(column)) {
+          return normalizeHeaderSearchPathValue(value);
+        }
+        if (value === void 0 || value === null) {
+          return "";
+        }
+        return normalizeHeaderSearchPrimitiveValue(value);
+      }
       if (!isHeaderSearchSelect(column)) {
         if (value === void 0 || value === null) {
           return "";
@@ -1229,6 +1525,38 @@ const _sfc_main$9 = defineComponent({
       }
       return selectedPath.every((item, index) => String(rowPath[index]) === String(item));
     }
+    function matchesHeaderSearchPickerValue(rowValue, searchValue, column) {
+      if (isHeaderSearchRange(column)) {
+        const selectedRange = normalizeHeaderSearchPathValue(searchValue);
+        if (!selectedRange.length) {
+          return true;
+        }
+        const rowTime = toComparableTime(rowValue);
+        const startTime = toComparableTime(selectedRange[0]);
+        const endTime = toComparableTime(selectedRange[1]);
+        if (rowTime === null) {
+          return false;
+        }
+        return (startTime === null || rowTime >= startTime) && (endTime === null || rowTime <= endTime);
+      }
+      return String(rowValue || "") === String(searchValue || "");
+    }
+    function toComparableTime(value) {
+      if (value === void 0 || value === null || value === "") {
+        return null;
+      }
+      if (value instanceof Date) {
+        return value.getTime();
+      }
+      const normalizedValue = String(value).trim();
+      const parsedValue = Date.parse(normalizedValue);
+      if (!Number.isNaN(parsedValue)) {
+        return parsedValue;
+      }
+      const today = new Date().toISOString().slice(0, 10);
+      const parsedTime = Date.parse(`${today} ${normalizedValue}`);
+      return Number.isNaN(parsedTime) ? null : parsedTime;
+    }
     function toComparableValues(value) {
       const values = Array.isArray(value) ? value : [value];
       return values.filter((item) => isHeaderSearchValueFilled(item)).map((item) => String(item));
@@ -1522,8 +1850,13 @@ const _sfc_main$9 = defineComponent({
     });
     return (_ctx, _cache) => {
       const _component_el_pagination = resolveComponent("el-pagination");
+      const _component_el_config_provider = resolveComponent("el-config-provider");
       const _component_el_empty = resolveComponent("el-empty");
       const _component_el_table_column = resolveComponent("el-table-column");
+      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_time_picker = resolveComponent("el-time-picker");
       const _component_el_button = resolveComponent("el-button");
       const _component_el_image = resolveComponent("el-image");
       const _component_el_tag = resolveComponent("el-tag");
@@ -1627,19 +1960,24 @@ const _sfc_main$9 = defineComponent({
             renderSlot(_ctx.$slots, "toolbar", {}, void 0, true)
           ]),
           __props.showPagination ? (openBlock(), createElementBlock("div", _hoisted_12, [
-            createVNode(_component_el_pagination, {
-              small: "",
-              background: "",
-              layout: "total, prev, pager, next, sizes, jumper",
-              total: paginationState.total,
-              "current-page": paginationState.currentPage,
-              "page-size": paginationState.pageSize,
-              "page-sizes": paginationState.pageSizes,
-              "pager-count": 5,
-              "popper-append-to-body": false,
-              onSizeChange: handleSizeChange,
-              onCurrentChange: handleCurrentChange
-            }, null, 8, ["total", "current-page", "page-size", "page-sizes"])
+            createVNode(_component_el_config_provider, { locale: unref(zh_cn_default) }, {
+              default: withCtx(() => [
+                createVNode(_component_el_pagination, {
+                  small: "",
+                  background: "",
+                  layout: "total, prev, pager, next, sizes, jumper",
+                  total: paginationState.total,
+                  "current-page": paginationState.currentPage,
+                  "page-size": paginationState.pageSize,
+                  "page-sizes": paginationState.pageSizes,
+                  "pager-count": 5,
+                  "popper-append-to-body": false,
+                  onSizeChange: handleSizeChange,
+                  onCurrentChange: handleCurrentChange
+                }, null, 8, ["total", "current-page", "page-size", "page-sizes"])
+              ]),
+              _: 1
+            }, 8, ["locale"])
           ])) : createCommentVNode("", true)
         ])) : createCommentVNode("", true),
         withDirectives((openBlock(), createBlock(_component_el_table, {
@@ -1652,6 +1990,8 @@ const _sfc_main$9 = defineComponent({
           stripe: __props.stripe,
           "default-sort": normalizedDefaultSort.value,
           "highlight-current-row": "",
+          onSelect: handleSelectionChange,
+          onSelectAll: handleSelectionChange,
           onSelectionChange: handleSelectionChange,
           onSortChange: handleSortChange
         }, {
@@ -1663,9 +2003,10 @@ const _sfc_main$9 = defineComponent({
               key: 0,
               type: "selection",
               width: __props.selectionWidth,
+              fixed: "left",
               align: "center",
-              selectable: __props.rowSelectable
-            }, null, 8, ["width", "selectable"])) : createCommentVNode("", true),
+              selectable: resolveRowSelectable
+            }, null, 8, ["width"])) : createCommentVNode("", true),
             __props.hasIndex ? (openBlock(), createBlock(_component_el_table_column, {
               key: 1,
               type: "index",
@@ -1698,7 +2039,7 @@ const _sfc_main$9 = defineComponent({
                     columnIndex: scope.$index,
                     value: getCellValue2(scope.row, column)
                   }, void 0, true) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-                    isActionColumn(column) ? (openBlock(), createElementBlock("div", _hoisted_33, [
+                    isActionColumn(column) ? (openBlock(), createElementBlock("div", _hoisted_26, [
                       (openBlock(true), createElementBlock(Fragment, null, renderList(getVisibleActions(column, scope.row), (action) => {
                         return openBlock(), createBlock(_component_el_button, {
                           key: `${action.type}-${action.label}`,
@@ -1720,7 +2061,7 @@ const _sfc_main$9 = defineComponent({
                       src: toImageSrc(getCellValue2(scope.row, column)),
                       "preview-src-list": getPreviewSrcList(scope.row, column),
                       fit: column.imageFit || "cover"
-                    }, null, 8, ["style", "src", "preview-src-list", "fit"])) : column.kind === "tag" ? (openBlock(), createElementBlock("div", _hoisted_34, [
+                    }, null, 8, ["style", "src", "preview-src-list", "fit"])) : column.kind === "tag" ? (openBlock(), createElementBlock("div", _hoisted_27, [
                       getMatchedOptions(scope.row, column).length ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(getMatchedOptions(scope.row, column), (option) => {
                         return openBlock(), createBlock(_component_el_tag, {
                           key: String(option.value),
@@ -1733,11 +2074,11 @@ const _sfc_main$9 = defineComponent({
                           ]),
                           _: 2
                         }, 1032, ["type", "style"]);
-                      }), 128)) : (openBlock(), createElementBlock("span", _hoisted_35, toDisplayString(resolveEmptyText(column)), 1))
+                      }), 128)) : (openBlock(), createElementBlock("span", _hoisted_28, toDisplayString(resolveEmptyText(column)), 1))
                     ])) : column.kind === "html" ? (openBlock(), createElementBlock("div", {
                       key: 3,
                       innerHTML: getHtmlContent(scope.row, column)
-                    }, null, 8, _hoisted_36)) : column.kind === "input" ? (openBlock(), createBlock(_component_el_input, {
+                    }, null, 8, _hoisted_29)) : column.kind === "input" ? (openBlock(), createBlock(_component_el_input, {
                       key: 4,
                       "model-value": toDisplayValue(getCellValue2(scope.row, column), ""),
                       type: column.inputType || "text",
@@ -1747,7 +2088,7 @@ const _sfc_main$9 = defineComponent({
                       class: "base-table__link",
                       type: "button",
                       onClick: ($event) => handleCellClick(scope.row, column)
-                    }, toDisplayString(formatCellDisplay(scope.row, column)), 9, _hoisted_37)) : (openBlock(), createElementBlock("div", _hoisted_38, toDisplayString(formatCellDisplay(scope.row, column)), 1))
+                    }, toDisplayString(formatCellDisplay(scope.row, column)), 9, _hoisted_30)) : (openBlock(), createElementBlock("div", _hoisted_31, toDisplayString(formatCellDisplay(scope.row, column)), 1))
                   ], 64))
                 ]),
                 _: 2
@@ -1789,6 +2130,7 @@ const _sfc_main$9 = defineComponent({
                           ref_for: true,
                           ref: bindHeaderSearchTrigger(column),
                           class: normalizeClass(["base-table__header-icon", { "is-active": hasHeaderSearchValue(column) }]),
+                          "data-base-table-id": baseTableIconPrefix,
                           type: "button",
                           onClick: withModifiers(($event) => toggleHeaderSearch(column), ["stop"])
                         }, [
@@ -1800,8 +2142,11 @@ const _sfc_main$9 = defineComponent({
                         ], 10, _hoisted_16),
                         (openBlock(), createBlock(Teleport, { to: "body" }, [
                           isHeaderSearchVisible(column) ? (openBlock(), createElementBlock("div", {
+                            ref_for: true,
+                            ref: bindHeaderSearchPanel(column),
                             key: getHeaderSearchStateKey(column),
                             class: "base-table__header-search-panel",
+                            "data-base-table-id": baseTableIconPrefix,
                             style: normalizeStyle(getHeaderSearchPanelStyle(column)),
                             onClick: _cache[0] || (_cache[0] = withModifiers(() => {
                             }, ["stop"])),
@@ -1809,48 +2154,32 @@ const _sfc_main$9 = defineComponent({
                             }, ["stop"]))
                           }, [
                             isHeaderSearchSelect(column) ? (openBlock(), createElementBlock("div", _hoisted_17, [
-                              createElementVNode("button", {
-                                class: "base-table__header-select-trigger",
-                                type: "button",
-                                onClick: ($event) => toggleHeaderSearchSelect(column)
-                              }, [
-                                isHeaderSearchMultiple(column) && getHeaderSearchSelectedLabels(column).length ? (openBlock(), createElementBlock("span", _hoisted_19, [
-                                  (openBlock(true), createElementBlock(Fragment, null, renderList(getHeaderSearchSelectedLabels(column).slice(0, 2), (label) => {
-                                    return openBlock(), createElementBlock("span", {
-                                      key: label,
-                                      class: "base-table__header-select-tag"
-                                    }, toDisplayString(label), 1);
-                                  }), 128)),
-                                  getHeaderSearchSelectedLabels(column).length > 2 ? (openBlock(), createElementBlock("span", _hoisted_20, " +" + toDisplayString(getHeaderSearchSelectedLabels(column).length - 2), 1)) : createCommentVNode("", true)
-                                ])) : (openBlock(), createElementBlock("span", {
-                                  key: 1,
-                                  class: normalizeClass(["base-table__header-select-text", { "is-placeholder": !hasHeaderSearchValue(column) }])
-                                }, toDisplayString(getHeaderSearchSelectLabel(column)), 3)),
-                                createElementVNode("span", {
-                                  class: normalizeClass(["base-table__header-select-arrow", { "is-open": isHeaderSearchSelectOpen(column) }]),
-                                  "aria-hidden": "true"
-                                }, null, 2)
-                              ], 8, _hoisted_18),
-                              isHeaderSearchSelectOpen(column) ? (openBlock(), createElementBlock("div", _hoisted_21, [
-                                !isHeaderSearchMultiple(column) ? (openBlock(), createElementBlock("button", {
-                                  key: 0,
-                                  class: normalizeClass(["base-table__header-select-option", { "is-selected": !hasHeaderSearchValue(column) }]),
-                                  type: "button",
-                                  onClick: ($event) => handleHeaderSearchSelectEmpty(column)
-                                }, toDisplayString(getHeaderSearchPlaceholder(column)), 11, _hoisted_22)) : createCommentVNode("", true),
-                                (openBlock(true), createElementBlock(Fragment, null, renderList(getHeaderSearchOptions(column), (option) => {
-                                  return openBlock(), createElementBlock("button", {
-                                    key: String(getHeaderSearchOptionValue(option, column)),
-                                    class: normalizeClass(["base-table__header-select-option", { "is-selected": isHeaderSearchOptionSelected(option, column) }]),
-                                    type: "button",
-                                    disabled: isHeaderSearchOptionDisabled(option, column),
-                                    onClick: ($event) => handleHeaderSearchSelectValue(column, getHeaderSearchOptionValue(option, column))
-                                  }, [
-                                    createElementVNode("span", _hoisted_24, toDisplayString(getHeaderSearchOptionLabel(option, column)), 1)
-                                  ], 10, _hoisted_23);
-                                }), 128))
-                              ])) : createCommentVNode("", true)
-                            ])) : isHeaderSearchCascader(column) ? (openBlock(), createElementBlock("div", _hoisted_25, [
+                              createVNode(_component_el_select, {
+                                class: "base-table__header-el-select",
+                                "model-value": getHeaderSearchSelectModelValue(column),
+                                placeholder: getHeaderSearchPlaceholder(column),
+                                multiple: isHeaderSearchMultiple(column),
+                                filterable: isHeaderSearchFilterable(column),
+                                clearable: isHeaderSearchClearable(column),
+                                "collapse-tags": isHeaderSearchMultiple(column),
+                                "collapse-tags-tooltip": isHeaderSearchMultiple(column),
+                                teleported: false,
+                                "onUpdate:modelValue": ($event) => handleHeaderSearchSelectModelValue(column, $event),
+                                onClear: ($event) => handleHeaderSearchSelectEmpty(column)
+                              }, {
+                                default: withCtx(() => [
+                                  (openBlock(true), createElementBlock(Fragment, null, renderList(getHeaderSearchOptions(column), (option) => {
+                                    return openBlock(), createBlock(_component_el_option, {
+                                      key: String(getHeaderSearchOptionValue(option, column)),
+                                      label: getHeaderSearchOptionLabel(option, column),
+                                      value: getHeaderSearchOptionValue(option, column),
+                                      disabled: isHeaderSearchOptionDisabled(option, column)
+                                    }, null, 8, ["label", "value", "disabled"]);
+                                  }), 128))
+                                ]),
+                                _: 2
+                              }, 1032, ["model-value", "placeholder", "multiple", "filterable", "clearable", "collapse-tags", "collapse-tags-tooltip", "onUpdate:modelValue", "onClear"])
+                            ])) : isHeaderSearchCascader(column) ? (openBlock(), createElementBlock("div", _hoisted_18, [
                               createElementVNode("button", {
                                 class: "base-table__header-select-trigger",
                                 type: "button",
@@ -1863,8 +2192,8 @@ const _sfc_main$9 = defineComponent({
                                   class: normalizeClass(["base-table__header-select-arrow", { "is-open": isHeaderSearchSelectOpen(column) }]),
                                   "aria-hidden": "true"
                                 }, null, 2)
-                              ], 8, _hoisted_26),
-                              isHeaderSearchSelectOpen(column) ? (openBlock(), createElementBlock("div", _hoisted_27, [
+                              ], 8, _hoisted_19),
+                              isHeaderSearchSelectOpen(column) ? (openBlock(), createElementBlock("div", _hoisted_20, [
                                 (openBlock(true), createElementBlock(Fragment, null, renderList(getHeaderSearchCascaderColumns(column), (levelOptions, levelIndex) => {
                                   return openBlock(), createElementBlock("div", {
                                     key: levelIndex,
@@ -1881,23 +2210,51 @@ const _sfc_main$9 = defineComponent({
                                         disabled: isHeaderSearchOptionDisabled(option, column),
                                         onClick: ($event) => handleHeaderSearchCascaderOption(column, option, levelIndex)
                                       }, [
-                                        createElementVNode("span", _hoisted_29, toDisplayString(getHeaderSearchOptionLabel(option, column)), 1),
-                                        hasHeaderSearchOptionChildren(option, column) ? (openBlock(), createElementBlock("span", _hoisted_30)) : createCommentVNode("", true)
-                                      ], 10, _hoisted_28);
+                                        createElementVNode("span", _hoisted_22, toDisplayString(getHeaderSearchOptionLabel(option, column)), 1),
+                                        hasHeaderSearchOptionChildren(option, column) ? (openBlock(), createElementBlock("span", _hoisted_23)) : createCommentVNode("", true)
+                                      ], 10, _hoisted_21);
                                     }), 128))
                                   ]);
                                 }), 128))
                               ])) : createCommentVNode("", true)
-                            ])) : (openBlock(), createElementBlock("input", {
+                            ])) : isHeaderSearchDatePicker(column) ? (openBlock(), createBlock(_component_el_date_picker, {
                               key: 2,
+                              class: "base-table__header-picker",
+                              "model-value": getHeaderSearchPickerValue(column),
+                              type: getHeaderSearchPickerType(column),
+                              placeholder: getHeaderSearchPlaceholder(column),
+                              "start-placeholder": getHeaderSearchStartPlaceholder(column),
+                              "end-placeholder": getHeaderSearchEndPlaceholder(column),
+                              "range-separator": getHeaderSearchRangeSeparator(column),
+                              format: getHeaderSearchDateFormat(column),
+                              "value-format": getHeaderSearchDateValueFormat(column),
+                              clearable: isHeaderSearchClearable(column),
+                              teleported: false,
+                              "onUpdate:modelValue": ($event) => handleHeaderSearchPickerValue(column, $event)
+                            }, null, 8, ["model-value", "type", "placeholder", "start-placeholder", "end-placeholder", "range-separator", "format", "value-format", "clearable", "onUpdate:modelValue"])) : isHeaderSearchTimePicker(column) ? (openBlock(), createBlock(_component_el_time_picker, {
+                              key: 3,
+                              class: "base-table__header-picker",
+                              "model-value": getHeaderSearchPickerValue(column),
+                              "is-range": isHeaderSearchRange(column),
+                              placeholder: getHeaderSearchPlaceholder(column),
+                              "start-placeholder": getHeaderSearchStartPlaceholder(column),
+                              "end-placeholder": getHeaderSearchEndPlaceholder(column),
+                              "range-separator": getHeaderSearchRangeSeparator(column),
+                              format: getHeaderSearchTimeFormat(column),
+                              "value-format": getHeaderSearchTimeValueFormat(column),
+                              clearable: isHeaderSearchClearable(column),
+                              teleported: false,
+                              "onUpdate:modelValue": ($event) => handleHeaderSearchPickerValue(column, $event)
+                            }, null, 8, ["model-value", "is-range", "placeholder", "start-placeholder", "end-placeholder", "range-separator", "format", "value-format", "clearable", "onUpdate:modelValue"])) : (openBlock(), createElementBlock("input", {
+                              key: 4,
                               class: "base-table__header-search-input",
                               type: "text",
                               value: getHeaderSearchInputValue(column),
                               placeholder: getHeaderSearchPlaceholder(column),
                               onInput: ($event) => handleHeaderSearchInput(column, $event),
                               onKeyup: withKeys(($event) => handleHeaderSearch(column), ["enter"])
-                            }, null, 40, _hoisted_31)),
-                            createElementVNode("div", _hoisted_32, [
+                            }, null, 40, _hoisted_24)),
+                            createElementVNode("div", _hoisted_25, [
                               createVNode(_component_el_button, {
                                 link: "",
                                 type: "primary",
@@ -1936,7 +2293,7 @@ const _sfc_main$9 = defineComponent({
     };
   }
 });
-var BaseTable = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-20fa814c"]]);
+var BaseTable = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-13040b10"]]);
 var BaseEChart_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _sfc_main$8 = defineComponent({
   __name: "BaseEChart",
@@ -4614,4 +4971,31 @@ const _sfc_main = defineComponent({
 });
 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, SvgIcon, downloadExportResponse, exportExcel, extractFileNameFromDisposition, installRipple, normalizeExportFileName, uninstallRipple };
+const componentEntries = [
+  ["BaseCard", BaseCard],
+  ["BaseTable", BaseTable],
+  ["BaseEChart", BaseEChart],
+  ["BaseExportButton", _sfc_main$7],
+  ["SvgIcon", SvgIcon],
+  ["OutlinedInput", OutlinedInput],
+  ["OutlinedSelect", OutlinedSelect],
+  ["OutlinedDatePicker", OutlinedDatePicker],
+  ["OutlinedDateTimePicker", OutlinedDateTimePicker],
+  ["OutlinedTimePicker", OutlinedTimePicker],
+  ["OutlinedCascader", OutlinedCascader],
+  ["OutlinedTreeSelect", OutlinedTreeSelect]
+];
+const uiCoreComponents = componentEntries.map(([name, component]) => ({
+  name,
+  component
+}));
+function installUiCore(app) {
+  componentEntries.forEach(([name, component]) => {
+    app.component(name, component);
+  });
+  installRipple();
+}
+const HbdlUICore = {
+  install: installUiCore
+};
+export { BaseCard, BaseEChart, _sfc_main$7 as BaseExportButton, BaseTable, HbdlUICore, OutlinedCascader, OutlinedDatePicker, OutlinedDateTimePicker, OutlinedInput, OutlinedSelect, OutlinedTimePicker, OutlinedTreeSelect, Ripple, SvgIcon, HbdlUICore as default, downloadExportResponse, exportExcel, extractFileNameFromDisposition, installRipple, installUiCore, normalizeExportFileName, uiCoreComponents, uninstallRipple };