ele-admin-plus 1.1.9-beta.1 → 1.1.9-beta.11

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

@@ -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 EleWatermark = require("../ele-watermark/index");
+const ReceiverView = require("../ele-config-provider/components/receiver-view");
 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,
-    EleWatermark,
+    ReceiverView,
     ProHeader,
     ProSidebar,
     ProSidebox,
@@ -26,10 +26,17 @@ const _sfc_main = vue.defineComponent({
   props: props.proLayoutProps,
   emits: props.proLayoutEmits,
   setup(props2, { emit }) {
-    const { authenticated } = receiver.useLicense();
     const { currentRoute, push } = vueRouter.useRouter();
     const { disableTransition } = util.useDisableTransition();
+    const state = {
+      headerData: [],
+      sideboxData: [],
+      sidebarData: [],
+      menuTimer: null,
+      isHover: false
+    };
     const contentRef = vue.ref(null);
+    const modalsRef = vue.ref(null);
     const levelData = vue.shallowRef([]);
     const tabData = vue.shallowRef([]);
     const tabActive = vue.ref(util.getHomePath(props2.homePath));
@@ -46,7 +53,6 @@ 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");
@@ -88,7 +94,7 @@ const _sfc_main = vue.defineComponent({
         // 图标置于顶栏
         { "ele-admin-logo-auto": logoAuto && !mobile.value },
         // 开启页签栏
-        { "ele-admin-open-tab": props2.tabBar },
+        { "ele-admin-open-tab": props2.tabBar && props2.tabBar !== "header" },
         // 卡片风格页签
         { "ele-admin-tab-card": props2.tabStyle === "button" },
         // 主体定宽
@@ -106,7 +112,7 @@ const _sfc_main = vue.defineComponent({
         return props2.backTopTarget;
       }
       if (props2.fixedBody) {
-        return ".ele-admin-layout.ele-admin-fixed-body>.ele-admin-main>.ele-admin-body>.ele-admin-content";
+        return ".ele-admin-layout.ele-admin-fixed-body>.ele-admin-main>.ele-admin-body>.ele-admin-wrapper>.ele-admin-content";
       }
       return "body";
     });
@@ -216,6 +222,9 @@ const _sfc_main = vue.defineComponent({
         sideboxActive.value = active1;
       }
       sidebarActive.value = active;
+      state.headerActive = headerActive.value;
+      state.sideboxActive = sideboxActive.value;
+      state.sidebarActive = sidebarActive.value;
     };
     const splitMenuData = () => {
       var _a;
@@ -292,6 +301,9 @@ const _sfc_main = vue.defineComponent({
           sidebarData.value = menuData.value;
         }
       }
+      state.headerData = headerData.value;
+      state.sideboxData = sideboxData.value;
+      state.sidebarData = sidebarData.value;
     };
     const updateMenuData = () => {
       let temp;
@@ -337,90 +349,276 @@ const _sfc_main = vue.defineComponent({
         });
       }
     };
-    const onNavItemClick = (item) => {
-      if (!item.index || props2.navTrigger != "click") {
-        return;
-      }
-      if (props2.beforeClick && props2.beforeClick(item) === false) {
+    const onNavItemClick = (item, e) => {
+      const path = item.index;
+      const trigger = props2.navTrigger;
+      if (!path || trigger !== "click" && trigger !== "hover") {
         return;
       }
       if (core.isExternalLink(item.index)) {
-        window.open(item.index);
+        e.stopPropagation();
+        if (props2.beforeClick && props2.beforeClick(item, e) === false) {
+          return;
+        }
+        window.open(path);
         return;
       }
-      headerActive.value = item.index;
-      const temp = util.getActiveChilds(
-        headerData.value,
-        headerActive.value,
-        "tempChildren"
-      );
+      const temp = util.getActiveChilds(headerData.value, path, "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);
+      if (trigger !== "click" && !isChild) {
+        e.stopPropagation();
         return;
       }
-      if (mixSidebar.value) {
+      if (props2.beforeClick && props2.beforeClick(item, e) === false) {
+        return;
+      }
+      if (isChild) {
+        if (path !== vue.unref(currentRoute).fullPath) {
+          push(path);
+        }
+        return;
+      }
+      if (headerActive.value !== path) {
+        headerActive.value = path;
+        if (!mixSidebar.value) {
+          sidebarData.value = temp;
+          return;
+        }
         sideboxData.value = temp.map((d) => {
           return {
-            name: d.name,
-            path: d.path,
-            component: d.component,
-            redirect: d.redirect,
-            meta: d.meta,
+            ...d,
             children: props2.collapse ? d.children : void 0,
             tempChildren: d.children
           };
         });
+      }
+    };
+    const onNavItemMouseenter = (item, e) => {
+      if (!mixLayout.value) {
+        return;
+      }
+      if (state.menuTimer != null) {
+        clearTimeout(state.menuTimer);
+        state.menuTimer = null;
+      }
+      const path = item.index;
+      const trigger = props2.navTrigger;
+      if (trigger !== "hover" || !path || core.isExternalLink(path)) {
         return;
       }
-      sidebarData.value = temp;
+      const temp = util.getActiveChilds(headerData.value, path, "tempChildren");
+      if (!temp.some((d) => {
+        var _a;
+        return !((_a = d.meta) == null ? void 0 : _a.hide);
+      })) {
+        return;
+      }
+      if (props2.beforeClick && props2.beforeClick(item, e) === false) {
+        return;
+      }
+      if (headerActive.value !== path) {
+        state.isHover = true;
+        headerActive.value = path;
+        if (!mixSidebar.value) {
+          sidebarData.value = temp;
+          return;
+        }
+        sideboxData.value = temp.map((d) => {
+          return {
+            ...d,
+            children: props2.collapse ? d.children : void 0,
+            tempChildren: d.children
+          };
+        });
+      }
     };
-    const onBoxItemClick = (item) => {
-      if (!item.index || props2.boxTrigger != "click") {
+    const onNavMouseEnter = () => {
+      if (state.menuTimer != null) {
+        clearTimeout(state.menuTimer);
+        state.menuTimer = null;
+      }
+    };
+    const onNavMouseLeave = () => {
+      if (!state.isHover) {
         return;
       }
-      if (props2.beforeClick && props2.beforeClick(item) === false) {
+      if (state.menuTimer != null) {
+        clearTimeout(state.menuTimer);
+        state.menuTimer = null;
+      }
+      state.menuTimer = setTimeout(() => {
+        state.isHover = false;
+        if (headerActive.value !== state.headerActive) {
+          headerActive.value = state.headerActive;
+          if (mixSidebar.value) {
+            sideboxData.value = state.sideboxData;
+          } else {
+            sidebarData.value = state.sidebarData;
+          }
+        }
+        if (mixSidebar.value && sideboxActive.value !== state.sideboxActive) {
+          sideboxActive.value = state.sideboxActive;
+          sidebarData.value = state.sidebarData;
+        }
+      }, props2.menuHoverTimeout);
+    };
+    const onBoxItemClick = (item, e) => {
+      const path = item.index;
+      const trigger = props2.boxTrigger;
+      if (!path || trigger !== "click" && trigger !== "hover") {
         return;
       }
-      if (core.isExternalLink(item.index)) {
-        window.open(item.index);
+      if (core.isExternalLink(path)) {
+        e.stopPropagation();
+        if (props2.beforeClick && props2.beforeClick(item, e) === false) {
+          return;
+        }
+        window.open(path);
         return;
       }
-      sideboxActive.value = item.index;
-      const temp = util.getActiveChilds(
-        sideboxData.value,
-        sideboxActive.value,
-        "tempChildren"
-      );
+      if (props2.collapse) {
+        if (props2.beforeClick && props2.beforeClick(item, e) === false) {
+          return;
+        }
+        if (path !== vue.unref(currentRoute).fullPath) {
+          push(path);
+        }
+        return;
+      }
+      const temp = util.getActiveChilds(sideboxData.value, path, "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);
+      if (trigger !== "click" && !isChild) {
+        e.stopPropagation();
         return;
       }
-      sidebarData.value = temp;
+      if (props2.beforeClick && props2.beforeClick(item, e) === false) {
+        return;
+      }
+      if (isChild) {
+        if (path !== vue.unref(currentRoute).fullPath) {
+          push(path);
+        }
+        return;
+      }
+      if (sideboxActive.value !== path) {
+        sideboxActive.value = path;
+        sidebarData.value = temp;
+      }
     };
-    const onMenuItemClick = (item) => {
-      if (!item.index || props2.itemTrigger != "click") {
+    const onBoxItemMouseenter = (item, e) => {
+      if (props2.collapse) {
         return;
       }
-      if (props2.beforeClick && props2.beforeClick(item) === false) {
+      if (state.menuTimer != null) {
+        clearTimeout(state.menuTimer);
+        state.menuTimer = null;
+      }
+      const path = item.index;
+      const trigger = props2.boxTrigger;
+      if (trigger !== "hover" || !path || core.isExternalLink(path)) {
         return;
       }
-      if (core.isExternalLink(item.index)) {
-        window.open(item.index);
+      const temp = util.getActiveChilds(sideboxData.value, path, "tempChildren");
+      if (!temp.some((d) => {
+        var _a;
+        return !((_a = d.meta) == null ? void 0 : _a.hide);
+      })) {
+        return;
+      }
+      if (props2.beforeClick && props2.beforeClick(item, e) === false) {
         return;
       }
-      sidebarActive.value = item.index;
-      if (item.index !== vue.unref(currentRoute).fullPath) {
-        push(item.index);
+      if (sideboxActive.value !== path) {
+        state.isHover = true;
+        sideboxActive.value = path;
+        sidebarData.value = temp;
       }
     };
+    const onBoxMouseEnter = () => {
+      if (state.menuTimer != null) {
+        clearTimeout(state.menuTimer);
+        state.menuTimer = null;
+      }
+    };
+    const onBoxMouseLeave = () => {
+      if (!state.isHover) {
+        return;
+      }
+      if (state.menuTimer != null) {
+        clearTimeout(state.menuTimer);
+        state.menuTimer = null;
+      }
+      state.menuTimer = setTimeout(() => {
+        state.isHover = false;
+        if (headerActive.value !== state.headerActive) {
+          headerActive.value = state.headerActive;
+          if (mixSidebar.value) {
+            sideboxData.value = state.sideboxData;
+          } else {
+            sidebarData.value = state.sidebarData;
+          }
+        }
+        if (mixSidebar.value && sideboxActive.value !== state.sideboxActive) {
+          sideboxActive.value = state.sideboxActive;
+          sidebarData.value = state.sidebarData;
+        }
+      }, props2.menuHoverTimeout);
+    };
+    const onMenuItemClick = (item, e) => {
+      const path = item.index;
+      const trigger = props2.itemTrigger;
+      if (!path || trigger !== "click" && trigger !== "hover") {
+        return;
+      }
+      if (props2.beforeClick && props2.beforeClick(item, e) === false) {
+        return;
+      }
+      if (core.isExternalLink(path)) {
+        e.stopPropagation();
+        window.open(path);
+        return;
+      }
+      sidebarActive.value = path;
+      if (path !== vue.unref(currentRoute).fullPath) {
+        push(path);
+      }
+    };
+    const onSideMouseEnter = () => {
+      if (state.menuTimer != null) {
+        clearTimeout(state.menuTimer);
+        state.menuTimer = null;
+      }
+    };
+    const onSideMouseLeave = () => {
+      if (!state.isHover) {
+        return;
+      }
+      if (state.menuTimer != null) {
+        clearTimeout(state.menuTimer);
+        state.menuTimer = null;
+      }
+      state.menuTimer = setTimeout(() => {
+        state.isHover = false;
+        if (headerActive.value !== state.headerActive) {
+          headerActive.value = state.headerActive;
+          if (mixSidebar.value) {
+            sideboxData.value = state.sideboxData;
+          } else {
+            sidebarData.value = state.sidebarData;
+          }
+        }
+        if (mixSidebar.value && sideboxActive.value !== state.sideboxActive) {
+          sideboxActive.value = state.sideboxActive;
+          sidebarData.value = state.sidebarData;
+        }
+      }, props2.menuHoverTimeout);
+    };
     vue.watch(
       () => props2.menus,
       () => {
@@ -463,11 +661,13 @@ const _sfc_main = vue.defineComponent({
           sideboxData.value = sideboxData.value.map((d) => {
             return { ...d, children: d.tempChildren };
           });
+          state.sideboxData = sideboxData.value;
           return;
         }
         sideboxData.value = sideboxData.value.map((d) => {
           return { ...d, children: void 0 };
         });
+        state.sideboxData = sideboxData.value;
       }
     );
     vue.watch(
@@ -528,7 +728,7 @@ const _sfc_main = vue.defineComponent({
       props2
     );
     const layoutProvide = vue.computed(() => {
-      const state = {
+      const state2 = {
         mobile: mobile.value,
         collapse: props2.collapse,
         compact: props2.compact,
@@ -539,15 +739,15 @@ const _sfc_main = vue.defineComponent({
         tabBar: props2.tabBar,
         sidebar: sidebar.value,
         keepAlive: props2.tabBar && props2.keepAlive,
-        responsive: props2.responsive
+        responsive: props2.responsive,
+        modalsEl: modalsRef.value
       };
-      return state;
+      return state2;
     });
     vue.provide(receiver.LAYOUT_KEY, layoutProvide);
     return {
-      authenticated,
-      watermark,
       contentRef,
+      modalsRef,
       levelData,
       tabData,
       tabActive,
@@ -577,8 +777,16 @@ const _sfc_main = vue.defineComponent({
       onHeadMenuOpen,
       onHeadMenuClose,
       onNavItemClick,
+      onNavItemMouseenter,
+      onNavMouseEnter,
+      onNavMouseLeave,
       onBoxItemClick,
-      onMenuItemClick
+      onBoxItemMouseenter,
+      onBoxMouseEnter,
+      onBoxMouseLeave,
+      onMenuItemClick,
+      onSideMouseEnter,
+      onSideMouseLeave
     };
   }
 });
@@ -590,18 +798,23 @@ const _export_sfc = (sfc, props2) => {
   return target;
 };
 const _hoisted_1 = { class: "ele-admin-body" };
-const _hoisted_2 = {
+const _hoisted_2 = { class: "ele-admin-wrapper" };
+const _hoisted_3 = {
   ref: "contentRef",
   class: "ele-admin-content"
 };
+const _hoisted_4 = {
+  ref: "modalsRef",
+  class: "ele-admin-modals"
+};
 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_EleWatermark = vue.resolveComponent("EleWatermark");
   const _component_ElBacktop = vue.resolveComponent("ElBacktop");
+  const _component_ReceiverView = vue.resolveComponent("ReceiverView");
   return vue.openBlock(), vue.createElementBlock("div", {
     class: vue.normalizeClass(_ctx.layoutClass)
   }, [
@@ -622,10 +835,26 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       breadcrumbSeparator: _ctx.breadcrumbSeparator,
       homePath: _ctx.homeMenuPath,
       isHome: _ctx.isHome,
+      menuTextEllipsisTooltip: _ctx.menuTextEllipsisTooltip,
+      tabs: _ctx.tabData,
+      tabActive: _ctx.tabActive,
+      fixedHome: _ctx.fixedHome,
+      tabStyle: _ctx.tabStyle,
+      tabContextMenu: _ctx.tabContextMenu,
+      tabContextMenus: _ctx.tabContextMenus,
+      tabSortable: _ctx.tabSortable,
+      tabBar: _ctx.tabBar,
       onLogoClick: _ctx.onLogoClick,
       onOpen: _ctx.onHeadMenuOpen,
       onClsoe: _ctx.onHeadMenuClose,
-      onItemClick: _ctx.onNavItemClick
+      onItemClick: _ctx.onNavItemClick,
+      onItemMouseenter: _ctx.onNavItemMouseenter,
+      onMouseEnter: _ctx.onNavMouseEnter,
+      onMouseLeave: _ctx.onNavMouseLeave,
+      onTabClick: _ctx.onTabClick,
+      onTabRemove: _ctx.onTabRemove,
+      onTabContextMenu: _ctx.onTabContextMenu,
+      onTabSortChange: _ctx.onTabSortChange
     }, vue.createSlots({ _: 2 }, [
       vue.renderList(Object.keys(_ctx.$slots).filter(
         (k) => ![
@@ -634,11 +863,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           "bottom",
           "boxTop",
           "boxBottom",
-          "footer",
-          "tabTitle",
-          "tabContext",
-          "tabExtra",
-          "tabHome"
+          "footer"
         ].includes(k)
       ), (name) => {
         return {
@@ -648,13 +873,10 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           ])
         };
       })
-    ]), 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, {
+    ]), 1032, ["menus", "headerStyle", "active", "ellipsis", "ellipsisProps", "menuTrigger", "itemTrigger", "collapse", "sidebar", "titleSlot", "iconSlot", "levels", "breadcrumb", "breadcrumbSeparator", "homePath", "isHome", "menuTextEllipsisTooltip", "tabs", "tabActive", "fixedHome", "tabStyle", "tabContextMenu", "tabContextMenus", "tabSortable", "tabBar", "onLogoClick", "onOpen", "onClsoe", "onItemClick", "onItemMouseenter", "onMouseEnter", "onMouseLeave", "onTabClick", "onTabRemove", "onTabContextMenu", "onTabSortChange"]),
+    vue.createVNode(_component_ReceiverView, {
       class: "ele-admin-main",
-      height: 68,
-      disabled: _ctx.authenticated,
-      fixed: true,
-      content: _ctx.watermark
+      wrapPosition: false
     }, {
       default: vue.withCtx(() => [
         _ctx.sidebox ? (vue.openBlock(), vue.createBlock(_component_ProSidebox, {
@@ -669,7 +891,11 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           itemTrigger: _ctx.boxTrigger,
           titleSlot: _ctx.sideboxTitleSlot,
           iconSlot: _ctx.sideboxIconSlot,
-          onItemClick: _ctx.onBoxItemClick
+          menuTextEllipsisTooltip: _ctx.menuTextEllipsisTooltip,
+          onItemClick: _ctx.onBoxItemClick,
+          onItemMouseenter: _ctx.onBoxItemMouseenter,
+          onMouseEnter: _ctx.onBoxMouseEnter,
+          onMouseLeave: _ctx.onBoxMouseLeave
         }, vue.createSlots({ _: 2 }, [
           vue.renderList(Object.keys(_ctx.$slots).filter(
             (k) => ![
@@ -695,7 +921,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
               ])
             };
           })
-        ]), 1032, ["menus", "sidebarStyle", "colorfulIcon", "active", "compact", "collapse", "popperEffect", "itemTrigger", "titleSlot", "iconSlot", "onItemClick"])) : vue.createCommentVNode("", true),
+        ]), 1032, ["menus", "sidebarStyle", "colorfulIcon", "active", "compact", "collapse", "popperEffect", "itemTrigger", "titleSlot", "iconSlot", "menuTextEllipsisTooltip", "onItemClick", "onItemMouseenter", "onMouseEnter", "onMouseLeave"])) : vue.createCommentVNode("", true),
         _ctx.sidebar ? (vue.openBlock(), vue.createBlock(_component_ProSidebar, {
           key: 1,
           menus: _ctx.sidebarData,
@@ -709,9 +935,12 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           itemTrigger: _ctx.itemTrigger,
           titleSlot: _ctx.sidebarTitleSlot,
           iconSlot: _ctx.sidebarIconSlot,
+          menuTextEllipsisTooltip: _ctx.menuTextEllipsisTooltip,
           onOpen: _ctx.onSideMenuOpen,
           onClsoe: _ctx.onSideMenuClose,
-          onItemClick: _ctx.onMenuItemClick
+          onItemClick: _ctx.onMenuItemClick,
+          onMouseEnter: _ctx.onSideMouseEnter,
+          onMouseLeave: _ctx.onSideMouseLeave
         }, vue.createSlots({ _: 2 }, [
           vue.renderList(Object.keys(_ctx.$slots).filter(
             (k) => ![
@@ -737,9 +966,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
               ])
             };
           })
-        ]), 1032, ["menus", "sidebarStyle", "colorfulIcon", "active", "collapse", "uniqueOpened", "defaultOpeneds", "popperEffect", "itemTrigger", "titleSlot", "iconSlot", "onOpen", "onClsoe", "onItemClick"])) : vue.createCommentVNode("", true),
+        ]), 1032, ["menus", "sidebarStyle", "colorfulIcon", "active", "collapse", "uniqueOpened", "defaultOpeneds", "popperEffect", "itemTrigger", "titleSlot", "iconSlot", "menuTextEllipsisTooltip", "onOpen", "onClsoe", "onItemClick", "onMouseEnter", "onMouseLeave"])) : vue.createCommentVNode("", true),
         vue.createElementVNode("div", _hoisted_1, [
-          _ctx.tabBar ? (vue.openBlock(), vue.createBlock(_component_ProTabs, {
+          _ctx.tabBar && _ctx.tabBar !== "header" ? (vue.openBlock(), vue.createBlock(_component_ProTabs, {
             key: 0,
             tabs: _ctx.tabData,
             active: _ctx.tabActive,
@@ -767,6 +996,10 @@ 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),
           vue.createElementVNode("div", _hoisted_2, [
+            vue.createElementVNode("div", _hoisted_3, [
+              vue.renderSlot(_ctx.$slots, "default"),
+              !_ctx.hideFooter ? vue.renderSlot(_ctx.$slots, "footer", { key: 0 }) : vue.createCommentVNode("", true)
+            ], 512),
             _ctx.tabBar && _ctx.keepAlive ? (vue.openBlock(), vue.createBlock(_component_ProIframe, {
               key: 0,
               keepAlive: _ctx.keepAlive,
@@ -775,24 +1008,23 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
               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)
+            _ctx.backTop ? (vue.openBlock(), vue.createBlock(_component_ElBacktop, {
+              key: _ctx.backTopSelector,
+              target: _ctx.backTopSelector,
+              visibilityHeight: _ctx.backTopVisibilityHeight,
+              bottom: _ctx.backTopBottom,
+              right: _ctx.backTopRight
+            }, null, 8, ["target", "visibilityHeight", "bottom", "right"])) : vue.createCommentVNode("", true),
+            vue.createElementVNode("div", _hoisted_4, null, 512)
+          ])
         ])
       ]),
       _: 3
-    }, 8, ["disabled", "content"]),
+    }),
     vue.createElementVNode("div", {
       class: "ele-admin-mask",
       onClick: _cache[0] || (_cache[0] = (...args) => _ctx.updateCollapse && _ctx.updateCollapse(...args))
-    }),
-    _ctx.backTop ? (vue.openBlock(), vue.createBlock(_component_ElBacktop, {
-      key: 0,
-      right: _ctx.backTopRight,
-      bottom: _ctx.backTopBottom,
-      visibilityHeight: _ctx.backTopVisibilityHeight,
-      target: _ctx.backTopSelector
-    }, null, 8, ["right", "bottom", "visibilityHeight", "target"])) : vue.createCommentVNode("", true)
+    })
   ], 2);
 }
 const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);