savor-ui 0.15.4 → 0.15.5

package/CHANGELOG.md

@@ -2,6 +2,13 @@
 
 
 
+## [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/dropdown.vue_vue_type_script_setup_true_vapor_true_lang.mjs

@@ -11,7 +11,7 @@ var m = d("<div>"), h = d("<div>", 1), g = /*@__PURE__*/ a({
 	setup(a) {
 		let d = e("dropdown"), g = p("popoverRef");
 		o(n, { itemClick: () => {
-			g.value?.hide();
+			g.value?.hideImmediate?.();
 		} });
 		let _ = h();
 		return s(() => c(_, [f(d).b()])), l(_, null, 0), u(r(f(t), { $: [() => ({

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

@@ -104,7 +104,7 @@ var _e = v(" "), ve = v("<div data-popover-arrow>"), ye = v("<div>"), be = v("<d
 			return N.value;
 		}, H = null, U = () => {
 			H &&= (H(), null);
-		}, W = async () => {
+		}, Ee = async () => {
 			if (!A.value || !N.value) return;
 			let e = V(), t = j.value?.querySelector("[data-popover-arrow]"), [n, r] = Te.value, i = [
 				he({
@@ -134,33 +134,35 @@ var _e = v(" "), ve = v("<div data-popover-arrow>"), ye = v("<div>"), be = v("<d
 					top: n == null ? "" : `${n}px`
 				});
 			}
-		}, G = c(() => C.manual ? {
+		}, W = c(() => C.manual ? {
 			openDelay: 0,
 			closeDelay: 0
 		} : {
 			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(() => {
+		}), G = null, De = () => {
+			C.disabled || (G &&= (clearTimeout(G), null), D.value = !0, d(() => {
 				E.value = !0, w("change", !0);
 			}));
-		}, De = () => {
-			E.value = !1, L.value = null, w("change", !1), K && clearTimeout(K), K = setTimeout(() => {
-				C.destroyOnClose && (D.value = !1), K = null;
+		}, K = () => {
+			E.value = !1, L.value = null, w("change", !1), G && clearTimeout(G), G = setTimeout(() => {
+				C.destroyOnClose && (D.value = !1), G = 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.value?.cancel(), J.value?.cancel(), q.value = e(De, W.value.openDelay), J.value = e(K, W.value.closeDelay);
 		};
-		Oe(), x(G, Oe);
+		Oe(), x(W, Oe);
 		let Y = () => {
 			J.value?.cancel(), q.value?.();
 		}, X = () => {
 			q.value?.cancel(), J.value?.();
+		}, ke = () => {
+			q.value?.cancel(), J.value?.cancel(), K();
 		};
 		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 = () => {
+		let Ae = () => {
 			F.value = {}, P.value = {}, I.value = {}, Z();
 		}, Z = () => {
 			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 = () => {
@@ -180,24 +182,24 @@ var _e = v(" "), ve = v("<div data-popover-arrow>"), ye = v("<div>"), be = v("<d
 		ue(() => {
 			C.manual || Z();
 		});
-		let Ae = () => {
+		let je = () => {
 			E.value || U();
 		};
 		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 = Se(), we(), U(), H = fe(V(), A.value, Ee)));
 		}, { flush: "post" }), x([
 			() => C.placement,
 			() => C.offset,
 			() => C.showArrow
 		], () => {
-			E.value && W();
+			E.value && Ee();
 		}), x(() => C.manual, (e) => {
-			e ? ke() : Z();
+			e ? Ae() : Z();
 		}), x(() => C.trigger, (e, t) => {
-			e !== t && (q.value?.cancel(), E.value = !1, w("change", !1), ke());
+			e !== t && (q.value?.cancel(), E.value = !1, w("change", !1), Ae());
 		});
 		let Q = () => {
-			q.value?.cancel(), J.value?.cancel(), K &&= (clearTimeout(K), null), E.value = !1, D.value = !1, U();
+			q.value?.cancel(), J.value?.cancel(), G &&= (clearTimeout(G), null), E.value = !1, D.value = !1, U();
 		};
 		ie(() => {
 			Q();
@@ -205,7 +207,8 @@ var _e = v(" "), ve = v("<div data-popover-arrow>"), ye = v("<div>"), be = v("<d
 			Q(), R();
 		}), v({
 			show: Y,
-			hide: X
+			hide: X,
+			hideImmediate: ke
 		});
 		let $ = re();
 		return [ee(() => Ce()), l(i, {
@@ -218,7 +221,7 @@ var _e = v(" "), ve = v("<div data-popover-arrow>"), ye = v("<div>"), be = v("<d
 				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: () => je,
 				persisted: ""
 			}, () => {
 				let e = ye();

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

@@ -69,4 +69,6 @@ export interface PopoverExpose {
     show: () => void;
     /** 隐藏 */
     hide: () => void;
+    /** 立即隐藏（同步，跳过关闭延时，用于点击后立即切换路由等场景） */
+    hideImmediate: () => void;
 }

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.4",
   "contributions": {
     "html": {
       "types-syntax": "typescript",

package/package.json

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