@pisell/private-materials 6.6.41 → 6.6.43

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

@@ -1,4 +1,3 @@
-import React from 'react';
 import './index.less';
 declare type Item = any;
 interface ProductItemProps {
@@ -6,5 +5,5 @@ interface ProductItemProps {
     onClickItem: (item: Item) => void;
     layout?: 'day' | 'all';
 }
-declare const ProductItem: ({ item, onClickItem, layout, }: ProductItemProps) => React.JSX.Element;
+declare const ProductItem: ({ item, onClickItem, layout, }: ProductItemProps) => JSX.Element;
 export default ProductItem;

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

@@ -1,4 +1,3 @@
-import React from 'react';
 import { CalendarDataItem } from '../../type';
 declare type CalendarItemProps = {
     month: string;
@@ -9,5 +8,5 @@ declare type CalendarItemProps = {
     isEdit: boolean;
     type?: 'calendarView' | 'textList';
 };
-declare const CalendarItem: (props: CalendarItemProps) => React.JSX.Element;
+declare const CalendarItem: (props: CalendarItemProps) => JSX.Element;
 export default CalendarItem;

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

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

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

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

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/ResponsiveWrapper.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { ListProps, ResponsiveConfig, ResponsiveWrapperProps } from './types';
+/**
+ * ResponsiveWrapper 响应式包装器组件
+ * 根据不同设备类型自动选择合适的配置
+ */
+declare const ResponsiveWrapper: React.FC<ResponsiveWrapperProps>;
+/**
+ * 用于创建响应式配置的工具函数
+ */
+export declare const createResponsiveConfig: (overrides?: {
+    pc?: Partial<ListProps>;
+    pad?: Partial<ListProps>;
+    mobile?: Partial<ListProps>;
+}) => ResponsiveConfig;
+export default ResponsiveWrapper;

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

@@ -0,0 +1,8 @@
+import React from 'react';
+import './TestResponsiveWrapper.less';
+/**
+ * ResponsiveWrapper 测试组件
+ * 用于测试ResponsiveWrapper组件在不同配置下的表现，支持动态配置和数据加载模拟
+ */
+declare const TestResponsiveWrapper: React.FC;
+export default TestResponsiveWrapper;

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

@@ -0,0 +1,20 @@
+import React from 'react';
+import './EmptyState.less';
+export interface EmptyStateConfig {
+    /** 是否显示空状态 */
+    show?: boolean;
+    /** 空状态文本 */
+    text?: string;
+    /** 空状态图标 */
+    icon?: React.ReactNode;
+    /** 空状态描述 */
+    description?: string;
+}
+export interface EmptyStateProps {
+    /** 空状态配置 */
+    config: EmptyStateConfig;
+    /** 是否有数据 */
+    hasData: boolean;
+}
+declare const EmptyState: React.FC<EmptyStateProps>;
+export default EmptyState;

package/lib/components/list/components/EmptyState/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './EmptyState';
+export type { EmptyStateProps, EmptyStateConfig } from './EmptyState';

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/Pagination/Pagination.d.ts

@@ -0,0 +1,30 @@
+import React from 'react';
+import './Pagination.less';
+export interface PaginationProps {
+    /** 当前页码 */
+    current: number;
+    /** 每页条数 */
+    pageSize: number;
+    /** 数据总数 */
+    total?: number;
+    /** 总页数 (优先级高于total计算) */
+    totalPages?: number;
+    /** 页码改变的回调 */
+    onChange?: (page: number, pageSize: number) => void;
+    /** 每页条数改变的回调 */
+    onShowSizeChange?: (current: number, size: number) => void;
+    /** 是否显示每页条数选择器 */
+    showSizeChanger?: boolean;
+    /** 每页条数选择器选项 */
+    pageSizeOptions?: string[];
+    /** 是否显示快速跳转 */
+    showQuickJumper?: boolean;
+    /** 是否显示总数 */
+    showTotal?: (total: number, range: [number, number]) => React.ReactNode;
+    /** 自定义类名 */
+    className?: string;
+    /** 禁用状态 */
+    disabled?: boolean;
+}
+declare const Pagination: React.FC<PaginationProps>;
+export default Pagination;

package/lib/components/list/components/Pagination/index.d.ts

@@ -0,0 +1 @@
+export { default } from './Pagination';

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/examples/GroupedListExample.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const GroupedListExample: React.FC;
+export default GroupedListExample;

package/lib/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/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,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/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/index.d.ts

@@ -0,0 +1,10 @@
+export { default } from './List';
+export { default as ResponsiveList, createResponsiveConfig } from './ResponsiveWrapper';
+export { default as TestResponsiveWrapper } from './TestResponsiveWrapper';
+export { default as Pagination } from './components/Pagination';
+export { default as Tab } from './components/Tab';
+export { useDevice, getUserAgentInfo } from './hooks/useDevice';
+export { default as TestList } from './TestResponsiveWrapper';
+export type { ListProps, BaseListItem, EmptyStateConfig, PaginationInfo, LayoutConfig, TabConfig, PaginationConfig, LegacyListProps, TabItem, ResponsiveProps, ResponsiveWrapperProps, DeviceType, DeviceInfo, LoadMoreParams, LoadDataParams, LoadDataTrigger } from './types';
+export type { TabProps } from './components/Tab';
+export type { PaginationProps } from './components/Pagination/Pagination';

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;