ele-admin-plus 1.2.0-beta.1 → 1.2.0-beta.3

package/es/utils/message.js

@@ -1,6 +1,7 @@
 import { getCurrentInstance, provide, inject, onActivated, onDeactivated, isVNode, h, mergeProps } from "vue";
 import { ElMessage } from "element-plus";
-import { useLayoutState, useGlobalProps } from "../ele-config-provider/receiver";
+import { useGlobalProps } from "../ele-config-provider/receiver";
+import { useLayoutState } from "../ele-pro-layout/util";
 import MessageBody from "../ele-app/components/message-body";
 import { queryChild, omit } from "./core";
 function blurCurrentFocus() {

package/lib/components.d.ts

@@ -1,7 +1,7 @@
 export * from './core-components';
-export { default as EleBarCode } from "./ele-bar-code/index";
-export { default as EleCountUp } from "./ele-count-up/index";
-export { default as EleCropper } from "./ele-cropper/index";
-export { default as EleCropperModal } from "./ele-cropper-modal/index";
-export { default as EleMapPicker } from "./ele-map-picker/index";
-export { default as EleXgPlayer } from "./ele-xg-player/index";
+export { default as EleBarCode } from './ele-bar-code/index';
+export { default as EleCountUp } from './ele-count-up/index';
+export { default as EleCropper } from './ele-cropper/index';
+export { default as EleCropperModal } from './ele-cropper-modal/index';
+export { default as EleMapPicker } from './ele-map-picker/index';
+export { default as EleXgPlayer } from './ele-xg-player/index';

package/lib/core-components.cjs

@@ -1,100 +1,104 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const index = require("./ele-alert/index");
-const index$1 = require("./ele-app/index");
-const index$2 = require("./ele-avatar-group/index");
-const index$3 = require("./ele-basic-select/index");
-const index$4 = require("./ele-bottom-bar/index");
-const index$5 = require("./ele-breadcrumb/index");
-const index$6 = require("./ele-card/index");
-const index$7 = require("./ele-check-card/index");
-const index$8 = require("./ele-config-provider/index");
-const index$9 = require("./ele-copyable/index");
-const index$a = require("./ele-dashboard/index");
-const index$b = require("./ele-data-table/index");
-const index$c = require("./ele-dot/index");
-const index$d = require("./ele-drawer/index");
-const index$e = require("./ele-dropdown/index");
-const index$f = require("./ele-edit-tag/index");
-const index$g = require("./ele-ellipsis/index");
-const index$h = require("./ele-file-list/index");
-const index$i = require("./ele-file-list-tool/index");
-const index$j = require("./ele-icon-select/index");
-const index$k = require("./ele-loading/index");
-const index$l = require("./ele-menus/index");
-const index$m = require("./ele-modal/index");
-const index$n = require("./ele-page/index");
-const index$o = require("./ele-pagination/index");
-const index$p = require("./ele-popconfirm/index");
-const index$q = require("./ele-popover/index");
-const index$r = require("./ele-printer/index");
-const index$s = require("./ele-pro-layout/index");
-const index$t = require("./ele-pro-table/index");
-const index$u = require("./ele-qr-code/index");
-const index$v = require("./ele-qr-code-svg/index");
-const index$w = require("./ele-segmented/index");
-const index$x = require("./ele-split-panel/index");
-const index$y = require("./ele-steps/index");
-const index$z = require("./ele-tabs/index");
-const index$A = require("./ele-tab-tool/index");
-const index$B = require("./ele-tab-wrap/index");
-const index$C = require("./ele-table/index");
-const index$D = require("./ele-table-select/index");
-const index$E = require("./ele-text/index");
-const index$F = require("./ele-tool/index");
-const index$G = require("./ele-toolbar/index");
-const index$H = require("./ele-tooltip/index");
-const index$I = require("./ele-tour/index");
-const index$J = require("./ele-tree-select/index");
-const index$K = require("./ele-upload-list/index");
-const index$L = require("./ele-virtual-table/index");
-const index$M = require("./ele-watermark/index");
-exports.EleAlert = index;
-exports.EleApp = index$1;
-exports.EleAvatarGroup = index$2;
-exports.EleBasicSelect = index$3;
-exports.EleBottomBar = index$4;
-exports.EleBreadcrumb = index$5;
-exports.EleCard = index$6;
-exports.EleCheckCard = index$7;
-exports.EleConfigProvider = index$8;
-exports.EleCopyable = index$9;
-exports.EleDashboard = index$a;
-exports.EleDataTable = index$b;
-exports.EleDot = index$c;
-exports.EleDrawer = index$d;
-exports.EleDropdown = index$e;
-exports.EleEditTag = index$f;
-exports.EleEllipsis = index$g;
-exports.EleFileList = index$h;
-exports.EleFileListTool = index$i;
-exports.EleIconSelect = index$j;
-exports.EleLoading = index$k;
-exports.EleMenus = index$l;
-exports.EleModal = index$m;
-exports.ElePage = index$n;
-exports.ElePagination = index$o;
-exports.ElePopconfirm = index$p;
-exports.ElePopover = index$q;
-exports.ElePrinter = index$r;
-exports.EleProLayout = index$s;
-exports.EleProTable = index$t;
-exports.EleQrCode = index$u;
-exports.EleQrCodeSvg = index$v;
-exports.EleSegmented = index$w;
-exports.EleSplitPanel = index$x;
-exports.EleSteps = index$y;
-exports.EleTabs = index$z;
-exports.EleTabTool = index$A;
-exports.EleTabWrap = index$B;
-exports.EleTable = index$C;
-exports.EleTableSelect = index$D;
-exports.EleText = index$E;
-exports.EleTool = index$F;
-exports.EleToolbar = index$G;
-exports.EleTooltip = index$H;
-exports.EleTour = index$I;
-exports.EleTreeSelect = index$J;
-exports.EleUploadList = index$K;
-exports.EleVirtualTable = index$L;
-exports.EleWatermark = index$M;
+const index = require("./ele-admin-layout/index");
+const index$1 = require("./ele-alert/index");
+const index$2 = require("./ele-app/index");
+const index$3 = require("./ele-avatar-group/index");
+const index$4 = require("./ele-backtop/index");
+const index$5 = require("./ele-basic-select/index");
+const index$6 = require("./ele-bottom-bar/index");
+const index$7 = require("./ele-breadcrumb/index");
+const index$8 = require("./ele-card/index");
+const index$9 = require("./ele-check-card/index");
+const index$a = require("./ele-config-provider/index");
+const index$b = require("./ele-copyable/index");
+const index$c = require("./ele-dashboard/index");
+const index$d = require("./ele-data-table/index");
+const index$e = require("./ele-dot/index");
+const index$f = require("./ele-drawer/index");
+const index$g = require("./ele-dropdown/index");
+const index$h = require("./ele-edit-tag/index");
+const index$i = require("./ele-ellipsis/index");
+const index$j = require("./ele-file-list/index");
+const index$k = require("./ele-file-list-tool/index");
+const index$l = require("./ele-icon-select/index");
+const index$m = require("./ele-loading/index");
+const index$n = require("./ele-menus/index");
+const index$o = require("./ele-modal/index");
+const index$p = require("./ele-page/index");
+const index$q = require("./ele-pagination/index");
+const index$r = require("./ele-popconfirm/index");
+const index$s = require("./ele-popover/index");
+const index$t = require("./ele-printer/index");
+const index$u = require("./ele-pro-layout/index");
+const index$v = require("./ele-pro-table/index");
+const index$w = require("./ele-qr-code/index");
+const index$x = require("./ele-qr-code-svg/index");
+const index$y = require("./ele-segmented/index");
+const index$z = require("./ele-split-panel/index");
+const index$A = require("./ele-steps/index");
+const index$B = require("./ele-tabs/index");
+const index$C = require("./ele-tab-tool/index");
+const index$D = require("./ele-tab-wrap/index");
+const index$E = require("./ele-table/index");
+const index$F = require("./ele-table-select/index");
+const index$G = require("./ele-text/index");
+const index$H = require("./ele-tool/index");
+const index$I = require("./ele-toolbar/index");
+const index$J = require("./ele-tooltip/index");
+const index$K = require("./ele-tour/index");
+const index$L = require("./ele-tree-select/index");
+const index$M = require("./ele-upload-list/index");
+const index$N = require("./ele-virtual-table/index");
+const index$O = require("./ele-watermark/index");
+exports.EleAdminLayout = index;
+exports.EleAlert = index$1;
+exports.EleApp = index$2;
+exports.EleAvatarGroup = index$3;
+exports.EleBacktop = index$4;
+exports.EleBasicSelect = index$5;
+exports.EleBottomBar = index$6;
+exports.EleBreadcrumb = index$7;
+exports.EleCard = index$8;
+exports.EleCheckCard = index$9;
+exports.EleConfigProvider = index$a;
+exports.EleCopyable = index$b;
+exports.EleDashboard = index$c;
+exports.EleDataTable = index$d;
+exports.EleDot = index$e;
+exports.EleDrawer = index$f;
+exports.EleDropdown = index$g;
+exports.EleEditTag = index$h;
+exports.EleEllipsis = index$i;
+exports.EleFileList = index$j;
+exports.EleFileListTool = index$k;
+exports.EleIconSelect = index$l;
+exports.EleLoading = index$m;
+exports.EleMenus = index$n;
+exports.EleModal = index$o;
+exports.ElePage = index$p;
+exports.ElePagination = index$q;
+exports.ElePopconfirm = index$r;
+exports.ElePopover = index$s;
+exports.ElePrinter = index$t;
+exports.EleProLayout = index$u;
+exports.EleProTable = index$v;
+exports.EleQrCode = index$w;
+exports.EleQrCodeSvg = index$x;
+exports.EleSegmented = index$y;
+exports.EleSplitPanel = index$z;
+exports.EleSteps = index$A;
+exports.EleTabs = index$B;
+exports.EleTabTool = index$C;
+exports.EleTabWrap = index$D;
+exports.EleTable = index$E;
+exports.EleTableSelect = index$F;
+exports.EleText = index$G;
+exports.EleTool = index$H;
+exports.EleToolbar = index$I;
+exports.EleTooltip = index$J;
+exports.EleTour = index$K;
+exports.EleTreeSelect = index$L;
+exports.EleUploadList = index$M;
+exports.EleVirtualTable = index$N;
+exports.EleWatermark = index$O;

package/lib/core-components.d.ts

@@ -1,49 +1,51 @@
-export { default as EleAlert } from "./ele-alert/index";
+export { default as EleAdminLayout } from './ele-admin-layout/index';
+export { default as EleAlert } from './ele-alert/index';
 export { default as EleApp } from './ele-app/index';
-export { default as EleAvatarGroup } from "./ele-avatar-group/index";
-export { default as EleBasicSelect } from "./ele-basic-select/index";
-export { default as EleBottomBar } from "./ele-bottom-bar/index";
-export { default as EleBreadcrumb } from "./ele-breadcrumb/index";
-export { default as EleCard } from "./ele-card/index";
-export { default as EleCheckCard } from "./ele-check-card/index";
+export { default as EleAvatarGroup } from './ele-avatar-group/index';
+export { default as EleBacktop } from './ele-backtop/index';
+export { default as EleBasicSelect } from './ele-basic-select/index';
+export { default as EleBottomBar } from './ele-bottom-bar/index';
+export { default as EleBreadcrumb } from './ele-breadcrumb/index';
+export { default as EleCard } from './ele-card/index';
+export { default as EleCheckCard } from './ele-check-card/index';
 export { default as EleConfigProvider } from './ele-config-provider/index';
-export { default as EleCopyable } from "./ele-copyable/index";
-export { default as EleDashboard } from "./ele-dashboard/index";
+export { default as EleCopyable } from './ele-copyable/index';
+export { default as EleDashboard } from './ele-dashboard/index';
 export { default as EleDataTable } from './ele-data-table/index';
-export { default as EleDot } from "./ele-dot/index";
-export { default as EleDrawer } from "./ele-drawer/index";
-export { default as EleDropdown } from "./ele-dropdown/index";
-export { default as EleEditTag } from "./ele-edit-tag/index";
-export { default as EleEllipsis } from "./ele-ellipsis/index";
-export { default as EleFileList } from "./ele-file-list/index";
-export { default as EleFileListTool } from "./ele-file-list-tool/index";
-export { default as EleIconSelect } from "./ele-icon-select/index";
-export { default as EleLoading } from "./ele-loading/index";
+export { default as EleDot } from './ele-dot/index';
+export { default as EleDrawer } from './ele-drawer/index';
+export { default as EleDropdown } from './ele-dropdown/index';
+export { default as EleEditTag } from './ele-edit-tag/index';
+export { default as EleEllipsis } from './ele-ellipsis/index';
+export { default as EleFileList } from './ele-file-list/index';
+export { default as EleFileListTool } from './ele-file-list-tool/index';
+export { default as EleIconSelect } from './ele-icon-select/index';
+export { default as EleLoading } from './ele-loading/index';
 export { default as EleMenus } from './ele-menus/index';
-export { default as EleModal } from "./ele-modal/index";
-export { default as ElePage } from "./ele-page/index";
-export { default as ElePagination } from "./ele-pagination/index";
-export { default as ElePopconfirm } from "./ele-popconfirm/index";
-export { default as ElePopover } from "./ele-popover/index";
-export { default as ElePrinter } from "./ele-printer/index";
-export { default as EleProLayout } from "./ele-pro-layout/index";
-export { default as EleProTable } from "./ele-pro-table/index";
-export { default as EleQrCode } from "./ele-qr-code/index";
-export { default as EleQrCodeSvg } from "./ele-qr-code-svg/index";
-export { default as EleSegmented } from "./ele-segmented/index";
-export { default as EleSplitPanel } from "./ele-split-panel/index";
-export { default as EleSteps } from "./ele-steps/index";
-export { default as EleTabs } from "./ele-tabs/index";
-export { default as EleTabTool } from "./ele-tab-tool/index";
-export { default as EleTabWrap } from "./ele-tab-wrap/index";
-export { default as EleTable } from "./ele-table/index";
-export { default as EleTableSelect } from "./ele-table-select/index";
-export { default as EleText } from "./ele-text/index";
-export { default as EleTool } from "./ele-tool/index";
-export { default as EleToolbar } from "./ele-toolbar/index";
-export { default as EleTooltip } from "./ele-tooltip/index";
-export { default as EleTour } from "./ele-tour/index";
-export { default as EleTreeSelect } from "./ele-tree-select/index";
-export { default as EleUploadList } from "./ele-upload-list/index";
-export { default as EleVirtualTable } from "./ele-virtual-table/index";
-export { default as EleWatermark } from "./ele-watermark/index";
+export { default as EleModal } from './ele-modal/index';
+export { default as ElePage } from './ele-page/index';
+export { default as ElePagination } from './ele-pagination/index';
+export { default as ElePopconfirm } from './ele-popconfirm/index';
+export { default as ElePopover } from './ele-popover/index';
+export { default as ElePrinter } from './ele-printer/index';
+export { default as EleProLayout } from './ele-pro-layout/index';
+export { default as EleProTable } from './ele-pro-table/index';
+export { default as EleQrCode } from './ele-qr-code/index';
+export { default as EleQrCodeSvg } from './ele-qr-code-svg/index';
+export { default as EleSegmented } from './ele-segmented/index';
+export { default as EleSplitPanel } from './ele-split-panel/index';
+export { default as EleSteps } from './ele-steps/index';
+export { default as EleTabs } from './ele-tabs/index';
+export { default as EleTabTool } from './ele-tab-tool/index';
+export { default as EleTabWrap } from './ele-tab-wrap/index';
+export { default as EleTable } from './ele-table/index';
+export { default as EleTableSelect } from './ele-table-select/index';
+export { default as EleText } from './ele-text/index';
+export { default as EleTool } from './ele-tool/index';
+export { default as EleToolbar } from './ele-toolbar/index';
+export { default as EleTooltip } from './ele-tooltip/index';
+export { default as EleTour } from './ele-tour/index';
+export { default as EleTreeSelect } from './ele-tree-select/index';
+export { default as EleUploadList } from './ele-upload-list/index';
+export { default as EleVirtualTable } from './ele-virtual-table/index';
+export { default as EleWatermark } from './ele-watermark/index';

package/lib/core-export.cjs

@@ -1,5 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const layoutTool = require("./ele-admin-layout/components/layout-tool");
+const tabDropdown = require("./ele-tab-wrap/components/tab-dropdown");
 const chartThemeDark = require("./utils/chart-theme-dark");
 const chartTheme = require("./utils/chart-theme");
 const core = require("./utils/core");
@@ -7,11 +9,9 @@ const menuUtil = require("./utils/menu-util");
 const message = require("./utils/message");
 const messageBox = require("./utils/message-box");
 const validate = require("./utils/validate");
-const headerTool = require("./ele-pro-layout/components/header-tool");
-const sidebarTool = require("./ele-pro-layout/components/sidebar-tool");
-const tabDropdown = require("./ele-pro-layout/components/tab-dropdown");
-exports.HeaderTool = headerTool;
-exports.SidebarTool = sidebarTool;
+exports.HeaderTool = layoutTool;
+exports.LayoutTool = layoutTool;
+exports.SidebarTool = layoutTool;
 exports.TabDropdown = tabDropdown;
 Object.keys(chartThemeDark).forEach((k) => {
   if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k))

package/lib/core-export.d.ts

@@ -1,3 +1,7 @@
+import { default as LayoutTool } from './ele-admin-layout/components/layout-tool';
+
+export { LayoutTool, LayoutTool as HeaderTool, LayoutTool as SidebarTool };
+export { default as TabDropdown } from './ele-tab-wrap/components/tab-dropdown';
 export * from './utils/chart-theme-dark';
 export * from './utils/chart-theme';
 export * from './utils/core';
@@ -5,6 +9,3 @@ export * from './utils/menu-util';
 export * from './utils/message';
 export * from './utils/message-box';
 export * from './utils/validate';
-export { default as HeaderTool } from "./ele-pro-layout/components/header-tool";
-export { default as SidebarTool } from "./ele-pro-layout/components/sidebar-tool";
-export { default as TabDropdown } from "./ele-pro-layout/components/tab-dropdown";

package/lib/ele-admin-layout/components/layout-skeleton.cjs

@@ -0,0 +1,46 @@
+"use strict";
+const vue = require("vue");
+const ReceiverView = require("../../ele-config-provider/components/receiver-view");
+const _sfc_main = vue.defineComponent({
+  name: "LayoutSkeleton",
+  components: { ReceiverView },
+  props: {
+    /** logo是否位于顶栏 */
+    isHeaderLogo: Boolean
+  }
+});
+const _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+const _hoisted_1 = { class: "ele-admin-body" };
+const _hoisted_2 = { class: "ele-admin-wrapper" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_ReceiverView = vue.resolveComponent("ReceiverView");
+  return vue.openBlock(), vue.createElementBlock("div", {
+    class: vue.normalizeClass(["ele-admin-layout", { "is-row-direction": !_ctx.isHeaderLogo }])
+  }, [
+    _ctx.isHeaderLogo ? vue.renderSlot(_ctx.$slots, "head", { key: 0 }) : vue.renderSlot(_ctx.$slots, "side", { key: 1 }),
+    vue.createVNode(_component_ReceiverView, {
+      class: vue.normalizeClass(["ele-admin-main", { "is-row-direction": _ctx.isHeaderLogo }]),
+      wrapPosition: false
+    }, {
+      default: vue.withCtx(() => [
+        _ctx.isHeaderLogo ? vue.renderSlot(_ctx.$slots, "side", { key: 0 }) : vue.renderSlot(_ctx.$slots, "head", { key: 1 }),
+        vue.createElementVNode("div", _hoisted_1, [
+          vue.renderSlot(_ctx.$slots, "tabs"),
+          vue.createElementVNode("div", _hoisted_2, [
+            vue.renderSlot(_ctx.$slots, "body")
+          ])
+        ])
+      ]),
+      _: 3
+    }, 8, ["class"]),
+    vue.renderSlot(_ctx.$slots, "default")
+  ], 2);
+}
+const layoutSkeleton = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+module.exports = layoutSkeleton;

package/lib/ele-admin-layout/components/layout-skeleton.d.ts

@@ -0,0 +1,10 @@
+declare const _default: import('vue').DefineComponent<{
+    /** logo是否位于顶栏 */
+    isHeaderLogo: BooleanConstructor;
+}, unknown, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /** logo是否位于顶栏 */
+    isHeaderLogo: BooleanConstructor;
+}>>, {
+    isHeaderLogo: boolean;
+}, {}>;
+export default _default;

package/lib/{ele-pro-layout/components/pro-tabs.cjs → ele-admin-layout/components/layout-tabs.cjs}

@@ -2,12 +2,12 @@
 const vue = require("vue");
 const elementPlus = require("element-plus");
 const icons = require("../../icons");
-const EleTabs = require("../../ele-tabs/index");
-const EleTabTool = require("../../ele-tab-tool/index");
 const EleTabWrap = require("../../ele-tab-wrap/index");
+const EleTabTool = require("../../ele-tab-tool/index");
+const EleTabs = require("../../ele-tabs/index");
 const TabTitle = require("../../ele-tabs/components/tab-title");
 const _sfc_main = vue.defineComponent({
-  name: "ProTabs",
+  name: "LayoutTabs",
   components: {
     ElIcon: elementPlus.ElIcon,
     HomeOutlined: icons.HomeOutlined,
@@ -18,15 +18,9 @@ const _sfc_main = vue.defineComponent({
   },
   props: {
     /** 页签数据 */
-    tabs: {
-      type: Array,
-      required: true
-    },
+    tabs: Array,
     /** 页签选中 */
-    active: {
-      type: String,
-      required: true
-    },
+    active: String,
     /** 是否需要固定的主页页签 */
     fixedHome: Boolean,
     /** 主页路由地址 */
@@ -43,48 +37,21 @@ const _sfc_main = vue.defineComponent({
     tabSortable: Boolean
   },
   emits: {
-    tabClick: (_opt) => true,
-    tabRemove: (_opt) => true,
-    tabContextMenu: (_opt) => true,
+    tabClick: (_option) => true,
+    tabRemove: (_name) => true,
+    tabContextMenu: (_option) => true,
     tabSortChange: (_data) => true
   },
   setup(props, { emit }) {
     const homeRef = vue.ref(null);
     const tabRef = vue.ref(null);
-    const items = vue.computed(() => {
-      const temp = props.fixedHome ? props.tabs.filter((t) => !t.home) : props.tabs;
-      const onlyOne = !props.fixedHome && temp.length === 1;
-      return temp.map((d) => {
-        return {
-          name: d.key,
-          label: d.title,
-          closable: onlyOne && d.home ? false : d.closable,
-          meta: d.meta
-        };
-      });
-    });
-    const contextMenus = vue.computed(() => {
+    const homeContextMenus = vue.computed(() => {
       if (typeof props.tabContextMenus === "function") {
         return props.tabContextMenus();
       }
       return props.tabContextMenus;
     });
-    const onTabItemClick = (opt) => {
-      const key = opt.name;
-      const item = key ? props.tabs.find((d) => d.key === key) : void 0;
-      emit("tabClick", { key, item, active: props.active });
-    };
-    const onTabRemove = (key) => {
-      const item = key ? props.tabs.find((d) => d.key === key) : void 0;
-      emit("tabRemove", { item, key, active: props.active });
-    };
-    const onTabContextMenu = (opt) => {
-      const key = opt.name;
-      const item = key ? props.tabs.find((d) => d.key === key) : void 0;
-      const command = opt.command;
-      emit("tabContextMenu", { key, item, active: props.active, command });
-    };
-    const onTabContextOpen = (ref2) => {
+    const handleTabContextOpen = (ref2) => {
       const $home = homeRef.value;
       if (!$home || !$home.dropdownRef) {
         return;
@@ -95,28 +62,27 @@ const _sfc_main = vue.defineComponent({
         tabRef.value.hideAllDropdown();
       }
     };
-    const onTabSortChange = (data) => {
-      const temp = data.map((d) => {
-        return props.tabs.find((t) => t.key === d.name);
-      });
-      if (props.fixedHome) {
-        const homeTab = props.tabs.find((t) => t.home);
-        if (homeTab) {
-          temp.unshift(homeTab);
-        }
-      }
-      emit("tabSortChange", temp);
+    const handleTabItemClick = (option) => {
+      emit("tabClick", option);
+    };
+    const handleTabRemove = (name) => {
+      emit("tabRemove", name);
+    };
+    const handleTabContextMenu = (option) => {
+      emit("tabContextMenu", option);
+    };
+    const handleTabSortChange = (data) => {
+      emit("tabSortChange", data);
     };
     return {
       homeRef,
       tabRef,
-      items,
-      contextMenus,
-      onTabRemove,
-      onTabItemClick,
-      onTabContextMenu,
-      onTabContextOpen,
-      onTabSortChange
+      homeContextMenus,
+      handleTabRemove,
+      handleTabItemClick,
+      handleTabContextMenu,
+      handleTabContextOpen,
+      handleTabSortChange
     };
   }
 });
@@ -136,7 +102,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_EleTabWrap = vue.resolveComponent("EleTabWrap");
   return vue.openBlock(), vue.createBlock(_component_EleTabWrap, {
     type: _ctx.tabStyle,
-    class: vue.normalizeClass(["ele-admin-tabs", { "is-fixed-home": _ctx.fixedHome }])
+    class: "ele-admin-tabs"
   }, {
     default: vue.withCtx(() => [
       _ctx.fixedHome ? (vue.openBlock(), vue.createBlock(_component_EleTabTool, {
@@ -151,13 +117,13 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             tabName: _ctx.homePath,
             handleClick: true,
             contextMenu: _ctx.tabContextMenu,
-            contextMenus: _ctx.contextMenus,
-            onContextMenu: _ctx.onTabContextMenu,
-            onContextOpen: _ctx.onTabContextOpen,
-            onItemClick: _ctx.onTabItemClick
+            contextMenus: _ctx.homeContextMenus,
+            onContextMenu: _ctx.handleTabContextMenu,
+            onContextOpen: _ctx.handleTabContextOpen,
+            onItemClick: _ctx.handleTabItemClick
           }, vue.createSlots({
-            label: vue.withCtx(() => [
-              vue.renderSlot(_ctx.$slots, "tabHome", {}, () => [
+            label: vue.withCtx((slotProps) => [
+              vue.renderSlot(_ctx.$slots, "tabHome", vue.normalizeProps(vue.guardReactiveProps(slotProps || {})), () => [
                 vue.createVNode(_component_ElIcon, {
                   class: "ele-tab-icon",
                   style: { "vertical-align": "-3px" }
@@ -182,9 +148,10 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         ]),
         _: 3
       }, 8, ["active"])) : vue.createCommentVNode("", true),
-      vue.createVNode(_component_EleTabs, {
+      _ctx.tabs ? (vue.openBlock(), vue.createBlock(_component_EleTabs, {
+        key: 1,
         ref: "tabRef",
-        items: _ctx.items,
+        items: _ctx.tabs,
         type: _ctx.tabStyle,
         modelValue: _ctx.active,
         handleClick: true,
@@ -192,11 +159,11 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         contextMenu: _ctx.tabContextMenu,
         contextMenus: _ctx.tabContextMenus,
         mousewheel: true,
-        onTabRemove: _ctx.onTabRemove,
-        onTabItemClick: _ctx.onTabItemClick,
-        onTabContextMenu: _ctx.onTabContextMenu,
-        onTabContextOpen: _ctx.onTabContextOpen,
-        onTabSortChange: _ctx.onTabSortChange
+        onTabRemove: _ctx.handleTabRemove,
+        onTabItemClick: _ctx.handleTabItemClick,
+        onTabContextMenu: _ctx.handleTabContextMenu,
+        onTabContextOpen: _ctx.handleTabContextOpen,
+        onTabSortChange: _ctx.handleTabSortChange
       }, vue.createSlots({ _: 2 }, [
         _ctx.$slots.tabTitle ? {
           name: "label",
@@ -212,11 +179,11 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           ]),
           key: "1"
         } : void 0
-      ]), 1032, ["items", "type", "modelValue", "sortable", "contextMenu", "contextMenus", "onTabRemove", "onTabItemClick", "onTabContextMenu", "onTabContextOpen", "onTabSortChange"]),
+      ]), 1032, ["items", "type", "modelValue", "sortable", "contextMenu", "contextMenus", "onTabRemove", "onTabItemClick", "onTabContextMenu", "onTabContextOpen", "onTabSortChange"])) : vue.createCommentVNode("", true),
       vue.renderSlot(_ctx.$slots, "tabExtra", { active: _ctx.active })
     ]),
     _: 3
-  }, 8, ["type", "class"]);
+  }, 8, ["type"]);
 }
-const proTabs = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-module.exports = proTabs;
+const layoutTabs = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+module.exports = layoutTabs;