ele-admin-plus 1.1.4 → 1.1.5-beta.1

package/lib/components.js

@@ -15,43 +15,45 @@ const index$b = require("./ele-count-up/index");
 const index$c = require("./ele-cropper/index");
 const index$d = require("./ele-cropper-modal/index");
 const index$e = require("./ele-dashboard/index");
-const index$f = require("./ele-dot/index");
-const index$g = require("./ele-drawer/index");
-const index$h = require("./ele-dropdown/index");
-const index$i = require("./ele-edit-tag/index");
-const index$j = require("./ele-ellipsis/index");
-const index$k = require("./ele-file-list/index");
-const index$l = require("./ele-file-list-tool/index");
-const index$m = require("./ele-icon-select/index");
-const index$n = require("./ele-loading/index");
-const index$o = require("./ele-map-picker/index");
-const index$p = require("./ele-menus/index");
-const index$q = require("./ele-modal/index");
-const index$r = require("./ele-page/index");
-const index$s = require("./ele-pagination/index");
-const index$t = require("./ele-popconfirm/index");
-const index$u = require("./ele-popover/index");
-const index$v = require("./ele-printer/index");
-const index$w = require("./ele-pro-layout/index");
-const index$x = require("./ele-pro-table/index");
-const index$y = require("./ele-qr-code/index");
-const index$z = require("./ele-qr-code-svg/index");
-const index$A = require("./ele-segmented/index");
-const index$B = require("./ele-split-panel/index");
-const index$C = require("./ele-steps/index");
-const index$D = require("./ele-tabs/index");
-const index$E = require("./ele-tab-tool/index");
-const index$F = require("./ele-tab-wrap/index");
-const index$G = require("./ele-table/index");
-const index$H = require("./ele-table-select/index");
-const index$I = require("./ele-text/index");
-const index$J = require("./ele-tool/index");
-const index$K = require("./ele-toolbar/index");
-const index$L = require("./ele-tooltip/index");
-const index$M = require("./ele-tour/index");
-const index$N = require("./ele-upload-list/index");
-const index$O = require("./ele-watermark/index");
-const index$P = require("./ele-xg-player/index");
+const index$f = require("./ele-data-table/index");
+const index$g = require("./ele-dot/index");
+const index$h = require("./ele-drawer/index");
+const index$i = require("./ele-dropdown/index");
+const index$j = require("./ele-edit-tag/index");
+const index$k = require("./ele-ellipsis/index");
+const index$l = require("./ele-file-list/index");
+const index$m = require("./ele-file-list-tool/index");
+const index$n = require("./ele-icon-select/index");
+const index$o = require("./ele-loading/index");
+const index$p = require("./ele-map-picker/index");
+const index$q = require("./ele-menus/index");
+const index$r = require("./ele-modal/index");
+const index$s = require("./ele-page/index");
+const index$t = require("./ele-pagination/index");
+const index$u = require("./ele-popconfirm/index");
+const index$v = require("./ele-popover/index");
+const index$w = require("./ele-printer/index");
+const index$x = require("./ele-pro-layout/index");
+const index$y = require("./ele-pro-table/index");
+const index$z = require("./ele-qr-code/index");
+const index$A = require("./ele-qr-code-svg/index");
+const index$B = require("./ele-segmented/index");
+const index$C = require("./ele-split-panel/index");
+const index$D = require("./ele-steps/index");
+const index$E = require("./ele-tabs/index");
+const index$F = require("./ele-tab-tool/index");
+const index$G = require("./ele-tab-wrap/index");
+const index$H = require("./ele-table/index");
+const index$I = require("./ele-table-select/index");
+const index$J = require("./ele-text/index");
+const index$K = require("./ele-tool/index");
+const index$L = require("./ele-toolbar/index");
+const index$M = require("./ele-tooltip/index");
+const index$N = require("./ele-tour/index");
+const index$O = require("./ele-upload-list/index");
+const index$P = require("./ele-virtual-table/index");
+const index$Q = require("./ele-watermark/index");
+const index$R = require("./ele-xg-player/index");
 exports.EleAlert = index;
 exports.EleApp = index$1;
 exports.EleAvatarGroup = index$2;
@@ -67,40 +69,42 @@ exports.EleCountUp = index$b;
 exports.EleCropper = index$c;
 exports.EleCropperModal = index$d;
 exports.EleDashboard = index$e;
-exports.EleDot = index$f;
-exports.EleDrawer = index$g;
-exports.EleDropdown = index$h;
-exports.EleEditTag = index$i;
-exports.EleEllipsis = index$j;
-exports.EleFileList = index$k;
-exports.EleFileListTool = index$l;
-exports.EleIconSelect = index$m;
-exports.EleLoading = index$n;
-exports.EleMapPicker = index$o;
-exports.EleMenus = index$p;
-exports.EleModal = index$q;
-exports.ElePage = index$r;
-exports.ElePagination = index$s;
-exports.ElePopconfirm = index$t;
-exports.ElePopover = index$u;
-exports.ElePrinter = index$v;
-exports.EleProLayout = index$w;
-exports.EleProTable = index$x;
-exports.EleQrCode = index$y;
-exports.EleQrCodeSvg = index$z;
-exports.EleSegmented = index$A;
-exports.EleSplitPanel = index$B;
-exports.EleSteps = index$C;
-exports.EleTabs = index$D;
-exports.EleTabTool = index$E;
-exports.EleTabWrap = index$F;
-exports.EleTable = index$G;
-exports.EleTableSelect = index$H;
-exports.EleText = index$I;
-exports.EleTool = index$J;
-exports.EleToolbar = index$K;
-exports.EleTooltip = index$L;
-exports.EleTour = index$M;
-exports.EleUploadList = index$N;
-exports.EleWatermark = index$O;
-exports.EleXgPlayer = index$P;
+exports.EleDataTable = index$f;
+exports.EleDot = index$g;
+exports.EleDrawer = index$h;
+exports.EleDropdown = index$i;
+exports.EleEditTag = index$j;
+exports.EleEllipsis = index$k;
+exports.EleFileList = index$l;
+exports.EleFileListTool = index$m;
+exports.EleIconSelect = index$n;
+exports.EleLoading = index$o;
+exports.EleMapPicker = index$p;
+exports.EleMenus = index$q;
+exports.EleModal = index$r;
+exports.ElePage = index$s;
+exports.ElePagination = index$t;
+exports.ElePopconfirm = index$u;
+exports.ElePopover = index$v;
+exports.ElePrinter = index$w;
+exports.EleProLayout = index$x;
+exports.EleProTable = index$y;
+exports.EleQrCode = index$z;
+exports.EleQrCodeSvg = index$A;
+exports.EleSegmented = index$B;
+exports.EleSplitPanel = index$C;
+exports.EleSteps = index$D;
+exports.EleTabs = index$E;
+exports.EleTabTool = index$F;
+exports.EleTabWrap = index$G;
+exports.EleTable = index$H;
+exports.EleTableSelect = index$I;
+exports.EleText = index$J;
+exports.EleTool = index$K;
+exports.EleToolbar = index$L;
+exports.EleTooltip = index$M;
+exports.EleTour = index$N;
+exports.EleUploadList = index$O;
+exports.EleVirtualTable = index$P;
+exports.EleWatermark = index$Q;
+exports.EleXgPlayer = index$R;

package/lib/ele-alert/props.d.ts

@@ -4,24 +4,40 @@ import type { ElIconProps } from '../ele-app/types';
  * 属性
  */
 export declare const alertProps: {
+    /** 标题 */
     title: StringConstructor;
+    /** 类型 */
     type: PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "success" | "warning" | "info" | "error", unknown> | undefined>;
+    /** 描述 */
     description: StringConstructor;
+    /** 是否可关闭 */
     closable: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /** 是否居中 */
     center: BooleanConstructor;
+    /** 自定义关闭按钮文字 */
     closeText: StringConstructor;
+    /** 是否显示图标 */
     showIcon: BooleanConstructor;
+    /** 主题 */
     effect: PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "light" | "dark", unknown> | undefined>;
+    /** 图标样式 */
     iconStyle: PropType<Partial<import("vue").CSSProperties>>;
+    /** 图标组件属性 */
     iconProps: PropType<ElIconProps>;
+    /** 关闭图标样式 */
     closeIconStyle: PropType<Partial<import("vue").CSSProperties>>;
+    /** 关闭图标组件属性 */
     closeIconProps: PropType<ElIconProps>;
+    /** 内容区样式 */
     bodyStyle: PropType<Partial<import("vue").CSSProperties>>;
+    /** 标题样式 */
     titleStyle: PropType<Partial<import("vue").CSSProperties>>;
+    /** 描述样式 */
     descriptionStyle: PropType<Partial<import("vue").CSSProperties>>;
+    /** 过度动画名称 */
     transitionName: {
         type: StringConstructor;
         default: string;
@@ -32,5 +48,6 @@ export type AlertProps = ExtractPropTypes<typeof alertProps>;
  * 事件
  */
 export declare const alertEmits: {
+    /** 关闭的事件 */
     close: (_e: MouseEvent) => boolean;
 };

package/lib/ele-alert/props.js

@@ -1,47 +1,47 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const alertProps = {
-  // 标题
+  /** 标题 */
   title: String,
-  // 类型
+  /** 类型 */
   type: String,
-  // 描述
+  /** 描述 */
   description: String,
-  // 是否可关闭
+  /** 是否可关闭 */
   closable: {
     type: Boolean,
     default: true
   },
-  // 是否居中
+  /** 是否居中 */
   center: Boolean,
-  // 自定义关闭按钮文字
+  /** 自定义关闭按钮文字 */
   closeText: String,
-  // 是否显示图标
+  /** 是否显示图标 */
   showIcon: Boolean,
-  // 主题
+  /** 主题 */
   effect: String,
-  // 图标样式
+  /** 图标样式 */
   iconStyle: Object,
-  // 图标组件属性
+  /** 图标组件属性 */
   iconProps: Object,
-  // 关闭图标样式
+  /** 关闭图标样式 */
   closeIconStyle: Object,
-  // 关闭图标组件属性
+  /** 关闭图标组件属性 */
   closeIconProps: Object,
-  // 内容区样式
+  /** 内容区样式 */
   bodyStyle: Object,
-  // 标题样式
+  /** 标题样式 */
   titleStyle: Object,
-  // 描述样式
+  /** 描述样式 */
   descriptionStyle: Object,
-  // 过度动画名称
+  /** 过度动画名称 */
   transitionName: {
     type: String,
     default: "ele-alert-fade"
   }
 };
 const alertEmits = {
-  // 关闭的事件
+  /** 关闭的事件 */
   close: (_e) => true
 };
 exports.alertEmits = alertEmits;

package/lib/ele-alert/style/css-var.scss

@@ -1,5 +1,6 @@
 @use '../../style/util.scss' as *;
 
+/* 警告提示主题变量 */
 @mixin set-alert-var($var) {
   .ele-alert {
     @include set-ele-var('alert', $var);

package/lib/ele-alert/style/index.scss

@@ -64,7 +64,7 @@
     }
   }
 
-  // 含有描述
+  /* 含有描述 */
   &.is-rich {
     align-items: flex-start;
     padding: eleVar('alert', 'rich-padding');
@@ -78,7 +78,7 @@
     }
   }
 
-  // 类型
+  /* 类型 */
   &.is-success {
     background: elVar('color-success', 'light-9');
     border-color: elVar('color-success', 'light-7');
@@ -106,7 +106,7 @@
     }
   }
 
-  // 居中
+  /* 居中 */
   &.is-center {
     justify-content: center;
 
@@ -122,7 +122,7 @@
     }
   }
 
-  // 主题
+  /* 主题 */
   &.is-dark {
     background: elVar('color-primary');
     border-color: elVar('color-primary');

package/lib/ele-app/style/common.scss

@@ -13,7 +13,7 @@
     box-sizing: border-box;
   }
 
-  // 日期选择
+  /* 日期选择 */
   &.el-date-editor {
     &.el-input__wrapper {
       width: 100%;
@@ -34,7 +34,7 @@
     }
   }
 
-  // 数字输入框
+  /* 数字输入框 */
   &.el-input-number .el-input__inner {
     text-align: left;
   }

package/lib/ele-app/style/css-var.scss

@@ -91,7 +91,7 @@
   }
 }
 
-// 美化滚动条样式
+/* 滚动条样式 */
 @mixin scrollbar-style() {
   ::-webkit-scrollbar {
     width: eleVar('scrollbar', 'size');
@@ -117,13 +117,13 @@
     background: transparent;
   }
 
-  // 火狐浏览器
   * {
     scrollbar-width: thin;
     scrollbar-color: eleVar('scrollbar', 'color') eleVar('scrollbar', 'bg');
   }
 }
 
+/* 美化滚动条样式 */
 @mixin set-scrollbar-style($selector) {
   @if $selector == '' {
     @include scrollbar-style();

package/lib/ele-app/style/message.scss

@@ -53,18 +53,17 @@
     #{elVarName('message', 'border-color')}: elVar('color-primary', 'light-8');
   }
 
-  // 简约风格
+  /* 简约风格 */
   &.is-plain {
     #{elVarName('message', 'bg-color')}: eleVar('message', 'plain-bg');
   }
 
-  // 加载框
+  /* 加载框 */
   &.ele-message-loading {
     #{elVarName('message', 'text-color')}: elVar('color-primary');
     #{elVarName('message', 'bg-color')}: elVar('color-primary', 'light-9');
     #{elVarName('message', 'border-color')}: elVar('color-primary', 'light-8');
 
-    // 简约风格
     &.is-plain {
       #{elVarName('message', 'bg-color')}: eleVar('message', 'plain-bg');
     }
@@ -108,14 +107,14 @@
     animation: rotating 1s linear infinite;
   }
 
-  // 遮罩
+  /* 遮罩 */
   &.ele-message-mask {
     box-shadow:
       eleVar('message', 'shadow'),
       0 0 0 eleVar('message-mask', 'size') eleVar('message-mask', 'color');
   }
 
-  // 居中
+  /* 居中 */
   &.is-centered {
     top: 0 !important;
     bottom: 0;

package/lib/ele-app/style/overwrite.scss

@@ -1,6 +1,7 @@
 @use '../../style/themes/default.scss' as *;
 @use '../../style/util.scss' as *;
-@use '../../ele-popover/style/css-var.scss' as *;
+@use '../../ele-tooltip/style/css-var.scss' as *;
+@use '../../ele-virtual-table/style/css-var.scss' as *;
 @use './css-var.scss' as *;
 
 @include set-overwrite-var($ele);
@@ -311,6 +312,59 @@
       }
     }
   }
+
+  .el-table-filter__wrap {
+    max-height: eleVar('table-filter', 'max-height');
+  }
+
+  @include filter-checkbox-style($ele-transition);
+
+  .el-table-filter__bottom {
+    padding: eleVar('table-filter', 'footer-padding');
+    border-top: eleVar('table-filter', 'footer-border');
+    box-sizing: border-box;
+    display: flex;
+    align-items: center;
+    justify-content: flex-end;
+
+    & > button {
+      height: 24px;
+      line-height: 24px;
+      padding: 0 11px;
+      font-size: 12px;
+      color: elVar('text-color', 'regular');
+      border-radius: calc(#{elVar('border-radius', 'base')} - 1px);
+      transition: (color $ele-transition, background-color $ele-transition);
+      box-sizing: border-box;
+
+      &:hover {
+        background: elVar('fill-color', 'light');
+      }
+
+      &:active {
+        background: elVar('fill-color');
+      }
+
+      &:first-child {
+        order: 2;
+        color: #fff;
+        background: elVar('color-primary');
+        margin-left: 4px;
+
+        &:hover {
+          background: elVar('color-primary', 'light-3');
+        }
+
+        &:active {
+          background: elVar('color-primary', 'dark-2');
+        }
+
+        &.is-disabled {
+          background: elVar('color-primary', 'light-5');
+        }
+      }
+    }
+  }
 }
 
 /* MessageBox */
@@ -570,6 +624,7 @@ body .el-checkbox {
     color: eleVar('checkbox', 'color');
     font-size: eleVar('checkbox', 'font-size');
     line-height: eleVar('checkbox', 'size');
+    transition: (color $ele-transition, font-weight $ele-transition);
   }
 
   .el-checkbox__inner {
@@ -1405,7 +1460,7 @@ body .el-backtop {
       border-top: eleVar('timepicker', 'line');
       border-bottom: eleVar('timepicker', 'line');
       pointer-events: none;
-      z-index: 5;
+      z-index: 1;
     }
 
     &::after {

package/lib/ele-app/types/index.d.ts

@@ -1,5 +1,5 @@
-import type { ExtractPropTypes, CSSProperties } from 'vue';
-import type { IconProps, RowProps, ColProps, BreadcrumbProps, BreadcrumbItemProps, InputProps, TagProps, AvatarProps, PopoverProps, ElTooltipProps as TooltipProps, PopconfirmProps, AlertProps, ButtonProps, CardProps, EmptyProps, ProgressProps, MenuProps, MenuItemProps, SubMenuProps, MenuItemGroupProps, BadgeProps, LinkProps, DialogProps, StepProps, TabsProps, TabPaneProps, TableProps, ElPopper, ElPopover, ElTooltip, ElBreadcrumb, ElDrawer, ElInput, ElDropdown, ElMenu, ElSubMenu, ElDialog, ElTable, ElTabs, ElImage, ElScrollbar } from 'element-plus';
+import type { CSSProperties, ExtractPropTypes, SetupContext } from 'vue';
+import type { IconProps, RowProps, ColProps, BreadcrumbProps, BreadcrumbItemProps, InputProps, TagProps, AvatarProps, PopoverProps, ElTooltipProps as TooltipProps, PopconfirmProps, AlertProps, ButtonProps, CardProps, EmptyProps, ProgressProps, MenuProps, MenuItemProps, SubMenuProps, MenuItemGroupProps, BadgeProps, LinkProps, DialogProps, StepProps, TabsProps, TabPaneProps, TableProps, TableV2Props, ElPopper, ElPopover, ElTooltip, ElBreadcrumb, ElDrawer, ElInput, ElDropdown, ElMenu, ElSubMenu, ElDialog, ElTable, ElTableV2, ElTabs, ElImage, ElScrollbar } from 'element-plus';
 import type { dropdownProps } from 'element-plus';
 import type { dropdownItemProps } from 'element-plus';
 import type columnProps from 'element-plus/es/components/table/src/table-column/defaults';
@@ -28,6 +28,10 @@ export type ComponentProps<T> = Partial<T> & {
     /** 样式 */
     style?: StyleValues;
 };
+/**
+ * 组件事件触发器
+ */
+export type Emitter<T> = SetupContext<T>['emit'];
 /**
  * ElementPlus 组件属性
  */
@@ -60,6 +64,7 @@ export type ElStepProps = ComponentProps<StepProps>;
 export type ElTabsProps = ComponentProps<TabsProps>;
 export type ElTabPaneProps = ComponentProps<TabPaneProps>;
 export type ElTableProps<T> = ComponentProps<TableProps<T>>;
+export type ElTableV2Props = ComponentProps<TableV2Props>;
 export type ElColumnProps = Partial<ExtractPropTypes<typeof columnProps>>;
 /**
  * ElementPlus 组件实例
@@ -75,6 +80,7 @@ export type ElMenuInstance = InstanceType<typeof ElMenu> | null;
 export type ElSubMenuInstance = InstanceType<typeof ElSubMenu> | null;
 export type ElDialogInstance = InstanceType<typeof ElDialog> | null;
 export type ElTableInstance = InstanceType<typeof ElTable> | null;
+export type ElTableV2Instance = InstanceType<typeof ElTableV2> | null;
 export type ElTabsInstance = InstanceType<typeof ElTabs> | null;
 export type ElImageInstance = InstanceType<typeof ElImage> | null;
 export type ElScrollbarInstance = InstanceType<typeof ElScrollbar> | null;

package/lib/ele-avatar-group/index.d.ts

@@ -14,12 +14,12 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    tooltipProps: import("vue").PropType<import("./types").EleTooltipProps>;
+    tooltipProps: import("vue").PropType<Partial<import("../ele-tooltip/props").TooltipProps>>;
     overflowPopover: {
         type: BooleanConstructor;
         default: boolean;
     };
-    overflowPopoverProps: import("vue").PropType<import("./types").ElePopoverProps>;
+    overflowPopoverProps: import("vue").PropType<Partial<import("../ele-tooltip/props").TooltipProps>>;
     hoverOpen: BooleanConstructor;
 }, {
     tooltipContent: import("vue").Ref<string>;
@@ -53,12 +53,12 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    tooltipProps: import("vue").PropType<import("./types").EleTooltipProps>;
+    tooltipProps: import("vue").PropType<Partial<import("../ele-tooltip/props").TooltipProps>>;
     overflowPopover: {
         type: BooleanConstructor;
         default: boolean;
     };
-    overflowPopoverProps: import("vue").PropType<import("./types").ElePopoverProps>;
+    overflowPopoverProps: import("vue").PropType<Partial<import("../ele-tooltip/props").TooltipProps>>;
     hoverOpen: BooleanConstructor;
 }>> & {
     onError?: ((_option: AvatarErrorOption) => any) | undefined;

package/lib/ele-avatar-group/index.js

@@ -2,12 +2,11 @@
 const vue = require("vue");
 const elementPlus = require("element-plus");
 const EleTooltip = require("../ele-tooltip/index");
-const ElePopover = require("../ele-popover/index");
 const receiver = require("../ele-config-provider/receiver");
 const props = require("./props");
 const _sfc_main = vue.defineComponent({
   name: "EleAvatarGroup",
-  components: { ElAvatar: elementPlus.ElAvatar, EleTooltip, ElePopover },
+  components: { ElAvatar: elementPlus.ElAvatar, EleTooltip },
   props: props.avatarGroupProps,
   emits: props.avatarGroupEmits,
   setup(props2, { emit }) {
@@ -87,11 +86,10 @@ const _export_sfc = (sfc, props2) => {
 const _hoisted_1 = { class: "ele-avatar-more-inner" };
 const _hoisted_2 = {
   key: 0,
-  class: "ele-avatar-group"
+  class: "ele-popover-body ele-avatar-group"
 };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ElAvatar = vue.resolveComponent("ElAvatar");
-  const _component_ElePopover = vue.resolveComponent("ElePopover");
   const _component_EleTooltip = vue.resolveComponent("EleTooltip");
   return vue.openBlock(), vue.createElementBlock("div", {
     class: vue.normalizeClass(["ele-avatar-group", { "is-hover-open": _ctx.hoverOpen }])
@@ -116,41 +114,22 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         _: 2
       }, 1032, ["size", "shape", "src", "style", "onClick", "onError", "onMouseover"]);
     }), 128)),
-    _ctx.isOverflow ? (vue.openBlock(), vue.createBlock(_component_ElePopover, vue.mergeProps({
+    _ctx.isOverflow ? (vue.openBlock(), vue.createBlock(_component_EleTooltip, vue.mergeProps({
       key: 0,
+      effect: "light",
+      isPopover: true,
+      gpuAcceleration: true,
       placement: "top",
       popperClass: "ele-avatar-popover",
       offset: 6
     }, _ctx.overflowPopoverProps || {}, {
-      width: "auto",
       disabled: !_ctx.overflowPopover,
       visible: _ctx.overflowVisible,
       "onUpdate:visible": _cache[0] || (_cache[0] = ($event) => _ctx.overflowVisible = $event)
     }), {
-      reference: vue.withCtx(() => [
-        vue.createVNode(_component_ElAvatar, {
-          size: _ctx.size,
-          shape: _ctx.shape,
-          style: vue.normalizeStyle([_ctx.commonStyle, _ctx.itemStyle, _ctx.moreStyle]),
-          class: "ele-avatar-more",
-          onClick: _ctx.onMoreClick
-        }, {
-          default: vue.withCtx(() => [
-            vue.createElementVNode("span", _hoisted_1, [
-              vue.renderSlot(_ctx.$slots, "more", {
-                overflowCount: _ctx.overflowCount,
-                overflowData: _ctx.overflowData
-              }, () => [
-                vue.createElementVNode("span", null, "+" + vue.toDisplayString(_ctx.overflowCount), 1)
-              ])
-            ])
-          ]),
-          _: 3
-        }, 8, ["size", "shape", "style", "onClick"])
-      ]),
-      default: vue.withCtx(() => [
-        vue.renderSlot(_ctx.$slots, "overflow", { overflowData: _ctx.overflowData }, () => [
-          _ctx.overflowPopover ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
+      body: vue.withCtx(() => [
+        _ctx.overflowPopover ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
+          vue.renderSlot(_ctx.$slots, "overflow", { overflowData: _ctx.overflowData }, () => [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.overflowData, (item, index2) => {
               return vue.openBlock(), vue.createBlock(_component_ElAvatar, {
                 key: item.key ?? index2 + "-" + (item.value || item.label),
@@ -171,8 +150,29 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                 _: 2
               }, 1032, ["size", "shape", "src", "style", "onClick", "onError", "onMouseover"]);
             }), 128))
-          ])) : vue.createCommentVNode("", true)
-        ])
+          ])
+        ])) : vue.createCommentVNode("", true)
+      ]),
+      default: vue.withCtx(() => [
+        vue.createVNode(_component_ElAvatar, {
+          size: _ctx.size,
+          shape: _ctx.shape,
+          style: vue.normalizeStyle([_ctx.commonStyle, _ctx.itemStyle, _ctx.moreStyle]),
+          class: "ele-avatar-more",
+          onClick: _ctx.onMoreClick
+        }, {
+          default: vue.withCtx(() => [
+            vue.createElementVNode("span", _hoisted_1, [
+              vue.renderSlot(_ctx.$slots, "more", {
+                overflowCount: _ctx.overflowCount,
+                overflowData: _ctx.overflowData
+              }, () => [
+                vue.createElementVNode("span", null, "+" + vue.toDisplayString(_ctx.overflowCount), 1)
+              ])
+            ])
+          ]),
+          _: 3
+        }, 8, ["size", "shape", "style", "onClick"])
       ]),
       _: 3
     }, 16, ["disabled", "visible"])) : vue.createCommentVNode("", true),