savor-ui 0.6.1 → 0.7.0

package/CHANGELOG.md

@@ -2,6 +2,26 @@
 
 
 
+# [0.7.0](https://gitee.com/mach552/savor-ui/compare/v0.6.1...v0.7.0) (2026-06-30)
+
+
+### Bug Fixes
+
+* **card:** 调整样式 ([45b7155](https://gitee.com/mach552/savor-ui/commits/45b71559882ce9afcb64df0a5add0f34378d2da2))
+* **descriptions:** 修复content没有内容时高度与label不一致问题 ([708f974](https://gitee.com/mach552/savor-ui/commits/708f9745c295ca66421c4954692e02f22d9e3f86))
+* **menu:** 调整样式 ([2817e6a](https://gitee.com/mach552/savor-ui/commits/2817e6a361b0aa9cd90a46d936300871b45bdced))
+* **scrollbar:** 调整样式 ([054eb92](https://gitee.com/mach552/savor-ui/commits/054eb929aca527c2d7db95718ceed59d2baa5e19))
+* **tree:** 修复高度无法异步更新的问题 ([5884a9a](https://gitee.com/mach552/savor-ui/commits/5884a9aac150429ce6913433d0ff588736f5d132))
+
+
+### Features
+
+* **button:** 新增轮廓和次要按钮 ([5d48f25](https://gitee.com/mach552/savor-ui/commits/5d48f2594010079e9b5d67af9356580bcef085ee))
+* **highlight:** 新增高亮文本组件 ([8a53e5e](https://gitee.com/mach552/savor-ui/commits/8a53e5eaf8a74a2fa5ce1d624e60a7c70a7d87c4))
+* **steps:** 新增步骤条组件 ([790465f](https://gitee.com/mach552/savor-ui/commits/790465f686ed5dc8ff30c8574f888d11f74af51b))
+* **tag:** 新增多种类型 ([a448e67](https://gitee.com/mach552/savor-ui/commits/a448e678c48abf159f2c41256a0cd7c702df727d))
+* **virtual-list:** 新增虚拟列表组件 ([bdf0dda](https://gitee.com/mach552/savor-ui/commits/bdf0dda038f1e5052e1feb058279183d5aaac706))
+
 ## [0.6.1](https://gitee.com/mach552/savor-ui/compare/v0.6.0...v0.6.1) (2026-06-26)
 
 

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

@@ -25,6 +25,7 @@ export * from './src/expand-card';
 export * from './src/form';
 export * from './src/galleria';
 export * from './src/grid';
+export * from './src/highlight';
 export * from './src/icon';
 export * from './src/image';
 export * from './src/input';
@@ -49,6 +50,7 @@ export * from './src/select';
 export * from './src/skeleton';
 export * from './src/space';
 export * from './src/statistic';
+export * from './src/steps';
 export * from './src/switch';
 export * from './src/table';
 export * from './src/tabs';
@@ -60,6 +62,7 @@ export * from './src/tooltip';
 export * from './src/transition';
 export * from './src/tree';
 export * from './src/upload';
+export * from './src/virtual-list';
 export * from './src/waterfall';
 export * from './src/watermark';
 export * from './src/wheel';

package/dist/es/components/index.mjs

@@ -42,6 +42,7 @@ import "./src/expand-card/index.mjs";
 import "./src/galleria/index.mjs";
 import "./src/grid/types.mjs";
 import "./src/grid/index.mjs";
+import "./src/highlight/index.mjs";
 import "./src/image/types.mjs";
 import "./src/image/index.mjs";
 import "./src/input-number/index.mjs";
@@ -67,6 +68,7 @@ import "./src/segmented/index.mjs";
 import "./src/skeleton/index.mjs";
 import "./src/space/index.mjs";
 import "./src/statistic/index.mjs";
+import "./src/steps/index.mjs";
 import "./src/switch/index.mjs";
 import "./src/table/types.mjs";
 import "./src/table/index.mjs";
@@ -79,6 +81,7 @@ import "./src/timeline/index.mjs";
 import "./src/tree/types.mjs";
 import "./src/tree/index.mjs";
 import "./src/upload/index.mjs";
+import "./src/virtual-list/index.mjs";
 import "./src/waterfall/index.mjs";
 import "./src/watermark/index.mjs";
 import "./src/wheel/index.mjs";

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

@@ -20,7 +20,8 @@ var y = g("<div>"), b = g(" "), x = g("<button>", 1), S = /*@__PURE__*/ c({
 		block: { type: Boolean },
 		text: { type: Boolean },
 		link: { type: Boolean },
-		secondary: { type: Boolean }
+		secondary: { type: Boolean },
+		outline: { type: Boolean }
 	},
 	setup(c, { slots: g }) {
 		let S = c, C = e("button"), w = l(n, void 0), T = r(() => w?.size?.value || S.size), E = x();
@@ -37,7 +38,8 @@ var y = g("<div>"), b = g(" "), x = g("<button>", 1), S = /*@__PURE__*/ c({
 				e.is("link", c.link),
 				e.is("disabled", t),
 				e.is("loading", n),
-				e.is("only-icon", !g.default && !c.label)
+				e.is("only-icon", !g.default && !c.label),
+				e.is("outline", c.outline)
 			]), m(E, "disabled", t || n), d(E, "html-type", c.htmlType);
 		}), p(E, null, 0), o(() => (g.icon || c.icon) && !c.loading, () => {
 			let e = y();

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

@@ -18,6 +18,7 @@ export declare const SButton: ((__VLS_props: NonNullable<Awaited<typeof __VLS_se
         text?: boolean | undefined;
         link?: boolean | undefined;
         secondary?: boolean | undefined;
+        outline?: boolean | undefined;
     } & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;
     } ? P : {});

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

@@ -30,6 +30,8 @@ export interface ButtonProps {
     link?: boolean;
     /** 是否为次要按钮 */
     secondary?: boolean;
+    /** 是否为轮廓按钮 */
+    outline?: boolean;
 }
 export interface ButtonSlots {
     /** 默认 */

package/dist/es/components/src/descriptions/descriptions-item.vue_vue_type_script_setup_true_vapor_true_lang.mjs

@@ -29,17 +29,17 @@ var y = h(" "), b = h("<div><div></div><div>", 1), x = /*@__PURE__*/ a({
 			if (!S?.positionList) return {
 				gridColumn: `span ${h.span}`,
 				display: "flex",
-				alignItems: "flex-start"
+				alignItems: "stretch"
 			};
 			let e = S.positionList.value[C];
 			return e ? {
 				gridColumn: `${e.start} / ${e.end}`,
 				display: "flex",
-				alignItems: "flex-start"
+				alignItems: "stretch"
 			} : {
 				gridColumn: `span ${h.span}`,
 				display: "flex",
-				alignItems: "flex-start"
+				alignItems: "stretch"
 			};
 		}), T = r(() => {
 			let e = S?.labelAlign || h.labelAlign, t = S?.labelWidth, n = h.labelWidth || t, r = {

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

@@ -1,21 +1,23 @@
 import { useNamespace as e } from "../../../hooks/src/use-namespace.mjs";
 import "../../../hooks/index.mjs";
-import { child as t, createSlot as n, defineVaporComponent as r, next as i, renderEffect as a, setClass as o, setInsertionState as s, setText as c, template as l, toDisplayString as u, unref as d } from "vue";
+import t from "../../../icons/src/empty.vue.mjs";
+import "../../../icons/index.mjs";
+import { child as n, createComponent as r, createSlot as i, defineVaporComponent as a, next as o, renderEffect as s, setClass as c, setInsertionState as l, setText as u, template as d, toDisplayString as f, unref as p } from "vue";
 //#region ../components/src/empty/empty.vue?vue&type=script&setup=true&vapor=true&lang.ts
-var f = l("<span><svg class=icon height=128 p-id=9909 t=1769520360749 version=1.1 viewBox=\"0 0 1024 1024\"width=128 xmlns=http://www.w3.org/2000/svg xmlns:xlink=http://www.w3.org/1999/xlink><path d=\"M193.8 136.7h636.4v539.5H193.8z\"fill=#F6FBFB p-id=9910></path><path d=\"M762.3 365.4H261.7c-14.3 0-25.8 11.6-25.8 25.8v222.9c0 14.3 11.6 25.8 25.8 25.8h500.7c14.3 0 25.8-11.6 25.8-25.8V391.2c0-14.3-11.6-25.8-25.9-25.8z\"fill=#C6D7DE p-id=9911></path><path d=\"M0 811.8a512 168 0 1 0 1024 0 512 168 0 1 0-1024 0Z\"fill=#F8FAFA p-id=9912></path><path d=\"M859.3 488.8H164.7c-14.3 0-25.8 11.6-25.8 25.8v323c0 14.3 11.6 25.8 25.8 25.8h694.5c14.3 0 25.8-11.6 25.8-25.8v-323c0.1-14.2-11.5-25.8-25.7-25.8z\"fill=#E8EDF3 p-id=9913></path><path d=\"M598.4 637.4H425.6c-7.1 0-12.9 5.8-12.9 12.9V702c0 7.1 5.8 12.9 12.9 12.9h172.8c7.1 0 12.9-5.8 12.9-12.9v-51.7c0-7.1-5.8-12.9-12.9-12.9z\"fill=#D8DFEA p-id=9914></path><path d=\"M860.9 74.2H163.1c-14.3 0-25.8 11.6-25.8 25.8v99.3c0 14.3 11.6 25.8 25.8 25.8h697.7c14.3 0 25.8-11.6 25.8-25.8V100c0.1-14.2-11.5-25.8-25.7-25.8z\"fill=#E8EDF3 p-id=9915></path><path d=\"M591.1 151.7m-25.8 0a25.8 25.8 0 1 0 51.6 0 25.8 25.8 0 1 0-51.6 0Z\"fill=#808182 p-id=9916></path><path d=\"M697.7 151.7m-25.8 0a25.8 25.8 0 1 0 51.6 0 25.8 25.8 0 1 0-51.6 0Z\"fill=#DD5041 p-id=9917></path><path d=\"M802.7 151.7m-25.8 0a25.8 25.8 0 1 0 51.6 0 25.8 25.8 0 1 0-51.6 0Z\"fill=#E3A64C p-id=9918>", 2), p = l(" "), m = l("<div><div></div><div>", 1), h = /*@__PURE__*/ r({
+var m = d(" "), h = d("<div><div></div><div>", 1), g = /*@__PURE__*/ a({
 	name: "SEmpty",
 	__name: "empty",
 	props: { description: {} },
-	setup(r) {
-		let l = e("empty"), h = m(), g = t(h), _ = i(g, 1);
-		return a(() => {
-			let e = d(l);
-			o(h, [e.b()]), o(g, [e.e("image")]);
-		}), s(g, null, 0), n("image", null, () => f()), a(() => o(_, [d(l).e("description")])), s(_, null, 0), n("description", null, () => {
-			let e = p();
-			return a(() => c(e, u(r.description || "暂无数据"))), e;
-		}), h;
+	setup(a) {
+		let d = e("empty"), g = h(), _ = n(g), v = o(_, 1);
+		return s(() => {
+			let e = p(d);
+			c(g, [e.b()]), c(_, [e.e("image")]);
+		}), l(_, null, 0), i("image", null, () => r(p(t))), s(() => c(v, [p(d).e("description")])), l(v, null, 0), i("description", null, () => {
+			let e = m();
+			return s(() => u(e, f(a.description || "暂无数据"))), e;
+		}), g;
 	}
 });
 //#endregion
-export { h as default };
+export { g as default };

package/dist/es/components/src/highlight/highlight.d.ts

@@ -0,0 +1,20 @@
+import { HighlightProps, HighlightSlots } 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<HighlightProps> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: {}) => void;
+    attrs: any;
+    slots: HighlightSlots;
+    emit: {};
+}>) => VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
+    [K in keyof T as K]: T[K];
+}) & {};

package/dist/es/components/src/highlight/highlight.vue.mjs

@@ -0,0 +1,5 @@
+import e from "./highlight.vue_vue_type_script_setup_true_vapor_true_lang.mjs";
+//#region ../components/src/highlight/highlight.vue
+var t = e;
+//#endregion
+export { t as default };

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

@@ -0,0 +1,45 @@
+import { useNamespace as e } from "../../../hooks/src/use-namespace.mjs";
+import "../../../hooks/index.mjs";
+import { computed as t, createFor as n, createIf as r, createSlot as i, defineVaporComponent as a, renderEffect as o, setClass as s, setInsertionState as c, setText as l, template as u, toDisplayString as d, unref as f } from "vue";
+//#region ../components/src/highlight/highlight.vue?vue&type=script&setup=true&vapor=true&lang.ts
+var p = u(" "), m = u("<span>"), h = u("<div>", 1), g = /*@__PURE__*/ a({
+	name: "SHighlight",
+	__name: "highlight",
+	props: {
+		content: { default: "" },
+		keyWords: { default: () => [] },
+		ignoreCase: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	setup(a) {
+		let u = a, g = e("highlight"), _ = (e) => e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), v = t(() => {
+			let e = u.keyWords.map((e) => e.trim()).filter(Boolean);
+			if (!e.length) return null;
+			let t = e.sort((e, t) => t.length - e.length).map(_).join("|"), n = u.ignoreCase ? "ig" : "g";
+			return RegExp(`(${t})`, n);
+		}), y = t(() => {
+			let e = u.content, t = v.value;
+			return !t || !e ? [{
+				isKey: !1,
+				text: e
+			}] : e.split(t).map((e) => ({
+				text: e,
+				isKey: t.test(e)
+			}));
+		}), b = h();
+		return o(() => s(b, [f(g).b()])), c(b, null, 0), n(() => y.value, (e, t) => r(() => e.value.text, () => {
+			let t = m();
+			return o(() => s(t, [e.value.isKey && f(g).e("key-word")])), c(t, null, 0), r(() => e.value.isKey, () => i("light", { text: () => e.value.text }, () => {
+				let t = p();
+				return o(() => l(t, d(e.value.text))), t;
+			}), () => i("default", { text: () => e.value.text }, () => {
+				let t = p();
+				return o(() => l(t, d(e.value.text))), t;
+			}), 261), t;
+		}, null, 10), (e, t) => `${e.text}-${t}`, 17), b;
+	}
+});
+//#endregion
+export { g as default };

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

@@ -0,0 +1,22 @@
+import { HighlightSlots } from './types';
+import { PublicProps, VNode, Plugin } from 'vue';
+export declare const SHighlight: ((__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: {
+    attrs: any;
+    slots: HighlightSlots;
+    emit: {};
+}, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: PublicProps & {
+        content?: string | undefined;
+        keyWords?: string[] | undefined;
+        ignoreCase?: boolean | undefined;
+    } & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: {}) => void;
+    attrs: any;
+    slots: HighlightSlots;
+    emit: {};
+}>) => VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+}) & Plugin;
+export * from './types';

package/dist/es/components/src/highlight/index.mjs

@@ -0,0 +1,7 @@
+import { withInstall as e } from "../../../utils/src/install.mjs";
+import "../../../utils/index.mjs";
+import t from "./highlight.vue.mjs";
+//#region ../components/src/highlight/index.ts
+var n = e(t);
+//#endregion
+export { n as SHighlight };

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

@@ -0,0 +1,18 @@
+export interface HighlightProps {
+    /** 要高亮的内容 */
+    content?: string;
+    /** 要高亮的关键词 */
+    keyWords?: string[];
+    /** 是否忽略大小写 */
+    ignoreCase?: boolean;
+}
+export interface HighlightSlots {
+    /** 未高亮内容 */
+    default?: (props: {
+        text: string;
+    }) => any;
+    /** 高亮内容 */
+    light?: (props: {
+        text: string;
+    }) => any;
+}

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

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

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

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

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

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

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

@@ -58,7 +58,7 @@ var C = v("<div>"), w = v("<div>", 1), T = /*@__PURE__*/ l({
 		return p(() => {
 			let e = b(E);
 			m(B, [e.b(), e.m(b(F))]), _(B, D.value);
-		}), h(B, null, 0), s(() => b(F) === "vertical", () => o(b(r), { padding: "8px" }, () => {
+		}), h(B, null, 0), s(() => b(F) === "vertical", () => o(b(r), { padding: "4px" }, () => {
 			let e = C();
 			return p(() => m(e, [b(E).e("content")])), h(e, null, 0), c(), e;
 		})), h(B, null, 1), s(() => b(F) === "horizontal", () => {

package/dist/es/components/src/menu/sub-menu.vue_vue_type_script_setup_true_vapor_true_lang.mjs

@@ -82,7 +82,7 @@ var N = /*@__PURE__*/ m({
 			let e = u(D(i), {
 				manual: "",
 				placement: () => D(F)?.mode.value === "horizontal" ? "bottom-start" : "right-start",
-				offset: [0, 4],
+				offset: [0, 8],
 				onClickOutside: () => W
 			}, {
 				content: () => d(() => D(F)?.mode.value === "horizontal" && h.subContent, () => {

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

@@ -11,10 +11,6 @@ export declare const SModal: ((__VLS_props: NonNullable<Awaited<typeof __VLS_set
         modalValue?: boolean | undefined;
         width?: string | number | undefined;
         height?: string | number | undefined;
-        minWidth?: number | undefined;
-        minHeight?: number | undefined;
-        maxWidth?: number | undefined;
-        maxHeight?: number | undefined;
         title?: string | undefined;
         fullscreen?: boolean | undefined;
         fullable?: boolean | undefined;
@@ -32,7 +28,6 @@ export declare const SModal: ((__VLS_props: NonNullable<Awaited<typeof __VLS_set
         mask?: boolean | undefined;
         to?: (string | HTMLElement) | undefined;
         draggable?: boolean | undefined;
-        resizable?: boolean | undefined;
         modalStyle?: Record<string, string> | undefined;
         maskStyle?: Record<string, string> | undefined;
         center?: boolean | undefined;