ele-admin-plus 1.1.6-beta.2 → 1.1.6-beta.4

package/es/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;
@@ -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/es/ele-virtual-table/style/index.scss

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

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

@@ -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;
 }

package/es/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/es/ele-virtual-table/util.js

@@ -1,6 +1,6 @@
 import { ref, onMounted, onBeforeMount, onActivated, onDeactivated } from "vue";
 import { TableV2SortOrder } from "element-plus";
-import { omit, mapTree, eachTree, getCurrentStyle, debounce } from "../utils/core";
+import { omit, mapTree, findTree, eachTree, getCurrentStyle, debounce } from "../utils/core";
 import { getColFixedNumber, getValue } from "../ele-data-table/util";
 function getRowHeight(size, rowHeight) {
   if (rowHeight != null && rowHeight > 0) {
@@ -281,6 +281,28 @@ function transformTableData(data, hasExpandCol, childrenName, rowKey, selectable
     childrenName
   );
 }
+function getRowByKey(key, data, rowKey, childrenField) {
+  if (rowKey == null) {
+    return findTree(data, (d) => d._rowKey === key && !d._isExpandRow);
+  }
+  return findTree(data, (d) => getValue(d, rowKey) === key, childrenField);
+}
+function getKeysAndList(data, rowKey, childrenField) {
+  const keys = [];
+  const list = [];
+  eachTree(
+    data,
+    (d) => {
+      const flag = rowKey == null;
+      if (!flag || !d._isExpandRow) {
+        keys.push(flag ? d._rowKey : getValue(d, rowKey));
+        list.push(d);
+      }
+    },
+    childrenField
+  );
+  return [keys, list];
+}
 function isAutoRowHeight(hasExpandCol, bodyCols, showOverflowTooltip) {
   if (hasExpandCol) {
     return true;
@@ -375,7 +397,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") {
@@ -498,47 +520,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
-  };
-}
 export {
   CellRender,
   analyseColumns,
@@ -555,10 +536,12 @@ export {
   getColumnByKey,
   getDefaultFiltered,
   getDefaultSort,
+  getKeysAndList,
   getNumberSize,
   getOrderValue,
+  getRowByKey,
   getRowHeight,
-  getSelectableFunc,
+  getSelectableFunction,
   getSortBy,
   getSortOrder,
   getSumValue,
@@ -567,6 +550,5 @@ export {
   getTreeProps,
   isAutoRowHeight,
   transformTableData,
-  useAutoResize,
-  useState
+  useAutoResize
 };

package/es/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/es/ele-watermark/index.js

@@ -1,5 +1,5 @@
 import { defineComponent, nextTick, ref, onMounted, watch, openBlock, createElementBlock, normalizeStyle, renderSlot, createCommentVNode } from "vue";
-import { useMutation, getFont, getPixelRatio, getGap, rotateWatermark } from "./util";
+import { useMutation, getFont, getPixelRatio, getGap, rotateWatermark, joinStyle } from "./util";
 import { watermarkProps } from "./props";
 const SIZE = 2;
 const GAP = 3;
@@ -14,20 +14,15 @@ const _sfc_main = defineComponent({
         disconnect();
         rootKey.value = rootKey.value + 1;
         nextTick(() => {
-          observe();
+          render();
         });
       },
       onDalsified: () => {
-        disconnect();
-        imgKey.value = imgKey.value + 1;
-        nextTick(() => {
-          observe();
-        });
+        render();
       }
     });
     const rootKey = ref(1);
     const rootRef = ref(null);
-    const imgKey = ref(1);
     const imgRef = ref(null);
     const imgStyle = ref({ display: "none" });
     const updateStyle = (base64, size) => {
@@ -53,7 +48,7 @@ const _sfc_main = defineComponent({
         maxHeight: "none !important",
         zoom: "1 !important",
         display: "block !important",
-        ...props.customStyle
+        ...props.customStyle || {}
       };
       if (!base64) {
         style.display = "none !important";
@@ -65,10 +60,15 @@ const _sfc_main = defineComponent({
         style.zIndex = `${props.zIndex ?? 2147483647} !important`;
       }
       disconnect();
-      imgStyle.value = style;
-      nextTick(() => {
+      if (imgRef.value && imgRef.value.style && imgRef.value.style.cssText) {
+        imgRef.value.style.cssText = joinStyle(style);
         observe();
-      });
+      } else {
+        imgStyle.value = style;
+        nextTick(() => {
+          observe();
+        });
+      }
     };
     const getDefaultWidth = (ctx) => {
       if (props.image || !ctx.measureText) {
@@ -185,7 +185,7 @@ const _sfc_main = defineComponent({
       },
       { deep: true }
     );
-    return { rootKey, rootRef, imgKey, imgRef, imgStyle };
+    return { rootKey, rootRef, imgRef, imgStyle };
   }
 });
 const _export_sfc = (sfc, props) => {
@@ -203,8 +203,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   }, [
     renderSlot(_ctx.$slots, "default"),
     !_ctx.disabled ? (openBlock(), createElementBlock("div", {
+      key: 0,
       ref: "imgRef",
-      key: _ctx.imgKey,
       style: normalizeStyle(_ctx.imgStyle)
     }, null, 4)) : createCommentVNode("", true)
   ], 4);

package/es/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/es/ele-watermark/util.js

@@ -21,6 +21,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) => {
@@ -57,6 +64,7 @@ export {
   getFont,
   getGap,
   getPixelRatio,
+  joinStyle,
   rotateWatermark,
   useMutation
 };

package/es/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/es/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/es/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,11 @@ $ele: map.deep-merge(
       'even-bg': elVar('fill-color', 'light'),
       'mobile-space': 16px
     ),
+    'tree-select': (
+      // 下拉树选择
+      'padding': 6px 0,
+      'item-disabled-color': elVar('disabled', 'text-color')
+    ),
     'popper': (
       // 底层气泡
       'bg': elVar('bg-color', 'overlay'),
@@ -887,6 +892,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 +923,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'),
@@ -933,12 +940,148 @@ $ele: map.deep-merge(
       'sm-icon-width': 4.5px,
       'sm-icon-height': 7px,
       'sm-icon-left': 24.5%,
-      'lg-font-size': eleVar('checkbox', 'font-size'),
-      'lg-size': eleVar('checkbox', 'size'),
-      'lg-radius': eleVar('checkbox', 'radius'),
-      'lg-icon-width': eleVar('checkbox', 'icon-width'),
-      'lg-icon-height': eleVar('checkbox', 'icon-height'),
-      'lg-icon-left': eleVar('checkbox', 'icon-left')
+      'lg-font-size': elVar('font-size', 'base'),
+      'lg-size': 16px,
+      'lg-radius': elVar('border-radius', 'small'),
+      'lg-icon-width': 5.7142857142857135px,
+      'lg-icon-height': 9.142857142857142px,
+      'lg-icon-left': 21.5%
+    ),
+    '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
+    ),
+    'tree': (
+      // 树
+      'item-height': 30px,
+      'item-line-height': 16px,
+      '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'),
+      'expand-size': 12px,
+      'expand-padding': 3px,
+      'expand-margin': 0 2px 0 4px,
+      'expand-radius': elVar('border-radius', 'small'),
+      'expand-hover-bg': transparent
     ),
     'image-viewer': (
       // 图片预览

package/es/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,33 @@ $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')
+    ),
+    'tree': (
+      'item-margin': 2px,
+      'item-padding': 0 12px,
+      'item-radius': elVar('border-radius', 'small'),
+      'expand-hover-bg': hsla(0, 0%, 60%, 0.15)
+    ),
     'descriptions': (
       'radius': $radius-large
     ),

package/es/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/es/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 长度