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

package/lib/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/lib/ele-pro-layout/components/pro-sidebox.js

@@ -24,18 +24,28 @@ const _sfc_main = vue.defineComponent({
     collapse: Boolean,
     // tooltip 主题
     popperEffect: String,
+    // 菜单项触发模式
+    itemTrigger: String,
     // 标题插槽名称
     titleSlot: String,
     // 图标插槽名称
     iconSlot: String
   },
-  setup(props) {
+  emits: {
+    itemClick: (_item) => true
+  },
+  setup(props, { emit }) {
     const { scrollIntoView } = util.useMenuScroll(() => {
       var _a;
       return (_a = menusRef.value) == null ? void 0 : _a.$el;
     });
     const menusRef = vue.ref(null);
-    const menuItems = vue.computed(() => util.getMenuItems(props.menus));
+    const menuItems = vue.computed(() => {
+      return util.getMenuItems(props.menus, props.itemTrigger != "click");
+    });
+    const onItemClick = (item) => {
+      emit("itemClick", item);
+    };
     vue.watch(
       () => props.active,
       () => {
@@ -44,7 +54,7 @@ const _sfc_main = vue.defineComponent({
         });
       }
     );
-    return { menusRef, menuItems };
+    return { menusRef, menuItems, onItemClick };
   }
 });
 const _export_sfc = (sfc, props) => {
@@ -75,7 +85,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
         }, vue.createSlots({ _: 2 }, [
           _ctx.iconSlot && _ctx.$slots[_ctx.iconSlot] ? {
             name: "icon",
@@ -91,7 +102,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/lib/ele-pro-layout/components/tab-dropdown.js

@@ -64,10 +64,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/lib/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/lib/ele-pro-layout/index.js

@@ -4,7 +4,7 @@ const vueRouter = require("vue-router");
 const elementPlus = require("element-plus");
 const core = require("../utils/core");
 const receiver = require("../ele-config-provider/receiver");
-const EleAlert = require("../ele-alert/index");
+const EleWatermark = require("../ele-watermark/index");
 const ProHeader = require("./components/pro-header");
 const ProSidebar = require("./components/pro-sidebar");
 const ProSidebox = require("./components/pro-sidebox");
@@ -16,7 +16,7 @@ const _sfc_main = vue.defineComponent({
   name: "EleProLayout",
   components: {
     ElBacktop: elementPlus.ElBacktop,
-    EleAlert,
+    EleWatermark,
     ProHeader,
     ProSidebar,
     ProSidebox,
@@ -27,7 +27,7 @@ const _sfc_main = vue.defineComponent({
   emits: props.proLayoutEmits,
   setup(props2, { emit }) {
     const { authenticated } = receiver.useLicense();
-    const { currentRoute } = vueRouter.useRouter();
+    const { currentRoute, push } = vueRouter.useRouter();
     const { disableTransition } = util.useDisableTransition();
     const contentRef = vue.ref(null);
     const levelData = vue.shallowRef([]);
@@ -46,6 +46,7 @@ const _sfc_main = vue.defineComponent({
     const homeMenuPath = vue.ref(util.getHomePath(props2.homePath));
     const isHome = vue.ref(false);
     const mobile = vue.ref(false);
+    const watermark = vue.ref(receiver.UNAUTHORIZED_TIP.split(",") || "Error");
     const topLayout = vue.computed(() => props2.layout === "top");
     const mixLayout = vue.computed(() => props2.layout === "mix");
     const mixSidebar = vue.computed(() => props2.sidebarLayout === "mix");
@@ -65,6 +66,7 @@ const _sfc_main = vue.defineComponent({
       const hasSide = sidebox.value || sidebar.value;
       const fixedSide = props2.fixedSidebar && !props2.fixedBody && hasSide;
       const logoAuto = props2.logoInHeader || topLayout.value || !hasSide;
+      const hasMix = mixSidebar.value && sidebox.value;
       return [
         "ele-admin-layout",
         // 折叠侧栏
@@ -72,7 +74,9 @@ const _sfc_main = vue.defineComponent({
         // 双侧栏折叠一级
         { "ele-admin-compact": props2.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": props2.fixedHeader && !props2.fixedBody },
         // 固定侧栏
@@ -97,6 +101,15 @@ const _sfc_main = vue.defineComponent({
         { "ele-admin-mobile": mobile.value }
       ];
     });
+    const backTopSelector = vue.computed(() => {
+      if (props2.backTopTarget) {
+        return props2.backTopTarget;
+      }
+      if (props2.fixedBody) {
+        return ".ele-admin-layout.ele-admin-fixed-body>.ele-admin-main>.ele-admin-body>.ele-admin-content";
+      }
+      return void 0;
+    });
     const sidebarCollapse = vue.computed(() => {
       return mobile.value || mixSidebar.value ? false : props2.collapse;
     });
@@ -225,7 +238,8 @@ const _sfc_main = vue.defineComponent({
             path: d.path,
             component: d.component,
             redirect: d.redirect,
-            meta: d.meta
+            meta: d.meta,
+            tempChildren: d.children
           };
         });
         const childMenus = util.getActiveChilds(
@@ -323,6 +337,90 @@ const _sfc_main = vue.defineComponent({
         });
       }
     };
+    const onNavItemClick = (item) => {
+      if (!item.index || props2.navTrigger != "click") {
+        return;
+      }
+      if (props2.beforeClick && props2.beforeClick(item) === false) {
+        return;
+      }
+      if (core.isExternalLink(item.index)) {
+        window.open(item.index);
+        return;
+      }
+      headerActive.value = item.index;
+      const temp = util.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 !== vue.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: props2.collapse ? d.children : void 0,
+            tempChildren: d.children
+          };
+        });
+        return;
+      }
+      sidebarData.value = temp;
+    };
+    const onBoxItemClick = (item) => {
+      if (!item.index || props2.boxTrigger != "click") {
+        return;
+      }
+      if (props2.beforeClick && props2.beforeClick(item) === false) {
+        return;
+      }
+      if (core.isExternalLink(item.index)) {
+        window.open(item.index);
+        return;
+      }
+      sideboxActive.value = item.index;
+      const temp = util.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 !== vue.unref(currentRoute).fullPath) {
+        push(item.index);
+        return;
+      }
+      sidebarData.value = temp;
+    };
+    const onMenuItemClick = (item) => {
+      if (!item.index || props2.itemTrigger != "click") {
+        return;
+      }
+      if (props2.beforeClick && props2.beforeClick(item) === false) {
+        return;
+      }
+      if (core.isExternalLink(item.index)) {
+        window.open(item.index);
+        return;
+      }
+      sidebarActive.value = item.index;
+      if (item.index !== vue.unref(currentRoute).fullPath) {
+        push(item.index);
+      }
+    };
     vue.watch(
       () => props2.menus,
       () => {
@@ -447,8 +545,8 @@ const _sfc_main = vue.defineComponent({
     });
     vue.provide(receiver.LAYOUT_KEY, layoutProvide);
     return {
-      UNAUTHORIZED_TIP: receiver.UNAUTHORIZED_TIP,
       authenticated,
+      watermark,
       contentRef,
       levelData,
       tabData,
@@ -465,6 +563,7 @@ const _sfc_main = vue.defineComponent({
       sidebox,
       sidebar,
       layoutClass,
+      backTopSelector,
       sidebarCollapse,
       sidebarTheme,
       updateCollapse,
@@ -476,7 +575,10 @@ const _sfc_main = vue.defineComponent({
       onSideMenuOpen,
       onSideMenuClose,
       onHeadMenuOpen,
-      onHeadMenuClose
+      onHeadMenuClose,
+      onNavItemClick,
+      onBoxItemClick,
+      onMenuItemClick
     };
   }
 });
@@ -487,25 +589,18 @@ const _export_sfc = (sfc, props2) => {
   }
   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 = vue.resolveComponent("ProHeader");
   const _component_ProSidebox = vue.resolveComponent("ProSidebox");
   const _component_ProSidebar = vue.resolveComponent("ProSidebar");
   const _component_ProTabs = vue.resolveComponent("ProTabs");
   const _component_ProIframe = vue.resolveComponent("ProIframe");
-  const _component_EleAlert = vue.resolveComponent("EleAlert");
+  const _component_EleWatermark = vue.resolveComponent("EleWatermark");
   const _component_ElBacktop = vue.resolveComponent("ElBacktop");
   return vue.openBlock(), vue.createElementBlock("div", {
     class: vue.normalizeClass(_ctx.layoutClass)
@@ -517,6 +612,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,
@@ -528,7 +624,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
     }, vue.createSlots({ _: 2 }, [
       vue.renderList(Object.keys(_ctx.$slots), (name) => {
         return {
@@ -538,69 +635,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"]),
-    vue.createElementVNode("div", _hoisted_1, [
-      _ctx.sidebox ? (vue.openBlock(), vue.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
-      }, vue.createSlots({ _: 2 }, [
-        vue.renderList(Object.keys(_ctx.$slots), (name) => {
-          return {
-            name,
-            fn: vue.withCtx((slotProps) => [
-              vue.renderSlot(_ctx.$slots, name, vue.normalizeProps(vue.guardReactiveProps(slotProps || {})))
-            ])
-          };
-        })
-      ]), 1032, ["menus", "sidebarStyle", "colorfulIcon", "active", "compact", "collapse", "popperEffect", "titleSlot", "iconSlot"])) : vue.createCommentVNode("", true),
-      _ctx.sidebar ? (vue.openBlock(), vue.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
-      }, vue.createSlots({ _: 2 }, [
-        vue.renderList(Object.keys(_ctx.$slots), (name) => {
-          return {
-            name,
-            fn: vue.withCtx((slotProps) => [
-              vue.renderSlot(_ctx.$slots, name, vue.normalizeProps(vue.guardReactiveProps(slotProps || {})))
-            ])
-          };
-        })
-      ]), 1032, ["menus", "sidebarStyle", "colorfulIcon", "active", "collapse", "uniqueOpened", "defaultOpeneds", "popperEffect", "titleSlot", "iconSlot", "onOpen", "onClsoe"])) : vue.createCommentVNode("", true),
-      vue.createElementVNode("div", _hoisted_2, [
-        _ctx.authenticated && _ctx.tabBar ? (vue.openBlock(), vue.createBlock(_component_ProTabs, {
+    ]), 1032, ["menus", "headerStyle", "active", "ellipsis", "ellipsisProps", "menuTrigger", "itemTrigger", "collapse", "sidebar", "titleSlot", "iconSlot", "levels", "breadcrumb", "breadcrumbSeparator", "homePath", "isHome", "onLogoClick", "onOpen", "onClsoe", "onItemClick"]),
+    vue.createVNode(_component_EleWatermark, {
+      class: "ele-admin-main",
+      height: 68,
+      disabled: _ctx.authenticated,
+      fixed: true,
+      content: _ctx.watermark
+    }, {
+      default: vue.withCtx(() => [
+        _ctx.sidebox ? (vue.openBlock(), vue.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
+        }, vue.createSlots({ _: 2 }, [
+          vue.renderList(Object.keys(_ctx.$slots), (name) => {
+            return {
+              name,
+              fn: vue.withCtx((slotProps) => [
+                vue.renderSlot(_ctx.$slots, name, vue.normalizeProps(vue.guardReactiveProps(slotProps || {})))
+              ])
+            };
+          })
+        ]), 1032, ["menus", "sidebarStyle", "colorfulIcon", "active", "compact", "collapse", "popperEffect", "itemTrigger", "titleSlot", "iconSlot", "onItemClick"])) : vue.createCommentVNode("", true),
+        _ctx.sidebar ? (vue.openBlock(), vue.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
         }, vue.createSlots({ _: 2 }, [
           vue.renderList(Object.keys(_ctx.$slots), (name) => {
             return {
@@ -610,28 +692,49 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
               ])
             };
           })
-        ]), 1032, ["tabs", "active", "tabStyle", "fixedHome", "homePath", "isHome", "tabContextMenu", "tabContextMenus", "tabSortable", "onTabClick", "onTabRemove", "onTabContextMenu", "onTabSortChange"])) : vue.createCommentVNode("", true),
-        _ctx.authenticated ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3, [
-          _ctx.tabBar && _ctx.keepAlive ? (vue.openBlock(), vue.createBlock(_component_ProIframe, {
+        ]), 1032, ["menus", "sidebarStyle", "colorfulIcon", "active", "collapse", "uniqueOpened", "defaultOpeneds", "popperEffect", "itemTrigger", "titleSlot", "iconSlot", "onOpen", "onClsoe", "onItemClick"])) : vue.createCommentVNode("", true),
+        vue.createElementVNode("div", _hoisted_1, [
+          _ctx.tabBar ? (vue.openBlock(), vue.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"])) : vue.createCommentVNode("", true),
-          vue.renderSlot(_ctx.$slots, "default"),
-          !_ctx.hideFooter ? vue.renderSlot(_ctx.$slots, "footer", { key: 1 }) : vue.createCommentVNode("", true)
-        ], 512)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_4, [
-          vue.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
+          }, vue.createSlots({ _: 2 }, [
+            vue.renderList(Object.keys(_ctx.$slots), (name) => {
+              return {
+                name,
+                fn: vue.withCtx((slotProps) => [
+                  vue.renderSlot(_ctx.$slots, name, vue.normalizeProps(vue.guardReactiveProps(slotProps || {})))
+                ])
+              };
+            })
+          ]), 1032, ["tabs", "active", "tabStyle", "fixedHome", "homePath", "isHome", "tabContextMenu", "tabContextMenus", "tabSortable", "onTabClick", "onTabRemove", "onTabContextMenu", "onTabSortChange"])) : vue.createCommentVNode("", true),
+          vue.createElementVNode("div", _hoisted_2, [
+            _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),
+            vue.renderSlot(_ctx.$slots, "default"),
+            !_ctx.hideFooter ? vue.renderSlot(_ctx.$slots, "footer", { key: 1 }) : vue.createCommentVNode("", true)
+          ], 512)
+        ])
+      ]),
+      _: 3
+    }, 8, ["disabled", "content"]),
     vue.createElementVNode("div", {
       class: "ele-admin-mask",
       onClick: _cache[0] || (_cache[0] = (...args) => _ctx.updateCollapse && _ctx.updateCollapse(...args))
@@ -641,7 +744,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"])) : vue.createCommentVNode("", true)
   ], 2);
 }

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

@@ -2,7 +2,7 @@ import type { PropType, ExtractPropTypes } from 'vue';
 import type { EllipsisProps } from '../ele-menus/types';
 import type { ContextMenus } from '../ele-tabs/types';
 import type { EleDropdownProps } from '../ele-file-list/types';
-import type { MenuItem, TabItem, Layout, SidebarLayout, HeaderStyle, SidebarStyle, TabStyle, MenuI18n, TabItemEventOption, BodySizeChangeOption } from './types';
+import type { MenuItem, TabItem, Layout, SidebarLayout, HeaderStyle, SidebarStyle, TabStyle, MenuI18n, TabItemEventOption, BodySizeChangeOption, MenuItemTrigger, BeforeClick } from './types';
 /**
  * 属性
  */
@@ -40,6 +40,7 @@ export declare const proLayoutProps: {
         type: NumberConstructor;
         default: number;
     };
+    backTopTarget: StringConstructor;
     ellipsis: {
         type: BooleanConstructor;
         default: boolean;
@@ -131,6 +132,10 @@ export declare const proLayoutProps: {
         default: string;
     };
     tooltipEffect: PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "light" | "dark", unknown> | undefined>;
+    navTrigger: PropType<MenuItemTrigger>;
+    boxTrigger: PropType<MenuItemTrigger>;
+    itemTrigger: PropType<MenuItemTrigger>;
+    beforeClick: PropType<BeforeClick>;
     keepAlive: BooleanConstructor;
     transitionName: StringConstructor;
     transitionDelay: {