@v-c/tabs 1.0.0 → 1.0.2

package/dist/TabPanelList/index.vue_vue_type_script_setup_true_lang.cjs

@@ -1,105 +0,0 @@
-const require_rolldown_runtime = require("../_virtual/rolldown_runtime.cjs");
-const require_TabContext = require("../TabContext.cjs");
-const require_TabPane = require("./TabPane.cjs");
-let vue = require("vue");
-let _v_c_util_dist_RenderComponent = require("@v-c/util/dist/RenderComponent");
-_v_c_util_dist_RenderComponent = require_rolldown_runtime.__toESM(_v_c_util_dist_RenderComponent);
-let _v_c_util_dist_utils_transition = require("@v-c/util/dist/utils/transition");
-var index_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, vue.defineComponent)({
-	__name: "index",
-	props: {
-		activeKey: {},
-		id: {},
-		animated: {},
-		tabPosition: {},
-		destroyOnHidden: { type: Boolean },
-		contentStyle: {},
-		contentClassName: {}
-	},
-	setup(__props) {
-		const { id, activeKey, animated, tabPosition, destroyOnHidden, contentStyle, contentClassName } = (0, vue.toRefs)(__props);
-		const ctx = require_TabContext.useTabContext();
-		const tabs = (0, vue.computed)(() => ctx?.value.tabs || []);
-		const prefixCls = (0, vue.computed)(() => ctx?.value.prefixCls || "");
-		const tabPaneAnimated = (0, vue.computed)(() => animated.value?.tabPane === true);
-		const tabPanePrefixCls = (0, vue.computed)(() => `${prefixCls.value}-tabpane`);
-		const transitionProps = (0, vue.computed)(() => {
-			if (!tabPaneAnimated.value) return {};
-			if (animated.value?.tabPaneMotion) return animated.value.tabPaneMotion;
-			return (0, _v_c_util_dist_utils_transition.getTransitionProps)(tabPanePrefixCls.value);
-		});
-		function shouldDestroyOnHidden(item) {
-			return !!(!item.forceRender && (destroyOnHidden.value ?? item.destroyOnHidden) === true);
-		}
-		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", { class: (0, vue.normalizeClass)([`${prefixCls.value}-content-holder`]) }, [(0, vue.createElementVNode)("div", { class: (0, vue.normalizeClass)([
-				`${prefixCls.value}-content`,
-				`${prefixCls.value}-content-${(0, vue.unref)(tabPosition)}`,
-				{ [`${prefixCls.value}-content-animated`]: tabPaneAnimated.value }
-			]) }, [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(tabs.value, (item) => {
-				return (0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: item.key }, [tabPaneAnimated.value ? ((0, vue.openBlock)(), (0, vue.createBlock)(vue.Transition, (0, vue.mergeProps)({
-					key: 0,
-					ref_for: true
-				}, transitionProps.value), {
-					default: (0, vue.withCtx)(() => [(shouldDestroyOnHidden(item) ? item.key === (0, vue.unref)(activeKey) : true) ? (0, vue.withDirectives)(((0, vue.openBlock)(), (0, vue.createBlock)(require_TabPane.default, {
-						key: 0,
-						id: (0, vue.unref)(id),
-						"prefix-cls": tabPanePrefixCls.value,
-						"tab-key": item.key,
-						animated: tabPaneAnimated.value,
-						active: item.key === (0, vue.unref)(activeKey),
-						style: (0, vue.normalizeStyle)({
-							...(0, vue.unref)(contentStyle) || {},
-							...item.style || {}
-						}),
-						"class-name": [
-							(0, vue.unref)(contentClassName),
-							item.className,
-							item.key !== (0, vue.unref)(activeKey) && `${tabPanePrefixCls.value}-hidden`
-						]
-					}, {
-						default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(_v_c_util_dist_RenderComponent.default), { render: item.children }, null, 8, ["render"])]),
-						_: 2
-					}, 1032, [
-						"id",
-						"prefix-cls",
-						"tab-key",
-						"animated",
-						"active",
-						"style",
-						"class-name"
-					])), [[vue.vShow, shouldDestroyOnHidden(item) ? true : item.key === (0, vue.unref)(activeKey) || item.forceRender]]) : (0, vue.createCommentVNode)("", true)]),
-					_: 2
-				}, 1040)) : (0, vue.createCommentVNode)("", true), !tabPaneAnimated.value && (shouldDestroyOnHidden(item) ? item.key === (0, vue.unref)(activeKey) : true) ? (0, vue.withDirectives)(((0, vue.openBlock)(), (0, vue.createBlock)(require_TabPane.default, {
-					key: 1,
-					id: (0, vue.unref)(id),
-					"prefix-cls": tabPanePrefixCls.value,
-					"tab-key": item.key,
-					animated: tabPaneAnimated.value,
-					active: item.key === (0, vue.unref)(activeKey),
-					style: (0, vue.normalizeStyle)({
-						...(0, vue.unref)(contentStyle) || {},
-						...item.style || {}
-					}),
-					"class-name": [
-						(0, vue.unref)(contentClassName),
-						item.className,
-						item.key !== (0, vue.unref)(activeKey) && `${tabPanePrefixCls.value}-hidden`
-					]
-				}, {
-					default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(_v_c_util_dist_RenderComponent.default), { render: item.children }, null, 8, ["render"])]),
-					_: 2
-				}, 1032, [
-					"id",
-					"prefix-cls",
-					"tab-key",
-					"animated",
-					"active",
-					"style",
-					"class-name"
-				])), [[vue.vShow, shouldDestroyOnHidden(item) ? true : item.key === (0, vue.unref)(activeKey) || item.forceRender]]) : (0, vue.createCommentVNode)("", true)], 64);
-			}), 128))], 2)], 2);
-		};
-	}
-});
-exports.default = index_vue_vue_type_script_setup_true_lang_default;

package/dist/Tabs.cjs

@@ -1,7 +0,0 @@
-Object.defineProperties(exports, {
-	__esModule: { value: true },
-	[Symbol.toStringTag]: { value: "Module" }
-});
-const require_Tabs_vue_vue_type_script_setup_true_lang = require("./Tabs.vue_vue_type_script_setup_true_lang.cjs");
-var Tabs_default = require_Tabs_vue_vue_type_script_setup_true_lang.default;
-exports.default = Tabs_default;

package/dist/Tabs.vue_vue_type_script_setup_true_lang.cjs

@@ -1,194 +0,0 @@
-const require_rolldown_runtime = require("./_virtual/rolldown_runtime.cjs");
-const require_TabContext = require("./TabContext.cjs");
-const require_useAnimateConfig = require("./hooks/useAnimateConfig.cjs");
-const require_utils = require("./utils.cjs");
-const require_Wrapper = require("./TabNavList/Wrapper.cjs");
-const require_index = require("./TabPanelList/index.cjs");
-let vue = require("vue");
-let _v_c_util = require("@v-c/util");
-let _v_c_util_dist_hooks_useMergedState = require("@v-c/util/dist/hooks/useMergedState");
-_v_c_util_dist_hooks_useMergedState = require_rolldown_runtime.__toESM(_v_c_util_dist_hooks_useMergedState);
-let _v_c_util_dist_isMobile = require("@v-c/util/dist/isMobile");
-_v_c_util_dist_isMobile = require_rolldown_runtime.__toESM(_v_c_util_dist_isMobile);
-let _v_c_util_dist_omit = require("@v-c/util/dist/omit");
-_v_c_util_dist_omit = require_rolldown_runtime.__toESM(_v_c_util_dist_omit);
-var _hoisted_1 = ["id"];
-var Tabs_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, vue.defineComponent)({
-	name: "Tabs",
-	inheritAttrs: false,
-	__name: "Tabs",
-	props: {
-		prefixCls: { default: "vc-tabs" },
-		className: {},
-		style: {},
-		classNames: {},
-		styles: {},
-		id: {},
-		items: {},
-		activeKey: {},
-		defaultActiveKey: {},
-		direction: {},
-		animated: {
-			type: [Boolean, Object],
-			default: void 0
-		},
-		renderTabBar: {},
-		tabBarExtraContent: { type: [
-			Object,
-			String,
-			Number,
-			null,
-			Boolean,
-			Array
-		] },
-		tabBarGutter: {},
-		tabBarStyle: {},
-		tabPosition: { default: "top" },
-		destroyOnHidden: {
-			type: Boolean,
-			default: void 0
-		},
-		onChange: {},
-		onTabClick: {},
-		onTabScroll: {},
-		editable: {},
-		getPopupContainer: {},
-		locale: {},
-		more: {},
-		popupClassName: {},
-		indicator: {}
-	},
-	setup(__props) {
-		const props = __props;
-		const { id, items, direction, defaultActiveKey, tabPosition, editable, locale, tabBarGutter, more, animated, styles, prefixCls, className, activeKey, tabBarStyle, tabBarExtraContent, destroyOnHidden, renderTabBar, onChange, onTabClick, onTabScroll, getPopupContainer, popupClassName, indicator, classNames: tabsClassNames } = (0, vue.toRefs)(props);
-		const restProps = (0, vue.computed)(() => {
-			return (0, _v_c_util_dist_omit.default)(props, [
-				"id",
-				"prefixCls",
-				"className",
-				"items",
-				"direction",
-				"activeKey",
-				"defaultActiveKey",
-				"editable",
-				"animated",
-				"tabPosition",
-				"tabBarGutter",
-				"tabBarStyle",
-				"tabBarExtraContent",
-				"locale",
-				"more",
-				"destroyOnHidden",
-				"renderTabBar",
-				"onChange",
-				"onTabClick",
-				"onTabScroll",
-				"getPopupContainer",
-				"popupClassName",
-				"indicator",
-				"classNames",
-				"styles"
-			]);
-		});
-		const tabs = (0, vue.computed)(() => (items.value || []).filter((item) => item && typeof item === "object" && "key" in item));
-		const rtl = (0, vue.computed)(() => direction.value === "rtl");
-		const mergedAnimated = (0, vue.computed)(() => require_useAnimateConfig.default(animated.value));
-		const mobile = (0, vue.ref)(false);
-		(0, vue.onMounted)(() => {
-			mobile.value = (0, _v_c_util_dist_isMobile.default)();
-		});
-		const defaultKey = (0, vue.computed)(() => defaultActiveKey.value ?? tabs.value[0]?.key);
-		const [mergedActiveKey, setMergedActiveKey] = (0, _v_c_util_dist_hooks_useMergedState.default)("", {
-			defaultValue: activeKey.value ?? defaultKey.value,
-			value: activeKey
-		});
-		const activeIndex = (0, vue.ref)(tabs.value.findIndex((item) => item.key === mergedActiveKey.value));
-		(0, vue.watch)([
-			(0, vue.computed)(() => tabs.value.map((tab) => tab.key).join("_")),
-			mergedActiveKey,
-			activeIndex
-		], async () => {
-			await (0, vue.nextTick)();
-			activeIndex.value = tabs.value.findIndex((item) => item.key === mergedActiveKey.value);
-			let newActiveIndex = tabs.value.findIndex((tab) => tab.key === mergedActiveKey.value);
-			if (newActiveIndex === -1) {
-				newActiveIndex = Math.max(0, Math.min(activeIndex.value, tabs.value.length - 1));
-				setMergedActiveKey(tabs.value[newActiveIndex]?.key);
-			}
-			activeIndex.value = newActiveIndex;
-		}, { immediate: true });
-		const [mergedId, setMergedId] = (0, _v_c_util_dist_hooks_useMergedState.default)(null, { value: id.value });
-		(0, vue.onMounted)(() => {
-			const uuid = require_utils.getUUid();
-			setMergedId(`vc-tabs-${process.env.NODE_ENV === "test" ? "test" : uuid}`);
-			require_utils.setUUid(uuid + 1);
-		});
-		function onInternalTabClick(key, e) {
-			onTabClick.value?.(key, e);
-			const isActiveChanged = key !== mergedActiveKey.value;
-			setMergedActiveKey(key);
-			if (isActiveChanged) onChange.value?.(key);
-		}
-		const sharedProps = (0, vue.computed)(() => ({
-			id: mergedId.value,
-			activeKey: mergedActiveKey.value,
-			animated: mergedAnimated.value,
-			tabPosition: tabPosition.value,
-			rtl: rtl.value,
-			mobile: mobile.value
-		}));
-		const tabNavBarProps = (0, vue.computed)(() => {
-			return {
-				...sharedProps.value,
-				editable: editable.value,
-				locale: locale.value,
-				more: more.value,
-				tabBarGutter: tabBarGutter.value,
-				onTabClick: onInternalTabClick,
-				onTabScroll: onTabScroll.value,
-				extra: tabBarExtraContent.value,
-				style: tabBarStyle.value,
-				getPopupContainer: getPopupContainer.value,
-				popupClassName: (0, _v_c_util.clsx)([popupClassName.value, tabsClassNames.value?.popup]),
-				indicator: indicator.value,
-				styles: styles.value,
-				classNames: tabsClassNames.value
-			};
-		});
-		const memoizedValue = (0, vue.computed)(() => {
-			return {
-				tabs: tabs.value,
-				prefixCls: prefixCls.value
-			};
-		});
-		const tabRef = (0, vue.ref)();
-		require_TabContext.provideTabContext(memoizedValue);
-		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", (0, vue.mergeProps)({
-				id: (0, vue.unref)(id),
-				ref_key: "tabRef",
-				ref: tabRef,
-				class: [
-					(0, vue.unref)(prefixCls),
-					`${(0, vue.unref)(prefixCls)}-${(0, vue.unref)(tabPosition)}`,
-					{
-						[`${(0, vue.unref)(prefixCls)}-mobile`]: mobile.value,
-						[`${(0, vue.unref)(prefixCls)}-editable`]: (0, vue.unref)(editable),
-						[`${(0, vue.unref)(prefixCls)}-rtl`]: rtl.value
-					},
-					(0, vue.unref)(className)
-				]
-			}, restProps.value), [(0, vue.createVNode)(require_Wrapper.default, (0, vue.mergeProps)(tabNavBarProps.value, { "render-tab-bar": (0, vue.unref)(renderTabBar) }), null, 16, ["render-tab-bar"]), (0, vue.createVNode)(require_index.default, (0, vue.mergeProps)({ "destroy-on-hidden": (0, vue.unref)(destroyOnHidden) }, sharedProps.value, {
-				"content-style": (0, vue.unref)(styles)?.content,
-				"content-class-name": (0, vue.unref)(tabsClassNames)?.content,
-				animated: mergedAnimated.value
-			}), null, 16, [
-				"destroy-on-hidden",
-				"content-style",
-				"content-class-name",
-				"animated"
-			])], 16, _hoisted_1);
-		};
-	}
-});
-exports.default = Tabs_vue_vue_type_script_setup_true_lang_default;

package/dist/_virtual/rolldown_runtime.cjs

@@ -1,21 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __copyProps = (to, from, except, desc) => {
-	if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
-		key = keys[i];
-		if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-			get: ((k) => from[k]).bind(null, key),
-			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-		});
-	}
-	return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
-	value: mod,
-	enumerable: true
-}) : target, mod));
-exports.__toESM = __toESM;

package/dist/hooks/useAnimateConfig.cjs

@@ -1,31 +0,0 @@
-Object.defineProperties(exports, {
-	__esModule: { value: true },
-	[Symbol.toStringTag]: { value: "Module" }
-});
-const require_rolldown_runtime = require("../_virtual/rolldown_runtime.cjs");
-let _v_c_util_dist_warning = require("@v-c/util/dist/warning");
-function useAnimateConfig(animated = {
-	inkBar: true,
-	tabPane: false
-}) {
-	let mergedAnimated;
-	if (animated === false) mergedAnimated = {
-		inkBar: false,
-		tabPane: false
-	};
-	else if (animated === true) mergedAnimated = {
-		inkBar: true,
-		tabPane: false
-	};
-	else mergedAnimated = {
-		inkBar: true,
-		...typeof animated === "object" ? animated : {}
-	};
-	if (mergedAnimated.tabPaneMotion && mergedAnimated.tabPane === void 0) mergedAnimated.tabPane = true;
-	if (!mergedAnimated.tabPaneMotion && mergedAnimated.tabPane) {
-		if (process.env.NODE_ENV !== "production") (0, _v_c_util_dist_warning.warning)(false, "`animated.tabPane` is true but `animated.tabPaneMotion` is not provided. Motion will not work.");
-		mergedAnimated.tabPane = false;
-	}
-	return mergedAnimated;
-}
-exports.default = useAnimateConfig;

package/dist/hooks/useIndicator.cjs

@@ -1,71 +0,0 @@
-Object.defineProperties(exports, {
-	__esModule: { value: true },
-	[Symbol.toStringTag]: { value: "Module" }
-});
-const require_rolldown_runtime = require("../_virtual/rolldown_runtime.cjs");
-let vue = require("vue");
-let _v_c_util_dist_raf = require("@v-c/util/dist/raf");
-_v_c_util_dist_raf = require_rolldown_runtime.__toESM(_v_c_util_dist_raf);
-function useIndicator(options) {
-	const { activeTabOffset, horizontal, rtl, indicator } = options;
-	const inkStyle = (0, vue.ref)();
-	const inkBarRafRef = (0, vue.ref)();
-	const getLength = (origin) => {
-		const size = indicator?.value?.size;
-		if (typeof size === "function") return size(origin);
-		if (typeof size === "number") return size;
-		return origin;
-	};
-	function cleanInkBarRaf() {
-		if (!inkBarRafRef.value) return;
-		_v_c_util_dist_raf.default.cancel(inkBarRafRef.value);
-	}
-	(0, vue.watch)([
-		() => activeTabOffset.value,
-		() => horizontal.value,
-		() => rtl.value,
-		() => indicator?.value
-	], async (_n, _o) => {
-		await (0, vue.nextTick)();
-		const align = indicator?.value?.align || "center";
-		const newInkStyle = {};
-		if (activeTabOffset.value) if (horizontal.value) {
-			newInkStyle.width = `${getLength(activeTabOffset.value.width)}px`;
-			const key = rtl.value ? "right" : "left";
-			if (align === "start") newInkStyle[key] = `${activeTabOffset.value[key]}px`;
-			if (align === "center") {
-				newInkStyle[key] = `${activeTabOffset.value[key] + activeTabOffset.value.width / 2}px`;
-				newInkStyle.transform = rtl.value ? "translateX(50%)" : "translateX(-50%)";
-			}
-			if (align === "end") {
-				newInkStyle[key] = `${activeTabOffset.value[key] + activeTabOffset.value.width}px`;
-				newInkStyle.transform = "translateX(-100%)";
-			}
-		} else {
-			newInkStyle.height = `${getLength(activeTabOffset.value.height)}px`;
-			if (align === "start") newInkStyle.top = `${activeTabOffset.value.top}px`;
-			if (align === "center") {
-				newInkStyle.top = `${activeTabOffset.value.top + activeTabOffset.value.height / 2}px`;
-				newInkStyle.transform = "translateY(-50%)";
-			}
-			if (align === "end") {
-				newInkStyle.top = `${activeTabOffset.value.top + activeTabOffset.value.height}px`;
-				newInkStyle.transform = "translateY(-100%)";
-			}
-		}
-		cleanInkBarRaf();
-		inkBarRafRef.value = (0, _v_c_util_dist_raf.default)(() => {
-			if (!(inkStyle.value && newInkStyle && Object.keys(newInkStyle).every((key) => {
-				const newValue = newInkStyle[key];
-				const oldValue = inkStyle.value?.[key];
-				return typeof newValue === "number" && typeof oldValue === "number" ? Math.round(newValue) === Math.round(oldValue) : newValue === oldValue;
-			}))) inkStyle.value = newInkStyle;
-		});
-	}, { immediate: true });
-	(0, vue.onUnmounted)(() => {
-		cleanInkBarRaf();
-	});
-	return inkStyle;
-}
-var useIndicator_default = useIndicator;
-exports.default = useIndicator_default;

package/dist/hooks/useOffsets.cjs

@@ -1,42 +0,0 @@
-Object.defineProperties(exports, {
-	__esModule: { value: true },
-	[Symbol.toStringTag]: { value: "Module" }
-});
-const require_rolldown_runtime = require("../_virtual/rolldown_runtime.cjs");
-let vue = require("vue");
-var DEFAULT_SIZE = {
-	width: 0,
-	height: 0,
-	left: 0,
-	top: 0
-};
-function useOffsets(tabs, tabSizes, holderScrollWidth) {
-	const mapRef = (0, vue.shallowRef)(/* @__PURE__ */ new Map());
-	(0, vue.watch)([
-		() => tabs.value.map((tab) => tab.key).join("_"),
-		tabSizes,
-		holderScrollWidth
-	], () => {
-		const map = /* @__PURE__ */ new Map();
-		const firstKey = tabs.value[0]?.key;
-		const lastOffset = (firstKey ? tabSizes.value.get(firstKey) : void 0) || DEFAULT_SIZE;
-		const rightOffset = lastOffset.left + lastOffset.width;
-		for (let i = 0; i < tabs.value.length; i += 1) {
-			const { key } = tabs.value[i];
-			let data = tabSizes.value.get(key);
-			if (!data) {
-				const prevKey = tabs.value[i - 1]?.key;
-				data = (prevKey ? tabSizes.value.get(prevKey) : void 0) || DEFAULT_SIZE;
-			}
-			const entity = map.get(key) || {
-				...data,
-				right: 0
-			};
-			entity.right = rightOffset - entity.left - entity.width;
-			map.set(key, entity);
-		}
-		mapRef.value = map;
-	}, { immediate: true });
-	return mapRef;
-}
-exports.default = useOffsets;

package/dist/hooks/useTouchMove.cjs

@@ -1,122 +0,0 @@
-Object.defineProperties(exports, {
-	__esModule: { value: true },
-	[Symbol.toStringTag]: { value: "Module" }
-});
-const require_rolldown_runtime = require("../_virtual/rolldown_runtime.cjs");
-let vue = require("vue");
-var MIN_SWIPE_DISTANCE = .1;
-var STOP_SWIPE_DISTANCE = .01;
-var REFRESH_INTERVAL = 20;
-var SPEED_OFF_MULTIPLE = .995 ** REFRESH_INTERVAL;
-function useTouchMove(elRef, onOffset) {
-	const touchPosition = (0, vue.ref)(null);
-	const lastTimestamp = (0, vue.ref)(0);
-	const lastTimeDiff = (0, vue.ref)(0);
-	const lastOffset = (0, vue.ref)(null);
-	const motionRef = (0, vue.ref)();
-	const lastWheelDirectionRef = (0, vue.ref)();
-	function onTouchStart(e) {
-		const { screenX, screenY } = e.touches[0];
-		touchPosition.value = {
-			x: screenX,
-			y: screenY
-		};
-		if (motionRef.value != null) window.clearInterval(motionRef.value);
-	}
-	function onTouchMove(e) {
-		if (!touchPosition.value) return;
-		const { screenX, screenY } = e.touches[0];
-		const prev = touchPosition.value;
-		touchPosition.value = {
-			x: screenX,
-			y: screenY
-		};
-		const offsetX = screenX - prev.x;
-		const offsetY = screenY - prev.y;
-		onOffset(offsetX, offsetY);
-		const now = Date.now();
-		lastTimeDiff.value = now - lastTimestamp.value;
-		lastTimestamp.value = now;
-		lastOffset.value = {
-			x: offsetX,
-			y: offsetY
-		};
-	}
-	function onTouchEnd() {
-		if (!touchPosition.value) return;
-		touchPosition.value = null;
-		const lo = lastOffset.value;
-		lastOffset.value = null;
-		if (lo) {
-			const distanceX = lo.x / (lastTimeDiff.value || 1);
-			const distanceY = lo.y / (lastTimeDiff.value || 1);
-			const absX = Math.abs(distanceX);
-			const absY = Math.abs(distanceY);
-			if (Math.max(absX, absY) < MIN_SWIPE_DISTANCE) return;
-			let currentX = distanceX;
-			let currentY = distanceY;
-			motionRef.value = window.setInterval(() => {
-				if (Math.abs(currentX) < STOP_SWIPE_DISTANCE && Math.abs(currentY) < STOP_SWIPE_DISTANCE) {
-					if (motionRef.value != null) window.clearInterval(motionRef.value);
-					return;
-				}
-				currentX *= SPEED_OFF_MULTIPLE;
-				currentY *= SPEED_OFF_MULTIPLE;
-				onOffset(currentX * REFRESH_INTERVAL, currentY * REFRESH_INTERVAL);
-			}, REFRESH_INTERVAL);
-		}
-	}
-	function onWheel(e) {
-		const { deltaX, deltaY } = e;
-		let mixed = 0;
-		const absX = Math.abs(deltaX);
-		const absY = Math.abs(deltaY);
-		if (absX === absY) mixed = lastWheelDirectionRef.value === "x" ? deltaX : deltaY;
-		else if (absX > absY) {
-			mixed = deltaX;
-			lastWheelDirectionRef.value = "x";
-		} else {
-			mixed = deltaY;
-			lastWheelDirectionRef.value = "y";
-		}
-		if (onOffset(-mixed, -mixed)) e.preventDefault();
-	}
-	const touchEventsRef = (0, vue.ref)();
-	touchEventsRef.value = {
-		onTouchStart,
-		onTouchMove,
-		onTouchEnd,
-		onWheel
-	};
-	(0, vue.onMounted)(() => {
-		function onProxyTouchStart(e) {
-			touchEventsRef.value?.onTouchStart(e);
-		}
-		function onProxyTouchMove(e) {
-			touchEventsRef.value?.onTouchMove(e);
-		}
-		function onProxyTouchEnd(e) {
-			touchEventsRef.value?.onTouchEnd(e);
-		}
-		function onProxyWheel(e) {
-			touchEventsRef.value?.onWheel(e);
-		}
-		document.addEventListener("touchmove", onProxyTouchMove, { passive: false });
-		document.addEventListener("touchend", onProxyTouchEnd, { passive: true });
-		const el = elRef.value;
-		if (el) {
-			el.addEventListener("touchstart", onProxyTouchStart, { passive: true });
-			el.addEventListener("wheel", onProxyWheel, { passive: false });
-		}
-		(0, vue.onUnmounted)(() => {
-			document.removeEventListener("touchmove", onProxyTouchMove);
-			document.removeEventListener("touchend", onProxyTouchEnd);
-			if (el) {
-				el.removeEventListener("touchstart", onProxyTouchStart);
-				el.removeEventListener("wheel", onProxyWheel);
-			}
-			if (motionRef.value != null) window.clearInterval(motionRef.value);
-		});
-	});
-}
-exports.default = useTouchMove;

package/dist/hooks/useVisibleRange.cjs

@@ -1,54 +0,0 @@
-Object.defineProperties(exports, {
-	__esModule: { value: true },
-	[Symbol.toStringTag]: { value: "Module" }
-});
-const require_rolldown_runtime = require("../_virtual/rolldown_runtime.cjs");
-let vue = require("vue");
-var DEFAULT_SIZE = {
-	width: 0,
-	height: 0,
-	left: 0,
-	top: 0,
-	right: 0
-};
-function useVisibleRange(tabOffsets, visibleTabContentValue, transform, tabContentSizeValue, addNodeSizeValue, operationNodeSizeValue, { tabs, tabPosition, rtl }) {
-	const isHorizontal = (0, vue.computed)(() => tabPosition.value === "top" || tabPosition.value === "bottom");
-	const charUnit = (0, vue.computed)(() => isHorizontal.value ? "width" : "height");
-	const position = (0, vue.computed)(() => isHorizontal.value ? rtl.value ? "right" : "left" : "top");
-	const transformSize = (0, vue.computed)(() => isHorizontal.value ? Math.abs(transform.value) : -transform.value);
-	const rangeRef = (0, vue.shallowRef)([0, 0]);
-	(0, vue.watch)([
-		tabOffsets,
-		visibleTabContentValue,
-		tabContentSizeValue,
-		addNodeSizeValue,
-		operationNodeSizeValue,
-		transformSize,
-		tabPosition,
-		rtl,
-		() => tabs.value.map((tab) => tab.key).join("_")
-	], () => {
-		const list = tabs.value;
-		if (!list.length) {
-			rangeRef.value = [0, 0];
-			return;
-		}
-		const len = list.length;
-		let endIndex = len;
-		for (let i = 0; i < len; i += 1) {
-			const offset = tabOffsets.value.get(list[i].key) || DEFAULT_SIZE;
-			if (Math.floor(offset[position.value] + offset[charUnit.value]) > Math.floor(transformSize.value + visibleTabContentValue.value)) {
-				endIndex = i - 1;
-				break;
-			}
-		}
-		let startIndex = 0;
-		for (let i = len - 1; i >= 0; i -= 1) if ((tabOffsets.value.get(list[i].key) || DEFAULT_SIZE)[position.value] < transformSize.value) {
-			startIndex = i + 1;
-			break;
-		}
-		rangeRef.value = startIndex > endIndex ? [0, -1] : [startIndex, endIndex];
-	}, { immediate: true });
-	return rangeRef;
-}
-exports.default = useVisibleRange;

package/dist/index.cjs

@@ -1,7 +0,0 @@
-Object.defineProperties(exports, {
-	__esModule: { value: true },
-	[Symbol.toStringTag]: { value: "Module" }
-});
-const require_Tabs = require("./Tabs.cjs");
-var src_default = require_Tabs.default;
-exports.default = src_default;

package/dist/interface.cjs

@@ -1 +0,0 @@
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });