@hbdlzy/ui-core 0.1.2 → 0.1.3

package/dist/index.js

@@ -1,6 +1,6 @@
 import * as echarts from "echarts";
 export { echarts };
-import { defineComponent, useSlots, computed, openBlock, createElementBlock, normalizeStyle, createElementVNode, createCommentVNode, renderSlot, toDisplayString, ref, reactive, watch, onMounted, resolveComponent, resolveDirective, createVNode, withDirectives, createBlock, withCtx, Fragment, renderList, createSlots, createTextVNode, mergeProps, shallowRef, nextTick, onUnmounted, useAttrs, normalizeClass, normalizeProps, guardReactiveProps } from "vue";
+import { defineComponent, useSlots, computed, openBlock, createElementBlock, normalizeStyle, createElementVNode, createCommentVNode, renderSlot, toDisplayString, ref, 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 ExcelJS from "exceljs";
 import { saveAs } from "file-saver";
@@ -43,7 +43,7 @@ const _hoisted_10$1 = {
   key: 0,
   class: "base-card__tip"
 };
-const _hoisted_11 = { class: "base-card__content" };
+const _hoisted_11$1 = { class: "base-card__content" };
 const _sfc_main$a = defineComponent({
   ...{
     name: "BaseCard"
@@ -164,7 +164,7 @@ const _sfc_main$a = defineComponent({
           _ctx.$slots.tip ? (openBlock(), createElementBlock("div", _hoisted_10$1, [
             renderSlot(_ctx.$slots, "tip", {}, void 0, true)
           ])) : createCommentVNode("", true),
-          createElementVNode("div", _hoisted_11, [
+          createElementVNode("div", _hoisted_11$1, [
             renderSlot(_ctx.$slots, "default", {}, void 0, true)
           ])
         ])
@@ -184,18 +184,22 @@ const _hoisted_4 = {
   key: 0,
   class: "base-table__toolbar-right"
 };
-const _hoisted_5 = {
+const _hoisted_5 = { class: "base-table__header" };
+const _hoisted_6 = { class: "base-table__header-label" };
+const _hoisted_7 = { class: "base-table__header-actions" };
+const _hoisted_8 = { class: "base-table__header-search-footer" };
+const _hoisted_9 = {
   key: 0,
   class: "base-table__actions"
 };
-const _hoisted_6 = {
+const _hoisted_10 = {
   key: 2,
   class: "base-table__tags"
 };
-const _hoisted_7 = { key: 1 };
-const _hoisted_8 = ["innerHTML"];
-const _hoisted_9 = ["onClick"];
-const _hoisted_10 = {
+const _hoisted_11 = { key: 1 };
+const _hoisted_12 = ["innerHTML"];
+const _hoisted_13 = ["onClick"];
+const _hoisted_14 = {
   key: 6,
   class: "base-table__text"
 };
@@ -250,8 +254,11 @@ const _sfc_main$9 = defineComponent({
     const slots = useSlots();
     const tableRef = ref();
     const loading = ref(false);
+    const sourceRows = ref(normalizeRows(props.data));
     const rows = ref(normalizeRows(props.data));
     const selectionRows = ref([]);
+    const headerSearchValues = reactive({});
+    const headerSearchDropdownRefs = ref({});
     const sortState = reactive({
       prop: (_a = props.defaultSort) == null ? void 0 : _a.prop,
       order: ((_b = props.defaultSort) == null ? void 0 : _b.order) || null
@@ -309,24 +316,20 @@ const _sfc_main$9 = defineComponent({
       { deep: true }
     );
     onMounted(() => {
-      var _a2;
       if (props.request && props.autoLoad) {
         void load();
         return;
       }
       if (!props.request) {
-        rows.value = normalizeRows(props.data);
-        if (!((_a2 = props.pagination) == null ? void 0 : _a2.total)) {
-          paginationState.total = rows.value.length;
-          emitPagination();
-        }
+        setData(props.data || []);
       }
     });
     function syncPagination(value) {
+      const nextPageSizes = value == null ? void 0 : value.pageSizes;
       paginationState.currentPage = Number((value == null ? void 0 : value.currentPage) || paginationState.currentPage || 1);
       paginationState.pageSize = Number((value == null ? void 0 : value.pageSize) || paginationState.pageSize || 20);
       paginationState.total = Number((value == null ? void 0 : value.total) || (value == null ? void 0 : value.total) === 0 ? value.total : paginationState.total || rows.value.length);
-      paginationState.pageSizes = Array.isArray(value == null ? void 0 : value.pageSizes) && value.pageSizes.length ? [...value.pageSizes] : [...paginationState.pageSizes.length ? paginationState.pageSizes : [10, 20, 50, 100]];
+      paginationState.pageSizes = Array.isArray(nextPageSizes) && nextPageSizes.length ? [...nextPageSizes] : [...paginationState.pageSizes.length ? paginationState.pageSizes : [10, 20, 50, 100]];
     }
     function emitPagination() {
       emit("update:pagination", {
@@ -342,7 +345,7 @@ const _sfc_main$9 = defineComponent({
         return;
       }
       if (!props.request) {
-        setData(props.data || []);
+        applyLocalRows();
         return;
       }
       loading.value = true;
@@ -368,6 +371,10 @@ const _sfc_main$9 = defineComponent({
       }
     }
     async function refresh() {
+      if (!props.request) {
+        applyLocalRows();
+        return;
+      }
       await load();
     }
     async function resetPage() {
@@ -376,12 +383,8 @@ const _sfc_main$9 = defineComponent({
       await load();
     }
     function setData(data) {
-      var _a2, _b2;
-      rows.value = normalizeRows(data);
-      if (!props.request) {
-        paginationState.total = Number((_b2 = (_a2 = props.pagination) == null ? void 0 : _a2.total) != null ? _b2 : rows.value.length);
-        emitPagination();
-      }
+      sourceRows.value = normalizeRows(data);
+      applyLocalRows();
     }
     function clearSelection() {
       var _a2;
@@ -460,6 +463,146 @@ const _sfc_main$9 = defineComponent({
         value
       });
     }
+    function shouldRenderBuiltInHeader(column) {
+      return hasHeaderSearch(column);
+    }
+    function hasHeaderSearch(column) {
+      return Boolean(getHeaderSearchConfig(column));
+    }
+    function getHeaderSearchConfig(column) {
+      if (!column.headerSearch) {
+        return null;
+      }
+      if (column.headerSearch === true) {
+        return {};
+      }
+      return column.headerSearch;
+    }
+    function getHeaderSearchStateKey(column) {
+      return resolveHeaderSearchParamKey(column) || getColumnProp(column) || getColumnKey(column);
+    }
+    function setHeaderSearchDropdownRef(instance, column) {
+      const stateKey = getHeaderSearchStateKey(column);
+      if (!instance) {
+        delete headerSearchDropdownRefs.value[stateKey];
+        return;
+      }
+      headerSearchDropdownRefs.value[stateKey] = instance;
+    }
+    function bindHeaderSearchDropdown(column) {
+      return (instance) => {
+        setHeaderSearchDropdownRef(instance, column);
+      };
+    }
+    function resolveHeaderSearchParamKey(column) {
+      const config = getHeaderSearchConfig(column);
+      const legacyParamKey = column.otherProps;
+      return (config == null ? void 0 : config.paramKey) || legacyParamKey || getColumnProp(column) || "";
+    }
+    function getHeaderSearchValue(column) {
+      return headerSearchValues[getHeaderSearchStateKey(column)] || "";
+    }
+    function hasHeaderSearchValue(column) {
+      return Boolean(getHeaderSearchValue(column).trim());
+    }
+    function updateHeaderSearchValue(column, value) {
+      headerSearchValues[getHeaderSearchStateKey(column)] = normalizeHeaderSearchValue(value);
+    }
+    function getHeaderSearchPlaceholder(column) {
+      var _a2;
+      return ((_a2 = getHeaderSearchConfig(column)) == null ? void 0 : _a2.placeholder) || "\u8BF7\u8F93\u5165\u641C\u7D22\u5185\u5BB9";
+    }
+    function getHeaderSearchWidth(column) {
+      var _a2;
+      return ((_a2 = getHeaderSearchConfig(column)) == null ? void 0 : _a2.width) || 280;
+    }
+    function getHeaderSearchSearchText(column) {
+      var _a2;
+      return ((_a2 = getHeaderSearchConfig(column)) == null ? void 0 : _a2.searchText) || "\u641C\u7D22";
+    }
+    function getHeaderSearchResetText(column) {
+      var _a2;
+      return ((_a2 = getHeaderSearchConfig(column)) == null ? void 0 : _a2.resetText) || "\u91CD\u7F6E";
+    }
+    async function handleHeaderSearch(column) {
+      closeHeaderSearch(column);
+      paginationState.currentPage = 1;
+      emitPagination();
+      if (props.request) {
+        await load();
+        return;
+      }
+      applyLocalRows();
+    }
+    async function handleHeaderSearchReset(column) {
+      updateHeaderSearchValue(column, "");
+      closeHeaderSearch(column);
+      paginationState.currentPage = 1;
+      emitPagination();
+      if (props.request) {
+        await load();
+        return;
+      }
+      applyLocalRows();
+    }
+    function closeHeaderSearch(column) {
+      var _a2, _b2;
+      (_b2 = (_a2 = headerSearchDropdownRefs.value[getHeaderSearchStateKey(column)]) == null ? void 0 : _a2.handleClose) == null ? void 0 : _b2.call(_a2);
+    }
+    function buildHeaderSearchParams() {
+      return props.columns.reduce((result, column) => {
+        if (!hasHeaderSearch(column)) {
+          return result;
+        }
+        const paramKey = resolveHeaderSearchParamKey(column);
+        const value = getHeaderSearchValue(column).trim();
+        if (!paramKey || !value) {
+          return result;
+        }
+        result[paramKey] = value;
+        return result;
+      }, {});
+    }
+    function applyLocalRows() {
+      const filteredRows = filterLocalRows(sourceRows.value);
+      rows.value = filteredRows;
+      paginationState.total = filteredRows.length;
+      emitPagination();
+    }
+    function filterLocalRows(data) {
+      const activeColumns = props.columns.filter((column) => hasHeaderSearch(column) && hasHeaderSearchValue(column)).map((column) => ({
+        column,
+        keyword: getHeaderSearchValue(column).trim().toLowerCase()
+      }));
+      if (!activeColumns.length) {
+        return normalizeRows(data);
+      }
+      return normalizeRows(data).filter((row) => {
+        return activeColumns.every(({ column, keyword }) => {
+          const columnProp = getColumnProp(column);
+          if (!columnProp) {
+            return true;
+          }
+          const value = getCellValue2(row, column);
+          return toSearchableText(value).includes(keyword);
+        });
+      });
+    }
+    function normalizeHeaderSearchValue(value) {
+      if (value === void 0 || value === null) {
+        return "";
+      }
+      return String(value);
+    }
+    function toSearchableText(value) {
+      if (value === void 0 || value === null) {
+        return "";
+      }
+      if (Array.isArray(value)) {
+        return value.map((item) => toSearchableText(item)).join(" ").toLowerCase();
+      }
+      return String(value).toLowerCase();
+    }
     function buildRequestParams() {
       const params = {
         ...props.requestParams,
@@ -470,9 +613,11 @@ const _sfc_main$9 = defineComponent({
       };
       const currentColumn = props.columns.find((item) => String(item.prop || "") === String(sortState.prop || ""));
       const sortPayload = buildSortPayload(currentColumn, sortState.prop, sortState.order);
+      const headerSearchParams = buildHeaderSearchParams();
       const sortParams = buildSortParams(sortPayload);
       return {
         ...params,
+        ...headerSearchParams,
         ...sortParams
       };
     }
@@ -669,11 +814,66 @@ const _sfc_main$9 = defineComponent({
       }
       return typeof value === "number" ? `${value}px` : value;
     }
+    function findHeaderSearchColumn(key) {
+      return props.columns.find((column) => {
+        return getHeaderSearchStateKey(column) === key || getColumnProp(column) === key;
+      });
+    }
+    async function setHeaderSearchValue(key, value, shouldReload = true) {
+      const matchedColumn = findHeaderSearchColumn(key);
+      const stateKey = matchedColumn ? getHeaderSearchStateKey(matchedColumn) : key;
+      headerSearchValues[stateKey] = normalizeHeaderSearchValue(value);
+      if (!shouldReload) {
+        return;
+      }
+      if (matchedColumn) {
+        await handleHeaderSearch(matchedColumn);
+        return;
+      }
+      paginationState.currentPage = 1;
+      emitPagination();
+      if (props.request) {
+        await load();
+        return;
+      }
+      applyLocalRows();
+    }
+    async function resetHeaderSearch(key) {
+      if (key) {
+        const matchedColumn = findHeaderSearchColumn(key);
+        if (matchedColumn) {
+          await handleHeaderSearchReset(matchedColumn);
+          return;
+        }
+        delete headerSearchValues[key];
+      } else {
+        Object.keys(headerSearchValues).forEach((stateKey) => {
+          delete headerSearchValues[stateKey];
+        });
+        Object.keys(headerSearchDropdownRefs.value).forEach((stateKey) => {
+          var _a2, _b2;
+          (_b2 = (_a2 = headerSearchDropdownRefs.value[stateKey]) == null ? void 0 : _a2.handleClose) == null ? void 0 : _b2.call(_a2);
+        });
+      }
+      paginationState.currentPage = 1;
+      emitPagination();
+      if (props.request) {
+        await load();
+        return;
+      }
+      applyLocalRows();
+    }
+    function getHeaderSearchValues() {
+      return { ...headerSearchValues };
+    }
     __expose({
       load,
       refresh,
       setData,
       resetPage,
+      setHeaderSearchValue,
+      resetHeaderSearch,
+      getHeaderSearchValues,
       clearSelection,
       toggleRowSelection,
       getSelectionRows,
@@ -683,10 +883,12 @@ const _sfc_main$9 = defineComponent({
       const _component_el_pagination = resolveComponent("el-pagination");
       const _component_el_empty = resolveComponent("el-empty");
       const _component_el_table_column = resolveComponent("el-table-column");
+      const _component_el_input = resolveComponent("el-input");
       const _component_el_button = resolveComponent("el-button");
+      const _component_el_dropdown_menu = resolveComponent("el-dropdown-menu");
+      const _component_el_dropdown = resolveComponent("el-dropdown");
       const _component_el_image = resolveComponent("el-image");
       const _component_el_tag = resolveComponent("el-tag");
-      const _component_el_input = resolveComponent("el-input");
       const _component_el_table = resolveComponent("el-table");
       const _directive_loading = resolveDirective("loading");
       return openBlock(), createElementBlock("div", _hoisted_1$2, [
@@ -766,7 +968,7 @@ const _sfc_main$9 = defineComponent({
                     columnIndex: scope.$index,
                     value: getCellValue2(scope.row, column)
                   }, void 0, true) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-                    isActionColumn(column) ? (openBlock(), createElementBlock("div", _hoisted_5, [
+                    isActionColumn(column) ? (openBlock(), createElementBlock("div", _hoisted_9, [
                       (openBlock(true), createElementBlock(Fragment, null, renderList(getVisibleActions(column, scope.row), (action) => {
                         return openBlock(), createBlock(_component_el_button, {
                           key: `${action.type}-${action.label}`,
@@ -788,7 +990,7 @@ const _sfc_main$9 = defineComponent({
                       src: toImageSrc(getCellValue2(scope.row, column)),
                       "preview-src-list": getPreviewSrcList(scope.row, column),
                       fit: column.imageFit || "cover"
-                    }, null, 8, ["style", "src", "preview-src-list", "fit"])) : column.kind === "tag" ? (openBlock(), createElementBlock("div", _hoisted_6, [
+                    }, null, 8, ["style", "src", "preview-src-list", "fit"])) : column.kind === "tag" ? (openBlock(), createElementBlock("div", _hoisted_10, [
                       getMatchedOptions(scope.row, column).length ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(getMatchedOptions(scope.row, column), (option) => {
                         return openBlock(), createBlock(_component_el_tag, {
                           key: String(option.value),
@@ -801,11 +1003,11 @@ const _sfc_main$9 = defineComponent({
                           ]),
                           _: 2
                         }, 1032, ["type", "style"]);
-                      }), 128)) : (openBlock(), createElementBlock("span", _hoisted_7, toDisplayString(resolveEmptyText(column)), 1))
+                      }), 128)) : (openBlock(), createElementBlock("span", _hoisted_11, toDisplayString(resolveEmptyText(column)), 1))
                     ])) : column.kind === "html" ? (openBlock(), createElementBlock("div", {
                       key: 3,
                       innerHTML: getHtmlContent(scope.row, column)
-                    }, null, 8, _hoisted_8)) : column.kind === "input" ? (openBlock(), createBlock(_component_el_input, {
+                    }, null, 8, _hoisted_12)) : column.kind === "input" ? (openBlock(), createBlock(_component_el_input, {
                       key: 4,
                       "model-value": toDisplayValue(getCellValue2(scope.row, column), ""),
                       type: column.inputType || "text",
@@ -815,7 +1017,7 @@ const _sfc_main$9 = defineComponent({
                       class: "base-table__link",
                       type: "button",
                       onClick: ($event) => handleCellClick(scope.row, column)
-                    }, toDisplayString(formatCellDisplay(scope.row, column)), 9, _hoisted_9)) : (openBlock(), createElementBlock("div", _hoisted_10, toDisplayString(formatCellDisplay(scope.row, column)), 1))
+                    }, toDisplayString(formatCellDisplay(scope.row, column)), 9, _hoisted_13)) : (openBlock(), createElementBlock("div", _hoisted_14, toDisplayString(formatCellDisplay(scope.row, column)), 1))
                   ], 64))
                 ]),
                 _: 2
@@ -826,6 +1028,80 @@ const _sfc_main$9 = defineComponent({
                     renderSlot(_ctx.$slots, resolveHeaderSlotName(column), mergeProps({ ref_for: true }, headerScope, { columnConfig: column }), void 0, true)
                   ]),
                   key: "0"
+                } : shouldRenderBuiltInHeader(column) ? {
+                  name: "header",
+                  fn: withCtx(() => [
+                    createElementVNode("div", _hoisted_5, [
+                      createElementVNode("span", _hoisted_6, toDisplayString(column.label), 1),
+                      createElementVNode("div", _hoisted_7, [
+                        createVNode(_component_el_dropdown, {
+                          ref_for: true,
+                          ref: bindHeaderSearchDropdown(column),
+                          class: "base-table__header-dropdown",
+                          trigger: "click",
+                          "hide-on-click": false,
+                          placement: "bottom",
+                          "popper-class": "base-table__header-search-dropdown"
+                        }, {
+                          dropdown: withCtx(() => [
+                            createVNode(_component_el_dropdown_menu, { class: "base-table__header-search-menu" }, {
+                              default: withCtx(() => [
+                                createElementVNode("div", {
+                                  class: "base-table__header-search-panel",
+                                  style: normalizeStyle({ width: toCssValue(getHeaderSearchWidth(column)) || "280px" }),
+                                  onClick: _cache[0] || (_cache[0] = withModifiers(() => {
+                                  }, ["stop"]))
+                                }, [
+                                  createVNode(_component_el_input, {
+                                    "model-value": getHeaderSearchValue(column),
+                                    placeholder: getHeaderSearchPlaceholder(column),
+                                    clearable: "",
+                                    "onUpdate:modelValue": ($event) => updateHeaderSearchValue(column, $event),
+                                    onKeyup: withKeys(($event) => handleHeaderSearch(column), ["enter"])
+                                  }, null, 8, ["model-value", "placeholder", "onUpdate:modelValue", "onKeyup"]),
+                                  createElementVNode("div", _hoisted_8, [
+                                    createVNode(_component_el_button, {
+                                      link: "",
+                                      type: "primary",
+                                      onClick: ($event) => handleHeaderSearch(column)
+                                    }, {
+                                      default: withCtx(() => [
+                                        createTextVNode(toDisplayString(getHeaderSearchSearchText(column)), 1)
+                                      ]),
+                                      _: 2
+                                    }, 1032, ["onClick"]),
+                                    createVNode(_component_el_button, {
+                                      link: "",
+                                      onClick: ($event) => handleHeaderSearchReset(column)
+                                    }, {
+                                      default: withCtx(() => [
+                                        createTextVNode(toDisplayString(getHeaderSearchResetText(column)), 1)
+                                      ]),
+                                      _: 2
+                                    }, 1032, ["onClick"])
+                                  ])
+                                ], 4)
+                              ]),
+                              _: 2
+                            }, 1024)
+                          ]),
+                          default: withCtx(() => [
+                            createElementVNode("button", {
+                              class: normalizeClass(["base-table__header-icon", { "is-active": hasHeaderSearchValue(column) }]),
+                              type: "button"
+                            }, [..._cache[1] || (_cache[1] = [
+                              createElementVNode("span", {
+                                class: "base-table__header-icon-mark",
+                                "aria-hidden": "true"
+                              }, null, -1)
+                            ])], 2)
+                          ]),
+                          _: 2
+                        }, 1536)
+                      ])
+                    ])
+                  ]),
+                  key: "1"
                 } : void 0
               ]), 1032, ["prop", "label", "type", "width", "min-width", "fixed", "align", "header-align", "sortable", "show-overflow-tooltip", "class-name", "label-class-name"]);
             }), 128))
@@ -838,7 +1114,7 @@ const _sfc_main$9 = defineComponent({
     };
   }
 });
-var BaseTable = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-429ba785"]]);
+var BaseTable = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-7ae8d382"]]);
 var BaseEChart_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _sfc_main$8 = defineComponent({
   __name: "BaseEChart",

package/dist/style.css

@@ -1 +1 @@
-.base-card[data-v-6bfddf1c]{display:flex;flex-direction:column;min-width:0;min-height:0;padding:var(--base-card-padding);border:1px solid var(--base-card-border-color);background:var(--base-card-background-color);box-shadow:0 0 2px 0 var(--base-card-shadow-color);border-radius:var(--base-card-radius)}.base-card__header[data-v-6bfddf1c]{display:flex;align-items:center;justify-content:space-between;gap:var(--base-card-header-gap);margin-bottom:var(--base-card-header-margin-bottom);min-height:24px;flex-wrap:wrap}.base-card__header-left[data-v-6bfddf1c],.base-card__header-right[data-v-6bfddf1c]{display:flex;align-items:center;min-width:0;flex-wrap:wrap}.base-card__header-left[data-v-6bfddf1c]{flex:1 1 auto;gap:var(--base-card-left-gap)}.base-card__header-right[data-v-6bfddf1c]{flex:0 1 auto;justify-content:flex-end;gap:var(--base-card-right-gap)}.base-card__title-wrap[data-v-6bfddf1c]{display:flex;align-items:center;min-width:0}.base-card__title-marker[data-v-6bfddf1c]{width:var(--base-card-marker-width);height:var(--base-card-marker-height);background:var(--base-card-marker-color);border-radius:var(--base-card-marker-radius);margin-right:var(--base-card-marker-gap);flex:0 0 auto}.base-card__title[data-v-6bfddf1c]{margin:0;min-width:0;color:var(--base-card-title-color);font-size:var(--base-card-title-size);font-weight:var(--base-card-title-weight);line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.base-card__meta[data-v-6bfddf1c]{color:var(--base-card-meta-color);font-size:var(--base-card-meta-size);line-height:1.4}.base-card__export[data-v-6bfddf1c]{border:none;background:transparent;padding:0;color:var(--base-card-export-color);cursor:pointer;font-size:var(--base-card-meta-size);line-height:1.4}.base-card__export[data-v-6bfddf1c]:disabled{opacity:.5;cursor:not-allowed}.base-card__body[data-v-6bfddf1c]{display:flex;flex:1 1 auto;flex-direction:column;min-height:0}.base-card__tip[data-v-6bfddf1c]{flex:0 0 auto}.base-card__content[data-v-6bfddf1c]{flex:1 1 auto;min-height:0}.base-table[data-v-429ba785]{display:flex;flex-direction:column;height:100%;min-height:0}.base-table__toolbar[data-v-429ba785]{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px;min-height:32px;flex-wrap:wrap}.base-table__toolbar-left[data-v-429ba785]{flex:1 1 auto;min-width:0}.base-table__toolbar-right[data-v-429ba785]{flex:0 1 auto}.base-table__actions[data-v-429ba785]{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.base-table__link[data-v-429ba785]{padding:0;border:none;background:transparent;color:var(--el-color-primary);cursor:pointer}.base-table__text[data-v-429ba785]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.base-table__tags[data-v-429ba785]{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.base-table__image[data-v-429ba785]{border-radius:4px;overflow:hidden}.base-echart[data-v-51bc4772],.base-echart__inner[data-v-51bc4772]{width:100%;height:100%}.outlined-input[data-v-2bf89ccd]{position:relative}.outlined-input__label[data-v-2bf89ccd]{position:absolute;left:-2px;padding:2px 5px;border-radius:2px;background-color:#fff;font-size:12px;line-height:1;transition:color .2s cubic-bezier(0,0,.2,1),transform .2s cubic-bezier(0,0,.2,1);pointer-events:none}.outlined-input__label--floating[data-v-2bf89ccd]{top:18px;z-index:1;opacity:1;transform:translate(14px,-6px) scale(1);color:var(--el-color-primary)}.outlined-input__label--placeholder[data-v-2bf89ccd]{top:50%;left:1px;z-index:-1;opacity:0;transform:translate(14px,6px) scale(1)}.outlined-input__label--filled[data-v-2bf89ccd]{color:var(--el-text-color-regular)}.outlined-input__suffix-text[data-v-2bf89ccd]{white-space:nowrap}[data-v-2bf89ccd] .outlined-input--bordered .el-input__wrapper{box-shadow:none;border-radius:0;border-bottom:1px solid #cccccc}[data-v-2bf89ccd] .outlined-input--bordered .el-input__wrapper.is-focus{border-bottom-color:var(--el-color-primary)}[data-v-2bf89ccd] .outlined-input--bordered .el-textarea__inner{border-width:0 0 1px;border-radius:0;box-shadow:none}[data-v-2bf89ccd] .outlined-input--bordered .el-textarea__inner:focus{border-bottom-color:var(--el-color-primary)}[data-v-2bf89ccd] .outlined-input--textarea-default .el-textarea__inner{min-height:100px!important;max-height:180px}.outlined-select[data-v-7bd2b5f2]{position:relative}.outlined-select__label[data-v-7bd2b5f2]{position:absolute;left:-2px;padding:2px 5px;border-radius:2px;background-color:#fff;font-size:12px;line-height:1;transition:color .2s cubic-bezier(0,0,.2,1),transform .2s cubic-bezier(0,0,.2,1);pointer-events:none}.outlined-select__label--floating[data-v-7bd2b5f2]{top:18px;z-index:1;opacity:1;transform:translate(14px,-6px) scale(1);color:var(--el-color-primary)}.outlined-select__label--placeholder[data-v-7bd2b5f2]{top:50%;left:1px;z-index:-1;opacity:0;transform:translate(14px,6px) scale(1)}.outlined-select__label--filled[data-v-7bd2b5f2]{color:var(--el-text-color-regular)}[data-v-7bd2b5f2] .outlined-select__control.el-select{width:100%}[data-v-7bd2b5f2] .outlined-select__control .el-select__wrapper{min-height:inherit;height:inherit}[data-v-7bd2b5f2] .outlined-select__control .el-select__tags{padding-top:4px}[data-v-7bd2b5f2] .outlined-select__control .el-select__selection{min-height:inherit}[data-v-7bd2b5f2] .outlined-select--bordered .el-select__wrapper{box-shadow:none;border-radius:0;border-bottom:1px solid #cccccc}[data-v-7bd2b5f2] .outlined-select--bordered .el-select__wrapper.is-focused{border-bottom-color:var(--el-color-primary)}.outlined-date-picker[data-v-c95a293c]{position:relative}.outlined-date-picker__label[data-v-c95a293c]{position:absolute;left:-2px;padding:2px 5px;border-radius:2px;background-color:#fff;font-size:12px;line-height:1;transition:color .2s cubic-bezier(0,0,.2,1),transform .2s cubic-bezier(0,0,.2,1);pointer-events:none}.outlined-date-picker__label--floating[data-v-c95a293c]{top:18px;z-index:1;opacity:1;transform:translate(14px,-6px) scale(1);color:var(--el-color-primary)}.outlined-date-picker__label--placeholder[data-v-c95a293c]{top:50%;left:1px;z-index:-1;opacity:0;transform:translate(14px,6px) scale(1)}.outlined-date-picker__label--filled[data-v-c95a293c]{color:var(--el-text-color-regular)}[data-v-c95a293c] .outlined-date-picker__control.el-date-editor{width:100%}[data-v-c95a293c] .outlined-date-picker__control .el-input__wrapper{position:relative;min-height:inherit;height:inherit}[data-v-c95a293c] .outlined-date-picker__control .el-input__prefix{position:absolute;right:0}[data-v-c95a293c] .outlined-date-picker__control .el-input__suffix{position:absolute;right:30px}[data-v-c95a293c] .outlined-date-picker--bordered .el-input__wrapper{box-shadow:none;border-radius:0;border-bottom:1px solid #cccccc}[data-v-c95a293c] .outlined-date-picker--bordered .el-input__wrapper.is-focus{border-bottom-color:var(--el-color-primary)}.outlined-date-time-picker[data-v-f2fefd22]{display:flex;align-items:center;gap:8px}.outlined-date-time-picker__field[data-v-f2fefd22]{position:relative;flex:1}.outlined-date-time-picker__separator[data-v-f2fefd22]{flex:0 0 auto;color:var(--el-text-color-regular)}.outlined-date-time-picker__label[data-v-f2fefd22]{position:absolute;left:-2px;padding:2px 5px;border-radius:2px;background-color:#fff;font-size:12px;line-height:1;transition:color .2s cubic-bezier(0,0,.2,1),transform .2s cubic-bezier(0,0,.2,1);pointer-events:none}.outlined-date-time-picker__label--floating[data-v-f2fefd22]{top:18px;z-index:1;opacity:1;transform:translate(14px,-6px) scale(1);color:var(--el-color-primary)}.outlined-date-time-picker__label--placeholder[data-v-f2fefd22]{top:50%;left:1px;z-index:-1;opacity:0;transform:translate(14px,6px) scale(1)}.outlined-date-time-picker__label--filled[data-v-f2fefd22]{color:var(--el-text-color-regular)}[data-v-f2fefd22] .outlined-date-time-picker__control.el-date-editor{width:100%}[data-v-f2fefd22] .outlined-date-time-picker__control .el-input__wrapper{position:relative;min-height:inherit;height:inherit}[data-v-f2fefd22] .outlined-date-time-picker__control .el-input__prefix{position:absolute;right:0}[data-v-f2fefd22] .outlined-date-time-picker__control .el-input__suffix{position:absolute;right:30px}[data-v-f2fefd22] .outlined-date-time-picker__field--bordered .el-input__wrapper{box-shadow:none;border-radius:0;border-bottom:1px solid #cccccc}[data-v-f2fefd22] .outlined-date-time-picker__field--bordered .el-input__wrapper.is-focus{border-bottom-color:var(--el-color-primary)}.outlined-time-picker[data-v-6a467b88]{position:relative}.outlined-time-picker__label[data-v-6a467b88]{position:absolute;left:-2px;padding:2px 5px;border-radius:2px;background-color:#fff;font-size:12px;line-height:1;transition:color .2s cubic-bezier(0,0,.2,1),transform .2s cubic-bezier(0,0,.2,1);pointer-events:none}.outlined-time-picker__label--floating[data-v-6a467b88]{top:18px;z-index:1;opacity:1;transform:translate(14px,-6px) scale(1);color:var(--el-color-primary)}.outlined-time-picker__label--placeholder[data-v-6a467b88]{top:50%;left:1px;z-index:-1;opacity:0;transform:translate(14px,6px) scale(1)}.outlined-time-picker__label--filled[data-v-6a467b88]{color:var(--el-text-color-regular)}[data-v-6a467b88] .outlined-time-picker__control.el-date-editor{width:100%}[data-v-6a467b88] .outlined-time-picker__control .el-input__wrapper{position:relative;min-height:inherit;height:inherit}[data-v-6a467b88] .outlined-time-picker__control .el-input__prefix{position:absolute;right:0}[data-v-6a467b88] .outlined-time-picker__control .el-input__suffix{position:absolute;right:30px}[data-v-6a467b88] .outlined-time-picker--bordered .el-input__wrapper{box-shadow:none;border-radius:0;border-bottom:1px solid #cccccc}[data-v-6a467b88] .outlined-time-picker--bordered .el-input__wrapper.is-focus{border-bottom-color:var(--el-color-primary)}.outlined-cascader[data-v-2c93c0e4]{position:relative}.outlined-cascader__label[data-v-2c93c0e4]{position:absolute;left:-2px;padding:2px 5px;border-radius:2px;background-color:#fff;font-size:12px;line-height:1;transition:color .2s cubic-bezier(0,0,.2,1),transform .2s cubic-bezier(0,0,.2,1);pointer-events:none}.outlined-cascader__label--floating[data-v-2c93c0e4]{top:18px;z-index:1;opacity:1;transform:translate(14px,-6px) scale(1);color:var(--el-color-primary)}.outlined-cascader__label--placeholder[data-v-2c93c0e4]{top:50%;left:1px;z-index:-1;opacity:0;transform:translate(14px,6px) scale(1)}.outlined-cascader__label--filled[data-v-2c93c0e4]{color:var(--el-text-color-regular)}[data-v-2c93c0e4] .outlined-cascader__control .el-input{height:100%}[data-v-2c93c0e4] .outlined-cascader--bordered .el-input__wrapper{box-shadow:none;border-radius:0;border-bottom:1px solid #cccccc}[data-v-2c93c0e4] .outlined-cascader--bordered .el-input__wrapper.is-focus{border-bottom-color:var(--el-color-primary)}.outlined-tree-select[data-v-8403e6ea]{position:relative}.outlined-tree-select__label[data-v-8403e6ea]{position:absolute;left:-2px;padding:2px 5px;border-radius:2px;background-color:#fff;font-size:12px;line-height:1;transition:color .2s cubic-bezier(0,0,.2,1),transform .2s cubic-bezier(0,0,.2,1);pointer-events:none}.outlined-tree-select__label--floating[data-v-8403e6ea]{top:18px;z-index:1;opacity:1;transform:translate(14px,-6px) scale(1);color:var(--el-color-primary)}.outlined-tree-select__label--placeholder[data-v-8403e6ea]{top:50%;left:1px;z-index:-1;opacity:0;transform:translate(14px,6px) scale(1)}.outlined-tree-select__label--filled[data-v-8403e6ea]{color:var(--el-text-color-regular)}[data-v-8403e6ea] .outlined-tree-select__control.el-select{width:100%}[data-v-8403e6ea] .outlined-tree-select__control .el-select__wrapper{min-height:inherit;height:inherit}[data-v-8403e6ea] .outlined-tree-select__control .el-select__selection{min-height:inherit}[data-v-8403e6ea] .outlined-tree-select__control .el-select__tags{padding-top:4px}[data-v-8403e6ea] .outlined-tree-select--bordered .el-select__wrapper{box-shadow:none;border-radius:0;border-bottom:1px solid #cccccc}[data-v-8403e6ea] .outlined-tree-select--bordered .el-select__wrapper.is-focused{border-bottom-color:var(--el-color-primary)}
+.base-card[data-v-6bfddf1c]{display:flex;flex-direction:column;min-width:0;min-height:0;padding:var(--base-card-padding);border:1px solid var(--base-card-border-color);background:var(--base-card-background-color);box-shadow:0 0 2px 0 var(--base-card-shadow-color);border-radius:var(--base-card-radius)}.base-card__header[data-v-6bfddf1c]{display:flex;align-items:center;justify-content:space-between;gap:var(--base-card-header-gap);margin-bottom:var(--base-card-header-margin-bottom);min-height:24px;flex-wrap:wrap}.base-card__header-left[data-v-6bfddf1c],.base-card__header-right[data-v-6bfddf1c]{display:flex;align-items:center;min-width:0;flex-wrap:wrap}.base-card__header-left[data-v-6bfddf1c]{flex:1 1 auto;gap:var(--base-card-left-gap)}.base-card__header-right[data-v-6bfddf1c]{flex:0 1 auto;justify-content:flex-end;gap:var(--base-card-right-gap)}.base-card__title-wrap[data-v-6bfddf1c]{display:flex;align-items:center;min-width:0}.base-card__title-marker[data-v-6bfddf1c]{width:var(--base-card-marker-width);height:var(--base-card-marker-height);background:var(--base-card-marker-color);border-radius:var(--base-card-marker-radius);margin-right:var(--base-card-marker-gap);flex:0 0 auto}.base-card__title[data-v-6bfddf1c]{margin:0;min-width:0;color:var(--base-card-title-color);font-size:var(--base-card-title-size);font-weight:var(--base-card-title-weight);line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.base-card__meta[data-v-6bfddf1c]{color:var(--base-card-meta-color);font-size:var(--base-card-meta-size);line-height:1.4}.base-card__export[data-v-6bfddf1c]{border:none;background:transparent;padding:0;color:var(--base-card-export-color);cursor:pointer;font-size:var(--base-card-meta-size);line-height:1.4}.base-card__export[data-v-6bfddf1c]:disabled{opacity:.5;cursor:not-allowed}.base-card__body[data-v-6bfddf1c]{display:flex;flex:1 1 auto;flex-direction:column;min-height:0}.base-card__tip[data-v-6bfddf1c]{flex:0 0 auto}.base-card__content[data-v-6bfddf1c]{flex:1 1 auto;min-height:0}.base-table[data-v-7ae8d382]{display:flex;flex-direction:column;height:100%;min-height:0}.base-table__toolbar[data-v-7ae8d382]{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px;min-height:32px;flex-wrap:wrap}.base-table__toolbar-left[data-v-7ae8d382]{flex:1 1 auto;min-width:0}.base-table__toolbar-right[data-v-7ae8d382]{flex:0 1 auto}.base-table__actions[data-v-7ae8d382]{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.base-table__header[data-v-7ae8d382]{display:flex;align-items:center;gap:6px;width:100%;min-width:0}.base-table__header-label[data-v-7ae8d382]{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.base-table__header-actions[data-v-7ae8d382]{display:flex;align-items:center;margin-left:auto;flex-shrink:0}.base-table__header-icon[data-v-7ae8d382]{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;border-radius:999px;background:transparent;color:var(--el-text-color-secondary);cursor:pointer;transition:color .2s ease,background-color .2s ease}.base-table__header-icon[data-v-7ae8d382]:hover,.base-table__header-icon.is-active[data-v-7ae8d382]{color:var(--el-color-primary);background:rgba(64,158,255,.12)}.base-table__header-icon-mark[data-v-7ae8d382]{position:relative;display:inline-block;width:14px;height:14px;box-sizing:border-box;border:2px solid currentColor;border-radius:999px}.base-table__header-icon-mark[data-v-7ae8d382]:after{content:"";position:absolute;right:-6px;bottom:-4px;width:7px;height:2px;border-radius:999px;background:currentColor;transform:rotate(45deg);transform-origin:center}.base-table__header-dropdown[data-v-7ae8d382]{display:inline-flex;align-items:center}.base-table__header-search-panel[data-v-7ae8d382]{display:flex;flex-direction:column;gap:12px;padding:8px}[data-v-7ae8d382] .base-table__header-search-menu{padding:0}[data-v-7ae8d382] .base-table__header-search-dropdown{padding:0;border-radius:12px}.base-table__header-search-footer[data-v-7ae8d382]{display:flex;align-items:center;justify-content:space-between}.base-table__link[data-v-7ae8d382]{padding:0;border:none;background:transparent;color:var(--el-color-primary);cursor:pointer}.base-table__text[data-v-7ae8d382]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.base-table__tags[data-v-7ae8d382]{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.base-table__image[data-v-7ae8d382]{border-radius:4px;overflow:hidden}.base-echart[data-v-51bc4772],.base-echart__inner[data-v-51bc4772]{width:100%;height:100%}.outlined-input[data-v-2bf89ccd]{position:relative}.outlined-input__label[data-v-2bf89ccd]{position:absolute;left:-2px;padding:2px 5px;border-radius:2px;background-color:#fff;font-size:12px;line-height:1;transition:color .2s cubic-bezier(0,0,.2,1),transform .2s cubic-bezier(0,0,.2,1);pointer-events:none}.outlined-input__label--floating[data-v-2bf89ccd]{top:18px;z-index:1;opacity:1;transform:translate(14px,-6px) scale(1);color:var(--el-color-primary)}.outlined-input__label--placeholder[data-v-2bf89ccd]{top:50%;left:1px;z-index:-1;opacity:0;transform:translate(14px,6px) scale(1)}.outlined-input__label--filled[data-v-2bf89ccd]{color:var(--el-text-color-regular)}.outlined-input__suffix-text[data-v-2bf89ccd]{white-space:nowrap}[data-v-2bf89ccd] .outlined-input--bordered .el-input__wrapper{box-shadow:none;border-radius:0;border-bottom:1px solid #cccccc}[data-v-2bf89ccd] .outlined-input--bordered .el-input__wrapper.is-focus{border-bottom-color:var(--el-color-primary)}[data-v-2bf89ccd] .outlined-input--bordered .el-textarea__inner{border-width:0 0 1px;border-radius:0;box-shadow:none}[data-v-2bf89ccd] .outlined-input--bordered .el-textarea__inner:focus{border-bottom-color:var(--el-color-primary)}[data-v-2bf89ccd] .outlined-input--textarea-default .el-textarea__inner{min-height:100px!important;max-height:180px}.outlined-select[data-v-7bd2b5f2]{position:relative}.outlined-select__label[data-v-7bd2b5f2]{position:absolute;left:-2px;padding:2px 5px;border-radius:2px;background-color:#fff;font-size:12px;line-height:1;transition:color .2s cubic-bezier(0,0,.2,1),transform .2s cubic-bezier(0,0,.2,1);pointer-events:none}.outlined-select__label--floating[data-v-7bd2b5f2]{top:18px;z-index:1;opacity:1;transform:translate(14px,-6px) scale(1);color:var(--el-color-primary)}.outlined-select__label--placeholder[data-v-7bd2b5f2]{top:50%;left:1px;z-index:-1;opacity:0;transform:translate(14px,6px) scale(1)}.outlined-select__label--filled[data-v-7bd2b5f2]{color:var(--el-text-color-regular)}[data-v-7bd2b5f2] .outlined-select__control.el-select{width:100%}[data-v-7bd2b5f2] .outlined-select__control .el-select__wrapper{min-height:inherit;height:inherit}[data-v-7bd2b5f2] .outlined-select__control .el-select__tags{padding-top:4px}[data-v-7bd2b5f2] .outlined-select__control .el-select__selection{min-height:inherit}[data-v-7bd2b5f2] .outlined-select--bordered .el-select__wrapper{box-shadow:none;border-radius:0;border-bottom:1px solid #cccccc}[data-v-7bd2b5f2] .outlined-select--bordered .el-select__wrapper.is-focused{border-bottom-color:var(--el-color-primary)}.outlined-date-picker[data-v-c95a293c]{position:relative}.outlined-date-picker__label[data-v-c95a293c]{position:absolute;left:-2px;padding:2px 5px;border-radius:2px;background-color:#fff;font-size:12px;line-height:1;transition:color .2s cubic-bezier(0,0,.2,1),transform .2s cubic-bezier(0,0,.2,1);pointer-events:none}.outlined-date-picker__label--floating[data-v-c95a293c]{top:18px;z-index:1;opacity:1;transform:translate(14px,-6px) scale(1);color:var(--el-color-primary)}.outlined-date-picker__label--placeholder[data-v-c95a293c]{top:50%;left:1px;z-index:-1;opacity:0;transform:translate(14px,6px) scale(1)}.outlined-date-picker__label--filled[data-v-c95a293c]{color:var(--el-text-color-regular)}[data-v-c95a293c] .outlined-date-picker__control.el-date-editor{width:100%}[data-v-c95a293c] .outlined-date-picker__control .el-input__wrapper{position:relative;min-height:inherit;height:inherit}[data-v-c95a293c] .outlined-date-picker__control .el-input__prefix{position:absolute;right:0}[data-v-c95a293c] .outlined-date-picker__control .el-input__suffix{position:absolute;right:30px}[data-v-c95a293c] .outlined-date-picker--bordered .el-input__wrapper{box-shadow:none;border-radius:0;border-bottom:1px solid #cccccc}[data-v-c95a293c] .outlined-date-picker--bordered .el-input__wrapper.is-focus{border-bottom-color:var(--el-color-primary)}.outlined-date-time-picker[data-v-f2fefd22]{display:flex;align-items:center;gap:8px}.outlined-date-time-picker__field[data-v-f2fefd22]{position:relative;flex:1}.outlined-date-time-picker__separator[data-v-f2fefd22]{flex:0 0 auto;color:var(--el-text-color-regular)}.outlined-date-time-picker__label[data-v-f2fefd22]{position:absolute;left:-2px;padding:2px 5px;border-radius:2px;background-color:#fff;font-size:12px;line-height:1;transition:color .2s cubic-bezier(0,0,.2,1),transform .2s cubic-bezier(0,0,.2,1);pointer-events:none}.outlined-date-time-picker__label--floating[data-v-f2fefd22]{top:18px;z-index:1;opacity:1;transform:translate(14px,-6px) scale(1);color:var(--el-color-primary)}.outlined-date-time-picker__label--placeholder[data-v-f2fefd22]{top:50%;left:1px;z-index:-1;opacity:0;transform:translate(14px,6px) scale(1)}.outlined-date-time-picker__label--filled[data-v-f2fefd22]{color:var(--el-text-color-regular)}[data-v-f2fefd22] .outlined-date-time-picker__control.el-date-editor{width:100%}[data-v-f2fefd22] .outlined-date-time-picker__control .el-input__wrapper{position:relative;min-height:inherit;height:inherit}[data-v-f2fefd22] .outlined-date-time-picker__control .el-input__prefix{position:absolute;right:0}[data-v-f2fefd22] .outlined-date-time-picker__control .el-input__suffix{position:absolute;right:30px}[data-v-f2fefd22] .outlined-date-time-picker__field--bordered .el-input__wrapper{box-shadow:none;border-radius:0;border-bottom:1px solid #cccccc}[data-v-f2fefd22] .outlined-date-time-picker__field--bordered .el-input__wrapper.is-focus{border-bottom-color:var(--el-color-primary)}.outlined-time-picker[data-v-6a467b88]{position:relative}.outlined-time-picker__label[data-v-6a467b88]{position:absolute;left:-2px;padding:2px 5px;border-radius:2px;background-color:#fff;font-size:12px;line-height:1;transition:color .2s cubic-bezier(0,0,.2,1),transform .2s cubic-bezier(0,0,.2,1);pointer-events:none}.outlined-time-picker__label--floating[data-v-6a467b88]{top:18px;z-index:1;opacity:1;transform:translate(14px,-6px) scale(1);color:var(--el-color-primary)}.outlined-time-picker__label--placeholder[data-v-6a467b88]{top:50%;left:1px;z-index:-1;opacity:0;transform:translate(14px,6px) scale(1)}.outlined-time-picker__label--filled[data-v-6a467b88]{color:var(--el-text-color-regular)}[data-v-6a467b88] .outlined-time-picker__control.el-date-editor{width:100%}[data-v-6a467b88] .outlined-time-picker__control .el-input__wrapper{position:relative;min-height:inherit;height:inherit}[data-v-6a467b88] .outlined-time-picker__control .el-input__prefix{position:absolute;right:0}[data-v-6a467b88] .outlined-time-picker__control .el-input__suffix{position:absolute;right:30px}[data-v-6a467b88] .outlined-time-picker--bordered .el-input__wrapper{box-shadow:none;border-radius:0;border-bottom:1px solid #cccccc}[data-v-6a467b88] .outlined-time-picker--bordered .el-input__wrapper.is-focus{border-bottom-color:var(--el-color-primary)}.outlined-cascader[data-v-2c93c0e4]{position:relative}.outlined-cascader__label[data-v-2c93c0e4]{position:absolute;left:-2px;padding:2px 5px;border-radius:2px;background-color:#fff;font-size:12px;line-height:1;transition:color .2s cubic-bezier(0,0,.2,1),transform .2s cubic-bezier(0,0,.2,1);pointer-events:none}.outlined-cascader__label--floating[data-v-2c93c0e4]{top:18px;z-index:1;opacity:1;transform:translate(14px,-6px) scale(1);color:var(--el-color-primary)}.outlined-cascader__label--placeholder[data-v-2c93c0e4]{top:50%;left:1px;z-index:-1;opacity:0;transform:translate(14px,6px) scale(1)}.outlined-cascader__label--filled[data-v-2c93c0e4]{color:var(--el-text-color-regular)}[data-v-2c93c0e4] .outlined-cascader__control .el-input{height:100%}[data-v-2c93c0e4] .outlined-cascader--bordered .el-input__wrapper{box-shadow:none;border-radius:0;border-bottom:1px solid #cccccc}[data-v-2c93c0e4] .outlined-cascader--bordered .el-input__wrapper.is-focus{border-bottom-color:var(--el-color-primary)}.outlined-tree-select[data-v-8403e6ea]{position:relative}.outlined-tree-select__label[data-v-8403e6ea]{position:absolute;left:-2px;padding:2px 5px;border-radius:2px;background-color:#fff;font-size:12px;line-height:1;transition:color .2s cubic-bezier(0,0,.2,1),transform .2s cubic-bezier(0,0,.2,1);pointer-events:none}.outlined-tree-select__label--floating[data-v-8403e6ea]{top:18px;z-index:1;opacity:1;transform:translate(14px,-6px) scale(1);color:var(--el-color-primary)}.outlined-tree-select__label--placeholder[data-v-8403e6ea]{top:50%;left:1px;z-index:-1;opacity:0;transform:translate(14px,6px) scale(1)}.outlined-tree-select__label--filled[data-v-8403e6ea]{color:var(--el-text-color-regular)}[data-v-8403e6ea] .outlined-tree-select__control.el-select{width:100%}[data-v-8403e6ea] .outlined-tree-select__control .el-select__wrapper{min-height:inherit;height:inherit}[data-v-8403e6ea] .outlined-tree-select__control .el-select__selection{min-height:inherit}[data-v-8403e6ea] .outlined-tree-select__control .el-select__tags{padding-top:4px}[data-v-8403e6ea] .outlined-tree-select--bordered .el-select__wrapper{box-shadow:none;border-radius:0;border-bottom:1px solid #cccccc}[data-v-8403e6ea] .outlined-tree-select--bordered .el-select__wrapper.is-focused{border-bottom-color:var(--el-color-primary)}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hbdlzy/ui-core",
-  "version": "0.1.2",
+  "version": "0.1.3",
   "description": "Company shared Vue UI core package.",
   "license": "MIT",
   "repository": {
@@ -10,12 +10,12 @@
   },
   "main": "dist/index.cjs",
   "module": "dist/index.js",
-  "types": "src/index.ts",
+  "types": "dist/index.d.ts",
   "exports": {
     ".": {
       "import": "./dist/index.js",
       "require": "./dist/index.cjs",
-      "types": "./src/index.ts"
+      "types": "./dist/index.d.ts"
     },
     "./components.manifest.json": "./components.manifest.json"
   },
@@ -44,6 +44,7 @@
     "registry": "https://registry.npmjs.org/"
   },
   "scripts": {
-    "build": "vite build"
+    "build": "vite build && pnpm run build:types",
+    "build:types": "vue-tsc -p tsconfig.build.json --declaration --emitDeclarationOnly"
   }
 }

package/src/components/BaseCard/BaseCard.types.d.ts

@@ -0,0 +1,36 @@
+export type BaseCardCssValue = string | number;
+export interface BaseCardDefaultExportPayload {
+    title?: string;
+    metaText?: string;
+}
+export interface BaseCardProps {
+    title?: string;
+    metaText?: string;
+    showHeader?: boolean;
+    showRight?: boolean;
+    showTitleMarker?: boolean;
+    showExport?: boolean;
+    exportText?: string;
+    exportDisabled?: boolean;
+    exportPayload?: unknown;
+    padding?: BaseCardCssValue;
+    radius?: BaseCardCssValue;
+    borderColor?: string;
+    backgroundColor?: string;
+    shadowColor?: string;
+    headerGap?: BaseCardCssValue;
+    headerMarginBottom?: BaseCardCssValue;
+    leftGap?: BaseCardCssValue;
+    rightGap?: BaseCardCssValue;
+    titleColor?: string;
+    titleSize?: BaseCardCssValue;
+    titleWeight?: string | number;
+    markerColor?: string;
+    markerWidth?: BaseCardCssValue;
+    markerHeight?: BaseCardCssValue;
+    markerRadius?: BaseCardCssValue;
+    markerGap?: BaseCardCssValue;
+    metaColor?: string;
+    metaSize?: BaseCardCssValue;
+    exportColor?: string;
+}