antd-mobile 5.36.0 → 5.36.1

package/2x/bundle/antd-mobile.es.development.js

@@ -9709,18 +9709,27 @@ function useResizeEffect(effect, targetRef) {
     }
   }, [targetRef]);
 }
-function useMutationEffect(effect, targetRef, options) {
-  const fn = useMemoizedFn(effect);
-  useEffect(() => {
-    const observer = new MutationObserver(() => {
-      fn();
+function observe(element, options, callback) {
+  if (element && typeof MutationObserver !== "undefined") {
+    let observer = new MutationObserver(() => {
+      callback();
     });
-    if (!targetRef.current)
-      return;
-    observer.observe(targetRef.current, options);
+    observer.observe(element, options);
     return () => {
-      observer.disconnect();
+      if (observer) {
+        observer.disconnect();
+        observer = null;
+      }
     };
+  }
+  return () => {
+  };
+}
+function useMutationEffect(effect, targetRef, options) {
+  const fn = useMemoizedFn(effect);
+  useEffect(() => {
+    const cleanup = observe(targetRef.current, options, fn);
+    return cleanup;
   }, [targetRef]);
 }
 function bound(position, min2, max2) {
@@ -12197,9 +12206,26 @@ const CollapsePanelContent = (props) => {
     if (!inner)
       return;
     if (visible) {
-      api.start({
-        height: inner.offsetHeight
-      });
+      let lastMotionId = 0;
+      let cancelObserve = () => {
+      };
+      const handleMotion = () => {
+        lastMotionId += 1;
+        const motionId = lastMotionId;
+        api.start({
+          height: inner.offsetHeight
+        })[0].then(() => {
+          if (motionId === lastMotionId) {
+            cancelObserve();
+          }
+        });
+      };
+      cancelObserve = observe(inner, {
+        childList: true,
+        subtree: true
+      }, handleMotion);
+      handleMotion();
+      return cancelObserve;
     } else {
       api.start({
         height: inner.offsetHeight,