savor-ui 0.2.0 → 0.3.1

package/CHANGELOG.md

@@ -2,6 +2,33 @@
 
 
 
+## [0.3.1](https://gitee.com/mach552/savor-ui/compare/v0.3.0...v0.3.1) (2026-06-07)
+
+
+### Bug Fixes
+
+* **config-provider:** 删除不兼容的非`vapor`组件 ([e4aaaaf](https://gitee.com/mach552/savor-ui/commits/e4aaaaf2eb1b2076923809fe3b284293721fd1a8))
+
+# [0.3.0](https://gitee.com/mach552/savor-ui/compare/v0.2.0...v0.3.0) (2026-06-07)
+
+
+### Bug Fixes
+
+* **anchor:** 修复激活状态失效问题 ([b9033d6](https://gitee.com/mach552/savor-ui/commits/b9033d6f851785006999cde93465c9411a107a79))
+* **anchor:** 修复路由报历史警告问题 ([195493b](https://gitee.com/mach552/savor-ui/commits/195493b8859b2c0e114a30bc9f987471f3ad911a))
+* **collapse:** 修复禁用样式无效问题 ([0d45085](https://gitee.com/mach552/savor-ui/commits/0d450857cd03fca4b4d255e817eb2f03c71a85d7))
+* **pagination:** 修复页码处于边界时翻页按钮的禁用状态失效问题 ([a184a2f](https://gitee.com/mach552/savor-ui/commits/a184a2f22d2dec82909a9eb7a5b1d1c7944c88b3))
+* **table:** 修复列宽自适应失效问题 ([d334c8f](https://gitee.com/mach552/savor-ui/commits/d334c8f6d3c5623117783121516f459ed17f5ece))
+
+
+### Features
+
+* **config-provider:** 新增`config-provider-vapor`组件 ([72be61f](https://gitee.com/mach552/savor-ui/commits/72be61fab0a8713c93886d8610548a01e92e3ee7))
+* **layout:** 新增`bgColor`背景颜色属性 ([3a11757](https://gitee.com/mach552/savor-ui/commits/3a11757f1eb472e84d00e6cf3ff7f775e2bff49d))
+* **scrollbar:** 新增`backtop`返回顶部属性和插槽 ([37ce9aa](https://gitee.com/mach552/savor-ui/commits/37ce9aa92a9b6d756ce5085fda0fd2552191a9c6))
+* **select:** 新增多选模式 ([325a62c](https://gitee.com/mach552/savor-ui/commits/325a62c3e0a54e9fdbba00fbf0177ecdfc00f6a5))
+* **space:** 新增`wrap`换行属性 ([b046416](https://gitee.com/mach552/savor-ui/commits/b0464167d9db73ede45f1fa59e26b723107d1620))
+
 # [0.2.0](https://gitee.com/mach552/savor-ui/compare/v0.1.0...v0.2.0) (2026-05-22)
 
 

package/dist/es/components/index.mjs

@@ -7,11 +7,11 @@ import "./src/popover/index.mjs";
 import "./src/tooltip/index.mjs";
 import "./src/form/index.mjs";
 import "./src/input/index.mjs";
+import "./src/button/types.mjs";
+import "./src/back-top/index.mjs";
 import "./src/scrollbar/index.mjs";
 import "./src/auto-complete/index.mjs";
 import "./src/avatar/index.mjs";
-import "./src/button/types.mjs";
-import "./src/back-top/index.mjs";
 import "./src/badge/index.mjs";
 import "./src/button/index.mjs";
 import "./src/card/index.mjs";
@@ -23,6 +23,7 @@ import "./src/collapse/types.mjs";
 import "./src/collapse/index.mjs";
 import "./src/empty/index.mjs";
 import "./src/icon/index.mjs";
+import "./src/tag/index.mjs";
 import "./src/select/index.mjs";
 import "./src/color-picker/index.mjs";
 import "./src/date-picker/index.mjs";
@@ -65,7 +66,6 @@ import "./src/switch/index.mjs";
 import "./src/table/index.mjs";
 import "./src/tabs/types.mjs";
 import "./src/tabs/index.mjs";
-import "./src/tag/index.mjs";
 import "./src/text/index.mjs";
 import "./src/textarea/index.mjs";
 import "./src/timeline/types.mjs";

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

@@ -38,39 +38,45 @@ var x = _("<div><div><span></div><div>", !0), S = /* @__PURE__ */ o({
 			e && !E.value.includes(e) && E.value.push(e);
 		}, I = (e) => {
 			E.value = E.value.filter((t) => t !== e);
-		}, L = (e) => {
-			R(e), O.value && window.history.replaceState(null, "", e), T.value = e, C("change", e);
-		}, R = (e) => {
+		}, L = !1, R = null, z = (e) => {
+			L = !0, R && clearTimeout(R), H(e), O.value && window.history.replaceState({ ...window.history.state }, "", e), T.value = e, C("change", e), R = setTimeout(() => {
+				L = !1, G();
+			}, 3e3);
+		}, B = null, V = null, H = (e) => {
 			let t = e.replace(/^#/, ""), n = document.getElementById(t);
 			if (!n) return;
 			let r = M || document.documentElement, i = r === document.documentElement ? { top: 0 } : r.getBoundingClientRect(), a = n.getBoundingClientRect().top - i.top, o = (r === document.documentElement ? window.scrollY : r.scrollTop) + a - S.offsetTop, s = k.value ? "smooth" : "instant";
-			V.value = !0, r === document.documentElement ? window.scrollTo({
+			B = o, V && clearTimeout(V), r === document.documentElement ? window.scrollTo({
 				top: o,
 				behavior: s
 			}) : r.scrollTo({
 				top: o,
 				behavior: s
-			});
-			let c = () => {
-				j.value.removeEventListener("scrollend", c), H && clearTimeout(H), V.value = !1, z();
-			};
-			j.value.addEventListener("scrollend", c, { once: !0 }), H = setTimeout(() => {
-				j.value.removeEventListener("scrollend", c), V.value = !1, z();
-			}, 800);
-		}, z = () => {
-			if (V.value) return;
-			let e = M || document.documentElement, t = e === document.documentElement ? window.scrollY : e.scrollTop, n = "";
-			for (let r = E.value.length - 1; r >= 0; r--) {
-				let i = E.value[r], a = i.replace(/^#/, ""), o = document.getElementById(a);
-				if (!o) continue;
-				let s = e === document.documentElement ? { top: 0 } : e.getBoundingClientRect();
-				if (t >= o.getBoundingClientRect().top - s.top + t - S.offsetTop - 5) {
-					n = i;
+			}), V = setTimeout(() => {
+				B = null;
+			}, 5e3);
+		}, U = null, W = () => {
+			if (B !== null) {
+				let e = M === document.documentElement ? window.scrollY : M.scrollTop;
+				if (Math.abs(e - B) <= 5) B = null, V &&= (clearTimeout(V), null);
+				else return;
+			}
+			L || (U && cancelAnimationFrame(U), U = requestAnimationFrame(() => {
+				U = null, G();
+			}));
+		}, G = () => {
+			let e = "";
+			for (let t = E.value.length - 1; t >= 0; t--) {
+				let n = E.value[t], r = n.replace(/^#/, ""), i = document.getElementById(r);
+				if (!i) continue;
+				let a = i.getBoundingClientRect();
+				if (a.top <= S.offsetTop + 5 && a.top > -(S.offsetTop + 5)) {
+					e = n;
 					break;
 				}
 			}
-			n && n !== T.value ? (T.value = n, O.value && window.history.replaceState(null, "", n), C("change", n)) : n || (T.value = "");
-		}, B = () => {
+			e && e !== T.value && (T.value = e, C("change", e));
+		}, K = () => {
 			c(() => {
 				let e = document.querySelector(`.${w.b()}`);
 				if (!e) return;
@@ -80,11 +86,16 @@ var x = _("<div><div><span></div><div>", !0), S = /* @__PURE__ */ o({
 					D.value = r.top - n.top + r.height / 2;
 				}
 			});
-		}, V = f(!1), H = null;
+		};
 		b(T, () => {
-			B();
+			K();
 		}), b(E, () => {
-			z();
+			let e = window.location.hash;
+			c(e ? () => {
+				T.value = e, H(e);
+			} : () => {
+				T.value = "", G();
+			});
 		}, { deep: !0 }), d(t, {
 			activeHash: T,
 			changeHash: O,
@@ -92,24 +103,24 @@ var x = _("<div><div><span></div><div>", !0), S = /* @__PURE__ */ o({
 			offsetTop: A,
 			registerLink: F,
 			unregisterLink: I,
-			handleLinkClick: L,
+			handleLinkClick: z,
 			scrollContainer: j
 		}), l(() => {
 			P();
 			let e = window.location.hash;
-			e && c(() => {
-				T.value = e, R(e);
-			}), j.value.addEventListener("scroll", z);
+			c(e ? () => {
+				T.value = e, H(e);
+			} : G), j.value.addEventListener("scroll", W);
 		}), u(() => {
-			j.value.removeEventListener("scroll", z);
+			j.value.removeEventListener("scroll", W), V && clearTimeout(V), U && cancelAnimationFrame(U), R && clearTimeout(R);
 		}), b(() => S.scrollContainer, () => {
-			j.value.removeEventListener("scroll", z), P(), j.value.addEventListener("scroll", z);
+			j.value.removeEventListener("scroll", W), P(), j.value.addEventListener("scroll", W);
 		});
-		let U = x(), W = r(U), G = r(W), K = s(W, 1);
-		return n(G, () => T.value), p(() => {
+		let q = x(), J = r(q), Y = r(J), X = s(J, 1);
+		return n(Y, () => T.value), p(() => {
 			let e = y(w);
-			m(U, [e.b(), { [e.m("line-less")]: o.lineLess }]), m(W, e.e("ink")), m(G, [e.e("ink-ball")]), g(G, N.value), m(K, e.e("list"));
-		}), h(K, null, 0), a("default", null), U;
+			m(q, [e.b(), { [e.m("line-less")]: o.lineLess }]), m(J, e.e("ink")), m(Y, [e.e("ink-ball")]), g(Y, N.value), m(X, e.e("list"));
+		}), h(X, null, 0), a("default", null), q;
 	}
 });
 //#endregion

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

@@ -1,6 +1,6 @@
 export interface AvatarProps {
     /** 头像大小
-     * @default '40px'
+     * @default 40px
      */
     size?: number | string;
     /** 是否圆形 */

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

@@ -1,12 +1,11 @@
 import { useNamespace as e } from "../../../hooks/src/use-namespace.mjs";
-import { useRipple as t } from "../../../hooks/src/use-ripple.mjs";
 import "../../../hooks/index.mjs";
-import n from "../../../icons/src/loading.vue.mjs";
+import t from "../../../icons/src/loading.vue.mjs";
 import "../../../icons/index.mjs";
-import { buttonGroupContextKey as r } from "./types.mjs";
-import { computed as i, createComponent as a, createDynamicComponent as o, createIf as s, createSlot as c, createTemplateRefSetter as l, defineVaporComponent as u, inject as d, renderEffect as f, setAttr as p, setClass as m, setInsertionState as h, setProp as g, setText as _, template as v, toDisplayString as y, unref as b, useTemplateRef as x } from "vue";
+import { buttonGroupContextKey as n } from "./types.mjs";
+import { computed as r, createComponent as i, createDynamicComponent as a, createIf as o, createSlot as s, defineVaporComponent as c, inject as l, renderEffect as u, setAttr as d, setClass as f, setInsertionState as p, setProp as m, setText as h, template as g, toDisplayString as _, unref as v } from "vue";
 //#region ../components/src/button/button.vue?vue&type=script&setup=true&vapor=true&lang.ts
-var S = v("<div>"), C = v(" "), w = v("<button>", !0), T = /* @__PURE__ */ u({
+var y = g("<div>"), b = g(" "), x = g("<button>", !0), S = /* @__PURE__ */ c({
 	name: "SButton",
 	__name: "button",
 	props: {
@@ -24,36 +23,34 @@ var S = v("<div>"), C = v(" "), w = v("<button>", !0), T = /* @__PURE__ */ u({
 		secondary: { type: Boolean }
 	},
 	__multiRoot: !1,
-	setup(u, { slots: v }) {
-		let T = u, E = e("button"), D = x("btnRef");
-		t(D);
-		let O = d(r, void 0), k = i(() => O?.size?.value || T.size), A = l(), j = w();
-		return f(() => {
-			let e = b(E), t = u.disabled, n = u.loading;
-			m(j, [
+	setup(c, { slots: g }) {
+		let S = c, C = e("button"), w = l(n, void 0), T = r(() => w?.size?.value || S.size), E = x();
+		return u(() => {
+			let e = v(C), t = c.disabled, n = c.loading;
+			f(E, [
 				e.b(),
-				e.m(u.type),
-				e.m(k.value),
-				e.is("circle", u.circle),
-				e.is("block", u.block),
-				e.is("text", u.text),
-				e.is("secondary", u.secondary),
-				e.is("link", u.link),
+				e.m(c.type),
+				e.m(T.value),
+				e.is("circle", c.circle),
+				e.is("block", c.block),
+				e.is("text", c.text),
+				e.is("secondary", c.secondary),
+				e.is("link", c.link),
 				e.is("disabled", t),
 				e.is("loading", n),
-				e.is("only-icon", !v.default && !u.label)
-			]), g(j, "disabled", t || n), p(j, "html-type", u.htmlType);
-		}), h(j, null, 0), s(() => (v.icon || u.icon) && !u.loading, () => {
-			let e = S();
-			return f(() => m(e, [b(E).e("icon")])), h(e, null, 0), c("icon", null, () => o(() => u.icon)), e;
-		}, () => s(() => u.loading, () => {
-			let e = S();
-			return f(() => m(e, [b(E).e("icon")])), h(e, null, 0), a(b(n)), e;
-		}, null, 1), 5, null, 0), h(j, null, 1), c("default", null, () => {
-			let e = C();
-			return f(() => _(e, y(u.label))), e;
-		}), A(j, D, null, "btnRef"), j;
+				e.is("only-icon", !g.default && !c.label)
+			]), m(E, "disabled", t || n), d(E, "html-type", c.htmlType);
+		}), p(E, null, 0), o(() => (g.icon || c.icon) && !c.loading, () => {
+			let e = y();
+			return u(() => f(e, [v(C).e("icon")])), p(e, null, 0), s("icon", null, () => a(() => c.icon)), e;
+		}, () => o(() => c.loading, () => {
+			let e = y();
+			return u(() => f(e, [v(C).e("icon")])), p(e, null, 0), i(v(t)), e;
+		}, null, 1), 5, null, 0), p(E, null, 1), s("default", null, () => {
+			let e = b();
+			return u(() => h(e, _(c.label))), e;
+		}), E;
 	}
 });
 //#endregion
-export { T as default };
+export { S as default };

package/dist/es/components/src/color-picker/color-picker.vue_vue_type_script_setup_true_vapor_true_lang.mjs

@@ -1,18 +1,17 @@
 import { useNamespace as e } from "../../../hooks/src/use-namespace.mjs";
-import { useRipple as t } from "../../../hooks/src/use-ripple.mjs";
 import "../../../hooks/index.mjs";
-import { useFormItem as n } from "../form/use-form-item.mjs";
-import { SPopover as r } from "../popover/index.mjs";
-import { SInput as i } from "../input/index.mjs";
-import { SSelect as a } from "../select/index.mjs";
-import { child as o, computed as s, createComponent as c, createFor as l, createIf as u, createInvoker as d, createTemplateRefSetter as f, defineVaporComponent as p, delegateEvents as m, mergeModels as h, next as g, onMounted as _, onUnmounted as v, ref as y, renderEffect as b, setClass as x, setInsertionState as S, setStyle as C, setText as w, template as T, toDisplayString as E, toRefs as ee, txt as te, unref as D, useModel as ne, useTemplateRef as O, watch as k, withModifiers as re, withVaporCtx as ie } from "vue";
+import { useFormItem as t } from "../form/use-form-item.mjs";
+import { SPopover as n } from "../popover/index.mjs";
+import { SInput as r } from "../input/index.mjs";
+import { SSelect as i } from "../select/index.mjs";
+import { child as a, computed as o, createComponent as s, createFor as c, createIf as l, createInvoker as u, createTemplateRefSetter as d, defineVaporComponent as f, delegateEvents as p, mergeModels as m, next as h, onMounted as g, onUnmounted as _, ref as v, renderEffect as y, setClass as b, setInsertionState as x, setStyle as S, setText as C, template as w, toDisplayString as T, toRefs as E, txt as ee, unref as D, useModel as te, useTemplateRef as ne, watch as O, withModifiers as re, withVaporCtx as ie } from "vue";
 //#region ../components/src/color-picker/color-picker.vue?vue&type=script&setup=true&vapor=true&lang.ts
-var ae = T("<div> "), oe = T("<div><div></div></div>"), se = T("<div><div><div></div></div><div></div>"), ce = T("<div>"), le = T("<div><div>预设颜色</div><div>"), ue = T("<div><div><div><div></div><div></div></div><div><div><div><div><div></div></div><div></div></div></div><div><div></div></div></div><div></div>"), de = T("<div>", !0);
-m("mousedown", "click");
-var A = /* @__PURE__ */ p({
+var k = w("<div> "), A = w("<div><div></div></div>"), ae = w("<div><div><div></div></div><div></div>"), oe = w("<div>"), se = w("<div><div>预设颜色</div><div>"), ce = w("<div><div><div><div></div><div></div></div><div><div><div><div><div></div></div><div></div></div></div><div><div></div></div></div><div></div>"), le = w("<div>", !0);
+p("mousedown", "click");
+var j = /* @__PURE__ */ f({
 	name: "SColorPicker",
 	__name: "color-picker",
-	props: /* @__PURE__ */ h({
+	props: /* @__PURE__ */ m({
 		modelValue: {},
 		format: { default: "hex" },
 		popoverProps: {},
@@ -27,26 +26,24 @@ var A = /* @__PURE__ */ p({
 		modelValue: { default: "#3867D6" },
 		modelModifiers: {}
 	}),
-	emits: /* @__PURE__ */ h(["change"], ["update:modelValue"]),
+	emits: /* @__PURE__ */ m(["change"], ["update:modelValue"]),
 	__multiRoot: !1,
-	setup(p, { emit: m }) {
-		let h = p, T = m, A = e("color-picker"), j = ne(p, "modelValue"), { size: fe, error: pe } = ee(h), { mergedSize: me, mergedError: he } = n({
-			size: fe,
-			error: pe
-		}), M = O("triggerRef");
-		t(M);
-		let N = O("popoverRef"), P = y(!1), F = (e) => {
+	setup(f, { emit: p }) {
+		let m = f, w = p, j = e("color-picker"), M = te(f, "modelValue"), { size: ue, error: de } = E(m), { mergedSize: fe, mergedError: pe } = t({
+			size: ue,
+			error: de
+		}), N = ne("popoverRef"), P = v(!1), F = (e) => {
 			e ? N.value?.show() : N.value?.hide(), P.value = e;
-		}, ge = () => {
-			h.disabled || (P.value ? F(!1) : F(!0));
-		}, _e = () => {
+		}, me = () => {
+			m.disabled || (P.value ? F(!1) : F(!0));
+		}, he = () => {
 			F(!1);
-		}, I = y(h.format), L = y({
+		}, I = v(m.format), L = v({
 			h: 220,
 			s: .77,
 			v: .84,
 			a: 1
-		}), R = y(), z = y(), B = y(), V = y(!1), H = y(null), ve = s(() => h.presetColors && h.presetColors.length > 0 ? h.presetColors : [
+		}), R = v(), z = v(), B = v(), V = v(!1), H = v(null), ge = o(() => m.presetColors && m.presetColors.length > 0 ? m.presetColors : [
 			"#3867D6",
 			"#20BF6B",
 			"#FA8231",
@@ -57,7 +54,7 @@ var A = /* @__PURE__ */ p({
 			"#F5319D",
 			"#D91AD9",
 			"#722ED1"
-		]), ye = (e, t, n) => {
+		]), _e = (e, t, n) => {
 			let r = 0, i = 0, a = 0, o = Math.floor(e / 60), s = e / 60 - o, c = n * (1 - t), l = n * (1 - s * t), u = n * (1 - (1 - s) * t);
 			switch (o % 6) {
 				case 0:
@@ -84,11 +81,11 @@ var A = /* @__PURE__ */ p({
 				g: Math.round(i * 255),
 				b: Math.round(a * 255)
 			};
-		}, be = (e, t, n) => `#${[
+		}, ve = (e, t, n) => `#${[
 			e,
 			t,
 			n
-		].map((e) => e.toString(16).padStart(2, "0")).join("").toUpperCase()}`, xe = (e) => (e = e.replace("#", ""), e.length === 3 && (e = e.split("").map((e) => e + e).join("")), e.length === 6 ? {
+		].map((e) => e.toString(16).padStart(2, "0")).join("").toUpperCase()}`, ye = (e) => (e = e.replace("#", ""), e.length === 3 && (e = e.split("").map((e) => e + e).join("")), e.length === 6 ? {
 			r: parseInt(e.slice(0, 2), 16) || 0,
 			g: parseInt(e.slice(2, 4), 16) || 0,
 			b: parseInt(e.slice(4, 6), 16) || 0
@@ -118,16 +115,16 @@ var A = /* @__PURE__ */ p({
 				s: o,
 				v: s
 			};
-		}, W = s(() => ye(L.value.h, L.value.s, L.value.v)), G = s(() => {
+		}, W = o(() => _e(L.value.h, L.value.s, L.value.v)), G = o(() => {
 			let { r: e, g: t, b: n } = W.value;
 			return `rgba(${e},${t},${n},${L.value.a})`;
-		}), Se = s(() => {
+		}), be = o(() => {
 			let { r: e, g: t, b: n } = W.value;
-			return I.value === "hex" ? be(e, t, n) : L.value.a === 1 ? `rgb(${e},${t},${n})` : `rgba(${e},${t},${n},${Math.round(L.value.a * 10) / 10})`;
+			return I.value === "hex" ? ve(e, t, n) : L.value.a === 1 ? `rgb(${e},${t},${n})` : `rgba(${e},${t},${n},${Math.round(L.value.a * 10) / 10})`;
 		}), K = (e) => {
 			try {
 				if (e.startsWith("#")) {
-					let t = xe(e), n = {
+					let t = ye(e), n = {
 						...U(t.r, t.g, t.b),
 						a: L.value.a
 					};
@@ -157,19 +154,19 @@ var A = /* @__PURE__ */ p({
 			if (!R.value) return;
 			let t = R.value.getBoundingClientRect(), n = q(e.clientX - t.left, 0, t.width), r = q(e.clientY - t.top, 0, t.height);
 			L.value.s = n / t.width, L.value.v = 1 - r / t.height;
-		}, Ce = (e) => {
+		}, xe = (e) => {
 			e.preventDefault(), V.value = !0, H.value = "panel", J(e);
-		}, we = (e) => {
+		}, Se = (e) => {
 			J(e);
-		}, Te = (e) => {
+		}, Ce = (e) => {
 			e.preventDefault(), V.value = !0, H.value = "hue";
-		}, Ee = (e) => {
+		}, we = (e) => {
 			if (!z.value) return;
 			let t = z.value.getBoundingClientRect(), n = q(e.clientX - t.left, 0, t.width);
 			L.value.h = q(n / t.width * 360, 0, 360);
-		}, De = (e) => {
-			e.preventDefault(), V.value = !0, H.value = "alpha";
 		}, Y = (e) => {
+			e.preventDefault(), V.value = !0, H.value = "alpha";
+		}, Te = (e) => {
 			if (!B.value) return;
 			let t = B.value.getBoundingClientRect(), n = q(e.clientX - t.left, 0, t.width);
 			L.value.a = q(n / t.width, 0, 1);
@@ -186,57 +183,57 @@ var A = /* @__PURE__ */ p({
 			}
 		}, Z = () => {
 			V.value = !1, H.value = null;
-		}, Oe = (e) => {
+		}, Ee = (e) => {
 			K(e);
 		};
-		k(Se, (e) => {
-			j.value = e, T("change", e);
-		}), k(j, (e) => {
+		O(be, (e) => {
+			M.value = e, w("change", e);
+		}), O(M, (e) => {
 			K(e);
-		}, { immediate: !0 }), _(() => {
+		}, { immediate: !0 }), g(() => {
 			document.addEventListener("mousemove", X), document.addEventListener("mouseup", Z);
-		}), v(() => {
+		}), _(() => {
 			document.removeEventListener("mousemove", X), document.removeEventListener("mouseup", Z);
 		});
-		let Q = f(), $ = de();
-		return b(() => {
-			let e = D(A);
-			x($, [
+		let Q = d(), $ = le();
+		return y(() => {
+			let e = D(j);
+			b($, [
 				e.b(),
-				e.m(D(me)),
-				e.is("error", D(he))
+				e.m(D(fe)),
+				e.is("error", D(pe))
 			]);
-		}), S($, null, 0), Q(c(D(r), { $: [() => ({
+		}), x($, null, 0), Q(s(D(n), { $: [() => ({
 			offset: [0, 4],
 			placement: "bottom-start",
 			width: "sameWidth",
 			manual: !0,
-			...p.popoverProps
-		}), { onClickOutside: () => _e }] }, {
+			...f.popoverProps
+		}), { onClickOutside: () => he }] }, {
 			content: ie(() => {
-				let e = ue(), t = o(e), n = o(t), r = o(n), s = g(r, 1), f = g(n, 1), m = o(f), h = o(m), _ = o(h), v = o(_), y = g(_, 1), w = g(m, 1), T = o(w), E = g(f, 2);
-				return n.$evtmousedown = d(Ce), n.$evtclick = d(we), Q(n, R, null, "panelRef"), _.$evtclick = d(Ee), Q(_, z, null, "hueSliderRef"), y.$evtmousedown = d(Te), b(() => {
-					let i = D(A), a = L.value, o = a.h;
-					x(e, [i.e("wrapper")]), x(t, [i.e("content")]), x(n, [i.e("panel")]), x(r, [i.e("panel-bg")]), C(r, { background: `linear-gradient(to right, #fff, hsl(${o}deg 100% 50%))` }), x(s, [i.e("panel-thumb")]), C(s, {
-						left: `${a.s * 100}%`,
-						top: `${(1 - a.v) * 100}%`
-					}), x(f, [i.e("control")]), x(m, [i.e("control-item")]), x(h, [i.e("control-wrapper")]), x(_, [i.e("control-track")]), x(v, [i.e("control-hue")]), x(y, [i.e("control-thumb")]), C(y, {
-						left: `${o / 3.6}%`,
-						color: j.value
+				let e = ce(), t = a(e), n = a(t), o = a(n), d = h(o, 1), p = h(n, 1), m = a(p), g = a(m), _ = a(g), v = a(_), C = h(_, 1), w = h(m, 1), T = a(w), E = h(p, 2);
+				return n.$evtmousedown = u(xe), n.$evtclick = u(Se), Q(n, R, null, "panelRef"), _.$evtclick = u(we), Q(_, z, null, "hueSliderRef"), C.$evtmousedown = u(Ce), y(() => {
+					let r = D(j), i = L.value, a = i.h;
+					b(e, [r.e("wrapper")]), b(t, [r.e("content")]), b(n, [r.e("panel")]), b(o, [r.e("panel-bg")]), S(o, { background: `linear-gradient(to right, #fff, hsl(${a}deg 100% 50%))` }), b(d, [r.e("panel-thumb")]), S(d, {
+						left: `${i.s * 100}%`,
+						top: `${(1 - i.v) * 100}%`
+					}), b(p, [r.e("control")]), b(m, [r.e("control-item")]), b(g, [r.e("control-wrapper")]), b(_, [r.e("control-track")]), b(v, [r.e("control-hue")]), b(C, [r.e("control-thumb")]), S(C, {
+						left: `${a / 3.6}%`,
+						color: M.value
 					});
-				}), S(m, null, 1), u(() => !p.disabledAlpha, () => {
-					let e = se(), t = o(e), n = o(t), r = g(t, 1);
-					return t.$evtclick = d(Y), Q(t, B, null, "alphaSliderRef"), r.$evtmousedown = d(De), b(() => {
-						let i = D(A);
-						x(e, [i.e("control-wrapper")]), x(t, [i.e("control-track")]), x(n, [i.e("control-alpha")]), C(n, { color: G.value }), x(r, [i.e("control-thumb")]), C(r, {
+				}), x(m, null, 1), l(() => !f.disabledAlpha, () => {
+					let e = ae(), t = a(e), n = a(t), r = h(t, 1);
+					return t.$evtclick = u(Te), Q(t, B, null, "alphaSliderRef"), r.$evtmousedown = u(Y), y(() => {
+						let i = D(j);
+						b(e, [i.e("control-wrapper")]), b(t, [i.e("control-track")]), b(n, [i.e("control-alpha")]), S(n, { color: G.value }), b(r, [i.e("control-thumb")]), S(r, {
 							left: `${L.value.a * 100}%`,
-							color: j.value
+							color: M.value
 						});
 					}), e;
-				}, null, 1), b(() => {
-					let e = D(A);
-					x(w, [e.e("control-preview")]), x(T, [e.e("control-preview-color")]), C(T, { background: G.value }), x(E, [e.e("input")]);
-				}), S(E, null, 0), c(D(a), {
+				}, null, 1), y(() => {
+					let e = D(j);
+					b(w, [e.e("control-preview")]), b(T, [e.e("control-preview-color")]), S(T, { background: G.value }), b(E, [e.e("input")]);
+				}), x(E, null, 0), s(D(i), {
 					modelValue: () => I.value,
 					"onUpdate:modelValue": () => (e) => I.value = e,
 					style: () => ({ width: "100px" }),
@@ -248,38 +245,38 @@ var A = /* @__PURE__ */ p({
 						label: "RGB",
 						value: "rgb"
 					}]
-				}), S(E, null, 1), c(D(i), {
+				}), x(E, null, 1), s(D(r), {
 					size: () => "mini",
 					style: () => ({ flex: "1" }),
-					modelValue: () => j.value,
-					"onUpdate:modelValue": () => (e) => j.value = e
-				}), S(t, null, 3), u(() => p.showPreset, () => {
-					let e = le(), t = o(e), n = g(t, 1);
-					return b(() => {
-						let r = D(A);
-						x(e, [r.e("presets")]), x(t, [r.e("presets-title")]), x(n, [r.e("presets-list")]);
-					}), S(n, null, 0), l(() => ve.value, (e) => {
-						let t = ce();
-						return t.$evtclick = d(() => Oe(e.value)), b(() => {
-							x(t, [[D(A).e("presets-item")], "item"]), C(t, { background: e.value });
+					modelValue: () => M.value,
+					"onUpdate:modelValue": () => (e) => M.value = e
+				}), x(t, null, 3), l(() => f.showPreset, () => {
+					let e = se(), t = a(e), n = h(t, 1);
+					return y(() => {
+						let r = D(j);
+						b(e, [r.e("presets")]), b(t, [r.e("presets-title")]), b(n, [r.e("presets-list")]);
+					}), x(n, null, 0), c(() => ge.value, (e) => {
+						let t = oe();
+						return t.$evtclick = u(() => Ee(e.value)), y(() => {
+							b(t, [[D(j).e("presets-item")], "item"]), S(t, { background: e.value });
 						}), t;
 					}, (e) => e, 1), e;
-				}, null, 1), e.$evtmousedown = d(re(() => {}, ["prevent"])), e;
+				}, null, 1), e.$evtmousedown = u(re(() => {}, ["prevent"])), e;
 			}),
 			default: () => {
-				let e = oe(), t = o(e);
-				return b(() => {
-					let n = D(A);
-					x(e, [n.e("trigger"), n.is("disabled", p.disabled)]), x(t, [n.e("preview")]), C(t, { backgroundColor: j.value });
-				}), S(e, null, 1), u(() => p.showText, () => {
-					let e = ae(), t = te(e);
-					return b(() => {
-						x(e, [D(A).e("value")]), w(t, E(j.value));
+				let e = A(), t = a(e);
+				return y(() => {
+					let n = D(j);
+					b(e, [n.e("trigger"), n.is("disabled", f.disabled)]), b(t, [n.e("preview")]), S(t, { backgroundColor: M.value });
+				}), x(e, null, 1), l(() => f.showText, () => {
+					let e = k(), t = ee(e);
+					return y(() => {
+						b(e, [D(j).e("value")]), C(t, T(M.value));
 					}), e;
-				}, null, 1), Q(e, M, null, "triggerRef"), e;
+				}, null, 1), e;
 			}
-		}), N, null, "popoverRef"), $.$evtclick = d(ge), $;
+		}), N, null, "popoverRef"), $.$evtclick = u(me), $;
 	}
 });
 //#endregion
-export { A as default };
+export { j as default };

package/dist/es/components/src/config-provider/index.d.ts

@@ -1,4 +1,4 @@
-import { ConfigProviderSlots, ConfigProviderTheme } from './types';
+import { ConfigProviderSlots, ConfigProviderTheme } from './types.js';
 import { PublicProps, VNode, Plugin } from 'vue';
 export declare const SConfigProvider: ((__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: {
     attrs: any;
@@ -18,4 +18,4 @@ export declare const SConfigProvider: ((__VLS_props: NonNullable<Awaited<typeof
 }>) => VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 }) & Plugin;
-export * from './types';
+export * from './types.js';

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

@@ -6,8 +6,8 @@ import { useZIndex as r } from "../../../hooks/src/use-zIndex.mjs";
 import "../../../hooks/index.mjs";
 import i from "../../../icons/src/close.vue.mjs";
 import "../../../icons/index.mjs";
-import a from "../scrollbar/scrollbar.vue.mjs";
-import ee from "../button/button.vue.mjs";
+import a from "../button/button.vue.mjs";
+import ee from "../scrollbar/scrollbar.vue.mjs";
 import o from "../_comp/OpacityTransition.vue.mjs";
 import s from "../_comp/SideTransition.vue.mjs";
 import { VaporTeleport as te, applyVShow as c, child as l, computed as u, createComponent as d, createIf as f, createInvoker as p, createSlot as m, createTemplateRefSetter as h, defineVaporComponent as g, delegateEvents as _, mergeModels as v, next as y, nextTick as b, onMounted as ne, onUnmounted as re, ref as x, renderEffect as S, setClass as C, setInsertionState as w, setStyle as T, setText as ie, template as E, toDisplayString as ae, txt as oe, unref as D, useModel as se, watch as O, withVaporCtx as k } from "vue";
@@ -176,12 +176,12 @@ var N = /* @__PURE__ */ g({
 					return S(() => {
 						C(e, [D(N).e("title")]), ie(t, ae(g.header));
 					}), e;
-				}), w(n, null, 1), f(() => g.closable, () => d(ee, {
+				}), w(n, null, 1), f(() => g.closable, () => d(a, {
 					circle: () => "",
 					text: () => "",
 					size: () => "small",
 					onClick: () => G
-				}, { icon: k(() => d(D(i))) }), null, 1), S(() => C(r, [D(N).e("body")])), w(r, null, 0), f(() => g.bodyScroll, () => d(a, { $: [() => ({ ...g.scrollbarProps })] }, { default: k(() => {
+				}, { icon: k(() => d(D(i))) }), null, 1), S(() => C(r, [D(N).e("body")])), w(r, null, 0), f(() => g.bodyScroll, () => d(ee, { $: [() => ({ ...g.scrollbarProps })] }, { default: k(() => {
 					let e = A();
 					return S(() => C(e, [D(N).e("content")])), w(e, null, 0), m("default", null), e;
 				}) }), () => {