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

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, {
+      fixed: true,
+      height: 68,
+      content: _ctx.watermark,
+      disabled: _ctx.authenticated,
+      class: "ele-admin-main"
+    }, {
+      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, ["content", "disabled"]),
     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: {

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

@@ -46,6 +46,8 @@ const proLayoutProps = {
     type: Number,
     default: 60
   },
+  // 返回顶部的目标选择器
+  backTopTarget: String,
   // 顶栏菜单是否省略多余的子项
   ellipsis: {
     type: Boolean,
@@ -171,6 +173,14 @@ const proLayoutProps = {
   },
   // 菜单 tooltip 主题
   tooltipEffect: String,
+  // 顶栏菜单触发模式
+  navTrigger: String,
+  // 双侧栏一级菜单触发模式
+  boxTrigger: String,
+  // 侧栏菜单触发模式
+  itemTrigger: String,
+  // 菜单点击事件前钩子
+  beforeClick: Function,
   // 是否支持内链缓存
   keepAlive: Boolean,
   // 内链切换动画

package/lib/ele-pro-layout/style/collapse.scss

@@ -19,21 +19,20 @@
     }
   }
 
-  &.ele-admin-mix-sidebar {
-    .ele-admin-sidebox {
-      box-shadow: eleVar('sidebar', 'shadow');
-    }
-
-    .ele-admin-sidebar {
-      width: 0;
+  &.ele-admin-mix-sidebar .ele-admin-sidebar {
+    width: 0;
 
-      & + .ele-admin-body {
-        width: calc(100% - #{eleVar('sidebox', 'width')});
-      }
+    & + .ele-admin-body {
+      width: calc(100% - #{eleVar('sidebox', 'width')});
     }
   }
 }
 
+.ele-admin-collapse.ele-admin-mix-sidebar .ele-admin-sidebox,
+.ele-admin-none-sidebar.ele-admin-mix-sidebar .ele-admin-sidebox {
+  box-shadow: eleVar('sidebar', 'shadow');
+}
+
 /* 折叠一级侧栏 */
 .ele-admin-compact.ele-admin-mix-sidebar {
   $collapseW: eleVar('sidebar', 'collapse-width');

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

@@ -2,7 +2,6 @@
 require("element-plus/es/components/backtop/style/index");
 require("element-plus/es/components/icon/style/index");
 require("element-plus/es/components/scrollbar/style/index");
-require("../../ele-alert/style/index");
 require("../../ele-page/style/index");
 require("../../ele-breadcrumb/style/index");
 require("../../ele-menus/style/index");

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

@@ -204,6 +204,14 @@ export type MenuTrigger = ElMenuProps['menuTrigger'];
  * 面包屑导航分隔符
  */
 export type BreadcrumbSeparator = ElBreadcrumbProps['separatorIcon'];
+/**
+ * 混合模式菜单切换模式
+ */
+export type MenuItemTrigger = 'route' | 'click';
+/**
+ * 菜单点击前钩子
+ */
+export type BeforeClick = (item: MenuItemProps) => boolean;
 /**
  * 内链数据
  */
@@ -221,3 +229,4 @@ export type TabTitleInstance = InstanceType<typeof TabTitle> | null;
  * 标签页组件实例
  */
 export type EleTabsInstance = InstanceType<typeof EleTabs> | null;
+export type { MenuItemProps };

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

@@ -72,8 +72,9 @@ export declare function getMixActive(matched?: MenuItem[]): MixActiveResult;
  * 获取选中菜单的子级
  * @param menus 菜单数据
  * @param active 选中地址
+ * @param childrenName 子级字段名称
  */
-export declare function getActiveChilds(menus: MenuItem[], active?: string): MenuItem[];
+export declare function getActiveChilds(menus: MenuItem[], active?: string, childrenName?: string): MenuItem[];
 /**
  * 绑定窗口事件监听
  */
@@ -93,5 +94,6 @@ export declare function useDisableTransition(): {
 /**
  * 菜单数据转换
  * @param menus 菜单数据
+ * @param link 是否使用超链接
  */
-export declare function getMenuItems(menus: MenuItem[]): MenuItemProps[];
+export declare function getMenuItems(menus: MenuItem[], link: boolean): MenuItemProps[];

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

@@ -67,15 +67,17 @@ function getMatchedMenus(path, menus, parents) {
 function getMatchedLevels(matched, activeOther, route, menus, tabs) {
   var _a;
   const levels = [];
-  matched == null ? void 0 : matched.forEach((m) => {
-    var _a2;
-    if (m.meta && m.meta.title && m.meta.breadcrumb !== false) {
-      levels.push({
-        path: m.path,
-        title: ((_a2 = findTabByPath(m.path, tabs)) == null ? void 0 : _a2.title) || m.meta.title
-      });
-    }
-  });
+  if (matched) {
+    matched.forEach((m) => {
+      var _a2;
+      if (m.meta && m.meta.title && m.meta.breadcrumb !== false) {
+        levels.push({
+          path: m.path,
+          title: ((_a2 = findTabByPath(m.path, tabs)) == null ? void 0 : _a2.title) || m.meta.title
+        });
+      }
+    });
+  }
   if (activeOther) {
     const { path, fullPath, meta } = route;
     if ((!levels.length || fullPath !== levels[levels.length - 1].path) && meta.title) {
@@ -134,18 +136,19 @@ function getMixActive(matched) {
     active2: match2.path
   };
 }
-function getActiveChilds(menus, active) {
+function getActiveChilds(menus, active, childrenName) {
+  const key = childrenName || "children";
   if (!menus.length) {
     return [];
   }
   if (!active) {
-    return menus[0].children || [];
+    return menus[0][key] || [];
   }
   const temp = menus.find((m) => m.path === active);
   if (temp == null) {
-    return menus[0].children || [];
+    return menus[0][key] || [];
   }
-  return temp.children || [];
+  return temp[key] || [];
 }
 function useWindowListener(option, props) {
   const state = { timer: null };
@@ -244,7 +247,7 @@ function useDisableTransition() {
   });
   return { disableTransition };
 }
-function getMenuItems(menus) {
+function getMenuItems(menus, link) {
   return core.mapTree(menus, (m) => {
     const { path, meta } = m;
     const { hide, icon, title, props } = meta ?? {};
@@ -254,9 +257,9 @@ function getMenuItems(menus) {
     const item = {
       title,
       icon,
-      path,
+      path: link ? path : void 0,
       index: path,
-      ...props,
+      ...core.omit(props, ["title", "icon", "path", "index"]),
       meta
     };
     return item;