ele-admin-plus 1.1.6-beta.1 → 1.1.6-beta.3

package/lib/ele-virtual-table/props.d.ts

@@ -37,8 +37,11 @@ export declare const virtualTableProps: {
         default: () => null;
     };
     rowClickChecked: import("vue").PropType<import("../ele-data-table/types").RowClickChecked>;
+    reserveCurrent: BooleanConstructor;
+    selectedRowKeys: import("vue").PropType<import("../ele-data-table/types").DataKey[]>;
+    cacheData: import("vue").PropType<import("../ele-data-table/types").DataItem[]>;
     size: {
-        readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
+        readonly type: import("vue").PropType<import("element-plus/es/utils/index").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
@@ -65,6 +68,11 @@ export declare const virtualTableProps: {
         default: boolean;
     };
     showOverflowTooltip: import("vue").PropType<boolean | Partial<Pick<import("element-plus").ElTooltipProps, "offset" | "effect" | "placement" | "popperOptions" | "popperClass" | "showArrow" | "enterable" | "showAfter" | "hideAfter">> | undefined>;
+    emptyText: StringConstructor;
+    indent: {
+        type: NumberConstructor;
+        default: number;
+    };
     showHeader: {
         type: BooleanConstructor;
         default: boolean;
@@ -82,7 +90,6 @@ export declare const virtualTableProps: {
     headerCellStyle: import("vue").PropType<import("element-plus/es/components/table/src/table/defaults").CellStyle<any> | undefined>;
     highlightCurrentRow: BooleanConstructor;
     currentRowKey: (StringConstructor | NumberConstructor)[];
-    emptyText: StringConstructor;
     expandRowKeys: import("vue").PropType<any[] | undefined>;
     defaultExpandAll: BooleanConstructor;
     defaultSort: import("vue").PropType<import("element-plus/es/components/table/src/table/defaults").Sort | undefined>;
@@ -101,10 +108,6 @@ export declare const virtualTableProps: {
         type: BooleanConstructor;
         default: boolean;
     };
-    indent: {
-        type: NumberConstructor;
-        default: number;
-    };
     treeProps: {
         type: import("vue").PropType<{
             hasChildren?: string | undefined;
@@ -145,4 +148,6 @@ export declare const virtualTableEmits: {
     currentChange: (_current?: import("../ele-data-table/types").DataItem | null | undefined, _old?: import("../ele-data-table/types").DataItem | null | undefined) => boolean;
     headerDragend: (_width: number, _old: number, _column: import("../ele-data-table/types").Column, _e: MouseEvent) => boolean;
     expandChange: (_row: import("../ele-data-table/types").DataItem, _expanded: boolean) => boolean;
+    'update:currentRowKey': (_currentRowKey?: import("../ele-data-table/types").DataKey | undefined) => boolean;
+    'update:selectedRowKeys': (_selectedRowKeys?: import("../ele-data-table/types").DataKey[] | undefined) => boolean;
 };

package/lib/ele-virtual-table/style/index.scss

@@ -64,8 +64,8 @@
       position: relative;
       overflow: visible;
       background: none;
-      padding: none;
       border: none;
+      padding: 0;
     }
   }
 

package/lib/ele-virtual-table/types/index.d.ts

@@ -1,7 +1,7 @@
 import type { VNode } from 'vue';
 import type { Column as TableV2Column, ExtractRowPropGetter, RowExpandHandler, SortBy, HeaderClassNameGetter, ExtractHeaderPropGetter } from 'element-plus/es/components/table-v2';
 import type { ScrollStrategy, ScrollPos } from 'element-plus/es/components/table-v2/src/composables/use-scrollbar';
-import type { ElTableV2Props } from '../../ele-app/types';
+import type { ElTableV2Props, EleTooltipProps } from '../../ele-app/types';
 import type { DataKey, DataItem, Column, FilterValue } from '../../ele-data-table/types';
 export { RowExpandHandler, ScrollStrategy, SortBy, ScrollPos };
 /**
@@ -84,10 +84,14 @@ export type HeaderRowPropsFunction = ExtractHeaderPropGetter<DataItem>;
  * 表格状态
  */
 export interface TableState {
-    /** 单选选中行数据 */
-    current?: DataItem | null;
-    /** 多选选中行数据 */
-    selected: Map<DataKey, DataItem>;
+    /** 单选选中数据 */
+    row?: DataItem;
+    /** 单选上次选中数据 */
+    oldRow?: DataItem;
+    /** 多选选中数据 */
+    checked: Map<DataKey, DataItem>;
+    /** 多选选中是否保留不存在的数据 */
+    reserveChecked: boolean;
     /** 表格垂直滚动位置 */
     scrollTop: number;
 }
@@ -155,3 +159,7 @@ export interface SumCol extends ColSize {
     /** 是否是第一个右侧固定列 */
     isFixedRightFirst?: boolean;
 }
+/**
+ * 表格提示属性
+ */
+export type TableTooltipProps = Pick<EleTooltipProps, 'placement' | 'trigger' | 'offset' | 'hideAfter' | 'content' | 'virtualRef' | 'virtualTriggering' | 'disabled' | 'visible' | 'teleported' | 'transition'>;

package/lib/ele-virtual-table/util.d.ts

@@ -96,6 +96,21 @@ export declare function getTableColumns(bodyCols: BodyColumns, colSizes: ColSize
  * @param selectable 控制行是否可选中的方法
  */
 export declare function transformTableData(data: DataItem[] | undefined, hasExpandCol: boolean, childrenName: string, rowKey: RowKey, selectable?: RowSelectable | null): DataItem[];
+/**
+ * 获取值对应的数据
+ * @param key 值
+ * @param data 表格数据
+ * @param rowKey 数据值字段名
+ * @param childrenField 子级字段名
+ */
+export declare function getRowByKey(key: DataKey, data: DataItem[], rowKey?: RowKey, childrenField?: string): DataItem | undefined;
+/**
+ * 获取平铺后的数据值和数据
+ * @param data 表格数据
+ * @param rowKey 数据值字段名
+ * @param childrenField 子级字段名
+ */
+export declare function getKeysAndList(data?: DataItem[], rowKey?: RowKey, childrenField?: string): [DataKey[], DataItem[]];
 /**
  * 判断是否自适应行高
  * @param hasExpandCol 是否有展开行
@@ -147,7 +162,7 @@ export declare function getColFiltered(col?: Column, filtered?: Filter): FilterV
  * 获取判断多选是否可选择的方法
  * @param cols 列配置
  */
-export declare function getSelectableFunc(cols: BodyColumns): ((row: any, index: number) => boolean) | null | undefined;
+export declare function getSelectableFunction(cols: BodyColumns): ((row: any, index: number) => boolean) | null | undefined;
 /**
  * 获取嵌套数据配置项
  * @param treeProps 嵌套数据配置项
@@ -185,16 +200,3 @@ export declare function useAutoResize(getEl: () => HTMLElement | null): {
     wrapHeight: import("vue").Ref<number>;
     updateWrapSize: () => void;
 };
-/**
- * 表格状态数据管理
- */
-export declare function useState(): {
-    getCurrent: () => DataItem | null | undefined;
-    setCurrent: (row?: DataItem | null) => void;
-    getSelected: () => DataItem[];
-    addSelected: (key: DataKey, row: DataItem) => void;
-    removeSelected: (key: DataKey) => void;
-    clearSelected: () => void;
-    getScrollTop: () => number;
-    cacheScrollTop: (top: number) => void;
-};

package/lib/ele-virtual-table/util.js

@@ -283,6 +283,28 @@ function transformTableData(data, hasExpandCol, childrenName, rowKey, selectable
     childrenName
   );
 }
+function getRowByKey(key, data, rowKey, childrenField) {
+  if (rowKey == null) {
+    return core.findTree(data, (d) => d._rowKey === key && !d._isExpandRow);
+  }
+  return core.findTree(data, (d) => util.getValue(d, rowKey) === key, childrenField);
+}
+function getKeysAndList(data, rowKey, childrenField) {
+  const keys = [];
+  const list = [];
+  core.eachTree(
+    data,
+    (d) => {
+      const flag = rowKey == null;
+      if (!flag || !d._isExpandRow) {
+        keys.push(flag ? d._rowKey : util.getValue(d, rowKey));
+        list.push(d);
+      }
+    },
+    childrenField
+  );
+  return [keys, list];
+}
 function isAutoRowHeight(hasExpandCol, bodyCols, showOverflowTooltip) {
   if (hasExpandCol) {
     return true;
@@ -377,7 +399,7 @@ function getColFiltered(col, filtered) {
   }
   return filtered[key] ?? col.filteredValue;
 }
-function getSelectableFunc(cols) {
+function getSelectableFunction(cols) {
   for (let i = 0; i < cols.length; i++) {
     const c = cols[i].originalCol;
     if (c && c.type === "selection") {
@@ -500,47 +522,6 @@ function useAutoResize(getEl) {
   });
   return { wrapWidth, wrapHeight, updateWrapSize };
 }
-function useState() {
-  const state = {
-    current: null,
-    selected: /* @__PURE__ */ new Map(),
-    scrollTop: 0
-  };
-  const getCurrent = () => {
-    return state.current;
-  };
-  const setCurrent = (row) => {
-    state.current = row == null ? null : row;
-  };
-  const getSelected = () => {
-    return Array.from(state.selected.values());
-  };
-  const addSelected = (key, row) => {
-    state.selected.set(key, row);
-  };
-  const removeSelected = (key) => {
-    state.selected.delete(key);
-  };
-  const clearSelected = () => {
-    state.selected.clear();
-  };
-  const getScrollTop = () => {
-    return state.scrollTop;
-  };
-  const cacheScrollTop = (top) => {
-    state.scrollTop = top;
-  };
-  return {
-    getCurrent,
-    setCurrent,
-    getSelected,
-    addSelected,
-    removeSelected,
-    clearSelected,
-    getScrollTop,
-    cacheScrollTop
-  };
-}
 exports.CellRender = CellRender;
 exports.analyseColumns = analyseColumns;
 exports.cellIsOverflow = cellIsOverflow;
@@ -556,10 +537,12 @@ exports.getColWidth = getColWidth;
 exports.getColumnByKey = getColumnByKey;
 exports.getDefaultFiltered = getDefaultFiltered;
 exports.getDefaultSort = getDefaultSort;
+exports.getKeysAndList = getKeysAndList;
 exports.getNumberSize = getNumberSize;
 exports.getOrderValue = getOrderValue;
+exports.getRowByKey = getRowByKey;
 exports.getRowHeight = getRowHeight;
-exports.getSelectableFunc = getSelectableFunc;
+exports.getSelectableFunction = getSelectableFunction;
 exports.getSortBy = getSortBy;
 exports.getSortOrder = getSortOrder;
 exports.getSumValue = getSumValue;
@@ -569,4 +552,3 @@ exports.getTreeProps = getTreeProps;
 exports.isAutoRowHeight = isAutoRowHeight;
 exports.transformTableData = transformTableData;
 exports.useAutoResize = useAutoResize;
-exports.useState = useState;

package/lib/ele-watermark/index.d.ts

@@ -15,7 +15,6 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     rootKey: Ref<number>;
     rootRef: Ref<HTMLDivElement | null>;
-    imgKey: Ref<number>;
     imgRef: Ref<HTMLDivElement | null>;
     imgStyle: Ref<Partial<import("vue").CSSProperties>>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{

package/lib/ele-watermark/index.js

@@ -15,20 +15,15 @@ const _sfc_main = vue.defineComponent({
         disconnect();
         rootKey.value = rootKey.value + 1;
         vue.nextTick(() => {
-          observe();
+          render();
         });
       },
       onDalsified: () => {
-        disconnect();
-        imgKey.value = imgKey.value + 1;
-        vue.nextTick(() => {
-          observe();
-        });
+        render();
       }
     });
     const rootKey = vue.ref(1);
     const rootRef = vue.ref(null);
-    const imgKey = vue.ref(1);
     const imgRef = vue.ref(null);
     const imgStyle = vue.ref({ display: "none" });
     const updateStyle = (base64, size) => {
@@ -54,7 +49,7 @@ const _sfc_main = vue.defineComponent({
         maxHeight: "none !important",
         zoom: "1 !important",
         display: "block !important",
-        ...props2.customStyle
+        ...props2.customStyle || {}
       };
       if (!base64) {
         style.display = "none !important";
@@ -66,10 +61,15 @@ const _sfc_main = vue.defineComponent({
         style.zIndex = `${props2.zIndex ?? 2147483647} !important`;
       }
       disconnect();
-      imgStyle.value = style;
-      vue.nextTick(() => {
+      if (imgRef.value && imgRef.value.style && imgRef.value.style.cssText) {
+        imgRef.value.style.cssText = util.joinStyle(style);
         observe();
-      });
+      } else {
+        imgStyle.value = style;
+        vue.nextTick(() => {
+          observe();
+        });
+      }
     };
     const getDefaultWidth = (ctx) => {
       if (props2.image || !ctx.measureText) {
@@ -186,7 +186,7 @@ const _sfc_main = vue.defineComponent({
       },
       { deep: true }
     );
-    return { rootKey, rootRef, imgKey, imgRef, imgStyle };
+    return { rootKey, rootRef, imgRef, imgStyle };
   }
 });
 const _export_sfc = (sfc, props2) => {
@@ -204,8 +204,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   }, [
     vue.renderSlot(_ctx.$slots, "default"),
     !_ctx.disabled ? (vue.openBlock(), vue.createElementBlock("div", {
+      key: 0,
       ref: "imgRef",
-      key: _ctx.imgKey,
       style: vue.normalizeStyle(_ctx.imgStyle)
     }, null, 4)) : vue.createCommentVNode("", true)
   ], 4);

package/lib/ele-watermark/util.d.ts

@@ -1,3 +1,4 @@
+import type { StyleValue } from '../ele-app/types';
 import type { WatermarkGap, WatermarkFont, MutationOption } from './types';
 /**
  * 获取文字样式
@@ -15,6 +16,11 @@ export declare function getPixelRatio(): number;
  * 旋转水印
  */
 export declare function rotateWatermark(ctx: CanvasRenderingContext2D, rotateX: number, rotateY: number, rotate: number): void;
+/**
+ * 样式对象转字符串
+ * @param style 样式
+ */
+export declare function joinStyle(style: StyleValue): string;
 /**
  * 水印篡改观测
  */

package/lib/ele-watermark/util.js

@@ -23,6 +23,13 @@ function rotateWatermark(ctx, rotateX, rotateY, rotate) {
   ctx.rotate(Math.PI / 180 * Number(rotate));
   ctx.translate(-rotateX, -rotateY);
 }
+function joinStyle(style) {
+  const result = Object.keys(style).map((key) => {
+    const name = key.replace(/([A-Z])/g, " $1").trim().split(" ").join("-").toLowerCase();
+    return `${name}:${style[key]}`;
+  });
+  return result.join(";");
+}
 function useMutation(option) {
   const { getRoot, getEl, onDeleted, onDalsified } = option;
   const deletedObserver = new MutationObserver((mutations) => {
@@ -58,5 +65,6 @@ function useMutation(option) {
 exports.getFont = getFont;
 exports.getGap = getGap;
 exports.getPixelRatio = getPixelRatio;
+exports.joinStyle = joinStyle;
 exports.rotateWatermark = rotateWatermark;
 exports.useMutation = useMutation;

package/lib/style/index.scss

@@ -39,5 +39,6 @@
 @use '../ele-toolbar/style/index.scss' as toolbar;
 @use '../ele-tooltip/style/index.scss' as tooltip;
 @use '../ele-tour/style/index.scss' as tour;
+@use '../ele-tree-select/style/index.scss' as treeSelect;
 @use '../ele-upload-list/style/index.scss' as uploadList;
 @use '../ele-virtual-table/style/index.scss' as virtualTable;

package/lib/style/themes/dark.scss

@@ -77,6 +77,9 @@ $ele-dark: map.deep-merge(
       'bg': '#383838',
       'shadow': 0 0 8px 0 rgba(0, 0, 0, 0.28),
       'arrow-shadow': 0 0 8px 0 rgba(0, 0, 0, 0.28)
+    ),
+    'tag': (
+      'info-bg': elVar('color-info', 'light-8')
     )
   ),
   $ele-dark

package/lib/style/themes/default.scss

@@ -167,7 +167,9 @@ $ele: map.deep-merge(
       'header-font-size': elVar('font-size', 'medium'),
       'header-line-height': 24px,
       'header-font-weight': normal,
-      'header-border': 1px solid elVar('border-color', 'light')
+      'header-border': 1px solid elVar('border-color', 'light'),
+      'footer-padding': 14px 24px,
+      'footer-border': 1px solid elVar('border-color', 'light')
     ),
     'check-card': (
       // 可选卡片
@@ -262,8 +264,6 @@ $ele: map.deep-merge(
     'icon': (
       // 图标选择器
       'header-padding': 0 12px,
-      'search-width': 120px,
-      'search-padding': 8px 0,
       'tab-height': 42px,
       'tab-space': 16px,
       'tab-padding': 0 2px,
@@ -746,6 +746,25 @@ $ele: map.deep-merge(
       'even-bg': elVar('fill-color', 'light'),
       'mobile-space': 16px
     ),
+    'tree-select': (
+      // 下拉树选择
+      'padding': 6px 0,
+      'item-height': 32px,
+      'item-line-height': 20px,
+      'item-margin': 0,
+      'item-padding': 0 16px,
+      'item-radius': 0,
+      'item-active-color': elVar('color-primary'),
+      'item-active-weight': bold,
+      'item-active-bg': elVar('color-primary', 'light-9'),
+      'item-active-hover-bg': elVar('color-primary', 'light-8'),
+      'item-disabled-color': elVar('disabled', 'text-color'),
+      'expand-size': 12px,
+      'expand-padding': 4px,
+      'expand-margin': 0 2px 0 4px,
+      'expand-radius': elVar('border-radius', 'small'),
+      'expand-hover-bg': transparent
+    ),
     'popper': (
       // 底层气泡
       'bg': elVar('bg-color', 'overlay'),
@@ -887,6 +906,7 @@ $ele: map.deep-merge(
       'font-size': elVar('font-size', 'base'),
       'size': 15px,
       'radius': 50%,
+      'space': 16px,
       'bg': elVar('bg-color'),
       'border': 1px solid elVar('border-color'),
       'hover-border': 1px solid elVar('color-primary'),
@@ -917,6 +937,7 @@ $ele: map.deep-merge(
       'font-size': elVar('font-size', 'base'),
       'size': 16px,
       'radius': elVar('border-radius', 'small'),
+      'space': 16px,
       'bg': elVar('bg-color'),
       'border': 1px solid elVar('border-color'),
       'hover-border': 1px solid elVar('color-primary'),
@@ -940,6 +961,125 @@ $ele: map.deep-merge(
       'lg-icon-height': eleVar('checkbox', 'icon-height'),
       'lg-icon-left': eleVar('checkbox', 'icon-left')
     ),
+    'tag': (
+      // 标签
+      'size': 13px,
+      'height': 24px,
+      'padding': 0 8px,
+      'radius': elVar('border-radius', 'small'),
+      'close-size': 14px,
+      'close-padding': 0,
+      'close-margin': 0 -4px 0 2px,
+      'close-radius': 3px,
+      'color': elVar('color-primary'),
+      'bg': elVar('color-primary', 'light-9'),
+      'border-color': elVar('color-primary', 'light-7'),
+      'close-color': elVar('color-primary'),
+      'close-hover-color': elVar('color-primary'),
+      'close-hover-bg': transparent,
+      'info-color': elVar('text-color', 'regular'),
+      'info-bg': elVar('color-info', 'light-9'),
+      'info-border-color': elVar('border-color'),
+      'info-close-color': elVar('text-color', 'secondary'),
+      'info-close-hover-color': elVar('text-color', 'primary'),
+      'info-close-hover-bg': transparent,
+      'success-color': elVar('color-success'),
+      'success-bg': elVar('color-success', 'light-9'),
+      'success-border-color': elVar('color-success', 'light-7'),
+      'success-close-color': elVar('color-success'),
+      'success-close-hover-color': elVar('color-success'),
+      'success-close-hover-bg': transparent,
+      'warning-color': elVar('color-warning'),
+      'warning-bg': elVar('color-warning', 'light-9'),
+      'warning-border-color': elVar('color-warning', 'light-7'),
+      'warning-close-color': elVar('color-warning'),
+      'warning-close-hover-color': elVar('color-warning'),
+      'warning-close-hover-bg': transparent,
+      'danger-color': elVar('color-error'),
+      'danger-bg': elVar('color-error', 'light-9'),
+      'danger-border-color': elVar('color-error', 'light-7'),
+      'danger-close-color': elVar('color-error'),
+      'danger-close-hover-color': elVar('color-error'),
+      'danger-close-hover-bg': transparent
+    ),
+    'tag-sm': (
+      // 标签小尺寸
+      'size': 12px,
+      'height': 20px,
+      'padding': 0 4px,
+      'radius': elVar('border-radius', 'small'),
+      'close-size': 13px,
+      'close-padding': 0,
+      'close-margin': 0 -2px 0 2px,
+      'close-radius': 2px
+    ),
+    'tag-lg': (
+      // 标签大尺寸
+      'size': 14px,
+      'height': 32px,
+      'padding': 0 12px,
+      'radius': elVar('border-radius', 'base'),
+      'close-size': 15px,
+      'close-padding': 2px,
+      'close-margin': 0 -8px 0 4px,
+      'close-radius': 4px
+    ),
+    'tag-dark': (
+      // 标签暗色风格
+      'color': #fff,
+      'bg': elVar('color-primary'),
+      'close-color': #fff,
+      'close-hover-color': #fff,
+      'close-hover-bg': transparent,
+      'info-color': elVar('text-color', 'primary'),
+      'info-bg': elVar('color-info', 'light-7'),
+      'info-close-color': elVar('text-color', 'secondary'),
+      'info-close-hover-color': elVar('text-color', 'primary'),
+      'info-close-hover-bg': transparent,
+      'success-color': #fff,
+      'success-bg': elVar('color-success'),
+      'success-close-color': #fff,
+      'success-close-hover-color': #fff,
+      'success-close-hover-bg': transparent,
+      'warning-color': #fff,
+      'warning-bg': elVar('color-warning'),
+      'warning-close-color': #fff,
+      'warning-close-hover-color': #fff,
+      'warning-close-hover-bg': transparent,
+      'danger-color': #fff,
+      'danger-bg': elVar('color-error'),
+      'danger-close-color': #fff,
+      'danger-close-hover-color': #fff,
+      'danger-close-hover-bg': transparent
+    ),
+    'tag-plain': (
+      // 标签朴素风格
+      'color': elVar('color-primary'),
+      'border-color': elVar('color-primary'),
+      'close-color': elVar('color-primary'),
+      'close-hover-color': elVar('color-primary'),
+      'close-hover-bg': transparent,
+      'info-color': elVar('text-color', 'regular'),
+      'info-border-color': elVar('color-info', 'light-3'),
+      'info-close-color': elVar('text-color', 'secondary'),
+      'info-close-hover-color': elVar('text-color', 'primary'),
+      'info-close-hover-bg': transparent,
+      'success-color': elVar('color-success'),
+      'success-border-color': elVar('color-success'),
+      'success-close-color': elVar('color-success'),
+      'success-close-hover-color': elVar('color-success'),
+      'success-close-hover-bg': transparent,
+      'warning-color': elVar('color-warning'),
+      'warning-border-color': elVar('color-warning'),
+      'warning-close-color': elVar('color-warning'),
+      'warning-close-hover-color': elVar('color-warning'),
+      'warning-close-hover-bg': transparent,
+      'danger-color': elVar('color-error'),
+      'danger-border-color': elVar('color-error'),
+      'danger-close-color': elVar('color-error'),
+      'danger-close-hover-color': elVar('color-error'),
+      'danger-close-hover-bg': transparent
+    ),
     'image-viewer': (
       // 图片预览
       'tool-bg': hsla(0, 0%, 28%, 0.6)

package/lib/style/themes/rounded.scss

@@ -186,6 +186,13 @@ $ele-rounded: map.deep-merge(
     'toolbar': (
       'radius': $radius-large
     ),
+    'tree-select': (
+      'padding': 6px 4px,
+      'item-margin': 2px,
+      'item-padding': 0 12px,
+      'item-radius': elVar('border-radius', 'small'),
+      'expand-hover-bg': hsla(0, 0%, 60%, 0.15)
+    ),
     'popper': (
       'radius': $radius-large
     ),
@@ -221,6 +228,27 @@ $ele-rounded: map.deep-merge(
       'radius': $radius-large,
       'close-hover-bg': elVar('fill-color', 'light')
     ),
+    'tag': (
+      'close-hover-bg': elVar('color-primary', 'light-8'),
+      'info-close-hover-bg': hsla(0, 0%, 60%, 0.25),
+      'success-close-hover-bg': elVar('color-success', 'light-8'),
+      'warning-close-hover-bg': elVar('color-warning', 'light-8'),
+      'danger-close-hover-bg': elVar('color-error', 'light-8')
+    ),
+    'tag-dark': (
+      'close-hover-bg': rgba(255, 255, 255, 0.2),
+      'info-close-hover-bg': hsla(0, 0%, 60%, 0.25),
+      'success-close-hover-bg': rgba(255, 255, 255, 0.2),
+      'warning-close-hover-bg': rgba(255, 255, 255, 0.2),
+      'danger-close-hover-bg': rgba(255, 255, 255, 0.2)
+    ),
+    'tag-plain': (
+      'close-hover-bg': elVar('color-primary', 'light-8'),
+      'info-close-hover-bg': hsla(0, 0%, 60%, 0.25),
+      'success-close-hover-bg': elVar('color-success', 'light-8'),
+      'warning-close-hover-bg': elVar('color-warning', 'light-8'),
+      'danger-close-hover-bg': elVar('color-error', 'light-8')
+    ),
     'descriptions': (
       'radius': $radius-large
     ),

package/lib/style/themes/theme-util.scss

@@ -27,15 +27,14 @@
 @use '../../ele-tool/style/css-var.scss' as *;
 @use '../../ele-toolbar/style/css-var.scss' as *;
 @use '../../ele-tooltip/style/css-var.scss' as *;
+@use '../../ele-tree-select/style/css-var.scss' as *;
 @use '../../ele-virtual-table/style/css-var.scss' as *;
 
 /* 生成主题的 css 变量 */
 @mixin set-theme-var($selector, $var) {
   #{$selector} {
     @include set-alert-var($var);
-    @include set-scrollbar-var($var);
-    @include set-message-var($var);
-    @include set-overwrite-var($var);
+    @include set-app-var($var);
     @include set-bottom-bar-var($var);
     @include set-card-var($var);
     @include set-check-card-var($var);
@@ -63,6 +62,7 @@
     @include set-tool-var($var);
     @include set-toolbar-var($var);
     @include set-tooltip-var($var);
+    @include set-tree-select-var($var);
     @include set-virtual-table-var($var);
   }
 }

package/lib/utils/core.d.ts

@@ -26,7 +26,7 @@ export interface ToTreeOption<T> {
  */
 export declare function toTree<T>(option: ToTreeOption<T>): T[];
 /**
- * 遍历 children 形式数据
+ * 遍历树形形式数据
  * @param data 需要遍历的数据
  * @param callback 回调
  * @param childrenField children 字段名
@@ -40,6 +40,13 @@ export declare function eachTree<T>(data?: T[], callback?: (item: T, index: numb
  * @param resultChildrenField 格式化后的 children 字段名
  */
 export declare function mapTree<T, U>(data: T[] | undefined | null, formatter: (item: T, index?: number, parent?: U) => U | void | undefined, childrenField?: string, resultChildrenField?: string, parent?: U): U[];
+/**
+ * 查找树形数据
+ * @param data 数据
+ * @param predicate 查找条件
+ * @param childrenField children 字段名
+ */
+export declare function findTree<T>(data: T[] | undefined, predicate: (value: T, index: number) => unknown, childrenField?: string): T | undefined;
 /**
  * 生成随机字符串
  * @param length 长度