savor-ui 0.1.0 → 0.2.0

package/CHANGELOG.md

@@ -2,6 +2,20 @@
 
 
 
+# [0.2.0](https://gitee.com/mach552/savor-ui/compare/v0.1.0...v0.2.0) (2026-05-22)
+
+
+### Bug Fixes
+
+* **image:** 修复图片组预览图片不展示的问题 ([d485580](https://gitee.com/mach552/savor-ui/commits/d485580c89acd0483cd71cb885175a294b3db1d3))
+* **message:** 修复容器不销毁的问题 ([6c34e24](https://gitee.com/mach552/savor-ui/commits/6c34e24fcc1b0aadab4c49c385470cb79f88d1b5))
+
+
+### Features
+
+* **radio:** 新增按钮类型的单选框组 ([4b7e12a](https://gitee.com/mach552/savor-ui/commits/4b7e12aef25fc0504e3bdb8d52a85d899acefd00))
+* **text:** 新增复制和编辑模式，新增气泡提示 ([39125c3](https://gitee.com/mach552/savor-ui/commits/39125c3877a14d9bcd9deda7736f7b2583e479b1))
+
 # 0.1.0 (2026-05-16)
 
 

package/dist/es/components/src/image/image-group.d.ts

@@ -10,9 +10,7 @@ declare const __VLS_export: (__VLS_props: NonNullable<Awaited<typeof __VLS_setup
     } ? P : {});
     expose: (exposed: {}) => void;
     attrs: any;
-    slots: {
-        default?: (props: {}) => any;
-    };
+    slots: {};
     emit: (event: "update:modelValue", value: boolean) => void;
 }>) => VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;

package/dist/es/components/src/image/image-group.vue_vue_type_script_setup_true_vapor_true_lang.mjs

@@ -3,23 +3,23 @@ import { useScrollHidden as t } from "../../../hooks/src/use-scroll-hidden.mjs";
 import { useZIndex as n } from "../../../hooks/src/use-zIndex.mjs";
 import "../../../hooks/index.mjs";
 import r from "../../../icons/src/close.vue.mjs";
-import i from "../../../icons/src/left.vue.mjs";
-import a from "../../../icons/src/refresh-left.vue.mjs";
-import o from "../../../icons/src/refresh-right.vue.mjs";
-import s from "../../../icons/src/refresh.vue.mjs";
-import ee from "../../../icons/src/right.vue.mjs";
-import te from "../../../icons/src/zoom-in.vue.mjs";
-import c from "../../../icons/src/zoom-out.vue.mjs";
+import ee from "../../../icons/src/left.vue.mjs";
+import i from "../../../icons/src/refresh-left.vue.mjs";
+import a from "../../../icons/src/refresh-right.vue.mjs";
+import te from "../../../icons/src/refresh.vue.mjs";
+import ne from "../../../icons/src/right.vue.mjs";
+import re from "../../../icons/src/zoom-in.vue.mjs";
+import ie from "../../../icons/src/zoom-out.vue.mjs";
 import "../../../icons/index.mjs";
-import { imageGroupContextKey as l } from "./types.mjs";
-import { VaporTeleport as u, child as d, computed as f, createComponent as p, createIf as m, createInvoker as h, createSlot as g, defineVaporComponent as _, delegateEvents as v, mergeModels as y, next as b, on as x, onMounted as S, onUnmounted as C, provide as w, ref as T, renderEffect as E, setClass as D, setInsertionState as O, setProp as ne, setStyle as k, template as A, unref as j, useModel as re, watch as M, withModifiers as N, withVaporCtx as P } from "vue";
+import { imageGroupContextKey as o } from "./types.mjs";
+import { VaporTeleport as s, child as c, computed as l, createComponent as u, createIf as d, createInvoker as f, defineVaporComponent as p, delegateEvents as m, mergeModels as h, next as g, on as _, onMounted as v, onUnmounted as y, provide as b, ref as x, renderEffect as S, setClass as C, setInsertionState as w, setProp as ae, setStyle as T, template as E, unref as D, useModel as O, watch as k, withModifiers as A, withVaporCtx as j } from "vue";
 //#region ../components/src/image/image-group.vue?vue&type=script&setup=true&vapor=true&lang.ts
-var F = A("<div><img alt>"), I = A("<div><div></div><div><div></div><div></div><div><div></div><div></div><div></div><div></div><div></div><div>");
-v("click", "mousedown", "mouseup", "mousemove");
-var L = /* @__PURE__ */ _({
+var M = E("<div><img alt>"), N = E("<div><div></div><div><div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div>");
+m("click", "mousedown", "mouseup", "mousemove");
+var P = /* @__PURE__ */ p({
 	name: "SImageGroup",
 	__name: "image-group",
-	props: /* @__PURE__ */ y({
+	props: /* @__PURE__ */ h({
 		modelValue: { type: Boolean },
 		srcList: {}
 	}, {
@@ -27,79 +27,73 @@ var L = /* @__PURE__ */ _({
 		modelModifiers: {}
 	}),
 	emits: ["update:modelValue"],
-	__multiRoot: !0,
-	setup(_) {
-		let v = _, y = e("image"), { nextZIndex: A } = n(), { lockScroll: L, unlockScroll: R } = t(), z = T(0), B = re(_, "modelValue"), V = T([]), H = T(0), U = f(() => V.value[H.value]), W = () => {
-			B.value = !1, R();
+	__multiRoot: !1,
+	setup(p) {
+		let m = p, h = e("image"), { nextZIndex: E } = n(), { lockScroll: P, unlockScroll: F } = t(), I = x(0), L = O(p, "modelValue"), R = x([]), z = x(0), B = l(() => R.value[z.value]), V = () => {
+			L.value = !1, F();
 		};
-		M(B, (e) => {
-			e ? (z.value = A(), L()) : R();
+		k(L, (e) => {
+			e ? (I.value = E(), P()) : F();
 		});
-		let G = T(0), K = T(1), q = T(0), J = T(0), ie = () => {
-			G.value += 90;
-		}, ae = () => {
-			G.value -= 90;
+		let H = x(0), U = x(1), W = x(0), G = x(0), K = () => {
+			H.value += 90;
+		}, q = () => {
+			H.value -= 90;
+		}, J = () => {
+			U.value += .2, U.value > 2 && (U.value = 2);
 		}, Y = () => {
-			K.value += .2, K.value > 2 && (K.value = 2);
+			U.value -= .2, U.value < .5 && (U.value = .5);
 		}, X = () => {
-			K.value -= .2, K.value < .5 && (K.value = .5);
-		}, Z = () => {
-			G.value = 0, K.value = 1, q.value = 0, J.value = 0;
+			H.value = 0, U.value = 1, W.value = 0, G.value = 0;
 		}, oe = () => {
-			W();
-		}, Q = (e) => {
-			B.value && (e.preventDefault(), e.deltaY > 0 ? X() : Y());
-		}, $ = T(!1), se = (e) => {
-			e.preventDefault(), $.value = !0;
+			V();
+		}, Z = (e) => {
+			L.value && (e.preventDefault(), e.deltaY > 0 ? Y() : J());
+		}, Q = x(!1), se = (e) => {
+			e.preventDefault(), Q.value = !0;
 		}, ce = (e) => {
-			e.preventDefault(), $.value = !1;
+			e.preventDefault(), Q.value = !1;
 		}, le = (e) => {
-			e.preventDefault(), $.value && (q.value += e.movementX, J.value += e.movementY);
+			e.preventDefault(), Q.value && (W.value += e.movementX, G.value += e.movementY);
+		}, $ = () => {
+			z.value--, X(), z.value < 0 && (z.value = R.value.length - 1);
 		}, ue = () => {
-			H.value--, Z(), H.value < 0 && (H.value = V.value.length - 1);
-		}, de = () => {
-			H.value++, Z(), H.value > V.value.length - 1 && (H.value = 0);
+			z.value++, X(), z.value > R.value.length - 1 && (z.value = 0);
 		};
-		return S(() => {
-			document.addEventListener("wheel", Q, { passive: !1 });
-		}), C(() => {
-			document.removeEventListener("wheel", Q);
-		}), M(() => v.srcList, (e) => {
-			e && (V.value = e);
-		}), w(l, {
+		return v(() => {
+			document.addEventListener("wheel", Z, { passive: !1 });
+		}), y(() => {
+			document.removeEventListener("wheel", Z);
+		}), k(() => m.srcList, (e) => {
+			e && (R.value = e);
+		}, { immediate: !0 }), b(o, {
 			addImage: (e) => {
-				V.value.push(e);
+				R.value.push(e);
 			},
 			removeImage: (e) => {
-				V.value = V.value.filter((t) => t !== e);
+				R.value = R.value.filter((t) => t !== e);
 			},
 			showPreview: (e) => {
-				let t = V.value.indexOf(e);
-				t !== -1 && (H.value = t, Z(), B.value = !0);
+				let t = R.value.indexOf(e);
+				t !== -1 && (z.value = t, X(), L.value = !0);
 			}
-		}), [g("default", null), p(u, { to: () => "body" }, { default: P(() => m(() => B.value, () => {
-			let e = I(), t = d(e), n = b(t, 1), l = d(n, 1), u = b(l, 2), f = b(u, 3), g = d(f), _ = b(g, 1), v = b(_, 2), S = b(v, 3), C = b(S, 4), w = b(C, 5);
-			return t.$evtclick = h(W), E(() => {
-				let r = j(y);
-				D(e, [r.e("preview")]), k(e, { zIndex: z.value }), D(t, [r.e("mask")]), D(n, [r.e("wrapper")]);
-			}), O(n, 0, 0), m(() => U.value, () => {
-				let e = F(), t = d(e);
-				return e.$evtmousedown = h(se), e.$evtmouseup = h(ce), e.$evtmousemove = h(le), E(() => {
-					let n = j(y);
-					D(e, [n.e("content")]), k(e, { transform: `translate(${q.value}px, ${J.value}px) rotate(${G.value}deg) scale(${K.value})` }), ne(t, "src", U.value), D(t, [n.e("content-img")]);
+		}), u(s, { to: () => "body" }, { default: j(() => d(() => L.value, () => {
+			let e = N(), t = c(e), n = g(t, 1), o = c(n, 1), s = c(o), l = g(s, 1), p = g(l, 2), m = g(p, 3), v = g(m, 4), y = g(v, 5), b = g(y, 6), x = g(b, 7);
+			return t.$evtclick = f(V), S(() => {
+				let r = D(h);
+				C(e, [r.e("preview")]), T(e, { zIndex: I.value }), C(t, [r.e("mask")]), C(n, [r.e("wrapper")]);
+			}), w(n, 0, 0), d(() => B.value, () => {
+				let e = M(), t = c(e);
+				return e.$evtmousedown = f(se), e.$evtmouseup = f(ce), e.$evtmousemove = f(le), S(() => {
+					let n = D(h);
+					C(e, [n.e("content")]), T(e, { transform: `translate(${W.value}px, ${G.value}px) rotate(${H.value}deg) scale(${U.value})` }), ae(t, "src", B.value), C(t, [n.e("content-img")]);
 				}), e;
-			}, null, 1), E(() => {
-				let e = j(y);
-				D(l, [e.e("arrow"), e.e("arrow-left")]);
-			}), O(l, null, 0), p(j(i)), x(l, "click", h(N(ue, ["stop"]))), E(() => {
-				let e = j(y);
-				D(u, [e.e("arrow"), e.e("arrow-right")]);
-			}), O(u, null, 0), p(j(ee)), x(u, "click", h(N(de, ["stop"]))), E(() => {
-				let e = j(y);
-				D(f, [e.e("toolbar")]), D(g, [e.e("toolbar-item")]);
-			}), O(g, null, 0), p(j(a)), x(g, "click", h(N(ie, ["stop"]))), E(() => D(_, [j(y).e("toolbar-item")])), O(_, null, 0), p(j(o)), x(_, "click", h(N(ae, ["stop"]))), E(() => D(v, [j(y).e("toolbar-item")])), O(v, null, 0), p(j(te)), x(v, "click", h(N(Y, ["stop"]))), E(() => D(S, [j(y).e("toolbar-item")])), O(S, null, 0), p(j(c)), x(S, "click", h(N(X, ["stop"]))), E(() => D(C, [j(y).e("toolbar-item")])), O(C, null, 0), p(j(s)), x(C, "click", h(N(Z, ["stop"]))), E(() => D(w, [j(y).e("toolbar-item")])), O(w, null, 0), p(j(r)), x(w, "click", h(N(oe, ["stop"]))), e;
-		}, null, 1)) })];
+			}, null, 1), S(() => {
+				let e = D(h);
+				C(o, [e.e("toolbar")]), C(s, [e.e("toolbar-item")]);
+			}), w(s, null, 0), u(D(i)), _(s, "click", f(A(K, ["stop"]))), S(() => C(l, [D(h).e("toolbar-item")])), w(l, null, 0), u(D(a)), _(l, "click", f(A(q, ["stop"]))), S(() => C(p, [D(h).e("toolbar-item")])), w(p, null, 0), u(D(re)), _(p, "click", f(A(J, ["stop"]))), S(() => C(m, [D(h).e("toolbar-item")])), w(m, null, 0), u(D(ie)), _(m, "click", f(A(Y, ["stop"]))), S(() => C(v, [D(h).e("toolbar-item")])), w(v, null, 0), u(D(te)), _(v, "click", f(A(X, ["stop"]))), S(() => C(y, [D(h).e("toolbar-item")])), w(y, null, 0), u(D(ee)), _(y, "click", f(A($, ["stop"]))), S(() => C(b, [D(h).e("toolbar-item")])), w(b, null, 0), u(D(ne)), _(b, "click", f(A(ue, ["stop"]))), S(() => C(x, [D(h).e("toolbar-item")])), w(x, null, 0), u(D(r)), _(x, "click", f(A(oe, ["stop"]))), e;
+		}, null, 1)) }, !0);
 	}
 });
 //#endregion
-export { L as default };
+export { P as default };

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

@@ -40,9 +40,7 @@ export declare const SImagePreview: ((__VLS_props: NonNullable<Awaited<typeof __
 }) & Plugin;
 export declare const SImageGroup: ((__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: {
     attrs: any;
-    slots: {
-        default?: (props: {}) => any;
-    };
+    slots: {};
     emit: (event: "update:modelValue", value: boolean) => void;
 }, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: PublicProps & {
@@ -54,9 +52,7 @@ export declare const SImageGroup: ((__VLS_props: NonNullable<Awaited<typeof __VL
     } ? P : {});
     expose: (exposed: {}) => void;
     attrs: any;
-    slots: {
-        default?: (props: {}) => any;
-    };
+    slots: {};
     emit: (event: "update:modelValue", value: boolean) => void;
 }>) => VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;

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

@@ -8,7 +8,7 @@ export declare const SLink: ((__VLS_props: NonNullable<Awaited<typeof __VLS_setu
     props: PublicProps & {
         href?: string | undefined;
         label?: string | undefined;
-        type?: "default" | "primary" | "success" | "warning" | "danger" | "link" | undefined;
+        type?: "default" | "primary" | "success" | "warning" | "danger" | "info" | undefined;
         underline?: "always" | "hover" | "never" | undefined;
         disabled?: boolean | undefined;
     } & (typeof globalThis extends {

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

@@ -4,7 +4,7 @@ export interface LinkProps {
     /** 链接文本 */
     label?: string;
     /** 链接类型 */
-    type?: "default" | "primary" | "success" | "warning" | "danger" | "link";
+    type?: "default" | "primary" | "success" | "warning" | "danger" | "info";
     /** 链接下划线
      * @default hover
      */

package/dist/es/components/src/message/message-container.d.ts

@@ -4,7 +4,7 @@ declare const __VLS_export: (__VLS_props: NonNullable<Awaited<typeof __VLS_setup
     props: PublicProps & __VLS_PrettifyLocal<{
         placement: "top" | "bottom" | "center";
         offset?: number;
-        transition?: string;
+        onEmpty?: () => void;
     }> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;
     } ? P : {});

package/dist/es/components/src/message/message-container.vue_vue_type_script_setup_true_vapor_true_lang.mjs

@@ -2,36 +2,38 @@ import { useNamespace as e } from "../../../hooks/src/use-namespace.mjs";
 import { useZIndex as t } from "../../../hooks/src/use-zIndex.mjs";
 import "../../../hooks/index.mjs";
 import n from "./message.vue.mjs";
-import { VaporTeleport as r, VaporTransitionGroup as i, computed as a, createComponent as o, createFor as s, defineVaporComponent as c, ref as l, renderEffect as u, setClass as d, setInsertionState as f, template as p, unref as m, withVaporCtx as h } from "vue";
+import { VaporTransitionGroup as r, computed as i, createComponent as a, createFor as o, defineVaporComponent as s, ref as c, renderEffect as l, setClass as u, setInsertionState as d, template as f, unref as p, withVaporCtx as m } from "vue";
 //#region ../components/src/message/message-container.vue?vue&type=script&setup=true&vapor=true&lang.ts
-var g = p("<div>"), _ = /* @__PURE__ */ c({
+var h = f("<div>"), g = /* @__PURE__ */ s({
 	__name: "message-container",
 	props: {
 		placement: {},
 		offset: {},
-		transition: {}
+		onEmpty: {}
 	},
 	__multiRoot: !1,
-	setup(c, { expose: p }) {
-		let _ = e("message"), v = c, { nextZIndex: y } = t(), b = l(0), x = a(() => {
-			let e = { zIndex: b.value };
-			return v.placement === "top" ? e.top = `${v.offset}px` : v.placement === "bottom" && (e.bottom = `${v.offset}px`), e;
-		}), S = l([]), C = (e) => {
-			b.value = y(), S.value.push(e);
+	setup(s, { expose: f }) {
+		let g = e("message"), _ = s, { nextZIndex: v } = t(), y = c(0), b = 0, x = i(() => {
+			let e = { zIndex: y.value };
+			return _.placement === "top" ? e.top = `${_.offset}px` : _.placement === "bottom" && (e.bottom = `${_.offset}px`), e;
+		}), S = c([]), C = (e) => {
+			y.value = v(), S.value.push(e);
 		}, w = (e) => {
 			let t = S.value.findIndex((t) => t.id === e);
 			t > -1 && S.value.splice(t, 1);
 		}, T = (e) => {
 			S.value.find((t) => t.id === e)?.destroy();
 		}, E = (e) => {
+			b++;
 			let t = e;
 			t.style.maxHeight = `${t.offsetHeight}px`, t.offsetWidth;
 		}, D = (e) => {
 			let t = e;
 			t.style.maxHeight = "0", t.offsetWidth;
 		}, O = (e) => {
+			b--;
 			let t = e;
-			t.style.maxHeight = "", t.style.overflow = "";
+			t.style.maxHeight = "", t.style.overflow = "", S.value.length === 0 && b === 0 && _.onEmpty?.();
 		}, k = (e) => {
 			let t = e;
 			t.style.transition = "none";
@@ -41,13 +43,13 @@ var g = p("<div>"), _ = /* @__PURE__ */ c({
 			let t = e;
 			t.style.maxHeight = "";
 		};
-		return p({
+		return f({
 			addMessage: C,
 			removeMessage: w,
 			getMessages: () => S.value
-		}), o(r, { to: () => "body" }, { default: h(() => o(i, {
-			class: () => [m(_).e("container"), m(_).m(`container-${c.placement}`)],
-			name: () => c.transition,
+		}), a(r, {
+			class: () => [p(g).e("container"), p(g).m(`container-${s.placement}`)],
+			name: () => "message-fade",
 			style: () => x.value,
 			tag: () => "div",
 			onEnter: () => k,
@@ -55,14 +57,14 @@ var g = p("<div>"), _ = /* @__PURE__ */ c({
 			onBeforeLeave: () => E,
 			onAfterLeave: () => O,
 			onAfterEnter: () => A
-		}, { default: h(() => s(() => S.value, (e) => {
-			let t = g();
-			return u(() => {
-				let e = m(_);
-				d(t, [e.e("wrapper"), e.m(`wrapper-${c.placement}`)]);
-			}), f(t, null, 0), o(n, { $: [() => e.value, { onClose: () => () => T(e.value.id) }] }), t;
-		}, (e) => e.id)) })) }, !0);
+		}, { default: m(() => o(() => S.value, (e) => {
+			let t = h();
+			return l(() => {
+				let e = p(g);
+				u(t, [e.e("wrapper"), e.m(`wrapper-${s.placement}`)]);
+			}), d(t, null, 0), a(n, { $: [() => e.value, { onClose: () => () => T(e.value.id) }] }), t;
+		}, (e) => e.id)) }, !0);
 	}
 });
 //#endregion
-export { _ as default };
+export { g as default };

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

@@ -30,8 +30,7 @@ var O = /* @__PURE__ */ u({
 			default: !0
 		},
 		grouping: { type: Boolean },
-		id: {},
-		transition: {}
+		id: {}
 	},
 	emits: ["close"],
 	__multiRoot: !1,

package/dist/es/components/src/message/method.mjs

@@ -1,62 +1,67 @@
 import e from "./message-container.vue.mjs";
-import { createComponent as t, nextTick as n, remove as r, setInsertionState as i } from "vue";
+import { createComponent as t, nextTick as n, reactive as r, remove as i, setInsertionState as a } from "vue";
 //#region ../components/src/message/method.ts
-var a = null, o = null, s = null, c = 0, l = null, u = 0, d = () => `message-${++c}`, f = () => s?.exposed ?? null, p = (e) => {
-	let t = f();
-	t && t.getMessages()?.some((t) => t.id === e) && (t.removeMessage(e), u--, m());
+var o = null, s = null, c = 0, l = null, u = r({
+	placement: "top",
+	offset: 8
+}), d = () => `message-${++c}`, f = () => s?.exposed ?? null, p = () => {
+	l &&= (clearTimeout(l), null), s &&= (i(s), null), o &&= (o.remove(), null);
 }, m = () => {
 	l && clearTimeout(l), l = setTimeout(() => {
-		u > 0 || (s &&= (r(s), null), a?.remove(), a = null, o = null, l = null);
-	}, 300);
-}, h = (n, c, u, d) => {
-	l &&= (clearTimeout(l), null), s && (r(s), a?.remove(), s = null, a = null), a = document.createElement("div"), i(a, null), s = t(e, { $: [() => ({
-		placement: n,
-		offset: c,
-		transition: u
-	})] }, null, !1, !1, d), o = n;
-}, g = (e) => ({
+		let e = f()?.getMessages();
+		e && e.length > 0 || p();
+	}, 1e3);
+}, h = (e) => {
+	let t = f();
+	t && t.getMessages()?.some((t) => t.id === e) && (t.removeMessage(e), m());
+}, g = (n) => {
+	s ||= (l &&= (clearTimeout(l), null), o = document.createElement("div"), document.body.appendChild(o), a(o, null), t(e, { $: [() => ({
+		...u,
+		onEmpty: p
+	})] }, null, !1, !1, n));
+}, _ = (e) => ({
 	open: (t) => {
-		let { placement: r = "top", offset: i = 8, id: a = d(), grouping: c, message: l, transition: m = "message-fade" } = t;
-		if (c && l) {
-			let e = f()?.getMessages()?.find((e) => e.message === l);
+		let { placement: r = "top", offset: i = 8, id: a = d(), grouping: o, message: c } = t;
+		if (o && c) {
+			let e = f()?.getMessages()?.find((e) => e.message === c);
 			if (e) return e.count = (e.count || 0) + 1, {
 				id: e.id,
 				close: () => {
-					p(e.id);
+					h(e.id);
 				}
 			};
 		}
-		let g = !s || r !== o;
-		g && (h(r, i, m, e), u = 0), u++;
-		let _ = {
+		let l = !s;
+		u.placement = r, u.offset = i, g(e);
+		let p = {
 			...t,
 			id: a,
 			destroy: () => {
-				p(a);
+				h(a);
 			},
 			placement: r,
 			offset: i,
 			count: 0
-		}, v = () => {
+		}, m = () => {
 			try {
-				f()?.addMessage(_);
+				f()?.addMessage(p);
 			} catch (e) {
 				console.warn("添加消息失败：", e);
 			}
 		};
-		return g ? n(v) : v(), {
+		return l ? n(m) : m(), {
 			id: a,
 			close: () => {
-				p(a);
+				h(a);
 			}
 		};
 	},
 	close: (e) => {
-		p(e);
+		h(e);
 	},
 	closeAll: () => {
-		l &&= (clearTimeout(l), null), s &&= (r(s), null), a?.remove(), a = null, o = null, u = 0;
+		p();
 	}
 });
 //#endregion
-export { g as useMessage };
+export { _ as useMessage };

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

@@ -37,10 +37,6 @@ export interface MessageProps {
     /** 消息唯一标识
      */
     id?: string;
-    /** 过渡动画名称
-     * @default 'message-fade'
-     */
-    transition?: string;
 }
 export interface MessageExpose {
     /** 实例 ID */

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

@@ -28,11 +28,13 @@ export declare const SRadioGroup: ((__VLS_props: NonNullable<Awaited<typeof __VL
     slots: {
         default?: (props: {}) => any;
     };
-    emit: (event: "update:modelValue", value: string | number | boolean) => void;
+    emit: ((evt: "change", value: string | number | boolean) => void) & ((event: "update:modelValue", value: string | number | boolean) => void);
 }, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: PublicProps & {
         vertical?: boolean | undefined;
+        button?: boolean | undefined;
         modelValue?: string | number | boolean | undefined;
+        onChange?: ((value: string | number | boolean) => any) | undefined;
         "onUpdate:modelValue"?: ((value: string | number | boolean) => any) | undefined;
     } & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;
@@ -42,7 +44,7 @@ export declare const SRadioGroup: ((__VLS_props: NonNullable<Awaited<typeof __VL
     slots: {
         default?: (props: {}) => any;
     };
-    emit: (event: "update:modelValue", value: string | number | boolean) => void;
+    emit: ((evt: "change", value: string | number | boolean) => void) & ((event: "update:modelValue", value: string | number | boolean) => void);
 }>) => VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 }) & Plugin;

package/dist/es/components/src/radio/radio-group.d.ts

@@ -4,6 +4,7 @@ declare const __VLS_export: (__VLS_props: NonNullable<Awaited<typeof __VLS_setup
     props: PublicProps & __VLS_PrettifyLocal<(RadioGroupProps & {
         modelValue?: string | number | boolean;
     }) & {
+        onChange?: ((value: string | number | boolean) => any) | undefined;
         "onUpdate:modelValue"?: ((value: string | number | boolean) => any) | undefined;
     }> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;
@@ -13,7 +14,7 @@ declare const __VLS_export: (__VLS_props: NonNullable<Awaited<typeof __VLS_setup
     slots: {
         default?: (props: {}) => any;
     };
-    emit: (event: "update:modelValue", value: string | number | boolean) => void;
+    emit: ((evt: "change", value: string | number | boolean) => void) & ((event: "update:modelValue", value: string | number | boolean) => void);
 }>) => VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };

package/dist/es/components/src/radio/radio-group.vue_vue_type_script_setup_true_vapor_true_lang.mjs

@@ -1,12 +1,15 @@
 import { useNamespace as e } from "../../../hooks/src/use-namespace.mjs";
 import "../../../hooks/index.mjs";
 import { radioGroupContextKey as t } from "./types.mjs";
-import { createSlot as n, defineVaporComponent as r, mergeModels as i, provide as a, renderEffect as o, setClass as s, setInsertionState as c, template as l, unref as u, useModel as d } from "vue";
+import { createSlot as n, defineVaporComponent as r, mergeModels as i, provide as a, renderEffect as o, setClass as s, setInsertionState as c, template as l, toRefs as u, unref as d, useModel as f } from "vue";
 //#region ../components/src/radio/radio-group.vue?vue&type=script&setup=true&vapor=true&lang.ts
-var f = l("<div>", !0), p = /* @__PURE__ */ r({
+var p = l("<div>", !0), m = /* @__PURE__ */ r({
 	name: "SRadioGroup",
 	__name: "radio-group",
-	props: /* @__PURE__ */ i({ vertical: { type: Boolean } }, {
+	props: /* @__PURE__ */ i({
+		vertical: { type: Boolean },
+		button: { type: Boolean }
+	}, {
 		modelValue: {
 			type: [
 				String,
@@ -17,22 +20,27 @@ var f = l("<div>", !0), p = /* @__PURE__ */ r({
 		},
 		modelModifiers: {}
 	}),
-	emits: ["update:modelValue"],
+	emits: /* @__PURE__ */ i(["change"], ["update:modelValue"]),
 	__multiRoot: !1,
-	setup(r) {
-		let i = e("radio-group"), l = d(r, "modelValue");
+	setup(r, { emit: i }) {
+		let l = r, m = i, h = e("radio-group"), g = f(r, "modelValue"), _ = (e) => {
+			g.value = e, m("change", g.value);
+		}, { button: v } = u(l);
 		a(t, {
-			checked: (e) => {
-				l.value = e;
-			},
-			checkedValue: l
+			checked: _,
+			checkedValue: g,
+			button: v
 		});
-		let p = f();
+		let y = p();
 		return o(() => {
-			let e = u(i);
-			s(p, [e.b(), e.is("vertical", r.vertical)]);
-		}), c(p, null, 0), n("default", null), p;
+			let e = d(h);
+			s(y, [
+				e.b(),
+				e.is("vertical", r.vertical),
+				e.is("button", d(v))
+			]);
+		}), c(y, null, 0), n("default", null), y;
 	}
 });
 //#endregion
-export { p as default };
+export { m as default };

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

@@ -29,22 +29,27 @@ var x = _("<span></span>"), S = _(" "), C = _("<span>"), w = _("<label><input ty
 	emits: /* @__PURE__ */ l(["change"], ["update:modelValue"]),
 	__multiRoot: !1,
 	setup(s, { emit: l, slots: _ }) {
-		let T = s, E = l, D = e("radio"), O = c(t, void 0), k = b(s, "modelValue"), A = r(() => O?.checkedValue.value === T.value), j = (e) => {
-			e.target.checked && (k.value = T.value), O?.checked(k.value), E("change", k.value, e);
-		}, M = w(), N = n(M);
-		return u(N, "change", a(j)), d(() => {
-			let e = y(D);
-			f(M, [e.b(), e.m(s.size)]), f(N, [e.e("input")]), g(N, s.value), m(N, "checked", A.value);
-		}), p(M, null, 1), i(() => !_.check, () => {
+		let T = s, E = l, D = e("radio"), O = c(t, void 0), k = r(() => O?.button.value), A = b(s, "modelValue"), j = r(() => O?.checkedValue.value === T.value), M = (e) => {
+			e.target.checked && (A.value = T.value), O?.checked(A.value), E("change", A.value, e);
+		}, N = w(), P = n(N);
+		return u(P, "change", a(M)), d(() => {
+			let e = y(D), t = j.value;
+			f(N, [
+				e.b(),
+				e.m(s.size),
+				e.is("checked", t),
+				e.is("button", k.value)
+			]), f(P, [e.e("input")]), g(P, s.value), m(P, "checked", t);
+		}), p(N, null, 1), i(() => !_.check, () => {
 			let e = x(), t = C();
 			return d(() => {
 				let n = y(D);
-				f(e, [n.e("inner"), n.is("checked", A.value)]), f(t, [n.e("label")]);
+				f(e, [n.e("inner")]), f(t, [n.e("label")]);
 			}), p(t, null, 0), o("default", null, () => {
 				let e = S();
 				return d(() => h(e, v(s.label))), e;
 			}), [e, t];
-		}, null, 2), p(M, null, 2), o("check", { checked: () => A.value }), M;
+		}, null, 2), p(N, null, 2), o("check", { checked: () => j.value }), N;
 	}
 });
 //#endregion