ele-admin-plus 1.1.3 → 1.1.4-beta.1

package/es/ele-pro-layout/components/pro-sidebox.d.ts

@@ -1,6 +1,6 @@
 import type { PropType } from 'vue';
 import type { ElScrollbarInstance } from '../../ele-app/types';
-import type { MenuItem, SidebarStyle } from '../types';
+import type { MenuItem, SidebarStyle, MenuItemTrigger, MenuItemProps } from '../types';
 declare const _default: import("vue").DefineComponent<{
     menus: {
         type: PropType<MenuItem[]>;
@@ -12,12 +12,16 @@ declare const _default: import("vue").DefineComponent<{
     compact: BooleanConstructor;
     collapse: BooleanConstructor;
     popperEffect: PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "light" | "dark", unknown>>;
+    itemTrigger: PropType<MenuItemTrigger>;
     titleSlot: StringConstructor;
     iconSlot: StringConstructor;
 }, {
     menusRef: import("vue").Ref<ElScrollbarInstance>;
-    menuItems: import("vue").ComputedRef<import("../../ele-menus/types").MenuItem[]>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    menuItems: import("vue").ComputedRef<MenuItemProps[]>;
+    onItemClick: (item: MenuItemProps) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    itemClick: (_item: MenuItemProps) => true;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     menus: {
         type: PropType<MenuItem[]>;
         required: true;
@@ -28,9 +32,12 @@ declare const _default: import("vue").DefineComponent<{
     compact: BooleanConstructor;
     collapse: BooleanConstructor;
     popperEffect: PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "light" | "dark", unknown>>;
+    itemTrigger: PropType<MenuItemTrigger>;
     titleSlot: StringConstructor;
     iconSlot: StringConstructor;
-}>>, {
+}>> & {
+    onItemClick?: ((_item: MenuItemProps) => any) | undefined;
+}, {
     collapse: boolean;
     compact: boolean;
     colorfulIcon: boolean;

package/es/ele-pro-layout/components/pro-sidebox.js

@@ -23,18 +23,28 @@ const _sfc_main = defineComponent({
     collapse: Boolean,
     // tooltip 主题
     popperEffect: String,
+    // 菜单项触发模式
+    itemTrigger: String,
     // 标题插槽名称
     titleSlot: String,
     // 图标插槽名称
     iconSlot: String
   },
-  setup(props) {
+  emits: {
+    itemClick: (_item) => true
+  },
+  setup(props, { emit }) {
     const { scrollIntoView } = useMenuScroll(() => {
       var _a;
       return (_a = menusRef.value) == null ? void 0 : _a.$el;
     });
     const menusRef = ref(null);
-    const menuItems = computed(() => getMenuItems(props.menus));
+    const menuItems = computed(() => {
+      return getMenuItems(props.menus, props.itemTrigger != "click");
+    });
+    const onItemClick = (item) => {
+      emit("itemClick", item);
+    };
     watch(
       () => props.active,
       () => {
@@ -43,7 +53,7 @@ const _sfc_main = defineComponent({
         });
       }
     );
-    return { menusRef, menuItems };
+    return { menusRef, menuItems, onItemClick };
   }
 });
 const _export_sfc = (sfc, props) => {
@@ -74,7 +84,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           popperEffect: _ctx.popperEffect,
           collapseTransition: false,
           firstPopperClass: "ele-admin-sidebox-popup",
-          tooltipDisabled: !_ctx.compact
+          tooltipDisabled: !_ctx.compact,
+          onItemClick: _ctx.onItemClick
         }, createSlots({ _: 2 }, [
           _ctx.iconSlot && _ctx.$slots[_ctx.iconSlot] ? {
             name: "icon",
@@ -90,7 +101,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             ]),
             key: "1"
           } : void 0
-        ]), 1032, ["items", "theme", "popupColorful", "collapse", "defaultActive", "popperEffect", "tooltipDisabled"])
+        ]), 1032, ["items", "theme", "popupColorful", "collapse", "defaultActive", "popperEffect", "tooltipDisabled", "onItemClick"])
       ]),
       _: 3
     }, 512),

package/es/ele-pro-layout/components/tab-dropdown.js

@@ -63,10 +63,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         placement: "bottom-end",
         popperClass: "ele-tab-popup",
         popperOptions: {
-          modifiers: [
-            { name: "arrow", options: { padding: 12 } },
-            { name: "offset", options: { offset: [12, 8] } }
-          ]
+          modifiers: [{ name: "offset", options: { offset: [12, 8] } }]
         },
         items: _ctx.items,
         onCommand: _ctx.onCommand

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

@@ -1,6 +1,6 @@
 import type { Ref } from 'vue';
 import type { ClassValues } from '../ele-app/types';
-import type { MenuItem, TabItem, LevelItem, TabItemEventOption } from './types';
+import type { MenuItem, TabItem, LevelItem, TabItemEventOption, MenuItemProps } from './types';
 declare const _default: import("vue").DefineComponent<{
     menus: import("vue").PropType<MenuItem[] | null>;
     tabs: import("vue").PropType<TabItem[] | null>;
@@ -35,6 +35,7 @@ declare const _default: import("vue").DefineComponent<{
         type: NumberConstructor;
         default: number;
     };
+    backTopTarget: StringConstructor;
     ellipsis: {
         type: BooleanConstructor;
         default: boolean;
@@ -126,6 +127,10 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
     tooltipEffect: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "light" | "dark", unknown> | undefined>;
+    navTrigger: import("vue").PropType<import("./types").MenuItemTrigger>;
+    boxTrigger: import("vue").PropType<import("./types").MenuItemTrigger>;
+    itemTrigger: import("vue").PropType<import("./types").MenuItemTrigger>;
+    beforeClick: import("vue").PropType<import("./types").BeforeClick>;
     keepAlive: BooleanConstructor;
     transitionName: StringConstructor;
     transitionDelay: {
@@ -137,8 +142,8 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
 }, {
-    UNAUTHORIZED_TIP: string;
     authenticated: Ref<boolean>;
+    watermark: Ref<string[]>;
     contentRef: Ref<HTMLElement | null>;
     levelData: import("vue").ShallowRef<LevelItem[]>;
     tabData: import("vue").ShallowRef<TabItem[]>;
@@ -155,6 +160,7 @@ declare const _default: import("vue").DefineComponent<{
     sidebox: import("vue").ComputedRef<boolean>;
     sidebar: import("vue").ComputedRef<boolean>;
     layoutClass: import("vue").ComputedRef<ClassValues>;
+    backTopSelector: import("vue").ComputedRef<string | undefined>;
     sidebarCollapse: import("vue").ComputedRef<boolean>;
     sidebarTheme: import("vue").ComputedRef<"light" | "dark">;
     updateCollapse: (val?: boolean | MouseEvent) => void;
@@ -167,6 +173,9 @@ declare const _default: import("vue").DefineComponent<{
     onSideMenuClose: (index: string, indexPath: string[]) => void;
     onHeadMenuOpen: (index: string, indexPath: string[]) => void;
     onHeadMenuClose: (index: string, indexPath: string[]) => void;
+    onNavItemClick: (item: MenuItemProps) => void;
+    onBoxItemClick: (item: MenuItemProps) => void;
+    onMenuItemClick: (item: MenuItemProps) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     'update:collapse': (_collapse: boolean) => boolean;
     'update:maximized': (_val: boolean) => boolean;
@@ -215,6 +224,7 @@ declare const _default: import("vue").DefineComponent<{
         type: NumberConstructor;
         default: number;
     };
+    backTopTarget: StringConstructor;
     ellipsis: {
         type: BooleanConstructor;
         default: boolean;
@@ -306,6 +316,10 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
     tooltipEffect: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "light" | "dark", unknown> | undefined>;
+    navTrigger: import("vue").PropType<import("./types").MenuItemTrigger>;
+    boxTrigger: import("vue").PropType<import("./types").MenuItemTrigger>;
+    itemTrigger: import("vue").PropType<import("./types").MenuItemTrigger>;
+    beforeClick: import("vue").PropType<import("./types").BeforeClick>;
     keepAlive: BooleanConstructor;
     transitionName: StringConstructor;
     transitionDelay: {
@@ -335,6 +349,7 @@ declare const _default: import("vue").DefineComponent<{
     menuTrigger: import("element-plus/es/utils").EpPropMergeType<StringConstructor, "hover" | "click", unknown> | undefined;
     collapse: boolean;
     ellipsis: boolean;
+    transitionDelay: number;
     layout: import("./types").Layout;
     maximized: boolean;
     compact: boolean;
@@ -342,7 +357,6 @@ declare const _default: import("vue").DefineComponent<{
     tabBar: boolean;
     keepAlive: boolean;
     responsive: boolean;
-    transitionDelay: number;
     breadcrumb: boolean;
     breadcrumbSeparator: import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) | ((new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>))[], unknown, unknown> | undefined;
     backTop: boolean;

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

@@ -1,9 +1,9 @@
-import { defineComponent, ref, shallowRef, computed, watch, unref, provide, resolveComponent, openBlock, createElementBlock, normalizeClass, createVNode, createSlots, renderList, withCtx, renderSlot, normalizeProps, guardReactiveProps, createElementVNode, createBlock, createCommentVNode } from "vue";
+import { defineComponent, ref, shallowRef, computed, watch, unref, provide, resolveComponent, openBlock, createElementBlock, normalizeClass, createVNode, createSlots, renderList, withCtx, renderSlot, normalizeProps, guardReactiveProps, createBlock, createCommentVNode, createElementVNode } from "vue";
 import { useRouter } from "vue-router";
 import { ElBacktop } from "element-plus";
-import { mapTree } from "../utils/core";
-import { useLicense, LAYOUT_KEY, UNAUTHORIZED_TIP } from "../ele-config-provider/receiver";
-import EleAlert from "../ele-alert/index";
+import { mapTree, isExternalLink } from "../utils/core";
+import { useLicense, UNAUTHORIZED_TIP, LAYOUT_KEY } from "../ele-config-provider/receiver";
+import EleWatermark from "../ele-watermark/index";
 import ProHeader from "./components/pro-header";
 import ProSidebar from "./components/pro-sidebar";
 import ProSidebox from "./components/pro-sidebox";
@@ -15,7 +15,7 @@ const _sfc_main = defineComponent({
   name: "EleProLayout",
   components: {
     ElBacktop,
-    EleAlert,
+    EleWatermark,
     ProHeader,
     ProSidebar,
     ProSidebox,
@@ -26,7 +26,7 @@ const _sfc_main = defineComponent({
   emits: proLayoutEmits,
   setup(props, { emit }) {
     const { authenticated } = useLicense();
-    const { currentRoute } = useRouter();
+    const { currentRoute, push } = useRouter();
     const { disableTransition } = useDisableTransition();
     const contentRef = ref(null);
     const levelData = shallowRef([]);
@@ -45,6 +45,7 @@ const _sfc_main = defineComponent({
     const homeMenuPath = ref(getHomePath(props.homePath));
     const isHome = ref(false);
     const mobile = ref(false);
+    const watermark = ref(UNAUTHORIZED_TIP.split(",") || "Error");
     const topLayout = computed(() => props.layout === "top");
     const mixLayout = computed(() => props.layout === "mix");
     const mixSidebar = computed(() => props.sidebarLayout === "mix");
@@ -64,6 +65,7 @@ const _sfc_main = defineComponent({
       const hasSide = sidebox.value || sidebar.value;
       const fixedSide = props.fixedSidebar && !props.fixedBody && hasSide;
       const logoAuto = props.logoInHeader || topLayout.value || !hasSide;
+      const hasMix = mixSidebar.value && sidebox.value;
       return [
         "ele-admin-layout",
         // 折叠侧栏
@@ -71,7 +73,9 @@ const _sfc_main = defineComponent({
         // 双侧栏折叠一级
         { "ele-admin-compact": props.compact && sidebox.value },
         // 双侧栏
-        { "ele-admin-mix-sidebar": mixSidebar.value && sidebox.value },
+        { "ele-admin-mix-sidebar": hasMix },
+        // 双侧栏时侧栏空数据
+        { "ele-admin-none-sidebar": hasMix && !sidebar.value },
         // 固定顶栏
         { "ele-admin-fixed-header": props.fixedHeader && !props.fixedBody },
         // 固定侧栏
@@ -96,6 +100,15 @@ const _sfc_main = defineComponent({
         { "ele-admin-mobile": mobile.value }
       ];
     });
+    const backTopSelector = computed(() => {
+      if (props.backTopTarget) {
+        return props.backTopTarget;
+      }
+      if (props.fixedBody) {
+        return ".ele-admin-layout.ele-admin-fixed-body>.ele-admin-main>.ele-admin-body>.ele-admin-content";
+      }
+      return void 0;
+    });
     const sidebarCollapse = computed(() => {
       return mobile.value || mixSidebar.value ? false : props.collapse;
     });
@@ -224,7 +237,8 @@ const _sfc_main = defineComponent({
             path: d.path,
             component: d.component,
             redirect: d.redirect,
-            meta: d.meta
+            meta: d.meta,
+            tempChildren: d.children
           };
         });
         const childMenus = getActiveChilds(
@@ -322,6 +336,90 @@ const _sfc_main = defineComponent({
         });
       }
     };
+    const onNavItemClick = (item) => {
+      if (!item.index || props.navTrigger != "click") {
+        return;
+      }
+      if (props.beforeClick && props.beforeClick(item) === false) {
+        return;
+      }
+      if (isExternalLink(item.index)) {
+        window.open(item.index);
+        return;
+      }
+      headerActive.value = item.index;
+      const temp = getActiveChilds(
+        headerData.value,
+        headerActive.value,
+        "tempChildren"
+      );
+      const isChild = !temp.some((d) => {
+        var _a;
+        return !((_a = d.meta) == null ? void 0 : _a.hide);
+      });
+      if (isChild && item.index !== unref(currentRoute).fullPath) {
+        push(item.index);
+        return;
+      }
+      if (mixSidebar.value) {
+        sideboxData.value = temp.map((d) => {
+          return {
+            name: d.name,
+            path: d.path,
+            component: d.component,
+            redirect: d.redirect,
+            meta: d.meta,
+            children: props.collapse ? d.children : void 0,
+            tempChildren: d.children
+          };
+        });
+        return;
+      }
+      sidebarData.value = temp;
+    };
+    const onBoxItemClick = (item) => {
+      if (!item.index || props.boxTrigger != "click") {
+        return;
+      }
+      if (props.beforeClick && props.beforeClick(item) === false) {
+        return;
+      }
+      if (isExternalLink(item.index)) {
+        window.open(item.index);
+        return;
+      }
+      sideboxActive.value = item.index;
+      const temp = getActiveChilds(
+        sideboxData.value,
+        sideboxActive.value,
+        "tempChildren"
+      );
+      const isChild = !temp.some((d) => {
+        var _a;
+        return !((_a = d.meta) == null ? void 0 : _a.hide);
+      });
+      if (isChild && item.index !== unref(currentRoute).fullPath) {
+        push(item.index);
+        return;
+      }
+      sidebarData.value = temp;
+    };
+    const onMenuItemClick = (item) => {
+      if (!item.index || props.itemTrigger != "click") {
+        return;
+      }
+      if (props.beforeClick && props.beforeClick(item) === false) {
+        return;
+      }
+      if (isExternalLink(item.index)) {
+        window.open(item.index);
+        return;
+      }
+      sidebarActive.value = item.index;
+      if (item.index !== unref(currentRoute).fullPath) {
+        push(item.index);
+      }
+    };
     watch(
       () => props.menus,
       () => {
@@ -446,8 +544,8 @@ const _sfc_main = defineComponent({
     });
     provide(LAYOUT_KEY, layoutProvide);
     return {
-      UNAUTHORIZED_TIP,
       authenticated,
+      watermark,
       contentRef,
       levelData,
       tabData,
@@ -464,6 +562,7 @@ const _sfc_main = defineComponent({
       sidebox,
       sidebar,
       layoutClass,
+      backTopSelector,
       sidebarCollapse,
       sidebarTheme,
       updateCollapse,
@@ -475,7 +574,10 @@ const _sfc_main = defineComponent({
       onSideMenuOpen,
       onSideMenuClose,
       onHeadMenuOpen,
-      onHeadMenuClose
+      onHeadMenuClose,
+      onNavItemClick,
+      onBoxItemClick,
+      onMenuItemClick
     };
   }
 });
@@ -486,25 +588,18 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const _hoisted_1 = { class: "ele-admin-main" };
-const _hoisted_2 = { class: "ele-admin-body" };
-const _hoisted_3 = {
-  key: 1,
+const _hoisted_1 = { class: "ele-admin-body" };
+const _hoisted_2 = {
   ref: "contentRef",
   class: "ele-admin-content"
 };
-const _hoisted_4 = {
-  key: 2,
-  class: "ele-admin-content",
-  style: { "padding": "16px" }
-};
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ProHeader = resolveComponent("ProHeader");
   const _component_ProSidebox = resolveComponent("ProSidebox");
   const _component_ProSidebar = resolveComponent("ProSidebar");
   const _component_ProTabs = resolveComponent("ProTabs");
   const _component_ProIframe = resolveComponent("ProIframe");
-  const _component_EleAlert = resolveComponent("EleAlert");
+  const _component_EleWatermark = resolveComponent("EleWatermark");
   const _component_ElBacktop = resolveComponent("ElBacktop");
   return openBlock(), createElementBlock("div", {
     class: normalizeClass(_ctx.layoutClass)
@@ -516,6 +611,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       ellipsis: _ctx.ellipsis,
       ellipsisProps: _ctx.ellipsisProps,
       menuTrigger: _ctx.menuTrigger,
+      itemTrigger: _ctx.navTrigger,
       collapse: _ctx.collapse,
       sidebar: _ctx.sidebar,
       titleSlot: _ctx.headerTitleSlot,
@@ -527,7 +623,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       isHome: _ctx.isHome,
       onLogoClick: _ctx.onLogoClick,
       onOpen: _ctx.onHeadMenuOpen,
-      onClsoe: _ctx.onHeadMenuClose
+      onClsoe: _ctx.onHeadMenuClose,
+      onItemClick: _ctx.onNavItemClick
     }, createSlots({ _: 2 }, [
       renderList(Object.keys(_ctx.$slots), (name) => {
         return {
@@ -537,69 +634,54 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           ])
         };
       })
-    ]), 1032, ["menus", "headerStyle", "active", "ellipsis", "ellipsisProps", "menuTrigger", "collapse", "sidebar", "titleSlot", "iconSlot", "levels", "breadcrumb", "breadcrumbSeparator", "homePath", "isHome", "onLogoClick", "onOpen", "onClsoe"]),
-    createElementVNode("div", _hoisted_1, [
-      _ctx.sidebox ? (openBlock(), createBlock(_component_ProSidebox, {
-        key: 0,
-        menus: _ctx.sideboxData,
-        sidebarStyle: _ctx.sidebarStyle,
-        colorfulIcon: _ctx.colorfulIcon,
-        active: _ctx.collapse ? _ctx.sidebarActive : _ctx.sideboxActive,
-        compact: _ctx.compact,
-        collapse: _ctx.collapse,
-        popperEffect: _ctx.tooltipEffect,
-        titleSlot: _ctx.sideboxTitleSlot,
-        iconSlot: _ctx.sideboxIconSlot
-      }, createSlots({ _: 2 }, [
-        renderList(Object.keys(_ctx.$slots), (name) => {
-          return {
-            name,
-            fn: withCtx((slotProps) => [
-              renderSlot(_ctx.$slots, name, normalizeProps(guardReactiveProps(slotProps || {})))
-            ])
-          };
-        })
-      ]), 1032, ["menus", "sidebarStyle", "colorfulIcon", "active", "compact", "collapse", "popperEffect", "titleSlot", "iconSlot"])) : createCommentVNode("", true),
-      _ctx.sidebar ? (openBlock(), createBlock(_component_ProSidebar, {
-        key: 1,
-        menus: _ctx.authenticated ? _ctx.sidebarData : [],
-        sidebarStyle: _ctx.sidebarTheme,
-        colorfulIcon: _ctx.colorfulIcon,
-        active: _ctx.sidebarActive,
-        collapse: _ctx.sidebarCollapse,
-        uniqueOpened: _ctx.uniqueOpened,
-        defaultOpeneds: _ctx.sidebarOpeneds,
-        popperEffect: _ctx.tooltipEffect,
-        titleSlot: _ctx.sidebarTitleSlot,
-        iconSlot: _ctx.sidebarIconSlot,
-        onOpen: _ctx.onSideMenuOpen,
-        onClsoe: _ctx.onSideMenuClose
-      }, createSlots({ _: 2 }, [
-        renderList(Object.keys(_ctx.$slots), (name) => {
-          return {
-            name,
-            fn: withCtx((slotProps) => [
-              renderSlot(_ctx.$slots, name, normalizeProps(guardReactiveProps(slotProps || {})))
-            ])
-          };
-        })
-      ]), 1032, ["menus", "sidebarStyle", "colorfulIcon", "active", "collapse", "uniqueOpened", "defaultOpeneds", "popperEffect", "titleSlot", "iconSlot", "onOpen", "onClsoe"])) : createCommentVNode("", true),
-      createElementVNode("div", _hoisted_2, [
-        _ctx.authenticated && _ctx.tabBar ? (openBlock(), createBlock(_component_ProTabs, {
+    ]), 1032, ["menus", "headerStyle", "active", "ellipsis", "ellipsisProps", "menuTrigger", "itemTrigger", "collapse", "sidebar", "titleSlot", "iconSlot", "levels", "breadcrumb", "breadcrumbSeparator", "homePath", "isHome", "onLogoClick", "onOpen", "onClsoe", "onItemClick"]),
+    createVNode(_component_EleWatermark, {
+      fixed: true,
+      height: 68,
+      content: _ctx.watermark,
+      disabled: _ctx.authenticated,
+      class: "ele-admin-main"
+    }, {
+      default: withCtx(() => [
+        _ctx.sidebox ? (openBlock(), createBlock(_component_ProSidebox, {
           key: 0,
-          tabs: _ctx.tabData,
-          active: _ctx.tabActive,
-          tabStyle: _ctx.tabStyle,
-          fixedHome: _ctx.fixedHome,
-          homePath: _ctx.homeMenuPath,
-          isHome: _ctx.isHome,
-          tabContextMenu: _ctx.tabContextMenu,
-          tabContextMenus: _ctx.tabContextMenus,
-          tabSortable: _ctx.tabSortable,
-          onTabClick: _ctx.onTabClick,
-          onTabRemove: _ctx.onTabRemove,
-          onTabContextMenu: _ctx.onTabContextMenu,
-          onTabSortChange: _ctx.onTabSortChange
+          menus: _ctx.sideboxData,
+          sidebarStyle: _ctx.sidebarStyle,
+          colorfulIcon: _ctx.colorfulIcon,
+          active: _ctx.collapse ? _ctx.sidebarActive : _ctx.sideboxActive,
+          compact: _ctx.compact,
+          collapse: _ctx.collapse,
+          popperEffect: _ctx.tooltipEffect,
+          itemTrigger: _ctx.boxTrigger,
+          titleSlot: _ctx.sideboxTitleSlot,
+          iconSlot: _ctx.sideboxIconSlot,
+          onItemClick: _ctx.onBoxItemClick
+        }, createSlots({ _: 2 }, [
+          renderList(Object.keys(_ctx.$slots), (name) => {
+            return {
+              name,
+              fn: withCtx((slotProps) => [
+                renderSlot(_ctx.$slots, name, normalizeProps(guardReactiveProps(slotProps || {})))
+              ])
+            };
+          })
+        ]), 1032, ["menus", "sidebarStyle", "colorfulIcon", "active", "compact", "collapse", "popperEffect", "itemTrigger", "titleSlot", "iconSlot", "onItemClick"])) : createCommentVNode("", true),
+        _ctx.sidebar ? (openBlock(), createBlock(_component_ProSidebar, {
+          key: 1,
+          menus: _ctx.sidebarData,
+          sidebarStyle: _ctx.sidebarTheme,
+          colorfulIcon: _ctx.colorfulIcon,
+          active: _ctx.sidebarActive,
+          collapse: _ctx.sidebarCollapse,
+          uniqueOpened: _ctx.uniqueOpened,
+          defaultOpeneds: _ctx.sidebarOpeneds,
+          popperEffect: _ctx.tooltipEffect,
+          itemTrigger: _ctx.itemTrigger,
+          titleSlot: _ctx.sidebarTitleSlot,
+          iconSlot: _ctx.sidebarIconSlot,
+          onOpen: _ctx.onSideMenuOpen,
+          onClsoe: _ctx.onSideMenuClose,
+          onItemClick: _ctx.onMenuItemClick
         }, createSlots({ _: 2 }, [
           renderList(Object.keys(_ctx.$slots), (name) => {
             return {
@@ -609,28 +691,49 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
               ])
             };
           })
-        ]), 1032, ["tabs", "active", "tabStyle", "fixedHome", "homePath", "isHome", "tabContextMenu", "tabContextMenus", "tabSortable", "onTabClick", "onTabRemove", "onTabContextMenu", "onTabSortChange"])) : createCommentVNode("", true),
-        _ctx.authenticated ? (openBlock(), createElementBlock("div", _hoisted_3, [
-          _ctx.tabBar && _ctx.keepAlive ? (openBlock(), createBlock(_component_ProIframe, {
+        ]), 1032, ["menus", "sidebarStyle", "colorfulIcon", "active", "collapse", "uniqueOpened", "defaultOpeneds", "popperEffect", "itemTrigger", "titleSlot", "iconSlot", "onOpen", "onClsoe", "onItemClick"])) : createCommentVNode("", true),
+        createElementVNode("div", _hoisted_1, [
+          _ctx.tabBar ? (openBlock(), createBlock(_component_ProTabs, {
             key: 0,
-            keepAlive: _ctx.keepAlive,
-            transitionName: _ctx.transitionName,
-            transitionDelay: _ctx.transitionDelay,
-            tabData: _ctx.tabData,
-            tabActive: _ctx.tabActive
-          }, null, 8, ["keepAlive", "transitionName", "transitionDelay", "tabData", "tabActive"])) : createCommentVNode("", true),
-          renderSlot(_ctx.$slots, "default"),
-          !_ctx.hideFooter ? renderSlot(_ctx.$slots, "footer", { key: 1 }) : createCommentVNode("", true)
-        ], 512)) : (openBlock(), createElementBlock("div", _hoisted_4, [
-          createVNode(_component_EleAlert, {
-            type: "warning",
-            showIcon: true,
-            closable: false,
-            title: _ctx.UNAUTHORIZED_TIP
-          }, null, 8, ["title"])
-        ]))
-      ])
-    ]),
+            tabs: _ctx.tabData,
+            active: _ctx.tabActive,
+            tabStyle: _ctx.tabStyle,
+            fixedHome: _ctx.fixedHome,
+            homePath: _ctx.homeMenuPath,
+            isHome: _ctx.isHome,
+            tabContextMenu: _ctx.tabContextMenu,
+            tabContextMenus: _ctx.tabContextMenus,
+            tabSortable: _ctx.tabSortable,
+            onTabClick: _ctx.onTabClick,
+            onTabRemove: _ctx.onTabRemove,
+            onTabContextMenu: _ctx.onTabContextMenu,
+            onTabSortChange: _ctx.onTabSortChange
+          }, createSlots({ _: 2 }, [
+            renderList(Object.keys(_ctx.$slots), (name) => {
+              return {
+                name,
+                fn: withCtx((slotProps) => [
+                  renderSlot(_ctx.$slots, name, normalizeProps(guardReactiveProps(slotProps || {})))
+                ])
+              };
+            })
+          ]), 1032, ["tabs", "active", "tabStyle", "fixedHome", "homePath", "isHome", "tabContextMenu", "tabContextMenus", "tabSortable", "onTabClick", "onTabRemove", "onTabContextMenu", "onTabSortChange"])) : createCommentVNode("", true),
+          createElementVNode("div", _hoisted_2, [
+            _ctx.tabBar && _ctx.keepAlive ? (openBlock(), 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"])) : createCommentVNode("", true),
+            renderSlot(_ctx.$slots, "default"),
+            !_ctx.hideFooter ? renderSlot(_ctx.$slots, "footer", { key: 1 }) : createCommentVNode("", true)
+          ], 512)
+        ])
+      ]),
+      _: 3
+    }, 8, ["content", "disabled"]),
     createElementVNode("div", {
       class: "ele-admin-mask",
       onClick: _cache[0] || (_cache[0] = (...args) => _ctx.updateCollapse && _ctx.updateCollapse(...args))
@@ -640,7 +743,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       right: _ctx.backTopRight,
       bottom: _ctx.backTopBottom,
       visibilityHeight: _ctx.backTopVisibilityHeight,
-      target: _ctx.fixedBody ? ".ele-admin-layout .ele-admin-content" : void 0
+      target: _ctx.backTopSelector
     }, null, 8, ["right", "bottom", "visibilityHeight", "target"])) : createCommentVNode("", true)
   ], 2);
 }