ele-admin-plus 1.1.4 → 1.1.5-beta.2

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;

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

@@ -1,196 +1,196 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const proLayoutProps = {
-  // 菜单数据
+  /** 菜单数据 */
   menus: Array,
-  // 页签数据
+  /** 页签数据 */
   tabs: Array,
-  // 是否折叠侧栏
+  /** 是否折叠侧栏 */
   collapse: Boolean,
-  // 侧栏一级是否紧凑风格
+  /** 侧栏一级是否紧凑风格 */
   compact: Boolean,
-  // 内容区是否最大化
+  /** 内容区是否最大化 */
   maximized: Boolean,
-  // 是否需要页签栏
+  /** 是否需要页签栏 */
   tabBar: {
     type: Boolean,
     default: true
   },
-  // 是否需要面包屑导航
+  /** 是否需要面包屑导航 */
   breadcrumb: {
     type: Boolean,
     default: true
   },
-  // 面包屑导航分隔符
+  /** 面包屑导航分隔符 */
   breadcrumbSeparator: {
     type: [String, Object],
     default: "/"
   },
-  // 是否需要返回顶部
+  /** 是否需要返回顶部 */
   backTop: {
     type: Boolean,
     default: true
   },
-  // 返回顶部可见的滚动高度
+  /** 返回顶部可见的滚动高度 */
   backTopVisibilityHeight: {
     type: Number,
     default: 200
   },
-  // 返回顶部的右边距
+  /** 返回顶部的右边距 */
   backTopRight: {
     type: Number,
     default: 30
   },
-  // 返回顶部的下边距
+  /** 返回顶部的下边距 */
   backTopBottom: {
     type: Number,
     default: 60
   },
-  // 返回顶部的目标选择器
+  /** 返回顶部的目标选择器 */
   backTopTarget: String,
-  // 顶栏菜单是否省略多余的子项
+  /** 顶栏菜单是否省略多余的子项 */
   ellipsis: {
     type: Boolean,
     default: true
   },
-  // 顶栏菜单省略项的属性
+  /** 顶栏菜单省略项的属性 */
   ellipsisProps: Object,
-  // 顶栏子菜单触发方式
+  /** 顶栏子菜单触发方式 */
   menuTrigger: {
     type: String,
     default: "hover"
   },
-  // 布局类型
+  /** 布局类型 */
   layout: {
     type: String,
     default: "side"
   },
-  // 侧栏布局类型
+  /** 侧栏布局类型 */
   sidebarLayout: {
     type: String,
     default: "default"
   },
-  // 顶栏风格
+  /** 顶栏风格 */
   headerStyle: {
     type: String,
     default: "light"
   },
-  // 侧栏风格
+  /** 侧栏风格 */
   sidebarStyle: {
     type: String,
     default: "dark"
   },
-  // 页签风格
+  /** 页签风格 */
   tabStyle: {
     type: String,
     default: "simple"
   },
-  // 是否固定顶栏
+  /** 是否固定顶栏 */
   fixedHeader: {
     type: Boolean,
     default: false
   },
-  // 是否固定侧栏
+  /** 是否固定侧栏 */
   fixedSidebar: Boolean,
-  // 是否固定内容区
+  /** 是否固定内容区 */
   fixedBody: Boolean,
-  // 内容区是否撑满
+  /** 内容区是否撑满 */
   fluid: {
     type: Boolean,
     default: true
   },
-  // 图标是否置于顶栏
+  /** 图标是否置于顶栏 */
   logoInHeader: Boolean,
-  // 侧栏菜单是否彩色图标
+  /** 侧栏菜单是否彩色图标 */
   colorfulIcon: Boolean,
-  // 侧栏是否只保持一个子菜单展开
+  /** 侧栏是否只保持一个子菜单展开 */
   uniqueOpened: {
     type: Boolean,
     default: true
   },
-  // 内容区最大时不带页签栏
+  /** 内容区最大时不带页签栏 */
   expanded: Boolean,
-  // 返回键退出内容区最大化
+  /** 返回键退出内容区最大化 */
   compressOnEsc: Boolean,
-  // 是否需要固定的主页页签
+  /** 是否需要固定的主页页签 */
   fixedHome: {
     type: Boolean,
     default: true
   },
-  // 主页路由地址
+  /** 主页路由地址 */
   homePath: String,
-  // 刷新路由地址
+  /** 刷新路由地址 */
   redirectPath: {
     type: String,
     default: "/redirect"
   },
-  // 国际化语言
+  /** 国际化语言 */
   locale: String,
-  // 菜单标题国际化方法
+  /** 菜单标题国际化方法 */
   i18n: Function,
-  // 侧栏默认展开的菜单
+  /** 侧栏默认展开的菜单 */
   sidebarOpeneds: Array,
-  // 是否支持页签右键菜单
+  /** 是否支持页签右键菜单 */
   tabContextMenu: [Boolean, Object],
-  // 右键菜单
+  /** 右键菜单 */
   tabContextMenus: [Array, Function],
-  // 是否支持页签拖动排序
+  /** 是否支持页签拖动排序 */
   tabSortable: Boolean,
-  // 固定主体时切换路由自动滚到顶部
+  /** 固定主体时切换路由自动滚到顶部 */
   autoScrollTop: {
     type: Boolean,
     default: true
   },
-  // 顶栏菜单标题插槽名称
+  /** 顶栏菜单标题插槽名称 */
   headerTitleSlot: {
     type: String,
     default: "title"
   },
-  // 顶栏菜单图标插槽名称
+  /** 顶栏菜单图标插槽名称 */
   headerIconSlot: {
     type: String,
     default: "icon"
   },
-  // 侧栏菜单标题插槽名称
+  /** 侧栏菜单标题插槽名称 */
   sidebarTitleSlot: {
     type: String,
     default: "title"
   },
-  // 侧栏菜单图标插槽名称
+  /** 侧栏菜单图标插槽名称 */
   sidebarIconSlot: {
     type: String,
     default: "icon"
   },
-  // 双侧栏一级菜单标题插槽名称
+  /** 双侧栏一级菜单标题插槽名称 */
   sideboxTitleSlot: {
     type: String,
     default: "title"
   },
-  // 双侧栏一级菜单图标插槽名称
+  /** 双侧栏一级菜单图标插槽名称 */
   sideboxIconSlot: {
     type: String,
     default: "icon"
   },
-  // 菜单 tooltip 主题
+  /** 菜单 tooltip 主题 */
   tooltipEffect: String,
-  // 顶栏菜单触发模式
+  /** 顶栏菜单触发模式 */
   navTrigger: String,
-  // 双侧栏一级菜单触发模式
+  /** 双侧栏一级菜单触发模式 */
   boxTrigger: String,
-  // 侧栏菜单触发模式
+  /** 侧栏菜单触发模式 */
   itemTrigger: String,
-  // 菜单点击事件前钩子
+  /** 菜单点击事件前钩子 */
   beforeClick: Function,
-  // 是否支持内链缓存
+  /** 是否支持内链缓存 */
   keepAlive: Boolean,
-  // 内链切换动画
+  /** 内链切换动画 */
   transitionName: String,
-  // 内链进入动画延迟时间
+  /** 内链进入动画延迟时间 */
   transitionDelay: {
     type: Number,
     default: 250
   },
-  // 是否开启响应式
+  /** 是否开启响应式 */
   responsive: {
     type: Boolean,
     default: true

package/lib/ele-pro-layout/style/css-var.scss

@@ -1,5 +1,6 @@
 @use '../../style/util.scss' as *;
 
+/* 高级布局主题变量 */
 @mixin set-layout-var($var) {
   .ele-admin-layout {
     @include set-ele-var('layout', $var);

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

@@ -13,7 +13,7 @@
   z-index: calc(#{eleVar('layout', 'index')} + 3);
   flex-shrink: 0;
 
-  // 图标
+  /* 图标 */
   .ele-admin-logo {
     color: eleVar('logo', 'color');
     width: eleVar('sidebar', 'width');
@@ -39,12 +39,12 @@
     }
   }
 
-  // 面包屑
+  /* 面包屑 */
   .ele-admin-breadcrumb {
     flex-shrink: 0;
   }
 
-  // 菜单
+  /* 菜单 */
   .ele-admin-menus {
     flex: 1;
     overflow: hidden;
@@ -59,7 +59,7 @@
     }
   }
 
-  // 工具栏
+  /* 工具栏 */
   .ele-admin-tools {
     height: 100%;
     flex-shrink: 0;

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

@@ -8,12 +8,12 @@
   background: eleVar('header-dark', 'bg');
   box-shadow: eleVar('header-dark', 'shadow');
 
-  // 操作按钮
+  /* 操作按钮 */
   .ele-admin-tool:hover {
     background: eleVar('header', 'dark-tool-hover-bg');
   }
 
-  // 面包屑
+  /* 面包屑 */
   .ele-breadcrumb .el-breadcrumb__item {
     .el-breadcrumb__inner {
       color: eleVar('menu-dark', 'color');

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

@@ -24,6 +24,10 @@
     display: flex;
     flex-direction: column;
   }
+
+  & > .el-backtop {
+    z-index: eleVar('layout', 'index');
+  }
 }
 
 /* 遮罩 */

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

@@ -12,7 +12,7 @@
     padding-left: eleVar('page', 'padding');
   }
 
-  // 固定主页页签
+  /* 固定主页页签 */
   &.is-fixed-home {
     padding-left: eleVar('page', 'padding');
   }
@@ -27,16 +27,11 @@
 
 /* 按钮风格页签 */
 .ele-admin-tab-card .ele-admin-tabs {
-  $space: eleVar('tab-button', 'space');
-  padding: $space eleVar('page', 'padding') $space 0;
+  padding-right: eleVar('page', 'padding');
   background: eleVar('layout', 'bg');
   box-shadow: none;
 
-  &.is-fixed-home {
-    padding-left: eleVar('page', 'padding');
-
-    .el-tabs__nav-wrap:not(.is-scrollable) .el-tabs__nav {
-      padding-left: $space;
-    }
+  &.is-fixed-home .el-tabs__nav-wrap:not(.is-scrollable) .el-tabs__nav {
+    padding-left: eleVar('tab-button', 'space');
   }
 }

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

@@ -2,7 +2,6 @@ import type { RouteMeta, RouteLocationMatched } from 'vue-router';
 import type { ElMenuProps, ElBreadcrumbProps } from '../../ele-app/types';
 import type { MenuItem as MenuItemProps } from '../../ele-menus/types';
 import type TabTitle from "../../ele-tabs/components/tab-title";
-import type EleTabs from "../../ele-tabs/index";
 /**
  * 菜单元数据
  */
@@ -225,8 +224,4 @@ export interface IframeItem {
  * 标签页标题组件实例
  */
 export type TabTitleInstance = InstanceType<typeof TabTitle> | null;
-/**
- * 标签页组件实例
- */
-export type EleTabsInstance = InstanceType<typeof EleTabs> | null;
 export type { MenuItemProps };

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

@@ -212,7 +212,7 @@ function useMenuScroll(getEl) {
     state.timer && clearTimeout(state.timer);
     const menuEl = getEl();
     if (menuEl) {
-      const el = menuEl.querySelector(".el-menu-item.is-active");
+      const el = menuEl.querySelector(".el-menu-item.is-active") || menuEl.querySelector(".el-sub-menu.is-active");
       if (el) {
         state.timer = setTimeout(() => {
           if (typeof el["scrollIntoViewIfNeeded"] === "function") {

package/lib/ele-pro-table/components/table-tools.d.ts

@@ -1,13 +1,22 @@
 import type { PropType } from 'vue';
-import type { Columns, TableTool, TableSize, TableLocale } from '../types';
+import type { Columns, TableSize } from '../../ele-data-table/types';
+import type { TableTool, TableLocale } from '../types';
 declare const _default: import("vue").DefineComponent<{
+    /** 表格尺寸 */
     size: StringConstructor;
+    /** 表格列数据 */
     columns: PropType<Columns>;
+    /** 工具按钮布局 */
     tools: PropType<TableTool[] | null>;
+    /** 是否开启列拖拽排序 */
     columnSortable: BooleanConstructor;
+    /** 是否开启开关固定列 */
     columnFixed: BooleanConstructor;
+    /** 是否最大化 */
     maximized: BooleanConstructor;
+    /** 列配置缓存的名称 */
     cacheKey: StringConstructor;
+    /** 国际化 */
     locale: PropType<Partial<TableLocale>>;
 }, {
     lang: import("vue").ComputedRef<TableLocale>;
@@ -22,13 +31,21 @@ declare const _default: import("vue").DefineComponent<{
     'update:columns': (_columns: Columns) => true;
     'update:maximized': (_maximized: boolean) => true;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    /** 表格尺寸 */
     size: StringConstructor;
+    /** 表格列数据 */
     columns: PropType<Columns>;
+    /** 工具按钮布局 */
     tools: PropType<TableTool[] | null>;
+    /** 是否开启列拖拽排序 */
     columnSortable: BooleanConstructor;
+    /** 是否开启开关固定列 */
     columnFixed: BooleanConstructor;
+    /** 是否最大化 */
     maximized: BooleanConstructor;
+    /** 列配置缓存的名称 */
     cacheKey: StringConstructor;
+    /** 国际化 */
     locale: PropType<Partial<TableLocale>>;
 }>> & {
     "onUpdate:columns"?: ((_columns: Columns) => any) | undefined;

package/lib/ele-pro-table/components/table-tools.js

@@ -5,9 +5,9 @@ const iconsVue = require("@element-plus/icons-vue");
 const icons = require("../../icons");
 const receiver = require("../../ele-config-provider/receiver");
 const EleDropdown = require("../../ele-dropdown/index");
+const util = require("../util");
 const EleTool = require("../../ele-tool/index");
 const ToolColumn = require("./tool-column");
-const util = require("../util");
 const _sfc_main = vue.defineComponent({
   name: "TableTools",
   components: {
@@ -21,21 +21,21 @@ const _sfc_main = vue.defineComponent({
     ToolColumn
   },
   props: {
-    // 表格尺寸
+    /** 表格尺寸 */
     size: String,
-    // 表格列数据
+    /** 表格列数据 */
     columns: Array,
-    // 工具按钮布局
+    /** 工具按钮布局 */
     tools: Array,
-    // 是否开启列拖拽排序
+    /** 是否开启列拖拽排序 */
     columnSortable: Boolean,
-    // 是否开启开关固定列
+    /** 是否开启开关固定列 */
     columnFixed: Boolean,
-    // 是否最大化
+    /** 是否最大化 */
     maximized: Boolean,
-    // 列配置缓存的名称
+    /** 列配置缓存的名称 */
     cacheKey: String,
-    // 国际化
+    /** 国际化 */
     locale: Object
   },
   emits: {