@pisell/materials 6.11.14 → 6.11.16

package/es/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;

package/es/components/pisellDateTimeDisplay/components/DateDisplay.d.ts

@@ -1,48 +0,0 @@
-import React from 'react';
-import { type Dayjs } from 'dayjs';
-import type { DateFormatConfig, TextStyleConfig } from '../types';
-/**
- * DateDisplay 组件 Props
- */
-export interface DateDisplayProps {
-    /**
-     * 日期对象
-     */
-    date: Dayjs;
-    /**
-     * 日期格式配置
-     */
-    format?: DateFormatConfig;
-    /**
-     * 参考日期（用于「今天/昨天/明天」判定，默认当前时间 dayjs()）
-     */
-    referenceDate?: Dayjs;
-    /**
-     * 文本样式
-     */
-    style?: TextStyleConfig;
-    /**
-     * 自定义类名
-     */
-    className?: string;
-}
-/**
- * 日期展示组件
- *
- * @description
- * - 格式化并展示日期
- * - 支持 showRelativeDay：今天/昨天/明天时用相对日替换原日期展示，不展示具体日期
- * - 支持不同的日期顺序（YMD/MDY/DMY）
- * - 支持年月日字段显隐
- * - 支持中文单位（年、月、日）
- * - 支持英文月份格式（简写/完整/数字）
- *
- * @example
- * <DateDisplay
- *   date={dayjs()}
- *   format={{ order: 'YMD', showYear: true, showChineseUnit: true }}
- *   style={{ fontSize: 18, fontWeight: 400, color: '#666' }}
- * />
- */
-export declare const DateDisplay: React.FC<DateDisplayProps>;
-export default DateDisplay;

package/es/components/pisellDateTimeDisplay/components/TimeDisplay.d.ts

@@ -1,42 +0,0 @@
-import React from 'react';
-import type { Dayjs } from 'dayjs';
-import type { TimeFormatConfig, TextStyleConfig } from '../types';
-/**
- * TimeDisplay 组件 Props
- */
-export interface TimeDisplayProps {
-    /**
-     * 时间对象
-     */
-    time: Dayjs;
-    /**
-     * 时间格式配置
-     */
-    format?: TimeFormatConfig;
-    /**
-     * 文本样式
-     */
-    style?: TextStyleConfig;
-    /**
-     * 自定义类名
-     */
-    className?: string;
-}
-/**
- * 时间展示组件
- *
- * @description
- * - 格式化并展示时间
- * - 支持 12/24 小时制
- * - 支持显示秒
- * - 支持小时补零
- *
- * @example
- * <TimeDisplay
- *   time={dayjs()}
- *   format={{ use12Hour: false, showSeconds: true }}
- *   style={{ fontSize: 24, fontWeight: 600, color: '#000' }}
- * />
- */
-export declare const TimeDisplay: React.FC<TimeDisplayProps>;
-export default TimeDisplay;

package/es/components/pisellDateTimeDisplay/components/WeekdayDisplay.d.ts

@@ -1,57 +0,0 @@
-import React from 'react';
-import type { Dayjs } from 'dayjs';
-import type { WeekdayFormatConfig, TextStyleConfig } from '../types';
-/**
- * WeekdayDisplay 组件 Props
- */
-export interface WeekdayDisplayProps {
-    /**
-     * 日期对象（用于获取星期）
-     */
-    weekday: Dayjs;
-    /**
-     * 星期格式配置
-     */
-    format?: WeekdayFormatConfig;
-    /**
-     * 文本样式
-     */
-    style?: TextStyleConfig;
-    /**
-     * 自定义类名
-     */
-    className?: string;
-}
-/**
- * 星期展示组件
- *
- * @description
- * - 格式化并展示星期
- * - 支持完整/缩写/单字母模式
- * - 自动支持中英文
- *
- * @example
- * // 默认（缩写）
- * <WeekdayDisplay
- *   weekday={dayjs()}
- *   format={{ full: false, singleLetter: false }}
- *   style={{ fontSize: 18, fontWeight: 400, color: '#666' }}
- * />
- * // => "Sat" / "周六"
- *
- * // 完整
- * <WeekdayDisplay
- *   weekday={dayjs()}
- *   format={{ full: true }}
- * />
- * // => "Saturday" / "星期六"
- *
- * // 单字母
- * <WeekdayDisplay
- *   weekday={dayjs()}
- *   format={{ singleLetter: true }}
- * />
- * // => "S" / "六"
- */
-export declare const WeekdayDisplay: React.FC<WeekdayDisplayProps>;
-export default WeekdayDisplay;

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

@@ -1,6 +0,0 @@
-export { TimeDisplay } from './TimeDisplay';
-export { DateDisplay } from './DateDisplay';
-export { WeekdayDisplay } from './WeekdayDisplay';
-export type { TimeDisplayProps } from './TimeDisplay';
-export type { DateDisplayProps } from './DateDisplay';
-export type { WeekdayDisplayProps } from './WeekdayDisplay';

package/es/components/pisellDateTimeDisplay/hooks/index.d.ts

@@ -1,2 +0,0 @@
-export { useCurrentTime } from './useCurrentTime';
-export type { UseCurrentTimeOptions } from './useCurrentTime';

package/es/components/pisellDateTimeDisplay/hooks/useCurrentTime.d.ts

@@ -1,46 +0,0 @@
-import { Dayjs } from 'dayjs';
-/**
- * useCurrentTime Hook 配置项
- */
-export interface UseCurrentTimeOptions {
-    /**
-     * 刷新间隔（毫秒）
-     * @default 60000
-     */
-    refreshInterval?: number;
-    /**
-     * 是否禁用自动刷新
-     * @default false
-     */
-    disabled?: boolean;
-    /**
-     * dayjs locale
-     * @default 优先使用全局配置，其次使用 i18n 当前语言（getCurrentLocale）
-     * @example 'zh-CN' | 'zh-HK' | 'en' | 'en-US' | 'ja'
-     */
-    locale?: string;
-    /**
-     * 时间更新回调
-     */
-    onUpdate?: (time: Dayjs) => void;
-}
-/**
- * 管理当前时间状态的自定义 Hook
- *
- * @description
- * - 自动创建定时器刷新时间
- * - 支持自定义刷新间隔
- * - 支持国际化（locale）：优先级为 用户指定 > 全局配置 > i18n 当前语言
- * - 组件卸载时自动清除定时器
- *
- * @example
- * const currentTime = useCurrentTime({
- *   refreshInterval: 1000,
- *   locale: 'zh-CN',
- *   onUpdate: (time) => console.log(time.format())
- * });
- *
- * @param options 配置项
- * @returns 当前时间（Dayjs 对象）
- */
-export declare function useCurrentTime(options?: UseCurrentTimeOptions): Dayjs;

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

@@ -1,3 +0,0 @@
-export { default as PisellDateTimeDisplay } from './PisellDateTimeDisplay';
-export type { PisellDateTimeDisplayProps, LayoutDirection, DateOrder, TextAlign, FieldType, TimeFormatConfig, DateFormatConfig, WeekdayFormatConfig, FieldConfig, TextStyleConfig, ContainerStyleConfig, } from './types';
-export { default } from './PisellDateTimeDisplay';

package/es/components/pisellDateTimeDisplay/utils/formatDate.d.ts

@@ -1,21 +0,0 @@
-import type { Dayjs } from 'dayjs';
-import type { DateFormatConfig } from '../types';
-/**
- * 格式化日期
- * @param date dayjs 日期对象
- * @param config 日期格式配置
- * @returns 格式化后的日期字符串
- *
- * @example
- * // 英文环境
- * formatDate(dayjs(), { order: 'YMD', shortMonth: true, showYear: true })
- * // => "2026-Mar-21"
- *
- * // 中文环境
- * formatDate(dayjs(), { order: 'YMD', showChineseUnit: true, showYear: true })
- * // => "2026年3月21日"
- *
- * formatDate(dayjs(), { order: 'MDY', shortMonth: false, showYear: true })
- * // => "March 21, 2026"
- */
-export declare function formatDate(date: Dayjs, config?: DateFormatConfig): string;

package/es/components/pisellDateTimeDisplay/utils/formatDateOrRelative.d.ts

@@ -1,17 +0,0 @@
-import type { Dayjs } from 'dayjs';
-import type { DateFormatConfig, WeekdayFormatConfig } from '../types';
-/**
- * 获取「日期部分」的展示文案（相对日内置在 datetime）
- * - 若开启 showRelativeDay 且日期为今天/昨天/明天，返回相对日文案（如「今天」「Yesterday」）
- * - 否则返回「星期, 日期」格式（用于时间区间跨天等场景）
- *
- * 供 PisellDateTimeDisplay、PisellTimeRangeDisplay 等统一使用，相对时间逻辑只在此处维护
- */
-export declare function getDatePartDisplay(params: {
-    date: Dayjs;
-    dateFormat?: DateFormatConfig;
-    weekdayFormat?: WeekdayFormatConfig;
-    referenceDate: Dayjs;
-    /** 覆盖日期格式（如跨天时的 order: 'DMY', shortMonth: true） */
-    dateFormatOverride?: Partial<DateFormatConfig>;
-}): string;

package/es/components/pisellDateTimeDisplay/utils/formatWeekday.d.ts

@@ -1,30 +0,0 @@
-import type { Dayjs } from 'dayjs';
-import type { WeekdayFormatConfig } from '../types';
-/**
- * 格式化星期
- * @param weekday dayjs 日期对象
- * @param config 星期格式配置
- * @returns 格式化后的星期字符串
- *
- * @example
- * // 英文环境
- * formatWeekday(dayjs(), { full: false, singleLetter: false })
- * // => "Sat"
- *
- * formatWeekday(dayjs(), { full: true })
- * // => "Saturday"
- *
- * formatWeekday(dayjs(), { singleLetter: true })
- * // => "S"
- *
- * // 中文环境
- * formatWeekday(dayjs(), { full: false, singleLetter: false })
- * // => "周六"
- *
- * formatWeekday(dayjs(), { full: true })
- * // => "星期六"
- *
- * formatWeekday(dayjs(), { singleLetter: true })
- * // => "六"
- */
-export declare function formatWeekday(weekday: Dayjs, config?: WeekdayFormatConfig): string;

package/es/components/pisellDateTimeDisplay/utils/index.d.ts

@@ -1,7 +0,0 @@
-export { formatTime } from './formatTime';
-export { formatDate } from './formatDate';
-export { formatWeekday } from './formatWeekday';
-export { getDatePartDisplay } from './formatDateOrRelative';
-export { getRefreshInterval } from './getRefreshInterval';
-export { getRelativeDay, getRelativeDayLabel, type RelativeDay, } from './relativeDay';
-export { normalizeLocale, isChinese, getDayjsLocale, } from './localeUtils';

package/es/components/pisellDateTimeDisplay/utils/localeUtils.d.ts

@@ -1,22 +0,0 @@
-/**
- * 标准化 locale 代码
- * @param locale 原始 locale 代码
- * @returns 标准化后的 locale 代码（小写，用于 dayjs）
- * @example 'zh-CN' -> 'zh-cn', 'en' -> 'en'
- */
-export declare function normalizeLocale(locale: string): string;
-/**
- * 判断是否为中文环境
- * @param locale locale 代码
- * @returns 是否为中文
- * @example isChinese('zh-CN') -> true, isChinese('zh-HK') -> true, isChinese('en') -> false
- */
-export declare function isChinese(locale: string): boolean;
-/**
- * 获取 dayjs 兼容的 locale 代码
- * 未传 locale 时：优先 materials 当前语言（globalConfig / umi_locale），若为默认 en-US 则用 @pisell/utils getLocale
- * @param locale 原始 locale 代码（可选）
- * @returns dayjs 兼容的 locale 代码（与已加载的 zh-cn、en 对齐）
- * @example 'zh-CN' -> 'zh-cn', 'en-US' -> 'en'
- */
-export declare function getDayjsLocale(locale?: string): string;

package/es/components/pisellEmail/PisellEmail.d.ts

@@ -1,37 +0,0 @@
-import React from 'react';
-import type { PisellEmailProps } from './types';
-import './PisellEmail.less';
-/**
- * PisellEmail 邮箱地址组件
- *
- * 邮箱地址输入/展示组件，支持只读、编辑、禁用三种状态。
- * 基于 Ant Design AutoComplete 和 Input 组件开发，提供邮箱格式校验、域名智能补全、
- * mailto 邮件发送和域名隐藏功能。
- *
- * @param props 组件 Props
- *
- * @example
- * // 编辑态（邮箱输入）
- * <PisellEmail
- *   placeholder="请输入邮箱地址"
- *   required
- * />
- *
- * @example
- * // 只读态（可发邮件）
- * <PisellEmail
- *   mode="read"
- *   value="user@example.com"
- *   enableMailto
- * />
- *
- * @example
- * // 域名补全
- * <PisellEmail
- *   enableAutoComplete
- *   autoCompleteDomains={['gmail.com', 'company.com']}
- * />
- */
-export declare const PisellEmail: React.FC<PisellEmailProps>;
-declare const _default: React.NamedExoticComponent<PisellEmailProps>;
-export default _default;

package/es/components/pisellEmail/PisellEmail.stories.d.ts

@@ -1,116 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import { PisellEmail } from './PisellEmail';
-/**
- * PisellEmail 是一个邮箱地址输入/展示组件。
- *
- * ## 功能特性
- * - 支持三种状态：只读、编辑、禁用
- * - 邮箱格式校验（标准/严格）
- * - 域名智能补全
- * - mailto 邮件发送
- * - 域名隐藏/脱敏
- * - 白名单/黑名单域名限制
- */
-declare const meta: Meta<typeof PisellEmail>;
-export default meta;
-declare type Story = StoryObj<typeof PisellEmail>;
-/**
- * 基础编辑态
- */
-export declare const Basic: Story;
-/**
- * 域名智能补全
- */
-export declare const WithAutoComplete: Story;
-/**
- * 自定义补全域名
- */
-export declare const CustomDomains: Story;
-/**
- * 只读态 - 可发邮件
- */
-export declare const ReadMode: Story;
-/**
- * 只读态 - 带邮件图标
- */
-export declare const ReadModeWithIcon: Story;
-/**
- * 只读态 - 域名部分隐藏
- */
-export declare const ReadModePartialMask: Story;
-/**
- * 只读态 - 域名完全隐藏
- */
-export declare const ReadModeFullMask: Story;
-/**
- * 禁用态（编辑）
- */
-export declare const DisabledEdit: Story;
-/**
- * 禁用态（只读）
- */
-export declare const DisabledRead: Story;
-/**
- * 必填校验
- */
-export declare const Required: Story;
-/**
- * 格式校验（实时）
- */
-export declare const FormatValidation: Story;
-/**
- * 严格格式校验
- */
-export declare const StrictValidation: Story;
-/**
- * 白名单域名限制
- */
-export declare const AllowedDomains: Story;
-/**
- * 黑名单域名限制
- */
-export declare const BlockedDomains: Story;
-/**
- * 显示清空按钮
- */
-export declare const WithClearButton: Story;
-/**
- * 自动聚焦
- */
-export declare const WithAutoFocus: Story;
-/**
- * 自定义样式（只读态）
- */
-export declare const CustomStyle: Story;
-/**
- * 脱敏模式对比
- */
-export declare const MaskingComparison: Story;
-/**
- * 校验时机对比
- */
-export declare const ValidateTriggerComparison: Story;
-/**
- * 完整功能示例
- */
-export declare const CompleteExample: Story;
-/**
- * 域名补全演示
- */
-export declare const AutoCompleteDemo: Story;
-/**
- * mailto 功能演示
- */
-export declare const MailtoDemo: Story;
-/**
- * 白名单/黑名单演示
- */
-export declare const DomainRestrictionDemo: Story;
-/**
- * 所有状态展示
- */
-export declare const AllStates: Story;
-/**
- * 完整交互示例
- */
-export declare const InteractiveExample: Story;

package/es/components/pisellEmail/components/DisabledView.d.ts

@@ -1,14 +0,0 @@
-import React from 'react';
-import type { PisellEmailProps } from '../types';
-/**
- * PisellEmail 禁用态视图组件
- *
- * 职责：
- * - 渲染禁用状态的邮箱组件
- * - 根据原始 mode 选择渲染 ReadOnlyView 或 EditView
- * - 应用禁用样式（透明度 40%）
- *
- * @param props 组件 Props
- */
-declare const DisabledView: React.FC<PisellEmailProps>;
-export default DisabledView;

package/es/components/pisellEmail/components/EditView.d.ts

@@ -1,15 +0,0 @@
-import React from 'react';
-import type { PisellEmailProps } from '../types';
-/**
- * PisellEmail 编辑态视图组件
- *
- * 职责：
- * - 渲染编辑态邮箱输入框
- * - 提供域名智能补全（基于 AutoComplete）
- * - 实时格式校验（标准/严格）
- * - 错误提示展示
- *
- * @param props 组件 Props
- */
-declare const EditView: React.FC<PisellEmailProps>;
-export default EditView;