@pisell/private-materials 6.11.125 → 6.11.127

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

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

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

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

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

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

package/lib/components/eventBooking/components/Provider/RemoveOptionConfirmModal.d.ts

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

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

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

package/lib/components/eventBooking/components/Provider/SelectHolderModal.d.ts

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

package/lib/components/eventBooking/components/Voucher/index.d.ts

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

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

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

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

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

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

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

package/lib/components/eventBooking/components/bookingDetailModal/components/BookingOptions.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const BookingOptions: (props: {
     onChangeBookingOption?: ((bookingOption: any) => void) | undefined;
 }) => JSX.Element;

package/lib/components/eventBooking/components/bookingDetailModal/components/Resource.d.ts

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

package/lib/components/eventBooking/components/bookingDetailModal/components/Schedule.d.ts

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

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

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

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

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

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

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

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

@@ -0,0 +1,43 @@
+declare const _default: {
+    en: {
+        'pisell2.text.kiosk.sku.detail.btn.back': string;
+        'pisell2.text.kiosk.sku.detail.item.total': string;
+        'pisell2.text.kiosk.sku.detail.btn.add.to.cart': string;
+        'pisell2.text.kiosk.sku.detail.btn.update': string;
+        'pisell2.text.kiosk.sku.detail.loading.options': string;
+        'pisell2.text.kiosk.sku.detail.toast.select.variant': string;
+    };
+    'zh-CN': {
+        'pisell2.text.kiosk.sku.detail.btn.back': string;
+        'pisell2.text.kiosk.sku.detail.item.total': string;
+        'pisell2.text.kiosk.sku.detail.btn.add.to.cart': string;
+        'pisell2.text.kiosk.sku.detail.btn.update': string;
+        'pisell2.text.kiosk.sku.detail.loading.options': string;
+        'pisell2.text.kiosk.sku.detail.toast.select.variant': string;
+    };
+    'zh-TW': {
+        'pisell2.text.kiosk.sku.detail.btn.back': string;
+        'pisell2.text.kiosk.sku.detail.item.total': string;
+        'pisell2.text.kiosk.sku.detail.btn.add.to.cart': string;
+        'pisell2.text.kiosk.sku.detail.btn.update': string;
+        'pisell2.text.kiosk.sku.detail.loading.options': string;
+        'pisell2.text.kiosk.sku.detail.toast.select.variant': string;
+    };
+    ja: {
+        'pisell2.text.kiosk.sku.detail.btn.back': string;
+        'pisell2.text.kiosk.sku.detail.item.total': string;
+        'pisell2.text.kiosk.sku.detail.btn.add.to.cart': string;
+        'pisell2.text.kiosk.sku.detail.btn.update': string;
+        'pisell2.text.kiosk.sku.detail.loading.options': string;
+        'pisell2.text.kiosk.sku.detail.toast.select.variant': string;
+    };
+    pt: {
+        'pisell2.text.kiosk.sku.detail.btn.back': string;
+        'pisell2.text.kiosk.sku.detail.item.total': string;
+        'pisell2.text.kiosk.sku.detail.btn.add.to.cart': string;
+        'pisell2.text.kiosk.sku.detail.btn.update': string;
+        'pisell2.text.kiosk.sku.detail.loading.options': string;
+        'pisell2.text.kiosk.sku.detail.toast.select.variant': string;
+    };
+};
+export default _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/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/lib/components/list/components/Tab/index.d.ts

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

package/lib/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/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/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,108 @@
+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;
+    };
+    ja: {
+        '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;
+    };
+    pt: {
+        '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;

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

@@ -0,0 +1,181 @@
+import { ReactNode, CSSProperties } from 'react';
+/** 设备类型 */
+export declare type DeviceType = 'pc' | 'pad' | 'mobile';
+/** 设备信息 */
+export interface DeviceInfo {
+    type: DeviceType;
+    isMobile: boolean;
+    isPad: boolean;
+    isPc: boolean;
+    width: number;
+    height: number;
+}
+/** 响应式配置接口 */
+export interface ResponsiveConfig {
+    /** PC端特定配置 */
+    pc?: Partial<ListProps>;
+    /** 平板端特定配置 */
+    pad?: Partial<ListProps>;
+    /** 移动端特定配置 */
+    mobile?: Partial<ListProps>;
+}
+/** 响应式Props接口 - 继承ListProps并添加responsive属性 */
+export interface ResponsiveProps extends ListProps {
+    /** 响应式配置 */
+    responsive?: ResponsiveConfig;
+}
+/** ResponsiveWrapper 组件属性 */
+export interface ResponsiveWrapperProps extends ResponsiveProps {
+    /** 子元素 */
+    children?: ReactNode;
+}
+/** 基础列表项接口 */
+export interface BaseListItem {
+    /** 唯一标识 */
+    id: string | number;
+    /** 预设高度（瀑布流模式） */
+    height?: number;
+    /** 预设宽度（瀑布流模式） */
+    width?: number;
+    /** 其他任意属性，可以包含用于分组的字段 */
+    [key: string]: any;
+}
+/** 空状态配置接口 */
+export interface EmptyStateConfig {
+    /** 是否显示空状态 */
+    show?: boolean;
+    /** 空状态文本 */
+    text?: string;
+    /** 空状态图标 */
+    icon?: ReactNode;
+    /** 空状态描述 */
+    description?: string;
+}
+/** 分页信息接口 */
+export interface PaginationInfo {
+    /** 当前页数 */
+    current?: number;
+    /** 总页数 */
+    total?: number;
+    /** 总数据条数 */
+    totalCount?: number;
+}
+/** 布局配置接口 */
+export interface LayoutConfig {
+    /** 显示样式 */
+    displayStyle?: 'grid' | 'waterfall';
+    /** 排版方式 */
+    layoutDirection?: 'horizontal' | 'vertical';
+    /** 列数 */
+    columns?: number;
+    /** 行数 */
+    rows?: number;
+    /** 列间距 */
+    columnGap?: number;
+    /** 行间距 */
+    rowGap?: number;
+    /** 缩放倍率 */
+    zoom?: number;
+}
+/** Tab配置接口 */
+export interface TabConfig {
+    /** tab样式 */
+    tabStyle?: 'anchor' | 'switch' | 'none';
+    /** 指定用于分组的数据字段名，例如 'category'、'type' 等 */
+    tabGroup?: string;
+    /** Tab数据源 */
+    tabData?: TabItem[];
+    /** 顶部固定 */
+    stickyTop?: boolean;
+}
+/** 分页配置接口 */
+export interface PaginationConfig {
+    /** 分页方式 */
+    paginationType?: 'all' | 'scroll' | 'pager' | 'more';
+    /** 默认显示个数 */
+    defaultPageSize?: number;
+    /** 每次加载个数 */
+    pageSize?: number;
+    /** 分页信息 */
+    pagination?: PaginationInfo;
+}
+/** 泛型List组件Props接口 */
+export interface ListProps<TItem extends BaseListItem = BaseListItem> {
+    /** 基础属性 */
+    className?: string;
+    style?: CSSProperties;
+    width?: string | number;
+    height?: string | number;
+    /** 布局配置 */
+    displayStyle?: LayoutConfig['displayStyle'];
+    layoutDirection?: LayoutConfig['layoutDirection'];
+    columns?: LayoutConfig['columns'];
+    rows?: LayoutConfig['rows'];
+    columnGap?: LayoutConfig['columnGap'];
+    rowGap?: LayoutConfig['rowGap'];
+    zoom?: LayoutConfig['zoom'];
+    /** Tab配置 */
+    tabStyle?: TabConfig['tabStyle'];
+    tabGroup?: TabConfig['tabGroup'];
+    tabData?: TabConfig['tabData'];
+    stickyTop?: TabConfig['stickyTop'];
+    isTreeTab?: boolean;
+    /** 分页配置 */
+    paginationType?: PaginationConfig['paginationType'];
+    defaultPageSize?: PaginationConfig['defaultPageSize'];
+    pageSize?: PaginationConfig['pageSize'];
+    pagination?: PaginationConfig['pagination'];
+    /** 数据和渲染 */
+    data?: TItem[];
+    children?: ReactNode;
+    renderItem?: (item: TItem, index: number) => ReactNode;
+    /** 回调函数 */
+    onLoadData?: (params: LoadDataParams) => void;
+    /** 状态配置 */
+    emptyConfig?: EmptyStateConfig;
+    loading?: boolean;
+    renderSearch?: () => ReactNode;
+    onTabSearch?: (val: string) => void;
+    onActiveTabChange?: (tab: any) => void;
+}
+/** 向后兼容的非泛型版本 */
+export interface LegacyListProps extends ListProps<any> {
+    /** 兼容旧的any[]类型 */
+    data?: any[];
+    renderItem?: (item: any, index: number) => ReactNode;
+}
+export interface TabItem {
+    /** 唯一标识，同时用作anchor模式下的锚点标识 */
+    key: string;
+    /** 显示文本 */
+    label: string;
+    /** 分组值，对应数据项中 tabGroup 指定字段的值 */
+    group?: string;
+    /** 是否禁用 */
+    disabled?: boolean;
+}
+export interface LoadMoreParams {
+    /** 当前页码 */
+    currentPage: number;
+    /** 每页数量 */
+    pageSize: number;
+    /** 当前tab */
+    activeTab?: string;
+}
+/** 数据加载触发类型 */
+export declare type LoadDataTrigger = 'tabChange' | 'pagination' | 'pageSize' | 'loadMore' | 'scroll';
+/** 统一的数据加载参数 */
+export interface LoadDataParams {
+    /** 触发类型 */
+    trigger: LoadDataTrigger;
+    /** 当前页码 */
+    currentPage: number;
+    /** 每页数量 */
+    pageSize: number;
+    /** 当前激活的tab */
+    activeTab?: string;
+    /** 上一页页码（分页变化时提供） */
+    previousPage?: number;
+    /** 上一页大小（页大小变化时提供） */
+    previousPageSize?: number;
+}