@pisell/private-materials 6.8.3 → 6.8.5

package/es/components/booking/model.d.ts

@@ -1,112 +0,0 @@
-export interface FormState {
-    amountSymbol: string;
-    apis: {
-        getClients: (par?: any) => any;
-        getClientsEs: (par?: any) => any;
-        getServices: (par?: any) => any;
-        getResources: (par?: any) => any;
-        getProducts: (par?: any) => any;
-        getPets: (par?: any) => any;
-        getForms: (par?: any) => any;
-        getFormData: (par?: any) => any;
-        getAddonsByOrderId: (par?: any) => any;
-        saveAddonsByOrderId: (par?: any) => any;
-        getNotesByOrder: (par?: any) => any;
-        saveBookingFormData: (par?: any) => any;
-        getPetsData: (par?: any) => any;
-    };
-    client: {
-        showModal: boolean;
-        value: any;
-        clients: any[];
-        clientsParams: {
-            skip: number;
-            num: number;
-            search: string;
-        };
-        edit: boolean;
-    };
-    contacts_info: {
-        edit: boolean;
-        value: any;
-    };
-    date: {
-        value: any;
-        end_date: any;
-        edit: boolean;
-    };
-    service: {
-        addModal: boolean;
-        editModal: boolean;
-        services: any[];
-        resources: any[];
-        resourcesOrigin: any[];
-        reloadResourceModal: false;
-        value: any[];
-        cacheItem: any;
-        edit: boolean;
-        addTimeModal: boolean;
-        changeService: any;
-    };
-    pet: {
-        showModal: boolean;
-        pets: any[];
-        value: any[];
-        formData: any;
-        originValue: any;
-        edit: boolean;
-    };
-    addons: {
-        showModal: boolean;
-        value: any[];
-        productList: any[];
-        originData: any[];
-        edit: boolean;
-    };
-    notes: {
-        orderNote: string;
-        internalNotes: any[];
-        edit: boolean;
-    };
-    form: {
-        value: any;
-        forms: any[];
-        edit: boolean;
-    };
-    setGlobalState: () => void;
-    disabledEdit: boolean;
-    bookingConfig: any;
-    action: any;
-    bookingId: string | number;
-    bookingDetail: any;
-    channelDisabledEdit: boolean;
-    renderType?: 'eventBooking' | 'dayBooking';
-    modalOpen?: boolean;
-    isTerminal?: boolean;
-    isFranchisee?: boolean;
-    addTimeProducts: any[];
-    eventOtherParams?: {
-        relation_id: number;
-        number: number;
-        registration_type: 'single' | 'all' | 'extra_include';
-        start_date: string;
-        start_time: string;
-        end_date: string;
-        end_time: string;
-        productIds: number[];
-    };
-    disableEventBookingEdit?: boolean;
-    /** 关闭自动打开选择服务弹窗 */
-    closeAutoOpenService?: boolean;
-    /** 是否terminal创建booking页面 */
-    isBookingCreatePage?: boolean;
-    loading: boolean;
-    isTerminalDayBookingPage?: boolean;
-    activeCartId?: any[];
-    isDayBooking: boolean;
-}
-export declare const walkInData: {
-    id: number;
-    nickname: string;
-};
-export declare const Provider: any, Context: any;

package/es/components/booking/notes/addNote/index.d.ts

@@ -1,4 +0,0 @@
-import React from "react";
-import "./index.less";
-declare const AddNote: ({ value, onChange, title, placeholder }: any) => React.JSX.Element;
-export default AddNote;

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

@@ -1,174 +0,0 @@
-import dayjs from 'dayjs';
-/**
- * @title: 高阶函数结果缓存（Memoization）
- */
-export declare function memoize<T extends (...args: any[]) => any>(fn: T): T;
-declare type RType = (url: string, data?: {} | undefined, config?: {} | undefined) => Promise<any>;
-declare class Request {
-    private request;
-    constructor();
-    setRequest(val: any): void;
-    getRequest(): {
-        get: RType;
-        post: RType;
-        put: RType;
-        remove: RType;
-        custom: RType;
-    };
-}
-export declare const request: Request;
-/**
- * @title: 格式化持续时长用于展示
- * @description:
- * @param {number} service_times
- * @return {*}
- * @Author: zhiwei.Wang
- * @Date: 2024-04-26 14:00
- */
-export declare const getDiscountTime: (service_times: number, isDay?: boolean) => string;
-/**
- * @title: 时间切片（带缓存版本）
- * @description: 使用 memoize 高阶函数包裹 sliceDayIntoFiveMinutes，相同参数时直接返回缓存结果
- */
-export declare const sliceDayIntoFiveMinutes: (config: any, locale: string, isDay?: boolean) => {
-    timeSlices: {
-        label: string;
-        value: string;
-    }[];
-    durationSlicesBasedOnTime: {
-        label: string;
-        value: number;
-    }[];
-};
-export declare const getNowTime: () => string;
-export declare const isNowTime: (time: string) => boolean;
-/**
- * @title: 获取服务的开始时间, 如果是now 转换为当前的时间
- * @description:
- * @param {string} start_time
- * @return {*}
- * @Author: zhiwei.Wang
- * @Date: 2024-04-26 14:03
- */
-export declare const getServeStartTime: (start_time: string) => string;
-/**
- * @title: 格式化服务的 开始时间-结束时间-时长, 用于展示
- * @description:
- * @param {any} item
- * @param {any} currentDate
- * @return {*}
- * @Author: zhiwei.Wang
- * @Date: 2024-04-26 14:04
- */
-export declare const getServiceTime: (item: any, currentDate: any) => string;
-export declare const findNextSlice: ({ timeSlices, index, date, }: {
-    timeSlices: any[];
-    index?: number | undefined;
-    date?: string | undefined;
-}) => any;
-export declare const findNextDuration: (current: any, array: any, defaultValue?: any) => any;
-export declare const formatProductListByCategory: (list: any, filterItem: any) => unknown[];
-export declare const getResourceTimeIsUsable: (item: any, cacheItem: any) => any;
-/**
- * @title: 查找是否有可用的time
- * @description:
- * @param {any} resourceItem
- * @return {*}
- * @Author: zhiwei.Wang
- * @Date: 2024-01-09 13:57
- */
-export declare const formatTimes: (resourceItem: any, cacheItem: any) => any;
-/**
- * @title: 获取店铺的营业结束时间
- * @description:
- * @return {*}
- * @Author: zhiwei.Wang
- * @Date: 2024-02-23 10:00
- */
-export declare const getShopOpeningHours: () => string;
-/**
- * @title: 对灵活时长进行处理
- * @description:
- * @return {*}
- * @Author: zhiwei.Wang
- * @Date: 2024-02-23 10:00
- */
-export declare const flexibleObj: {
-    create: (num: number) => any;
-    getValue: (str: string | number) => number;
-    isFlexible: (str: string | number) => boolean;
-    add: (current: number | string, duration: number) => any;
-};
-/**
- * @title: 获取结束时间
- * @description: 取 endDate | 店铺营业时间 最小的那一个
- * @param {any} startDate
- * @param {string} duration
- * @param {any} endDate
- * @return {*}
- * @Author: zhiwei.Wang
- * @Date: 2024-02-23 10:01
- */
-export declare const getEndDate: (startDate: any, duration: string | number, endDate: any) => any;
-export declare const getServiceTimes: (service: any) => {
-    startDate: dayjs.Dayjs;
-    endDate: dayjs.Dayjs;
-};
-export declare const getErrorList: (resource: any, cacheItem: any, isDay?: boolean) => {
-    label: any;
-    type: string;
-}[];
-/**
- * @title: 格式化资源, 添加自定义参数
- * @description:
- * @param {any} resourceItem
- * @return {*}
- * @Author: zhiwei.Wang
- * @Date: 2024-01-09 13:40
- */
-export declare const formatResource: (resourceItem: any, cacheItem?: any, formatLabel?: any) => any;
-export declare const getLastServer: (list: any) => any;
-export declare const getCacheParams: () => any;
-export declare const deleteCacheParams: () => void;
-/**
- * @title: 获取跨日预约的时长
- * @description:
- * @param {any} cacheItem
- * @return {*}
- * @Author: WangHan
- * @Date: 2024-12-01 22:43
- */
-export declare const getDays: (cacheItem: any, type: 'minutes' | 'days') => any;
-export declare const isSessionProduct: (cacheItem: any) => boolean;
-export declare const getIsEject: (item: any, type: 'select' | 'detail') => boolean;
-export declare const getIsOnlySession: (item: any) => boolean;
-/**
- * @title: 创建一个服务商品
- * @description:
- * @param {any} state
- * @param {any} item
- * @return {*}
- * @Author: zhiwei.Wang
- * @Date: 2024-01-26 14:09
- */
-export declare const getServerItemExtend: (state: any, cacheItem: any, timeObj: any) => any;
-export declare const getMainPrice: (item: any, price?: number) => number;
-export declare const getProductTotalPrice: (item: any) => number;
-/**
- * @title: 判断 duration
- * @description: 用于处理不同格式的duration
- * @param {number} duration
- * @return {*}
- * @Author: zhiwei.Wang
- * @Date: 2024-02-23 10:02
- */
-export declare const getDuration: (duration: number | {
-    type: string;
-    value: number;
-}) => number | "flexible" | {
-    type: string;
-    value: number;
-};
-export declare const isWalkIn: (customer_id?: number | string) => boolean;
-export declare const getIsEdit: (state: any) => boolean;
-export {};

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

@@ -1,13 +0,0 @@
-import React from 'react';
-import { PaymentModalProps } from './PaymentModal';
-interface PaymentContextType {
-    openPaymentModal: (props: PaymentModalProps) => void;
-    closePaymentModal: () => void;
-}
-export declare const PaymentProvider: React.FC<{
-    children: React.ReactNode;
-}>;
-export declare const usePaymentModal: () => PaymentContextType;
-export declare const openPaymentModal: (props: PaymentModalProps) => void;
-export declare const closePaymentModal: () => void;
-export {};

package/es/components/checkout/components/AdditionalModule/locales.d.ts

@@ -1,36 +0,0 @@
-declare const _default: {
-    en: {
-        'pisell2.text.others': string;
-        'pisell2.text.order-note': string;
-        'pisell2.text.print-receipt': string;
-        'pisell2.text.save-pay-later': string;
-        'pisell2.text.send-link': string;
-        'pisell2.text.manual-order-discount': string;
-        'pisell2.text.order-no-payment-required': string;
-        'pisell2.text.order-no-payment-cannot-send-link': string;
-        'pisell2.text.additional-module.order-discount': string;
-    };
-    'zh-CN': {
-        'pisell2.text.others': string;
-        'pisell2.text.order-note': string;
-        'pisell2.text.print-receipt': string;
-        'pisell2.text.save-pay-later': string;
-        'pisell2.text.send-link': string;
-        'pisell2.text.manual-order-discount': string;
-        'pisell2.text.order-no-payment-required': string;
-        'pisell2.text.order-no-payment-cannot-send-link': string;
-        'pisell2.text.additional-module.order-discount': string;
-    };
-    'zh-HK': {
-        'pisell2.text.others': string;
-        'pisell2.text.order-note': string;
-        'pisell2.text.print-receipt': string;
-        'pisell2.text.save-pay-later': string;
-        'pisell2.text.send-link': string;
-        'pisell2.text.manual-order-discount': string;
-        'pisell2.text.order-no-payment-required': string;
-        'pisell2.text.order-no-payment-cannot-send-link': string;
-        'pisell2.text.additional-module.order-discount': string;
-    };
-};
-export default _default;

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

@@ -1,26 +0,0 @@
-import React from 'react';
-import { CurrentOrderInfo } from '../../types';
-import './index.less';
-export interface CashPaymentModuleProps {
-    amountSymbol?: string;
-    orderInfo?: CurrentOrderInfo;
-    onPaymentComplete?: (result: any) => void;
-    amountButtons?: number[];
-    customAmount?: string;
-    disabled?: boolean;
-    roundingFunction?: (amount: number) => Promise<{
-        roundedAmount: number;
-        roundingDifference: number;
-    }>;
-    balanceDueAmount?: string;
-    balanceDueTotalAmount?: string;
-    syncingLock?: boolean;
-    shortcutsSize?: 'default' | 'large';
-}
-export declare function CashPaymentModule({ amountSymbol, orderInfo, onPaymentComplete, customAmount, amountButtons, // 按钮列表，默认5个推荐金额
-disabled, // 禁用状态
-roundingFunction, balanceDueAmount, // 当前阶段剩余支付金额（定金或普通支付）
-balanceDueTotalAmount, // 完整订单剩余待付金额
-syncingLock, // 是否锁定
-shortcutsSize, }: CashPaymentModuleProps): React.JSX.Element;
-export default CashPaymentModule;

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

@@ -1,38 +0,0 @@
-import React from 'react';
-import './index.less';
-interface SummaryItem {
-    key: string;
-    value: number;
-    label?: string;
-    hidden?: boolean;
-    tax?: any;
-}
-declare type SubTotalKey = 'deposit' | 'total' | 'sub_total' | 'tax' | 'delivery_fee' | 'discount' | 'point_deduction' | 'member_deduction' | 'expect_amount';
-interface PaymentItem {
-    uuid: string;
-    amount: number;
-    code: string;
-    name: string;
-    status: string;
-    voucher_id?: string;
-    [key: string]: any;
-}
-interface PaymentDetailModalProps {
-    amountSymbol?: string;
-    orderInfo?: any;
-    onClose: () => void;
-    summaryData?: SummaryItem[];
-    labelMaps?: Record<SubTotalKey, string>;
-    paymentItems?: PaymentItem[];
-    customAmount?: string;
-    voidPayment?: (paymentItem: PaymentItem) => void;
-    cartData?: any;
-    walletPassData?: {
-        selectedWallet?: any[];
-        availableDiscountList?: any[];
-        selectedDiscountList?: number[];
-    };
-    clientInfo?: any;
-}
-declare function PaymentDetailModal({ amountSymbol, orderInfo, cartData, onClose, summaryData, labelMaps, paymentItems, customAmount, voidPayment, walletPassData, clientInfo, }: PaymentDetailModalProps): React.JSX.Element;
-export default PaymentDetailModal;

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

@@ -1,16 +0,0 @@
-import { ExtendedPaymentMethod } from './PaymentMethodItem';
-import { PaymentOptionsModuleProps } from '../../types';
-import React from 'react';
-import './index.less';
-interface ExtendedPaymentOptionsModuleProps extends PaymentOptionsModuleProps {
-    amountSymbol?: string;
-    paymentMethods?: ExtendedPaymentMethod[];
-    customAmount?: string | number;
-    title?: string;
-    onClick?: (method: ExtendedPaymentMethod) => void;
-    disabled?: boolean;
-    showCashPayment?: boolean;
-}
-export declare const SHOW_METHODS_CODE: string[];
-declare function PaymentOptionsModule({ amountSymbol, orderInfo, onClick, paymentMethods, customAmount, title, disabled, showCashPayment, }: ExtendedPaymentOptionsModuleProps): React.JSX.Element;
-export default PaymentOptionsModule;

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

@@ -1,85 +0,0 @@
-import React from 'react';
-import { StatusClassName, ActionButtonGroupList } from './types';
-interface ShowPaymentResultToastConfig {
-    /** 状态样式类名 */
-    statusClassName: StatusClassName;
-    /** 标题 */
-    title: string;
-    /** 副标题 */
-    subtitle?: React.ReactNode;
-    /** 找零文本 */
-    changeDueText?: string;
-    /** 操作按钮 */
-    actionButtons?: ActionButtonGroupList;
-    /** 自动关闭配置 */
-    autoClose?: boolean;
-    /** 自动关闭延迟时间（秒） */
-    autoCloseDelay?: number;
-    /** 是否显示倒计时进度 */
-    showCountdownProgress?: boolean;
-    /** 倒计时完成回调 */
-    onCountdownComplete?: () => void;
-    /** 自定义关闭回调 */
-    onClose?: () => void;
-    /** 是否显示右上角关闭按钮 */
-    closable?: boolean;
-    /** 是否启用点击外部区域关闭弹窗（使用纯JS实现） */
-    clickOutsideToClose?: boolean;
-    /** 是否显示遮罩 */
-    mask?: boolean;
-}
-interface PaymentResultToastContextType {
-    /** 显示成功弹窗 */
-    showSuccess: (config: Omit<ShowPaymentResultToastConfig, 'statusClassName'>) => string;
-    /** 显示失败弹窗 */
-    showFailed: (config: Omit<ShowPaymentResultToastConfig, 'statusClassName'>) => string;
-    /** 显示钱包通行证失败弹窗 */
-    showWalletPassFailed: (config: Omit<ShowPaymentResultToastConfig, 'statusClassName'>) => string;
-    /** 显示部分支付弹窗 */
-    showPartiallyPaid: (config: Omit<ShowPaymentResultToastConfig, 'statusClassName'>) => string;
-    /** 显示自定义状态弹窗 */
-    showToast: (config: ShowPaymentResultToastConfig) => string;
-    /** 关闭弹窗 */
-    closeToast: () => void;
-    /** 是否正在显示弹窗 */
-    isVisible: boolean;
-}
-export declare const PaymentResultToastProvider: React.FC<{
-    children: React.ReactNode;
-}>;
-export declare const usePaymentResultToast: () => PaymentResultToastContextType;
-declare class GlobalToastManager {
-    private instances;
-    private nextId;
-    private readonly TOAST_HEIGHT;
-    private readonly TOAST_MARGIN;
-    private readonly BOTTOM_OFFSET;
-    private readonly LEFT_OFFSET;
-    private cachedBottomOffset;
-    private cachedCenterOffset;
-    private tillButton;
-    setTillButton(tillButton: any): void;
-    private generateId;
-    private calculateAndCacheBottomOffset;
-    private calculateAndCacheCenterOffset;
-    private resetBottomOffsetCache;
-    private calculateBottomPosition;
-    private updatePositions;
-    addToast(config: ShowPaymentResultToastConfig): string;
-    removeToast(id: string): void;
-    clearAll(): void;
-    getCount(): number;
-    initializeResizeListener(): () => void;
-}
-declare const globalToastManager: GlobalToastManager;
-export declare const showPaymentResultToastSuccess: (config: Omit<ShowPaymentResultToastConfig, 'statusClassName'>) => Promise<string>;
-export declare const showPaymentResultToastFailed: (config: Omit<ShowPaymentResultToastConfig, 'statusClassName'>) => Promise<string>;
-export declare const showPaymentResultToastWalletPassFailed: (config: Omit<ShowPaymentResultToastConfig, 'statusClassName'>) => Promise<string>;
-export declare const showPaymentResultToastPartiallyPaid: (config: Omit<ShowPaymentResultToastConfig, 'statusClassName'>) => Promise<string>;
-export declare const showPaymentResultToast: (config: ShowPaymentResultToastConfig) => Promise<string>;
-export declare const closePaymentResultToast: (id?: string) => void;
-export declare const clearAllPaymentResultToasts: () => void;
-export declare const getPaymentResultToastCount: () => number;
-export type { ShowPaymentResultToastConfig, PaymentResultToastContextType };
-export declare const setTillButton: (tillButton: any) => void;
-export { globalToastManager };

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

@@ -1,59 +0,0 @@
-import React from 'react';
-import type { MenuProps, ButtonProps } from 'antd';
-/** 操作按钮配置 */
-export interface ActionButtonProps {
-    /** 按钮唯一标识 */
-    id?: string;
-    /** 是否为更多操作按钮（下拉菜单） */
-    isMore?: boolean;
-    /** 下拉菜单数据，仅在 isMore 为 true 时生效 */
-    menuData?: MenuProps['items'];
-    /** 按钮属性配置 */
-    buttonProps?: ButtonProps;
-}
-/** 操作按钮组列表，支持多行按钮组 */
-export declare type ActionButtonGroupList = ActionButtonProps[][];
-/** 状态样式类型 */
-export declare type StatusClassName = 'success' | 'failed' | 'wallet-pass-failed' | 'partially-paid';
-export interface PaymentResultToastProps {
-    /** 是否可见 */
-    visible?: boolean;
-    /** 关闭回调 */
-    onClose?: () => void;
-    /** 状态样式类名，用于控制样式主题 */
-    statusClassName?: StatusClassName;
-    /** 标题文本（已计算好的显示文本）- 已不再显示 */
-    title?: string;
-    /** 副标题内容（已计算好的金额显示内容，支持自定义样式） */
-    subtitle?: React.ReactNode;
-    /** 找零信息文本（已计算好的找零显示文本） */
-    changeDueText?: string;
-    /** 底部操作按钮组配置 */
-    actionButtons?: ActionButtonGroupList;
-    /** 是否启用自动关闭 */
-    autoClose?: boolean;
-    /** 倒计时秒数，控制自动关闭的时间（秒） */
-    autoCloseDelay?: number;
-    /** 是否显示倒计时进度条 */
-    showCountdownProgress?: boolean;
-    /** 倒计时完成回调 */
-    onCountdownComplete?: () => void;
-    /** 自定义样式类名，用于样式隔离和扩展 */
-    className?: string;
-}
-export interface PaymentResultToastConfig {
-    /** 弹窗宽度 */
-    width?: number;
-    /** 弹窗高度 */
-    height?: number;
-    /** 是否显示遮罩 */
-    mask?: boolean;
-    /** 是否可通过点击遮罩关闭（已由外部计算确定） */
-    maskClosable?: boolean;
-    /** 是否显示右上角关闭按钮 */
-    closable?: boolean;
-    /** 弹窗层级 */
-    zIndex?: number;
-    /** 是否启用点击外部区域关闭弹窗（使用纯JS实现） */
-    clickOutsideToClose?: boolean;
-}

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

@@ -1,44 +0,0 @@
-/**
- * 防抖函数
- * @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

@@ -1,5 +0,0 @@
-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

@@ -1,53 +0,0 @@
-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;
-}