@element-plus/nightly 0.0.20260525 → 0.0.20260528

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20260525 */
+/*! Element Plus v0.0.20260528 */
 
 (function(global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ?  factory(exports, require('vue')) :
@@ -7747,7 +7747,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
 
 //#endregion
 //#region ../../packages/element-plus/version.ts
-	const version$1 = "0.0.20260525";
+	const version$1 = "0.0.20260528";
 
 //#endregion
 //#region ../../packages/element-plus/make-installer.ts
@@ -46793,6 +46793,61 @@ var import_isSameOrBefore = /* @__PURE__ */ __toESM(require_isSameOrBefore());
 //#region ../../packages/components/tabs/src/tab-bar.vue
 	var tab_bar_default = tab_bar_vue_vue_type_script_setup_true_lang_default;
 
+//#endregion
+//#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 } = 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 } = 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 (isUndefined$1(isMainAxisTouch)) {
+				if (Math.max(mainAxisDistance, crossAxisDistance) <= TOUCH_SCROLL_THRESHOLD) return;
+				isMainAxisTouch = mainAxisDistance > crossAxisDistance;
+			}
+			if (!isMainAxisTouch) return;
+			const nextOffset = clamp$1(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
 //#region ../../packages/components/tabs/src/tab-nav.tsx
 	const tabNavProps = buildProps({
@@ -46851,7 +46906,7 @@ var import_isSameOrBefore = /* @__PURE__ */ __toESM(require_isSameOrBefore());
 			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)`
 				};
 			});
@@ -46876,6 +46931,13 @@ var import_isSameOrBefore = /* @__PURE__ */ __toESM(require_isSameOrBefore());
 					isWheelScrolling.value = false;
 				});
 			};
+			const { isTouchScrolling, handleTouchStart, handleTouchMove, handleTouchEnd } = useTabNavTouch({
+				scrollable,
+				navOffset,
+				navSize,
+				navContainerSize,
+				isHorizontal
+			});
 			const scrollPrev = () => {
 				if (!navScroll$.value) return;
 				const containerSize = navScroll$.value.getBoundingClientRect()[sizeName.value];
@@ -47055,7 +47117,11 @@ var import_isSameOrBefore = /* @__PURE__ */ __toESM(require_isSameOrBefore());
 					"style": navStyle.value,
 					"role": "tablist",
 					"onKeydown": changeTab,
-					"onWheel": handleWheel
+					"onWheel": handleWheel,
+					"onTouchstart": handleTouchStart,
+					"onTouchmove": handleTouchMove,
+					"onTouchend": handleTouchEnd,
+					"onTouchcancel": handleTouchEnd
 				}, [...[!props.type ? (0, vue.createVNode)(tab_bar_default, {
 					"ref": tabBarRef,
 					"tabs": [...props.panes],