ele-admin-plus 1.1.9-beta.6 → 1.1.9-beta.7

package/es/ele-pro-layout/components/pro-sidebox.js

@@ -28,7 +28,11 @@ const _sfc_main = defineComponent({
     /** 菜单标题插槽名称 */
     titleSlot: String,
     /** 菜单图标插槽名称 */
-    iconSlot: String
+    iconSlot: String,
+    /** 是否开启菜单文本溢出提示 */
+    menuTextEllipsisTooltip: Boolean,
+    /** 菜单文本溢出提示属性 */
+    menuTextEllipsisTooltipProps: Object
   },
   emits: {
     itemClick: (_item, _e) => true,
@@ -113,6 +117,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           collapseTransition: false,
           firstPopperClass: "ele-admin-sidebox-popup",
           tooltipDisabled: !_ctx.compact,
+          textEllipsisTooltip: _ctx.menuTextEllipsisTooltip,
+          textEllipsisTooltipProps: _ctx.menuTextEllipsisTooltipProps,
           onItemClick: _ctx.onItemClick,
           onItemMouseenter: _ctx.onItemMouseenter,
           onItemMouseleave: _ctx.onItemMouseleave
@@ -131,7 +137,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             ]),
             key: "1"
           } : void 0
-        ]), 1032, ["items", "theme", "popupColorful", "collapse", "defaultActive", "popperEffect", "tooltipDisabled", "onItemClick", "onItemMouseenter", "onItemMouseleave"])) : createCommentVNode("", true)
+        ]), 1032, ["items", "theme", "popupColorful", "collapse", "defaultActive", "popperEffect", "tooltipDisabled", "textEllipsisTooltip", "textEllipsisTooltipProps", "onItemClick", "onItemMouseenter", "onItemMouseleave"])) : createCommentVNode("", true)
       ]),
       _: 3
     }, 512),

package/es/ele-pro-layout/index.d.ts

@@ -60,20 +60,20 @@ declare const _default: import("vue").DefineComponent<{
     sidebarStyle: {
         type: import("vue").PropType<import("./types").SidebarStyle>;
         default: string;
-    };
+    }; /** 面包屑数据 */
     tabStyle: {
         type: import("vue").PropType<import("./types").TabStyle>;
-        default: string; /** 页签数据 */
-    }; /** 页签数据 */
+        default: string;
+    };
     fixedHeader: {
-        type: BooleanConstructor;
+        type: BooleanConstructor; /** 页签选中 */
         default: boolean;
     };
     fixedSidebar: BooleanConstructor;
     fixedBody: BooleanConstructor;
     fluid: {
-        type: BooleanConstructor;
-        default: boolean; /** 顶栏菜单数据 */
+        type: BooleanConstructor; /** 顶栏菜单数据 */
+        default: boolean;
     };
     logoInHeader: BooleanConstructor;
     colorfulIcon: BooleanConstructor;
@@ -89,28 +89,27 @@ declare const _default: import("vue").DefineComponent<{
     };
     homePath: StringConstructor;
     redirectPath: {
-        /** 侧栏是否隐藏 */
         type: StringConstructor;
         default: string;
     };
     locale: StringConstructor;
-    i18n: import("vue").PropType<import("./types").MenuI18n>; /** 页脚是否隐藏 */
-    sidebarOpeneds: import("vue").PropType<string[]>; /** 主页地址 */
+    i18n: import("vue").PropType<import("./types").MenuI18n>;
+    sidebarOpeneds: import("vue").PropType<string[]>;
     tabContextMenu: import("vue").PropType<boolean | import("../ele-app/plus").EleDropdownProps>;
     tabContextMenus: import("vue").PropType<import("../ele-tabs/types").ContextMenus>;
-    tabSortable: BooleanConstructor; /** 水印文本 */
+    tabSortable: BooleanConstructor;
     autoScrollTop: {
         type: BooleanConstructor;
-        default: boolean;
-    };
+        default: boolean; /** 是否顶栏导航布局 */
+    }; /** 是否顶栏导航布局 */
     headerTitleSlot: {
         type: StringConstructor;
-        default: string;
-    };
+        default: string; /** 是否混合导航布局 */
+    }; /** 是否混合导航布局 */
     headerIconSlot: {
         type: StringConstructor;
         default: string;
-    };
+    }; /** 是否双侧栏布局 */
     sidebarTitleSlot: {
         type: StringConstructor;
         default: string;
@@ -128,10 +127,16 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
     tooltipEffect: import("vue").PropType<import("element-plus/es/utils/index").EpPropMergeType<StringConstructor, "light" | "dark", unknown> | undefined>;
-    navTrigger: import("vue").PropType<import("./types").MenuItemTrigger>;
+    navTrigger: import("vue").PropType<import("./types").MenuItemTrigger>; /** 布局类名 */
     boxTrigger: import("vue").PropType<import("./types").MenuItemTrigger>;
     itemTrigger: import("vue").PropType<import("./types").MenuItemTrigger>;
     beforeClick: import("vue").PropType<import("./types").BeforeClick>;
+    menuHoverTimeout: {
+        type: NumberConstructor;
+        default: number;
+    };
+    menuTextEllipsisTooltip: BooleanConstructor;
+    menuTextEllipsisTooltipProps: import("vue").PropType<Partial<import("../ele-tooltip/props").TooltipProps>>;
     keepAlive: BooleanConstructor;
     transitionName: StringConstructor;
     transitionDelay: {
@@ -142,10 +147,6 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    menuHoverTimeout: {
-        type: NumberConstructor;
-        default: number;
-    };
 }, {
     authenticated: Ref<boolean>;
     watermark: Ref<string[]>;
@@ -262,20 +263,20 @@ declare const _default: import("vue").DefineComponent<{
     sidebarStyle: {
         type: import("vue").PropType<import("./types").SidebarStyle>;
         default: string;
-    };
+    }; /** 面包屑数据 */
     tabStyle: {
         type: import("vue").PropType<import("./types").TabStyle>;
-        default: string; /** 页签数据 */
-    }; /** 页签数据 */
+        default: string;
+    };
     fixedHeader: {
-        type: BooleanConstructor;
+        type: BooleanConstructor; /** 页签选中 */
         default: boolean;
     };
     fixedSidebar: BooleanConstructor;
     fixedBody: BooleanConstructor;
     fluid: {
-        type: BooleanConstructor;
-        default: boolean; /** 顶栏菜单数据 */
+        type: BooleanConstructor; /** 顶栏菜单数据 */
+        default: boolean;
     };
     logoInHeader: BooleanConstructor;
     colorfulIcon: BooleanConstructor;
@@ -291,28 +292,27 @@ declare const _default: import("vue").DefineComponent<{
     };
     homePath: StringConstructor;
     redirectPath: {
-        /** 侧栏是否隐藏 */
         type: StringConstructor;
         default: string;
     };
     locale: StringConstructor;
-    i18n: import("vue").PropType<import("./types").MenuI18n>; /** 页脚是否隐藏 */
-    sidebarOpeneds: import("vue").PropType<string[]>; /** 主页地址 */
+    i18n: import("vue").PropType<import("./types").MenuI18n>;
+    sidebarOpeneds: import("vue").PropType<string[]>;
     tabContextMenu: import("vue").PropType<boolean | import("../ele-app/plus").EleDropdownProps>;
     tabContextMenus: import("vue").PropType<import("../ele-tabs/types").ContextMenus>;
-    tabSortable: BooleanConstructor; /** 水印文本 */
+    tabSortable: BooleanConstructor;
     autoScrollTop: {
         type: BooleanConstructor;
-        default: boolean;
-    };
+        default: boolean; /** 是否顶栏导航布局 */
+    }; /** 是否顶栏导航布局 */
     headerTitleSlot: {
         type: StringConstructor;
-        default: string;
-    };
+        default: string; /** 是否混合导航布局 */
+    }; /** 是否混合导航布局 */
     headerIconSlot: {
         type: StringConstructor;
         default: string;
-    };
+    }; /** 是否双侧栏布局 */
     sidebarTitleSlot: {
         type: StringConstructor;
         default: string;
@@ -330,10 +330,16 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
     tooltipEffect: import("vue").PropType<import("element-plus/es/utils/index").EpPropMergeType<StringConstructor, "light" | "dark", unknown> | undefined>;
-    navTrigger: import("vue").PropType<import("./types").MenuItemTrigger>;
+    navTrigger: import("vue").PropType<import("./types").MenuItemTrigger>; /** 布局类名 */
     boxTrigger: import("vue").PropType<import("./types").MenuItemTrigger>;
     itemTrigger: import("vue").PropType<import("./types").MenuItemTrigger>;
     beforeClick: import("vue").PropType<import("./types").BeforeClick>;
+    menuHoverTimeout: {
+        type: NumberConstructor;
+        default: number;
+    };
+    menuTextEllipsisTooltip: BooleanConstructor;
+    menuTextEllipsisTooltipProps: import("vue").PropType<Partial<import("../ele-tooltip/props").TooltipProps>>;
     keepAlive: BooleanConstructor;
     transitionName: StringConstructor;
     transitionDelay: {
@@ -344,10 +350,6 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    menuHoverTimeout: {
-        type: NumberConstructor;
-        default: number;
-    };
 }>> & {
     onTabClick?: ((_option: TabItemEventOption) => any) | undefined;
     onTabRemove?: ((_option: TabItemEventOption) => any) | undefined;
@@ -403,5 +405,6 @@ declare const _default: import("vue").DefineComponent<{
     sideboxTitleSlot: string;
     sideboxIconSlot: string;
     menuHoverTimeout: number;
+    menuTextEllipsisTooltip: boolean;
 }, {}>;
 export default _default;

package/es/ele-pro-layout/index.js

@@ -830,6 +830,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       breadcrumbSeparator: _ctx.breadcrumbSeparator,
       homePath: _ctx.homeMenuPath,
       isHome: _ctx.isHome,
+      menuTextEllipsisTooltip: _ctx.menuTextEllipsisTooltip,
+      menuTextEllipsisTooltipProps: _ctx.menuTextEllipsisTooltipProps,
       onLogoClick: _ctx.onLogoClick,
       onOpen: _ctx.onHeadMenuOpen,
       onClsoe: _ctx.onHeadMenuClose,
@@ -859,7 +861,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           ])
         };
       })
-    ]), 1032, ["menus", "headerStyle", "active", "ellipsis", "ellipsisProps", "menuTrigger", "itemTrigger", "collapse", "sidebar", "titleSlot", "iconSlot", "levels", "breadcrumb", "breadcrumbSeparator", "homePath", "isHome", "onLogoClick", "onOpen", "onClsoe", "onItemClick", "onItemMouseenter", "onMouseEnter", "onMouseLeave"]),
+    ]), 1032, ["menus", "headerStyle", "active", "ellipsis", "ellipsisProps", "menuTrigger", "itemTrigger", "collapse", "sidebar", "titleSlot", "iconSlot", "levels", "breadcrumb", "breadcrumbSeparator", "homePath", "isHome", "menuTextEllipsisTooltip", "menuTextEllipsisTooltipProps", "onLogoClick", "onOpen", "onClsoe", "onItemClick", "onItemMouseenter", "onMouseEnter", "onMouseLeave"]),
     createVNode(_component_EleWatermark, {
       class: "ele-admin-main",
       height: 68,
@@ -880,6 +882,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           itemTrigger: _ctx.boxTrigger,
           titleSlot: _ctx.sideboxTitleSlot,
           iconSlot: _ctx.sideboxIconSlot,
+          menuTextEllipsisTooltip: _ctx.menuTextEllipsisTooltip,
+          menuTextEllipsisTooltipProps: _ctx.menuTextEllipsisTooltipProps,
           onItemClick: _ctx.onBoxItemClick,
           onItemMouseenter: _ctx.onBoxItemMouseenter,
           onMouseEnter: _ctx.onBoxMouseEnter,
@@ -909,7 +913,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
               ])
             };
           })
-        ]), 1032, ["menus", "sidebarStyle", "colorfulIcon", "active", "compact", "collapse", "popperEffect", "itemTrigger", "titleSlot", "iconSlot", "onItemClick", "onItemMouseenter", "onMouseEnter", "onMouseLeave"])) : createCommentVNode("", true),
+        ]), 1032, ["menus", "sidebarStyle", "colorfulIcon", "active", "compact", "collapse", "popperEffect", "itemTrigger", "titleSlot", "iconSlot", "menuTextEllipsisTooltip", "menuTextEllipsisTooltipProps", "onItemClick", "onItemMouseenter", "onMouseEnter", "onMouseLeave"])) : createCommentVNode("", true),
         _ctx.sidebar ? (openBlock(), createBlock(_component_ProSidebar, {
           key: 1,
           menus: _ctx.sidebarData,
@@ -923,6 +927,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           itemTrigger: _ctx.itemTrigger,
           titleSlot: _ctx.sidebarTitleSlot,
           iconSlot: _ctx.sidebarIconSlot,
+          menuTextEllipsisTooltip: _ctx.menuTextEllipsisTooltip,
+          menuTextEllipsisTooltipProps: _ctx.menuTextEllipsisTooltipProps,
           onOpen: _ctx.onSideMenuOpen,
           onClsoe: _ctx.onSideMenuClose,
           onItemClick: _ctx.onMenuItemClick,
@@ -953,7 +959,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
               ])
             };
           })
-        ]), 1032, ["menus", "sidebarStyle", "colorfulIcon", "active", "collapse", "uniqueOpened", "defaultOpeneds", "popperEffect", "itemTrigger", "titleSlot", "iconSlot", "onOpen", "onClsoe", "onItemClick", "onMouseEnter", "onMouseLeave"])) : createCommentVNode("", true),
+        ]), 1032, ["menus", "sidebarStyle", "colorfulIcon", "active", "collapse", "uniqueOpened", "defaultOpeneds", "popperEffect", "itemTrigger", "titleSlot", "iconSlot", "menuTextEllipsisTooltip", "menuTextEllipsisTooltipProps", "onOpen", "onClsoe", "onItemClick", "onMouseEnter", "onMouseLeave"])) : createCommentVNode("", true),
         createElementVNode("div", _hoisted_1, [
           _ctx.tabBar ? (openBlock(), createBlock(_component_ProTabs, {
             key: 0,

package/es/ele-pro-layout/props.d.ts

@@ -187,6 +187,15 @@ export declare const proLayoutProps: {
     itemTrigger: PropType<MenuItemTrigger>;
     /** 菜单点击事件前钩子 */
     beforeClick: PropType<BeforeClick>;
+    /** hover模式的菜单切换超时 */
+    menuHoverTimeout: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /** 是否开启菜单文本溢出提示 */
+    menuTextEllipsisTooltip: BooleanConstructor;
+    /** 菜单文本溢出提示属性 */
+    menuTextEllipsisTooltipProps: PropType<Partial<import("../ele-tooltip/props").TooltipProps>>;
     /** 是否支持内链缓存 */
     keepAlive: BooleanConstructor;
     /** 内链切换动画 */
@@ -201,11 +210,6 @@ export declare const proLayoutProps: {
         type: BooleanConstructor;
         default: boolean;
     };
-    /** 菜单切换超时 */
-    menuHoverTimeout: {
-        type: NumberConstructor;
-        default: number;
-    };
 };
 export type ProLayoutProps = ExtractPropTypes<typeof proLayoutProps>;
 /**

package/es/ele-pro-layout/props.js

@@ -179,6 +179,15 @@ const proLayoutProps = {
   itemTrigger: String,
   /** 菜单点击事件前钩子 */
   beforeClick: Function,
+  /** hover模式的菜单切换超时 */
+  menuHoverTimeout: {
+    type: Number,
+    default: 600
+  },
+  /** 是否开启菜单文本溢出提示 */
+  menuTextEllipsisTooltip: Boolean,
+  /** 菜单文本溢出提示属性 */
+  menuTextEllipsisTooltipProps: Object,
   /** 是否支持内链缓存 */
   keepAlive: Boolean,
   /** 内链切换动画 */
@@ -192,11 +201,6 @@ const proLayoutProps = {
   responsive: {
     type: Boolean,
     default: true
-  },
-  /** 菜单切换超时 */
-  menuHoverTimeout: {
-    type: Number,
-    default: 600
   }
 };
 const proLayoutEmits = {

package/es/ele-pro-table/index.d.ts

@@ -55,6 +55,8 @@ declare const _default: import("vue").DefineComponent<{
     virtual: BooleanConstructor;
     rowHeight: NumberConstructor;
     locale: import("vue").PropType<Partial<import("./types").TableLocale>>;
+    width: (StringConstructor | NumberConstructor)[];
+    height: (StringConstructor | NumberConstructor)[];
     size: {
         readonly type: import("vue").PropType<import("element-plus/es/utils/index").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
         readonly required: false;
@@ -70,13 +72,11 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
-    width: (StringConstructor | NumberConstructor)[];
     lazy: BooleanConstructor;
     columns: {
         type: import("vue").PropType<Columns>;
         required: boolean;
     };
-    height: (StringConstructor | NumberConstructor)[];
     scrollbarAlwaysOn: {
         type: BooleanConstructor;
         default: boolean;
@@ -288,6 +288,8 @@ declare const _default: import("vue").DefineComponent<{
     virtual: BooleanConstructor;
     rowHeight: NumberConstructor;
     locale: import("vue").PropType<Partial<import("./types").TableLocale>>;
+    width: (StringConstructor | NumberConstructor)[];
+    height: (StringConstructor | NumberConstructor)[];
     size: {
         readonly type: import("vue").PropType<import("element-plus/es/utils/index").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
         readonly required: false;
@@ -303,13 +305,11 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
-    width: (StringConstructor | NumberConstructor)[];
     lazy: BooleanConstructor;
     columns: {
         type: import("vue").PropType<Columns>;
         required: boolean;
     };
-    height: (StringConstructor | NumberConstructor)[];
     scrollbarAlwaysOn: {
         type: BooleanConstructor;
         default: boolean;

package/es/ele-upload-list/style/index.scss

@@ -163,7 +163,8 @@
 
     .ele-upload-icon {
       font-size: 22px;
-      color: elVar('text-color', 'placeholder');
+      color: elVar('text-color', 'secondary');
+      opacity: 0.68;
 
       & > svg {
         stroke-width: 3.8;

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

@@ -44,6 +44,8 @@ export declare const virtualTableProps: {
     reserveCurrent: BooleanConstructor;
     selectedRowKeys: import("vue").PropType<import("../ele-data-table/types").DataKey[]>;
     cacheData: import("vue").PropType<import("../ele-data-table/types").DataItem[]>;
+    width: (StringConstructor | NumberConstructor)[];
+    height: (StringConstructor | NumberConstructor)[];
     size: {
         readonly type: import("vue").PropType<import("element-plus/es/utils/index").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
         readonly required: false;
@@ -59,13 +61,11 @@ export declare const virtualTableProps: {
         type: StringConstructor;
         default: string;
     };
-    width: (StringConstructor | NumberConstructor)[];
     lazy: BooleanConstructor;
     data: {
         type: import("vue").PropType<any[]>;
         default: () => never[];
     };
-    height: (StringConstructor | NumberConstructor)[];
     scrollbarAlwaysOn: {
         type: BooleanConstructor;
         default: boolean;

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, findTree, eachTree, getCurrentStyle, debounce } from "../utils/core";
+import { omit, mapTree, findTree, eachTree, contentIsEllipsis, debounce } from "../utils/core";
 import { getColFixedNumber, getValue } from "../ele-data-table/util";
 function getRowHeight(size, rowHeight) {
   if (rowHeight != null && rowHeight > 0) {
@@ -452,23 +452,7 @@ function floorSize(size) {
 }
 function cellIsOverflow(cell) {
   const cellChild = cell.querySelector(".ele-table-cell");
-  if (!cellChild || !cellChild.childNodes.length) {
-    return false;
-  }
-  const range = document.createRange();
-  range.setStart(cellChild, 0);
-  range.setEnd(cellChild, cellChild.childNodes.length);
-  const {
-    width
-    /* , height */
-  } = range.getBoundingClientRect();
-  const rangeWidth = floorSize(width);
-  const style = getCurrentStyle(cellChild);
-  const left = Number.parseInt(style.paddingLeft) || 0;
-  const right = Number.parseInt(style.paddingRight) || 0;
-  const horizontalPadding = left + right;
-  return rangeWidth + horizontalPadding > cellChild.offsetWidth || //rangeHeight + verticalPadding > cellChild.offsetHeight ||
-  cellChild.scrollWidth > cellChild.offsetWidth;
+  return contentIsEllipsis(cellChild, "horizontal");
 }
 function useAutoResize(getEl) {
   const wrapWidth = ref(0);

package/es/style/themes/default.scss

@@ -318,7 +318,7 @@ $ele: map.deep-merge(
     ),
     'map': (
       // 地图位置选择
-      'header-padding': 6px 12px
+      'search-padding': 6px 12px
     ),
     'menu': (
       // 菜单

package/es/style/themes/rounded.scss

@@ -62,7 +62,7 @@ $ele-rounded: map.deep-merge(
       'menu-active-line': 0
     ),
     'map': (
-      'header-padding': 0 12px 6px 12px
+      'search-padding': 0 12px 6px 12px
     ),
     'menu': (
       'arrow-margin': 0 -8px 0 6px,

package/es/utils/core.d.ts

@@ -137,3 +137,8 @@ export declare function omit<T extends object, K extends keyof T>(obj: T | null
  * @param fields 摘选的属性
  */
 export declare function pick<T extends object, K extends keyof T>(obj: T, fields: Array<K>): Pick<T, K>;
+/**
+ * 判断元素内容是否溢出省略
+ * @param el 元素节点
+ */
+export declare function contentIsEllipsis(el: HTMLElement, direction?: 'horizontal' | 'vertical'): boolean;

package/es/utils/core.js

@@ -212,10 +212,38 @@ function pick(obj, fields) {
   }
   return result;
 }
+function contentIsEllipsis(el, direction) {
+  if (!el || !el.childNodes.length) {
+    return false;
+  }
+  const range = document.createRange();
+  range.setStart(el, 0);
+  range.setEnd(el, el.childNodes.length);
+  const { width, height } = range.getBoundingClientRect();
+  const floorW = Math.floor(width);
+  const rangeWidth = width - floorW < 1e-3 ? floorW : width;
+  const floorH = Math.floor(height);
+  const rangeHeight = height - floorH < 1e-3 ? floorH : height;
+  const style = getCurrentStyle(el);
+  const top = Number.parseInt(style.paddingTop) || 0;
+  const left = Number.parseInt(style.paddingLeft) || 0;
+  const right = Number.parseInt(style.paddingRight) || 0;
+  const bottom = Number.parseInt(style.paddingBottom) || 0;
+  const horizontalPadding = left + right;
+  const verticalPadding = top + bottom;
+  if (direction === "horizontal") {
+    return rangeWidth + horizontalPadding > el.offsetWidth || el.scrollWidth > el.offsetWidth;
+  }
+  if (direction === "vertical") {
+    return rangeHeight + verticalPadding > el.offsetHeight || el.scrollHeight > el.offsetHeight;
+  }
+  return rangeWidth + horizontalPadding > el.offsetWidth || rangeHeight + verticalPadding > el.offsetHeight || el.scrollWidth > el.offsetWidth;
+}
 export {
   assignObject,
   bd09ToGcj02,
   checkFullscreen,
+  contentIsEllipsis,
   debounce,
   eachTree,
   exitFullscreen,

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

@@ -147,6 +147,8 @@ export declare const dataTableProps: {
     selectedRowKeys: PropType<DataKey[]>;
     /** 缓存数据 */
     cacheData: PropType<DataItem[]>;
+    width: (StringConstructor | NumberConstructor)[];
+    height: (StringConstructor | NumberConstructor)[];
     size: {
         readonly type: PropType<import("element-plus/es/utils/index").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
         readonly required: false;
@@ -162,13 +164,11 @@ export declare const dataTableProps: {
         type: StringConstructor;
         default: string;
     };
-    width: (StringConstructor | NumberConstructor)[];
     lazy: BooleanConstructor;
     data: {
         type: PropType<any[]>;
         default: () => never[];
     };
-    height: (StringConstructor | NumberConstructor)[];
     scrollbarAlwaysOn: {
         type: BooleanConstructor;
         default: boolean;

package/lib/ele-ellipsis/index.cjs

@@ -50,27 +50,6 @@ const _sfc_main = vue.defineComponent({
       }
       return style;
     });
-    const isOverflow = (el) => {
-      if (!el.childNodes.length) {
-        return false;
-      }
-      const range = document.createRange();
-      range.setStart(el, 0);
-      range.setEnd(el, el.childNodes.length);
-      const { width, height } = range.getBoundingClientRect();
-      const floorW = Math.floor(width);
-      const rangeWidth = width - floorW < 1e-3 ? floorW : width;
-      const floorH = Math.floor(height);
-      const rangeHeight = height - floorH < 1e-3 ? floorH : height;
-      const style = core.getCurrentStyle(el);
-      const top = Number.parseInt(style.paddingTop) || 0;
-      const left = Number.parseInt(style.paddingLeft) || 0;
-      const right = Number.parseInt(style.paddingRight) || 0;
-      const bottom = Number.parseInt(style.paddingBottom) || 0;
-      const horizontalPadding = left + right;
-      const verticalPadding = top + bottom;
-      return rangeWidth + horizontalPadding > el.offsetWidth || rangeHeight + verticalPadding > el.offsetHeight || el.scrollWidth > el.offsetWidth;
-    };
     const onHover = (e) => {
       if (!authenticated.value || !props2.tooltip) {
         virtualRef.value = void 0;
@@ -83,7 +62,7 @@ const _sfc_main = vue.defineComponent({
         }
       } else {
         if (target) {
-          const temp = isOverflow(target) ? target.innerText : "";
+          const temp = core.contentIsEllipsis(target) ? target.innerText : "";
           if (text.value !== temp) {
             text.value = temp;
           }