@pisell/materials 1.8.9 → 1.8.11

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

@@ -1,237 +0,0 @@
-import type { CSSProperties, ReactNode } from 'react';
-/**
- * 布局模式
- */
-export declare type BatchActionBarPosition = 'sticky-top' | 'sticky-bottom' | 'float' | 'inline';
-/**
- * 确认弹窗配置
- */
-export interface BatchActionConfirmConfig {
-    /**
-     * 弹窗标题
-     */
-    title?: string;
-    /**
-     * 弹窗描述内容
-     */
-    description?: string;
-    /**
-     * 确认按钮文案
-     */
-    okText?: string;
-    /**
-     * 取消按钮文案
-     */
-    cancelText?: string;
-}
-/**
- * 默认操作按钮配置
- * @description 固定四个基础操作按钮：全选、反选、取消选择、删除
- */
-export interface DefaultActionsConfig {
-    /**
-     * 是否显示默认操作按钮（全选、反选、取消选择、删除）
-     * @default true
-     */
-    showDefaultActions?: boolean;
-    /**
-     * 是否显示全选按钮
-     * @default true
-     */
-    showSelectAll?: boolean;
-    /**
-     * 是否显示反选按钮
-     * @default true
-     */
-    showInvert?: boolean;
-    /**
-     * 是否显示取消选择按钮
-     * @default true
-     */
-    showClear?: boolean;
-    /**
-     * 是否显示删除按钮
-     * @default true
-     */
-    showDelete?: boolean;
-}
-/**
- * 自定义操作按钮配置
- */
-export interface BatchActionItem {
-    /**
-     * 操作唯一标识
-     */
-    key: string;
-    /**
-     * 按钮文案
-     */
-    label: ReactNode;
-    /**
-     * 按钮图标
-     */
-    icon?: ReactNode;
-    /**
-     * 按钮尺寸
-     * @description 对应 GraphicTextCard 的 size 属性
-     * @default 'small'
-     */
-    size?: 'small' | 'default' | 'large';
-    /**
-     * 是否禁用
-     * @description 支持函数形式，基于 selection 动态判断
-     */
-    disabled?: boolean | ((selectedKeys: React.Key[], selectedRows?: any[]) => boolean);
-    /**
-     * 是否显示
-     * @description 支持函数形式，基于 selection 动态判断
-     * @default true
-     */
-    visible?: boolean | ((selectedKeys: React.Key[], selectedRows?: any[]) => boolean);
-    /**
-     * 是否显示 loading 状态
-     */
-    loading?: boolean;
-    /**
-     * 是否需要确认弹窗
-     * @default false
-     */
-    confirm?: boolean | BatchActionConfirmConfig;
-    /**
-     * 自定义样式
-     */
-    style?: CSSProperties;
-    /**
-     * 自定义类名
-     */
-    className?: string;
-    /**
-     * 按钮组标识
-     * @description 相同 group 的按钮会分组展示
-     */
-    group?: string;
-    /**
-     * 按钮点击回调
-     * @description 如果配置了此回调，会优先使用此回调，否则使用组件级别的 onActionClick
-     */
-    onClick?: (selectedKeys: React.Key[], selectedRows?: any[]) => void | Promise<void>;
-}
-/**
- * PisellBatchActionBar 组件 Props
- * @description 批量操作栏组件，用于承载基于选中对象的批量行为操作
- */
-export interface PisellBatchActionBarProps {
-    /**
-     * 自定义类名
-     */
-    className?: string;
-    /**
-     * 自定义样式
-     */
-    style?: CSSProperties;
-    /**
-     * 选中的 key 数组
-     * @description 必填，用于感知选择状态
-     */
-    selectedKeys: React.Key[];
-    /**
-     * 选中的行数据数组
-     * @description 可选，用于传递给操作回调
-     */
-    selectedRows?: any[];
-    /**
-     * 总数据量
-     * @description 用于判断全选状态
-     */
-    total?: number;
-    /**
-     * 当前页数据量
-     * @description 用于判断全选当前页状态
-     */
-    currentPageTotal?: number;
-    /**
-     * 当前页数据 key 数组
-     * @description 用于判断全选当前页状态
-     */
-    currentPageKeys?: React.Key[];
-    /**
-     * 布局模式
-     * @default 'float'
-     */
-    position?: BatchActionBarPosition;
-    /**
-     * 吸顶/吸底时的偏移量
-     * @default 0
-     */
-    offset?: number;
-    /**
-     * 是否显示选中数量提示
-     * @default true
-     */
-    showSelectedCount?: boolean;
-    /**
-     * 选中数量提示文案
-     * @description 支持字符串模板（使用 {count} 占位符）或函数形式，默认使用国际化文本
-     * @default getText('batch-action-bar-selected-count', count)
-     */
-    selectedCountText?: string | ((count: number) => string);
-    /**
-     * 默认操作按钮配置
-     * @description 只包含前三个基础选择操作按钮，其他操作按钮通过 actions 传入
-     */
-    defaultActions?: DefaultActionsConfig;
-    /**
-     * 自定义操作按钮配置
-     */
-    actions?: BatchActionItem[];
-    /**
-     * 操作按钮排序
-     * @description 通过 key 数组控制按钮顺序
-     */
-    actionOrder?: string[];
-    /**
-     * 是否启用溢出折叠
-     * @default true
-     */
-    enableOverflow?: boolean;
-    /**
-     * 溢出折叠阈值（按钮数量）
-     * @default 5
-     */
-    overflowThreshold?: number;
-    /**
-     * "更多"按钮文案
-     * @description 默认使用国际化文本
-     * @default getText('batch-action-bar-more')
-     */
-    moreText?: string;
-    /**
-     * 全选回调
-     */
-    onSelectAll?: () => void;
-    /**
-     * 反选回调
-     * @description 反选操作，将当前选中的变为未选中，未选中的变为选中
-     */
-    onInvert?: () => void;
-    /**
-     * 清空选择回调
-     */
-    onClear?: () => void;
-    /**
-     * 删除回调
-     * @description 删除选中项，点击后会先弹出确认弹窗
-     */
-    onDelete?: (selectedKeys: React.Key[], selectedRows?: any[]) => void;
-    /**
-     * 删除确认弹窗配置
-     * @description 自定义删除确认弹窗的标题和内容
-     */
-    deleteConfirmConfig?: BatchActionConfirmConfig;
-    /**
-     * 自定义操作按钮点击回调
-     * @description 当 actions 中的按钮被点击时触发，通过 action.key 区分不同的操作
-     * @description 如果 action 中配置了 onClick，则优先使用 action.onClick
-     */
-    onActionClick?: (key: string, selectedKeys: React.Key[], selectedRows?: any[]) => void | Promise<void>;
-}

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

@@ -1,20 +0,0 @@
-import React from 'react';
-import { CardProps } from 'antd';
-import './index.less';
-export interface PisellCardProps extends CardProps {
-    bordered?: boolean;
-    selected?: boolean;
-    loading?: boolean;
-    padding?: number;
-    borderRadius?: number;
-    disabled?: boolean;
-    onClick?: () => void;
-    isClickable?: boolean;
-}
-/**
- * Pisell 卡片容器组件
- * @param props
- * @constructor
- */
-declare const PisellCard: (props: PisellCardProps) => React.JSX.Element;
-export default PisellCard;

package/lib/components/pisellCheckboxGroup/mock.d.ts

@@ -1,4 +0,0 @@
-export declare const mockList: {
-    label: string;
-    value: string;
-}[];

package/lib/components/pisellCountdown/utils.d.ts

@@ -1,7 +0,0 @@
-/**
- * 格式化时间字符串函数
- * 该函数将给定的持续时间（以秒为单位）格式化为指定格式的时间字符串
- * @param duration - 持续时间，单位为秒。
- * @param format - 时间格式字符串，其中包含要显示的时间单位及其格式。例如："[HH] hours, [mm] minutes, [ss] seconds"。
- */
-export declare function formatTimeStr(duration: number, format: string): string;

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

@@ -1,16 +0,0 @@
-import React from 'react';
-import './index.less';
-export interface PisellCustomCheckboxGroupProps {
-    dataSource?: any[];
-    disabled?: boolean;
-    allowAdd?: boolean;
-    isMultiple?: boolean;
-    id?: string | string[];
-    onClick?: (value: any) => void;
-    onAdd?: () => void;
-    renderAddItem?: (item: any) => React.ReactNode;
-    [key: string]: any;
-    className?: string;
-}
-declare const PisellCustomCheckboxGroup: React.FC<PisellCustomCheckboxGroupProps>;
-export default PisellCustomCheckboxGroup;

package/lib/components/pisellDataSourceContainer/hooks/useHandleAction.d.ts

@@ -1,32 +0,0 @@
-import { DataSourceContainerProps } from '../type';
-import { FormInstance } from 'antd';
-declare const useHandleAction: (initialParams: Record<string, any> | undefined, options: DataSourceContainerProps['pagination'], form: FormInstance | undefined) => {
-    list: {
-        pagination?: {
-            pageNumber: number;
-            pageSize: number;
-        } | undefined;
-        data: {
-            list: any;
-            count: any;
-        };
-        onSearch: (newParams?: Record<string, any>) => void;
-        onReset: () => void;
-        onPageChange: (pageNumber: number, pageSize: number) => void;
-        loading: boolean;
-        error?: Error | undefined;
-        params: any;
-        cancel: () => void;
-        refresh: () => void;
-        refreshAsync: () => Promise<any>;
-        run: (...params: any) => void;
-        runAsync: (...params: any) => Promise<any>;
-        mutate: (data?: any) => void;
-    };
-    get: import("ahooks/es/useRequest/src/types").Result<any, any>;
-    update: import("ahooks/es/useRequest/src/types").Result<any, any>;
-    create: import("ahooks/es/useRequest/src/types").Result<any, any>;
-    destroy: import("ahooks/es/useRequest/src/types").Result<any, any>;
-    getCurrentRecord: () => any;
-};
-export default useHandleAction;

package/lib/components/pisellDataSourceContainer/provider/ChildComponentProps.d.ts

@@ -1,13 +0,0 @@
-import React, { ReactNode } from 'react';
-import { FormInstance } from 'antd';
-import { ChildComponentPropsType } from '../type';
-declare type ChildComponentPropsContextType = ChildComponentPropsType & {
-    form: FormInstance;
-};
-interface ChildComponentPropsProviderProps {
-    childComponentProps?: ChildComponentPropsType;
-    children: ReactNode;
-}
-export declare const ChildComponentPropsProvider: React.FC<ChildComponentPropsProviderProps>;
-export declare const useChildComponentPropsContext: () => ChildComponentPropsContextType;
-export {};

package/lib/components/pisellDataSourceContainer/provider/RefManager.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import { RefManagerContextType } from '../type';
-export declare const RefManagerContext: React.Context<RefManagerContextType | null>;
-interface RefManagerProviderProps {
-    children: React.ReactNode;
-}
-export declare const RefManagerProvider: React.FC<RefManagerProviderProps>;
-export declare const useRefManagerProvider: () => RefManagerContextType;
-export {};

package/lib/components/pisellDataSourceContainer/type.d.ts

@@ -1,84 +0,0 @@
-import { DataSourceContextProps, DataSourceContextType } from '../dataSourceComponents/provider/dataSource/DataSourceContext';
-import { Result } from 'ahooks/es/useRequest/src/types';
-import { TableProps as AntdTableProps, PaginationProps, TabsProps as AntdTabsProps, FormInstance as AntdFormInstance } from 'antd';
-import { SortListProps } from '../sort/types';
-import { FilterItemProps } from '../filter/types';
-import { FilterListProps } from '../filter/components/FilterButton/types';
-/**
- * 子组件属性集合类型定义
- */
-export interface ChildComponentPropsType {
-    /** Filter 组件属性 */
-    filterComponent?: {
-        value: {
-            quickFilter?: FilterItemProps[];
-            otherFilter?: FilterItemProps[];
-        };
-        formFiltersPrefix?: string;
-        quickFilterMaxLength?: number;
-    };
-    /** QuickFilter 组件属性 */
-    quickFilterComponent?: {
-        filterList: FilterItemProps[];
-        formFiltersPrefix?: string;
-    };
-    /** FilterButton 组件属性 */
-    filterButtonComponent?: FilterListProps;
-    /** tabsComponent 组件属性 */
-    tabsComponent?: {
-        items: AntdTabsProps['items'];
-        type?: 'default' | 'button' | 'buttonGroup' | 'dropdown';
-    };
-    /** Sort 组件属性 */
-    sortComponent?: SortListProps;
-    /** Table 组件属性 */
-    tableComponent?: AntdTableProps<any>;
-    /** ColumnsSetting 组件属性 */
-    columnsSettingComponent?: {
-        value?: Record<string, any>[];
-        onChange?: (val: Record<string, any>[]) => void;
-    };
-    /** Pagination 组件属性 */
-    paginationComponent?: PaginationProps;
-}
-export interface DataSourceContainerProps extends DataSourceContextProps {
-    pagination?: boolean | {
-        pageNumber: number;
-        pageSize: number;
-    };
-    childComponentProps?: ChildComponentPropsType;
-}
-/**
- * 扩展的 HandleActionContextType
- */
-export interface HandleActionContextType extends Omit<DataSourceContextType, 'list'> {
-    list: Result<any, any> & {
-        onSearch: (newParams?: Record<string, any>) => void;
-        onReset: () => void;
-        onPageChange: (pageNumber: number, pageSize: number) => void;
-        pagination?: {
-            pageNumber: number;
-            pageSize: number;
-        };
-    };
-}
-export interface RefManagerContextType {
-    getRef: <T = any>(id: string) => T | undefined;
-    registerRef: <T = any>(id: string, ref: T) => void;
-    unregisterRef: (id: string) => void;
-    getSharedState: <T = any>(key: string) => T | undefined;
-    setSharedState: <T = any>(key: string, value: T) => void;
-    subscribeSharedState: <T = any>(key: string, callback: (value: T) => void) => () => void;
-}
-export interface DataSourceContainerContextType {
-    serverActions: HandleActionContextType;
-    refManager: RefManagerContextType;
-    form: AntdFormInstance;
-}
-export interface UseContainerContextReturnType {
-    serverActions: HandleActionContextType;
-    refManager: RefManagerContextType;
-    form: AntdFormInstance;
-    onValuesChange: (changedValues: Record<string, any>, allValues: Record<string, any>) => void;
-    [key: string]: any;
-}

package/lib/components/pisellDataSourceContainer/utils/formatData.d.ts

@@ -1,9 +0,0 @@
-declare const formatListResult: (result: any) => {
-    list: any;
-    count: any;
-};
-declare const formatListParams: (params: any) => {
-    page: any;
-    pageSize: any;
-};
-export { formatListParams, formatListResult };

package/lib/components/pisellDateTimeDisplay/PisellDateTimeDisplay.d.ts

@@ -1,35 +0,0 @@
-import React from 'react';
-import 'dayjs/locale/zh-cn';
-import 'dayjs/locale/en';
-import type { PisellDateTimeDisplayProps } from './types';
-import './PisellDateTimeDisplay.less';
-/**
- * PisellDateTimeDisplay 组件
- *
- * @description
- * 专注于展示当前时间的组件，支持：
- * - 当前日期、时间、星期展示
- * - 多种布局方式（水平、垂直、单行）
- * - 丰富的格式化配置
- * - 自动刷新
- * - 国际化支持
- *
- * @example
- * // 基础用法
- * <PisellDateTimeDisplay />
- *
- * // 自定义格式
- * <PisellDateTimeDisplay
- *   layout="vertical"
- *   timeFormat={{ use12Hour: true, showSeconds: true }}
- *   dateFormat={{ showYear: true, showChineseUnit: true }}
- * />
- *
- * // 自定义格式化字符串
- * <PisellDateTimeDisplay
- *   customFormat="YYYY-MM-DD HH:mm:ss"
- * />
- */
-export declare const PisellDateTimeDisplay: React.FC<PisellDateTimeDisplayProps>;
-declare const _default: React.NamedExoticComponent<PisellDateTimeDisplayProps>;
-export default _default;

package/lib/components/pisellDateTimeDisplay/PisellDateTimeDisplay.stories.d.ts

@@ -1,195 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import PisellDateTimeDisplay from './PisellDateTimeDisplay';
-/**
- * PisellDateTimeDisplay 组件 Storybook
- */
-declare const meta: Meta<typeof PisellDateTimeDisplay>;
-export default meta;
-declare type Story = StoryObj<typeof PisellDateTimeDisplay>;
-/**
- * 基础示例
- */
-export declare const Basic: Story;
-/**
- * 水平布局（默认）
- */
-export declare const HorizontalLayout: Story;
-/**
- * 垂直布局
- */
-export declare const VerticalLayout: Story;
-/**
- * 单行布局
- */
-export declare const InlineLayout: Story;
-/**
- * 单行布局 - 自定义分隔符
- */
-export declare const InlineWithCustomSeparator: Story;
-/**
- * 中文完整日期格式：2025-12-31 - 2:00 周四
- * 单行、日期在前、日期与时间之间 " - "、时间与星期之间空格
- */
-export declare const InlineDateTimeWeekdayZh: Story;
-/**
- * 12小时制
- */
-export declare const Time12Hour: Story;
-/**
- * 显示秒
- */
-export declare const TimeWithSeconds: Story;
-/**
- * 12小时制 + 显示秒
- */
-export declare const Time12HourWithSeconds: Story;
-/**
- * 小时补零
- */
-export declare const TimePadHour: Story;
-/**
- * 只显示小时
- */
-export declare const TimeOnlyHour: Story;
-/**
- * 完整日期（Y-M-D）
- */
-export declare const DateFullYMD: Story;
-/**
- * 月-日-年 格式
- */
-export declare const DateMDY: Story;
-/**
- * 日-月-年 格式
- */
-export declare const DateDMY: Story;
-/**
- * 中文日期带单位
- */
-export declare const DateChinese: Story;
-/**
- * 相对日：今天/昨天/明天
- * 与「当前日期」同天显示「今天」，前一天「昨天」，后一天「明天」；其他日期仍按原格式。
- * 参考日为 dayjs()，随时间变化：例如 2 月 4 日当天，2 月 4 日显示「今天」，2 月 3 日显示「昨天」。
- */
-export declare const RelativeDay: Story;
-/**
- * 相对日 - 英文
- */
-export declare const RelativeDayEn: Story;
-/**
- * 相对日 - 自定义文案
- */
-export declare const RelativeDayCustomLabels: Story;
-/**
- * 英文完整月份
- */
-export declare const DateFullMonth: Story;
-/**
- * 自定义分隔符
- */
-export declare const DateCustomSeparator: Story;
-/**
- * 星期完整展示（英文）
- */
-export declare const WeekdayFull: Story;
-/**
- * 星期完整展示（中文）
- */
-export declare const WeekdayFullChinese: Story;
-/**
- * 星期单字母展示
- */
-export declare const WeekdaySingleLetter: Story;
-/**
- * 只显示时间
- */
-export declare const OnlyTime: Story;
-/**
- * 只显示日期
- */
-export declare const OnlyDate: Story;
-/**
- * 自定义字段顺序
- */
-export declare const CustomFieldOrder: Story;
-/**
- * 自定义格式化 - ISO 格式
- */
-export declare const CustomFormatISO: Story;
-/**
- * 自定义格式化 - 中文格式
- */
-export declare const CustomFormatChinese: Story;
-/**
- * 自定义格式化 - 包含星期
- */
-export declare const CustomFormatWithWeekday: Story;
-/**
- * 中文环境
- */
-export declare const LocaleChinese: Story;
-/**
- * 英文环境
- */
-export declare const LocaleEnglish: Story;
-/**
- * 自定义容器样式
- */
-export declare const CustomContainerStyle: Story;
-/**
- * 自定义文本样式
- */
-export declare const CustomTextStyle: Story;
-/**
- * 居中对齐
- */
-export declare const CenterAlign: Story;
-/**
- * 禁用自动刷新
- */
-export declare const DisableRefresh: Story;
-/**
- * 自定义刷新间隔（5秒）
- */
-export declare const CustomRefreshInterval: Story;
-/**
- * 应用场景 - 后台首页
- */
-export declare const ScenarioDashboard: Story;
-/**
- * 应用场景 - 状态栏
- */
-export declare const ScenarioStatusBar: Story;
-/**
- * 应用场景 - 欢迎页
- */
-export declare const ScenarioWelcome: Story;
-/**
- * 应用场景 - 大屏展示
- */
-export declare const ScenarioLargeScreen: Story;
-/**
- * 多语言对比
- */
-export declare const MultiLanguage: Story;
-/**
- * 时间格式对比
- */
-export declare const TimeFormats: Story;
-/**
- * 日期格式对比
- */
-export declare const DateFormats: Story;
-/**
- * 星期格式对比
- */
-export declare const WeekdayFormats: Story;
-/**
- * 所有布局对比
- */
-export declare const AllLayouts: Story;
-/**
- * 深色主题
- */
-export declare const DarkTheme: Story;