hero-animate 1.0.1 → 1.0.2

package/dist/react.js

@@ -1,64 +1,65 @@
 import { n as e } from "./heroTransition-KNWyrgvQ.js";
-import { useEffect as t, useMemo as n, useRef as r, useState as i } from "react";
-import { jsx as a } from "react/jsx-runtime";
+import { useEffect as t, useLayoutEffect as n, useMemo as r, useRef as i, useState as a } from "react";
+import { jsx as o } from "react/jsx-runtime";
 // lib/react.tsx
-function o({ open: o, masked: s = !0, ghostOnly: c = !1, panelSelector: l = ".modal-panel", anchor: u, spring: d, springAccel: f, onEntered: p, onExited: m, className: h, style: g, children: _ }) {
-	let [v, y] = i(o), b = r(null), x = r("closed"), S = r(0), C = r(u), w = r(p), T = r(m);
-	t(() => {
-		C.current = u, w.current = p, T.current = m;
+var s = typeof window < "u" ? n : t;
+function c({ open: n, masked: c = !0, ghostOnly: l = !1, panelSelector: u = ".modal-panel", anchor: d, spring: f, springAccel: p, onEntered: m, onExited: h, className: g, style: _, children: v }) {
+	let [y, b] = a(n), x = i(null), S = i("closed"), C = i(0), w = i(d), T = i(m), E = i(h);
+	s(() => {
+		w.current = d, T.current = m, E.current = h;
 	});
-	let E = JSON.stringify(d ?? null), D = JSON.stringify(f ?? null), O = n(() => e((e) => e instanceof HTMLElement ? e.querySelector(l) : null, {
-		masked: s,
-		ghostOnly: c,
-		panelSelector: l,
-		anchor: () => C.current?.() ?? null,
-		spring: d,
-		springAccel: f
+	let D = JSON.stringify(f ?? null), O = JSON.stringify(p ?? null), k = r(() => e((e) => e instanceof HTMLElement ? e.querySelector(u) : null, {
+		masked: c,
+		ghostOnly: l,
+		panelSelector: u,
+		anchor: () => w.current?.() ?? null,
+		spring: f,
+		springAccel: p
 	}), [
-		s,
 		c,
 		l,
-		E,
-		D
+		u,
+		D,
+		O
 	]);
-	return t(() => {
-		if (o) {
-			if (!v) {
-				y(!0);
+	return s(() => {
+		if (n) {
+			if (!y) {
+				b(!0);
 				return;
 			}
-			let e = b.current;
+			let e = x.current;
 			if (!e) return;
-			let t = x.current;
+			let t = S.current;
 			if (t === "entering" || t === "open") return;
-			let n = ++S.current;
-			x.current = "entering", O.onEnter(e, () => {
-				n === S.current && (x.current = "open", w.current?.());
+			let n = ++C.current;
+			S.current = "entering", k.onEnter(e, () => {
+				n === C.current && (S.current = "open", T.current?.());
 			});
 			return;
 		}
-		if (!v) return;
-		let e = b.current;
+		if (!y) return;
+		let e = x.current;
 		if (!e) {
-			y(!1);
+			b(!1);
 			return;
 		}
-		if (x.current === "leaving") return;
-		let t = ++S.current;
-		x.current = "leaving", O.onLeave(e, () => {
-			t === S.current && (x.current = "closed", y(!1), T.current?.());
+		if (S.current === "leaving") return;
+		let t = ++C.current;
+		S.current = "leaving", k.onLeave(e, () => {
+			t === C.current && (S.current = "closed", b(!1), E.current?.());
 		});
 	}, [
-		o,
-		v,
-		O
+		n,
+		y,
+		k
 	]), t(() => () => {
-		S.current++, x.current = "closed", O.cancel();
-	}, [O]), v ? /* @__PURE__ */ a("div", {
-		ref: b,
-		className: h,
-		style: g,
-		children: _
+		C.current++, S.current = "closed", k.cancel();
+	}, [k]), y ? /* @__PURE__ */ o("div", {
+		ref: x,
+		className: g,
+		style: _,
+		children: v
 	}) : null;
 }
-export { o as HeroTransition };
+export { c as HeroTransition };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "hero-animate",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "type": "module",
   "description": "iOS 风格「图标 ⇄ 窗口」形变转场，框架无关核心 + Vue/React 组件",
   "author": "SinJayXie",