@will-ui/vue 1.0.0

package/dist/components/scrollbar/Scrollbar.js

@@ -0,0 +1,515 @@
+import { isInvisible } from "../../util/dom.js";
+import useVisibleResize from "../../use/useVisibleResize.js";
+import { computed, createVNode, defineComponent, nextTick, onMounted, onUnmounted, ref, watch } from "vue";
+//#region components/scrollbar/Scrollbar.tsx
+function toCssSize(v) {
+	if (v === void 0) return void 0;
+	return typeof v === "number" ? `${v}px` : v;
+}
+var Scrollbar_default = /* @__PURE__ */ defineComponent({
+	name: "Scrollbar",
+	props: {
+		direction: {
+			type: String,
+			default: "y"
+		},
+		scrollStep: {
+			type: Number,
+			default: 60
+		},
+		visible: {
+			type: Boolean,
+			default: true
+		},
+		minHeight: {
+			type: [String, Number],
+			default: void 0
+		},
+		maxHeight: {
+			type: [String, Number],
+			default: void 0
+		},
+		height: {
+			type: [String, Number],
+			default: void 0
+		},
+		smooth: {
+			type: Boolean,
+			default: true
+		},
+		minThumbSize: {
+			type: Number,
+			default: 30
+		},
+		bottomOffset: {
+			type: Number,
+			default: 0
+		}
+	},
+	emits: [
+		"scroll",
+		"scroll-start",
+		"scroll-end",
+		"reach-top",
+		"reach-bottom"
+	],
+	setup(props, { slots, emit, expose }) {
+		const containerRef = ref(null);
+		const contentRef = ref(null);
+		const vTrackRef = ref(null);
+		const vThumbRef = ref(null);
+		const hTrackRef = ref(null);
+		const hThumbRef = ref(null);
+		const scrollTop = ref(0);
+		const scrollLeft = ref(0);
+		const containerHeight = ref(0);
+		const contentHeight = ref(0);
+		const containerWidth = ref(0);
+		const contentWidth = ref(0);
+		const vTrackHeight = ref(0);
+		const hTrackWidth = ref(0);
+		const isDraggingV = ref(false);
+		const isDraggingH = ref(false);
+		const dragStartY = ref(0);
+		const dragStartX = ref(0);
+		const dragStartScrollTop = ref(0);
+		const dragStartScrollLeft = ref(0);
+		const justDragged = ref(false);
+		const isProgrammaticScroll = ref(false);
+		const lastIsTop = ref(false);
+		const lastIsBottom = ref(false);
+		/**
+		* 将 wheel 增量转为实际滚动像素。
+		* 像素模式保留原生 delta（交给浏览器惯性，保证丝滑）；
+		* LINE/PAGE 才映射为 scrollStep / 一页高度。
+		*/
+		const resolveWheelDelta = (e) => {
+			let dx = e.deltaX;
+			let dy = e.deltaY;
+			if (e.deltaMode === WheelEvent.DOM_DELTA_LINE) {
+				dx *= props.scrollStep;
+				dy *= props.scrollStep;
+			} else if (e.deltaMode === WheelEvent.DOM_DELTA_PAGE) {
+				const el = containerRef.value;
+				dx *= el?.clientWidth ?? 0;
+				dy *= el?.clientHeight ?? 0;
+			}
+			return {
+				dx,
+				dy
+			};
+		};
+		const vThumbHeight = computed(() => {
+			if (contentHeight.value <= containerHeight.value) return 0;
+			const ratio = containerHeight.value / contentHeight.value;
+			const thumbH = vTrackHeight.value * ratio;
+			return Math.min(Math.max(props.minThumbSize, thumbH), vTrackHeight.value);
+		});
+		const hThumbWidth = computed(() => {
+			if (contentWidth.value <= containerWidth.value) return 0;
+			const ratio = containerWidth.value / contentWidth.value;
+			const thumbW = hTrackWidth.value * ratio;
+			return Math.min(Math.max(props.minThumbSize, thumbW), hTrackWidth.value);
+		});
+		const vThumbTop = computed(() => {
+			if (contentHeight.value <= containerHeight.value) return 0;
+			const maxScroll = contentHeight.value - containerHeight.value;
+			if (maxScroll <= 0 || vTrackHeight.value <= 0) return 0;
+			const ratio = scrollTop.value / maxScroll;
+			const maxThumbMove = vTrackHeight.value - vThumbHeight.value;
+			const result = ratio * maxThumbMove;
+			return Math.max(0, Math.min(result, maxThumbMove));
+		});
+		const hThumbLeft = computed(() => {
+			if (contentWidth.value <= containerWidth.value) return 0;
+			const maxScroll = contentWidth.value - containerWidth.value;
+			if (maxScroll <= 0 || hTrackWidth.value <= 0) return 0;
+			const ratio = scrollLeft.value / maxScroll;
+			const maxThumbMove = hTrackWidth.value - hThumbWidth.value;
+			const result = ratio * maxThumbMove;
+			return Math.max(0, Math.min(result, maxThumbMove));
+		});
+		const showVertical = computed(() => {
+			return props.visible && (props.direction === "y" || props.direction === "both") && contentHeight.value > containerHeight.value;
+		});
+		const showHorizontal = computed(() => {
+			return props.visible && (props.direction === "x" || props.direction === "both") && contentWidth.value > containerWidth.value;
+		});
+		const updateSize = () => {
+			if (!containerRef.value || !contentRef.value) return;
+			if (isInvisible(containerRef.value)) return;
+			containerHeight.value = containerRef.value.clientHeight;
+			contentHeight.value = contentRef.value.scrollHeight;
+			containerWidth.value = containerRef.value.clientWidth;
+			contentWidth.value = contentRef.value.scrollWidth;
+			if (vTrackRef.value) {
+				const computedStyle = getComputedStyle(vTrackRef.value);
+				const paddingTop = parseFloat(computedStyle.paddingTop) || 0;
+				const paddingBottom = parseFloat(computedStyle.paddingBottom) || 0;
+				const newVTrackHeight = vTrackRef.value.clientHeight - paddingTop - paddingBottom;
+				if (newVTrackHeight > 0) vTrackHeight.value = newVTrackHeight;
+			}
+			if (hTrackRef.value) {
+				const computedStyle = getComputedStyle(hTrackRef.value);
+				const paddingLeft = parseFloat(computedStyle.paddingLeft) || 0;
+				const paddingRight = parseFloat(computedStyle.paddingRight) || 0;
+				const newHTrackWidth = hTrackRef.value.clientWidth - paddingLeft - paddingRight;
+				if (newHTrackWidth > 0) hTrackWidth.value = newHTrackWidth;
+			}
+		};
+		useVisibleResize(containerRef, updateSize);
+		useVisibleResize(contentRef, updateSize);
+		watch([showVertical, showHorizontal], () => {
+			nextTick(updateSize);
+		});
+		const handleScroll = (e) => {
+			const target = e.target;
+			scrollTop.value = target.scrollTop;
+			scrollLeft.value = target.scrollLeft;
+			const isTop = target.scrollTop <= 0;
+			if (isTop && !lastIsTop.value) emit("reach-top");
+			lastIsTop.value = isTop;
+			const maxScrollTop = contentHeight.value - containerHeight.value;
+			const maxScrollLeft = contentWidth.value - containerWidth.value;
+			const threshold = maxScrollTop - props.bottomOffset;
+			const isBottom = maxScrollTop > 0 && target.scrollTop >= threshold;
+			if (isBottom && !lastIsBottom.value) emit("reach-bottom", { distance: maxScrollTop - target.scrollTop });
+			lastIsBottom.value = isBottom;
+			const scrollTopPercent = maxScrollTop > 0 ? Math.round(target.scrollTop / maxScrollTop * 100) : 0;
+			const scrollLeftPercent = maxScrollLeft > 0 ? Math.round(target.scrollLeft / maxScrollLeft * 100) : 0;
+			if (!isProgrammaticScroll.value) emit("scroll", {
+				scrollTop: target.scrollTop,
+				scrollLeft: target.scrollLeft,
+				scrollBottom: maxScrollTop - target.scrollTop,
+				scrollRight: maxScrollLeft - target.scrollLeft,
+				scrollTopPercent,
+				scrollLeftPercent,
+				target
+			});
+		};
+		let wheelSmoothRestoreTimer = null;
+		const pauseCssSmoothForWheel = (el) => {
+			el.style.scrollBehavior = "auto";
+			if (wheelSmoothRestoreTimer) clearTimeout(wheelSmoothRestoreTimer);
+			wheelSmoothRestoreTimer = window.setTimeout(() => {
+				if (props.smooth) el.style.scrollBehavior = "";
+				wheelSmoothRestoreTimer = null;
+			}, 150);
+		};
+		/**
+		* 滚轮：
+		* - 本层还能顺着滚 → stopPropagation，避免外层 Scrollbar 抢走
+		* - 像素模式 → 不 preventDefault，保留系统惯性（触摸板 / 现代鼠标）
+		* - LINE/PAGE → preventDefault + 按 scrollStep / 页高步进
+		* - 已到边界 → 不拦截，交给外层链式滚动
+		*/
+		const handleWheel = (e) => {
+			const el = containerRef.value;
+			if (!el) return;
+			const { dx, dy } = resolveWheelDelta(e);
+			const dir = props.direction;
+			const eps = .5;
+			const maxTop = el.scrollHeight - el.clientHeight;
+			const maxLeft = el.scrollWidth - el.clientWidth;
+			const canY = (dir === "y" || dir === "both") && maxTop > 0 && dy !== 0 && (dy > 0 && el.scrollTop < maxTop - eps || dy < 0 && el.scrollTop > eps);
+			const canX = (dir === "x" || dir === "both") && maxLeft > 0 && dx !== 0 && (dx > 0 && el.scrollLeft < maxLeft - eps || dx < 0 && el.scrollLeft > eps);
+			if (!canY && !canX) return;
+			e.stopPropagation();
+			pauseCssSmoothForWheel(el);
+			if (e.deltaMode === WheelEvent.DOM_DELTA_PIXEL) return;
+			e.preventDefault();
+			if (canY) el.scrollTop = Math.max(0, Math.min(maxTop, el.scrollTop + dy));
+			if (canX) el.scrollLeft = Math.max(0, Math.min(maxLeft, el.scrollLeft + dx));
+		};
+		const scrollTo = (top, left) => {
+			if (!containerRef.value) return;
+			isProgrammaticScroll.value = true;
+			const scrollOptions = { behavior: props.smooth ? "smooth" : "auto" };
+			if (top !== void 0) scrollOptions.top = top;
+			if (left !== void 0) scrollOptions.left = left;
+			containerRef.value.scrollTo(scrollOptions);
+			let lastScrollTop = containerRef.value.scrollTop;
+			let lastScrollLeft = containerRef.value.scrollLeft;
+			let stableFrames = 0;
+			const checkScrollComplete = () => {
+				const currentScrollTop = containerRef.value?.scrollTop ?? lastScrollTop;
+				const currentScrollLeft = containerRef.value?.scrollLeft ?? lastScrollLeft;
+				if (currentScrollTop === lastScrollTop && currentScrollLeft === lastScrollLeft) {
+					stableFrames++;
+					if (stableFrames >= 3) {
+						isProgrammaticScroll.value = false;
+						return;
+					}
+				} else {
+					stableFrames = 0;
+					lastScrollTop = currentScrollTop;
+					lastScrollLeft = currentScrollLeft;
+				}
+				if (stableFrames < 100) requestAnimationFrame(checkScrollComplete);
+				else isProgrammaticScroll.value = false;
+			};
+			requestAnimationFrame(checkScrollComplete);
+		};
+		const scrollToTop = () => {
+			scrollTo(0);
+		};
+		const scrollToBottom = () => {
+			if (!containerRef.value) return;
+			scrollTo(contentRef.value?.scrollHeight || 0);
+		};
+		const scrollToElement = (element) => {
+			isProgrammaticScroll.value = true;
+			element.scrollIntoView({
+				behavior: props.smooth ? "smooth" : "auto",
+				block: "nearest"
+			});
+			if (!containerRef.value) {
+				setTimeout(() => {
+					isProgrammaticScroll.value = false;
+				}, 100);
+				return;
+			}
+			let lastScrollTop = containerRef.value.scrollTop;
+			let lastScrollLeft = containerRef.value.scrollLeft;
+			let stableFrames = 0;
+			const checkScrollComplete = () => {
+				const currentScrollTop = containerRef.value?.scrollTop ?? lastScrollTop;
+				const currentScrollLeft = containerRef.value?.scrollLeft ?? lastScrollLeft;
+				if (currentScrollTop === lastScrollTop && currentScrollLeft === lastScrollLeft) {
+					stableFrames++;
+					if (stableFrames >= 3) {
+						isProgrammaticScroll.value = false;
+						return;
+					}
+				} else {
+					stableFrames = 0;
+					lastScrollTop = currentScrollTop;
+					lastScrollLeft = currentScrollLeft;
+				}
+				if (stableFrames < 100) requestAnimationFrame(checkScrollComplete);
+				else isProgrammaticScroll.value = false;
+			};
+			requestAnimationFrame(checkScrollComplete);
+		};
+		const scrollToPercent = (topPercent, leftPercent) => {
+			if (!containerRef.value) return;
+			const maxScrollTop = contentHeight.value - containerHeight.value;
+			const maxScrollLeft = contentWidth.value - containerWidth.value;
+			const targetScrollTop = Math.max(0, Math.min(topPercent / 100 * maxScrollTop, maxScrollTop));
+			const targetScrollLeft = leftPercent !== void 0 ? Math.max(0, Math.min(leftPercent / 100 * maxScrollLeft, maxScrollLeft)) : scrollLeft.value;
+			scrollTo(targetScrollTop, targetScrollLeft);
+		};
+		const handleVThumbMouseDown = (e) => {
+			e.preventDefault();
+			e.stopPropagation();
+			isDraggingV.value = true;
+			dragStartY.value = e.clientY;
+			dragStartScrollTop.value = scrollTop.value;
+			if (containerRef.value) containerRef.value.style.scrollBehavior = "auto";
+			document.addEventListener("mousemove", handleVThumbMouseMove);
+			document.addEventListener("mouseup", handleVThumbMouseUp);
+			document.body.style.userSelect = "none";
+			document.body.style.cursor = "grabbing";
+		};
+		const handleVThumbMouseMove = (e) => {
+			if (!isDraggingV.value || !containerRef.value) return;
+			e.preventDefault();
+			const deltaY = e.clientY - dragStartY.value;
+			const maxScroll = contentHeight.value - containerHeight.value;
+			if (maxScroll <= 0 || vTrackHeight.value <= 0) return;
+			const maxThumbMove = vTrackHeight.value - vThumbHeight.value;
+			const scrollRatio = maxThumbMove > 0 ? maxScroll / maxThumbMove : 1;
+			const newScrollTop = dragStartScrollTop.value + deltaY * scrollRatio;
+			const clampedScrollTop = Math.max(0, Math.min(newScrollTop, maxScroll));
+			containerRef.value.scrollTop = clampedScrollTop;
+		};
+		const handleVThumbMouseUp = () => {
+			isDraggingV.value = false;
+			if (containerRef.value) containerRef.value.style.scrollBehavior = "";
+			document.removeEventListener("mousemove", handleVThumbMouseMove);
+			document.removeEventListener("mouseup", handleVThumbMouseUp);
+			document.body.style.userSelect = "";
+			document.body.style.cursor = "";
+			justDragged.value = true;
+			setTimeout(() => {
+				justDragged.value = false;
+			}, 0);
+		};
+		const handleHThumbMouseDown = (e) => {
+			e.preventDefault();
+			e.stopPropagation();
+			isDraggingH.value = true;
+			dragStartX.value = e.clientX;
+			dragStartScrollLeft.value = scrollLeft.value;
+			if (containerRef.value) containerRef.value.style.scrollBehavior = "auto";
+			document.addEventListener("mousemove", handleHThumbMouseMove);
+			document.addEventListener("mouseup", handleHThumbMouseUp);
+			document.body.style.userSelect = "none";
+			document.body.style.cursor = "grabbing";
+		};
+		const handleHThumbMouseMove = (e) => {
+			if (!isDraggingH.value || !containerRef.value) return;
+			e.preventDefault();
+			const deltaX = e.clientX - dragStartX.value;
+			const maxScroll = contentWidth.value - containerWidth.value;
+			if (maxScroll <= 0 || hTrackWidth.value <= 0) return;
+			const maxThumbMove = hTrackWidth.value - hThumbWidth.value;
+			const scrollRatio = maxThumbMove > 0 ? maxScroll / maxThumbMove : 1;
+			const newScrollLeft = dragStartScrollLeft.value + deltaX * scrollRatio;
+			const clampedScrollLeft = Math.max(0, Math.min(newScrollLeft, maxScroll));
+			containerRef.value.scrollLeft = clampedScrollLeft;
+		};
+		const handleHThumbMouseUp = () => {
+			isDraggingH.value = false;
+			if (containerRef.value) containerRef.value.style.scrollBehavior = "";
+			document.removeEventListener("mousemove", handleHThumbMouseMove);
+			document.removeEventListener("mouseup", handleHThumbMouseUp);
+			document.body.style.userSelect = "";
+			document.body.style.cursor = "";
+			justDragged.value = true;
+			setTimeout(() => {
+				justDragged.value = false;
+			}, 0);
+		};
+		const handleVTrackClick = (e) => {
+			if (!containerRef.value || isDraggingV.value || justDragged.value) return;
+			const trackRect = vTrackRef.value?.getBoundingClientRect();
+			if (!trackRect) return;
+			const clickY = e.clientY - trackRect.top;
+			const thumbCenter = vThumbTop.value + vThumbHeight.value / 2;
+			const maxScroll = contentHeight.value - containerHeight.value;
+			let newScrollTop = scrollTop.value;
+			if (clickY < thumbCenter) newScrollTop = scrollTop.value - props.scrollStep;
+			else newScrollTop = scrollTop.value + props.scrollStep;
+			containerRef.value.scrollTop = Math.max(0, Math.min(newScrollTop, maxScroll));
+		};
+		const handleHTrackClick = (e) => {
+			if (!containerRef.value || isDraggingH.value || justDragged.value) return;
+			const trackRect = hTrackRef.value?.getBoundingClientRect();
+			if (!trackRect) return;
+			const clickX = e.clientX - trackRect.left;
+			const thumbCenter = hThumbLeft.value + hThumbWidth.value / 2;
+			const maxScroll = contentWidth.value - containerWidth.value;
+			let newScrollLeft = scrollLeft.value;
+			if (clickX < thumbCenter) newScrollLeft = scrollLeft.value - props.scrollStep;
+			else newScrollLeft = scrollLeft.value + props.scrollStep;
+			containerRef.value.scrollLeft = Math.max(0, Math.min(newScrollLeft, maxScroll));
+		};
+		const touchStartY = ref(0);
+		const touchStartX = ref(0);
+		const touchStartScrollTop = ref(0);
+		const touchStartScrollLeft = ref(0);
+		const handleTouchStart = (e) => {
+			const touch = e.touches[0];
+			touchStartY.value = touch.clientY;
+			touchStartX.value = touch.clientX;
+			touchStartScrollTop.value = scrollTop.value;
+			touchStartScrollLeft.value = scrollLeft.value;
+			emit("scroll-start");
+		};
+		const handleTouchMove = (e) => {
+			if (!containerRef.value) return;
+			const touch = e.touches[0];
+			const deltaY = touchStartY.value - touch.clientY;
+			const deltaX = touchStartX.value - touch.clientX;
+			const maxScrollTop = contentHeight.value - containerHeight.value;
+			const maxScrollLeft = contentWidth.value - containerWidth.value;
+			const newScrollTop = touchStartScrollTop.value + deltaY;
+			const newScrollLeft = touchStartScrollLeft.value + deltaX;
+			scrollTo(Math.max(0, Math.min(newScrollTop, maxScrollTop)), Math.max(0, Math.min(newScrollLeft, maxScrollLeft)));
+		};
+		const handleTouchEnd = () => {
+			emit("scroll-end");
+		};
+		onMounted(() => {
+			nextTick(() => {
+				updateSize();
+				setTimeout(() => {
+					updateSize();
+				}, 100);
+				if (containerRef.value) containerRef.value.addEventListener("wheel", handleWheel, { passive: false });
+			});
+		});
+		onUnmounted(() => {
+			if (containerRef.value) containerRef.value.removeEventListener("wheel", handleWheel);
+			if (wheelSmoothRestoreTimer) {
+				clearTimeout(wheelSmoothRestoreTimer);
+				wheelSmoothRestoreTimer = null;
+			}
+		});
+		expose({
+			scrollTo,
+			scrollToTop,
+			scrollToBottom,
+			scrollToElement,
+			scrollToPercent,
+			updateSize,
+			getScrollPosition: () => {
+				const maxScrollTop = contentHeight.value - containerHeight.value;
+				const maxScrollLeft = contentWidth.value - containerWidth.value;
+				return {
+					scrollTop: scrollTop.value,
+					scrollLeft: scrollLeft.value,
+					scrollTopPercent: maxScrollTop > 0 ? Math.round(scrollTop.value / maxScrollTop * 100) : 0,
+					scrollLeftPercent: maxScrollLeft > 0 ? Math.round(scrollLeft.value / maxScrollLeft * 100) : 0
+				};
+			}
+		});
+		return () => createVNode("div", {
+			"class": [
+				"w-scrollbar",
+				`w-scrollbar-${props.direction}`,
+				{ "w-scrollbar-smooth": props.smooth }
+			],
+			"style": {
+				minHeight: toCssSize(props.minHeight),
+				maxHeight: toCssSize(props.maxHeight),
+				height: toCssSize(props.height)
+			}
+		}, [
+			createVNode("div", {
+				"ref": containerRef,
+				"class": "w-scrollbar-container",
+				"onScroll": handleScroll,
+				"onTouchstart": handleTouchStart,
+				"onTouchmove": handleTouchMove,
+				"onTouchend": handleTouchEnd
+			}, [createVNode("div", {
+				"ref": contentRef,
+				"class": "w-scrollbar-content"
+			}, [slots.default?.()])]),
+			showVertical.value && createVNode("div", {
+				"ref": vTrackRef,
+				"class": "w-scrollbar-track w-scrollbar-track-y",
+				"onClick": handleVTrackClick
+			}, [createVNode("div", {
+				"ref": vThumbRef,
+				"class": ["w-scrollbar-thumb w-scrollbar-thumb-y", { "w-scrollbar-thumb-dragging": isDraggingV.value }],
+				"style": {
+					height: `${vThumbHeight.value}px`,
+					top: `${vThumbTop.value}px`
+				},
+				"onMousedown": handleVThumbMouseDown,
+				"onTouchstart": handleVThumbMouseDown
+			}, null)]),
+			showHorizontal.value && createVNode("div", {
+				"ref": hTrackRef,
+				"class": "w-scrollbar-track w-scrollbar-track-x",
+				"onClick": handleHTrackClick
+			}, [createVNode("div", {
+				"ref": hThumbRef,
+				"class": ["w-scrollbar-thumb w-scrollbar-thumb-x", { "w-scrollbar-thumb-dragging": isDraggingH.value }],
+				"style": {
+					width: `${hThumbWidth.value}px`,
+					left: `${hThumbLeft.value}px`
+				},
+				"onMousedown": handleHThumbMouseDown,
+				"onTouchstart": handleHThumbMouseDown
+			}, null)])
+		]);
+	}
+});
+//#endregion
+export { Scrollbar_default as default };
+
+//# sourceMappingURL=Scrollbar.js.map

package/dist/components/scrollbar/Scrollbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Scrollbar.js","names":["defineComponent","ref","computed","watch","onMounted","onUnmounted","nextTick","createVNode","_createVNode","useVisibleResize","isInvisible","toCssSize","v","undefined","name","props","direction","type","String","default","scrollStep","Number","visible","Boolean","minHeight","maxHeight","height","smooth","minThumbSize","bottomOffset","emits","setup","slots","emit","expose","containerRef","contentRef","vTrackRef","vThumbRef","hTrackRef","hThumbRef","scrollTop","scrollLeft","containerHeight","contentHeight","containerWidth","contentWidth","vTrackHeight","hTrackWidth","isDraggingV","isDraggingH","dragStartY","dragStartX","dragStartScrollTop","dragStartScrollLeft","justDragged","isProgrammaticScroll","lastIsTop","lastIsBottom","resolveWheelDelta","e","dx","deltaX","dy","deltaY","deltaMode","WheelEvent","DOM_DELTA_LINE","DOM_DELTA_PAGE","el","value","clientWidth","clientHeight","vThumbHeight","ratio","thumbH","Math","min","max","hThumbWidth","thumbW","vThumbTop","maxScroll","maxThumbMove","result","hThumbLeft","showVertical","showHorizontal","updateSize","scrollHeight","scrollWidth","computedStyle","getComputedStyle","paddingTop","parseFloat","paddingBottom","newVTrackHeight","paddingLeft","paddingRight","newHTrackWidth","handleScroll","target","isTop","maxScrollTop","maxScrollLeft","threshold","isBottom","distance","scrollTopPercent","round","scrollLeftPercent","scrollBottom","scrollRight","wheelSmoothRestoreTimer","pauseCssSmoothForWheel","style","scrollBehavior","clearTimeout","window","setTimeout","handleWheel","dir","eps","maxTop","maxLeft","canY","canX","stopPropagation","DOM_DELTA_PIXEL","preventDefault","scrollTo","top","left","behavior","scrollOptions","lastScrollTop","lastScrollLeft","stableFrames","checkScrollComplete","currentScrollTop","currentScrollLeft","requestAnimationFrame","scrollToTop","scrollToBottom","scrollToElement","element","scrollIntoView","block","scrollToPercent","topPercent","leftPercent","targetScrollTop","targetScrollLeft","handleVThumbMouseDown","clientY","document","addEventListener","handleVThumbMouseMove","handleVThumbMouseUp","body","userSelect","cursor","scrollRatio","newScrollTop","clampedScrollTop","removeEventListener","handleHThumbMouseDown","clientX","handleHThumbMouseMove","handleHThumbMouseUp","newScrollLeft","clampedScrollLeft","handleVTrackClick","trackRect","getBoundingClientRect","clickY","thumbCenter","handleHTrackClick","clickX","touchStartY","touchStartX","touchStartScrollTop","touchStartScrollLeft","handleTouchStart","touch","touches","handleTouchMove","handleTouchEnd","passive","exposeMethods","getScrollPosition","width"],"sources":["../../../components/scrollbar/Scrollbar.tsx"],"sourcesContent":["import {\r\n  defineComponent,\r\n  ref,\r\n  computed,\r\n  watch,\r\n  onMounted,\r\n  onUnmounted,\r\n  nextTick,\r\n} from \"vue\"\r\nimport type { PropType } from \"vue\"\r\nimport useVisibleResize from \"../../use/useVisibleResize\"\r\nimport { isInvisible } from \"../../util\"\r\n\r\nfunction toCssSize(\r\n  v: string | number | undefined\r\n): string | number | undefined {\r\n  if (v === undefined) return undefined\r\n  return typeof v === \"number\" ? `${v}px` : v\r\n}\r\n\r\nexport default defineComponent({\r\n  name: \"Scrollbar\",\r\n  props: {\r\n    // 滚动方向：y（垂直）, x（水平）, both（双向）\r\n    direction: {\r\n      type: String as PropType<\"y\" | \"x\" | \"both\">,\r\n      default: \"y\",\r\n    },\r\n    // 点击轨道的步长（px）；滚轮在像素模式下跟随系统，LINE 模式才用此步长\r\n    scrollStep: {\r\n      type: Number,\r\n      default: 60,\r\n    },\r\n    // 是否显示滚动条\r\n    visible: {\r\n      type: Boolean,\r\n      default: true,\r\n    },\r\n    // 容器最小高度\r\n    minHeight: {\r\n      type: [String, Number],\r\n      default: undefined,\r\n    },\r\n    // 容器最大高度\r\n    maxHeight: {\r\n      type: [String, Number],\r\n      default: undefined,\r\n    },\r\n    // 容器高度\r\n    height: {\r\n      type: [String, Number],\r\n      default: undefined,\r\n    },\r\n    // 是否启用平滑滚动\r\n    smooth: {\r\n      type: Boolean,\r\n      default: true,\r\n    },\r\n    // 滑块最小尺寸（单位：px），默认 30px，防止内容过长时滑块过小难以拖拽\r\n    minThumbSize: {\r\n      type: Number,\r\n      default: 30,\r\n    },\r\n    // 触底偏移量（单位：px），当距离底部还有多少像素时触发触底事件，默认 0\r\n    bottomOffset: {\r\n      type: Number,\r\n      default: 0,\r\n    },\r\n  },\r\n  emits: [\"scroll\", \"scroll-start\", \"scroll-end\", \"reach-top\", \"reach-bottom\"],\r\n  setup(props, { slots, emit, expose }) {\r\n    // 容器引用\r\n    const containerRef = ref<HTMLElement | null>(null)\r\n    // 内容引用\r\n    const contentRef = ref<HTMLElement | null>(null)\r\n    // 垂直滚动条引用\r\n    const vTrackRef = ref<HTMLElement | null>(null)\r\n    const vThumbRef = ref<HTMLElement | null>(null)\r\n    // 水平滚动条引用\r\n    const hTrackRef = ref<HTMLElement | null>(null)\r\n    const hThumbRef = ref<HTMLElement | null>(null)\r\n\r\n    // 滚动状态\r\n    const scrollTop = ref(0)\r\n    const scrollLeft = ref(0)\r\n    const containerHeight = ref(0)\r\n    const contentHeight = ref(0)\r\n    const containerWidth = ref(0)\r\n    const contentWidth = ref(0)\r\n\r\n    // 轨道实际尺寸（通过测量得到）\r\n    const vTrackHeight = ref(0)\r\n    const hTrackWidth = ref(0)\r\n\r\n    // 拖拽状态\r\n    const isDraggingV = ref(false)\r\n    const isDraggingH = ref(false)\r\n    const dragStartY = ref(0)\r\n    const dragStartX = ref(0)\r\n    const dragStartScrollTop = ref(0)\r\n    const dragStartScrollLeft = ref(0)\r\n\r\n    // 刚结束拖拽的标志（用于防止 mouseup 后触发 click 事件）\r\n    const justDragged = ref(false)\r\n\r\n    // 是否是编程式滚动（外部调用方法触发的滚动）\r\n    const isProgrammaticScroll = ref(false)\r\n\r\n    // 触顶/触底状态（用于避免重复触发）\r\n    const lastIsTop = ref(false)\r\n    const lastIsBottom = ref(false)\r\n\r\n    /**\r\n     * 将 wheel 增量转为实际滚动像素。\r\n     * 像素模式保留原生 delta（交给浏览器惯性，保证丝滑）；\r\n     * LINE/PAGE 才映射为 scrollStep / 一页高度。\r\n     */\r\n    const resolveWheelDelta = (e: WheelEvent) => {\r\n      let dx = e.deltaX\r\n      let dy = e.deltaY\r\n      if (e.deltaMode === WheelEvent.DOM_DELTA_LINE) {\r\n        dx *= props.scrollStep\r\n        dy *= props.scrollStep\r\n      } else if (e.deltaMode === WheelEvent.DOM_DELTA_PAGE) {\r\n        const el = containerRef.value\r\n        dx *= el?.clientWidth ?? 0\r\n        dy *= el?.clientHeight ?? 0\r\n      }\r\n      return { dx, dy }\r\n    }\r\n\r\n    // 计算垂直滚动条滑块高度\r\n    const vThumbHeight = computed(() => {\r\n      if (contentHeight.value <= containerHeight.value) return 0\r\n\r\n      // 滑块高度比例 = 可视区域 / 内容总高度\r\n      const ratio = containerHeight.value / contentHeight.value\r\n\r\n      // 滑块实际高度 = 轨道高度 × 比例\r\n      const thumbH = vTrackHeight.value * ratio\r\n\r\n      // 最小 minThumbSize px，最大不超过轨道高度\r\n      return Math.min(Math.max(props.minThumbSize, thumbH), vTrackHeight.value)\r\n    })\r\n\r\n    // 计算水平滚动条滑块宽度\r\n    const hThumbWidth = computed(() => {\r\n      if (contentWidth.value <= containerWidth.value) return 0\r\n\r\n      // 滑块宽度比例 = 可视区域 / 内容总宽度\r\n      const ratio = containerWidth.value / contentWidth.value\r\n\r\n      // 滑块实际宽度 = 轨道宽度 × 比例\r\n      const thumbW = hTrackWidth.value * ratio\r\n\r\n      // 最小 minThumbSize px，最大不超过轨道宽度\r\n      return Math.min(Math.max(props.minThumbSize, thumbW), hTrackWidth.value)\r\n    })\r\n\r\n    // 计算垂直滚动条滑块位置\r\n    const vThumbTop = computed(() => {\r\n      if (contentHeight.value <= containerHeight.value) return 0\r\n      const maxScroll = contentHeight.value - containerHeight.value\r\n      if (maxScroll <= 0 || vTrackHeight.value <= 0) return 0\r\n\r\n      const ratio = scrollTop.value / maxScroll\r\n\r\n      // 滑块可移动的最大距离 = 轨道可用高度 - 滑块高度\r\n      const maxThumbMove = vTrackHeight.value - vThumbHeight.value\r\n\r\n      // 滑块位置（相对于轨道内容区域）\r\n      const result = ratio * maxThumbMove\r\n\r\n      // 确保在合理范围内\r\n      return Math.max(0, Math.min(result, maxThumbMove))\r\n    })\r\n\r\n    // 计算水平滚动条滑块位置\r\n    const hThumbLeft = computed(() => {\r\n      if (contentWidth.value <= containerWidth.value) return 0\r\n      const maxScroll = contentWidth.value - containerWidth.value\r\n      if (maxScroll <= 0 || hTrackWidth.value <= 0) return 0\r\n\r\n      const ratio = scrollLeft.value / maxScroll\r\n\r\n      // 滑块可移动的最大距离 = 轨道可用宽度 - 滑块宽度\r\n      const maxThumbMove = hTrackWidth.value - hThumbWidth.value\r\n\r\n      // 滑块位置（相对于轨道内容区域）\r\n      const result = ratio * maxThumbMove\r\n\r\n      // 确保在合理范围内\r\n      return Math.max(0, Math.min(result, maxThumbMove))\r\n    })\r\n\r\n    // 判断是否需要显示垂直滚动条\r\n    const showVertical = computed(() => {\r\n      return (\r\n        props.visible &&\r\n        (props.direction === \"y\" || props.direction === \"both\") &&\r\n        contentHeight.value > containerHeight.value\r\n      )\r\n    })\r\n\r\n    // 判断是否需要显示水平滚动条\r\n    const showHorizontal = computed(() => {\r\n      return (\r\n        props.visible &&\r\n        (props.direction === \"x\" || props.direction === \"both\") &&\r\n        contentWidth.value > containerWidth.value\r\n      )\r\n    })\r\n\r\n    // 更新尺寸信息\r\n    const updateSize = () => {\r\n      if (!containerRef.value || !contentRef.value) return\r\n      if (isInvisible(containerRef.value)) return\r\n\r\n      containerHeight.value = containerRef.value.clientHeight\r\n      contentHeight.value = contentRef.value.scrollHeight\r\n      containerWidth.value = containerRef.value.clientWidth\r\n      contentWidth.value = contentRef.value.scrollWidth\r\n\r\n      // 测量轨道实际尺寸（使用 offsetHeight/clientWidth 减去 padding，获取实际可移动区域）\r\n      if (vTrackRef.value) {\r\n        const computedStyle = getComputedStyle(vTrackRef.value)\r\n        const paddingTop = parseFloat(computedStyle.paddingTop) || 0\r\n        const paddingBottom = parseFloat(computedStyle.paddingBottom) || 0\r\n        const newVTrackHeight =\r\n          vTrackRef.value.clientHeight - paddingTop - paddingBottom\r\n        if (newVTrackHeight > 0) {\r\n          vTrackHeight.value = newVTrackHeight\r\n        }\r\n      }\r\n      if (hTrackRef.value) {\r\n        const computedStyle = getComputedStyle(hTrackRef.value)\r\n        const paddingLeft = parseFloat(computedStyle.paddingLeft) || 0\r\n        const paddingRight = parseFloat(computedStyle.paddingRight) || 0\r\n        const newHTrackWidth =\r\n          hTrackRef.value.clientWidth - paddingLeft - paddingRight\r\n        if (newHTrackWidth > 0) {\r\n          hTrackWidth.value = newHTrackWidth\r\n        }\r\n      }\r\n    }\r\n\r\n    useVisibleResize(containerRef, updateSize)\r\n    useVisibleResize(contentRef, updateSize)\r\n    watch([showVertical, showHorizontal], () => {\r\n      nextTick(updateSize)\r\n    })\r\n\r\n    // 处理滚动事件\r\n    const handleScroll = (e: Event) => {\r\n      const target = e.target as HTMLElement\r\n\r\n      // 更新滚动位置（总是更新，包括拖拽时）\r\n      scrollTop.value = target.scrollTop\r\n      scrollLeft.value = target.scrollLeft\r\n\r\n      // 检测触顶\r\n      const isTop = target.scrollTop <= 0\r\n      if (isTop && !lastIsTop.value) {\r\n        emit(\"reach-top\")\r\n      }\r\n      lastIsTop.value = isTop\r\n\r\n      // 检测触底（考虑偏移量）\r\n      const maxScrollTop = contentHeight.value - containerHeight.value\r\n      const maxScrollLeft = contentWidth.value - containerWidth.value\r\n      const threshold = maxScrollTop - props.bottomOffset\r\n      const isBottom = maxScrollTop > 0 && target.scrollTop >= threshold\r\n      if (isBottom && !lastIsBottom.value) {\r\n        emit(\"reach-bottom\", { distance: maxScrollTop - target.scrollTop })\r\n      }\r\n      lastIsBottom.value = isBottom\r\n\r\n      // 计算滚动百分比（0-100）\r\n      const scrollTopPercent =\r\n        maxScrollTop > 0\r\n          ? Math.round((target.scrollTop / maxScrollTop) * 100)\r\n          : 0\r\n      const scrollLeftPercent =\r\n        maxScrollLeft > 0\r\n          ? Math.round((target.scrollLeft / maxScrollLeft) * 100)\r\n          : 0\r\n\r\n      // 如果是编程式滚动，不触发 scroll 事件\r\n      if (!isProgrammaticScroll.value) {\r\n        emit(\"scroll\", {\r\n          scrollTop: target.scrollTop,\r\n          scrollLeft: target.scrollLeft,\r\n          // 距离底部的距离（垂直）\r\n          scrollBottom: maxScrollTop - target.scrollTop,\r\n          // 距离右侧的距离（水平）\r\n          scrollRight: maxScrollLeft - target.scrollLeft,\r\n          // 滚动百分比（0-100）\r\n          scrollTopPercent,\r\n          scrollLeftPercent,\r\n          target,\r\n        })\r\n      }\r\n    }\r\n\r\n    // 连续像素流期间临时关掉 CSS smooth，避免跟浏览器惯性打架\r\n    let wheelSmoothRestoreTimer: number | null = null\r\n    const pauseCssSmoothForWheel = (el: HTMLElement) => {\r\n      el.style.scrollBehavior = \"auto\"\r\n      if (wheelSmoothRestoreTimer) clearTimeout(wheelSmoothRestoreTimer)\r\n      wheelSmoothRestoreTimer = window.setTimeout(() => {\r\n        if (props.smooth) el.style.scrollBehavior = \"\"\r\n        wheelSmoothRestoreTimer = null\r\n      }, 150)\r\n    }\r\n\r\n    /**\r\n     * 滚轮：\r\n     * - 本层还能顺着滚 → stopPropagation，避免外层 Scrollbar 抢走\r\n     * - 像素模式 → 不 preventDefault，保留系统惯性（触摸板 / 现代鼠标）\r\n     * - LINE/PAGE → preventDefault + 按 scrollStep / 页高步进\r\n     * - 已到边界 → 不拦截，交给外层链式滚动\r\n     */\r\n    const handleWheel = (e: WheelEvent) => {\r\n      const el = containerRef.value\r\n      if (!el) return\r\n\r\n      const { dx, dy } = resolveWheelDelta(e)\r\n      const dir = props.direction\r\n      const eps = 0.5\r\n\r\n      const maxTop = el.scrollHeight - el.clientHeight\r\n      const maxLeft = el.scrollWidth - el.clientWidth\r\n      const canY =\r\n        (dir === \"y\" || dir === \"both\") &&\r\n        maxTop > 0 &&\r\n        dy !== 0 &&\r\n        ((dy > 0 && el.scrollTop < maxTop - eps) ||\r\n          (dy < 0 && el.scrollTop > eps))\r\n      const canX =\r\n        (dir === \"x\" || dir === \"both\") &&\r\n        maxLeft > 0 &&\r\n        dx !== 0 &&\r\n        ((dx > 0 && el.scrollLeft < maxLeft - eps) ||\r\n          (dx < 0 && el.scrollLeft > eps))\r\n\r\n      if (!canY && !canX) return\r\n\r\n      // 挡住外层 Scrollbar 的 wheel 监听，否则嵌套时内层滚不动\r\n      e.stopPropagation()\r\n      pauseCssSmoothForWheel(el)\r\n\r\n      // 像素模式交给浏览器（含惯性）；scrollStep 主要作用于轨道点击与 LINE 模式\r\n      if (e.deltaMode === WheelEvent.DOM_DELTA_PIXEL) return\r\n\r\n      e.preventDefault()\r\n      if (canY) {\r\n        el.scrollTop = Math.max(0, Math.min(maxTop, el.scrollTop + dy))\r\n      }\r\n      if (canX) {\r\n        el.scrollLeft = Math.max(0, Math.min(maxLeft, el.scrollLeft + dx))\r\n      }\r\n    }\r\n\r\n    // 滚动到指定位置\r\n    const scrollTo = (top?: number, left?: number) => {\r\n      if (!containerRef.value) return\r\n\r\n      // 设置编程式滚动标志\r\n      isProgrammaticScroll.value = true\r\n\r\n      const behavior = props.smooth ? \"smooth\" : \"auto\"\r\n\r\n      // 将 top 和 left 合并到一个调用中，避免覆盖\r\n      const scrollOptions: ScrollToOptions = { behavior }\r\n      if (top !== undefined) scrollOptions.top = top\r\n      if (left !== undefined) scrollOptions.left = left\r\n\r\n      containerRef.value.scrollTo(scrollOptions)\r\n\r\n      // 使用 requestAnimationFrame 检测滚动是否完成\r\n      // 只有当滚动位置不再变化时才重置标志\r\n      let lastScrollTop = containerRef.value.scrollTop\r\n      let lastScrollLeft = containerRef.value.scrollLeft\r\n      let stableFrames = 0\r\n\r\n      const checkScrollComplete = () => {\r\n        const currentScrollTop = containerRef.value?.scrollTop ?? lastScrollTop\r\n        const currentScrollLeft = containerRef.value?.scrollLeft ?? lastScrollLeft\r\n\r\n        if (currentScrollTop === lastScrollTop && currentScrollLeft === lastScrollLeft) {\r\n          stableFrames++\r\n          // 连续 3 帧位置不变，认为滚动已完成\r\n          if (stableFrames >= 3) {\r\n            isProgrammaticScroll.value = false\r\n            return\r\n          }\r\n        } else {\r\n          stableFrames = 0\r\n          lastScrollTop = currentScrollTop\r\n          lastScrollLeft = currentScrollLeft\r\n        }\r\n\r\n        // 最多检查 100 帧（约 1.6 秒），防止无限循环\r\n        if (stableFrames < 100) {\r\n          requestAnimationFrame(checkScrollComplete)\r\n        } else {\r\n          isProgrammaticScroll.value = false\r\n        }\r\n      }\r\n\r\n      requestAnimationFrame(checkScrollComplete)\r\n    }\r\n\r\n    // 滚动到顶部\r\n    const scrollToTop = () => {\r\n      scrollTo(0)\r\n    }\r\n\r\n    // 滚动到底部\r\n    const scrollToBottom = () => {\r\n      if (!containerRef.value) return\r\n      scrollTo(contentRef.value?.scrollHeight || 0)\r\n    }\r\n\r\n    // 滚动到指定元素\r\n    const scrollToElement = (element: HTMLElement) => {\r\n      // 设置编程式滚动标志\r\n      isProgrammaticScroll.value = true\r\n\r\n      element.scrollIntoView({\r\n        behavior: props.smooth ? \"smooth\" : \"auto\",\r\n        block: \"nearest\",\r\n      })\r\n\r\n      // 使用 requestAnimationFrame 检测滚动是否完成\r\n      if (!containerRef.value) {\r\n        setTimeout(() => { isProgrammaticScroll.value = false }, 100)\r\n        return\r\n      }\r\n\r\n      let lastScrollTop = containerRef.value.scrollTop\r\n      let lastScrollLeft = containerRef.value.scrollLeft\r\n      let stableFrames = 0\r\n\r\n      const checkScrollComplete = () => {\r\n        const currentScrollTop = containerRef.value?.scrollTop ?? lastScrollTop\r\n        const currentScrollLeft = containerRef.value?.scrollLeft ?? lastScrollLeft\r\n\r\n        if (currentScrollTop === lastScrollTop && currentScrollLeft === lastScrollLeft) {\r\n          stableFrames++\r\n          if (stableFrames >= 3) {\r\n            isProgrammaticScroll.value = false\r\n            return\r\n          }\r\n        } else {\r\n          stableFrames = 0\r\n          lastScrollTop = currentScrollTop\r\n          lastScrollLeft = currentScrollLeft\r\n        }\r\n\r\n        if (stableFrames < 100) {\r\n          requestAnimationFrame(checkScrollComplete)\r\n        } else {\r\n          isProgrammaticScroll.value = false\r\n        }\r\n      }\r\n\r\n      requestAnimationFrame(checkScrollComplete)\r\n    }\r\n\r\n    // 按百分比滚动到指定位置\r\n    const scrollToPercent = (topPercent: number, leftPercent?: number) => {\r\n      if (!containerRef.value) return\r\n\r\n      const maxScrollTop = contentHeight.value - containerHeight.value\r\n      const maxScrollLeft = contentWidth.value - containerWidth.value\r\n\r\n      // 计算目标滚动位置\r\n      const targetScrollTop = Math.max(\r\n        0,\r\n        Math.min((topPercent / 100) * maxScrollTop, maxScrollTop)\r\n      )\r\n      const targetScrollLeft = leftPercent !== undefined\r\n        ? Math.max(0, Math.min((leftPercent / 100) * maxScrollLeft, maxScrollLeft))\r\n        : scrollLeft.value\r\n\r\n      scrollTo(targetScrollTop, targetScrollLeft)\r\n    }\r\n\r\n    // 垂直滚动条拖拽开始\r\n    const handleVThumbMouseDown = (e: MouseEvent) => {\r\n      e.preventDefault()\r\n      e.stopPropagation()\r\n      isDraggingV.value = true\r\n      dragStartY.value = e.clientY\r\n      dragStartScrollTop.value = scrollTop.value\r\n\r\n      // 拖拽时禁用平滑滚动，避免延迟感\r\n      if (containerRef.value) {\r\n        containerRef.value.style.scrollBehavior = \"auto\"\r\n      }\r\n\r\n      // 添加全局事件监听\r\n      document.addEventListener(\"mousemove\", handleVThumbMouseMove)\r\n      document.addEventListener(\"mouseup\", handleVThumbMouseUp)\r\n\r\n      // 防止文本选择\r\n      document.body.style.userSelect = \"none\"\r\n      document.body.style.cursor = \"grabbing\"\r\n    }\r\n\r\n    // 垂直滚动条拖拽移动\r\n    const handleVThumbMouseMove = (e: MouseEvent) => {\r\n      if (!isDraggingV.value || !containerRef.value) return\r\n      e.preventDefault()\r\n\r\n      const deltaY = e.clientY - dragStartY.value\r\n      const maxScroll = contentHeight.value - containerHeight.value\r\n\r\n      // 防止除以零\r\n      if (maxScroll <= 0 || vTrackHeight.value <= 0) return\r\n\r\n      // 滑块可移动的最大距离 = 轨道高度 - 滑块高度\r\n      const maxThumbMove = vTrackHeight.value - vThumbHeight.value\r\n\r\n      // 计算滚动比例：每像素拖动对应的滚动距离\r\n      const scrollRatio = maxThumbMove > 0 ? maxScroll / maxThumbMove : 1\r\n\r\n      // 计算新的滚动位置\r\n      const newScrollTop = dragStartScrollTop.value + deltaY * scrollRatio\r\n      const clampedScrollTop = Math.max(0, Math.min(newScrollTop, maxScroll))\r\n\r\n      // 直接设置滚动位置，Vue 会通过 scroll 事件自动更新滑块位置\r\n      containerRef.value.scrollTop = clampedScrollTop\r\n    }\r\n\r\n    // 垂直滚动条拖拽结束\r\n    const handleVThumbMouseUp = () => {\r\n      isDraggingV.value = false\r\n\r\n      // 恢复平滑滚动设置\r\n      if (containerRef.value) {\r\n        containerRef.value.style.scrollBehavior = \"\"\r\n      }\r\n\r\n      document.removeEventListener(\"mousemove\", handleVThumbMouseMove)\r\n      document.removeEventListener(\"mouseup\", handleVThumbMouseUp)\r\n\r\n      // 恢复样式\r\n      document.body.style.userSelect = \"\"\r\n      document.body.style.cursor = \"\"\r\n\r\n      // 设置标志位，防止触发轨道 click 事件\r\n      justDragged.value = true\r\n      setTimeout(() => {\r\n        justDragged.value = false\r\n      }, 0)\r\n    }\r\n\r\n    // 水平滚动条拖拽开始\r\n    const handleHThumbMouseDown = (e: MouseEvent) => {\r\n      e.preventDefault()\r\n      e.stopPropagation()\r\n      isDraggingH.value = true\r\n      dragStartX.value = e.clientX\r\n      dragStartScrollLeft.value = scrollLeft.value\r\n\r\n      // 拖拽时禁用平滑滚动，避免延迟感\r\n      if (containerRef.value) {\r\n        containerRef.value.style.scrollBehavior = \"auto\"\r\n      }\r\n\r\n      document.addEventListener(\"mousemove\", handleHThumbMouseMove)\r\n      document.addEventListener(\"mouseup\", handleHThumbMouseUp)\r\n\r\n      // 防止文本选择\r\n      document.body.style.userSelect = \"none\"\r\n      document.body.style.cursor = \"grabbing\"\r\n    }\r\n\r\n    // 水平滚动条拖拽移动\r\n    const handleHThumbMouseMove = (e: MouseEvent) => {\r\n      if (!isDraggingH.value || !containerRef.value) return\r\n      e.preventDefault()\r\n\r\n      const deltaX = e.clientX - dragStartX.value\r\n      const maxScroll = contentWidth.value - containerWidth.value\r\n\r\n      // 防止除以零\r\n      if (maxScroll <= 0 || hTrackWidth.value <= 0) return\r\n\r\n      // 滑块可移动的最大距离 = 轨道宽度 - 滑块宽度\r\n      const maxThumbMove = hTrackWidth.value - hThumbWidth.value\r\n\r\n      // 计算滚动比例：每像素拖动对应的滚动距离\r\n      const scrollRatio = maxThumbMove > 0 ? maxScroll / maxThumbMove : 1\r\n\r\n      // 计算新的滚动位置\r\n      const newScrollLeft = dragStartScrollLeft.value + deltaX * scrollRatio\r\n      const clampedScrollLeft = Math.max(0, Math.min(newScrollLeft, maxScroll))\r\n\r\n      // 直接设置滚动位置，Vue 会通过 scroll 事件自动更新滑块位置\r\n      containerRef.value.scrollLeft = clampedScrollLeft\r\n    }\r\n\r\n    // 水平滚动条拖拽结束\r\n    const handleHThumbMouseUp = () => {\r\n      isDraggingH.value = false\r\n\r\n      // 恢复平滑滚动设置\r\n      if (containerRef.value) {\r\n        containerRef.value.style.scrollBehavior = \"\"\r\n      }\r\n\r\n      document.removeEventListener(\"mousemove\", handleHThumbMouseMove)\r\n      document.removeEventListener(\"mouseup\", handleHThumbMouseUp)\r\n\r\n      // 恢复样式\r\n      document.body.style.userSelect = \"\"\r\n      document.body.style.cursor = \"\"\r\n\r\n      // 设置标志位，防止触发轨道 click 事件\r\n      justDragged.value = true\r\n      setTimeout(() => {\r\n        justDragged.value = false\r\n      }, 0)\r\n    }\r\n\r\n    // 点击垂直轨道\r\n    const handleVTrackClick = (e: MouseEvent) => {\r\n      if (!containerRef.value || isDraggingV.value || justDragged.value) return\r\n\r\n      const trackRect = vTrackRef.value?.getBoundingClientRect()\r\n      if (!trackRect) return\r\n\r\n      // 计算点击位置相对于轨道顶部的位置\r\n      const clickY = e.clientY - trackRect.top\r\n      // 滑块中心位置\r\n      const thumbCenter = vThumbTop.value + vThumbHeight.value / 2\r\n      const maxScroll = contentHeight.value - containerHeight.value\r\n\r\n      // 根据点击位置决定滚动方向\r\n      let newScrollTop = scrollTop.value\r\n      if (clickY < thumbCenter) {\r\n        // 点击滑块上方，向上滚动\r\n        newScrollTop = scrollTop.value - props.scrollStep\r\n      } else {\r\n        // 点击滑块下方，向下滚动\r\n        newScrollTop = scrollTop.value + props.scrollStep\r\n      }\r\n\r\n      // 立即滚动，不使用平滑动画\r\n      containerRef.value.scrollTop = Math.max(\r\n        0,\r\n        Math.min(newScrollTop, maxScroll)\r\n      )\r\n    }\r\n\r\n    // 点击水平轨道\r\n    const handleHTrackClick = (e: MouseEvent) => {\r\n      if (!containerRef.value || isDraggingH.value || justDragged.value) return\r\n\r\n      const trackRect = hTrackRef.value?.getBoundingClientRect()\r\n      if (!trackRect) return\r\n\r\n      // 计算点击位置相对于轨道左侧的位置\r\n      const clickX = e.clientX - trackRect.left\r\n      // 滑块中心位置\r\n      const thumbCenter = hThumbLeft.value + hThumbWidth.value / 2\r\n      const maxScroll = contentWidth.value - containerWidth.value\r\n\r\n      // 根据点击位置决定滚动方向\r\n      let newScrollLeft = scrollLeft.value\r\n      if (clickX < thumbCenter) {\r\n        // 点击滑块左侧，向左滚动\r\n        newScrollLeft = scrollLeft.value - props.scrollStep\r\n      } else {\r\n        // 点击滑块右侧，向右滚动\r\n        newScrollLeft = scrollLeft.value + props.scrollStep\r\n      }\r\n\r\n      // 立即滚动，不使用平滑动画\r\n      containerRef.value.scrollLeft = Math.max(\r\n        0,\r\n        Math.min(newScrollLeft, maxScroll)\r\n      )\r\n    }\r\n\r\n    // 触摸事件处理（移动端支持）\r\n    const touchStartY = ref(0)\r\n    const touchStartX = ref(0)\r\n    const touchStartScrollTop = ref(0)\r\n    const touchStartScrollLeft = ref(0)\r\n\r\n    const handleTouchStart = (e: TouchEvent) => {\r\n      const touch = e.touches[0]\r\n      touchStartY.value = touch.clientY\r\n      touchStartX.value = touch.clientX\r\n      touchStartScrollTop.value = scrollTop.value\r\n      touchStartScrollLeft.value = scrollLeft.value\r\n\r\n      emit(\"scroll-start\")\r\n    }\r\n\r\n    const handleTouchMove = (e: TouchEvent) => {\r\n      if (!containerRef.value) return\r\n\r\n      const touch = e.touches[0]\r\n      const deltaY = touchStartY.value - touch.clientY\r\n      const deltaX = touchStartX.value - touch.clientX\r\n\r\n      const maxScrollTop = contentHeight.value - containerHeight.value\r\n      const maxScrollLeft = contentWidth.value - containerWidth.value\r\n\r\n      const newScrollTop = touchStartScrollTop.value + deltaY\r\n      const newScrollLeft = touchStartScrollLeft.value + deltaX\r\n\r\n      // 使用 scrollTo，这会触发 scroll 事件，handleScroll 会更新状态\r\n      scrollTo(\r\n        Math.max(0, Math.min(newScrollTop, maxScrollTop)),\r\n        Math.max(0, Math.min(newScrollLeft, maxScrollLeft))\r\n      )\r\n    }\r\n\r\n    const handleTouchEnd = () => {\r\n      emit(\"scroll-end\")\r\n    }\r\n\r\n    onMounted(() => {\r\n      nextTick(() => {\r\n        updateSize()\r\n\r\n        // 再次延迟测量，确保轨道已渲染\r\n        setTimeout(() => {\r\n          updateSize()\r\n        }, 100)\r\n\r\n        // 需 preventDefault 才能接管离散滚轮步长，故 passive: false\r\n        if (containerRef.value) {\r\n          containerRef.value.addEventListener(\"wheel\", handleWheel, {\r\n            passive: false,\r\n          })\r\n        }\r\n      })\r\n    })\r\n\r\n    // 清理事件监听器\r\n    onUnmounted(() => {\r\n      if (containerRef.value) {\r\n        containerRef.value.removeEventListener(\"wheel\", handleWheel)\r\n      }\r\n\r\n      if (wheelSmoothRestoreTimer) {\r\n        clearTimeout(wheelSmoothRestoreTimer)\r\n        wheelSmoothRestoreTimer = null\r\n      }\r\n    })\r\n\r\n    // 暴露方法给父组件\r\n    const exposeMethods = {\r\n      scrollTo,\r\n      scrollToTop,\r\n      scrollToBottom,\r\n      scrollToElement,\r\n      scrollToPercent,\r\n      updateSize,\r\n      getScrollPosition: () => {\r\n        const maxScrollTop = contentHeight.value - containerHeight.value\r\n        const maxScrollLeft = contentWidth.value - containerWidth.value\r\n        \r\n        return {\r\n          scrollTop: scrollTop.value,\r\n          scrollLeft: scrollLeft.value,\r\n          // 滚动百分比（0-100）\r\n          scrollTopPercent: maxScrollTop > 0\r\n            ? Math.round((scrollTop.value / maxScrollTop) * 100)\r\n            : 0,\r\n          scrollLeftPercent: maxScrollLeft > 0\r\n            ? Math.round((scrollLeft.value / maxScrollLeft) * 100)\r\n            : 0,\r\n        }\r\n      },\r\n    }\r\n\r\n    // 暴露方法\r\n    expose(exposeMethods)\r\n\r\n    return () => (\r\n      <div\r\n        class={[\r\n          \"w-scrollbar\",\r\n          // 将 direction 映射为 CSS class\r\n          `w-scrollbar-${props.direction}`,\r\n          {\r\n            \"w-scrollbar-smooth\": props.smooth,\r\n          },\r\n        ]}\r\n        style={{\r\n          minHeight: toCssSize(props.minHeight),\r\n          maxHeight: toCssSize(props.maxHeight),\r\n          height: toCssSize(props.height),\r\n        }}>\r\n        {/* 滚动容器 */}\r\n        <div\r\n          ref={containerRef}\r\n          class=\"w-scrollbar-container\"\r\n          onScroll={handleScroll}\r\n          onTouchstart={handleTouchStart}\r\n          onTouchmove={handleTouchMove}\r\n          onTouchend={handleTouchEnd}>\r\n          <div ref={contentRef} class=\"w-scrollbar-content\">\r\n            {slots.default?.()}\r\n          </div>\r\n        </div>\r\n\r\n        {/* 垂直滚动条 */}\r\n        {showVertical.value && (\r\n          <div\r\n            ref={vTrackRef}\r\n            class=\"w-scrollbar-track w-scrollbar-track-y\"\r\n            onClick={handleVTrackClick}>\r\n            <div\r\n              ref={vThumbRef}\r\n              class={[\r\n                \"w-scrollbar-thumb w-scrollbar-thumb-y\",\r\n                { \"w-scrollbar-thumb-dragging\": isDraggingV.value },\r\n              ]}\r\n              style={{\r\n                height: `${vThumbHeight.value}px`,\r\n                top: `${vThumbTop.value}px`,\r\n              }}\r\n              onMousedown={handleVThumbMouseDown}\r\n              onTouchstart={handleVThumbMouseDown as any}\r\n            />\r\n          </div>\r\n        )}\r\n\r\n        {/* 水平滚动条 */}\r\n        {showHorizontal.value && (\r\n          <div\r\n            ref={hTrackRef}\r\n            class=\"w-scrollbar-track w-scrollbar-track-x\"\r\n            onClick={handleHTrackClick}>\r\n            <div\r\n              ref={hThumbRef}\r\n              class={[\r\n                \"w-scrollbar-thumb w-scrollbar-thumb-x\",\r\n                { \"w-scrollbar-thumb-dragging\": isDraggingH.value },\r\n              ]}\r\n              style={{\r\n                width: `${hThumbWidth.value}px`,\r\n                left: `${hThumbLeft.value}px`,\r\n              }}\r\n              onMousedown={handleHThumbMouseDown}\r\n              onTouchstart={handleHThumbMouseDown as any}\r\n            />\r\n          </div>\r\n        )}\r\n      </div>\r\n    )\r\n  },\r\n})\r\n"],"mappings":"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"}

package/dist/components/scrollbar/index.d.ts

@@ -0,0 +1 @@
+export { default } from './Scrollbar';

package/dist/components/scrollbar/style/index.css

@@ -0,0 +1 @@
+@import '../../../theme/tokens/components/scrollbar.css';