@pisell/private-materials 6.6.24 → 6.6.26

package/es/components/eftposPay/store/index.d.ts

@@ -0,0 +1,362 @@
+import { ReactNode } from 'react';
+import { DeviceStatusType, StatusType, ModeType, RouteType, ClientEnum } from '../const';
+import { ThunkDispatch } from './useThunkReducer';
+export declare enum EActionTypes {
+    UPDATE_INIT = "UPDATE_INIT",
+    UPDATE_CUSTOM = "UPDATE_CUSTOM",
+    UPDATE_KEY = "UPDATE_KEY",
+    UPDATE_STEP_KEY = "UPDATE_STEP_KEY",
+    UPDATE_DEVICE = "UPDATE_DEVICE",
+    UPDATE_NEXT_STEP = "UPDATE_NEXT_STEP",
+    UPDATE_STATUS = "UPDATE_STATUS",
+    UPDATE_TITLE = "UPDATE_TITLE",
+    UPDATE_LOADING = "UPDATE_LOADING",
+    UPDATE_COMPONENT = "UPDATE_COMPONENT",
+    UPDATE_STEPS = "UPDATE_STEPS",
+    UPDATE_STEP_CURRENT_ITEM_CUSTOM = "UPDATE_STEP_CURRENT_ITEM_CUSTOM",
+    UPDATE_STEP_ITEM = "UPDATE_STEP_ITEM",
+    BACKUP_PRODUCTION = "BACKUP_PRODUCTION",
+    BACKUP_FREE = "BACKUP_FREE",
+    UPDATE_CLIENT = "UPDATE_CLIENT"
+}
+export declare type State = {
+    /** 支付名称 */
+    name: string;
+    /** 金额单位 */
+    symbol: string;
+    /** 支付原始金额 */
+    amount: string | number;
+    /** 模式 */
+    mode: ModeType;
+    /** 订单号 */
+    order_id: string | number;
+    /** 厂商 */
+    eftpos: DeviceStatusType;
+    action?: RouteType;
+    /** 用于重置页面特指 =》全部步骤 */
+    key: number;
+    /** 当前执行到哪一步了 */
+    step: number;
+    /** 标题 */
+    title: string;
+    /** 标题 */
+    subTitle?: string;
+    /** step : 常规步骤页面 ,unset 自定义页面 */
+    type: 'step' | 'unset';
+    render: boolean;
+    /** 网络 */
+    net?: boolean;
+    /** 上面  unset 自定义页面,这里需要指定到具体页面 */
+    component: string;
+    form?: string;
+    /** 页面状态 */
+    status: StatusType;
+    /** 警告文案 */
+    warn: string;
+    steps: {
+        /** 用于重置当前步骤 */
+        key: number;
+        title?: string;
+        text?: string;
+        warn?: string;
+        tip?: string;
+        success?: string;
+        fail?: string;
+        loading?: string;
+        /** 步骤状态 */
+        status: StatusType;
+        custom?: {
+            /**  步骤自定义 */
+            [key: string]: unknown;
+        };
+    }[];
+    /** 支付流水号 */
+    number?: string | number;
+    /** 设备信息 */
+    device?: {
+        [key: string]: unknown;
+    };
+    /** 支付信息 */
+    pay?: {
+        [key: string]: unknown;
+    };
+    custom?: {
+        [key: string]: unknown;
+    };
+    manual?: {
+        title: string;
+        text: string;
+        status?: boolean;
+        money?: number;
+    };
+    backup?: Omit<State, 'backup'>;
+    client: ClientEnum;
+    /** 原始参数 - 用于 retry 时完整恢复 */
+    originalParams?: {
+        [key: string]: unknown;
+    };
+};
+export declare type Action = {
+    type: EActionTypes;
+    payload: Partial<State>;
+};
+/**
+ * @title: 刷新 key
+ * @description: 用户重置组件生命周期,
+ * @param {number} key
+ * @Author: hongbing.wang
+ * @Date: 2024-08-19 09:56
+ */
+export declare const updateKey: (key: number) => {
+    type: EActionTypes;
+    payload: {
+        key: number;
+    };
+};
+/**
+ * @title: 更新设备信息
+ * @description: 用户选择设备将回填到此处
+ * @param {object} payload
+ * @Author: hongbing.wang
+ * @Date: 2024-08-19 09:57
+ */
+export declare const updateDevice: (payload: {
+    device: State['device'];
+}) => {
+    type: EActionTypes;
+    payload: {
+        device: State['device'];
+    };
+};
+/**
+ * @title: 刷新 步骤key
+ * @description: 重置某一步生命周期
+ * @Author: hongbing.wang
+ * @Date: 2024-08-19 09:58
+ */
+export declare const updateStepKey: () => {
+    type: EActionTypes;
+    payload: {};
+};
+/**
+ * @title: 更新至下一步
+ * @description: 更新至下一步
+ * @param {string} warn?: 错误信息
+ * @Author: hongbing.wang
+ * @Date: 2024-08-19 09:58
+ */
+export declare const updateNextStep: (warn?: string) => {
+    type: EActionTypes;
+    payload: {
+        warn: string;
+    } | {
+        warn?: undefined;
+    };
+};
+/**
+ * @title: 更新自定义信息
+ * @description: 更新自定义信息
+ * @param {object} payload
+ * @Author: hongbing.wang
+ * @Date: 2024-08-19 10:03
+ */
+export declare const updateCustom: (payload: {
+    [key: string]: unknown;
+}) => {
+    type: EActionTypes;
+    payload: {
+        [key: string]: unknown;
+    };
+};
+/**
+ * @title: 更新 全局状态
+ * @description: 更新 全局状态
+ * @param {string} status : 状态
+ *  * @Author: hongbing.wang
+ * @Date: 2024-08-19 10:03
+ */
+export declare const updateStatus: (status: 'loading' | 'warn' | 'fail' | 'success' | 'question') => {
+    type: EActionTypes;
+    payload: {
+        status: "loading" | "success" | "warn" | "fail" | "question";
+    };
+};
+/**
+ * @title: 更新自定义组件
+ * @description: 更新自定义组件
+ * @param {string} component 组件名称
+ * @param {boolean} render : true : 隐藏 原组件(维持原组件内状态)  ;false : 卸载
+ * @return {*}
+ * @Author: hongbing.wang
+ * @Date: 2024-08-19 10:04
+ */
+export declare const updateComponent: (component: string, render?: boolean) => {
+    type: EActionTypes;
+    payload: {
+        readonly component: string;
+        readonly type: "unset";
+        readonly render: boolean;
+    } | {
+        readonly type: "step";
+        readonly render: boolean;
+        readonly component?: undefined;
+    };
+};
+/**
+ * @title: 更新步骤信息
+ * @description: 更新某一步骤信息
+ * @param {State} steps 某一步骤信息
+ * @Author: hongbing.wang
+ * @Date: 2024-08-19 10:07
+ */
+export declare const updateSteps: (steps: State['steps']) => {
+    type: EActionTypes;
+    payload: {
+        steps: {
+            /** 用于重置当前步骤 */
+            key: number;
+            title?: string | undefined;
+            text?: string | undefined;
+            warn?: string | undefined;
+            tip?: string | undefined;
+            success?: string | undefined;
+            fail?: string | undefined;
+            loading?: string | undefined;
+            /** 步骤状态 */
+            status: StatusType;
+            custom?: {
+                [key: string]: unknown;
+            } | undefined;
+        }[];
+    };
+};
+/**
+ * @title: 更新状态管理信息
+ * @description: 更新状态管理信息
+ * @param {Partial} payload
+ * @return {*}
+ * @Author: hongbing.wang
+ * @Date: 2024-08-19 10:08
+ */
+export declare const updateState: (payload: Partial<State>) => {
+    type: EActionTypes;
+    payload: Partial<State>;
+};
+/**
+ * @title: 更新当前步骤自定义信息
+ * @description: 更新当前步骤自定义信息
+ * @Author: hongbing.wang
+ * @Date: 2024-08-19 10:09
+ */
+export declare const updateCurrentCustomStemItem: (payload: NonNullable<Partial<State['steps'][number]['custom']>>) => {
+    type: EActionTypes;
+    payload: Partial<{
+        [key: string]: unknown;
+    }>;
+};
+/**
+ * @title: 更新当前步骤信息
+ * @description: 更新当前步骤信息
+ * @Author: hongbing.wang
+ * @Date: 2024-08-19 10:09
+ */
+export declare const updateCurrentStemItem: (payload: any) => {
+    type: EActionTypes;
+    payload: any;
+};
+/**
+ * @title: 更新当前步骤信息
+ * @description: 更新当前步骤信息
+ * @Author: hongbing.wang
+ * @Date: 2024-08-19 10:09
+ */
+export declare const updateClient: (payload: ClientEnum) => {
+    type: EActionTypes;
+    payload: {
+        client: ClientEnum;
+    };
+};
+/**
+ * @title: 更新备份信息
+ * @description: 更新备份信息
+ * @Author: hongbing.wang
+ * @Date: 2024-08-19 10:25
+ */
+export declare const backUpProduction: (payload: Partial<State>) => {
+    type: EActionTypes;
+    payload: Partial<State>;
+};
+/**
+ * @title: 释放备份信息
+ * @description: 释放备份信息
+ * @param {Partial} payload
+ * @Author: hongbing.wang
+ * @Date: 2024-08-19 10:27
+ */
+export declare const backUpFree: (payload: Partial<State>) => {
+    type: EActionTypes;
+    payload: {
+        name?: string | undefined;
+        symbol?: string | undefined;
+        amount?: string | number | undefined;
+        mode?: "pay" | "refund" | "fullPay" | "query" | undefined;
+        order_id?: string | number | undefined;
+        eftpos?: "stripe" | "payo" | "tyro" | "windcave" | "linkly" | "huifu" | undefined;
+        action?: "pay" | "amount" | "deviceList" | undefined;
+        key?: number | undefined;
+        step?: number | undefined;
+        title?: string | undefined;
+        subTitle?: string | undefined;
+        type?: "unset" | "step" | undefined;
+        render?: boolean | undefined;
+        net?: boolean | undefined;
+        component?: string | undefined;
+        form?: string | undefined;
+        status?: "loading" | "success" | "warn" | "init" | "fail" | "pedding" | "resove" | "reject" | "question" | undefined;
+        warn?: string | undefined;
+        steps?: {
+            /** 用于重置当前步骤 */
+            key: number;
+            title?: string | undefined;
+            text?: string | undefined;
+            warn?: string | undefined;
+            tip?: string | undefined;
+            success?: string | undefined;
+            fail?: string | undefined;
+            loading?: string | undefined;
+            /** 步骤状态 */
+            status: StatusType;
+            custom?: {
+                [key: string]: unknown;
+            } | undefined;
+        }[] | undefined;
+        number?: string | number | undefined;
+        device?: {
+            [key: string]: unknown;
+        } | undefined;
+        pay?: {
+            [key: string]: unknown;
+        } | undefined;
+        custom?: {
+            [key: string]: unknown;
+        } | undefined;
+        manual?: {
+            title: string;
+            text: string;
+            status?: boolean | undefined;
+            money?: number | undefined;
+        } | undefined;
+        backup?: Omit<State, "backup"> | undefined;
+        client?: ClientEnum | undefined;
+        originalParams?: {
+            [key: string]: unknown;
+        } | undefined;
+    };
+};
+export declare function reducers(state: State, action: Action): State;
+export declare const Provider: ({ children, state: providerState, }: {
+    children: ReactNode;
+    state?: State | undefined;
+}) => JSX.Element;
+export declare function useContextData(): State;
+export declare function useDispatch(): ThunkDispatch<State, Action>;

package/es/components/eventBooking/components/ErrorTip/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 declare const ErrorTip: ({ text }: any) => JSX.Element;
 export default ErrorTip;

package/es/components/eventBooking/components/Provider/Cart/Deposit/index.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const Deposit: () => JSX.Element;
 export default Deposit;

package/es/components/eventBooking/components/Provider/InformationOptionsModal/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 declare const InformationOptionsModal: (props: any) => JSX.Element;
 export default InformationOptionsModal;

package/es/components/eventBooking/components/bookingAvailabilityCalendar/components/CalendarDate/CalenDateWeek/CallToBook/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 declare type CallToBookProps = {
     show: boolean;

package/es/components/eventBooking/components/bookingAvailabilityCalendar/components/CalendarDate/CalenDateWeek/WeekItem/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 declare const WeekItem: (props: any) => JSX.Element;
 export default WeekItem;

package/es/components/eventBooking/components/bookingAvailabilityCalendar/components/CalendarDate/CalenDateWeek/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 declare type CalenDateWeekProps = {
     currentDate: string;

package/es/components/eventBooking/components/scheduleCalendar/calendarItem.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CalendarDataItem } from '../../type';
 declare type CalendarItemProps = {
     month: string;

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

@@ -0,0 +1,13 @@
+import React from 'react';
+import './ListItemSkeleton.less';
+interface ListItemSkeletonProps {
+    className?: string;
+    style?: React.CSSProperties;
+    displayStyle?: 'grid' | 'waterfall';
+    showImage?: boolean;
+    imageWidth?: number;
+    imageHeight?: number;
+    rows?: number;
+}
+declare const ListItemSkeleton: React.FC<ListItemSkeletonProps>;
+export default ListItemSkeleton;

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

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

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

@@ -0,0 +1,18 @@
+import React from 'react';
+import './ScrollLoader.less';
+export interface ScrollLoadState {
+    canLoadMore: boolean;
+    totalLoaded: number;
+}
+export interface ScrollLoaderProps {
+    /** 是否正在加载 */
+    loading: boolean;
+    /** 滚动加载状态 */
+    scrollLoadState?: ScrollLoadState | null;
+    /** 布局方向 */
+    layoutDirection: 'horizontal' | 'vertical';
+    /** 分页类型 */
+    paginationType: 'all' | 'scroll' | 'pager' | 'more';
+}
+declare const ScrollLoader: React.FC<ScrollLoaderProps>;
+export default ScrollLoader;

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

@@ -0,0 +1,2 @@
+export { default } from './ScrollLoader';
+export type { ScrollLoaderProps, ScrollLoadState } from './ScrollLoader';

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

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

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

@@ -0,0 +1,2 @@
+export { default } from './Tab';
+export type { TabProps } from './types';

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

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import { TabItem } from '../../types';
+export interface TabProps {
+    /** 类名 */
+    className?: string;
+    /** 样式 */
+    style?: React.CSSProperties;
+    /** 当前激活的tab */
+    activeKey?: string;
+    /** tab项 */
+    items: TabItem[];
+    /** tab切换回调 */
+    onChange?: (key: string) => void;
+}

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

@@ -0,0 +1,11 @@
+import React from 'react';
+import './TabSkeleton.less';
+interface TabSkeletonProps {
+    className?: string;
+    style?: React.CSSProperties;
+    tabCount?: number;
+    animated?: boolean;
+    tabStyle?: 'switch' | 'anchor';
+}
+declare const TabSkeleton: React.FC<TabSkeletonProps>;
+export default TabSkeleton;

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

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

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

@@ -0,0 +1,33 @@
+import React, { ReactNode } from 'react';
+import { WaterfallLayout } from '../../hooks/useWaterfall';
+import './WaterfallList.less';
+export interface WaterfallListProps<TItem extends {
+    id: string | number;
+    height?: number;
+    width?: number;
+} = any> {
+    /** 瀑布流布局数据 */
+    layout: WaterfallLayout<TItem>;
+    /** 布局方向 */
+    layoutDirection: 'horizontal' | 'vertical';
+    /** 列间距 */
+    columnGap: number;
+    /** 行间距 */
+    rowGap: number;
+    /** 列数 */
+    columns: number;
+    /** 行数 */
+    rows: number;
+    /** 注册元素引用的函数 */
+    registerItemRef: (id: string | number, element: HTMLElement | null) => void;
+    /** 子元素 */
+    children?: ReactNode;
+    /** 自定义渲染函数 */
+    renderItem?: (item: TItem, index: number) => ReactNode;
+}
+declare const WaterfallList: <TItem extends {
+    id: string | number;
+    height?: number | undefined;
+    width?: number | undefined;
+} = any>(props: WaterfallListProps<TItem>) => React.ReactElement;
+export default WaterfallList;

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

@@ -0,0 +1,2 @@
+export { default } from './WaterfallList';
+export type { WaterfallListProps } from './WaterfallList';

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

@@ -0,0 +1,5 @@
+export { useDevice, getUserAgentInfo } from './useDevice';
+export type { DeviceType, DeviceInfo } from './useDevice';
+export { default as useWaterfall } from './useWaterfall';
+export { useListState } from './useListState';
+export type { ListState, ListAction, UseListStateProps, UseListStateReturn } from './useListState';

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

@@ -0,0 +1,24 @@
+export declare type DeviceType = 'pc' | 'pad' | 'mobile';
+export interface DeviceInfo {
+    type: DeviceType;
+    isMobile: boolean;
+    isPad: boolean;
+    isPc: boolean;
+    width: number;
+    height: number;
+}
+/**
+ * 设备检测Hook
+ * 根据屏幕宽度和用户代理判断当前设备类型
+ */
+export declare const useDevice: () => DeviceInfo;
+/**
+ * 获取用户代理信息
+ * @returns 用户代理相关信息
+ */
+export declare const getUserAgentInfo: () => {
+    isMobileUA: boolean;
+    isTabletUA: boolean;
+    isDesktopUA: boolean;
+    userAgent: string;
+};

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

@@ -0,0 +1,43 @@
+import { TabItem, LoadDataParams } from '../types';
+export interface ListState {
+    activeTab: string;
+    currentPage: number;
+    isStickyActive: boolean;
+}
+export declare type ListAction = {
+    type: 'SET_ACTIVE_TAB';
+    payload: string;
+} | {
+    type: 'SET_CURRENT_PAGE';
+    payload: number;
+} | {
+    type: 'SET_STICKY_ACTIVE';
+    payload: boolean;
+} | {
+    type: 'RESET_PAGE';
+};
+export interface UseListStateProps {
+    /** 外部传入的当前页码 */
+    externalCurrentPage?: number;
+    /** tab数据 */
+    tabItems: TabItem[];
+    /** 默认页面大小 */
+    defaultPageSize: number;
+    /** 数据加载回调 */
+    onLoadData?: (params: LoadDataParams) => void;
+}
+export interface UseListStateReturn {
+    state: ListState;
+    setActiveTab: (tab: string) => void;
+    setCurrentPage: (page: number) => void;
+    setStickyActive: (active: boolean) => void;
+    resetPage: () => void;
+    handleTabChange: (key: string) => void;
+    handlePageChange: (page: number, size?: number) => void;
+    handleShowSizeChange: (current: number, size: number) => void;
+    handleLoadMore: () => void;
+    handleViewLess: () => void;
+    handleScrollLoad: () => void;
+    actualCurrentPage: number;
+}
+export declare const useListState: ({ externalCurrentPage, tabItems, defaultPageSize, onLoadData, }: UseListStateProps) => UseListStateReturn;

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;