@pisell/private-materials 6.8.14 → 6.8.16

package/lib/components/eftpos/receipt/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /**
  * @title: 自定义组件设置
  * @description: 自定义组件设置

package/lib/components/eftpos/surcharge/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.css';
 /**
  * @title: 自定义组件设置

package/lib/components/eftposPay/component/alert/warn.d.ts

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

package/lib/components/eftposPay/component/header/titlebar.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './titlebar.less';
 declare enum EPopupTitleBarVariantType {
     BackTitleClose = "back-title-cancel",

package/lib/components/eftposPay/component/step/step.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: (props: {
     status: string;
     pedding?: string;

package/lib/components/eftposPay/hooks.d.ts

@@ -15,11 +15,11 @@ export declare const useStoreRef: <T extends {
     readonly numRef: React.MutableRefObject<string | number | undefined>;
     readonly orderIdRef: React.MutableRefObject<string | number>;
     readonly modeRef: React.MutableRefObject<ModeEnum>;
-    readonly statusRef: React.MutableRefObject<"loading" | "warn" | "success" | "fail" | "pedding" | "resove" | "reject" | "question">;
+    readonly statusRef: React.MutableRefObject<"loading" | "success" | "warn" | "fail" | "pedding" | "resove" | "reject" | "question">;
     readonly netRef: React.MutableRefObject<boolean | undefined>;
     readonly symbolRef: React.MutableRefObject<string>;
     readonly amountRef: React.MutableRefObject<string | number>;
-    readonly eftposRef: React.MutableRefObject<"payo" | "tyro" | "windcave" | "stripe" | "linkly">;
+    readonly eftposRef: React.MutableRefObject<"stripe" | "payo" | "tyro" | "windcave" | "linkly">;
     readonly clientRef: React.MutableRefObject<ClientEnum>;
     readonly dataRef: React.MutableRefObject<import("./store").State>;
 };

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

@@ -174,7 +174,7 @@ export declare const updateCustom: (payload: {
 export declare const updateStatus: (status: 'loading' | 'warn' | 'fail' | 'success' | 'question') => {
     type: EActionTypes;
     payload: {
-        status: "loading" | "warn" | "success" | "fail" | "question";
+        status: "loading" | "success" | "warn" | "fail" | "question";
     };
 };
 /**
@@ -295,20 +295,20 @@ export declare const backUpFree: (payload: Partial<State>) => {
         name?: string | undefined;
         symbol?: string | undefined;
         amount?: string | number | undefined;
-        mode?: "refund" | "fullPay" | "pay" | "query" | undefined;
+        mode?: "refund" | "pay" | "fullPay" | "query" | undefined;
         order_id?: string | number | undefined;
-        eftpos?: "payo" | "tyro" | "windcave" | "stripe" | "linkly" | undefined;
-        action?: "amount" | "deviceList" | "pay" | undefined;
+        eftpos?: "stripe" | "payo" | "tyro" | "windcave" | "linkly" | undefined;
+        action?: "deviceList" | "amount" | "pay" | undefined;
         key?: number | undefined;
         step?: number | undefined;
         title?: string | undefined;
         subTitle?: string | undefined;
-        type?: "step" | "unset" | undefined;
+        type?: "unset" | "step" | undefined;
         render?: boolean | undefined;
         net?: boolean | undefined;
         component?: string | undefined;
         form?: string | undefined;
-        status?: "loading" | "warn" | "success" | "fail" | "pedding" | "resove" | "reject" | "question" | undefined;
+        status?: "loading" | "success" | "warn" | "fail" | "pedding" | "resove" | "reject" | "question" | undefined;
         warn?: string | undefined;
         steps?: {
             /** 用于重置当前步骤 */

package/lib/components/eftposPay/tyro/hooks.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /**
  * @title: 获取 Tyro 资源
  * @description:

package/lib/components/eftposPay/utils/log/index.d.ts

@@ -0,0 +1,110 @@
+export interface LogEntry {
+    /** 日志标题 */
+    title: string;
+    /** 日志内容 */
+    content?: any;
+    /** 支付时间（精确到毫秒） */
+    time: string;
+}
+interface PaymentLogRecord {
+    /** 交易记录号 */
+    number: string;
+    /** 订单ID */
+    orderId?: string | number;
+    /** 设备ID */
+    deviceId?: string | number;
+    /** 支付类型 */
+    paymentType?: string;
+    /** 创建时间 */
+    createdAt: string;
+    /** 日志条目列表 */
+    logs: LogEntry[];
+}
+declare class PaymentLogInstance {
+    private static instance;
+    /** 当前交易记录号 */
+    private currentNumber;
+    /** 当前日志记录 */
+    private currentRecord;
+    private constructor();
+    /**
+     * 获取单例实例
+     */
+    static getInstance(): PaymentLogInstance;
+    /**
+     * 初始化支付日志
+     * @param number 交易记录号
+     * @param options 初始化选项
+     */
+    init(number: string, options?: {
+        orderId?: string | number;
+        deviceId?: string | number;
+        paymentType?: string;
+        [key: string]: any;
+    }): void;
+    /**
+     * 添加日志条目
+     * @param title 日志标题
+     * @param content 日志内容
+     */
+    addLog(params: {
+        title: string;
+        content?: any;
+    }): void;
+    /**
+     * 构建日志内容
+     * @param record 日志记录
+     * @returns 格式化的日志内容数组
+     */
+    private buildLogContent;
+    /**
+     * 发送单条日志记录到飞书
+     * @param record 日志记录
+     * @param isRestore 是否是恢复上传
+     */
+    private sendLogRecord;
+    /**
+     * 发送日志到飞书
+     * @param title 日志标题（可选，仅在需要自定义标题时使用）
+     */
+    sendLogs(title?: string): void;
+    /**
+     * 清除当前日志
+     * @param shouldSend 清除前是否发送到飞书，默认为 true
+     */
+    clearLogs(shouldSend?: boolean): void;
+    /**
+     * 检查并上传旧日志
+     */
+    private checkAndUploadOldLogs;
+    /**
+     * 获取所有支付日志对象
+     */
+    private getAllLogsObject;
+    /**
+     * 保存所有支付日志对象
+     */
+    private saveAllLogsObject;
+    /**
+     * 保存到 localStorage
+     */
+    private saveToLocalStorage;
+    /**
+     * 从 localStorage 中删除
+     */
+    private removeFromLocalStorage;
+    /**
+     * 获取所有旧日志
+     */
+    private getOldLogsFromLocalStorage;
+    /**
+     * 获取当前日志记录（用于调试）
+     */
+    getCurrentRecord(): PaymentLogRecord | null;
+    /**
+     * 获取当前交易号（用于调试）
+     */
+    getCurrentNumber(): string | null;
+}
+declare const paymentLog: PaymentLogInstance;
+export default paymentLog;

package/lib/components/eventBooking/components/Provider/Content/index.d.ts

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

package/lib/components/eventBooking/components/bookingAvailabilityCalendar/components/CalendarDate/CalenDateStatus/index.d.ts

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

package/lib/components/eventBooking/components/bookingAvailabilityCalendar/components/CalendarDate/Item/DayItem/index.d.ts

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

package/lib/components/eventBooking/components/bookingAvailabilityCalendar/components/CalendarDate/Item/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 import { CalendarItemProps } from '../../../../../type';
 declare const Item: (props: CalendarItemProps) => JSX.Element;

package/lib/components/eventBooking/components/bookingAvailabilityCalendar/components/CalendarDate/Status/index.d.ts

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

package/lib/components/eventBooking/components/scheduleCalendar/ProductItem/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 declare type Item = any;
 interface ProductItemProps {

package/lib/components/list/List.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import './List.less';
+import { ListProps, BaseListItem } from './types';
+declare const List: <TItem extends BaseListItem = BaseListItem>(props: ListProps<TItem>) => React.ReactElement;
+export default List;

package/lib/components/list/List.js

@@ -561,7 +561,6 @@ var List = (props) => {
         }
       },
       renderSearch == null ? void 0 : renderSearch(),
-      /* @__PURE__ */ import_react.default.createElement("div", { id: "level2-wrap" }),
       layoutDirection === "vertical" && renderTabs(),
       totalDataLength === 0 && !loading ? /* @__PURE__ */ import_react.default.createElement(
         import_EmptyState.default,

package/lib/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/lib/components/list/components/ListItemSkeleton/index.d.ts

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

package/lib/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/lib/components/list/components/ScrollLoader/index.d.ts

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

package/lib/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/lib/components/list/components/TabSkeleton/index.d.ts

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

package/lib/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/lib/components/list/components/WaterfallList/index.d.ts

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

package/lib/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/lib/components/list/hooks/useListState.d.ts

@@ -0,0 +1,45 @@
+import { TabItem, LoadDataParams } from '../types';
+export interface ListState {
+    activeTab: string;
+    currentPage: number;
+    isStickyActive: boolean;
+}
+export declare type ListAction = {
+    type: 'SET_ACTIVE_TAB';
+    payload: string[] | 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;
+    /** tab样式 */
+    tabStyle: 'anchor' | 'switch' | 'none';
+}
+export interface UseListStateReturn {
+    state: ListState;
+    setActiveTab: (tab: string) => void;
+    setCurrentPage: (page: number) => void;
+    setStickyActive: (active: boolean) => void;
+    resetPage: () => void;
+    handleTabChange: (key: string[] | 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, tabStyle, }: UseListStateProps) => UseListStateReturn;

package/lib/components/list/hooks/useListState.js

@@ -23,7 +23,6 @@ __export(useListState_exports, {
 });
 module.exports = __toCommonJS(useListState_exports);
 var import_react = require("react");
-var import_materials = require("@pisell/materials");
 function listStateReducer(state, action) {
   switch (action.type) {
     case "SET_ACTIVE_TAB":
@@ -52,8 +51,12 @@ var useListState = ({
   };
   const [state, dispatch] = (0, import_react.useReducer)(listStateReducer, initialState);
   (0, import_react.useEffect)(() => {
+    var _a, _b;
     if (tabStyle === "switch" && tabItems.length > 0) {
-      const defaultTab = import_materials.PisellTabbar.getDefaultActiveKey(tabItems, "id");
+      const defaultTab = [tabItems[0].key];
+      if (((_b = (_a = tabItems[0]) == null ? void 0 : _a.children) == null ? void 0 : _b.length) > 0) {
+        defaultTab.push("0");
+      }
       setActiveTab(defaultTab);
     }
   }, [tabItems]);

package/lib/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/lib/components/list/locales.d.ts

@@ -0,0 +1,66 @@
+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;
+    };
+};
+export default _default;