savor-ui 0.0.1

package/dist/es/components/src/split/split-bar.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,65 @@
+import { useNamespace as e } from "../../../hooks/src/use-namespace.mjs";
+import "../../../hooks/index.mjs";
+import t from "../../../icons/src/left.vue.mjs";
+import n from "../../../icons/src/right.vue.mjs";
+import "../../../icons/index.mjs";
+import { splitContextKey as r } from "./types.mjs";
+import { computed as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createVNode as c, defineComponent as l, inject as u, normalizeClass as d, onUnmounted as f, openBlock as p, ref as m, unref as h, withModifiers as g } from "vue";
+//#region ../components/src/split/split-bar.vue?vue&type=script&setup=true&lang.ts
+var _ = /* @__PURE__ */ l({
+	__name: "split-bar",
+	props: { index: {} },
+	setup(l) {
+		let _ = l, v = e("split"), y = u(r, void 0), b = m(!1), x = 0, S = i(() => y?.panels.value[_.index]), C = i(() => y?.panels.value[_.index + 1]), w = i(() => {
+			let e = S.value, t = C.value;
+			return !e || !t ? !1 : e.resizable && t.resizable && !e.collapsed && !t.collapsed;
+		}), T = i(() => S.value?.collapsed ?? !1), E = i(() => C.value?.collapsed ?? !1), D = i(() => {
+			let e = S.value, t = C.value;
+			return !!e?.collapsible && !T.value || !!t?.collapsible && E.value;
+		}), O = i(() => {
+			let e = S.value;
+			return !!C.value?.collapsible && !E.value || !!e?.collapsible && T.value;
+		}), k = () => {
+			y && (E.value && C.value?.collapsible ? (y.collapsePanel(_.index + 1, !1), y.emitCollapse(_.index + 1, !1)) : S.value?.collapsible && !T.value && (y.collapsePanel(_.index, !0), y.emitCollapse(_.index, !0)));
+		}, A = () => {
+			y && (T.value && S.value?.collapsible ? (y.collapsePanel(_.index, !1), y.emitCollapse(_.index, !1)) : C.value?.collapsible && !E.value && (y.collapsePanel(_.index + 1, !0), y.emitCollapse(_.index + 1, !0)));
+		}, j = (e) => {
+			w.value && (b.value = !0, x = y?.vertical ? e.clientY : e.clientX, e.preventDefault(), document.addEventListener("mousemove", N), document.addEventListener("mouseup", P), y?.onDragStart());
+		}, M = () => {
+			document.removeEventListener("mousemove", N), document.removeEventListener("mouseup", P);
+		}, N = (e) => {
+			if (!b.value || !y) return;
+			let t = y.vertical ? e.clientY : e.clientX, n = t - x;
+			x = t, y.onBarDrag(_.index, n);
+		}, P = () => {
+			b.value && (b.value = !1, y?.onDragEnd());
+		};
+		return f(() => {
+			document.removeEventListener("mousemove", N), document.removeEventListener("mouseup", P);
+		}), (e, r) => (p(), o("div", {
+			class: d([
+				h(v).e("bar"),
+				h(v).is("resizable", w.value),
+				h(v).is("dragging", b.value)
+			]),
+			onMousedown: j,
+			onMouseup: M
+		}, [
+			D.value ? (p(), o("div", {
+				key: 0,
+				class: d([h(v).e("collapse"), h(v).e("collapse-prev")]),
+				onMousedown: r[0] ||= g(() => {}, ["stop"]),
+				onClick: g(k, ["stop"])
+			}, [c(h(t))], 34)) : a("", !0),
+			s("div", { class: d(h(v).e("dragger")) }, null, 2),
+			O.value ? (p(), o("div", {
+				key: 1,
+				class: d([h(v).e("collapse"), h(v).e("collapse-next")]),
+				onMousedown: r[1] ||= g(() => {}, ["stop"]),
+				onClick: g(A, ["stop"])
+			}, [c(h(n))], 34)) : a("", !0)
+		], 34));
+	}
+});
+//#endregion
+export { _ as default };

package/dist/es/components/src/split/split-panel.d.ts

@@ -0,0 +1,18 @@
+import { SplitPanelProps, SplitPanelSlots } from './types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_Slots = SplitPanelSlots;
+declare const __VLS_base: DefineComponent<SplitPanelProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<SplitPanelProps> & Readonly<{}>, {
+    size: string | number;
+    max: string | number;
+    resizable: boolean;
+    min: string | number;
+    collapsible: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/es/components/src/split/split-panel.vue.mjs

@@ -0,0 +1,5 @@
+import e from "./split-panel.vue_vue_type_script_setup_true_lang.mjs";
+//#region ../components/src/split/split-panel.vue
+var t = e;
+//#endregion
+export { t as default };

package/dist/es/components/src/split/split-panel.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,65 @@
+import { useNamespace as e } from "../../../hooks/src/use-namespace.mjs";
+import "../../../hooks/index.mjs";
+import { splitContextKey as t } from "./types.mjs";
+import { computed as n, createElementBlock as r, defineComponent as i, getCurrentInstance as a, inject as o, normalizeClass as s, normalizeStyle as c, onMounted as l, onUnmounted as u, openBlock as d, renderSlot as f, unref as p } from "vue";
+//#region ../components/src/split/split-panel.vue?vue&type=script&setup=true&lang.ts
+var m = /* @__PURE__ */ i({
+	name: "SSplitPanel",
+	__name: "split-panel",
+	props: {
+		min: { default: 0 },
+		max: { default: Infinity },
+		resizable: {
+			type: Boolean,
+			default: !0
+		},
+		collapsible: {
+			type: Boolean,
+			default: !1
+		},
+		size: { default: "" }
+	},
+	setup(i) {
+		let m = i, h = e("split"), g = o(t, void 0), _ = a(), v = n(() => !g || !_ ? null : g.panels.value.find((e) => e.uid === _.uid) ?? null), y = n(() => v.value?.collapsed ?? !1), b = n(() => v.value?.size ?? 0), x = (e) => typeof e == "number" ? e : e === "" || e === void 0 ? 0 : e.endsWith("px") ? parseFloat(e) : e.endsWith("%") ? 0 : parseFloat(e) || 0;
+		l(() => {
+			if (!g || !_) return;
+			let e = x(m.size), t = e > 0, n = typeof m.min == "number" ? m.min : parseFloat(m.min) || 0, r = m.max === Infinity ? Infinity : typeof m.max == "number" ? m.max : parseFloat(m.max) || Infinity;
+			g.registerPanel({
+				uid: _.uid,
+				min: n,
+				max: r,
+				resizable: m.resizable,
+				collapsible: m.collapsible,
+				size: e,
+				sizedByUser: t,
+				collapsed: !1,
+				sizeBeforeCollapse: 0,
+				spaceReceiver: void 0
+			});
+		}), u(() => {
+			!g || !_ || g.unregisterPanel(_.uid);
+		});
+		let S = n(() => {
+			let e = {};
+			if (!g) return e;
+			let t = g.vertical ? "height" : "width", n = g.vertical ? "minHeight" : "minWidth", r = g.vertical ? "maxHeight" : "maxWidth";
+			if (y.value) e[t] = "0px", e.overflow = "hidden";
+			else {
+				let i = b.value;
+				i > 0 ? (e[t] = `${i}px`, e.flexGrow = "0", e.flexShrink = "0") : (e.flexGrow = "1", e.flexShrink = "1");
+				let a = typeof m.min == "number" ? m.min : parseFloat(m.min) || 0;
+				if (a > 0 && (e[n] = `${a}px`), m.max !== Infinity) {
+					let t = typeof m.max == "number" ? m.max : parseFloat(m.max) || Infinity;
+					t !== Infinity && (e[r] = `${t}px`);
+				}
+			}
+			return e;
+		});
+		return (e, t) => (d(), r("div", {
+			class: s([p(h).e("panel"), p(h).is("collapsed", y.value)]),
+			style: c(S.value)
+		}, [f(e.$slots, "default")], 6));
+	}
+});
+//#endregion
+export { m as default };

package/dist/es/components/src/split/split.d.ts

@@ -0,0 +1,20 @@
+import { SplitProps, SplitSlots } from './types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_Slots = SplitSlots;
+declare const __VLS_base: DefineComponent<SplitProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    resize: (sizes: (string | number)[], index: number) => any;
+    collapse: (index: number, collapsed: boolean) => any;
+}, string, PublicProps, Readonly<SplitProps> & Readonly<{
+    onResize?: ((sizes: (string | number)[], index: number) => any) | undefined;
+    onCollapse?: ((index: number, collapsed: boolean) => any) | undefined;
+}>, {
+    vertical: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/es/components/src/split/split.vue.mjs

@@ -0,0 +1,5 @@
+import e from "./split.vue_vue_type_script_setup_true_lang.mjs";
+//#region ../components/src/split/split.vue
+var t = e;
+//#endregion
+export { t as default };

package/dist/es/components/src/split/split.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,177 @@
+import { useNamespace as e } from "../../../hooks/src/use-namespace.mjs";
+import { useResizeObserver as t } from "../../../hooks/src/use-resize-observer.mjs";
+import "../../../hooks/index.mjs";
+import { splitContextKey as n } from "./types.mjs";
+import r from "./split-panel.vue.mjs";
+import i from "./split-bar.vue.mjs";
+import { Fragment as a, computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, defineComponent as u, nextTick as d, normalizeClass as f, onMounted as p, openBlock as m, provide as h, ref as g, renderList as _, resolveDynamicComponent as v, unref as y, useSlots as b } from "vue";
+//#region ../components/src/split/split.vue?vue&type=script&setup=true&lang.ts
+var x = 0, S = /* @__PURE__ */ u({
+	name: "SSplit",
+	__name: "split",
+	props: { vertical: {
+		type: Boolean,
+		default: !1
+	} },
+	emits: ["resize", "collapse"],
+	setup(u, { emit: S }) {
+		let C = u, w = S, T = e("split"), E = b(), D = g(null);
+		t(D, () => {
+			d(() => {
+				L();
+			});
+		});
+		let O = g(!1), k = g([]), A = (e) => {
+			let t = [...k.value];
+			for (let { index: n, updates: r } of e) t[n] = {
+				...t[n],
+				...r
+			};
+			k.value = t;
+		}, j = (e) => {
+			let t = [...k.value], n = t.findIndex((t) => t.uid > e.uid);
+			n === -1 ? t.push(e) : t.splice(n, 0, e), k.value = t;
+		}, M = (e) => {
+			k.value = k.value.filter((t) => t.uid !== e);
+		}, N = (e, t) => {
+			let n = k.value[e];
+			if (n) if (t) {
+				let t = n.size, r = [{
+					index: e,
+					updates: {
+						size: 0,
+						collapsed: !0,
+						sizeBeforeCollapse: n.size
+					}
+				}], i = k.value[e + 1], a = k.value[e - 1];
+				i && !i.collapsed ? (r.push({
+					index: e + 1,
+					updates: { size: i.size + t }
+				}), r[0].updates.spaceReceiver = e + 1) : a && !a.collapsed && (r.push({
+					index: e - 1,
+					updates: { size: a.size + t }
+				}), r[0].updates.spaceReceiver = e - 1), A(r);
+			} else {
+				let t = n.sizeBeforeCollapse > 0 ? n.sizeBeforeCollapse : Math.max(n.min, (I() - (k.value.length - 1) * x) / k.value.length), r = 0, i = [], a = n.spaceReceiver;
+				if (a !== void 0 && a !== e) {
+					let e = k.value[a];
+					if (e && !e.collapsed && e.size > e.min) {
+						let n = e.size - e.min, o = Math.min(n, t);
+						i.push({
+							index: a,
+							updates: { size: e.size - o }
+						}), r += o;
+					}
+				}
+				if (r < t) {
+					let n = k.value[e + 1], o = k.value[e - 1], s = new Set([e]);
+					a !== void 0 && s.add(a);
+					for (let e of [n, o]) {
+						if (!e) continue;
+						let n = k.value.indexOf(e);
+						if (s.has(n) || (s.add(n), e.collapsed || e.size <= e.min)) continue;
+						let a = e.size - e.min, o = Math.min(a, t - r);
+						if (i.push({
+							index: n,
+							updates: { size: e.size - o }
+						}), r += o, r >= t) break;
+					}
+				}
+				i.push({
+					index: e,
+					updates: {
+						size: r,
+						collapsed: !1,
+						spaceReceiver: void 0
+					}
+				}), A(i);
+			}
+		}, P = (e, t) => {
+			w("resize", e, t);
+		}, F = (e, t) => {
+			w("collapse", e, t);
+		}, I = () => D.value ? C.vertical ? D.value.clientHeight : D.value.clientWidth : 0, L = () => {
+			let e = I();
+			if (e === 0 || k.value.length === 0) return;
+			let t = e - Math.max(0, k.value.length - 1) * x, n = k.value.filter((e) => !e.sizedByUser), r = k.value.filter((e) => e.sizedByUser), i = [];
+			if (n.length === k.value.length) {
+				let e = t / k.value.length;
+				k.value.forEach((t, n) => {
+					i.push({
+						index: n,
+						updates: { size: e }
+					});
+				});
+			} else if (n.length > 0) {
+				let e = r.reduce((e, t) => e + t.size, 0), a = Math.max(0, t - e) / n.length;
+				n.forEach((e) => {
+					let t = k.value.indexOf(e);
+					i.push({
+						index: t,
+						updates: { size: a }
+					});
+				});
+			}
+			i.length > 0 && A(i);
+		}, R = (e, t) => {
+			let n = k.value[e], r = k.value[e + 1];
+			if (!n || !r || !n.resizable || !r.resizable || n.collapsed || r.collapsed) return;
+			let i = n.size + t, a = r.size - t, o = n.min, s = n.max, c = r.min, l = r.max;
+			i < o && (a += i - o, i = o), s !== Infinity && i > s && (a += i - s, i = s), a < c && (i += a - c, a = c), l !== Infinity && a > l && (i += a - l, a = l), !(i < o || a < c) && (A([{
+				index: e,
+				updates: { size: i }
+			}, {
+				index: e + 1,
+				updates: { size: a }
+			}]), P(k.value.map((e) => e.size), e));
+		}, z = o(() => {
+			let e = (E.default?.() || []).filter((e) => e.type === r), t = [];
+			return e.forEach((n, r) => {
+				t.push({
+					type: "panel",
+					vnode: n
+				}), r < e.length - 1 && t.push({
+					type: "bar",
+					vnode: null,
+					barIndex: r
+				});
+			}), t;
+		});
+		return h(n, {
+			vertical: C.vertical,
+			panels: k,
+			registerPanel: j,
+			unregisterPanel: M,
+			collapsePanel: N,
+			onBarDrag: R,
+			onDragStart: () => {
+				O.value = !0;
+			},
+			onDragEnd: () => {
+				O.value = !1;
+			},
+			emitResize: P,
+			emitCollapse: F
+		}), p(() => {
+			d(() => {
+				L();
+			});
+		}), (e, t) => (m(), l("div", {
+			class: f([
+				y(T).b(),
+				y(T).is("vertical", u.vertical),
+				y(T).is("dragging", O.value)
+			]),
+			ref_key: "splitRef",
+			ref: D
+		}, [(m(!0), l(a, null, _(z.value, (e, t) => (m(), l(a, { key: t }, [e.type === "panel" ? (m(), s(v(e.vnode), { key: 0 })) : (m(), s(i, {
+			key: 1,
+			index: e.barIndex
+		}, null, 8, ["index"]))], 64))), 128)), O.value ? (m(), l("div", {
+			key: 0,
+			class: f([y(T).e("mask")])
+		}, null, 2)) : c("", !0)], 2));
+	}
+});
+//#endregion
+export { S as default };

package/dist/es/components/src/split/types.d.ts

@@ -0,0 +1,76 @@
+import { InjectionKey, Ref } from 'vue';
+export interface SplitProps {
+    /** 是否垂直布局 */
+    vertical?: boolean;
+}
+export interface SplitSlots {
+    /** 默认 */
+    default?: () => any;
+}
+export interface SplitEmits {
+    /** 面板大小变化时触发 */
+    resize: [sizes: Array<string | number>, index: number];
+    /** 面板折叠/展开时触发 */
+    collapse: [index: number, collapsed: boolean];
+}
+export interface SplitPanelProps {
+    /** 面板最小值 */
+    min?: string | number;
+    /** 面板最大值 */
+    max?: string | number;
+    /** 是否可调整大小 */
+    resizable?: boolean;
+    /** 是否可折叠 */
+    collapsible?: boolean;
+    /** 面板初始大小 */
+    size?: string | number;
+}
+export interface SplitPanelSlots {
+    /** 默认 */
+    default?: () => any;
+}
+/** 面板在 split 中注册的信息（全部使用普通值，由 split.vue 统一管理） */
+export interface PanelInfo {
+    /** 面板 uid */
+    uid: number;
+    /** 面板最小尺寸 (px) */
+    min: number;
+    /** 面板最大尺寸 (px) */
+    max: number;
+    /** 是否可调整大小 */
+    resizable: boolean;
+    /** 是否可折叠 */
+    collapsible: boolean;
+    /** 面板当前大小 (px) */
+    size: number;
+    /** 用户是否通过 prop 指定了 size */
+    sizedByUser: boolean;
+    /** 面板是否已折叠 */
+    collapsed: boolean;
+    /** 折叠前的尺寸，用于恢复 */
+    sizeBeforeCollapse: number;
+    /** 折叠时接收了该面板空间的面板索引，用于还原时回收 */
+    spaceReceiver?: number;
+}
+export interface SplitContext {
+    vertical: boolean;
+    /** 面板列表（响应式，修改面板属性后需重新赋值触发更新） */
+    panels: Ref<PanelInfo[]>;
+    /** 注册面板 */
+    registerPanel: (panel: PanelInfo) => void;
+    /** 取消注册面板 */
+    unregisterPanel: (uid: number) => void;
+    /** 折叠/展开面板 */
+    collapsePanel: (index: number, collapsed: boolean) => void;
+    /** bar 拖拽回调 */
+    onBarDrag: (barIndex: number, offset: number) => void;
+    /** 拖拽开始 */
+    onDragStart: () => void;
+    /** 拖拽结束 */
+    onDragEnd: () => void;
+    /** 触发 resize 事件 */
+    emitResize: (sizes: Array<string | number>, index: number) => void;
+    /** 触发 collapse 事件 */
+    emitCollapse: (index: number, collapsed: boolean) => void;
+}
+export declare const splitContextKey: InjectionKey<SplitContext>;

package/dist/es/components/src/split/types.mjs

@@ -0,0 +1,4 @@
+//#region ../components/src/split/types.ts
+var e = Symbol("splitContextKey");
+//#endregion
+export { e as splitContextKey };

package/dist/es/components/src/statistic/index.d.ts

@@ -0,0 +1,52 @@
+import { CreateComponentPublicInstanceWithMixins, ComponentOptionsMixin, PublicProps, GlobalComponents, GlobalDirectives, ComponentProvideOptions, ComponentOptionsBase, VNodeProps, AllowedComponentProps, ComponentCustomProps, Plugin } from 'vue';
+import { StatisticProps, StatisticSlots } from './types';
+export declare const SStatistic: {
+    new (...args: any[]): CreateComponentPublicInstanceWithMixins<Readonly< StatisticProps> & Readonly<{
+        onStop?: (() => any) | undefined;
+    }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+        stop: () => any;
+    }, PublicProps, {
+        animation: boolean;
+        format: string;
+        start: boolean;
+        precision: number;
+        showGroupSeparator: boolean;
+        countdown: boolean;
+        valueStyle: Record<string, string>;
+    }, false, {}, {}, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly< StatisticProps> & Readonly<{
+        onStop?: (() => any) | undefined;
+    }>, {}, {}, {}, {}, {
+        animation: boolean;
+        format: string;
+        start: boolean;
+        precision: number;
+        showGroupSeparator: boolean;
+        countdown: boolean;
+        valueStyle: Record<string, string>;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & ComponentOptionsBase<Readonly< StatisticProps> & Readonly<{
+    onStop?: (() => any) | undefined;
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    stop: () => any;
+}, string, {
+    animation: boolean;
+    format: string;
+    start: boolean;
+    precision: number;
+    showGroupSeparator: boolean;
+    countdown: boolean;
+    valueStyle: Record<string, string>;
+}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
+    $slots: StatisticSlots;
+}) & Plugin;
+export * from './types';

package/dist/es/components/src/statistic/index.mjs

@@ -0,0 +1,7 @@
+import { withInstall as e } from "../../../utils/src/install.mjs";
+import "../../../utils/index.mjs";
+import t from "./statistic.vue.mjs";
+//#region ../components/src/statistic/index.ts
+var n = e(t);
+//#endregion
+export { n as SStatistic };

package/dist/es/components/src/statistic/statistic.d.ts

@@ -0,0 +1,24 @@
+import { StatisticProps, StatisticSlots } from './types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_Slots = StatisticSlots;
+declare const __VLS_base: DefineComponent<StatisticProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    stop: () => any;
+}, string, PublicProps, Readonly<StatisticProps> & Readonly<{
+    onStop?: (() => any) | undefined;
+}>, {
+    animation: boolean;
+    format: string;
+    start: boolean;
+    precision: number;
+    showGroupSeparator: boolean;
+    countdown: boolean;
+    valueStyle: Record<string, string>;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/es/components/src/statistic/statistic.vue.mjs

@@ -0,0 +1,5 @@
+import e from "./statistic.vue_vue_type_script_setup_true_lang.mjs";
+//#region ../components/src/statistic/statistic.vue
+var t = e;
+//#endregion
+export { t as default };

package/dist/es/components/src/statistic/statistic.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,77 @@
+import { addGroupSeparator as e } from "../../../utils/src/tool.mjs";
+import "../../../utils/index.mjs";
+import { useNamespace as t } from "../../../hooks/src/use-namespace.mjs";
+import "../../../hooks/index.mjs";
+import { computed as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createTextVNode as o, defineComponent as s, normalizeClass as c, normalizeStyle as l, onUnmounted as u, openBlock as d, ref as f, renderSlot as p, toDisplayString as m, unref as h, watch as g } from "vue";
+import _ from "dayjs";
+import v from "dayjs/plugin/duration";
+//#region ../components/src/statistic/statistic.vue?vue&type=script&setup=true&lang.ts
+var y = /* @__PURE__ */ s({
+	name: "SStatistic",
+	__name: "statistic",
+	props: {
+		title: {},
+		value: {},
+		extra: {},
+		precision: { default: void 0 },
+		showGroupSeparator: {
+			type: Boolean,
+			default: !1
+		},
+		animation: {
+			type: Boolean,
+			default: !1
+		},
+		countdown: {
+			type: Boolean,
+			default: !1
+		},
+		format: { default: "HH:mm:ss" },
+		start: {
+			type: Boolean,
+			default: !1
+		},
+		valueStyle: { default: () => ({}) }
+	},
+	emits: ["stop"],
+	setup(s, { emit: y }) {
+		_.extend(v);
+		let b = s, x = y, S = t("statistic"), C = f(b.value), w = null, T = f(0), E = n(() => {
+			if (b.countdown) {
+				T.value;
+				let e = Date.now(), t = Math.max(0, C.value - e);
+				return t <= 0 ? (O(), "00:00:00") : _.duration(t).format(b.format);
+			}
+			let t = Number(b.value) || 0, n = t.toFixed(b.precision ?? t.toString().split(".").length - 1);
+			return b.showGroupSeparator && (n = e(n)), n;
+		}), D = () => {
+			w ||= window.setInterval(() => {
+				T.value++, C.value - Date.now() <= 0 && O();
+			}, 1e3);
+		}, O = () => {
+			x("stop"), w && clearInterval(w), w = null;
+		};
+		return g(() => b.start, (e) => e ? D() : O(), { immediate: !0 }), g(() => b.value, (e) => {
+			O(), C.value = e, T.value++, b.start && D();
+		}), u(O), (e, t) => (d(), i("div", { class: c([h(S).b()]) }, [
+			s.title || e.$slots.title ? (d(), i("div", {
+				key: 0,
+				class: c([h(S).e("title")])
+			}, [p(e.$slots, "title", {}, () => [o(m(s.title), 1)])], 2)) : r("", !0),
+			a("div", {
+				class: c([h(S).e("value")]),
+				style: l(s.valueStyle)
+			}, [
+				p(e.$slots, "prefix"),
+				o(" " + m(E.value) + " ", 1),
+				p(e.$slots, "suffix")
+			], 6),
+			s.extra || e.$slots.extra ? (d(), i("div", {
+				key: 1,
+				class: c([h(S).e("extra")])
+			}, [p(e.$slots, "extra", {}, () => [o(m(s.extra), 1)])], 2)) : r("", !0)
+		], 2));
+	}
+});
+//#endregion
+export { y as default };

package/dist/es/components/src/statistic/types.d.ts

@@ -0,0 +1,36 @@
+export interface StatisticProps {
+    /** 标题 */
+    title?: string;
+    /** 值 */
+    value: number;
+    /** 额外信息 */
+    extra?: string;
+    /** 精度 */
+    precision?: number;
+    /** 显示分隔符 */
+    showGroupSeparator?: boolean;
+    /** 动画 */
+    animation?: boolean;
+    /** 倒计时 */
+    countdown?: boolean;
+    /** 格式 */
+    format?: string;
+    /** 计时开始 */
+    start?: boolean;
+    /** 值样式 */
+    valueStyle?: Record<string, string>;
+}
+export interface StatisticSlots {
+    /** 标题 */
+    title?: () => any;
+    /** 额外信息 */
+    extra?: () => any;
+    /** 后缀 */
+    suffix?: () => any;
+    /** 前缀 */
+    prefix?: () => any;
+}
+export interface StatisticEmits {
+    /** 停止计时 */
+    stop: [];
+}