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

package/README.md

@@ -33,5 +33,5 @@ npm run build
 打包指定组件：
 
 ```bash
-npm run build --src /ele-alert
+npm run build --src=/ele-alert
 ```

package/es/core-components.d.ts

@@ -1,6 +1,8 @@
+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 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";

package/es/core-components.js

@@ -1,100 +1,104 @@
-import { default as default2 } from "./ele-alert/index";
-import { default as default3 } from "./ele-app/index";
-import { default as default4 } from "./ele-avatar-group/index";
-import { default as default5 } from "./ele-basic-select/index";
-import { default as default6 } from "./ele-bottom-bar/index";
-import { default as default7 } from "./ele-breadcrumb/index";
-import { default as default8 } from "./ele-card/index";
-import { default as default9 } from "./ele-check-card/index";
-import { default as default10 } from "./ele-config-provider/index";
-import { default as default11 } from "./ele-copyable/index";
-import { default as default12 } from "./ele-dashboard/index";
-import { default as default13 } from "./ele-data-table/index";
-import { default as default14 } from "./ele-dot/index";
-import { default as default15 } from "./ele-drawer/index";
-import { default as default16 } from "./ele-dropdown/index";
-import { default as default17 } from "./ele-edit-tag/index";
-import { default as default18 } from "./ele-ellipsis/index";
-import { default as default19 } from "./ele-file-list/index";
-import { default as default20 } from "./ele-file-list-tool/index";
-import { default as default21 } from "./ele-icon-select/index";
-import { default as default22 } from "./ele-loading/index";
-import { default as default23 } from "./ele-menus/index";
-import { default as default24 } from "./ele-modal/index";
-import { default as default25 } from "./ele-page/index";
-import { default as default26 } from "./ele-pagination/index";
-import { default as default27 } from "./ele-popconfirm/index";
-import { default as default28 } from "./ele-popover/index";
-import { default as default29 } from "./ele-printer/index";
-import { default as default30 } from "./ele-pro-layout/index";
-import { default as default31 } from "./ele-pro-table/index";
-import { default as default32 } from "./ele-qr-code/index";
-import { default as default33 } from "./ele-qr-code-svg/index";
-import { default as default34 } from "./ele-segmented/index";
-import { default as default35 } from "./ele-split-panel/index";
-import { default as default36 } from "./ele-steps/index";
-import { default as default37 } from "./ele-tabs/index";
-import { default as default38 } from "./ele-tab-tool/index";
-import { default as default39 } from "./ele-tab-wrap/index";
-import { default as default40 } from "./ele-table/index";
-import { default as default41 } from "./ele-table-select/index";
-import { default as default42 } from "./ele-text/index";
-import { default as default43 } from "./ele-tool/index";
-import { default as default44 } from "./ele-toolbar/index";
-import { default as default45 } from "./ele-tooltip/index";
-import { default as default46 } from "./ele-tour/index";
-import { default as default47 } from "./ele-tree-select/index";
-import { default as default48 } from "./ele-upload-list/index";
-import { default as default49 } from "./ele-virtual-table/index";
-import { default as default50 } from "./ele-watermark/index";
+import { default as default2 } from "./ele-admin-layout/index";
+import { default as default3 } from "./ele-alert/index";
+import { default as default4 } from "./ele-app/index";
+import { default as default5 } from "./ele-avatar-group/index";
+import { default as default6 } from "./ele-backtop/index";
+import { default as default7 } from "./ele-basic-select/index";
+import { default as default8 } from "./ele-bottom-bar/index";
+import { default as default9 } from "./ele-breadcrumb/index";
+import { default as default10 } from "./ele-card/index";
+import { default as default11 } from "./ele-check-card/index";
+import { default as default12 } from "./ele-config-provider/index";
+import { default as default13 } from "./ele-copyable/index";
+import { default as default14 } from "./ele-dashboard/index";
+import { default as default15 } from "./ele-data-table/index";
+import { default as default16 } from "./ele-dot/index";
+import { default as default17 } from "./ele-drawer/index";
+import { default as default18 } from "./ele-dropdown/index";
+import { default as default19 } from "./ele-edit-tag/index";
+import { default as default20 } from "./ele-ellipsis/index";
+import { default as default21 } from "./ele-file-list/index";
+import { default as default22 } from "./ele-file-list-tool/index";
+import { default as default23 } from "./ele-icon-select/index";
+import { default as default24 } from "./ele-loading/index";
+import { default as default25 } from "./ele-menus/index";
+import { default as default26 } from "./ele-modal/index";
+import { default as default27 } from "./ele-page/index";
+import { default as default28 } from "./ele-pagination/index";
+import { default as default29 } from "./ele-popconfirm/index";
+import { default as default30 } from "./ele-popover/index";
+import { default as default31 } from "./ele-printer/index";
+import { default as default32 } from "./ele-pro-layout/index";
+import { default as default33 } from "./ele-pro-table/index";
+import { default as default34 } from "./ele-qr-code/index";
+import { default as default35 } from "./ele-qr-code-svg/index";
+import { default as default36 } from "./ele-segmented/index";
+import { default as default37 } from "./ele-split-panel/index";
+import { default as default38 } from "./ele-steps/index";
+import { default as default39 } from "./ele-tabs/index";
+import { default as default40 } from "./ele-tab-tool/index";
+import { default as default41 } from "./ele-tab-wrap/index";
+import { default as default42 } from "./ele-table/index";
+import { default as default43 } from "./ele-table-select/index";
+import { default as default44 } from "./ele-text/index";
+import { default as default45 } from "./ele-tool/index";
+import { default as default46 } from "./ele-toolbar/index";
+import { default as default47 } from "./ele-tooltip/index";
+import { default as default48 } from "./ele-tour/index";
+import { default as default49 } from "./ele-tree-select/index";
+import { default as default50 } from "./ele-upload-list/index";
+import { default as default51 } from "./ele-virtual-table/index";
+import { default as default52 } from "./ele-watermark/index";
 export {
-  default2 as EleAlert,
-  default3 as EleApp,
-  default4 as EleAvatarGroup,
-  default5 as EleBasicSelect,
-  default6 as EleBottomBar,
-  default7 as EleBreadcrumb,
-  default8 as EleCard,
-  default9 as EleCheckCard,
-  default10 as EleConfigProvider,
-  default11 as EleCopyable,
-  default12 as EleDashboard,
-  default13 as EleDataTable,
-  default14 as EleDot,
-  default15 as EleDrawer,
-  default16 as EleDropdown,
-  default17 as EleEditTag,
-  default18 as EleEllipsis,
-  default19 as EleFileList,
-  default20 as EleFileListTool,
-  default21 as EleIconSelect,
-  default22 as EleLoading,
-  default23 as EleMenus,
-  default24 as EleModal,
-  default25 as ElePage,
-  default26 as ElePagination,
-  default27 as ElePopconfirm,
-  default28 as ElePopover,
-  default29 as ElePrinter,
-  default30 as EleProLayout,
-  default31 as EleProTable,
-  default32 as EleQrCode,
-  default33 as EleQrCodeSvg,
-  default34 as EleSegmented,
-  default35 as EleSplitPanel,
-  default36 as EleSteps,
-  default38 as EleTabTool,
-  default39 as EleTabWrap,
-  default40 as EleTable,
-  default41 as EleTableSelect,
-  default37 as EleTabs,
-  default42 as EleText,
-  default43 as EleTool,
-  default44 as EleToolbar,
-  default45 as EleTooltip,
-  default46 as EleTour,
-  default47 as EleTreeSelect,
-  default48 as EleUploadList,
-  default49 as EleVirtualTable,
-  default50 as EleWatermark
+  default2 as EleAdminLayout,
+  default3 as EleAlert,
+  default4 as EleApp,
+  default5 as EleAvatarGroup,
+  default6 as EleBacktop,
+  default7 as EleBasicSelect,
+  default8 as EleBottomBar,
+  default9 as EleBreadcrumb,
+  default10 as EleCard,
+  default11 as EleCheckCard,
+  default12 as EleConfigProvider,
+  default13 as EleCopyable,
+  default14 as EleDashboard,
+  default15 as EleDataTable,
+  default16 as EleDot,
+  default17 as EleDrawer,
+  default18 as EleDropdown,
+  default19 as EleEditTag,
+  default20 as EleEllipsis,
+  default21 as EleFileList,
+  default22 as EleFileListTool,
+  default23 as EleIconSelect,
+  default24 as EleLoading,
+  default25 as EleMenus,
+  default26 as EleModal,
+  default27 as ElePage,
+  default28 as ElePagination,
+  default29 as ElePopconfirm,
+  default30 as ElePopover,
+  default31 as ElePrinter,
+  default32 as EleProLayout,
+  default33 as EleProTable,
+  default34 as EleQrCode,
+  default35 as EleQrCodeSvg,
+  default36 as EleSegmented,
+  default37 as EleSplitPanel,
+  default38 as EleSteps,
+  default40 as EleTabTool,
+  default41 as EleTabWrap,
+  default42 as EleTable,
+  default43 as EleTableSelect,
+  default39 as EleTabs,
+  default44 as EleText,
+  default45 as EleTool,
+  default46 as EleToolbar,
+  default47 as EleTooltip,
+  default48 as EleTour,
+  default49 as EleTreeSelect,
+  default50 as EleUploadList,
+  default51 as EleVirtualTable,
+  default52 as EleWatermark
 };

package/es/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/es/core-export.js

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

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

@@ -0,0 +1,47 @@
+import { defineComponent, resolveComponent, openBlock, createElementBlock, normalizeClass, renderSlot, createVNode, withCtx, createElementVNode } from "vue";
+import ReceiverView from "../../ele-config-provider/components/receiver-view";
+const _sfc_main = 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 = resolveComponent("ReceiverView");
+  return openBlock(), createElementBlock("div", {
+    class: normalizeClass(["ele-admin-layout", { "is-row-direction": !_ctx.isHeaderLogo }])
+  }, [
+    _ctx.isHeaderLogo ? renderSlot(_ctx.$slots, "head", { key: 0 }) : renderSlot(_ctx.$slots, "side", { key: 1 }),
+    createVNode(_component_ReceiverView, {
+      class: normalizeClass(["ele-admin-main", { "is-row-direction": _ctx.isHeaderLogo }]),
+      wrapPosition: false
+    }, {
+      default: withCtx(() => [
+        _ctx.isHeaderLogo ? renderSlot(_ctx.$slots, "side", { key: 0 }) : renderSlot(_ctx.$slots, "head", { key: 1 }),
+        createElementVNode("div", _hoisted_1, [
+          renderSlot(_ctx.$slots, "tabs"),
+          createElementVNode("div", _hoisted_2, [
+            renderSlot(_ctx.$slots, "body")
+          ])
+        ])
+      ]),
+      _: 3
+    }, 8, ["class"]),
+    renderSlot(_ctx.$slots, "default")
+  ], 2);
+}
+const layoutSkeleton = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  layoutSkeleton as default
+};

package/{lib/ele-pro-layout/components/pro-tabs.d.ts → es/ele-admin-layout/components/layout-tabs.d.ts}

@@ -1,19 +1,14 @@
-import { TabItem, TabStyle, TabItemEventOption, TabTitleInstance } from '../types';
-import { EleDropdownProps, EleDropdownInstance, EleTabsInstance } from '../../ele-app/plus';
+import { TabStyle } from '../types';
+import { TabTitleInstance } from '../../ele-tabs/props';
 import { TabPaneItem, TabEventOption, ContextMenus } from '../../ele-tabs/types';
+import { EleDropdownProps, EleDropdownInstance, EleTabsInstance } from '../../ele-app/plus';
 import { PropType } from 'vue';
 
 declare const _default: import('vue').DefineComponent<{
     /** 页签数据 */
-    tabs: {
-        type: PropType<TabItem[]>;
-        required: true;
-    };
+    tabs: PropType<TabPaneItem[]>;
     /** 页签选中 */
-    active: {
-        type: StringConstructor;
-        required: true;
-    };
+    active: StringConstructor;
     /** 是否需要固定的主页页签 */
     fixedHome: BooleanConstructor;
     /** 主页路由地址 */
@@ -31,29 +26,22 @@ declare const _default: import('vue').DefineComponent<{
 }, {
     homeRef: import('vue').Ref<TabTitleInstance>;
     tabRef: import('vue').Ref<EleTabsInstance>;
-    items: import('vue').ComputedRef<TabPaneItem[]>;
-    contextMenus: import('vue').ComputedRef<import('../../ele-dropdown/types').DropdownItem[] | undefined>;
-    onTabRemove: (key: string) => void;
-    onTabItemClick: (opt: TabEventOption) => void;
-    onTabContextMenu: (opt: TabEventOption) => void;
-    onTabContextOpen: (ref: EleDropdownInstance) => void;
-    onTabSortChange: (data: TabPaneItem[]) => void;
+    homeContextMenus: import('vue').ComputedRef<import('../../ele-dropdown/types').DropdownItem[] | undefined>;
+    handleTabRemove: (name: string) => void;
+    handleTabItemClick: (option: TabEventOption) => void;
+    handleTabContextMenu: (option: TabEventOption) => void;
+    handleTabContextOpen: (ref: EleDropdownInstance) => void;
+    handleTabSortChange: (data: TabPaneItem[]) => void;
 }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    tabClick: (_opt: TabItemEventOption) => true;
-    tabRemove: (_opt: TabItemEventOption) => true;
-    tabContextMenu: (_opt: TabItemEventOption) => true;
-    tabSortChange: (_data: TabItem[]) => true;
+    tabClick: (_option: TabEventOption) => true;
+    tabRemove: (_name: string) => true;
+    tabContextMenu: (_option: TabEventOption) => true;
+    tabSortChange: (_data: TabPaneItem[]) => true;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     /** 页签数据 */
-    tabs: {
-        type: PropType<TabItem[]>;
-        required: true;
-    };
+    tabs: PropType<TabPaneItem[]>;
     /** 页签选中 */
-    active: {
-        type: StringConstructor;
-        required: true;
-    };
+    active: StringConstructor;
     /** 是否需要固定的主页页签 */
     fixedHome: BooleanConstructor;
     /** 主页路由地址 */
@@ -69,10 +57,10 @@ declare const _default: import('vue').DefineComponent<{
     /** 是否支持拖动排序 */
     tabSortable: BooleanConstructor;
 }>> & {
-    onTabClick?: ((_opt: TabItemEventOption) => any) | undefined;
-    onTabRemove?: ((_opt: TabItemEventOption) => any) | undefined;
-    onTabContextMenu?: ((_opt: TabItemEventOption) => any) | undefined;
-    onTabSortChange?: ((_data: TabItem[]) => any) | undefined;
+    onTabClick?: ((_option: TabEventOption) => any) | undefined;
+    onTabRemove?: ((_name: string) => any) | undefined;
+    onTabContextMenu?: ((_option: TabEventOption) => any) | undefined;
+    onTabSortChange?: ((_data: TabPaneItem[]) => any) | undefined;
 }, {
     fixedHome: boolean;
     isHome: boolean;

package/es/{ele-pro-layout/components/pro-tabs.js → ele-admin-layout/components/layout-tabs.js}

@@ -1,12 +1,12 @@
-import { defineComponent, ref, computed, resolveComponent, openBlock, createBlock, normalizeClass, withCtx, createVNode, createSlots, renderSlot, normalizeProps, guardReactiveProps, createCommentVNode } from "vue";
+import { defineComponent, ref, computed, resolveComponent, openBlock, createBlock, withCtx, createVNode, createSlots, renderSlot, normalizeProps, guardReactiveProps, createCommentVNode } from "vue";
 import { ElIcon } from "element-plus";
 import { HomeOutlined } from "../../icons";
-import EleTabs from "../../ele-tabs/index";
-import EleTabTool from "../../ele-tab-tool/index";
 import EleTabWrap from "../../ele-tab-wrap/index";
+import EleTabTool from "../../ele-tab-tool/index";
+import EleTabs from "../../ele-tabs/index";
 import TabTitle from "../../ele-tabs/components/tab-title";
 const _sfc_main = defineComponent({
-  name: "ProTabs",
+  name: "LayoutTabs",
   components: {
     ElIcon,
     HomeOutlined,
@@ -17,15 +17,9 @@ const _sfc_main = defineComponent({
   },
   props: {
     /** 页签数据 */
-    tabs: {
-      type: Array,
-      required: true
-    },
+    tabs: Array,
     /** 页签选中 */
-    active: {
-      type: String,
-      required: true
-    },
+    active: String,
     /** 是否需要固定的主页页签 */
     fixedHome: Boolean,
     /** 主页路由地址 */
@@ -42,48 +36,21 @@ const _sfc_main = 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 = ref(null);
     const tabRef = ref(null);
-    const items = 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 = computed(() => {
+    const homeContextMenus = 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;
@@ -94,28 +61,27 @@ const _sfc_main = 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
     };
   }
 });
@@ -135,7 +101,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_EleTabWrap = resolveComponent("EleTabWrap");
   return openBlock(), createBlock(_component_EleTabWrap, {
     type: _ctx.tabStyle,
-    class: normalizeClass(["ele-admin-tabs", { "is-fixed-home": _ctx.fixedHome }])
+    class: "ele-admin-tabs"
   }, {
     default: withCtx(() => [
       _ctx.fixedHome ? (openBlock(), createBlock(_component_EleTabTool, {
@@ -150,13 +116,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
           }, createSlots({
-            label: withCtx(() => [
-              renderSlot(_ctx.$slots, "tabHome", {}, () => [
+            label: withCtx((slotProps) => [
+              renderSlot(_ctx.$slots, "tabHome", normalizeProps(guardReactiveProps(slotProps || {})), () => [
                 createVNode(_component_ElIcon, {
                   class: "ele-tab-icon",
                   style: { "vertical-align": "-3px" }
@@ -181,9 +147,10 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         ]),
         _: 3
       }, 8, ["active"])) : createCommentVNode("", true),
-      createVNode(_component_EleTabs, {
+      _ctx.tabs ? (openBlock(), createBlock(_component_EleTabs, {
+        key: 1,
         ref: "tabRef",
-        items: _ctx.items,
+        items: _ctx.tabs,
         type: _ctx.tabStyle,
         modelValue: _ctx.active,
         handleClick: true,
@@ -191,11 +158,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
       }, createSlots({ _: 2 }, [
         _ctx.$slots.tabTitle ? {
           name: "label",
@@ -211,13 +178,13 @@ 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"])) : createCommentVNode("", true),
       renderSlot(_ctx.$slots, "tabExtra", { active: _ctx.active })
     ]),
     _: 3
-  }, 8, ["type", "class"]);
+  }, 8, ["type"]);
 }
-const proTabs = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+const layoutTabs = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {
-  proTabs as default
+  layoutTabs as default
 };

package/es/{ele-pro-layout/components/header-tool.js → ele-admin-layout/components/layout-tool.js}

@@ -1,6 +1,6 @@
 import { defineComponent, openBlock, createElementBlock, renderSlot } from "vue";
 const _sfc_main = defineComponent({
-  name: "HeaderTool"
+  name: "LayoutTool"
 });
 const _export_sfc = (sfc, props) => {
   const target = sfc.__vccOpts || sfc;
@@ -15,7 +15,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     renderSlot(_ctx.$slots, "default")
   ]);
 }
-const headerTool = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+const layoutTool = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {
-  headerTool as default
+  layoutTool as default
 };