ele-admin-plus 1.0.0-beta.1 → 1.0.0-beta.3

package/es/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;

package/es/ele-tabs/index.js

@@ -1,8 +1,9 @@
-import { defineComponent, ref, onMounted, onBeforeUnmount, watch, resolveComponent, openBlock, createBlock, normalizeClass, withCtx, createElementBlock, Fragment, renderList, createSlots, createVNode, renderSlot, normalizeProps, guardReactiveProps } from "vue";
+import { defineComponent, ref, computed, onMounted, onBeforeUnmount, watch, resolveComponent, openBlock, createBlock, mergeProps, withCtx, createElementBlock, Fragment, renderList, createSlots, createVNode, renderSlot, normalizeProps, guardReactiveProps } from "vue";
 import { ElTabs, ElTabPane } from "element-plus";
 import SortableJs from "sortablejs";
+import { pick, omit } from "../utils/core";
 import TabTitle from "./components/tab-title";
-import { tabsProps, tabsEmits } from "./props";
+import { tabsProps, tabsEmits, tabPropKeys } from "./props";
 const _sfc_main = defineComponent({
   name: "EleTabs",
   components: { ElTabs, ElTabPane, TabTitle },
@@ -12,6 +13,9 @@ const _sfc_main = defineComponent({
     const current = { sortIns: null, isScroll: false };
     const tabRef = ref(null);
     const itemRefs = ref([]);
+    const tabProps = computed(() => {
+      return pick(props, tabPropKeys);
+    });
     const onUpdateModelValue = (name) => {
       emit("update:modelValue", name);
     };
@@ -133,7 +137,7 @@ const _sfc_main = defineComponent({
     const bindEvents = () => {
       bindDragSort();
       const el = getHeaderEl();
-      if (el) {
+      if (props.mousewheel && el) {
         el.addEventListener("mousewheel", onMousewheel);
         el.addEventListener("DOMMouseScroll", onFMousewheel);
       }
@@ -159,8 +163,10 @@ const _sfc_main = defineComponent({
       }
     );
     return {
+      omit,
       tabRef,
       itemRefs,
+      tabProps,
       onUpdateModelValue,
       onTabClick,
       onTabChange,
@@ -187,18 +193,10 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_TabTitle = resolveComponent("TabTitle");
   const _component_ElTabPane = resolveComponent("ElTabPane");
   const _component_ElTabs = resolveComponent("ElTabs");
-  return openBlock(), createBlock(_component_ElTabs, {
-    ref: "tabRef",
-    modelValue: _ctx.modelValue,
-    closable: _ctx.closable,
-    addable: _ctx.addable,
-    editable: _ctx.editable,
-    tabPosition: _ctx.tabPosition,
-    stretch: _ctx.stretch,
-    beforeLeave: _ctx.beforeLeave,
+  return openBlock(), createBlock(_component_ElTabs, mergeProps({ ref: "tabRef" }, _ctx.tabProps, {
     type: _ctx.type === "card" || _ctx.type === "border-card" ? _ctx.type : void 0,
-    class: normalizeClass([
-      "ele-tab",
+    class: [
+      "ele-tabs",
       { "is-small": _ctx.size === "small" },
       { "is-large": _ctx.size === "large" },
       { "is-default": !_ctx.type || _ctx.type === "default" },
@@ -207,7 +205,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       { "is-indicator": _ctx.type === "indicator" },
       { "is-button": _ctx.type === "button" },
       { "is-center": _ctx.center }
-    ]),
+    ],
     "onUpdate:modelValue": _ctx.onUpdateModelValue,
     onTabClick: _ctx.onTabClick,
     onTabChange: _ctx.onTabChange,
@@ -215,17 +213,12 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     onTabAdd: _ctx.onTabAdd,
     onEdit: _ctx.onEdit,
     onContextmenu: _ctx.onContextmenu
-  }, {
+  }), {
     default: withCtx(() => [
       (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.items, (item, index2) => {
-        return openBlock(), createBlock(_component_ElTabPane, {
-          key: index2 + "-" + item.name,
-          label: item.label,
-          disabled: item.disabled,
-          name: item.name,
-          closable: item.closable,
-          lazy: item.lazy
-        }, createSlots({
+        return openBlock(), createBlock(_component_ElTabPane, mergeProps({
+          key: index2 + "-" + item.name
+        }, _ctx.omit(item, ["meta"])), createSlots({
           label: withCtx(() => [
             createVNode(_component_TabTitle, {
               ref_for: true,
@@ -265,11 +258,11 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             ]),
             key: "0"
           } : void 0
-        ]), 1032, ["label", "disabled", "name", "closable", "lazy"]);
+        ]), 1040);
       }), 128))
     ]),
     _: 3
-  }, 8, ["modelValue", "closable", "addable", "editable", "tabPosition", "stretch", "beforeLeave", "type", "class", "onUpdate:modelValue", "onTabClick", "onTabChange", "onTabRemove", "onTabAdd", "onEdit", "onContextmenu"]);
+  }, 16, ["type", "class", "onUpdate:modelValue", "onTabClick", "onTabChange", "onTabRemove", "onTabAdd", "onEdit", "onContextmenu"]);
 }
 const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {

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

@@ -1,5 +1,7 @@
 import type { PropType, ExtractPropTypes } from 'vue';
-import type { TabPaneItem, TabSize, TabType, TabEventOption, DropdownInstance } from './types';
+import { tabsProps as elTabsProps } from 'element-plus';
+import type { ElDropdownInstance } from '../ele-app/types';
+import type { TabPaneItem, TabSize, TabType, TabEventOption } from './types';
 /**
  * 属性
  */
@@ -13,6 +15,7 @@ export declare const tabsProps: {
     center: BooleanConstructor;
     contextMenu: BooleanConstructor;
     sortable: BooleanConstructor;
+    mousewheel: BooleanConstructor;
     handleClick: BooleanConstructor;
     activeName: {
         readonly type: PropType<import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
@@ -48,7 +51,7 @@ export type TabsProps = ExtractPropTypes<typeof tabsProps>;
 export declare const tabsEmits: {
     tabItemClick: (_opt: TabEventOption) => boolean;
     tabContextMenu: (_opt: TabEventOption) => boolean;
-    tabContextOpen: (_ref: DropdownInstance) => boolean;
+    tabContextOpen: (_ref: ElDropdownInstance) => boolean;
     tabSortChange: (_data: TabPaneItem[]) => boolean;
     "update:modelValue": (name: import("element-plus").TabPaneName) => boolean;
     tabClick: (pane: {
@@ -73,3 +76,8 @@ export declare const tabsEmits: {
     tabRemove: (name: import("element-plus").TabPaneName) => boolean;
     tabAdd: () => boolean;
 };
+export type TabPropKeys = Array<keyof typeof elTabsProps>;
+/**
+ * 标签页组件属性名
+ */
+export declare const tabPropKeys: TabPropKeys;

package/es/ele-tabs/props.js

@@ -16,6 +16,8 @@ const tabsProps = {
   contextMenu: Boolean,
   // 是否支持拖动排序
   sortable: Boolean,
+  // 是否支持鼠标滚轮滑动
+  mousewheel: Boolean,
   // 是否自己处理页签点击事件
   handleClick: Boolean
 };
@@ -30,7 +32,9 @@ const tabsEmits = {
   // 拖动排序改变事件
   tabSortChange: (_data) => true
 };
+const tabPropKeys = Object.keys(tabsProps$1);
 export {
+  tabPropKeys,
   tabsEmits,
   tabsProps
 };

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

@@ -1,33 +1,33 @@
 @use '../../style/themes/default.scss' as *;
 
 @mixin set-tab-var($var) {
-  .ele-tab > .el-tabs__header,
+  .ele-tabs > .el-tabs__header,
   .ele-tab-tool {
     @include set-ele-var('tab', $var);
   }
 
-  .ele-tab.is-small > .el-tabs__header,
+  .ele-tabs.is-small > .el-tabs__header,
   .ele-tab-wrap.is-small .ele-tab-tool {
     @include set-ele-var('tab-small', $var);
   }
 
-  .ele-tab.is-large > .el-tabs__header,
+  .ele-tabs.is-large > .el-tabs__header,
   .ele-tab-wrap.is-large .ele-tab-tool {
     @include set-ele-var('tab-large', $var);
   }
 
-  .ele-tab.is-simple > .el-tabs__header,
-  .ele-tab.is-indicator > .el-tabs__header,
+  .ele-tabs.is-simple > .el-tabs__header,
+  .ele-tabs.is-indicator > .el-tabs__header,
   .ele-tab-wrap.is-simple .ele-tab-tool,
   .ele-tab-wrap.is-indicator .ele-tab-tool {
     @include set-ele-var('tab-simple', $var);
   }
 
-  .ele-tab.is-indicator > .el-tabs__header {
+  .ele-tabs.is-indicator > .el-tabs__header {
     @include set-ele-var('tab-indicator', $var);
   }
 
-  .ele-tab.is-button > .el-tabs__header,
+  .ele-tabs.is-button > .el-tabs__header,
   .ele-tab-wrap.is-button .ele-tab-tool,
   .ele-admin-tab-card .ele-admin-tabs {
     @include set-ele-var('tab-button', $var);

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

@@ -4,7 +4,7 @@
 @include set-tab-var($ele);
 
 /* 标签页 */
-.ele-tab {
+.ele-tabs {
   & > .el-tabs__header {
     #{elVarName('tabs', 'header-height')}: eleVar('tab', 'height');
     margin: 0;
@@ -15,7 +15,7 @@
       display: flex;
 
       &::after {
-        height: 1px;
+        height: 0.8px;
         background-color: eleVar('tab', 'line-color');
       }
     }
@@ -32,6 +32,7 @@
 
     .el-tabs__item {
       padding: 0 !important;
+      line-height: elVar('tabs', 'header-height');
       transition: color 0.3s, background-color 0.3s, border-color 0.3s;
 
       // 右键菜单
@@ -346,7 +347,7 @@
   position: relative;
 
   // 页签
-  & > .ele-tab {
+  & > .ele-tabs {
     flex: 1;
     overflow: hidden;
 

package/es/ele-tabs/types/index.d.ts

@@ -1,4 +1,4 @@
-import type { TabPaneProps, ElDropdown } from 'element-plus';
+import type { TabPaneProps } from 'element-plus';
 import type SortableJs from 'sortablejs';
 /**
  * 页签数据
@@ -23,10 +23,6 @@ export interface TabEventOption {
     active?: string | number;
     command?: string;
 }
-/**
- * 下拉菜单实例
- */
-export type DropdownInstance = InstanceType<typeof ElDropdown> | null;
 /**
  * 页签实例数据
  */

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

@@ -11,6 +11,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
     italic: BooleanConstructor;
     icon: import("vue").PropType<import("./types").TextIcon>;
     iconProps: import("vue").PropType<Partial<import("element-plus").IconProps>>;
+    iconStyle: import("vue").PropType<import("vue").CSSProperties>;
 }, {
     authenticated: import("vue").Ref<boolean>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
@@ -26,6 +27,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
     italic: BooleanConstructor;
     icon: import("vue").PropType<import("./types").TextIcon>;
     iconProps: import("vue").PropType<Partial<import("element-plus").IconProps>>;
+    iconStyle: import("vue").PropType<import("vue").CSSProperties>;
 }>>, {
     tag: string;
     deleted: boolean;

package/es/ele-text/index.js

@@ -1,6 +1,6 @@
-import { defineComponent, resolveComponent, openBlock, createBlock, resolveDynamicComponent, normalizeClass, withCtx, normalizeProps, mergeProps, createCommentVNode, renderSlot } from "vue";
+import { defineComponent, resolveComponent, openBlock, createBlock, resolveDynamicComponent, normalizeClass, withCtx, normalizeProps, mergeProps, normalizeStyle, createCommentVNode, renderSlot } from "vue";
 import { ElIcon } from "element-plus";
-import { useLicense } from "../utils/license-util";
+import { useLicense } from "../ele-config-provider/receiver";
 import { textProps } from "./props";
 const _sfc_main = defineComponent({
   name: "EleText",
@@ -46,9 +46,11 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   }, {
     default: withCtx(() => [
-      _ctx.authenticated && _ctx.icon ? (openBlock(), createBlock(_component_ElIcon, normalizeProps(mergeProps({ key: 0 }, _ctx.iconProps)), {
+      _ctx.authenticated && _ctx.icon ? (openBlock(), createBlock(_component_ElIcon, normalizeProps(mergeProps({ key: 0 }, _ctx.iconProps || {})), {
         default: withCtx(() => [
-          (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon)))
+          (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon), {
+            style: normalizeStyle(_ctx.iconStyle)
+          }, null, 8, ["style"]))
         ]),
         _: 1
       }, 16)) : createCommentVNode("", true),

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

@@ -1,4 +1,4 @@
-import type { PropType, ExtractPropTypes } from 'vue';
+import type { PropType, ExtractPropTypes, CSSProperties } from 'vue';
 import type { IconProps } from 'element-plus';
 import type { TextType, TextSize, TextIcon } from './types';
 /**
@@ -17,5 +17,11 @@ export declare const textProps: {
     italic: BooleanConstructor;
     icon: PropType<TextIcon>;
     iconProps: PropType<Partial<IconProps>>;
+    iconStyle: PropType<CSSProperties>;
 };
 export type TextProps = ExtractPropTypes<typeof textProps>;
+export type TextPropKeys = Array<keyof typeof textProps>;
+/**
+ * 属性名
+ */
+export declare const textPropKeys: TextPropKeys;