@sdata/web-vue 1.8.0 → 1.10.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sdata/web-vue",
-  "version": "1.8.0",
+  "version": "1.10.0",
   "description": "SD Design Vue: A Vue.js 3 UI Library",
   "keywords": [
     "sd",
@@ -56,10 +56,13 @@
     "b-validate": "^1.5.3",
     "compute-scroll-into-view": "^3.1.1",
     "dayjs": "^1.11.20",
+    "es-toolkit": "^1.46.1",
     "number-precision": "^1.6.0",
+    "overlayscrollbars": "^2.15.1",
     "resize-observer-polyfill": "^1.5.1",
     "scroll-into-view-if-needed": "^3.1.0",
-    "vue": "^3.5.32"
+    "vue": "^3.5.32",
+    "vue-virtual-scroller": "^3.0.3"
   },
   "devDependencies": {
     "@babel/types": "^7.29.0",
@@ -72,20 +75,21 @@
     "@types/clean-css": "^4.2.11",
     "@vitejs/plugin-vue": "^6.0.6",
     "@vitejs/plugin-vue-jsx": "^5.1.5",
-    "@vue/test-utils": "^2.4.6",
-    "@vueuse/core": "^14.2.1",
+    "@vue/test-utils": "^2.4.10",
+    "@vueuse/core": "^14.3.0",
     "clean-css": "^5.3.3",
     "fast-glob": "^3.3.3",
     "glob": "^13.0.6",
     "jest-serializer-vue": "^3.1.0",
-    "jsdom": "^29.0.2",
-    "sass": "^1.94.0",
+    "jsdom": "^29.1.1",
+    "sass": "^1.99.0",
     "semantic-release": "^25.0.3",
     "svgo": "^4.0.1",
-    "typescript": "^6.0.2",
+    "type-fest": "^5.6.0",
+    "typescript": "^6.0.3",
     "vite": "^8.0.8",
-    "vite-plus": "^0.1.17",
-    "vitest": "^4.1.4",
+    "vite-plus": "^0.1.20",
+    "vitest": "^4.1.5",
     "vue-docgen-api": "4.79.2",
     "vue-tsc": "^3.2.6"
   },
@@ -113,6 +117,7 @@
     "prebuild:dts": "pnpm run icongen",
     "build:dts": "node ./scripts/build-dts.mjs",
     "dtsgen": "pnpm run build:dts",
+    "typecheck": "vue-tsc --noEmit -p tsconfig.json",
     "test": "vp test run",
     "test:update": "vp test run -u"
   }

package/es/_components/virtual-list/filler.vue.d.ts

@@ -1,35 +0,0 @@
-import { CSSProperties } from 'vue';
-declare const _default: typeof __VLS_export;
-export default _default;
-declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    height: {
-        type: NumberConstructor;
-    };
-    offset: {
-        type: NumberConstructor;
-    };
-    disabled: {
-        type: BooleanConstructor;
-    };
-    type: StringConstructor;
-    outerAttrs: ObjectConstructor;
-    innerAttrs: ObjectConstructor;
-}>, {
-    outerStyle: import("vue").ComputedRef<CSSProperties>;
-    innerStyle: import("vue").ComputedRef<CSSProperties>;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    height: {
-        type: NumberConstructor;
-    };
-    offset: {
-        type: NumberConstructor;
-    };
-    disabled: {
-        type: BooleanConstructor;
-    };
-    type: StringConstructor;
-    outerAttrs: ObjectConstructor;
-    innerAttrs: ObjectConstructor;
-}>> & Readonly<{}>, {
-    disabled: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/es/_components/virtual-list/hooks/use-item-height.d.ts

@@ -1,15 +0,0 @@
-import { InternalDataItem, VirtualItemKey } from '../interface';
-export declare function useItemHeight(props: {
-    estimatedItemHeight?: number;
-    data: InternalDataItem[];
-}): {
-    itemHeight: import("vue").ComputedRef<number>;
-    minItemHeight: import("vue").ComputedRef<number>;
-    estimatedItemHeight: import("vue").Ref<number | undefined, number | undefined>;
-    totalHeight: import("vue").ComputedRef<number>;
-    setItemHeight: (key: VirtualItemKey, height: number) => void;
-    getItemHeight: (key: VirtualItemKey) => number | undefined;
-    getItemHeightOrDefault: (key: VirtualItemKey) => number;
-    getItemHeightByIndex: (index: number) => number | undefined;
-    getItemHeightOrDefaultByIndex: (index: number) => number;
-};

package/es/_components/virtual-list/hooks/use-range-state.d.ts

@@ -1,16 +0,0 @@
-export declare function useRangeState(props: {
-    viewportRef: HTMLElement | undefined;
-    visibleCount: number;
-    itemCount: number;
-}): {
-    rangeState: {
-        itemIndex: number;
-        itemOffsetPtg: number;
-        startIndex: number;
-        endIndex: number;
-    };
-    updateRangeState: {
-        (...args: any[]): void;
-        cancel(): void;
-    };
-};

package/es/_components/virtual-list/hooks/use-render-children.d.ts

@@ -1,11 +0,0 @@
-import { VNode } from 'vue';
-import { ItemSlot, InternalDataItem, VirtualItemKey } from '../interface';
-export declare function useRenderChildren(props: {
-    internalData: InternalDataItem[];
-    visibleData: InternalDataItem[];
-    itemRender: ItemSlot;
-}, events?: {
-    onItemResize?: (height: HTMLElement, key: VirtualItemKey) => void;
-}): () => (VNode<import("vue").RendererNode, import("vue").RendererElement, {
-    [key: string]: any;
-}> | undefined)[];

package/es/_components/virtual-list/hooks/use-scroll-to.d.ts

@@ -1,35 +0,0 @@
-import { InternalDataItem, VirtualItemKey, ScrollOptions } from '../interface';
-export interface RelativeScroll {
-    itemIndex: number;
-    relativeTop: number;
-}
-export declare function useScrollTo(props: {
-    isVirtual: boolean;
-    isStaticItemHeight: boolean;
-    data: InternalDataItem[];
-    viewportRef: HTMLElement | undefined;
-    rangeState: {
-        itemIndex: number;
-        itemOffsetPtg: number;
-        startIndex: number;
-        endIndex: number;
-    };
-    scrollTop: number;
-    visibleCount: number;
-    getItemHeightOrDefault: (key: VirtualItemKey) => number;
-    getItemHeightOrDefaultByIndex: (index: number) => number;
-}): {
-    fixScrollTo: (relativeScroll: RelativeScroll) => {
-        scrollTop: number;
-        itemIndex: number;
-        itemOffsetPtg: number;
-        startIndex: number;
-        endIndex: number;
-    } | null;
-    prepareScrollTo: (options: ScrollOptions) => {
-        itemIndex: number;
-        relativeTop: number;
-        startIndex: number;
-        endIndex: number;
-    } | null;
-};

package/es/_components/virtual-list/hooks/use-viewport-height.d.ts

@@ -1,7 +0,0 @@
-export declare function useViewportHeight(props: {
-    height: number | string;
-}): {
-    viewportHeight: import("vue").Ref<number, number>;
-    setViewportHeight: (val: number) => void;
-    needMeasureViewportHeight: import("vue").ComputedRef<boolean>;
-};

package/es/_components/virtual-list/utils/algorithm.d.ts

@@ -1,6 +0,0 @@
-import { VirtualItemKey } from '../interface';
-export declare function getIndexByStartLoc(min: number, max: number, start: number, index: number): number;
-export declare function findListDiffIndex<T>(originList: T[], targetList: T[], getKey: (item: T, index: number) => VirtualItemKey): {
-    index: number;
-    multiple: boolean;
-} | null;

package/es/_components/virtual-list/utils/index.d.ts

@@ -1,37 +0,0 @@
-import { VirtualItemKey } from '../interface';
-export declare function getValidScrollTop(scrollTop: number, scrollRange: number): number;
-export declare function getScrollPercentage({ scrollTop, scrollHeight, clientHeight, }: {
-    scrollTop: number;
-    scrollHeight: number;
-    clientHeight: number;
-}): number;
-export declare function getLocationItem(scrollPtg: number, itemCount: number): {
-    index: number;
-    offsetPtg: number;
-};
-export declare function getRangeIndex(scrollPtg: number, itemCount: number, visibleCount: number): {
-    itemIndex: number;
-    itemOffsetPtg: number;
-    startIndex: number;
-    endIndex: number;
-};
-interface ItemTopConfig {
-    itemHeight: number;
-    itemOffsetPtg: number;
-    scrollTop: number;
-    scrollPtg: number;
-    clientHeight: number;
-}
-export declare function getItemRelativeTop({ itemHeight, itemOffsetPtg, scrollPtg, clientHeight, }: Omit<ItemTopConfig, 'scrollTop'>): number;
-export declare function getItemAbsoluteTop({ scrollTop, ...rest }: ItemTopConfig): number;
-interface CompareItemConfig {
-    locatedItemRelativeTop: number;
-    locatedItemIndex: number;
-    compareItemIndex: number;
-    getItemKeyByIndex: (index: number) => VirtualItemKey;
-    startIndex: number;
-    endIndex: number;
-    getItemHeightOrDefault: (key: VirtualItemKey) => number;
-}
-export declare function getCompareItemRelativeTop({ locatedItemRelativeTop, locatedItemIndex, compareItemIndex, startIndex, endIndex, getItemKeyByIndex, getItemHeightOrDefault, }: CompareItemConfig): number;
-export {};

package/es/_components/virtual-list-v2/hooks/use-size.js

@@ -1,91 +0,0 @@
-import { computed, onMounted, ref } from "vue";
-//#region components/_components/virtual-list-v2/hooks/use-size.ts
-var useSize = ({ dataKeys, contentRef: _contentRef, fixedSize, estimatedSize, buffer }) => {
-	const firstRangeAverageSize = ref(0);
-	const sizeMap = /* @__PURE__ */ new Map();
-	const total = computed(() => dataKeys.value.length);
-	const start = ref(0);
-	const end = computed(() => {
-		const _end = start.value + buffer.value * 3;
-		if (_end > total.value) return total.value;
-		return _end;
-	});
-	const maxStart = computed(() => {
-		const max = total.value - buffer.value * 3;
-		if (max < 0) return 0;
-		return max;
-	});
-	const setStart = (index) => {
-		if (index < 0) start.value = 0;
-		else if (index > maxStart.value) start.value = maxStart.value;
-		else start.value = index;
-	};
-	const isFixed = ref(fixedSize.value);
-	const _estimatedSize = computed(() => {
-		if (estimatedSize.value !== 30) return estimatedSize.value;
-		return firstRangeAverageSize.value || estimatedSize.value;
-	});
-	const setItemSize = (key, size) => {
-		sizeMap.set(key, size);
-	};
-	const getItemSize = (index) => {
-		var _sizeMap$get;
-		if (isFixed.value) return _estimatedSize.value;
-		const _key = dataKeys.value[index];
-		return (_sizeMap$get = sizeMap.get(_key)) !== null && _sizeMap$get !== void 0 ? _sizeMap$get : _estimatedSize.value;
-	};
-	const hasItemSize = (key) => {
-		return sizeMap.has(key);
-	};
-	onMounted(() => {
-		const firstRangeTotalSize = Array.from(sizeMap.values()).reduce((pre, value) => pre + value, 0);
-		if (firstRangeTotalSize > 0) firstRangeAverageSize.value = firstRangeTotalSize / sizeMap.size;
-	});
-	const getScrollOffset = (index) => {
-		if (isFixed.value) return _estimatedSize.value * index;
-		return getOffset(0, index);
-	};
-	const getOffset = (start, end) => {
-		let offset = 0;
-		for (let i = start; i < end; i++) offset += getItemSize(i);
-		return offset;
-	};
-	const frontPadding = computed(() => {
-		if (isFixed.value) return _estimatedSize.value * start.value;
-		return getOffset(0, start.value);
-	});
-	const getOffsetIndex = (scrollOffset) => {
-		const isForward = scrollOffset >= frontPadding.value;
-		let offset = Math.abs(scrollOffset - frontPadding.value);
-		const _start = isForward ? start.value : start.value - 1;
-		let offsetIndex = 0;
-		while (offset > 0) {
-			offset -= getItemSize(_start + offsetIndex);
-			isForward ? offsetIndex++ : offsetIndex--;
-		}
-		return offsetIndex;
-	};
-	const getStartByScroll = (scrollOffset) => {
-		const offsetIndex = getOffsetIndex(scrollOffset);
-		const _start = start.value + offsetIndex - buffer.value;
-		if (_start < 0) return 0;
-		if (_start > maxStart.value) return maxStart.value;
-		return _start;
-	};
-	return {
-		frontPadding,
-		behindPadding: computed(() => {
-			if (isFixed.value) return _estimatedSize.value * (total.value - end.value);
-			return getOffset(end.value, total.value);
-		}),
-		start,
-		end,
-		getStartByScroll,
-		setItemSize,
-		hasItemSize,
-		setStart,
-		getScrollOffset
-	};
-};
-//#endregion
-export { useSize };

package/es/_components/virtual-list-v2/index.js

@@ -1,5 +0,0 @@
-import virtual_list_default from "./virtual-list.js";
-//#region components/_components/virtual-list-v2/index.ts
-var virtual_list_v2_default = virtual_list_default;
-//#endregion
-export { virtual_list_v2_default as default };

package/es/_components/virtual-list-v2/interface.d.ts

@@ -1,35 +0,0 @@
-import { VNode } from 'vue';
-export type VirtualItemKey = string | number;
-export interface InternalDataItem {
-    key: VirtualItemKey;
-    index: number;
-    item: unknown;
-}
-export type ItemSlot = (props: {
-    item: unknown;
-    index: number;
-}) => VNode[];
-export interface ScrollIntoViewOptions {
-    index?: number;
-    key?: VirtualItemKey;
-    align: 'auto' | 'top' | 'bottom';
-}
-export interface VirtualListProps {
-    height?: number | string;
-    threshold?: number;
-    isStaticItemHeight?: boolean;
-    fixedSize?: boolean;
-    estimatedSize?: number;
-    buffer?: number;
-    data?: unknown[];
-    itemKey?: string | ((item: unknown) => VirtualItemKey);
-    component?: keyof HTMLElementTagNameMap;
-}
-export type ScrollOptions = number | {
-    index?: number;
-    key?: VirtualItemKey;
-    align?: 'auto' | 'top' | 'bottom';
-};
-export interface VirtualListRef {
-    scrollTo: (options: ScrollOptions) => void;
-}

package/es/_components/virtual-list-v2/virtual-list-item.js

@@ -1,37 +0,0 @@
-import { getFirstComponent } from "../../_utils/vue-utils.js";
-import { cloneVNode, defineComponent, getCurrentInstance, onBeforeUnmount, onMounted, ref } from "vue";
-//#region components/_components/virtual-list-v2/virtual-list-item.tsx
-var virtual_list_item_default = /* @__PURE__ */ defineComponent({
-	name: "VirtualListItem",
-	props: {
-		hasItemSize: {
-			type: Function,
-			required: true
-		},
-		setItemSize: {
-			type: Function,
-			required: true
-		}
-	},
-	setup(props, { slots }) {
-		var _getCurrentInstance;
-		const key = (_getCurrentInstance = getCurrentInstance()) === null || _getCurrentInstance === void 0 ? void 0 : _getCurrentInstance.vnode.key;
-		const itemRef = ref();
-		const setItemSize = () => {
-			var _itemRef$value$$el, _itemRef$value, _ele$getBoundingClien, _ele$getBoundingClien2;
-			const ele = (_itemRef$value$$el = (_itemRef$value = itemRef.value) === null || _itemRef$value === void 0 ? void 0 : _itemRef$value.$el) !== null && _itemRef$value$$el !== void 0 ? _itemRef$value$$el : itemRef.value;
-			const height = (_ele$getBoundingClien = ele === null || ele === void 0 || (_ele$getBoundingClien2 = ele.getBoundingClientRect) === null || _ele$getBoundingClien2 === void 0 ? void 0 : _ele$getBoundingClien2.call(ele).height) !== null && _ele$getBoundingClien !== void 0 ? _ele$getBoundingClien : ele === null || ele === void 0 ? void 0 : ele.offsetHeight;
-			if (height) props.setItemSize(key, height);
-		};
-		onMounted(() => setItemSize());
-		onBeforeUnmount(() => setItemSize());
-		return () => {
-			var _slots$default;
-			const child = getFirstComponent((_slots$default = slots.default) === null || _slots$default === void 0 ? void 0 : _slots$default.call(slots));
-			if (child) return cloneVNode(child, { ref: itemRef }, true);
-			return null;
-		};
-	}
-});
-//#endregion
-export { virtual_list_item_default as default };

package/es/scrollbar/thumb.js

@@ -1,22 +0,0 @@
-import _plugin_vue_export_helper_default from "../_virtual/_plugin-vue_export-helper.js";
-import thumb_vue_vue_type_script_lang_default from "./thumb.vue_vue_type_script_lang.js";
-import { Transition, createBlock, createElementVNode, normalizeClass, normalizeStyle, openBlock, withCtx, withModifiers } from "vue";
-//#region components/scrollbar/thumb.vue
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-	return openBlock(), createBlock(Transition, null, {
-		default: withCtx(() => [createElementVNode("div", {
-			ref: "trackRef",
-			class: normalizeClass([`${_ctx.prefixCls}-track`, `${_ctx.prefixCls}-track-direction-${_ctx.direction}`]),
-			onMousedown: _cache[1] || (_cache[1] = withModifiers((...args) => _ctx.handleTrackClick && _ctx.handleTrackClick(...args), ["self"]))
-		}, [createElementVNode("div", {
-			ref: "thumbRef",
-			class: normalizeClass(_ctx.thumbCls),
-			style: normalizeStyle(_ctx.thumbStyle),
-			onMousedown: _cache[0] || (_cache[0] = (...args) => _ctx.handleThumbMouseDown && _ctx.handleThumbMouseDown(...args))
-		}, [createElementVNode("div", { class: normalizeClass(`${_ctx.prefixCls}-thumb-bar`) }, null, 2)], 38)], 34)]),
-		_: 1
-	});
-}
-var thumb_default = /* @__PURE__ */ _plugin_vue_export_helper_default(thumb_vue_vue_type_script_lang_default, [["render", _sfc_render]]);
-//#endregion
-export { thumb_default as default };

package/es/scrollbar/thumb.vue.d.ts

@@ -1,58 +0,0 @@
-import { PropType } from 'vue';
-import { Direction } from '../_utils/constant';
-import { ThumbData } from './interface';
-declare const _default: typeof __VLS_export;
-export default _default;
-declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    data: {
-        type: PropType<ThumbData>;
-    };
-    direction: {
-        type: PropType<Direction>;
-        default: string;
-    };
-    alwaysShow: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    both: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>, {
-    visible: import("vue").Ref<boolean, boolean>;
-    trackRef: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
-    thumbRef: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
-    prefixCls: string;
-    thumbCls: import("vue").ComputedRef<(string | {
-        [x: string]: boolean;
-    })[]>;
-    thumbStyle: import("vue").ComputedRef<{
-        [x: string]: string;
-    }>;
-    handleThumbMouseDown: (ev: MouseEvent) => void;
-    handleTrackClick: (ev: MouseEvent) => void;
-    setOffset: (_offset: number) => void;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "scroll"[], "scroll", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    data: {
-        type: PropType<ThumbData>;
-    };
-    direction: {
-        type: PropType<Direction>;
-        default: string;
-    };
-    alwaysShow: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    both: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>> & Readonly<{
-    onScroll?: ((...args: any[]) => any) | undefined;
-}>, {
-    both: boolean;
-    direction: "horizontal" | "vertical";
-    alwaysShow: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/es/scrollbar/thumb.vue_vue_type_script_lang.js

@@ -1,116 +0,0 @@
-import { getPrefixCls } from "../_utils/global-config.js";
-import { off, on } from "../_utils/dom.js";
-import { computed, defineComponent, ref } from "vue";
-//#region components/scrollbar/thumb.vue?vue&type=script&lang.ts
-var thumb_vue_vue_type_script_lang_default = defineComponent({
-	name: "Thumb",
-	props: {
-		data: { type: Object },
-		direction: {
-			type: String,
-			default: "horizontal"
-		},
-		alwaysShow: {
-			type: Boolean,
-			default: false
-		},
-		both: {
-			type: Boolean,
-			default: false
-		}
-	},
-	emits: ["scroll"],
-	setup(props, { emit }) {
-		const prefixCls = getPrefixCls("scrollbar");
-		const visible = ref(false);
-		const trackRef = ref();
-		const thumbRef = ref();
-		const thumbMap = computed(() => {
-			if (props.direction === "horizontal") return {
-				size: "width",
-				direction: "left",
-				offset: "offsetWidth",
-				client: "clientX"
-			};
-			return {
-				size: "height",
-				direction: "top",
-				offset: "offsetHeight",
-				client: "clientY"
-			};
-		});
-		const offset = ref(0);
-		const isDragging = ref(false);
-		const mouseOffset = ref(0);
-		const thumbStyle = computed(() => {
-			var _props$data$thumbSize, _props$data;
-			return {
-				[thumbMap.value.size]: `${(_props$data$thumbSize = (_props$data = props.data) === null || _props$data === void 0 ? void 0 : _props$data.thumbSize) !== null && _props$data$thumbSize !== void 0 ? _props$data$thumbSize : 0}px`,
-				[thumbMap.value.direction]: `${offset.value}px`
-			};
-		});
-		const handleThumbMouseDown = (ev) => {
-			ev.preventDefault();
-			if (thumbRef.value) {
-				mouseOffset.value = ev[thumbMap.value.client] - thumbRef.value.getBoundingClientRect()[thumbMap.value.direction];
-				isDragging.value = true;
-				on(window, "mousemove", handleMouseMove);
-				on(window, "mouseup", handleMouseUp);
-				on(window, "contextmenu", handleMouseUp);
-			}
-		};
-		const handleTrackClick = (ev) => {
-			ev.preventDefault();
-			if (thumbRef.value) {
-				var _props$data$thumbSize2, _props$data2, _props$data$thumbSize3, _props$data3;
-				const _offset = getLegalOffset(ev[thumbMap.value.client] > thumbRef.value.getBoundingClientRect()[thumbMap.value.direction] ? offset.value + ((_props$data$thumbSize2 = (_props$data2 = props.data) === null || _props$data2 === void 0 ? void 0 : _props$data2.thumbSize) !== null && _props$data$thumbSize2 !== void 0 ? _props$data$thumbSize2 : 0) : offset.value - ((_props$data$thumbSize3 = (_props$data3 = props.data) === null || _props$data3 === void 0 ? void 0 : _props$data3.thumbSize) !== null && _props$data$thumbSize3 !== void 0 ? _props$data$thumbSize3 : 0));
-				if (_offset !== offset.value) {
-					offset.value = _offset;
-					emit("scroll", _offset);
-				}
-			}
-		};
-		const getLegalOffset = (offset) => {
-			if (offset < 0) return 0;
-			if (props.data && offset > props.data.max) return props.data.max;
-			return offset;
-		};
-		const handleMouseMove = (ev) => {
-			if (trackRef.value && thumbRef.value) {
-				const _offset = getLegalOffset(ev[thumbMap.value.client] - trackRef.value.getBoundingClientRect()[thumbMap.value.direction] - mouseOffset.value);
-				if (_offset !== offset.value) {
-					offset.value = _offset;
-					emit("scroll", _offset);
-				}
-			}
-		};
-		const handleMouseUp = () => {
-			isDragging.value = false;
-			off(window, "mousemove", handleMouseMove);
-			off(window, "mouseup", handleMouseUp);
-		};
-		const setOffset = (_offset) => {
-			if (!isDragging.value) {
-				_offset = getLegalOffset(_offset);
-				if (_offset !== offset.value) offset.value = _offset;
-			}
-		};
-		return {
-			visible,
-			trackRef,
-			thumbRef,
-			prefixCls,
-			thumbCls: computed(() => [
-				`${prefixCls}-thumb`,
-				`${prefixCls}-thumb-direction-${props.direction}`,
-				{ [`${prefixCls}-thumb-dragging`]: isDragging.value }
-			]),
-			thumbStyle,
-			handleThumbMouseDown,
-			handleTrackClick,
-			setOffset
-		};
-	}
-});
-//#endregion
-export { thumb_vue_vue_type_script_lang_default as default };