savor-ui 0.15.4 → 0.15.6

package/CHANGELOG.md

@@ -2,6 +2,21 @@
 
 
 
+## [0.15.6](https://gitee.com/mach552/savor-ui/compare/v0.15.5...v0.15.6) (2026-08-04)
+
+
+### Bug Fixes
+
+* **dropdown:** 修复选择选项切换页面后无法关闭问题 ([1b835ab](https://gitee.com/mach552/savor-ui/commits/1b835ab8ce95e3571f7e7bea55f7c2396bb0486b))
+* **popover:** 修复右键模式时再次右键不刷新位置的问题 ([86c0842](https://gitee.com/mach552/savor-ui/commits/86c08422edc51806ae1ecd3741c96c195da41281))
+
+## [0.15.5](https://gitee.com/mach552/savor-ui/compare/v0.15.4...v0.15.5) (2026-08-04)
+
+
+### Bug Fixes
+
+* **popover:** 修复切换页面无法关闭问题 ([8317b1f](https://gitee.com/mach552/savor-ui/commits/8317b1f28589c11219e9109339f259e055f5cb5e))
+
 ## [0.15.4](https://gitee.com/mach552/savor-ui/compare/v0.15.3...v0.15.4) (2026-08-04)
 
 

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

@@ -11,8 +11,8 @@ var y = /*@__PURE__*/ o({
 	props: { title: {} },
 	emits: ["click"],
 	setup(o, { emit: s, slots: p }) {
-		let y = s, b = e("droption"), x = c(t, void 0), S = () => {
-			x?.itemClick?.(), y("click");
+		let y = s, b = e("droption"), x = c(t, void 0), S = async () => {
+			await 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();

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

@@ -9,23 +9,25 @@ var m = d("<div>"), h = d("<div>", 1), g = /*@__PURE__*/ a({
 	__name: "dropdown",
 	props: { popoverProps: {} },
 	setup(a) {
-		let d = e("dropdown"), g = p("popoverRef");
-		o(n, { itemClick: () => {
-			g.value?.hide();
-		} });
-		let _ = h();
-		return s(() => c(_, [f(d).b()])), l(_, null, 0), u(r(f(t), { $: [() => ({
+		let d = e("dropdown"), g = p("popoverRef"), _ = null, v = () => {
+			_ &&= (_(), null);
+		};
+		o(n, { itemClick: () => (g.value?.hide(), new Promise((e) => {
+			_ = e;
+		})) });
+		let y = h();
+		return s(() => c(y, [f(d).b()])), l(y, null, 0), u(r(f(t), { $: [() => ({
 			trigger: "click",
 			placement: a.popoverProps?.trigger === "contextmenu" ? "bottom-start" : "bottom",
 			alignPoint: a.popoverProps?.trigger === "contextmenu",
 			...a.popoverProps
-		})] }, {
+		}), { onAfterLeave: () => v }] }, {
 			content: () => {
 				let e = m();
 				return s(() => c(e, f(d).e("list"))), l(e, null, 0), i("content"), e;
 			},
 			default: () => i("default", null, null, 4)
-		}), g, null, "popoverRef"), _;
+		}), g, null, "popoverRef"), y;
 	}
 });
 //#endregion

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

@@ -47,6 +47,6 @@ export interface DsubmenuEmits {
     click: [];
 }
 export interface DropdownContext {
-    itemClick: () => void;
+    itemClick: () => Promise<void>;
 }
 export declare const dropdownContextKey: InjectionKey<DropdownContext>;

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

@@ -3,7 +3,7 @@ import { PublicProps, ShallowUnwrapRef, VNode, Plugin } from 'vue';
 export declare const SPopover: ((__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: {
     attrs: any;
     slots: PopoverSlots;
-    emit: ((evt: "change", visible: boolean) => void) & ((evt: "click-outside", evt: Event) => void);
+    emit: ((evt: "change", visible: boolean) => void) & ((evt: "click-outside", evt: Event) => void) & ((evt: "after-leave") => void);
 }, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: PublicProps & {
         content?: string | undefined;
@@ -22,13 +22,14 @@ export declare const SPopover: ((__VLS_props: NonNullable<Awaited<typeof __VLS_s
         teleport?: string | undefined;
         onChange?: ((visible: boolean) => any) | undefined;
         "onClick-outside"?: ((evt: Event) => any) | undefined;
+        "onAfter-leave"?: (() => any) | undefined;
     } & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;
     } ? P : {});
     expose: (exposed: ShallowUnwrapRef<PopoverExpose>) => void;
     attrs: any;
     slots: PopoverSlots;
-    emit: ((evt: "change", visible: boolean) => void) & ((evt: "click-outside", evt: Event) => void);
+    emit: ((evt: "change", visible: boolean) => void) & ((evt: "click-outside", evt: Event) => void) & ((evt: "after-leave") => void);
 }>) => VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 }) & Plugin;

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

@@ -4,13 +4,14 @@ declare const __VLS_export: (__VLS_props: NonNullable<Awaited<typeof __VLS_setup
     props: PublicProps & __VLS_PrettifyLocal<PopoverProps & {
         onChange?: ((visible: boolean) => any) | undefined;
         "onClick-outside"?: ((evt: Event) => any) | undefined;
+        "onAfter-leave"?: (() => any) | undefined;
     }> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;
     } ? P : {});
     expose: (exposed: ShallowUnwrapRef<PopoverExpose>) => void;
     attrs: any;
     slots: PopoverSlots;
-    emit: ((evt: "change", visible: boolean) => void) & ((evt: "click-outside", evt: Event) => void);
+    emit: ((evt: "change", visible: boolean) => void) & ((evt: "click-outside", evt: Event) => void) & ((evt: "after-leave") => void);
 }>) => VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };

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

@@ -4,10 +4,10 @@ import { useNamespace as t } from "../../../hooks/src/use-namespace.mjs";
 import { useOutsideClick as n } from "../../../hooks/src/use-outside-click.mjs";
 import { useZIndex as r } from "../../../hooks/src/use-zIndex.mjs";
 import "../../../hooks/index.mjs";
-import { VaporTeleport as i, VaporTransition as a, applyVShow as o, child as s, computed as c, createComponent as l, createDynamicComponent as ee, createIf as te, createSlot as ne, createTemplateRefSetter as re, defineVaporComponent as u, nextTick as d, onDeactivated as ie, onMounted as ae, onUnmounted as oe, ref as f, renderEffect as p, setClass as m, setDynamicEvents as h, setInsertionState as g, setStyle as _, setText as se, template as v, toDisplayString as ce, unref as y, useSlots as le, useTemplateRef as b, watch as x, watchEffect as ue } from "vue";
-import { arrow as de, autoUpdate as fe, computePosition as pe, flip as me, offset as he, shift as ge } from "@floating-ui/dom";
+import { VaporTeleport as i, VaporTransition as a, applyVShow as o, child as s, computed as c, createComponent as l, createDynamicComponent as ee, createIf as u, createSlot as te, createTemplateRefSetter as ne, defineVaporComponent as d, nextTick as re, onMounted as ie, onUnmounted as ae, ref as f, renderEffect as p, setClass as m, setDynamicEvents as h, setInsertionState as g, setStyle as _, setText as oe, template as v, toDisplayString as se, unref as y, useSlots as ce, useTemplateRef as b, watch as x, watchEffect as le } from "vue";
+import { arrow as ue, autoUpdate as de, computePosition as fe, flip as pe, offset as me, shift as he } from "@floating-ui/dom";
 //#region ../components/src/popover/popover.vue?vue&type=script&setup=true&vapor=true&lang.ts
-var _e = v(" "), ve = v("<div data-popover-arrow>"), ye = v("<div>"), be = v("<div><div>"), S = /*@__PURE__*/ u({
+var ge = v(" "), _e = v("<div data-popover-arrow>"), ve = v("<div>"), ye = v("<div><div>"), S = /*@__PURE__*/ d({
 	name: "SPopover",
 	__name: "popover",
 	props: {
@@ -32,11 +32,15 @@ var _e = v(" "), ve = v("<div data-popover-arrow>"), ye = v("<div>"), be = v("<d
 		},
 		teleport: { default: "body" }
 	},
-	emits: ["change", "click-outside"],
+	emits: [
+		"change",
+		"click-outside",
+		"after-leave"
+	],
 	__multiRoot: !0,
-	setup(u, { expose: v, emit: S }) {
-		let C = u, w = S, T = t("popover"), xe = le(), E = f(!1), D = f(!1), { nextZIndex: Se } = r(), O = f(), k = b("containerNode"), A = b("wrapperNode"), j = b("contentNode"), M = f(null), Ce = () => {
-			let e = xe.default?.();
+	setup(d, { expose: v, emit: S }) {
+		let C = d, w = S, T = t("popover"), be = ce(), E = f(!1), D = f(!1), { nextZIndex: xe } = r(), O = f(), k = b("containerNode"), A = b("wrapperNode"), j = b("contentNode"), M = f(null), Se = () => {
+			let e = be.default?.();
 			return M.value = e, e;
 		}, N = f(null), P = f({}), F = f({}), I = f({}), L = f(null), R = () => {
 			N.value && Object.entries(F.value).forEach(([e, t]) => {
@@ -66,25 +70,25 @@ var _e = v(" "), ve = v("<div data-popover-arrow>"), ye = v("<div>"), be = v("<d
 			if (!e || N.value) return;
 			let t = null;
 			t = e instanceof HTMLElement ? e : B(e), t && t !== N.value && (R(), N.value = t);
-		}, { flush: "post" }), ae(() => {
+		}, { flush: "post" }), ie(() => {
 			if (N.value) return;
 			let e = M.value;
 			if (!e) return;
 			let t = e instanceof HTMLElement ? e : B(e);
 			t && t !== N.value && (R(), N.value = t);
 		}), x(N, (e) => {
-			e && d().then(() => {
+			e && re().then(() => {
 				Object.entries(F.value).forEach(([t, n]) => {
 					e.addEventListener(t, n);
 				});
 			});
 		}, { flush: "post" });
-		let we = () => {
+		let Ce = () => {
 			if (!j.value || !N.value) return;
 			j.value.style.width = "";
 			let e = "";
 			typeof C.width == "number" ? (e = `${C.width}px`, j.value.style.width = e) : C.width === "sameWidth" ? (e = `${N.value.getBoundingClientRect().width}px`, j.value.style.width = e) : C.width === "auto" && (e = "", j.value.style.width = e);
-		}, Te = c(() => C.offset ? C.offset : C.trigger === "contextmenu" && C.alignPoint ? [0, 0] : C.showArrow ? [0, 8] : [0, 0]), V = () => {
+		}, we = c(() => C.offset ? C.offset : C.trigger === "contextmenu" && C.alignPoint ? [0, 0] : C.showArrow ? [0, 8] : [0, 0]), V = () => {
 			if (C.trigger === "contextmenu" && C.alignPoint && L.value) {
 				let e = L.value;
 				return { getBoundingClientRect() {
@@ -106,19 +110,19 @@ var _e = v(" "), ve = v("<div data-popover-arrow>"), ye = v("<div>"), be = v("<d
 			H &&= (H(), null);
 		}, W = async () => {
 			if (!A.value || !N.value) return;
-			let e = V(), t = j.value?.querySelector("[data-popover-arrow]"), [n, r] = Te.value, i = [
-				he({
+			let e = V(), t = j.value?.querySelector("[data-popover-arrow]"), [n, r] = we.value, i = [
+				me({
 					mainAxis: r,
 					crossAxis: n
 				}),
-				me(),
-				ge()
+				pe(),
+				he()
 			];
-			t && i.push(de({
+			t && i.push(ue({
 				element: t,
 				padding: 8
 			}));
-			let { x: a, y: o, placement: s, middlewareData: c } = await pe(e, A.value, {
+			let { x: a, y: o, placement: s, middlewareData: c } = await fe(e, A.value, {
 				placement: C.placement,
 				strategy: "fixed",
 				middleware: i
@@ -140,18 +144,18 @@ var _e = v(" "), ve = v("<div data-popover-arrow>"), ye = v("<div>"), be = v("<d
 		} : {
 			openDelay: typeof C.delay == "number" ? C.delay : C.delay[0],
 			closeDelay: typeof C.delay == "number" ? 50 : C.delay[1]
-		}), K = null, Ee = () => {
-			C.disabled || (K &&= (clearTimeout(K), null), D.value = !0, d(() => {
+		}), K = null, Te = () => {
+			C.disabled || (K &&= (clearTimeout(K), null), D.value = !0, re(() => {
 				E.value = !0, w("change", !0);
 			}));
-		}, De = () => {
+		}, Ee = () => {
 			E.value = !1, L.value = null, w("change", !1), K && clearTimeout(K), K = setTimeout(() => {
 				C.destroyOnClose && (D.value = !1), K = null;
 			}, 300);
-		}, q = f(null), J = f(null), Oe = () => {
-			q.value?.cancel(), J.value?.cancel(), q.value = e(Ee, G.value.openDelay), J.value = e(De, G.value.closeDelay);
+		}, q = f(null), J = f(null), De = () => {
+			q.value?.cancel(), J.value?.cancel(), q.value = e(Te, G.value.openDelay), J.value = e(Ee, G.value.closeDelay);
 		};
-		Oe(), x(G, Oe);
+		De(), x(G, De);
 		let Y = () => {
 			J.value?.cancel(), q.value?.();
 		}, X = () => {
@@ -160,31 +164,31 @@ var _e = v(" "), ve = v("<div data-popover-arrow>"), ye = v("<div>"), be = v("<d
 		n(k, (e) => {
 			N.value && e.target && typeof N.value.contains == "function" && N.value.contains(e.target) || (E.value && w("click-outside", e), !C.manual && (C.trigger === "hover" || C.trigger === "contextmenu" || C.trigger === "click") && X());
 		});
-		let ke = () => {
-			F.value = {}, P.value = {}, I.value = {}, Z();
-		}, Z = () => {
+		let Z = () => {
+			F.value = {}, P.value = {}, I.value = {}, Q();
+		}, Q = () => {
 			C.manual || (C.trigger === "hover" && (F.value.mouseenter = Y, F.value.mouseleave = X, P.value.mouseenter = Y, P.value.mouseleave = X), C.trigger === "click" && (F.value.click = () => {
 				let e = E.value ? J.value : q.value;
 				(E.value ? q.value : J.value)?.cancel(), e?.();
 			}), C.trigger === "contextmenu" && (F.value.click = () => {
 				X();
 			}, F.value.contextmenu = (e) => {
-				E.value && X(), e.preventDefault();
+				e.preventDefault();
 				let t = e;
 				L.value = {
 					x: t.clientX,
 					y: t.clientY
-				}, Y();
+				}, E.value ? W() : Y();
 			}));
 		};
-		ue(() => {
-			C.manual || Z();
+		le(() => {
+			C.manual || Q();
 		});
-		let Ae = () => {
-			E.value || U();
+		let Oe = () => {
+			E.value || (U(), w("after-leave"));
 		};
 		x(E, (e) => {
-			e && (!A.value || !N.value || (O.value = Se(), we(), U(), H = fe(V(), A.value, W)));
+			e && (!A.value || !N.value || (O.value = xe(), Ce(), U(), H = de(V(), A.value, W)));
 		}, { flush: "post" }), x([
 			() => C.placement,
 			() => C.offset,
@@ -192,45 +196,39 @@ var _e = v(" "), ve = v("<div data-popover-arrow>"), ye = v("<div>"), be = v("<d
 		], () => {
 			E.value && W();
 		}), x(() => C.manual, (e) => {
-			e ? ke() : Z();
+			e ? Z() : Q();
 		}), x(() => C.trigger, (e, t) => {
-			e !== t && (q.value?.cancel(), E.value = !1, w("change", !1), ke());
-		});
-		let Q = () => {
-			q.value?.cancel(), J.value?.cancel(), K &&= (clearTimeout(K), null), E.value = !1, D.value = !1, U();
-		};
-		ie(() => {
-			Q();
-		}), oe(() => {
-			Q(), R();
+			e !== t && (q.value?.cancel(), E.value = !1, w("change", !1), Z());
+		}), ae(() => {
+			K &&= (clearTimeout(K), null), U(), R();
 		}), v({
 			show: Y,
 			hide: X
 		});
-		let $ = re();
-		return [ee(() => Ce()), l(i, {
-			disabled: () => !u.teleportBody,
-			to: () => u.teleport
-		}, () => te(() => D.value, () => {
-			let e = be(), t = s(e);
+		let $ = ne();
+		return [ee(() => Se()), l(i, {
+			disabled: () => !d.teleportBody,
+			to: () => d.teleport
+		}, () => u(() => D.value, () => {
+			let e = ye(), t = s(e);
 			return p(() => {
 				let n = y(T);
 				h(e, P.value), m(e, [n.b()]), m(t, [n.e("wrapper")]), _(t, { zIndex: O.value });
 			}), g(t, null, 0), l(a, {
 				name: "popover-fade",
-				onAfterLeave: () => Ae,
+				onAfterLeave: () => Oe,
 				persisted: ""
 			}, () => {
-				let e = ye();
+				let e = ve();
 				return p(() => {
 					h(e, I.value), m(e, [y(T).e("content")]);
-				}), g(e, null, 0), ne("content", null, () => {
+				}), g(e, null, 0), te("content", null, () => {
+					let e = ge();
+					return p(() => oe(e, se(d.content))), e;
+				}), g(e, null, 1), u(() => d.showArrow, () => {
 					let e = _e();
-					return p(() => se(e, ce(u.content))), e;
-				}), g(e, null, 1), te(() => u.showArrow, () => {
-					let e = ve();
 					return p(() => {
-						m(e, [y(T).e("arrow")]), _(e, u.arrowStyle);
+						m(e, [y(T).e("arrow")]), _(e, d.arrowStyle);
 					}), e;
 				}), o(e, () => E.value), $(e, j, null, "contentNode"), e;
 			}), $(t, A, null, "wrapperNode"), $(e, k, null, "containerNode"), e;

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

@@ -63,6 +63,8 @@ export interface PopoverEmits {
     change: [visible: boolean];
     /** 隐藏时触发 */
     "click-outside": [evt: Event];
+    /** 离开动画结束时触发 */
+    "after-leave": [];
 }
 export interface PopoverExpose {
     /** 显示 */

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.15.3",
+  "version": "0.15.5",
   "contributions": {
     "html": {
       "types-syntax": "typescript",

package/package.json

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