react-vant-nova 1.1.6-test → 1.1.8-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, Children, cloneElement } from "react";
+import React, { useRef, useEffect, useState, useMemo, useCallback, useContext, createContext, forwardRef, useImperativeHandle, memo, isValidElement, version, 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 } from "react-dom";
+import { createPortal, version as version$1 } 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,6 +5665,11 @@ 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: "",
@@ -5689,9 +5694,13 @@ function nextTickClear() {
   setTimeout(syncClear);
 }
 const ToastObj = (p) => {
-  if (!canUseDom())
+  console.log("ToastObj called");
+  if (!canUseDom()) {
+    console.log("canUseDom returned false");
     return null;
+  }
   const props = parseOptions(p);
+  console.log("props:", props);
   const update = {
     config: () => {
     },
@@ -5701,16 +5710,20 @@ const ToastObj = (p) => {
   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");
+    console.log("TempToast component rendered");
     const options = {
       duration: 2e3,
       ...props
     };
-    const [visible, setVisible] = useState(false);
+    const [visible, setVisible] = useState(true);
     const [state, setState] = useState({ ...options });
+    console.log("TempToast useState initialized, visible:", visible);
     const internalOnClosed = useCallback(() => {
+      console.log("internalOnClosed called");
       if (state.forbidClick) {
         lockClick(false);
       }
@@ -5723,7 +5736,7 @@ const ToastObj = (p) => {
       }, +state.duration || +defaultOptions.duration);
     }, [container]);
     const destroy = useCallback(() => {
-      console.log("destroy");
+      console.log("destroy called");
       setVisible(false);
       if (onClose)
         onClose();
@@ -5731,6 +5744,7 @@ const ToastObj = (p) => {
     update.clear = internalOnClosed;
     update.config = useCallback(
       (nextState) => {
+        console.log("update.config called:", nextState);
         setState(
           (prev2) => typeof nextState === "function" ? { ...prev2, ...nextState(prev2) } : { ...prev2, ...nextState }
         );
@@ -5738,8 +5752,7 @@ const ToastObj = (p) => {
       [setState]
     );
     useIsomorphicLayoutEffect(() => {
-      console.log("useIsomorphicLayoutEffect");
-      setVisible(true);
+      console.log("useIsomorphicLayoutEffect called");
       if (!allowMultiple)
         syncClear();
       toastArray.push(internalOnClosed);
@@ -5755,32 +5768,31 @@ const ToastObj = (p) => {
     return /* @__PURE__ */ React.createElement(Toast$1, {
       ...state,
       visible,
-      teleport: () => container,
       onClose: destroy,
       onClosed: internalOnClosed
     });
   };
-  console.log(/* @__PURE__ */ React.createElement(TempToast, null), "TempToast1");
-  setTimeout(() => {
-    render(/* @__PURE__ */ React.createElement(TempToast, null), container);
-    console.log("render(<TempToast />, container)");
-    console.log(/* @__PURE__ */ React.createElement(TempToast, null), "TempToast2");
-    console.log(container, "container");
-    return update;
-  }, 300);
+  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) => ToastObj({
-  ...currentOptions,
-  ...defaultOptionsMap.get(type),
-  ...parseOptions(options),
-  type
-});
+const createMethod = (type) => (options) => {
+  console.log("createMethod called:", type, options);
+  return ToastObj({
+    ...currentOptions,
+    ...defaultOptionsMap.get(type),
+    ...parseOptions(options),
+    type
+  });
+};
 ["info", "loading", "success", "fail"].forEach((method) => {
   ToastObj[method] = createMethod(method);
 });

package/bundle/react-vant-nova.js

@@ -12224,6 +12224,11 @@
       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: "",
@@ -12248,9 +12253,13 @@
     setTimeout(syncClear);
   }
   const ToastObj = (p2) => {
-    if (!canUseDom())
+    console.log("ToastObj called");
+    if (!canUseDom()) {
+      console.log("canUseDom returned false");
       return null;
+    }
     const props = parseOptions(p2);
+    console.log("props:", props);
     const update2 = {
       config: () => {
       },
@@ -12260,16 +12269,20 @@
     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");
+      console.log("TempToast component rendered");
       const options = {
         duration: 2e3,
         ...props
       };
-      const [visible, setVisible] = React.useState(false);
+      const [visible, setVisible] = React.useState(true);
       const [state, setState] = React.useState({ ...options });
+      console.log("TempToast useState initialized, visible:", visible);
       const internalOnClosed = React.useCallback(() => {
+        console.log("internalOnClosed called");
         if (state.forbidClick) {
           lockClick(false);
         }
@@ -12282,7 +12295,7 @@
         }, +state.duration || +defaultOptions.duration);
       }, [container]);
       const destroy = React.useCallback(() => {
-        console.log("destroy");
+        console.log("destroy called");
         setVisible(false);
         if (onClose)
           onClose();
@@ -12290,6 +12303,7 @@
       update2.clear = internalOnClosed;
       update2.config = React.useCallback(
         (nextState) => {
+          console.log("update.config called:", nextState);
           setState(
             (prev2) => typeof nextState === "function" ? { ...prev2, ...nextState(prev2) } : { ...prev2, ...nextState }
           );
@@ -12297,8 +12311,7 @@
         [setState]
       );
       useIsomorphicLayoutEffect$1(() => {
-        console.log("useIsomorphicLayoutEffect");
-        setVisible(true);
+        console.log("useIsomorphicLayoutEffect called");
         if (!allowMultiple)
           syncClear();
         toastArray.push(internalOnClosed);
@@ -12314,32 +12327,31 @@
       return /* @__PURE__ */ React__default["default"].createElement(Toast$1, {
         ...state,
         visible,
-        teleport: () => container,
         onClose: destroy,
         onClosed: internalOnClosed
       });
     };
-    console.log(/* @__PURE__ */ React__default["default"].createElement(TempToast, null), "TempToast1");
-    setTimeout(() => {
-      render(/* @__PURE__ */ React__default["default"].createElement(TempToast, null), container);
-      console.log("render(<TempToast />, container)");
-      console.log(/* @__PURE__ */ React__default["default"].createElement(TempToast, null), "TempToast2");
-      console.log(container, "container");
-      return update2;
-    }, 300);
+    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) => ToastObj({
-    ...currentOptions,
-    ...defaultOptionsMap.get(type2),
-    ...parseOptions(options),
-    type: type2
-  });
+  const createMethod = (type2) => (options) => {
+    console.log("createMethod called:", type2, options);
+    return ToastObj({
+      ...currentOptions,
+      ...defaultOptionsMap.get(type2),
+      ...parseOptions(options),
+      type: type2
+    });
+  };
   ["info", "loading", "success", "fail"].forEach((method2) => {
     ToastObj[method2] = createMethod(method2);
   });