sard 1.0.3 → 1.0.5

package/index.js

@@ -185,7 +185,7 @@ import { StatusBar } from "./components/status-bar/index.js";
 import { Stepper } from "./components/stepper/index.js";
 import { Step, Steps } from "./components/steps/index.js";
 import { Sticky, StickyBox } from "./components/sticky/index.js";
-import { SwipeAction, SwipeActionGroup } from "./components/swipe-action/index.js";
+import { SwipeAction } from "./components/swipe-action/index.js";
 import { Swiper, SwiperItem } from "./components/swiper/index.js";
 import { Switch } from "./components/switch/index.js";
 import { Tabbar, TabbarItem } from "./components/tabbar/index.js";
@@ -216,4 +216,4 @@ function prepareEnvironment() {
 	});
 }
 //#endregion
-export { ADD_SWIPER_CONTEXT_KEY, ALPHANUMERIC_CHARS, Accordion, AccordionItem, ActionSheet, ActionSheetItem, Alert, Avatar, AvatarGroup, BackTop, Badge, Barcode, BarcodeFormatList, BarcodeTextPositionList, Button, Calendar, CalendarInput, CalendarPopout, Card, Cascader, CascaderInput, CascaderPopout, Checkbox, CheckboxGroup, CheckboxInput, CheckboxPopout, Col, Collapse, ColorPicker, ColorPickerInput, ColorPickerPopout, Compact, CoolIcon, CountDown, CountTo, CropImage, DateStrip, DatetimePicker, DatetimePickerInput, DatetimePickerPopout, DatetimeRangePicker, DatetimeRangePickerInput, DatetimeRangePickerPopout, Descriptions, DescriptionsItem, Dialog, Divider, Dnd, DndHandle, DndItem, Dropdown, DropdownItem, ECLList, Ellipsis, Empty, Fab, FabItem, FloatingBubble, FloatingPanel, Form, FormItem, FormItemPlain, FormPlain, Friction, Grid, GridItem, Image, Indexes, IndexesAnchor, IndexesNav, InfiniteList, Input, Keyboard, KeyboardPopout, List, ListItem, LoadMore, Loading, Marquee, Menu, MenuItem, Motion, Navbar, NavbarItem, NavbarPit, NoticeBar, Notify, OnlyChild, Overlay, Pagination, PasswordInput, Picker, PickerInput, PickerPopout, PickerView, PickerViewColumn, Popout, PopoutInput, Popover, Popup, PreviewImage, ProgressBar, ProgressCircle, PullDownRefresh, PuzzleVerify, Qrcode, REMOVE_SWIPER_CONTEXT_KEY, Radio, RadioGroup, RadioInput, RadioPopout, Rate, ReadMore, Result, RotateVerify, Row, SWIPER_AUTO_HEIGHT_KEY, ScrollList, ScrollSpy, ScrollSpyAnchor, Search, Segmented, SegmentedItem, Select, SelectInput, SelectOption, SelectOptionGroup, SelectPopout, ShareSheet, ShareSheetIcon, ShareSheetItem, ShareSheetRow, Sidebar, SidebarItem, Signature, Skeleton, SkeletonAvatar, SkeletonBlock, SkeletonParagraph, SkeletonTitle, SlideVerify, Slider, Space, Spring, StatusBar, Step, Stepper, Steps, Sticky, StickyBox, SwipeAction, SwipeActionGroup, Swiper, SwiperItem, Switch, Tab, Tabbar, TabbarItem, TabbarPit, Table, Tabs, Tag, Text, Timeline, TimelineItem, Toast, Tree, TreeBranch, TreeNode, Upload, UploadPreview, Waterfall, WaterfallItem, WaterfallLoad, Watermark, actionSheet, addSeparator, addUnit, arrayEqual, arrayMove, autoUpdate, barcode, baseLunarYear, calculateBarcodeLayout, camelCase, capitalize, chainGet, chainSet, checkRtl, chooseFile, clamp, clipboard, computePosition, createActionSheet, createBem, createBemStruct, createCropImage, createDialog, createInertialAnimate, createNotify, createPreviewImage, createToast, cropImage, cssVar, cssVarName, currentLocale, debounce, deepClone, defaultBemConfig, defaultColorPickerPresets, defaultColorPickerValue, defaultOptionKeys, defineSetupFnComponent, dialog, earthlyBranches, enhanceComponent, extend, flatVNode, formatColor, formatDate, formatNumber, formatTime, getAllImperatives, getAspectFillSize, getAspectFitSize, getAvailableImperative, getCurrentTime, getDampingValue, getDayOfYear, getDaysAfterLastDay, getDaysBeforeFirstDay, getDaysInMonth, getDaysSinceUnixEpoch, getDecimalsLength, getFileName, getFirstDayWeekday, getGridCenterSize, getGridIndex, getGridPrizeCount, getImperatives, getInBoundValue, getLeafNodes, getLunarDayName, getLunarHourName, getLunarLeapMonth, getLunarLeapMonthDays, getLunarMonthDays, getLunarMonthName, getLunarYearDays, getLunarYearName, getNextMonthDate, getNextMonthHeadDays, getNodeLevel, getOverflowRangeInArea, getPageRange, getPrevMonthDate, getPrevMonthTailDays, getPreviewColor, getRectDampingValue, getRotatedRect, getScrollIntoViewValue, getTouchPoint, getTransformOrigin, getTreeCheckedKeys, getTreeHalfCheckedKeys, getTwoPointsDistance, heavenlyStems, hslToHsv, hslToHwb, hslToRgb, hsvToHsl, hwbToHsl, imageDataToDataURL, inRange, initializeCheckNodes, installer, isBoolean, isColorScheme, isConfigObject, isDate, isEmptyArray, isEmptyBinding, isEmptyValue, isFileUrl, isFunction, isImageFile, isImageUrl, isKorean, isLeapYear, isNoEmptyArray, isNullish, isNumber, isObject, isPlainObject, isPrimitive, isRectEqual, isRenderVisible, isSizeEqual, isString, isUndefined, isVideoFile, isVideoUrl, isVisibleEmpty, kebabCase, loadImage, localeContextKey, logError, looseToNumber, lowerFirst, lunarDayNames, lunarInfo, lunarMonthNames, lunarToSolar, lunarYearNames, mapTreeToGrid, matchScrollVisible, measureTextWidth, minmaxDate, mround, nestedToMulti, noop, normalizeBarcodeOptions, normalizeHsla, normalizeHsva, notify, omit, omitFormPopoutProps, parseColor, parseDate, partition, partitionPopoutInputProps, pascalCase, pick, plateEnglishLetterKeys, plateProvinceKeys, plateSuffixKeys, prepareEnvironment, previewImage, provideColorScheme, provideLocale, qrcode, random, reactiveComputed, readFileContent, rgbToHsl, round, safeAreaInsets, scrollToTarget, setCheckedRecursively, setLocale, shuffle, sleep, snakeCase, solarToLunar, spaceSizes, splitUnit, spreadEach, springFestivals, throttle, toArray, toDate, toDateNumber, toDateString, toMonthNumber, toReactive, toTouchEvent, toast, treeToMap, uniqid, updateAncestorsChecked, upperFirst, useClickOutside, useColorScheme, useComposition, useCountDown, useDragPinch, useElementBackTop, useElementScroll, useFormContext, useFormItem, useFormItemContext, useFormPopout, useImperative, useInPopup, useIndeterminate, useInitialVelocity, useIntersectionObserver, useKeyList, useLoadMore, useLocale, useLockScroll, useLuckyDraw, useLuckyGrid, useLuckyWheel, useMotioning, useOptionKeys, usePageBackTop, usePageScroll, usePointerDown, usePopoutInput, usePopper, usePopupEnter, usePopupVisibleHookProvide, useReachBottom, useResizeObserver, useRtl, useScrollSide, useScrollSpy, useScroller, useSimulatedClick, useSimulatedDblClick, useSimulatedPress, useSingleTask, useSlotMachine, useStopMovedClick, useTimeout, useTimeoutLoading, useTranslate, useTranslateWithPrefix, useWindowResize, useZIndex, walkAncestor, walkDescendant, walkNodes, windowInfo, withResolvers };
+export { ADD_SWIPER_CONTEXT_KEY, ALPHANUMERIC_CHARS, Accordion, AccordionItem, ActionSheet, ActionSheetItem, Alert, Avatar, AvatarGroup, BackTop, Badge, Barcode, BarcodeFormatList, BarcodeTextPositionList, Button, Calendar, CalendarInput, CalendarPopout, Card, Cascader, CascaderInput, CascaderPopout, Checkbox, CheckboxGroup, CheckboxInput, CheckboxPopout, Col, Collapse, ColorPicker, ColorPickerInput, ColorPickerPopout, Compact, CoolIcon, CountDown, CountTo, CropImage, DateStrip, DatetimePicker, DatetimePickerInput, DatetimePickerPopout, DatetimeRangePicker, DatetimeRangePickerInput, DatetimeRangePickerPopout, Descriptions, DescriptionsItem, Dialog, Divider, Dnd, DndHandle, DndItem, Dropdown, DropdownItem, ECLList, Ellipsis, Empty, Fab, FabItem, FloatingBubble, FloatingPanel, Form, FormItem, FormItemPlain, FormPlain, Friction, Grid, GridItem, Image, Indexes, IndexesAnchor, IndexesNav, InfiniteList, Input, Keyboard, KeyboardPopout, List, ListItem, LoadMore, Loading, Marquee, Menu, MenuItem, Motion, Navbar, NavbarItem, NavbarPit, NoticeBar, Notify, OnlyChild, Overlay, Pagination, PasswordInput, Picker, PickerInput, PickerPopout, PickerView, PickerViewColumn, Popout, PopoutInput, Popover, Popup, PreviewImage, ProgressBar, ProgressCircle, PullDownRefresh, PuzzleVerify, Qrcode, REMOVE_SWIPER_CONTEXT_KEY, Radio, RadioGroup, RadioInput, RadioPopout, Rate, ReadMore, Result, RotateVerify, Row, SWIPER_AUTO_HEIGHT_KEY, ScrollList, ScrollSpy, ScrollSpyAnchor, Search, Segmented, SegmentedItem, Select, SelectInput, SelectOption, SelectOptionGroup, SelectPopout, ShareSheet, ShareSheetIcon, ShareSheetItem, ShareSheetRow, Sidebar, SidebarItem, Signature, Skeleton, SkeletonAvatar, SkeletonBlock, SkeletonParagraph, SkeletonTitle, SlideVerify, Slider, Space, Spring, StatusBar, Step, Stepper, Steps, Sticky, StickyBox, SwipeAction, Swiper, SwiperItem, Switch, Tab, Tabbar, TabbarItem, TabbarPit, Table, Tabs, Tag, Text, Timeline, TimelineItem, Toast, Tree, TreeBranch, TreeNode, Upload, UploadPreview, Waterfall, WaterfallItem, WaterfallLoad, Watermark, actionSheet, addSeparator, addUnit, arrayEqual, arrayMove, autoUpdate, barcode, baseLunarYear, calculateBarcodeLayout, camelCase, capitalize, chainGet, chainSet, checkRtl, chooseFile, clamp, clipboard, computePosition, createActionSheet, createBem, createBemStruct, createCropImage, createDialog, createInertialAnimate, createNotify, createPreviewImage, createToast, cropImage, cssVar, cssVarName, currentLocale, debounce, deepClone, defaultBemConfig, defaultColorPickerPresets, defaultColorPickerValue, defaultOptionKeys, defineSetupFnComponent, dialog, earthlyBranches, enhanceComponent, extend, flatVNode, formatColor, formatDate, formatNumber, formatTime, getAllImperatives, getAspectFillSize, getAspectFitSize, getAvailableImperative, getCurrentTime, getDampingValue, getDayOfYear, getDaysAfterLastDay, getDaysBeforeFirstDay, getDaysInMonth, getDaysSinceUnixEpoch, getDecimalsLength, getFileName, getFirstDayWeekday, getGridCenterSize, getGridIndex, getGridPrizeCount, getImperatives, getInBoundValue, getLeafNodes, getLunarDayName, getLunarHourName, getLunarLeapMonth, getLunarLeapMonthDays, getLunarMonthDays, getLunarMonthName, getLunarYearDays, getLunarYearName, getNextMonthDate, getNextMonthHeadDays, getNodeLevel, getOverflowRangeInArea, getPageRange, getPrevMonthDate, getPrevMonthTailDays, getPreviewColor, getRectDampingValue, getRotatedRect, getScrollIntoViewValue, getTouchPoint, getTransformOrigin, getTreeCheckedKeys, getTreeHalfCheckedKeys, getTwoPointsDistance, heavenlyStems, hslToHsv, hslToHwb, hslToRgb, hsvToHsl, hwbToHsl, imageDataToDataURL, inRange, initializeCheckNodes, installer, isBoolean, isColorScheme, isConfigObject, isDate, isEmptyArray, isEmptyBinding, isEmptyValue, isFileUrl, isFunction, isImageFile, isImageUrl, isKorean, isLeapYear, isNoEmptyArray, isNullish, isNumber, isObject, isPlainObject, isPrimitive, isRectEqual, isRenderVisible, isSizeEqual, isString, isUndefined, isVideoFile, isVideoUrl, isVisibleEmpty, kebabCase, loadImage, localeContextKey, logError, looseToNumber, lowerFirst, lunarDayNames, lunarInfo, lunarMonthNames, lunarToSolar, lunarYearNames, mapTreeToGrid, matchScrollVisible, measureTextWidth, minmaxDate, mround, nestedToMulti, noop, normalizeBarcodeOptions, normalizeHsla, normalizeHsva, notify, omit, omitFormPopoutProps, parseColor, parseDate, partition, partitionPopoutInputProps, pascalCase, pick, plateEnglishLetterKeys, plateProvinceKeys, plateSuffixKeys, prepareEnvironment, previewImage, provideColorScheme, provideLocale, qrcode, random, reactiveComputed, readFileContent, rgbToHsl, round, safeAreaInsets, scrollToTarget, setCheckedRecursively, setLocale, shuffle, sleep, snakeCase, solarToLunar, spaceSizes, splitUnit, spreadEach, springFestivals, throttle, toArray, toDate, toDateNumber, toDateString, toMonthNumber, toReactive, toTouchEvent, toast, treeToMap, uniqid, updateAncestorsChecked, upperFirst, useClickOutside, useColorScheme, useComposition, useCountDown, useDragPinch, useElementBackTop, useElementScroll, useFormContext, useFormItem, useFormItemContext, useFormPopout, useImperative, useInPopup, useIndeterminate, useInitialVelocity, useIntersectionObserver, useKeyList, useLoadMore, useLocale, useLockScroll, useLuckyDraw, useLuckyGrid, useLuckyWheel, useMotioning, useOptionKeys, usePageBackTop, usePageScroll, usePointerDown, usePopoutInput, usePopper, usePopupEnter, usePopupVisibleHookProvide, useReachBottom, useResizeObserver, useRtl, useScrollSide, useScrollSpy, useScroller, useSimulatedClick, useSimulatedDblClick, useSimulatedPress, useSingleTask, useSlotMachine, useStopMovedClick, useTimeout, useTimeoutLoading, useTranslate, useTranslateWithPrefix, useWindowResize, useZIndex, walkAncestor, walkDescendant, walkNodes, windowInfo, withResolvers };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sard",
-  "version": "1.0.3",
+  "version": "1.0.5",
   "description": "sard 是基于 Vue3 的 Web 移动端 UI 组件库",
   "keywords": [
     "UI",

package/use/useClickOutside.d.ts

@@ -1,2 +1,2 @@
-import { type Ref } from 'vue';
-export declare function useClickOutside(elRef: Ref<Element | null>, callback: (event: Event) => void, enabled: Ref<boolean>, type?: 'click' | 'touchstart'): void;
+import { type MaybeRefOrGetter, type Ref } from 'vue';
+export declare function useClickOutside(elRef: Ref<Element | null>, callback: (event: Event) => void, enabled: MaybeRefOrGetter<boolean>, type?: 'click' | 'touchstart'): void;

package/use/useClickOutside.js

@@ -1,5 +1,5 @@
 import { useTimeout } from "./useTimeout.js";
-import { onUnmounted, watch } from "vue";
+import { onUnmounted, toValue, watch } from "vue";
 //#region packages/sard/use/useClickOutside.ts
 function useClickOutside(elRef, callback, enabled, type = "click") {
 	const events = {
@@ -28,7 +28,7 @@ function useClickOutside(elRef, callback, enabled, type = "click") {
 		});
 		isBinding = false;
 	};
-	watch(enabled, (enabled) => {
+	watch(() => toValue(enabled), (enabled) => {
 		bindTimer.clear();
 		if (enabled) bindTimer.set(() => {
 			bind();

package/use/useResizeObserver.js

@@ -7,10 +7,10 @@ function useResizeObserver(target, callback, disabled) {
 	});
 	const observer = new ResizeObserver((entries) => {
 		for (const entry of entries) {
-			const contentSize = entry.contentBoxSize[0];
+			const contentSize = entry.contentRect;
 			Object.assign(size, {
-				width: contentSize.inlineSize,
-				height: contentSize.blockSize
+				width: contentSize.width,
+				height: contentSize.height
 			});
 			callback?.(size);
 		}

package/utils/scroller/Scroll.js

@@ -54,14 +54,14 @@ var Scroll = class {
 			this.spring.snap(e);
 			this.spring.setEnd(-this.extent);
 		} else this.springing = false;
-		this.startTime = (/* @__PURE__ */ new Date()).getTime();
+		this.startTime = Date.now();
 	}
 	/**
 	* 计算当前时间点的位置，如果超出边界则切换到弹簧回弹模式。
 	*/
 	position(e) {
 		if (!this.startTime) return 0;
-		if (!e) e = ((/* @__PURE__ */ new Date()).getTime() - this.startTime) / 1e3;
+		if (!e) e = (Date.now() - this.startTime) / 1e3;
 		if (this.springing) return this.spring.position() + this.springOffset;
 		let t = this.friction.position(e);
 		const n = this.velocity(e);

package/utils/scroller/useScroller.d.ts

@@ -1,39 +1,23 @@
-import { type Ref } from 'vue';
 import type { Friction } from './Friction';
 import type { Spring } from './Spring';
-interface OnScrollEvent {
-    target: {
-        scrollLeft: number;
-        scrollTop: number;
-        scrollHeight: number;
-        scrollWidth: number;
-        offsetHeight: number;
-        offsetWidth: number;
-    };
-}
 export interface ScrollerOptions {
-    enableSnap?: boolean;
     itemSize?: number;
-    enableX?: boolean;
-    enableY?: boolean;
     scrollWidth?: number;
     scrollHeight?: number;
     friction?: Friction;
     spring?: Spring;
-    onScroll?: (event: OnScrollEvent) => void;
-    onSnap?: (index: number) => void;
+    onSnap: (index: number) => void;
     onTap?: (event: TouchEvent) => void;
 }
 /**
  * 触摸滚动器，负责处理触摸/鼠标滚动交互、惯性滚动、越界回弹和 snap 对齐。
- * @param element 滚动的 DOM 容器元素
  */
-export declare function useScroller(element: Ref<HTMLElement | null>, options: ScrollerOptions): {
-    update: (height?: number, _scrollHeight?: number, _itemSize?: number) => void;
+export declare function useScroller(options: ScrollerOptions): {
+    position: import("vue").ComputedRef<number>;
+    update: (height: number, _itemSize: number, containerHeight: number, contentHeight: number) => void;
     scrollTo: (_position: number, time?: number) => Promise<void>;
     isIdle: () => boolean;
     handleTouchStart: (event: TouchEvent) => void;
     handleTouchMove: (event: TouchEvent) => void;
     handleTouchEnd: (event: TouchEvent) => void;
 };
-export {};

package/utils/scroller/useScroller.js

@@ -1,9 +1,9 @@
-import { isFunction } from "../is.js";
+import { clamp } from "../number.js";
 import { useScrollBinding } from "./useScrollBinding.js";
 import { Scroll } from "./Scroll.js";
 import { useEasingAnimation } from "./useEasingAnimation.js";
 import { useScrollAnimation } from "./useScrollAnimation.js";
-import { computed, ref, watch, watchPostEffect } from "vue";
+import { computed, ref } from "vue";
 //#region packages/sard/utils/scroller/useScroller.ts
 /**
 * 计算当前滚动位置对应的 snap 索引。
@@ -16,23 +16,12 @@ function calculateSnapIndex(position, itemSize) {
 }
 /**
 * 触摸滚动器，负责处理触摸/鼠标滚动交互、惯性滚动、越界回弹和 snap 对齐。
-* @param element 滚动的 DOM 容器元素
 */
-function useScroller(element, options) {
+function useScroller(options) {
 	/** 单项尺寸，用于 snap 计算 */
 	let itemSize = options.itemSize || 0;
-	/** 是否启用 snap 对齐 */
-	const enableSnap = computed(() => options.enableSnap);
-	/** 是否启用水平滚动 */
-	const enableX = computed(() => options.enableX);
-	/** 是否启用垂直滚动 */
-	const enableY = computed(() => options.enableY);
 	/** 可滚动范围大小 */
 	let extent = 0;
-	/** 可滚动内容宽度 */
-	let scrollWidth = 0;
-	/** 可滚动内容高度 */
-	let scrollHeight = 0;
 	/** 当前滚动偏移位置 */
 	const position = ref(0);
 	/** 滚动物理模型 */
@@ -53,7 +42,7 @@ function useScroller(element, options) {
 		const _position = position.value % _itemSize;
 		const i = Math.abs(_position) > _itemSize / 2 ? position.value - (_itemSize - Math.abs(_position)) : position.value - _position;
 		if (position.value !== i) scrollTo(-i, time).then(() => {
-			if (isFunction(options.onSnap)) options.onSnap(Math.round(Math.abs(position.value) / _itemSize));
+			options.onSnap(Math.round(Math.abs(position.value) / _itemSize));
 		});
 		else status = "idle";
 	};
@@ -71,45 +60,17 @@ function useScroller(element, options) {
 		});
 	};
 	/**
-	* 触发 onScroll 回调，仅在位置实际变化时执行。
-	*/
-	const dispatchScroll = () => {
-		const el = element.value;
-		if (!el) return;
-		if (isFunction(options.onScroll)) {
-			const event = { target: {
-				scrollLeft: enableX.value ? -position.value : 0,
-				scrollTop: enableY.value ? -position.value : 0,
-				scrollHeight: scrollHeight || el.offsetHeight,
-				scrollWidth: scrollWidth || el.offsetWidth,
-				offsetHeight: el.parentElement.offsetHeight,
-				offsetWidth: el.parentElement.offsetWidth
-			} };
-			options.onScroll(event);
-		}
-	};
-	/**
 	* 更新滚动范围、位置、itemSize，并根据变化派发事件与 snap 回调。
 	*/
-	const update = (height, _scrollHeight, _itemSize) => {
-		const el = element.value;
-		if (!el) return;
+	const update = (height, _itemSize, containerHeight, contentHeight) => {
 		let nextExtent = 0;
 		const _position = position.value;
-		if (enableX.value) {
-			nextExtent = el.childNodes.length ? (_scrollHeight || el.offsetWidth) - el.parentElement.offsetWidth : 0;
-			scrollWidth = _scrollHeight || 0;
-		} else {
-			nextExtent = el.childNodes.length ? (_scrollHeight || el.offsetHeight) - el.parentElement.offsetHeight : 0;
-			scrollHeight = _scrollHeight || 0;
-		}
-		if (typeof height === "number") position.value = -height;
+		nextExtent = contentHeight - containerHeight;
+		position.value = -height;
 		if (position.value < -nextExtent) position.value = -nextExtent;
 		else if (position.value > 0) position.value = 0;
-		itemSize = _itemSize || itemSize;
-		if (_position !== position.value) {
-			if (isFunction(options.onSnap)) options.onSnap(Math.round(Math.abs(position.value) / itemSize));
-		}
+		itemSize = _itemSize;
+		if (_position !== position.value) options.onSnap(Math.round(Math.abs(position.value) / itemSize));
 		extent = nextExtent;
 		scroll.extent = nextExtent;
 	};
@@ -133,11 +94,10 @@ function useScroller(element, options) {
 	/**
 	* 根据手势移动距离更新当前位置，并触发滚动事件。
 	*/
-	const onTouchMove = (x, y) => {
+	const onTouchMove = (_x, y) => {
 		status = "drag";
 		let nextPos = startPosition;
-		if (enableX.value) nextPos += x;
-		else if (enableY.value) nextPos += y;
+		nextPos += y;
 		if (nextPos > 0) nextPos *= .5;
 		else if (nextPos < -extent) nextPos = .5 * (nextPos + extent) - extent;
 		position.value = nextPos;
@@ -150,54 +110,34 @@ function useScroller(element, options) {
 			options.onTap?.(event);
 			return;
 		}
-		if (enableSnap.value && position.value > -extent && position.value < 0) {
-			if (enableY.value && (Math.abs(y) < itemSize && Math.abs(o.y) < 300 || Math.abs(o.y) < 150)) {
-				snap();
-				return;
-			}
-			if (enableX.value && (Math.abs(x) < itemSize && Math.abs(o.x) < 300 || Math.abs(o.x) < 150)) {
+		if (position.value > -extent && position.value < 0) {
+			if (Math.abs(y) < itemSize && Math.abs(o.y) < 300 || Math.abs(o.y) < 150) {
 				snap();
 				return;
 			}
 		}
-		if (enableX.value) scroll.set(position.value, o.x);
-		else if (enableY.value) scroll.set(position.value, o.y);
-		let c;
-		if (enableSnap.value) {
-			const s = scroll.friction.position(100);
-			const l = s % itemSize;
-			c = Math.abs(l) > itemSize / 2 ? s - (itemSize - Math.abs(l)) : s - l;
-			if (c <= 0 && c >= -extent) scroll.setVelocityByEnd(c);
-		}
+		scroll.set(position.value, o.y);
+		const s = scroll.friction.position(100);
+		const l = s % itemSize;
+		const c = Math.abs(l) > itemSize / 2 ? s - (itemSize - Math.abs(l)) : s - l;
+		if (c <= 0 && c >= -extent) scroll.setVelocityByEnd(c);
 		status = "scroll";
 		scrollAnim.play(() => {
 			const pos = scroll.position((Date.now() - scroll.startTime) / 1e3);
 			position.value = pos;
 		}, () => {
 			status = "idle";
-			if (enableSnap.value) {
-				if (c <= 0 && c >= -extent) {
-					scroll.setVelocityByEnd(c);
-					position.value = c;
-				}
-				if (isFunction(options.onSnap)) options.onSnap(calculateSnapIndex(position.value, itemSize));
+			if (c <= 0 && c >= -extent) {
+				scroll.setVelocityByEnd(c);
+				position.value = c;
 			}
+			position.value = clamp(position.value, -extent, 0);
+			options.onSnap(calculateSnapIndex(position.value, itemSize));
 		});
 	};
 	const { handleTouchStart, handleTouchMove, handleTouchEnd } = useScrollBinding(onTouchStart, onTouchMove, onTouchEnd);
-	watchPostEffect(() => {
-		const el = element.value;
-		if (el) {
-			let transform = "";
-			if (enableX.value) transform = "translateX(" + position.value + "px) translateZ(0)";
-			else if (enableY.value) transform = "translateY(" + position.value + "px) translateZ(0)";
-			el.style.transform = transform;
-		}
-	});
-	watch(position, () => {
-		dispatchScroll();
-	});
 	return {
+		position: computed(() => position.value),
 		update,
 		scrollTo,
 		isIdle,

package/components/swipe-action/swipe-action-group.d.ts

@@ -1,13 +0,0 @@
-import { type SwipeActionGroupProps, type SwipeActionGroupSlots, type SwipeActionGroupExpose } from './common';
-type __VLS_Slots = SwipeActionGroupSlots;
-declare const __VLS_base: import("vue").DefineComponent<SwipeActionGroupProps, SwipeActionGroupExpose, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<SwipeActionGroupProps> & Readonly<{}>, {
-    multiple: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
-declare const _default: typeof __VLS_export;
-export default _default;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/components/swipe-action/swipe-action-group.js

@@ -1,39 +0,0 @@
-import { createBem } from "../../utils/bem.js";
-import { defaultSwipeActionGroupProps, swipeActionGroupContextKey } from "./common.js";
-import { createElementBlock, defineComponent, mergeDefaults, normalizeClass, openBlock, provide, reactive, renderSlot, toRef, unref } from "vue";
-//#region packages/sard/components/swipe-action/swipe-action-group.vue
-var swipe_action_group_default = /*@__PURE__*/ defineComponent({
-	__name: "swipe-action-group",
-	props: /*@__PURE__*/ mergeDefaults({ multiple: {
-		type: Boolean,
-		required: false
-	} }, defaultSwipeActionGroupProps),
-	setup(__props, { expose: __expose }) {
-		const props = __props;
-		const bem = createBem("swipe-action-group");
-		const itemMap = /* @__PURE__ */ new Map();
-		const closeAll = (exceptId) => {
-			itemMap.forEach((item, id) => {
-				if (id !== exceptId) item.hide();
-			});
-		};
-		const register = (id, expose) => {
-			itemMap.set(id, expose);
-		};
-		const unregister = (id) => {
-			itemMap.delete(id);
-		};
-		provide(swipeActionGroupContextKey, reactive({
-			multiple: toRef(() => props.multiple),
-			register,
-			unregister,
-			closeAll
-		}));
-		__expose({ closeAll: () => closeAll() });
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", { class: normalizeClass(unref(bem).b()) }, [renderSlot(_ctx.$slots, "default")], 2);
-		};
-	}
-});
-//#endregion
-export { swipe_action_group_default as default };