@pisell/private-materials 6.8.33 → 6.8.35

package/es/components/checkout/components/PaymentResultToast/utils.d.ts

@@ -0,0 +1,44 @@
+/**
+ * 防抖函数
+ * @param func 要防抖的函数
+ * @param wait 等待时间（毫秒）
+ * @returns 防抖后的函数
+ */
+export declare const debounce: <T extends (...args: any[]) => any>(func: T, wait: number) => (...args: Parameters<T>) => void;
+/**
+ * 获取弹窗配置的默认值
+ * @returns 默认的弹窗配置
+ */
+export declare const getDefaultModalConfig: () => {
+    width: number;
+    mask: boolean;
+    maskClosable: boolean;
+    closable: boolean;
+    zIndex: number;
+};
+/**
+ * 一键关闭当前页面上所有的 PaymentResultToast
+ * 这个函数是对现有 clearAllPaymentResultToasts 函数的封装，
+ * 提供了更友好的 API 和额外的配置选项
+ *
+ * 使用方法：
+ * - closeAllPaymentResultToasts() // 带动画关闭
+ * - closeAllPaymentResultToasts({ immediate: true }) // 立即关闭
+ *
+ * @param options 配置选项
+ * @param options.immediate 是否立即关闭（跳过退出动画），默认 false
+ * @returns Promise<void> 返回 Promise，在所有 Toast 关闭完成后 resolve
+ */
+export declare const closeAllPaymentResultToasts: (options?: {
+    immediate?: boolean;
+}) => Promise<void>;
+/**
+ * 获取当前页面上 PaymentResultToast 的数量
+ * @returns number 当前显示的 Toast 数量
+ */
+export declare const getToastCount: () => number;
+/**
+ * 检查当前页面是否有正在显示的 PaymentResultToast
+ * @returns boolean 是否有 Toast 正在显示
+ */
+export declare const hasActivePaymentResultToasts: () => boolean;

package/es/components/checkout/components/ScrollableList/index.d.ts

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

package/es/components/checkout/components/ScrollableList/types.d.ts

@@ -0,0 +1,53 @@
+import { ReactNode, CSSProperties, UIEvent } from 'react';
+export interface ScrollableListProps {
+    /** 列表项数据 */
+    children: ReactNode;
+    /** 容器高度 */
+    height?: number | string;
+    /** 最大高度 */
+    maxHeight?: number | string;
+    /** 渐变高度 */
+    gradientHeight?: number;
+    /** 渐变颜色 */
+    gradientColor?: string;
+    /** 列表容器样式 */
+    containerStyle?: CSSProperties;
+    /** 列表内容样式 */
+    contentStyle?: CSSProperties;
+    /** 自定义渐变样式 */
+    gradientStyle?: CSSProperties;
+    /** 是否显示滚动条 */
+    showScrollbar?: boolean;
+    /** 滚动事件回调 */
+    onScroll?: (event: UIEvent<HTMLDivElement>) => void;
+    /** 是否需要滚动状态改变回调 */
+    onScrollableChange?: (isScrollable: boolean) => void;
+    /** 列数设置，1为单列，大于1为多列，'auto'为自适应列数 */
+    columnCount?: number | 'auto';
+    /** 列间距，默认为16px */
+    columnGap?: number | string;
+    /** 行间距，默认为16px */
+    rowGap?: number | string;
+    /** 每列最小宽度（当columnCount为'auto'时生效） */
+    minColumnWidth?: number | string;
+}
+export interface ScrollState {
+    /** 是否需要滚动 */
+    isScrollable: boolean;
+    /** 是否显示顶部渐变 */
+    showTopGradient: boolean;
+    /** 是否显示底部渐变 */
+    showBottomGradient: boolean;
+    /** 当前滚动位置 */
+    scrollTop: number;
+    /** 可滚动的最大距离 */
+    maxScrollTop: number;
+}
+export interface GradientConfig {
+    /** 渐变高度 */
+    height: number;
+    /** 渐变颜色 */
+    color: string;
+    /** 自定义样式 */
+    style?: CSSProperties;
+}

package/es/components/checkout/components/SearchAndClientModule/index.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import './index.less';
+export interface IScanResult {
+    status: 'success' | 'failed';
+    scanType: string;
+    scanCode: string;
+    result: any;
+}
+interface IProps {
+    disabledSwitch?: boolean;
+    onSearch: (keyword: string) => void | Promise<any>;
+    onClientChange: () => void;
+}
+declare const SearchAndClientModule: (props: IProps) => React.JSX.Element;
+export default SearchAndClientModule;

package/es/components/checkout/components/SendPaymentLinkModal/index.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
 import './index.less';
+import React from 'react';
 interface SendPaymentLinkModalProps {
     balanceAmount?: string;
     customerEmail?: string;
@@ -8,5 +8,5 @@ interface SendPaymentLinkModalProps {
     sendPaymentLink: (data: any) => void;
     customerId?: number;
 }
-declare function SendPaymentLinkModal({ balanceAmount, customerEmail, customerName, onClose, sendPaymentLink, customerId, }: SendPaymentLinkModalProps): JSX.Element;
+declare function SendPaymentLinkModal({ balanceAmount, customerEmail, customerName, onClose, sendPaymentLink, customerId, }: SendPaymentLinkModalProps): React.JSX.Element;
 export default SendPaymentLinkModal;

package/es/components/checkout/components/WalletPassModule/components/ConflictModal/index.d.ts

@@ -1,10 +1,11 @@
+import React from 'react';
 import { PisellWalletPassCardProps } from '../../types';
-export declare const TestModule: () => JSX.Element;
+export declare const TestModule: () => React.JSX.Element;
 declare const ConflictModal: (props: {
     currentItem: PisellWalletPassCardProps;
     newItem: PisellWalletPassCardProps;
     onSwitch: (val: PisellWalletPassCardProps) => void;
     onSave: (val: PisellWalletPassCardProps) => void;
     onCancel: () => void;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export default ConflictModal;

package/es/components/checkout/components/WalletPassModule/components/DiscountWallet/index.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import './index.less';
 interface DiscountWalletProps {
     isCardMode: boolean;
@@ -7,5 +8,5 @@ interface DiscountWalletProps {
     onDetail: (record: any, index: number) => void;
     discountDisabled: boolean;
 }
-declare const DiscountWallet: (props: DiscountWalletProps) => JSX.Element;
+declare const DiscountWallet: (props: DiscountWalletProps) => React.JSX.Element;
 export default DiscountWallet;

package/es/components/checkout/constants.d.ts

@@ -0,0 +1,2 @@
+export declare const WALLET_PASS_CODE_ARRAY: string[];
+export declare const WALLET_PASS_CODE_MAP: Record<string, string>;

package/es/components/checkout/hooks/usePaymentLogger.d.ts

@@ -0,0 +1,2 @@
+declare const usePaymentLogger: () => any;
+export default usePaymentLogger;

package/es/components/checkout/hooks/useWalletPass.d.ts

@@ -0,0 +1,40 @@
+/**
+ * 自定义Hook：使用WalletPass功能
+ */
+export declare const useWalletPass: (props: {
+    onSelectChange?: ((select: {
+        voucher_id: number;
+        amount: number;
+        code: string;
+    }[]) => void) | undefined;
+    customAmount?: string | undefined;
+    clientId?: number | undefined;
+}) => {
+    walletRecommendList: any[];
+    userIdentificationCodes: any[];
+    loading: boolean;
+    error: string | null;
+    cardData: any;
+    handleSelectWallet: (this: unknown, value: number[]) => void;
+    selectedWalletIds: any[];
+    expiredWalletIds: any[];
+    expiredWalletData: any;
+    disabledWalletData: any[];
+    clearAllSelectedWallet: (this: unknown) => void;
+    clearDisabledWalletData: (this: unknown) => void;
+    handleBeforeEditAmount: (this: unknown, value: any, index: number, data: any) => Promise<boolean>;
+    handleBestSaving: (this: unknown) => void;
+    handleSearchIdentificationCode: (this: unknown, value: string) => any;
+    availableDiscountList: any;
+    selectedDiscountList: any;
+    handleSelectDiscount: (this: unknown, value: number[], option: any) => void;
+    customerName: any;
+    fetchWalletRecommendList: (this: unknown, params: any) => Promise<any>;
+    fetchUserIdentificationCodes: (this: unknown, params: any) => Promise<any>;
+    getCachedWalletRecommendList: (this: unknown) => any;
+    getCachedUserIdentificationCodes: (this: unknown) => any;
+    clearWalletRecommendList: (this: unknown) => void;
+    clearUserIdentificationCodes: (this: unknown) => void;
+    clearAllCache: (this: unknown) => void;
+    handleConfirmEditAmount: (this: unknown, value: number, id: number, data: any) => void;
+};