ele-admin-plus 1.2.1-beta.3 → 1.2.1-beta.4

package/es/ele-segmented/index.js

@@ -1,4 +1,4 @@
-import { defineComponent, ref, resolveComponent, openBlock, createBlock, normalizeClass, withCtx, createElementBlock, Fragment, renderList, renderSlot, mergeProps, resolveDynamicComponent, normalizeStyle, createCommentVNode, toDisplayString } from "vue";
+import { defineComponent, ref, computed, resolveComponent, openBlock, createBlock, normalizeClass, withCtx, createElementBlock, Fragment, renderList, renderSlot, mergeProps, resolveDynamicComponent, normalizeStyle, createCommentVNode, toDisplayString } from "vue";
 import { ElIcon, ElTabs, ElTabPane } from "element-plus";
 import { useFormValidate } from "../ele-basic-select/util";
 import { segmentedProps, segmentedEmits } from "./props";
@@ -10,6 +10,9 @@ const _sfc_main = defineComponent({
   setup(props, { emit }) {
     const { validateChange } = useFormValidate();
     const tabRef = ref(null);
+    const isEmptyActive = computed(() => {
+      return props.modelValue == null || !props.items || !props.items.some((d) => d.value === props.modelValue);
+    });
     const handleUpdateModelValue = (value) => {
       if (props.modelValue !== value) {
         emit("update:modelValue", value);
@@ -17,7 +20,26 @@ const _sfc_main = defineComponent({
         emit("change", value);
       }
     };
-    return { tabRef, handleUpdateModelValue };
+    const getWrapEl = () => {
+      const tabEl = tabRef.value ? tabRef.value.$el : void 0;
+      const headerEl = tabEl ? tabEl.querySelector(".el-tabs__header") : void 0;
+      return headerEl ? headerEl.querySelector(".el-tabs__nav") : void 0;
+    };
+    const updateActiveBar = () => {
+      const el = getWrapEl();
+      if (el) {
+        const bar = el.querySelector(".el-tabs__active-bar");
+        if (bar) {
+          bar.style.width = "0px";
+        }
+      }
+    };
+    return {
+      tabRef,
+      isEmptyActive,
+      handleUpdateModelValue,
+      updateActiveBar
+    };
   }
 });
 const _export_sfc = (sfc, props) => {
@@ -44,7 +66,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       { "is-block": _ctx.block },
       { "is-large": _ctx.size === "large" },
       { "is-small": _ctx.size === "small" },
-      { "is-disabled": _ctx.disabled }
+      { "is-disabled": _ctx.disabled },
+      { "is-single": _ctx.items && _ctx.items.length === 1 },
+      { "is-empty": _ctx.isEmptyActive }
     ]),
     "onUpdate:modelValue": _ctx.handleUpdateModelValue
   }, {

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

@@ -36,7 +36,7 @@
     line-height: eleVar('segmented', 'height');
     font-size: eleVar('segmented', 'font-size');
     border-radius: eleVar('segmented', 'radius');
-    transition: (color 0.2s, background-color 0.2s);
+    transition: (color $transition-base, background-color $transition-base);
     background: none;
     z-index: 2;
 
@@ -72,15 +72,21 @@
     border-radius: eleVar('segmented', 'radius');
     box-shadow: eleVar('segmented', 'active-shadow');
     transform: translateX(#{$item-padding});
+    transition: all $transition-base;
     box-sizing: content-box;
     height: auto;
     bottom: 0;
     top: 0;
   }
 
+  &.is-empty .el-tabs__active-bar {
+    padding: 0;
+  }
+
   /* 宽度撑满 */
   &:not(.is-block) .el-tabs__header {
     display: inline-block;
+    width: max-content;
   }
 
   /* 尺寸控制 */

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

@@ -6,7 +6,7 @@ declare const _default: import('vue').DefineComponent<{
     type: import('vue').PropType<import('./types').StepType>;
     space: import('element-plus/es/utils/index').EpPropFinalized<readonly [NumberConstructor, StringConstructor], unknown, unknown, "", boolean>;
     active: import('element-plus/es/utils/index').EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
-    direction: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, "vertical" | "horizontal", unknown, "horizontal", boolean>;
+    direction: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, "horizontal" | "vertical", unknown, "horizontal", boolean>;
     alignCenter: {
         readonly type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<BooleanConstructor, unknown, unknown>>;
         readonly required: false;
@@ -19,20 +19,20 @@ declare const _default: import('vue').DefineComponent<{
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    finishStatus: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, "success" | "error" | "wait" | "finish" | "process", unknown, "finish", boolean>;
-    processStatus: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, "success" | "error" | "wait" | "finish" | "process", unknown, "process", boolean>;
+    finishStatus: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, "wait" | "error" | "finish" | "success" | "process", unknown, "finish", boolean>;
+    processStatus: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, "wait" | "error" | "finish" | "success" | "process", unknown, "process", boolean>;
 }, {
-    rootProps: import('vue').ComputedRef<Omit<import('@vue/shared').LooseRequired<{
+    rootProps: import('vue').ComputedRef<import('../ele-app/types').Mutable<Omit<import('@vue/shared').LooseRequired<{
         readonly direction: import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "horizontal" | "vertical", unknown>;
         readonly space: import('element-plus/es/utils/index').EpPropMergeType<readonly [NumberConstructor, StringConstructor], unknown, unknown>;
         readonly active: number;
-        readonly finishStatus: import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "success" | "error" | "wait" | "finish" | "process", unknown>;
-        readonly processStatus: import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "success" | "error" | "wait" | "finish" | "process", unknown>;
+        readonly finishStatus: import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "error" | "success" | "wait" | "finish" | "process", unknown>;
+        readonly processStatus: import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "error" | "success" | "wait" | "finish" | "process", unknown>;
         readonly type?: import('./types').StepType | undefined;
         readonly alignCenter?: import('element-plus/es/utils/index').EpPropMergeType<BooleanConstructor, unknown, unknown> | undefined;
         readonly items?: import('./types').StepItem[] | undefined;
         readonly simple?: import('element-plus/es/utils/index').EpPropMergeType<BooleanConstructor, unknown, unknown> | undefined;
-    } & {}>, "type" | "items">>;
+    } & {}>, "type" | "items">>>;
 }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     items: {
         type: import('vue').PropType<import('./types').StepItem[]>;
@@ -41,7 +41,7 @@ declare const _default: import('vue').DefineComponent<{
     type: import('vue').PropType<import('./types').StepType>;
     space: import('element-plus/es/utils/index').EpPropFinalized<readonly [NumberConstructor, StringConstructor], unknown, unknown, "", boolean>;
     active: import('element-plus/es/utils/index').EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
-    direction: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, "vertical" | "horizontal", unknown, "horizontal", boolean>;
+    direction: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, "horizontal" | "vertical", unknown, "horizontal", boolean>;
     alignCenter: {
         readonly type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<BooleanConstructor, unknown, unknown>>;
         readonly required: false;
@@ -54,13 +54,13 @@ declare const _default: import('vue').DefineComponent<{
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    finishStatus: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, "success" | "error" | "wait" | "finish" | "process", unknown, "finish", boolean>;
-    processStatus: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, "success" | "error" | "wait" | "finish" | "process", unknown, "process", boolean>;
+    finishStatus: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, "wait" | "error" | "finish" | "success" | "process", unknown, "finish", boolean>;
+    processStatus: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, "wait" | "error" | "finish" | "success" | "process", unknown, "process", boolean>;
 }>>, {
     direction: import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "horizontal" | "vertical", unknown>;
     space: import('element-plus/es/utils/index').EpPropMergeType<readonly [NumberConstructor, StringConstructor], unknown, unknown>;
     active: number;
-    finishStatus: import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "success" | "error" | "wait" | "finish" | "process", unknown>;
-    processStatus: import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "success" | "error" | "wait" | "finish" | "process", unknown>;
+    finishStatus: import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "error" | "success" | "wait" | "finish" | "process", unknown>;
+    processStatus: import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "error" | "success" | "wait" | "finish" | "process", unknown>;
 }, {}>;
 export default _default;

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

@@ -14,7 +14,7 @@ export declare const stepsProps: {
     type: PropType<StepType>;
     space: import('element-plus/es/utils/index').EpPropFinalized<readonly [NumberConstructor, StringConstructor], unknown, unknown, "", boolean>;
     active: import('element-plus/es/utils/index').EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
-    direction: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, "vertical" | "horizontal", unknown, "horizontal", boolean>;
+    direction: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, "horizontal" | "vertical", unknown, "horizontal", boolean>;
     alignCenter: {
         readonly type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<BooleanConstructor, unknown, unknown>>;
         readonly required: false;
@@ -27,7 +27,7 @@ export declare const stepsProps: {
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    finishStatus: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, "success" | "error" | "wait" | "finish" | "process", unknown, "finish", boolean>;
-    processStatus: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, "success" | "error" | "wait" | "finish" | "process", unknown, "process", boolean>;
+    finishStatus: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, "wait" | "error" | "finish" | "success" | "process", unknown, "finish", boolean>;
+    processStatus: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, "wait" | "error" | "finish" | "success" | "process", unknown, "process", boolean>;
 };
 export type StepsProps = ExtractPropTypes<typeof stepsProps>;

package/es/ele-tab-tool/index.d.ts

@@ -1,9 +1,14 @@
 declare const _default: import('vue').DefineComponent<{
     tab: BooleanConstructor;
     active: BooleanConstructor;
-}, unknown, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    tabName: (StringConstructor | NumberConstructor)[];
+}, {
+    handleItemClick: (e: MouseEvent) => void;
+    handleItemContextmenu: (e: MouseEvent) => void;
+}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     tab: BooleanConstructor;
     active: BooleanConstructor;
+    tabName: (StringConstructor | NumberConstructor)[];
 }>>, {
     tab: boolean;
     active: boolean;

package/es/ele-tab-tool/index.js

@@ -1,8 +1,26 @@
-import { defineComponent, openBlock, createElementBlock, normalizeClass, renderSlot } from "vue";
+import { defineComponent, inject, resolveComponent, openBlock, createElementBlock, normalizeClass, Fragment, createElementVNode, renderSlot, createVNode, withCtx } from "vue";
+import { ElIcon } from "element-plus";
+import { CornerLeftFilled, CornerRightFilled } from "../icons";
+import { TAB_WRAP_KEY } from "../ele-tabs/props";
 import { tabToolProps } from "./props";
 const _sfc_main = defineComponent({
   name: "EleTabTool",
-  props: tabToolProps
+  components: { ElIcon, CornerLeftFilled, CornerRightFilled },
+  props: tabToolProps,
+  setup(props) {
+    const wrapProps = inject(TAB_WRAP_KEY, null);
+    const handleItemClick = (e) => {
+      if (wrapProps && wrapProps.triggerTabItemClick) {
+        wrapProps.triggerTabItemClick(void 0, props.tabName, e);
+      }
+    };
+    const handleItemContextmenu = (e) => {
+      if (wrapProps && wrapProps.triggerItemContextMenu) {
+        wrapProps.triggerItemContextMenu(void 0, props.tabName, e);
+      }
+    };
+    return { handleItemClick, handleItemContextmenu };
+  }
 });
 const _export_sfc = (sfc, props) => {
   const target = sfc.__vccOpts || sfc;
@@ -12,10 +30,33 @@ const _export_sfc = (sfc, props) => {
   return target;
 };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_CornerLeftFilled = resolveComponent("CornerLeftFilled");
+  const _component_ElIcon = resolveComponent("ElIcon");
+  const _component_CornerRightFilled = resolveComponent("CornerRightFilled");
   return openBlock(), createElementBlock("div", {
     class: normalizeClass(["ele-tab-tool", { "is-tab": _ctx.tab }, { "is-active": _ctx.active }])
   }, [
-    renderSlot(_ctx.$slots, "default")
+    _ctx.tab ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+      createElementVNode("div", {
+        class: "ele-tab-title",
+        onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleItemClick && _ctx.handleItemClick(...args)),
+        onContextmenu: _cache[1] || (_cache[1] = (...args) => _ctx.handleItemContextmenu && _ctx.handleItemContextmenu(...args))
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 32),
+      createVNode(_component_ElIcon, { class: "ele-tab-corner-left" }, {
+        default: withCtx(() => [
+          createVNode(_component_CornerLeftFilled)
+        ]),
+        _: 1
+      }),
+      createVNode(_component_ElIcon, { class: "ele-tab-corner-right" }, {
+        default: withCtx(() => [
+          createVNode(_component_CornerRightFilled)
+        ]),
+        _: 1
+      })
+    ], 64)) : renderSlot(_ctx.$slots, "default", { key: 1 })
   ], 2);
 }
 const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);

package/es/ele-tab-tool/props.d.ts

@@ -8,5 +8,7 @@ export declare const tabToolProps: {
     tab: BooleanConstructor;
     /** 为模拟页签时是否选中 */
     active: BooleanConstructor;
+    /** 为模拟页签时页签标识 */
+    tabName: (StringConstructor | NumberConstructor)[];
 };
 export type TabToolProps = ExtractPropTypes<typeof tabToolProps>;

package/es/ele-tab-tool/props.js

@@ -2,7 +2,9 @@ const tabToolProps = {
   /** 是否为模拟页签 */
   tab: Boolean,
   /** 为模拟页签时是否选中 */
-  active: Boolean
+  active: Boolean,
+  /** 为模拟页签时页签标识 */
+  tabName: [String, Number]
 };
 export {
   tabToolProps

package/es/ele-tab-wrap/components/tab-dropdown.js

@@ -1,6 +1,7 @@
-import { defineComponent, ref, onBeforeUnmount, resolveComponent, openBlock, createBlock, withCtx, createVNode, mergeProps, createSlots, createElementVNode, renderSlot } from "vue";
+import { defineComponent, ref, resolveComponent, openBlock, createBlock, withCtx, createVNode, mergeProps, createElementVNode, renderSlot } from "vue";
 import { ElIcon } from "element-plus";
 import { ArrowDown } from "../../icons";
+import { useTimer } from "../../utils/hook";
 import EleDropdown from "../../ele-dropdown/index";
 import EleTabTool from "../../ele-tab-tool/index";
 const _sfc_main = defineComponent({
@@ -21,29 +22,18 @@ const _sfc_main = defineComponent({
     menuClick: (_command) => true
   },
   setup(props, { emit }) {
-    const state = { timer: null };
+    const [startAutoCloseTimer] = useTimer(150);
     const dropdownRef = ref(null);
-    const clearTimer = () => {
-      if (state.timer) {
-        clearTimeout(state.timer);
-        state.timer = null;
-      }
-    };
     const handleCommand = (command) => {
       emit("menuClick", command);
-      clearTimer();
       if (props.autoClose) {
-        state.timer = setTimeout(() => {
-          state.timer = null;
+        startAutoCloseTimer(() => {
           if (dropdownRef.value) {
             dropdownRef.value.handleClose();
           }
-        }, 100);
+        });
       }
     };
-    onBeforeUnmount(() => {
-      clearTimer();
-    });
     return { dropdownRef, handleCommand };
   }
 });
@@ -71,8 +61,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       }, _ctx.dropdownProps || {}, {
         ref: "dropdownRef",
         items: _ctx.items,
+        componentType: "pro",
         onCommand: _ctx.handleCommand
-      }), createSlots({
+      }), {
         default: withCtx(() => [
           createElementVNode("div", _hoisted_1, [
             renderSlot(_ctx.$slots, "icon", {}, () => [
@@ -88,16 +79,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             ])
           ])
         ]),
-        _: 2
-      }, [
-        _ctx.$slots.default ? {
-          name: "dropdownMenu",
-          fn: withCtx(() => [
-            renderSlot(_ctx.$slots, "default")
-          ]),
-          key: "0"
-        } : void 0
-      ]), 1040, ["items", "onCommand"])
+        _: 3
+      }, 16, ["items", "onCommand"])
     ]),
     _: 3
   });

package/es/ele-tab-wrap/index.js

@@ -1,13 +1,28 @@
-import { defineComponent, reactive, provide, watch, openBlock, createElementBlock, normalizeClass, renderSlot } from "vue";
+import { defineComponent, reactive, provide, watch, onBeforeMount, openBlock, createElementBlock, normalizeClass, renderSlot } from "vue";
 import { TAB_WRAP_KEY } from "../ele-tabs/props";
 import { tabWrapProps } from "./props";
 const _sfc_main = defineComponent({
   name: "EleTabWrap",
   props: tabWrapProps,
   setup(props) {
+    const tabMethods = {};
     const data = reactive({
       size: props.size,
-      type: props.type
+      type: props.type,
+      setTabMethods: (methods) => {
+        tabMethods.triggerTabItemClick = methods.triggerTabItemClick;
+        tabMethods.triggerItemContextMenu = methods.triggerItemContextMenu;
+      },
+      triggerTabItemClick: (item, tabName, e) => {
+        if (tabMethods.triggerTabItemClick) {
+          tabMethods.triggerTabItemClick(item, tabName, e);
+        }
+      },
+      triggerItemContextMenu: (item, tabName, e) => {
+        if (tabMethods.triggerItemContextMenu) {
+          tabMethods.triggerItemContextMenu(item, tabName, e);
+        }
+      }
     });
     provide(TAB_WRAP_KEY, data);
     watch(
@@ -22,6 +37,10 @@ const _sfc_main = defineComponent({
         data.type = props.type;
       }
     );
+    onBeforeMount(() => {
+      tabMethods.triggerTabItemClick = void 0;
+      tabMethods.triggerItemContextMenu = void 0;
+    });
     return {};
   }
 });

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

@@ -187,8 +187,7 @@
     word-break: break-all;
 
     &.is-border {
-      border-left: none;
-      border-right: 1px solid eleVar('table', 'border-color');
+      border-right: 2px solid eleVar('table', 'border-color');
 
       & > tr,
       & > thead > tr,

package/es/ele-table-select/index.d.ts

@@ -67,8 +67,8 @@ declare const _default: import('vue').DefineComponent<{
     selectedItems: import('vue').Ref<{
         label: string;
         value: SingleValue;
-        hide?: boolean;
-        index?: number;
+        hide?: boolean | undefined;
+        index?: number | undefined;
     }[]>;
     selectedLabel: import('vue').ComputedRef<string>;
     currentRowKey: import('vue').ComputedRef<DataKey | undefined>;
@@ -160,12 +160,12 @@ declare const _default: import('vue').DefineComponent<{
         default: null;
     };
 }>> & {
-    onChange?: ((_value: SelectValue) => any) | undefined;
     "onUpdate:modelValue"?: ((_value: SelectValue) => any) | undefined;
+    onChange?: ((_value: SelectValue) => any) | undefined;
     onFocus?: ((_e: FocusEvent) => any) | undefined;
     onBlur?: ((_e: FocusEvent) => any) | undefined;
-    onClear?: (() => any) | undefined;
     onSelect?: ((_item: DataItem | DataItem[]) => any) | undefined;
+    onClear?: (() => any) | undefined;
     onVisibleChange?: ((_visible: boolean) => any) | undefined;
     onRemoveTag?: ((_value: SingleValue) => any) | undefined;
     onFilterChange?: ((_value: string) => any) | undefined;
@@ -178,9 +178,9 @@ declare const _default: import('vue').DefineComponent<{
     disabled: boolean;
     filterable: boolean;
     tagType: import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "success" | "warning" | "info" | "primary" | "danger", unknown> | undefined;
-    multiple: boolean;
-    transition: string;
     persistent: boolean;
+    transition: string;
+    multiple: boolean;
     responsive: boolean;
     automaticDropdown: boolean;
     labelKey: string;

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

@@ -1,10 +1,9 @@
-import { Ref } from 'vue';
 import { TabPaneName, TabsPaneContext } from 'element-plus';
 import { omit } from '../utils/core';
 import { ElTabsProps, ElTabsInstance } from '../ele-app/el';
 import { EleDropdownInstance } from '../ele-app/plus';
-import { TabPaneItem, TabSize, TabType, TabEventOption, ContextMenusFunc } from './types';
-import { TabTitleInstance } from './props';
+import { DropdownItem } from '../ele-dropdown/types';
+import { TabPaneItem, TabSize, TabType } from './types';
 
 declare const _default: import('vue').DefineComponent<{
     items: {
@@ -42,29 +41,32 @@ declare const _default: import('vue').DefineComponent<{
     stretch: BooleanConstructor;
 }, {
     omit: typeof omit;
-    tabRef: Ref<ElTabsInstance>;
-    itemRefs: Ref<TabTitleInstance[]>;
-    isWrap: import('vue').ComputedRef<boolean>;
+    tabRef: import('vue').Ref<ElTabsInstance>;
+    isOnlyTab: import('vue').ComputedRef<boolean>;
     tabSize: import('vue').ComputedRef<TabSize | undefined>;
     tabType: import('vue').ComputedRef<TabType | undefined>;
     tabProps: import('vue').ComputedRef<Omit<ElTabsProps, "type">>;
-    getContextMenus: ContextMenusFunc;
+    ctxMenuDropdownRef: import('vue').Ref<EleDropdownInstance>;
+    ctxMenuDropdownItems: import('vue').ShallowRef<DropdownItem[]>;
+    ctxMenuDropdownVirtualRef: import('vue').Ref<any>;
     updateModelValue: (name: TabPaneName) => void;
+    handleContextmenu: (e: MouseEvent) => void;
     handleTabClick: (pane: TabsPaneContext, e: Event) => void;
     handleTabChange: (name: TabPaneName) => void;
     handleTabRemove: (name: TabPaneName) => void;
     handleTabAdd: () => void;
     handleEdit: (name: TabPaneName | undefined, action: "remove" | "add") => void;
-    handleItemClick: (option: TabEventOption) => void;
-    handleItemContextMenu: (option: TabEventOption) => void;
-    handleItemContextOpen: (ref: EleDropdownInstance) => void;
-    handleContextmenu: (e: MouseEvent) => void;
+    handleItemClick: (item: TabPaneItem | undefined, tabName: string | number | undefined, e: MouseEvent) => void;
+    handleItemCtxMenuVisible: (visible: boolean) => void;
+    handleItemCtxMenuClick: (command: string) => void;
+    handleItemContextmenu: (item: TabPaneItem | undefined, tabName: string | number | undefined, e: MouseEvent) => void;
     hideAllDropdown: () => void;
     updateActiveBar: () => void;
+    scrollTabs: (direction: "prev" | "next", done?: () => void) => void;
 }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    tabItemClick: (_opt: TabEventOption) => boolean;
-    tabContextMenu: (_opt: TabEventOption) => boolean;
-    tabContextOpen: (_ref: EleDropdownInstance) => boolean;
+    tabItemClick: (_opt: import('./types').TabEventOption) => boolean;
+    tabContextMenu: (_opt: import('./types').TabEventOption) => boolean;
+    tabContextOpen: (_ref: EleDropdownInstance, _item?: TabPaneItem | null, _name?: string | number | null) => boolean;
     tabSortChange: (_data: TabPaneItem[]) => boolean;
     "update:modelValue": (name: TabPaneName) => boolean;
     tabClick: (pane: TabsPaneContext, ev: Event) => boolean;
@@ -123,23 +125,23 @@ declare const _default: import('vue').DefineComponent<{
         index: string | undefined;
         isClosable: boolean;
     }, ev: Event) => any) | undefined;
+    onTabRemove?: ((name: TabPaneName) => 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: TabEventOption) => any) | undefined;
-    onTabItemClick?: ((_opt: TabEventOption) => any) | undefined;
-    onTabContextOpen?: ((_ref: EleDropdownInstance) => 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;
     center: boolean;
-    beforeLeave: (newName: TabPaneName, oldName: TabPaneName) => import('element-plus/es/utils/typescript').Awaitable<void | boolean>;
     sortable: boolean;
     addable: boolean;
     editable: boolean;
     tabPosition: import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "top" | "bottom" | "right" | "left", unknown>;
+    beforeLeave: (newName: TabPaneName, oldName: TabPaneName) => import('element-plus/es/utils/typescript').Awaitable<void | boolean>;
     stretch: boolean;
     handleClick: boolean;
     flexTable: boolean;