ele-admin-plus 1.0.0-beta.2 → 1.0.0-beta.4

package/lib/ele-steps/index.js

@@ -1,11 +1,18 @@
 "use strict";
 const vue = require("vue");
 const elementPlus = require("element-plus");
+const core = require("../utils/core");
 const props = require("./props");
 const _sfc_main = vue.defineComponent({
   name: "EleSteps",
   components: { ElSteps: elementPlus.ElSteps, ElStep: elementPlus.ElStep },
-  props: props.stepsProps
+  props: props.stepsProps,
+  setup(props2) {
+    const rootProps = vue.computed(() => {
+      return core.omit(props2, ["items", "type"]);
+    });
+    return { rootProps };
+  }
 });
 const _export_sfc = (sfc, props2) => {
   const target = sfc.__vccOpts || sfc;
@@ -17,21 +24,14 @@ const _export_sfc = (sfc, props2) => {
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ElStep = vue.resolveComponent("ElStep");
   const _component_ElSteps = vue.resolveComponent("ElSteps");
-  return vue.openBlock(), vue.createBlock(_component_ElSteps, {
-    space: _ctx.space,
-    direction: _ctx.direction,
-    active: _ctx.active,
-    processStatus: _ctx.processStatus,
-    finishStatus: _ctx.finishStatus,
-    "align-center": _ctx.alignCenter,
-    simple: _ctx.simple,
-    class: vue.normalizeClass(["ele-steps", { "is-inline": _ctx.type === "inline" }])
-  }, {
+  return vue.openBlock(), vue.createBlock(_component_ElSteps, vue.mergeProps(_ctx.rootProps, {
+    class: ["ele-steps", { "is-inline": _ctx.type === "inline" }]
+  }), {
     default: vue.withCtx(() => [
       (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.items, (item, index2) => {
         return vue.openBlock(), vue.createBlock(_component_ElStep, vue.mergeProps({ key: index2 }, item), {
           default: vue.withCtx(() => [
-            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(Object.keys(_ctx.$slots), (name) => {
+            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(Object.keys(_ctx.$slots).filter((k) => "default" !== k), (name) => {
               return vue.renderSlot(_ctx.$slots, name, {
                 index: index2,
                 item
@@ -43,7 +43,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       }), 128))
     ]),
     _: 3
-  }, 8, ["space", "direction", "active", "processStatus", "finishStatus", "align-center", "simple", "class"]);
+  }, 16, ["class"]);
 }
 const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 module.exports = index;

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

@@ -18,6 +18,7 @@
     font-size: 16px;
     border-width: 1px;
     border-color: elVar('border-color');
+    background: elVar('bg-color', 'overlay');
   }
 
   .el-step__icon-inner,
@@ -66,12 +67,13 @@
     }
   }
 
+  // 垂直
   &.is-vertical {
     .el-step__line {
       width: 0;
       top: 40px;
-      bottom: 8px;
       left: 16px;
+      bottom: 8px;
       border-top: none;
       border-bottom: none;
       border-right: none;
@@ -82,17 +84,30 @@
     }
   }
 
-  &.is-horizontal .el-step__line {
-    height: 0;
-    top: 16px;
-    left: 40px;
-    right: 8px;
-    border-top: none;
-    border-left: none;
-    border-right: none;
+  // 水平
+  &.is-horizontal {
+    .el-step__line {
+      height: 0;
+      top: 16px;
+      border-top: none;
+      border-left: none;
+      border-right: none;
+    }
+
+    &:not(.is-center) .el-step__line {
+      left: 40px;
+      right: 8px;
+    }
+
+    // 居中
+    &.is-center .el-step__line {
+      left: calc(50% + 24px);
+      right: calc(-50% + 24px);
+    }
   }
 }
 
+/* 紧凑风格 */
 .ele-steps.is-inline .el-step.is-horizontal {
   display: flex;
 

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

@@ -21,6 +21,7 @@
 
   th,
   td {
+    color: eleVar('table', 'color');
     font-size: eleVar('table', 'font-szie');
     font-weight: normal;
     line-height: eleVar('table', 'line-height');

package/lib/ele-table-select/index.js

@@ -1,6 +1,6 @@
 "use strict";
 const vue = require("vue");
-const useReceiver = require("../ele-config-provider/use-receiver");
+const receiver = require("../ele-config-provider/receiver");
 const EleBasicSelect = require("../ele-basic-select/index");
 const EleProTable = require("../ele-pro-table/index");
 const props = require("./props");
@@ -10,7 +10,7 @@ const _sfc_main = vue.defineComponent({
   props: props.tableSelectProps,
   emits: props.tableSelectEmits,
   setup(props2, { emit }) {
-    const isResponsive = useReceiver.useResponsive(props2);
+    const isResponsive = receiver.useResponsive(props2);
     const selectRef = vue.ref(null);
     const tableRef = vue.ref(null);
     const visible = vue.ref(false);

package/lib/ele-table-select/types/index.d.ts

@@ -1,3 +1,5 @@
+import type EleProTable from "../ele-pro-table/index";
+import type EleBasicSelect from "../ele-basic-select/index";
 /**
  * 单选 initValue
  */
@@ -10,3 +12,8 @@ export type MultipleInitValue = Array<SingleInitValue>;
  * initValue
  */
 export type InitValue = SingleInitValue | MultipleInitValue | undefined | null;
+/**
+ * 组件实例
+ */
+export type EleProTableInstance = InstanceType<typeof EleProTable> | null;
+export type EleBasicSelectInstance = InstanceType<typeof EleBasicSelect> | null;

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

@@ -1,5 +1,6 @@
 import type { PropType } from 'vue';
-import type { TabPaneItem, TabEventOption, DropdownInstance } from '../types';
+import type { ElDropdownInstance } from '../../ele-app/types';
+import type { TabPaneItem, TabEventOption } from '../types';
 declare const _sfc_main: import("vue").DefineComponent<{
     active: (StringConstructor | NumberConstructor)[];
     tabName: (StringConstructor | NumberConstructor)[];
@@ -8,14 +9,14 @@ declare const _sfc_main: import("vue").DefineComponent<{
     contextMenu: BooleanConstructor;
     handleClick: BooleanConstructor;
 }, {
-    dropdownRef: import("vue").Ref<DropdownInstance>;
+    dropdownRef: import("vue").Ref<ElDropdownInstance>;
     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: ElDropdownInstance) => true;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     active: (StringConstructor | NumberConstructor)[];
     tabName: (StringConstructor | NumberConstructor)[];
@@ -26,7 +27,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
 }>> & {
     onItemClick?: ((_opt: TabEventOption) => any) | undefined;
     onContextMenu?: ((_option: TabEventOption) => any) | undefined;
-    onContextOpen?: ((_ref: DropdownInstance) => any) | undefined;
+    onContextOpen?: ((_ref: ElDropdownInstance) => any) | undefined;
 }, {
     contextMenu: boolean;
     handleClick: boolean;

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

@@ -1,5 +1,10 @@
-import type { TabPaneName, TabsPaneContext } from 'element-plus';
-import type { TabPaneItem, TabEventOption, DropdownInstance } from './types';
+import type { Ref } from 'vue';
+import type { TabPaneName, TabsPaneContext, TabsProps } from 'element-plus';
+import { omit } from '../utils/core';
+import type { ElTabsInstance, ElDropdownInstance } from '../ele-app/types';
+import type { TabPaneItem, TabEventOption } from './types';
+import type TabTitleType from "./components/tab-title";
+export type TabTitleInstance = InstanceType<typeof TabTitleType>;
 declare const _sfc_main: import("vue").DefineComponent<{
     items: {
         type: import("vue").PropType<TabPaneItem[]>;
@@ -10,6 +15,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
     center: BooleanConstructor;
     contextMenu: BooleanConstructor;
     sortable: BooleanConstructor;
+    mousewheel: BooleanConstructor;
     handleClick: BooleanConstructor;
     activeName: {
         readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
@@ -38,270 +44,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
     })[], unknown, unknown, () => true, boolean>;
     stretch: BooleanConstructor;
 }, {
-    tabRef: import("vue").Ref<({
-        $: import("vue").ComponentInternalInstance;
-        $data: {};
-        $props: {
-            readonly type?: import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "card" | "border-card", unknown> | undefined;
-            readonly closable?: boolean | undefined;
-            readonly stretch?: boolean | undefined;
-            readonly editable?: boolean | undefined;
-            readonly beforeLeave?: ((newName: TabPaneName, oldName: TabPaneName) => import("element-plus/es/utils").Awaitable<boolean | void>) | undefined;
-            readonly tabPosition?: import("element-plus/es/utils").EpPropMergeType<StringConstructor, "top" | "bottom" | "right" | "left", unknown> | undefined;
-            readonly addable?: boolean | undefined;
-            key?: string | number | symbol | undefined;
-            "onUpdate:modelValue"?: ((name: TabPaneName) => any) | undefined;
-            onTabClick?: ((pane: {
-                uid: number;
-                slots: Readonly<{
-                    [name: string]: import("vue").Slot<any> | undefined;
-                }>;
-                props: {
-                    readonly closable: boolean;
-                    readonly label: string;
-                    readonly disabled: boolean;
-                    readonly lazy: boolean;
-                    readonly name?: import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown> | undefined;
-                };
-                paneName: string | number | undefined;
-                active: boolean;
-                index: string | undefined;
-                isClosable: boolean;
-            }, ev: Event) => any) | undefined;
-            onTabChange?: ((name: TabPaneName) => any) | undefined;
-            onEdit?: ((paneName: TabPaneName | undefined, action: "remove" | "add") => any) | undefined;
-            onTabRemove?: ((name: TabPaneName) => any) | undefined;
-            onTabAdd?: (() => any) | undefined;
-            readonly activeName?: import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown> | undefined;
-            readonly modelValue?: import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown> | undefined;
-            style?: unknown;
-            ref?: import("vue").VNodeRef | undefined;
-            ref_for?: boolean | undefined;
-            ref_key?: string | undefined;
-            onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void)[] | undefined;
-            onVnodeMounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void)[] | undefined;
-            onVnodeBeforeUpdate?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void)[] | undefined;
-            onVnodeUpdated?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void)[] | undefined;
-            onVnodeBeforeUnmount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void)[] | undefined;
-            onVnodeUnmounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void)[] | undefined;
-            class?: unknown;
-        };
-        $attrs: {
-            [x: string]: unknown;
-        };
-        $refs: {
-            [x: string]: unknown;
-        };
-        $slots: Readonly<{
-            [name: string]: import("vue").Slot<any> | undefined;
-        }>;
-        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
-        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
-        $emit: ((event: "update:modelValue", name: TabPaneName) => void) & ((event: "tabClick", pane: {
-            uid: number;
-            slots: Readonly<{
-                [name: string]: import("vue").Slot<any> | undefined;
-            }>;
-            props: {
-                readonly closable: boolean;
-                readonly label: string;
-                readonly disabled: boolean;
-                readonly lazy: boolean;
-                readonly name?: import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown> | undefined;
-            };
-            paneName: string | number | undefined;
-            active: boolean;
-            index: string | undefined;
-            isClosable: boolean;
-        }, ev: Event) => void) & ((event: "tabChange", name: TabPaneName) => void) & ((event: "edit", paneName: TabPaneName | undefined, action: "remove" | "add") => void) & ((event: "tabRemove", name: TabPaneName) => void) & ((event: "tabAdd") => void);
-        $el: any;
-        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-            readonly type: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "" | "card" | "border-card", unknown, "", boolean>;
-            readonly activeName: {
-                readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
-                readonly required: false;
-                readonly validator: ((val: unknown) => boolean) | undefined;
-                __epPropKey: true;
-            };
-            readonly closable: BooleanConstructor;
-            readonly addable: BooleanConstructor;
-            readonly modelValue: {
-                readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
-                readonly required: false;
-                readonly validator: ((val: unknown) => boolean) | undefined;
-                __epPropKey: true;
-            };
-            readonly editable: BooleanConstructor;
-            readonly tabPosition: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "top" | "bottom" | "right" | "left", unknown, "top", boolean>;
-            readonly beforeLeave: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => (newName: TabPaneName, oldName: TabPaneName) => import("element-plus/es/utils").Awaitable<boolean | void>) | (() => (newName: TabPaneName, oldName: TabPaneName) => import("element-plus/es/utils").Awaitable<boolean | void>) | {
-                (): (newName: TabPaneName, oldName: TabPaneName) => import("element-plus/es/utils").Awaitable<boolean | void>;
-                new (): any;
-                readonly prototype: any;
-            } | ((new (...args: any[]) => (newName: TabPaneName, oldName: TabPaneName) => import("element-plus/es/utils").Awaitable<boolean | void>) | (() => (newName: TabPaneName, oldName: TabPaneName) => import("element-plus/es/utils").Awaitable<boolean | void>) | {
-                (): (newName: TabPaneName, oldName: TabPaneName) => import("element-plus/es/utils").Awaitable<boolean | void>;
-                new (): any;
-                readonly prototype: any;
-            })[], unknown, unknown, () => true, boolean>;
-            readonly stretch: BooleanConstructor;
-        }>> & {
-            "onUpdate:modelValue"?: ((name: TabPaneName) => any) | undefined;
-            onTabClick?: ((pane: {
-                uid: number;
-                slots: Readonly<{
-                    [name: string]: import("vue").Slot<any> | undefined;
-                }>;
-                props: {
-                    readonly closable: boolean;
-                    readonly label: string;
-                    readonly disabled: boolean;
-                    readonly lazy: boolean;
-                    readonly name?: import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown> | undefined;
-                };
-                paneName: string | number | undefined;
-                active: boolean;
-                index: string | undefined;
-                isClosable: boolean;
-            }, ev: Event) => any) | undefined;
-            onTabChange?: ((name: TabPaneName) => any) | undefined;
-            onEdit?: ((paneName: TabPaneName | undefined, action: "remove" | "add") => any) | undefined;
-            onTabRemove?: ((name: TabPaneName) => any) | undefined;
-            onTabAdd?: (() => any) | undefined;
-        }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-            "update:modelValue": (name: TabPaneName) => boolean;
-            tabClick: (pane: {
-                uid: number;
-                slots: Readonly<{
-                    [name: string]: import("vue").Slot<any> | undefined;
-                }>;
-                props: {
-                    readonly closable: boolean;
-                    readonly label: string;
-                    readonly disabled: boolean;
-                    readonly lazy: boolean;
-                    readonly name?: import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown> | undefined;
-                };
-                paneName: string | number | undefined;
-                active: boolean;
-                index: string | undefined;
-                isClosable: boolean;
-            }, ev: Event) => boolean;
-            tabChange: (name: TabPaneName) => boolean;
-            edit: (paneName: TabPaneName | undefined, action: "remove" | "add") => boolean;
-            tabRemove: (name: TabPaneName) => boolean;
-            tabAdd: () => boolean;
-        }, string, {
-            readonly type: import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "card" | "border-card", unknown>;
-            readonly closable: boolean;
-            readonly stretch: boolean;
-            readonly editable: boolean;
-            readonly beforeLeave: (newName: TabPaneName, oldName: TabPaneName) => import("element-plus/es/utils").Awaitable<boolean | void>;
-            readonly tabPosition: import("element-plus/es/utils").EpPropMergeType<StringConstructor, "top" | "bottom" | "right" | "left", unknown>;
-            readonly addable: boolean;
-        }, {}, string, {}> & {
-            beforeCreate?: ((() => void) | (() => void)[]) | undefined;
-            created?: ((() => void) | (() => void)[]) | undefined;
-            beforeMount?: ((() => void) | (() => void)[]) | undefined;
-            mounted?: ((() => void) | (() => void)[]) | undefined;
-            beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
-            updated?: ((() => void) | (() => void)[]) | undefined;
-            activated?: ((() => void) | (() => void)[]) | undefined;
-            deactivated?: ((() => void) | (() => void)[]) | undefined;
-            beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
-            beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
-            destroyed?: ((() => void) | (() => void)[]) | undefined;
-            unmounted?: ((() => void) | (() => void)[]) | undefined;
-            renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
-            renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
-            errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void)[]) | undefined;
-        };
-        $forceUpdate: () => void;
-        $nextTick: typeof import("vue").nextTick;
-        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
-    } & Readonly<import("vue").ExtractPropTypes<{
-        readonly type: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "" | "card" | "border-card", unknown, "", boolean>;
-        readonly activeName: {
-            readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
-            readonly required: false;
-            readonly validator: ((val: unknown) => boolean) | undefined;
-            __epPropKey: true;
-        };
-        readonly closable: BooleanConstructor;
-        readonly addable: BooleanConstructor;
-        readonly modelValue: {
-            readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
-            readonly required: false;
-            readonly validator: ((val: unknown) => boolean) | undefined;
-            __epPropKey: true;
-        };
-        readonly editable: BooleanConstructor;
-        readonly tabPosition: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "top" | "bottom" | "right" | "left", unknown, "top", boolean>;
-        readonly beforeLeave: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => (newName: TabPaneName, oldName: TabPaneName) => import("element-plus/es/utils").Awaitable<boolean | void>) | (() => (newName: TabPaneName, oldName: TabPaneName) => import("element-plus/es/utils").Awaitable<boolean | void>) | {
-            (): (newName: TabPaneName, oldName: TabPaneName) => import("element-plus/es/utils").Awaitable<boolean | void>;
-            new (): any;
-            readonly prototype: any;
-        } | ((new (...args: any[]) => (newName: TabPaneName, oldName: TabPaneName) => import("element-plus/es/utils").Awaitable<boolean | void>) | (() => (newName: TabPaneName, oldName: TabPaneName) => import("element-plus/es/utils").Awaitable<boolean | void>) | {
-            (): (newName: TabPaneName, oldName: TabPaneName) => import("element-plus/es/utils").Awaitable<boolean | void>;
-            new (): any;
-            readonly prototype: any;
-        })[], unknown, unknown, () => true, boolean>;
-        readonly stretch: BooleanConstructor;
-    }>> & {
-        "onUpdate:modelValue"?: ((name: TabPaneName) => any) | undefined;
-        onTabClick?: ((pane: {
-            uid: number;
-            slots: Readonly<{
-                [name: string]: import("vue").Slot<any> | undefined;
-            }>;
-            props: {
-                readonly closable: boolean;
-                readonly label: string;
-                readonly disabled: boolean;
-                readonly lazy: boolean;
-                readonly name?: import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown> | undefined;
-            };
-            paneName: string | number | undefined;
-            active: boolean;
-            index: string | undefined;
-            isClosable: boolean;
-        }, ev: Event) => any) | undefined;
-        onTabChange?: ((name: TabPaneName) => any) | undefined;
-        onEdit?: ((paneName: TabPaneName | undefined, action: "remove" | "add") => any) | undefined;
-        onTabRemove?: ((name: TabPaneName) => any) | undefined;
-        onTabAdd?: (() => any) | undefined;
-    } & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & import("vue").ComponentCustomProperties & {}) | null>;
-    itemRefs: import("vue").Ref<any[]>;
+    omit: typeof omit;
+    tabRef: Ref<ElTabsInstance>;
+    itemRefs: Ref<any[]>;
+    tabProps: import("vue").ComputedRef<Partial<Omit<TabsProps, "type">>>;
     onUpdateModelValue: (name: TabPaneName) => void;
     onTabClick: (pane: TabsPaneContext, e: Event) => void;
     onTabChange: (name: TabPaneName) => void;
@@ -310,14 +56,14 @@ declare const _sfc_main: import("vue").DefineComponent<{
     onEdit: (name: TabPaneName | undefined, action: 'remove' | 'add') => void;
     onItemClick: (option: TabEventOption) => void;
     onItemContextMenu: (option: TabEventOption) => void;
-    onItemContextOpen: (ref: DropdownInstance) => void;
+    onItemContextOpen: (ref: ElDropdownInstance) => void;
     onContextmenu: (e: MouseEvent) => void;
     hideAllDropdown: () => void;
     updateActiveBar: () => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     tabItemClick: (_opt: TabEventOption) => boolean;
     tabContextMenu: (_opt: TabEventOption) => boolean;
-    tabContextOpen: (_ref: DropdownInstance) => boolean;
+    tabContextOpen: (_ref: ElDropdownInstance) => boolean;
     tabSortChange: (_data: TabPaneItem[]) => boolean;
     "update:modelValue": (name: TabPaneName) => boolean;
     tabClick: (pane: {
@@ -351,6 +97,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
     center: BooleanConstructor;
     contextMenu: BooleanConstructor;
     sortable: BooleanConstructor;
+    mousewheel: BooleanConstructor;
     handleClick: BooleanConstructor;
     activeName: {
         readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
@@ -381,7 +128,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
 }>> & {
     onTabItemClick?: ((_opt: TabEventOption) => any) | undefined;
     onTabContextMenu?: ((_opt: TabEventOption) => any) | undefined;
-    onTabContextOpen?: ((_ref: DropdownInstance) => any) | undefined;
+    onTabContextOpen?: ((_ref: ElDropdownInstance) => any) | undefined;
     onTabSortChange?: ((_data: TabPaneItem[]) => any) | undefined;
     "onUpdate:modelValue"?: ((name: TabPaneName) => any) | undefined;
     onTabClick?: ((pane: {
@@ -410,6 +157,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
     center: boolean;
     contextMenu: boolean;
     sortable: boolean;
+    mousewheel: boolean;
     handleClick: boolean;
     addable: boolean;
     editable: boolean;