@pisell/private-materials 6.11.49 → 6.11.51

package/es/components/list/hooks/useWaterfall.d.ts

@@ -0,0 +1,34 @@
+export interface WaterfallItem {
+    id: string | number;
+    data: any;
+    height?: number;
+    width?: number;
+}
+export interface WaterfallTrack<T = any> {
+    items: T[];
+    size: number;
+}
+export interface WaterfallLayoutOptions {
+    tracks: number;
+    trackGap: number;
+    itemGap: number;
+    direction: 'vertical' | 'horizontal';
+}
+export interface WaterfallLayout<T = any> {
+    tracks: WaterfallTrack<T>[];
+    totalSize: number;
+}
+export declare const useWaterfall: <T extends {
+    id: string | number;
+    height?: number | undefined;
+    width?: number | undefined;
+}>(items: T[], options: WaterfallLayoutOptions) => {
+    layout: WaterfallLayout<T>;
+    registerItemRef: (id: string | number, element: HTMLElement | null) => void;
+    measureItemSize: (id: string | number) => {
+        width: number;
+        height: number;
+    };
+    recalculateLayout: () => void;
+};
+export default useWaterfall;

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

@@ -0,0 +1,108 @@
+declare const _default: {
+    en: {
+        'pisell-list-tab-group-default': string;
+        'pisell-list-empty-text-default': string;
+        'pisell-list-load-more': string;
+        'pisell-list-view-less': string;
+        'pisell-list-pagination-total': (start: number, end: number, total: number) => string;
+        'pisell-list-pagination-total-fallback': (start: number, end: number, total: number) => string;
+        'pisell-list-pagination-page-of': (current: number, total: number) => string;
+        'pisell-list-pagination-previous': string;
+        'pisell-list-pagination-next': string;
+        'pisell-list-scroll-down': string;
+        'pisell-list-scroll-right': string;
+        'pisell-list-scroll-to-bottom': string;
+        'pisell-list-scroll-to-end': string;
+        'pisell-list-loading': string;
+        'pisell-list-loading-more': string;
+        'pisell-list-no-more-data': string;
+        'pisell-list-group-title-all': string;
+        'pisell-list-load-error': string;
+        'pisell-list-retry': string;
+    };
+    'zh-CN': {
+        'pisell-list-tab-group-default': string;
+        'pisell-list-empty-text-default': string;
+        'pisell-list-load-more': string;
+        'pisell-list-view-less': string;
+        'pisell-list-pagination-total': (start: number, end: number, total: number) => string;
+        'pisell-list-pagination-total-fallback': (start: number, end: number, total: number) => string;
+        'pisell-list-pagination-page-of': (current: number, total: number) => string;
+        'pisell-list-pagination-previous': string;
+        'pisell-list-pagination-next': string;
+        'pisell-list-scroll-down': string;
+        'pisell-list-scroll-right': string;
+        'pisell-list-scroll-to-bottom': string;
+        'pisell-list-scroll-to-end': string;
+        'pisell-list-loading': string;
+        'pisell-list-loading-more': string;
+        'pisell-list-no-more-data': string;
+        'pisell-list-group-title-all': string;
+        'pisell-list-load-error': string;
+        'pisell-list-retry': string;
+    };
+    'zh-HK': {
+        'pisell-list-tab-group-default': string;
+        'pisell-list-empty-text-default': string;
+        'pisell-list-load-more': string;
+        'pisell-list-view-less': string;
+        'pisell-list-pagination-total': (start: number, end: number, total: number) => string;
+        'pisell-list-pagination-total-fallback': (start: number, end: number, total: number) => string;
+        'pisell-list-pagination-page-of': (current: number, total: number) => string;
+        'pisell-list-pagination-previous': string;
+        'pisell-list-pagination-next': string;
+        'pisell-list-scroll-down': string;
+        'pisell-list-scroll-right': string;
+        'pisell-list-scroll-to-bottom': string;
+        'pisell-list-scroll-to-end': string;
+        'pisell-list-loading': string;
+        'pisell-list-loading-more': string;
+        'pisell-list-no-more-data': string;
+        'pisell-list-group-title-all': string;
+        'pisell-list-load-error': string;
+        'pisell-list-retry': string;
+    };
+    ja: {
+        'pisell-list-tab-group-default': string;
+        'pisell-list-empty-text-default': string;
+        'pisell-list-load-more': string;
+        'pisell-list-view-less': string;
+        'pisell-list-pagination-total': (start: number, end: number, total: number) => string;
+        'pisell-list-pagination-total-fallback': (start: number, end: number, total: number) => string;
+        'pisell-list-pagination-page-of': (current: number, total: number) => string;
+        'pisell-list-pagination-previous': string;
+        'pisell-list-pagination-next': string;
+        'pisell-list-scroll-down': string;
+        'pisell-list-scroll-right': string;
+        'pisell-list-scroll-to-bottom': string;
+        'pisell-list-scroll-to-end': string;
+        'pisell-list-loading': string;
+        'pisell-list-loading-more': string;
+        'pisell-list-no-more-data': string;
+        'pisell-list-group-title-all': string;
+        'pisell-list-load-error': string;
+        'pisell-list-retry': string;
+    };
+    pt: {
+        'pisell-list-tab-group-default': string;
+        'pisell-list-empty-text-default': string;
+        'pisell-list-load-more': string;
+        'pisell-list-view-less': string;
+        'pisell-list-pagination-total': (start: number, end: number, total: number) => string;
+        'pisell-list-pagination-total-fallback': (start: number, end: number, total: number) => string;
+        'pisell-list-pagination-page-of': (current: number, total: number) => string;
+        'pisell-list-pagination-previous': string;
+        'pisell-list-pagination-next': string;
+        'pisell-list-scroll-down': string;
+        'pisell-list-scroll-right': string;
+        'pisell-list-scroll-to-bottom': string;
+        'pisell-list-scroll-to-end': string;
+        'pisell-list-loading': string;
+        'pisell-list-loading-more': string;
+        'pisell-list-no-more-data': string;
+        'pisell-list-group-title-all': string;
+        'pisell-list-load-error': string;
+        'pisell-list-retry': string;
+    };
+};
+export default _default;

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

@@ -0,0 +1,181 @@
+import { ReactNode, CSSProperties } from 'react';
+/** 设备类型 */
+export declare type DeviceType = 'pc' | 'pad' | 'mobile';
+/** 设备信息 */
+export interface DeviceInfo {
+    type: DeviceType;
+    isMobile: boolean;
+    isPad: boolean;
+    isPc: boolean;
+    width: number;
+    height: number;
+}
+/** 响应式配置接口 */
+export interface ResponsiveConfig {
+    /** PC端特定配置 */
+    pc?: Partial<ListProps>;
+    /** 平板端特定配置 */
+    pad?: Partial<ListProps>;
+    /** 移动端特定配置 */
+    mobile?: Partial<ListProps>;
+}
+/** 响应式Props接口 - 继承ListProps并添加responsive属性 */
+export interface ResponsiveProps extends ListProps {
+    /** 响应式配置 */
+    responsive?: ResponsiveConfig;
+}
+/** ResponsiveWrapper 组件属性 */
+export interface ResponsiveWrapperProps extends ResponsiveProps {
+    /** 子元素 */
+    children?: ReactNode;
+}
+/** 基础列表项接口 */
+export interface BaseListItem {
+    /** 唯一标识 */
+    id: string | number;
+    /** 预设高度（瀑布流模式） */
+    height?: number;
+    /** 预设宽度（瀑布流模式） */
+    width?: number;
+    /** 其他任意属性，可以包含用于分组的字段 */
+    [key: string]: any;
+}
+/** 空状态配置接口 */
+export interface EmptyStateConfig {
+    /** 是否显示空状态 */
+    show?: boolean;
+    /** 空状态文本 */
+    text?: string;
+    /** 空状态图标 */
+    icon?: ReactNode;
+    /** 空状态描述 */
+    description?: string;
+}
+/** 分页信息接口 */
+export interface PaginationInfo {
+    /** 当前页数 */
+    current?: number;
+    /** 总页数 */
+    total?: number;
+    /** 总数据条数 */
+    totalCount?: number;
+}
+/** 布局配置接口 */
+export interface LayoutConfig {
+    /** 显示样式 */
+    displayStyle?: 'grid' | 'waterfall';
+    /** 排版方式 */
+    layoutDirection?: 'horizontal' | 'vertical';
+    /** 列数 */
+    columns?: number;
+    /** 行数 */
+    rows?: number;
+    /** 列间距 */
+    columnGap?: number;
+    /** 行间距 */
+    rowGap?: number;
+    /** 缩放倍率 */
+    zoom?: number;
+}
+/** Tab配置接口 */
+export interface TabConfig {
+    /** tab样式 */
+    tabStyle?: 'anchor' | 'switch' | 'none';
+    /** 指定用于分组的数据字段名，例如 'category'、'type' 等 */
+    tabGroup?: string;
+    /** Tab数据源 */
+    tabData?: TabItem[];
+    /** 顶部固定 */
+    stickyTop?: boolean;
+}
+/** 分页配置接口 */
+export interface PaginationConfig {
+    /** 分页方式 */
+    paginationType?: 'all' | 'scroll' | 'pager' | 'more';
+    /** 默认显示个数 */
+    defaultPageSize?: number;
+    /** 每次加载个数 */
+    pageSize?: number;
+    /** 分页信息 */
+    pagination?: PaginationInfo;
+}
+/** 泛型List组件Props接口 */
+export interface ListProps<TItem extends BaseListItem = BaseListItem> {
+    /** 基础属性 */
+    className?: string;
+    style?: CSSProperties;
+    width?: string | number;
+    height?: string | number;
+    /** 布局配置 */
+    displayStyle?: LayoutConfig['displayStyle'];
+    layoutDirection?: LayoutConfig['layoutDirection'];
+    columns?: LayoutConfig['columns'];
+    rows?: LayoutConfig['rows'];
+    columnGap?: LayoutConfig['columnGap'];
+    rowGap?: LayoutConfig['rowGap'];
+    zoom?: LayoutConfig['zoom'];
+    /** Tab配置 */
+    tabStyle?: TabConfig['tabStyle'];
+    tabGroup?: TabConfig['tabGroup'];
+    tabData?: TabConfig['tabData'];
+    stickyTop?: TabConfig['stickyTop'];
+    isTreeTab?: boolean;
+    /** 分页配置 */
+    paginationType?: PaginationConfig['paginationType'];
+    defaultPageSize?: PaginationConfig['defaultPageSize'];
+    pageSize?: PaginationConfig['pageSize'];
+    pagination?: PaginationConfig['pagination'];
+    /** 数据和渲染 */
+    data?: TItem[];
+    children?: ReactNode;
+    renderItem?: (item: TItem, index: number) => ReactNode;
+    /** 回调函数 */
+    onLoadData?: (params: LoadDataParams) => void;
+    /** 状态配置 */
+    emptyConfig?: EmptyStateConfig;
+    loading?: boolean;
+    renderSearch?: () => ReactNode;
+    onTabSearch?: (val: string) => void;
+    onActiveTabChange?: (tab: any) => void;
+}
+/** 向后兼容的非泛型版本 */
+export interface LegacyListProps extends ListProps<any> {
+    /** 兼容旧的any[]类型 */
+    data?: any[];
+    renderItem?: (item: any, index: number) => ReactNode;
+}
+export interface TabItem {
+    /** 唯一标识，同时用作anchor模式下的锚点标识 */
+    key: string;
+    /** 显示文本 */
+    label: string;
+    /** 分组值，对应数据项中 tabGroup 指定字段的值 */
+    group?: string;
+    /** 是否禁用 */
+    disabled?: boolean;
+}
+export interface LoadMoreParams {
+    /** 当前页码 */
+    currentPage: number;
+    /** 每页数量 */
+    pageSize: number;
+    /** 当前tab */
+    activeTab?: string;
+}
+/** 数据加载触发类型 */
+export declare type LoadDataTrigger = 'tabChange' | 'pagination' | 'pageSize' | 'loadMore' | 'scroll';
+/** 统一的数据加载参数 */
+export interface LoadDataParams {
+    /** 触发类型 */
+    trigger: LoadDataTrigger;
+    /** 当前页码 */
+    currentPage: number;
+    /** 每页数量 */
+    pageSize: number;
+    /** 当前激活的tab */
+    activeTab?: string;
+    /** 上一页页码（分页变化时提供） */
+    previousPage?: number;
+    /** 上一页大小（页大小变化时提供） */
+    previousPageSize?: number;
+}

package/es/components/list/utils/getText.d.ts

@@ -0,0 +1,53 @@
+/**
+ * 国际化文案获取工具函数
+ * 参考 AmountSummary 组件的实现方式，使用 useEngineContext 获取语言设置
+ *
+ * @example
+ * ```typescript
+ * import { useGetText } from './utils';
+ * import locales from './locales';
+ *
+ * const MyComponent = () => {
+ *   const { getText, getTextFunc } = useGetText(locales);
+ *
+ *   // 获取字符串文案
+ *   const title = getText('component.title', 'Default Title');
+ *
+ *   // 获取函数类型文案
+ *   const formatFunc = getTextFunc('component.format');
+ *   const formattedText = typeof formatFunc === 'function'
+ *     ? formatFunc(arg1, arg2)
+ *     : 'Default Text';
+ *
+ *   return <div>{title}</div>;
+ * };
+ * ```
+ */
+export declare type SupportedLanguage = 'en' | 'zh-CN' | 'zh-HK' | 'ja' | 'pt';
+export interface LocalesObject {
+    [key: string]: {
+        [key: string]: string | ((...args: any[]) => string);
+    };
+}
+export interface GetTextFunctions {
+    getText: (key: string, fallback?: string) => string;
+    getTextFunc: (key: string) => any;
+    getCurrentLanguage: () => string;
+}
+/**
+ * 使用 useEngineContext 创建本地化文案获取函数的 Hook
+ * @param locales - 本地化文案对象
+ * @returns getText 和 getTextFunc 函数
+ */
+export declare const useGetText: (locales: LocalesObject) => GetTextFunctions;
+/**
+ * 创建本地化文案获取函数（非 Hook 版本，保持向后兼容）
+ * @param locales - 本地化文案对象
+ * @returns getText 和 getTextFunc 函数
+ * @deprecated 推荐使用 useGetText Hook 版本
+ */
+export declare const createGetText: (locales: LocalesObject) => GetTextFunctions;
+/**
+ * 默认导出：直接创建一个通用的 getText 函数工厂
+ */
+export default createGetText;

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

@@ -0,0 +1,19 @@
+/**
+ * List 组件工具函数导出
+ */
+export { useGetText, createGetText, default as createGetTextDefault, type SupportedLanguage, type LocalesObject, type GetTextFunctions, } from './getText';
+/**
+ * 根据层级路径数组递归查找对应节点的 productIds
+ * @param nodes 当前层级的节点列表
+ * @param levelPath 层级路径数组，每个元素是对应层级的分类 ID
+ * @param currentLevel 当前遍历的层级索引
+ * @returns 找到的节点的 productIds，找不到返回空数组
+ *
+ * @description
+ * 特殊逻辑：如果 levelPath 末尾有连续的 0，则去掉所有末尾的 0
+ * 例如：
+ * - [1, 2, 0] -> 取 id=2 节点的 productIds
+ * - [1, 0, 0] -> 取 id=1 节点的 productIds
+ * - [3, 0, 0, 0] -> 取 id=3 节点的 productIds
+ */
+export declare const findProductIdsByPath: (nodes: any[], levelPath: (string | number)[], currentLevel?: number) => number[];

package/es/components/pay/toB/components/Content/utils.d.ts

@@ -0,0 +1,16 @@
+import { Order, PayMethod, PayMethodCode } from '../../types';
+export declare const isEftposPay: (code: PayMethodCode) => boolean;
+/**
+ * @title: 处理eftpos支付
+ * @description: 处理eftpos支付
+ * @param {any} action 引擎action
+ * @param {any} params 参数
+ * @param {any} successCallback 成功回调
+ */
+export declare const handleEftposPay: (action: any, params: {
+    payMethod: PayMethod;
+    order: Order;
+    symbol: string;
+    network: any;
+    type: string;
+}, successCallback: (res: any) => void) => void;

package/es/components/pay/toB/components/MX51/index.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: React.ForwardRefExoticComponent<Omit<any, "ref"> & React.RefAttributes<unknown>>;
+export default _default;

package/es/components/pay/toB/hooks.d.ts

@@ -0,0 +1,12 @@
+/**
+ * @title: 获取引擎utils
+ */
+export declare const useEngineUtils: () => any;
+/**
+ * @title: 获取当前的语言
+ */
+export declare const useEngineLocale: () => any;
+/**
+ * @title: 获取当前的货币符号
+ */
+export declare const useSymbol: () => any;

package/es/components/pay/toB/locales.d.ts

@@ -0,0 +1,88 @@
+declare const _default: {
+    en: {
+        'tobPay.text.back': string;
+        'tobPay.text.waitPay': string;
+        'tobPay.text.card.edit.amount': string;
+        'tobPay.text.group.normalPay': string;
+        'tobPay.text.group.thirdPay': string;
+        'tobPay.text.cancel': string;
+        'tobPay.text.submit': string;
+        'tobPay.text.confirmed.payment': string;
+        'tobPay.text.cash.modal.amount.toPay': string;
+        'tobPay.text.cash.modal.input.title': string;
+        'tobPay.text.cash.modal.no.change.given': string;
+        'tobPay.text.cash.modal.amount.pay.change': (money: string) => string;
+        'tobPay.text.cash.modal.amount.left.pay.paid': (money: string) => string;
+        'tobPay.text.cash.modal.ok': string;
+        'tobPay.text.payment.with.surcharge': string;
+    };
+    'zh-CN': {
+        'tobPay.text.back': string;
+        'tobPay.text.waitPay': string;
+        'tobPay.text.card.edit.amount': string;
+        'tobPay.text.group.normalPay': string;
+        'tobPay.text.group.thirdPay': string;
+        'tobPay.text.cancel': string;
+        'tobPay.text.submit': string;
+        'tobPay.text.confirmed.payment': string;
+        'tobPay.text.cash.modal.amount.toPay': string;
+        'tobPay.text.cash.modal.input.title': string;
+        'tobPay.text.cash.modal.no.change.given': string;
+        'tobPay.text.cash.modal.amount.pay.change': (money: string) => string;
+        'tobPay.text.cash.modal.amount.left.pay.paid': (money: string) => string;
+        'tobPay.text.cash.modal.ok': string;
+        'tobPay.text.payment.with.surcharge': string;
+    };
+    'zh-HK': {
+        'tobPay.text.back': string;
+        'tobPay.text.waitPay': string;
+        'tobPay.text.card.edit.amount': string;
+        'tobPay.text.group.normalPay': string;
+        'tobPay.text.group.thirdPay': string;
+        'tobPay.text.cancel': string;
+        'tobPay.text.submit': string;
+        'tobPay.text.confirmed.payment': string;
+        'tobPay.text.cash.modal.amount.toPay': string;
+        'tobPay.text.cash.modal.input.title': string;
+        'tobPay.text.cash.modal.no.change.given': string;
+        'tobPay.text.cash.modal.amount.pay.change': (money: string) => string;
+        'tobPay.text.cash.modal.amount.left.pay.paid': (money: string) => string;
+        'tobPay.text.cash.modal.ok': string;
+        'tobPay.text.payment.with.surcharge': string;
+    };
+    ja: {
+        'tobPay.text.back': string;
+        'tobPay.text.waitPay': string;
+        'tobPay.text.card.edit.amount': string;
+        'tobPay.text.group.normalPay': string;
+        'tobPay.text.group.thirdPay': string;
+        'tobPay.text.cancel': string;
+        'tobPay.text.submit': string;
+        'tobPay.text.confirmed.payment': string;
+        'tobPay.text.cash.modal.amount.toPay': string;
+        'tobPay.text.cash.modal.input.title': string;
+        'tobPay.text.cash.modal.no.change.given': string;
+        'tobPay.text.cash.modal.amount.pay.change': (money: string) => string;
+        'tobPay.text.cash.modal.amount.left.pay.paid': (money: string) => string;
+        'tobPay.text.cash.modal.ok': string;
+        'tobPay.text.payment.with.surcharge': string;
+    };
+    pt: {
+        'tobPay.text.back': string;
+        'tobPay.text.waitPay': string;
+        'tobPay.text.card.edit.amount': string;
+        'tobPay.text.group.normalPay': string;
+        'tobPay.text.group.thirdPay': string;
+        'tobPay.text.cancel': string;
+        'tobPay.text.submit': string;
+        'tobPay.text.confirmed.payment': string;
+        'tobPay.text.cash.modal.amount.toPay': string;
+        'tobPay.text.cash.modal.input.title': string;
+        'tobPay.text.cash.modal.no.change.given': string;
+        'tobPay.text.cash.modal.amount.pay.change': (money: string) => string;
+        'tobPay.text.cash.modal.amount.left.pay.paid': (money: string) => string;
+        'tobPay.text.cash.modal.ok': string;
+        'tobPay.text.payment.with.surcharge': string;
+    };
+};
+export default _default;

package/es/components/pay/toB/store/context.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { ToBPayContextType } from '../types';
+export declare const ToBPayContext: import("react").Context<ToBPayContextType>;

package/es/components/pay/toB/store/hooks.d.ts

@@ -0,0 +1,15 @@
+import { ToBPayContextType } from '../types';
+/**
+ * 使用商家端支付的Hook
+ * @throws {Error} 如果在ToBPayProvider外部使用会抛出错误
+ * @returns {ToBPayContextType} 商家端支付上下文
+ */
+export declare const useToBPay: () => ToBPayContextType;
+export declare const useOSPayment: () => any;
+/**
+ * 使用OS支付的Hook
+ */
+export declare const useOSPaymentEffect: () => {
+    osPaymentEffectOn: () => void;
+    osPaymentEffectOff: () => void;
+};

package/es/components/pay/toB/store/index.d.ts

@@ -0,0 +1,3 @@
+export * from './context';
+export * from './provider';
+export * from './hooks';

package/es/components/pay/toB/store/provider.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare const ToBPayProvider: ({ children }: {
+    children: React.ReactNode;
+}) => React.JSX.Element;

package/es/components/pay/toB/types/index.d.ts

@@ -0,0 +1,81 @@
+export * from './storeTypes';
+export interface ToBPayParams {
+    source?: 'normal' | 'restore';
+    data: {
+        type?: string;
+        payMethod: {
+            id: string;
+            code: string;
+            type: string;
+            name: string;
+        };
+        params: {
+            orderId?: string | number;
+            symbol?: string;
+            amount: string;
+            surcharge?: string;
+            [key: string]: any;
+        };
+        mode: 'pay' | 'refund';
+    };
+    callback: ToBPayCallback;
+}
+export declare type ToBPayCallback = (res: {
+    status: string;
+    data: {
+        amount: number;
+        surPercentRate?: number;
+        surMoney?: number;
+        surcharge?: number;
+        uniquePaymentNumber?: string;
+        /**
+         * @description
+         * 支付组件返回的额外动作指令（例如：取消订单并开始新订单）
+         * PaymentModal 里会根据该字段执行对应流程。
+         */
+        action?: 'cancel_order' | string;
+    };
+    msg?: string;
+}) => void;
+/**
+ * @title: 支付打开参数
+ */
+export interface PayOpenParams extends Omit<ToBPayParams, 'callback'> {
+    payCallback: (res: EftposPayResult | MX51PayResult) => void;
+}
+/**
+ * @title: eftpos支付结果
+ */
+export interface EftposPayResult {
+    status: 'success' | 'fail';
+    params: {
+        amount: number;
+        surPercentRate: number;
+        surMoney: number;
+        uniquePaymentNumber: string;
+    };
+}
+/**
+ * @title: MX51支付结果
+ */
+export interface MX51PayResult {
+    result: boolean;
+    msg?: string;
+    amount: number;
+    surcharge: number;
+    uniquePaymentNumber: string;
+    action?: 'cancel_order' | string;
+}
+/**
+ * @title 原生MX51支付结果
+ */
+export interface NativeMX51PayResult {
+    action?: 'cancel_order' | string;
+    code: string;
+    msg?: string;
+    data: {
+        amount: number;
+        surcharge: number;
+    };
+    uuid: string;
+}