react-vant-nova 1.1.7-test → 1.1.9-test

package/bundle/react-vant-nova.es.js

@@ -1,9 +1,9 @@
-import React, { useRef, useEffect, useState, useMemo, useCallback, useContext, createContext, forwardRef, useImperativeHandle, memo, isValidElement, version, Children, cloneElement } from "react";
+import React, { useRef, useEffect, useState, useMemo, useCallback, useContext, createContext, forwardRef, useImperativeHandle, memo, isValidElement, Children, cloneElement } from "react";
 import clsx from "clsx";
 import { ArrowLeft, ArrowUp, ArrowDown, Arrow, Cross, Clear, QuestionO, PhotoFail, Photo, Checked, Success, Search as Search$1, Star, StarO, Close, Description, Photograph, ExpandO } from "@react-vant/icons";
 import { CSSTransition } from "react-transition-group";
 import * as ReactDOM from "react-dom";
-import { createPortal, version as version$1 } from "react-dom";
+import { createPortal } from "react-dom";
 import { createUseGesture, dragAction, pinchAction, useDrag } from "@use-gesture/react";
 import { useSpring, animated } from "@react-spring/web";
 import { createPopper, offsetModifier } from "@vant/popperjs";
@@ -5665,11 +5665,6 @@ const Toast$1 = (p) => {
     teleport: props.teleport
   }, renderIcon(), renderMessage());
 };
-const reactVersion = Number((version || "").split(".")[0]);
-Number((version$1 || "").split(".")[0]);
-console.log("method.tsx loaded");
-console.log("React version:", reactVersion);
-console.log("canUseDom:", canUseDom());
 const defaultOptions = {
   message: "",
   className: "",
@@ -5694,66 +5689,63 @@ function nextTickClear() {
   setTimeout(syncClear);
 }
 const ToastObj = (p) => {
-  console.log("ToastObj called");
-  if (!canUseDom()) {
-    console.log("canUseDom returned false");
+  if (!canUseDom())
     return null;
-  }
   const props = parseOptions(p);
-  console.log("props:", props);
-  const update = {
-    config: () => {
+  const componentRef = {
+    clear: () => {
     },
-    clear: () => null
+    config: (nextState) => {
+    }
+  };
+  const update = {
+    config: (nextState) => componentRef.config(nextState),
+    clear: () => {
+      componentRef.clear();
+    }
   };
   let timer = 0;
   const { onClose, teleport } = props;
   const container = document.createElement("div");
   const bodyContainer = resolveContainer(teleport);
-  console.log("bodyContainer:", bodyContainer);
   bodyContainer.appendChild(container);
-  console.log("container added to bodyContainer");
   const TempToast = () => {
-    console.log("TempToast component rendered");
     const options = {
       duration: 2e3,
       ...props
     };
     const [visible, setVisible] = useState(false);
     const [state, setState] = useState({ ...options });
-    console.log("TempToast useState initialized, visible:", visible);
+    useEffect(() => {
+      setVisible(true);
+    }, []);
     const internalOnClosed = useCallback(() => {
-      console.log("internalOnClosed called");
       if (state.forbidClick) {
         lockClick(false);
       }
       setVisible(false);
-      window.setTimeout(() => {
-        const unmountResult = unmount(container);
-        if (unmountResult && container.parentNode) {
-          container.parentNode.removeChild(container);
-        }
-      }, +state.duration || +defaultOptions.duration);
-    }, [container]);
+      +state.duration || +defaultOptions.duration;
+    }, [state.duration, state.forbidClick]);
+    const handleAfterClose = useCallback(() => {
+      const unmountResult = unmount(container);
+      if (unmountResult && container.parentNode) {
+        container.parentNode.removeChild(container);
+      }
+    }, []);
     const destroy = useCallback(() => {
-      console.log("destroy called");
       setVisible(false);
       if (onClose)
         onClose();
-    }, []);
-    update.clear = internalOnClosed;
-    update.config = useCallback(
-      (nextState) => {
-        console.log("update.config called:", nextState);
+    }, [onClose]);
+    useIsomorphicLayoutEffect(() => {
+      componentRef.clear = internalOnClosed;
+      componentRef.config = (nextState) => {
         setState(
           (prev2) => typeof nextState === "function" ? { ...prev2, ...nextState(prev2) } : { ...prev2, ...nextState }
         );
-      },
-      [setState]
-    );
+      };
+    }, [internalOnClosed]);
     useIsomorphicLayoutEffect(() => {
-      console.log("useIsomorphicLayoutEffect called");
-      setVisible(true);
       if (!allowMultiple)
         syncClear();
       toastArray.push(internalOnClosed);
@@ -5769,25 +5761,21 @@ const ToastObj = (p) => {
     return /* @__PURE__ */ React.createElement(Toast$1, {
       ...state,
       visible,
-      teleport: () => container,
+      teleport: null,
       onClose: destroy,
-      onClosed: internalOnClosed
+      onClosed: handleAfterClose
     });
   };
-  console.log("Before render(<TempToast />)");
   render(/* @__PURE__ */ React.createElement(TempToast, null), container);
-  console.log("After render(<TempToast />)");
   return update;
 };
 function parseOptions(message) {
-  console.log("parseOptions called:", message);
   if (isObject(message)) {
     return message;
   }
   return { message };
 }
 const createMethod = (type) => (options) => {
-  console.log("createMethod called:", type, options);
   return ToastObj({
     ...currentOptions,
     ...defaultOptionsMap.get(type),

package/bundle/react-vant-nova.js

@@ -12224,11 +12224,6 @@
       teleport: props.teleport
     }, renderIcon(), renderMessage());
   };
-  const reactVersion = Number((React.version || "").split(".")[0]);
-  Number((ReactDOM.version || "").split(".")[0]);
-  console.log("method.tsx loaded");
-  console.log("React version:", reactVersion);
-  console.log("canUseDom:", canUseDom());
   const defaultOptions = {
     message: "",
     className: "",
@@ -12253,66 +12248,63 @@
     setTimeout(syncClear);
   }
   const ToastObj = (p2) => {
-    console.log("ToastObj called");
-    if (!canUseDom()) {
-      console.log("canUseDom returned false");
+    if (!canUseDom())
       return null;
-    }
     const props = parseOptions(p2);
-    console.log("props:", props);
-    const update2 = {
-      config: () => {
+    const componentRef = {
+      clear: () => {
       },
-      clear: () => null
+      config: (nextState) => {
+      }
+    };
+    const update2 = {
+      config: (nextState) => componentRef.config(nextState),
+      clear: () => {
+        componentRef.clear();
+      }
     };
     let timer = 0;
     const { onClose, teleport } = props;
     const container = document.createElement("div");
     const bodyContainer = resolveContainer(teleport);
-    console.log("bodyContainer:", bodyContainer);
     bodyContainer.appendChild(container);
-    console.log("container added to bodyContainer");
     const TempToast = () => {
-      console.log("TempToast component rendered");
       const options = {
         duration: 2e3,
         ...props
       };
       const [visible, setVisible] = React.useState(false);
       const [state, setState] = React.useState({ ...options });
-      console.log("TempToast useState initialized, visible:", visible);
+      React.useEffect(() => {
+        setVisible(true);
+      }, []);
       const internalOnClosed = React.useCallback(() => {
-        console.log("internalOnClosed called");
         if (state.forbidClick) {
           lockClick(false);
         }
         setVisible(false);
-        window.setTimeout(() => {
-          const unmountResult = unmount(container);
-          if (unmountResult && container.parentNode) {
-            container.parentNode.removeChild(container);
-          }
-        }, +state.duration || +defaultOptions.duration);
-      }, [container]);
+        +state.duration || +defaultOptions.duration;
+      }, [state.duration, state.forbidClick]);
+      const handleAfterClose = React.useCallback(() => {
+        const unmountResult = unmount(container);
+        if (unmountResult && container.parentNode) {
+          container.parentNode.removeChild(container);
+        }
+      }, []);
       const destroy = React.useCallback(() => {
-        console.log("destroy called");
         setVisible(false);
         if (onClose)
           onClose();
-      }, []);
-      update2.clear = internalOnClosed;
-      update2.config = React.useCallback(
-        (nextState) => {
-          console.log("update.config called:", nextState);
+      }, [onClose]);
+      useIsomorphicLayoutEffect$1(() => {
+        componentRef.clear = internalOnClosed;
+        componentRef.config = (nextState) => {
           setState(
             (prev2) => typeof nextState === "function" ? { ...prev2, ...nextState(prev2) } : { ...prev2, ...nextState }
           );
-        },
-        [setState]
-      );
+        };
+      }, [internalOnClosed]);
       useIsomorphicLayoutEffect$1(() => {
-        console.log("useIsomorphicLayoutEffect called");
-        setVisible(true);
         if (!allowMultiple)
           syncClear();
         toastArray.push(internalOnClosed);
@@ -12328,25 +12320,21 @@
       return /* @__PURE__ */ React__default["default"].createElement(Toast$1, {
         ...state,
         visible,
-        teleport: () => container,
+        teleport: null,
         onClose: destroy,
-        onClosed: internalOnClosed
+        onClosed: handleAfterClose
       });
     };
-    console.log("Before render(<TempToast />)");
     render(/* @__PURE__ */ React__default["default"].createElement(TempToast, null), container);
-    console.log("After render(<TempToast />)");
     return update2;
   };
   function parseOptions(message) {
-    console.log("parseOptions called:", message);
     if (isObject$1(message)) {
       return message;
     }
     return { message };
   }
   const createMethod = (type2) => (options) => {
-    console.log("createMethod called:", type2, options);
     return ToastObj({
       ...currentOptions,
       ...defaultOptionsMap.get(type2),