savor-ui 0.15.7 → 0.17.0

package/CHANGELOG.md

@@ -2,6 +2,34 @@
 
 
 
+# [0.17.0](https://gitee.com/mach552/savor-ui/compare/v0.16.0...v0.17.0) (2026-08-07)
+
+
+### Bug Fixes
+
+* **cascader:** 修复选项列表更新时不刷新值的问题 ([a31af18](https://gitee.com/mach552/savor-ui/commits/a31af1880ec72b9445b411751f5e628aa992bd42))
+* **grid:** 修复换行会残留间隔的问题 ([9dace33](https://gitee.com/mach552/savor-ui/commits/9dace337a3c5ff6c25d13d49e5ee0554b5a26fc6))
+
+
+### Features
+
+* **modal:** 添加按钮相关属性 ([3c46e27](https://gitee.com/mach552/savor-ui/commits/3c46e278714fe20280d139879ead9cedd690df37))
+
+# [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)
 
 

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

@@ -7,11 +7,11 @@ import { SPopover as r } from "../popover/index.mjs";
 import { SInput as i } from "../input/index.mjs";
 import { SEmpty as a } from "../empty/index.mjs";
 import ee from "./cascader-column.vue.mjs";
-import { computed as o, createComponent as s, createComponentWithFallback as c, createIf as te, createInvoker as l, createTemplateRefSetter as u, defineVaporComponent as d, delegateEvents as f, mergeModels as p, on as m, onMounted as h, ref as g, renderEffect as _, resolveComponent as ne, setClass as v, setInsertionState as y, template as b, toRefs as x, unref as S, useModel as C, useTemplateRef as w, watch as T, withModifiers as E, withVaporModifiers as D } from "vue";
+import { computed as o, createComponent as s, createComponentWithFallback as c, createIf as l, createInvoker as u, createTemplateRefSetter as te, defineVaporComponent as d, delegateEvents as f, mergeModels as p, on as m, onMounted as h, ref as g, renderEffect as _, resolveComponent as ne, setClass as v, setInsertionState as y, template as b, toRefs as x, unref as S, useModel as C, useTemplateRef as w, watch as T, withModifiers as E, withVaporModifiers as D } from "vue";
 //#region ../components/src/cascader/cascader.vue?vue&type=script&setup=true&vapor=true&lang.ts
-var re = b("<div style=\"padding: 12px\">"), ie = b("<div>"), ae = b("<div data-skip-blur-validation>"), oe = b("<div>", 1);
+var O = b("<div style=\"padding: 12px\">"), re = b("<div>"), ie = b("<div data-skip-blur-validation>"), ae = b("<div>", 1);
 f("mousedown", "focusin", "click");
-var O = /*@__PURE__*/ d({
+var k = /*@__PURE__*/ d({
 	name: "SCascader",
 	__name: "cascader",
 	props: /*@__PURE__*/ p({
@@ -52,8 +52,8 @@ var O = /*@__PURE__*/ d({
 		"update:expanded"
 	]),
 	setup(d, { emit: f }) {
-		let p = d, b = e("cascader"), O = f, k = w("inputRef"), A = C(d, "modelValue"), { size: j, error: M } = x(p), { mergedSize: N, mergedError: P } = n({
-			size: j,
+		let p = d, b = e("cascader"), k = f, A = w("inputRef"), j = C(d, "modelValue"), { size: oe, error: M } = x(p), { mergedSize: N, mergedError: P } = n({
+			size: oe,
 			error: M
 		}), F = C(d, "expandedKeys"), I = C(d, "expanded"), L = o(() => ({
 			label: "label",
@@ -63,18 +63,18 @@ var O = /*@__PURE__*/ d({
 		})), R = g(""), z = g([]), B = (e) => p.pathMode ? e.map((e) => e[L.value.key]).join(p.pathSeparator) : e[e.length - 1][L.value.key], V = (e) => e.map((e) => e[L.value.label]).join(p.pathSeparator), H = ({ item: e, expandeds: t, unchecked: n }) => {
 			if (p.multiple) {
 				let r = e[L.value.key], i = z.value.findIndex((e) => e[e.length - 1][L.value.key] === r);
-				n ? i !== -1 && (z.value = z.value.toSpliced(i, 1)) : i === -1 && (z.value = [...z.value, t]), A.value = z.value.map(B), R.value = z.value.map(V).join(", "), O("selectItem", {
+				n ? i !== -1 && (z.value = z.value.toSpliced(i, 1)) : i === -1 && (z.value = [...z.value, t]), j.value = z.value.map(B), R.value = z.value.map(V).join(", "), k("selectItem", {
 					item: e,
 					expandeds: t
 				});
 				return;
 			}
-			R.value = V(t), A.value = B(t), O("selectItem", {
+			R.value = V(t), j.value = B(t), k("selectItem", {
 				item: e,
 				expandeds: t
 			}), K(!1);
 		}, U = () => {
-			O("expand", F.value);
+			k("expand", F.value);
 		}, W = w("popoverRef"), G = g(!1), K = (e) => {
 			G.value = e, e ? W.value?.show() : W.value?.hide();
 		}, se = () => {
@@ -83,7 +83,7 @@ var O = /*@__PURE__*/ d({
 		}, ce = () => {
 			K(!1);
 		}, le = (e) => {
-			e.target && k.value?.focus();
+			e.target && A.value?.focus();
 		}, q = (e, t, n = []) => {
 			for (let r of e) {
 				let e = [...n, r];
@@ -103,12 +103,12 @@ var O = /*@__PURE__*/ d({
 			}
 			return n;
 		}, Y = () => {
-			if (A.value === void 0 || A.value === "") {
+			if (j.value === void 0 || j.value === "") {
 				R.value = "", F.value = [], I.value = [], z.value = [];
 				return;
 			}
 			if (p.multiple) {
-				z.value = (Array.isArray(A.value) ? A.value : []).map((e) => {
+				z.value = (Array.isArray(j.value) ? j.value : []).map((e) => {
 					if (p.pathMode && typeof e == "string") {
 						let t = e.split(p.pathSeparator);
 						return J(p.options, t);
@@ -118,24 +118,26 @@ var O = /*@__PURE__*/ d({
 				return;
 			}
 			let e = null;
-			if (p.pathMode && typeof A.value == "string") {
-				let t = A.value.split(p.pathSeparator);
+			if (p.pathMode && typeof j.value == "string") {
+				let t = j.value.split(p.pathSeparator);
 				e = J(p.options, t);
-			} else Array.isArray(A.value) || (e = q(p.options, A.value));
+			} else Array.isArray(j.value) || (e = q(p.options, j.value));
 			e && (F.value = e.map((e) => e[L.value.key]), I.value = e, R.value = V(e));
 		}, X = (e) => {
-			A.value === void 0 ? e.forEach((e) => {
+			j.value === void 0 ? e.forEach((e) => {
 				F.value.includes(e[L.value.key]) && (R.value = R.value ? `${R.value}${p.pathSeparator}${e[L.value.label]}` : e[L.value.label], e[L.value.children] && X(e[L.value.children]));
 			}) : Y();
 		}, ue = () => {
-			A.value = p.multiple ? [] : "", F.value = [], I.value = [], z.value = [], R.value = "", O("clear");
+			j.value = p.multiple ? [] : "", F.value = [], I.value = [], z.value = [], R.value = "", k("clear");
 		};
-		T(A, () => {
+		T(j, () => {
 			Y();
+		}), T(() => p.options, () => {
+			j.value !== void 0 && j.value !== "" && Y();
 		}), h(() => {
 			X(p.options);
 		});
-		let Z = u(), Q = ne("SIcon"), $ = oe();
+		let Z = te(), Q = ne("SIcon"), $ = ae();
 		return _(() => v($, [S(b).b()])), y($, null, 0), Z(s(S(r), { $: [() => ({
 			offset: [0, 4],
 			placement: "bottom-start",
@@ -143,12 +145,12 @@ var O = /*@__PURE__*/ d({
 			...d.popoverProps
 		}), { onClickOutside: () => ce }] }, {
 			content: () => {
-				let e = ae();
-				return _(() => v(e, [S(b).e("wrapper")])), y(e, null, 0), te(() => !d.options.length, () => {
-					let e = re();
+				let e = ie();
+				return _(() => v(e, [S(b).e("wrapper")])), y(e, null, 0), l(() => !d.options.length, () => {
+					let e = O();
 					return y(e, null, 0), s(S(a)), e;
 				}, () => {
-					let e = ie();
+					let e = re();
 					return _(() => v(e, [S(b).e("panel")])), y(e, null, 0), s(ee, {
 						expandTrigger: () => d.expandTrigger,
 						fieldNames: () => d.fieldNames,
@@ -159,14 +161,14 @@ var O = /*@__PURE__*/ d({
 						pathSeparator: () => d.pathSeparator,
 						onClickItem: () => H,
 						onExpand: () => U,
-						modelValue: () => A.value,
-						"onUpdate:modelValue": () => (e) => A.value = e,
+						modelValue: () => j.value,
+						"onUpdate:modelValue": () => (e) => j.value = e,
 						expanded: () => I.value,
 						"onUpdate:expanded": () => (e) => I.value = e,
 						expandedKeys: () => F.value,
 						"onUpdate:expandedKeys": () => (e) => F.value = e
 					}), e;
-				}, 261), m(e, "click", E(() => {}, ["stop"])), e.$evtmousedown = D(() => {}, ["prevent"]), e.$evtfocusin = l(le), e;
+				}, 261), m(e, "click", E(() => {}, ["stop"])), e.$evtmousedown = D(() => {}, ["prevent"]), e.$evtfocusin = u(le), e;
 			},
 			default: () => {
 				let e = s(S(i), {
@@ -185,10 +187,10 @@ var O = /*@__PURE__*/ d({
 					class: () => [S(b).e("suffix-icon")],
 					style: () => ({ transform: G.value ? "rotate(180deg)" : "" })
 				}, () => s(S(t))) });
-				return Z(e, k, null, "inputRef"), e;
+				return Z(e, A, null, "inputRef"), e;
 			}
-		}), W, null, "popoverRef"), $.$evtclick = l(se), $;
+		}), W, null, "popoverRef"), $.$evtclick = u(se), $;
 	}
 });
 //#endregion
-export { O as default };
+export { k as default };

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 = h.labelWidth || S?.labelWidth, n = {
-				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 t != null && (n.width = typeof t == "number" ? `${t}px` : t), n;
-		}), 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: { default: 120 },
+		labelWidth: { default: 100 },
 		tableLayout: {}
 	},
 	setup(o, { slots: m }) {

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

@@ -12,9 +12,12 @@ var v = p("<div>", 1), y = /*@__PURE__*/ i({
 	},
 	setup(i) {
 		let p = i, y = g("gridItemRef"), b = e("grid"), x = "grid-item-" + h(), S = a(t, {}), C = n(() => {
-			if (!S?.positionList) return {};
-			let e = S?.positionList.value[x];
-			return e ? { gridColumn: `${e.start} / ${e.end}` } : {};
+			let e = S?.positionList?.value[x];
+			return {
+				...e ? { gridColumn: `${e.start} / ${e.end}` } : {},
+				paddingLeft: e?.isFirst ? "0px" : "var(--s-grid-gutter-x, 0px)",
+				paddingRight: e?.isLast ? "0px" : "var(--s-grid-gutter-x, 0px)"
+			};
 		}), w = () => {
 			S?.addGridItem?.({
 				...p,

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

@@ -13,10 +13,12 @@ var m = f("<div>", 1), h = /*@__PURE__*/ a({
 	},
 	setup(a) {
 		let f = a, h = t("grid"), { current: g } = e(), _ = s([]), v = (e, t) => e ? e?.[t] ?? 24 : 24, y = r(() => v(f.cols, g.value)), b = r(() => `repeat(${v(f.cols, g.value)}, 1fr)`), x = r(() => {
-			let e;
-			return e = Array.isArray(f.gutter) ? `${f.gutter[1]}px ${f.gutter[0]}px` : `${f.gutter}px`, {
-				gap: e,
-				gridTemplateColumns: b.value
+			let e = 0, t = 0;
+			return Array.isArray(f.gutter) ? (e = f.gutter[0], t = f.gutter[1]) : (e = f.gutter, t = f.gutter), {
+				"--s-grid-gutter-x": `${e / 2}px`,
+				gridTemplateColumns: b.value,
+				rowGap: `${t}px`,
+				columnGap: "0px"
 			};
 		});
 		o(n, {
@@ -32,12 +34,16 @@ var m = f("<div>", 1), h = /*@__PURE__*/ a({
 			},
 			positionList: r(() => {
 				let e = 1, t = {}, n = y.value, r = [..._.value].sort((e, t) => e.el && t.el ? e.el.compareDocumentPosition(t.el) & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : 1 : 0);
-				for (let i of r) {
-					let { uid: r, span: a = 1, offset: o = 0 } = i, s = e + o, c = s + a;
-					t[r] = {
-						start: s,
-						end: c
-					}, e = c, e > n && (e = 1);
+				for (let i = 0; i < r.length; i++) {
+					let { uid: a, span: o = 1, offset: s = 0 } = r[i], c = e + s, l = c + o;
+					l > n + 1 && (e = 1, c = e + s, l = c + o);
+					let u = c - s === 1, d = r[i + 1], f = !d || l + (d.offset || 0) + (d.span || 1) > n + 1;
+					t[a] = {
+						start: c,
+						end: l,
+						isFirst: u,
+						isLast: f
+					}, e = l;
 				}
 				return t;
 			})

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

@@ -43,6 +43,8 @@ export interface GridContext {
     positionList?: ComputedRef<Record<string, {
         start: number;
         end: number;
+        isFirst: boolean;
+        isLast: boolean;
     }>>;
 }
 export declare const gridContextKey: InjectionKey<GridContext>;

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

@@ -2,6 +2,7 @@ import { useModal } from './method';
 import { ModalSlots } from './types';
 import { PublicProps, VNode, ShallowUnwrapRef, Plugin } from 'vue';
 import { ScrollbarProps } from '../scrollbar';
+import { ButtonProps } from '../button';
 export declare const SModal: ((__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: {
     attrs: any;
     slots: ModalSlots;
@@ -34,6 +35,10 @@ export declare const SModal: ((__VLS_props: NonNullable<Awaited<typeof __VLS_set
         offset?: number | undefined;
         scrollContent?: boolean | undefined;
         scrollbarProps?: ScrollbarProps | undefined;
+        confirmBtn?: boolean | undefined;
+        confirmProps?: ButtonProps | undefined;
+        cancelBtn?: boolean | undefined;
+        cancelProps?: ButtonProps | undefined;
         confirm?: ((done: (status: boolean) => void) => void) | undefined;
         close?: (() => void) | undefined;
         closed?: (() => void) | undefined;

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

@@ -71,6 +71,16 @@ var M = /*@__PURE__*/ f({
 		offset: { default: 120 },
 		scrollContent: { type: Boolean },
 		scrollbarProps: {},
+		confirmBtn: {
+			type: Boolean,
+			default: !0
+		},
+		confirmProps: {},
+		cancelBtn: {
+			type: Boolean,
+			default: !0
+		},
+		cancelProps: {},
 		confirm: {},
 		close: {},
 		closed: {},
@@ -210,25 +220,25 @@ var M = /*@__PURE__*/ f({
 					}, 4)), e;
 				}, 1541), b(e, null, 2), u(() => f.footer, () => {
 					let e = k();
-					return v(() => y(e, [T(N).e("footer")])), b(e, null, 0), d("footer", null, () => u(() => f.btnReverse, () => [l(T(i), {
+					return v(() => y(e, [T(N).e("footer")])), b(e, null, 0), d("footer", null, () => u(() => f.btnReverse, () => [u(() => f.confirmBtn, () => l(T(i), { $: [() => ({
 						label: "确定",
-						loading: () => H.value,
+						loading: H.value,
 						type: "primary",
-						onClick: () => Y
-					}), l(T(i), {
+						...f.confirmProps
+					}), { onClick: () => Y }] }), null, 129), u(() => f.cancelBtn, () => l(T(i), { $: [() => ({
 						label: "取消",
-						secondary: "",
-						onClick: () => X
-					})], () => [l(T(i), {
+						secondary: !0,
+						...f.cancelProps
+					}), { onClick: () => X }] }), null, 129)], () => [u(() => f.cancelBtn, () => l(T(i), { $: [() => ({
 						label: "取消",
-						secondary: "",
-						onClick: () => X
-					}), l(T(i), {
+						secondary: !0,
+						...f.cancelProps
+					}), { onClick: () => X }] }), null, 129), u(() => f.confirmBtn, () => l(T(i), { $: [() => ({
 						label: "确定",
-						loading: () => H.value,
+						loading: H.value,
 						type: "primary",
-						onClick: () => Y
-					})], 1930)), e;
+						...f.confirmProps
+					}), { onClick: () => Y }] }), null, 129)], 2442)), e;
 				}), o(e, () => z.value), $(e, I, null, "modalRef"), e;
 			}), o(e, () => B.value), e;
 		}, !0);

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

@@ -1,4 +1,5 @@
 import { VNode } from 'vue';
+import { ButtonProps } from '../button';
 import { ScrollbarProps } from '../scrollbar';
 export interface ModalProps {
     /** 弹窗是否可见(v-model) */
@@ -57,6 +58,14 @@ export interface ModalProps {
     scrollContent?: boolean;
     /** 滚动容器属性 */
     scrollbarProps?: ScrollbarProps;
+    /** 是否显示确认按钮 */
+    confirmBtn?: boolean;
+    /** 确认按钮属性 */
+    confirmProps?: ButtonProps;
+    /** 是否显示取消按钮 */
+    cancelBtn?: boolean;
+    /** 取消按钮属性 */
+    cancelProps?: ButtonProps;
     /** 弹窗确认事件,需调用 done 函数关闭弹窗 */
     confirm?: (done: (status: boolean) => void) => void;
     /** 弹窗关闭事件 */

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;

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

@@ -8,68 +8,84 @@ import y from "dayjs/plugin/duration";
 //#region ../components/src/statistic/statistic.vue?vue&type=script&setup=true&vapor=true&lang.ts
 var b = m(" "), x = m("<div>"), S = m("<div><div> </div>", 1), C = /*@__PURE__*/ o({
 	name: "SStatistic",
+	inheritAttrs: !1,
 	__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
-		},
+		precision: {},
+		showGroupSeparator: { type: Boolean },
+		animation: { type: Boolean },
+		duration: { default: 1e3 },
+		countdown: { type: Boolean },
 		format: { default: "HH:mm:ss" },
-		start: {
-			type: Boolean,
-			default: !1
-		},
+		start: { type: Boolean },
 		valueStyle: { default: () => ({}) }
 	},
 	emits: ["stop"],
 	setup(o, { emit: m, slots: C }) {
 		v.extend(y);
-		let w = o, T = m, E = t("statistic"), D = c(w.value), O = null, k = c(0), A = r(() => {
+		let w = o, T = m, E = t("statistic"), D = c(w.value), O = null, k = c(0), A = c(null), j = null, M = (e, t, n, r) => {
+			if (j &&= (j(), null), e <= 0) {
+				r(n);
+				return;
+			}
+			let i = performance.now(), a, o = () => {
+				let s = performance.now() - i, c = Math.min(s / e, 1);
+				r(t + (n - t) * c), !(c >= 1) && (a = requestAnimationFrame(o));
+			};
+			a = requestAnimationFrame(o), j = () => cancelAnimationFrame(a);
+		}, N = () => {
+			T("stop"), O &&= (clearInterval(O), null);
+		}, P = () => {
+			O ||= window.setInterval(() => {
+				k.value++, D.value - Date.now() <= 0 && N();
+			}, 1e3);
+		}, F = r(() => {
 			if (w.countdown) {
 				k.value;
 				let e = Date.now(), t = Math.max(0, D.value - e);
-				return t <= 0 ? (M(), "00:00:00") : v.duration(t).format(w.format);
+				return t <= 0 ? v.duration(0).format(w.format) : v.duration(t).format(w.format);
 			}
-			let t = Number(w.value) || 0, n = t.toFixed(w.precision ?? t.toString().split(".").length - 1);
-			return w.showGroupSeparator && (n = e(n)), n;
-		}), j = () => {
-			O ||= window.setInterval(() => {
-				k.value++, D.value - Date.now() <= 0 && M();
-			}, 1e3);
-		}, M = () => {
-			T("stop"), O && clearInterval(O), O = null;
-		};
-		_(() => w.start, (e) => e ? j() : M(), { immediate: !0 }), _(() => w.value, (e) => {
-			M(), D.value = e, k.value++, w.start && j();
-		}), s(M);
-		let N = S(), P = n(N, 1), F = n(P, 1);
-		return l(() => u(N, [g(E).b()])), d(N, 0, 0), i(() => o.title || C.title, () => {
+			let t = Number(w.value) || 0, n = A.value ?? t, r;
+			if (w.precision !== void 0) r = n.toFixed(w.precision);
+			else {
+				let e = t.toString(), i = e.indexOf("."), a = i > -1 ? e.length - i - 1 : 0;
+				r = n.toFixed(a);
+			}
+			return w.showGroupSeparator && (r = e(r)), r;
+		});
+		_(() => w.value, (e, t) => {
+			let n = Number(e) || 0, r = Number(t) || 0;
+			if (w.countdown) {
+				N(), D.value = n, k.value++, w.start && P();
+				return;
+			}
+			w.animation ? M(w.duration, r, n, (e) => {
+				A.value = e;
+			}) : A.value = null;
+		}, { immediate: !0 }), _(() => w.start, (e) => {
+			e ? P() : N();
+		}, { immediate: !0 }), s(() => {
+			N(), j && j();
+		});
+		let I = S(), L = n(I, 1), R = n(L, 1);
+		return l(() => u(I, [g(E).b()])), d(I, 0, 0), i(() => o.title || C.title, () => {
 			let e = x();
 			return l(() => u(e, [g(E).e("title")])), d(e, null, 0), a("title", null, () => {
 				let e = b();
 				return l(() => p(e, h(o.title))), e;
 			}), e;
 		}), l(() => {
-			u(P, [g(E).e("value")]), f(P, o.valueStyle);
-		}), d(P, 0, 0), a("prefix"), l(() => p(F, " " + h(A.value) + " ")), d(P, null, 2), a("suffix"), d(N, null, 2), i(() => o.extra || C.extra, () => {
+			u(L, [g(E).e("value")]), f(L, o.valueStyle);
+		}), d(L, 0, 0), a("prefix"), l(() => p(R, " " + h(F.value) + " ")), d(L, null, 2), a("suffix"), d(I, null, 2), i(() => o.extra || C.extra, () => {
 			let e = x();
 			return l(() => u(e, [g(E).e("extra")])), d(e, null, 0), a("extra", null, () => {
 				let e = b();
 				return l(() => p(e, h(o.extra))), e;
 			}), e;
-		}), N;
+		}), I;
 	}
 });
 //#endregion