ele-admin-plus 1.0.2 → 1.1.0

package/es/style/themes/rounded-css-var.scss

@@ -0,0 +1,6 @@
+/** 圆角主题 css 变量 */
+@use './rounded.scss' as *;
+@use './theme-util.scss' as *;
+$rounded-selector: 'html.rounded' !default;
+
+@include set-theme-var($rounded-selector, $ele-rounded);

package/es/style/themes/rounded.scss

@@ -0,0 +1,231 @@
+/** 圆角主题 */
+@use 'sass:map';
+@use '../util.scss' as *;
+$radius-large: 8px !default;
+
+$ele-rounded: () !default;
+$ele-rounded: map.deep-merge(
+  (
+    'header': (
+      '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)
+    ),
+    'sidebar': (
+      'tool-height': 38px
+    ),
+    'sidebox': (
+      'item-radius': elVar('border-radius', 'base')
+    ),
+    'alert': (
+      'radius': $radius-large,
+      'close-hover-bg': hsla(0, 0%, 60%, 0.15)
+    ),
+    'alert-dark': (
+      'close-hover-bg': rgba(255, 255, 255, 0.2)
+    ),
+    'message': (
+      'radius': $radius-large,
+      'close-hover-bg': hsla(0, 0%, 60%, 0.15)
+    ),
+    'card': (
+      'radius': $radius-large,
+      'header-font-weight': bold
+    ),
+    'drawer': (
+      'icon-hover-bg': elVar('fill-color', 'light')
+    ),
+    'dropdown': (
+      'padding': 6px 4px,
+      'item-margin': 2px,
+      'item-padding': 0 12px,
+      'item-radius': elVar('border-radius', 'small'),
+      'sm-padding': 3px 2px,
+      'sm-item-padding': 0 10px,
+      'lg-padding': 8px 6px,
+      'lg-item-padding': 0 14px
+    ),
+    'file': (
+      'item-radius': $radius-large
+    ),
+    'icon': (
+      'menus-padding': 12px 4px,
+      'menu-radius': elVar('border-radius', 'small'),
+      'menu-hover-color': elVar('text-color', 'primary'),
+      'menu-hover-bg': elVar('fill-color', 'light'),
+      'menu-active-line': 0
+    ),
+    'map': (
+      'header-padding': 4px 14px 12px 14px
+    ),
+    'menu': (
+      'arrow-margin': 0 -8px 0 6px,
+      'item-padding': 6px,
+      'item-radius': elVar('border-radius', 'base'),
+      'item-hover-color': elVar('text-color', 'primary'),
+      'item-hover-bg': elVar('fill-color', 'light'),
+      'item-active-line': 0
+    ),
+    'menu-popup': (
+      'radius': $radius-large,
+      'item-padding': 12px
+    ),
+    'menu-horizontal': (
+      'padding': 8px 6px,
+      'height': 40px,
+      'item-padding': 12px,
+      'item-margin': 4px,
+      'item-radius': elVar('border-radius', 'base'),
+      'hover-bg': rgba(0, 0, 0, 0.04),
+      'active-bg': elVar('color-primary', 'light-9'),
+      'arrow-margin': 0 -4px 0 4px,
+      'line-size': 0,
+      'dark-hover-bg': rgba(255, 255, 255, 0.1),
+      'dark-active-bg': elVar('color-primary')
+    ),
+    'menu-dark': (
+      'hover-bg': rgba(255, 255, 255, 0.1)
+    ),
+    'menu-colorful': (
+      'icon-radius': elVar('border-radius', 'base'),
+      'icon-size': 22px,
+      'icon-font-size': 14px
+    ),
+    'modal': (
+      'radius': $radius-large,
+      'header-font-weight': bold,
+      'header-padding': 18px 20px 12px 20px,
+      'header-border': none,
+      'icon-hover-bg': elVar('fill-color', 'light'),
+      'body-padding': 16px 22px 24px 22px,
+      'form-body-padding': 16px 22px 8px 20px,
+      'footer-padding': 8px 20px 18px 20px,
+      'footer-border': none
+    ),
+    'pagination': (
+      'radius': elVar('border-radius', 'base'),
+      'active-color': elVar('color', 'primary'),
+      'active-bg': none,
+      'active-border': 1px solid elVar('color', 'primary'),
+      'active-font-weight': bold,
+      'sm-radius': elVar('border-radius', 'base')
+    ),
+    'segmented': (
+      'radius': elVar('border-radius', 'small')
+    ),
+    'segmented-large': (
+      'radius': elVar('border-radius', 'base')
+    ),
+    'step': (
+      'icon-color': elVar('text-color', 'secondary'),
+      'icon-bg': elVar('fill-color', 'light'),
+      'icon-border': none,
+      'active-icon-border': none,
+      'finish-icon-bg': elVar('color-primary', 'light-9'),
+      'finish-icon-border': none
+    ),
+    'tab': (
+      'close-size': 18px,
+      'close-radius': elVar('border-radius', 'small'),
+      'close-hover-color': elVar('text-color', 'primary'),
+      'close-hover-bg': hsla(0, 0%, 60%, 0.15)
+    ),
+    'tab-sm': (
+      'close-size': 14px
+    ),
+    'tab-lg': (
+      'close-size': 20px
+    ),
+    'tab-simple': (
+      'radius': 8px 8px 0px 0px,
+      'hover-color': elVar('color-primary'),
+      'hover-bg': transparent,
+      'active-weight': bold,
+      'active-line': 0px,
+      'line-display': none,
+      'angle-size': 10px,
+      'angle-display': block
+    ),
+    'tab-indicator': (
+      'hover-color': elVar('color-primary')
+    ),
+    'table': (
+      'radius': elVar('border-radius', 'base'),
+      'th-font-weight': bold,
+      'lg-radius': $radius-large,
+      'sm-radius': elVar('border-radius', 'small')
+    ),
+    'tool-column': (
+      'body-padding': 6px 4px,
+      'item-padding': 12px,
+      'item-radius': elVar('border-radius', 'small')
+    ),
+    'toolbar': (
+      'radius': $radius-large
+    ),
+    'popper': (
+      'radius': $radius-large
+    ),
+    'popover': (
+      'title-padding': 13px 16px 0 16px,
+      'title-border': none
+    ),
+    'select': (
+      'padding': 6px 4px,
+      'item-margin': 2px,
+      'item-padding': 0 12px,
+      'item-radius': elVar('border-radius', 'small')
+    ),
+    'autocomplete': (
+      'padding': 6px 4px,
+      'item-margin': 2px,
+      'item-padding': 0 12px,
+      'item-radius': elVar('border-radius', 'small')
+    ),
+    'cascader': (
+      'menu-padding': 6px,
+      'item-margin': 2px,
+      'item-padding': 0 12px,
+      'item-radius': elVar('border-radius', 'small')
+    ),
+    'table-filter': (
+      'padding': 6px 4px,
+      'item-margin': 2px,
+      'item-padding': 0 12px,
+      'item-radius': elVar('border-radius', 'small')
+    ),
+    'message-box': (
+      'radius': $radius-large,
+      'header-font-size': elVar('font-size', 'medium'),
+      'header-font-weight': bold,
+      'icon-hover-bg': elVar('fill-color', 'light')
+    ),
+    'descriptions': (
+      'radius': $radius-large
+    ),
+    'datepicker': (
+      'cell-radius': elVar('border-radius', 'small'),
+      'year-radius': elVar('border-radius', 'base'),
+      'sidebar-padding': 8px 6px,
+      'shortcut-height': 28px,
+      'shortcut-padding': 0 8px,
+      'shortcut-margin': 4px,
+      'shortcut-radius': elVar('border-radius', 'small')
+    ),
+    'timepicker': (
+      'padding': 8px 4px,
+      'item-height': 28px,
+      'item-radius': elVar('border-radius', 'small'),
+      'item-active-bg': elVar('color-primary', 'light-9'),
+      'line-padding': 3px,
+      'line-margin': 4px
+    )
+  ),
+  $ele-rounded
+);

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

@@ -0,0 +1,62 @@
+@use '../../ele-alert/style/css-var.scss' as *;
+@use '../../ele-app/style/css-var.scss' as *;
+@use '../../ele-bottom-bar/style/css-var.scss' as *;
+@use '../../ele-card/style/css-var.scss' as *;
+@use '../../ele-check-card/style/css-var.scss' as *;
+@use '../../ele-drawer/style/css-var.scss' as *;
+@use '../../ele-dropdown/style/css-var.scss' as *;
+@use '../../ele-file-list/style/css-var.scss' as *;
+@use '../../ele-icon-select/style/css-var.scss' as *;
+@use '../../ele-map-picker/style/css-var.scss' as *;
+@use '../../ele-menus/style/css-var.scss' as *;
+@use '../../ele-modal/style/css-var.scss' as *;
+@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 *;
+@use '../../ele-steps/style/css-var.scss' as *;
+@use '../../ele-table/style/css-var.scss' as *;
+@use '../../ele-table-select/style/css-var.scss' as *;
+@use '../../ele-tabs/style/css-var.scss' as *;
+@use '../../ele-text/style/css-var.scss' as *;
+@use '../../ele-tool/style/css-var.scss' as *;
+@use '../../ele-toolbar/style/css-var.scss' as *;
+@use '../../ele-tooltip/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-bottom-bar-var($var);
+    @include set-card-var($var);
+    @include set-check-card-var($var);
+    @include set-drawer-var($var);
+    @include set-dropdown-var($var);
+    @include set-file-var($var);
+    @include set-icon-var($var);
+    @include set-map-var($var);
+    @include set-menus-var($var);
+    @include set-modal-var($var);
+    @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);
+    @include set-step-var($var);
+    @include set-table-var($var);
+    @include set-table-select-var($var);
+    @include set-tab-var($var);
+    @include set-text-var($var);
+    @include set-tool-var($var);
+    @include set-toolbar-var($var);
+    @include set-tooltip-var($var);
+  }
+}

package/es/style/util.scss

@@ -0,0 +1,47 @@
+@use 'element-plus/theme-chalk/src/mixins/function.scss' as *;
+@use 'sass:map';
+
+// 生成 css 变量名
+@function eleJoinVar($list) {
+  $name: '--ele';
+  @each $item in $list {
+    @if $item != '' {
+      $name: $name + '-' + $item;
+    }
+  }
+  @return $name;
+}
+
+// 获取 css 变量值
+@function eleVar($arg1, $arg2: '', $arg3: '') {
+  $args: $arg1, $arg2;
+  @if $arg3 != '' {
+    @return var(#{eleJoinVar($args)}, $arg3);
+  } @else {
+    @return var(#{eleJoinVar($args)});
+  }
+}
+
+// 获取 css 变量名
+@function eleVarName($args...) {
+  @return eleJoinVar($args);
+}
+
+// 生成组件 css 变量
+@mixin set-ele-var($name, $variables) {
+  @if map.has-key($variables, $name) {
+    @each $attribute, $value in map.get($variables, $name) {
+      #{eleVarName($name, $attribute)}: #{$value};
+    }
+  }
+}
+
+// 获取 element 的 css 变量值
+@function elVar($args...) {
+  @return getCssVar($args...);
+}
+
+// 获取 element 的 css 变量名
+@function elVarName($args...) {
+  @return getCssVarName($args...);
+}

package/es/utils/core.d.ts

@@ -91,6 +91,11 @@ export declare function gcj02ToBd09(point: Point): Point;
  * @param url 地址
  */
 export declare function isExternalLink(url?: string | null): boolean;
+/**
+ * 获取节点样式
+ * @param el 节点
+ */
+export declare function getCurrentStyle(el: Element): CSSStyleDeclaration;
 /**
  * 防抖函数
  * @param func 函数

package/es/utils/core.js

@@ -149,6 +149,9 @@ function gcj02ToBd09(point) {
 function isExternalLink(url) {
   return !!(url && (url.startsWith("http://") || url.startsWith("https://") || url.startsWith("//")));
 }
+function getCurrentStyle(el) {
+  return el["currentStyle"] || window.getComputedStyle(el, null) || {};
+}
 function debounce(func, wait) {
   let timer = void 0;
   const debounced = function(...args) {
@@ -203,6 +206,7 @@ export {
   exitFullscreen,
   formatNumber,
   gcj02ToBd09,
+  getCurrentStyle,
   isExternalLink,
   mapTree,
   omit,

package/lib/components.d.ts

@@ -6,6 +6,7 @@ export { default as EleBasicSelect } from "./ele-basic-select/index";
 export { default as EleBottomBar } from "./ele-bottom-bar/index";
 export { default as EleBreadcrumb } from "./ele-breadcrumb/index";
 export { default as EleCard } from "./ele-card/index";
+export { default as EleCheckCard } from "./ele-check-card/index";
 export { default as EleConfigProvider } from './ele-config-provider/index';
 export { default as EleCountUp } from "./ele-count-up/index";
 export { default as EleCropper } from "./ele-cropper/index";
@@ -13,6 +14,7 @@ export { default as EleCropperModal } from "./ele-cropper-modal/index";
 export { default as EleDashboard } from "./ele-dashboard/index";
 export { default as EleDot } from "./ele-dot/index";
 export { default as EleDrawer } from "./ele-drawer/index";
+export { default as EleDropdown } from "./ele-dropdown/index";
 export { default as EleEditTag } from "./ele-edit-tag/index";
 export { default as EleEllipsis } from "./ele-ellipsis/index";
 export { default as EleFileList } from "./ele-file-list/index";
@@ -24,6 +26,8 @@ export { default as EleMenus } from './ele-menus/index';
 export { default as EleModal } from "./ele-modal/index";
 export { default as ElePage } from "./ele-page/index";
 export { default as ElePagination } from "./ele-pagination/index";
+export { default as ElePopconfirm } from "./ele-popconfirm/index";
+export { default as ElePopover } from "./ele-popover/index";
 export { default as ElePrinter } from "./ele-printer/index";
 export { default as EleProLayout } from "./ele-pro-layout/index";
 export { default as EleProTable } from "./ele-pro-table/index";
@@ -40,6 +44,7 @@ export { default as EleTableSelect } from "./ele-table-select/index";
 export { default as EleText } from "./ele-text/index";
 export { default as EleTool } from "./ele-tool/index";
 export { default as EleToolbar } from "./ele-toolbar/index";
+export { default as EleTooltip } from "./ele-tooltip/index";
 export { default as EleTour } from "./ele-tour/index";
 export { default as EleUploadList } from "./ele-upload-list/index";
 export { default as EleWatermark } from "./ele-watermark/index";

package/lib/components.js

@@ -8,44 +8,49 @@ const index$4 = require("./ele-basic-select/index");
 const index$5 = require("./ele-bottom-bar/index");
 const index$6 = require("./ele-breadcrumb/index");
 const index$7 = require("./ele-card/index");
-const index$8 = require("./ele-config-provider/index");
-const index$9 = require("./ele-count-up/index");
-const index$a = require("./ele-cropper/index");
-const index$b = require("./ele-cropper-modal/index");
-const index$c = require("./ele-dashboard/index");
-const index$d = require("./ele-dot/index");
-const index$e = require("./ele-drawer/index");
-const index$f = require("./ele-edit-tag/index");
-const index$g = require("./ele-ellipsis/index");
-const index$h = require("./ele-file-list/index");
-const index$i = require("./ele-file-list-tool/index");
-const index$j = require("./ele-icon-select/index");
-const index$k = require("./ele-loading/index");
-const index$l = require("./ele-map-picker/index");
-const index$m = require("./ele-menus/index");
-const index$n = require("./ele-modal/index");
-const index$o = require("./ele-page/index");
-const index$p = require("./ele-pagination/index");
-const index$q = require("./ele-printer/index");
-const index$r = require("./ele-pro-layout/index");
-const index$s = require("./ele-pro-table/index");
-const index$t = require("./ele-qr-code/index");
-const index$u = require("./ele-qr-code-svg/index");
-const index$v = require("./ele-segmented/index");
-const index$w = require("./ele-split-panel/index");
-const index$x = require("./ele-steps/index");
-const index$y = require("./ele-tabs/index");
-const index$z = require("./ele-tab-tool/index");
-const index$A = require("./ele-tab-wrap/index");
-const index$B = require("./ele-table/index");
-const index$C = require("./ele-table-select/index");
-const index$D = require("./ele-text/index");
-const index$E = require("./ele-tool/index");
-const index$F = require("./ele-toolbar/index");
-const index$G = require("./ele-tour/index");
-const index$H = require("./ele-upload-list/index");
-const index$I = require("./ele-watermark/index");
-const index$J = require("./ele-xg-player/index");
+const index$8 = require("./ele-check-card/index");
+const index$9 = require("./ele-config-provider/index");
+const index$a = require("./ele-count-up/index");
+const index$b = require("./ele-cropper/index");
+const index$c = require("./ele-cropper-modal/index");
+const index$d = require("./ele-dashboard/index");
+const index$e = require("./ele-dot/index");
+const index$f = require("./ele-drawer/index");
+const index$g = require("./ele-dropdown/index");
+const index$h = require("./ele-edit-tag/index");
+const index$i = require("./ele-ellipsis/index");
+const index$j = require("./ele-file-list/index");
+const index$k = require("./ele-file-list-tool/index");
+const index$l = require("./ele-icon-select/index");
+const index$m = require("./ele-loading/index");
+const index$n = require("./ele-map-picker/index");
+const index$o = require("./ele-menus/index");
+const index$p = require("./ele-modal/index");
+const index$q = require("./ele-page/index");
+const index$r = require("./ele-pagination/index");
+const index$s = require("./ele-popconfirm/index");
+const index$t = require("./ele-popover/index");
+const index$u = require("./ele-printer/index");
+const index$v = require("./ele-pro-layout/index");
+const index$w = require("./ele-pro-table/index");
+const index$x = require("./ele-qr-code/index");
+const index$y = require("./ele-qr-code-svg/index");
+const index$z = require("./ele-segmented/index");
+const index$A = require("./ele-split-panel/index");
+const index$B = require("./ele-steps/index");
+const index$C = require("./ele-tabs/index");
+const index$D = require("./ele-tab-tool/index");
+const index$E = require("./ele-tab-wrap/index");
+const index$F = require("./ele-table/index");
+const index$G = require("./ele-table-select/index");
+const index$H = require("./ele-text/index");
+const index$I = require("./ele-tool/index");
+const index$J = require("./ele-toolbar/index");
+const index$K = require("./ele-tooltip/index");
+const index$L = require("./ele-tour/index");
+const index$M = require("./ele-upload-list/index");
+const index$N = require("./ele-watermark/index");
+const index$O = require("./ele-xg-player/index");
 exports.EleAlert = index;
 exports.EleApp = index$1;
 exports.EleAvatarGroup = index$2;
@@ -54,41 +59,46 @@ exports.EleBasicSelect = index$4;
 exports.EleBottomBar = index$5;
 exports.EleBreadcrumb = index$6;
 exports.EleCard = index$7;
-exports.EleConfigProvider = index$8;
-exports.EleCountUp = index$9;
-exports.EleCropper = index$a;
-exports.EleCropperModal = index$b;
-exports.EleDashboard = index$c;
-exports.EleDot = index$d;
-exports.EleDrawer = index$e;
-exports.EleEditTag = index$f;
-exports.EleEllipsis = index$g;
-exports.EleFileList = index$h;
-exports.EleFileListTool = index$i;
-exports.EleIconSelect = index$j;
-exports.EleLoading = index$k;
-exports.EleMapPicker = index$l;
-exports.EleMenus = index$m;
-exports.EleModal = index$n;
-exports.ElePage = index$o;
-exports.ElePagination = index$p;
-exports.ElePrinter = index$q;
-exports.EleProLayout = index$r;
-exports.EleProTable = index$s;
-exports.EleQrCode = index$t;
-exports.EleQrCodeSvg = index$u;
-exports.EleSegmented = index$v;
-exports.EleSplitPanel = index$w;
-exports.EleSteps = index$x;
-exports.EleTabs = index$y;
-exports.EleTabTool = index$z;
-exports.EleTabWrap = index$A;
-exports.EleTable = index$B;
-exports.EleTableSelect = index$C;
-exports.EleText = index$D;
-exports.EleTool = index$E;
-exports.EleToolbar = index$F;
-exports.EleTour = index$G;
-exports.EleUploadList = index$H;
-exports.EleWatermark = index$I;
-exports.EleXgPlayer = index$J;
+exports.EleCheckCard = index$8;
+exports.EleConfigProvider = index$9;
+exports.EleCountUp = index$a;
+exports.EleCropper = index$b;
+exports.EleCropperModal = index$c;
+exports.EleDashboard = index$d;
+exports.EleDot = index$e;
+exports.EleDrawer = index$f;
+exports.EleDropdown = index$g;
+exports.EleEditTag = index$h;
+exports.EleEllipsis = index$i;
+exports.EleFileList = index$j;
+exports.EleFileListTool = index$k;
+exports.EleIconSelect = index$l;
+exports.EleLoading = index$m;
+exports.EleMapPicker = index$n;
+exports.EleMenus = index$o;
+exports.EleModal = index$p;
+exports.ElePage = index$q;
+exports.ElePagination = index$r;
+exports.ElePopconfirm = index$s;
+exports.ElePopover = index$t;
+exports.ElePrinter = index$u;
+exports.EleProLayout = index$v;
+exports.EleProTable = index$w;
+exports.EleQrCode = index$x;
+exports.EleQrCodeSvg = index$y;
+exports.EleSegmented = index$z;
+exports.EleSplitPanel = index$A;
+exports.EleSteps = index$B;
+exports.EleTabs = index$C;
+exports.EleTabTool = index$D;
+exports.EleTabWrap = index$E;
+exports.EleTable = index$F;
+exports.EleTableSelect = index$G;
+exports.EleText = index$H;
+exports.EleTool = index$I;
+exports.EleToolbar = index$J;
+exports.EleTooltip = index$K;
+exports.EleTour = index$L;
+exports.EleUploadList = index$M;
+exports.EleWatermark = index$N;
+exports.EleXgPlayer = index$O;

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

@@ -1,6 +1,6 @@
-declare const _sfc_main: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<{
     title: StringConstructor;
-    type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "success" | "warning" | "error" | "info", unknown>>;
+    type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "success" | "warning" | "info" | "error", unknown> | undefined>;
     description: StringConstructor;
     closable: {
         type: BooleanConstructor;
@@ -9,14 +9,14 @@ declare const _sfc_main: import("vue").DefineComponent<{
     center: BooleanConstructor;
     closeText: StringConstructor;
     showIcon: BooleanConstructor;
-    effect: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "light" | "dark", unknown>>;
-    iconStyle: import("vue").PropType<import("vue").CSSProperties>;
-    iconProps: import("vue").PropType<Partial<import("element-plus").IconProps>>;
-    closeIconStyle: import("vue").PropType<import("vue").CSSProperties>;
-    closeIconProps: import("vue").PropType<Partial<import("element-plus").IconProps>>;
-    bodyStyle: import("vue").PropType<import("vue").CSSProperties>;
-    titleStyle: import("vue").PropType<import("vue").CSSProperties>;
-    descriptionStyle: import("vue").PropType<import("vue").CSSProperties>;
+    effect: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "light" | "dark", unknown> | undefined>;
+    iconStyle: import("vue").PropType<import("../ele-app/types").StyleValue>;
+    iconProps: import("vue").PropType<import("../ele-app/types").ElIconProps>;
+    closeIconStyle: import("vue").PropType<import("../ele-app/types").StyleValue>;
+    closeIconProps: import("vue").PropType<import("../ele-app/types").ElIconProps>;
+    bodyStyle: import("vue").PropType<import("../ele-app/types").StyleValue>;
+    titleStyle: import("vue").PropType<import("../ele-app/types").StyleValue>;
+    descriptionStyle: import("vue").PropType<import("../ele-app/types").StyleValue>;
     transitionName: {
         type: StringConstructor;
         default: string;
@@ -30,7 +30,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
     close: (_e: MouseEvent) => boolean;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     title: StringConstructor;
-    type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "success" | "warning" | "error" | "info", unknown>>;
+    type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "success" | "warning" | "info" | "error", unknown> | undefined>;
     description: StringConstructor;
     closable: {
         type: BooleanConstructor;
@@ -39,14 +39,14 @@ declare const _sfc_main: import("vue").DefineComponent<{
     center: BooleanConstructor;
     closeText: StringConstructor;
     showIcon: BooleanConstructor;
-    effect: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "light" | "dark", unknown>>;
-    iconStyle: import("vue").PropType<import("vue").CSSProperties>;
-    iconProps: import("vue").PropType<Partial<import("element-plus").IconProps>>;
-    closeIconStyle: import("vue").PropType<import("vue").CSSProperties>;
-    closeIconProps: import("vue").PropType<Partial<import("element-plus").IconProps>>;
-    bodyStyle: import("vue").PropType<import("vue").CSSProperties>;
-    titleStyle: import("vue").PropType<import("vue").CSSProperties>;
-    descriptionStyle: import("vue").PropType<import("vue").CSSProperties>;
+    effect: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "light" | "dark", unknown> | undefined>;
+    iconStyle: import("vue").PropType<import("../ele-app/types").StyleValue>;
+    iconProps: import("vue").PropType<import("../ele-app/types").ElIconProps>;
+    closeIconStyle: import("vue").PropType<import("../ele-app/types").StyleValue>;
+    closeIconProps: import("vue").PropType<import("../ele-app/types").ElIconProps>;
+    bodyStyle: import("vue").PropType<import("../ele-app/types").StyleValue>;
+    titleStyle: import("vue").PropType<import("../ele-app/types").StyleValue>;
+    descriptionStyle: import("vue").PropType<import("../ele-app/types").StyleValue>;
     transitionName: {
         type: StringConstructor;
         default: string;
@@ -54,9 +54,9 @@ declare const _sfc_main: import("vue").DefineComponent<{
 }>> & {
     onClose?: ((_e: MouseEvent) => any) | undefined;
 }, {
+    center: boolean;
     closable: boolean;
     showIcon: boolean;
-    center: boolean;
     transitionName: string;
 }, {}>;
-export default _sfc_main;
+export default _default;