@sheinx/hooks 3.9.10-beta.2 → 3.9.10-beta.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cjs/common/use-collapse-animation/use-collapse-animation.d.ts.map +1 -1
- package/cjs/common/use-collapse-animation/use-collapse-animation.js +6 -1
- package/esm/common/use-collapse-animation/use-collapse-animation.d.ts.map +1 -1
- package/esm/common/use-collapse-animation/use-collapse-animation.js +6 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-collapse-animation.d.ts","sourceRoot":"","sources":["use-collapse-animation.ts"],"names":[],"mappings":";AAEA,MAAM,WAAW,2BAA2B;IAC1C;;OAEG;IACH,MAAM,EAAE,OAAO,CAAC;IAChB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;;OAGG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;CAC9B;AAED,MAAM,WAAW,0BAA0B;IACzC;;OAEG;IACH,UAAU,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,cAAc,EAAE,OAAO,CAAC;CACzB;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,oBAAoB,CAAC,CAAC,SAAS,WAAW,GAAG,WAAW,EACtE,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,EAC9B,OAAO,EAAE,2BAA2B,GACnC,0BAA0B,
|
|
1
|
+
{"version":3,"file":"use-collapse-animation.d.ts","sourceRoot":"","sources":["use-collapse-animation.ts"],"names":[],"mappings":";AAEA,MAAM,WAAW,2BAA2B;IAC1C;;OAEG;IACH,MAAM,EAAE,OAAO,CAAC;IAChB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;;OAGG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;CAC9B;AAED,MAAM,WAAW,0BAA0B;IACzC;;OAEG;IACH,UAAU,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,cAAc,EAAE,OAAO,CAAC;CACzB;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,oBAAoB,CAAC,CAAC,SAAS,WAAW,GAAG,WAAW,EACtE,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,EAC9B,OAAO,EAAE,2BAA2B,GACnC,0BAA0B,CA4I5B"}
|
|
@@ -55,7 +55,12 @@ function useCollapseAnimation(elementRef, options) {
|
|
|
55
55
|
|
|
56
56
|
// 使用 useLayoutEffect 确保动画状态在 DOM 更新前同步设置
|
|
57
57
|
(0, _react.useEffect)(function () {
|
|
58
|
-
if (!elementRef.current)
|
|
58
|
+
if (!elementRef.current) {
|
|
59
|
+
// 元素不在 DOM 中（如懒渲染），清除首次渲染标记，
|
|
60
|
+
// 确保元素出现时状态变化被当作过渡（触发动画）而非初始化。
|
|
61
|
+
isFirstRenderRef.current = false;
|
|
62
|
+
return;
|
|
63
|
+
}
|
|
59
64
|
var el = elementRef.current;
|
|
60
65
|
|
|
61
66
|
// 如果禁用动画，清除所有样式并返回
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-collapse-animation.d.ts","sourceRoot":"","sources":["use-collapse-animation.ts"],"names":[],"mappings":";AAEA,MAAM,WAAW,2BAA2B;IAC1C;;OAEG;IACH,MAAM,EAAE,OAAO,CAAC;IAChB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;;OAGG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;CAC9B;AAED,MAAM,WAAW,0BAA0B;IACzC;;OAEG;IACH,UAAU,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,cAAc,EAAE,OAAO,CAAC;CACzB;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,oBAAoB,CAAC,CAAC,SAAS,WAAW,GAAG,WAAW,EACtE,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,EAC9B,OAAO,EAAE,2BAA2B,GACnC,0BAA0B,
|
|
1
|
+
{"version":3,"file":"use-collapse-animation.d.ts","sourceRoot":"","sources":["use-collapse-animation.ts"],"names":[],"mappings":";AAEA,MAAM,WAAW,2BAA2B;IAC1C;;OAEG;IACH,MAAM,EAAE,OAAO,CAAC;IAChB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;;OAGG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;CAC9B;AAED,MAAM,WAAW,0BAA0B;IACzC;;OAEG;IACH,UAAU,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,cAAc,EAAE,OAAO,CAAC;CACzB;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,oBAAoB,CAAC,CAAC,SAAS,WAAW,GAAG,WAAW,EACtE,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,EAC9B,OAAO,EAAE,2BAA2B,GACnC,0BAA0B,CA4I5B"}
|
|
@@ -49,7 +49,12 @@ export function useCollapseAnimation(elementRef, options) {
|
|
|
49
49
|
|
|
50
50
|
// 使用 useLayoutEffect 确保动画状态在 DOM 更新前同步设置
|
|
51
51
|
useEffect(function () {
|
|
52
|
-
if (!elementRef.current)
|
|
52
|
+
if (!elementRef.current) {
|
|
53
|
+
// 元素不在 DOM 中（如懒渲染），清除首次渲染标记，
|
|
54
|
+
// 确保元素出现时状态变化被当作过渡（触发动画）而非初始化。
|
|
55
|
+
isFirstRenderRef.current = false;
|
|
56
|
+
return;
|
|
57
|
+
}
|
|
53
58
|
var el = elementRef.current;
|
|
54
59
|
|
|
55
60
|
// 如果禁用动画，清除所有样式并返回
|