@pisell/materials 3.3.85 → 3.3.86

package/es/components/pisellTimeRangeDisplay/types.d.ts

@@ -1,137 +0,0 @@
-import type { CSSProperties } from 'react';
-import type { Dayjs } from 'dayjs';
-import type { TimeFormatConfig, DateFormatConfig, WeekdayFormatConfig, ContainerStyleConfig, TextStyleConfig, TextAlign } from '../pisellDateTimeDisplay/types';
-export type { TimeFormatConfig, DateFormatConfig, WeekdayFormatConfig, ContainerStyleConfig, TextStyleConfig, TextAlign, };
-/**
- * 字段类型（时间区间、日期、星期、持续时长）
- * - time: 时间区间块（HH:mm-HH:mm 或跨天起止）
- * - date: 日期块
- * - weekday: 星期块
- * - duration: 持续时长块
- */
-export declare type TimeRangeFieldType = 'time' | 'date' | 'weekday' | 'duration';
-/**
- * 持续时长格式配置
- */
-export interface DurationFormatConfig {
-    /**
-     * 是否显示秒
-     * @default false
-     * @example true -> "2h30m23s" | false -> "2h30m"
-     */
-    showSeconds?: boolean;
-}
-/**
- * 字段配置
- */
-export interface TimeRangeFieldConfig {
-    /**
-     * 是否显示时间区间块
-     * @default true
-     */
-    showTimeRange?: boolean;
-    /**
-     * 是否显示日期块
-     * @default true
-     */
-    showDate?: boolean;
-    /**
-     * 是否显示星期块
-     * @default true
-     */
-    showWeekday?: boolean;
-    /**
-     * 是否显示持续时长块
-     * @default true
-     */
-    showDuration?: boolean;
-    /**
-     * 字段顺序（四类块可任意排序；默认 时间 日期 星期 持续时长，可实现「持续时间在前」等）
-     * @default ['weekday', 'date', 'time', 'duration'] 换行顺序：先持续时间 → 结束时间（跨天）→ 开始/结束时间与日期 → 星期
-     */
-    fieldOrder?: TimeRangeFieldType[];
-}
-/**
- * startAt / endAt 的 dayjs 兼容值
- */
-export declare type DayjsLike = Dayjs | string | number;
-/**
- * PisellTimeRangeDisplay 组件 Props
- */
-export interface PisellTimeRangeDisplayProps {
-    /**
-     * 开始时间（dayjs 兼容值）
-     */
-    startAt: DayjsLike;
-    /**
-     * 结束时间（dayjs 兼容值）
-     */
-    endAt: DayjsLike;
-    /**
-     * 文本对齐方式（单行/多行均生效）
-     * @default 'center'
-     */
-    textAlign?: TextAlign;
-    /**
-     * 字段显示与排序配置
-     */
-    fields?: TimeRangeFieldConfig;
-    /**
-     * 同一天时是否显示具体日期
-     * @default true
-     */
-    showDateForSameDay?: boolean;
-    /**
-     * 时间格式配置（复用 PisellDateTimeDisplay）
-     */
-    timeFormat?: TimeFormatConfig;
-    /**
-     * 日期格式配置（复用 PisellDateTimeDisplay）
-     */
-    dateFormat?: DateFormatConfig;
-    /**
-     * 星期格式配置（复用 PisellDateTimeDisplay）
-     */
-    weekdayFormat?: WeekdayFormatConfig;
-    /**
-     * 持续时长格式配置
-     */
-    durationFormat?: DurationFormatConfig;
-    /**
-     * 容器样式
-     */
-    containerStyle?: ContainerStyleConfig;
-    /**
-     * 时间区间文本样式
-     */
-    timeStyle?: TextStyleConfig;
-    /**
-     * 日期文本样式
-     */
-    dateStyle?: TextStyleConfig;
-    /**
-     * 星期文本样式
-     */
-    weekdayStyle?: TextStyleConfig;
-    /**
-     * 持续时长文本样式
-     */
-    durationStyle?: TextStyleConfig;
-    /**
-     * dayjs locale（语言代码）
-     * @default 优先使用全局配置，其次浏览器语言
-     */
-    locale?: string;
-    /**
-     * 自定义类名
-     */
-    className?: string;
-    /**
-     * 自定义样式
-     */
-    style?: CSSProperties;
-    /**
-     * 点击回调
-     */
-    onClick?: () => void;
-}

package/es/components/pisellTimeRangeDisplay/utils/parseTimeRange.d.ts

@@ -1,23 +0,0 @@
-import { type Dayjs } from 'dayjs';
-import type { DayjsLike } from '../types';
-export interface ParseTimeRangeResult {
-    /** 开始时间（已应用 locale） */
-    start: Dayjs;
-    /** 结束时间（已应用 locale） */
-    end: Dayjs;
-    /** 是否同一天（按本地时区自然日判定） */
-    isSameDay: boolean;
-}
-/**
- * 解析 startAt / endAt 为 Dayjs，并判定是否同一天
- *
- * @param startAt 开始时间（dayjs 兼容值）
- * @param endAt 结束时间（dayjs 兼容值）
- * @param locale dayjs locale，可选
- * @returns { start, end, isSameDay }
- *
- * @example
- * parseTimeRange('2026-02-04 09:00', '2026-02-04 18:00', 'zh-cn')
- * // => { start: Dayjs, end: Dayjs, isSameDay: true }
- */
-export declare function parseTimeRange(startAt: DayjsLike, endAt: DayjsLike, locale?: string): ParseTimeRangeResult;

package/es/components/sort/types.d.ts

@@ -1,20 +0,0 @@
-import { MenuProps } from "antd";
-import React from "react";
-export declare type SortItemProps = {
-    type: "date" | "string" | "number";
-    label?: string;
-    name?: string | string[];
-    isCustom: boolean;
-    columnKey?: string;
-    localFilter?: boolean;
-    isHidden?: boolean;
-};
-export declare type SortListProps = {
-    list: SortItemProps[];
-    onChange?: (val: string, detail: Parameters<Required<MenuProps>["onClick"]>[0]) => void;
-    button?: React.ReactNode;
-    style?: React.CSSProperties;
-    value?: any;
-    placement?: "bottom" | "bottomLeft" | "bottomRight" | "top" | "topLeft" | "topRight";
-    localPagination?: boolean;
-};

package/es/components/virtualInput/index.d.ts

@@ -1,29 +0,0 @@
-import React from 'react';
-import { BaseVirtualInputProps, BaseVirtualInputRef } from './BaseVirtualInput';
-import './index.less';
-export type { BaseVirtualInputProps, BaseVirtualInputRef } from './BaseVirtualInput';
-export interface VirtualInputProps extends BaseVirtualInputProps {
-    /** 在VirtualInput上方显示的额外内容 */
-    topContent?: React.ReactNode;
-    /** 在VirtualInput下方显示的额外内容 */
-    bottomContent?: React.ReactNode;
-    /** wrapper class */
-    wrapperClassName?: string;
-    /** 虚拟输入框包装器的样式 */
-    wrapperStyle?: React.CSSProperties;
-    /** 是否允许清除输入框中的内容 */
-    allowClear?: boolean;
-    /** 清除输入框内容的回调函数 */
-    onClear?: () => void;
-    /** 自定义清除按钮的样式 */
-    clearButtonStyle?: React.CSSProperties;
-    theme?: {
-        token?: {
-            colorPrimary?: string;
-        };
-    };
-}
-export interface VirtualInputRef extends BaseVirtualInputRef {
-}
-declare const VirtualInput: React.ForwardRefExoticComponent<VirtualInputProps & React.RefAttributes<VirtualInputRef>>;
-export default VirtualInput;

package/es/hooks/useThemeTokens.d.ts

@@ -1,7 +0,0 @@
-declare type ThemeInput = {
-    token?: {
-        colorPrimary?: string;
-    };
-};
-declare const useThemeTokens: (themeInput?: ThemeInput) => any;
-export default useThemeTokens;

package/lib/components/PisellProcedure/PisellProcedure.stories.d.ts

@@ -1,163 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import PisellProcedure from './PisellProcedure';
-/**
- * PisellProcedure 流程容器组件
- *
- * 用于管理多步骤流程的复合容器组件，基于 PisellLayout 实现三段式布局
- * 包含头部区域（步骤条）、主体区域（内容区+信息区）、底部区域（操作按钮）
- */
-declare const meta: Meta<typeof PisellProcedure>;
-export default meta;
-declare type Story = StoryObj<typeof PisellProcedure>;
-/**
- * 基础用法
- * @description 默认流程容器，包含头部、主体、底部三个区域
- */
-export declare const Default: Story;
-/**
- * 页面模式
- * @description 默认模式，支持响应式和移动端适配
- */
-export declare const PageMode: Story;
-/**
- * 弹窗模式
- * @description 用于弹窗场景，不应用移动端适配
- */
-export declare const ModalMode: Story;
-/**
- * 步骤控制
- * @description 使用 onStepsChange 监听步骤变化
- */
-export declare const StepControl: Story;
-/**
- * 步骤拦截
- * @description 通过 onNext/onPrev 返回 false 阻止步骤切换
- */
-export declare const StepIntercept: Story;
-/**
- * 无侧边栏
- */
-export declare const WithoutSidebar: Story;
-/**
- * 无头部
- */
-export declare const WithoutHeader: Story;
-/**
- * 无底部
- */
-export declare const WithoutFooter: Story;
-/**
- * 最小配置
- * @description 仅显示主体内容
- */
-export declare const MinimalConfig: Story;
-/**
- * 头部插槽顺序 - 默认
- * @description left 在左，right 在右
- */
-export declare const HeaderSlotDefault: Story;
-/**
- * 头部插槽顺序 - 反转
- * @description left 在右，right 在左
- */
-export declare const HeaderSlotReverse: Story;
-/**
- * 隐藏步骤条
- * @description 仅显示头部插槽，不显示步骤条
- */
-export declare const HideSteps: Story;
-/**
- * 第一步显示返回按钮
- * @description 通过 showBackOnFirstStep 控制
- */
-export declare const ShowBackOnFirstStep: Story;
-/**
- * 返回确认弹窗
- * @description 点击返回时弹出确认弹窗
- */
-export declare const BackConfirmModal: Story;
-/**
- * 关闭确认弹窗
- * @description 点击关闭时弹出确认弹窗
- */
-export declare const CloseConfirmModal: Story;
-/**
- * 主体布局 - 比例布局
- * @description 使用比例分配内容区和侧边栏宽度
- */
-export declare const BodyRatioLayout: Story;
-/**
- * 主体布局 - 固定宽度
- * @description 侧边栏使用固定宽度
- */
-export declare const BodyFixedLayout: Story;
-/**
- * 主体布局 - 垂直布局
- * @description 内容区和侧边栏上下排列
- */
-export declare const BodyVerticalLayout: Story;
-/**
- * 主体布局 - 内容顺序反转
- * @description 侧边栏在左/上，内容区在右/下
- */
-export declare const BodyContentOrderReverse: Story;
-/**
- * 底部位置 - 悬浮在侧边栏
- * @description 默认位置，底部悬浮在侧边栏区域
- */
-export declare const FooterFloatSidebar: Story;
-/**
- * 底部位置 - 固定在整体底部
- */
-export declare const FooterFixedBottom: Story;
-/**
- * 底部位置 - 悬浮在整体区域
- * @description 移动端默认使用此模式
- */
-export declare const FooterFloatAll: Story;
-/**
- * 底部位置 - 悬浮在内容区
- */
-export declare const FooterFloatContent: Story;
-/**
- * 底部位置 - 内嵌在内容区底部
- */
-export declare const FooterFixedContentBottom: Story;
-/**
- * 底部位置 - 内嵌在侧边栏底部
- */
-export declare const FooterFixedSidebarBottom: Story;
-/**
- * 移动端总结按钮
- * @description 移动端显示总结按钮，点击可查看侧边栏内容
- */
-export declare const MobileSummaryButton: Story;
-/**
- * 溢出收纳功能
- * @description 当宽度不足时，按钮会被收纳到 More 菜单中
- */
-export declare const OverflowActions: Story;
-/**
- * 禁用溢出收纳
- * @description 不启用溢出收纳，按钮会换行显示
- */
-export declare const DisableOverflow: Story;
-/**
- * 完整示例 - 购物流程
- * @description 模拟真实的购物流程
- */
-export declare const ShoppingFlow: Story;
-/**
- * 完整示例 - 注册流程
- * @description 模拟用户注册流程
- */
-export declare const RegistrationFlow: Story;
-/**
- * 完整示例 - 表单向导
- * @description 多步表单向导
- */
-export declare const FormWizard: Story;
-/**
- * 交互测试 - 组件渲染
- */
-export declare const InteractionTest: Story;

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

@@ -1,5 +0,0 @@
-/**
- * PisellProcedure 组件导出
- */
-export { default } from './PisellProcedure';
-export type { PisellProcedureProps, PisellProcedureRef, ProcedureHeaderProps, ProcedureBodyProps, ProcedureFooterProps, FooterPositionMode, BackConfirmModalConfig, BodyLayoutMode, BodyLayoutRatio, BodyDirection, StepItem, StepChangeResult, } from './types';

package/lib/components/PisellSteps/PisellSteps.d.ts

@@ -1,14 +0,0 @@
-import React from 'react';
-import './PisellSteps.less';
-import type { PisellStepsProps } from './types';
-/**
- * PisellSteps 步骤条组件
- *
- * 基于 Ant Design Steps 组件进行二次封装和增强
- * 支持多种展示样式、布局方式和丰富的交互功能
- *
- * @author Pisell Team
- * @version 1.0.0
- */
-declare const PisellSteps: React.FC<PisellStepsProps>;
-export default PisellSteps;

package/lib/components/pisellDateTimeDisplay/formats/dateTimeDisplayFormats.d.ts

@@ -1,7 +0,0 @@
-import type { DateTimeDisplayFormatPreset } from '../types';
-/**
- * PisellDateTimeDisplay 按语言预设的格式
- * - zh-cn：完整日期 - 时间 星期（如 2025-12-31 - 2:00 周四）；默认不展示相对日，可传 dateFormat.showRelativeDay: true 开启
- * - en：时间 星期, 日期（如 2:00 Sat, 21 Mar, 2026）；默认不展示相对日，可传 dateFormat.showRelativeDay: true 开启
- */
-export declare const DATETIME_DISPLAY_FORMATS: Record<string, Partial<DateTimeDisplayFormatPreset>>;

package/lib/components/pisellDateTimeDisplay/formats/index.d.ts

@@ -1 +0,0 @@
-export { DATETIME_DISPLAY_FORMATS } from './dateTimeDisplayFormats';