@pisell/private-materials 6.6.7 → 6.6.8

package/lib/components/ticketBooking/context/OsKeyContext.d.ts

@@ -0,0 +1,26 @@
+import React from 'react';
+/**
+ * OsKey Context
+ * 用于在 TicketBooking 组件树中提供 pisellos 的 osKey
+ * osKey 用于区分不同页面使用同一个组件时的模块标识
+ */
+interface OsKeyContextType {
+    /** pisellos 模块的唯一标识 */
+    osKey: string | undefined;
+}
+declare const OsKeyContext: React.Context<OsKeyContextType>;
+interface OsKeyProviderProps {
+    osKey: string | undefined;
+    children: React.ReactNode;
+}
+/**
+ * OsKey Provider
+ * 提供 osKey 给子组件使用
+ */
+export declare const OsKeyProvider: React.FC<OsKeyProviderProps>;
+/**
+ * useOsKey Hook
+ * 在子组件中使用此 hook 获取 osKey
+ */
+export declare const useOsKey: () => string;
+export default OsKeyContext;

package/lib/components/ticketBooking/context/index.d.ts

@@ -0,0 +1,2 @@
+export { OsKeyProvider, useOsKey } from './OsKeyContext';
+export { default as OsKeyContext } from './OsKeyContext';

package/lib/components/ticketBooking/hooks/pisellos/useActiveExecute.d.ts

@@ -0,0 +1,21 @@
+/**
+ * useActiveExecute Hook
+ * 返回一个函数，该函数接收一个回调函数，并返回一个包装后的函数
+ * 包装后的函数只在 isActive 为 true 时执行原始回调
+ *
+ * @example
+ * ```tsx
+ * const { executeIfActive } = useActiveExecute();
+ *
+ * // 创建一个包装函数用于事件监听
+ * const handleChange = (data) => {
+ *   console.log('data:', data);
+ * };
+ *
+ * // 返回的函数会在被调用时检查 isActive
+ * pisellos.effects.on('event', executeIfActive(handleChange));
+ * ```
+ */
+export declare const useActiveExecute: () => {
+    executeIfActive: <T extends (...args: any[]) => any>(fn: T) => T;
+};

package/lib/components/ticketBooking/hooks/pisellos/useCustomer.d.ts

@@ -0,0 +1,25 @@
+import { ClientData } from '../../../booking/info2/cartClientCard/types';
+export declare const useCustomer: (props: {
+    changeCustomerToGlobalState?: ((value: ClientData) => void) | undefined;
+}) => {
+    customers: never[];
+    selectedCustomer: ClientData | null;
+    loading: boolean;
+    error: null;
+    pagination: {
+        page: number;
+        pageSize: number;
+        total: number;
+    };
+    loadCustomers: (params?: {
+        skip?: number;
+        num?: number;
+        search?: string;
+    }) => Promise<void>;
+    changePage: (page: number, pageSize: number) => Promise<void>;
+    selectCustomer: (customer: ClientData | null) => void;
+    addCustomerToFirst: (customer: ClientData) => void;
+    initLoad: (this: any, keyword?: any) => Promise<void>;
+    hasMore: boolean;
+    loadMore: () => Promise<void>;
+};

package/lib/components/ticketBooking/hooks/pisellos/useScanManager.d.ts

@@ -0,0 +1,6 @@
+declare const useScanManager: () => {
+    disableAllScanListeners: () => void;
+    enableAllScanListeners: () => void;
+    clearAllScanListenersTaskQueue: () => void;
+};
+export default useScanManager;

package/lib/components/ticketBooking/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ProductDisplayConfig, ProductDisplayPresetKey } from './components/ProductDisplayAdapter/types';
 import './index.less';
 interface TicketBookingProps {

package/lib/components/ticketBooking/locales.d.ts

@@ -0,0 +1,198 @@
+declare const _default: {
+    en: {
+        'pisell2.ticket-booking.info': string;
+        'pisell2.ticket-booking.notes': string;
+        'pisell2.ticket-booking.note': string;
+        'pisell2.ticket-booking.forms': string;
+        'pisell2.ticket-booking.sales': string;
+        'pisell2.ticket-booking.payment': string;
+        'pisell2.ticket-booking.unsaved-changes': string;
+        'pisell2.ticket-booking.exit-confirm': string;
+        'pisell2.ticket-booking.go-back': string;
+        'pisell2.ticket-booking.exit': string;
+        'pisell2.ticket-booking.deposit': string;
+        'pisell2.ticket-booking.copy-success': string;
+        'pisell2.ticket-booking.no-data': string;
+        'pisell2.ticket-booking.authorized': string;
+        'pisell2.ticket-booking.paid': string;
+        'pisell2.ticket-booking.partially-paid': string;
+        'pisell2.ticket-booking.partially-refunded': string;
+        'pisell2.ticket-booking.payment-pending': string;
+        'pisell2.ticket-booking.refunded': string;
+        'pisell2.ticket-booking.unpaid': string;
+        'pisell2.ticket-booking.voided': string;
+        'pisell2.ticket-booking.pending': string;
+        'pisell2.ticket-booking.all': string;
+        'pisell2.ticket-booking.not-started': string;
+        'pisell2.ticket-booking.started': string;
+        'pisell2.ticket-booking.finished': string;
+        'pisell2.ticket-booking.canceled': string;
+        'pisell2.ticket-booking.inform': string;
+        'pisell2.ticket-booking.check-management': string;
+        'pisell2.ticket-booking.confirm': string;
+        'pisell2.ticket-booking.dashboard': string;
+        'pisell2.ticket-booking.booking-list': string;
+        'pisell2.ticket-booking.full-data': string;
+        'pisell2.ticket-booking.today': string;
+        'pisell2.ticket-booking.now': string;
+        'pisell2.ticket-booking.start-time': string;
+        'pisell2.ticket-booking.create-time': string;
+        'pisell2.ticket-booking.customer': string;
+        'pisell2.ticket-booking.total': string;
+        'pisell2.ticket-booking.search': string;
+        'pisell2.ticket-booking.refresh-success': string;
+        'pisell2.ticket-booking.loading': string;
+        'pisell2.ticket-booking.appointment-not-found': string;
+        'pisell2.ticket-booking.scan': string;
+        'pisell2.ticket-booking.create-new': string;
+        'pisell2.ticket-booking.add-to-cart': string;
+        'pisell2.ticket-booking.not-available-title': string;
+        'pisell2.ticket-booking.not-available-ok': string;
+        'pisell2.ticket-booking.in-cart': (number: number) => string;
+        'pisell2.product.card.cart-items': (number: number) => string;
+        'pisell2.product.card.subtotal': string;
+        'pisell2.product.card.hour.minute': (hour: number, minute: number) => string;
+        'pisell2.product.card.day': (val: number) => string;
+        'pisell2.product.card.day.event': (val: number) => string;
+        'pisell2.product.card.minute': (val: number) => string;
+        'pisell2.ticket-booking.reload': string;
+        'pisell2.text.scan-global-failed': string;
+        'pisell2.ticket-booking.terminal-upgrade-title': string;
+        'pisell2.ticket-booking.terminal-upgrade-description': string;
+        'pisell2.ticket-booking.terminal-upgrade-ok': string;
+        'pisell2.ticket-booking.terminal-upgrade-cancel': string;
+        'pisell2.ticket-booking.collapse': string;
+        'pisell2.ticket-booking.expand': string;
+    };
+    'zh-CN': {
+        'pisell2.ticket-booking.info': string;
+        'pisell2.ticket-booking.notes': string;
+        'pisell2.ticket-booking.note': string;
+        'pisell2.ticket-booking.forms': string;
+        'pisell2.ticket-booking.sales': string;
+        'pisell2.ticket-booking.payment': string;
+        'pisell2.ticket-booking.unsaved-changes': string;
+        'pisell2.ticket-booking.exit-confirm': string;
+        'pisell2.ticket-booking.go-back': string;
+        'pisell2.ticket-booking.exit': string;
+        'pisell2.ticket-booking.deposit': string;
+        'pisell2.ticket-booking.copy-success': string;
+        'pisell2.ticket-booking.no-data': string;
+        'pisell2.ticket-booking.authorized': string;
+        'pisell2.ticket-booking.paid': string;
+        'pisell2.ticket-booking.partially-paid': string;
+        'pisell2.ticket-booking.partially-refunded': string;
+        'pisell2.ticket-booking.payment-pending': string;
+        'pisell2.ticket-booking.refunded': string;
+        'pisell2.ticket-booking.unpaid': string;
+        'pisell2.ticket-booking.voided': string;
+        'pisell2.ticket-booking.pending': string;
+        'pisell2.ticket-booking.all': string;
+        'pisell2.ticket-booking.not-started': string;
+        'pisell2.ticket-booking.started': string;
+        'pisell2.ticket-booking.finished': string;
+        'pisell2.ticket-booking.canceled': string;
+        'pisell2.ticket-booking.inform': string;
+        'pisell2.ticket-booking.check-management': string;
+        'pisell2.ticket-booking.confirm': string;
+        'pisell2.ticket-booking.dashboard': string;
+        'pisell2.ticket-booking.booking-list': string;
+        'pisell2.ticket-booking.full-data': string;
+        'pisell2.ticket-booking.today': string;
+        'pisell2.ticket-booking.now': string;
+        'pisell2.ticket-booking.start-time': string;
+        'pisell2.ticket-booking.create-time': string;
+        'pisell2.ticket-booking.customer': string;
+        'pisell2.ticket-booking.total': string;
+        'pisell2.ticket-booking.search': string;
+        'pisell2.ticket-booking.refresh-success': string;
+        'pisell2.ticket-booking.loading': string;
+        'pisell2.ticket-booking.appointment-not-found': string;
+        'pisell2.ticket-booking.scan': string;
+        'pisell2.ticket-booking.create-new': string;
+        'pisell2.ticket-booking.add-to-cart': string;
+        'pisell2.ticket-booking.not-available-title': string;
+        'pisell2.ticket-booking.not-available-ok': string;
+        'pisell2.product.card.cart-items': (number: number) => string;
+        'pisell2.product.card.subtotal': string;
+        'pisell2.ticket-booking.in-cart': (number: number) => string;
+        'pisell2.product.card.hour.minute': (hour: number, minute: number) => string;
+        'pisell2.product.card.day': (val: number) => string;
+        'pisell2.product.card.day.event': (val: number) => string;
+        'pisell2.product.card.minute': (val: number) => string;
+        'pisell2.ticket-booking.reload': string;
+        'pisell2.text.scan-global-failed': string;
+        'pisell2.ticket-booking.terminal-upgrade-title': string;
+        'pisell2.ticket-booking.terminal-upgrade-description': string;
+        'pisell2.ticket-booking.terminal-upgrade-ok': string;
+        'pisell2.ticket-booking.terminal-upgrade-cancel': string;
+        'pisell2.ticket-booking.collapse': string;
+        'pisell2.ticket-booking.expand': string;
+    };
+    'zh-HK': {
+        'pisell2.ticket-booking.info': string;
+        'pisell2.ticket-booking.notes': string;
+        'pisell2.ticket-booking.note': string;
+        'pisell2.ticket-booking.forms': string;
+        'pisell2.ticket-booking.sales': string;
+        'pisell2.ticket-booking.payment': string;
+        'pisell2.ticket-booking.unsaved-changes': string;
+        'pisell2.ticket-booking.exit-confirm': string;
+        'pisell2.ticket-booking.go-back': string;
+        'pisell2.ticket-booking.exit': string;
+        'pisell2.ticket-booking.deposit': string;
+        'pisell2.ticket-booking.copy-success': string;
+        'pisell2.ticket-booking.no-data': string;
+        'pisell2.ticket-booking.authorized': string;
+        'pisell2.ticket-booking.paid': string;
+        'pisell2.ticket-booking.partially-paid': string;
+        'pisell2.ticket-booking.partially-refunded': string;
+        'pisell2.ticket-booking.payment-pending': string;
+        'pisell2.ticket-booking.refunded': string;
+        'pisell2.ticket-booking.unpaid': string;
+        'pisell2.ticket-booking.voided': string;
+        'pisell2.ticket-booking.pending': string;
+        'pisell2.ticket-booking.all': string;
+        'pisell2.ticket-booking.not-started': string;
+        'pisell2.ticket-booking.started': string;
+        'pisell2.ticket-booking.finished': string;
+        'pisell2.ticket-booking.canceled': string;
+        'pisell2.ticket-booking.inform': string;
+        'pisell2.ticket-booking.check-management': string;
+        'pisell2.ticket-booking.confirm': string;
+        'pisell2.ticket-booking.dashboard': string;
+        'pisell2.ticket-booking.booking-list': string;
+        'pisell2.ticket-booking.full-data': string;
+        'pisell2.ticket-booking.today': string;
+        'pisell2.ticket-booking.now': string;
+        'pisell2.ticket-booking.start-time': string;
+        'pisell2.ticket-booking.create-time': string;
+        'pisell2.ticket-booking.customer': string;
+        'pisell2.ticket-booking.total': string;
+        'pisell2.ticket-booking.search': string;
+        'pisell2.ticket-booking.refresh-success': string;
+        'pisell2.ticket-booking.loading': string;
+        'pisell2.ticket-booking.appointment-not-found': string;
+        'pisell2.ticket-booking.scan': string;
+        'pisell2.ticket-booking.create-new': string;
+        'pisell2.ticket-booking.add-to-cart': string;
+        'pisell2.ticket-booking.not-available-title': string;
+        'pisell2.ticket-booking.not-available-ok': string;
+        'pisell2.ticket-booking.in-cart': (number: number) => string;
+        'pisell2.product.card.cart-items': (number: number) => string;
+        'pisell2.product.card.subtotal': string;
+        'pisell2.product.card.hour.minute': (hour: number, minute: number) => string;
+        'pisell2.product.card.day': (val: number) => string;
+        'pisell2.product.card.day.event': (val: number) => string;
+        'pisell2.product.card.minute': (val: number) => string;
+        'pisell2.ticket-booking.reload': string;
+        'pisell2.text.scan-global-failed': string;
+        'pisell2.ticket-booking.terminal-upgrade-title': string;
+        'pisell2.ticket-booking.terminal-upgrade-description': string;
+        'pisell2.ticket-booking.terminal-upgrade-ok': string;
+        'pisell2.ticket-booking.terminal-upgrade-cancel': string;
+        'pisell2.ticket-booking.collapse': string;
+        'pisell2.ticket-booking.expand': string;
+    };
+};
+export default _default;

package/lib/components/ticketBooking/utils/productCache.d.ts

@@ -0,0 +1,75 @@
+/**
+ * 产品数据缓存工具
+ * 使用 localStorage 实现类似 SWR 的缓存功能
+ */
+/**
+ * 缓存类型
+ */
+export declare type CacheType = 'product' | 'boardConfig';
+/**
+ * 通用缓存获取函数
+ * @param osKey - OS 实例的唯一标识
+ * @param cacheType - 缓存类型
+ * @param maxAge - 缓存最大有效期（毫秒），默认不限制
+ */
+export declare const getCache: <T = any>(osKey: string, cacheType?: CacheType, maxAge?: number) => T | null;
+/**
+ * 从缓存中获取产品数据（兼容旧接口）
+ * @param osKey - OS 实例的唯一标识
+ * @param maxAge - 缓存最大有效期（毫秒），默认不限制
+ */
+export declare const getProductCache: <T = any>(osKey: string, maxAge?: number) => T | null;
+/**
+ * 通用缓存设置函数
+ * @param osKey - OS 实例的唯一标识
+ * @param data - 要缓存的数据
+ * @param cacheType - 缓存类型
+ */
+export declare const setCache: <T = any>(osKey: string, data: T, cacheType?: CacheType) => void;
+/**
+ * 设置产品缓存数据（兼容旧接口）
+ * @param osKey - OS 实例的唯一标识
+ * @param data - 要缓存的数据
+ */
+export declare const setProductCache: <T = any>(osKey: string, data: T) => void;
+/**
+ * 清除指定类型的缓存
+ * @param osKey - OS 实例的唯一标识
+ * @param cacheType - 缓存类型
+ */
+export declare const clearCache: (osKey: string, cacheType?: CacheType) => void;
+/**
+ * 清除指定 osKey 的产品缓存（兼容旧接口）
+ * @param osKey - OS 实例的唯一标识
+ */
+export declare const clearProductCache: (osKey: string) => void;
+/**
+ * 清除指定 osKey 的 BoardConfig 缓存
+ * @param osKey - OS 实例的唯一标识
+ */
+export declare const clearBoardConfigCache: (osKey: string) => void;
+/**
+ * 清除指定 osKey 的所有类型缓存
+ * @param osKey - OS 实例的唯一标识
+ */
+export declare const clearAllCacheByOsKey: (osKey: string) => void;
+/**
+ * 清除所有产品缓存
+ */
+export declare const clearAllProductCache: () => void;
+/**
+ * 清除所有类型的缓存
+ */
+export declare const clearAllCache: () => void;
+/**
+ * 获取 BoardConfig 缓存
+ * @param osKey - OS 实例的唯一标识
+ * @param maxAge - 缓存最大有效期（毫秒），默认不限制
+ */
+export declare const getBoardConfigCache: <T = any>(osKey: string, maxAge?: number) => T | null;
+/**
+ * 设置 BoardConfig 缓存
+ * @param osKey - OS 实例的唯一标识
+ * @param data - 要缓存的数据
+ */
+export declare const setBoardConfigCache: <T = any>(osKey: string, data: T) => void;

package/lib/hooks/useEngineContext.d.ts

@@ -0,0 +1,3 @@
+declare const useEngineContext: () => any;
+export declare const usePisellOS: () => any;
+export default useEngineContext;

package/lib/hooks/useLogger.d.ts

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

package/lib/hooks/usePaymentLogger.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 interface LogData {
     key: string;
     value: any;

package/lib/hooks/useToast.d.ts

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

package/lib/hooks/useTranslationOriginal.d.ts

@@ -0,0 +1 @@
+export default function useTranslationOriginal(): any;

package/lib/hooks/useWindowSize.d.ts

@@ -0,0 +1,5 @@
+interface UseWindowSizeOptions {
+    debounceMs?: number;
+}
+export declare const useWindowSize: (options?: UseWindowSizeOptions) => void;
+export default useWindowSize;

package/lib/plus/clientCard/locales.d.ts

@@ -0,0 +1,18 @@
+declare const _default: {
+    en: {
+        'pisell2.text.add-client': string;
+        'pisell2.text.change-client': string;
+        'pisell2.text.remove-client': string;
+    };
+    'zh-CN': {
+        'pisell2.text.add-client': string;
+        'pisell2.text.change-client': string;
+        'pisell2.text.remove-client': string;
+    };
+    'zh-HK': {
+        'pisell2.text.add-client': string;
+        'pisell2.text.change-client': string;
+        'pisell2.text.remove-client': string;
+    };
+};
+export default _default;

package/lib/plus/clientCard/types.d.ts

@@ -0,0 +1,134 @@
+import React, { ReactElement } from 'react';
+export interface ClientData {
+    id: number;
+    shop_id: number;
+    display_name?: string;
+    nickname?: string;
+    email?: string;
+    phone?: string;
+    country_calling_code?: string;
+    channel?: string;
+    created_at: string;
+    updated_at: string;
+    waiver_form?: any;
+    avatar?: string;
+    birthday?: string;
+    address?: string;
+    tags?: string[];
+    [key: string]: any;
+}
+export declare type CardType = 'b1' | 'b2' | 'b5' | 'b9';
+export declare type Direction = 'horizontal' | 'vertical';
+export declare type AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl' | number | string;
+export declare type AvatarShape = 'circle' | 'square';
+export interface AvatarConfig {
+    icon?: string;
+    shape?: AvatarShape;
+    borderRadius?: number | string;
+    size?: AvatarSize;
+    useTextAvatar?: boolean;
+    children?: string;
+}
+export interface StatusConfig {
+    color?: string;
+}
+export interface NameStyle {
+    fontSize?: number | string;
+    fontWeight?: number | string;
+    color?: string;
+    textDecoration?: string;
+}
+export interface TagItem {
+    children: string;
+    color: string;
+}
+export interface TagConfig {
+    placement?: 'separate' | 'inline';
+    flexWrap?: 'nowrap' | 'wrap';
+    gap?: number | string;
+}
+export interface ExtraField {
+    label?: string;
+    value?: string;
+    isShowLabel?: boolean;
+    isShowValue?: boolean;
+    icon?: string;
+    iconSize?: number;
+    iconColor?: string;
+}
+export interface Slots {
+    top?: React.ReactNode;
+    bottom?: React.ReactNode;
+    left?: React.ReactNode;
+    right?: React.ReactNode;
+}
+export interface StyleConfig {
+    width?: number | string;
+    border?: 'solid' | 'unset';
+    borderWidth?: number | string;
+    borderColor?: string;
+    borderRadius?: number | string;
+    padding?: number | string;
+    [key: string]: any;
+}
+export interface FieldNames {
+    id?: string | ((data: any) => any);
+    name?: string | ((data: any) => any);
+    cover?: string | ((data: any) => any);
+    phone?: string | ((data: any) => any);
+    email?: string | ((data: any) => any);
+    birthday?: string | ((data: any) => any);
+    address?: string | ((data: any) => any);
+    tags?: string | ((data: any) => any);
+    [key: string]: string | ((data: any) => any) | undefined;
+}
+export interface DisplayConfig {
+    isShowAvatar?: boolean;
+    isShowName?: boolean;
+    isShowPhone?: boolean;
+    isShowEmail?: boolean;
+    isShowBirthday?: boolean;
+    isShowAddress?: boolean;
+    isShowTag?: boolean;
+    isShowStatus?: boolean;
+}
+export interface ClientCardProps extends DisplayConfig {
+    type?: CardType;
+    direction?: Direction;
+    dataSource?: ClientData | any;
+    fieldNames?: FieldNames;
+    style?: StyleConfig;
+    horizontalGap?: number | string;
+    verticalGap?: number | string;
+    avatar?: AvatarConfig;
+    status?: StatusConfig;
+    dropdown?: {
+        open?: boolean;
+        buttonProps?: {
+            icon?: ReactElement;
+            onClick?: (e: Event) => void;
+            style?: React.CSSProperties;
+        };
+    };
+    defaultName?: string;
+    nameStyle?: NameStyle;
+    tags?: Array<TagItem | string>;
+    tag?: TagConfig;
+    extraFields?: ExtraField[];
+    slots?: Slots;
+    onAddClient?: () => void;
+    onChangeClient?: (data: ClientData) => void;
+    onRemoveClient?: (data: ClientData) => void;
+    onViewClient?: (data: ClientData) => void;
+}
+export interface ProcessedClientData {
+    id: any;
+    name: string;
+    cover?: string;
+    phone?: string;
+    email?: string;
+    birthday?: string;
+    address?: string;
+    tags?: string[];
+    [key: string]: any;
+}

package/lib/plus/clientCard/utils.d.ts

@@ -0,0 +1,8 @@
+interface FieldMapping<T = any, R = any> {
+    [key: string]: string | ((data: T) => R) | undefined;
+}
+export declare function getFieldValue<T, R = any>(data: T, fieldKey: string): R | undefined;
+export declare function getFieldValue<T, R = any>(data: T, fieldKey: string, mapping: FieldMapping<T, R>): R | undefined;
+export declare const getAvatarText: (name: string) => string;
+export declare const isWalkIn: (customer_id?: number | string) => boolean;
+export {};

package/lib/plus/clinetSearch/Add/BirthdayField/index.d.ts

@@ -0,0 +1,2 @@
+declare const DateSectionCom: ({ value, onChange, showTime, className, style, useSpace, format, itemStyle, }: any) => JSX.Element;
+export default DateSectionCom;

package/lib/plus/clinetSearch/Add/GenderField/index.d.ts

@@ -0,0 +1,2 @@
+declare const GenderField: (props: any) => JSX.Element;
+export default GenderField;

package/lib/plus/clinetSearch/Add/PhoneField/index.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const PhoneField: ({ value, onChange }: any) => JSX.Element;
 export default PhoneField;

package/lib/plus/clinetSearch/InfiniteScroll/InfiniteScroll.d.ts

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

package/lib/plus/clinetSearch/InfiniteScroll/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './InfiniteScroll';
+export type { InfiniteScrollProps, ScrollPosition, TouchInfo, InfiniteScrollState } from './types';

package/lib/plus/clinetSearch/InfiniteScroll/types.d.ts

@@ -0,0 +1,46 @@
+import { ReactNode, CSSProperties } from 'react';
+/**
+ * 无限滚动组件的属性接口
+ */
+export interface InfiniteScrollProps {
+    /** 数据长度，用于判断是否需要加载更多 */
+    dataLength: number;
+    /** 加载更多数据的函数 */
+    next: () => void;
+    /** 是否还有更多数据 */
+    hasMore: boolean;
+    /** 加载中显示的组件 */
+    loader?: ReactNode;
+    /** 没有更多数据时显示的组件 */
+    endMessage?: ReactNode;
+    /** 滚动容器的高度 */
+    height?: number | string;
+    /** 滚动阈值，0-1之间的数值或像素值 */
+    scrollThreshold?: number | string;
+    /** 滚动事件回调 */
+    onScroll?: (event: Event) => void;
+    /** 自定义样式 */
+    style?: CSSProperties;
+    /** 自定义类名 */
+    className?: string;
+    /** 指定滚动容器的目标元素ID */
+    scrollableTarget?: string;
+    /** 子元素 */
+    children: ReactNode;
+    /** 是否反向滚动 */
+    inverse?: boolean;
+}
+/**
+ * 滚动位置信息
+ */
+export interface ScrollPosition {
+    scrollTop: number;
+    scrollHeight: number;
+    clientHeight: number;
+}
+/**
+ * 组件内部状态
+ */
+export interface InfiniteScrollState {
+    isLoading: boolean;
+}