savor-ui 0.8.0 → 0.9.0

package/CHANGELOG.md

@@ -2,6 +2,18 @@
 
 
 
+# [0.9.0](https://gitee.com/mach552/savor-ui/compare/v0.8.0...v0.9.0) (2026-07-07)
+
+
+### Bug Fixes
+
+* **grid:** 修复item内部高度虚高的问题 ([47221fc](https://gitee.com/mach552/savor-ui/commits/47221fcc9db115831e011ea43f386704e57c08ef))
+
+
+### Features
+
+* **list:** 新增选择事件 ([2d132d3](https://gitee.com/mach552/savor-ui/commits/2d132d3e37ddc4b201272fa6a708dd7ac778436e))
+
 # [0.8.0](https://gitee.com/mach552/savor-ui/compare/v0.7.0...v0.8.0) (2026-07-03)
 
 

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

@@ -11,7 +11,7 @@ var v = p("<div>", 1), y = /*@__PURE__*/ i({
 		offset: { default: 0 }
 	},
 	setup(i) {
-		let p = i, y = g("gridItemRef"), b = e("grid-item"), x = "grid-item-" + h(), S = a(t, {}), C = n(() => {
+		let p = i, y = g("gridItemRef"), b = e("grid"), x = "grid-item-" + h(), S = a(t, {}), C = n(() => {
 			if (!S?.positionList) return {};
 			let e = S?.positionList.value[x];
 			return e ? { gridColumn: `${e.start} / ${e.end}` } : {};
@@ -40,7 +40,7 @@ var v = p("<div>", 1), y = /*@__PURE__*/ i({
 		});
 		let T = v();
 		return c(() => {
-			l(T, [m(b).b()]), f(T, C.value);
+			l(T, [m(b).e("item")]), f(T, C.value);
 		}), u(T, null, 0), r(), d(T, y, null, "gridItemRef"), T;
 	}
 });

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

@@ -1,27 +1,29 @@
 import { ListSlots } from './types';
 import { PublicProps, VNode, Plugin } from 'vue';
-export declare const SList: ((__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: {
+export declare const SList: (<T extends {
+    id: number;
+}>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: {
     attrs: any;
-    slots: ListSlots;
-    emit: (((evt: "dragStart", data: any) => void) & ((evt: "dragEnd", data: any) => void)) & ((event: "update:modelValue", value: any) => void);
+    slots: ListSlots<T>;
+    emit: ((evt: "select", item: T, index: number) => void) & ((event: "update:modelValue", value: T) => void);
 }, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: PublicProps & {
-        modelValue?: any;
-        data?: any[] | undefined;
+        modelValue?: T | undefined;
+        data?: T[] | undefined;
         hover?: boolean | undefined;
         selectable?: boolean | undefined;
-        selectKey?: string | undefined;
         border?: boolean | undefined;
-        "onUpdate:modelValue"?: ((value: any) => any) | undefined;
-        onDragStart?: ((data: any) => any) | undefined;
-        onDragEnd?: ((data: any) => any) | undefined;
+        gap?: number | undefined;
+        size?: "mini" | "small" | "medium" | "large" | undefined;
+        onSelect?: ((item: T, index: number) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: T) => any) | undefined;
     } & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;
     } ? P : {});
     expose: (exposed: {}) => void;
     attrs: any;
-    slots: ListSlots;
-    emit: (((evt: "dragStart", data: any) => void) & ((evt: "dragEnd", data: any) => void)) & ((event: "update:modelValue", value: any) => void);
+    slots: ListSlots<T>;
+    emit: ((evt: "select", item: T, index: number) => void) & ((event: "update:modelValue", value: T) => void);
 }>) => VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 }) & Plugin;

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

@@ -1,19 +1,20 @@
 import { ListProps, ListSlots } 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<(ListProps & {
-        modelValue?: any;
+declare const __VLS_export: <T extends {
+    id: number;
+}>(__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<(ListProps<T> & {
+        modelValue?: T;
     }) & {
-        "onUpdate:modelValue"?: ((value: any) => any) | undefined;
-        onDragStart?: ((data: any) => any) | undefined;
-        onDragEnd?: ((data: any) => any) | undefined;
+        onSelect?: ((item: T, index: number) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: T) => any) | undefined;
     }> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;
     } ? P : {});
     expose: (exposed: {}) => void;
     attrs: any;
-    slots: ListSlots;
-    emit: (((evt: "dragStart", data: any) => void) & ((evt: "dragEnd", data: any) => void)) & ((event: "update:modelValue", value: any) => void);
+    slots: ListSlots<T>;
+    emit: ((evt: "select", item: T, index: number) => void) & ((event: "update:modelValue", value: T) => void);
 }>) => VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };

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

@@ -1,50 +1,55 @@
 import { useNamespace as e } from "../../../hooks/src/use-namespace.mjs";
 import "../../../hooks/index.mjs";
-import { child as t, createFor as n, createInvoker as r, createSlot as i, defineVaporComponent as a, delegateEvents as o, mergeModels as s, renderEffect as c, setClass as l, setInsertionState as u, setStaticTemplateRef as d, setText as f, template as p, toDisplayString as m, unref as h, useModel as g } from "vue";
+import { createFor as t, createInvoker as n, createSlot as r, defineVaporComponent as i, delegateEvents as a, mergeModels as o, renderEffect as s, setClass as c, setInsertionState as l, setStyle as u, setText as d, template as f, toDisplayString as p, unref as m, useModel as h } from "vue";
 //#region ../components/src/list/list.vue?vue&type=script&setup=true&vapor=true&lang.ts
-var _ = p(" "), v = p("<li>"), y = p("<div><ul>", 1);
-o("click");
-var b = /*@__PURE__*/ a({
+var g = f(" "), _ = f("<li>"), v = f("<div>", 1);
+a("click");
+var y = /*@__PURE__*/ i({
 	name: "SList",
 	__name: "list",
-	props: /*@__PURE__*/ s({
+	props: /*@__PURE__*/ o({
 		modelValue: {},
 		data: {},
 		hover: { type: Boolean },
 		selectable: { type: Boolean },
-		selectKey: { default: "id" },
-		border: { type: Boolean }
+		border: { type: Boolean },
+		gap: {},
+		size: { default: "medium" }
 	}, {
 		modelValue: { default: () => {} },
 		modelModifiers: {}
 	}),
-	emits: /*@__PURE__*/ s(["dragStart", "dragEnd"], ["update:modelValue"]),
-	setup(a, { emit: o }) {
-		let s = a, p = e("list"), b = g(a, "modelValue"), x = (e) => {
-			!s.selectable || !s.selectKey || (b.value = e[s.selectKey]);
-		}, S = (e) => s.selectKey ? b.value === e[s.selectKey] && s.selectable : !1, C = y(), w = t(C);
-		return c(() => {
-			let e = h(p);
-			l(C, [e.b(), { [e.m("border")]: a.border }]), l(w, [e.e("wrapper")]);
-		}), u(w, null, 0), n(() => a.data, (e, t) => {
-			let n = v();
-			return c(() => {
-				let t = h(p);
-				l(n, [
+	emits: /*@__PURE__*/ o(["select"], ["update:modelValue"]),
+	setup(i, { emit: a }) {
+		let o = i, f = a, y = e("list"), b = h(i, "modelValue"), x = (e, t) => {
+			o.selectable && (b.value?.id !== void 0 && b.value.id === e.id ? b.value = {} : b.value = e, f("select", e, t));
+		}, S = (e) => b.value?.id === e.id && o.selectable, C = v();
+		return s(() => {
+			let e = m(y);
+			c(C, [
+				e.b(),
+				e.m(i.size),
+				{ [e.m("border")]: i.border }
+			]), u(C, { gap: `${i.gap}px` });
+		}), l(C, null, 0), t(() => i.data, (e, t) => {
+			let a = _();
+			return s(() => {
+				let t = m(y);
+				c(a, [
 					t.e("item"),
 					t.is("selected", S(e.value)),
-					t.is("selectable", a.selectable),
-					{ [t.m("hover")]: a.hover }
+					t.is("selectable", i.selectable),
+					{ [t.m("hover")]: i.hover }
 				]);
-			}), u(n, null, 0), i("default", {
+			}), l(a, null, 0), r("default", {
 				index: () => t.value,
 				item: () => e.value
 			}, () => {
-				let t = _();
-				return c(() => f(t, m(e.value))), t;
-			}), n.$evtclick = r(() => x(e.value)), n;
-		}, (e, t) => t, 9), d(w, "wrapperRef"), C;
+				let t = g();
+				return s(() => d(t, p(e.value))), t;
+			}), a.$evtclick = n(() => x(e.value, t.value)), a;
+		}, (e, t) => t, 9), C;
 	}
 });
 //#endregion
-export { b as default };
+export { y as default };

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

@@ -1,27 +1,27 @@
-export interface ListProps {
+export interface ListProps<T> {
     /** 选中项（v-model） */
-    modelValue?: any;
+    modelValue?: T;
     /** 列表项数据 */
-    data?: any[];
+    data?: T[];
     /** 是否显示悬停状态 */
     hover?: boolean;
     /** 是否可选择 */
     selectable?: boolean;
-    /** 选中项键名
-     * @default id
-     */
-    selectKey?: string;
     /** 是否显示边框 */
     border?: boolean;
+    /** 列表项间距 */
+    gap?: number;
+    /** 列表项大小 */
+    size?: "mini" | "small" | "medium" | "large";
 }
-export interface ListSlots {
-    /** 自定义列表项内容 */
+export interface ListSlots<T> {
+    /** 列表项内容 */
     default: (props: {
-        item: any;
+        item: T;
         index: number;
     }) => any;
 }
-export interface ListEmits {
-    dragStart: [data: any];
-    dragEnd: [data: any];
+export interface ListEmits<T> {
+    /** 选择事件 */
+    select: [item: T, index: number];
 }

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

@@ -19,17 +19,17 @@ export declare const SModal: ((__VLS_props: NonNullable<Awaited<typeof __VLS_set
         destroyOnClose?: boolean | undefined;
         closeOnEsc?: boolean | undefined;
         content?: (string | VNode) | undefined;
-        contentStyle?: Record<string, string> | undefined;
         renderToBody?: boolean | undefined;
-        className?: string | undefined;
         btnReverse?: boolean | undefined;
         header?: boolean | undefined;
         footer?: boolean | undefined;
         mask?: boolean | undefined;
         to?: (string | HTMLElement) | undefined;
         draggable?: boolean | undefined;
+        className?: string | undefined;
         modalStyle?: Record<string, string> | undefined;
         maskStyle?: Record<string, string> | undefined;
+        bodyStyle?: Record<string, string> | undefined;
         center?: boolean | undefined;
         offset?: number | undefined;
         scrollContent?: boolean | undefined;

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

@@ -22,14 +22,11 @@ var M = /*@__PURE__*/ m({
 	__name: "modal",
 	props: /*@__PURE__*/ g({
 		modalValue: { type: Boolean },
-		width: { default: "320px" },
+		width: { default: "0px" },
 		height: {},
 		title: {},
 		fullscreen: { type: Boolean },
-		fullable: {
-			type: Boolean,
-			default: !0
-		},
+		fullable: { type: Boolean },
 		closable: {
 			type: Boolean,
 			default: !0
@@ -47,9 +44,7 @@ var M = /*@__PURE__*/ m({
 			default: !0
 		},
 		content: {},
-		contentStyle: {},
 		renderToBody: { type: Boolean },
-		className: {},
 		btnReverse: { type: Boolean },
 		header: {
 			type: Boolean,
@@ -65,8 +60,10 @@ var M = /*@__PURE__*/ m({
 		},
 		to: { default: "body" },
 		draggable: { type: Boolean },
+		className: {},
 		modalStyle: {},
 		maskStyle: {},
+		bodyStyle: {},
 		center: {
 			type: Boolean,
 			default: !0
@@ -105,7 +102,6 @@ var M = /*@__PURE__*/ m({
 			height: e(w.height),
 			top: `${U.value}px`,
 			left: `${W.value}px`,
-			maxHeight: K.value ? `${K.value - 40}px` : void 0,
 			...w.modalStyle
 		}), _e = () => {
 			M("opened");
@@ -169,7 +165,8 @@ var M = /*@__PURE__*/ m({
 					b(e, [
 						t.b(),
 						t.is("drag", m.draggable),
-						t.is("fullscreen", V.value)
+						t.is("fullscreen", V.value),
+						m.className
 					]), S(e, ge.value);
 				}), x(e, null, 0), f(() => m.header, () => {
 					let e = de(), t = l(e), n = se(t, 1);
@@ -180,20 +177,21 @@ var M = /*@__PURE__*/ m({
 						let e = A();
 						return y(() => C(e, T(m.title))), e;
 					}), y(() => b(n, [E(N).e("header-icon")])), x(n, null, 0), f(() => m.fullable, () => d(E(a), {
-						circle: "",
 						text: "",
-						size: "small",
+						size: "mini",
 						onClick: () => xe
 					}, { icon: () => f(() => V.value, () => d(E(ne)), () => d(E(re)), 645) })), x(n, null, 1), f(() => m.closable, () => d(E(a), {
-						circle: "",
 						text: "",
-						size: "small",
+						size: "mini",
 						onClick: () => X
 					}, { icon: () => d(E(te)) })), $(e, L, null, "headerRef"), e;
 				}), x(e, null, 1), f(() => !m.scrollContent, () => {
 					let e = k();
 					return y(() => {
-						b(e, [E(N).e("body")]), S(e, m.contentStyle);
+						b(e, [E(N).e("body")]), S(e, {
+							padding: "16px",
+							...m.bodyStyle
+						});
 					}), x(e, null, 0), p("default", null, () => {
 						let e = A();
 						return y(() => C(e, T(m.content))), e;
@@ -220,11 +218,13 @@ var M = /*@__PURE__*/ m({
 						onClick: () => X
 					})], () => [d(E(a), {
 						label: "取消",
+						size: "small",
 						secondary: "",
 						onClick: () => X
 					}), d(E(a), {
 						label: "确定",
 						loading: () => H.value,
+						size: "small",
 						type: "primary",
 						onClick: () => Y
 					})], 1930)), e;

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

@@ -23,12 +23,8 @@ export interface ModalProps {
     closeOnEsc?: boolean;
     /** 弹窗内容 */
     content?: string | VNode;
-    /** 弹窗内容自定义样式 */
-    contentStyle?: Record<string, string>;
     /** 是否渲染到 body 元素 */
     renderToBody?: boolean;
-    /** 弹窗自定义类名 */
-    className?: string;
     /** 是否反转按钮顺序 */
     btnReverse?: boolean;
     /** 是否显示弹窗头 */
@@ -41,10 +37,14 @@ export interface ModalProps {
     to?: string | HTMLElement;
     /** 是否开启拖动弹窗 */
     draggable?: boolean;
+    /** 弹窗自定义类名 */
+    className?: string;
     /** 弹窗自定义样式 */
     modalStyle?: Record<string, string>;
     /** 弹窗遮罩自定义样式 */
     maskStyle?: Record<string, string>;
+    /** 弹窗内容自定义样式 */
+    bodyStyle?: Record<string, string>;
     /** 是否居中显示弹窗
      * @default true
      */

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

@@ -6,4 +6,7 @@
   width: 100%;
   display: grid;
   grid-template-rows: auto;
+  @include e(item) {
+    display: flex;
+  }
 }

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

@@ -1,9 +1,12 @@
 @use "../mixins/function.scss" as *;
 @use "../mixins/mixins.scss" as *;
+@use "../common/var.scss" as *;
 
 @include b(list) {
   width: 100%;
   overflow: hidden;
+  display: flex;
+  flex-direction: column;
   @include m(border) {
     border-radius: getCssVar("radius", "medium");
     border: 1px solid getCssVar("color", "fill-3");
@@ -14,17 +17,7 @@
       }
     }
   }
-  @include e(wrapper) {
-    position: relative;
-    padding: 0;
-    margin: 0;
-    list-style-type: none;
-  }
-  @include m(wrapper-move) {
-    transition: transform 0.3s ease;
-  }
   @include e(item) {
-    padding: 8px 16px;
     display: flex;
     align-items: center;
     color: getCssVar("color", "text-1");
@@ -44,16 +37,17 @@
       }
     }
   }
-  @include m(drag) {
-    cursor: move;
-  }
-  @include m(ghost) {
-    opacity: 1;
-  }
   @include m(hover) {
     border-radius: getCssVar("radius", "medium");
     &:hover {
       background-color: getCssVar("color", "fill-2");
     }
   }
+  @each $size in $size-list {
+    @include m($size) {
+      @include be(list, item) {
+        height: getCssVar("size", $size);
+      }
+    }
+  }
 }

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

@@ -28,6 +28,7 @@
         justify-content: center;
         padding: 0;
         @include when(active) {
+          border-radius: getCssVar("radius", "medium");
           background-color: getCssVar("color", "primary-3");
           color: getCssVar("color", "primary-6");
         }

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

@@ -3,6 +3,7 @@
 
 @include b(modal) {
   position: absolute;
+  min-width: 280px;
   color: getCssVar("color", "text-1");
   box-shadow: getCssVar("shadow", "1");
   display: flex;
@@ -67,7 +68,6 @@
   }
   @include e(body) {
     flex: 1;
-    padding: 16px;
     overflow: hidden;
   }
   @include e(footer) {

package/dist/json/vetur-attributes.json

@@ -1308,34 +1308,6 @@
     "description": "链接是否禁用状态",
     "type": "boolean"
   },
-  "s-list/dragStart": {
-    "description": "—"
-  },
-  "s-list/dragEnd": {
-    "description": "—"
-  },
-  "s-list/modelValue": {
-    "description": "选中项（v-model）"
-  },
-  "s-list/data": {
-    "description": "列表项数据"
-  },
-  "s-list/hover": {
-    "description": "是否显示悬停状态",
-    "type": "boolean"
-  },
-  "s-list/selectable": {
-    "description": "是否可选择",
-    "type": "boolean"
-  },
-  "s-list/selectKey": {
-    "description": "选中项键名",
-    "type": "string"
-  },
-  "s-list/border": {
-    "description": "是否显示边框",
-    "type": "boolean"
-  },
   "s-menu/itemClick": {
     "description": "点击菜单项时触发"
   },
@@ -1516,17 +1488,10 @@
   "s-modal/content": {
     "description": "弹窗内容"
   },
-  "s-modal/contentStyle": {
-    "description": "弹窗内容自定义样式"
-  },
   "s-modal/renderToBody": {
     "description": "是否渲染到 body 元素",
     "type": "boolean"
   },
-  "s-modal/className": {
-    "description": "弹窗自定义类名",
-    "type": "string"
-  },
   "s-modal/btnReverse": {
     "description": "是否反转按钮顺序",
     "type": "boolean"
@@ -1550,12 +1515,19 @@
     "description": "是否开启拖动弹窗",
     "type": "boolean"
   },
+  "s-modal/className": {
+    "description": "弹窗自定义类名",
+    "type": "string"
+  },
   "s-modal/modalStyle": {
     "description": "弹窗自定义样式"
   },
   "s-modal/maskStyle": {
     "description": "弹窗遮罩自定义样式"
   },
+  "s-modal/bodyStyle": {
+    "description": "弹窗内容自定义样式"
+  },
   "s-modal/center": {
     "description": "是否居中显示弹窗",
     "type": "boolean"

package/dist/json/vetur-tags.json

@@ -568,18 +568,6 @@
       "disabled"
     ]
   },
-  "s-list": {
-    "attributes": [
-      "dragStart",
-      "dragEnd",
-      "modelValue",
-      "data",
-      "hover",
-      "selectable",
-      "selectKey",
-      "border"
-    ]
-  },
   "s-menu": {
     "attributes": [
       "itemClick",
@@ -654,17 +642,17 @@
       "destroyOnClose",
       "closeOnEsc",
       "content",
-      "contentStyle",
       "renderToBody",
-      "className",
       "btnReverse",
       "header",
       "footer",
       "mask",
       "to",
       "draggable",
+      "className",
       "modalStyle",
       "maskStyle",
+      "bodyStyle",
       "center",
       "offset",
       "scrollContent",

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.7.0",
+  "version": "0.8.0",
   "contributions": {
     "html": {
       "types-syntax": "typescript",
@@ -3450,75 +3450,6 @@
             }
           ]
         },
-        {
-          "name": "s-list",
-          "attributes": [
-            {
-              "name": "modelValue",
-              "description": "选中项（v-model）",
-              "value": {
-                "type": "any",
-                "kind": "expression"
-              }
-            },
-            {
-              "name": "data",
-              "description": "列表项数据",
-              "value": {
-                "type": "any[]",
-                "kind": "expression"
-              }
-            },
-            {
-              "name": "hover",
-              "description": "是否显示悬停状态",
-              "value": {
-                "type": "boolean",
-                "kind": "expression"
-              }
-            },
-            {
-              "name": "selectable",
-              "description": "是否可选择",
-              "value": {
-                "type": "boolean",
-                "kind": "expression"
-              }
-            },
-            {
-              "name": "selectKey",
-              "description": "选中项键名",
-              "value": {
-                "type": "string",
-                "kind": "expression"
-              }
-            },
-            {
-              "name": "border",
-              "description": "是否显示边框",
-              "value": {
-                "type": "boolean",
-                "kind": "expression"
-              }
-            }
-          ],
-          "events": [
-            {
-              "name": "dragStart",
-              "description": "—"
-            },
-            {
-              "name": "dragEnd",
-              "description": "—"
-            }
-          ],
-          "slots": [
-            {
-              "name": "default",
-              "description": "自定义列表项内容"
-            }
-          ]
-        },
         {
           "name": "s-menu",
           "attributes": [
@@ -3969,14 +3900,6 @@
                 "kind": "expression"
               }
             },
-            {
-              "name": "contentStyle",
-              "description": "弹窗内容自定义样式",
-              "value": {
-                "type": "Record<string, string>",
-                "kind": "expression"
-              }
-            },
             {
               "name": "renderToBody",
               "description": "是否渲染到 body 元素",
@@ -3985,14 +3908,6 @@
                 "kind": "expression"
               }
             },
-            {
-              "name": "className",
-              "description": "弹窗自定义类名",
-              "value": {
-                "type": "string",
-                "kind": "expression"
-              }
-            },
             {
               "name": "btnReverse",
               "description": "是否反转按钮顺序",
@@ -4041,6 +3956,14 @@
                 "kind": "expression"
               }
             },
+            {
+              "name": "className",
+              "description": "弹窗自定义类名",
+              "value": {
+                "type": "string",
+                "kind": "expression"
+              }
+            },
             {
               "name": "modalStyle",
               "description": "弹窗自定义样式",
@@ -4057,6 +3980,14 @@
                 "kind": "expression"
               }
             },
+            {
+              "name": "bodyStyle",
+              "description": "弹窗内容自定义样式",
+              "value": {
+                "type": "Record<string, string>",
+                "kind": "expression"
+              }
+            },
             {
               "name": "center",
               "description": "是否居中显示弹窗",

package/package.json

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