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

package/lib/ele-pro-layout/index.cjs

@@ -8,16 +8,18 @@ const ProIframe = require("./components/pro-iframe");
 const util = require("./util");
 const props = require("./props");
 const EleAdminLayout = require("../ele-admin-layout/index");
-const _sfc_main = vue.defineComponent({
-  name: "EleProLayout",
-  components: { EleAdminLayout, ProIframe },
+const mobileQuery = "(max-width: 768px)";
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{ name: "EleProLayout" },
+  __name: "index",
   props: props.proLayoutProps,
   emits: props.proLayoutEmits,
-  setup(props$1, { emit }) {
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props$1 = __props;
+    const emit = __emit;
     const { currentRoute, push } = vueRouter.useRouter();
     const [startTimer, stopTimer] = hook.useTimer(() => props$1.menuHoverTimeout);
     const state = { navData: [], sideData: [], boxData: [] };
-    const mobileQuery = "(max-width: 768px)";
     const layoutRef = vue.ref(null);
     const menuData = vue.shallowRef([]);
     const navData = vue.shallowRef([]);
@@ -279,11 +281,11 @@ const _sfc_main = vue.defineComponent({
     const handleLogoClick = (e) => {
       emit("logoClick", isHome.value, e);
     };
-    const handleHeadMenuOpen = (index2, indexPath) => {
-      emit("headMenuOpen", index2, indexPath);
+    const handleHeadMenuOpen = (index, indexPath) => {
+      emit("headMenuOpen", index, indexPath);
     };
-    const handleHeadMenuClose = (index2, indexPath) => {
-      emit("headMenuClose", index2, indexPath);
+    const handleHeadMenuClose = (index, indexPath) => {
+      emit("headMenuClose", index, indexPath);
     };
     const handleHeadMenuItemClick = (item, e) => {
       const path = item.index;
@@ -447,11 +449,11 @@ const _sfc_main = vue.defineComponent({
     const handleBoxMouseLeave = () => {
       resetMenuState();
     };
-    const handleSideMenuOpen = (index2, indexPath) => {
-      emit("sideMenuOpen", index2, indexPath);
+    const handleSideMenuOpen = (index, indexPath) => {
+      emit("sideMenuOpen", index, indexPath);
     };
-    const handleSideMenuClose = (index2, indexPath) => {
-      emit("sideMenuClose", index2, indexPath);
+    const handleSideMenuClose = (index, indexPath) => {
+      emit("sideMenuClose", index, indexPath);
     };
     const handleSideMenuItemClick = (item, e) => {
       const path = item.index;
@@ -807,234 +809,178 @@ const _sfc_main = vue.defineComponent({
     vue.onMounted(() => {
       handleResize();
     });
-    return {
-      layoutRef,
-      navActive,
-      sideActive,
-      boxActive,
-      tabData,
-      tabActive,
-      levelData,
-      mobile,
-      homeMenuPath,
-      isHome,
-      hideFooter,
-      layoutHeaders,
-      layoutSidebars,
-      layoutSideboxs,
-      layoutTabs,
-      layoutLevels,
-      routeLayout,
-      routeSideType,
-      isBoxSide,
-      routeTabBar,
-      routeMaximized,
-      sidebar,
-      breadcrumbProps,
-      backTopProps,
-      navMenuProps,
-      sideMenuProps,
-      boxMenuProps,
-      updateCollapse,
-      handleLogoClick,
-      handleHeadMenuOpen,
-      handleHeadMenuClose,
-      handleHeadMenuItemClick,
-      handleHeadMenuItemMouseenter,
-      handleHeadMouseenter,
-      handleHeadMouseleave,
-      handleBoxMenuItemClick,
-      handleBoxMenuItemMouseenter,
-      handleBoxMouseEnter,
-      handleBoxMouseLeave,
-      handleSideMenuOpen,
-      handleSideMenuClose,
-      handleSideMenuItemClick,
-      handleSideMouseEnter,
-      handleSideMouseLeave,
-      handleTabClick,
-      handleTabRemove,
-      handleTabContextMenu,
-      handleTabSortChange
+    __expose({
+      layoutRef
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(EleAdminLayout, {
+        ref_key: "layoutRef",
+        ref: layoutRef,
+        height: _ctx.height,
+        headerMenus: layoutHeaders.value,
+        headerActive: navActive.value,
+        sidebarMenus: layoutSidebars.value,
+        sidebarActive: sideActive.value,
+        sideboxMenus: layoutSideboxs.value,
+        sideboxActive: isBoxSide.value || _ctx.collapse && !mobile.value ? sideActive.value : boxActive.value,
+        tabs: layoutTabs.value,
+        tabActive: tabActive.value,
+        levels: layoutLevels.value,
+        collapse: _ctx.collapse,
+        compact: _ctx.compact,
+        maximized: routeMaximized.value,
+        tabBar: routeTabBar.value,
+        breadcrumb: breadcrumbProps.value,
+        backTop: backTopProps.value,
+        headerMenuProps: navMenuProps.value,
+        sidebarMenuProps: sideMenuProps.value,
+        sideboxMenuProps: boxMenuProps.value,
+        layout: routeLayout.value,
+        sidebarLayout: routeSideType.value,
+        headerStyle: _ctx.headerStyle,
+        sidebarStyle: _ctx.sidebarStyle,
+        tabStyle: _ctx.tabStyle,
+        fixedHeader: _ctx.fixedHeader,
+        fixedSidebar: _ctx.fixedSidebar,
+        fixedBody: _ctx.fixedBody,
+        logoInHeader: _ctx.logoInHeader,
+        fixedHome: _ctx.fixedHome,
+        homePath: homeMenuPath.value,
+        isHome: isHome.value,
+        tabContextMenu: _ctx.tabContextMenu,
+        tabContextMenus: _ctx.tabContextMenus,
+        tabSortable: _ctx.tabSortable,
+        headerTitleSlot: _ctx.headerTitleSlot,
+        headerIconSlot: _ctx.headerIconSlot,
+        sidebarTitleSlot: _ctx.sidebarTitleSlot,
+        sidebarIconSlot: _ctx.sidebarIconSlot,
+        sideboxTitleSlot: _ctx.sideboxTitleSlot,
+        sideboxIconSlot: _ctx.sideboxIconSlot,
+        headerCustomStyle: _ctx.headerCustomStyle,
+        sidebarCustomStyle: _ctx.sidebarCustomStyle,
+        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: mobile.value,
+        class: vue.normalizeClass(["ele-pro-layout", { "ele-admin-limited": !_ctx.fluid }]),
+        "onUpdate:collapse": updateCollapse,
+        onLogoClick: handleLogoClick,
+        onHeadMenuOpen: handleHeadMenuOpen,
+        onHeadMenuClose: handleHeadMenuClose,
+        onHeadMenuItemClick: handleHeadMenuItemClick,
+        onHeadMenuItemMouseenter: handleHeadMenuItemMouseenter,
+        onHeadMouseenter: handleHeadMouseenter,
+        onHeadMouseleave: handleHeadMouseleave,
+        onBoxMenuItemClick: handleBoxMenuItemClick,
+        onBoxMenuItemMouseenter: handleBoxMenuItemMouseenter,
+        onBoxMouseenter: handleBoxMouseEnter,
+        onBoxMouseleave: handleBoxMouseLeave,
+        onSideMenuOpen: handleSideMenuOpen,
+        onSideMenuClose: handleSideMenuClose,
+        onSideMenuItemClick: handleSideMenuItemClick,
+        onSideMouseenter: handleSideMouseEnter,
+        onSideMouseleave: handleSideMouseLeave,
+        onTabClick: handleTabClick,
+        onTabRemove: handleTabRemove,
+        onTabContextMenu: handleTabContextMenu,
+        onTabSortChange: handleTabSortChange
+      }, vue.createSlots({
+        body: vue.withCtx(() => [
+          _ctx.tabBar && _ctx.keepAlive ? (vue.openBlock(), vue.createBlock(ProIframe, {
+            key: 0,
+            keepAlive: _ctx.keepAlive,
+            transitionName: _ctx.transitionName,
+            transitionDelay: _ctx.transitionDelay,
+            tabData: tabData.value,
+            tabActive: tabActive.value
+          }, null, 8, ["keepAlive", "transitionName", "transitionDelay", "tabData", "tabActive"])) : vue.createCommentVNode("", true)
+        ]),
+        default: vue.withCtx(() => [
+          vue.renderSlot(_ctx.$slots, "default"),
+          !hideFooter.value ? vue.renderSlot(_ctx.$slots, "footer", { key: 0 }) : vue.createCommentVNode("", true)
+        ]),
+        _: 2
+      }, [
+        _ctx.$slots.logo ? {
+          name: "logo",
+          fn: vue.withCtx(() => [
+            vue.renderSlot(_ctx.$slots, "logo", {
+              collapse: _ctx.collapse,
+              sidebar: sidebar.value
+            })
+          ]),
+          key: "0"
+        } : void 0,
+        _ctx.$slots.logoTitle ? {
+          name: "logoTitle",
+          fn: vue.withCtx(() => [
+            vue.renderSlot(_ctx.$slots, "logoTitle", {
+              collapse: _ctx.collapse,
+              sidebar: sidebar.value
+            })
+          ]),
+          key: "1"
+        } : void 0,
+        _ctx.$slots.breadcrumb ? {
+          name: "breadcrumb",
+          fn: vue.withCtx(() => [
+            vue.renderSlot(_ctx.$slots, "breadcrumb", {
+              levels: levelData.value,
+              isHome: isHome.value,
+              homePath: homeMenuPath.value,
+              sidebar: sidebar.value
+            })
+          ]),
+          key: "2"
+        } : void 0,
+        _ctx.$slots.left ? {
+          name: "left",
+          fn: vue.withCtx(() => [
+            vue.renderSlot(_ctx.$slots, "left", { sidebar: sidebar.value })
+          ]),
+          key: "3"
+        } : void 0,
+        _ctx.$slots.center ? {
+          name: "center",
+          fn: vue.withCtx(() => [
+            vue.renderSlot(_ctx.$slots, "center", { sidebar: sidebar.value })
+          ]),
+          key: "4"
+        } : void 0,
+        _ctx.$slots.right ? {
+          name: "right",
+          fn: vue.withCtx(() => [
+            vue.renderSlot(_ctx.$slots, "right", { sidebar: sidebar.value })
+          ]),
+          key: "5"
+        } : void 0,
+        vue.renderList(Object.keys(_ctx.$slots).filter(
+          (k) => ![
+            "default",
+            "logo",
+            "logoTitle",
+            "breadcrumb",
+            "left",
+            "center",
+            "right",
+            "footer",
+            "body"
+          ].includes(k)
+        ), (name) => {
+          return {
+            name,
+            fn: vue.withCtx((slotProps) => [
+              vue.renderSlot(_ctx.$slots, name, vue.normalizeProps(vue.guardReactiveProps(slotProps || {})))
+            ])
+          };
+        })
+      ]), 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"]);
     };
   }
 });
-const _export_sfc = (sfc, props2) => {
-  const target = sfc.__vccOpts || sfc;
-  for (const [key, val] of props2) {
-    target[key] = val;
-  }
-  return target;
-};
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_ProIframe = vue.resolveComponent("ProIframe");
-  const _component_EleAdminLayout = vue.resolveComponent("EleAdminLayout");
-  return vue.openBlock(), vue.createBlock(_component_EleAdminLayout, {
-    ref: "layoutRef",
-    height: _ctx.height,
-    headerMenus: _ctx.layoutHeaders,
-    headerActive: _ctx.navActive,
-    sidebarMenus: _ctx.layoutSidebars,
-    sidebarActive: _ctx.sideActive,
-    sideboxMenus: _ctx.layoutSideboxs,
-    sideboxActive: _ctx.isBoxSide || _ctx.collapse && !_ctx.mobile ? _ctx.sideActive : _ctx.boxActive,
-    tabs: _ctx.layoutTabs,
-    tabActive: _ctx.tabActive,
-    levels: _ctx.layoutLevels,
-    collapse: _ctx.collapse,
-    compact: _ctx.compact,
-    maximized: _ctx.routeMaximized,
-    tabBar: _ctx.routeTabBar,
-    breadcrumb: _ctx.breadcrumbProps,
-    backTop: _ctx.backTopProps,
-    headerMenuProps: _ctx.navMenuProps,
-    sidebarMenuProps: _ctx.sideMenuProps,
-    sideboxMenuProps: _ctx.boxMenuProps,
-    layout: _ctx.routeLayout,
-    sidebarLayout: _ctx.routeSideType,
-    headerStyle: _ctx.headerStyle,
-    sidebarStyle: _ctx.sidebarStyle,
-    tabStyle: _ctx.tabStyle,
-    fixedHeader: _ctx.fixedHeader,
-    fixedSidebar: _ctx.fixedSidebar,
-    fixedBody: _ctx.fixedBody,
-    logoInHeader: _ctx.logoInHeader,
-    fixedHome: _ctx.fixedHome,
-    homePath: _ctx.homeMenuPath,
-    isHome: _ctx.isHome,
-    tabContextMenu: _ctx.tabContextMenu,
-    tabContextMenus: _ctx.tabContextMenus,
-    tabSortable: _ctx.tabSortable,
-    headerTitleSlot: _ctx.headerTitleSlot,
-    headerIconSlot: _ctx.headerIconSlot,
-    sidebarTitleSlot: _ctx.sidebarTitleSlot,
-    sidebarIconSlot: _ctx.sidebarIconSlot,
-    sideboxTitleSlot: _ctx.sideboxTitleSlot,
-    sideboxIconSlot: _ctx.sideboxIconSlot,
-    headerCustomStyle: _ctx.headerCustomStyle,
-    sidebarCustomStyle: _ctx.sidebarCustomStyle,
-    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: vue.normalizeClass(["ele-pro-layout", { "ele-admin-limited": !_ctx.fluid }]),
-    "onUpdate:collapse": _ctx.updateCollapse,
-    onLogoClick: _ctx.handleLogoClick,
-    onHeadMenuOpen: _ctx.handleHeadMenuOpen,
-    onHeadMenuClose: _ctx.handleHeadMenuClose,
-    onHeadMenuItemClick: _ctx.handleHeadMenuItemClick,
-    onHeadMenuItemMouseenter: _ctx.handleHeadMenuItemMouseenter,
-    onHeadMouseenter: _ctx.handleHeadMouseenter,
-    onHeadMouseleave: _ctx.handleHeadMouseleave,
-    onBoxMenuItemClick: _ctx.handleBoxMenuItemClick,
-    onBoxMenuItemMouseenter: _ctx.handleBoxMenuItemMouseenter,
-    onBoxMouseenter: _ctx.handleBoxMouseEnter,
-    onBoxMouseleave: _ctx.handleBoxMouseLeave,
-    onSideMenuOpen: _ctx.handleSideMenuOpen,
-    onSideMenuClose: _ctx.handleSideMenuClose,
-    onSideMenuItemClick: _ctx.handleSideMenuItemClick,
-    onSideMouseenter: _ctx.handleSideMouseEnter,
-    onSideMouseleave: _ctx.handleSideMouseLeave,
-    onTabClick: _ctx.handleTabClick,
-    onTabRemove: _ctx.handleTabRemove,
-    onTabContextMenu: _ctx.handleTabContextMenu,
-    onTabSortChange: _ctx.handleTabSortChange
-  }, vue.createSlots({
-    body: vue.withCtx(() => [
-      _ctx.tabBar && _ctx.keepAlive ? (vue.openBlock(), vue.createBlock(_component_ProIframe, {
-        key: 0,
-        keepAlive: _ctx.keepAlive,
-        transitionName: _ctx.transitionName,
-        transitionDelay: _ctx.transitionDelay,
-        tabData: _ctx.tabData,
-        tabActive: _ctx.tabActive
-      }, null, 8, ["keepAlive", "transitionName", "transitionDelay", "tabData", "tabActive"])) : vue.createCommentVNode("", true)
-    ]),
-    default: vue.withCtx(() => [
-      vue.renderSlot(_ctx.$slots, "default"),
-      !_ctx.hideFooter ? vue.renderSlot(_ctx.$slots, "footer", { key: 0 }) : vue.createCommentVNode("", true)
-    ]),
-    _: 2
-  }, [
-    _ctx.$slots.logo ? {
-      name: "logo",
-      fn: vue.withCtx(() => [
-        vue.renderSlot(_ctx.$slots, "logo", {
-          collapse: _ctx.collapse,
-          sidebar: _ctx.sidebar
-        })
-      ]),
-      key: "0"
-    } : void 0,
-    _ctx.$slots.logoTitle ? {
-      name: "logoTitle",
-      fn: vue.withCtx(() => [
-        vue.renderSlot(_ctx.$slots, "logoTitle", {
-          collapse: _ctx.collapse,
-          sidebar: _ctx.sidebar
-        })
-      ]),
-      key: "1"
-    } : void 0,
-    _ctx.$slots.breadcrumb ? {
-      name: "breadcrumb",
-      fn: vue.withCtx(() => [
-        vue.renderSlot(_ctx.$slots, "breadcrumb", {
-          levels: _ctx.levelData,
-          isHome: _ctx.isHome,
-          homePath: _ctx.homeMenuPath,
-          sidebar: _ctx.sidebar
-        })
-      ]),
-      key: "2"
-    } : void 0,
-    _ctx.$slots.left ? {
-      name: "left",
-      fn: vue.withCtx(() => [
-        vue.renderSlot(_ctx.$slots, "left", { sidebar: _ctx.sidebar })
-      ]),
-      key: "3"
-    } : void 0,
-    _ctx.$slots.center ? {
-      name: "center",
-      fn: vue.withCtx(() => [
-        vue.renderSlot(_ctx.$slots, "center", { sidebar: _ctx.sidebar })
-      ]),
-      key: "4"
-    } : void 0,
-    _ctx.$slots.right ? {
-      name: "right",
-      fn: vue.withCtx(() => [
-        vue.renderSlot(_ctx.$slots, "right", { sidebar: _ctx.sidebar })
-      ]),
-      key: "5"
-    } : void 0,
-    vue.renderList(Object.keys(_ctx.$slots).filter(
-      (k) => ![
-        "default",
-        "logo",
-        "logoTitle",
-        "breadcrumb",
-        "left",
-        "center",
-        "right",
-        "footer",
-        "body"
-      ].includes(k)
-    ), (name) => {
-      return {
-        name,
-        fn: vue.withCtx((slotProps) => [
-          vue.renderSlot(_ctx.$slots, name, vue.normalizeProps(vue.guardReactiveProps(slotProps || {})))
-        ])
-      };
-    })
-  ]), 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]]);
-module.exports = index;
+module.exports = _sfc_main;

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

@@ -1,11 +1,35 @@
 import { EleAdminLayoutInstance, EleBreadcrumbProps, EleBacktopProps, EleMenusProps } from '../ele-app/plus';
 import { MenuItem, TabItem, LevelItem, TabItemEventOption } from './types';
-import { MenuItem as MenuItemProps } from '../ele-menus/types';
-import { BreadcrumbItem } from '../ele-breadcrumb/types';
-import { TabPaneItem, TabEventOption } from '../ele-tabs/types';
 import { Layout, SidebarLayout, TabBar, Maximized } from '../ele-admin-layout/types';
 
-declare const _default: import('vue').DefineComponent<{
+declare function __VLS_template(): Partial<Record<string, (_: any) => any>> & {
+    default?(_: {}): any;
+    footer?(_: {}): any;
+    logo?(_: {
+        collapse: boolean;
+        sidebar: boolean;
+    }): any;
+    logoTitle?(_: {
+        collapse: boolean;
+        sidebar: boolean;
+    }): any;
+    breadcrumb?(_: {
+        levels: LevelItem[];
+        isHome: boolean;
+        homePath: string | undefined;
+        sidebar: boolean;
+    }): any;
+    left?(_: {
+        sidebar: boolean;
+    }): any;
+    center?(_: {
+        sidebar: boolean;
+    }): any;
+    right?(_: {
+        sidebar: boolean;
+    }): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     height: {
         type: (StringConstructor | NumberConstructor)[];
         default: null;
@@ -149,69 +173,22 @@ declare const _default: import('vue').DefineComponent<{
     backTopRight: NumberConstructor;
     backTopBottom: NumberConstructor;
     backTopTarget: StringConstructor;
-}, {
-    layoutRef: import('vue').Ref<EleAdminLayoutInstance>;
-    navActive: import('vue').Ref<string | undefined>;
-    sideActive: import('vue').Ref<string | undefined>;
-    boxActive: import('vue').Ref<string | undefined>;
-    tabData: import('vue').ShallowRef<TabItem[]>;
-    tabActive: import('vue').Ref<string | undefined>;
-    levelData: import('vue').ShallowRef<LevelItem[]>;
-    mobile: import('vue').Ref<boolean>;
-    homeMenuPath: import('vue').Ref<string | undefined>;
-    isHome: import('vue').Ref<boolean>;
-    hideFooter: import('vue').Ref<boolean>;
-    layoutHeaders: import('vue').ComputedRef<MenuItemProps[]>;
-    layoutSidebars: import('vue').ComputedRef<MenuItemProps[]>;
-    layoutSideboxs: import('vue').ComputedRef<MenuItemProps[]>;
-    layoutTabs: import('vue').ComputedRef<TabPaneItem[]>;
-    layoutLevels: import('vue').ComputedRef<BreadcrumbItem[]>;
-    routeLayout: import('vue').ComputedRef<Layout>;
-    routeSideType: import('vue').ComputedRef<SidebarLayout>;
-    isBoxSide: import('vue').ComputedRef<boolean>;
-    routeTabBar: import('vue').ComputedRef<TabBar>;
-    routeMaximized: import('vue').ComputedRef<Maximized | undefined>;
-    sidebar: import('vue').ComputedRef<boolean>;
-    breadcrumbProps: import('vue').ComputedRef<boolean | EleBreadcrumbProps>;
-    backTopProps: import('vue').ComputedRef<boolean | EleBacktopProps>;
-    navMenuProps: import('vue').ComputedRef<EleMenusProps | undefined>;
-    sideMenuProps: import('vue').ComputedRef<EleMenusProps | undefined>;
-    boxMenuProps: import('vue').ComputedRef<EleMenusProps | undefined>;
-    updateCollapse: (collapse: boolean) => void;
-    handleLogoClick: (e: MouseEvent) => void;
-    handleHeadMenuOpen: (index: string, indexPath: string[]) => void;
-    handleHeadMenuClose: (index: string, indexPath: string[]) => void;
-    handleHeadMenuItemClick: (item: MenuItemProps, e: MouseEvent) => void;
-    handleHeadMenuItemMouseenter: (item: MenuItemProps, e: MouseEvent) => void;
-    handleHeadMouseenter: () => void;
-    handleHeadMouseleave: () => void;
-    handleBoxMenuItemClick: (item: MenuItemProps, e: MouseEvent) => void;
-    handleBoxMenuItemMouseenter: (item: MenuItemProps, e: MouseEvent) => void;
-    handleBoxMouseEnter: () => void;
-    handleBoxMouseLeave: () => void;
-    handleSideMenuOpen: (index: string, indexPath: string[]) => void;
-    handleSideMenuClose: (index: string, indexPath: string[]) => void;
-    handleSideMenuItemClick: (item: MenuItemProps, e: MouseEvent) => void;
-    handleSideMouseEnter: () => void;
-    handleSideMouseLeave: () => void;
-    handleTabClick: (option: TabEventOption) => void;
-    handleTabRemove: (key: string) => void;
-    handleTabContextMenu: (option: TabEventOption) => void;
-    handleTabSortChange: (data: TabPaneItem[]) => void;
-}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    'update:collapse': (_collapse: boolean) => boolean;
-    'update:maximized': (_maximized: boolean) => boolean;
-    tabAdd: (_data: TabItem) => boolean;
-    tabClick: (_option: TabItemEventOption) => boolean;
-    tabRemove: (_option: TabItemEventOption) => boolean;
-    tabContextMenu: (_option: TabItemEventOption) => boolean;
-    tabSortChange: (_data: TabItem[]) => boolean;
-    logoClick: (_isHome: boolean, _e: MouseEvent) => boolean;
-    headMenuOpen: (_index: string, _indexPath: string[]) => boolean;
-    headMenuClose: (_index: string, _indexPath: string[]) => boolean;
-    sideMenuOpen: (_index: string, _indexPath: string[]) => boolean;
-    sideMenuClose: (_index: string, _indexPath: string[]) => boolean;
-    bodySizeChange: (_option: import('./types').BodySizeChangeOption) => boolean;
+}>, {
+    layoutRef: import('vue').Ref<EleAdminLayoutInstance, EleAdminLayoutInstance>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    tabContextMenu: (_option: TabItemEventOption) => void;
+    tabSortChange: (_data: TabItem[]) => void;
+    tabClick: (_option: TabItemEventOption) => void;
+    tabRemove: (_option: TabItemEventOption) => void;
+    tabAdd: (_data: TabItem) => void;
+    "update:collapse": (_collapse: boolean) => void;
+    logoClick: (_isHome: boolean, _e: MouseEvent) => void;
+    headMenuOpen: (_index: string, _indexPath: string[]) => void;
+    headMenuClose: (_index: string, _indexPath: string[]) => void;
+    sideMenuOpen: (_index: string, _indexPath: string[]) => void;
+    sideMenuClose: (_index: string, _indexPath: string[]) => void;
+    "update:maximized": (_maximized: boolean) => void;
+    bodySizeChange: (_option: import('./types').BodySizeChangeOption) => void;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     height: {
         type: (StringConstructor | NumberConstructor)[];
@@ -356,12 +333,12 @@ declare const _default: import('vue').DefineComponent<{
     backTopRight: NumberConstructor;
     backTopBottom: NumberConstructor;
     backTopTarget: StringConstructor;
-}>> & {
+}>> & Readonly<{
+    onTabContextMenu?: ((_option: TabItemEventOption) => any) | undefined;
+    onTabSortChange?: ((_data: TabItem[]) => any) | undefined;
     onTabClick?: ((_option: TabItemEventOption) => any) | undefined;
     onTabRemove?: ((_option: TabItemEventOption) => any) | undefined;
     onTabAdd?: ((_data: TabItem) => any) | undefined;
-    onTabContextMenu?: ((_option: TabItemEventOption) => any) | undefined;
-    onTabSortChange?: ((_data: TabItem[]) => any) | undefined;
     "onUpdate:collapse"?: ((_collapse: boolean) => any) | undefined;
     onLogoClick?: ((_isHome: boolean, _e: MouseEvent) => any) | undefined;
     onHeadMenuOpen?: ((_index: string, _indexPath: string[]) => any) | undefined;
@@ -370,14 +347,14 @@ declare const _default: import('vue').DefineComponent<{
     onSideMenuClose?: ((_index: string, _indexPath: string[]) => any) | undefined;
     "onUpdate:maximized"?: ((_maximized: boolean) => any) | undefined;
     onBodySizeChange?: ((_option: import('./types').BodySizeChangeOption) => any) | undefined;
-}, {
+}>, {
+    height: string | number;
     uniqueOpened: boolean;
     collapse: boolean;
     ellipsis: boolean;
-    height: string | number;
+    expanded: boolean;
     compact: boolean;
     transitionDelay: number;
-    expanded: boolean;
     tabBar: TabBar;
     breadcrumb: boolean | EleBreadcrumbProps;
     backTop: boolean | EleBacktopProps;
@@ -403,5 +380,11 @@ declare const _default: import('vue').DefineComponent<{
     autoScrollTop: boolean;
     menuHoverTimeout: number;
     colorfulIcon: boolean;
-}, {}>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};