ele-admin-plus 1.1.9-beta.1 → 1.1.9-beta.11

package/es/style/plus.scss

@@ -0,0 +1,43 @@
+@use '../ele-alert/style/index.scss' as alert;
+//@use '../ele-app/style/index.scss' as app;
+@use '../ele-avatar-group/style/index.scss' as avatarGroup;
+@use '../ele-basic-select/style/index.scss' as basicSelect;
+@use '../ele-bottom-bar/style/index.scss' as bottomBar;
+@use '../ele-breadcrumb/style/index.scss' as breadcrumb;
+@use '../ele-copyable/style/index.scss' as copyable;
+@use '../ele-card/style/index.scss' as card;
+@use '../ele-check-card/style/index.scss' as checkCard;
+@use '../ele-cropper/style/index.scss' as cropper;
+@use '../ele-dashboard/style/index.scss' as dashboard;
+@use '../ele-data-table/style/index.scss' as dataTable;
+@use '../ele-dot/style/index.scss' as dot;
+@use '../ele-drawer/style/index.scss' as drawer;
+@use '../ele-dropdown/style/index.scss' as dropdown;
+@use '../ele-edit-tag/style/index.scss' as editTag;
+@use '../ele-ellipsis/style/index.scss' as ellipsis;
+@use '../ele-file-list/style/index.scss' as fileList;
+@use '../ele-icon-select/style/index.scss' as iconSelect;
+@use '../ele-loading/style/index.scss' as loading;
+@use '../ele-map-picker/style/index.scss' as mapPicker;
+@use '../ele-menus/style/index.scss' as menus;
+@use '../ele-modal/style/index.scss' as modal;
+@use '../ele-page/style/index.scss' as page;
+@use '../ele-pagination/style/index.scss' as pagination;
+@use '../ele-popconfirm/style/index.scss' as popconfirm;
+@use '../ele-printer/style/index.scss' as printer;
+@use '../ele-pro-layout/style/index.scss' as proLayout;
+@use '../ele-pro-table/style/index.scss' as proTable;
+@use '../ele-segmented/style/index.scss' as segmented;
+@use '../ele-split-panel/style/index.scss' as splitPanel;
+@use '../ele-steps/style/index.scss' as steps;
+@use '../ele-tabs/style/index.scss' as tabs;
+@use '../ele-table/style/index.scss' as table;
+@use '../ele-table-select/style/index.scss' as tableSelect;
+@use '../ele-text/style/index.scss' as text;
+@use '../ele-tool/style/index.scss' as tool;
+@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

@@ -12,11 +12,9 @@ $ele-dark: map.deep-merge(
     'header': (
       'shadow': 0 1px 4px rgba(0, 0, 0, 0.6),
       'tool-hover-bg': rgba(255, 255, 255, 0.05),
-      'dark-tool-hover-bg': rgba(255, 255, 255, 0.05)
-    ),
-    'header-dark': (
-      'bg': #1f1f1f,
-      'shadow': 0 1px 4px rgba(0, 0, 0, 0.6)
+      'dark-tool-hover-bg': rgba(255, 255, 255, 0.05),
+      'dark-bg': #1f1f1f,
+      'dark-shadow': 0 1px 4px rgba(0, 0, 0, 0.6)
     ),
     'logo': (
       'shadow': 0 3px 4px rgba(0, 0, 0, 0.6),
@@ -51,16 +49,12 @@ $ele-dark: map.deep-merge(
     ),
     'tab': (
       'scroll-left-shadow': inset 10px 0 10px -10px rgba(0, 0, 0, 0.88),
-      'scroll-right-shadow': inset -10px 0 10px -10px rgba(0, 0, 0, 0.88)
-    ),
-    'tab-simple': (
-      'hover-bg': rgba(255, 255, 255, 0.05)
-    ),
-    'tab-indicator': (
-      'color': #434343
-    ),
-    'tab-button': (
-      'bg': hsla(0, 0%, 100%, 0.04)
+      'scroll-right-shadow': inset -10px 0 10px -10px rgba(0, 0, 0, 0.88),
+      'simple-hover-bg': rgba(255, 255, 255, 0.05),
+      'indicator-dot-color': #434343,
+      'indicator-dot-hover-color': #5a5a5a,
+      'button-bg': hsla(0, 0%, 100%, 0.03),
+      'button-hover-bg': hsla(0, 0%, 100%, 0.04)
     ),
     'table': (
       'icon-hover-bg': rgba(255, 255, 255, 0.12),

package/es/style/themes/default.scss

@@ -34,21 +34,17 @@ $ele: map.deep-merge(
       'bg': elVar('bg-color'),
       'shadow': 0 1px 4px rgba(0, 21, 41, 0.08),
       'line-color': elVar('border-color', 'extra-light'),
-      'menu-height': 54px,
-      'tool-height': 100%,
+      'menu-height': eleVar('header', 'height'),
+      'tools-padding': 12px,
+      'tool-padding': 12px,
+      'tool-height': eleVar('header', 'height'),
       'tool-radius': 0,
-      'tool-hover-bg': rgba(0, 0, 0, 0.025),
-      'dark-tool-hover-bg': rgba(255, 255, 255, 0.05)
-    ),
-    'header-dark': (
-      // 暗色顶栏
-      'bg': #001529,
-      'shadow': 0 1px 4px rgba(0, 0, 0, 0.1)
-    ),
-    'header-primary': (
-      // 主色顶栏
-      'hover-bg': transparent,
-      'active-bg': transparent
+      'tool-hover-bg': rgba(0, 0, 0, 0.04),
+      'dark-tool-hover-bg': rgba(255, 255, 255, 0.12),
+      'dark-color': #fff,
+      'dark-bg': #001529,
+      'dark-shadow': 0 1px 4px rgba(0, 0, 0, 0.1),
+      'primary-active-bg': transparent
     ),
     'logo': (
       // Logo
@@ -206,8 +202,7 @@ $ele: map.deep-merge(
       'icon-radius': elVar('border-radius', 'small'),
       'body-padding': 20px,
       'footer-padding': 10px 16px,
-      'footer-border': 1px solid elVar('border-color', 'light'),
-      'inner-shadow': 0 0.8px 0 elVar('border-color', 'light') inset
+      'footer-border': 1px solid elVar('border-color', 'light')
     ),
     'dropdown': (
       // 下拉菜单
@@ -267,6 +262,9 @@ $ele: map.deep-merge(
     'icon': (
       // 图标选择器
       'header-padding': 0 12px,
+      'search-width': 120px,
+      'search-padding': 8px 0,
+      'search-icon-size': elVar('font-size', 'extra-small'),
       'tab-height': 42px,
       'tab-space': 16px,
       'tab-padding': 0 2px,
@@ -318,7 +316,7 @@ $ele: map.deep-merge(
     ),
     'map': (
       // 地图位置选择
-      'header-padding': 8px 14px
+      'search-padding': 6px 12px
     ),
     'menu': (
       // 菜单
@@ -348,8 +346,8 @@ $ele: map.deep-merge(
     ),
     'menu-popup': (
       // 气泡菜单
-      'min-width': 160px,
-      'max-width': 320px,
+      'min-width': 148px,
+      'max-width': 260px,
       'max-height': calc(100vh - 10px),
       'bg': elVar('bg-color', 'overlay'),
       'radius': elVar('border-radius', 'base'),
@@ -438,18 +436,6 @@ $ele: map.deep-merge(
       'form-body-padding': 24px 22px 12px 20px,
       'footer-padding': 10px 20px,
       'footer-border': 1px solid elVar('border-color', 'light'),
-      'resize-bg':
-        linear-gradient(
-          135deg,
-          transparent 45%,
-          hsla(0, 0%, 60%, 0.88) 0,
-          hsla(0, 0%, 60%, 0.88) 55%,
-          transparent 0,
-          transparent 75%,
-          hsla(0, 0%, 60%, 0.88) 0,
-          hsla(0, 0%, 60%, 0.88) 85%,
-          transparent 0
-        ),
       'fullscreen-border': 1px solid elVar('border-color', 'light'),
       'mobile-space': 16px
     ),
@@ -573,6 +559,9 @@ $ele: map.deep-merge(
       'close-radius': 50%,
       'close-hover-color': #fff,
       'close-hover-bg': elVar('color-error'),
+      'active-close-color': elVar('text-color', 'secondary'),
+      'active-close-hover-color': #fff,
+      'active-close-hover-bg': elVar('color-error'),
       'icon-font-size': 15px,
       'tool-color': elVar('text-color', 'secondary'),
       'tool-font-size': elVar('font-size', 'base'),
@@ -581,58 +570,48 @@ $ele: map.deep-merge(
       'active-index': 3,
       'transition': (color, background-color, border-color, box-shadow),
       'scroll-left-shadow': inset 10px 0 10px -10px rgba(0, 0, 0, 0.15),
-      'scroll-right-shadow': inset -10px 0 10px -10px rgba(0, 0, 0, 0.15)
-    ),
-    'tab-sm': (
-      // 标签页小号
-      'height': 32px,
-      'padding': 12px,
-      'font-size': elVar('font-size', 'small'),
-      'close-size': elVar('font-size', 'small'),
-      'close-font-size': elVar('font-size', 'small'),
-      'icon-font-size': 14px,
-      'tool-font-size': elVar('font-size', 'small')
-    ),
-    'tab-lg': (
-      // 标签页大号
-      'height': 52px,
-      'padding': 22px,
-      'font-size': elVar('font-size', 'medium'),
-      'close-size': elVar('font-size', 'medium'),
-      'close-font-size': elVar('font-size', 'medium'),
-      'icon-font-size': 17px,
-      'tool-font-size': elVar('font-size', 'medium')
-    ),
-    'tab-simple': (
-      // 标签页简约风格
-      'radius': 0,
-      'hover-color': elVar('text-color', 'primary'),
-      'hover-bg': rgba(0, 0, 0, 0.025),
-      'active-color': elVar('color-primary'),
-      'active-bg': elVar('color-primary', 'light-9'),
-      'active-weight': normal,
-      'active-line': 2px,
-      'line-display': block,
-      'angle-size': 0px,
-      'angle-display': none,
-      'tool-hover-bg': eleVar('tab-simple', 'hover-bg')
-    ),
-    'tab-indicator': (
-      // 标签页指示器风格
-      'size': 8px,
-      'color': #d9d9d9,
-      'hover-color': #d9d9d9,
-      'margin': 6px
-    ),
-    'tab-button': (
-      // 标签页按钮风格
-      'space': 8px,
-      'radius': 4px,
-      'bg': hsla(0, 0%, 100%, 0.68),
-      'hover-bg': elVar('bg-color'),
-      'active-bg': elVar('bg-color', 'overlay'),
-      'active-shadow': none,
-      'active-weight': normal
+      'scroll-right-shadow': inset -10px 0 10px -10px rgba(0, 0, 0, 0.15),
+      'sm-height': 32px,
+      'sm-padding': 12px,
+      'sm-font-size': elVar('font-size', 'small'),
+      'sm-close-size': elVar('font-size', 'small'),
+      'sm-close-font-size': elVar('font-size', 'small'),
+      'sm-icon-font-size': 14px,
+      'sm-tool-font-size': elVar('font-size', 'small'),
+      'lg-height': 52px,
+      'lg-padding': 22px,
+      'lg-font-size': elVar('font-size', 'medium'),
+      'lg-close-size': elVar('font-size', 'medium'),
+      'lg-close-font-size': elVar('font-size', 'medium'),
+      'lg-icon-font-size': 17px,
+      'lg-tool-font-size': elVar('font-size', 'medium'),
+      'simple-radius': 0,
+      'simple-hover-color': elVar('text-color', 'primary'),
+      'simple-hover-bg': rgba(0, 0, 0, 0.025),
+      'simple-active-color': elVar('color-primary'),
+      'simple-active-bg': elVar('color-primary', 'light-9'),
+      'simple-active-weight': normal,
+      'simple-active-line': 2px,
+      'simple-line-display': block,
+      'simple-angle-size': 0px,
+      'simple-angle-display': none,
+      'simple-tool-hover-bg': eleVar('tab', 'simple-hover-bg'),
+      'indicator-dot-size': 8px,
+      'indicator-dot-color': #d9d9d9,
+      'indicator-dot-hover-color': #c8c8c8,
+      'indicator-dot-active-color': elVar('color-primary'),
+      'indicator-margin': 6px,
+      'tag-space': 4px,
+      'tag-radius': elVar('border-radius', 'base'),
+      'button-space': 8px,
+      'button-radius': 4px,
+      'button-bg': hsla(0, 0%, 100%, 0.66),
+      'button-hover-color': elVar('color-primary'),
+      'button-hover-bg': elVar('bg-color'),
+      'button-active-color': elVar('color-primary'),
+      'button-active-bg': elVar('bg-color', 'overlay'),
+      'button-active-shadow': none,
+      'button-active-weight': normal
     ),
     'text': (
       // 文本
@@ -1132,7 +1111,8 @@ $ele: map.deep-merge(
       'year-width': 58px,
       'year-height': 26px,
       'year-radius': 16px,
-      'year-padding': 26px 0,
+      'year-padding': 22px 0,
+      'year-space': 4px 0,
       'month-padding': 22px 0,
       'month-space': 4px 0,
       'end-margin': 3.5px,

package/es/style/themes/rounded.scss

@@ -10,12 +10,7 @@ $ele-rounded: map.deep-merge(
       'menu-height': 38px,
       'tool-height': 38px,
       'tool-radius': elVar('border-radius', 'base'),
-      'tool-hover-bg': elVar('fill-color', 'light'),
-      'dark-tool-hover-bg': rgba(255, 255, 255, 0.12)
-    ),
-    'header-primary': (
-      'hover-bg': rgba(255, 255, 255, 0.12),
-      'active-bg': rgba(255, 255, 255, 0.24)
+      'primary-active-bg': rgba(255, 255, 255, 0.24)
     ),
     'sidebar': (
       'tool-height': 38px
@@ -62,7 +57,7 @@ $ele-rounded: map.deep-merge(
       'menu-active-line': 0
     ),
     'map': (
-      'header-padding': 4px 14px 12px 14px
+      'search-padding': 0 12px 6px 12px
     ),
     'menu': (
       'arrow-margin': 0 -8px 0 6px,
@@ -135,30 +130,21 @@ $ele-rounded: map.deep-merge(
       'close-radius': elVar('border-radius', 'small'),
       'close-hover-color': elVar('text-color', 'primary'),
       'close-hover-bg': hsla(0, 0%, 60%, 0.15),
-      'transition': (color, border-color, box-shadow)
-    ),
-    'tab-sm': (
-      'close-size': 14px
-    ),
-    'tab-lg': (
-      'close-size': 20px
-    ),
-    'tab-simple': (
-      'radius': 8px 8px 0px 0px,
-      'active-weight': bold,
-      'active-line': 0px,
-      'line-display': none,
-      'angle-size': 10px,
-      'angle-display': block,
-      'tool-hover-bg': transparent
-    ),
-    'tab-indicator': (
-      'hover-color': elVar('color-primary')
-    ),
-    'tab-button': (
-      'radius': $radius-large,
-      'active-shadow': 0 0 4px 2px rgba(0, 0, 0, 0.04),
-      'active-weight': bold
+      'active-close-hover-color': elVar('text-color', 'primary'),
+      'active-close-hover-bg': hsla(0, 0%, 60%, 0.15),
+      'transition': (color, box-shadow),
+      'sm-close-size': 14px,
+      'lg-close-size': 20px,
+      'simple-radius': 8px 8px 0px 0px,
+      'simple-active-weight': bold,
+      'simple-active-line': 0px,
+      'simple-line-display': none,
+      'simple-angle-size': 10px,
+      'simple-angle-display': block,
+      'simple-tool-hover-bg': transparent,
+      'button-radius': $radius-large,
+      'button-active-shadow': 0 0 4px 2px rgba(0, 0, 0, 0.04),
+      'button-active-weight': bold
     ),
     'text': (
       'heading-weight': bold

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

@@ -16,7 +16,6 @@
 @use '../../ele-page/style/css-var.scss' as *;
 @use '../../ele-pagination/style/css-var.scss' as *;
 @use '../../ele-popconfirm/style/css-var.scss' as *;
-@use '../../ele-popover/style/css-var.scss' as *;
 @use '../../ele-pro-layout/style/css-var.scss' as *;
 @use '../../ele-pro-table/style/css-var.scss' as *;
 @use '../../ele-segmented/style/css-var.scss' as *;
@@ -52,7 +51,6 @@
     @include set-page-var($var);
     @include set-pagination-var($var);
     @include set-popconfirm-var($var);
-    @include set-popover-var($var);
     @include set-layout-var($var);
     @include set-pro-table-var($var);
     @include set-segmented-var($var);

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/es/utils/menu-util.d.ts

@@ -1,5 +1,6 @@
-import type { RouteRecordRaw, _RouteRecordBase, RouteComponent } from 'vue-router';
-import type { MenuItem } from '../ele-pro-layout/types';
+import { MenuItem } from '../ele-pro-layout/types';
+import { RouteRecordRaw, _RouteRecordBase, RouteComponent } from 'vue-router';
+
 /**
  * 获取路由组件方法
  */

package/es/utils/message.d.ts

@@ -1,9 +1,10 @@
-import type { AppContext } from 'vue';
-import type { MessageHandler, MessageOptions, MessageParams, MessageFn } from 'element-plus/es/components/message';
+import { MessageHandler, MessageOptions, MessageParams, MessageFn } from 'element-plus/es/components/message';
+import { AppContext } from 'vue';
+
 /**
  * 消息提示对象型参数
  */
-export interface ProMessageOptions extends MessageOptions {
+export interface ProMessageOptions extends Omit<MessageOptions, 'plain'> {
     /** 是否为原始风格 */
     original?: boolean | null;
     /** 是否为简约风格 */

package/es/utils/resolvers.d.ts

@@ -1,11 +1,11 @@
-/** 组件按需加载 */
-import type { ComponentResolver } from 'unplugin-vue-components/types';
+import { ComponentResolver } from 'unplugin-vue-components/types';
+
 /**
  * 参数类型
  */
 export interface EleAdminResolverOptions {
-    /** 可选 '/es'、'/lib'、'', 默认'/es' */
-    path?: string;
+    /** 包路径 */
+    path?: string | '' | '/es' | '/lib' | '/es/core' | '/lib/core';
     /** 排除的组件名称 */
     exclude?: string[];
     /** 是否导入样式 */

package/es/utils/resolvers.js

@@ -1,32 +1,45 @@
-function getSideEffects(name, options) {
-  if (!(options == null ? void 0 : options.importStyle)) {
+function getSideEffects(path, options) {
+  const importStyle = options == null ? void 0 : options.importStyle;
+  if (!importStyle) {
     return;
   }
-  const dir = options.path ?? "/es";
-  const packageName = "ele-admin-plus";
-  if (options.importStyle === "css") {
-    return `${packageName}${dir}/${name}/style/css`;
+  if (importStyle === "css") {
+    return `${path}/style/css`;
   }
-  return `${packageName}${dir}/${name}/style/index`;
+  return `${path}/style/index`;
 }
-function kebabCase(value) {
-  return value.replace(/([A-Z])/g, " $1").trim().split(" ").join("-").toLowerCase();
+function getStylePath(namePath, packageName, path) {
+  if (!path) {
+    return `${packageName}/es/${namePath}`;
+  }
+  if (path === "/es/core") {
+    return `${packageName}/es/${namePath}`;
+  }
+  if (path === "/lib/core") {
+    return `${packageName}/lib/${namePath}`;
+  }
+  return `${packageName}${path}/${namePath}`;
 }
-function EleAdminResolver(options = {}) {
+function EleAdminResolver(options) {
   return {
     type: "component",
-    resolve: (key) => {
-      var _a, _b;
-      if (key.match(/^Ele[A-Z]/) && !((_b = (_a = options == null ? void 0 : options.exclude) == null ? void 0 : _a.includes) == null ? void 0 : _b.call(_a, key))) {
+    resolve: (name) => {
+      var _a;
+      const { path, exclude } = options || {};
+      if (name.match(/^Ele[A-Z]/) && !((_a = exclude == null ? void 0 : exclude.includes) == null ? void 0 : _a.call(exclude, name))) {
         const packageName = "ele-admin-plus";
-        const name = kebabCase(key);
-        const dir = options.path ?? "/es";
-        const path = !options.path ? `${packageName}${dir}` : `${packageName}${dir}/${name}`;
-        const importName = options.path ? void 0 : key;
+        const namePath = name.replace(/([A-Z])/g, " $1").trim().split(" ").join("-").toLowerCase();
+        const stylePath = getStylePath(namePath, packageName, path);
+        if (!path || path === "/es/core" || path === "/lib/core") {
+          return {
+            name,
+            from: `${packageName}${path ?? "/es"}`,
+            sideEffects: getSideEffects(stylePath, options)
+          };
+        }
         return {
-          from: path,
-          name: importName,
-          sideEffects: getSideEffects(name, options)
+          from: `${packageName}${path}/${namePath}/index`,
+          sideEffects: getSideEffects(stylePath, options)
         };
       }
     }

package/lib/core-installer.d.ts

@@ -1,3 +1,3 @@
-/** 全局安装核心组件 */
-import type { Plugin } from 'vue';
+import { Plugin } from 'vue';
+
 export declare const installer: Plugin;

package/lib/ele-alert/index.cjs

@@ -2,7 +2,6 @@
 const vue = require("vue");
 const elementPlus = require("element-plus");
 const icons = require("../icons");
-const receiver = require("../ele-config-provider/receiver");
 const props = require("./props");
 const _sfc_main = vue.defineComponent({
   name: "EleAlert",
@@ -17,20 +16,19 @@ const _sfc_main = vue.defineComponent({
   props: props.alertProps,
   emits: props.alertEmits,
   setup(props2, { emit, slots }) {
-    const { authenticated } = receiver.useLicense();
     const visible = vue.ref(true);
     const isRich = vue.computed(() => {
       return !!props2.description || !!slots.default;
     });
     const onClose = (e) => {
-      if (!visible.value || !props2.closable || !authenticated.value) {
+      if (!visible.value || !props2.closable) {
         return;
       }
       visible.value = false;
       emit("close", e);
     };
     const open = () => {
-      if (!visible.value && authenticated.value) {
+      if (!visible.value) {
         visible.value = true;
       }
     };
@@ -72,7 +70,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           style: vue.normalizeStyle(_ctx.iconStyle)
         }, [
           vue.renderSlot(_ctx.$slots, "icon", {}, () => [
-            vue.createVNode(_component_ElIcon, vue.normalizeProps(vue.guardReactiveProps(_ctx.iconProps)), {
+            vue.createVNode(_component_ElIcon, vue.normalizeProps(vue.guardReactiveProps(_ctx.iconProps || {})), {
               default: vue.withCtx(() => [
                 _ctx.type === "success" ? (vue.openBlock(), vue.createBlock(_component_CheckCircleFilled, { key: 0 })) : _ctx.type === "warning" ? (vue.openBlock(), vue.createBlock(_component_ExclamationCircleFilled, { key: 1 })) : _ctx.type === "error" ? (vue.openBlock(), vue.createBlock(_component_CloseCircleFilled, { key: 2 })) : (vue.openBlock(), vue.createBlock(_component_InfoCircleFilled, { key: 3 }))
               ]),
@@ -111,7 +109,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClose && _ctx.onClose(...args))
         }, [
           vue.renderSlot(_ctx.$slots, "closeIcon", {}, () => [
-            _ctx.closeText ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1, vue.toDisplayString(_ctx.closeText), 1)) : (vue.openBlock(), vue.createBlock(_component_ElIcon, vue.normalizeProps(vue.mergeProps({ key: 1 }, _ctx.closeIconProps)), {
+            _ctx.closeText ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1, vue.toDisplayString(_ctx.closeText), 1)) : (vue.openBlock(), vue.createBlock(_component_ElIcon, vue.normalizeProps(vue.mergeProps({ key: 1 }, _ctx.closeIconProps || {})), {
               default: vue.withCtx(() => [
                 vue.createVNode(_component_CloseOutlined)
               ]),

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

@@ -1,4 +1,4 @@
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import('vue').DefineComponent<{
     title: StringConstructor;
     type: import("vue").PropType<import("element-plus/es/utils/index").EpPropMergeType<StringConstructor, "success" | "warning" | "info" | "error", unknown> | undefined>;
     description: StringConstructor;