ele-admin-plus 1.5.1-beta.4 → 1.6.0-beta.2

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

@@ -11,7 +11,7 @@ declare function __VLS_template(): Partial<Record<NonNullable<string | number>,
     label?(_: {
         item: TabPaneItem;
         label: string | undefined;
-        active: (string | number) | undefined;
+        active: import('element-plus/es/utils/vue/props/types').EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown> | undefined;
     }): any;
 };
 declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
@@ -31,29 +31,30 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     closable: BooleanConstructor;
     addable: BooleanConstructor;
     modelValue: {
-        readonly type: import('vue').PropType<string | number>;
+        readonly type: import('vue').PropType<import('element-plus/es/utils/vue/props/types').EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    editable: BooleanConstructor;
-    tabPosition: {
-        readonly type: import('vue').PropType<"bottom" | "left" | "right" | "top">;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    } & {
-        readonly default: "top";
-    };
-    beforeLeave: {
-        readonly type: import('vue').PropType<(newName: TabPaneName, oldName: TabPaneName) => boolean | void | Promise<boolean | void>>;
+    defaultValue: {
+        readonly type: import('vue').PropType<import('element-plus/es/utils/vue/props/types').EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
-    } & {
-        readonly default: () => true;
     };
+    editable: BooleanConstructor;
+    tabPosition: import('element-plus/es/utils/vue/props/types').EpPropFinalized<StringConstructor, "top" | "bottom" | "left" | "right", unknown, "top", boolean>;
+    beforeLeave: import('element-plus/es/utils/vue/props/types').EpPropFinalized<(new (...args: any[]) => (newName: TabPaneName, oldName: TabPaneName) => import('element-plus/es/utils/typescript').Awaitable<void | boolean>) | (() => (newName: TabPaneName, oldName: TabPaneName) => import('element-plus/es/utils/typescript').Awaitable<void | boolean>) | {
+        (): (newName: TabPaneName, oldName: TabPaneName) => import('element-plus/es/utils/typescript').Awaitable<void | boolean>;
+        new (): any;
+        readonly prototype: any;
+    } | (((new (...args: any[]) => (newName: TabPaneName, oldName: TabPaneName) => import('element-plus/es/utils/typescript').Awaitable<void | boolean>) | (() => (newName: TabPaneName, oldName: TabPaneName) => import('element-plus/es/utils/typescript').Awaitable<void | boolean>) | {
+        (): (newName: TabPaneName, oldName: TabPaneName) => import('element-plus/es/utils/typescript').Awaitable<void | boolean>;
+        new (): any;
+        readonly prototype: any;
+    }) | null)[], unknown, unknown, () => true, boolean>;
     stretch: BooleanConstructor;
+    tabindex: import('element-plus/es/utils/vue/props/types').EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, 0, boolean>;
 }>, {
     tabRef: import('vue').Ref<ElTabsInstance, ElTabsInstance>;
     ctxMenuDropdownRef: import('vue').Ref<EleDropdownInstance, EleDropdownInstance>;
@@ -62,29 +63,31 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     scrollTabs: (direction: "prev" | "next", done?: () => void) => void;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:modelValue": (name: TabPaneName) => void;
-    edit: (paneName: TabPaneName | undefined, action: "add" | "remove") => void;
-    tabContextMenu: (_opt: import('./types').TabEventOption) => void;
-    tabItemClick: (_opt: import('./types').TabEventOption) => void;
-    tabContextOpen: (_ref: EleDropdownInstance, _item?: TabPaneItem | null | undefined, _name?: string | number | null | undefined) => void;
-    tabSortChange: (_data: TabPaneItem[]) => void;
     tabClick: (pane: {
         uid: number;
+        getVnode: () => import('vue').VNode;
         slots: import('vue').Slots;
         props: {
-            readonly label: string;
-            readonly closable: boolean;
-            readonly disabled: boolean;
-            readonly lazy: boolean;
-            readonly name?: (string | number) | undefined;
+            label?: string | undefined;
+            name?: string | number | undefined;
+            closable?: boolean | undefined;
+            disabled?: boolean | undefined;
+            lazy?: boolean | undefined;
         };
-        paneName: string | number | undefined;
+        paneName: TabPaneName | undefined;
         active: boolean;
         index: string | undefined;
         isClosable: boolean;
+        isFocusInsidePane: () => boolean | undefined;
     }, ev: Event) => void;
     tabChange: (name: TabPaneName) => void;
+    edit: (paneName: TabPaneName | undefined, action: "add" | "remove") => void;
     tabRemove: (name: TabPaneName) => void;
     tabAdd: () => void;
+    tabContextMenu: (_opt: import('./types').TabEventOption) => void;
+    tabItemClick: (_opt: import('./types').TabEventOption) => void;
+    tabContextOpen: (_ref: EleDropdownInstance, _item?: TabPaneItem | null | undefined, _name?: string | number | null | undefined) => void;
+    tabSortChange: (_data: TabPaneItem[]) => void;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     items: {
         type: import('vue').PropType<TabPaneItem[]>;
@@ -102,65 +105,69 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     closable: BooleanConstructor;
     addable: BooleanConstructor;
     modelValue: {
-        readonly type: import('vue').PropType<string | number>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-    editable: BooleanConstructor;
-    tabPosition: {
-        readonly type: import('vue').PropType<"bottom" | "left" | "right" | "top">;
+        readonly type: import('vue').PropType<import('element-plus/es/utils/vue/props/types').EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
-    } & {
-        readonly default: "top";
     };
-    beforeLeave: {
-        readonly type: import('vue').PropType<(newName: TabPaneName, oldName: TabPaneName) => boolean | void | Promise<boolean | void>>;
+    defaultValue: {
+        readonly type: import('vue').PropType<import('element-plus/es/utils/vue/props/types').EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
-    } & {
-        readonly default: () => true;
     };
+    editable: BooleanConstructor;
+    tabPosition: import('element-plus/es/utils/vue/props/types').EpPropFinalized<StringConstructor, "top" | "bottom" | "left" | "right", unknown, "top", boolean>;
+    beforeLeave: import('element-plus/es/utils/vue/props/types').EpPropFinalized<(new (...args: any[]) => (newName: TabPaneName, oldName: TabPaneName) => import('element-plus/es/utils/typescript').Awaitable<void | boolean>) | (() => (newName: TabPaneName, oldName: TabPaneName) => import('element-plus/es/utils/typescript').Awaitable<void | boolean>) | {
+        (): (newName: TabPaneName, oldName: TabPaneName) => import('element-plus/es/utils/typescript').Awaitable<void | boolean>;
+        new (): any;
+        readonly prototype: any;
+    } | (((new (...args: any[]) => (newName: TabPaneName, oldName: TabPaneName) => import('element-plus/es/utils/typescript').Awaitable<void | boolean>) | (() => (newName: TabPaneName, oldName: TabPaneName) => import('element-plus/es/utils/typescript').Awaitable<void | boolean>) | {
+        (): (newName: TabPaneName, oldName: TabPaneName) => import('element-plus/es/utils/typescript').Awaitable<void | boolean>;
+        new (): any;
+        readonly prototype: any;
+    }) | null)[], unknown, unknown, () => true, boolean>;
     stretch: BooleanConstructor;
+    tabindex: import('element-plus/es/utils/vue/props/types').EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, 0, boolean>;
 }>> & Readonly<{
     "onUpdate:modelValue"?: ((name: TabPaneName) => any) | undefined;
-    onEdit?: ((paneName: TabPaneName | undefined, action: "add" | "remove") => any) | undefined;
-    onTabContextMenu?: ((_opt: import('./types').TabEventOption) => any) | undefined;
-    onTabItemClick?: ((_opt: import('./types').TabEventOption) => any) | undefined;
-    onTabContextOpen?: ((_ref: EleDropdownInstance, _item?: TabPaneItem | null | undefined, _name?: string | number | null | undefined) => any) | undefined;
-    onTabSortChange?: ((_data: TabPaneItem[]) => any) | undefined;
     onTabClick?: ((pane: {
         uid: number;
+        getVnode: () => import('vue').VNode;
         slots: import('vue').Slots;
         props: {
-            readonly label: string;
-            readonly closable: boolean;
-            readonly disabled: boolean;
-            readonly lazy: boolean;
-            readonly name?: (string | number) | undefined;
+            label?: string | undefined;
+            name?: string | number | undefined;
+            closable?: boolean | undefined;
+            disabled?: boolean | undefined;
+            lazy?: boolean | undefined;
         };
-        paneName: string | number | undefined;
+        paneName: TabPaneName | undefined;
         active: boolean;
         index: string | undefined;
         isClosable: boolean;
+        isFocusInsidePane: () => boolean | undefined;
     }, ev: Event) => any) | undefined;
     onTabChange?: ((name: TabPaneName) => any) | undefined;
+    onEdit?: ((paneName: TabPaneName | undefined, action: "add" | "remove") => any) | undefined;
     onTabRemove?: ((name: TabPaneName) => any) | undefined;
     onTabAdd?: (() => any) | undefined;
+    onTabContextMenu?: ((_opt: import('./types').TabEventOption) => any) | undefined;
+    onTabItemClick?: ((_opt: import('./types').TabEventOption) => any) | undefined;
+    onTabContextOpen?: ((_ref: EleDropdownInstance, _item?: TabPaneItem | null | undefined, _name?: string | number | null | undefined) => any) | undefined;
+    onTabSortChange?: ((_data: TabPaneItem[]) => any) | undefined;
 }>, {
     mousewheel: boolean;
-    closable: boolean;
+    tabindex: import('element-plus/es/utils/vue/props/types').EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
     center: boolean;
-    sortable: boolean;
+    closable: boolean;
     addable: boolean;
     editable: boolean;
-    tabPosition: "bottom" | "left" | "right" | "top";
-    beforeLeave: (newName: TabPaneName, oldName: TabPaneName) => boolean | void | Promise<boolean | void>;
+    tabPosition: import('element-plus/es/utils/vue/props/types').EpPropMergeType<StringConstructor, "bottom" | "left" | "right" | "top", unknown>;
+    beforeLeave: (newName: TabPaneName, oldName: TabPaneName) => import('element-plus/es/utils/typescript').Awaitable<void | boolean>;
     stretch: boolean;
     handleClick: boolean;
+    sortable: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;

package/lib/ele-tabs/props.cjs

@@ -39,7 +39,7 @@ const tabsEmits = {
   tabSortChange: (_data) => true
 };
 const tabPropKeys = Object.keys(elementPlus.tabsProps);
-const TAB_WRAP_KEY = Symbol("tabWrap");
+const TAB_WRAP_KEY = /* @__PURE__ */ Symbol("tabWrap");
 exports.TAB_WRAP_KEY = TAB_WRAP_KEY;
 exports.tabPropKeys = tabPropKeys;
 exports.tabsEmits = tabsEmits;

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

@@ -33,29 +33,30 @@ export declare const tabsProps: {
     closable: BooleanConstructor;
     addable: BooleanConstructor;
     modelValue: {
-        readonly type: PropType<string | number>;
+        readonly type: PropType<import('element-plus/es/utils/vue/props/types').EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    editable: BooleanConstructor;
-    tabPosition: {
-        readonly type: PropType<"bottom" | "left" | "right" | "top">;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    } & {
-        readonly default: "top";
-    };
-    beforeLeave: {
-        readonly type: PropType<(newName: import('element-plus').TabPaneName, oldName: import('element-plus').TabPaneName) => boolean | void | Promise<boolean | void>>;
+    defaultValue: {
+        readonly type: PropType<import('element-plus/es/utils/vue/props/types').EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
-    } & {
-        readonly default: () => true;
     };
+    editable: BooleanConstructor;
+    tabPosition: import('element-plus/es/utils/vue/props/types').EpPropFinalized<StringConstructor, "top" | "bottom" | "left" | "right", unknown, "top", boolean>;
+    beforeLeave: import('element-plus/es/utils/vue/props/types').EpPropFinalized<(new (...args: any[]) => (newName: import('element-plus').TabPaneName, oldName: import('element-plus').TabPaneName) => import('element-plus/es/utils/typescript').Awaitable<void | boolean>) | (() => (newName: import('element-plus').TabPaneName, oldName: import('element-plus').TabPaneName) => import('element-plus/es/utils/typescript').Awaitable<void | boolean>) | {
+        (): (newName: import('element-plus').TabPaneName, oldName: import('element-plus').TabPaneName) => import('element-plus/es/utils/typescript').Awaitable<void | boolean>;
+        new (): any;
+        readonly prototype: any;
+    } | (((new (...args: any[]) => (newName: import('element-plus').TabPaneName, oldName: import('element-plus').TabPaneName) => import('element-plus/es/utils/typescript').Awaitable<void | boolean>) | (() => (newName: import('element-plus').TabPaneName, oldName: import('element-plus').TabPaneName) => import('element-plus/es/utils/typescript').Awaitable<void | boolean>) | {
+        (): (newName: import('element-plus').TabPaneName, oldName: import('element-plus').TabPaneName) => import('element-plus/es/utils/typescript').Awaitable<void | boolean>;
+        new (): any;
+        readonly prototype: any;
+    }) | null)[], unknown, unknown, () => true, boolean>;
     stretch: BooleanConstructor;
+    tabindex: import('element-plus/es/utils/vue/props/types').EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, 0, boolean>;
 };
 export type TabsProps = ExtractPropTypes<typeof tabsProps>;
 /**

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

@@ -40,6 +40,7 @@
     line-height: eleVar('tab', 'height');
     color: eleVar('tab', 'color');
     font-size: eleVar('tab', 'font-size');
+    font-weight: eleVar('tab', 'font-weight');
     transition-duration: $transition-base;
     transition-property: (color, background-color, border-color, box-shadow);
     border: none;
@@ -83,7 +84,7 @@
 
   .ele-tab-icon {
     font-size: eleVar('tab', 'icon-font-size');
-    vertical-align: -2.8px;
+    vertical-align: -2px;
   }
 
   /* 关闭图标 */
@@ -393,25 +394,46 @@
 
   /* 第一个和最后一个页签预留反圆角位置 */
   .el-tabs__nav {
-    padding-left: $angle-size;
-    padding-right: $angle-size;
+    & > .el-tabs__item {
+      border-left: $angle-size solid transparent;
+      border-right: $angle-size solid transparent;
+
+      & + .el-tabs__item {
+        margin-left: calc(#{$angle-size} * -2);
+      }
+    }
   }
 }
 
 .ele-tabs.is-simple > .el-tabs__header,
 .ele-tabs.is-indicator > .el-tabs__header {
   .el-tabs__item {
+    transition-property: color;
+
+    .ele-tab-title {
+      border-radius: inherit;
+      transition: background-color $transition-base;
+    }
+
     &:hover {
       color: eleVar('tab', 'simple-hover-color');
-      background: eleVar('tab', 'simple-hover-bg');
       z-index: eleVar('tab', 'hover-index');
+      background: transparent;
+
+      .ele-tab-title {
+        background: eleVar('tab', 'simple-hover-bg');
+      }
     }
 
     &.is-active {
       color: eleVar('tab', 'simple-active-color');
-      background: eleVar('tab', 'simple-active-bg');
       font-weight: eleVar('tab', 'simple-active-weight');
       z-index: eleVar('tab', 'active-index');
+      background: transparent;
+
+      .ele-tab-title {
+        background: eleVar('tab', 'simple-active-bg');
+      }
     }
   }
 
@@ -433,10 +455,12 @@
     position: absolute;
     bottom: 0;
     left: 0;
+    right: 0;
+    margin: 0 auto;
   }
 
   &.is-active::after {
-    width: 100%;
+    width: eleVar('tab', 'simple-line-width');
   }
 }
 
@@ -486,6 +510,15 @@
     box-shadow: 0 0 0 eleVar('tab', 'simple-angle-size')
       eleVar('tab', 'simple-active-bg');
   }
+
+  .ele-tab-title::after {
+    content: '';
+    position: absolute;
+    top: 0;
+    left: calc(eleVar('tab', 'simple-angle-size') * -1);
+    right: calc(eleVar('tab', 'simple-angle-size') * -1);
+    bottom: 0;
+  }
 }
 
 /* 指示器风格 */
@@ -646,6 +679,7 @@
       line-height: $height;
       border-radius: eleVar('tab', 'button-radius');
       background: eleVar('tab', 'button-bg');
+      box-shadow: eleVar('tab', 'button-shadow');
 
       & + .el-tabs__item {
         margin-left: $space;
@@ -654,6 +688,7 @@
       &:hover {
         color: eleVar('tab', 'button-hover-color');
         background: eleVar('tab', 'button-hover-bg');
+        box-shadow: eleVar('tab', 'button-hover-shadow');
       }
 
       &.is-active {
@@ -731,7 +766,11 @@
 
   &.is-simple > .el-tabs__header .el-tabs__item.sortable-chosen,
   &.is-indicator > .el-tabs__header .el-tabs__item.sortable-chosen {
-    background: eleVar('tab', 'simple-active-bg');
+    background: none;
+
+    .ele-tab-title {
+      background: eleVar('tab', 'simple-active-bg');
+    }
 
     .ele-tab-corner-left::after,
     .ele-tab-corner-right::after {
@@ -791,7 +830,7 @@
 
   .ele-tab-icon {
     font-size: eleVar('tab', 'icon-font-size');
-    vertical-align: -2.8px;
+    vertical-align: -2px;
   }
 
   /* 下拉菜单 */
@@ -958,10 +997,12 @@
       position: absolute;
       bottom: 0;
       left: 0;
+      right: 0;
+      margin: 0 auto;
     }
 
     &.is-active::after {
-      width: 100%;
+      width: eleVar('tab', 'simple-line-width');
     }
   }
 
@@ -1010,6 +1051,7 @@
       min-width: calc(#{$height} - #{$padding});
       border-radius: eleVar('tab', 'button-radius');
       background: eleVar('tab', 'button-hover-bg');
+      box-shadow: eleVar('tab', 'button-hover-shadow');
       margin-top: $padding;
       margin-bottom: $padding;
 
@@ -1023,10 +1065,12 @@
 
       &.is-tab {
         background: eleVar('tab', 'button-bg');
+        box-shadow: eleVar('tab', 'button-shadow');
 
         &:hover {
           color: eleVar('tab', 'button-hover-color');
           background: eleVar('tab', 'button-hover-bg');
+          box-shadow: eleVar('tab', 'button-hover-shadow');
         }
 
         &.is-active {

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

@@ -24,8 +24,8 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     iconProps: import('vue').PropType<import('../ele-app/el').ElIconProps>;
     iconStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
 }>> & Readonly<{}>, {
-    underline: boolean;
     deleted: boolean;
+    underline: boolean;
     strong: boolean;
     italic: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

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

@@ -49,7 +49,7 @@
   box-sizing: border-box;
 }
 
-.ele-time-line-item-icon-status {
+.ele-time-line-item-icon-status.el-icon {
   flex-shrink: 0;
   margin: eleVar('timeline', 'icon-margin');
   font-size: eleVar('timeline', 'icon-font-size');

package/lib/ele-tool/index.cjs

@@ -12,15 +12,15 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   setup(__props, { expose: __expose, emit: __emit }) {
     const props2 = __props;
     const emit = __emit;
-    const toolbarProvide = vue.inject(props$1.TOOLBAR_KEY, {});
+    const toolbarProvider = vue.inject(props$1.TOOLBAR_KEY, {});
     const [startHideTipTimer, stopHideTipTimer] = hook.useTimer(200);
     const showTooltip = (text, el, options) => {
-      if (toolbarProvide.showTooltip) {
-        toolbarProvide.showTooltip(text, el, options);
+      if (toolbarProvider.showTooltip) {
+        toolbarProvider.showTooltip(text, el, options);
       }
     };
     const hideTooltip = () => {
-      toolbarProvide.hideTooltip && toolbarProvide.hideTooltip();
+      toolbarProvider.hideTooltip && toolbarProvider.hideTooltip();
     };
     const handleClick = (e) => {
       if (props2.clickHideTooltip) {

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

@@ -27,8 +27,8 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
 }>> & Readonly<{
     onClick?: ((_e: MouseEvent) => any) | undefined;
 }>, {
-    placement: import('element-plus').Placement | undefined;
     disabled: boolean;
+    placement: import('element-plus/es/utils/vue/props/types').EpPropMergeType<StringConstructor, import('element-plus').Placement, unknown> | undefined;
     clickHideTooltip: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;

package/lib/ele-toolbar/props.cjs

@@ -21,6 +21,6 @@ const toolbarProps = {
   /** 二级标题组件属性 */
   subtitleProps: Object
 };
-const TOOLBAR_KEY = Symbol("toolbar");
+const TOOLBAR_KEY = /* @__PURE__ */ Symbol("toolbar");
 exports.TOOLBAR_KEY = TOOLBAR_KEY;
 exports.toolbarProps = toolbarProps;