sard 1.0.21 → 1.0.23

package/components/button/button.vue.d.ts

@@ -5,12 +5,12 @@ declare const __VLS_base: import("vue").DefineComponent<ButtonProps, {}, {}, {},
 }, string, import("vue").PublicProps, Readonly<ButtonProps> & Readonly<{
     onClick?: ((event: MouseEvent) => any) | undefined;
 }>, {
+    round: boolean;
     size: "xs" | "small" | "medium" | "large";
     loading: boolean;
     disabled: boolean;
     color: "primary" | "secondary" | "success" | "warning" | "danger" | "white" | "black";
     square: boolean;
-    round: boolean;
     variant: "solid" | "outlined" | "dashed" | "filled" | "text" | "link";
     loadingType: "clock" | "circular";
     block: boolean;

package/components/count-to/count-to.vue.d.ts

@@ -1,7 +1,7 @@
 import { type CountToProps } from './common';
 declare const __VLS_export: import("vue").DefineComponent<CountToProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<CountToProps> & Readonly<{}>, {
-    value: number;
     duration: number;
+    value: number;
     separator: string;
     precision: number;
     separatorDigit: number;

package/components/count-to/count-to.vue.js

@@ -1,7 +1,7 @@
 import { addSeparator } from "../../utils/string.js";
+import { animateNumber } from "../../utils/animation.js";
 import { defaultCountToProps } from "./common.js";
 import { computed, createElementBlock, defineComponent, mergeDefaults, onUnmounted, openBlock, ref, toDisplayString, watch } from "vue";
-import { createAnimation } from "lwa";
 //#region packages/sard/components/count-to/count-to.vue
 var count_to_default = /*@__PURE__*/ defineComponent({
 	__name: "count-to",
@@ -30,14 +30,14 @@ var count_to_default = /*@__PURE__*/ defineComponent({
 	setup(__props) {
 		const props = __props;
 		const number = ref(0);
-		let tl;
+		let animation;
 		const renderedNumer = computed(() => {
 			const fixedNum = number.value.toFixed(props.precision);
 			return props.separator ? addSeparator(fixedNum, props.separator, props.separatorDigit) : fixedNum;
 		});
 		watch(() => props.value, () => {
-			tl?.pause();
-			tl = createAnimation(number, { value: props.value }, {
+			animation?.pause();
+			animation = animateNumber(number, props.value, {
 				duration: props.duration,
 				easing: "easeOutQuint",
 				round: Math.pow(10, props.precision)
@@ -47,7 +47,7 @@ var count_to_default = /*@__PURE__*/ defineComponent({
 			immediate: true
 		});
 		onUnmounted(() => {
-			tl?.pause();
+			animation?.pause();
 		});
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("span", null, toDisplayString(renderedNumer.value), 1);

package/components/floating-panel/floating-panel.vue.d.ts

@@ -7,8 +7,8 @@ declare const __VLS_base: import("vue").DefineComponent<FloatingPanelProps, Floa
     "onUpdate:height"?: ((value: number) => any) | undefined;
     "onHeight-change"?: ((value: number) => any) | undefined;
 }>, {
-    height: number;
     duration: number;
+    height: number;
     anchors: number[];
     contentDraggable: boolean;
     safeAreaInsetBottom: boolean;

package/components/input/input.vue.d.ts

@@ -32,7 +32,7 @@ declare const __VLS_base: import("vue").DefineComponent<InputProps, InputExpose,
     autoHeight: import("./common").InputAutoHeight;
     formatter: (value: string, trigger: "input" | "change") => string;
     placeholder: string;
-    inputmode: "text" | "search" | "none" | "url" | "email" | "tel" | "numeric" | "decimal";
+    inputmode: "decimal" | "text" | "search" | "none" | "url" | "email" | "tel" | "numeric";
     enterkeyhint: "search" | "done" | "enter" | "next" | "go" | "previous" | "send";
     spellcheck: boolean | "true" | "false";
     modelModifiers: import("./common").InputModelModifiers;

package/components/progress-bar/progress-bar.vue.d.ts

@@ -1,11 +1,11 @@
 import { type ProgressBarProps, type ProgressBarSlots } from './common';
 type __VLS_Slots = ProgressBarSlots;
 declare const __VLS_base: import("vue").DefineComponent<ProgressBarProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProgressBarProps> & Readonly<{}>, {
+    percent: number;
     animated: boolean;
     color: string;
     status: "success" | "warning" | "error";
     inside: boolean;
-    percent: number;
     trackColor: string;
     thickness: string;
     showText: boolean;

package/components/progress-circle/progress-circle.vue.d.ts

@@ -1,10 +1,10 @@
 import { type ProgressCircleProps, type ProgressCircleSlots } from './common';
 type __VLS_Slots = ProgressCircleSlots;
 declare const __VLS_base: import("vue").DefineComponent<ProgressCircleProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProgressCircleProps> & Readonly<{}>, {
+    percent: number;
     size: string;
     color: string;
     status: "success" | "warning" | "error";
-    percent: number;
     trackColor: string;
     thickness: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/components/skeleton/skeleton.vue.d.ts

@@ -3,8 +3,8 @@ type __VLS_Slots = SkeletonSlots;
 declare const __VLS_base: import("vue").DefineComponent<SkeletonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<SkeletonProps> & Readonly<{}>, {
     title: boolean;
     animated: boolean;
-    loading: boolean;
     round: boolean;
+    loading: boolean;
     avatar: boolean;
     rows: number;
     avatarSize: string;

package/components/swiper/useSwiperAnimation.js

@@ -1,14 +1,14 @@
+import { animateNumber } from "../../utils/animation.js";
 import { withResolvers } from "../../utils/polyfill.js";
 import { onUnmounted } from "vue";
-import { createAnimation } from "lwa";
 //#region packages/sard/components/swiper/useSwiperAnimation.ts
 function useSwiperAnimation(target) {
-	let tl;
+	let animation;
 	let promiseWithResolvers;
 	const play = (value, duration, update) => {
-		tl?.pause();
+		animation?.pause();
 		promiseWithResolvers = withResolvers();
-		tl = createAnimation(target, { value }, {
+		animation = animateNumber(target, value, {
 			duration,
 			easing: "easeOutCubic",
 			update,
@@ -19,7 +19,7 @@ function useSwiperAnimation(target) {
 		return promiseWithResolvers.promise;
 	};
 	const pause = () => {
-		tl?.pause();
+		animation?.pause();
 	};
 	onUnmounted(() => {
 		pause();

package/components/tabbar/tabbar.vue.d.ts

@@ -7,8 +7,8 @@ declare const __VLS_base: import("vue").DefineComponent<TabbarProps, {}, {}, {},
     onChange?: ((value: string | number) => any) | undefined;
     "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
 }>, {
-    fixed: boolean;
     modelValue: number | string;
+    fixed: boolean;
     color: string;
     bordered: boolean;
     safeAreaInsetBottom: boolean;

package/components/tag/tag.vue.d.ts

@@ -8,10 +8,10 @@ declare const __VLS_base: import("vue").DefineComponent<TagProps, {}, {}, {}, {}
     onClose?: ((event: any) => any) | undefined;
 }>, {
     mark: "left" | "right";
+    round: boolean;
     size: "small" | "medium" | "large";
     color: "default" | "primary" | "success" | "warning" | "danger";
     closable: boolean;
-    round: boolean;
     variant: "filled" | "solid" | "outlined";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/index.js

@@ -1,5 +1,5 @@
 import { createBem, createBemStruct, cssVar, cssVarName, defaultBemConfig } from "./utils/bem.js";
-import { clamp, formatNumber, getDecimalsLength, inRange, looseToNumber, mround, random, round } from "./utils/number.js";
+import { abbrNumber, clamp, formatNumber, formatThousands, getDecimalsLength, inRange, looseToNumber, mround, random, round, truncToFixed } from "./utils/number.js";
 import { baseLunarYear, earthlyBranches, formatDate, getDayOfYear, getDaysAfterLastDay, getDaysBeforeFirstDay, getDaysInMonth, getDaysSinceUnixEpoch, getFirstDayWeekday, getLunarDayName, getLunarHourName, getLunarLeapMonth, getLunarLeapMonthDays, getLunarMonthDays, getLunarMonthName, getLunarYearDays, getLunarYearName, getNextMonthDate, getNextMonthHeadDays, getPrevMonthDate, getPrevMonthTailDays, heavenlyStems, isLeapYear, lunarDayNames, lunarInfo, lunarMonthNames, lunarToSolar, lunarYearNames, minmaxDate, parseDate, solarToLunar, springFestivals, toDate, toDateNumber, toDateString, toMonthNumber } from "./utils/date.js";
 import { checkRtl, getScrollTop, toTouchEvent } from "./utils/dom.js";
 import { chooseFile, getFileName, imageDataToDataURL, isFileUrl, isImageFile, isImageUrl, isVideoFile, isVideoUrl, loadImage, readFileContent } from "./utils/file.js";
@@ -24,7 +24,6 @@ import { Friction } from "./utils/scroller/Friction.js";
 import { Spring } from "./utils/scroller/Spring.js";
 import { useTimeout } from "./use/useTimeout.js";
 import { useZIndex } from "./use/useZIndex.js";
-import { getAllImperatives, getAvailableImperative, getImperatives, useImperative } from "./use/useImperative.js";
 import { useLuckyDraw } from "./use/useLuckyDraw.js";
 import { getGridCenterSize, getGridIndex, getGridPrizeCount, useLuckyGrid } from "./use/useLuckyGrid.js";
 import { useLuckyWheel } from "./use/useLuckyWheel.js";
@@ -217,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, CancelError, 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, Flex, FloatingBubble, FloatingPanel, Form, FormItem, FormItemPlain, FormPlain, Friction, Grid, GridItem, Image, Indexes, IndexesAnchor, IndexesNav, Input, Keyboard, KeyboardPopout, List, ListItem, LoadMore, LoadMoreStatus, 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, 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, assignDeep, 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, flexGap, 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, getScrollTop, getTouchPoint, getTransformOrigin, getTreeCheckedKeys, getTreeHalfCheckedKeys, getTwoPointsDistance, heavenlyStems, hslToHsv, hslToHwb, hslToRgb, hsvToHsl, hwbToHsl, imageDataToDataURL, inRange, initializeCheckNodes, installer, interpolate, isBoolean, isCancelError, 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, popupManager, prepareEnvironment, previewImage, provideColorScheme, provideLocale, qrcode, random, reactiveComputed, readFileContent, rgbToHsl, round, safeAreaInsets, scrollToTarget, setCheckedRecursively, setLocale, shuffle, sleep, snakeCase, solarToLunar, 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, 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, CancelError, 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, Flex, FloatingBubble, FloatingPanel, Form, FormItem, FormItemPlain, FormPlain, Friction, Grid, GridItem, Image, Indexes, IndexesAnchor, IndexesNav, Input, Keyboard, KeyboardPopout, List, ListItem, LoadMore, LoadMoreStatus, 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, 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, abbrNumber, actionSheet, addSeparator, addUnit, arrayEqual, arrayMove, assignDeep, 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, flexGap, formatColor, formatDate, formatNumber, formatThousands, formatTime, getAspectFillSize, getAspectFitSize, getCurrentTime, getDampingValue, getDayOfYear, getDaysAfterLastDay, getDaysBeforeFirstDay, getDaysInMonth, getDaysSinceUnixEpoch, getDecimalsLength, getFileName, getFirstDayWeekday, getGridCenterSize, getGridIndex, getGridPrizeCount, getInBoundValue, getLeafNodes, getLunarDayName, getLunarHourName, getLunarLeapMonth, getLunarLeapMonthDays, getLunarMonthDays, getLunarMonthName, getLunarYearDays, getLunarYearName, getNextMonthDate, getNextMonthHeadDays, getNodeLevel, getOverflowRangeInArea, getPageRange, getPrevMonthDate, getPrevMonthTailDays, getPreviewColor, getRectDampingValue, getRotatedRect, getScrollIntoViewValue, getScrollTop, getTouchPoint, getTransformOrigin, getTreeCheckedKeys, getTreeHalfCheckedKeys, getTwoPointsDistance, heavenlyStems, hslToHsv, hslToHwb, hslToRgb, hsvToHsl, hwbToHsl, imageDataToDataURL, inRange, initializeCheckNodes, installer, interpolate, isBoolean, isCancelError, 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, popupManager, prepareEnvironment, previewImage, provideColorScheme, provideLocale, qrcode, random, reactiveComputed, readFileContent, rgbToHsl, round, safeAreaInsets, scrollToTarget, setCheckedRecursively, setLocale, shuffle, sleep, snakeCase, solarToLunar, splitUnit, spreadEach, springFestivals, throttle, toArray, toDate, toDateNumber, toDateString, toMonthNumber, toReactive, toTouchEvent, toast, treeToMap, truncToFixed, uniqid, updateAncestorsChecked, upperFirst, useClickOutside, useColorScheme, useComposition, useCountDown, useDragPinch, useElementBackTop, useElementScroll, useFormContext, useFormItem, useFormItemContext, useFormPopout, useInPopup, useIndeterminate, useInitialVelocity, useIntersectionObserver, useKeyList, 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.21",
+  "version": "1.0.23",
   "description": "sard 是基于 Vue3 的 Web 移动端 UI 组件库",
   "keywords": [
     "UI",
@@ -20,12 +20,10 @@
   "main": "index.js",
   "devDependencies": {
     "@sard/icons": "^0.1.0",
-    "lwa": "^0.3.0",
     "vue": "^3.5.0"
   },
   "peerDependencies": {
     "@sard/icons": "^0.1.0",
-    "lwa": "^0.3.0",
     "vue": "^3.5.0"
   }
 }

package/use/index.d.ts

@@ -1,6 +1,5 @@
 export * from './useTimeout';
 export * from './useZIndex';
-export * from './useImperative';
 export * from './useLuckyGrid';
 export * from './useLuckyWheel';
 export * from './useLuckyDraw';

package/use/index.js

@@ -1,6 +1,5 @@
 import { useTimeout } from "./useTimeout.js";
 import { useZIndex } from "./useZIndex.js";
-import { getAllImperatives, getAvailableImperative, getImperatives, useImperative } from "./useImperative.js";
 import { useLuckyDraw } from "./useLuckyDraw.js";
 import { getGridCenterSize, getGridIndex, getGridPrizeCount, useLuckyGrid } from "./useLuckyGrid.js";
 import { useLuckyWheel } from "./useLuckyWheel.js";
@@ -33,4 +32,4 @@ import { useRtl } from "./useRtl.js";
 import { autoUpdate, computePosition, usePopper } from "./usePopper.js";
 import { useClickOutside } from "./useClickOutside.js";
 import { isColorScheme, provideColorScheme, useColorScheme } from "./useColorScheme.js";
-export { autoUpdate, computePosition, defaultOptionKeys, getAllImperatives, getAvailableImperative, getGridCenterSize, getGridIndex, getGridPrizeCount, getImperatives, isColorScheme, provideColorScheme, reactiveComputed, toReactive, useClickOutside, useColorScheme, useComposition, useDragPinch, useElementScroll, useImperative, useIndeterminate, useInitialVelocity, useIntersectionObserver, useKeyList, useLockScroll, useLuckyDraw, useLuckyGrid, useLuckyWheel, useOptionKeys, usePageScroll, usePointerDown, usePopper, useReachBottom, useResizeObserver, useRtl, useScrollSide, useScrollSpy, useSimulatedClick, useSimulatedDblClick, useSimulatedPress, useSingleTask, useSlotMachine, useStopMovedClick, useTimeout, useTimeoutLoading, useWindowResize, useZIndex };
+export { autoUpdate, computePosition, defaultOptionKeys, getGridCenterSize, getGridIndex, getGridPrizeCount, isColorScheme, provideColorScheme, reactiveComputed, toReactive, useClickOutside, useColorScheme, useComposition, useDragPinch, useElementScroll, useIndeterminate, useInitialVelocity, useIntersectionObserver, useKeyList, useLockScroll, useLuckyDraw, useLuckyGrid, useLuckyWheel, useOptionKeys, usePageScroll, usePointerDown, usePopper, useReachBottom, useResizeObserver, useRtl, useScrollSide, useScrollSpy, useSimulatedClick, useSimulatedDblClick, useSimulatedPress, useSingleTask, useSlotMachine, useStopMovedClick, useTimeout, useTimeoutLoading, useWindowResize, useZIndex };

package/use/useLuckyDraw.js

@@ -1,6 +1,6 @@
 import { random } from "../utils/number.js";
+import { ticker } from "../utils/animation.js";
 import { computed, onScopeDispose, ref, unref } from "vue";
-import { ticker } from "lwa";
 //#region packages/sard/use/useLuckyDraw.ts
 const defaultOptions = {
 	minSpeed: .1,

package/use/usePopper.js

@@ -1,7 +1,7 @@
 import { clamp } from "../utils/number.js";
 import { isRectEqual } from "../utils/geometry.js";
+import { ticker } from "../utils/animation.js";
 import { onBeforeUnmount, reactive, watch } from "vue";
-import { ticker } from "lwa";
 //#region packages/sard/use/usePopper.ts
 const directions = [
 	"top",

package/utils/animation.d.ts

@@ -0,0 +1,31 @@
+import { type Ref } from 'vue';
+type TickCallback = () => void;
+/**
+ * 基于单个 requestAnimationFrame 的共享循环，多个动画共用同一帧循环。
+ */
+export declare const ticker: {
+    add(callback: TickCallback): void;
+    remove(callback: TickCallback): void;
+};
+type EasingName = 'easeOutCubic' | 'easeOutQuint';
+export interface AnimateNumberOptions {
+    /** 动画时长，单位毫秒 */
+    duration?: number;
+    /** 缓动函数名或自定义缓动函数 */
+    easing?: EasingName | ((k: number) => number);
+    /** 取整因子，每帧值会被舍入为 Math.round(value * round) / round */
+    round?: number;
+    /** 每帧更新后回调 */
+    update?: () => void;
+    /** 动画结束回调 */
+    complete?: () => void;
+}
+export interface Animation {
+    /** 暂停动画，暂停后不会触发 complete */
+    pause: () => void;
+}
+/**
+ * 将数字 ref 的 value 从当前值缓动到目标值，创建后自动播放。
+ */
+export declare function animateNumber(ref: Ref<number>, to: number, options?: AnimateNumberOptions): Animation;
+export {};

package/utils/animation.js

@@ -0,0 +1,56 @@
+//#region packages/sard/utils/animation.ts
+const callbacks = /* @__PURE__ */ new Set();
+let rafId = 0;
+function loop() {
+	rafId = requestAnimationFrame(loop);
+	callbacks.forEach((callback) => callback());
+}
+/**
+* 基于单个 requestAnimationFrame 的共享循环，多个动画共用同一帧循环。
+*/
+const ticker = {
+	add(callback) {
+		callbacks.add(callback);
+		if (rafId === 0) rafId = requestAnimationFrame(loop);
+	},
+	remove(callback) {
+		callbacks.delete(callback);
+		if (rafId !== 0 && callbacks.size === 0) {
+			cancelAnimationFrame(rafId);
+			rafId = 0;
+		}
+	}
+};
+const easings = {
+	easeOutCubic: (k) => 1 - Math.pow(1 - k, 3),
+	easeOutQuint: (k) => 1 - Math.pow(1 - k, 5)
+};
+/**
+* 将数字 ref 的 value 从当前值缓动到目标值，创建后自动播放。
+*/
+function animateNumber(ref, to, options = {}) {
+	const { duration = 0, easing = "easeOutCubic", round, update, complete } = options;
+	const easingFn = typeof easing === "function" ? easing : easings[easing];
+	const from = ref.value;
+	const change = to - from;
+	const start = performance.now();
+	const setValue = (value) => {
+		ref.value = round === void 0 ? value : Math.round(value * round) / round;
+	};
+	const tick = () => {
+		const progress = duration > 0 ? Math.min((performance.now() - start) / duration, 1) : 1;
+		setValue(from + change * easingFn(progress));
+		update?.();
+		if (progress >= 1) {
+			pause();
+			complete?.();
+		}
+	};
+	const pause = () => {
+		ticker.remove(tick);
+	};
+	ticker.add(tick);
+	return { pause };
+}
+//#endregion
+export { animateNumber, ticker };

package/utils/index.js

@@ -1,5 +1,5 @@
 import { createBem, createBemStruct, cssVar, cssVarName, defaultBemConfig } from "./bem.js";
-import { clamp, formatNumber, getDecimalsLength, inRange, looseToNumber, mround, random, round } from "./number.js";
+import { abbrNumber, clamp, formatNumber, formatThousands, getDecimalsLength, inRange, looseToNumber, mround, random, round, truncToFixed } from "./number.js";
 import { baseLunarYear, earthlyBranches, formatDate, getDayOfYear, getDaysAfterLastDay, getDaysBeforeFirstDay, getDaysInMonth, getDaysSinceUnixEpoch, getFirstDayWeekday, getLunarDayName, getLunarHourName, getLunarLeapMonth, getLunarLeapMonthDays, getLunarMonthDays, getLunarMonthName, getLunarYearDays, getLunarYearName, getNextMonthDate, getNextMonthHeadDays, getPrevMonthDate, getPrevMonthTailDays, heavenlyStems, isLeapYear, lunarDayNames, lunarInfo, lunarMonthNames, lunarToSolar, lunarYearNames, minmaxDate, parseDate, solarToLunar, springFestivals, toDate, toDateNumber, toDateString, toMonthNumber } from "./date.js";
 import { checkRtl, getScrollTop, toTouchEvent } from "./dom.js";
 import { chooseFile, getFileName, imageDataToDataURL, isFileUrl, isImageFile, isImageUrl, isVideoFile, isVideoUrl, loadImage, readFileContent } from "./file.js";
@@ -24,4 +24,4 @@ import { Friction } from "./scroller/Friction.js";
 import { Spring } from "./scroller/Spring.js";
 import { withResolvers } from "./polyfill.js";
 import { useScroller } from "./scroller/useScroller.js";
-export { ALPHANUMERIC_CHARS, BarcodeFormatList, BarcodeTextPositionList, ECLList, Friction, OnlyChild, Spring, addSeparator, addUnit, arrayEqual, arrayMove, assignDeep, barcode, baseLunarYear, calculateBarcodeLayout, camelCase, capitalize, chainGet, chainSet, checkRtl, chooseFile, clamp, clipboard, createBem, createBemStruct, createInertialAnimate, cssVar, cssVarName, debounce, deepClone, defaultBemConfig, defaultColorPickerPresets, defaultColorPickerValue, defineSetupFnComponent, earthlyBranches, enhanceComponent, extend, flatVNode, formatColor, formatDate, formatNumber, getAspectFillSize, getAspectFitSize, getDampingValue, getDayOfYear, getDaysAfterLastDay, getDaysBeforeFirstDay, getDaysInMonth, getDaysSinceUnixEpoch, getDecimalsLength, getFileName, getFirstDayWeekday, getInBoundValue, getLeafNodes, getLunarDayName, getLunarHourName, getLunarLeapMonth, getLunarLeapMonthDays, getLunarMonthDays, getLunarMonthName, getLunarYearDays, getLunarYearName, getNextMonthDate, getNextMonthHeadDays, getNodeLevel, getOverflowRangeInArea, getPageRange, getPrevMonthDate, getPrevMonthTailDays, getPreviewColor, getRectDampingValue, getRotatedRect, getScrollIntoViewValue, getScrollTop, getTouchPoint, getTransformOrigin, getTreeCheckedKeys, getTreeHalfCheckedKeys, getTwoPointsDistance, heavenlyStems, hslToHsv, hslToHwb, hslToRgb, hsvToHsl, hwbToHsl, imageDataToDataURL, inRange, initializeCheckNodes, interpolate, isBoolean, 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, logError, looseToNumber, lowerFirst, lunarDayNames, lunarInfo, lunarMonthNames, lunarToSolar, lunarYearNames, mapTreeToGrid, matchScrollVisible, measureTextWidth, minmaxDate, mround, nestedToMulti, noop, normalizeBarcodeOptions, normalizeHsla, normalizeHsva, omit, parseColor, parseDate, partition, pascalCase, pick, qrcode, random, readFileContent, rgbToHsl, round, scrollToTarget, setCheckedRecursively, shuffle, sleep, snakeCase, solarToLunar, splitUnit, spreadEach, springFestivals, throttle, toArray, toDate, toDateNumber, toDateString, toMonthNumber, toTouchEvent, treeToMap, uniqid, updateAncestorsChecked, upperFirst, useScroller, walkAncestor, walkDescendant, walkNodes, withResolvers };
+export { ALPHANUMERIC_CHARS, BarcodeFormatList, BarcodeTextPositionList, ECLList, Friction, OnlyChild, Spring, abbrNumber, addSeparator, addUnit, arrayEqual, arrayMove, assignDeep, barcode, baseLunarYear, calculateBarcodeLayout, camelCase, capitalize, chainGet, chainSet, checkRtl, chooseFile, clamp, clipboard, createBem, createBemStruct, createInertialAnimate, cssVar, cssVarName, debounce, deepClone, defaultBemConfig, defaultColorPickerPresets, defaultColorPickerValue, defineSetupFnComponent, earthlyBranches, enhanceComponent, extend, flatVNode, formatColor, formatDate, formatNumber, formatThousands, getAspectFillSize, getAspectFitSize, getDampingValue, getDayOfYear, getDaysAfterLastDay, getDaysBeforeFirstDay, getDaysInMonth, getDaysSinceUnixEpoch, getDecimalsLength, getFileName, getFirstDayWeekday, getInBoundValue, getLeafNodes, getLunarDayName, getLunarHourName, getLunarLeapMonth, getLunarLeapMonthDays, getLunarMonthDays, getLunarMonthName, getLunarYearDays, getLunarYearName, getNextMonthDate, getNextMonthHeadDays, getNodeLevel, getOverflowRangeInArea, getPageRange, getPrevMonthDate, getPrevMonthTailDays, getPreviewColor, getRectDampingValue, getRotatedRect, getScrollIntoViewValue, getScrollTop, getTouchPoint, getTransformOrigin, getTreeCheckedKeys, getTreeHalfCheckedKeys, getTwoPointsDistance, heavenlyStems, hslToHsv, hslToHwb, hslToRgb, hsvToHsl, hwbToHsl, imageDataToDataURL, inRange, initializeCheckNodes, interpolate, isBoolean, 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, logError, looseToNumber, lowerFirst, lunarDayNames, lunarInfo, lunarMonthNames, lunarToSolar, lunarYearNames, mapTreeToGrid, matchScrollVisible, measureTextWidth, minmaxDate, mround, nestedToMulti, noop, normalizeBarcodeOptions, normalizeHsla, normalizeHsva, omit, parseColor, parseDate, partition, pascalCase, pick, qrcode, random, readFileContent, rgbToHsl, round, scrollToTarget, setCheckedRecursively, shuffle, sleep, snakeCase, solarToLunar, splitUnit, spreadEach, springFestivals, throttle, toArray, toDate, toDateNumber, toDateString, toMonthNumber, toTouchEvent, treeToMap, truncToFixed, uniqid, updateAncestorsChecked, upperFirst, useScroller, walkAncestor, walkDescendant, walkNodes, withResolvers };

package/utils/inertialAnimate.js

@@ -1,4 +1,4 @@
-import { ticker } from "lwa";
+import { ticker } from "./animation.js";
 //#region packages/sard/utils/inertialAnimate.ts
 const friction = .95;
 const minVelocity = .1;

package/utils/number.d.ts

@@ -30,3 +30,21 @@ export declare function looseToNumber(val: any): any;
  * 将任意字符的字符串格式化为数字字符串，可以指定是否允许小数和负数
  */
 export declare function formatNumber(value: string, allowDot?: boolean, allowMinus?: boolean): string;
+/**
+ * trunc 版本的 toFixed，避免四舍五入
+ * @param num
+ * @param decimals 小数位数
+ */
+export declare function truncToFixed(num: number, decimals?: number): string;
+/**
+ * 通过添加单位缩写数字
+ * @param num
+ * @param decimals 小数位数
+ * @param keepZero 是否保留为0时的小数部分
+ */
+export declare function abbrNumber(num: number, decimals?: number, keepZero?: boolean): string;
+/**
+ * 将数字格式化为千分位格式
+ * @param  num
+ */
+export declare function formatThousands(num?: number): string;

package/utils/number.js

@@ -58,5 +58,61 @@ function formatNumber(value, allowDot = true, allowMinus = true) {
 	else value = value.replace(/-/g, "");
 	return value;
 }
+/**
+* trunc 版本的 toFixed，避免四舍五入
+* @param num
+* @param decimals 小数位数
+*/
+function truncToFixed(num, decimals = 0) {
+	const n = Math.pow(10, decimals);
+	return (Math.trunc(num * n) / n).toFixed(decimals);
+}
+/**
+* 通过添加单位缩写数字
+* @param num
+* @param decimals 小数位数
+* @param keepZero 是否保留为0时的小数部分
+*/
+function abbrNumber(num, decimals = 1, keepZero = false) {
+	if (!isFinite(num)) return "0";
+	const units = [
+		{
+			value: 0xe8d4a51000,
+			symbol: "T"
+		},
+		{
+			value: 1e9,
+			symbol: "B"
+		},
+		{
+			value: 1e6,
+			symbol: "M"
+		},
+		{
+			value: 1e3,
+			symbol: "K"
+		}
+	];
+	const isNegative = num < 0;
+	if (isNegative) num = Math.abs(num);
+	let formattedNum = truncToFixed(num, decimals);
+	let selectedSymbol = "";
+	for (let i = 0; i < units.length; i++) if (num >= units[i].value) {
+		formattedNum = truncToFixed(num / units[i].value, decimals);
+		selectedSymbol = units[i].symbol;
+		break;
+	}
+	if (!keepZero) formattedNum = formattedNum.replace(/\.0+$/, "");
+	return (isNegative ? "-" : "") + formattedNum + selectedSymbol;
+}
+let numberFormat;
+/**
+* 将数字格式化为千分位格式
+* @param  num
+*/
+function formatThousands(num = 0) {
+	if (!numberFormat) numberFormat = new Intl.NumberFormat("en-US", { style: "decimal" });
+	return numberFormat.format(num);
+}
 //#endregion
-export { clamp, formatNumber, getDecimalsLength, inRange, looseToNumber, mround, random, round };
+export { abbrNumber, clamp, formatNumber, formatThousands, getDecimalsLength, inRange, looseToNumber, mround, random, round, truncToFixed };

package/utils/scroller/useEasingAnimation.js

@@ -1,14 +1,14 @@
+import { animateNumber } from "../animation.js";
 import { withResolvers } from "../polyfill.js";
 import { onUnmounted } from "vue";
-import { createAnimation } from "lwa";
 //#region packages/sard/utils/scroller/useEasingAnimation.ts
 function useEasingAnimation(target) {
-	let tl;
+	let animation;
 	let promiseWithResolvers;
 	const play = (value, duration) => {
-		tl?.pause();
+		animation?.pause();
 		promiseWithResolvers = withResolvers();
-		tl = createAnimation(target, { value }, {
+		animation = animateNumber(target, value, {
 			duration,
 			easing: "easeOutCubic",
 			complete() {
@@ -18,7 +18,7 @@ function useEasingAnimation(target) {
 		return promiseWithResolvers.promise;
 	};
 	const pause = () => {
-		tl?.pause();
+		animation?.pause();
 	};
 	onUnmounted(() => {
 		pause();

package/utils/scroller/useScrollAnimation.js

@@ -1,4 +1,4 @@
-import { ticker } from "lwa";
+import { ticker } from "../animation.js";
 //#region packages/sard/utils/scroller/useScrollAnimation.ts
 /**
 * 创建一个基于 requestAnimationFrame 的动画循环。

package/use/useImperative.d.ts

@@ -1,11 +0,0 @@
-import { type Ref } from 'vue';
-type ImperativeItem<T = any> = {
-    show: boolean;
-    imperative: T;
-};
-type AllImperatives<T = any> = Record<string, Record<string, ImperativeItem<T>[] | undefined> | undefined>;
-export declare function useImperative<T = any>(name: string, imperative: T, id: Ref<string>): void;
-export declare function getAvailableImperative<T = any>(name: string, id: string): T | void;
-export declare function getImperatives<T = any>(name: string, id: string): ImperativeItem<T>[] | undefined;
-export declare function getAllImperatives<T = any>(): AllImperatives<T>;
-export {};

package/use/useImperative.js

@@ -1,44 +0,0 @@
-import { onMounted, onUnmounted } from "vue";
-//#region packages/sard/use/useImperative.ts
-const allImperatives = {};
-function useImperative(name, imperative, id) {
-	onMounted(() => {
-		if (id.value) {
-			const imperativeItems = (allImperatives[name] ??= {})[id.value] ??= [];
-			if (imperativeItems.findIndex((item) => item.imperative === imperative) === -1) imperativeItems.push({
-				imperative,
-				show: true
-			});
-		}
-	});
-	onUnmounted(() => {
-		if (id.value) {
-			const imperativeItems = allImperatives[name]?.[id.value];
-			if (imperativeItems) {
-				const index = imperativeItems.findIndex((item) => item.imperative === imperative);
-				if (index !== -1) {
-					imperativeItems.splice(index, 1);
-					if (imperativeItems.length === 0) delete allImperatives[name]?.[id.value];
-				}
-			}
-		}
-	});
-}
-function getAvailableImperative(name, id) {
-	const imperativeItems = allImperatives[name]?.[id];
-	if (imperativeItems) {
-		for (let i = imperativeItems.length - 1; i >= 0; i--) {
-			const imperativeItem = imperativeItems[i];
-			if (imperativeItem && imperativeItem.show) return imperativeItem.imperative;
-		}
-		return imperativeItems[imperativeItems.length - 1]?.imperative;
-	}
-}
-function getImperatives(name, id) {
-	return allImperatives[name]?.[id];
-}
-function getAllImperatives() {
-	return allImperatives;
-}
-//#endregion
-export { getAllImperatives, getAvailableImperative, getImperatives, useImperative };