@element-plus/nightly 0.0.20260524 → 0.0.20260526

package/lib/components/table/src/filter-panel.vue.d.ts

@@ -105,17 +105,17 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
 }, {}, {
   ElCheckbox: {
     new (...args: any[]): _$vue.CreateComponentPublicInstanceWithMixins<Readonly<CheckboxProps> & Readonly<{
-      "onUpdate:modelValue"?: ((val: CheckboxValueType) => any) | undefined;
       onChange?: ((val: CheckboxValueType) => any) | undefined;
+      "onUpdate:modelValue"?: ((val: CheckboxValueType) => any) | undefined;
     }>, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-      "update:modelValue": (val: CheckboxValueType) => void;
       change: (val: CheckboxValueType) => void;
+      "update:modelValue": (val: CheckboxValueType) => void;
     }, _$vue.PublicProps, {
-      modelValue: number | string | boolean;
-      name: string;
+      id: string;
       disabled: boolean;
+      modelValue: number | string | boolean;
       validateEvent: boolean;
-      id: string;
+      name: string;
       value: string | boolean | number | object;
       label: string | boolean | number | object;
       trueValue: string | number;
@@ -130,14 +130,14 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       M: {};
       Defaults: {};
     }, Readonly<CheckboxProps> & Readonly<{
-      "onUpdate:modelValue"?: ((val: CheckboxValueType) => any) | undefined;
       onChange?: ((val: CheckboxValueType) => any) | undefined;
+      "onUpdate:modelValue"?: ((val: CheckboxValueType) => any) | undefined;
     }>, {}, {}, {}, {}, {
-      modelValue: number | string | boolean;
-      name: string;
+      id: string;
       disabled: boolean;
+      modelValue: number | string | boolean;
       validateEvent: boolean;
-      id: string;
+      name: string;
       value: string | boolean | number | object;
       label: string | boolean | number | object;
       trueValue: string | number;
@@ -149,17 +149,17 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     __isTeleport?: never;
     __isSuspense?: never;
   } & _$vue.ComponentOptionsBase<Readonly<CheckboxProps> & Readonly<{
-    "onUpdate:modelValue"?: ((val: CheckboxValueType) => any) | undefined;
     onChange?: ((val: CheckboxValueType) => any) | undefined;
+    "onUpdate:modelValue"?: ((val: CheckboxValueType) => any) | undefined;
   }>, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-    "update:modelValue": (val: CheckboxValueType) => void;
     change: (val: CheckboxValueType) => void;
+    "update:modelValue": (val: CheckboxValueType) => void;
   }, string, {
-    modelValue: number | string | boolean;
-    name: string;
+    id: string;
     disabled: boolean;
+    modelValue: number | string | boolean;
     validateEvent: boolean;
-    id: string;
+    name: string;
     value: string | boolean | number | object;
     label: string | boolean | number | object;
     trueValue: string | number;
@@ -197,20 +197,20 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   };
   ElCheckboxGroup: SFCWithInstall<{
     new (...args: any[]): _$vue.CreateComponentPublicInstanceWithMixins<Readonly<CheckboxGroupProps> & Readonly<{
-      "onUpdate:modelValue"?: ((val: CheckboxGroupValueType) => any) | undefined;
       onChange?: ((val: CheckboxValueType[]) => any) | undefined;
+      "onUpdate:modelValue"?: ((val: CheckboxGroupValueType) => any) | undefined;
     }>, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-      "update:modelValue": (val: CheckboxGroupValueType) => void;
       change: (val: CheckboxValueType[]) => void;
+      "update:modelValue": (val: CheckboxGroupValueType) => void;
     }, _$vue.PublicProps, {
-      modelValue: CheckboxGroupValueType;
+      type: "checkbox" | "button";
       props: {
         value?: string;
         label?: string;
         disabled?: string;
       };
-      type: "checkbox" | "button";
       disabled: boolean;
+      modelValue: CheckboxGroupValueType;
       validateEvent: boolean;
       tag: string;
     }, false, {}, {}, _$vue.GlobalComponents, _$vue.GlobalDirectives, string, {}, any, _$vue.ComponentProvideOptions, {
@@ -221,17 +221,17 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       M: {};
       Defaults: {};
     }, Readonly<CheckboxGroupProps> & Readonly<{
-      "onUpdate:modelValue"?: ((val: CheckboxGroupValueType) => any) | undefined;
       onChange?: ((val: CheckboxValueType[]) => any) | undefined;
+      "onUpdate:modelValue"?: ((val: CheckboxGroupValueType) => any) | undefined;
     }>, {}, {}, {}, {}, {
-      modelValue: CheckboxGroupValueType;
+      type: "checkbox" | "button";
       props: {
         value?: string;
         label?: string;
         disabled?: string;
       };
-      type: "checkbox" | "button";
       disabled: boolean;
+      modelValue: CheckboxGroupValueType;
       validateEvent: boolean;
       tag: string;
     }>;
@@ -239,20 +239,20 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     __isTeleport?: never;
     __isSuspense?: never;
   } & _$vue.ComponentOptionsBase<Readonly<CheckboxGroupProps> & Readonly<{
-    "onUpdate:modelValue"?: ((val: CheckboxGroupValueType) => any) | undefined;
     onChange?: ((val: CheckboxValueType[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((val: CheckboxGroupValueType) => any) | undefined;
   }>, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-    "update:modelValue": (val: CheckboxGroupValueType) => void;
     change: (val: CheckboxValueType[]) => void;
+    "update:modelValue": (val: CheckboxGroupValueType) => void;
   }, string, {
-    modelValue: CheckboxGroupValueType;
+    type: "checkbox" | "button";
     props: {
       value?: string;
       label?: string;
       disabled?: string;
     };
-    type: "checkbox" | "button";
     disabled: boolean;
+    modelValue: CheckboxGroupValueType;
     validateEvent: boolean;
     tag: string;
   }, {}, string, {}, _$vue.GlobalComponents, _$vue.GlobalDirectives, string, _$vue.ComponentProvideOptions> & _$vue.VNodeProps & _$vue.AllowedComponentProps & _$vue.ComponentCustomProps & (new () => {
@@ -372,10 +372,10 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   })>;
   ElTooltip: SFCWithInstall<{
     new (...args: any[]): _$vue.CreateComponentPublicInstanceWithMixins<Readonly<UseTooltipProps> & Readonly<{
+      onClose?: ((...args: any[]) => any) | undefined;
       onHide?: ((...args: any[]) => any) | undefined;
       onShow?: ((...args: any[]) => any) | undefined;
       onOpen?: ((...args: any[]) => any) | undefined;
-      onClose?: ((...args: any[]) => any) | undefined;
       "onUpdate:visible"?: ((...args: any[]) => any) | undefined;
       "onBefore-show"?: ((...args: any[]) => any) | undefined;
       "onBefore-hide"?: ((...args: any[]) => any) | undefined;
@@ -388,39 +388,39 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       onClose: (event?: Event, delay?: number) => void;
       hide: (event?: Event) => void;
     }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
+      close: (...args: any[]) => void;
       hide: (...args: any[]) => void;
       show: (...args: any[]) => void;
       open: (...args: any[]) => void;
-      close: (...args: any[]) => void;
       "update:visible": (...args: any[]) => void;
       "before-show": (...args: any[]) => void;
       "before-hide": (...args: any[]) => void;
     }, _$vue.PublicProps, {
+      effect: PopperEffect;
+      offset: number;
       visible: boolean | null;
       content: string;
       style: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
-      showAfter: number;
-      hideAfter: number;
-      autoClose: number;
+      enterable: boolean;
+      pure: boolean;
+      focusOnShow: boolean;
+      trapping: boolean;
+      popperStyle: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
+      stopPopperMouseEvent: boolean;
+      virtualTriggering: boolean;
+      loop: boolean;
       boundariesPadding: number;
       gpuAcceleration: boolean;
-      offset: number;
       placement: Placement;
       popperOptions: Partial<Options>;
       strategy: "fixed" | "absolute";
       arrowOffset: number;
-      effect: PopperEffect;
-      enterable: boolean;
-      popperStyle: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
-      stopPopperMouseEvent: boolean;
-      loop: boolean;
-      pure: boolean;
-      focusOnShow: boolean;
-      trapping: boolean;
-      virtualTriggering: boolean;
-      teleported: boolean;
       showArrow: boolean;
       role: typeof roleTypes[number];
+      teleported: boolean;
+      showAfter: number;
+      hideAfter: number;
+      autoClose: number;
       trigger: Arrayable<TooltipTriggerType>;
       triggerKeys: string[];
     }, false, {}, {}, _$vue.GlobalComponents, _$vue.GlobalDirectives, string, {}, any, _$vue.ComponentProvideOptions, {
@@ -431,10 +431,10 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       M: {};
       Defaults: {};
     }, Readonly<UseTooltipProps> & Readonly<{
+      onClose?: ((...args: any[]) => any) | undefined;
       onHide?: ((...args: any[]) => any) | undefined;
       onShow?: ((...args: any[]) => any) | undefined;
       onOpen?: ((...args: any[]) => any) | undefined;
-      onClose?: ((...args: any[]) => any) | undefined;
       "onUpdate:visible"?: ((...args: any[]) => any) | undefined;
       "onBefore-show"?: ((...args: any[]) => any) | undefined;
       "onBefore-hide"?: ((...args: any[]) => any) | undefined;
@@ -447,31 +447,31 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       onClose: (event?: Event, delay?: number) => void;
       hide: (event?: Event) => void;
     }, {}, {}, {}, {
+      effect: PopperEffect;
+      offset: number;
       visible: boolean | null;
       content: string;
       style: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
-      showAfter: number;
-      hideAfter: number;
-      autoClose: number;
+      enterable: boolean;
+      pure: boolean;
+      focusOnShow: boolean;
+      trapping: boolean;
+      popperStyle: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
+      stopPopperMouseEvent: boolean;
+      virtualTriggering: boolean;
+      loop: boolean;
       boundariesPadding: number;
       gpuAcceleration: boolean;
-      offset: number;
       placement: Placement;
       popperOptions: Partial<Options>;
       strategy: "fixed" | "absolute";
       arrowOffset: number;
-      effect: PopperEffect;
-      enterable: boolean;
-      popperStyle: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
-      stopPopperMouseEvent: boolean;
-      loop: boolean;
-      pure: boolean;
-      focusOnShow: boolean;
-      trapping: boolean;
-      virtualTriggering: boolean;
-      teleported: boolean;
       showArrow: boolean;
       role: typeof roleTypes[number];
+      teleported: boolean;
+      showAfter: number;
+      hideAfter: number;
+      autoClose: number;
       trigger: Arrayable<TooltipTriggerType>;
       triggerKeys: string[];
     }>;
@@ -479,10 +479,10 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     __isTeleport?: never;
     __isSuspense?: never;
   } & _$vue.ComponentOptionsBase<Readonly<UseTooltipProps> & Readonly<{
+    onClose?: ((...args: any[]) => any) | undefined;
     onHide?: ((...args: any[]) => any) | undefined;
     onShow?: ((...args: any[]) => any) | undefined;
     onOpen?: ((...args: any[]) => any) | undefined;
-    onClose?: ((...args: any[]) => any) | undefined;
     "onUpdate:visible"?: ((...args: any[]) => any) | undefined;
     "onBefore-show"?: ((...args: any[]) => any) | undefined;
     "onBefore-hide"?: ((...args: any[]) => any) | undefined;
@@ -495,39 +495,39 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     onClose: (event?: Event, delay?: number) => void;
     hide: (event?: Event) => void;
   }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
+    close: (...args: any[]) => void;
     hide: (...args: any[]) => void;
     show: (...args: any[]) => void;
     open: (...args: any[]) => void;
-    close: (...args: any[]) => void;
     "update:visible": (...args: any[]) => void;
     "before-show": (...args: any[]) => void;
     "before-hide": (...args: any[]) => void;
   }, string, {
+    effect: PopperEffect;
+    offset: number;
     visible: boolean | null;
     content: string;
     style: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
-    showAfter: number;
-    hideAfter: number;
-    autoClose: number;
+    enterable: boolean;
+    pure: boolean;
+    focusOnShow: boolean;
+    trapping: boolean;
+    popperStyle: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
+    stopPopperMouseEvent: boolean;
+    virtualTriggering: boolean;
+    loop: boolean;
     boundariesPadding: number;
     gpuAcceleration: boolean;
-    offset: number;
     placement: Placement;
     popperOptions: Partial<Options>;
     strategy: "fixed" | "absolute";
     arrowOffset: number;
-    effect: PopperEffect;
-    enterable: boolean;
-    popperStyle: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
-    stopPopperMouseEvent: boolean;
-    loop: boolean;
-    pure: boolean;
-    focusOnShow: boolean;
-    trapping: boolean;
-    virtualTriggering: boolean;
-    teleported: boolean;
     showArrow: boolean;
     role: typeof roleTypes[number];
+    teleported: boolean;
+    showAfter: number;
+    hideAfter: number;
+    autoClose: number;
     trigger: Arrayable<TooltipTriggerType>;
     triggerKeys: string[];
   }, {}, string, {}, _$vue.GlobalComponents, _$vue.GlobalDirectives, string, _$vue.ComponentProvideOptions> & _$vue.VNodeProps & _$vue.AllowedComponentProps & _$vue.ComponentCustomProps & (new () => {

package/lib/components/table/src/table/defaults.d.ts

@@ -355,15 +355,15 @@ declare const tableProps: {
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
-  width: (StringConstructor | NumberConstructor)[];
+  width: (NumberConstructor | StringConstructor)[];
   /**
    * @description table's height. By default it has an `auto` height. If its value is a number, the height is measured in pixels; if its value is a string, the value will be assigned to element's style.height, the height is affected by external styles
    */
-  height: (StringConstructor | NumberConstructor)[];
+  height: (NumberConstructor | StringConstructor)[];
   /**
    * @description table's max-height. The legal value is a number or the height in px
    */
-  maxHeight: (StringConstructor | NumberConstructor)[];
+  maxHeight: (NumberConstructor | StringConstructor)[];
   /**
    * @description whether width of column automatically fits its container
    */
@@ -441,7 +441,7 @@ declare const tableProps: {
   /**
    * @description key of current row, a set only prop
    */
-  currentRowKey: (StringConstructor | NumberConstructor)[];
+  currentRowKey: (NumberConstructor | StringConstructor)[];
   /**
    * @description displayed text when data is empty. You can customize this area with `#empty`
    */
@@ -545,7 +545,7 @@ declare const tableProps: {
   tooltipFormatter: PropType<TableProps<any>["tooltipFormatter"]>;
   appendFilterPanelTo: StringConstructor;
   scrollbarTabindex: {
-    type: (StringConstructor | NumberConstructor)[];
+    type: (NumberConstructor | StringConstructor)[];
     default: undefined;
   };
   /**

package/lib/components/table/src/table-column/defaults.d.ts

@@ -231,14 +231,14 @@ declare const tableColumnProps: {
    * @description column width
    */
   width: {
-    type: (StringConstructor | NumberConstructor)[];
+    type: (NumberConstructor | StringConstructor)[];
     default: string;
   };
   /**
    * @description column minimum width. Columns with `width` has a fixed width, while columns with `min-width` has a width that is distributed in proportion
    */
   minWidth: {
-    type: (StringConstructor | NumberConstructor)[];
+    type: (NumberConstructor | StringConstructor)[];
     default: string;
   };
   /**

package/lib/components/table/src/table-footer/index.d.ts

@@ -77,8 +77,8 @@ declare const _default: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     };
   };
 }>> & Readonly<{}>, {
-  border: boolean;
   fixed: string;
+  border: boolean;
   defaultSort: Sort;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, true, {}, any>;
 //#endregion

package/lib/components/table/src/table-header/index.d.ts

@@ -112,24 +112,24 @@ declare const _default: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     type: BooleanConstructor;
   };
 }>> & Readonly<{}>, {
-  border: boolean;
   fixed: string;
+  border: boolean;
   defaultSort: Sort;
   allowDragLastColumn: boolean;
 }, {}, {
   ElCheckbox: {
     new (...args: any[]): _$vue.CreateComponentPublicInstanceWithMixins<Readonly<CheckboxProps> & Readonly<{
-      "onUpdate:modelValue"?: ((val: CheckboxValueType) => any) | undefined;
       onChange?: ((val: CheckboxValueType) => any) | undefined;
+      "onUpdate:modelValue"?: ((val: CheckboxValueType) => any) | undefined;
     }>, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-      "update:modelValue": (val: CheckboxValueType) => void;
       change: (val: CheckboxValueType) => void;
+      "update:modelValue": (val: CheckboxValueType) => void;
     }, _$vue.PublicProps, {
-      modelValue: number | string | boolean;
-      name: string;
+      id: string;
       disabled: boolean;
+      modelValue: number | string | boolean;
       validateEvent: boolean;
-      id: string;
+      name: string;
       value: string | boolean | number | object;
       label: string | boolean | number | object;
       trueValue: string | number;
@@ -144,14 +144,14 @@ declare const _default: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       M: {};
       Defaults: {};
     }, Readonly<CheckboxProps> & Readonly<{
-      "onUpdate:modelValue"?: ((val: CheckboxValueType) => any) | undefined;
       onChange?: ((val: CheckboxValueType) => any) | undefined;
+      "onUpdate:modelValue"?: ((val: CheckboxValueType) => any) | undefined;
     }>, {}, {}, {}, {}, {
-      modelValue: number | string | boolean;
-      name: string;
+      id: string;
       disabled: boolean;
+      modelValue: number | string | boolean;
       validateEvent: boolean;
-      id: string;
+      name: string;
       value: string | boolean | number | object;
       label: string | boolean | number | object;
       trueValue: string | number;
@@ -163,17 +163,17 @@ declare const _default: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     __isTeleport?: never;
     __isSuspense?: never;
   } & _$vue.ComponentOptionsBase<Readonly<CheckboxProps> & Readonly<{
-    "onUpdate:modelValue"?: ((val: CheckboxValueType) => any) | undefined;
     onChange?: ((val: CheckboxValueType) => any) | undefined;
+    "onUpdate:modelValue"?: ((val: CheckboxValueType) => any) | undefined;
   }>, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-    "update:modelValue": (val: CheckboxValueType) => void;
     change: (val: CheckboxValueType) => void;
+    "update:modelValue": (val: CheckboxValueType) => void;
   }, string, {
-    modelValue: number | string | boolean;
-    name: string;
+    id: string;
     disabled: boolean;
+    modelValue: number | string | boolean;
     validateEvent: boolean;
-    id: string;
+    name: string;
     value: string | boolean | number | object;
     label: string | boolean | number | object;
     trueValue: string | number;

package/lib/components/table/src/table.vue.d.ts

@@ -11,12 +11,12 @@ import * as _$lodash_unified0 from "lodash-unified";
 //#region ../../packages/components/table/src/table.vue.d.ts
 declare const __VLS_export: <T extends DefaultRow = DefaultRow>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
   props: _$vue.PublicProps & __VLS_PrettifyLocal<TableProps<T> & {
+    onSelect?: ((selection: T[], row: T) => any) | undefined;
     onScroll?: ((data: {
       scrollLeft: number;
       scrollTop: number;
     }) => any) | undefined;
     "onSelect-all"?: ((selection: T[]) => any) | undefined;
-    onSelect?: ((selection: T[], row: T) => any) | undefined;
     "onExpand-change"?: ((row: T, expanded: boolean) => any) | undefined;
     "onCurrent-change"?: ((currentRow: T | null, oldCurrentRow: T | null) => any) | undefined;
     "onSelection-change"?: ((newSelection: T[]) => any) | undefined;
@@ -688,7 +688,7 @@ declare const __VLS_export: <T extends DefaultRow = DefaultRow>(__VLS_props: Non
     computedSumText: _$vue.ComputedRef<string>;
     computedEmptyText: _$vue.ComputedRef<string>;
     computedTooltipEffect: _$vue.ComputedRef<string | undefined>;
-    computedTooltipOptions: _$vue.ComputedRef<Partial<Omit<UseTooltipProps, "visible" | "content" | "autoClose" | "referenceEl" | "triggerTargetEl" | "virtualTriggering" | "rawContent" | "persistent" | "virtualRef">> | undefined>;
+    computedTooltipOptions: _$vue.ComputedRef<Partial<Omit<UseTooltipProps, "visible" | "content" | "referenceEl" | "triggerTargetEl" | "virtualTriggering" | "rawContent" | "persistent" | "autoClose" | "virtualRef">> | undefined>;
     tableLayout: _$vue.ComputedRef<"fixed" | "auto">;
     scrollbarViewStyle: {
       display: string;

package/lib/components/tabs/src/composables/use-tab-nav-touch.d.ts

@@ -0,0 +1,28 @@
+import { ComputedRef, Ref } from "vue";
+
+//#region ../../packages/components/tabs/src/composables/use-tab-nav-touch.d.ts
+interface Scrollable {
+  next?: boolean;
+  prev?: number;
+}
+interface UseTabNavTouchParams {
+  scrollable: Ref<false | Scrollable>;
+  navOffset: Ref<number>;
+  navSize: ComputedRef<number>;
+  navContainerSize: ComputedRef<number>;
+  isHorizontal: ComputedRef<boolean>;
+}
+declare const useTabNavTouch: ({
+  scrollable,
+  navOffset,
+  navSize,
+  navContainerSize,
+  isHorizontal
+}: UseTabNavTouchParams) => {
+  isTouchScrolling: Ref<boolean, boolean>;
+  handleTouchStart: (event: TouchEvent) => void;
+  handleTouchMove: (event: TouchEvent) => void;
+  handleTouchEnd: () => void;
+};
+//#endregion
+export { Scrollable, useTabNavTouch };

package/lib/components/tabs/src/composables/use-tab-nav-touch.js

@@ -0,0 +1,62 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../../../_virtual/_rolldown/runtime.js");
+const require_position = require("../../../../utils/dom/position.js");
+let lodash_unified = require("lodash-unified");
+let vue = require("vue");
+//#region ../../packages/components/tabs/src/composables/use-tab-nav-touch.ts
+const TOUCH_SCROLL_THRESHOLD = 5;
+const useTabNavTouch = ({ scrollable, navOffset, navSize, navContainerSize, isHorizontal }) => {
+	const isTouchScrolling = (0, vue.ref)(false);
+	const maxOffset = (0, vue.computed)(() => Math.max(navSize.value - navContainerSize.value, 0));
+	let touchState;
+	let isMainAxisTouch;
+	const handleTouchStart = (event) => {
+		if (!scrollable.value || event.touches.length !== 1) return;
+		const { clientX, clientY } = require_position.getClientXY(event);
+		touchState = {
+			startX: clientX,
+			startY: clientY,
+			startOffset: navOffset.value
+		};
+		isMainAxisTouch = void 0;
+	};
+	const handleTouchMove = (event) => {
+		if (!touchState || !scrollable.value) return;
+		if (event.touches.length !== 1) {
+			handleTouchEnd();
+			return;
+		}
+		const { clientX, clientY } = require_position.getClientXY(event);
+		const deltaX = touchState.startX - clientX;
+		const deltaY = touchState.startY - clientY;
+		const mainAxisDelta = isHorizontal.value ? deltaX : deltaY;
+		const crossAxisDelta = isHorizontal.value ? deltaY : deltaX;
+		const mainAxisDistance = Math.abs(mainAxisDelta);
+		const crossAxisDistance = Math.abs(crossAxisDelta);
+		if ((0, lodash_unified.isUndefined)(isMainAxisTouch)) {
+			if (Math.max(mainAxisDistance, crossAxisDistance) <= TOUCH_SCROLL_THRESHOLD) return;
+			isMainAxisTouch = mainAxisDistance > crossAxisDistance;
+		}
+		if (!isMainAxisTouch) return;
+		const nextOffset = (0, lodash_unified.clamp)(touchState.startOffset + mainAxisDelta, 0, maxOffset.value);
+		if (maxOffset.value <= 0 || nextOffset === navOffset.value || !event.cancelable) return;
+		event.preventDefault();
+		isTouchScrolling.value = true;
+		navOffset.value = nextOffset;
+	};
+	const handleTouchEnd = () => {
+		touchState = void 0;
+		isMainAxisTouch = void 0;
+		isTouchScrolling.value = false;
+	};
+	return {
+		isTouchScrolling,
+		handleTouchStart,
+		handleTouchMove,
+		handleTouchEnd
+	};
+};
+//#endregion
+exports.useTabNavTouch = useTabNavTouch;
+
+//# sourceMappingURL=use-tab-nav-touch.js.map

package/lib/components/tabs/src/composables/use-tab-nav-touch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-tab-nav-touch.js","names":["getClientXY"],"sources":["../../../../../../../packages/components/tabs/src/composables/use-tab-nav-touch.ts"],"sourcesContent":["import { computed, ref } from 'vue'\nimport { clamp, isUndefined } from 'lodash-unified'\nimport { getClientXY } from '@element-plus/utils'\n\nimport type { ComputedRef, Ref } from 'vue'\n\nexport interface Scrollable {\n  next?: boolean\n  prev?: number\n}\n\ninterface TouchState {\n  startX: number\n  startY: number\n  startOffset: number\n}\n\nconst TOUCH_SCROLL_THRESHOLD = 5\n\ninterface UseTabNavTouchParams {\n  scrollable: Ref<false | Scrollable>\n  navOffset: Ref<number>\n  navSize: ComputedRef<number>\n  navContainerSize: ComputedRef<number>\n  isHorizontal: ComputedRef<boolean>\n}\n\nexport const useTabNavTouch = ({\n  scrollable,\n  navOffset,\n  navSize,\n  navContainerSize,\n  isHorizontal,\n}: UseTabNavTouchParams) => {\n  const isTouchScrolling = ref(false)\n  const maxOffset = computed(() =>\n    Math.max(navSize.value - navContainerSize.value, 0)\n  )\n  let touchState: TouchState | undefined\n  let isMainAxisTouch: boolean | undefined\n\n  const handleTouchStart = (event: TouchEvent) => {\n    if (!scrollable.value || event.touches.length !== 1) return\n\n    const { clientX, clientY } = getClientXY(event)\n    touchState = {\n      startX: clientX,\n      startY: clientY,\n      startOffset: navOffset.value,\n    }\n    isMainAxisTouch = undefined\n  }\n\n  const handleTouchMove = (event: TouchEvent) => {\n    if (!touchState || !scrollable.value) return\n\n    if (event.touches.length !== 1) {\n      handleTouchEnd()\n      return\n    }\n\n    const { clientX, clientY } = getClientXY(event)\n    const deltaX = touchState.startX - clientX\n    const deltaY = touchState.startY - clientY\n    const mainAxisDelta = isHorizontal.value ? deltaX : deltaY\n    const crossAxisDelta = isHorizontal.value ? deltaY : deltaX\n    const mainAxisDistance = Math.abs(mainAxisDelta)\n    const crossAxisDistance = Math.abs(crossAxisDelta)\n\n    if (isUndefined(isMainAxisTouch)) {\n      if (\n        Math.max(mainAxisDistance, crossAxisDistance) <= TOUCH_SCROLL_THRESHOLD\n      ) {\n        return\n      }\n      isMainAxisTouch = mainAxisDistance > crossAxisDistance\n    }\n\n    if (!isMainAxisTouch) {\n      return\n    }\n\n    const nextOffset = clamp(\n      touchState.startOffset + mainAxisDelta,\n      0,\n      maxOffset.value\n    )\n\n    if (\n      maxOffset.value <= 0 ||\n      nextOffset === navOffset.value ||\n      !event.cancelable\n    ) {\n      return\n    }\n\n    event.preventDefault()\n    isTouchScrolling.value = true\n    navOffset.value = nextOffset\n  }\n\n  const handleTouchEnd = () => {\n    touchState = undefined\n    isMainAxisTouch = undefined\n    isTouchScrolling.value = false\n  }\n\n  return {\n    isTouchScrolling,\n    handleTouchStart,\n    handleTouchMove,\n    handleTouchEnd,\n  }\n}\n"],"mappings":";;;;;;AAiBA,MAAM,yBAAyB;AAU/B,MAAa,kBAAkB,EAC7B,YACA,WACA,SACA,kBACA,mBAC0B;CAC1B,MAAM,oBAAA,GAAA,IAAA,KAAuB,MAAM;CACnC,MAAM,aAAA,GAAA,IAAA,gBACJ,KAAK,IAAI,QAAQ,QAAQ,iBAAiB,OAAO,EAAE,CACpD;CACD,IAAI;CACJ,IAAI;CAEJ,MAAM,oBAAoB,UAAsB;EAC9C,IAAI,CAAC,WAAW,SAAS,MAAM,QAAQ,WAAW,GAAG;EAErD,MAAM,EAAE,SAAS,YAAYA,iBAAAA,YAAY,MAAM;EAC/C,aAAa;GACX,QAAQ;GACR,QAAQ;GACR,aAAa,UAAU;GACxB;EACD,kBAAkB,KAAA;;CAGpB,MAAM,mBAAmB,UAAsB;EAC7C,IAAI,CAAC,cAAc,CAAC,WAAW,OAAO;EAEtC,IAAI,MAAM,QAAQ,WAAW,GAAG;GAC9B,gBAAgB;GAChB;;EAGF,MAAM,EAAE,SAAS,YAAYA,iBAAAA,YAAY,MAAM;EAC/C,MAAM,SAAS,WAAW,SAAS;EACnC,MAAM,SAAS,WAAW,SAAS;EACnC,MAAM,gBAAgB,aAAa,QAAQ,SAAS;EACpD,MAAM,iBAAiB,aAAa,QAAQ,SAAS;EACrD,MAAM,mBAAmB,KAAK,IAAI,cAAc;EAChD,MAAM,oBAAoB,KAAK,IAAI,eAAe;EAElD,KAAA,GAAA,eAAA,aAAgB,gBAAgB,EAAE;GAChC,IACE,KAAK,IAAI,kBAAkB,kBAAkB,IAAI,wBAEjD;GAEF,kBAAkB,mBAAmB;;EAGvC,IAAI,CAAC,iBACH;EAGF,MAAM,cAAA,GAAA,eAAA,OACJ,WAAW,cAAc,eACzB,GACA,UAAU,MACX;EAED,IACE,UAAU,SAAS,KACnB,eAAe,UAAU,SACzB,CAAC,MAAM,YAEP;EAGF,MAAM,gBAAgB;EACtB,iBAAiB,QAAQ;EACzB,UAAU,QAAQ;;CAGpB,MAAM,uBAAuB;EAC3B,aAAa,KAAA;EACb,kBAAkB,KAAA;EAClB,iBAAiB,QAAQ;;CAG3B,OAAO;EACL;EACA;EACA;EACA;EACD"}

package/lib/components/tabs/src/tab-nav.js

@@ -11,6 +11,7 @@ const require_index$1 = require("../../icon/index.js");
 const require_use_wheel = require("../../virtual-list/src/hooks/use-wheel.js");
 const require_constants = require("./constants.js");
 const require_tab_bar = require("./tab-bar2.js");
+const require_use_tab_nav_touch = require("./composables/use-tab-nav-touch.js");
 let _vueuse_core = require("@vueuse/core");
 let lodash_unified = require("lodash-unified");
 let _element_plus_icons_vue = require("@element-plus/icons-vue");
@@ -75,7 +76,7 @@ const TabNav = /* @__PURE__ */ (0, vue.defineComponent)({
 		const navStyle = (0, vue.computed)(() => {
 			const dir = sizeName.value === "width" ? "X" : "Y";
 			return {
-				transition: isWheelScrolling.value ? "none" : void 0,
+				transition: isWheelScrolling.value || isTouchScrolling.value ? "none" : void 0,
 				transform: `translate${dir}(-${navOffset.value}px)`
 			};
 		});
@@ -100,6 +101,13 @@ const TabNav = /* @__PURE__ */ (0, vue.defineComponent)({
 				isWheelScrolling.value = false;
 			});
 		};
+		const { isTouchScrolling, handleTouchStart, handleTouchMove, handleTouchEnd } = require_use_tab_nav_touch.useTabNavTouch({
+			scrollable,
+			navOffset,
+			navSize,
+			navContainerSize,
+			isHorizontal
+		});
 		const scrollPrev = () => {
 			if (!navScroll$.value) return;
 			const containerSize = navScroll$.value.getBoundingClientRect()[sizeName.value];
@@ -279,7 +287,11 @@ const TabNav = /* @__PURE__ */ (0, vue.defineComponent)({
 				"style": navStyle.value,
 				"role": "tablist",
 				"onKeydown": changeTab,
-				"onWheel": handleWheel
+				"onWheel": handleWheel,
+				"onTouchstart": handleTouchStart,
+				"onTouchmove": handleTouchMove,
+				"onTouchend": handleTouchEnd,
+				"onTouchcancel": handleTouchEnd
 			}, [...[!props.type ? (0, vue.createVNode)(require_tab_bar.default, {
 				"ref": tabBarRef,
 				"tabs": [...props.panes],