savor-ui 0.21.0 → 0.22.0

package/CHANGELOG.md

@@ -2,6 +2,13 @@
 
 
 
+# [0.22.0](https://gitee.com/mach552/savor-ui/compare/v0.21.0...v0.22.0) (2026-08-17)
+
+
+### Features
+
+* **dropdown:** 新增子组件的`icon`属性 ([6539eb7](https://gitee.com/mach552/savor-ui/commits/6539eb71cd639cdb269922a69d6ca6c43a8c0401))
+
 # [0.21.0](https://gitee.com/mach552/savor-ui/compare/v0.20.1...v0.21.0) (2026-08-17)
 
 

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

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

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

@@ -1,5 +1,5 @@
 import { ButtonSlots, ButtonGroupSlots } from './types';
-import { PublicProps, Component, VNode, Plugin } from 'vue';
+import { PublicProps, VNode, Plugin } from 'vue';
 export declare const SButton: ((__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: {
     attrs: any;
     slots: ButtonSlots;
@@ -12,7 +12,7 @@ export declare const SButton: ((__VLS_props: NonNullable<Awaited<typeof __VLS_se
         label?: string | undefined;
         disabled?: boolean | undefined;
         loading?: boolean | undefined;
-        icon?: Component | undefined;
+        icon?: string | undefined;
         circle?: boolean | undefined;
         block?: boolean | undefined;
         text?: boolean | undefined;

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

@@ -1,4 +1,4 @@
-import { Component, InjectionKey, Ref } from 'vue';
+import { InjectionKey, Ref } from 'vue';
 export interface ButtonProps {
     /** 按钮类型
      * @default default
@@ -19,7 +19,7 @@ export interface ButtonProps {
     /** 是否加载中 */
     loading?: boolean;
     /** 按钮图标 */
-    icon?: Component;
+    icon?: string;
     /** 是否为圆形按钮 */
     circle?: boolean;
     /** 是否为块级按钮 */

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

@@ -1,33 +1,35 @@
 import { useNamespace as e } from "../../../hooks/src/use-namespace.mjs";
 import "../../../hooks/index.mjs";
-import { dropdownContextKey as t } from "./types.mjs";
-import { child as n, createIf as r, createInvoker as i, createSlot as a, defineVaporComponent as o, delegateEvents as s, inject as c, renderEffect as l, setClass as u, setInsertionState as d, setText as f, template as p, toDisplayString as m, unref as h } from "vue";
+import { SIcon as t } from "../icon/index.mjs";
+import { dropdownContextKey as n } from "./types.mjs";
+import { child as r, createComponent as i, createIf as a, createInvoker as o, createSlot as s, defineVaporComponent as c, delegateEvents as l, inject as u, renderEffect as d, setClass as f, setInsertionState as p, setText as m, template as h, toDisplayString as g, unref as _ } from "vue";
 //#region ../components/src/dropdown/doption.vue?vue&type=script&setup=true&vapor=true&lang.ts
-var g = p("<div>"), _ = p(" "), v = p("<div><div></div>", 1);
-s("click");
-var y = /*@__PURE__*/ o({
+var v = h("<div>"), y = h(" "), b = h("<div><div></div>", 1);
+l("click");
+var x = /*@__PURE__*/ c({
 	name: "SDoption",
 	__name: "doption",
 	props: {
 		title: {},
-		delayClose: { type: Boolean }
+		delayClose: { type: Boolean },
+		icon: {}
 	},
 	emits: ["click"],
-	setup(o, { emit: s, slots: p }) {
-		let y = o, b = s, x = e("droption"), S = c(t, void 0), C = async () => {
-			y.delayClose ? (await S?.itemClick?.(), b("click")) : (S?.itemClick?.(), b("click"));
-		}, w = v(), T = n(w, 1);
-		return l(() => u(w, [h(x).b()])), d(w, 0, 0), r(() => p.icon, () => {
-			let e = g();
-			return l(() => u(e, [h(x).e("icon")])), d(e, null, 0), a("icon"), e;
-		}), l(() => u(T, [h(x).e("title")])), d(T, null, 0), a("default", null, () => {
-			let e = _();
-			return l(() => f(e, m(o.title))), e;
-		}), d(w, null, 2), r(() => p.extra, () => {
-			let e = g();
-			return l(() => u(e, [h(x).e("extra")])), d(e, null, 0), a("extra"), e;
-		}), w.$evtclick = i(C), w;
+	setup(c, { emit: l, slots: h }) {
+		let x = c, S = l, C = e("droption"), w = u(n, void 0), T = async () => {
+			x.delayClose ? (await w?.itemClick?.(), S("click")) : (w?.itemClick?.(), S("click"));
+		}, E = b(), D = r(E, 1);
+		return d(() => f(E, [_(C).b()])), p(E, 0, 0), a(() => h.icon || c.icon, () => {
+			let e = v();
+			return d(() => f(e, [_(C).e("icon")])), p(e, null, 0), s("icon", null, () => i(_(t), { name: () => c.icon })), e;
+		}), d(() => f(D, [_(C).e("title")])), p(D, null, 0), s("default", null, () => {
+			let e = y();
+			return d(() => m(e, g(c.title))), e;
+		}), p(E, null, 2), a(() => h.extra, () => {
+			let e = v();
+			return d(() => f(e, [_(C).e("extra")])), p(e, null, 0), s("extra"), e;
+		}), E.$evtclick = o(T), E;
 	}
 });
 //#endregion
-export { y as default };
+export { x as default };

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

@@ -2,45 +2,47 @@ import { useNamespace as e } from "../../../hooks/src/use-namespace.mjs";
 import "../../../hooks/index.mjs";
 import { RightLine as t } from "../../../icons/src/line/arrow/index.mjs";
 import { SPopover as n } from "../popover/index.mjs";
-import { dropdownContextKey as r } from "./types.mjs";
-import { child as i, createComponent as a, createIf as o, createInvoker as s, createSlot as c, defineVaporComponent as l, delegateEvents as u, inject as d, next as f, renderEffect as p, setClass as m, setInsertionState as h, setText as g, template as _, toDisplayString as v, unref as y } from "vue";
+import { SIcon as r } from "../icon/index.mjs";
+import { dropdownContextKey as i } from "./types.mjs";
+import { child as a, createComponent as o, createIf as s, createInvoker as c, createSlot as l, defineVaporComponent as u, delegateEvents as d, inject as f, next as p, renderEffect as m, setClass as h, setInsertionState as g, setText as _, template as v, toDisplayString as y, unref as b } from "vue";
 //#region ../components/src/dropdown/dsubmenu.vue?vue&type=script&setup=true&vapor=true&lang.ts
-var b = _("<div>"), x = _(" "), S = _("<div><div></div><div></div></div>"), C = _("<div>", 1);
-u("click");
-var w = /*@__PURE__*/ l({
+var x = v("<div>"), S = v(" "), C = v("<div><div></div><div></div></div>"), w = v("<div>", 1);
+d("click");
+var T = /*@__PURE__*/ u({
 	name: "SDsubmenu",
 	__name: "dsubmenu",
 	props: {
 		title: {},
-		popoverProps: {}
+		popoverProps: {},
+		icon: {}
 	},
 	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), { $: [() => ({
+	setup(u, { emit: d, slots: v }) {
+		let T = d, E = e("dsubmenu"), D = f(i, void 0), O = () => {
+			D?.itemClick?.(), T("click");
+		}, k = w();
+		return m(() => h(k, [b(E).b()])), g(k, null, 0), o(b(n), { $: [() => ({
 			teleportBody: !1,
 			trigger: "hover",
 			placement: "right-start",
-			...l.popoverProps
+			...u.popoverProps
 		})] }, {
 			content: () => {
-				let e = b();
-				return p(() => m(e, y(T).e("list"))), h(e, null, 0), c("content"), e;
+				let e = x();
+				return m(() => h(e, b(E).e("list"))), g(e, null, 0), l("content"), e;
 			},
 			default: () => {
-				let e = S(), n = i(e, 1), r = f(n, 2);
-				return p(() => m(e, y(T).e("item"))), h(e, 0, 0), o(() => _.icon, () => {
-					let e = b();
-					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 = C(), n = a(e, 1), i = p(n, 2);
+				return m(() => h(e, b(E).e("item"))), g(e, 0, 0), s(() => v.icon || u.icon, () => {
 					let e = x();
-					return p(() => g(e, v(l.title))), e;
-				}), p(() => m(r, [y(T).e("arrow")])), h(r, null, 0), a(y(t)), e.$evtclick = s(D), e;
+					return m(() => h(e, [b(E).e("icon")])), g(e, null, 0), l("icon", null, () => o(b(r), { name: () => u.icon })), e;
+				}), m(() => h(n, [b(E).e("title")])), g(n, null, 0), l("title", null, () => {
+					let e = S();
+					return m(() => _(e, y(u.title))), e;
+				}), m(() => h(i, [b(E).e("arrow")])), g(i, null, 0), o(b(t)), e.$evtclick = c(O), e;
 			}
-		}), O;
+		}), k;
 	}
 });
 //#endregion
-export { w as default };
+export { T as default };

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

@@ -26,6 +26,7 @@ export declare const SDoption: ((__VLS_props: NonNullable<Awaited<typeof __VLS_s
     props: PublicProps & {
         title?: string | undefined;
         delayClose?: boolean | undefined;
+        icon?: string | undefined;
         onClick?: (() => any) | undefined;
     } & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;
@@ -45,6 +46,7 @@ export declare const SDsubmenu: ((__VLS_props: NonNullable<Awaited<typeof __VLS_
     props: PublicProps & {
         title?: string | undefined;
         popoverProps?: PopoverProps | undefined;
+        icon?: string | undefined;
         onClick?: (() => any) | undefined;
     } & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;

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

@@ -15,6 +15,8 @@ export interface DroptionProps {
     title?: string;
     /** 延迟关闭（用于卸载组件时延迟关闭） */
     delayClose?: boolean;
+    /** 图标 */
+    icon?: string;
 }
 export interface DroptionSlots {
     /** 默认 */
@@ -33,6 +35,8 @@ export interface DsubmenuProps {
     title?: string;
     /** 弹出层属性 [PopoverProps](/components/other/popover#popover-props)*/
     popoverProps?: PopoverProps;
+    /** 图标 */
+    icon?: string;
 }
 export interface DsubmenuSlots {
     /** 默认 */

package/dist/json/vetur-attributes.json

@@ -169,7 +169,8 @@
     "type": "boolean"
   },
   "s-button/icon": {
-    "description": "按钮图标"
+    "description": "按钮图标",
+    "type": "string"
   },
   "s-button/circle": {
     "description": "是否为圆形按钮",
@@ -748,6 +749,10 @@
     "description": "延迟关闭（用于卸载组件时延迟关闭）",
     "type": "boolean"
   },
+  "s-droption/icon": {
+    "description": "图标",
+    "type": "string"
+  },
   "s-dsubmenu/title": {
     "description": "标题",
     "type": "string"
@@ -755,6 +760,10 @@
   "s-dsubmenu/popoverProps": {
     "description": "弹出层属性 [PopoverProps](/components/other/popover#popover-props)"
   },
+  "s-dsubmenu/icon": {
+    "description": "图标",
+    "type": "string"
+  },
   "s-empty/description": {
     "description": "自定义描述",
     "type": "string"

package/dist/json/vetur-tags.json

@@ -321,13 +321,15 @@
   "s-droption": {
     "attributes": [
       "title",
-      "delayClose"
+      "delayClose",
+      "icon"
     ]
   },
   "s-dsubmenu": {
     "attributes": [
       "title",
-      "popoverProps"
+      "popoverProps",
+      "icon"
     ]
   },
   "s-empty": {

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.20.1",
+  "version": "0.21.0",
   "contributions": {
     "html": {
       "types-syntax": "typescript",
@@ -452,7 +452,7 @@
               "name": "icon",
               "description": "按钮图标",
               "value": {
-                "type": "Component",
+                "type": "string",
                 "kind": "expression"
               }
             },
@@ -1965,6 +1965,14 @@
                 "type": "boolean",
                 "kind": "expression"
               }
+            },
+            {
+              "name": "icon",
+              "description": "图标",
+              "value": {
+                "type": "string",
+                "kind": "expression"
+              }
             }
           ],
           "events": [],
@@ -2001,6 +2009,14 @@
                 "type": "PopoverProps",
                 "kind": "expression"
               }
+            },
+            {
+              "name": "icon",
+              "description": "图标",
+              "value": {
+                "type": "string",
+                "kind": "expression"
+              }
             }
           ],
           "events": [],

package/package.json

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