savor-ui 0.14.1 → 0.14.2

package/CHANGELOG.md

@@ -2,6 +2,18 @@
 
 
 
+## [0.14.2](https://gitee.com/mach552/savor-ui/compare/v0.14.1...v0.14.2) (2026-07-31)
+
+
+### Bug Fixes
+
+* **cascader:** 修复无法清空值的问题 ([90e7667](https://gitee.com/mach552/savor-ui/commits/90e76674b1e7c8978f86875e57fd6140a8ea1a51))
+* **drawer:** 修复关闭时transition找不到节点的问题 ([21344b9](https://gitee.com/mach552/savor-ui/commits/21344b9a98828ebf9913bf8ac5f825e0843df411))
+* **drawer:** 修复宽度无法动态修改问题 ([dc08354](https://gitee.com/mach552/savor-ui/commits/dc08354549121186c983dccc70b81ac542a61a3e))
+* **drawer:** 修复无法拖拽宽度的问题 ([1a67ae5](https://gitee.com/mach552/savor-ui/commits/1a67ae5ff31953713a1e51ecce4e49ba6606c47c))
+* **dropdown:** 修复某些清空下选项点击后弹窗不关闭问题 ([2fdce57](https://gitee.com/mach552/savor-ui/commits/2fdce570fe7b417ea7830f3d5b02875d4bd656cd))
+* **select:** 修复多选模式下大小失效的问题 ([982838e](https://gitee.com/mach552/savor-ui/commits/982838e3992f32cf2d95962309b42c9c9bd40ae0))
+
 ## [0.14.1](https://gitee.com/mach552/savor-ui/compare/v0.14.0...v0.14.1) (2026-07-26)
 
 

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

@@ -101,7 +101,10 @@ var k = /*@__PURE__*/ p({
 			}
 			return n;
 		}, Z = () => {
-			if (A.value === void 0 || A.value === "") return;
+			if (A.value === void 0 || A.value === "") {
+				R.value = "", F.value = [], I.value = [], z.value = [];
+				return;
+			}
 			if (h.multiple) {
 				z.value = (Array.isArray(A.value) ? A.value : []).map((e) => {
 					if (h.pathMode && typeof e == "string") {

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

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

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

@@ -1,13 +1,15 @@
 import { DroptionProps, DroptionSlots } from './types';
 import { PublicProps, VNode } from 'vue';
 declare const __VLS_export: (__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-    props: PublicProps & __VLS_PrettifyLocal<DroptionProps> & (typeof globalThis extends {
+    props: PublicProps & __VLS_PrettifyLocal<DroptionProps & {
+        onClick?: (() => any) | undefined;
+    }> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;
     } ? P : {});
     expose: (exposed: {}) => void;
     attrs: any;
     slots: DroptionSlots;
-    emit: {};
+    emit: (evt: "click") => void;
 }>) => VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };

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

@@ -9,20 +9,21 @@ var y = /*@__PURE__*/ o({
 	name: "SDoption",
 	__name: "doption",
 	props: { title: {} },
-	setup(o, { slots: s }) {
-		let p = e("droption"), y = c(t, void 0), b = () => {
-			y?.itemClick?.();
-		}, x = v(), S = n(x, 1);
-		return l(() => u(x, [h(p).b()])), d(x, 0, 0), r(() => s.icon, () => {
+	emits: ["click"],
+	setup(o, { emit: s, slots: p }) {
+		let y = s, b = e("droption"), x = c(t, void 0), S = () => {
+			x?.itemClick?.(), y("click");
+		}, C = v(), w = n(C, 1);
+		return l(() => u(C, [h(b).b()])), d(C, 0, 0), r(() => p.icon, () => {
 			let e = g();
-			return l(() => u(e, [h(p).e("icon")])), d(e, null, 0), a("icon"), e;
-		}), l(() => u(S, [h(p).e("title")])), d(S, null, 0), a("default", null, () => {
+			return l(() => u(e, [h(b).e("icon")])), d(e, null, 0), a("icon"), e;
+		}), l(() => u(w, [h(b).e("title")])), d(w, null, 0), a("default", null, () => {
 			let e = _();
 			return l(() => f(e, m(o.title))), e;
-		}), d(x, null, 2), r(() => s.extra, () => {
+		}), d(C, null, 2), r(() => p.extra, () => {
 			let e = g();
-			return l(() => u(e, [h(p).e("extra")])), d(e, null, 0), a("extra"), e;
-		}), x.$evtclick = i(b), x;
+			return l(() => u(e, [h(b).e("extra")])), d(e, null, 0), a("extra"), e;
+		}), C.$evtclick = i(S), C;
 	}
 });
 //#endregion

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

@@ -1,13 +1,15 @@
 import { DsubmenuProps, DsubmenuSlots } from './types';
 import { PublicProps, VNode } from 'vue';
 declare const __VLS_export: (__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-    props: PublicProps & __VLS_PrettifyLocal<DsubmenuProps> & (typeof globalThis extends {
+    props: PublicProps & __VLS_PrettifyLocal<DsubmenuProps & {
+        onClick?: (() => any) | undefined;
+    }> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;
     } ? P : {});
     expose: (exposed: {}) => void;
     attrs: any;
     slots: DsubmenuSlots;
-    emit: {};
+    emit: (evt: "click") => void;
 }>) => VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };

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

@@ -15,11 +15,12 @@ var w = /*@__PURE__*/ l({
 		title: {},
 		popoverProps: {}
 	},
-	setup(l, { slots: u }) {
-		let _ = e("dsubmenu"), w = d(r, void 0), T = () => {
-			w?.itemClick?.();
-		}, E = C();
-		return p(() => m(E, [y(_).b()])), h(E, null, 0), a(y(n), { $: [() => ({
+	emits: ["click"],
+	setup(l, { emit: u, slots: _ }) {
+		let w = u, T = e("dsubmenu"), E = d(r, void 0), D = () => {
+			E?.itemClick?.(), w("click");
+		}, O = C();
+		return p(() => m(O, [y(T).b()])), h(O, null, 0), a(y(n), { $: [() => ({
 			teleportBody: !1,
 			trigger: "hover",
 			placement: "right-start",
@@ -27,19 +28,19 @@ var w = /*@__PURE__*/ l({
 		})] }, {
 			content: () => {
 				let e = b();
-				return p(() => m(e, y(_).e("list"))), h(e, null, 0), c("content"), e;
+				return p(() => m(e, y(T).e("list"))), h(e, null, 0), c("content"), e;
 			},
 			default: () => {
 				let e = S(), n = i(e, 1), r = f(n, 2);
-				return p(() => m(e, y(_).e("item"))), h(e, 0, 0), o(() => u.icon, () => {
+				return p(() => m(e, y(T).e("item"))), h(e, 0, 0), o(() => _.icon, () => {
 					let e = b();
-					return p(() => m(e, [y(_).e("icon")])), h(e, null, 0), c("icon"), e;
-				}), p(() => m(n, [y(_).e("title")])), h(n, null, 0), c("title", null, () => {
+					return p(() => m(e, [y(T).e("icon")])), h(e, null, 0), c("icon"), e;
+				}), p(() => m(n, [y(T).e("title")])), h(n, null, 0), c("title", null, () => {
 					let e = x();
 					return p(() => g(e, v(l.title))), e;
-				}), p(() => m(r, [y(_).e("arrow")])), h(r, null, 0), a(y(t)), e.$evtclick = s(T), e;
+				}), p(() => m(r, [y(T).e("arrow")])), h(r, null, 0), a(y(t)), e.$evtclick = s(D), e;
 			}
-		}), E;
+		}), O;
 	}
 });
 //#endregion

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

@@ -21,35 +21,37 @@ export declare const SDropdown: ((__VLS_props: NonNullable<Awaited<typeof __VLS_
 export declare const SDoption: ((__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: {
     attrs: any;
     slots: DroptionSlots;
-    emit: {};
+    emit: (evt: "click") => void;
 }, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: PublicProps & {
         title?: string | undefined;
+        onClick?: (() => any) | undefined;
     } & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;
     } ? P : {});
     expose: (exposed: {}) => void;
     attrs: any;
     slots: DroptionSlots;
-    emit: {};
+    emit: (evt: "click") => void;
 }>) => VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 }) & Plugin;
 export declare const SDsubmenu: ((__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: {
     attrs: any;
     slots: DsubmenuSlots;
-    emit: {};
+    emit: (evt: "click") => void;
 }, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: PublicProps & {
         title?: string | undefined;
         popoverProps?: PopoverProps | undefined;
+        onClick?: (() => any) | undefined;
     } & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;
     } ? P : {});
     expose: (exposed: {}) => void;
     attrs: any;
     slots: DsubmenuSlots;
-    emit: {};
+    emit: (evt: "click") => void;
 }>) => VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 }) & Plugin;

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

@@ -22,6 +22,10 @@ export interface DroptionSlots {
     /** 额外内容 */
     extra?: () => any;
 }
+export interface DroptionEmits {
+    /** 点击 */
+    click: [];
+}
 export interface DsubmenuProps {
     /** 标题 */
     title?: string;
@@ -38,6 +42,10 @@ export interface DsubmenuSlots {
     /** 内容 */
     content?: () => any;
 }
+export interface DsubmenuEmits {
+    /** 点击 */
+    click: [];
+}
 export interface DropdownContext {
     itemClick: () => void;
 }

package/dist/es/components/src/input-number/input-number.vue_vue_type_script_setup_true_vapor_true_lang.mjs

@@ -139,15 +139,15 @@ var N = /*@__PURE__*/ p({
 				let t = D(Y);
 				x(e, [t.e("button"), t.e("prepend-button")]);
 			}), S(e, null, 0), c(D(r)), v(e, "click", k(q, ["stop"])), e.$evtmousedown = A(() => {}, ["prevent"]), e;
-		}), b(() => x(Q, [D(Y).e("inner")])), S(Q, 0, 0), l(() => T.prefix || p.prefix, () => {
+		}), b(() => x(Q, [D(Y).e("content")])), S(Q, 0, 0), l(() => T.prefix || p.prefix, () => {
 			let e = M();
 			return b(() => x(e, [D(Y).e("prefix")])), S(e, null, 0), d("prefix", null, () => {
 				let e = j();
 				return b(() => w(e, E(p.prefix))), e;
 			}), e;
 		}), v($, "blur", ve), v($, "change", G), v($, "focus", _e), $.$evtinput = u(he), $.$evtkeydown = u(ge), xe($, R, null, "inputRef"), b(() => {
-			C($, "autofocus", p.autofocus), x($, [D(Y).e("input")]), C($, "disabled", p.disabled), C($, "maxlength", p.maxlength), C($, "minlength", p.minlength), C($, "name", p.name), C($, "placeholder", p.placeholder), C($, "readonly", p.readonly ? !0 : void 0), ie($, B.value);
-		}), S(Q, null, 2), l(() => V.value && !!P.value && p.clearable, () => {
+			C($, "autofocus", p.autofocus), x($, [D(Y).e("inner")]), C($, "disabled", p.disabled), C($, "maxlength", p.maxlength), C($, "minlength", p.minlength), C($, "name", p.name), C($, "placeholder", p.placeholder), C($, "readonly", p.readonly ? !0 : void 0), ie($, B.value);
+		}), S(Q, null, 2), l(() => V.value && !!P.value && p.clearable && !p.disabled, () => {
 			let e = M();
 			return b(() => x(e, D(Y).e("clear"))), S(e, null, 0), c(D(t)), v(e, "click", k(ye, ["stop"])), e.$evtmousedown = A(() => {}, ["prevent"]), e;
 		}), S(Q, null, 3), l(() => T.suffix || p.suffix, () => {
@@ -156,13 +156,13 @@ var N = /*@__PURE__*/ p({
 				let e = j();
 				return b(() => w(e, E(p.suffix))), e;
 			}), e;
-		}), S(Q, null, 4), l(() => p.controls && !p.showButton, () => {
+		}), S(Q, null, 4), l(() => p.controls && !p.showButton && !p.disabled, () => {
 			let e = se(), t = o(e), r = re(t, 1);
 			return b(() => {
 				let n = D(Y);
 				x(e, [n.e("controls")]), x(t, n.e("increase"));
 			}), S(t, null, 0), c(D(i)), v(t, "click", k(K, ["stop"])), t.$evtmousedown = A(() => {}, ["prevent"]), b(() => x(r, D(Y).e("decrease"))), S(r, null, 0), c(D(n)), v(r, "click", k(q, ["stop"])), r.$evtmousedown = A(() => {}, ["prevent"]), e;
-		}), S(Z, null, 3), l(() => p.showButton, () => {
+		}), S(Z, null, 3), l(() => p.showButton && !p.disabled, () => {
 			let e = M();
 			return b(() => {
 				let t = D(Y);

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

@@ -15,11 +15,11 @@ import { SScrollbar as ee } from "../scrollbar/index.mjs";
 import { SEmpty as te } from "../empty/index.mjs";
 import { SIcon as l } from "../icon/index.mjs";
 import { STag as ne } from "../tag/index.mjs";
-import { child as re, computed as u, createComponent as d, createFor as f, createIf as p, createInvoker as m, createSlot as ie, createTemplateRefSetter as ae, defineVaporComponent as h, delegateEvents as g, inject as oe, mergeModels as _, on as v, reactive as se, ref as y, renderEffect as b, setAttr as ce, setClass as x, setInsertionState as S, setProp as le, setText as C, setValue as ue, template as w, toDisplayString as T, toRefs as de, txt as E, unref as D, useModel as fe, useTemplateRef as O, watch as pe, withModifiers as me, withVaporModifiers as k } from "vue";
+import { child as re, computed as u, createComponent as d, createFor as f, createIf as p, createInvoker as m, createSlot as ie, createTemplateRefSetter as ae, defineVaporComponent as h, delegateEvents as g, inject as oe, mergeModels as _, on as v, reactive as se, ref as y, renderEffect as b, setAttr as ce, setClass as x, setInsertionState as S, setProp as le, setText as C, setValue as ue, template as w, toDisplayString as T, toRefs as de, txt as fe, unref as E, useModel as pe, useTemplateRef as D, watch as me, withModifiers as he, withVaporModifiers as O } from "vue";
 //#region ../components/src/select/select.vue?vue&type=script&setup=true&vapor=true&lang.ts
-var he = w(" "), ge = w("<input>"), _e = w("<span> "), ve = w("<span>"), ye = w("<div><div></div>"), A = w("<div>"), be = w("<li> "), xe = w("<ul>"), Se = w("<div>", 1);
+var ge = w(" "), _e = w("<input>"), ve = w("<span> "), ye = w("<span>"), be = w("<div><div></div>"), k = w("<div>"), xe = w("<li> "), Se = w("<ul>"), Ce = w("<div>", 1);
 g("mousedown", "input", "keydown", "click");
-var j = /*@__PURE__*/ h({
+var A = /*@__PURE__*/ h({
 	name: "SSelect",
 	__name: "select",
 	props: /*@__PURE__*/ _({
@@ -61,10 +61,10 @@ var j = /*@__PURE__*/ h({
 		"remove"
 	], ["update:modelValue"]),
 	setup(h, { expose: g, emit: _ }) {
-		let w = h, j = _, M = t("select"), { size: N, error: Ce } = de(w), { mergedSize: we, mergedError: Te } = a({
-			size: N,
-			error: Ce
-		}), Ee = oe(o, void 0), P = u(() => Ee?.inputFilled?.value || w.filled), F = fe(h, "modelValue"), I = u(() => ({
+		let w = h, A = _, j = t("select"), { size: M, error: we } = de(w), { mergedSize: N, mergedError: Te } = a({
+			size: M,
+			error: we
+		}), Ee = oe(o, void 0), P = u(() => Ee?.inputFilled?.value || w.filled), F = pe(h, "modelValue"), I = u(() => ({
 			label: "label",
 			value: "value",
 			disabled: "disabled",
@@ -76,11 +76,11 @@ var j = /*@__PURE__*/ h({
 		}, R = y(!1), z = se({
 			label: "",
 			option: null
-		}), B = O("popoverRef"), V = O("scrollbarRef"), H = O("listRef"), U = O("multipleInputRef"), W = y(!1), G = y(""), ke = u(() => ({
-			mini: "small",
-			small: "small",
-			medium: "medium",
-			large: "large"
+		}), B = D("popoverRef"), V = D("scrollbarRef"), H = D("listRef"), U = D("multipleInputRef"), W = y(!1), G = y(""), ke = u(() => ({
+			mini: "tiny",
+			small: "tiny",
+			medium: "mini",
+			large: "small"
 		})[w.size] || "medium"), K = u(() => w.multiple ? (Array.isArray(F.value) ? F.value : []).map((e) => w.options.find((t) => t[I.value.value] === e)).filter(Boolean) : []), Ae = (e) => w.multiple ? (Array.isArray(F.value) ? F.value : []).includes(e[I.value.value]) : !1, q = (e) => {
 			e ? (w.multiple && w.filterable ? (G.value = "", Y("")) : w.filterable && z.label && (z.label = ""), w.filterable && !w.multiple && Y(z.label), B.value?.show(), w.multiple && w.filterable && setTimeout(() => U.value?.focus(), 0)) : (w.filterable && !w.multiple && (z.label = z.option ? z.option[I.value.label] : ""), w.multiple && w.filterable && (G.value = "", J.value = w.options), B.value?.hide(), X.value = -1), W.value = e;
 		}, je = () => {
@@ -93,7 +93,7 @@ var j = /*@__PURE__*/ h({
 				r > -1 ? t.splice(r, 1) : t.push(n), F.value = t, w.filterable && (G.value = "", Y(""), setTimeout(() => U.value?.focus(), 0));
 			} else F.value = e[I.value.value];
 		}, J = y(w.options);
-		pe(() => w.options, (e) => {
+		me(() => w.options, (e) => {
 			J.value = e;
 		});
 		let Fe = u(() => w.remote ? 500 : 0), Ie = u(() => w.filterable && z.option && W.value ? z.option[I.value.label] : w.placeholder), Y = async (e) => {
@@ -155,43 +155,45 @@ var j = /*@__PURE__*/ h({
 						let e = Array.isArray(F.value) ? [...F.value] : [];
 						if (e.length > 0) {
 							let t = e.pop();
-							F.value = e, j("remove", t);
+							F.value = e, A("remove", t);
 						}
 					}
 					break;
 				default: break;
 			}
 		}, Be = () => {
-			w.multiple ? F.value = [] : F.value = "", j("clear");
+			w.multiple ? F.value = [] : F.value = "", A("clear");
 		}, Ve = (e, t) => {
 			t.stopPropagation();
 			let n = Array.isArray(F.value) ? [...F.value] : [], r = e[I.value.value], i = n.indexOf(r);
-			i > -1 && (n.splice(i, 1), F.value = n, j("remove", r));
+			i > -1 && (n.splice(i, 1), F.value = n, A("remove", r));
 		}, He = (e) => {
 			let t = e.target;
 			G.value = t.value, Y(t.value);
 		};
-		pe(F, (e) => {
+		me(F, (e) => {
 			if (w.multiple) {
 				let t = Array.isArray(e) ? e : [];
-				t.map((e) => Ne(e)).filter(Boolean), j("change", t);
+				t.map((e) => Ne(e)).filter(Boolean), A("change", t);
 			} else if (e && !Array.isArray(e)) {
 				let t = Ne(e);
-				t ? (z.label = t[I.value.label], z.option = t, j("change", t[I.value.value]), q(!1)) : (z.label = "", z.option = null, j("change", ""));
-			} else z.label = "", z.option = null, j("change", "");
+				t ? (z.label = t[I.value.label], z.option = t, A("change", t[I.value.value]), q(!1)) : (z.label = "", z.option = null, A("change", ""));
+			} else z.label = "", z.option = null, A("change", "");
 		}, { immediate: !0 }), g({
 			open: () => q(!0),
 			close: () => q(!1)
 		});
-		let Q = ae(), $ = Se();
+		let Q = ae(), $ = Ce();
 		return b(() => {
-			let e = D(M);
+			let e = E(j);
 			x($, [
 				e.b(),
 				e.is("readonly", !h.filterable || !W.value),
-				e.is("multiple", h.multiple)
+				e.is("multiple", h.multiple),
+				e.is("disabled", h.disabled),
+				e.m(E(N))
 			]);
-		}), S($, null, 0), Q(d(D(s), { $: [() => ({
+		}), S($, null, 0), Q(d(E(s), { $: [() => ({
 			offset: [0, 4],
 			placement: "bottom-start",
 			width: "sameWidth",
@@ -199,23 +201,23 @@ var j = /*@__PURE__*/ h({
 			...h.popoverProps
 		}), { onClickOutside: () => Me }] }, {
 			content: () => {
-				let e = A();
-				return b(() => x(e, [D(M).e("wrapper")])), S(e, null, 0), p(() => R.value, () => {
-					let e = A();
-					return b(() => x(e, [D(M).e("loading")])), S(e, null, 0), d(D(l), null, () => d(D(i))), e;
+				let e = k();
+				return b(() => x(e, [E(j).e("wrapper")])), S(e, null, 0), p(() => R.value, () => {
+					let e = k();
+					return b(() => x(e, [E(j).e("loading")])), S(e, null, 0), d(E(l), null, () => d(E(i))), e;
 				}, () => p(() => J.value.length === 0, () => {
-					let e = A();
-					return b(() => x(e, [D(M).e("empty")])), S(e, null, 0), ie("empty", null, () => d(D(te))), e;
+					let e = k();
+					return b(() => x(e, [E(j).e("empty")])), S(e, null, 0), ie("empty", null, () => d(E(te))), e;
 				}, () => {
-					let e = d(D(ee), { maxHeight: () => h.maxHeight }, () => {
-						let e = xe();
+					let e = d(E(ee), { maxHeight: () => h.maxHeight }, () => {
+						let e = Se();
 						return b(() => {
-							let t = D(M);
-							x(e, [t.e("list"), t.m("list-" + D(N))]);
+							let t = E(j);
+							x(e, [t.e("list"), t.m("list-" + E(M))]);
 						}), S(e, null, 0), f(() => J.value, (e, t) => {
-							let n = be(), r = E(n);
-							return v(n, "click", me(() => Pe(e.value), ["stop"])), b(() => {
-								let i = D(M), a = e.value, o = I.value, s = a[o.label], c = o.label;
+							let n = xe(), r = fe(n);
+							return v(n, "click", he(() => Pe(e.value), ["stop"])), b(() => {
+								let i = E(j), a = e.value, o = I.value, s = a[o.label], c = o.label;
 								x(n, [
 									i.e("item"),
 									i.is("disabled", a[o.disabled]),
@@ -226,44 +228,44 @@ var j = /*@__PURE__*/ h({
 						}, (e, t) => e[I.value.value], 9), Q(e, H, null, "listRef"), e;
 					});
 					return Q(e, V, null, "scrollbarRef"), e;
-				}, 1541), 1285), e.$evtmousedown = k(() => {}, ["prevent"]), e;
+				}, 1541), 1285), e.$evtmousedown = O(() => {}, ["prevent"]), e;
 			},
 			default: () => p(() => h.multiple, () => {
-				let e = ye(), t = re(e);
+				let e = be(), t = re(e);
 				return b(() => {
-					let n = D(M);
+					let n = E(j);
 					x(e, [n.e("tags-wrapper"), n.is("filled", P.value)]), x(t, [n.e("tags")]);
 				}), S(t, null, 0), f(() => K.value, (e) => {
 					let t = (t) => Ve(e.value, t);
-					return d(D(ne), {
+					return d(E(ne), {
 						size: () => ke.value,
 						closeable: "",
 						onClose: () => t
 					}, () => {
-						let t = he();
+						let t = ge();
 						return b(() => {
 							let n = I.value;
 							C(t, T(e.value[n.label]));
 						}), t;
 					});
 				}, (e) => e[I.value.value], 2), S(t, null, 1), p(() => h.filterable, () => {
-					let e = ge();
+					let e = _e();
 					return e.$evtinput = m(He), e.$evtkeydown = m(Z), Q(e, U, null, "multipleInputRef"), b(() => {
-						x(e, [D(M).e("input")]), le(e, "placeholder", K.value.length === 0 ? h.placeholder : ""), ue(e, G.value);
+						x(e, [E(j).e("inner")]), le(e, "placeholder", K.value.length === 0 ? h.placeholder : ""), ue(e, G.value);
 					}), e;
 				}, () => p(() => K.value.length === 0, () => {
-					let e = _e(), t = E(e);
+					let e = ve(), t = fe(e);
 					return b(() => {
-						x(e, [D(M).e("placeholder")]), C(t, T(h.placeholder));
+						x(e, [E(j).e("placeholder")]), C(t, T(h.placeholder));
 					}), e;
 				}), 261), S(e, null, 1), p(() => L.value && Array.isArray(F.value) && F.value.length > 0 && h.clearable, () => {
-					let e = ve();
-					return b(() => x(e, D(M).e("close"))), S(e, null, 0), d(D(n)), v(e, "click", me(Be, ["stop"])), e.$evtmousedown = k(() => {}, ["prevent"]), e;
-				}), S(e, null, 2), d(D(l), {
-					class: () => [D(M).e("suffix-icon")],
+					let e = ye();
+					return b(() => x(e, E(j).e("close"))), S(e, null, 0), d(E(n)), v(e, "click", he(Be, ["stop"])), e.$evtmousedown = O(() => {}, ["prevent"]), e;
+				}), S(e, null, 2), d(E(l), {
+					class: () => [E(j).e("suffix-icon")],
 					style: () => ({ transform: W.value ? "rotate(180deg)" : "" })
-				}, () => d(D(r))), v(e, "mouseenter", De), v(e, "mouseleave", Oe), e;
-			}, () => d(D(c), {
+				}, () => d(E(r))), v(e, "mouseenter", De), v(e, "mouseleave", Oe), e;
+			}, () => d(E(c), {
 				modelValue: () => z.label,
 				"onUpdate:modelValue": () => (e) => z.label = e,
 				disabled: () => h.disabled,
@@ -271,18 +273,18 @@ var j = /*@__PURE__*/ h({
 				readonly: () => !h.filterable || !W.value,
 				clearable: () => h.clearable,
 				style: "width: 100%",
-				error: () => D(Te),
-				size: () => D(we),
+				error: () => E(Te),
+				size: () => E(N),
 				filled: () => P.value,
-				onInput: () => D(Le),
+				onInput: () => E(Le),
 				onKeydown: () => Z,
 				onClear: () => Be
-			}, { suffix: () => d(D(l), {
-				class: () => [D(M).e("suffix-icon")],
+			}, { suffix: () => d(E(l), {
+				class: () => [E(j).e("suffix-icon")],
 				style: () => ({ transform: W.value ? "rotate(180deg)" : "" })
-			}, () => d(D(r))) }), 1157)
+			}, () => d(E(r))) }), 1157)
 		}), B, null, "popoverRef"), $.$evtclick = m(je), $;
 	}
 });
 //#endregion
-export { j as default };
+export { A as default };

package/dist/es/theme/components/date-picker.scss

@@ -29,12 +29,28 @@
       }
     }
     @include when(disabled) {
-      background-color: getCssVar("color", "fill-2");
-      border-color: getCssVar("color", "fill-2");
       cursor: not-allowed;
-      &:hover {
-        background-color: getCssVar("color", "fill-2");
-        border-color: getCssVar("color", "fill-2");
+      @include be(date-picker, inner) {
+        color: getCssVar("color", "text-3");
+      }
+      @include be(date-picker, icon) {
+        color: getCssVar("color", "text-3");
+      }
+      @include this-be(date-picker, wrapper) {
+        background-color: getCssVar("color", "bg-2");
+        border: 1px solid getCssVar("color", "fill-3");
+        &:hover {
+          background-color: getCssVar("color", "bg-2");
+          border: 1px solid getCssVar("color", "fill-3");
+        }
+        @include when(filled) {
+          background-color: getCssVar("color", "fill-1");
+          border: 1px solid getCssVar("color", "fill-1");
+          &:hover {
+            background-color: getCssVar("color", "fill-1");
+            border: 1px solid getCssVar("color", "fill-1");
+          }
+        }
       }
     }
     @include when(error) {

package/dist/es/theme/components/datetime-picker.scss

@@ -29,12 +29,28 @@
       }
     }
     @include when(disabled) {
-      background-color: getCssVar("color", "fill-2");
-      border-color: getCssVar("color", "fill-2");
       cursor: not-allowed;
-      &:hover {
-        background-color: getCssVar("color", "fill-2");
-        border-color: getCssVar("color", "fill-2");
+      @include be(datetime-picker, inner) {
+        color: getCssVar("color", "text-3");
+      }
+      @include be(datetime-picker, icon) {
+        color: getCssVar("color", "text-3");
+      }
+      @include this-be(datetime-picker, wrapper) {
+        background-color: getCssVar("color", "bg-2");
+        border: 1px solid getCssVar("color", "fill-3");
+        &:hover {
+          background-color: getCssVar("color", "bg-2");
+          border: 1px solid getCssVar("color", "fill-3");
+        }
+        @include when(filled) {
+          background-color: getCssVar("color", "fill-1");
+          border: 1px solid getCssVar("color", "fill-1");
+          &:hover {
+            background-color: getCssVar("color", "fill-1");
+            border: 1px solid getCssVar("color", "fill-1");
+          }
+        }
       }
     }
     @include when(error) {

package/dist/es/theme/components/drawer.scss

@@ -129,6 +129,7 @@
     position: absolute;
     background-color: #0000;
     transition: background-color 0.3s getCssVar("bezier", "1");
+    z-index: 1;
   }
   @include e(header) {
     padding: 8px 16px;

package/dist/es/theme/components/input-number.scss

@@ -19,12 +19,25 @@
       border-color: getCssVar("color", "primary-5");
     }
     @include when(disabled) {
-      background-color: getCssVar("color", "fill-2");
-      border-color: getCssVar("color", "fill-2");
       cursor: not-allowed;
-      &:hover {
-        background-color: getCssVar("color", "fill-2");
-        border-color: getCssVar("color", "fill-2");
+      @include be(input-number, inner) {
+        color: getCssVar("color", "text-3");
+      }
+      @include this-be(input-number, wrapper) {
+        background-color: getCssVar("color", "bg-2");
+        border: 1px solid getCssVar("color", "fill-3");
+        &:hover {
+          background-color: getCssVar("color", "bg-2");
+          border: 1px solid getCssVar("color", "fill-3");
+        }
+        @include when(filled) {
+          background-color: getCssVar("color", "fill-1");
+          border: 1px solid getCssVar("color", "fill-1");
+          &:hover {
+            background-color: getCssVar("color", "fill-1");
+            border: 1px solid getCssVar("color", "fill-1");
+          }
+        }
       }
     }
     @include when(error) {
@@ -78,7 +91,7 @@
     align-items: center;
     justify-content: center;
   }
-  @include e(inner) {
+  @include e(content) {
     flex: 1;
     display: flex;
     align-items: center;
@@ -88,7 +101,7 @@
       padding: 0 0 0 8px;
     }
   }
-  @include e(input) {
+  @include e(inner) {
     flex-grow: 1;
     width: 100%;
     min-width: 0;
@@ -204,7 +217,7 @@
       @include be(input-number, wrapper) {
         border-radius: getCssVar("radius", $size);
       }
-      @include be(input-number, input) {
+      @include be(input-number, inner) {
         height: calc(getCssVar("size", $size) - 2px);
         line-height: calc(getCssVar("size", $size) - 2px);
         @if $size == mini {

package/dist/es/theme/components/input-tag.scss

@@ -22,12 +22,25 @@
       border-color: getCssVar("color", "primary-5");
     }
     @include when(disabled) {
-      background-color: getCssVar("color", "fill-2");
-      border-color: getCssVar("color", "fill-2");
       cursor: not-allowed;
-      &:hover {
-        background-color: getCssVar("color", "fill-2");
-        border-color: getCssVar("color", "fill-2");
+      @include be(input-tag, inner) {
+        color: getCssVar("color", "text-3");
+      }
+      @include this-be(input-tag, wrapper) {
+        background-color: getCssVar("color", "bg-2");
+        border: 1px solid getCssVar("color", "fill-3");
+        &:hover {
+          background-color: getCssVar("color", "bg-2");
+          border: 1px solid getCssVar("color", "fill-3");
+        }
+        @include when(filled) {
+          background-color: getCssVar("color", "fill-1");
+          border: 1px solid getCssVar("color", "fill-1");
+          &:hover {
+            background-color: getCssVar("color", "fill-1");
+            border: 1px solid getCssVar("color", "fill-1");
+          }
+        }
       }
     }
     @include when(error) {

package/dist/es/theme/components/input.scss

@@ -23,6 +23,15 @@
       @include be(input, inner) {
         color: getCssVar("color", "text-3");
       }
+      @include be(input, prepend) {
+        color: getCssVar("color", "text-3");
+      }
+      @include be(input, append) {
+        color: getCssVar("color", "text-3");
+      }
+      @include be(input, inner) {
+        color: getCssVar("color", "text-3");
+      }
       @include this-be(input, wrapper) {
         background-color: getCssVar("color", "bg-2");
         border: 1px solid getCssVar("color", "fill-3");

package/dist/es/theme/components/select.scss

@@ -5,6 +5,12 @@
 @include b(select) {
   display: inline-flex;
 
+  @include when(disabled) {
+    @include be(select, suffix-icon) {
+      color: getCssVar("color", "text-3");
+    }
+  }
+
   @include when(readonly) {
     cursor: pointer;
   }
@@ -20,10 +26,14 @@
 
   @each $size in $size-list {
     @include m(#{$size}) {
-      height: getCssVar("size", $size);
       @include be(select, wrapper) {
         border-radius: getCssVar("radius", $size);
       }
+
+      @include be(select, tags-wrapper) {
+        min-height: getCssVar("size", $size);
+        border-radius: getCssVar("radius", $size);
+      }
     }
     @include m(list-#{$size}) {
       @include be(select, item) {
@@ -45,7 +55,6 @@
     cursor: pointer;
     transition: border-color 0.2s;
     box-sizing: border-box;
-    min-height: getCssVar("size", "medium");
 
     &:hover {
       border-color: getCssVar("color", "fill-4");
@@ -95,7 +104,7 @@
     min-width: 0;
   }
 
-  @include e(input) {
+  @include e(inner) {
     border: none;
     outline: none;
     background: transparent;

package/dist/es/theme/components/textarea.scss

@@ -28,12 +28,25 @@
       border-color: getCssVar("color", "primary-6");
     }
     @include when(disabled) {
-      background-color: getCssVar("color", "fill-2");
-      border-color: getCssVar("color", "fill-2");
       cursor: not-allowed;
-      &:hover {
-        background-color: getCssVar("color", "fill-2");
-        border-color: getCssVar("color", "fill-2");
+      @include be(input, inner) {
+        color: getCssVar("color", "text-3");
+      }
+      @include this-be(input, wrapper) {
+        background-color: getCssVar("color", "bg-2");
+        border: 1px solid getCssVar("color", "fill-3");
+        &:hover {
+          background-color: getCssVar("color", "bg-2");
+          border: 1px solid getCssVar("color", "fill-3");
+        }
+        @include when(filled) {
+          background-color: getCssVar("color", "fill-1");
+          border: 1px solid getCssVar("color", "fill-1");
+          &:hover {
+            background-color: getCssVar("color", "fill-1");
+            border: 1px solid getCssVar("color", "fill-1");
+          }
+        }
       }
     }
     @include when(error) {

package/dist/json/web-types.json

@@ -2,7 +2,7 @@
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "framework": "vue",
   "name": "savor-ui",
-  "version": "0.14.0",
+  "version": "0.14.1",
   "contributions": {
     "html": {
       "types-syntax": "typescript",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "savor-ui",
-  "version": "0.14.1",
+  "version": "0.14.2",
   "description": "A Vue3 Components Library",
   "keywords": [
     "component library",