@pisell/materials 6.8.3 → 6.8.4

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

@@ -1,9 +1,9 @@
-import React from 'react';
+/// <reference types="react" />
 import { ConfigProviderProps } from '../config-provider';
 interface PageProps extends ConfigProviderProps {
     variablesConfig?: {
         disabledHistoryListener?: boolean;
     };
 }
-declare const Page: (props: PageProps) => React.JSX.Element;
+declare const Page: (props: PageProps) => JSX.Element;
 export default Page;

package/es/components/page/index.js

@@ -1,5 +1,5 @@
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["children", "style", "className", "locale", "variablesConfig"];
+var _excluded = ["children", "style", "className", "locale", "variablesConfig", "isRenderPisellConfigProvider"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -51,6 +51,8 @@ var Page = function Page(props) {
     className = props.className,
     propsLocale = props.locale,
     variablesConfig = props.variablesConfig,
+    _props$isRenderPisell = props.isRenderPisellConfigProvider,
+    isRenderPisellConfigProvider = _props$isRenderPisell === void 0 ? true : _props$isRenderPisell,
     others = _objectWithoutProperties(props, _excluded);
   var context = useEngineContext();
   var _ref = ((_context$appHelper = context.appHelper) === null || _context$appHelper === void 0 ? void 0 : _context$appHelper.constants) || {},
@@ -198,6 +200,7 @@ var Page = function Page(props) {
       }
     });
   }, [platform, themeColor]);
+  var PisellConfigProvid = isRenderPisellConfigProvider ? PisellConfigProvider : React.Fragment;
   return /*#__PURE__*/React.createElement(ConfigProvider, _extends({}, others, {
     locale: localMap[locale],
     prefixCls: props.prefixCls || 'pisell-lowcode',
@@ -216,7 +219,7 @@ var Page = function Page(props) {
     value: {
       locale: locale
     }
-  }, /*#__PURE__*/React.createElement(PisellConfigProvider, {
+  }, /*#__PURE__*/React.createElement(PisellConfigProvid, {
     locale: locale
   }, /*#__PURE__*/React.createElement(VariablesProvider, {
     variables: ((_context$engine2 = context.engine) === null || _context$engine2 === void 0 || (_context$engine2 = _context$engine2.props) === null || _context$engine2 === void 0 ? void 0 : _context$engine2.variables) || {},

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

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

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

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="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) => React.JSX.Element;
+declare const PisellAdjustPriceInputNumber: (props: PisellAdjustPriceInputNumberProps) => JSX.Element;
 export default PisellAdjustPriceInputNumber;

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

@@ -1,5 +1,5 @@
-import React from 'react';
+/// <reference types="react" />
 import './index.less';
 import { PisellAdjustPriceProps } from './type';
-declare const PisellAdjustPrice: (props: PisellAdjustPriceProps) => React.JSX.Element;
+declare const PisellAdjustPrice: (props: PisellAdjustPriceProps) => JSX.Element;
 export default PisellAdjustPrice;

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 | React.JSX.Element;
+declare const PisellAlert: (props: PisellAlertProps) => false | JSX.Element;
 export default PisellAlert;

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

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

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

@@ -36,5 +36,5 @@ export interface PisellCheckboxGroupProps extends React.HTMLAttributes<HTMLDivEl
  * @Author: zhiwei.Wang
  * @Date: 2024-08-16 10:34
  */
-declare const PisellCheckboxGroup: (props: PisellCheckboxGroupProps) => React.JSX.Element;
+declare const PisellCheckboxGroup: (props: PisellCheckboxGroupProps) => JSX.Element;
 export default PisellCheckboxGroup;

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) => React.JSX.Element;
+declare const PisellCountdown: (props: PisellCountdownProps) => JSX.Element;
 export default PisellCountdown;

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

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

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

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

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

@@ -1,3 +1,3 @@
-import React from 'react';
+/// <reference types="react" />
 import { ActionProps } from '../Action';
-export declare function Remove(props: ActionProps): React.JSX.Element;
+export declare function Remove(props: ActionProps): 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) => React.JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ id, depth, ...props }: Props) => 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): React.JSX.Element;
-declare const Demo: (props: Props) => React.JSX.Element;
+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 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) => React.JSX.Element;
+declare const SortableItem: (props: SortableItemProps) => JSX.Element;
 export default SortableItem;

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

@@ -15,5 +15,5 @@ export interface PisellEmptyProps extends EmptyProps {
     /** 最大宽度 */
     maxWidth?: number;
 }
-declare const PisellEmpty: (props: PisellEmptyProps) => React.JSX.Element;
+declare const PisellEmpty: (props: PisellEmptyProps) => JSX.Element;
 export default PisellEmpty;

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) => React.JSX.Element;
+declare const PisellFloatingPanel: (props: PisellFloatingPanelProps) => JSX.Element;
 export default PisellFloatingPanel;

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

@@ -46,5 +46,5 @@ export interface PisellGoodPassCardProps {
     mixedSort?: (val: Discount[]) => Discount[];
     isInModal: boolean;
 }
-declare const index: (props: PisellGoodPassCardProps) => React.JSX.Element;
+declare const index: (props: PisellGoodPassCardProps) => JSX.Element;
 export default index;

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) => React.JSX.Element;
+declare const PisellEntryInput: (props: PisellEntryInputProps) => JSX.Element;
 export default PisellEntryInput;

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

@@ -1,8 +1,8 @@
-import React from 'react';
+/// <reference types="react" />
 import './index.less';
 export interface ScanProps {
     onChange: (val: string) => void;
     onCancel: () => void;
 }
-declare const Scan: (props: ScanProps) => React.JSX.Element;
+declare const Scan: (props: ScanProps) => 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) => React.JSX.Element;
+declare const PisellInformationEntry: (props: PisellInformationEntryProps) => JSX.Element;
 export default PisellInformationEntry;

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

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

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

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

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

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

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

@@ -1,13 +1,13 @@
-import React from 'react';
+/// <reference types="react" />
 import { InputProps } from 'antd';
 import { PisellContextType } from '../pisell-config-provider/context';
 declare const PisellInput: {
     (props: InputProps & {
         /** 平台 */
         platform?: PisellContextType['platform'];
-    }): 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;
+    }): 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;
 };
 export default PisellInput;

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

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="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) => React.JSX.Element;
+declare const PisellLoading: (props: PisellLoadingProps) => 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) => React.JSX.Element;
+declare const Information: (props: InformationProps) => JSX.Element;
 export default Information;

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

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

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

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

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

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

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

@@ -31,7 +31,7 @@ export interface PisellModalProps extends ModalProps {
     header?: boolean | null;
 }
 declare const PisellModal: {
-    (props: PisellModalProps): React.JSX.Element;
+    (props: PisellModalProps): JSX.Element;
     confirm: (props: import("./components/functions").PisellModalFuncProps) => {
         destroy: () => void;
         update: (configUpdate: import("antd").ModalFuncProps | ((prevConfig: import("antd").ModalFuncProps) => import("antd").ModalFuncProps)) => void;
@@ -53,6 +53,6 @@ declare const PisellModal: {
         destroy: () => void;
         update: (configUpdate: import("antd").ModalFuncProps | ((prevConfig: import("antd").ModalFuncProps) => import("antd").ModalFuncProps)) => void;
     };
-    Information: (props: import("./components/Information").InformationProps) => React.JSX.Element;
+    Information: (props: import("./components/Information").InformationProps) => JSX.Element;
 };
 export default PisellModal;

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

@@ -2,9 +2,9 @@ import React from 'react';
 import './index.less';
 interface PisellQrcodeProps {
     size?: number;
-    platform: 'pc' | 'h5' | 'ipad';
+    platform?: 'pc' | 'h5' | 'ipad';
     value: string;
-    className: 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) => React.JSX.Element;
+declare const PisellRow: (props: PisellRowProps) => 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) => React.JSX.Element;
+declare const PisellStatisticList: (props: PisellStatisticListProps) => 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) => React.JSX.Element;
+declare const PisellTags: (props: PisellTagsProps) => JSX.Element;
 export default PisellTags;

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

@@ -16,5 +16,5 @@ export interface AmountProps extends React.HTMLAttributes<HTMLSpanElement> {
     /** 货币符号 */
     symbol?: string;
 }
-declare const Amount: (props: AmountProps) => React.JSX.Element;
+declare const Amount: (props: AmountProps) => JSX.Element;
 export default Amount;

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): React.JSX.Element;
-    Amount: (props: import("./components/Amount").AmountProps) => React.JSX.Element;
+    (props: PisellTextProps): JSX.Element;
+    Amount: (props: import("./components/Amount").AmountProps) => JSX.Element;
     Editable: React.FC<import("./components/Editable").EditableProps>;
 };
 export default PisellText;

package/es/components/pisellToast/squareToast/renderImperatively.d.ts

@@ -24,6 +24,5 @@ export declare function unmount(container: ContainerType): Promise<void>;
  * @deprecated 设置 React 渲染函数以兼容使用。
  */
 export declare function unstableSetRender(render?: RenderType): RenderType;
-export declare function renderToBody(element: ReactElement): UnmountType;
 export declare function renderImperatively(element: TargetElement): ImperativeHandler;
 export {};

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

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

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

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

@@ -134,7 +134,13 @@ export interface PisellWalletPassCardProps {
     maxRedeem?: number;
     /** 编辑金额前事件 */
     onBeforeEditAmount?: (value: any) => Promise<any> | boolean | void;
+    /** 是否显示持有人 */
+    showHolderName?: boolean;
+    /** 持有人, 表单记录，展示时一般取main_field */
+    holder?: any;
+    /** 持有人点击回调 */
+    onSetHolder?: (currentValue?: any) => void;
     [key: string]: any;
 }
-declare const PisellWalletPassCard: (props: PisellWalletPassCardProps) => React.JSX.Element;
+declare const PisellWalletPassCard: (props: PisellWalletPassCardProps) => JSX.Element;
 export default PisellWalletPassCard;