@sdata/web-vue 4.0.0 → 4.1.0

package/es/badge/badge.vue.d.ts

@@ -14,6 +14,7 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
     color?: ColorType | string;
     status?: BadgeStatus;
     count?: number;
+    animation?: boolean;
 }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
     text?: string;
     dot?: boolean;
@@ -23,6 +24,7 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
     color?: ColorType | string;
     status?: BadgeStatus;
     count?: number;
+    animation?: boolean;
 }> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
     default?: () => unknown;
     content?: () => unknown;

package/es/badge/badge.vue_vue_type_script_setup_true_lang.js

@@ -1,7 +1,8 @@
 import { configProviderInjectionKey } from "../config-provider/context.js";
 import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
-import { computed, createCommentVNode, createElementBlock, createElementVNode, defineComponent, inject, normalizeClass, normalizeStyle, openBlock, renderSlot, toDisplayString, unref, useSlots } from "vue";
+import NumberFlow from "../number-flow/index.js";
+import { computed, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, inject, normalizeClass, normalizeStyle, openBlock, renderSlot, toDisplayString, unref, useSlots } from "vue";
 //#region components/badge/badge.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = ["aria-label"];
 var COLORS = [
@@ -31,7 +32,11 @@ var badge_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComp
 		offset: { default: () => [] },
 		color: {},
 		status: {},
-		count: {}
+		count: {},
+		animation: {
+			type: Boolean,
+			default: true
+		}
 	},
 	setup(__props) {
 		const slots = useSlots();
@@ -56,7 +61,9 @@ var badge_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComp
 			return style;
 		});
 		const mergedStyle = computed(() => _objectSpread2(_objectSpread2({}, !__props.color || COLORS.includes(__props.color) ? {} : { backgroundColor: __props.color }), computedDotStyle.value));
-		const displayCount = computed(() => __props.maxCount && countValue.value > __props.maxCount ? `${__props.maxCount}+` : countValue.value);
+		const isCountOverflow = computed(() => Boolean(__props.maxCount && countValue.value > __props.maxCount));
+		const displayCount = computed(() => isCountOverflow.value ? __props.maxCount : countValue.value);
+		const displaySuffix = computed(() => isCountOverflow.value ? "+" : void 0);
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("span", { class: normalizeClass(wrapperClassName.value) }, [renderSlot(_ctx.$slots, "default"), _ctx.$slots.content ? (openBlock(), createElementBlock("span", {
 				key: 0,
@@ -89,7 +96,15 @@ var badge_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComp
 				key: 4,
 				class: normalizeClass(`${unref(prefixCls)}-number`),
 				style: normalizeStyle(mergedStyle.value)
-			}, [createElementVNode("span", null, toDisplayString(displayCount.value), 1)], 6)) : createCommentVNode("", true)], 2);
+			}, [createVNode(unref(NumberFlow), {
+				value: displayCount.value,
+				suffix: displaySuffix.value,
+				animated: __props.animation
+			}, null, 8, [
+				"value",
+				"suffix",
+				"animated"
+			])], 6)) : createCommentVNode("", true)], 2);
 		};
 	}
 }));

package/es/badge/index.d.ts

@@ -11,6 +11,7 @@ declare const Badge: {
         color?: import("./badge.vue").ColorType | string;
         status?: import("./badge.vue").BadgeStatus;
         count?: number;
+        animation?: boolean;
     }> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
         B: {};
@@ -27,6 +28,7 @@ declare const Badge: {
         color?: import("./badge.vue").ColorType | string;
         status?: import("./badge.vue").BadgeStatus;
         count?: number;
+        animation?: boolean;
     }> & Readonly<{}>, {}, {}, {}, {}, {}>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -40,6 +42,7 @@ declare const Badge: {
     color?: import("./badge.vue").ColorType | string;
     status?: import("./badge.vue").BadgeStatus;
     count?: number;
+    animation?: boolean;
 }> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         default?: () => unknown;

package/es/components.d.ts

@@ -104,6 +104,8 @@ declare module 'vue' {
         SdModelSelectorSeparator: SDVue['ModelSelectorSeparator'];
         SdModelSelectorShortcut: SDVue['ModelSelectorShortcut'];
         SdModelSelectorTrigger: SDVue['ModelSelectorTrigger'];
+        SdNumberFlow: SDVue['NumberFlow'];
+        SdNumberFlowGroup: SDVue['NumberFlowGroup'];
         SdPageHeader: SDVue['PageHeader'];
         SdPagination: SDVue['Pagination'];
         SdPopconfirm: SDVue['Popconfirm'];

package/es/index.css

@@ -7938,6 +7938,9 @@ body.sd-tour-active .sd-tour-popover * {
   font-size: inherit;
   white-space: nowrap;
 }
+.sd-statistic-content .sd-statistic-value .sd-number-flow-fraction {
+  font-size: inherit;
+}
 .sd-statistic-content .sd-statistic-value-decimal {
   display: inline-block;
   font-size: inherit;
@@ -10515,6 +10518,74 @@ body.sd-tour-active .sd-tour-popover * {
   transition: height 0.3s cubic-bezier(0.34, 0.69, 0.1, 1), margin 0.3s cubic-bezier(0.34, 0.69, 0.1, 1), padding 0.3s cubic-bezier(0.34, 0.69, 0.1, 1), opacity 0.3s cubic-bezier(0.34, 0.69, 0.1, 1);
 }
 
+.sd-number-flow {
+  display: inline-flex;
+  align-items: baseline;
+  line-height: 1;
+  direction: ltr;
+  white-space: nowrap;
+  isolation: isolate;
+}
+.sd-number-flow-content, .sd-number-flow-part, .sd-number-flow-digit-track, .sd-number-flow-digit-value, .sd-number-flow-symbol {
+  display: inline-block;
+}
+.sd-number-flow-content {
+  margin: -0.25em -0.2em;
+  padding: 0.25em 0.2em;
+  overflow: hidden;
+}
+.sd-number-flow-part {
+  position: relative;
+  vertical-align: bottom;
+}
+.sd-number-flow-digit {
+  height: 1em;
+  overflow: hidden;
+}
+.sd-number-flow-digit-track {
+  display: flex;
+  flex-direction: column;
+  height: 1em;
+  transform: translateY(calc(1em * var(--sd-number-flow-start)));
+}
+.sd-number-flow-digit-value {
+  flex: 0 0 1em;
+  height: 1em;
+  line-height: 1;
+  text-align: center;
+  font-variant-numeric: tabular-nums;
+}
+.sd-number-flow-prepared .sd-number-flow-digit-track {
+  transition: none;
+}
+.sd-number-flow-animating .sd-number-flow-digit-track {
+  transform: translateY(calc(1em * var(--sd-number-flow-end)));
+  transition: transform var(--sd-number-flow-spin-duration, var(--sd-number-flow-duration)) var(--sd-number-flow-spin-easing, var(--sd-number-flow-easing)), opacity var(--sd-number-flow-opacity-duration) ease-out;
+}
+.sd-number-flow-symbol {
+  white-space: pre;
+}
+.sd-number-flow-will-change :is(.sd-number-flow-content, .sd-number-flow-part, .sd-number-flow-digit-track, .sd-number-flow-symbol) {
+  will-change: transform;
+}
+.sd-number-flow-custom-prefix {
+  margin-right: 4px;
+}
+.sd-number-flow-custom-suffix {
+  margin-left: 4px;
+}
+
+.sd-number-flow-group {
+  display: inline-flex;
+  gap: 4px;
+  align-items: baseline;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .sd-number-flow-digit-track {
+    transition: none;
+  }
+}
 .sd-modal-container {
   position: fixed;
   inset: 0;

package/es/index.d.ts

@@ -106,6 +106,8 @@ export { default as ModelSelector, ModelSelectorContent, ModelSelectorDialog, Mo
 export type { ModelSelectorContentInstance, ModelSelectorDialogInstance, ModelSelectorEmptyInstance, ModelSelectorGroupInstance, ModelSelectorInputInstance, ModelSelectorInstance, ModelSelectorItemData, ModelSelectorItemInstance, ModelSelectorKnownProvider, ModelSelectorListInstance, ModelSelectorLogoGroupInstance, ModelSelectorLogoInstance, ModelSelectorNameInstance, ModelSelectorProvider, ModelSelectorSeparatorInstance, ModelSelectorShortcutInstance, ModelSelectorTriggerInstance, } from './model-selector';
 export { default as Notification } from './notification';
 export type { NotificationMethod, NotificationConfig, NotificationReturn } from './notification';
+export { default as NumberFlow, NumberFlowGroup, continuous, useCanAnimate } from './number-flow';
+export type { NumberFlowDigitContext, NumberFlowDigitOptions, NumberFlowDigits, NumberFlowExposed, NumberFlowFormat, NumberFlowGroupInstance, NumberFlowInstance, NumberFlowPlugin, NumberFlowPluginContext, NumberFlowProps, NumberFlowStyle, NumberFlowTrend, NumberFlowValue, } from './number-flow';
 export { default as PageHeader } from './page-header';
 export type { PageHeaderInstance } from './page-header';
 export { default as Pagination } from './pagination';

package/es/index.js

@@ -22,6 +22,9 @@ import Popover from "./popover/index.js";
 import avatar_group_default from "./avatar/avatar-group.js";
 import Avatar from "./avatar/index.js";
 import BackTop from "./back-top/index.js";
+import { continuous } from "./number-flow/continuous.js";
+import { useCanAnimate } from "./number-flow/use-can-animate.js";
+import NumberFlow, { NumberFlowGroup } from "./number-flow/index.js";
 import Badge from "./badge/index.js";
 import Ellipsis, { PerformantEllipsis } from "./ellipsis/index.js";
 import Link from "./link/index.js";
@@ -171,4 +174,4 @@ import Typography from "./typography/index.js";
 import Upload from "./upload/index.js";
 import Watermark from "./watermark/index.js";
 import SDVue from "./sd-vue.js";
-export { $createInlineComponentNode, $isInlineComponentNode, A2UI_0_9_1, Affix, Alert, Anchor, anchor_link_default as AnchorLink, AutoComplete, Avatar, avatar_group_default as AvatarGroup, BackTop, Badge, BasicCrudTable, BorderBeam, Breadcrumb, breadcrumb_item_default as BreadcrumbItem, Button, button_group_default as ButtonGroup, Calendar, Card, card_grid_default as CardGrid, card_meta_default as CardMeta, Carousel, carousel_item_default as CarouselItem, Cascader, cascader_panel_default as CascaderPanel, Checkbox, checkbox_group_default as CheckboxGroup, grid_col_default as Col, Collapse, collapse_item_default as CollapseItem, ColorPicker, Comment, ConfigProvider, Copy, countdown_default as Countdown, Cropper, DEFAULT_LOCALE, DEFAULT_LOCALE_KEY, DatePicker, Descriptions, descriptions_item_default as DescriptionsItem, dropdown_group_default as Dgroup, Divider, dropdown_option_default as Doption, Drawer, Dropdown, dropdown_button_default as DropdownButton, dropdown_submenu_default as Dsubmenu, Ellipsis, Empty, FilePreviewer, Form, form_item_default as FormItem, Grid, grid_item_default as GridItem, Icon, Image, preview_default as ImagePreview, preview_action_default as ImagePreviewAction, preview_group_default as ImagePreviewGroup, InlineComponentNode, Input, input_group_default as InputGroup, InputMask, InputNumber, input_password_default as InputPassword, input_search_default as InputSearch, InputTag, JsonForm, KvList, Layout, content_default as LayoutContent, footer_default as LayoutFooter, header_default as LayoutHeader, sider_default as LayoutSider, Link, List, list_item_default as ListItem, list_item_meta_default as ListItemMeta, MODEL_SELECTOR_PROVIDERS, Mention, Menu, item_default as MenuItem, item_group_default as MenuItemGroup, Message, Modal, ModelSelector, model_selector_content_default as ModelSelectorContent, model_selector_dialog_default as ModelSelectorDialog, model_selector_empty_default as ModelSelectorEmpty, model_selector_group_default as ModelSelectorGroup, model_selector_input_default as ModelSelectorInput, model_selector_item_default as ModelSelectorItem, model_selector_list_default as ModelSelectorList, model_selector_logo_default as ModelSelectorLogo, model_selector_logo_group_default as ModelSelectorLogoGroup, model_selector_name_default as ModelSelectorName, model_selector_separator_default as ModelSelectorSeparator, model_selector_shortcut_default as ModelSelectorShortcut, model_selector_trigger_default as ModelSelectorTrigger, month_picker_default as MonthPicker, Notification, PageHeader, Pagination, PerformantEllipsis, Popconfirm, Popover, Progress, QrCode, quarter_picker_default as QuarterPicker, RICH_TEXT_EDITOR_BUILT_IN_NODE_NAMES, RICH_TEXT_EDITOR_JSON_FORM_NODE_NAMES, Radio, radio_group_default as RadioGroup, range_picker_default as RangePicker, Rate, recorder_core_default as RecorderCore, ResizeBox, Result, RichTextEditor, grid_row_default as Row, Scrollbar, Secret, Select, SelectableCard, Sender, SenderHeader, SenderSwitch, Skeleton, line_default as SkeletonLine, shape_default as SkeletonShape, Slider, Space, Spin, Split, Statistic, step_default as Step, Steps, sub_menu_default as SubMenu, Switch, tab_pane_default as TabPane, Table, table_column_default as TableColumn, Tabs, Tag, TagGroup, table_tbody_default as Tbody, table_td_default as Td, Textarea, table_th_default as Th, table_thead_default as Thead, ThemeProvider, ThinkingOrb, TimePicker, Timeline, item_default$1 as TimelineItem, Toolbar, Tooltip, Tour, table_tr_default as Tr, Transfer, Tree, TreeSelect, Trigger, Typography, paragraph_default as TypographyParagraph, text_default as TypographyText, title_default as TypographyTitle, Upload, VerificationCode, Watermark, week_picker_default as WeekPicker, year_picker_default as YearPicker, addI18nMessages, SDVue as default, defaultInputMaskFormatChars, defineJsonFormComponents, defineJsonFormSchemas, formatInputMask, getCssVarToken, getLocale, inputMaskPresets, useFormItem, useLocale };
+export { $createInlineComponentNode, $isInlineComponentNode, A2UI_0_9_1, Affix, Alert, Anchor, anchor_link_default as AnchorLink, AutoComplete, Avatar, avatar_group_default as AvatarGroup, BackTop, Badge, BasicCrudTable, BorderBeam, Breadcrumb, breadcrumb_item_default as BreadcrumbItem, Button, button_group_default as ButtonGroup, Calendar, Card, card_grid_default as CardGrid, card_meta_default as CardMeta, Carousel, carousel_item_default as CarouselItem, Cascader, cascader_panel_default as CascaderPanel, Checkbox, checkbox_group_default as CheckboxGroup, grid_col_default as Col, Collapse, collapse_item_default as CollapseItem, ColorPicker, Comment, ConfigProvider, Copy, countdown_default as Countdown, Cropper, DEFAULT_LOCALE, DEFAULT_LOCALE_KEY, DatePicker, Descriptions, descriptions_item_default as DescriptionsItem, dropdown_group_default as Dgroup, Divider, dropdown_option_default as Doption, Drawer, Dropdown, dropdown_button_default as DropdownButton, dropdown_submenu_default as Dsubmenu, Ellipsis, Empty, FilePreviewer, Form, form_item_default as FormItem, Grid, grid_item_default as GridItem, Icon, Image, preview_default as ImagePreview, preview_action_default as ImagePreviewAction, preview_group_default as ImagePreviewGroup, InlineComponentNode, Input, input_group_default as InputGroup, InputMask, InputNumber, input_password_default as InputPassword, input_search_default as InputSearch, InputTag, JsonForm, KvList, Layout, content_default as LayoutContent, footer_default as LayoutFooter, header_default as LayoutHeader, sider_default as LayoutSider, Link, List, list_item_default as ListItem, list_item_meta_default as ListItemMeta, MODEL_SELECTOR_PROVIDERS, Mention, Menu, item_default as MenuItem, item_group_default as MenuItemGroup, Message, Modal, ModelSelector, model_selector_content_default as ModelSelectorContent, model_selector_dialog_default as ModelSelectorDialog, model_selector_empty_default as ModelSelectorEmpty, model_selector_group_default as ModelSelectorGroup, model_selector_input_default as ModelSelectorInput, model_selector_item_default as ModelSelectorItem, model_selector_list_default as ModelSelectorList, model_selector_logo_default as ModelSelectorLogo, model_selector_logo_group_default as ModelSelectorLogoGroup, model_selector_name_default as ModelSelectorName, model_selector_separator_default as ModelSelectorSeparator, model_selector_shortcut_default as ModelSelectorShortcut, model_selector_trigger_default as ModelSelectorTrigger, month_picker_default as MonthPicker, Notification, NumberFlow, NumberFlowGroup, PageHeader, Pagination, PerformantEllipsis, Popconfirm, Popover, Progress, QrCode, quarter_picker_default as QuarterPicker, RICH_TEXT_EDITOR_BUILT_IN_NODE_NAMES, RICH_TEXT_EDITOR_JSON_FORM_NODE_NAMES, Radio, radio_group_default as RadioGroup, range_picker_default as RangePicker, Rate, recorder_core_default as RecorderCore, ResizeBox, Result, RichTextEditor, grid_row_default as Row, Scrollbar, Secret, Select, SelectableCard, Sender, SenderHeader, SenderSwitch, Skeleton, line_default as SkeletonLine, shape_default as SkeletonShape, Slider, Space, Spin, Split, Statistic, step_default as Step, Steps, sub_menu_default as SubMenu, Switch, tab_pane_default as TabPane, Table, table_column_default as TableColumn, Tabs, Tag, TagGroup, table_tbody_default as Tbody, table_td_default as Td, Textarea, table_th_default as Th, table_thead_default as Thead, ThemeProvider, ThinkingOrb, TimePicker, Timeline, item_default$1 as TimelineItem, Toolbar, Tooltip, Tour, table_tr_default as Tr, Transfer, Tree, TreeSelect, Trigger, Typography, paragraph_default as TypographyParagraph, text_default as TypographyText, title_default as TypographyTitle, Upload, VerificationCode, Watermark, week_picker_default as WeekPicker, year_picker_default as YearPicker, addI18nMessages, continuous, SDVue as default, defaultInputMaskFormatChars, defineJsonFormComponents, defineJsonFormSchemas, formatInputMask, getCssVarToken, getLocale, inputMaskPresets, useCanAnimate, useFormItem, useLocale };

package/es/index.scss

@@ -46,6 +46,7 @@
 @use '@components/pagination/style/index.scss' as *;
 @use '@components/page-header/style/index.scss' as *;
 @use '@components/notification/style/index.scss' as *;
+@use '@components/number-flow/style/index.scss' as *;
 @use '@components/modal/style/index.scss' as *;
 @use '@components/model-selector/style/index.scss' as *;
 @use '@components/message/style/index.scss' as *;

package/es/number-flow/continuous.d.ts

@@ -0,0 +1,2 @@
+import type { NumberFlowPlugin } from './types';
+export declare const continuous: NumberFlowPlugin;

package/es/number-flow/continuous.js

@@ -0,0 +1,7 @@
+//#region components/number-flow/continuous.ts
+/** 让最高变化位以下的未变化数字连续滚动。 */
+var continuous = { getDelta(value, previousValue, context) {
+	if (value === previousValue && context.trend !== 0 && context.highestChangedPosition !== void 0 && context.highestChangedPosition >= context.position) return context.length * context.trend;
+} };
+//#endregion
+export { continuous };

package/es/number-flow/formatter.d.ts

@@ -0,0 +1,15 @@
+import type { NumberFlowValue } from './types';
+export type NumberFlowPartType = Exclude<Intl.NumberFormatPartTypes, 'minusSign' | 'plusSign'> | 'sign' | 'prefix' | 'suffix';
+export interface NumberFlowPart {
+    key: string;
+    type: NumberFlowPartType;
+    value: string;
+    digit?: number;
+    position?: number;
+}
+export interface NumberFlowData {
+    parts: NumberFlowPart[];
+    value: number;
+    valueAsString: string;
+}
+export declare function formatNumberFlow(value: NumberFlowValue, formatter: Intl.NumberFormat, prefix?: string, suffix?: string): NumberFlowData;

package/es/number-flow/formatter.js

@@ -0,0 +1,54 @@
+//#region components/number-flow/formatter.ts
+function formatNumberFlow(value, formatter, prefix, suffix) {
+	const numericValue = typeof value === "string" ? Number.parseFloat(value) : value;
+	const rawParts = formatter.formatToParts(numericValue);
+	const integerDigits = rawParts.filter((part) => part.type === "integer").reduce((count, part) => count + part.value.length, 0);
+	const counts = /* @__PURE__ */ new Map();
+	let integerPosition = integerDigits - 1;
+	let fractionPosition = -1;
+	const nextKey = (type) => {
+		var _counts$get;
+		const index = (_counts$get = counts.get(type)) !== null && _counts$get !== void 0 ? _counts$get : 0;
+		counts.set(type, index + 1);
+		return `${type}:${index}`;
+	};
+	const parts = [];
+	if (prefix) parts.push({
+		key: nextKey("prefix"),
+		type: "prefix",
+		value: prefix
+	});
+	for (const part of rawParts) {
+		const type = part.type === "minusSign" || part.type === "plusSign" ? "sign" : part.type;
+		if (type === "integer" || type === "fraction") {
+			for (const character of part.value) {
+				const position = type === "integer" ? integerPosition-- : fractionPosition--;
+				parts.push({
+					key: `${type}:${position}`,
+					type,
+					value: character,
+					digit: Number(character),
+					position
+				});
+			}
+			continue;
+		}
+		parts.push({
+			key: nextKey(type),
+			type,
+			value: part.value
+		});
+	}
+	if (suffix) parts.push({
+		key: nextKey("suffix"),
+		type: "suffix",
+		value: suffix
+	});
+	return {
+		parts,
+		value: numericValue,
+		valueAsString: `${prefix !== null && prefix !== void 0 ? prefix : ""}${formatter.format(numericValue)}${suffix !== null && suffix !== void 0 ? suffix : ""}`
+	};
+}
+//#endregion
+export { formatNumberFlow };

package/es/number-flow/group-key.d.ts

@@ -0,0 +1,11 @@
+import type { ComputedRef, InjectionKey } from 'vue';
+import type { NumberFlowValue } from './types';
+export interface GroupChild {
+    value: ComputedRef<NumberFlowValue>;
+    prepare: () => number | undefined;
+    commit: (version: number) => boolean;
+    start: (version: number) => void;
+}
+export declare const GROUP_KEY: InjectionKey<{
+    register: (child: GroupChild) => () => void;
+}>;

package/es/number-flow/group-key.js

@@ -0,0 +1,4 @@
+//#region components/number-flow/group-key.ts
+var GROUP_KEY = Symbol("NumberFlowGroup");
+//#endregion
+export { GROUP_KEY };

package/es/number-flow/index.d.ts

@@ -0,0 +1,63 @@
+import type { App } from 'vue';
+import type { SDOptions } from '../_utils/types';
+import { continuous } from './continuous';
+import _NumberFlowGroup from './number-flow-group.vue';
+import _NumberFlow from './number-flow.vue';
+export { useCanAnimate } from './use-can-animate';
+declare const NumberFlow: {
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("./types").NumberFlowProps> & Readonly<{
+        onAnimationsstart?: (() => any) | undefined;
+        onAnimationsfinish?: (() => any) | undefined;
+    }>, import("./types").NumberFlowExposed, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        animationsstart: () => any;
+        animationsfinish: () => any;
+    }, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("./types").NumberFlowProps> & Readonly<{
+        onAnimationsstart?: (() => any) | undefined;
+        onAnimationsfinish?: (() => any) | undefined;
+    }>, import("./types").NumberFlowExposed, {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("./types").NumberFlowProps> & Readonly<{
+    onAnimationsstart?: (() => any) | undefined;
+    onAnimationsfinish?: (() => any) | undefined;
+}>, import("./types").NumberFlowExposed, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    animationsstart: () => any;
+    animationsfinish: () => any;
+}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
+        prefix(): unknown;
+        suffix(): unknown;
+    };
+}) & {
+    install: (app: App, options?: SDOptions) => void;
+};
+declare const NumberFlowGroup: {
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
+        default(): unknown;
+    };
+});
+export { NumberFlowGroup, continuous };
+export type NumberFlowInstance = InstanceType<typeof _NumberFlow>;
+export type NumberFlowGroupInstance = InstanceType<typeof _NumberFlowGroup>;
+export type { NumberFlowDigitContext, NumberFlowDigitOptions, NumberFlowDigits, NumberFlowExposed, NumberFlowFormat, NumberFlowPlugin, NumberFlowPluginContext, NumberFlowProps, NumberFlowStyle, NumberFlowTrend, NumberFlowValue, } from './types';
+export default NumberFlow;

package/es/number-flow/index.js

@@ -0,0 +1,15 @@
+import { getComponentPrefix, setGlobalConfig } from "../_utils/global-config.js";
+import { continuous } from "./continuous.js";
+import number_flow_group_default from "./number-flow-group.js";
+import { useCanAnimate } from "./use-can-animate.js";
+import number_flow_default from "./number-flow.js";
+//#region components/number-flow/index.ts
+var NumberFlow = Object.assign(number_flow_default, { install: (app, options) => {
+	setGlobalConfig(app, options);
+	const componentPrefix = getComponentPrefix(options);
+	app.component(componentPrefix + number_flow_default.name, number_flow_default);
+	app.component(componentPrefix + number_flow_group_default.name, number_flow_group_default);
+} });
+var NumberFlowGroup = number_flow_group_default;
+//#endregion
+export { NumberFlowGroup, continuous, NumberFlow as default, useCanAnimate };

package/es/number-flow/number-flow-group.js

@@ -0,0 +1,5 @@
+import number_flow_group_vue_vue_type_script_setup_true_lang_default from "./number-flow-group.vue_vue_type_script_setup_true_lang.js";
+//#region components/number-flow/number-flow-group.vue
+var number_flow_group_default = number_flow_group_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { number_flow_group_default as default };

package/es/number-flow/number-flow-group.vue.d.ts

@@ -0,0 +1,12 @@
+type __VLS_Slots = {
+    default(): unknown;
+};
+declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, 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/es/number-flow/number-flow-group.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,58 @@
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
+import { getPrefixCls } from "../_utils/global-config.js";
+import _asyncToGenerator from "../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/asyncToGenerator.js";
+import { GROUP_KEY } from "./group-key.js";
+import { createElementBlock, defineComponent, nextTick, normalizeClass, openBlock, provide, renderSlot, unref, watch } from "vue";
+//#region components/number-flow/number-flow-group.vue?vue&type=script&setup=true&lang.ts
+var number_flow_group_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, { name: "NumberFlowGroup" }), {}, {
+	__name: "number-flow-group",
+	setup(__props) {
+		const children = /* @__PURE__ */ new Set();
+		let updating = false;
+		let pending = false;
+		function animateChildren() {
+			return _animateChildren.apply(this, arguments);
+		}
+		function _animateChildren() {
+			_animateChildren = _asyncToGenerator(function* () {
+				if (updating) {
+					pending = true;
+					return;
+				}
+				updating = true;
+				try {
+					do {
+						pending = false;
+						const preparedChildren = [...children].flatMap((child) => {
+							const version = child.prepare();
+							return version === void 0 ? [] : [{
+								child,
+								version
+							}];
+						});
+						if (preparedChildren.length === 0) continue;
+						yield nextTick();
+						preparedChildren.filter(({ child, version }) => child.commit(version)).forEach(({ child, version }) => child.start(version));
+					} while (pending);
+				} finally {
+					updating = false;
+				}
+			});
+			return _animateChildren.apply(this, arguments);
+		}
+		provide(GROUP_KEY, { register(child) {
+			children.add(child);
+			const stopWatch = watch(child.value, animateChildren, { flush: "pre" });
+			return () => {
+				stopWatch();
+				children.delete(child);
+			};
+		} });
+		const prefixCls = getPrefixCls("number-flow-group");
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("span", { class: normalizeClass(unref(prefixCls)) }, [renderSlot(_ctx.$slots, "default")], 2);
+		};
+	}
+}));
+//#endregion
+export { number_flow_group_vue_vue_type_script_setup_true_lang_default as default };

package/es/number-flow/number-flow.js

@@ -0,0 +1,5 @@
+import number_flow_vue_vue_type_script_setup_true_lang_default from "./number-flow.vue_vue_type_script_setup_true_lang.js";
+//#region components/number-flow/number-flow.vue
+var number_flow_default = number_flow_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { number_flow_default as default };

package/es/number-flow/number-flow.vue.d.ts

@@ -0,0 +1,20 @@
+import type { NumberFlowExposed, NumberFlowProps } from './types';
+type __VLS_Slots = {
+    prefix(): unknown;
+    suffix(): unknown;
+};
+declare const __VLS_base: import("vue").DefineComponent<NumberFlowProps, NumberFlowExposed, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    animationsstart: () => any;
+    animationsfinish: () => any;
+}, string, import("vue").PublicProps, Readonly<NumberFlowProps> & Readonly<{
+    onAnimationsstart?: (() => any) | undefined;
+    onAnimationsfinish?: (() => any) | undefined;
+}>, {}, {}, {}, {}, 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;
+    };
+};