savor-ui 0.15.6 → 0.16.0

package/CHANGELOG.md

@@ -2,6 +2,28 @@
 
 
 
+# [0.16.0](https://gitee.com/mach552/savor-ui/compare/v0.15.7...v0.16.0) (2026-08-06)
+
+
+### Bug Fixes
+
+* **descriptions:** 修复竖向布局时label宽度没有撑满的问题 ([d460cd0](https://gitee.com/mach552/savor-ui/commits/d460cd0a3df7c420a67e94a9deae7589a5bc7a1c))
+* **radio:** 修复button的禁用样式无效问题 ([d647d8e](https://gitee.com/mach552/savor-ui/commits/d647d8e8e60b6cf41430b4ca0c6f44600cbef1d9))
+* **statistic:** 修复动画无效的问题 ([3db3653](https://gitee.com/mach552/savor-ui/commits/3db3653c7ac933bcf4d554c5b39ab75ebbd10ea2))
+
+
+### Features
+
+* **menu:** 新增滚动条属性 ([b6b3485](https://gitee.com/mach552/savor-ui/commits/b6b34857afb6aab2a0c7e4d897b55266ce8ec5d8))
+* **table:** 新增隐藏头部属性 ([d1954d9](https://gitee.com/mach552/savor-ui/commits/d1954d978921f876a1230c43ff92d719645c1dcd))
+
+## [0.15.7](https://gitee.com/mach552/savor-ui/compare/v0.15.6...v0.15.7) (2026-08-05)
+
+
+### Bug Fixes
+
+* **descriptions:** 修复label宽度不一致问题 ([cb2ca97](https://gitee.com/mach552/savor-ui/commits/cb2ca9762533c4baee9fe4e17bf8f5071824a2d8))
+
 ## [0.15.6](https://gitee.com/mach552/savor-ui/compare/v0.15.5...v0.15.6) (2026-08-04)
 
 

package/dist/es/components/src/descriptions/descriptions-item.vue_vue_type_script_setup_true_vapor_true_lang.mjs

@@ -1,9 +1,11 @@
-import { useNamespace as e } from "../../../hooks/src/use-namespace.mjs";
+import { getSize 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 { descriptionsContextKey as t } from "./types.mjs";
-import { child as n, computed as r, createSlot as i, defineVaporComponent as a, inject as o, next as s, onMounted as c, onUnmounted as l, renderEffect as u, setClass as d, setInsertionState as f, setStyle as p, setText as m, template as h, toDisplayString as g, unref as _, useId as v } from "vue";
+import { descriptionsContextKey as n } from "./types.mjs";
+import { child as r, computed as i, createSlot as a, defineVaporComponent as o, inject as s, next as c, onMounted as l, onUnmounted as u, renderEffect as d, setClass as f, setInsertionState as p, setStyle as m, setText as h, template as g, toDisplayString as _, unref as v, useId as y } from "vue";
 //#region ../components/src/descriptions/descriptions-item.vue?vue&type=script&setup=true&vapor=true&lang.ts
-var y = h(" "), b = h("<div><div></div><div>", 1), x = /*@__PURE__*/ a({
+var b = g(" "), x = g("<div><div></div><div>", 1), S = /*@__PURE__*/ o({
 	name: "SDescriptionsItem",
 	__name: "descriptions-item",
 	props: {
@@ -12,51 +14,51 @@ var y = h(" "), b = h("<div><div></div><div>", 1), x = /*@__PURE__*/ a({
 		labelWidth: {},
 		labelAlign: {}
 	},
-	setup(a) {
-		let h = a, x = e("descriptions"), S = o(t, void 0), C = "desc-item-" + v();
-		c(() => {
-			S?.addItem?.({
-				uid: C,
-				label: h.label,
-				span: h.span,
-				labelWidth: h.labelWidth,
-				labelAlign: h.labelAlign
+	setup(o) {
+		let g = o, S = t("descriptions"), C = s(n, void 0), w = "desc-item-" + y();
+		l(() => {
+			C?.addItem?.({
+				uid: w,
+				label: g.label,
+				span: g.span,
+				labelWidth: g.labelWidth,
+				labelAlign: g.labelAlign
 			});
-		}), l(() => {
-			S?.removeItem?.(C);
+		}), u(() => {
+			C?.removeItem?.(w);
 		});
-		let w = r(() => {
-			if (!S?.positionList) return {
-				gridColumn: `span ${h.span}`,
+		let T = i(() => {
+			if (!C?.positionList) return {
+				gridColumn: `span ${g.span}`,
 				display: "flex",
 				alignItems: "stretch"
 			};
-			let e = S.positionList.value[C];
+			let e = C.positionList.value[w];
 			return e ? {
 				gridColumn: `${e.start} / ${e.end}`,
 				display: "flex",
 				alignItems: "stretch"
 			} : {
-				gridColumn: `span ${h.span}`,
+				gridColumn: `span ${g.span}`,
 				display: "flex",
 				alignItems: "stretch"
 			};
-		}), T = r(() => {
-			let e = S?.labelAlign || h.labelAlign, t = S?.labelWidth, n = h.labelWidth || t, r = {
-				textAlign: e ?? "left",
+		}), E = i(() => {
+			let t = C?.labelAlign || g.labelAlign, n = C?.direction === "vertical" ? "100%" : g.labelWidth || C?.labelWidth, r = {
+				textAlign: t ?? "left",
 				whiteSpace: "nowrap",
 				flexShrink: "0"
 			};
-			return n && (r.width = typeof n == "number" ? `${n}px` : n), r;
-		}), E = b(), D = n(E), O = s(D, 1);
-		return u(() => {
-			let e = _(x);
-			d(E, [e.e("item")]), p(E, w.value), d(D, e.e("label")), p(D, T.value);
-		}), f(D, null, 0), i("label", null, () => {
-			let e = y();
-			return u(() => m(e, g(a.label))), e;
-		}), u(() => d(O, _(x).e("content"))), f(O, null, 0), i(), E;
+			return n != null && (r.width = e(n)), r;
+		}), D = x(), O = r(D), k = c(O, 1);
+		return d(() => {
+			let e = v(S);
+			f(D, [e.e("item")]), m(D, T.value), f(O, e.e("label")), m(O, E.value);
+		}), p(O, null, 0), a("label", null, () => {
+			let e = b();
+			return d(() => h(e, _(o.label))), e;
+		}), d(() => f(k, v(S).e("content"))), p(k, null, 0), a(), D;
 	}
 });
 //#endregion
-export { x as default };
+export { S as default };

package/dist/es/components/src/descriptions/descriptions.vue_vue_type_script_setup_true_vapor_true_lang.mjs

@@ -16,7 +16,7 @@ var _ = m(" "), v = m("<div>"), y = m("<div><div>", 1), b = /*@__PURE__*/ o({
 		labelAlign: { default: "left" },
 		title: {},
 		size: { default: "default" },
-		labelWidth: {},
+		labelWidth: { default: 100 },
 		tableLayout: {}
 	},
 	setup(o, { slots: m }) {

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

@@ -1,5 +1,6 @@
 import { MenuGroupSlots, MenuItemSlots, MenuSlots, SubMenuSlots } from './types';
 import { PublicProps, VNode, Plugin } from 'vue';
+import { ScrollbarProps } from '../scrollbar';
 export declare const SMenuGroup: ((__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: {
     attrs: any;
     slots: MenuGroupSlots;
@@ -53,6 +54,7 @@ export declare const SMenu: ((__VLS_props: NonNullable<Awaited<typeof __VLS_setu
         openKeys?: (string[] & (string | number)[]) | undefined;
         selectedKey?: string | undefined;
         accordion?: boolean | undefined;
+        scrollbarProps?: ScrollbarProps | undefined;
         activeKey?: string | number | undefined;
         onItemClick?: ((name: string | number, item: any) => any) | undefined;
         onOpenChange?: ((keys: string[]) => any) | undefined;

package/dist/es/components/src/menu/menu.vue_vue_type_script_setup_true_vapor_true_lang.mjs

@@ -16,7 +16,8 @@ var S = _("<div>"), C = _("<div>", 1), w = /*@__PURE__*/ c({
 		collapsedWidth: { default: 48 },
 		openKeys: {},
 		selectedKey: {},
-		accordion: { type: Boolean }
+		accordion: { type: Boolean },
+		scrollbarProps: {}
 	}, {
 		activeKey: {},
 		activeKeyModifiers: {},
@@ -55,7 +56,10 @@ var S = _("<div>"), C = _("<div>", 1), w = /*@__PURE__*/ c({
 		let R = C();
 		return f(() => {
 			p(R, [y(T).b()]), g(R, E.value);
-		}), m(R, null, 0), o(y(r), { padding: "4px" }, () => {
+		}), m(R, null, 0), o(y(r), { $: [() => ({
+			padding: "4px",
+			...c.scrollbarProps
+		})] }, () => {
 			let e = S();
 			return f(() => p(e, [y(T).e("content")])), m(e, null, 0), s(), e;
 		}), h(R, L, null, "menuRef"), R;

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

@@ -1,4 +1,5 @@
 import { InjectionKey, Ref } from 'vue';
+import { ScrollbarProps } from '../scrollbar';
 export interface MenuProps {
     /** 是否折叠 */
     collapsed?: boolean;
@@ -12,6 +13,8 @@ export interface MenuProps {
     selectedKey?: string;
     /** 是否开启手风琴模式 */
     accordion?: boolean;
+    /** 滚动条属性 */
+    scrollbarProps?: ScrollbarProps;
 }
 export interface MenuSlots {
     /** 默认 */

package/dist/es/components/src/popover/popover.vue_vue_type_script_setup_true_vapor_true_lang.mjs

@@ -4,10 +4,10 @@ import { useNamespace as t } from "../../../hooks/src/use-namespace.mjs";
 import { useOutsideClick as n } from "../../../hooks/src/use-outside-click.mjs";
 import { useZIndex as r } from "../../../hooks/src/use-zIndex.mjs";
 import "../../../hooks/index.mjs";
-import { VaporTeleport as i, VaporTransition as a, applyVShow as o, child as s, computed as c, createComponent as l, createDynamicComponent as ee, createIf as u, createSlot as te, createTemplateRefSetter as ne, defineVaporComponent as d, nextTick as re, onMounted as ie, onUnmounted as ae, ref as f, renderEffect as p, setClass as m, setDynamicEvents as h, setInsertionState as g, setStyle as _, setText as oe, template as v, toDisplayString as se, unref as y, useSlots as ce, useTemplateRef as b, watch as x, watchEffect as le } from "vue";
-import { arrow as ue, autoUpdate as de, computePosition as fe, flip as pe, offset as me, shift as he } from "@floating-ui/dom";
+import { VaporTeleport as i, VaporTransition as a, applyVShow as o, child as s, computed as c, createComponent as l, createDynamicComponent as ee, createIf as u, createSlot as te, createTemplateRefSetter as ne, defineVaporComponent as d, nextTick as f, onMounted as re, onUnmounted as ie, ref as p, renderEffect as m, setClass as h, setDynamicEvents as g, setInsertionState as _, setStyle as v, setText as ae, template as y, toDisplayString as oe, unref as b, useSlots as se, useTemplateRef as x, watch as S, watchEffect as ce } from "vue";
+import { arrow as le, autoUpdate as ue, computePosition as de, flip as fe, offset as pe, shift as me } from "@floating-ui/dom";
 //#region ../components/src/popover/popover.vue?vue&type=script&setup=true&vapor=true&lang.ts
-var ge = v(" "), _e = v("<div data-popover-arrow>"), ve = v("<div>"), ye = v("<div><div>"), S = /*@__PURE__*/ d({
+var he = y(" "), ge = y("<div data-popover-arrow>"), _e = y("<div>"), ve = y("<div><div>"), C = /*@__PURE__*/ d({
 	name: "SPopover",
 	__name: "popover",
 	props: {
@@ -38,59 +38,59 @@ var ge = v(" "), _e = v("<div data-popover-arrow>"), ve = v("<div>"), ye = v("<d
 		"after-leave"
 	],
 	__multiRoot: !0,
-	setup(d, { expose: v, emit: S }) {
-		let C = d, w = S, T = t("popover"), be = ce(), E = f(!1), D = f(!1), { nextZIndex: xe } = r(), O = f(), k = b("containerNode"), A = b("wrapperNode"), j = b("contentNode"), M = f(null), Se = () => {
-			let e = be.default?.();
-			return M.value = e, e;
-		}, N = f(null), P = f({}), F = f({}), I = f({}), L = f(null), R = () => {
-			N.value && Object.entries(F.value).forEach(([e, t]) => {
-				N.value.removeEventListener(e, t);
+	setup(d, { expose: y, emit: C }) {
+		let w = d, T = C, E = t("popover"), ye = se(), D = p(!1), O = p(!1), { nextZIndex: be } = r(), k = p(), A = x("containerNode"), j = x("wrapperNode"), M = x("contentNode"), N = p(null), xe = () => {
+			let e = ye.default?.();
+			return N.value = e, e;
+		}, P = p(null), F = p({}), I = p({}), L = p({}), R = p(null), z = () => {
+			P.value && Object.entries(I.value).forEach(([e, t]) => {
+				P.value.removeEventListener(e, t);
 			});
-		}, z = (e) => e == null ? [] : Array.isArray(e) ? e : [e], B = (e) => {
+		}, B = (e) => e == null ? [] : Array.isArray(e) ? e : [e], V = (e) => {
 			if (!e) return null;
 			if (e instanceof Node) return e;
 			if (e.block instanceof Node) return e.block;
 			if (e.el instanceof Node) return e.el;
 			if (e.branches) {
-				let t = typeof e.activeBranch == "number" ? e.activeBranch : 0, n = B(e.branches[t] || e.branches[0]);
+				let t = typeof e.activeBranch == "number" ? e.activeBranch : 0, n = V(e.branches[t] || e.branches[0]);
 				if (n) return n;
 			}
-			for (let t of z(e.children)) {
-				let e = B(t);
+			for (let t of B(e.children)) {
+				let e = V(t);
 				if (e) return e;
 			}
-			for (let t of z(e.nodes)) {
+			for (let t of B(e.nodes)) {
 				if (t instanceof Node) return t;
-				let e = B(t);
+				let e = V(t);
 				if (e) return e;
 			}
 			return null;
 		};
-		x(M, (e) => {
-			if (!e || N.value) return;
+		S(N, (e) => {
+			if (!e || P.value) return;
 			let t = null;
-			t = e instanceof HTMLElement ? e : B(e), t && t !== N.value && (R(), N.value = t);
-		}, { flush: "post" }), ie(() => {
-			if (N.value) return;
-			let e = M.value;
+			t = e instanceof HTMLElement ? e : V(e), t && t !== P.value && (z(), P.value = t);
+		}, { flush: "post" }), re(() => {
+			if (P.value) return;
+			let e = N.value;
 			if (!e) return;
-			let t = e instanceof HTMLElement ? e : B(e);
-			t && t !== N.value && (R(), N.value = t);
-		}), x(N, (e) => {
-			e && re().then(() => {
-				Object.entries(F.value).forEach(([t, n]) => {
+			let t = e instanceof HTMLElement ? e : V(e);
+			t && t !== P.value && (z(), P.value = t);
+		}), S(P, (e) => {
+			e && f().then(() => {
+				Object.entries(I.value).forEach(([t, n]) => {
 					e.addEventListener(t, n);
 				});
 			});
 		}, { flush: "post" });
-		let Ce = () => {
-			if (!j.value || !N.value) return;
-			j.value.style.width = "";
+		let Se = () => {
+			if (!M.value || !P.value) return;
+			M.value.style.width = "";
 			let e = "";
-			typeof C.width == "number" ? (e = `${C.width}px`, j.value.style.width = e) : C.width === "sameWidth" ? (e = `${N.value.getBoundingClientRect().width}px`, j.value.style.width = e) : C.width === "auto" && (e = "", j.value.style.width = e);
-		}, we = c(() => C.offset ? C.offset : C.trigger === "contextmenu" && C.alignPoint ? [0, 0] : C.showArrow ? [0, 8] : [0, 0]), V = () => {
-			if (C.trigger === "contextmenu" && C.alignPoint && L.value) {
-				let e = L.value;
+			typeof w.width == "number" ? (e = `${w.width}px`, M.value.style.width = e) : w.width === "sameWidth" ? (e = `${P.value.getBoundingClientRect().width}px`, M.value.style.width = e) : w.width === "auto" && (e = "", M.value.style.width = e);
+		}, Ce = c(() => w.offset ? w.offset : w.trigger === "contextmenu" && w.alignPoint ? [0, 0] : w.showArrow ? [0, 8] : [0, 0]), H = () => {
+			if (w.trigger === "contextmenu" && w.alignPoint && R.value) {
+				let e = R.value;
 				return { getBoundingClientRect() {
 					return {
 						top: e.y,
@@ -105,135 +105,133 @@ var ge = v(" "), _e = v("<div data-popover-arrow>"), ve = v("<div>"), ye = v("<d
 					};
 				} };
 			}
-			return N.value;
-		}, H = null, U = () => {
-			H &&= (H(), null);
-		}, W = async () => {
-			if (!A.value || !N.value) return;
-			let e = V(), t = j.value?.querySelector("[data-popover-arrow]"), [n, r] = we.value, i = [
-				me({
+			return P.value;
+		}, U = null, W = () => {
+			U &&= (U(), null);
+		}, G = async () => {
+			if (!j.value || !P.value) return;
+			let e = H(), t = M.value?.querySelector("[data-popover-arrow]"), [n, r] = Ce.value, i = [
+				pe({
 					mainAxis: r,
 					crossAxis: n
 				}),
-				pe(),
-				he()
+				fe(),
+				me()
 			];
-			t && i.push(ue({
+			t && i.push(le({
 				element: t,
 				padding: 8
 			}));
-			let { x: a, y: o, placement: s, middlewareData: c } = await fe(e, A.value, {
-				placement: C.placement,
+			let { x: a, y: o, placement: s, middlewareData: c } = await de(e, j.value, {
+				placement: w.placement,
 				strategy: "fixed",
 				middleware: i
 			});
-			if (A.value && (Object.assign(A.value.style, {
+			if (j.value && (Object.assign(j.value.style, {
 				position: "fixed",
 				left: `${a}px`,
 				top: `${o}px`
-			}), A.value.setAttribute("data-popover-placement", s), t && c.arrow)) {
+			}), j.value.setAttribute("data-popover-placement", s), t && c.arrow)) {
 				let { x: e, y: n } = c.arrow;
 				Object.assign(t.style, {
 					left: e == null ? "" : `${e}px`,
 					top: n == null ? "" : `${n}px`
 				});
 			}
-		}, G = c(() => C.manual ? {
+		}, K = c(() => w.manual ? {
 			openDelay: 0,
 			closeDelay: 0
 		} : {
-			openDelay: typeof C.delay == "number" ? C.delay : C.delay[0],
-			closeDelay: typeof C.delay == "number" ? 50 : C.delay[1]
-		}), K = null, Te = () => {
-			C.disabled || (K &&= (clearTimeout(K), null), D.value = !0, re(() => {
-				E.value = !0, w("change", !0);
+			openDelay: typeof w.delay == "number" ? w.delay : w.delay[0],
+			closeDelay: typeof w.delay == "number" ? 50 : w.delay[1]
+		}), we = () => {
+			w.disabled || (O.value = !0, f(() => {
+				D.value = !0, T("change", !0);
 			}));
-		}, Ee = () => {
-			E.value = !1, L.value = null, w("change", !1), K && clearTimeout(K), K = setTimeout(() => {
-				C.destroyOnClose && (D.value = !1), K = null;
-			}, 300);
-		}, q = f(null), J = f(null), De = () => {
-			q.value?.cancel(), J.value?.cancel(), q.value = e(Te, G.value.openDelay), J.value = e(Ee, G.value.closeDelay);
+		}, Te = () => {
+			D.value = !1, R.value = null, T("change", !1);
+		}, q = p(null), J = p(null), Y = () => {
+			q.value?.cancel(), J.value?.cancel(), q.value = e(we, K.value.openDelay), J.value = e(Te, K.value.closeDelay);
 		};
-		De(), x(G, De);
-		let Y = () => {
+		Y(), S(K, Y);
+		let X = () => {
 			J.value?.cancel(), q.value?.();
-		}, X = () => {
+		}, Z = () => {
 			q.value?.cancel(), J.value?.();
 		};
-		n(k, (e) => {
-			N.value && e.target && typeof N.value.contains == "function" && N.value.contains(e.target) || (E.value && w("click-outside", e), !C.manual && (C.trigger === "hover" || C.trigger === "contextmenu" || C.trigger === "click") && X());
+		n(A, (e) => {
+			P.value && e.target && typeof P.value.contains == "function" && P.value.contains(e.target) || (D.value && T("click-outside", e), !w.manual && (w.trigger === "hover" || w.trigger === "contextmenu" || w.trigger === "click") && Z());
 		});
-		let Z = () => {
-			F.value = {}, P.value = {}, I.value = {}, Q();
+		let Ee = () => {
+			I.value = {}, F.value = {}, L.value = {}, Q();
 		}, Q = () => {
-			C.manual || (C.trigger === "hover" && (F.value.mouseenter = Y, F.value.mouseleave = X, P.value.mouseenter = Y, P.value.mouseleave = X), C.trigger === "click" && (F.value.click = () => {
-				let e = E.value ? J.value : q.value;
-				(E.value ? q.value : J.value)?.cancel(), e?.();
-			}), C.trigger === "contextmenu" && (F.value.click = () => {
-				X();
-			}, F.value.contextmenu = (e) => {
+			w.manual || (w.trigger === "hover" && (I.value.mouseenter = X, I.value.mouseleave = Z, F.value.mouseenter = X, F.value.mouseleave = Z), w.trigger === "click" && (I.value.click = () => {
+				let e = D.value ? J.value : q.value;
+				(D.value ? q.value : J.value)?.cancel(), e?.();
+			}), w.trigger === "contextmenu" && (I.value.click = () => {
+				Z();
+			}, I.value.contextmenu = (e) => {
 				e.preventDefault();
 				let t = e;
-				L.value = {
+				R.value = {
 					x: t.clientX,
 					y: t.clientY
-				}, E.value ? W() : Y();
+				}, D.value ? G() : X();
 			}));
 		};
-		le(() => {
-			C.manual || Q();
+		ce(() => {
+			w.manual || Q();
 		});
-		let Oe = () => {
-			E.value || (U(), w("after-leave"));
+		let De = () => {
+			D.value || (T("after-leave"), w.destroyOnClose && (O.value = !1), W());
 		};
-		x(E, (e) => {
-			e && (!A.value || !N.value || (O.value = xe(), Ce(), U(), H = de(V(), A.value, W)));
-		}, { flush: "post" }), x([
-			() => C.placement,
-			() => C.offset,
-			() => C.showArrow
+		S(D, (e) => {
+			e && (!j.value || !P.value || (k.value = be(), Se(), W(), U = ue(H(), j.value, G)));
+		}, { flush: "post" }), S([
+			() => w.placement,
+			() => w.offset,
+			() => w.showArrow
 		], () => {
-			E.value && W();
-		}), x(() => C.manual, (e) => {
-			e ? Z() : Q();
-		}), x(() => C.trigger, (e, t) => {
-			e !== t && (q.value?.cancel(), E.value = !1, w("change", !1), Z());
-		}), ae(() => {
-			K &&= (clearTimeout(K), null), U(), R();
-		}), v({
-			show: Y,
-			hide: X
+			D.value && G();
+		}), S(() => w.manual, (e) => {
+			e ? Ee() : Q();
+		}), S(() => w.trigger, (e, t) => {
+			e !== t && (q.value?.cancel(), D.value = !1, T("change", !1), Ee());
+		}), ie(() => {
+			W(), z();
+		}), y({
+			show: X,
+			hide: Z
 		});
 		let $ = ne();
-		return [ee(() => Se()), l(i, {
+		return [ee(() => xe()), l(i, {
 			disabled: () => !d.teleportBody,
 			to: () => d.teleport
-		}, () => u(() => D.value, () => {
-			let e = ye(), t = s(e);
-			return p(() => {
-				let n = y(T);
-				h(e, P.value), m(e, [n.b()]), m(t, [n.e("wrapper")]), _(t, { zIndex: O.value });
-			}), g(t, null, 0), l(a, {
+		}, () => u(() => O.value, () => {
+			let e = ve(), t = s(e);
+			return m(() => {
+				let n = b(E);
+				g(e, F.value), h(e, [n.b()]), h(t, [n.e("wrapper")]), v(t, { zIndex: k.value });
+			}), _(t, null, 0), l(a, {
 				name: "popover-fade",
-				onAfterLeave: () => Oe,
+				onAfterLeave: () => De,
 				persisted: ""
 			}, () => {
-				let e = ve();
-				return p(() => {
-					h(e, I.value), m(e, [y(T).e("content")]);
-				}), g(e, null, 0), te("content", null, () => {
+				let e = _e();
+				return m(() => {
+					g(e, L.value), h(e, [b(E).e("content")]);
+				}), _(e, null, 0), te("content", null, () => {
+					let e = he();
+					return m(() => ae(e, oe(d.content))), e;
+				}), _(e, null, 1), u(() => d.showArrow, () => {
 					let e = ge();
-					return p(() => oe(e, se(d.content))), e;
-				}), g(e, null, 1), u(() => d.showArrow, () => {
-					let e = _e();
-					return p(() => {
-						m(e, [y(T).e("arrow")]), _(e, d.arrowStyle);
+					return m(() => {
+						h(e, [b(E).e("arrow")]), v(e, d.arrowStyle);
 					}), e;
-				}), o(e, () => E.value), $(e, j, null, "contentNode"), e;
-			}), $(t, A, null, "wrapperNode"), $(e, k, null, "containerNode"), e;
+				}), o(e, () => D.value), $(e, M, null, "contentNode"), e;
+			}), $(t, j, null, "wrapperNode"), $(e, A, null, "containerNode"), e;
 		}, null, 129))];
 	}
 });
 //#endregion
-export { S as default };
+export { C as default };

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

@@ -12,6 +12,7 @@ export declare const SStatistic: ((__VLS_props: NonNullable<Awaited<typeof __VLS
         precision?: number | undefined;
         showGroupSeparator?: boolean | undefined;
         animation?: boolean | undefined;
+        duration?: number | undefined;
         countdown?: boolean | undefined;
         format?: string | undefined;
         start?: boolean | undefined;