hero-animate 1.0.0 → 1.0.2

package/README.md

@@ -215,6 +215,21 @@ npm publish       # 发布（prepublishOnly 会自动构建）
 
 文档站通过 [deploy-docs.yml](./.github/workflows/deploy-docs.yml) 在 push 到 `main` 时自动发布到 GitHub Pages。首次部署前需在仓库 **Settings → Pages → Build and deployment** 将 Source 设为 **GitHub Actions**（`GITHUB_TOKEN` 无权自动创建 Pages 站点）。
 
+### 发布 Release
+
+版本号以 `package.json` 为准，推送 `v*` tag 即触发 [release.yml](./.github/workflows/release.yml)：
+
+```bash
+npm version patch        # 或 minor / major，自动提交并创建 vX.Y.Z tag
+git push --follow-tags   # 推送提交与 tag
+```
+
+工作流会校验 tag 与 `package.json` 版本一致、构建 `dist/`、执行 `npm pack`，并用自动生成的 release notes 创建 GitHub Release，同时附上打包好的 `.tgz`。需要发布到 npm 时再执行：
+
+```bash
+npm publish
+```
+
 ## License
 
 [MIT](./LICENSE) © SinJayXie

package/dist/{heroTransition-CND4UQtc.js → heroTransition-KNWyrgvQ.js}

@@ -125,8 +125,8 @@ function b(t, r = {}) {
 			e instanceof HTMLInputElement && n instanceof HTMLInputElement && (n.checked = e.checked, n.indeterminate = e.indeterminate), n.value !== e.value && (n.value = e.value);
 		});
 	}
-	function z(e) {
-		e.style.removeProperty("transform"), e.style.removeProperty("transform-origin"), e.style.removeProperty("border-radius"), e.style.removeProperty("opacity");
+	function z(e, t = !1) {
+		e.style.removeProperty("transform"), e.style.removeProperty("transform-origin"), e.style.removeProperty("border-radius"), t ? e.style.opacity = "0" : e.style.removeProperty("opacity");
 	}
 	function B(t, r) {
 		let i = t, s = N(t);
@@ -231,13 +231,13 @@ function b(t, r = {}) {
 		x?.cancel(), b++, P(), s && z(s), o && (i.style.removeProperty("background-color"), i.style.removeProperty("backdrop-filter"), i.style.removeProperty("opacity"), i.style.pointerEvents = "none");
 		let d = o ? y(i) : v;
 		if (c() || !s) {
-			u();
+			s && (s.style.opacity = "0"), u();
 			return;
 		}
 		let p = s.getBoundingClientRect(), m = F();
 		if (!m) {
 			x = e({ onComplete: () => {
-				z(s), u();
+				z(s, !0), u();
 			} }), x.add(s, {
 				scaleX: [1, a.dismiss],
 				scaleY: [1, a.dismiss],
@@ -259,7 +259,7 @@ function b(t, r = {}) {
 			width: p.width,
 			height: p.height
 		}, 2), R(s, S), S.style.borderRadius = `${A}px`, l ? (s.style.opacity = "0", x = e({ onComplete: () => {
-			P(), z(s), u();
+			P(), z(s, !0), u();
 		} }), o && x.add(i, {
 			opacity: 0,
 			duration: n.panel,
@@ -277,7 +277,7 @@ function b(t, r = {}) {
 			duration: n.panel,
 			ease: f
 		}, 0)) : (C = L(t, w ?? s, m, 1), C.style.transform = `translate(${-E}px, ${-D}px) scale(${1 / h}, ${1 / T})`, C.style.opacity = "0", s.style.opacity = "0", x = e({ onComplete: () => {
-			P(), z(s), u();
+			P(), z(s, !0), u();
 		} }), o && x.add(i, {
 			backgroundColor: [_, g],
 			backdropFilter: [d, v],

package/dist/index.js

@@ -1 +1 @@
-export { i as SPRING_PARAMS, t as createDialogHero, n as createHeroTransition, r as installModalSourceTracking } from "./heroTransition-CND4UQtc.js";
+export { i as SPRING_PARAMS, t as createDialogHero, n as createHeroTransition, r as installModalSourceTracking } from "./heroTransition-KNWyrgvQ.js";

package/dist/react.js

@@ -1,64 +1,65 @@
-import { n as e } from "./heroTransition-CND4UQtc.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 { n as e } from "./heroTransition-KNWyrgvQ.js";
+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/dist/vue.js

@@ -1,4 +1,4 @@
-import { n as e } from "./heroTransition-CND4UQtc.js";
+import { n as e } from "./heroTransition-KNWyrgvQ.js";
 import "./index.js";
 import { defineComponent as t, h as n, nextTick as r, onBeforeUnmount as i, onMounted as a, ref as o, watch as s } from "vue";
 // lib/vue.ts

package/package.json

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