ele-admin-plus 1.0.2 → 1.1.0

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

@@ -1,9 +1,10 @@
-import { defineComponent, ref, computed, watch, nextTick, resolveComponent, openBlock, createElementBlock, renderSlot, createElementVNode, createVNode, createSlots, withCtx, normalizeProps, guardReactiveProps } from "vue";
+import { defineComponent, ref, computed, watch, nextTick, resolveComponent, openBlock, createElementBlock, renderSlot, createVNode, withCtx, createSlots, normalizeProps, guardReactiveProps } from "vue";
+import { ElScrollbar } from "element-plus";
 import EleMenus from "../../ele-menus/index";
 import { useMenuScroll, getMenuItems } from "../util";
 const _sfc_main = defineComponent({
   name: "ProSidebox",
-  components: { EleMenus },
+  components: { ElScrollbar, EleMenus },
   props: {
     // 菜单数据
     menus: {
@@ -28,7 +29,10 @@ const _sfc_main = defineComponent({
     iconSlot: String
   },
   setup(props) {
-    const { scrollIntoView } = useMenuScroll(() => menusRef.value);
+    const { scrollIntoView } = useMenuScroll(() => {
+      var _a;
+      return (_a = menusRef.value) == null ? void 0 : _a.$el;
+    });
     const menusRef = ref(null);
     const menuItems = computed(() => getMenuItems(props.menus));
     watch(
@@ -50,42 +54,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 = resolveComponent("EleMenus");
+  const _component_ElScrollbar = resolveComponent("ElScrollbar");
   return openBlock(), createElementBlock("div", _hoisted_1, [
     renderSlot(_ctx.$slots, "boxTop"),
-    createElementVNode("div", _hoisted_2, [
-      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
-      }, createSlots({ _: 2 }, [
-        _ctx.iconSlot && _ctx.$slots[_ctx.iconSlot] ? {
-          name: "icon",
-          fn: withCtx((slotProps) => [
-            renderSlot(_ctx.$slots, _ctx.iconSlot, normalizeProps(guardReactiveProps(slotProps || {})))
-          ]),
-          key: "0"
-        } : void 0,
-        _ctx.titleSlot && _ctx.$slots[_ctx.titleSlot] ? {
-          name: "title",
-          fn: withCtx((slotProps) => [
-            renderSlot(_ctx.$slots, _ctx.titleSlot, normalizeProps(guardReactiveProps(slotProps || {})))
-          ]),
-          key: "1"
-        } : void 0
-      ]), 1032, ["items", "theme", "popupColorful", "collapse", "defaultActive", "popperEffect", "tooltipDisabled"])
-    ], 512),
+    createVNode(_component_ElScrollbar, {
+      ref: "menusRef",
+      class: "ele-admin-menus"
+    }, {
+      default: withCtx(() => [
+        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
+        }, createSlots({ _: 2 }, [
+          _ctx.iconSlot && _ctx.$slots[_ctx.iconSlot] ? {
+            name: "icon",
+            fn: withCtx((slotProps) => [
+              renderSlot(_ctx.$slots, _ctx.iconSlot, normalizeProps(guardReactiveProps(slotProps || {})))
+            ]),
+            key: "0"
+          } : void 0,
+          _ctx.titleSlot && _ctx.$slots[_ctx.titleSlot] ? {
+            name: "title",
+            fn: withCtx((slotProps) => [
+              renderSlot(_ctx.$slots, _ctx.titleSlot, normalizeProps(guardReactiveProps(slotProps || {})))
+            ]),
+            key: "1"
+          } : void 0
+        ]), 1032, ["items", "theme", "popupColorful", "collapse", "defaultActive", "popperEffect", "tooltipDisabled"])
+      ]),
+      _: 3
+    }, 512),
     renderSlot(_ctx.$slots, "boxBottom")
   ]);
 }

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

@@ -28,7 +28,9 @@ const _sfc_main = defineComponent({
     // 页签风格
     tabStyle: String,
     // 是否支持右键菜单
-    tabContextMenu: Boolean,
+    tabContextMenu: [Boolean, Object],
+    // 右键菜单
+    tabContextMenus: [Array, Function],
     // 是否支持拖动排序
     tabSortable: Boolean
   },
@@ -134,6 +136,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
@@ -160,7 +163,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"])) : createCommentVNode("", true),
@@ -172,6 +175,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,
@@ -193,7 +197,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"]),
       renderSlot(_ctx.$slots, "tabExtra", { active: _ctx.active })
     ]),
     _: 3

package/es/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/es/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/es/ele-pro-layout/components/tab-dropdown.js

@@ -1,19 +1,46 @@
-import { defineComponent, resolveComponent, openBlock, createBlock, withCtx, createVNode, renderSlot, createElementVNode } from "vue";
+import { defineComponent, ref, onBeforeUnmount, resolveComponent, openBlock, createBlock, withCtx, createVNode, mergeProps, createSlots, createElementVNode, renderSlot } from "vue";
+import { ElIcon } from "element-plus";
 import { ArrowDown } from "@element-plus/icons-vue";
-import { ElDropdown, ElDropdownMenu, ElIcon } from "element-plus";
+import EleDropdown from "../../ele-dropdown/index";
 import EleTabTool from "../../ele-tab-tool/index";
 const _sfc_main = defineComponent({
   name: "TabDropdown",
-  components: { ElDropdown, ElDropdownMenu, ElIcon, ArrowDown, EleTabTool },
+  components: { ElIcon, 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 = 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);
       }
     };
+    onBeforeUnmount(() => {
+      clearTimer();
+    });
+    return { dropdownRef, onCommand };
   }
 });
 const _export_sfc = (sfc, props) => {
@@ -27,24 +54,23 @@ const _hoisted_1 = { style: { "text-align": "center", "outline": "none" } };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ArrowDown = resolveComponent("ArrowDown");
   const _component_ElIcon = resolveComponent("ElIcon");
-  const _component_ElDropdownMenu = resolveComponent("ElDropdownMenu");
-  const _component_ElDropdown = resolveComponent("ElDropdown");
+  const _component_EleDropdown = resolveComponent("EleDropdown");
   const _component_EleTabTool = resolveComponent("EleTabTool");
   return openBlock(), createBlock(_component_EleTabTool, null, {
     default: withCtx(() => [
-      createVNode(_component_ElDropdown, {
+      createVNode(_component_EleDropdown, 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: withCtx(() => [
-          createVNode(_component_ElDropdownMenu, null, {
-            default: withCtx(() => [
-              renderSlot(_ctx.$slots, "default")
-            ]),
-            _: 3
-          })
-        ]),
+      }), createSlots({
         default: withCtx(() => [
           createElementVNode("div", _hoisted_1, [
             renderSlot(_ctx.$slots, "icon", {}, () => [
@@ -60,8 +86,16 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             ])
           ])
         ]),
-        _: 3
-      }, 8, ["onCommand"])
+        _: 2
+      }, [
+        _ctx.$slots.default ? {
+          name: "dropdownMenu",
+          fn: withCtx(() => [
+            renderSlot(_ctx.$slots, "default")
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1040, ["items", "onCommand"])
     ]),
     _: 3
   });

package/es/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/es/ele-pro-layout/index.js

@@ -1,14 +1,14 @@
-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, createElementVNode, createBlock, createCommentVNode, toDisplayString } from "vue";
 import { useRouter } from "vue-router";
 import { ElBacktop } from "element-plus";
 import { mapTree } from "../utils/core";
-import { useLicense, LAYOUT_KEY } from "../ele-config-provider/receiver";
+import { useLicense, LAYOUT_KEY, UNAUTHORIZED_TIP } from "../ele-config-provider/receiver";
 import ProHeader from "./components/pro-header";
 import ProSidebar from "./components/pro-sidebar";
 import ProSidebox from "./components/pro-sidebox";
 import ProTabs from "./components/pro-tabs";
 import ProIframe from "./components/pro-iframe";
-import { getHomePath, getRouteMatched, disableTransition, useWindowListener, getMatchedLevels, getRouteTab, getMixActive, getActiveChilds, findTabByPath, findMenuByPath } from "./util";
+import { useDisableTransition, getHomePath, getRouteMatched, useWindowListener, getMatchedLevels, getRouteTab, getMixActive, getActiveChilds, findTabByPath, findMenuByPath } from "./util";
 import { proLayoutProps, proLayoutEmits } from "./props";
 const _sfc_main = defineComponent({
   name: "EleProLayout",
@@ -23,9 +23,9 @@ const _sfc_main = defineComponent({
   props: proLayoutProps,
   emits: proLayoutEmits,
   setup(props, { emit }) {
-    const state = { timer: null };
     const { authenticated } = useLicense();
     const { currentRoute } = useRouter();
+    const { disableTransition } = useDisableTransition();
     const contentRef = ref(null);
     const levelData = shallowRef([]);
     const tabData = shallowRef([]);
@@ -392,8 +392,7 @@ const _sfc_main = defineComponent({
         mobile
       ],
       () => {
-        state.timer && clearTimeout(state.timer);
-        state.timer = disableTransition();
+        disableTransition();
       }
     );
     watch(
@@ -428,7 +427,7 @@ const _sfc_main = defineComponent({
       props
     );
     const layoutProvide = computed(() => {
-      const state2 = {
+      const state = {
         mobile: mobile.value,
         collapse: props.collapse,
         compact: props.compact,
@@ -441,10 +440,11 @@ const _sfc_main = defineComponent({
         keepAlive: props.tabBar && props.keepAlive,
         responsive: props.responsive
       };
-      return state2;
+      return state;
     });
     provide(LAYOUT_KEY, layoutProvide);
     return {
+      UNAUTHORIZED_TIP,
       authenticated,
       contentRef,
       levelData,
@@ -487,9 +487,15 @@ const _export_sfc = (sfc, props) => {
 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 = resolveComponent("ProHeader");
   const _component_ProSidebox = resolveComponent("ProSidebox");
@@ -497,8 +503,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ProTabs = resolveComponent("ProTabs");
   const _component_ProIframe = resolveComponent("ProIframe");
   const _component_ElBacktop = resolveComponent("ElBacktop");
-  return _ctx.authenticated ? (openBlock(), createElementBlock("div", {
-    key: 0,
+  return openBlock(), createElementBlock("div", {
     class: normalizeClass(_ctx.layoutClass)
   }, [
     createVNode(_component_ProHeader, {
@@ -553,7 +558,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       ]), 1032, ["menus", "sidebarStyle", "colorfulIcon", "active", "compact", "collapse", "popperEffect", "titleSlot", "iconSlot"])) : createCommentVNode("", true),
       _ctx.sidebar ? (openBlock(), createBlock(_component_ProSidebar, {
         key: 1,
-        menus: _ctx.sidebarData,
+        menus: _ctx.authenticated ? _ctx.sidebarData : [],
         sidebarStyle: _ctx.sidebarTheme,
         colorfulIcon: _ctx.colorfulIcon,
         active: _ctx.sidebarActive,
@@ -576,7 +581,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         })
       ]), 1032, ["menus", "sidebarStyle", "colorfulIcon", "active", "collapse", "uniqueOpened", "defaultOpeneds", "popperEffect", "titleSlot", "iconSlot", "onOpen", "onClsoe"])) : createCommentVNode("", true),
       createElementVNode("div", _hoisted_2, [
-        _ctx.tabBar ? (openBlock(), createBlock(_component_ProTabs, {
+        _ctx.authenticated && _ctx.tabBar ? (openBlock(), createBlock(_component_ProTabs, {
           key: 0,
           tabs: _ctx.tabData,
           active: _ctx.tabActive,
@@ -585,6 +590,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,
@@ -599,8 +605,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
               ])
             };
           })
-        ]), 1032, ["tabs", "active", "tabStyle", "fixedHome", "homePath", "isHome", "tabContextMenu", "tabSortable", "onTabClick", "onTabRemove", "onTabContextMenu", "onTabSortChange"])) : createCommentVNode("", true),
-        createElementVNode("div", _hoisted_3, [
+        ]), 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, {
             key: 0,
             keepAlive: _ctx.keepAlive,
@@ -611,7 +617,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           }, null, 8, ["keepAlive", "transitionName", "transitionDelay", "tabData", "tabActive"])) : createCommentVNode("", true),
           renderSlot(_ctx.$slots, "default"),
           !_ctx.hideFooter ? renderSlot(_ctx.$slots, "footer", { key: 1 }) : createCommentVNode("", true)
-        ], 512)
+        ], 512)) : (openBlock(), createElementBlock("div", _hoisted_4, toDisplayString(_ctx.UNAUTHORIZED_TIP), 1))
       ])
     ]),
     createElementVNode("div", {
@@ -625,7 +631,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"])) : createCommentVNode("", true)
-  ], 2)) : createCommentVNode("", true);
+  ], 2);
 }
 const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {