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

package/lib/ele-tabs/components/tab-title.d.ts

@@ -1,36 +1,50 @@
 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';
 import type { TabPaneItem, TabEventOption } from '../types';
 declare const _default: import("vue").DefineComponent<{
+    /** 当前选中页签 */
     active: (StringConstructor | NumberConstructor)[];
+    /** 页签标识 */
     tabName: (StringConstructor | NumberConstructor)[];
+    /** 页签标题 */
     label: StringConstructor;
+    /** 页签数据 */
     item: PropType<TabPaneItem>;
+    /** 是否支持右键菜单 */
     contextMenu: PropType<boolean | EleDropdownProps>;
+    /** 右键菜单 */
     contextMenus: PropType<DropdownItem[]>;
+    /** 是否自己处理页签点击事件 */
     handleClick: BooleanConstructor;
 }, {
-    dropdownRef: import("vue").Ref<DropdownInstance>;
+    dropdownRef: import("vue").Ref<EleDropdownInstance>;
     onContextMenu: (command: string) => void;
     onContextVisible: (visible: boolean) => void;
     onClick: (e: MouseEvent) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     itemClick: (_opt: TabEventOption) => true;
     contextMenu: (_option: TabEventOption) => true;
-    contextOpen: (_ref: DropdownInstance) => true;
+    contextOpen: (_ref: EleDropdownInstance) => true;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    /** 当前选中页签 */
     active: (StringConstructor | NumberConstructor)[];
+    /** 页签标识 */
     tabName: (StringConstructor | NumberConstructor)[];
+    /** 页签标题 */
     label: StringConstructor;
+    /** 页签数据 */
     item: PropType<TabPaneItem>;
+    /** 是否支持右键菜单 */
     contextMenu: PropType<boolean | EleDropdownProps>;
+    /** 右键菜单 */
     contextMenus: PropType<DropdownItem[]>;
+    /** 是否自己处理页签点击事件 */
     handleClick: BooleanConstructor;
 }>> & {
-    onItemClick?: ((_opt: TabEventOption) => any) | undefined;
     onContextMenu?: ((_option: TabEventOption) => any) | undefined;
-    onContextOpen?: ((_ref: DropdownInstance) => any) | undefined;
+    onItemClick?: ((_opt: TabEventOption) => any) | undefined;
+    onContextOpen?: ((_ref: EleDropdownInstance) => any) | undefined;
 }, {
     handleClick: boolean;
 }, {}>;

package/lib/ele-tabs/components/tab-title.js

@@ -5,19 +5,19 @@ const _sfc_main = vue.defineComponent({
   name: "TabTitle",
   components: { EleDropdown },
   props: {
-    // 当前选中页签
+    /** 当前选中页签 */
     active: [String, Number],
-    // 页签标识
+    /** 页签标识 */
     tabName: [String, Number],
-    // 页签标题
+    /** 页签标题 */
     label: String,
-    // 页签数据
+    /** 页签数据 */
     item: Object,
-    // 是否支持右键菜单
+    /** 是否支持右键菜单 */
     contextMenu: [Boolean, Object],
-    // 右键菜单
+    /** 右键菜单 */
     contextMenus: Array,
-    // 是否自己处理页签点击事件
+    /** 是否自己处理页签点击事件 */
     handleClick: Boolean
   },
   emits: {

package/lib/ele-tabs/index.d.ts

@@ -2,7 +2,6 @@ import type { Ref } from 'vue';
 import type { TabPaneName, TabsPaneContext } from 'element-plus';
 import { omit } from '../utils/core';
 import type { ElTabsProps, ElTabsInstance } from '../ele-app/types';
-import type { DropdownInstance } from '../ele-file-list/types';
 import type { DropdownItem } from '../ele-dropdown/types';
 import type { TabPaneItem, TabEventOption } from './types';
 import type { TabTitleInstance } from './props';
@@ -14,7 +13,7 @@ declare const _default: import("vue").DefineComponent<{
     size: import("vue").PropType<import("./types").TabSize>;
     type: import("vue").PropType<import("./types").TabType>;
     center: BooleanConstructor;
-    contextMenu: import("vue").PropType<boolean | import("../ele-file-list/types").EleDropdownProps>;
+    contextMenu: import("vue").PropType<boolean | import("../ele-app/types/components").EleDropdownProps>;
     contextMenus: import("vue").PropType<import("./types").ContextMenus>;
     sortable: BooleanConstructor;
     mousewheel: BooleanConstructor;
@@ -66,7 +65,7 @@ declare const _default: import("vue").DefineComponent<{
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     tabItemClick: (_opt: TabEventOption) => boolean;
     tabContextMenu: (_opt: TabEventOption) => boolean;
-    tabContextOpen: (_ref: DropdownInstance) => boolean;
+    tabContextOpen: (_ref: import("../ele-app/types/components").EleDropdownInstance) => boolean;
     tabSortChange: (_data: TabPaneItem[]) => boolean;
     "update:modelValue": (name: TabPaneName) => boolean;
     tabClick: (pane: {
@@ -98,7 +97,7 @@ declare const _default: import("vue").DefineComponent<{
     size: import("vue").PropType<import("./types").TabSize>;
     type: import("vue").PropType<import("./types").TabType>;
     center: BooleanConstructor;
-    contextMenu: import("vue").PropType<boolean | import("../ele-file-list/types").EleDropdownProps>;
+    contextMenu: import("vue").PropType<boolean | import("../ele-app/types/components").EleDropdownProps>;
     contextMenus: import("vue").PropType<import("./types").ContextMenus>;
     sortable: BooleanConstructor;
     mousewheel: BooleanConstructor;
@@ -133,7 +132,7 @@ declare const _default: import("vue").DefineComponent<{
     "onUpdate:modelValue"?: ((name: TabPaneName) => any) | undefined;
     onTabItemClick?: ((_opt: TabEventOption) => any) | undefined;
     onTabContextMenu?: ((_opt: TabEventOption) => any) | undefined;
-    onTabContextOpen?: ((_ref: DropdownInstance) => any) | undefined;
+    onTabContextOpen?: ((_ref: import("../ele-app/types/components").EleDropdownInstance) => any) | undefined;
     onTabSortChange?: ((_data: TabPaneItem[]) => any) | undefined;
     onTabClick?: ((pane: {
         uid: number;

package/lib/ele-tabs/index.js

@@ -151,7 +151,7 @@ const _sfc_main = vue.defineComponent({
       bindDragSort();
       const el = getHeaderEl();
       if (props$1.mousewheel && el) {
-        el.addEventListener("mousewheel", onMousewheel);
+        el.addEventListener("mousewheel", onMousewheel, { passive: false });
         el.addEventListener("DOMMouseScroll", onFMousewheel);
       }
     };

package/lib/ele-tabs/props.d.ts

@@ -1,27 +1,36 @@
 import type { PropType, ExtractPropTypes } from 'vue';
 import { tabsProps as elTabsProps } from 'element-plus';
-import type { EleDropdownProps, DropdownInstance } from '../ele-file-list/types';
+import type { EleDropdownProps, EleDropdownInstance } from '../ele-app/types/components';
 import type TabTitle from "./components/tab-title";
 import type { TabPaneItem, TabSize, TabType, TabEventOption, ContextMenus } from './types';
 /**
  * 属性
  */
 export declare const tabsProps: {
+    /** 标签页数据 */
     items: {
         type: PropType<TabPaneItem[]>;
         required: boolean;
     };
+    /** 尺寸 */
     size: PropType<TabSize>;
+    /** 风格类型 */
     type: PropType<TabType>;
+    /** 标签是否居中显示 */
     center: BooleanConstructor;
+    /** 是否支持右键菜单 */
     contextMenu: PropType<boolean | EleDropdownProps>;
+    /** 右键菜单 */
     contextMenus: PropType<ContextMenus>;
+    /** 是否支持拖动排序 */
     sortable: BooleanConstructor;
+    /** 是否支持鼠标滚轮滑动 */
     mousewheel: BooleanConstructor;
+    /** 是否自己处理页签点击事件 */
     handleClick: BooleanConstructor;
     activeName: {
         readonly type: PropType<import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
-        readonly required: false;
+        readonly required: false; /** 风格类型 */
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
@@ -51,9 +60,13 @@ export type TabsProps = ExtractPropTypes<typeof tabsProps>;
  * 事件
  */
 export declare const tabsEmits: {
+    /** 页签点击事件 */
     tabItemClick: (_opt: TabEventOption) => boolean;
+    /** 页签右键菜单项点击事件 */
     tabContextMenu: (_opt: TabEventOption) => boolean;
-    tabContextOpen: (_ref: DropdownInstance) => boolean;
+    /** 页签右键菜单打开事件 */
+    tabContextOpen: (_ref: EleDropdownInstance) => boolean;
+    /** 拖动排序改变事件 */
     tabSortChange: (_data: TabPaneItem[]) => boolean;
     "update:modelValue": (name: import("element-plus").TabPaneName) => boolean;
     tabClick: (pane: {

package/lib/ele-tabs/props.js

@@ -3,37 +3,37 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const elementPlus = require("element-plus");
 const tabsProps = {
   ...elementPlus.tabsProps,
-  // 标签页数据
+  /** 标签页数据 */
   items: {
     type: Array,
     required: true
   },
-  // 尺寸
+  /** 尺寸 */
   size: String,
-  // 风格类型
+  /** 风格类型 */
   type: String,
-  // 标签是否居中显示
+  /** 标签是否居中显示 */
   center: Boolean,
-  // 是否支持右键菜单
+  /** 是否支持右键菜单 */
   contextMenu: [Boolean, Object],
-  // 右键菜单
+  /** 右键菜单 */
   contextMenus: [Array, Function],
-  // 是否支持拖动排序
+  /** 是否支持拖动排序 */
   sortable: Boolean,
-  // 是否支持鼠标滚轮滑动
+  /** 是否支持鼠标滚轮滑动 */
   mousewheel: Boolean,
-  // 是否自己处理页签点击事件
+  /** 是否自己处理页签点击事件 */
   handleClick: Boolean
 };
 const tabsEmits = {
   ...elementPlus.tabsEmits,
-  // 页签点击事件
+  /** 页签点击事件 */
   tabItemClick: (_opt) => true,
-  // 页签右键菜单项点击事件
+  /** 页签右键菜单项点击事件 */
   tabContextMenu: (_opt) => true,
-  // 页签右键菜单打开事件
+  /** 页签右键菜单打开事件 */
   tabContextOpen: (_ref) => true,
-  // 拖动排序改变事件
+  /** 拖动排序改变事件 */
   tabSortChange: (_data) => true
 };
 const tabPropKeys = Object.keys(elementPlus.tabsProps);

package/lib/ele-tabs/style/css-var.scss

@@ -1,5 +1,6 @@
 @use '../../style/util.scss' as *;
 
+/* 标签页主题变量 */
 @mixin set-tab-var($var) {
   .ele-tabs,
   .ele-tab-tool {

package/lib/ele-tabs/style/index.scss

@@ -59,7 +59,7 @@
     }
   }
 
-  // 右键菜单
+  /* 右键菜单 */
   .el-tabs__item > .el-dropdown {
     color: inherit;
     font-size: inherit;
@@ -69,7 +69,7 @@
     display: block;
   }
 
-  // 标题
+  /* 标题 */
   .ele-tab-title {
     padding: 0 eleVar('tab', 'padding');
     box-sizing: border-box;
@@ -82,7 +82,7 @@
     padding-right: calc(#{$padding} + #{$size} / 2 + #{$padding} / 4);
   }
 
-  // 关闭图标
+  /* 关闭图标 */
   .el-tabs__nav-wrap .el-tabs__nav .el-tabs__item .is-icon-close {
     margin: 0;
     width: eleVar('tab', 'close-size');
@@ -107,12 +107,12 @@
     }
   }
 
-  // 拖动
+  /* 拖动 */
   .el-tabs__item.sortable-ghost {
     opacity: 0;
   }
 
-  // 左右箭头
+  /* 左右箭头 */
   .el-tabs__nav-prev,
   .el-tabs__nav-next {
     flex-shrink: 0;
@@ -329,7 +329,7 @@
   .el-tabs__item {
     border-radius: eleVar('tab-simple', 'radius');
 
-    // 指示线
+    /* 指示线 */
     &::after {
       content: '';
       width: 0;
@@ -342,7 +342,7 @@
       left: 0;
     }
 
-    // 两侧反圆角
+    /* 两侧反圆角 */
     & > .el-dropdown {
       $size: eleVar('tab-simple', 'angle-size');
       $bg-size: calc(#{$size} * 2);
@@ -406,7 +406,7 @@
       }
     }
 
-    // 选中样式
+    /* 选中样式 */
     &.is-active {
       $bg: eleVar('tab-simple', 'active-bg');
       color: eleVar('tab-simple', 'active-color');
@@ -450,7 +450,7 @@
     display: none;
   }
 
-  // 加左右间距为反圆角留点位置
+  /* 加左右间距为反圆角留点位置 */
   .el-tabs__nav {
     padding: 0 eleVar('tab-simple', 'angle-size');
   }
@@ -519,6 +519,11 @@
   & > .el-tabs__header {
     $height: calc(#{eleVar('tab', 'height')} - #{$space});
 
+    .el-tabs__nav {
+      padding-top: $space;
+      padding-bottom: $space;
+    }
+
     .el-tabs__item {
       height: $height;
       line-height: $height;
@@ -529,8 +534,14 @@
         margin-left: $space;
       }
 
+      &:hover {
+        background: eleVar('tab-button', 'hover-bg');
+      }
+
       &.is-active {
         font-weight: eleVar('tab-button', 'active-weight');
+        background: eleVar('tab-button', 'active-bg');
+        box-shadow: eleVar('tab-button', 'active-shadow');
       }
     }
 
@@ -539,6 +550,7 @@
       width: $height;
       height: $height;
       line-height: $height;
+      margin-top: $space;
     }
 
     .el-tabs__active-bar,
@@ -597,7 +609,7 @@
     color: eleVar('tab', 'tool-hover-color');
   }
 
-  // 模拟页签
+  /* 模拟页签 */
   &.is-tab {
     color: eleVar('tab', 'color');
     font-size: eleVar('tab', 'font-size');
@@ -611,14 +623,14 @@
     }
   }
 
-  // 标题
+  /* 标题 */
   .ele-tab-title {
     padding: 0 eleVar('tab', 'padding');
     box-sizing: border-box;
     outline: none;
   }
 
-  // 下拉菜单
+  /* 下拉菜单 */
   & > .el-dropdown {
     color: inherit;
     font-size: inherit;
@@ -635,7 +647,7 @@
   box-sizing: border-box;
   position: relative;
 
-  // 页签
+  /* 页签 */
   & > .ele-tabs {
     flex: 1;
     overflow: hidden;
@@ -645,7 +657,7 @@
     }
   }
 
-  // 取消反圆角预留间距
+  /* 取消反圆角预留间距 */
   .ele-tab-tool.is-tab + .ele-tabs.is-simple,
   .ele-tab-tool.is-tab + .ele-tabs.is-indicator {
     margin-left: calc(0px - eleVar('tab-simple', 'angle-size'));
@@ -655,7 +667,7 @@
     }
   }
 
-  // 小型尺寸
+  /* 小型尺寸 */
   &.is-small .ele-tab-tool {
     height: eleVar('tab-sm', 'height');
     line-height: eleVar('tab-sm', 'height');
@@ -667,7 +679,7 @@
     }
   }
 
-  // 大型尺寸
+  /* 大型尺寸 */
   &.is-large .ele-tab-tool {
     height: eleVar('tab-lg', 'height');
     line-height: eleVar('tab-lg', 'height');
@@ -679,7 +691,7 @@
     }
   }
 
-  // 简约风格和指示器风格
+  /* 简约风格和指示器风格 */
   &.is-simple .ele-tab-tool,
   &.is-indicator .ele-tab-tool {
     &:hover {
@@ -689,7 +701,7 @@
     &.is-tab {
       border-radius: eleVar('tab-simple', 'radius');
 
-      // 两侧反圆角
+      /* 两侧反圆角 */
       & > .el-dropdown {
         $size: eleVar('tab-simple', 'angle-size');
         $bg-size: calc(#{$size} * 2);
@@ -798,7 +810,7 @@
     }
   }
 
-  // 按钮风格
+  /* 按钮风格 */
   &.is-button {
     $space: eleVar('tab-button', 'space');
 
@@ -808,14 +820,26 @@
       line-height: calc(#{$height} - #{$space});
       min-width: calc(#{$height} - #{$space});
       border-radius: eleVar('tab-button', 'radius');
-      background: eleVar('tab-button', 'bg');
+      background: eleVar('tab-button', 'hover-bg');
+      margin-top: $space;
+      margin-bottom: $space;
 
       & + .ele-tab-tool {
         margin-left: $space;
       }
 
-      &.is-tab.is-active {
-        font-weight: eleVar('tab-button', 'active-weight');
+      &.is-tab {
+        background: eleVar('tab-button', 'bg');
+
+        &:hover {
+          background: eleVar('tab-button', 'hover-bg');
+        }
+
+        &.is-active {
+          font-weight: eleVar('tab-button', 'active-weight');
+          background: eleVar('tab-button', 'active-bg');
+          box-shadow: eleVar('tab-button', 'active-shadow');
+        }
       }
     }
 

package/lib/ele-text/props.d.ts

@@ -5,18 +5,28 @@ import type { TextType, TextSize, TextIcon } from './types';
  * 属性
  */
 export declare const textProps: {
+    /** 渲染标签 */
     tag: {
         type: StringConstructor;
         default: string;
     };
+    /** 类型 */
     type: PropType<TextType>;
+    /** 文字大小 */
     size: PropType<TextSize>;
+    /** 文字删除线 */
     deleted: BooleanConstructor;
+    /** 文字下划线 */
     underline: BooleanConstructor;
+    /** 是否加粗 */
     strong: BooleanConstructor;
+    /** 是否斜体 */
     italic: BooleanConstructor;
+    /** 图标 */
     icon: PropType<TextIcon>;
+    /** 图标属性 */
     iconProps: PropType<ElIconProps>;
+    /** 图标样式 */
     iconStyle: PropType<Partial<import("vue").CSSProperties>>;
 };
 export type TextProps = ExtractPropTypes<typeof textProps>;

package/lib/ele-text/props.js

@@ -1,28 +1,28 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const textProps = {
-  // 渲染标签
+  /** 渲染标签 */
   tag: {
     type: String,
     default: "div"
   },
-  // 类型
+  /** 类型 */
   type: String,
-  // 文字大小
+  /** 文字大小 */
   size: String,
-  // 文字删除线
+  /** 文字删除线 */
   deleted: Boolean,
-  // 文字下划线
+  /** 文字下划线 */
   underline: Boolean,
-  // 是否加粗
+  /** 是否加粗 */
   strong: Boolean,
-  // 是否斜体
+  /** 是否斜体 */
   italic: Boolean,
-  // 图标
+  /** 图标 */
   icon: [String, Object, Function],
-  // 图标属性
+  /** 图标属性 */
   iconProps: Object,
-  // 图标样式
+  /** 图标样式 */
   iconStyle: Object
 };
 const textPropKeys = Object.keys(textProps);

package/lib/ele-text/style/css-var.scss

@@ -1,5 +1,6 @@
 @use '../../style/util.scss' as *;
 
+/* 文本主题变量 */
 @mixin set-text-var($var) {
   .ele-text {
     @include set-ele-var('text', $var);

package/lib/ele-text/style/index.scss

@@ -9,7 +9,7 @@
   font-size: elVar('font-size', 'base');
   box-sizing: border-box;
 
-  // 类型
+  /* 类型 */
   &.is-heading {
     color: elVar('text-color', 'primary');
     font-weight: eleVar('text', 'heading-weight');
@@ -43,7 +43,7 @@
     color: elVar('color-info');
   }
 
-  // 尺寸
+  /* 尺寸 */
   &.is-xs {
     font-size: elVar('font-size', 'extra-small');
   }
@@ -72,7 +72,7 @@
     font-size: eleVar('text', 'xxxl');
   }
 
-  // 其它
+  /* 其它 */
   &.is-delete {
     text-decoration: line-through;
   }
@@ -93,7 +93,7 @@
     font-style: italic;
   }
 
-  // 图标
+  /* 图标 */
   &.is-icon > .el-icon {
     vertical-align: -2px;
   }

package/lib/ele-tool/props.d.ts

@@ -3,11 +3,14 @@ import type { PropType, ExtractPropTypes } from 'vue';
  * 属性
  */
 export declare const toolProps: {
+    /** 提示文字 */
     title: StringConstructor;
+    /** 提示方向 */
     placement: {
         type: PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, import("element-plus").Placement, unknown> | undefined>;
         default: string;
     };
+    /** 是否禁用提示 */
     disabled: BooleanConstructor;
 };
 export type ToolProps = ExtractPropTypes<typeof toolProps>;

package/lib/ele-tool/props.js

@@ -1,14 +1,14 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const toolProps = {
-  // 提示文字
+  /** 提示文字 */
   title: String,
-  // 提示方向
+  /** 提示方向 */
   placement: {
     type: String,
     default: "top"
   },
-  // 是否禁用提示
+  /** 是否禁用提示 */
   disabled: Boolean
 };
 exports.toolProps = toolProps;

package/lib/ele-tool/style/css-var.scss

@@ -1,5 +1,6 @@
 @use '../../style/util.scss' as *;
 
+/* 工具按钮主题变量 */
 @mixin set-tool-var($var) {
   .ele-tool {
     @include set-ele-var('tool', $var);

package/lib/ele-tool/style/index.scss

@@ -47,7 +47,6 @@
   }
 }
 
-// 工具栏
 .ele-toolbar .ele-tool {
   flex-shrink: 0;
   margin-top: calc(#{eleVar('toolbar', 'space')} / 2);
@@ -56,7 +55,7 @@
   margin-right: 0;
 }
 
-// 朴素风格
+/* 朴素风格 */
 .ele-toolbar.is-plain .ele-tool {
   padding: 0;
   border: none;

package/lib/ele-toolbar/props.d.ts

@@ -4,14 +4,20 @@ import type { ToolbarTheme } from './types';
  * 属性
  */
 export declare const toolbarProps: {
+    /** 标题 */
     title: StringConstructor;
+    /** 二级标题 */
     subtitle: StringConstructor;
+    /** 主题风格 */
     theme: {
         type: PropType<ToolbarTheme>;
         default: string;
     };
+    /** 标题区样式 */
     titleStyle: PropType<Partial<import("vue").CSSProperties>>;
+    /** 内容区样式 */
     bodyStyle: PropType<Partial<import("vue").CSSProperties>>;
+    /** 按钮区样式 */
     toolsStyle: PropType<Partial<import("vue").CSSProperties>>;
 };
 export type ToolbarProps = ExtractPropTypes<typeof toolbarProps>;