ele-admin-plus 1.2.0-beta.6 → 1.2.1-beta.1

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

@@ -70,6 +70,11 @@ 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: {
@@ -150,7 +155,7 @@ 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;
@@ -223,6 +228,11 @@ 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: {

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

@@ -120,6 +120,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

@@ -110,6 +110,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-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;
 }, 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,12 +24,18 @@ const _sfc_main = defineComponent({
     /** 内容是否是富文本 */
     dangerouslyUseHTMLString: Boolean,
     /** 是否是加载框 */
-    loading: Boolean
+    loading: Boolean,
+    /** 标识id */
+    messageId: String
   },
   emits: {
-    close: () => true
+    close: () => true,
+    messageDestroy: (_messageId) => true
   },
-  setup(_props, { emit }) {
+  setup(props, { emit }) {
+    onBeforeUnmount(() => {
+      emit("messageDestroy", props.messageId);
+    });
     return { onClose: () => emit("close") };
   }
 });

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
  */

package/es/ele-app/style/overwrite/message-box/index.scss

@@ -101,6 +101,25 @@ body .el-overlay.is-message-box > .el-overlay-message-box {
   }
 }
 
+/* useMessageBox */
+.ele-message-box > .el-message-box__content > .el-message-box__container {
+  gap: 0;
+
+  & > .el-message-box__status {
+    width: auto;
+    height: auto;
+  }
+}
+
+.ele-message-box-icon {
+  width: 1em;
+  height: 1em;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-right: 12px;
+}
+
 /* 容器 */
 .ele-message-box-wrapper {
   position: absolute;

package/es/ele-card/index.js

@@ -89,7 +89,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         class: "ele-card-collapse-icon",
         onClick: _cache[0] || (_cache[0] = withModifiers((...args) => _ctx.handleCollapseClick && _ctx.handleCollapseClick(...args), ["stop"]))
       }, [
-        renderSlot(_ctx.$slots, "collapseIcon", {}, () => [
+        renderSlot(_ctx.$slots, "collapseIcon", { collapse: _ctx.isCollapse }, () => [
           createVNode(_component_ElIcon, null, {
             default: withCtx(() => [
               createVNode(_component_ArrowUp)

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

@@ -123,6 +123,11 @@ 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>>;
     headerMenuProps: import('vue').PropType<EleMenusProps>;
     sidebarMenuProps: import('vue').PropType<EleMenusProps>;
     sideboxMenuProps: import('vue').PropType<EleMenusProps>;
@@ -145,7 +150,7 @@ declare const _default: import('vue').DefineComponent<{
     backTopVisibilityHeight: NumberConstructor;
     backTopRight: NumberConstructor;
     backTopBottom: NumberConstructor;
-    backTopTarget: StringConstructor;
+    backTopTarget: StringConstructor; /** 当前路由布局风格 */
 }, {
     layoutRef: import('vue').Ref<EleAdminLayoutInstance>;
     navActive: import('vue').Ref<string | undefined>;
@@ -327,6 +332,11 @@ 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>>;
     headerMenuProps: import('vue').PropType<EleMenusProps>;
     sidebarMenuProps: import('vue').PropType<EleMenusProps>;
     sideboxMenuProps: import('vue').PropType<EleMenusProps>;
@@ -349,7 +359,7 @@ declare const _default: import('vue').DefineComponent<{
     backTopVisibilityHeight: NumberConstructor;
     backTopRight: NumberConstructor;
     backTopBottom: NumberConstructor;
-    backTopTarget: StringConstructor;
+    backTopTarget: StringConstructor; /** 当前路由布局风格 */
 }>> & {
     onTabClick?: ((_option: TabItemEventOption) => any) | undefined;
     onTabRemove?: ((_option: TabItemEventOption) => any) | undefined;

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

@@ -901,6 +901,11 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     sideboxCustomStyle: _ctx.sideboxCustomStyle,
     tabsCustomStyle: _ctx.tabsCustomStyle,
     contentCustomStyle: _ctx.contentCustomStyle,
+    logoStyle: _ctx.logoStyle,
+    logoTitleStyle: _ctx.logoTitleStyle,
+    headerMenusStyle: _ctx.headerMenusStyle,
+    sidebarMenusStyle: _ctx.sidebarMenusStyle,
+    sideboxMenusStyle: _ctx.sideboxMenusStyle,
     mobile: _ctx.mobile,
     class: normalizeClass(["ele-pro-layout", { "ele-admin-limited": !_ctx.fluid }]),
     "onUpdate:collapse": _ctx.updateCollapse,
@@ -1014,7 +1019,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         ])
       };
     })
-  ]), 1032, ["height", "headerMenus", "headerActive", "sidebarMenus", "sidebarActive", "sideboxMenus", "sideboxActive", "tabs", "tabActive", "levels", "collapse", "compact", "maximized", "tabBar", "breadcrumb", "backTop", "headerMenuProps", "sidebarMenuProps", "sideboxMenuProps", "layout", "sidebarLayout", "headerStyle", "sidebarStyle", "tabStyle", "fixedHeader", "fixedSidebar", "fixedBody", "logoInHeader", "fixedHome", "homePath", "isHome", "tabContextMenu", "tabContextMenus", "tabSortable", "headerTitleSlot", "headerIconSlot", "sidebarTitleSlot", "sidebarIconSlot", "sideboxTitleSlot", "sideboxIconSlot", "headerCustomStyle", "sidebarCustomStyle", "sideboxCustomStyle", "tabsCustomStyle", "contentCustomStyle", "mobile", "class", "onUpdate:collapse", "onLogoClick", "onHeadMenuOpen", "onHeadMenuClose", "onHeadMenuItemClick", "onHeadMenuItemMouseenter", "onHeadMouseenter", "onHeadMouseleave", "onBoxMenuItemClick", "onBoxMenuItemMouseenter", "onBoxMouseenter", "onBoxMouseleave", "onSideMenuOpen", "onSideMenuClose", "onSideMenuItemClick", "onSideMouseenter", "onSideMouseleave", "onTabClick", "onTabRemove", "onTabContextMenu", "onTabSortChange"]);
+  ]), 1032, ["height", "headerMenus", "headerActive", "sidebarMenus", "sidebarActive", "sideboxMenus", "sideboxActive", "tabs", "tabActive", "levels", "collapse", "compact", "maximized", "tabBar", "breadcrumb", "backTop", "headerMenuProps", "sidebarMenuProps", "sideboxMenuProps", "layout", "sidebarLayout", "headerStyle", "sidebarStyle", "tabStyle", "fixedHeader", "fixedSidebar", "fixedBody", "logoInHeader", "fixedHome", "homePath", "isHome", "tabContextMenu", "tabContextMenus", "tabSortable", "headerTitleSlot", "headerIconSlot", "sidebarTitleSlot", "sidebarIconSlot", "sideboxTitleSlot", "sideboxIconSlot", "headerCustomStyle", "sidebarCustomStyle", "sideboxCustomStyle", "tabsCustomStyle", "contentCustomStyle", "logoStyle", "logoTitleStyle", "headerMenusStyle", "sidebarMenusStyle", "sideboxMenusStyle", "mobile", "class", "onUpdate:collapse", "onLogoClick", "onHeadMenuOpen", "onHeadMenuClose", "onHeadMenuItemClick", "onHeadMenuItemMouseenter", "onHeadMouseenter", "onHeadMouseleave", "onBoxMenuItemClick", "onBoxMenuItemMouseenter", "onBoxMouseenter", "onBoxMouseleave", "onSideMenuOpen", "onSideMenuClose", "onSideMenuItemClick", "onSideMouseenter", "onSideMouseleave", "onTabClick", "onTabRemove", "onTabContextMenu", "onTabSortChange"]);
 }
 const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {

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

@@ -174,6 +174,16 @@ export declare const proLayoutProps: {
     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>>;
     /** 顶栏菜单属性 */
     headerMenuProps: PropType<EleMenusProps>;
     /** 侧栏菜单属性 */

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

@@ -163,6 +163,16 @@ const proLayoutProps = {
   tabsCustomStyle: Object,
   /** 内容区样式 */
   contentCustomStyle: Object,
+  /** logo样式 */
+  logoStyle: Object,
+  /** logo文字样式 */
+  logoTitleStyle: Object,
+  /** 顶栏菜单样式 */
+  headerMenusStyle: Object,
+  /** 侧栏菜单样式 */
+  sidebarMenusStyle: Object,
+  /** 双侧栏一级菜单样式 */
+  sideboxMenusStyle: Object,
   /** 顶栏菜单属性 */
   headerMenuProps: Object,
   /** 侧栏菜单属性 */

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

@@ -327,7 +327,7 @@ export interface ExportDataItem {
   rowspan?: number;
   /** 是否是展开行的单元格 */
   isExpandCell?: boolean;
-  /** 是否显示树展开图标 */
+  /** 是否显示树展开图标的单元格 */
   isTreeCell?: boolean;
   /** 是否是树叶子节点 */
   isTreeLeaf?: boolean;
@@ -335,9 +335,9 @@ export interface ExportDataItem {
   indent?: number;
   /** 是否是层级序号 */
   isTreeIndex?: boolean;
-  /** 层级序号是否显示左边框 */
+  /** 层级序号是否隐藏左边框 */
   hideLeftBorder?: boolean;
-  /** 层级序号是否显示右边框 */
+  /** 层级序号是否隐藏右边框 */
   hideRightBorder?: boolean;
 }