ele-admin-plus 1.2.0 → 1.2.1-beta.2

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

@@ -3,7 +3,10 @@ import { MenuItem } from '../ele-menus/types';
 import { TabPaneItem, TabEventOption } from '../ele-tabs/types';
 
 declare const _default: import('vue').DefineComponent<{
-    height: (StringConstructor | NumberConstructor)[];
+    height: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: string;
+    };
     headerMenus: import('vue').PropType<MenuItem[]>;
     headerActive: StringConstructor;
     sidebarMenus: import('vue').PropType<MenuItem[]>;
@@ -28,6 +31,7 @@ declare const _default: import('vue').DefineComponent<{
     sidebarStyle: import('vue').PropType<import('./types').SidebarStyle>;
     tabStyle: {
         type: import('vue').PropType<import('./types').TabStyle>;
+        /** 是否禁用过渡动画 */
         default: string;
     };
     fixedHeader: BooleanConstructor;
@@ -42,8 +46,8 @@ declare const _default: import('vue').DefineComponent<{
     tabSortable: BooleanConstructor;
     headerTitleSlot: {
         type: StringConstructor;
-        default: string;
-    };
+        default: string; /** 是否仅侧栏导航布局 */
+    }; /** 是否仅侧栏导航布局 */
     headerIconSlot: {
         type: StringConstructor;
         default: string;
@@ -56,13 +60,13 @@ declare const _default: import('vue').DefineComponent<{
         type: StringConstructor;
         default: string;
     };
-    /** 是否双侧栏布局 */
     sideboxTitleSlot: {
         type: StringConstructor;
         default: string;
     };
     sideboxIconSlot: {
         type: StringConstructor;
+        /** 是否是移动端风格 */
         default: string;
     };
     headerCustomStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
@@ -70,13 +74,18 @@ declare const _default: import('vue').DefineComponent<{
     sideboxCustomStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
     tabsCustomStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
     contentCustomStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    logoStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    logoTitleStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    headerMenusStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    sidebarMenusStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    sideboxMenusStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
     logoSrc: StringConstructor;
     logoTitle: StringConstructor;
     menuScrollToActive: {
         type: BooleanConstructor;
         default: boolean;
     };
-    mobile: BooleanConstructor;
+    mobile: BooleanConstructor; /** 是否是暗色侧栏 */
 }, {
     ownSlots: string[];
     tabSlots: string[];
@@ -150,13 +159,16 @@ declare const _default: import('vue').DefineComponent<{
     sideMenuItemClick: (_item: MenuItem, _e: MouseEvent) => boolean;
     sideMouseenter: (_e: MouseEvent) => boolean;
     sideMouseleave: (_e: MouseEvent) => boolean;
-    tabClick: (_option: TabEventOption) => boolean; /** 是否是移动端风格折叠状态 */
+    tabClick: (_option: TabEventOption) => boolean;
     tabRemove: (_name: string) => boolean;
     tabContextMenu: (_option: TabEventOption) => boolean;
     tabSortChange: (_data: TabPaneItem[]) => boolean;
     contentMounted: (_contentEl: HTMLElement, _modalsEl: HTMLElement) => boolean;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    height: (StringConstructor | NumberConstructor)[];
+    height: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: string;
+    };
     headerMenus: import('vue').PropType<MenuItem[]>;
     headerActive: StringConstructor;
     sidebarMenus: import('vue').PropType<MenuItem[]>;
@@ -181,6 +193,7 @@ declare const _default: import('vue').DefineComponent<{
     sidebarStyle: import('vue').PropType<import('./types').SidebarStyle>;
     tabStyle: {
         type: import('vue').PropType<import('./types').TabStyle>;
+        /** 是否禁用过渡动画 */
         default: string;
     };
     fixedHeader: BooleanConstructor;
@@ -195,8 +208,8 @@ declare const _default: import('vue').DefineComponent<{
     tabSortable: BooleanConstructor;
     headerTitleSlot: {
         type: StringConstructor;
-        default: string;
-    };
+        default: string; /** 是否仅侧栏导航布局 */
+    }; /** 是否仅侧栏导航布局 */
     headerIconSlot: {
         type: StringConstructor;
         default: string;
@@ -209,13 +222,13 @@ declare const _default: import('vue').DefineComponent<{
         type: StringConstructor;
         default: string;
     };
-    /** 是否双侧栏布局 */
     sideboxTitleSlot: {
         type: StringConstructor;
         default: string;
     };
     sideboxIconSlot: {
         type: StringConstructor;
+        /** 是否是移动端风格 */
         default: string;
     };
     headerCustomStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
@@ -223,13 +236,18 @@ declare const _default: import('vue').DefineComponent<{
     sideboxCustomStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
     tabsCustomStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
     contentCustomStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    logoStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    logoTitleStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    headerMenusStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    sidebarMenusStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    sideboxMenusStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
     logoSrc: StringConstructor;
     logoTitle: StringConstructor;
     menuScrollToActive: {
         type: BooleanConstructor;
         default: boolean;
     };
-    mobile: BooleanConstructor;
+    mobile: BooleanConstructor; /** 是否是暗色侧栏 */
 }>> & {
     onTabClick?: ((_option: TabEventOption) => any) | undefined;
     onTabRemove?: ((_name: string) => any) | undefined;
@@ -256,6 +274,7 @@ declare const _default: import('vue').DefineComponent<{
     onSideMouseleave?: ((_e: MouseEvent) => any) | undefined;
     onContentMounted?: ((_contentEl: HTMLElement, _modalsEl: HTMLElement) => any) | undefined;
 }, {
+    height: string | number;
     collapse: boolean;
     compact: boolean;
     tabStyle: import('./types').TabStyle;

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

@@ -322,42 +322,22 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const _hoisted_1 = {
-  key: 0,
-  class: "ele-admin-logo"
-};
-const _hoisted_2 = ["src"];
-const _hoisted_3 = {
+const _hoisted_1 = ["src"];
+const _hoisted_2 = {
   key: 1,
   class: "ele-admin-tools"
 };
-const _hoisted_4 = {
+const _hoisted_3 = {
   key: 2,
   class: "ele-admin-breadcrumb"
 };
-const _hoisted_5 = {
-  key: 3,
-  class: "ele-admin-menus"
-};
-const _hoisted_6 = {
+const _hoisted_4 = {
   key: 5,
   class: "ele-admin-tools"
 };
+const _hoisted_5 = ["src"];
+const _hoisted_6 = ["src"];
 const _hoisted_7 = {
-  key: 0,
-  class: "ele-admin-logo"
-};
-const _hoisted_8 = ["src"];
-const _hoisted_9 = {
-  key: 0,
-  class: "ele-admin-logo-title"
-};
-const _hoisted_10 = {
-  key: 1,
-  class: "ele-admin-logo"
-};
-const _hoisted_11 = ["src"];
-const _hoisted_12 = {
   ref: "modalsRef",
   class: "ele-admin-modals"
 };
@@ -398,24 +378,32 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         onMouseenter: _cache[0] || (_cache[0] = (...args) => _ctx.handleHeadMouseenter && _ctx.handleHeadMouseenter(...args)),
         onMouseleave: _cache[1] || (_cache[1] = (...args) => _ctx.handleHeadMouseleave && _ctx.handleHeadMouseleave(...args))
       }, [
-        _ctx.isHeaderLogo && (_ctx.logoSrc || _ctx.logoTitle || _ctx.$slots.logo || _ctx.$slots.logoTitle) ? (openBlock(), createElementBlock("div", _hoisted_1, [
+        _ctx.isHeaderLogo && (_ctx.logoSrc || _ctx.logoTitle || _ctx.$slots.logo || _ctx.$slots.logoTitle) ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          class: "ele-admin-logo",
+          style: normalizeStyle(_ctx.logoStyle)
+        }, [
           _ctx.logoSrc || _ctx.$slots.logo ? renderSlot(_ctx.$slots, "logo", { key: 0 }, () => [
-            createElementVNode("img", { src: _ctx.logoSrc }, null, 8, _hoisted_2)
+            createElementVNode("img", { src: _ctx.logoSrc }, null, 8, _hoisted_1)
           ]) : createCommentVNode("", true),
           _ctx.logoTitle || _ctx.$slots.logoTitle ? renderSlot(_ctx.$slots, "logoTitle", { key: 1 }, () => [
             createElementVNode("h1", null, toDisplayString(_ctx.logoTitle), 1)
           ]) : createCommentVNode("", true)
-        ])) : createCommentVNode("", true),
-        _ctx.$slots.left ? (openBlock(), createElementBlock("div", _hoisted_3, [
+        ], 4)) : createCommentVNode("", true),
+        _ctx.$slots.left ? (openBlock(), createElementBlock("div", _hoisted_2, [
           renderSlot(_ctx.$slots, "left")
         ])) : createCommentVNode("", true),
-        _ctx.breadcrumb ? (openBlock(), createElementBlock("div", _hoisted_4, [
+        _ctx.breadcrumb ? (openBlock(), createElementBlock("div", _hoisted_3, [
           renderSlot(_ctx.$slots, "breadcrumb", {}, () => [
             _ctx.levels && _ctx.levels.length ? (openBlock(), createBlock(_component_EleBreadcrumb, mergeProps({ key: 0 }, _ctx.breadcrumb === true ? {} : _ctx.breadcrumb, { items: _ctx.levels }), null, 16, ["items"])) : createCommentVNode("", true)
           ])
         ])) : createCommentVNode("", true),
         renderSlot(_ctx.$slots, "center"),
-        !_ctx.showHeaderTabs || _ctx.showHeaderMenus ? (openBlock(), createElementBlock("div", _hoisted_5, [
+        !_ctx.showHeaderTabs || _ctx.showHeaderMenus ? (openBlock(), createElementBlock("div", {
+          key: 3,
+          class: "ele-admin-menus",
+          style: normalizeStyle(_ctx.headerMenusStyle)
+        }, [
           _ctx.showHeaderMenus && _ctx.headerMenus ? (openBlock(), createBlock(_component_EleMenus, mergeProps({
             key: 0,
             mode: "horizontal",
@@ -445,7 +433,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
               key: "1"
             } : void 0
           ]), 1040, ["theme", "popupTheme", "defaultActive", "items", "onOpen", "onClose", "onItemClick", "onItemMouseenter", "onItemMouseleave"])) : createCommentVNode("", true)
-        ])) : createCommentVNode("", true),
+        ], 4)) : createCommentVNode("", true),
         _ctx.showHeaderTabs ? (openBlock(), createBlock(_component_LayoutTabs, {
           key: 4,
           tabs: _ctx.tabs,
@@ -475,7 +463,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             };
           })
         ]), 1032, ["tabs", "active", "fixedHome", "homePath", "isHome", "tabStyle", "tabContextMenu", "tabContextMenus", "tabSortable", "class", "style", "onTabClick", "onTabRemove", "onTabContextMenu", "onTabSortChange"])) : createCommentVNode("", true),
-        _ctx.$slots.right ? (openBlock(), createElementBlock("div", _hoisted_6, [
+        _ctx.$slots.right ? (openBlock(), createElementBlock("div", _hoisted_4, [
           renderSlot(_ctx.$slots, "right")
         ])) : createCommentVNode("", true)
       ], 38)) : createCommentVNode("", true)
@@ -507,13 +495,20 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           onMouseenter: _cache[2] || (_cache[2] = (...args) => _ctx.handleBoxMouseEnter && _ctx.handleBoxMouseEnter(...args)),
           onMouseleave: _cache[3] || (_cache[3] = (...args) => _ctx.handleBoxMouseLeave && _ctx.handleBoxMouseLeave(...args))
         }, [
-          !_ctx.isHeaderLogo && (_ctx.logoSrc || _ctx.$slots.logo) ? (openBlock(), createElementBlock("div", _hoisted_7, [
+          !_ctx.isHeaderLogo && (_ctx.logoSrc || _ctx.$slots.logo) ? (openBlock(), createElementBlock("div", {
+            key: 0,
+            class: "ele-admin-logo",
+            style: normalizeStyle(_ctx.logoStyle)
+          }, [
             renderSlot(_ctx.$slots, "logo", {}, () => [
-              createElementVNode("img", { src: _ctx.logoSrc }, null, 8, _hoisted_8)
+              createElementVNode("img", { src: _ctx.logoSrc }, null, 8, _hoisted_5)
             ])
-          ])) : createCommentVNode("", true),
+          ], 4)) : createCommentVNode("", true),
           renderSlot(_ctx.$slots, "boxTop"),
-          createVNode(_component_ElScrollbar, { class: "ele-admin-menus" }, {
+          createVNode(_component_ElScrollbar, {
+            class: "ele-admin-menus",
+            style: normalizeStyle(_ctx.sideboxMenusStyle)
+          }, {
             default: withCtx(() => [
               _ctx.sideboxMenus ? (openBlock(), createBlock(_component_EleMenus, mergeProps({
                 key: 0,
@@ -547,7 +542,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
               ]), 1040, ["theme", "defaultActive", "collapse", "items", "onItemClick", "onItemMouseenter", "onItemMouseleave"])) : createCommentVNode("", true)
             ]),
             _: 3
-          }),
+          }, 8, ["style"]),
           renderSlot(_ctx.$slots, "boxBottom")
         ], 38)) : createCommentVNode("", true),
         !_ctx.isBoxSidebar ? (openBlock(), createElementBlock("div", {
@@ -564,21 +559,32 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           onMouseleave: _cache[5] || (_cache[5] = (...args) => _ctx.handleSideMouseLeave && _ctx.handleSideMouseLeave(...args))
         }, [
           _ctx.isMixSidebar ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-            !_ctx.isHeaderLogo && (_ctx.logoTitle || _ctx.$slots.logoTitle) ? (openBlock(), createElementBlock("div", _hoisted_9, [
+            !_ctx.isHeaderLogo && (_ctx.logoTitle || _ctx.$slots.logoTitle) ? (openBlock(), createElementBlock("div", {
+              key: 0,
+              class: "ele-admin-logo-title",
+              style: normalizeStyle(_ctx.logoTitleStyle)
+            }, [
               renderSlot(_ctx.$slots, "logoTitle", {}, () => [
                 createElementVNode("h1", null, toDisplayString(_ctx.logoTitle), 1)
               ])
-            ])) : createCommentVNode("", true)
-          ], 64)) : !_ctx.isHeaderLogo && (_ctx.logoSrc || _ctx.logoTitle || _ctx.$slots.logo || _ctx.$slots.logoTitle) ? (openBlock(), createElementBlock("div", _hoisted_10, [
+            ], 4)) : createCommentVNode("", true)
+          ], 64)) : !_ctx.isHeaderLogo && (_ctx.logoSrc || _ctx.logoTitle || _ctx.$slots.logo || _ctx.$slots.logoTitle) ? (openBlock(), createElementBlock("div", {
+            key: 1,
+            class: "ele-admin-logo",
+            style: normalizeStyle(_ctx.logoStyle)
+          }, [
             _ctx.logoSrc || _ctx.$slots.logo ? renderSlot(_ctx.$slots, "logo", { key: 0 }, () => [
-              createElementVNode("img", { src: _ctx.logoSrc }, null, 8, _hoisted_11)
+              createElementVNode("img", { src: _ctx.logoSrc }, null, 8, _hoisted_6)
             ]) : createCommentVNode("", true),
             _ctx.logoTitle || _ctx.$slots.logoTitle ? renderSlot(_ctx.$slots, "logoTitle", { key: 1 }, () => [
               createElementVNode("h1", null, toDisplayString(_ctx.logoTitle), 1)
             ]) : createCommentVNode("", true)
-          ])) : createCommentVNode("", true),
+          ], 4)) : createCommentVNode("", true),
           renderSlot(_ctx.$slots, "top"),
-          createVNode(_component_ElScrollbar, { class: "ele-admin-menus" }, {
+          createVNode(_component_ElScrollbar, {
+            class: "ele-admin-menus",
+            style: normalizeStyle(_ctx.sidebarMenusStyle)
+          }, {
             default: withCtx(() => [
               _ctx.sidebarMenus ? (openBlock(), createBlock(_component_EleMenus, mergeProps({
                 key: 0,
@@ -611,7 +617,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
               ]), 1040, ["theme", "defaultActive", "collapse", "items", "onOpen", "onClose", "onItemClick"])) : createCommentVNode("", true)
             ]),
             _: 3
-          }),
+          }, 8, ["style"]),
           renderSlot(_ctx.$slots, "bottom")
         ], 38)) : createCommentVNode("", true)
       ], 6)) : createCommentVNode("", true)
@@ -665,7 +671,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         target: _ctx.fixedBody && _ctx.contentRef ? _ctx.contentRef : void 0,
         style: _ctx.fixedBody ? { position: "absolute" } : void 0
       }, _ctx.backTop === true ? {} : _ctx.backTop), null, 16, ["target", "style"])) : createCommentVNode("", true),
-      createElementVNode("div", _hoisted_12, null, 512)
+      createElementVNode("div", _hoisted_7, null, 512)
     ]),
     default: withCtx(() => [
       createElementVNode("div", {

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

@@ -10,7 +10,10 @@ import { Layout, SidebarLayout, HeaderStyle, SidebarStyle, TabStyle, TabBar, Max
  */
 export declare const adminLayoutProps: {
     /** 高度 */
-    height: (StringConstructor | NumberConstructor)[];
+    height: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: string;
+    };
     /** 顶栏菜单数据 */
     headerMenus: PropType<MenuItem[]>;
     /** 顶栏菜单选中 */
@@ -120,6 +123,16 @@ export declare const adminLayoutProps: {
     tabsCustomStyle: PropType<Partial<import('vue').CSSProperties>>;
     /** 内容区样式 */
     contentCustomStyle: PropType<Partial<import('vue').CSSProperties>>;
+    /** logo样式 */
+    logoStyle: PropType<Partial<import('vue').CSSProperties>>;
+    /** logo文字样式 */
+    logoTitleStyle: PropType<Partial<import('vue').CSSProperties>>;
+    /** 顶栏菜单样式 */
+    headerMenusStyle: PropType<Partial<import('vue').CSSProperties>>;
+    /** 侧栏菜单样式 */
+    sidebarMenusStyle: PropType<Partial<import('vue').CSSProperties>>;
+    /** 双侧栏一级菜单样式 */
+    sideboxMenusStyle: PropType<Partial<import('vue').CSSProperties>>;
     /** logo图片地址 */
     logoSrc: StringConstructor;
     /** logo文字 */

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

@@ -1,6 +1,9 @@
 const adminLayoutProps = {
   /** 高度 */
-  height: [String, Number],
+  height: {
+    type: [String, Number],
+    default: "100%"
+  },
   /** 顶栏菜单数据 */
   headerMenus: Array,
   /** 顶栏菜单选中 */
@@ -110,6 +113,16 @@ const adminLayoutProps = {
   tabsCustomStyle: Object,
   /** 内容区样式 */
   contentCustomStyle: Object,
+  /** logo样式 */
+  logoStyle: Object,
+  /** logo文字样式 */
+  logoTitleStyle: Object,
+  /** 顶栏菜单样式 */
+  headerMenusStyle: Object,
+  /** 侧栏菜单样式 */
+  sidebarMenusStyle: Object,
+  /** 双侧栏一级菜单样式 */
+  sideboxMenusStyle: Object,
   /** logo图片地址 */
   logoSrc: String,
   /** logo文字 */

package/es/ele-admin-layout/style/index.scss

@@ -14,7 +14,8 @@
   background: eleVar('layout', 'bg');
   box-sizing: border-box;
   position: relative;
-  min-height: 100%;
+  min-height: 100vh;
+  min-height: 100dvh;
 
   & > .ele-admin-header {
     z-index: calc(#{eleVar('layout', 'index')} + 4);
@@ -103,7 +104,11 @@
 
 .ele-admin-layout {
   /* 固定主体 */
-  &.is-fixed-body,
+  &.is-fixed-body {
+    height: 100vh;
+    height: 100dvh;
+  }
+
   &.is-fixed-body > .ele-admin-main,
   &.is-fixed-body > .ele-admin-main > .ele-admin-body,
   &.is-fixed-body > .ele-admin-main > .ele-admin-side,

package/es/ele-admin-layout/style/sidebar.scss

@@ -139,6 +139,8 @@
   position: sticky;
   left: 0;
   top: 0;
+  height: 100vh;
+  height: 100dvh;
 }
 
 .ele-admin-side.show-placeholder {

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

@@ -24,7 +24,7 @@ declare const _default: import('vue').DefineComponent<{
 }, {
     visible: import('vue').Ref<boolean>;
     isRich: import('vue').ComputedRef<boolean>;
-    onClose: (e: MouseEvent) => void;
+    handleClose: (e: MouseEvent) => void;
     open: () => void;
 }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     close: (_e: MouseEvent) => boolean;

package/es/ele-alert/index.js

@@ -19,7 +19,7 @@ const _sfc_main = defineComponent({
     const isRich = computed(() => {
       return !!props.description || !!slots.default;
     });
-    const onClose = (e) => {
+    const handleClose = (e) => {
       if (!visible.value || !props.closable) {
         return;
       }
@@ -31,7 +31,7 @@ const _sfc_main = defineComponent({
         visible.value = true;
       }
     };
-    return { visible, isRich, onClose, open };
+    return { visible, isRich, handleClose, open };
   }
 });
 const _export_sfc = (sfc, props) => {
@@ -105,7 +105,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           key: 1,
           class: "ele-alert-close",
           style: normalizeStyle(_ctx.closeIconStyle),
-          onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClose && _ctx.onClose(...args))
+          onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClose && _ctx.handleClose(...args))
         }, [
           renderSlot(_ctx.$slots, "closeIcon", {}, () => [
             _ctx.closeText ? (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(_ctx.closeText), 1)) : (openBlock(), createBlock(_component_ElIcon, normalizeProps(mergeProps({ key: 1 }, _ctx.closeIconProps || {})), {

package/es/ele-app/components/message-body.d.ts

@@ -13,10 +13,13 @@ declare const _default: import('vue').DefineComponent<{
     dangerouslyUseHTMLString: BooleanConstructor;
     /** 是否是加载框 */
     loading: PropType<boolean | null>;
+    /** 标识id */
+    messageId: StringConstructor;
 }, {
-    onClose: () => void;
+    handleClose: () => void;
 }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     close: () => true;
+    messageDestroy: (_messageId?: string) => true;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     /** 内容 */
     message: StringConstructor;
@@ -30,8 +33,11 @@ declare const _default: import('vue').DefineComponent<{
     dangerouslyUseHTMLString: BooleanConstructor;
     /** 是否是加载框 */
     loading: PropType<boolean | null>;
+    /** 标识id */
+    messageId: StringConstructor;
 }>> & {
     onClose?: (() => any) | undefined;
+    onMessageDestroy?: ((_messageId?: string | undefined) => any) | undefined;
 }, {
     showClose: boolean;
     dangerouslyUseHTMLString: boolean;

package/es/ele-app/components/message-body.js

@@ -1,4 +1,4 @@
-import { defineComponent, resolveComponent, openBlock, createElementBlock, Fragment, createElementVNode, createVNode, normalizeClass, withCtx, createBlock, resolveDynamicComponent, renderSlot, toDisplayString, createCommentVNode } from "vue";
+import { defineComponent, onBeforeUnmount, resolveComponent, openBlock, createElementBlock, Fragment, createElementVNode, createVNode, normalizeClass, withCtx, createBlock, resolveDynamicComponent, renderSlot, toDisplayString, createCommentVNode } from "vue";
 import { ElIcon } from "element-plus";
 import { CloseOutlined, InfoCircleFilled, CheckCircleFilled, ExclamationCircleFilled, CloseCircleFilled, LoadingOutlined } from "../../icons";
 const _sfc_main = defineComponent({
@@ -24,13 +24,19 @@ const _sfc_main = defineComponent({
     /** 内容是否是富文本 */
     dangerouslyUseHTMLString: Boolean,
     /** 是否是加载框 */
-    loading: Boolean
+    loading: Boolean,
+    /** 标识id */
+    messageId: String
   },
   emits: {
-    close: () => true
+    close: () => true,
+    messageDestroy: (_messageId) => true
   },
-  setup(_props, { emit }) {
-    return { onClose: () => emit("close") };
+  setup(props, { emit }) {
+    onBeforeUnmount(() => {
+      emit("messageDestroy", props.messageId);
+    });
+    return { handleClose: () => emit("close") };
   }
 });
 const _export_sfc = (sfc, props) => {
@@ -75,7 +81,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     _ctx.showClose ? (openBlock(), createElementBlock("div", {
       key: 0,
       class: "ele-message-close",
-      onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClose && _ctx.onClose(...args))
+      onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClose && _ctx.handleClose(...args))
     }, [
       createVNode(_component_ElIcon, null, {
         default: withCtx(() => [

package/es/ele-app/components/message-box-icon.d.ts

@@ -0,0 +1,30 @@
+import { PropType } from 'vue';
+
+declare const _default: import('vue').DefineComponent<{
+    /** 类型 */
+    type: PropType<("" | "success" | "warning" | "error" | "info") | undefined>;
+    /** 图标 */
+    icon: PropType<string | import('vue').Component | undefined>;
+    /** 标识id */
+    boxId: StringConstructor;
+}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    boxDestroy: (_boxId?: string) => true;
+    boxMounted: (_: {
+        boxId?: string;
+        doClose?: () => void;
+    }) => true;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /** 类型 */
+    type: PropType<("" | "success" | "warning" | "error" | "info") | undefined>;
+    /** 图标 */
+    icon: PropType<string | import('vue').Component | undefined>;
+    /** 标识id */
+    boxId: StringConstructor;
+}>> & {
+    onBoxDestroy?: ((_boxId?: string | undefined) => any) | undefined;
+    onBoxMounted?: ((_: {
+        boxId?: string | undefined;
+        doClose?: (() => void) | undefined;
+    }) => any) | undefined;
+}, {}, {}>;
+export default _default;

package/es/ele-app/components/message-box-icon.js

@@ -0,0 +1,63 @@
+import { defineComponent, getCurrentInstance, onBeforeUnmount, onMounted, resolveComponent, withDirectives, openBlock, createElementBlock, createBlock, resolveDynamicComponent, createCommentVNode, vShow } from "vue";
+import { CloseOutlined, InfoCircleFilled, CheckCircleFilled, ExclamationCircleFilled, CloseCircleFilled } from "../../icons";
+const _sfc_main = defineComponent({
+  name: "MessageBoxIcon",
+  components: {
+    CloseOutlined,
+    InfoCircleFilled,
+    CheckCircleFilled,
+    ExclamationCircleFilled,
+    CloseCircleFilled
+  },
+  props: {
+    /** 类型 */
+    type: String,
+    /** 图标 */
+    icon: [String, Object, Function],
+    /** 标识id */
+    boxId: String
+  },
+  emits: {
+    boxDestroy: (_boxId) => true,
+    boxMounted: (_) => true
+  },
+  setup(props, { emit }) {
+    var _a;
+    const ins = (_a = getCurrentInstance) == null ? void 0 : _a();
+    onBeforeUnmount(() => {
+      emit("boxDestroy", props.boxId);
+    });
+    onMounted(() => {
+      var _a2, _b;
+      emit("boxMounted", {
+        boxId: props.boxId,
+        // @ts-ignore
+        doClose: (_b = (_a2 = ins == null ? void 0 : ins.ctx) == null ? void 0 : _a2.$root) == null ? void 0 : _b.doClose
+      });
+    });
+    return {};
+  }
+});
+const _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+const _hoisted_1 = { class: "ele-message-box-icon" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_CheckCircleFilled = resolveComponent("CheckCircleFilled");
+  const _component_ExclamationCircleFilled = resolveComponent("ExclamationCircleFilled");
+  const _component_CloseCircleFilled = resolveComponent("CloseCircleFilled");
+  const _component_InfoCircleFilled = resolveComponent("InfoCircleFilled");
+  return withDirectives((openBlock(), createElementBlock("div", _hoisted_1, [
+    _ctx.icon ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon), { key: 0 })) : _ctx.type === "success" ? (openBlock(), createBlock(_component_CheckCircleFilled, { key: 1 })) : _ctx.type === "warning" ? (openBlock(), createBlock(_component_ExclamationCircleFilled, { key: 2 })) : _ctx.type === "error" ? (openBlock(), createBlock(_component_CloseCircleFilled, { key: 3 })) : _ctx.type === "info" ? (openBlock(), createBlock(_component_InfoCircleFilled, { key: 4 })) : createCommentVNode("", true)
+  ], 512)), [
+    [vShow, _ctx.type || _ctx.icon]
+  ]);
+}
+const messageBoxIcon = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  messageBoxIcon as default
+};

package/es/ele-app/el.d.ts

@@ -54,6 +54,8 @@ import type {
   MenuItemGroupProps,
   // ElMessage
   MessageOptions,
+  // ElMessageBox
+  ElMessageBoxOptions as MessageBoxOptions,
   // ElPopper
   ElPopper,
   ElPopover,
@@ -220,6 +222,11 @@ export type ElMenuItemGroupProps = ComponentProps<MenuItemGroupProps>;
  */
 export type ElMessageOptions = Partial<MessageOptions>;
 
+/**
+ * ElMessageBox
+ */
+export type ElMessageBoxOptions = Partial<MessageBoxOptions>;
+
 /**
  * ElPopper
  */