sard 1.0.20 → 1.0.22

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/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

@@ -6,9 +6,9 @@ import { chooseFile, getFileName, imageDataToDataURL, isFileUrl, isImageFile, is
 import { isBoolean, isConfigObject, isDate, isEmptyArray, isFunction, isNoEmptyArray, isNullish, isNumber, isObject, isPlainObject, isPrimitive, isString, isUndefined } from "./utils/is.js";
 import { addUnit, debounce, getPageRange, isEmptyBinding, isEmptyValue, isRenderVisible, isVisibleEmpty, noop, sleep, splitUnit, throttle } from "./utils/utils.js";
 import { ALPHANUMERIC_CHARS, ECLList, qrcode } from "./utils/qrcode.js";
-import { chainGet, chainSet, deepClone, extend, nestedToMulti, omit, partition, pick, treeToMap } from "./utils/object.js";
+import { assignDeep, chainGet, chainSet, deepClone, extend, nestedToMulti, omit, partition, pick, treeToMap } from "./utils/object.js";
 import { arrayEqual, arrayMove, shuffle, spreadEach, toArray } from "./utils/array.js";
-import { addSeparator, camelCase, capitalize, isKorean, kebabCase, lowerFirst, pascalCase, snakeCase, uniqid, upperFirst } from "./utils/string.js";
+import { addSeparator, camelCase, capitalize, interpolate, isKorean, kebabCase, lowerFirst, pascalCase, snakeCase, uniqid, upperFirst } from "./utils/string.js";
 import { getAspectFillSize, getAspectFitSize, getRotatedRect, getScrollIntoViewValue, getTouchPoint, getTransformOrigin, getTwoPointsDistance, isRectEqual, isSizeEqual, matchScrollVisible, scrollToTarget } from "./utils/geometry.js";
 import { getDampingValue, getInBoundValue, getOverflowRangeInArea, getRectDampingValue } from "./utils/physics.js";
 import { createInertialAnimate } from "./utils/inertialAnimate.js";
@@ -217,4 +217,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, 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, 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, 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 };

package/locale/index.js

@@ -1,4 +1,5 @@
 import { chainGet } from "../utils/object.js";
+import { interpolate } from "../utils/string.js";
 import zh_CN_default from "./lang/zh-CN.js";
 import { computed, inject, ref, shallowRef, watch } from "vue";
 //#region packages/sard/locale/index.ts
@@ -11,13 +12,7 @@ function useTranslate(prefix = "") {
 		const chain = typeof chainOrData === "string" ? prefix ? prefix + "." + chainOrData : chainOrData : prefix;
 		data = chainOrData && typeof chainOrData === "object" ? chainOrData : data;
 		const result = chainGet(locale.value, chain);
-		if (typeof result === "string") {
-			if (data) return result.replace(/\{([^}]*)\}/g, (match, p1) => {
-				const value = data[p1];
-				return value != null ? String(value) : match;
-			});
-			return result;
-		}
+		if (typeof result === "string") return data ? interpolate(result, data) : result;
 		return chain;
 	};
 	const select = (chain) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sard",
-  "version": "1.0.20",
+  "version": "1.0.22",
   "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/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

@@ -6,9 +6,9 @@ import { chooseFile, getFileName, imageDataToDataURL, isFileUrl, isImageFile, is
 import { isBoolean, isConfigObject, isDate, isEmptyArray, isFunction, isNoEmptyArray, isNullish, isNumber, isObject, isPlainObject, isPrimitive, isString, isUndefined } from "./is.js";
 import { addUnit, debounce, getPageRange, isEmptyBinding, isEmptyValue, isRenderVisible, isVisibleEmpty, noop, sleep, splitUnit, throttle } from "./utils.js";
 import { ALPHANUMERIC_CHARS, ECLList, qrcode } from "./qrcode.js";
-import { chainGet, chainSet, deepClone, extend, nestedToMulti, omit, partition, pick, treeToMap } from "./object.js";
+import { assignDeep, chainGet, chainSet, deepClone, extend, nestedToMulti, omit, partition, pick, treeToMap } from "./object.js";
 import { arrayEqual, arrayMove, shuffle, spreadEach, toArray } from "./array.js";
-import { addSeparator, camelCase, capitalize, isKorean, kebabCase, lowerFirst, pascalCase, snakeCase, uniqid, upperFirst } from "./string.js";
+import { addSeparator, camelCase, capitalize, interpolate, isKorean, kebabCase, lowerFirst, pascalCase, snakeCase, uniqid, upperFirst } from "./string.js";
 import { getAspectFillSize, getAspectFitSize, getRotatedRect, getScrollIntoViewValue, getTouchPoint, getTransformOrigin, getTwoPointsDistance, isRectEqual, isSizeEqual, matchScrollVisible, scrollToTarget } from "./geometry.js";
 import { getDampingValue, getInBoundValue, getOverflowRangeInArea, getRectDampingValue } from "./physics.js";
 import { createInertialAnimate } from "./inertialAnimate.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, 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, 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, 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 };

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/object.d.ts

@@ -23,6 +23,11 @@ export declare function deepClone(target: any): any;
  * 深拷贝其他对象到第一个对象
  */
 export declare function extend(...args: any[]): any;
+/**
+ * 深度合并多个对象并返回新对象：纯对象会递归合并，数组等其他非纯对象会被整体覆盖。
+ * 与 `extend` 不同，不会修改传入的任何对象。
+ */
+export declare function assignDeep(...objects: Record<string, any>[]): Record<string, any>;
 export declare function treeToMap(tree: AnyObject[], keyName: string, childrenName: string, parentName: string): {
     [p: string]: AnyObject;
 };

package/utils/object.js

@@ -71,6 +71,25 @@ function extend(...args) {
 	}
 	return target;
 }
+/**
+* 深度合并多个对象并返回新对象：纯对象会递归合并，数组等其他非纯对象会被整体覆盖。
+* 与 `extend` 不同，不会修改传入的任何对象。
+*/
+function assignDeep(...objects) {
+	const result = {};
+	for (const object of objects) {
+		if (object == null) continue;
+		Object.keys(object).forEach((key) => {
+			const value = object[key];
+			if (value === void 0) return;
+			if (isPlainObject(value)) {
+				const prev = result[key];
+				result[key] = assignDeep(isPlainObject(prev) ? prev : {}, value);
+			} else result[key] = value;
+		});
+	}
+	return result;
+}
 function treeToMap(tree, keyName, childrenName, parentName) {
 	const map = {};
 	function recurse(children, parent) {
@@ -131,4 +150,4 @@ function nestedToMulti(nested, values, { getValue, getChildren }) {
 	return columns;
 }
 //#endregion
-export { chainGet, chainSet, deepClone, extend, nestedToMulti, omit, partition, pick, treeToMap };
+export { assignDeep, chainGet, chainSet, deepClone, extend, nestedToMulti, omit, partition, pick, treeToMap };

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/utils/string.d.ts

@@ -35,3 +35,9 @@ export declare function uniqid(): string;
  * 判断是否为韩文字符
  */
 export declare function isKorean(text: string): boolean;
+/**
+ * 使用 `{key}` 占位符替换模板内容：
+ * `data` 为对象时按名匹配（`{name}`），为数组时按下标匹配（`{0}`）。
+ * 对应值为 `null`/`undefined` 或不存在时保留占位符原样；不传 `data` 时原样返回。
+ */
+export declare function interpolate(template: string, data?: Record<string, any> | any[]): string;

package/utils/string.js

@@ -64,5 +64,17 @@ function uniqid() {
 function isKorean(text) {
 	return /([\uAC00-\uD7AF\u3130-\u318F])+/gi.test(text);
 }
+/**
+* 使用 `{key}` 占位符替换模板内容：
+* `data` 为对象时按名匹配（`{name}`），为数组时按下标匹配（`{0}`）。
+* 对应值为 `null`/`undefined` 或不存在时保留占位符原样；不传 `data` 时原样返回。
+*/
+function interpolate(template, data) {
+	if (data == null) return template;
+	return template.replace(/\{([^}]*)\}/g, (match, key) => {
+		const value = Array.isArray(data) ? data[Number(key)] : data[key];
+		return value != null ? String(value) : match;
+	});
+}
 //#endregion
-export { addSeparator, camelCase, capitalize, isKorean, kebabCase, lowerFirst, pascalCase, snakeCase, uniqid, upperFirst };
+export { addSeparator, camelCase, capitalize, interpolate, isKorean, kebabCase, lowerFirst, pascalCase, snakeCase, uniqid, upperFirst };