@pisell/materials 2.2.121 → 2.2.122

package/es/components/filter/components/items/text/Editor/index.d.ts

@@ -1,2 +1,2 @@
-declare const Text: () => JSX.Element;
+declare const Text: () => import("react").JSX.Element;
 export default Text;

package/es/components/filter/components/items/text/Preview/index.d.ts

@@ -1,2 +1,2 @@
-declare const Text: (props: any) => JSX.Element;
+declare const Text: (props: any) => import("react").JSX.Element;
 export default Text;

package/es/components/filter/components/items/text/index.d.ts

@@ -5,7 +5,7 @@ declare const _default: {
         field_type: string;
         default_value: string;
     };
-    Preview: (props: any) => JSX.Element;
-    Editor: () => JSX.Element;
+    Preview: (props: any) => import("react").JSX.Element;
+    Editor: () => import("react").JSX.Element;
 };
 export default _default;

package/es/components/filter/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import { FilterProps } from "./types";
-declare const Filter: (props: FilterProps) => JSX.Element | null;
+declare const Filter: (props: FilterProps) => React.JSX.Element | null;
 export default Filter;

package/es/components/list/index.d.ts

@@ -1,6 +1,7 @@
+import React from "react";
 import "./index.less";
 declare const List: {
-    (props: any): JSX.Element;
+    (props: any): React.JSX.Element;
     Item: import("antd/es/list/Item").ListItemTypeProps;
 };
 export default List;

package/es/components/lowCodePage/index.d.ts

@@ -1,5 +1,6 @@
+import React from "react";
 declare type LowCodePageProps = {
     id: number;
 };
-declare const LowCodePage: (props: LowCodePageProps) => JSX.Element;
+declare const LowCodePage: (props: LowCodePageProps) => React.JSX.Element;
 export default LowCodePage;

package/es/components/page-header/index.d.ts

@@ -10,5 +10,5 @@ interface PageHeaderProps {
     className?: string;
     style?: React.CSSProperties;
 }
-declare const PageHeader: (props: PageHeaderProps) => JSX.Element | null;
+declare const PageHeader: (props: PageHeaderProps) => React.JSX.Element | null;
 export default PageHeader;

package/es/components/pisellAdjustPrice/PisellAdjustPriceInputNumber.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { InputNumberProps } from 'antd/es/input-number';
 export interface PisellAdjustPriceInputNumberProps extends Omit<InputNumberProps, 'onChange'> {
     value?: number;
@@ -6,5 +6,5 @@ export interface PisellAdjustPriceInputNumberProps extends Omit<InputNumberProps
     defaultValue?: number;
     onChange?: (val: number) => void;
 }
-declare const PisellAdjustPriceInputNumber: (props: PisellAdjustPriceInputNumberProps) => JSX.Element;
+declare const PisellAdjustPriceInputNumber: (props: PisellAdjustPriceInputNumberProps) => React.JSX.Element;
 export default PisellAdjustPriceInputNumber;

package/es/components/pisellAlert/index.d.ts

@@ -18,5 +18,5 @@ export interface PisellAlertProps extends AlertProps {
  * @param props
  * @constructor
  */
-declare const PisellAlert: (props: PisellAlertProps) => false | JSX.Element;
+declare const PisellAlert: (props: PisellAlertProps) => false | React.JSX.Element;
 export default PisellAlert;

package/es/components/pisellCard/index.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { CardProps } from 'antd';
 import './index.less';
 export interface PisellCardProps extends CardProps {
@@ -15,5 +16,5 @@ export interface PisellCardProps extends CardProps {
  * @param props
  * @constructor
  */
-declare const PisellCard: (props: PisellCardProps) => JSX.Element;
+declare const PisellCard: (props: PisellCardProps) => React.JSX.Element;
 export default PisellCard;

package/es/components/pisellCountdown/index.d.ts

@@ -20,5 +20,5 @@ export declare type PisellCountdownProps = React.HTMLAttributes<HTMLSpanElement>
     /** 格式化倒计时展示 参考 dayjs */
     format?: string;
 };
-declare const PisellCountdown: (props: PisellCountdownProps) => JSX.Element;
+declare const PisellCountdown: (props: PisellCountdownProps) => React.JSX.Element;
 export default PisellCountdown;

package/es/components/pisellDatePicker/datePickerCpt.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { PickerDateProps } from 'antd/es/date-picker/generatePicker';
 import { Dayjs } from 'dayjs';
 import './detePickerCpt.less';
@@ -17,5 +18,5 @@ export interface DatePickerCptProps extends PickerDateProps<Dayjs> {
  * @param props
  * @constructor
  */
-declare const DatePickerCpt: (props: DatePickerCptProps) => JSX.Element;
+declare const DatePickerCpt: (props: DatePickerCptProps) => React.JSX.Element;
 export default DatePickerCpt;

package/es/components/pisellDatePicker/index.d.ts

@@ -1,2 +1,2 @@
-declare const PisellDatePicker: (props: any) => JSX.Element;
+declare const PisellDatePicker: (props: any) => import("react").JSX.Element;
 export default PisellDatePicker;

package/es/components/pisellDraggable/components/Remove/Remove.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import React from 'react';
 import { ActionProps } from '../Action';
-export declare function Remove(props: ActionProps): JSX.Element;
+export declare function Remove(props: ActionProps): React.JSX.Element;

package/es/components/pisellDraggable/components/TreeItem/SortableTreeItem.d.ts

@@ -5,5 +5,5 @@ interface Props extends TreeItemProps {
     id: UniqueIdentifier;
     __designMode?: string;
 }
-declare const _default: React.MemoExoticComponent<({ id, depth, ...props }: Props) => JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ id, depth, ...props }: Props) => React.JSX.Element>;
 export default _default;

package/es/components/pisellDraggable/index.d.ts

@@ -30,6 +30,6 @@ interface Props {
     /** 自定义拖拽判断函数，返回false时阻止拖拽 */
     canDrop?: (dragItem: FlattenedItem, dropTarget: FlattenedItem, parentId: UniqueIdentifier | null, parentNode: any) => boolean;
 }
-export declare function SortableTree({ collapsible, value, indicator, indentationWidth, removable, renderItem, onChange, onRemoveBefore, __designMode, maxLevel, canDrop, }: Props): JSX.Element;
-declare const Demo: (props: Props) => JSX.Element;
+export declare function SortableTree({ collapsible, value, indicator, indentationWidth, removable, renderItem, onChange, onRemoveBefore, __designMode, maxLevel, canDrop, }: Props): React.JSX.Element;
+declare const Demo: (props: Props) => React.JSX.Element;
 export default Demo;

package/es/components/pisellDropSort/components/SortableItem/index.d.ts

@@ -22,5 +22,5 @@ interface SortableItemProps {
     /** 获取item样式 */
     getItemStyle?: (itemProps: TreeItem) => React.CSSProperties;
 }
-declare const SortableItem: (props: SortableItemProps) => JSX.Element;
+declare const SortableItem: (props: SortableItemProps) => React.JSX.Element;
 export default SortableItem;

package/es/components/pisellFloatingPanel/index.d.ts

@@ -13,5 +13,5 @@ export interface PisellFloatingPanelProps {
     style?: React.CSSProperties;
     retractIconStyle?: React.CSSProperties;
 }
-declare const PisellFloatingPanel: (props: PisellFloatingPanelProps) => JSX.Element;
+declare const PisellFloatingPanel: (props: PisellFloatingPanelProps) => React.JSX.Element;
 export default PisellFloatingPanel;

package/es/components/pisellInformationEntry/Input/index.d.ts

@@ -4,5 +4,5 @@ export interface PisellEntryInputProps {
     onChange: (val: string) => void;
     searchDescribe?: React.ReactNode;
 }
-declare const PisellEntryInput: (props: PisellEntryInputProps) => JSX.Element;
+declare const PisellEntryInput: (props: PisellEntryInputProps) => React.JSX.Element;
 export default PisellEntryInput;

package/es/components/pisellInformationEntry/Scan/index.d.ts

@@ -1,7 +1,8 @@
+import React from 'react';
 import './index.less';
 export interface ScanProps {
     onChange: (val: string) => void;
     onCancel: () => void;
 }
-declare const Scan: (props: ScanProps) => JSX.Element;
+declare const Scan: (props: ScanProps) => React.JSX.Element;
 export default Scan;

package/es/components/pisellInformationEntry/index.d.ts

@@ -29,5 +29,5 @@ export interface PisellInformationEntryProps extends Omit<React.HTMLAttributes<H
     /** 录入类型切换时候触发的 */
     onChangeType?: (val: null | EntryModeType['type']) => void;
 }
-declare const PisellInformationEntry: (props: PisellInformationEntryProps) => JSX.Element;
+declare const PisellInformationEntry: (props: PisellInformationEntryProps) => React.JSX.Element;
 export default PisellInformationEntry;

package/es/components/pisellInput/components/BankCard/index.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { InputProps } from 'antd';
 import { PisellContextType } from "../../../pisell-config-provider/context";
 import './index.less';
@@ -6,5 +7,5 @@ export declare type BankCardProps = InputProps & {
     platform?: PisellContextType['platform'];
     onChange?: (val: string) => void;
 };
-declare const BankCard: (props: BankCardProps) => JSX.Element;
+declare const BankCard: (props: BankCardProps) => React.JSX.Element;
 export default BankCard;

package/es/components/pisellInput/components/Copy/index.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { InputProps, ButtonProps } from 'antd';
 import { PisellContextType } from "../../../pisell-config-provider/context";
 export interface CopyProps extends InputProps {
@@ -6,5 +7,5 @@ export interface CopyProps extends InputProps {
     /** 后缀button的透传配置 */
     buttonProps?: ButtonProps;
 }
-declare const Copy: (props: CopyProps) => JSX.Element;
+declare const Copy: (props: CopyProps) => React.JSX.Element;
 export default Copy;

package/es/components/pisellInput/components/SecurityCode/index.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { InputProps } from 'antd';
 import './index.less';
 import { PisellContextType } from "../../../pisell-config-provider/context";
@@ -7,5 +8,5 @@ export interface SecurityCodeProps extends Omit<InputProps, 'onChange'> {
     onChange?: (val: string) => void;
     showCVCIcon?: boolean;
 }
-declare const SecurityCode: (props: SecurityCodeProps) => JSX.Element;
+declare const SecurityCode: (props: SecurityCodeProps) => React.JSX.Element;
 export default SecurityCode;

package/es/components/pisellInput/index.d.ts

@@ -1,13 +1,13 @@
-/// <reference types="react" />
+import React from 'react';
 import { InputProps } from 'antd';
 import { PisellContextType } from '../pisell-config-provider/context';
 declare const PisellInput: {
     (props: InputProps & {
         /** 平台 */
         platform?: PisellContextType['platform'];
-    }): JSX.Element;
-    BankCard: (props: import("./components/BankCard").BankCardProps) => JSX.Element;
-    SecurityCode: (props: import("./components/SecurityCode").SecurityCodeProps) => JSX.Element;
-    Copy: (props: import("./components/Copy").CopyProps) => JSX.Element;
+    }): React.JSX.Element;
+    BankCard: (props: import("./components/BankCard").BankCardProps) => React.JSX.Element;
+    SecurityCode: (props: import("./components/SecurityCode").SecurityCodeProps) => React.JSX.Element;
+    Copy: (props: import("./components/Copy").CopyProps) => React.JSX.Element;
 };
 export default PisellInput;

package/es/components/pisellLoading/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { SpinProps } from 'antd';
 import './index.less';
 declare type MaskType = {
@@ -16,5 +16,5 @@ export interface PisellLoadingProps extends SpinProps {
     /** 延迟显示加载效果的时间（防止闪烁）	 */
     delay?: number;
 }
-declare const PisellLoading: (props: PisellLoadingProps) => JSX.Element;
+declare const PisellLoading: (props: PisellLoadingProps) => React.JSX.Element;
 export default PisellLoading;

package/es/components/pisellModal/components/Information/index.d.ts

@@ -17,5 +17,5 @@ export interface InformationProps extends PisellModalProps {
     /** 右上角关闭按钮是否展示 */
     closable?: boolean;
 }
-declare const Information: (props: InformationProps) => JSX.Element;
+declare const Information: (props: InformationProps) => React.JSX.Element;
 export default Information;

package/es/components/pisellModal/components/IpadModal/index.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
+import React from 'react';
 import { PcModalProps } from '../PcModal';
 export interface IpadModalProps extends PcModalProps {
 }
-declare const IpadModal: (props: IpadModalProps) => JSX.Element;
+declare const IpadModal: (props: IpadModalProps) => React.JSX.Element;
 export default IpadModal;

package/es/components/pisellModal/components/MobileModal/index.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
+import React from 'react';
 import { PcModalProps } from '../PcModal';
 import './index.less';
 export interface MobileModalProps extends PcModalProps {
     /** 移动端展示时弹窗高度 默认null 在移动端全屏 */
     mobileModalHeight?: string | number;
 }
-declare const MobileModal: (props: MobileModalProps) => JSX.Element;
+declare const MobileModal: (props: MobileModalProps) => React.JSX.Element;
 export default MobileModal;

package/es/components/pisellModal/components/PcModal/index.d.ts

@@ -26,5 +26,5 @@ export interface PcModalProps extends ModalProps {
     /** header是否展示 */
     header?: boolean | null;
 }
-declare const PcModal: (props: PcModalProps) => JSX.Element;
+declare const PcModal: (props: PcModalProps) => React.JSX.Element;
 export default PcModal;

package/es/components/pisellModal/components/functions/index.d.ts

@@ -8,23 +8,33 @@ export interface PisellModalFuncProps extends ModalFuncProps {
 }
 export declare const info: (props: PisellModalFuncProps) => {
     destroy: () => void;
-    update: (configUpdate: ModalFuncProps | ((prevConfig: ModalFuncProps) => ModalFuncProps)) => void;
+    update: (configUpdate: import("antd/es/modal/confirm").ConfigUpdate) => void;
+} & {
+    then: <T>(resolve: (confirmed: boolean) => T, reject: VoidFunction) => Promise<T>;
 };
 export declare const success: (props: PisellModalFuncProps) => {
     destroy: () => void;
-    update: (configUpdate: ModalFuncProps | ((prevConfig: ModalFuncProps) => ModalFuncProps)) => void;
+    update: (configUpdate: import("antd/es/modal/confirm").ConfigUpdate) => void;
+} & {
+    then: <T>(resolve: (confirmed: boolean) => T, reject: VoidFunction) => Promise<T>;
 };
 export declare const error: (props: PisellModalFuncProps) => {
     destroy: () => void;
-    update: (configUpdate: ModalFuncProps | ((prevConfig: ModalFuncProps) => ModalFuncProps)) => void;
+    update: (configUpdate: import("antd/es/modal/confirm").ConfigUpdate) => void;
+} & {
+    then: <T>(resolve: (confirmed: boolean) => T, reject: VoidFunction) => Promise<T>;
 };
 export declare const warning: (props: PisellModalFuncProps) => {
     destroy: () => void;
-    update: (configUpdate: ModalFuncProps | ((prevConfig: ModalFuncProps) => ModalFuncProps)) => void;
+    update: (configUpdate: import("antd/es/modal/confirm").ConfigUpdate) => void;
+} & {
+    then: <T>(resolve: (confirmed: boolean) => T, reject: VoidFunction) => Promise<T>;
 };
 export declare const warn: (props: PisellModalFuncProps) => any;
 export declare const confirm: (props: PisellModalFuncProps) => {
     destroy: () => void;
-    update: (configUpdate: ModalFuncProps | ((prevConfig: ModalFuncProps) => ModalFuncProps)) => void;
+    update: (configUpdate: import("antd/es/modal/confirm").ConfigUpdate) => void;
+} & {
+    then: <T>(resolve: (confirmed: boolean) => T, reject: VoidFunction) => Promise<T>;
 };
 export { setModal };

package/es/components/pisellModal/components/index.d.ts

@@ -1,10 +1,9 @@
-/// <reference types="react" />
 import IpadModal from './IpadModal';
 import MobileModal from './MobileModal';
 import PcModal from './PcModal';
 declare const platformCpt: {
-    h5: (props: import("./MobileModal").MobileModalProps) => JSX.Element;
-    pc: (props: import("./PcModal").PcModalProps) => JSX.Element;
-    ipad: (props: import("./IpadModal").IpadModalProps) => JSX.Element;
+    h5: (props: import("./MobileModal").MobileModalProps) => import("react").JSX.Element;
+    pc: (props: import("./PcModal").PcModalProps) => import("react").JSX.Element;
+    ipad: (props: import("./IpadModal").IpadModalProps) => import("react").JSX.Element;
 };
 export { IpadModal, MobileModal, PcModal, platformCpt };

package/es/components/pisellModal/index.d.ts

@@ -31,28 +31,38 @@ export interface PisellModalProps extends ModalProps {
     header?: boolean | null;
 }
 declare const PisellModal: {
-    (props: PisellModalProps): JSX.Element;
+    (props: PisellModalProps): React.JSX.Element;
     confirm: (props: import("./components/functions").PisellModalFuncProps) => {
         destroy: () => void;
-        update: (configUpdate: import("antd").ModalFuncProps | ((prevConfig: import("antd").ModalFuncProps) => import("antd").ModalFuncProps)) => void;
+        update: (configUpdate: import("antd/es/modal/confirm").ConfigUpdate) => void;
+    } & {
+        then: <T>(resolve: (confirmed: boolean) => T, reject: VoidFunction) => Promise<T>;
     };
     info: (props: import("./components/functions").PisellModalFuncProps) => {
         destroy: () => void;
-        update: (configUpdate: import("antd").ModalFuncProps | ((prevConfig: import("antd").ModalFuncProps) => import("antd").ModalFuncProps)) => void;
+        update: (configUpdate: import("antd/es/modal/confirm").ConfigUpdate) => void;
+    } & {
+        then: <T>(resolve: (confirmed: boolean) => T, reject: VoidFunction) => Promise<T>;
     };
     error: (props: import("./components/functions").PisellModalFuncProps) => {
         destroy: () => void;
-        update: (configUpdate: import("antd").ModalFuncProps | ((prevConfig: import("antd").ModalFuncProps) => import("antd").ModalFuncProps)) => void;
+        update: (configUpdate: import("antd/es/modal/confirm").ConfigUpdate) => void;
+    } & {
+        then: <T>(resolve: (confirmed: boolean) => T, reject: VoidFunction) => Promise<T>;
     };
     warn: (props: import("./components/functions").PisellModalFuncProps) => any;
     warning: (props: import("./components/functions").PisellModalFuncProps) => {
         destroy: () => void;
-        update: (configUpdate: import("antd").ModalFuncProps | ((prevConfig: import("antd").ModalFuncProps) => import("antd").ModalFuncProps)) => void;
+        update: (configUpdate: import("antd/es/modal/confirm").ConfigUpdate) => void;
+    } & {
+        then: <T>(resolve: (confirmed: boolean) => T, reject: VoidFunction) => Promise<T>;
     };
     success: (props: import("./components/functions").PisellModalFuncProps) => {
         destroy: () => void;
-        update: (configUpdate: import("antd").ModalFuncProps | ((prevConfig: import("antd").ModalFuncProps) => import("antd").ModalFuncProps)) => void;
+        update: (configUpdate: import("antd/es/modal/confirm").ConfigUpdate) => void;
+    } & {
+        then: <T>(resolve: (confirmed: boolean) => T, reject: VoidFunction) => Promise<T>;
     };
-    Information: (props: import("./components/Information").InformationProps) => JSX.Element;
+    Information: (props: import("./components/Information").InformationProps) => React.JSX.Element;
 };
 export default PisellModal;

package/es/components/pisellQrcode/index.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import './index.less';
+interface PisellQrcodeProps {
+    size?: number;
+    platform?: 'pc' | 'h5' | 'ipad';
+    value: string;
+    className?: string;
+}
+declare const PisellQrcode: React.FC<PisellQrcodeProps>;
+export default PisellQrcode;

package/es/components/pisellRow/index.d.ts

@@ -18,5 +18,5 @@ interface PisellRowProps extends React.DetailedHTMLProps<React.HTMLAttributes<HT
  * @Author: zhiwei.Wang
  * @Date: 2024-08-16 10:38
  */
-declare const PisellRow: (props: PisellRowProps) => JSX.Element;
+declare const PisellRow: (props: PisellRowProps) => React.JSX.Element;
 export default PisellRow;

package/es/components/pisellStatisticList/index.d.ts

@@ -17,5 +17,5 @@ export interface PisellStatisticListProps extends React.HTMLAttributes<HTMLDivEl
         }[];
     }[];
 }
-declare const PisellStatisticList: (props: PisellStatisticListProps) => JSX.Element;
+declare const PisellStatisticList: (props: PisellStatisticListProps) => React.JSX.Element;
 export default PisellStatisticList;

package/es/components/pisellTags/index.d.ts

@@ -9,5 +9,5 @@ export interface PisellTagsProps extends React.DetailedHTMLProps<React.HTMLAttri
     icon?: React.ReactNode;
     color?: PisellTagsColor;
 }
-declare const PisellTags: (props: PisellTagsProps) => JSX.Element;
+declare const PisellTags: (props: PisellTagsProps) => React.JSX.Element;
 export default PisellTags;

package/es/components/pisellText/index.d.ts

@@ -2,8 +2,8 @@ import React from 'react';
 export interface PisellTextProps extends React.HTMLAttributes<HTMLSpanElement> {
 }
 declare const PisellText: {
-    (props: PisellTextProps): JSX.Element;
-    Amount: (props: import("./components/Amount").AmountProps) => JSX.Element;
+    (props: PisellTextProps): React.JSX.Element;
+    Amount: (props: import("./components/Amount").AmountProps) => React.JSX.Element;
     Editable: React.FC<import("./components/Editable").EditableProps>;
 };
 export default PisellText;

package/es/components/pisellToast/squareToast/renderImperatively.js

@@ -14,16 +14,37 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
 function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
 import * as ReactDOM from 'react-dom';
-import { createRoot } from 'react-dom/client';
 import React, { useEffect, useImperativeHandle, useRef, useState } from 'react';
 var MARK = '__pisell_react_root__';
 
 // ========================== Render ==========================
 
 export function render(node, container) {
-  var root = container[MARK] || createRoot(container);
-  root.render(node);
-  container[MARK] = root;
+  var root = container[MARK];
+  if (root) {
+    root.render(node);
+    return;
+  }
+  var ReactMajorVersion = parseInt(React.version.split('.')[0], 10);
+  var isReact18OrNewer = ReactMajorVersion >= 18;
+
+  // 尝试探测 ReactDOM.createRoot (某些环境或 Polyfill)
+  var fallbackCreateRoot = ReactDOM.createRoot;
+  if (isReact18OrNewer && fallbackCreateRoot) {
+    var _root = fallbackCreateRoot(container);
+    _root.render(node);
+    container[MARK] = _root;
+    return;
+  }
+
+  // React 19 强制检查：如果此时还没找到 createRoot，必须报错
+  // 因为 React 19 已移除 ReactDOM.render
+  if (ReactMajorVersion >= 19) {
+    console.error('[pisellToast] React 19+ requires `createRoot`. Please call `setCreateRoot(createRoot)` at your app entry.');
+  }
+
+  // 降级到 Legacy Render (React 16/17 或 React 18 Legacy Mode)
+  ReactDOM.render(node, container);
 }
 
 // ========================= Unmount ==========================
@@ -36,9 +57,15 @@ function _unmount() {
       while (1) switch (_context2.prev = _context2.next) {
         case 0:
           return _context2.abrupt("return", Promise.resolve().then(function () {
-            var _container$MARK;
-            (_container$MARK = container[MARK]) === null || _container$MARK === void 0 || _container$MARK.unmount();
-            delete container[MARK];
+            if (container[MARK]) {
+              var _container$MARK;
+              // React 18+ with createRoot
+              (_container$MARK = container[MARK]) === null || _container$MARK === void 0 || _container$MARK.unmount();
+              delete container[MARK];
+            } else {
+              // Legacy React 16/17
+              ReactDOM.unmountComponentAtNode(container);
+            }
           }));
         case 1:
         case "end":
@@ -49,12 +76,6 @@ function _unmount() {
   return _unmount.apply(this, arguments);
 }
 var defaultReactRender = function defaultReactRender(node, container) {
-  // React 19 及以上版本 ，只在开发环境下警告
-  if (process.env.NODE_ENV !== 'production') {
-    var majorVersion = parseInt(React.version.split('.')[0], 10);
-    var fullKeys = Object.keys(ReactDOM);
-    console.warn(majorVersion < 19 || fullKeys.includes('createRoot'), "[Compatible] Toast support React is 16 ~ 18.");
-  }
   render(node, container);
   return function () {
     return unmount(container);
@@ -71,9 +92,13 @@ export function unstableSetRender(render) {
   }
   return unstableRender;
 }
-export function renderToBody(element) {
-  var container = document.createElement('div');
-  document.body.appendChild(container);
+var sharedContainer = null;
+function renderToBody(element) {
+  if (!sharedContainer) {
+    sharedContainer = document.createElement('div');
+    document.body.appendChild(sharedContainer);
+  }
+  var container = sharedContainer;
   return unstableSetRender()(element, container);
 }
 export function renderImperatively(element) {

package/es/components/pisellTooltip/index.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { TooltipPropsWithTitle } from 'antd/es/tooltip';
 import { PisellContextType } from "../pisell-config-provider/context";
 import './index.less';
@@ -5,5 +6,5 @@ export interface PisellTooltipProps extends TooltipPropsWithTitle {
     /** 平台 */
     platform?: PisellContextType['platform'];
 }
-declare const PisellTooltip: (props: PisellTooltipProps) => JSX.Element;
+declare const PisellTooltip: (props: PisellTooltipProps) => React.JSX.Element;
 export default PisellTooltip;

package/es/components/pisellUpload/index.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import type { UploadProps } from 'antd';
 import './index.less';
 export interface PisellUploadProps extends UploadProps {
@@ -6,5 +7,5 @@ export interface PisellUploadProps extends UploadProps {
     text2?: string;
     uploadType?: 'button' | 'drop' | 'custom';
 }
-declare const PisellUpload: (props: PisellUploadProps) => JSX.Element;
+declare const PisellUpload: (props: PisellUploadProps) => React.JSX.Element;
 export default PisellUpload;