savor-ui 0.18.0 → 0.20.0

package/CHANGELOG.md

@@ -2,6 +2,27 @@
 
 
 
+# [0.20.0](https://gitee.com/mach552/savor-ui/compare/v0.19.0...v0.20.0) (2026-08-10)
+
+
+### Features
+
+* **drawer:** 新增`desc`属性 ([28ac722](https://gitee.com/mach552/savor-ui/commits/28ac722dfb797062d01512f79092df889e66a4b8))
+* **dropdown:** 新增延迟关闭属性 ([8a563e1](https://gitee.com/mach552/savor-ui/commits/8a563e1731542bf3297ffa595bd8c7953d48234d))
+
+# [0.19.0](https://gitee.com/mach552/savor-ui/compare/v0.18.0...v0.19.0) (2026-08-09)
+
+
+### Bug Fixes
+
+* **menu:** 修复弹层菜单无样式变量的问题 ([96a315a](https://gitee.com/mach552/savor-ui/commits/96a315a59f06ab072835b14e6addb35ad60dcd1b))
+
+
+### Features
+
+* **card:** 新增边框属性 ([7842ba8](https://gitee.com/mach552/savor-ui/commits/7842ba8774566893065f4ae9f3adac02a38cc506))
+* **card:** 新增标题文本属性 ([fa5c634](https://gitee.com/mach552/savor-ui/commits/fa5c6342a7ae74c7801d061c545a381441e22136))
+
 # [0.18.0](https://gitee.com/mach552/savor-ui/compare/v0.17.0...v0.18.0) (2026-08-08)
 
 

package/dist/es/components/index.mjs

@@ -15,6 +15,7 @@ import "./src/auto-complete/index.mjs";
 import "./src/avatar/index.mjs";
 import "./src/badge/index.mjs";
 import "./src/button/index.mjs";
+import "./src/text/index.mjs";
 import "./src/card/index.mjs";
 import "./src/carousel/index.mjs";
 import "./src/empty/index.mjs";
@@ -78,7 +79,6 @@ import "./src/table/types.mjs";
 import "./src/table/index.mjs";
 import "./src/tabs/types.mjs";
 import "./src/tabs/index.mjs";
-import "./src/text/index.mjs";
 import "./src/textarea/index.mjs";
 import "./src/timeline/types.mjs";
 import "./src/timeline/index.mjs";

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

@@ -13,8 +13,8 @@ var m = u("<div>"), h = u("<div> "), g = u("<div>", 1), _ = /*@__PURE__*/ i({
 	},
 	setup(i, { slots: u }) {
 		let _ = i, v = e("badge"), y = t(() => ({
-			height: "10px",
-			width: "10px",
+			height: "6px",
+			width: "6px",
 			..._.dotStyle
 		})), b = t(() => _.max && _.count > _.max ? `${_.max}+` : _.count), x = g();
 		return a(() => {

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

@@ -1,9 +1,9 @@
 import { useNamespace as e } from "../../../hooks/src/use-namespace.mjs";
 import "../../../hooks/index.mjs";
-import t from "../text/text.vue.mjs";
-import { child as n, createComponent as r, createIf as i, createSlot as a, defineVaporComponent as o, renderEffect as s, setClass as c, setInsertionState as l, setStyle as u, setText as d, template as f, toDisplayString as p, unref as m } from "vue";
+import { SText as t } from "../text/index.mjs";
+import { child as n, createComponent as r, createIf as i, createSlot as a, defineVaporComponent as o, renderEffect as s, setClass as c, setInsertionState as l, setStyle as u, template as d, unref as f } from "vue";
 //#region ../components/src/card/card.vue?vue&type=script&setup=true&vapor=true&lang.ts
-var h = f("<div>"), g = f(" "), _ = f("<div><div></div>"), v = f("<div><div>", 1), y = /*@__PURE__*/ o({
+var p = d("<div>"), m = d("<div><div></div>"), h = d("<div><div>", 1), g = /*@__PURE__*/ o({
 	name: "SCard",
 	__name: "card",
 	props: {
@@ -11,41 +11,48 @@ var h = f("<div>"), g = f(" "), _ = f("<div><div></div>"), v = f("<div><div>", 1
 		subtitle: {},
 		bar: { type: Boolean },
 		shadow: { default: "never" },
-		bodyStyle: {}
+		bordered: { type: Boolean },
+		bodyStyle: {},
+		titleProps: {}
 	},
-	setup(o, { slots: f }) {
-		let y = e("card"), b = v(), x = n(b, 1);
+	setup(o, { slots: d }) {
+		let g = e("card"), _ = h(), v = n(_, 1);
 		return s(() => {
-			let e = m(y);
-			c(b, [e.b(), e.m(o.shadow)]);
-		}), l(b, 0, 0), i(() => f.image, () => {
-			let e = h();
-			return s(() => c(e, [m(y).e("image")])), l(e, null, 0), a("image"), e;
+			let e = f(g);
+			c(_, [
+				e.b(),
+				e.m(o.shadow),
+				{ [e.m("bordered")]: o.bordered }
+			]);
+		}), l(_, 0, 0), i(() => d.image, () => {
+			let e = p();
+			return s(() => c(e, [f(g).e("image")])), l(e, null, 0), a("image"), e;
 		}), s(() => {
-			c(x, [m(y).e("body")]), u(x, o.bodyStyle);
-		}), l(x, null, 0), i(() => f.title || o.title || f.expand, () => {
-			let e = _(), u = n(e);
+			c(v, [f(g).e("body")]), u(v, o.bodyStyle);
+		}), l(v, null, 0), i(() => d.title || o.title || d.expand, () => {
+			let e = m(), u = n(e);
 			return s(() => {
-				let t = m(y);
+				let t = f(g);
 				c(e, [t.e("header")]), c(u, [t.e("title")]);
-			}), l(u, null, 0), a("title", null, () => r(t, { bar: () => o.bar }, () => {
-				let e = g();
-				return s(() => d(e, p(o.title))), e;
-			})), l(e, null, 1), i(() => f.expand, () => {
-				let e = h();
-				return s(() => c(e, [m(y).e("expand")])), l(e, null, 0), a("expand"), e;
+			}), l(u, null, 0), a("title", null, () => r(f(t), { $: [() => ({
+				bar: o.bar,
+				label: o.title,
+				...o.titleProps
+			})] })), l(e, null, 1), i(() => d.expand, () => {
+				let e = p();
+				return s(() => c(e, [f(g).e("expand")])), l(e, null, 0), a("expand"), e;
 			}), e;
-		}), l(x, null, 1), i(() => f.subtitle, () => {
-			let e = h();
-			return s(() => c(e, [m(y).e("subtitle")])), l(e, null, 0), a("subtitle"), e;
-		}), l(x, null, 2), i(() => f.default, () => {
-			let e = h();
-			return s(() => c(e, [m(y).e("content")])), l(e, null, 0), a(), e;
-		}), l(x, null, 3), i(() => f.footer, () => {
-			let e = h();
-			return s(() => c(e, [m(y).e("footer")])), l(e, null, 0), a("footer"), e;
-		}), b;
+		}), l(v, null, 1), i(() => d.subtitle, () => {
+			let e = p();
+			return s(() => c(e, [f(g).e("subtitle")])), l(e, null, 0), a("subtitle"), e;
+		}), l(v, null, 2), i(() => d.default, () => {
+			let e = p();
+			return s(() => c(e, [f(g).e("content")])), l(e, null, 0), a(), e;
+		}), l(v, null, 3), i(() => d.footer, () => {
+			let e = p();
+			return s(() => c(e, [f(g).e("footer")])), l(e, null, 0), a("footer"), e;
+		}), _;
 	}
 });
 //#endregion
-export { y as default };
+export { g as default };

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

@@ -1,5 +1,6 @@
 import { CardSlots } from './types';
 import { PublicProps, VNode, Plugin } from 'vue';
+import { TextProps } from '../text';
 export declare const SCard: ((__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: {
     attrs: any;
     slots: CardSlots;
@@ -10,7 +11,9 @@ export declare const SCard: ((__VLS_props: NonNullable<Awaited<typeof __VLS_setu
         subtitle?: string | undefined;
         bar?: boolean | undefined;
         shadow?: "always" | "hover" | "never" | undefined;
+        bordered?: boolean | undefined;
         bodyStyle?: Record<string, string> | undefined;
+        titleProps?: TextProps | undefined;
     } & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;
     } ? P : {});

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

@@ -1,3 +1,4 @@
+import { TextProps } from '../text';
 export interface CardProps {
     /** 卡片标题 */
     title?: string;
@@ -7,8 +8,12 @@ export interface CardProps {
     bar?: boolean;
     /** 卡片阴影 */
     shadow?: "always" | "hover" | "never";
+    /** 卡片边框 */
+    bordered?: boolean;
     /** 卡片内容区域样式 */
     bodyStyle?: Record<string, string>;
+    /** 卡片标题属性 */
+    titleProps?: TextProps;
 }
 export interface CardSlots {
     /** 自定义卡片内容 */

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

@@ -18,7 +18,7 @@ var D = /*@__PURE__*/ u({
 		items: { default: () => [] },
 		autoplay: { type: Boolean },
 		speed: { default: 2e3 },
-		card: { type: Boolean },
+		solid: { type: Boolean },
 		showArrow: { type: Boolean },
 		indicator: {
 			type: Boolean,
@@ -34,13 +34,13 @@ var D = /*@__PURE__*/ u({
 		let d = u, f = t("carousel"), b = C("listRef"), D = S(u, "modelValue"), O = (e) => {
 			b.value && (b.value.style.transform = `translateX(-${e * 100}%)`, b.value.style.transition = "transform 0.3s"), D.value = e;
 		}, k = () => {
-			if (d.card) D.value--, D.value < 0 && (D.value = 0), console.log(D.value), N();
+			if (d.solid) D.value--, D.value < 0 && (D.value = 0), console.log(D.value), N();
 			else {
 				if (!b.value) return;
 				D.value === 0 ? (b.value.style.transition = "none", b.value.style.transform = `translateX(-${d.items.length * 100}%)`, b.value.offsetHeight, O(d.items.length - 1)) : O(D.value - 1);
 			}
 		}, A = () => {
-			if (d.card) D.value++, D.value > d.items.length - 1 && (D.value = d.items.length - 1), console.log(D.value), N();
+			if (d.solid) D.value++, D.value > d.items.length - 1 && (D.value = d.items.length - 1), console.log(D.value), N();
 			else {
 				if (!b.value) return;
 				D.value === d.items.length - 1 ? (b.value.style.transition = "none", b.value.style.transform = "translateX(100%)", b.value.offsetHeight, O(0)) : O(D.value + 1);
@@ -62,14 +62,14 @@ var D = /*@__PURE__*/ u({
 				n.style.zIndex = String(l);
 			}
 		}, P = (e) => {
-			d.card ? (D.value = e, N()) : O(e);
+			d.solid ? (D.value = e, N()) : O(e);
 		}, F = null, I = () => {
 			d.autoplay && (F = setInterval(() => {
 				A();
 			}, d.speed));
 		};
 		p(() => {
-			d.card ? N() : j(), I();
+			d.solid ? N() : j(), I();
 		}), m(() => {
 			clearInterval(F);
 		});
@@ -77,7 +77,7 @@ var D = /*@__PURE__*/ u({
 		return h(() => {
 			let t = x(f), n = u.indicatorPosition;
 			g(R, [t.b(), { [t.m("indicator-position-" + n)]: n === "outside" }]), y(R, { height: x(e)(u.height) }), g(z, [t.e("wrapper")]);
-		}), _(z, null, 0), s(() => u.card, () => {
+		}), _(z, null, 0), s(() => u.solid, () => {
 			let e = T();
 			return h(() => g(e, [x(f).e("list-3d")])), _(e, null, 0), o(() => u.items, (e, t) => {
 				let n = w(), r = i(n);

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

@@ -10,7 +10,7 @@ export declare const SCarousel: ((__VLS_props: NonNullable<Awaited<typeof __VLS_
         items: string[];
         autoplay?: boolean | undefined;
         speed?: number | undefined;
-        card?: boolean | undefined;
+        solid?: boolean | undefined;
         showArrow?: boolean | undefined;
         indicator?: boolean | undefined;
         indicatorPosition?: "top" | "bottom" | "left" | "right" | "outside" | undefined;

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

@@ -13,8 +13,8 @@ export interface CarouselProps {
      * @default 3000
      */
     speed?: number;
-    /** 是否显示为卡片样式 */
-    card?: boolean;
+    /** 是否显示为3D样式 */
+    solid?: boolean;
     /** 是否显示切换箭头 */
     showArrow?: boolean;
     /** 是否显示指示器 */

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

@@ -7,16 +7,16 @@ import "../../../hooks/index.mjs";
 import i from "../../../icons/src/close.vue.mjs";
 import "../../../icons/index.mjs";
 import a from "../button/button.vue.mjs";
-import ee from "../scrollbar/scrollbar.vue.mjs";
-import { STransition as o } from "../transition/index.mjs";
-import { VaporTeleport as te, applyVShow as s, child as c, computed as l, createComponent as u, createIf as d, createInvoker as f, createSlot as p, createTemplateRefSetter as m, defineVaporComponent as h, delegateEvents as g, mergeModels as _, nextTick as v, onMounted as ne, onUnmounted as re, ref as y, renderEffect as b, setClass as x, setInsertionState as S, setStyle as C, setText as w, template as T, toDisplayString as E, txt as D, unref as O, useModel as ie, watch as k, watchEffect as ae } from "vue";
+import o from "../scrollbar/scrollbar.vue.mjs";
+import { STransition as s } from "../transition/index.mjs";
+import { VaporTeleport as c, applyVShow as l, child as u, computed as d, createComponent as f, createIf as p, createInvoker as m, createSlot as h, createTemplateRefSetter as ee, defineVaporComponent as g, delegateEvents as _, mergeModels as v, nextTick as y, onMounted as te, onUnmounted as b, ref as x, renderEffect as S, setClass as C, setInsertionState as w, setStyle as T, setText as E, template as D, toDisplayString as O, txt as k, unref as A, useModel as ne, watch as j, watchEffect as re } from "vue";
 //#region ../components/src/drawer/drawer.vue?vue&type=script&setup=true&vapor=true&lang.ts
-var A = T("<div>"), j = T("<div> "), M = T("<div><div><div></div>");
-g("click", "mousedown");
-var N = /*@__PURE__*/ h({
+var M = D("<div>"), ie = D("<div> "), ae = D("<div><div> </div>"), oe = D("<div><div><div></div>");
+_("click", "mousedown");
+var N = /*@__PURE__*/ g({
 	name: "SDrawer",
 	__name: "drawer",
-	props: /*@__PURE__*/ _({
+	props: /*@__PURE__*/ v({
 		modelValue: { type: Boolean },
 		closeOnEsc: {
 			type: Boolean,
@@ -40,6 +40,7 @@ var N = /*@__PURE__*/ h({
 		resizable: { type: Boolean },
 		to: { default: "body" },
 		title: {},
+		desc: {},
 		header: {
 			type: Boolean,
 			default: !0
@@ -65,7 +66,7 @@ var N = /*@__PURE__*/ h({
 		},
 		modelModifiers: {}
 	}),
-	emits: /*@__PURE__*/ _([
+	emits: /*@__PURE__*/ v([
 		"esc",
 		"maskClick",
 		"open",
@@ -73,45 +74,45 @@ var N = /*@__PURE__*/ h({
 		"close",
 		"closed"
 	], ["update:modelValue"]),
-	setup(h, { emit: g }) {
-		let _ = h, T = g, N = t("drawer"), { nextZIndex: P } = r(), F = y(0), { lockScroll: I, unlockScroll: L } = n(), R = ie(h, "modelValue"), z = y(!1), B = y(!1), V = y(!1), H = y(""), U = y("");
-		ae(() => {
-			H.value = e(_.width), U.value = e(_.height);
+	setup(g, { emit: _ }) {
+		let v = g, D = _, N = t("drawer"), { nextZIndex: P } = r(), F = x(0), { lockScroll: se, unlockScroll: ce } = n(), I = ne(g, "modelValue"), L = x(!1), R = x(!1), z = x(!1), B = x(""), V = x("");
+		re(() => {
+			B.value = e(v.width), V.value = e(v.height);
 		});
-		let oe = l(() => ({
+		let H = d(() => ({
 			zIndex: F.value,
-			position: _.to === "body" ? "fixed" : "absolute"
-		})), W = l(() => {
-			let e = { ..._.drawerStyle };
-			return (_.placement === "left" || _.placement === "right") && (e.width = H.value), (_.placement === "top" || _.placement === "bottom") && (e.height = U.value), e;
-		}), se = () => {
-			T("opened");
-		}, ce = () => {
-			B.value = !1, T("closed"), v(() => {
-				Z.value && (Z.value.style.transition = "", Z.value.style.transform = ""), L();
+			position: v.to === "body" ? "fixed" : "absolute"
+		})), U = d(() => {
+			let e = { ...v.drawerStyle };
+			return (v.placement === "left" || v.placement === "right") && (e.width = B.value), (v.placement === "top" || v.placement === "bottom") && (e.height = V.value), e;
+		}), W = () => {
+			D("opened");
+		}, le = () => {
+			R.value = !1, D("closed"), y(() => {
+				Z.value && (Z.value.style.transition = "", Z.value.style.transform = ""), ce();
 			});
 		}, G = () => {
-			R.value = !1, T("close");
-		}, le = () => {
-			_.closeOnMask && (G(), T("maskClick"));
-		}, ue = (e) => {
-			e.preventDefault(), V.value = !0;
+			I.value = !1, D("close");
+		}, ue = () => {
+			v.closeOnMask && (G(), D("maskClick"));
+		}, de = (e) => {
+			e.preventDefault(), z.value = !0;
 		}, K = (e) => {
-			if (V.value) {
-				if (_.placement === "right" && (H.value = X(window.innerWidth - e.clientX, _.minWidth, _.maxWidth, !0), $(H.value, !0)), _.placement === "left") {
+			if (z.value) {
+				if (v.placement === "right" && (B.value = X(window.innerWidth - e.clientX, v.minWidth, v.maxWidth, !0), $(B.value, !0)), v.placement === "left") {
 					let t = e.clientX;
-					H.value = X(t, _.minWidth, _.maxWidth, !0), $(H.value, !0);
+					B.value = X(t, v.minWidth, v.maxWidth, !0), $(B.value, !0);
 				}
-				if (_.placement === "bottom" && (U.value = X(window.innerHeight - e.clientY, _.minHeight, _.maxHeight, !1), $(U.value, !0)), _.placement === "top") {
+				if (v.placement === "bottom" && (V.value = X(window.innerHeight - e.clientY, v.minHeight, v.maxHeight, !1), $(V.value, !0)), v.placement === "top") {
 					let t = e.clientY;
-					U.value = X(t, _.minHeight, _.maxHeight, !1), $(U.value, !0);
+					V.value = X(t, v.minHeight, v.maxHeight, !1), $(V.value, !0);
 				}
 			}
 		}, q = () => {
-			V.value &&= !1;
+			z.value &&= !1;
 		}, J = (e) => {
-			e.key === "Escape" && _.closeOnEsc && R.value && (G(), T("esc"));
-		}, de = (e) => {
+			e.key === "Escape" && v.closeOnEsc && I.value && (G(), D("esc"));
+		}, fe = (e) => {
 			let t = String(e).trim().match(/^(\d*\.?\d+)(.*)$/);
 			return t ? {
 				num: parseFloat(t[1]),
@@ -121,7 +122,7 @@ var N = /*@__PURE__*/ h({
 				unit: "px"
 			};
 		}, Y = (e, t) => {
-			let { num: n, unit: r } = de(e), i = t ? window.innerWidth : window.innerHeight;
+			let { num: n, unit: r } = fe(e), i = t ? window.innerWidth : window.innerHeight;
 			switch (r) {
 				case "%":
 				case "vw":
@@ -132,74 +133,80 @@ var N = /*@__PURE__*/ h({
 		}, X = (e, t, n, r) => {
 			let i = Y(t, r), a = Y(n, r);
 			return Math.max(i, Math.min(e, a)) + "px";
-		}, Z = y(null), Q = () => {
-			_.to === "body" ? Z.value = document.querySelector("#app") : _.to instanceof HTMLElement ? Z.value = _.to : typeof _.to == "string" && (Z.value = document.querySelector(_.to));
+		}, Z = x(null), Q = () => {
+			v.to === "body" ? Z.value = document.querySelector("#app") : v.to instanceof HTMLElement ? Z.value = v.to : typeof v.to == "string" && (Z.value = document.querySelector(v.to));
 		}, $ = (e, t) => {
-			_.push && Z.value && (t ? (Z.value.style.transition = "transform 0.3s var(--s-bezier-out)", _.placement === "left" ? Z.value.style.transform = `translateX(${e})` : _.placement === "right" ? Z.value.style.transform = `translateX(-${e})` : _.placement === "top" ? Z.value.style.transform = `translateY(${e})` : _.placement === "bottom" && (Z.value.style.transform = `translateY(-${e})`)) : (Z.value.style.transition = "transform 0.3s var(--s-bezier-in)", Z.value.style.transform = "translate(0,0)"));
+			v.push && Z.value && (t ? (Z.value.style.transition = "transform 0.3s var(--s-bezier-out)", v.placement === "left" ? Z.value.style.transform = `translateX(${e})` : v.placement === "right" ? Z.value.style.transform = `translateX(-${e})` : v.placement === "top" ? Z.value.style.transform = `translateY(${e})` : v.placement === "bottom" && (Z.value.style.transform = `translateY(-${e})`)) : (Z.value.style.transition = "transform 0.3s var(--s-bezier-in)", Z.value.style.transform = "translate(0,0)"));
 		};
-		k(() => _.to, Q), k(() => R.value, (e) => {
-			e ? (F.value = P(), I(), B.value = !0, v(() => {
-				z.value = !0, _.placement === "left" || _.placement === "right" ? $(W.value.width, !0) : (_.placement === "top" || _.placement === "bottom") && $(W.value.height, !0), _.closeOnEsc && (document.removeEventListener("keydown", J), document.addEventListener("keydown", J)), T("open");
-			})) : (z.value = !1, document.removeEventListener("keydown", J), $("0", !1));
-		}, { immediate: !0 }), k(() => _.resizable, (e) => {
+		j(() => v.to, Q), j(() => I.value, (e) => {
+			e ? (F.value = P(), se(), R.value = !0, y(() => {
+				L.value = !0, v.placement === "left" || v.placement === "right" ? $(U.value.width, !0) : (v.placement === "top" || v.placement === "bottom") && $(U.value.height, !0), v.closeOnEsc && (document.removeEventListener("keydown", J), document.addEventListener("keydown", J)), D("open");
+			})) : (L.value = !1, document.removeEventListener("keydown", J), $("0", !1));
+		}, { immediate: !0 }), j(() => v.resizable, (e) => {
 			e ? (window.addEventListener("mousemove", K), window.addEventListener("mouseup", q)) : (window.removeEventListener("mousemove", K), window.removeEventListener("mouseup", q));
-		}, { immediate: !0 }), ne(() => {
+		}, { immediate: !0 }), te(() => {
 			Q();
-		}), re(() => {
+		}), b(() => {
 			document.removeEventListener("keydown", J), window.removeEventListener("mousemove", K), window.removeEventListener("mouseup", q);
 		});
-		let fe = m();
-		return u(te, {
-			to: () => h.to,
+		let pe = ee();
+		return f(c, {
+			to: () => g.to,
 			defer: ""
 		}, () => {
-			let e = A();
-			return b(() => {
-				x(e, [O(N).e("container")]), C(e, oe.value);
-			}), S(e, null, 0), u(O(o), { type: "opacity" }, () => d(() => h.mask, () => {
-				let e = A();
-				return s(e, () => z.value), e.$evtclick = f(le), b(() => {
-					x(e, [O(N).e("mask")]), C(e, h.maskStyle);
+			let e = M();
+			return S(() => {
+				C(e, [A(N).e("container")]), T(e, H.value);
+			}), w(e, null, 0), f(A(s), { type: "opacity" }, () => p(() => g.mask, () => {
+				let e = M();
+				return l(e, () => L.value), e.$evtclick = m(ue), S(() => {
+					C(e, [A(N).e("mask")]), T(e, g.maskStyle);
 				}), e;
-			}, null, 129)), S(e, null, 1), u(O(o), {
+			}, null, 129)), w(e, null, 1), f(A(s), {
 				type: "side",
-				placement: () => h.placement,
-				onAfterLeave: () => ce,
-				onAfterEnter: () => se
+				placement: () => g.placement,
+				onAfterLeave: () => le,
+				onAfterEnter: () => W
 			}, () => {
-				let e = M(), t = c(e, 1), n = c(t, 1);
-				return b(() => {
-					let t = O(N);
-					x(e, [t.b(), t.m(h.placement)]), C(e, W.value);
-				}), S(e, 0, 0), d(() => h.resizable, () => {
-					let e = A();
-					return e.$evtmousedown = f(ue), b(() => {
-						let t = O(N);
-						x(e, [t.e("trigger"), t.is("dragging", V.value)]);
+				let e = oe(), t = u(e, 1), n = u(t, 1);
+				return S(() => {
+					let t = A(N);
+					C(e, [t.b(), t.m(g.placement)]), T(e, U.value);
+				}), w(e, 0, 0), p(() => g.resizable, () => {
+					let e = M();
+					return e.$evtmousedown = m(de), S(() => {
+						let t = A(N);
+						C(e, [t.e("trigger"), t.is("dragging", z.value)]);
 					}), e;
-				}), b(() => x(t, [O(N).e("wrapper")])), S(t, 0, 0), d(() => h.header, () => {
-					let e = A();
-					return b(() => x(e, [O(N).e("header")])), S(e, null, 0), p("header", null, () => {
-						let e = j(), t = D(e);
-						return b(() => {
-							x(e, [O(N).e("title")]), w(t, E(h.title));
+				}), S(() => C(t, [A(N).e("wrapper")])), w(t, 0, 0), p(() => g.header, () => {
+					let e = M();
+					return S(() => C(e, [A(N).e("header")])), w(e, null, 0), h("header", null, () => {
+						let e = ae(), t = u(e), n = k(t);
+						return S(() => {
+							let r = A(N);
+							C(e, [r.e("title")]), C(t, r.e("title-text")), E(n, O(g.title));
+						}), w(e, null, 1), p(() => g.desc, () => {
+							let e = ie(), t = k(e);
+							return S(() => {
+								C(e, A(N).e("title-desc")), E(t, O(g.desc));
+							}), e;
 						}), e;
-					}), S(e, null, 1), d(() => h.closable, () => u(a, {
+					}), w(e, null, 1), p(() => g.closable, () => f(a, {
 						circle: "",
 						text: "",
 						size: "small",
 						onClick: () => G
-					}, { icon: () => u(O(i)) })), e;
-				}), b(() => x(n, [O(N).e("body")])), S(n, null, 0), d(() => h.scrollContent, () => u(ee, { $: [() => ({ ...h.scrollbarProps })] }, () => p("default", null, null, 4)), () => {
-					let e = A();
-					return b(() => {
-						x(e, [O(N).e("content")]), C(e, h.bodyStyle);
-					}), S(e, null, 0), p(), e;
-				}, 1285), S(t, null, 2), d(() => h.footer, () => {
-					let e = A();
-					return b(() => x(e, [O(N).e("footer")])), S(e, null, 0), p("footer"), e;
-				}), s(e, () => z.value), e;
-			}), s(e, () => B.value), fe(e, "drawerContainerRef"), e;
+					}, { icon: () => f(A(i)) })), e;
+				}), S(() => C(n, [A(N).e("body")])), w(n, null, 0), p(() => g.scrollContent, () => f(o, { $: [() => ({ ...g.scrollbarProps })] }, () => h("default", null, null, 4)), () => {
+					let e = M();
+					return S(() => {
+						C(e, [A(N).e("content")]), T(e, g.bodyStyle);
+					}), w(e, null, 0), h(), e;
+				}, 1541), w(t, null, 2), p(() => g.footer, () => {
+					let e = M();
+					return S(() => C(e, [A(N).e("footer")])), w(e, null, 0), h("footer"), e;
+				}), l(e, () => L.value), e;
+			}), l(e, () => R.value), pe(e, "drawerContainerRef"), e;
 		}, !0);
 	}
 });

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

@@ -21,6 +21,7 @@ export declare const SDrawer: ((__VLS_props: NonNullable<Awaited<typeof __VLS_se
         resizable?: boolean | undefined;
         to?: (string | HTMLElement) | undefined;
         title?: string | undefined;
+        desc?: string | undefined;
         header?: boolean | undefined;
         footer?: boolean | undefined;
         closable?: boolean | undefined;

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

@@ -28,6 +28,8 @@ export interface DrawerProps {
     to?: string | HTMLElement;
     /** 标题 */
     title?: string;
+    /** 标题描述 */
+    desc?: string;
     /** 头部 */
     header?: boolean;
     /** 底部 */

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

@@ -7,27 +7,30 @@ import { createComponent as r, createSlot as i, defineVaporComponent as a, provi
 var m = d("<div>"), h = d("<div>", 1), g = /*@__PURE__*/ a({
 	name: "SDropdown",
 	__name: "dropdown",
-	props: { popoverProps: {} },
+	props: {
+		delayClose: { type: Boolean },
+		popoverProps: {}
+	},
 	setup(a) {
-		let d = e("dropdown"), g = p("popoverRef"), _ = null, v = () => {
-			_ &&= (_(), null);
+		let d = a, g = e("dropdown"), _ = p("popoverRef"), v = null, y = () => {
+			v &&= (v(), null);
 		};
-		o(n, { itemClick: () => (g.value?.hide(), new Promise((e) => {
-			_ = e;
+		o(n, { itemClick: () => (_.value?.hide(), new Promise((e) => {
+			d.delayClose ? v = e : e();
 		})) });
-		let y = h();
-		return s(() => c(y, [f(d).b()])), l(y, null, 0), u(r(f(t), { $: [() => ({
+		let b = h();
+		return s(() => c(b, [f(g).b()])), l(b, null, 0), u(r(f(t), { $: [() => ({
 			trigger: "click",
 			placement: a.popoverProps?.trigger === "contextmenu" ? "bottom-start" : "bottom",
 			alignPoint: a.popoverProps?.trigger === "contextmenu",
 			...a.popoverProps
-		}), { onAfterLeave: () => v }] }, {
+		}), { onAfterLeave: () => y }] }, {
 			content: () => {
 				let e = m();
-				return s(() => c(e, f(d).e("list"))), l(e, null, 0), i("content"), e;
+				return s(() => c(e, f(g).e("list"))), l(e, null, 0), i("content"), e;
 			},
 			default: () => i("default", null, null, 4)
-		}), g, null, "popoverRef"), y;
+		}), _, null, "popoverRef"), b;
 	}
 });
 //#endregion

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

@@ -7,6 +7,7 @@ export declare const SDropdown: ((__VLS_props: NonNullable<Awaited<typeof __VLS_
     emit: {};
 }, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: PublicProps & {
+        delayClose?: boolean | undefined;
         popoverProps?: PopoverProps | undefined;
     } & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;

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

@@ -1,6 +1,8 @@
 import { InjectionKey } from 'vue';
 import { PopoverProps } from '../popover';
 export interface DropdownProps {
+    /** 延迟关闭（用于卸载组件时延迟关闭） */
+    delayClose?: boolean;
     /** 弹出层属性 [PopoverProps](/components/other/popover#popover-props)*/
     popoverProps?: PopoverProps;
 }