@pisell/materials 6.8.3 → 6.8.4

package/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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/lib/components/pisellToast/squareToast/renderImperatively.js

@@ -29,53 +29,68 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/components/pisellToast/squareToast/renderImperatively.tsx
 var renderImperatively_exports = {};
 __export(renderImperatively_exports, {
-  render: () => render,
+  render: () => render2,
   renderImperatively: () => renderImperatively,
-  renderToBody: () => renderToBody,
   unmount: () => unmount,
   unstableSetRender: () => unstableSetRender
 });
 module.exports = __toCommonJS(renderImperatively_exports);
 var ReactDOM = __toESM(require("react-dom"));
-var import_client = require("react-dom/client");
 var import_react = __toESM(require("react"));
 var MARK = "__pisell_react_root__";
-function render(node, container) {
-  const root = container[MARK] || (0, import_client.createRoot)(container);
-  root.render(node);
-  container[MARK] = root;
+function render2(node, container) {
+  const root = container[MARK];
+  if (root) {
+    root.render(node);
+    return;
+  }
+  const ReactMajorVersion = parseInt(import_react.default.version.split(".")[0], 10);
+  const isReact18OrNewer = ReactMajorVersion >= 18;
+  const fallbackCreateRoot = ReactDOM.createRoot;
+  if (isReact18OrNewer && fallbackCreateRoot) {
+    const root2 = fallbackCreateRoot(container);
+    root2.render(node);
+    container[MARK] = root2;
+    return;
+  }
+  if (ReactMajorVersion >= 19) {
+    console.error(
+      "[pisellToast] React 19+ requires `createRoot`. Please call `setCreateRoot(createRoot)` at your app entry."
+    );
+  }
+  ReactDOM.render(node, container);
 }
 async function unmount(container) {
   return Promise.resolve().then(() => {
     var _a;
-    (_a = container[MARK]) == null ? void 0 : _a.unmount();
-    delete container[MARK];
+    if (container[MARK]) {
+      (_a = container[MARK]) == null ? void 0 : _a.unmount();
+      delete container[MARK];
+    } else {
+      ReactDOM.unmountComponentAtNode(container);
+    }
   });
 }
 var defaultReactRender = (node, container) => {
-  if (process.env.NODE_ENV !== "production") {
-    const majorVersion = parseInt(import_react.default.version.split(".")[0], 10);
-    const fullKeys = Object.keys(ReactDOM);
-    console.warn(
-      majorVersion < 19 || fullKeys.includes("createRoot"),
-      `[Compatible] Toast support React is 16 ~ 18.`
-    );
-  }
-  render(node, container);
+  render2(node, container);
   return () => {
     return unmount(container);
   };
 };
 var unstableRender = defaultReactRender;
-function unstableSetRender(render2) {
-  if (render2) {
-    unstableRender = render2;
+function unstableSetRender(render3) {
+  if (render3) {
+    unstableRender = render3;
   }
   return unstableRender;
 }
+var sharedContainer = null;
 function renderToBody(element) {
-  const container = document.createElement("div");
-  document.body.appendChild(container);
+  if (!sharedContainer) {
+    sharedContainer = document.createElement("div");
+    document.body.appendChild(sharedContainer);
+  }
+  const container = sharedContainer;
   return unstableSetRender()(element, container);
 }
 function renderImperatively(element) {
@@ -142,7 +157,6 @@ function renderImperatively(element) {
 0 && (module.exports = {
   render,
   renderImperatively,
-  renderToBody,
   unmount,
   unstableSetRender
 });

package/lib/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/lib/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/lib/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;