import React from 'react'; import { PisellCheckboxGroupProps } from '../pisellCheckboxGroup'; import { PisellContextType } from '../pisell-config-provider/context'; import { PisellWalletPassCardProps, FormatOption } from '../pisellWalletPassCard'; import './index.less'; export interface PisellCardListProps extends Omit { platform?: PisellContextType['platform']; /** 当用户查看完所有记录时,底部会显示此消息 */ endMessage?: React.ReactNode; /** 加载下次数据时的加载站位 */ loader?: React.ReactNode; /** 是否有更多数据 */ hasMore: boolean; /** 加载更多数据回调 */ loadMoreData?: () => Promise; /** 当前list数据 */ data: PisellWalletPassCardProps[]; /** list空数据时展示内容 */ empty?: React.ReactNode; /** 是否展示空状态 */ showEmpty?: boolean; /** 是否展示卡片名称 */ showName?: boolean; /** 是否展示店铺名称 */ showStoreName?: boolean; /** 是否展示核销金额 */ showRedeem?: boolean; /** 是否展示余额 */ showBalance?: boolean; /** 是否展示编码 */ showCode?: boolean; /** 是否展示到期时间 */ showValidDate?: boolean; /** 使用日程信息计算有效期 */ validDateBySchedule?: boolean; /** 日程列表 */ scheduleList?: any[]; /** 是否展示详情按钮 */ showDetail?: boolean; /** 是否展示二维码 */ showQrCode?: boolean; /** 是否展示封面图 */ showCover?: boolean; /** 是否余额货币单位 */ showBalanceSymbol?: boolean; /** 卡片大小 */ type?: 'default' | 'mini'; /** 展示操作按钮 */ 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, index: number) => Promise | boolean | void; /** 编辑弹窗点击提交 */ onConfirmEdit?: (value: any, index: number, data: any) => void; /** 是否展示状态标识 */ showStatus?: boolean; /** 名称标题字号字重颜色配置 */ nameTitleStyle?: { fontSize: number; fontWeight: number; color: string; }; /** 开启编辑金额 */ enableEditAmount?: boolean; /** 编辑金额事件 */ onConfirmEditAmount?: (value: number, index: number, data: any) => void; /** 是否使用外部详情处理 */ useExternalDetail?: boolean; /** 详情事件 */ onDetail?: (value: any, index: number) => void; /** 自定义余额格式化函数,如果提供则优先使用 */ 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; /** 编辑金额前事件 */ onBeforeEditAmount?: (value: any, index: number, data: any) => Promise | boolean | void; /** 选项点击事件 */ onItemClick?: (e: React.MouseEvent, option: any) => void; /** 是否展示选中状态的背景色 */ showActiveBackground?: boolean; } declare const _default: React.NamedExoticComponent; export default _default;