@cyberpunk-vue/components 1.13.19 → 1.13.20

package/dist/index.mjs

@@ -6381,40 +6381,44 @@ var mi = ur, hi = dr, gi = sr, _i = fr, vi = (e, t, n) => {
 				e || Se();
 			};
 			xe.value ? xe.value(e) : e();
-		}, we = () => {
-			d.closeOnClickModal ? Ce() : I();
-		}, Te = () => {
+		}, we = !1, Te = (e) => {
+			let t = e.target;
+			we = !(t instanceof Node && P.value?.contains(t));
+		}, Ee = (e) => {
+			let t = e.target === e.currentTarget && we;
+			we = !1, t && (d.closeOnClickModal ? Ce() : I());
+		}, De = () => {
 			m("confirm"), Ce();
-		}, Ee = () => {
+		}, Oe = () => {
 			m("cancel"), Ce();
-		}, De = (e) => e.key !== "Escape" || !y.value ? !1 : (d.closeOnEscape ? Ce() : I(), !0), Oe = () => {
+		}, ke = (e) => e.key !== "Escape" || !y.value ? !1 : (d.closeOnEscape ? Ce() : I(), !0), je = () => {
 			j ||= Ae({
 				zIndex: d.zIndex,
 				stackPriority: d.stackPriority,
-				onKeydown: De,
+				onKeydown: ke,
 				onZIndexChange: (e) => {
 					k.value = e;
 				}
 			});
-		}, ke = () => {
+		}, Me = () => {
 			j && (j.unregister(), j = void 0, k.value = d.zIndex);
-		}, je = (e) => {
+		}, Ne = (e) => {
 			e.stopPropagation();
-		}, Me = () => {
+		}, Pe = () => {
 			m("opened");
-		}, Ne = () => {
-			m("closed"), Ie(), d.destroyOnClose && (C.value = !1);
-		}, Pe = "", Fe = () => {
-			d.lockScroll && (Pe = document.body.style.overflow, document.body.style.overflow = "hidden");
-		}, Ie = () => {
-			d.lockScroll && (document.body.style.overflow = Pe);
+		}, Fe = () => {
+			m("closed"), Re(), d.destroyOnClose && (C.value = !1);
+		}, Ie = "", Le = () => {
+			d.lockScroll && (Ie = document.body.style.overflow, document.body.style.overflow = "hidden");
+		}, Re = () => {
+			d.lockScroll && (document.body.style.overflow = Ie);
 		};
 		return W(() => d.modelValue, (e) => {
-			e ? (C.value = !0, y.value = !0, Oe(), m("open"), x(() => {
-				X(), Fe(), d.draggable && window.addEventListener("resize", ne);
+			e ? (C.value = !0, y.value = !0, je(), m("open"), x(() => {
+				X(), Le(), d.draggable && window.addEventListener("resize", ne);
 			})) : y.value && Se();
 		}), W(y, (e) => {
-			e || (d.modelValue && (m("close"), m("update:modelValue", !1)), ke(), window.removeEventListener("resize", ne));
+			e || (d.modelValue && (m("close"), m("update:modelValue", !1)), Me(), window.removeEventListener("resize", ne));
 		}), W(() => [d.zIndex, d.stackPriority], ([e, t]) => {
 			j ? j.update({
 				zIndex: e,
@@ -6423,11 +6427,11 @@ var mi = ur, hi = dr, gi = sr, _i = fr, vi = (e, t, n) => {
 		}), W(() => d.fullscreen, (e) => {
 			P.value && (e ? (q = P.value.style.transform, P.value.style.transform = "") : P.value.style.transform = q);
 		}), E(() => {
-			d.modelValue && (C.value = !0, y.value = !0, Oe(), x(() => {
-				Fe(), d.draggable && window.addEventListener("resize", ne);
+			d.modelValue && (C.value = !0, y.value = !0, je(), x(() => {
+				Le(), d.draggable && window.addEventListener("resize", ne);
 			}));
 		}), T(() => {
-			Ie(), ke(), window.removeEventListener("resize", ne);
+			Re(), Me(), window.removeEventListener("resize", ne);
 		}), t({
 			close: Ce,
 			resetPosition: X,
@@ -6437,18 +6441,19 @@ var mi = ur, hi = dr, gi = sr, _i = fr, vi = (e, t, n) => {
 			disabled: !e.appendToBody
 		}, [p(i, {
 			name: B(v).namespace + "-dialog-fade",
-			onAfterEnter: Me,
-			onAfterLeave: Ne
+			onAfterEnter: Pe,
+			onAfterLeave: Fe
 		}, {
 			default: K(() => [(e.destroyOnClose ? y.value : C.value || y.value) ? te((D(), c("div", {
 				key: 0,
 				class: S(ge.value),
 				style: w(ue.value),
-				onClick: J(we, ["self"])
+				onPointerdown: Te,
+				onPointerup: J(Ee, ["self"])
 			}, [l("div", {
 				class: S(de.value),
 				style: w(le.value),
-				onClick: J(we, ["self"])
+				onPointerup: J(Ee, ["self"])
 			}, [l("div", b({
 				ref_key: "panelRef",
 				ref: P
@@ -6457,7 +6462,7 @@ var mi = ur, hi = dr, gi = sr, _i = fr, vi = (e, t, n) => {
 				style: se.value,
 				role: "dialog",
 				"aria-modal": "true",
-				onClick: je,
+				onClick: Ne,
 				onAnimationend: R
 			}), [
 				l("div", { class: S(B(v).e("decor")) }, null, 2),
@@ -6499,11 +6504,11 @@ var mi = ur, hi = dr, gi = sr, _i = fr, vi = (e, t, n) => {
 					style: w(e.footerStyle)
 				}, [N(e.$slots, "footer", {
 					close: Ce,
-					confirm: Te
+					confirm: De
 				}, () => [e.showCancelButton ? (D(), o(B(Ye), {
 					key: 0,
 					class: S(B(v).e("cancel-btn")),
-					onClick: Ee
+					onClick: Oe
 				}, {
 					default: K(() => [f(L(e.cancelText || "取消"), 1)]),
 					_: 1
@@ -6512,7 +6517,7 @@ var mi = ur, hi = dr, gi = sr, _i = fr, vi = (e, t, n) => {
 					class: S(B(v).e("confirm-btn")),
 					type: $.value,
 					color: be.value,
-					onClick: Te
+					onClick: De
 				}, {
 					default: K(() => [f(L(e.confirmText || "确认"), 1)]),
 					_: 1
@@ -6532,7 +6537,7 @@ var mi = ur, hi = dr, gi = sr, _i = fr, vi = (e, t, n) => {
 					}, L(e.loadingText), 3)) : s("", !0)])], 6)) : s("", !0)]),
 					_: 3
 				})
-			], 16)], 6)], 6)), [[U, y.value]]) : s("", !0)]),
+			], 16)], 38)], 38)), [[U, y.value]]) : s("", !0)]),
 			_: 3
 		}, 8, ["name"])], 8, ["disabled"]));
 	}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cyberpunk-vue/components",
-  "version": "1.13.19",
+  "version": "1.13.20",
   "description": "Cyberpunk Vue components - A futuristic Vue 3 component library",
   "type": "module",
   "main": "./dist/index.cjs",
@@ -25,9 +25,9 @@
   "dependencies": {
     "@floating-ui/dom": "^1.7.6",
     "dayjs": "^1.11.20",
-    "@cyberpunk-vue/constants": "1.13.19",
-    "@cyberpunk-vue/hooks": "1.13.19",
-    "@cyberpunk-vue/theme-chalk": "1.13.19"
+    "@cyberpunk-vue/constants": "1.13.20",
+    "@cyberpunk-vue/theme-chalk": "1.13.20",
+    "@cyberpunk-vue/hooks": "1.13.20"
   },
   "author": "Juxest",
   "license": "MIT",