savor-ui 0.13.0 → 0.13.1

package/CHANGELOG.md

@@ -2,6 +2,13 @@
 
 
 
+## [0.13.1](https://gitee.com/mach552/savor-ui/compare/v0.13.0...v0.13.1) (2026-07-22)
+
+
+### Bug Fixes
+
+* **text:** 修复没有省略号时tooltip依然显示的问题 ([114f945](https://gitee.com/mach552/savor-ui/commits/114f9454df35f978ba720fe050bfaf823fffcba3))
+
 # [0.13.0](https://gitee.com/mach552/savor-ui/compare/v0.12.2...v0.13.0) (2026-07-22)
 
 

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

@@ -7,7 +7,7 @@ export declare const STag: ((__VLS_props: NonNullable<Awaited<typeof __VLS_setup
 }, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: PublicProps & {
         type?: "default" | "primary" | "success" | "warning" | "danger" | "info" | undefined;
-        size?: "small" | "medium" | "large" | undefined;
+        size?: "tiny" | "mini" | "small" | "medium" | "large" | undefined;
         closeable?: boolean | undefined;
         color?: string | undefined;
         effect?: "filled" | "solid" | "outline" | undefined;

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

@@ -11,7 +11,7 @@ var _ = /*@__PURE__*/ s({
 	__name: "tag",
 	props: {
 		type: { default: "default" },
-		size: { default: "medium" },
+		size: { default: "mini" },
 		closeable: { type: Boolean },
 		color: {},
 		effect: { default: "filled" }

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

@@ -6,7 +6,7 @@ export interface TagProps {
     /** 标签大小
      * @default medium
      */
-    size?: "small" | "medium" | "large";
+    size?: "tiny" | "mini" | "small" | "medium" | "large";
     /** 是否显示关闭按钮 */
     closeable?: boolean;
     /** 标签颜色 */

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

@@ -6,11 +6,11 @@ import r from "../../../icons/src/edit.vue.mjs";
 import "../../../icons/index.mjs";
 import { STooltip as i } from "../tooltip/index.mjs";
 import { SInput as a } from "../input/index.mjs";
-import { computed as o, createComponent as s, createDynamicComponent as c, createIf as l, createInvoker as u, createSlot as d, createTemplateRefSetter as f, defineVaporComponent as p, delegateEvents as m, mergeModels as h, nextTick as g, ref as _, renderEffect as v, setClass as y, setInsertionState as b, setStyle as x, setText as S, template as C, toDisplayString as w, txt as T, unref as E, useModel as D, useTemplateRef as O } from "vue";
+import { computed as o, createComponent as s, createDynamicComponent as c, createIf as l, createInvoker as u, createSlot as d, createTemplateRefSetter as f, defineVaporComponent as p, delegateEvents as m, mergeModels as h, nextTick as g, ref as _, renderEffect as v, setClass as y, setInsertionState as b, setStyle as x, setText as S, template as C, toDisplayString as w, txt as T, unref as E, useModel as D, useTemplateRef as O, watch as k, watchPostEffect as A } from "vue";
 //#region ../components/src/text/text.vue?vue&type=script&setup=true&vapor=true&lang.ts
-var k = C("<div>"), A = C(" "), j = C("<div></div>"), M = C("<div> </div>"), N = C("<div> ");
+var j = C("<div>"), M = C(" "), N = C("<div></div>"), P = C("<div> </div>"), F = C("<div> ");
 m("click");
-var P = /*@__PURE__*/ p({
+var I = /*@__PURE__*/ p({
 	name: "SText",
 	__name: "text",
 	props: /*@__PURE__*/ h({
@@ -30,15 +30,35 @@ var P = /*@__PURE__*/ p({
 	}),
 	emits: ["update:modelValue"],
 	setup(p) {
-		let m = p, h = e("text"), C = D(p, "modelValue"), P = O("labelRef"), F = o(() => ({ "-webkit-line-clamp": m.lineClamp })), I = _(!1), L = O("inputRef"), R = () => {
-			I.value = !0, g(() => L.value?.focus());
-		}, z = () => {
-			I.value = !1;
-		}, B = _(!1), V = async () => {
-			await H(m.label || P.value?.textContent || ""), B.value = !0, setTimeout(() => {
-				B.value = !1;
+		let m = p, h = e("text"), C = D(p, "modelValue"), I = O("labelRef"), L = o(() => ({ "-webkit-line-clamp": m.lineClamp })), R = _(!1), z = () => {
+			let e = I.value;
+			if (!e) {
+				R.value = !1;
+				return;
+			}
+			R.value = e.scrollWidth > e.clientWidth || e.scrollHeight > e.clientHeight;
+		};
+		A((e) => {
+			let t = I.value;
+			if (!t || typeof ResizeObserver > "u") return;
+			z();
+			let n = new ResizeObserver(z);
+			n.observe(t), e(() => n.disconnect());
+		}), k(() => [
+			m.label,
+			m.ellipsis,
+			m.lineClamp,
+			C.value
+		], () => g(z));
+		let B = _(!1), V = O("inputRef"), H = () => {
+			B.value = !0, g(() => V.value?.focus());
+		}, U = () => {
+			B.value = !1;
+		}, W = _(!1), G = async () => {
+			await K(m.label || I.value?.textContent || ""), W.value = !0, setTimeout(() => {
+				W.value = !1;
 			}, 3e3);
-		}, H = async (e) => {
+		}, K = async (e) => {
 			try {
 				if (navigator.clipboard && window.isSecureContext) return await navigator.clipboard.writeText(e), !0;
 			} catch (e) {
@@ -52,7 +72,7 @@ var P = /*@__PURE__*/ p({
 			} catch (e) {
 				return console.error("复制失败:", e), !1;
 			}
-		}, U = f();
+		}, q = f();
 		return c(() => p.tag, { class: () => [
 			E(h).b(),
 			E(h).m(p.type),
@@ -60,92 +80,98 @@ var P = /*@__PURE__*/ p({
 			E(h).is("edit", p.edit)
 		] }, () => [l(() => !p.edit, () => [
 			l(() => p.bar, () => {
-				let e = k();
+				let e = j();
 				return v(() => y(e, [E(h).e("bar")])), e;
 			}, null, 129),
-			l(() => p.tooltip, () => s(E(i), null, {
+			l(() => p.tooltip, () => s(E(i), {
+				mini: "",
+				disabled: () => !R.value
+			}, {
 				content: () => {
-					let e = A();
-					return v(() => S(e, w(p.label || P.value?.textContent))), e;
+					let e = M();
+					return v(() => S(e, w(p.label || I.value?.textContent))), e;
 				},
 				default: () => {
-					let e = j();
+					let e = N();
 					return v(() => {
 						let t = E(h);
 						y(e, [
 							t.e("label"),
 							t.is("ellipsis", p.ellipsis),
 							t.is("line-clamp", !!p.lineClamp)
-						]), x(e, F.value);
+						]), x(e, L.value);
 					}), b(e, null, 0), d("default", null, () => {
-						let e = A();
+						let e = M();
 						return v(() => S(e, w(p.label))), e;
-					}), U(e, P, null, "labelRef"), e;
+					}), q(e, I, null, "labelRef"), e;
 				}
 			}), () => {
-				let e = k();
+				let e = j();
 				return v(() => {
 					let t = E(h);
 					y(e, [
 						t.e("label"),
 						t.is("ellipsis", p.ellipsis),
 						t.is("line-clamp", !!p.lineClamp)
-					]), x(e, F.value);
+					]), x(e, L.value);
 				}), b(e, null, 0), d("default", null, () => {
-					let e = A();
+					let e = M();
 					return v(() => S(e, w(p.label))), e;
-				}), U(e, P, null, "labelRef"), e;
+				}), q(e, I, null, "labelRef"), e;
 			}, 645),
-			l(() => p.copy && !B.value, () => {
-				let e = k();
-				return v(() => y(e, [E(h).e("copy-icon")])), b(e, null, 0), s(E(n)), e.$evtclick = u(V), e;
+			l(() => p.copy && !W.value, () => {
+				let e = j();
+				return v(() => y(e, [E(h).e("copy-icon")])), b(e, null, 0), s(E(n)), e.$evtclick = u(G), e;
 			}, null, 129),
-			l(() => p.copy && B.value, () => {
-				let e = k();
+			l(() => p.copy && W.value, () => {
+				let e = j();
 				return v(() => y(e, [E(h).e("copy-done")])), b(e, null, 0), s(E(t)), e;
 			}, null, 129)
 		], null, 130), l(() => p.edit, () => {
-			let e = k();
-			return v(() => y(e, [E(h).e("edit")])), b(e, null, 0), l(() => I.value, () => {
+			let e = j();
+			return v(() => y(e, [E(h).e("edit")])), b(e, null, 0), l(() => B.value, () => {
 				let e = s(E(a), {
 					modelValue: () => C.value,
 					"onUpdate:modelValue": () => (e) => C.value = e,
 					size: () => p.size,
-					onBlur: () => z
+					onBlur: () => U
 				});
-				return U(e, L, null, "inputRef"), e;
-			}, () => [l(() => p.tooltip, () => s(E(i), null, {
+				return q(e, V, null, "inputRef"), e;
+			}, () => [l(() => p.tooltip, () => s(E(i), {
+				mini: "",
+				disabled: () => !R.value
+			}, {
 				content: () => {
-					let e = A();
-					return v(() => S(e, w(C.value || P.value?.textContent))), e;
+					let e = M();
+					return v(() => S(e, w(C.value || I.value?.textContent))), e;
 				},
 				default: () => {
-					let e = M(), t = T(e);
-					return U(e, P, null, "labelRef"), v(() => {
+					let e = P(), t = T(e);
+					return q(e, I, null, "labelRef"), v(() => {
 						let n = E(h);
 						y(e, [
 							n.e("label"),
 							n.is("ellipsis", p.ellipsis),
 							n.is("line-clamp", !!p.lineClamp)
-						]), x(e, F.value), S(t, w(C.value));
+						]), x(e, L.value), S(t, w(C.value));
 					}), e;
 				}
 			}), () => {
-				let e = N(), t = T(e);
+				let e = F(), t = T(e);
 				return v(() => {
 					let n = E(h);
 					y(e, [
 						n.e("label"),
 						n.is("ellipsis", p.ellipsis),
 						n.is("line-clamp", !!p.lineClamp)
-					]), x(e, F.value), S(t, w(C.value));
+					]), x(e, L.value), S(t, w(C.value));
 				}), e;
-			}, 1797), l(() => !I.value, () => {
-				let e = k();
-				return v(() => y(e, [E(h).e("edit-icon")])), b(e, null, 0), s(E(r)), e.$evtclick = u(R), e;
+			}, 1797), l(() => !B.value, () => {
+				let e = j();
+				return v(() => y(e, [E(h).e("edit-icon")])), b(e, null, 0), s(E(r)), e.$evtclick = u(H), e;
 			})], 1545), e;
 		}, null, 129)], 1);
 	}
 });
 //#endregion
-export { P as default };
+export { I as default };

package/dist/es/hooks/src/use-theme.d.ts

@@ -35,6 +35,7 @@ export declare function useTheme(options?: UseThemeOptions): {
         sizeSmall?: string | undefined;
         sizeMedium?: string | undefined;
         sizeLarge?: string | undefined;
+        fontSizeTiny?: string | undefined;
         fontSizeMini?: string | undefined;
         fontSizeSmall?: string | undefined;
         fontSizeMedium?: string | undefined;
@@ -85,6 +86,7 @@ export declare function useTheme(options?: UseThemeOptions): {
         sizeSmall?: string | undefined;
         sizeMedium?: string | undefined;
         sizeLarge?: string | undefined;
+        fontSizeTiny?: string | undefined;
         fontSizeMini?: string | undefined;
         fontSizeSmall?: string | undefined;
         fontSizeMedium?: string | undefined;

package/dist/es/theme/common/var.scss

@@ -1,2 +1,2 @@
-$size-list: mini, small, medium, large;
+$size-list: tiny, mini, small, medium, large;
 $type-list: primary, success, warning, danger, info;

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

@@ -6,14 +6,12 @@
   display: flex;
   align-items: center;
 
-  // 所有支持的组件：非首项向左偏移 1px，使相邻边框重叠，合并为单条边框
   > .s-input,
   > .s-input-number,
   > .s-select,
   > .s-cascader,
   > .s-auto-complete,
   > .s-button,
-  > .s-color-picker,
   > .s-date-picker,
   > .s-datetime-picker,
   > .s-input-tag,
@@ -23,8 +21,6 @@
     }
   }
 
-  // 边框载体为 .s-input__wrapper：input / select(单选) / cascader / auto-complete / tree-select(单选)
-  // 这些组件均支持 filled 模式（经 SInput 处理）；非 filled 自身 hover 边框为 fill-4
   > .s-input,
   > .s-select,
   > .s-cascader,
@@ -34,12 +30,9 @@
       @include be(input, wrapper) {
         border-top-left-radius: 0;
         border-bottom-left-radius: 0;
-        // 左边框透明，露出上一个组件的右边框作为共用边框
         border-left-color: transparent;
-        // 避免自身背景覆盖上一个组件的右边框
         background-clip: padding-box;
       }
-      // 非 filled：hover 左边框 fill-4，focus-within 左边框 primary-5
       &:hover {
         @include be(input, wrapper) {
           border-left-color: getCssVar("color", "fill-4");
@@ -50,8 +43,6 @@
           border-left-color: getCssVar("color", "primary-5");
         }
       }
-      // filled：hover 边框 = 背景色（fill-3），focus-within 边框 = primary-5
-      // 默认态左边框保持透明，由上一个组件的 filled 右边框（fill-3）提供分隔线
       &:hover {
         @include be(input, wrapper) {
           @include when(filled) {
@@ -71,13 +62,10 @@
       @include be(input, wrapper) {
         border-top-right-radius: 0;
         border-bottom-right-radius: 0;
-        // filled 模式下自身右边框为 fill-2（与背景同色），补一条 fill-3 右边框作为共用边框
-        // （下一个组件左边框透明，由本组件右边框提供分隔线，focus 时为 primary-5）
         @include when(filled) {
           border-right-color: getCssVar("color", "fill-3");
         }
       }
-      // filled：hover 边框 = 背景色（fill-3），focus-within 边框 = primary-5
       &:hover {
         @include be(input, wrapper) {
           @include when(filled) {
@@ -95,17 +83,14 @@
     }
   }
 
-  // select 多选：边框载体为 .s-select__tags-wrapper，支持 filled，非 filled 自身 hover 为 fill-4
   > .s-select {
     &:not(:first-child) {
       @include be(select, tags-wrapper) {
         border-top-left-radius: 0;
         border-bottom-left-radius: 0;
-        // 左边框透明，露出上一个组件的右边框作为共用边框
         border-left-color: transparent;
         background-clip: padding-box;
       }
-      // 非 filled：hover 左边框 fill-4，focus-within 左边框 primary-5
       &:hover {
         @include be(select, tags-wrapper) {
           border-left-color: getCssVar("color", "fill-4");
@@ -116,7 +101,6 @@
           border-left-color: getCssVar("color", "primary-5");
         }
       }
-      // filled：hover 边框 = 背景色（fill-3），focus-within 边框 = primary-5；默认态左边框透明
       &:hover {
         @include be(select, tags-wrapper) {
           @include when(filled) {
@@ -136,12 +120,10 @@
       @include be(select, tags-wrapper) {
         border-top-right-radius: 0;
         border-bottom-right-radius: 0;
-        // filled 模式下自身右边框为 fill-2（与背景同色），补一条 fill-3 右边框作为共用边框
         @include when(filled) {
           border-right-color: getCssVar("color", "fill-3");
         }
       }
-      // filled：hover 边框 = 背景色（fill-3），focus-within 边框 = primary-5
       &:hover {
         @include be(select, tags-wrapper) {
           @include when(filled) {
@@ -159,7 +141,6 @@
     }
   }
 
-  // input-number：边框载体为 .s-input-number__wrapper，支持 filled，非 filled 自身 hover 为 fill-4
   > .s-input-number {
     &:not(:first-child) {
       @include be(input-number, wrapper) {
@@ -169,7 +150,6 @@
         border-left-color: transparent;
         background-clip: padding-box;
       }
-      // 非 filled：hover 左边框 fill-4，focus-within 左边框 primary-5
       &:hover {
         @include be(input-number, wrapper) {
           border-left-color: getCssVar("color", "fill-4");
@@ -180,7 +160,6 @@
           border-left-color: getCssVar("color", "primary-5");
         }
       }
-      // filled：hover 边框 = 背景色（fill-3），focus-within 边框 = primary-5；默认态左边框透明
       &:hover {
         @include be(input-number, wrapper) {
           @include when(filled) {
@@ -200,12 +179,10 @@
       @include be(input-number, wrapper) {
         border-top-right-radius: 0;
         border-bottom-right-radius: 0;
-        // filled 模式下自身右边框为 fill-2（与背景同色），补一条 fill-3 右边框作为共用边框
         @include when(filled) {
           border-right-color: getCssVar("color", "fill-3");
         }
       }
-      // filled：hover 边框 = 背景色（fill-3），focus-within 边框 = primary-5
       &:hover {
         @include be(input-number, wrapper) {
           @include when(filled) {
@@ -223,17 +200,14 @@
     }
   }
 
-  // tree-select 多选：边框载体为 .s-tree-select__tags-wrapper，支持 filled，非 filled 自身 hover 为 fill-4
   > .s-tree-select {
     &:not(:first-child) {
       @include be(tree-select, tags-wrapper) {
         border-top-left-radius: 0;
         border-bottom-left-radius: 0;
-        // 左边框透明，露出上一个组件的右边框作为共用边框
         border-left-color: transparent;
         background-clip: padding-box;
       }
-      // 非 filled：hover 左边框 fill-4，focus-within 左边框 primary-5
       &:hover {
         @include be(tree-select, tags-wrapper) {
           border-left-color: getCssVar("color", "fill-4");
@@ -244,7 +218,6 @@
           border-left-color: getCssVar("color", "primary-5");
         }
       }
-      // filled：hover 边框 = 背景色（fill-3），focus-within 边框 = primary-5；默认态左边框透明
       &:hover {
         @include be(tree-select, tags-wrapper) {
           @include when(filled) {
@@ -264,12 +237,10 @@
       @include be(tree-select, tags-wrapper) {
         border-top-right-radius: 0;
         border-bottom-right-radius: 0;
-        // filled 模式下自身右边框为 fill-2（与背景同色），补一条 fill-3 右边框作为共用边框
         @include when(filled) {
           border-right-color: getCssVar("color", "fill-3");
         }
       }
-      // filled：hover 边框 = 背景色（fill-3），focus-within 边框 = primary-5
       &:hover {
         @include be(tree-select, tags-wrapper) {
           @include when(filled) {
@@ -287,17 +258,14 @@
     }
   }
 
-  // date-picker：边框载体为 .s-date-picker__wrapper，支持 filled，非 filled 自身 hover 为 fill-4
   > .s-date-picker {
     &:not(:first-child) {
       @include be(date-picker, wrapper) {
         border-top-left-radius: 0;
         border-bottom-left-radius: 0;
-        // 左边框透明，露出上一个组件的右边框作为共用边框
         border-left-color: transparent;
         background-clip: padding-box;
       }
-      // 非 filled：hover 左边框 fill-4，focus-within 左边框 primary-5
       &:hover {
         @include be(date-picker, wrapper) {
           border-left-color: getCssVar("color", "fill-4");
@@ -308,7 +276,6 @@
           border-left-color: getCssVar("color", "primary-5");
         }
       }
-      // filled：hover 边框 = 背景色（fill-3），focus-within 边框 = primary-5；默认态左边框透明
       &:hover {
         @include be(date-picker, wrapper) {
           @include when(filled) {
@@ -328,12 +295,10 @@
       @include be(date-picker, wrapper) {
         border-top-right-radius: 0;
         border-bottom-right-radius: 0;
-        // filled 模式下自身右边框为 fill-2（与背景同色），补一条 fill-3 右边框作为共用边框
         @include when(filled) {
           border-right-color: getCssVar("color", "fill-3");
         }
       }
-      // filled：hover 边框 = 背景色（fill-3），focus-within 边框 = primary-5
       &:hover {
         @include be(date-picker, wrapper) {
           @include when(filled) {
@@ -351,17 +316,14 @@
     }
   }
 
-  // datetime-picker：边框载体为 .s-datetime-picker__wrapper，支持 filled，非 filled 自身 hover 为 fill-4
   > .s-datetime-picker {
     &:not(:first-child) {
       @include be(datetime-picker, wrapper) {
         border-top-left-radius: 0;
         border-bottom-left-radius: 0;
-        // 左边框透明，露出上一个组件的右边框作为共用边框
         border-left-color: transparent;
         background-clip: padding-box;
       }
-      // 非 filled：hover 左边框 fill-4，focus-within 左边框 primary-5
       &:hover {
         @include be(datetime-picker, wrapper) {
           border-left-color: getCssVar("color", "fill-4");
@@ -372,7 +334,6 @@
           border-left-color: getCssVar("color", "primary-5");
         }
       }
-      // filled：hover 边框 = 背景色（fill-3），focus-within 边框 = primary-5；默认态左边框透明
       &:hover {
         @include be(datetime-picker, wrapper) {
           @include when(filled) {
@@ -392,12 +353,10 @@
       @include be(datetime-picker, wrapper) {
         border-top-right-radius: 0;
         border-bottom-right-radius: 0;
-        // filled 模式下自身右边框为 fill-2（与背景同色），补一条 fill-3 右边框作为共用边框
         @include when(filled) {
           border-right-color: getCssVar("color", "fill-3");
         }
       }
-      // filled：hover 边框 = 背景色（fill-3），focus-within 边框 = primary-5
       &:hover {
         @include be(datetime-picker, wrapper) {
           @include when(filled) {
@@ -415,17 +374,14 @@
     }
   }
 
-  // input-tag：边框载体为 .s-input-tag__wrapper，支持 filled，非 filled 自身 hover 为 fill-4
   > .s-input-tag {
     &:not(:first-child) {
       @include be(input-tag, wrapper) {
         border-top-left-radius: 0;
         border-bottom-left-radius: 0;
-        // 左边框透明，露出上一个组件的右边框作为共用边框
         border-left-color: transparent;
         background-clip: padding-box;
       }
-      // 非 filled：hover 左边框 fill-4，focus-within 左边框 primary-5
       &:hover {
         @include be(input-tag, wrapper) {
           border-left-color: getCssVar("color", "fill-4");
@@ -436,7 +392,6 @@
           border-left-color: getCssVar("color", "primary-5");
         }
       }
-      // filled：hover 边框 = 背景色（fill-3），focus-within 边框 = primary-5；默认态左边框透明
       &:hover {
         @include be(input-tag, wrapper) {
           @include when(filled) {
@@ -456,12 +411,10 @@
       @include be(input-tag, wrapper) {
         border-top-right-radius: 0;
         border-bottom-right-radius: 0;
-        // filled 模式下自身右边框为 fill-2（与背景同色），补一条 fill-3 右边框作为共用边框
         @include when(filled) {
           border-right-color: getCssVar("color", "fill-3");
         }
       }
-      // filled：hover 边框 = 背景色（fill-3），focus-within 边框 = primary-5
       &:hover {
         @include be(input-tag, wrapper) {
           @include when(filled) {
@@ -479,46 +432,12 @@
     }
   }
 
-  // color-picker：trigger 自身无边框，组内补一条边框以统一视觉；边框载体为 .s-color-picker__trigger
-  > .s-color-picker {
-    @include be(color-picker, trigger) {
-      border: 1px solid getCssVar("color", "fill-3");
-      background-clip: padding-box;
-      &:hover {
-        border-color: getCssVar("color", "fill-4");
-      }
-    }
-    &:not(:first-child) {
-      @include be(color-picker, trigger) {
-        border-top-left-radius: 0;
-        border-bottom-left-radius: 0;
-        // 左边框透明，露出上一个组件的右边框作为共用边框
-        border-left-color: transparent;
-        &:hover,
-        &:active {
-          border-left-color: getCssVar("color", "primary-5");
-        }
-      }
-    }
-    &:not(:last-child) {
-      @include be(color-picker, trigger) {
-        border-top-right-radius: 0;
-        border-bottom-right-radius: 0;
-      }
-    }
-  }
-
-  // button：边框载体为根节点 .s-button
   > .s-button {
     &:not(:first-child) {
       border-top-left-radius: 0;
       border-bottom-left-radius: 0;
       border-left-color: transparent;
       background-clip: padding-box;
-      &:hover,
-      &:active {
-        border-left-color: getCssVar("color", "primary-5");
-      }
     }
     &:not(:last-child) {
       border-top-right-radius: 0;

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

@@ -42,18 +42,12 @@
       }
     }
   }
-  @include m(small) {
-    height: getCssVar("size", "tiny");
-    line-height: getCssVar("size", "tiny");
-    font-size: getCssVar("font-size", "mini");
-  }
-  @include m(medium) {
-    height: getCssVar("size", "mini");
-    line-height: getCssVar("size", "mini");
-  }
-  @include m(large) {
-    height: getCssVar("size", "small");
-    line-height: getCssVar("size", "small");
+  @each $size in $size-list {
+    @include m(#{$size}) {
+      height: getCssVar("size", #{$size});
+      line-height: getCssVar("size", #{$size});
+      font-size: getCssVar("font-size", #{$size});
+    }
   }
   @include e(icon) {
     font-size: getCssVar("font-size", "mini");

package/dist/es/utils/src/theme/themeMap.mjs

@@ -41,6 +41,7 @@ var t = "s", n = [
 	sizeSmall: "28px",
 	sizeMedium: "32px",
 	sizeLarge: "36px",
+	fontSizeTiny: "12px",
 	fontSizeMini: "12px",
 	fontSizeSmall: "14px",
 	fontSizeMedium: "14px",

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.12.2",
+  "version": "0.13.0",
   "contributions": {
     "html": {
       "types-syntax": "typescript",
@@ -6036,7 +6036,7 @@
               "name": "size",
               "description": "标签大小",
               "value": {
-                "type": "small | medium | large",
+                "type": "tiny | mini | small | medium | large",
                 "kind": "expression"
               }
             },

package/package.json

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