react-vant-nova 1.0.7-test → 1.0.8

package/es/empty/Network.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export declare const Network: JSX.Element;

package/es/radio/Radio.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { RadioProps, RadioValueType } from './PropsType';
 declare function Radio<T = RadioValueType>(props: RadioProps<T>): JSX.Element;
 export default Radio;

package/es/radio/RadioGroup.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { RadioGroupProps, RadioValueType } from './PropsType';
 declare function RadioGroup<T = RadioValueType>(props: RadioGroupProps<T>): JSX.Element;
 export default RadioGroup;

package/es/toast/Toast.js

@@ -50,7 +50,6 @@ const Toast = p => {
       });
     }
     if (type === 'loading') {
-      // @ts-ignore
       return _jsx(Loading, {
         className: clsx(bem('loading')),
         type: loadingType
@@ -59,42 +58,36 @@ const Toast = p => {
     return null;
   };
   const renderMessage = () => {
-    // 调试用加延时
-    setTimeout(() => {
-      const {
-        message
-      } = props;
-      if (isDef(message) && message !== '') {
-        return _jsx("div", Object.assign({
-          className: clsx(bem('info'))
-        }, {
-          children: message
-        }));
-      }
-      return null;
-    }, 100);
+    const {
+      message
+    } = props;
+    if (isDef(message) && message !== '') {
+      return _jsx("div", Object.assign({
+        className: clsx(bem('info'))
+      }, {
+        children: message
+      }));
+    }
+    return null;
   };
-  return (
-    // @ts-ignore
-    _jsxs(Popup, Object.assign({
-      className: clsx([bem([props.position, {
-        [props.type]: !props.icon
-      }]), props.className]),
-      visible: props.visible,
-      overlay: props.overlay,
-      transition: props.transition,
-      overlayClass: props.overlayClass,
-      overlayStyle: props.overlayStyle,
-      closeOnClickOverlay: props.closeOnClickOverlay,
-      lockScroll: false,
-      onClick: onClick,
-      onClose: props.onClose,
-      onClosed: props.onClosed,
-      onOpened: props.onOpened,
-      teleport: props.teleport
-    }, {
-      children: [renderIcon(), renderMessage()]
-    }))
-  );
+  return _jsxs(Popup, Object.assign({
+    className: clsx([bem([props.position, {
+      [props.type]: !props.icon
+    }]), props.className]),
+    visible: props.visible,
+    overlay: props.overlay,
+    transition: props.transition,
+    overlayClass: props.overlayClass,
+    overlayStyle: props.overlayStyle,
+    closeOnClickOverlay: props.closeOnClickOverlay,
+    lockScroll: false,
+    onClick: onClick,
+    onClose: props.onClose,
+    onClosed: props.onClosed,
+    onOpened: props.onOpened,
+    teleport: props.teleport
+  }, {
+    children: [renderIcon(), renderMessage()]
+  }));
 };
 export default Toast;

package/es/utils/dom/render.js

@@ -1,23 +1,13 @@
 import { __awaiter } from "tslib";
 import * as ReactDOM from 'react-dom';
-// Let compiler not to search module usage
+import { createRoot } from 'react-dom/client';
+// Copy from rc-util to fix React 19 support
+// https://github.com/react-component/util/blob/master/src/React/render.ts
 const fullClone = Object.assign({}, ReactDOM);
 const {
+  render: reactRender,
   unmountComponentAtNode
 } = fullClone;
-let createRoot;
-// 确保在React 18+版本中获取createRoot
-if (fullClone.createRoot) {
-  createRoot = fullClone.createRoot;
-} else {
-  // 如果createRoot不可用，尝试从react-dom/client导入
-  try {
-    // eslint-disable-next-line @typescript-eslint/no-var-requires
-    createRoot = require('react-dom/client').createRoot;
-  } catch (e) {
-    // 保留原有行为以兼容旧版本
-  }
-}
 function toggleWarning(skip) {
   const {
     __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED
@@ -27,33 +17,24 @@ function toggleWarning(skip) {
   }
 }
 const MARK = '__react_vant_root__';
-/*************  ✨ Windsurf Command ⭐  *************/
-/**
- * 使用ReactDOM.render的替代方案，仅用于旧版本React
- * 如果ReactDOM.render不可用，将降级使用createRoot（如果可用）
-/*******  57770e2e-0e81-41a7-aee6-9175a4a59062  *******/
 function legacyRender(node, container) {
-  // 使用ReactDOM.render的替代方案，仅用于旧版本React
-  // @ts-ignore
-  if (fullClone.render) {
+  if (reactRender) {
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
     // @ts-ignore
-    fullClone.render(node, container);
-  } else {
-    // 如果ReactDOM.render不可用，降级使用createRoot（如果可用）
-    if (createRoot) {
-      concurrentRender(node, container);
-    }
+    reactRender(node, container);
   }
 }
 function concurrentRender(node, container) {
   toggleWarning(true);
   const root = container[MARK] || createRoot(container);
   toggleWarning(false);
+  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
   // @ts-ignore
   root.render(node);
   container[MARK] = root;
 }
 export function render(node, container) {
+  // @ts-ignore
   if (createRoot) {
     concurrentRender(node, container);
     return;
@@ -62,7 +43,7 @@ export function render(node, container) {
 }
 // ========================== Unmount =========================
 function legacyUnmount(container) {
-  return unmountComponentAtNode(container);
+  return unmountComponentAtNode ? unmountComponentAtNode(container) : false;
 }
 function concurrentUnmount(container) {
   return __awaiter(this, void 0, void 0, function* () {
@@ -75,7 +56,8 @@ function concurrentUnmount(container) {
   });
 }
 export function unmount(container) {
-  if (createRoot) {
+  // @ts-ignore
+  if (createRoot || container[MARK]) {
     return concurrentUnmount(container);
   }
   return legacyUnmount(container);

package/es/utils/dom/render1.d.ts

@@ -0,0 +1,9 @@
+import { ReactElement } from 'react';
+import type { Root } from 'react-dom/client';
+declare const MARK = "__react_vant_root__";
+declare type ContainerType = (Element | DocumentFragment) & {
+    [MARK]?: Root;
+};
+export declare function render(node: ReactElement, container: ContainerType): void;
+export declare function unmount(container: ContainerType): boolean | Promise<void>;
+export {};

package/es/utils/dom/render1.js

@@ -0,0 +1,85 @@
+import { __awaiter } from "tslib";
+import * as ReactDOM from 'react-dom';
+// Let compiler not to search module usage
+const fullClone = Object.assign({}, ReactDOM);
+const {
+  unmountComponentAtNode
+} = fullClone;
+let createRoot;
+// 确保在React 18+版本中获取createRoot
+if (fullClone.createRoot) {
+  createRoot = fullClone.createRoot;
+} else {
+  // 如果createRoot不可用，尝试从react-dom/client导入
+  try {
+    // eslint-disable-next-line @typescript-eslint/no-var-requires
+    createRoot = require('react-dom/client').createRoot;
+  } catch (e) {
+    // 保留原有行为以兼容旧版本
+  }
+}
+function toggleWarning(skip) {
+  const {
+    __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED
+  } = fullClone;
+  if (__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED && typeof __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED === 'object') {
+    __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.usingClientEntryPoint = skip;
+  }
+}
+const MARK = '__react_vant_root__';
+/*************  ✨ Windsurf Command ⭐  *************/
+/**
+ * 使用ReactDOM.render的替代方案，仅用于旧版本React
+ * 如果ReactDOM.render不可用，将降级使用createRoot（如果可用）
+/*******  57770e2e-0e81-41a7-aee6-9175a4a59062  *******/
+function legacyRender(node, container) {
+  // 使用ReactDOM.render的替代方案，仅用于旧版本React
+  // @ts-ignore
+  if (fullClone.render) {
+    // @ts-ignore
+    fullClone.render(node, container);
+  } else {
+    // 如果ReactDOM.render不可用，降级使用createRoot（如果可用）
+    //@ts-ignore
+    if (createRoot) {
+      concurrentRender(node, container);
+    }
+  }
+}
+function concurrentRender(node, container) {
+  toggleWarning(true);
+  const root = container[MARK] || createRoot(container);
+  toggleWarning(false);
+  // @ts-ignore
+  root.render(node);
+  container[MARK] = root;
+}
+export function render(node, container) {
+  //@ts-ignore
+  if (createRoot) {
+    concurrentRender(node, container);
+    return;
+  }
+  legacyRender(node, container);
+}
+// ========================== Unmount =========================
+function legacyUnmount(container) {
+  return unmountComponentAtNode(container);
+}
+function concurrentUnmount(container) {
+  return __awaiter(this, void 0, void 0, function* () {
+    // Delay to unmount to avoid React 18 sync warning
+    return Promise.resolve().then(() => {
+      var _a;
+      (_a = container[MARK]) === null || _a === void 0 ? void 0 : _a.unmount();
+      delete container[MARK];
+    });
+  });
+}
+export function unmount(container) {
+  //@ts-ignore
+  if (createRoot) {
+    return concurrentUnmount(container);
+  }
+  return legacyUnmount(container);
+}

package/lib/empty/Network.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export declare const Network: JSX.Element;

package/lib/radio/Radio.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { RadioProps, RadioValueType } from './PropsType';
 declare function Radio<T = RadioValueType>(props: RadioProps<T>): JSX.Element;
 export default Radio;

package/lib/radio/RadioGroup.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { RadioGroupProps, RadioValueType } from './PropsType';
 declare function RadioGroup<T = RadioValueType>(props: RadioGroupProps<T>): JSX.Element;
 export default RadioGroup;

package/lib/toast/Toast.js

@@ -82,7 +82,6 @@ const Toast = p => {
       });
     }
     if (type === 'loading') {
-      // @ts-ignore
       return (0, _jsxRuntime().jsx)(_loading.default, {
         className: (0, _clsx().default)(bem('loading')),
         type: loadingType
@@ -91,42 +90,36 @@ const Toast = p => {
     return null;
   };
   const renderMessage = () => {
-    // 调试用加延时
-    setTimeout(() => {
-      const {
-        message
-      } = props;
-      if ((0, _utils.isDef)(message) && message !== '') {
-        return (0, _jsxRuntime().jsx)("div", Object.assign({
-          className: (0, _clsx().default)(bem('info'))
-        }, {
-          children: message
-        }));
-      }
-      return null;
-    }, 100);
+    const {
+      message
+    } = props;
+    if ((0, _utils.isDef)(message) && message !== '') {
+      return (0, _jsxRuntime().jsx)("div", Object.assign({
+        className: (0, _clsx().default)(bem('info'))
+      }, {
+        children: message
+      }));
+    }
+    return null;
   };
-  return (
-    // @ts-ignore
-    (0, _jsxRuntime().jsxs)(_popup.default, Object.assign({
-      className: (0, _clsx().default)([bem([props.position, {
-        [props.type]: !props.icon
-      }]), props.className]),
-      visible: props.visible,
-      overlay: props.overlay,
-      transition: props.transition,
-      overlayClass: props.overlayClass,
-      overlayStyle: props.overlayStyle,
-      closeOnClickOverlay: props.closeOnClickOverlay,
-      lockScroll: false,
-      onClick: onClick,
-      onClose: props.onClose,
-      onClosed: props.onClosed,
-      onOpened: props.onOpened,
-      teleport: props.teleport
-    }, {
-      children: [renderIcon(), renderMessage()]
-    }))
-  );
+  return (0, _jsxRuntime().jsxs)(_popup.default, Object.assign({
+    className: (0, _clsx().default)([bem([props.position, {
+      [props.type]: !props.icon
+    }]), props.className]),
+    visible: props.visible,
+    overlay: props.overlay,
+    transition: props.transition,
+    overlayClass: props.overlayClass,
+    overlayStyle: props.overlayStyle,
+    closeOnClickOverlay: props.closeOnClickOverlay,
+    lockScroll: false,
+    onClick: onClick,
+    onClose: props.onClose,
+    onClosed: props.onClosed,
+    onOpened: props.onOpened,
+    teleport: props.teleport
+  }, {
+    children: [renderIcon(), renderMessage()]
+  }));
 };
 var _default = exports.default = Toast;

package/lib/utils/dom/render.js

@@ -19,26 +19,22 @@ function ReactDOM() {
   };
   return data;
 }
+function _client() {
+  const data = require("react-dom/client");
+  _client = function () {
+    return data;
+  };
+  return data;
+}
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-// Let compiler not to search module usage
+// Copy from rc-util to fix React 19 support
+// https://github.com/react-component/util/blob/master/src/React/render.ts
 const fullClone = Object.assign({}, ReactDOM());
 const {
+  render: reactRender,
   unmountComponentAtNode
 } = fullClone;
-let createRoot;
-// 确保在React 18+版本中获取createRoot
-if (fullClone.createRoot) {
-  createRoot = fullClone.createRoot;
-} else {
-  // 如果createRoot不可用，尝试从react-dom/client导入
-  try {
-    // eslint-disable-next-line @typescript-eslint/no-var-requires
-    createRoot = require('react-dom/client').createRoot;
-  } catch (e) {
-    // 保留原有行为以兼容旧版本
-  }
-}
 function toggleWarning(skip) {
   const {
     __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED
@@ -48,34 +44,25 @@ function toggleWarning(skip) {
   }
 }
 const MARK = '__react_vant_root__';
-/*************  ✨ Windsurf Command ⭐  *************/
-/**
- * 使用ReactDOM.render的替代方案，仅用于旧版本React
- * 如果ReactDOM.render不可用，将降级使用createRoot（如果可用）
-/*******  57770e2e-0e81-41a7-aee6-9175a4a59062  *******/
 function legacyRender(node, container) {
-  // 使用ReactDOM.render的替代方案，仅用于旧版本React
-  // @ts-ignore
-  if (fullClone.render) {
+  if (reactRender) {
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
     // @ts-ignore
-    fullClone.render(node, container);
-  } else {
-    // 如果ReactDOM.render不可用，降级使用createRoot（如果可用）
-    if (createRoot) {
-      concurrentRender(node, container);
-    }
+    reactRender(node, container);
   }
 }
 function concurrentRender(node, container) {
   toggleWarning(true);
-  const root = container[MARK] || createRoot(container);
+  const root = container[MARK] || (0, _client().createRoot)(container);
   toggleWarning(false);
+  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
   // @ts-ignore
   root.render(node);
   container[MARK] = root;
 }
 function render(node, container) {
-  if (createRoot) {
+  // @ts-ignore
+  if (_client().createRoot) {
     concurrentRender(node, container);
     return;
   }
@@ -83,7 +70,7 @@ function render(node, container) {
 }
 // ========================== Unmount =========================
 function legacyUnmount(container) {
-  return unmountComponentAtNode(container);
+  return unmountComponentAtNode ? unmountComponentAtNode(container) : false;
 }
 function concurrentUnmount(container) {
   return (0, _tslib().__awaiter)(this, void 0, void 0, function* () {
@@ -96,7 +83,8 @@ function concurrentUnmount(container) {
   });
 }
 function unmount(container) {
-  if (createRoot) {
+  // @ts-ignore
+  if (_client().createRoot || container[MARK]) {
     return concurrentUnmount(container);
   }
   return legacyUnmount(container);

package/lib/utils/dom/render1.d.ts

@@ -0,0 +1,9 @@
+import { ReactElement } from 'react';
+import type { Root } from 'react-dom/client';
+declare const MARK = "__react_vant_root__";
+declare type ContainerType = (Element | DocumentFragment) & {
+    [MARK]?: Root;
+};
+export declare function render(node: ReactElement, container: ContainerType): void;
+export declare function unmount(container: ContainerType): boolean | Promise<void>;
+export {};

package/lib/utils/dom/render1.js

@@ -0,0 +1,106 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.render = render;
+exports.unmount = unmount;
+function _tslib() {
+  const data = require("tslib");
+  _tslib = function () {
+    return data;
+  };
+  return data;
+}
+function ReactDOM() {
+  const data = _interopRequireWildcard(require("react-dom"));
+  ReactDOM = function () {
+    return data;
+  };
+  return data;
+}
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+// Let compiler not to search module usage
+const fullClone = Object.assign({}, ReactDOM());
+const {
+  unmountComponentAtNode
+} = fullClone;
+let createRoot;
+// 确保在React 18+版本中获取createRoot
+if (fullClone.createRoot) {
+  createRoot = fullClone.createRoot;
+} else {
+  // 如果createRoot不可用，尝试从react-dom/client导入
+  try {
+    // eslint-disable-next-line @typescript-eslint/no-var-requires
+    createRoot = require('react-dom/client').createRoot;
+  } catch (e) {
+    // 保留原有行为以兼容旧版本
+  }
+}
+function toggleWarning(skip) {
+  const {
+    __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED
+  } = fullClone;
+  if (__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED && typeof __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED === 'object') {
+    __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.usingClientEntryPoint = skip;
+  }
+}
+const MARK = '__react_vant_root__';
+/*************  ✨ Windsurf Command ⭐  *************/
+/**
+ * 使用ReactDOM.render的替代方案，仅用于旧版本React
+ * 如果ReactDOM.render不可用，将降级使用createRoot（如果可用）
+/*******  57770e2e-0e81-41a7-aee6-9175a4a59062  *******/
+function legacyRender(node, container) {
+  // 使用ReactDOM.render的替代方案，仅用于旧版本React
+  // @ts-ignore
+  if (fullClone.render) {
+    // @ts-ignore
+    fullClone.render(node, container);
+  } else {
+    // 如果ReactDOM.render不可用，降级使用createRoot（如果可用）
+    //@ts-ignore
+    if (createRoot) {
+      concurrentRender(node, container);
+    }
+  }
+}
+function concurrentRender(node, container) {
+  toggleWarning(true);
+  const root = container[MARK] || createRoot(container);
+  toggleWarning(false);
+  // @ts-ignore
+  root.render(node);
+  container[MARK] = root;
+}
+function render(node, container) {
+  //@ts-ignore
+  if (createRoot) {
+    concurrentRender(node, container);
+    return;
+  }
+  legacyRender(node, container);
+}
+// ========================== Unmount =========================
+function legacyUnmount(container) {
+  return unmountComponentAtNode(container);
+}
+function concurrentUnmount(container) {
+  return (0, _tslib().__awaiter)(this, void 0, void 0, function* () {
+    // Delay to unmount to avoid React 18 sync warning
+    return Promise.resolve().then(() => {
+      var _a;
+      (_a = container[MARK]) === null || _a === void 0 ? void 0 : _a.unmount();
+      delete container[MARK];
+    });
+  });
+}
+function unmount(container) {
+  //@ts-ignore
+  if (createRoot) {
+    return concurrentUnmount(container);
+  }
+  return legacyUnmount(container);
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-vant-nova",
-  "version": "1.0.7test",
+  "version": "1.0.8",
   "description": "React Mobile UI Components based on Vant UI (兼容 React 19+,新增轻量 Table 组件)",
   "keywords": [
     "ui",