ele-admin-plus 1.1.4-beta.3 → 1.1.5-beta.1

package/lib/ele-pro-layout/components/pro-tabs.js

@@ -1,38 +1,45 @@
 "use strict";
 const vue = require("vue");
 const elementPlus = require("element-plus");
-const iconsVue = require("@element-plus/icons-vue");
+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 TabTitle = require("../../ele-tabs/components/tab-title");
 const _sfc_main = vue.defineComponent({
   name: "ProTabs",
-  components: { ElIcon: elementPlus.ElIcon, House: iconsVue.House, EleTabWrap, EleTabTool, EleTabs, TabTitle },
+  components: {
+    ElIcon: elementPlus.ElIcon,
+    HomeOutlined: icons.HomeOutlined,
+    EleTabWrap,
+    EleTabTool,
+    EleTabs,
+    TabTitle
+  },
   props: {
-    // 页签数据
+    /** 页签数据 */
     tabs: {
       type: Array,
       required: true
     },
-    // 页签选中
+    /** 页签选中 */
     active: {
       type: String,
       required: true
     },
-    // 是否需要固定的主页页签
+    /** 是否需要固定的主页页签 */
     fixedHome: Boolean,
-    // 主页路由地址
+    /** 主页路由地址 */
     homePath: String,
-    // 当前路由是否是主页
+    /** 当前路由是否是主页 */
     isHome: Boolean,
-    // 页签风格
+    /** 页签风格 */
     tabStyle: String,
-    // 是否支持右键菜单
+    /** 是否支持右键菜单 */
     tabContextMenu: [Boolean, Object],
-    // 右键菜单
+    /** 右键菜单 */
     tabContextMenus: [Array, Function],
-    // 是否支持拖动排序
+    /** 是否支持拖动排序 */
     tabSortable: Boolean
   },
   emits: {
@@ -56,6 +63,12 @@ const _sfc_main = vue.defineComponent({
         };
       });
     });
+    const contextMenus = 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;
@@ -98,6 +111,7 @@ const _sfc_main = vue.defineComponent({
       homeRef,
       tabRef,
       items,
+      contextMenus,
       onTabRemove,
       onTabItemClick,
       onTabContextMenu,
@@ -114,7 +128,7 @@ const _export_sfc = (sfc, props) => {
   return target;
 };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_House = vue.resolveComponent("House");
+  const _component_HomeOutlined = vue.resolveComponent("HomeOutlined");
   const _component_ElIcon = vue.resolveComponent("ElIcon");
   const _component_TabTitle = vue.resolveComponent("TabTitle");
   const _component_EleTabTool = vue.resolveComponent("EleTabTool");
@@ -137,7 +151,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             tabName: _ctx.homePath,
             handleClick: true,
             contextMenu: _ctx.tabContextMenu,
-            contextMenus: typeof _ctx.tabContextMenus === "function" ? _ctx.tabContextMenus() : _ctx.tabContextMenus,
+            contextMenus: _ctx.contextMenus,
             onContextMenu: _ctx.onTabContextMenu,
             onContextOpen: _ctx.onTabContextOpen,
             onItemClick: _ctx.onTabItemClick
@@ -146,10 +160,10 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
               vue.renderSlot(_ctx.$slots, "tabHome", {}, () => [
                 vue.createVNode(_component_ElIcon, {
                   size: 16,
-                  style: { "vertical-align": "-2px" }
+                  style: { "vertical-align": "-3px" }
                 }, {
                   default: vue.withCtx(() => [
-                    vue.createVNode(_component_House, { style: { "transform": "scale(0.98)" } })
+                    vue.createVNode(_component_HomeOutlined, { style: { "transform": "scale(1.08)" } })
                   ]),
                   _: 1
                 })

package/lib/ele-pro-layout/components/tab-dropdown.d.ts

@@ -1,21 +1,27 @@
 import type { PropType } from 'vue';
 import type { DropdownItem } from '../../ele-dropdown/types';
-import type { EleDropdownProps, DropdownInstance } from '../../ele-file-list/types';
+import type { EleDropdownProps, EleDropdownInstance } from '../../ele-app/types/components';
 declare const _default: import("vue").DefineComponent<{
+    /** 右键菜单 */
     items: PropType<DropdownItem[]>;
+    /** 右键菜单属性 */
     dropdownProps: PropType<EleDropdownProps>;
+    /** 是否点击后自动关闭菜单 */
     autoClose: {
         type: BooleanConstructor;
         default: boolean;
     };
 }, {
-    dropdownRef: import("vue").Ref<DropdownInstance>;
+    dropdownRef: import("vue").Ref<EleDropdownInstance>;
     onCommand: (command: string) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     menuClick: (_command: string) => true;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    /** 右键菜单 */
     items: PropType<DropdownItem[]>;
+    /** 右键菜单属性 */
     dropdownProps: PropType<EleDropdownProps>;
+    /** 是否点击后自动关闭菜单 */
     autoClose: {
         type: BooleanConstructor;
         default: boolean;

package/lib/ele-pro-layout/components/tab-dropdown.js

@@ -8,11 +8,11 @@ const _sfc_main = vue.defineComponent({
   name: "TabDropdown",
   components: { ElIcon: elementPlus.ElIcon, ArrowDown: iconsVue.ArrowDown, EleDropdown, EleTabTool },
   props: {
-    // 右键菜单
+    /** 右键菜单 */
     items: Array,
-    // 右键菜单属性
+    /** 右键菜单属性 */
     dropdownProps: Object,
-    // 是否点击后自动关闭菜单
+    /** 是否点击后自动关闭菜单 */
     autoClose: {
       type: Boolean,
       default: true

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

@@ -54,11 +54,12 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
     headerStyle: {
+        /** 面包屑数据 */
         type: import("vue").PropType<import("./types").HeaderStyle>;
         default: string;
     };
     sidebarStyle: {
-        type: import("vue").PropType<import("./types").SidebarStyle>;
+        type: import("vue").PropType<import("./types").SidebarStyle>; /** 页签选中 */
         default: string;
     };
     tabStyle: {
@@ -76,7 +77,7 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
     logoInHeader: BooleanConstructor;
-    colorfulIcon: BooleanConstructor;
+    colorfulIcon: BooleanConstructor; /** 侧栏一级菜单数据 */
     uniqueOpened: {
         type: BooleanConstructor;
         default: boolean;
@@ -90,18 +91,19 @@ declare const _default: import("vue").DefineComponent<{
     homePath: StringConstructor;
     redirectPath: {
         type: StringConstructor;
+        /** 主页地址 */
         default: string;
     };
     locale: StringConstructor;
     i18n: import("vue").PropType<import("./types").MenuI18n>;
     sidebarOpeneds: import("vue").PropType<string[]>;
-    tabContextMenu: import("vue").PropType<boolean | import("../ele-file-list/types").EleDropdownProps>;
+    tabContextMenu: import("vue").PropType<boolean | import("../ele-app/types/components").EleDropdownProps>;
     tabContextMenus: import("vue").PropType<import("../ele-tabs/types").ContextMenus>;
-    tabSortable: BooleanConstructor;
+    tabSortable: BooleanConstructor; /** 是否混合导航布局 */
     autoScrollTop: {
         type: BooleanConstructor;
         default: boolean;
-    };
+    }; /** 是否双侧栏布局 */
     headerTitleSlot: {
         type: StringConstructor;
         default: string;
@@ -123,7 +125,7 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
     sideboxIconSlot: {
-        type: StringConstructor;
+        type: StringConstructor; /** 布局类名 */
         default: string;
     };
     tooltipEffect: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "light" | "dark", unknown> | undefined>;
@@ -243,11 +245,12 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
     headerStyle: {
+        /** 面包屑数据 */
         type: import("vue").PropType<import("./types").HeaderStyle>;
         default: string;
     };
     sidebarStyle: {
-        type: import("vue").PropType<import("./types").SidebarStyle>;
+        type: import("vue").PropType<import("./types").SidebarStyle>; /** 页签选中 */
         default: string;
     };
     tabStyle: {
@@ -265,7 +268,7 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
     logoInHeader: BooleanConstructor;
-    colorfulIcon: BooleanConstructor;
+    colorfulIcon: BooleanConstructor; /** 侧栏一级菜单数据 */
     uniqueOpened: {
         type: BooleanConstructor;
         default: boolean;
@@ -279,18 +282,19 @@ declare const _default: import("vue").DefineComponent<{
     homePath: StringConstructor;
     redirectPath: {
         type: StringConstructor;
+        /** 主页地址 */
         default: string;
     };
     locale: StringConstructor;
     i18n: import("vue").PropType<import("./types").MenuI18n>;
     sidebarOpeneds: import("vue").PropType<string[]>;
-    tabContextMenu: import("vue").PropType<boolean | import("../ele-file-list/types").EleDropdownProps>;
+    tabContextMenu: import("vue").PropType<boolean | import("../ele-app/types/components").EleDropdownProps>;
     tabContextMenus: import("vue").PropType<import("../ele-tabs/types").ContextMenus>;
-    tabSortable: BooleanConstructor;
+    tabSortable: BooleanConstructor; /** 是否混合导航布局 */
     autoScrollTop: {
         type: BooleanConstructor;
         default: boolean;
-    };
+    }; /** 是否双侧栏布局 */
     headerTitleSlot: {
         type: StringConstructor;
         default: string;
@@ -312,7 +316,7 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
     sideboxIconSlot: {
-        type: StringConstructor;
+        type: StringConstructor; /** 布局类名 */
         default: string;
     };
     tooltipEffect: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "light" | "dark", unknown> | undefined>;
@@ -350,13 +354,13 @@ declare const _default: import("vue").DefineComponent<{
     collapse: boolean;
     ellipsis: boolean;
     transitionDelay: number;
-    layout: import("./types").Layout;
     maximized: boolean;
     compact: boolean;
     expanded: boolean;
     tabBar: boolean;
     keepAlive: boolean;
     responsive: boolean;
+    layout: import("./types").Layout;
     breadcrumb: boolean;
     breadcrumbSeparator: import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) | ((new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>))[], unknown, unknown> | undefined;
     backTop: boolean;

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

@@ -1,147 +1,202 @@
 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 { EleDropdownProps } from '../ele-app/types/components';
 import type { MenuItem, TabItem, Layout, SidebarLayout, HeaderStyle, SidebarStyle, TabStyle, MenuI18n, TabItemEventOption, BodySizeChangeOption, MenuItemTrigger, BeforeClick } from './types';
 /**
  * 属性
  */
 export declare const proLayoutProps: {
+    /** 菜单数据 */
     menus: PropType<MenuItem[] | null>;
+    /** 页签数据 */
     tabs: PropType<TabItem[] | null>;
+    /** 是否折叠侧栏 */
     collapse: BooleanConstructor;
+    /** 侧栏一级是否紧凑风格 */
     compact: BooleanConstructor;
+    /** 内容区是否最大化 */
     maximized: BooleanConstructor;
+    /** 是否需要页签栏 */
     tabBar: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /** 是否需要面包屑导航 */
     breadcrumb: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /** 面包屑导航分隔符 */
     breadcrumbSeparator: {
         type: PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) | ((new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>))[], unknown, unknown> | undefined>;
         default: string;
     };
+    /** 是否需要返回顶部 */
     backTop: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /** 返回顶部可见的滚动高度 */
     backTopVisibilityHeight: {
         type: NumberConstructor;
         default: number;
     };
+    /** 返回顶部的右边距 */
     backTopRight: {
         type: NumberConstructor;
         default: number;
     };
+    /** 返回顶部的下边距 */
     backTopBottom: {
         type: NumberConstructor;
         default: number;
     };
+    /** 返回顶部的目标选择器 */
     backTopTarget: StringConstructor;
+    /** 顶栏菜单是否省略多余的子项 */
     ellipsis: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /** 顶栏菜单省略项的属性 */
     ellipsisProps: PropType<EllipsisProps>;
+    /** 顶栏子菜单触发方式 */
     menuTrigger: {
         type: PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "hover" | "click", unknown> | undefined>;
         default: string;
     };
+    /** 布局类型 */
     layout: {
         type: PropType<Layout>;
         default: string;
     };
+    /** 侧栏布局类型 */
     sidebarLayout: {
         type: PropType<SidebarLayout>;
         default: string;
     };
+    /** 顶栏风格 */
     headerStyle: {
         type: PropType<HeaderStyle>;
         default: string;
     };
+    /** 侧栏风格 */
     sidebarStyle: {
         type: PropType<SidebarStyle>;
         default: string;
     };
+    /** 页签风格 */
     tabStyle: {
         type: PropType<TabStyle>;
         default: string;
     };
+    /** 是否固定顶栏 */
     fixedHeader: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /** 是否固定侧栏 */
     fixedSidebar: BooleanConstructor;
+    /** 是否固定内容区 */
     fixedBody: BooleanConstructor;
+    /** 内容区是否撑满 */
     fluid: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /** 图标是否置于顶栏 */
     logoInHeader: BooleanConstructor;
+    /** 侧栏菜单是否彩色图标 */
     colorfulIcon: BooleanConstructor;
+    /** 侧栏是否只保持一个子菜单展开 */
     uniqueOpened: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /** 内容区最大时不带页签栏 */
     expanded: BooleanConstructor;
+    /** 返回键退出内容区最大化 */
     compressOnEsc: BooleanConstructor;
+    /** 是否需要固定的主页页签 */
     fixedHome: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /** 主页路由地址 */
     homePath: StringConstructor;
+    /** 刷新路由地址 */
     redirectPath: {
         type: StringConstructor;
         default: string;
     };
+    /** 国际化语言 */
     locale: StringConstructor;
+    /** 菜单标题国际化方法 */
     i18n: PropType<MenuI18n>;
+    /** 侧栏默认展开的菜单 */
     sidebarOpeneds: PropType<string[]>;
+    /** 是否支持页签右键菜单 */
     tabContextMenu: PropType<boolean | EleDropdownProps>;
+    /** 右键菜单 */
     tabContextMenus: PropType<ContextMenus>;
+    /** 是否支持页签拖动排序 */
     tabSortable: BooleanConstructor;
+    /** 固定主体时切换路由自动滚到顶部 */
     autoScrollTop: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /** 顶栏菜单标题插槽名称 */
     headerTitleSlot: {
         type: StringConstructor;
         default: string;
     };
+    /** 顶栏菜单图标插槽名称 */
     headerIconSlot: {
         type: StringConstructor;
         default: string;
     };
+    /** 侧栏菜单标题插槽名称 */
     sidebarTitleSlot: {
         type: StringConstructor;
         default: string;
     };
+    /** 侧栏菜单图标插槽名称 */
     sidebarIconSlot: {
         type: StringConstructor;
         default: string;
     };
+    /** 双侧栏一级菜单标题插槽名称 */
     sideboxTitleSlot: {
         type: StringConstructor;
         default: string;
     };
+    /** 双侧栏一级菜单图标插槽名称 */
     sideboxIconSlot: {
         type: StringConstructor;
         default: string;
     };
+    /** 菜单 tooltip 主题 */
     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: {
         type: NumberConstructor;
         default: number;
     };
+    /** 是否开启响应式 */
     responsive: {
         type: BooleanConstructor;
         default: boolean;