ele-admin-plus 1.0.2 → 1.1.0

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

@@ -1,10 +1,11 @@
 "use strict";
 const vue = require("vue");
+const elementPlus = require("element-plus");
 const EleMenus = require("../../ele-menus/index");
 const util = require("../util");
 const _sfc_main = vue.defineComponent({
   name: "ProSidebox",
-  components: { EleMenus },
+  components: { ElScrollbar: elementPlus.ElScrollbar, EleMenus },
   props: {
     // 菜单数据
     menus: {
@@ -29,7 +30,10 @@ const _sfc_main = vue.defineComponent({
     iconSlot: String
   },
   setup(props) {
-    const { scrollIntoView } = util.useMenuScroll(() => menusRef.value);
+    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));
     vue.watch(
@@ -51,42 +55,46 @@ const _export_sfc = (sfc, props) => {
   return target;
 };
 const _hoisted_1 = { class: "ele-admin-sidebox" };
-const _hoisted_2 = {
-  ref: "menusRef",
-  class: "ele-admin-menus"
-};
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_EleMenus = vue.resolveComponent("EleMenus");
+  const _component_ElScrollbar = vue.resolveComponent("ElScrollbar");
   return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
     vue.renderSlot(_ctx.$slots, "boxTop"),
-    vue.createElementVNode("div", _hoisted_2, [
-      vue.createVNode(_component_EleMenus, {
-        items: _ctx.menuItems,
-        theme: _ctx.sidebarStyle,
-        popupColorful: _ctx.colorfulIcon,
-        collapse: _ctx.compact || _ctx.collapse,
-        defaultActive: _ctx.active,
-        uniqueOpened: true,
-        popperEffect: _ctx.popperEffect,
-        firstPopperClass: "ele-admin-sidebox-popup",
-        tooltipDisabled: !_ctx.compact
-      }, vue.createSlots({ _: 2 }, [
-        _ctx.iconSlot && _ctx.$slots[_ctx.iconSlot] ? {
-          name: "icon",
-          fn: vue.withCtx((slotProps) => [
-            vue.renderSlot(_ctx.$slots, _ctx.iconSlot, vue.normalizeProps(vue.guardReactiveProps(slotProps || {})))
-          ]),
-          key: "0"
-        } : void 0,
-        _ctx.titleSlot && _ctx.$slots[_ctx.titleSlot] ? {
-          name: "title",
-          fn: vue.withCtx((slotProps) => [
-            vue.renderSlot(_ctx.$slots, _ctx.titleSlot, vue.normalizeProps(vue.guardReactiveProps(slotProps || {})))
-          ]),
-          key: "1"
-        } : void 0
-      ]), 1032, ["items", "theme", "popupColorful", "collapse", "defaultActive", "popperEffect", "tooltipDisabled"])
-    ], 512),
+    vue.createVNode(_component_ElScrollbar, {
+      ref: "menusRef",
+      class: "ele-admin-menus"
+    }, {
+      default: vue.withCtx(() => [
+        vue.createVNode(_component_EleMenus, {
+          items: _ctx.menuItems,
+          theme: _ctx.sidebarStyle,
+          popupColorful: _ctx.colorfulIcon,
+          collapse: _ctx.compact || _ctx.collapse,
+          defaultActive: _ctx.active,
+          uniqueOpened: true,
+          popperEffect: _ctx.popperEffect,
+          collapseTransition: false,
+          firstPopperClass: "ele-admin-sidebox-popup",
+          tooltipDisabled: !_ctx.compact
+        }, vue.createSlots({ _: 2 }, [
+          _ctx.iconSlot && _ctx.$slots[_ctx.iconSlot] ? {
+            name: "icon",
+            fn: vue.withCtx((slotProps) => [
+              vue.renderSlot(_ctx.$slots, _ctx.iconSlot, vue.normalizeProps(vue.guardReactiveProps(slotProps || {})))
+            ]),
+            key: "0"
+          } : void 0,
+          _ctx.titleSlot && _ctx.$slots[_ctx.titleSlot] ? {
+            name: "title",
+            fn: vue.withCtx((slotProps) => [
+              vue.renderSlot(_ctx.$slots, _ctx.titleSlot, vue.normalizeProps(vue.guardReactiveProps(slotProps || {})))
+            ]),
+            key: "1"
+          } : void 0
+        ]), 1032, ["items", "theme", "popupColorful", "collapse", "defaultActive", "popperEffect", "tooltipDisabled"])
+      ]),
+      _: 3
+    }, 512),
     vue.renderSlot(_ctx.$slots, "boxBottom")
   ]);
 }

package/lib/ele-pro-layout/components/pro-tabs.d.ts

@@ -1,8 +1,8 @@
 import type { PropType } from 'vue';
-import type { TabPaneItem, TabEventOption } from '../../ele-tabs/types';
-import type { ElDropdownInstance } from '../../ele-app/types';
-import type { TabItem, TabStyle, TabItemEventOption } from '../types';
-declare const _sfc_main: import("vue").DefineComponent<{
+import type { TabPaneItem, TabEventOption, ContextMenus } from '../../ele-tabs/types';
+import type { EleDropdownProps, DropdownInstance } from '../../ele-file-list/types';
+import type { TabItem, TabStyle, TabItemEventOption, TabTitleInstance, EleTabsInstance } from '../types';
+declare const _default: import("vue").DefineComponent<{
     tabs: {
         type: PropType<TabItem[]>;
         required: true;
@@ -15,16 +15,17 @@ declare const _sfc_main: import("vue").DefineComponent<{
     homePath: StringConstructor;
     isHome: BooleanConstructor;
     tabStyle: PropType<TabStyle>;
-    tabContextMenu: BooleanConstructor;
+    tabContextMenu: PropType<boolean | EleDropdownProps>;
+    tabContextMenus: PropType<ContextMenus>;
     tabSortable: BooleanConstructor;
 }, {
-    homeRef: any;
-    tabRef: any;
+    homeRef: import("vue").Ref<TabTitleInstance>;
+    tabRef: import("vue").Ref<EleTabsInstance>;
     items: import("vue").ComputedRef<TabPaneItem[]>;
     onTabRemove: (key: string) => void;
     onTabItemClick: (opt: TabEventOption) => void;
     onTabContextMenu: (opt: TabEventOption) => void;
-    onTabContextOpen: (ref: ElDropdownInstance) => void;
+    onTabContextOpen: (ref: DropdownInstance) => void;
     onTabSortChange: (data: TabPaneItem[]) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     tabClick: (_opt: TabItemEventOption) => true;
@@ -44,17 +45,17 @@ declare const _sfc_main: import("vue").DefineComponent<{
     homePath: StringConstructor;
     isHome: BooleanConstructor;
     tabStyle: PropType<TabStyle>;
-    tabContextMenu: BooleanConstructor;
+    tabContextMenu: PropType<boolean | EleDropdownProps>;
+    tabContextMenus: PropType<ContextMenus>;
     tabSortable: BooleanConstructor;
 }>> & {
-    onTabClick?: ((_opt: TabItemEventOption) => any) | undefined;
-    onTabRemove?: ((_opt: TabItemEventOption) => any) | undefined;
     onTabContextMenu?: ((_opt: TabItemEventOption) => any) | undefined;
     onTabSortChange?: ((_data: TabItem[]) => any) | undefined;
+    onTabClick?: ((_opt: TabItemEventOption) => any) | undefined;
+    onTabRemove?: ((_opt: TabItemEventOption) => any) | undefined;
 }, {
-    tabContextMenu: boolean;
     fixedHome: boolean;
     isHome: boolean;
     tabSortable: boolean;
 }, {}>;
-export default _sfc_main;
+export default _default;

package/lib/ele-pro-layout/components/pro-tabs.js

@@ -29,7 +29,9 @@ const _sfc_main = vue.defineComponent({
     // 页签风格
     tabStyle: String,
     // 是否支持右键菜单
-    tabContextMenu: Boolean,
+    tabContextMenu: [Boolean, Object],
+    // 右键菜单
+    tabContextMenus: [Array, Function],
     // 是否支持拖动排序
     tabSortable: Boolean
   },
@@ -135,6 +137,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             tabName: _ctx.homePath,
             handleClick: true,
             contextMenu: _ctx.tabContextMenu,
+            contextMenus: typeof _ctx.tabContextMenus === "function" ? _ctx.tabContextMenus() : _ctx.tabContextMenus,
             onContextMenu: _ctx.onTabContextMenu,
             onContextOpen: _ctx.onTabContextOpen,
             onItemClick: _ctx.onTabItemClick
@@ -161,7 +164,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
               ]),
               key: "0"
             } : void 0
-          ]), 1032, ["active", "tabName", "contextMenu", "onContextMenu", "onContextOpen", "onItemClick"])
+          ]), 1032, ["active", "tabName", "contextMenu", "contextMenus", "onContextMenu", "onContextOpen", "onItemClick"])
         ]),
         _: 3
       }, 8, ["active"])) : vue.createCommentVNode("", true),
@@ -173,6 +176,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         handleClick: true,
         sortable: _ctx.tabSortable,
         contextMenu: _ctx.tabContextMenu,
+        contextMenus: _ctx.tabContextMenus,
         mousewheel: true,
         onTabRemove: _ctx.onTabRemove,
         onTabItemClick: _ctx.onTabItemClick,
@@ -194,7 +198,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           ]),
           key: "1"
         } : void 0
-      ]), 1032, ["items", "type", "modelValue", "sortable", "contextMenu", "onTabRemove", "onTabItemClick", "onTabContextMenu", "onTabContextOpen", "onTabSortChange"]),
+      ]), 1032, ["items", "type", "modelValue", "sortable", "contextMenu", "contextMenus", "onTabRemove", "onTabItemClick", "onTabContextMenu", "onTabContextOpen", "onTabSortChange"]),
       vue.renderSlot(_ctx.$slots, "tabExtra", { active: _ctx.active })
     ]),
     _: 3

package/lib/ele-pro-layout/components/sidebar-tool.d.ts

@@ -1,2 +1,2 @@
-declare const _sfc_main: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
-export default _sfc_main;
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+export default _default;

package/lib/ele-pro-layout/components/tab-dropdown.d.ts

@@ -1,8 +1,28 @@
-declare const _sfc_main: import("vue").DefineComponent<{}, {
+import type { PropType } from 'vue';
+import type { DropdownItem } from '../../ele-dropdown/types';
+import type { EleDropdownProps, DropdownInstance } from '../../ele-file-list/types';
+declare const _default: import("vue").DefineComponent<{
+    items: PropType<DropdownItem[]>;
+    dropdownProps: PropType<EleDropdownProps>;
+    autoClose: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    dropdownRef: import("vue").Ref<DropdownInstance>;
     onCommand: (command: string) => void;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     menuClick: (_command: string) => true;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>> & {
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    items: PropType<DropdownItem[]>;
+    dropdownProps: PropType<EleDropdownProps>;
+    autoClose: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {
     onMenuClick?: ((_command: string) => any) | undefined;
-}, {}, {}>;
-export default _sfc_main;
+}, {
+    autoClose: boolean;
+}, {}>;
+export default _default;

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

@@ -1,20 +1,47 @@
 "use strict";
 const vue = require("vue");
-const iconsVue = require("@element-plus/icons-vue");
 const elementPlus = require("element-plus");
+const iconsVue = require("@element-plus/icons-vue");
+const EleDropdown = require("../../ele-dropdown/index");
 const EleTabTool = require("../../ele-tab-tool/index");
 const _sfc_main = vue.defineComponent({
   name: "TabDropdown",
-  components: { ElDropdown: elementPlus.ElDropdown, ElDropdownMenu: elementPlus.ElDropdownMenu, ElIcon: elementPlus.ElIcon, ArrowDown: iconsVue.ArrowDown, EleTabTool },
+  components: { ElIcon: elementPlus.ElIcon, ArrowDown: iconsVue.ArrowDown, EleDropdown, EleTabTool },
+  props: {
+    // 右键菜单
+    items: Array,
+    // 右键菜单属性
+    dropdownProps: Object,
+    // 是否点击后自动关闭菜单
+    autoClose: {
+      type: Boolean,
+      default: true
+    }
+  },
   emits: {
     menuClick: (_command) => true
   },
-  setup(_props, { emit }) {
-    return {
-      onCommand: (command) => {
-        emit("menuClick", command);
+  setup(props, { emit }) {
+    const state = { timer: null };
+    const dropdownRef = vue.ref(null);
+    const clearTimer = () => {
+      state.timer && clearTimeout(state.timer);
+    };
+    const onCommand = (command) => {
+      emit("menuClick", command);
+      clearTimer();
+      if (props.autoClose) {
+        state.timer = setTimeout(() => {
+          if (dropdownRef.value) {
+            dropdownRef.value.handleClose();
+          }
+        }, 100);
       }
     };
+    vue.onBeforeUnmount(() => {
+      clearTimer();
+    });
+    return { dropdownRef, onCommand };
   }
 });
 const _export_sfc = (sfc, props) => {
@@ -28,24 +55,23 @@ const _hoisted_1 = { style: { "text-align": "center", "outline": "none" } };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ArrowDown = vue.resolveComponent("ArrowDown");
   const _component_ElIcon = vue.resolveComponent("ElIcon");
-  const _component_ElDropdownMenu = vue.resolveComponent("ElDropdownMenu");
-  const _component_ElDropdown = vue.resolveComponent("ElDropdown");
+  const _component_EleDropdown = vue.resolveComponent("EleDropdown");
   const _component_EleTabTool = vue.resolveComponent("EleTabTool");
   return vue.openBlock(), vue.createBlock(_component_EleTabTool, null, {
     default: vue.withCtx(() => [
-      vue.createVNode(_component_ElDropdown, {
+      vue.createVNode(_component_EleDropdown, vue.mergeProps(_ctx.dropdownProps, {
+        ref: "dropdownRef",
         placement: "bottom-end",
         popperClass: "ele-tab-popup",
+        popperOptions: {
+          modifiers: [
+            { name: "arrow", options: { padding: 12 } },
+            { name: "offset", options: { offset: [12, 8] } }
+          ]
+        },
+        items: _ctx.items,
         onCommand: _ctx.onCommand
-      }, {
-        dropdown: vue.withCtx(() => [
-          vue.createVNode(_component_ElDropdownMenu, null, {
-            default: vue.withCtx(() => [
-              vue.renderSlot(_ctx.$slots, "default")
-            ]),
-            _: 3
-          })
-        ]),
+      }), vue.createSlots({
         default: vue.withCtx(() => [
           vue.createElementVNode("div", _hoisted_1, [
             vue.renderSlot(_ctx.$slots, "icon", {}, () => [
@@ -61,8 +87,16 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             ])
           ])
         ]),
-        _: 3
-      }, 8, ["onCommand"])
+        _: 2
+      }, [
+        _ctx.$slots.default ? {
+          name: "dropdownMenu",
+          fn: vue.withCtx(() => [
+            vue.renderSlot(_ctx.$slots, "default")
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1040, ["items", "onCommand"])
     ]),
     _: 3
   });

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

@@ -1,7 +1,7 @@
 import type { Ref } from 'vue';
-import type { ClassValue } from '../ele-app/types';
+import type { ClassValues } from '../ele-app/types';
 import type { MenuItem, TabItem, LevelItem, TabItemEventOption } from './types';
-declare const _sfc_main: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<{
     menus: import("vue").PropType<MenuItem[] | null>;
     tabs: import("vue").PropType<TabItem[] | null>;
     collapse: BooleanConstructor;
@@ -40,7 +40,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         default: boolean;
     };
     menuTrigger: {
-        type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "hover" | "click", unknown>>;
+        type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "hover" | "click", unknown> | undefined>;
         default: string;
     };
     layout: {
@@ -93,7 +93,8 @@ declare const _sfc_main: import("vue").DefineComponent<{
     locale: StringConstructor;
     i18n: import("vue").PropType<import("./types").MenuI18n>;
     sidebarOpeneds: import("vue").PropType<string[]>;
-    tabContextMenu: BooleanConstructor;
+    tabContextMenu: import("vue").PropType<boolean | import("../ele-file-list/types").EleDropdownProps>;
+    tabContextMenus: import("vue").PropType<import("../ele-tabs/types").ContextMenus>;
     tabSortable: BooleanConstructor;
     autoScrollTop: {
         type: BooleanConstructor;
@@ -123,7 +124,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
-    tooltipEffect: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "light" | "dark", unknown>>;
+    tooltipEffect: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "light" | "dark", unknown> | undefined>;
     keepAlive: BooleanConstructor;
     transitionName: StringConstructor;
     transitionDelay: {
@@ -135,6 +136,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         default: boolean;
     };
 }, {
+    UNAUTHORIZED_TIP: string;
     authenticated: Ref<boolean>;
     contentRef: Ref<HTMLElement | null>;
     levelData: import("vue").ShallowRef<LevelItem[]>;
@@ -151,7 +153,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
     isHome: Ref<boolean>;
     sidebox: import("vue").ComputedRef<boolean>;
     sidebar: import("vue").ComputedRef<boolean>;
-    layoutClass: import("vue").ComputedRef<ClassValue>;
+    layoutClass: import("vue").ComputedRef<ClassValues>;
     sidebarCollapse: import("vue").ComputedRef<boolean>;
     sidebarTheme: import("vue").ComputedRef<"light" | "dark">;
     updateCollapse: (val?: boolean | MouseEvent) => void;
@@ -217,7 +219,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         default: boolean;
     };
     menuTrigger: {
-        type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "hover" | "click", unknown>>;
+        type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "hover" | "click", unknown> | undefined>;
         default: string;
     };
     layout: {
@@ -270,7 +272,8 @@ declare const _sfc_main: import("vue").DefineComponent<{
     locale: StringConstructor;
     i18n: import("vue").PropType<import("./types").MenuI18n>;
     sidebarOpeneds: import("vue").PropType<string[]>;
-    tabContextMenu: BooleanConstructor;
+    tabContextMenu: import("vue").PropType<boolean | import("../ele-file-list/types").EleDropdownProps>;
+    tabContextMenus: import("vue").PropType<import("../ele-tabs/types").ContextMenus>;
     tabSortable: BooleanConstructor;
     autoScrollTop: {
         type: BooleanConstructor;
@@ -300,7 +303,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
-    tooltipEffect: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "light" | "dark", unknown>>;
+    tooltipEffect: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "light" | "dark", unknown> | undefined>;
     keepAlive: BooleanConstructor;
     transitionName: StringConstructor;
     transitionDelay: {
@@ -312,14 +315,14 @@ declare const _sfc_main: import("vue").DefineComponent<{
         default: boolean;
     };
 }>> & {
-    "onUpdate:collapse"?: ((_collapse: boolean) => any) | undefined;
-    "onUpdate:maximized"?: ((_val: boolean) => any) | undefined;
-    onTabAdd?: ((_data: TabItem) => any) | undefined;
-    onTabClick?: ((_option: TabItemEventOption) => any) | undefined;
-    onTabRemove?: ((_option: TabItemEventOption) => any) | undefined;
     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;
     onLogoClick?: ((_isHome: boolean) => any) | undefined;
+    "onUpdate:collapse"?: ((_collapse: boolean) => any) | undefined;
+    "onUpdate:maximized"?: ((_val: boolean) => any) | undefined;
     onSideMenuOpen?: ((_index: string, _indexPath: string[]) => any) | undefined;
     onSideMenuClose?: ((_index: string, _indexPath: string[]) => any) | undefined;
     onHeadMenuOpen?: ((_index: string, _indexPath: string[]) => any) | undefined;
@@ -327,20 +330,22 @@ declare const _sfc_main: import("vue").DefineComponent<{
     onBodySizeChange?: ((_option: import("./types").BodySizeChangeOption) => any) | undefined;
 }, {
     uniqueOpened: boolean;
-    menuTrigger: import("element-plus/es/utils").EpPropMergeType<StringConstructor, "hover" | "click", unknown>;
+    menuTrigger: import("element-plus/es/utils").EpPropMergeType<StringConstructor, "hover" | "click", unknown> | undefined;
     collapse: boolean;
     ellipsis: boolean;
-    tabContextMenu: boolean;
-    compact: boolean;
+    layout: import("./types").Layout;
     maximized: boolean;
+    compact: boolean;
+    expanded: boolean;
     tabBar: boolean;
+    keepAlive: boolean;
+    responsive: boolean;
     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;
     backTopVisibilityHeight: number;
     backTopRight: number;
     backTopBottom: number;
-    layout: import("./types").Layout;
     sidebarLayout: import("./types").SidebarLayout;
     headerStyle: import("./types").HeaderStyle;
     sidebarStyle: import("./types").SidebarStyle;
@@ -351,7 +356,6 @@ declare const _sfc_main: import("vue").DefineComponent<{
     fluid: boolean;
     logoInHeader: boolean;
     colorfulIcon: boolean;
-    expanded: boolean;
     compressOnEsc: boolean;
     fixedHome: boolean;
     redirectPath: string;
@@ -363,8 +367,6 @@ declare const _sfc_main: import("vue").DefineComponent<{
     sidebarIconSlot: string;
     sideboxTitleSlot: string;
     sideboxIconSlot: string;
-    keepAlive: boolean;
     transitionDelay: number;
-    responsive: boolean;
 }, {}>;
-export default _sfc_main;
+export default _default;

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

@@ -24,9 +24,9 @@ const _sfc_main = vue.defineComponent({
   props: props.proLayoutProps,
   emits: props.proLayoutEmits,
   setup(props2, { emit }) {
-    const state = { timer: null };
     const { authenticated } = receiver.useLicense();
     const { currentRoute } = vueRouter.useRouter();
+    const { disableTransition } = util.useDisableTransition();
     const contentRef = vue.ref(null);
     const levelData = vue.shallowRef([]);
     const tabData = vue.shallowRef([]);
@@ -393,8 +393,7 @@ const _sfc_main = vue.defineComponent({
         mobile
       ],
       () => {
-        state.timer && clearTimeout(state.timer);
-        state.timer = util.disableTransition();
+        disableTransition();
       }
     );
     vue.watch(
@@ -429,7 +428,7 @@ const _sfc_main = vue.defineComponent({
       props2
     );
     const layoutProvide = vue.computed(() => {
-      const state2 = {
+      const state = {
         mobile: mobile.value,
         collapse: props2.collapse,
         compact: props2.compact,
@@ -442,10 +441,11 @@ const _sfc_main = vue.defineComponent({
         keepAlive: props2.tabBar && props2.keepAlive,
         responsive: props2.responsive
       };
-      return state2;
+      return state;
     });
     vue.provide(receiver.LAYOUT_KEY, layoutProvide);
     return {
+      UNAUTHORIZED_TIP: receiver.UNAUTHORIZED_TIP,
       authenticated,
       contentRef,
       levelData,
@@ -488,9 +488,15 @@ const _export_sfc = (sfc, props2) => {
 const _hoisted_1 = { class: "ele-admin-main" };
 const _hoisted_2 = { class: "ele-admin-body" };
 const _hoisted_3 = {
+  key: 1,
   ref: "contentRef",
   class: "ele-admin-content"
 };
+const _hoisted_4 = {
+  key: 2,
+  class: "ele-admin-content",
+  style: { "padding": "26px" }
+};
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ProHeader = vue.resolveComponent("ProHeader");
   const _component_ProSidebox = vue.resolveComponent("ProSidebox");
@@ -498,8 +504,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ProTabs = vue.resolveComponent("ProTabs");
   const _component_ProIframe = vue.resolveComponent("ProIframe");
   const _component_ElBacktop = vue.resolveComponent("ElBacktop");
-  return _ctx.authenticated ? (vue.openBlock(), vue.createElementBlock("div", {
-    key: 0,
+  return vue.openBlock(), vue.createElementBlock("div", {
     class: vue.normalizeClass(_ctx.layoutClass)
   }, [
     vue.createVNode(_component_ProHeader, {
@@ -554,7 +559,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       ]), 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.sidebarData,
+        menus: _ctx.authenticated ? _ctx.sidebarData : [],
         sidebarStyle: _ctx.sidebarTheme,
         colorfulIcon: _ctx.colorfulIcon,
         active: _ctx.sidebarActive,
@@ -577,7 +582,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         })
       ]), 1032, ["menus", "sidebarStyle", "colorfulIcon", "active", "collapse", "uniqueOpened", "defaultOpeneds", "popperEffect", "titleSlot", "iconSlot", "onOpen", "onClsoe"])) : vue.createCommentVNode("", true),
       vue.createElementVNode("div", _hoisted_2, [
-        _ctx.tabBar ? (vue.openBlock(), vue.createBlock(_component_ProTabs, {
+        _ctx.authenticated && _ctx.tabBar ? (vue.openBlock(), vue.createBlock(_component_ProTabs, {
           key: 0,
           tabs: _ctx.tabData,
           active: _ctx.tabActive,
@@ -586,6 +591,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           homePath: _ctx.homeMenuPath,
           isHome: _ctx.isHome,
           tabContextMenu: _ctx.tabContextMenu,
+          tabContextMenus: _ctx.tabContextMenus,
           tabSortable: _ctx.tabSortable,
           onTabClick: _ctx.onTabClick,
           onTabRemove: _ctx.onTabRemove,
@@ -600,8 +606,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
               ])
             };
           })
-        ]), 1032, ["tabs", "active", "tabStyle", "fixedHome", "homePath", "isHome", "tabContextMenu", "tabSortable", "onTabClick", "onTabRemove", "onTabContextMenu", "onTabSortChange"])) : vue.createCommentVNode("", true),
-        vue.createElementVNode("div", _hoisted_3, [
+        ]), 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, {
             key: 0,
             keepAlive: _ctx.keepAlive,
@@ -612,7 +618,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           }, 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)
+        ], 512)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_4, vue.toDisplayString(_ctx.UNAUTHORIZED_TIP), 1))
       ])
     ]),
     vue.createElementVNode("div", {
@@ -626,7 +632,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       visibilityHeight: _ctx.backTopVisibilityHeight,
       target: _ctx.fixedBody ? ".ele-admin-layout .ele-admin-content" : void 0
     }, null, 8, ["right", "bottom", "visibilityHeight", "target"])) : vue.createCommentVNode("", true)
-  ], 2)) : vue.createCommentVNode("", true);
+  ], 2);
 }
 const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 module.exports = index;

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

@@ -1,4 +1,6 @@
 import type { PropType, ExtractPropTypes } from 'vue';
+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';
 /**
  * 属性
@@ -42,7 +44,7 @@ export declare const proLayoutProps: {
         default: boolean;
     };
     menuTrigger: {
-        type: PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "hover" | "click", unknown>>;
+        type: PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "hover" | "click", unknown> | undefined>;
         default: string;
     };
     layout: {
@@ -95,7 +97,8 @@ export declare const proLayoutProps: {
     locale: StringConstructor;
     i18n: PropType<MenuI18n>;
     sidebarOpeneds: PropType<string[]>;
-    tabContextMenu: BooleanConstructor;
+    tabContextMenu: PropType<boolean | EleDropdownProps>;
+    tabContextMenus: PropType<ContextMenus>;
     tabSortable: BooleanConstructor;
     autoScrollTop: {
         type: BooleanConstructor;
@@ -125,7 +128,7 @@ export declare const proLayoutProps: {
         type: StringConstructor;
         default: string;
     };
-    tooltipEffect: PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "light" | "dark", unknown>>;
+    tooltipEffect: PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "light" | "dark", unknown> | undefined>;
     keepAlive: BooleanConstructor;
     transitionName: StringConstructor;
     transitionDelay: {