@pisell/materials 6.7.3 → 6.7.4

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

@@ -0,0 +1,58 @@
+import React from 'react';
+import { ModalProps, ButtonProps } from 'antd';
+import { PisellContextType } from '../pisell-config-provider/context';
+export interface PisellModalProps extends ModalProps {
+    /** 平台 */
+    platform?: PisellContextType['platform'];
+    /**
+     * 弹窗大小
+     * large 800
+     * middle 600
+     * small 400
+     * */
+    size?: 'large' | 'middle' | 'small';
+    /** 头部分割线是否展示 */
+    headerDivider?: boolean;
+    /** 底部分割线是否展示 */
+    footerDivider?: boolean;
+    /** 删除按钮props */
+    deleteButtonProps?: ButtonProps | null;
+    /** 删除事件 */
+    onDelete?: () => void;
+    /** 移动端展示时弹窗高度 默认null 在移动端全屏 */
+    mobileModalHeight?: string | number;
+    /** footer中额外操作按钮 */
+    actions?: React.ReactNode;
+    /** 取消按钮是否展示 */
+    cancelVisible?: boolean;
+    /** 确认按钮是否展示 */
+    okVisible?: boolean;
+    /** 是否展示header */
+    header?: boolean | null;
+}
+declare const PisellModal: {
+    (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;
+    };
+    info: (props: import("./components/functions").PisellModalFuncProps) => {
+        destroy: () => void;
+        update: (configUpdate: import("antd").ModalFuncProps | ((prevConfig: import("antd").ModalFuncProps) => import("antd").ModalFuncProps)) => void;
+    };
+    error: (props: import("./components/functions").PisellModalFuncProps) => {
+        destroy: () => void;
+        update: (configUpdate: import("antd").ModalFuncProps | ((prevConfig: import("antd").ModalFuncProps) => import("antd").ModalFuncProps)) => void;
+    };
+    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;
+    };
+    success: (props: import("./components/functions").PisellModalFuncProps) => {
+        destroy: () => void;
+        update: (configUpdate: import("antd").ModalFuncProps | ((prevConfig: import("antd").ModalFuncProps) => import("antd").ModalFuncProps)) => void;
+    };
+    Information: (props: import("./components/Information").InformationProps) => React.JSX.Element;
+};
+export default PisellModal;

package/es/components/pisellNavigationMenu/PisellNavigationMenu.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { PisellNavigationMenuProps } from './types';
+import './PisellNavigationMenu.less';
+declare const PisellNavigationMenu: React.FC<PisellNavigationMenuProps>;
+export default PisellNavigationMenu;

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

@@ -0,0 +1,3 @@
+import PisellNavigationMenu from './PisellNavigationMenu';
+export default PisellNavigationMenu;
+export type { PisellNavigationMenuProps, NavigationMenuItem } from './types';

package/es/components/pisellNavigationMenu/types.d.ts

@@ -0,0 +1,85 @@
+import { CSSProperties } from 'react';
+import { Props as TreeItem } from "../pisellDraggable/components/TreeItem/TreeItem";
+export interface NavigationMenuItem {
+    id: string;
+    /** 标题 */
+    title: string;
+    /** 图标 */
+    icon?: string;
+    /** 描述 */
+    description?: string;
+    /** 子菜单 */
+    children?: NavigationMenuItem[];
+    /** 版本 */
+    version?: string;
+    /** 是否是分组 */
+    isGroup?: boolean;
+    /** 是否允许添加子菜单 */
+    allowAddChild?: boolean;
+    /** 是否允许删除 */
+    allowDelete?: boolean;
+    /** 是否允许编辑 */
+    allowEdit?: boolean;
+    /** 是否允许添加子菜单 */
+    allowAddSubmenu?: boolean;
+    /** 是否允许添加页面 */
+    allowAddPage?: boolean;
+    /** 其他属性 */
+    [key: string]: any;
+}
+export interface PisellNavigationMenuProps {
+    /** 导航菜单数据 */
+    value: NavigationMenuItem[];
+    /** 是否允许拖拽排序 */
+    allowDrag?: boolean;
+    /** 是否允许删除菜单项 */
+    allowDelete?: boolean;
+    /** 是否允许添加子菜单 */
+    allowAddChild?: boolean;
+    /** 是否允许添加根菜单 */
+    allowAddRoot?: boolean;
+    /** 是否允许显示隐藏 */
+    allowIsShow?: boolean;
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 菜单项间距 */
+    spacing?: number;
+    /** 最大层级数 */
+    maxLevel?: number;
+    /** 样式 */
+    style?: CSSProperties;
+    /** 类名 */
+    className?: string;
+    /** 数据变化回调 */
+    onChange?: (items: NavigationMenuItem[]) => void;
+    /** 设计模式 */
+    __designMode?: string;
+    /** 标题 */
+    title?: string;
+    /** 添加子菜单回调 */
+    onAddSubMenu?: (item?: NavigationMenuItem) => void;
+    /** 添加页面回调 */
+    onAddPage?: (item?: NavigationMenuItem) => void;
+    /** 编辑回调 */
+    onEdit?: (item: NavigationMenuItem) => void;
+    /** 删除回调 */
+    onDelete?: (item: NavigationMenuItem) => void;
+    /** 左侧自定义内容 */
+    leftContent?: React.ReactNode;
+    /** 右侧自定义内容 */
+    rightContent?: React.ReactNode;
+    /** 获取item样式 */
+    getItemStyle?: (itemProps: TreeItem) => React.CSSProperties;
+    /** 自定义拖拽判断函数，返回false时阻止拖拽 */
+    canDrop?: (dragItem: NavigationMenuItem, dropTarget: NavigationMenuItem, parentId: string | number | null) => boolean;
+    /** 显示隐藏回调 */
+    onIsShow?: (item: NavigationMenuItem) => void;
+    /** 节点缩进宽度 */
+    indentationWidth?: number;
+    /** 隐藏描述 */
+    hideDescription?: boolean;
+    /** 悬浮时展示action */
+    showActionOnHover?: boolean;
+    /** 是否展示标题标签 */
+    showTitleTags?: boolean;
+}

package/es/components/pisellNavigationMenu/utils.d.ts

@@ -0,0 +1,15 @@
+/**
+ * 树节点的基本接口
+ */
+export interface TreeNode {
+    [key: string]: any;
+    children?: TreeNode[];
+}
+/**
+ * 格式化树结构数据
+ * @param tree 要格式化的树结构数据
+ * @param formatter 格式化函数，用于处理每个节点
+ * @param childrenField 子节点字段名，默认为 'children'
+ * @returns 格式化后的树结构
+ */
+export declare function formatTree<T extends TreeNode, R = T>(tree: T[], formatter: (node: T, level: number, parent: T | null) => R, childrenField?: string): R[];

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

@@ -0,0 +1,24 @@
+import React from 'react';
+import './index.less';
+export interface PisellQRScannerProps {
+    /** 是否可见 */
+    visible: boolean;
+    /** 是否显示上传图片按钮 */
+    showUpload?: boolean;
+    /** 关闭回调 */
+    onClose: () => void;
+    /** 扫码成功回调 */
+    onScan: (value: string) => void;
+    /**
+     * 样式属性，可选
+     * 注意: 不应传入renderMode等不必要属性
+     */
+    style?: React.CSSProperties;
+    /** 类名，可选 */
+    className?: string;
+}
+/**
+ * 二维码扫描组件
+ */
+declare const PisellQRScanner: React.FC<PisellQRScannerProps>;
+export default PisellQRScanner;

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

@@ -0,0 +1,22 @@
+import React from 'react';
+import { PisellContextType } from '../pisell-config-provider/context';
+import './index.less';
+interface PisellRowProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> {
+    platform?: PisellContextType['platform'];
+    gap?: number;
+    padding?: number;
+    leftContent?: React.ReactNode;
+    rightContent?: React.ReactNode;
+    centerContent?: React.ReactNode;
+    centerContentFill?: boolean;
+}
+/**
+ * @title: Pisell Row
+ * @description:  左中右布局组件
+ * @param {PisellRowProps} props
+ * @return {*}
+ * @Author: zhiwei.Wang
+ * @Date: 2024-08-16 10:38
+ */
+declare const PisellRow: (props: PisellRowProps) => React.JSX.Element;
+export default PisellRow;

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

@@ -0,0 +1,23 @@
+import React from 'react';
+import { BrowserMultiFormatReader } from '@zxing/library';
+import './index.less';
+export interface PisellScanProps extends Omit<React.HTMLAttributes<HTMLVideoElement>, 'onChange'> {
+    /** 当前scan展示宽度 */
+    width: string | number;
+    /** 当前scan展示高度 */
+    height?: string | number;
+    /** 当前scan圆角 */
+    borderRadius?: string | number;
+    /** 扫描完成回调 */
+    onChange?: (val: string) => void;
+    /** 扫描间隔时间 毫秒 */
+    timeBetweenScansMillis?: number;
+}
+export declare type PisellScanRef = {
+    codeReader: BrowserMultiFormatReader | null;
+};
+/**
+ * 二维码条形码扫描组件
+ */
+declare const PisellScan: React.ForwardRefExoticComponent<PisellScanProps & React.RefAttributes<PisellScanRef>>;
+export default PisellScan;

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

@@ -0,0 +1,21 @@
+import React from 'react';
+import './index.less';
+export interface PisellSectionHeadersProps {
+    /** 是否占据空间（true: 占据空间, false: 不占据空间） */
+    /** 左侧返回区域 */
+    backNode?: React.ReactNode;
+    /** 中间内容区域 */
+    centerNode?: React.ReactNode;
+    /** 右侧操作区域 */
+    actionNode?: React.ReactNode;
+    /** 自定义类名 */
+    className?: string;
+    /** 自定义样式 */
+    style?: React.CSSProperties;
+    /** 返回按钮点击事件 */
+    onBack?: () => void;
+    /** 操作区域点击事件 */
+    onAction?: () => void;
+}
+declare const PisellSectionHeaders: React.FC<PisellSectionHeadersProps>;
+export default PisellSectionHeaders;

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

@@ -0,0 +1,21 @@
+import React from 'react';
+import './index.less';
+export interface PisellStatisticListProps extends React.HTMLAttributes<HTMLDivElement> {
+    isHasBorder?: boolean;
+    backgroundColors?: string[];
+    labelColor?: string;
+    valueColor?: string;
+    data: {
+        label: string;
+        value: string;
+        isLink?: boolean;
+        link?: string;
+        tip?: string;
+        children?: {
+            label: string;
+            value: string;
+        }[];
+    }[];
+}
+declare const PisellStatisticList: (props: PisellStatisticListProps) => React.JSX.Element;
+export default PisellStatisticList;

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

@@ -0,0 +1,13 @@
+import React from 'react';
+import './index.less';
+export declare type PisellTagsType = 'pill_color' | 'pill_outline';
+export declare type PisellTagsColor = 'success' | 'warning' | 'error' | 'gray' | string;
+export interface PisellTagsProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement> {
+    children?: React.ReactNode;
+    others?: React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>;
+    type: PisellTagsType;
+    icon?: React.ReactNode;
+    color?: PisellTagsColor;
+}
+declare const PisellTags: (props: PisellTagsProps) => React.JSX.Element;
+export default PisellTags;

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

@@ -0,0 +1 @@
+export declare const generateColorShades: (color: string) => Record<string, string>;

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

@@ -0,0 +1,20 @@
+import React from 'react';
+import { PisellContextType } from '../../../pisell-config-provider/context';
+export interface AmountProps extends React.HTMLAttributes<HTMLSpanElement> {
+    /** 平台 */
+    platform?: PisellContextType['platform'];
+    /** 当前数值  */
+    value?: number | string;
+    /** 小数点后位数 默认是小数点后2位 */
+    precision?: number;
+    /** 显示货币符号 指的是 ¥$ 等货币符号等显隐，默认是展示 */
+    showCurrencySymbol?: boolean;
+    /** 千分位 指的是长金额的千分位逗号隔开，比如“123, 245, 315” 这种展现形式，默认是关闭 */
+    useThousandsSeparator?: boolean;
+    /** 整数位隐藏小数 指的是如果价格为整数，后面的".00" 将被省略以节省页面空间 */
+    hideDecimalForWholeNumbers?: boolean;
+    /** 货币符号 */
+    symbol?: string;
+}
+declare const Amount: (props: AmountProps) => React.JSX.Element;
+export default Amount;

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

@@ -0,0 +1,29 @@
+import React from 'react';
+import './index.less';
+export declare type MultiLanguageValue = {
+    en: string;
+    'zh-CN': string;
+    'zh-HK': string;
+};
+export interface EditableConfig {
+    /** 是否禁用编辑 */
+    disabled?: boolean;
+    /** 最大长度 */
+    maxLength?: number;
+    /** 编辑图标 */
+    icon?: React.ReactNode;
+}
+export interface EditableProps extends React.HTMLAttributes<HTMLSpanElement> {
+    /** 文本内容，支持字符串或多语言对象 */
+    value?: string | MultiLanguageValue;
+    /** 子节点内容，优先级高于 value */
+    children?: string;
+    /** 可编辑配置，boolean 时使用默认配置 */
+    editable?: boolean | EditableConfig;
+    /** 编辑变更回调 */
+    onChange?: (value: string | MultiLanguageValue) => void;
+    /** 输入框尺寸 */
+    size?: 'large' | 'middle' | 'small';
+}
+declare const Editable: React.FC<EditableProps>;
+export default Editable;

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

@@ -0,0 +1,9 @@
+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;
+    Editable: React.FC<import("./components/Editable").EditableProps>;
+};
+export default PisellText;

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

@@ -0,0 +1,17 @@
+import React from 'react';
+import './index.less';
+export interface PisellToastProps {
+    /** 提示内容	 */
+    content: React.ReactNode;
+    /** 自动关闭的延时，单位秒。设为 0 时不自动关闭 */
+    duration?: number;
+    /** 是否展示action */
+    showAction?: boolean;
+    /** action文案 */
+    actionText?: string;
+    /** 关闭时触发的回调函数 */
+    onClose?: () => void;
+}
+declare const PisellToast: (props: PisellToastProps) => void;
+export { useToast } from './squareToast';
+export default PisellToast;

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

@@ -0,0 +1,15 @@
+import { clear, show, success, info, loading, fail, hide } from './methods';
+import './index.less';
+interface ToastInstance {
+    show: typeof show;
+    clear: typeof clear;
+    success: typeof success;
+    info: typeof info;
+    loading: typeof loading;
+    fail: typeof fail;
+    error: typeof fail;
+    hide: typeof hide;
+}
+declare const Toast: ToastInstance;
+export declare const useToast: () => ToastInstance;
+export default Toast;

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

@@ -0,0 +1,13 @@
+import React from 'react';
+import { ToastProps } from './toast';
+interface ToastInstance {
+    close: () => void;
+}
+declare const show: (configOrContent: Partial<ToastProps> | React.ReactNode, duration?: number, afterClose?: () => void) => ToastInstance;
+declare const clear: () => void;
+declare const success: (content: React.ReactNode, duration?: number, afterClose?: () => void) => ToastInstance;
+declare const info: (content: React.ReactNode, duration?: number, afterClose?: () => void) => ToastInstance;
+declare const loading: (content: React.ReactNode, duration?: number, afterClose?: () => void) => ToastInstance;
+declare const fail: (content: React.ReactNode, duration?: number, afterClose?: () => void) => ToastInstance;
+declare const hide: () => void;
+export { show, clear, success, info, loading, fail, hide };

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

@@ -0,0 +1,29 @@
+import type { ReactElement } from 'react';
+import type { Root } from 'react-dom/client';
+import React from 'react';
+declare type ImperativeProps = {
+    open?: boolean;
+    onCancel?: () => void;
+    afterClose?: () => void;
+};
+declare type TargetElement = ReactElement<ImperativeProps>;
+export declare type ImperativeHandler = {
+    close: () => void;
+    replace: (element: TargetElement) => void;
+    isRendered?: () => boolean;
+};
+export declare type UnmountType = () => Promise<void>;
+export declare type RenderType = (node: React.ReactElement, container: Element | DocumentFragment) => UnmountType;
+declare const MARK = "__pisell_react_root__";
+declare type ContainerType = (Element | DocumentFragment) & {
+    [MARK]?: Root;
+};
+export declare function render(node: React.ReactElement, container: ContainerType): void;
+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/toast.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+import './index.less';
+export declare type ToastType = 'success' | 'error' | 'warning' | 'info' | 'loading';
+export interface ToastProps {
+    /** Toast 类型 */
+    icon?: ToastType | React.ReactNode;
+    /** 显示的内容，支持文本或 React 节点 */
+    content: React.ReactNode;
+    /** 是否显示 */
+    open?: boolean;
+    /** 自动关闭时间，单位毫秒，0 表示不自动关闭 */
+    duration?: number;
+    /** 关闭 */
+    onCancel?: () => void;
+    /** 关闭后回调 */
+    afterClose?: () => void;
+    /** 自定义样式类名 */
+    className?: string;
+    /** 自定义样式 */
+    style?: React.CSSProperties;
+    /** 是否显示遮罩 */
+    mask?: boolean;
+}
+declare const Toast: React.FC<ToastProps>;
+export default Toast;

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

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

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

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

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

@@ -0,0 +1,16 @@
+import React from 'react';
+import './index.less';
+export interface PisellViewGridProps {
+    columns?: number;
+    horizontalGap?: number;
+    verticalGap?: number;
+    singleRow?: boolean;
+    dataSource?: any[];
+    renderItem?: (item: any, index: number) => React.ReactNode;
+    loading?: boolean;
+    children?: React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+}
+declare const PisellViewGrid: React.FC<PisellViewGridProps>;
+export default PisellViewGrid;

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

@@ -0,0 +1,136 @@
+import React from 'react';
+import './index.less';
+export interface FormatOption {
+    /** 原始 DOM 元素 */
+    originDom: React.ReactNode;
+    /** 是否选中状态 */
+    active: boolean;
+    /** 完整的组件数据 */
+    data: PisellWalletPassCardProps;
+}
+export interface PisellWalletPassCardProps {
+    id: number;
+    /** 卡片样式 */
+    type: 'default' | 'mini';
+    /** 商品名称 */
+    name: string;
+    /** 二维码 */
+    qrCode: string;
+    /** 共享店铺名称 */
+    storeName: string;
+    /** 余额 */
+    balance?: number;
+    /** 识别码编号 */
+    code: string;
+    /** 有效期 */
+    validDate: string;
+    /** 使用金额 */
+    redeem?: number;
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 禁用原因 */
+    disabledReason?: string;
+    /** 是否展示禁用原因 */
+    showDisabledReason?: boolean;
+    /** 封面图 */
+    cover?: string;
+    /** 余额标题文案 */
+    balanceTitle?: string;
+    /** 使用金额标题文案 */
+    redeemTitle?: string;
+    /** 是否选中 */
+    active?: boolean;
+    /** 是否展示商品名称 */
+    showName?: boolean;
+    /** 是否展示共享店铺名称 */
+    showStoreName?: boolean | ((data: any) => boolean);
+    /** 是否展示使用金额 */
+    showRedeem?: boolean;
+    /** 是否展示余额 */
+    showBalance?: boolean;
+    /** 是否展示识别码编号 */
+    showCode?: boolean;
+    /** 是否展示有效期 */
+    showValidDate?: boolean;
+    /** 是否展示右上角详情按钮 */
+    showDetail?: boolean;
+    /** 是否展示qrCode */
+    showQrCode?: boolean;
+    /** 是否展示封面 */
+    showCover?: boolean;
+    /** 是否展示余额货币符号 */
+    showBalanceSymbol?: boolean;
+    /** 展示操作按钮 */
+    showActions?: boolean;
+    /** 操作按钮配置 */
+    actions?: {
+        /** 按钮展示方式 */
+        layout: 'expanded' | 'collapsed';
+        /** detail 按钮配置 */
+        detail?: {
+            visible: boolean;
+            iconColor: string;
+        };
+        /** edit按钮配置 */
+        edit?: {
+            visible: boolean;
+            iconColor: string;
+            dialogTitle: string;
+            enableDialog: boolean;
+            fields: {
+                name: string;
+                label: string;
+            };
+        };
+    };
+    /** 编辑编辑按钮后，弹窗展示之前 */
+    beforeEdit?: (value: any) => Promise<any> | boolean | void;
+    /** 编辑弹窗点击提交 */
+    onConfirmEdit?: (value: any) => void;
+    /** 编辑金额事件 */
+    onConfirmEditAmount?: (value: number) => void;
+    /** 详情按钮点击事件 */
+    onDetail?: (data: {
+        id: number;
+        name: string;
+        storeName: string;
+        balance?: number;
+        redeem?: number;
+        code: string;
+        validDate: string;
+        originData?: any;
+    }) => void;
+    /** 是否使用外部详情处理（当为 true 且提供了 onDetail 时，不显示内部模态框） */
+    useExternalDetail?: boolean;
+    /** 单选或者多选 */
+    mode?: 'multiple' | 'single';
+    /** 是否展示选中图标 */
+    showActiveIcon?: boolean;
+    /** 开启编辑金额 */
+    enableEditAmount?: boolean;
+    /** 显示状态标识 */
+    showStatus?: boolean;
+    /** 名称标题字号字重颜色配置 */
+    nameTitleStyle?: {
+        fontSize: number;
+        fontWeight: number;
+        color: string;
+    };
+    /** 卡片状态 */
+    cardStatus?: 'used' | 'expired' | 'disabled' | 'conflict' | 'lastPayment';
+    /** 自定义余额格式化函数，如果提供则优先使用 */
+    formatBalance?: (balance?: number, option?: FormatOption) => React.ReactNode;
+    /** 自定义余额标题格式化函数，如果提供则优先使用 */
+    formatBalanceTitle?: (balanceTitle?: string, option?: FormatOption) => React.ReactNode;
+    /** 自定义使用金额格式化函数，如果提供则优先使用 */
+    formatRedeem?: (redeem?: number, option?: FormatOption) => React.ReactNode;
+    /** 自定义使用金额标题格式化函数，如果提供则优先使用 */
+    formatRedeemTitle?: (redeemTitle?: string, option?: FormatOption) => React.ReactNode;
+    /** 最大使用金额 */
+    maxRedeem?: number;
+    /** 编辑金额前事件 */
+    onBeforeEditAmount?: (value: any) => Promise<any> | boolean | void;
+    [key: string]: any;
+}
+declare const PisellWalletPassCard: (props: PisellWalletPassCardProps) => React.JSX.Element;
+export default PisellWalletPassCard;