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

package/es/core-components.d.ts

@@ -20,6 +20,7 @@ export { default as EleEllipsis } from './ele-ellipsis/index';
 export { default as EleFileList } from './ele-file-list/index';
 export { default as EleFileListTool } from './ele-file-list-tool/index';
 export { default as EleIconSelect } from './ele-icon-select/index';
+export { default as EleImageViewer } from './ele-image-viewer/index';
 export { default as EleLoading } from './ele-loading/index';
 export { default as EleMenus } from './ele-menus/index';
 export { default as EleModal } from './ele-modal/index';

package/es/core-components.js

@@ -20,35 +20,36 @@ import { default as default20 } from "./ele-ellipsis/index";
 import { default as default21 } from "./ele-file-list/index";
 import { default as default22 } from "./ele-file-list-tool/index";
 import { default as default23 } from "./ele-icon-select/index";
-import { default as default24 } from "./ele-loading/index";
-import { default as default25 } from "./ele-menus/index";
-import { default as default26 } from "./ele-modal/index";
-import { default as default27 } from "./ele-page/index";
-import { default as default28 } from "./ele-pagination/index";
-import { default as default29 } from "./ele-popconfirm/index";
-import { default as default30 } from "./ele-popover/index";
-import { default as default31 } from "./ele-printer/index";
-import { default as default32 } from "./ele-pro-layout/index";
-import { default as default33 } from "./ele-pro-table/index";
-import { default as default34 } from "./ele-qr-code/index";
-import { default as default35 } from "./ele-qr-code-svg/index";
-import { default as default36 } from "./ele-segmented/index";
-import { default as default37 } from "./ele-split-panel/index";
-import { default as default38 } from "./ele-steps/index";
-import { default as default39 } from "./ele-tabs/index";
-import { default as default40 } from "./ele-tab-tool/index";
-import { default as default41 } from "./ele-tab-wrap/index";
-import { default as default42 } from "./ele-table/index";
-import { default as default43 } from "./ele-table-select/index";
-import { default as default44 } from "./ele-text/index";
-import { default as default45 } from "./ele-tool/index";
-import { default as default46 } from "./ele-toolbar/index";
-import { default as default47 } from "./ele-tooltip/index";
-import { default as default48 } from "./ele-tour/index";
-import { default as default49 } from "./ele-tree-select/index";
-import { default as default50 } from "./ele-upload-list/index";
-import { default as default51 } from "./ele-virtual-table/index";
-import { default as default52 } from "./ele-watermark/index";
+import { default as default24 } from "./ele-image-viewer/index";
+import { default as default25 } from "./ele-loading/index";
+import { default as default26 } from "./ele-menus/index";
+import { default as default27 } from "./ele-modal/index";
+import { default as default28 } from "./ele-page/index";
+import { default as default29 } from "./ele-pagination/index";
+import { default as default30 } from "./ele-popconfirm/index";
+import { default as default31 } from "./ele-popover/index";
+import { default as default32 } from "./ele-printer/index";
+import { default as default33 } from "./ele-pro-layout/index";
+import { default as default34 } from "./ele-pro-table/index";
+import { default as default35 } from "./ele-qr-code/index";
+import { default as default36 } from "./ele-qr-code-svg/index";
+import { default as default37 } from "./ele-segmented/index";
+import { default as default38 } from "./ele-split-panel/index";
+import { default as default39 } from "./ele-steps/index";
+import { default as default40 } from "./ele-tabs/index";
+import { default as default41 } from "./ele-tab-tool/index";
+import { default as default42 } from "./ele-tab-wrap/index";
+import { default as default43 } from "./ele-table/index";
+import { default as default44 } from "./ele-table-select/index";
+import { default as default45 } from "./ele-text/index";
+import { default as default46 } from "./ele-tool/index";
+import { default as default47 } from "./ele-toolbar/index";
+import { default as default48 } from "./ele-tooltip/index";
+import { default as default49 } from "./ele-tour/index";
+import { default as default50 } from "./ele-tree-select/index";
+import { default as default51 } from "./ele-upload-list/index";
+import { default as default52 } from "./ele-virtual-table/index";
+import { default as default53 } from "./ele-watermark/index";
 export {
   default2 as EleAdminLayout,
   default3 as EleAlert,
@@ -72,33 +73,34 @@ export {
   default21 as EleFileList,
   default22 as EleFileListTool,
   default23 as EleIconSelect,
-  default24 as EleLoading,
-  default25 as EleMenus,
-  default26 as EleModal,
-  default27 as ElePage,
-  default28 as ElePagination,
-  default29 as ElePopconfirm,
-  default30 as ElePopover,
-  default31 as ElePrinter,
-  default32 as EleProLayout,
-  default33 as EleProTable,
-  default34 as EleQrCode,
-  default35 as EleQrCodeSvg,
-  default36 as EleSegmented,
-  default37 as EleSplitPanel,
-  default38 as EleSteps,
-  default40 as EleTabTool,
-  default41 as EleTabWrap,
-  default42 as EleTable,
-  default43 as EleTableSelect,
-  default39 as EleTabs,
-  default44 as EleText,
-  default45 as EleTool,
-  default46 as EleToolbar,
-  default47 as EleTooltip,
-  default48 as EleTour,
-  default49 as EleTreeSelect,
-  default50 as EleUploadList,
-  default51 as EleVirtualTable,
-  default52 as EleWatermark
+  default24 as EleImageViewer,
+  default25 as EleLoading,
+  default26 as EleMenus,
+  default27 as EleModal,
+  default28 as ElePage,
+  default29 as ElePagination,
+  default30 as ElePopconfirm,
+  default31 as ElePopover,
+  default32 as ElePrinter,
+  default33 as EleProLayout,
+  default34 as EleProTable,
+  default35 as EleQrCode,
+  default36 as EleQrCodeSvg,
+  default37 as EleSegmented,
+  default38 as EleSplitPanel,
+  default39 as EleSteps,
+  default41 as EleTabTool,
+  default42 as EleTabWrap,
+  default43 as EleTable,
+  default44 as EleTableSelect,
+  default40 as EleTabs,
+  default45 as EleText,
+  default46 as EleTool,
+  default47 as EleToolbar,
+  default48 as EleTooltip,
+  default49 as EleTour,
+  default50 as EleTreeSelect,
+  default51 as EleUploadList,
+  default52 as EleVirtualTable,
+  default53 as EleWatermark
 };

package/es/ele-admin-layout/components/layout-tabs.d.ts

@@ -1,7 +1,6 @@
 import { PropType } from 'vue';
-import { EleDropdownProps, EleDropdownInstance, EleTabsInstance } from '../../ele-app/plus';
+import { EleDropdownProps } from '../../ele-app/plus';
 import { TabPaneItem, TabEventOption, ContextMenus } from '../../ele-tabs/types';
-import { TabTitleInstance } from '../../ele-tabs/props';
 import { TabStyle } from '../types';
 
 declare const _default: import('vue').DefineComponent<{
@@ -24,13 +23,9 @@ declare const _default: import('vue').DefineComponent<{
     /** 是否支持拖动排序 */
     tabSortable: BooleanConstructor;
 }, {
-    homeRef: import('vue').Ref<TabTitleInstance>;
-    tabRef: import('vue').Ref<EleTabsInstance>;
-    homeContextMenus: import('vue').ComputedRef<import('../../ele-dropdown/types').DropdownItem[] | undefined>;
     handleTabRemove: (name: string) => void;
     handleTabItemClick: (option: TabEventOption) => void;
     handleTabContextMenu: (option: TabEventOption) => void;
-    handleTabContextOpen: (ref: EleDropdownInstance) => void;
     handleTabSortChange: (data: TabPaneItem[]) => void;
 }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     tabClick: (_option: TabEventOption) => true;

package/es/ele-admin-layout/components/layout-tabs.js

@@ -1,10 +1,9 @@
-import { defineComponent, ref, computed, resolveComponent, openBlock, createBlock, withCtx, createVNode, createSlots, renderSlot, normalizeProps, guardReactiveProps, createCommentVNode } from "vue";
+import { defineComponent, resolveComponent, openBlock, createBlock, withCtx, renderSlot, createVNode, createCommentVNode, createSlots, normalizeProps, guardReactiveProps } from "vue";
 import { ElIcon } from "element-plus";
 import { HomeOutlined } from "../../icons";
 import EleTabWrap from "../../ele-tab-wrap/index";
 import EleTabTool from "../../ele-tab-tool/index";
 import EleTabs from "../../ele-tabs/index";
-import TabTitle from "../../ele-tabs/components/tab-title";
 const _sfc_main = defineComponent({
   name: "LayoutTabs",
   components: {
@@ -12,8 +11,7 @@ const _sfc_main = defineComponent({
     HomeOutlined,
     EleTabWrap,
     EleTabTool,
-    EleTabs,
-    TabTitle
+    EleTabs
   },
   props: {
     /** 页签数据 */
@@ -41,26 +39,7 @@ const _sfc_main = defineComponent({
     tabContextMenu: (_option) => true,
     tabSortChange: (_data) => true
   },
-  setup(props, { emit }) {
-    const homeRef = ref(null);
-    const tabRef = ref(null);
-    const homeContextMenus = computed(() => {
-      if (typeof props.tabContextMenus === "function") {
-        return props.tabContextMenus();
-      }
-      return props.tabContextMenus;
-    });
-    const handleTabContextOpen = (ref2) => {
-      const $home = homeRef.value;
-      if (!$home || !$home.dropdownRef) {
-        return;
-      }
-      if ($home.dropdownRef !== ref2) {
-        $home.dropdownRef.handleClose();
-      } else if (tabRef.value) {
-        tabRef.value.hideAllDropdown();
-      }
-    };
+  setup(_props, { emit }) {
     const handleTabItemClick = (option) => {
       emit("tabClick", option);
     };
@@ -74,13 +53,9 @@ const _sfc_main = defineComponent({
       emit("tabSortChange", data);
     };
     return {
-      homeRef,
-      tabRef,
-      homeContextMenus,
       handleTabRemove,
       handleTabItemClick,
       handleTabContextMenu,
-      handleTabContextOpen,
       handleTabSortChange
     };
   }
@@ -95,7 +70,6 @@ const _export_sfc = (sfc, props) => {
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_HomeOutlined = resolveComponent("HomeOutlined");
   const _component_ElIcon = resolveComponent("ElIcon");
-  const _component_TabTitle = resolveComponent("TabTitle");
   const _component_EleTabTool = resolveComponent("EleTabTool");
   const _component_EleTabs = resolveComponent("EleTabs");
   const _component_EleTabWrap = resolveComponent("EleTabWrap");
@@ -107,61 +81,36 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       _ctx.fixedHome ? (openBlock(), createBlock(_component_EleTabTool, {
         key: 0,
         tab: true,
-        active: _ctx.isHome
+        active: _ctx.isHome,
+        tabName: _ctx.homePath
       }, {
         default: withCtx(() => [
-          createVNode(_component_TabTitle, {
-            ref: "homeRef",
-            active: _ctx.active,
-            tabName: _ctx.homePath,
-            handleClick: true,
-            contextMenu: _ctx.tabContextMenu,
-            contextMenus: _ctx.homeContextMenus,
-            onContextMenu: _ctx.handleTabContextMenu,
-            onContextOpen: _ctx.handleTabContextOpen,
-            onItemClick: _ctx.handleTabItemClick
-          }, createSlots({
-            label: withCtx((slotProps) => [
-              renderSlot(_ctx.$slots, "tabHome", normalizeProps(guardReactiveProps(slotProps || {})), () => [
-                createVNode(_component_ElIcon, {
-                  class: "ele-tab-icon",
-                  style: { "vertical-align": "-3px" }
-                }, {
-                  default: withCtx(() => [
-                    createVNode(_component_HomeOutlined, { style: { "transform": "scale(1.08)" } })
-                  ]),
-                  _: 1
-                })
-              ])
-            ]),
-            _: 2
-          }, [
-            _ctx.$slots.tabContext ? {
-              name: "contextMenu",
-              fn: withCtx((slotProps) => [
-                renderSlot(_ctx.$slots, "tabContext", normalizeProps(guardReactiveProps(slotProps || {})))
+          renderSlot(_ctx.$slots, "tabHome", { active: _ctx.active }, () => [
+            createVNode(_component_ElIcon, {
+              class: "ele-tab-icon",
+              style: { "vertical-align": "-3px" }
+            }, {
+              default: withCtx(() => [
+                createVNode(_component_HomeOutlined, { style: { "transform": "scale(1.08)" } })
               ]),
-              key: "0"
-            } : void 0
-          ]), 1032, ["active", "tabName", "contextMenu", "contextMenus", "onContextMenu", "onContextOpen", "onItemClick"])
+              _: 1
+            })
+          ])
         ]),
         _: 3
-      }, 8, ["active"])) : createCommentVNode("", true),
+      }, 8, ["active", "tabName"])) : createCommentVNode("", true),
       _ctx.tabs ? (openBlock(), createBlock(_component_EleTabs, {
         key: 1,
-        ref: "tabRef",
         items: _ctx.tabs,
-        type: _ctx.tabStyle,
         modelValue: _ctx.active,
-        handleClick: true,
         sortable: _ctx.tabSortable,
         contextMenu: _ctx.tabContextMenu,
         contextMenus: _ctx.tabContextMenus,
         mousewheel: true,
+        handleClick: true,
         onTabRemove: _ctx.handleTabRemove,
         onTabItemClick: _ctx.handleTabItemClick,
         onTabContextMenu: _ctx.handleTabContextMenu,
-        onTabContextOpen: _ctx.handleTabContextOpen,
         onTabSortChange: _ctx.handleTabSortChange
       }, createSlots({ _: 2 }, [
         _ctx.$slots.tabTitle ? {
@@ -170,15 +119,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             renderSlot(_ctx.$slots, "tabTitle", normalizeProps(guardReactiveProps(slotProps || {})))
           ]),
           key: "0"
-        } : void 0,
-        _ctx.$slots.tabContext ? {
-          name: "contextMenu",
-          fn: withCtx((slotProps) => [
-            renderSlot(_ctx.$slots, "tabContext", normalizeProps(guardReactiveProps(slotProps || {})))
-          ]),
-          key: "1"
         } : void 0
-      ]), 1032, ["items", "type", "modelValue", "sortable", "contextMenu", "contextMenus", "onTabRemove", "onTabItemClick", "onTabContextMenu", "onTabContextOpen", "onTabSortChange"])) : createCommentVNode("", true),
+      ]), 1032, ["items", "modelValue", "sortable", "contextMenu", "contextMenus", "onTabRemove", "onTabItemClick", "onTabContextMenu", "onTabSortChange"])) : createCommentVNode("", true),
       renderSlot(_ctx.$slots, "tabExtra", { active: _ctx.active })
     ]),
     _: 3

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

@@ -31,7 +31,6 @@ 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;
@@ -46,8 +45,8 @@ declare const _default: import('vue').DefineComponent<{
     tabSortable: BooleanConstructor;
     headerTitleSlot: {
         type: StringConstructor;
-        default: string; /** 是否仅侧栏导航布局 */
-    }; /** 是否仅侧栏导航布局 */
+        default: string;
+    };
     headerIconSlot: {
         type: StringConstructor;
         default: string;
@@ -66,26 +65,25 @@ declare const _default: import('vue').DefineComponent<{
     };
     sideboxIconSlot: {
         type: StringConstructor;
-        /** 是否是移动端风格 */
         default: string;
     };
-    headerCustomStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    sidebarCustomStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    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>>;
+    headerCustomStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    sidebarCustomStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    sideboxCustomStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    tabsCustomStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    contentCustomStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    logoStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    logoTitleStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    headerMenusStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    sidebarMenusStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    sideboxMenusStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
     logoSrc: StringConstructor;
     logoTitle: StringConstructor;
     menuScrollToActive: {
         type: BooleanConstructor;
         default: boolean;
     };
-    mobile: BooleanConstructor; /** 是否是暗色侧栏 */
+    mobile: BooleanConstructor;
 }, {
     ownSlots: string[];
     tabSlots: string[];
@@ -193,7 +191,6 @@ 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;
@@ -208,8 +205,8 @@ declare const _default: import('vue').DefineComponent<{
     tabSortable: BooleanConstructor;
     headerTitleSlot: {
         type: StringConstructor;
-        default: string; /** 是否仅侧栏导航布局 */
-    }; /** 是否仅侧栏导航布局 */
+        default: string;
+    };
     headerIconSlot: {
         type: StringConstructor;
         default: string;
@@ -228,26 +225,25 @@ declare const _default: import('vue').DefineComponent<{
     };
     sideboxIconSlot: {
         type: StringConstructor;
-        /** 是否是移动端风格 */
         default: string;
     };
-    headerCustomStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    sidebarCustomStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    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>>;
+    headerCustomStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    sidebarCustomStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    sideboxCustomStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    tabsCustomStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    contentCustomStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    logoStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    logoTitleStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    headerMenusStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    sidebarMenusStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    sideboxMenusStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
     logoSrc: StringConstructor;
     logoTitle: StringConstructor;
     menuScrollToActive: {
         type: BooleanConstructor;
         default: boolean;
     };
-    mobile: BooleanConstructor; /** 是否是暗色侧栏 */
+    mobile: BooleanConstructor;
 }>> & {
     onTabClick?: ((_option: TabEventOption) => any) | undefined;
     onTabRemove?: ((_name: string) => any) | undefined;

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

@@ -7,7 +7,7 @@ import EleBacktop from "../ele-backtop/index";
 import LayoutSkeleton from "./components/layout-skeleton";
 import LayoutTabs from "./components/layout-tabs";
 import { adminLayoutProps, adminLayoutEmits, LAYOUT_KEY } from "./props";
-const tabSlots = ["tabTitle", "tabContext", "tabExtra", "tabHome"];
+const tabSlots = ["tabTitle", "tabExtra", "tabHome"];
 const ownSlots = [
   "logo",
   "logoTitle",
@@ -101,6 +101,10 @@ const _sfc_main = defineComponent({
     const getModalsEl = () => {
       return modalsRef.value;
     };
+    const getBodyWrapperEl = () => {
+      const contentEl = getContentEl();
+      return contentEl == null ? void 0 : contentEl.parentElement;
+    };
     const sidebarScrollToActive = () => {
       stopSidebarMenuTimer();
       if (!props.menuScrollToActive || sidebarMenuRef.value == null || isCollapseMobile.value || isMixSidebar.value && isCollapseSidebar.value) {
@@ -206,7 +210,8 @@ const _sfc_main = defineComponent({
       fixedHeader: isFixedHeader.value,
       fixedBody: props.fixedBody,
       modalsEl: null,
-      getModalsEl
+      getModalsEl,
+      getBodyWrapperEl
     });
     provide(LAYOUT_KEY, layoutProvide);
     watch(

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

@@ -1,4 +1,5 @@
 import { PropType, ExtractPropTypes, InjectionKey } from 'vue';
+import { StyleValue } from '../ele-app/types';
 import { EleMenusProps, EleBreadcrumbProps, EleBacktopProps, EleDropdownProps } from '../ele-app/plus';
 import { MenuItem } from '../ele-menus/types';
 import { BreadcrumbItem } from '../ele-breadcrumb/types';
@@ -114,25 +115,25 @@ export declare const adminLayoutProps: {
         default: string;
     };
     /** 顶栏样式 */
-    headerCustomStyle: PropType<Partial<import('vue').CSSProperties>>;
+    headerCustomStyle: PropType<StyleValue>;
     /** 侧栏样式 */
-    sidebarCustomStyle: PropType<Partial<import('vue').CSSProperties>>;
+    sidebarCustomStyle: PropType<StyleValue>;
     /** 双侧栏一级样式 */
-    sideboxCustomStyle: PropType<Partial<import('vue').CSSProperties>>;
+    sideboxCustomStyle: PropType<StyleValue>;
     /** 页签栏样式 */
-    tabsCustomStyle: PropType<Partial<import('vue').CSSProperties>>;
+    tabsCustomStyle: PropType<StyleValue>;
     /** 内容区样式 */
-    contentCustomStyle: PropType<Partial<import('vue').CSSProperties>>;
+    contentCustomStyle: PropType<StyleValue>;
     /** logo样式 */
-    logoStyle: PropType<Partial<import('vue').CSSProperties>>;
+    logoStyle: PropType<StyleValue>;
     /** logo文字样式 */
-    logoTitleStyle: PropType<Partial<import('vue').CSSProperties>>;
+    logoTitleStyle: PropType<StyleValue>;
     /** 顶栏菜单样式 */
-    headerMenusStyle: PropType<Partial<import('vue').CSSProperties>>;
+    headerMenusStyle: PropType<StyleValue>;
     /** 侧栏菜单样式 */
-    sidebarMenusStyle: PropType<Partial<import('vue').CSSProperties>>;
+    sidebarMenusStyle: PropType<StyleValue>;
     /** 双侧栏一级菜单样式 */
-    sideboxMenusStyle: PropType<Partial<import('vue').CSSProperties>>;
+    sideboxMenusStyle: PropType<StyleValue>;
     /** logo图片地址 */
     logoSrc: StringConstructor;
     /** logo文字 */

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

@@ -49,4 +49,6 @@ export interface LayoutProvide {
   modalsEl?: HTMLElement | null;
   /** 获取模态框容器节点 */
   getModalsEl?: () => HTMLElement | null;
+  /** 获取内容容器节点 */
+  getBodyWrapperEl?: () => HTMLElement | null | undefined;
 }

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

@@ -1,6 +1,6 @@
 declare const _default: import('vue').DefineComponent<{
     title: StringConstructor;
-    type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "success" | "warning" | "error" | "info", unknown> | undefined>;
+    type: import('vue').PropType<import('../ele-app/el').ElAlertProps["type"]>;
     description: StringConstructor;
     closable: {
         type: BooleanConstructor;
@@ -9,14 +9,14 @@ declare const _default: import('vue').DefineComponent<{
     center: BooleanConstructor;
     closeText: StringConstructor;
     showIcon: BooleanConstructor;
-    effect: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "light" | "dark", unknown> | undefined>;
-    iconStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    effect: import('vue').PropType<import('../ele-app/el').ElAlertProps["effect"]>;
+    iconStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
     iconProps: import('vue').PropType<import('../ele-app/el').ElIconProps>;
-    closeIconStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    closeIconStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
     closeIconProps: import('vue').PropType<import('../ele-app/el').ElIconProps>;
-    bodyStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    titleStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    descriptionStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    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 _default: import('vue').DefineComponent<{
     close: (_e: MouseEvent) => boolean;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     title: StringConstructor;
-    type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "success" | "warning" | "error" | "info", unknown> | undefined>;
+    type: import('vue').PropType<import('../ele-app/el').ElAlertProps["type"]>;
     description: StringConstructor;
     closable: {
         type: BooleanConstructor;
@@ -39,14 +39,14 @@ declare const _default: import('vue').DefineComponent<{
     center: BooleanConstructor;
     closeText: StringConstructor;
     showIcon: BooleanConstructor;
-    effect: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "light" | "dark", unknown> | undefined>;
-    iconStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    effect: import('vue').PropType<import('../ele-app/el').ElAlertProps["effect"]>;
+    iconStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
     iconProps: import('vue').PropType<import('../ele-app/el').ElIconProps>;
-    closeIconStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    closeIconStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
     closeIconProps: import('vue').PropType<import('../ele-app/el').ElIconProps>;
-    bodyStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    titleStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    descriptionStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    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;

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

@@ -1,5 +1,6 @@
 import { PropType, ExtractPropTypes } from 'vue';
-import { ElIconProps } from '../ele-app/el';
+import { StyleValue } from '../ele-app/types';
+import { ElAlertProps, ElIconProps } from '../ele-app/el';
 
 /**
  * 属性
@@ -8,7 +9,7 @@ export declare const alertProps: {
     /** 标题 */
     title: StringConstructor;
     /** 类型 */
-    type: PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "success" | "warning" | "error" | "info", unknown> | undefined>;
+    type: PropType<ElAlertProps["type"]>;
     /** 描述 */
     description: StringConstructor;
     /** 是否可关闭 */
@@ -23,21 +24,21 @@ export declare const alertProps: {
     /** 是否显示图标 */
     showIcon: BooleanConstructor;
     /** 主题 */
-    effect: PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "light" | "dark", unknown> | undefined>;
+    effect: PropType<ElAlertProps["effect"]>;
     /** 图标样式 */
-    iconStyle: PropType<Partial<import('vue').CSSProperties>>;
+    iconStyle: PropType<StyleValue>;
     /** 图标组件属性 */
     iconProps: PropType<ElIconProps>;
     /** 关闭图标样式 */
-    closeIconStyle: PropType<Partial<import('vue').CSSProperties>>;
+    closeIconStyle: PropType<StyleValue>;
     /** 关闭图标组件属性 */
     closeIconProps: PropType<ElIconProps>;
     /** 内容区样式 */
-    bodyStyle: PropType<Partial<import('vue').CSSProperties>>;
+    bodyStyle: PropType<StyleValue>;
     /** 标题样式 */
-    titleStyle: PropType<Partial<import('vue').CSSProperties>>;
+    titleStyle: PropType<StyleValue>;
     /** 描述样式 */
-    descriptionStyle: PropType<Partial<import('vue').CSSProperties>>;
+    descriptionStyle: PropType<StyleValue>;
     /** 过渡动画名称 */
     transitionName: {
         type: StringConstructor;