@pisell/materials 1.8.4 → 1.8.6

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

@@ -1,209 +0,0 @@
-import type { CSSProperties } from 'react';
-import type { BaseTextInputProps } from '@pisell/utils';
-/**
- * 国家码配置类型
- */
-export interface CountryCode {
-    /**
-     * 国家码
-     * @example '+86', '+1', '+44'
-     */
-    code: string;
-    /**
-     * 国家名称
-     * @example '中国', '美国', '英国'
-     */
-    name: string;
-    /**
-     * 国旗 emoji 或图标
-     * @example '🇨🇳', '🇺🇸', '🇬🇧'
-     */
-    flag: string;
-    /**
-     * 号码格式（可选，用于显示占位符）
-     * @example 'XXX XXXX XXXX', '(XXX) XXX-XXXX'
-     */
-    format?: string;
-    /**
-     * 最大长度
-     * @example 11 (中国), 10 (美国)
-     */
-    maxLength: number;
-    /**
-     * 校验正则
-     * @example /^1[3-9]\d{9}$/ (中国手机号)
-     */
-    pattern: RegExp;
-}
-/**
- * PisellPhone 组件 Props 类型定义
- *
- * 继承 BaseTextInputProps，添加电话号码特有的配置
- */
-export interface PisellPhoneProps extends BaseTextInputProps {
-    /**
-     * 状态模式
-     * @default 'edit'
-     */
-    mode?: 'read' | 'edit';
-    /**
-     * 是否禁用
-     * @default false
-     */
-    disabled?: boolean;
-    /**
-     * 当前选中的国家码
-     * @default '+86'
-     * @example '+86', '+1', '+44'
-     */
-    countryCode?: string;
-    /**
-     * 默认国家码（非受控模式）
-     * @default '+86'
-     */
-    defaultCountryCode?: string;
-    /**
-     * 是否显示国家码选择器
-     * @default true
-     */
-    showCountrySelector?: boolean;
-    /**
-     * 可用的国家码列表（从预设24个中过滤）
-     * @example ['+86', '+1', '+44']
-     */
-    availableCountryCodes?: string[];
-    /**
-     * 常用国家码（置顶显示）
-     * @example ['+86', '+1']
-     */
-    commonCountryCodes?: string[];
-    /**
-     * 完全自定义国家码列表（覆盖预设）
-     */
-    countryCodes?: CountryCode[];
-    /**
-     * 国家码变更回调
-     * @param code 新的国家码
-     */
-    onCountryCodeChange?: (code: string) => void;
-    /**
-     * 是否自动格式化
-     * @default true
-     */
-    autoFormat?: boolean;
-    /**
-     * 格式化规则
-     * @default 'auto'
-     */
-    formatRule?: 'mobile' | 'landline' | 'auto';
-    /**
-     * 格式化分隔符
-     * @default ' '
-     */
-    separator?: string;
-    /**
-     * 是否启用拨号（移动端）
-     * @default true
-     */
-    enableDial?: boolean;
-    /**
-     * 是否显示拨号图标
-     * @default false
-     */
-    showDialIcon?: boolean;
-    /**
-     * 拨号回调
-     * @param phone 完整的电话号码（含国家码）
-     */
-    onDial?: (phone: string) => void;
-    /**
-     * 是否脱敏显示（只读态）
-     * @default false
-     */
-    enableMasking?: boolean;
-    /**
-     * 脱敏模式
-     * - middle: 中间4位脱敏（138****0000）
-     * - last: 后4位脱敏（1380000****）
-     * - custom: 使用自定义函数
-     * @default 'middle'
-     */
-    maskPattern?: 'middle' | 'last' | 'custom';
-    /**
-     * 自定义脱敏函数
-     * @param phone 电话号码
-     * @returns 脱敏后的号码
-     */
-    customMask?: (phone: string) => string;
-    /**
-     * 是否显示国旗图标
-     * @default true
-     */
-    showFlag?: boolean;
-    /**
-     * 字号
-     * @example '14px' 或 14
-     * @default 16
-     */
-    fontSize?: string | number;
-    /**
-     * 字重
-     * @example 'bold' 或 600
-     * @default 500
-     */
-    fontWeight?: string | number;
-    /**
-     * 文本颜色
-     * @example '#000000'
-     * @default '#101828'
-     */
-    color?: string;
-    /**
-     * 占位文本
-     * @default '请输入电话号码'
-     */
-    placeholder?: string;
-    /**
-     * 最大长度（根据国家码自动设置）
-     */
-    maxLength?: number;
-    /**
-     * 是否显示清空按钮
-     * @default false
-     */
-    allowClear?: boolean;
-    /**
-     * 是否自动聚焦
-     * @default false
-     */
-    autoFocus?: boolean;
-    /**
-     * 是否校验格式
-     * @default true
-     */
-    validateFormat?: boolean;
-    /**
-     * 自定义校验函数
-     * @param phone 电话号码（纯数字）
-     * @param countryCode 国家码
-     * @returns true 表示校验通过，string 表示错误信息
-     */
-    customValidator?: (phone: string, countryCode: string) => boolean | string;
-    /**
-     * 自定义类名
-     */
-    className?: string;
-    /**
-     * 自定义样式
-     */
-    style?: CSSProperties;
-    /**
-     * ARIA 标签
-     */
-    'aria-label'?: string;
-    /**
-     * ARIA 描述
-     */
-    'aria-describedby'?: string;
-}
-export type { DisplayState, ValidationResult, TextInputState } from '@pisell/utils';

package/lib/components/pisellPhone/utils/countryCodeHelper.d.ts

@@ -1,35 +0,0 @@
-import type { CountryCode, PisellPhoneProps } from '../types';
-/**
- * 根据国家码获取国旗 emoji
- * @param countryCode 国家码
- * @returns 国旗 emoji
- */
-export declare function getCountryFlag(countryCode: string): string;
-/**
- * 根据国家码获取最大长度
- * @param countryCode 国家码
- * @param countryCodes 国家码列表
- * @returns 最大长度
- */
-export declare function getMaxLength(countryCode: string, countryCodes: CountryCode[]): number;
-/**
- * 根据国家码获取配置
- * @param countryCode 国家码
- * @param countryCodes 国家码列表
- * @returns 国家码配置
- */
-export declare function getCountryConfig(countryCode: string, countryCodes: CountryCode[]): CountryCode | undefined;
-/**
- * 获取最终的国家码列表
- *
- * 优先级：
- * 1. props.countryCodes（完全自定义）
- * 2. props.availableCountryCodes（从预设中过滤）
- * 3. PRESET_COUNTRY_CODES（默认全部24个）
- *
- * 然后根据 props.commonCountryCodes 排序（置顶）
- *
- * @param props 组件 Props
- * @returns 国家码列表
- */
-export declare function getCountryCodes(props: PisellPhoneProps): CountryCode[];

package/lib/components/pisellPhone/utils/index.d.ts

@@ -1,6 +0,0 @@
-/**
- * 电话号码工具函数导出
- */
-export { formatPhone, formatChinaMobile, formatUSPhone, maskPhone, detectPhoneType } from './phoneFormatter';
-export { validatePhone } from './phoneValidator';
-export { getCountryFlag, getMaxLength, getCountryConfig, getCountryCodes, } from './countryCodeHelper';

package/lib/components/pisellPhone/utils/phoneFormatter.d.ts

@@ -1,39 +0,0 @@
-/**
- * 电话号码格式化工具
- */
-/**
- * 中国大陆手机号格式化：138 0000 0000
- */
-export declare function formatChinaMobile(phone: string): string;
-/**
- * 美国/加拿大号码格式化：(555) 123-4567
- */
-export declare function formatUSPhone(phone: string): string;
-/**
- * 英国号码格式化：1234 567 8900
- */
-export declare function formatUKPhone(phone: string): string;
-/**
- * 根据国家码格式化电话号码
- * @param phone 电话号码（纯数字）
- * @param countryCode 国家码
- * @returns 格式化后的电话号码
- */
-export declare function formatPhone(phone: string, countryCode: string): string;
-/**
- * 电话号码脱敏
- * @param phone 电话号码
- * @param pattern 脱敏模式
- * @returns 脱敏后的号码
- *
- * @example
- * maskPhone('13800000000', 'middle') // '138****0000'
- * maskPhone('13800000000', 'last')   // '1380000****'
- */
-export declare function maskPhone(phone: string, pattern?: 'middle' | 'last'): string;
-/**
- * 检测号码类型（中国）
- * @param phone 电话号码
- * @returns 号码类型
- */
-export declare function detectPhoneType(phone: string): 'mobile' | 'landline' | 'unknown';

package/lib/components/pisellPhone/utils/phoneValidator.d.ts

@@ -1,11 +0,0 @@
-import type { CountryCode, PisellPhoneProps } from '../types';
-import type { ValidationResult } from '@pisell/utils';
-/**
- * 电话号码校验
- * @param phone 电话号码（纯数字）
- * @param countryCode 国家码
- * @param countryConfig 国家码配置
- * @param props 组件 Props
- * @returns 校验结果
- */
-export declare function validatePhone(phone: string, countryCode: string, countryConfig: CountryCode | undefined, props: PisellPhoneProps): ValidationResult;

package/lib/components/pisellRating/PisellRating.d.ts

@@ -1,31 +0,0 @@
-import React from 'react';
-import type { PisellRatingProps } from './types';
-import './PisellRating.less';
-/**
- * PisellRating 评分组件
- *
- * 基于 Ant Design Rate 组件开发，提供直观的星级评分交互。
- * 支持只读、编辑、禁用三种状态。
- *
- * @param props 组件 Props
- *
- * @example
- * // 基础使用
- * const [rating, setRating] = useState(0);
- * <PisellRating value={rating} onChange={setRating} />
- *
- * @example
- * // 只读态
- * <PisellRating mode="read" value={4.5} allowHalf />
- *
- * @example
- * // 带评分描述
- * <PisellRating
- *   value={rating}
- *   onChange={setRating}
- *   tooltips={['很差', '差', '一般', '好', '很好']}
- * />
- */
-export declare const PisellRating: React.FC<PisellRatingProps>;
-declare const _default: React.NamedExoticComponent<PisellRatingProps>;
-export default _default;

package/lib/components/pisellRating/PisellRating.stories.d.ts

@@ -1,53 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import { PisellRating } from './PisellRating';
-declare const meta: Meta<typeof PisellRating>;
-export default meta;
-declare type Story = StoryObj<typeof PisellRating>;
-/**
- * 基础示例
- */
-export declare const Basic: Story;
-/**
- * 只读态
- */
-export declare const ReadOnly: Story;
-/**
- * 禁用态
- */
-export declare const Disabled: Story;
-/**
- * 半星评分
- */
-export declare const HalfStar: Story;
-/**
- * 显示数值
- */
-export declare const WithValue: Story;
-/**
- * 显示评分人数
- */
-export declare const WithCount: Story;
-/**
- * 带评分描述
- */
-export declare const WithTooltips: Story;
-/**
- * 自定义星星数量
- */
-export declare const CustomCount: Story;
-/**
- * 自定义图标 - 爱心
- */
-export declare const HeartIcon: Story;
-/**
- * 自定义图标 - 笑脸
- */
-export declare const SmileIcon: Story;
-/**
- * 商品评分场景
- */
-export declare const ProductReview: Story;
-/**
- * 不同尺寸
- */
-export declare const Sizes: Story;

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

@@ -1,6 +0,0 @@
-/**
- * PisellRating 组件导出
- */
-export { default as PisellRating } from './PisellRating';
-export type { PisellRatingProps } from './types';
-export type { DisplayState } from './types';

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

@@ -1,124 +0,0 @@
-import type { CSSProperties, ReactNode } from 'react';
-/**
- * 从 @pisell/utils 重新导出公共类型
- */
-export type { DisplayState } from '@pisell/utils';
-/**
- * PisellRating 组件 Props 类型定义
- *
- * 基于 Ant Design Rate 组件，独立实现
- */
-export interface PisellRatingProps {
-    /**
-     * 显示模式
-     * @default 'edit'
-     */
-    mode?: 'read' | 'edit';
-    /**
-     * 是否禁用
-     * @default false
-     */
-    disabled?: boolean;
-    /**
-     * 当前评分值（受控）
-     */
-    value?: number;
-    /**
-     * 默认评分值（非受控）
-     */
-    defaultValue?: number;
-    /**
-     * 评分变更回调
-     */
-    onChange?: (value: number) => void;
-    /**
-     * 星星数量
-     * @default 5
-     */
-    count?: number;
-    /**
-     * 最大评分值（同 count，为了与 Number 系列保持一致）
-     * @default 5
-     */
-    max?: number;
-    /**
-     * 是否允许半星评分
-     * @default false
-     */
-    allowHalf?: boolean;
-    /**
-     * 是否允许清除评分
-     * @default true
-     */
-    allowClear?: boolean;
-    /**
-     * 自定义字符
-     * @default StarFilled
-     */
-    character?: ReactNode | ((props: {
-        index: number;
-        value: number;
-    }) => ReactNode);
-    /**
-     * 评分描述文本数组
-     * @example ['很差', '差', '一般', '好', '很好']
-     */
-    tooltips?: string[];
-    /**
-     * 是否显示数值文本
-     * @default false
-     */
-    showValue?: boolean;
-    /**
-     * 是否显示评分人数
-     * @default false
-     */
-    showCount?: boolean;
-    /**
-     * 评分人数
-     */
-    reviewCount?: number;
-    /**
-     * 星星尺寸（仅影响样式）
-     * @default 20
-     */
-    size?: number;
-    /**
-     * 星星颜色（已选中）
-     * @default '#fadb14'
-     */
-    color?: string;
-    /**
-     * 星星颜色（未选中）
-     * @default '#d9d9d9'
-     */
-    unselectedColor?: string;
-    /**
-     * 悬停评分值变化回调
-     */
-    onHoverChange?: (value: number) => void;
-    /**
-     * 聚焦回调
-     */
-    onFocus?: () => void;
-    /**
-     * 失焦回调
-     */
-    onBlur?: () => void;
-    /**
-     * 自定义类名
-     */
-    className?: string;
-    /**
-     * 自定义样式
-     */
-    style?: CSSProperties;
-    /**
-     * ARIA 标签
-     */
-    'aria-label'?: string;
-    /**
-     * HTML id 属性
-     */
-    id?: string;
-}

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

@@ -1,22 +0,0 @@
-import React from 'react';
-import { PisellContextType } from '../pisell-config-provider/context';
-import './index.less';
-export interface PisellRowProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> {
-    platform?: PisellContextType['platform'];
-    gap?: number;
-    padding?: number;
-    leftContent?: React.ReactNode;
-    rightContent?: React.ReactNode;
-    centerContent?: React.ReactNode;
-    centerContentFill?: boolean;
-}
-/**
- * @title: Pisell Row
- * @description:  左中右布局组件
- * @param {PisellRowProps} props
- * @return {*}
- * @Author: zhiwei.Wang
- * @Date: 2024-08-16 10:38
- */
-declare const PisellRow: (props: PisellRowProps) => JSX.Element;
-export default PisellRow;

package/lib/components/pisellSingleLineText/PisellSingleLineText.d.ts

@@ -1,40 +0,0 @@
-import React from 'react';
-import type { PisellSingleLineTextProps } from './types';
-import './PisellSingleLineText.less';
-/**
- * PisellSingleLineText 单行文本组件
- *
- * 通用的单行文本输入/展示组件，支持只读、编辑、禁用三种状态。
- * 基于 Ant Design Input 组件开发，提供完整的校验框架。
- *
- * @param props 组件 Props
- *
- * @example
- * // 受控模式
- * const [value, setValue] = useState('');
- * <PisellSingleLineText
- *   value={value}
- *   onChange={(v) => setValue(v)}
- *   placeholder="请输入"
- * />
- *
- * @example
- * // 非受控模式
- * <PisellSingleLineText
- *   defaultValue="初始值"
- *   required
- *   minLength={3}
- * />
- *
- * @example
- * // 只读态
- * <PisellSingleLineText
- *   mode="read"
- *   value="这是一段很长的文本内容"
- *   ellipsis
- *   showTooltip
- * />
- */
-export declare const PisellSingleLineText: React.FC<PisellSingleLineTextProps>;
-declare const _default: React.NamedExoticComponent<PisellSingleLineTextProps>;
-export default _default;

package/lib/components/pisellSingleLineText/PisellSingleLineText.stories.d.ts

@@ -1,102 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import { PisellSingleLineText } from './PisellSingleLineText';
-/**
- * PisellSingleLineText 是一个通用的单行文本输入/展示组件。
- *
- * ## 功能特性
- * - 支持三种状态：只读、编辑、禁用
- * - 完整的校验框架
- * - 受控/非受控模式
- * - 丰富的配置项
- */
-declare const meta: Meta<typeof PisellSingleLineText>;
-export default meta;
-declare type Story = StoryObj<typeof PisellSingleLineText>;
-/**
- * 基础编辑态示例
- */
-export declare const Basic: Story;
-/**
- * 只读态示例 - 展示文本内容
- */
-export declare const ReadMode: Story;
-/**
- * 只读态 - 超长文本截断
- */
-export declare const ReadModeEllipsis: Story;
-/**
- * 禁用态示例
- */
-export declare const Disabled: Story;
-/**
- * 必填校验示例
- */
-export declare const Required: Story;
-/**
- * 长度校验示例
- */
-export declare const LengthValidation: Story;
-/**
- * 正则校验 - 仅数字
- */
-export declare const PatternValidation: Story;
-/**
- * 自定义校验函数
- */
-export declare const CustomValidator: Story;
-/**
- * 前缀图标
- */
-export declare const WithPrefix: Story;
-/**
- * 后缀文本
- */
-export declare const WithSuffix: Story;
-/**
- * 前置标签
- */
-export declare const WithAddonBefore: Story;
-/**
- * 后置标签 - 按钮
- */
-export declare const WithAddonAfter: Story;
-/**
- * 完整配置示例
- */
-export declare const FullFeatures: Story;
-/**
- * 自定义样式 - 只读态
- */
-export declare const CustomStyle: Story;
-/**
- * 只读态 - 普通文本样式（默认）
- */
-export declare const DisplayVariantText: Story;
-/**
- * 只读态 - 超链接样式
- */
-export declare const DisplayVariantLink: Story;
-/**
- * 只读态 - 徽标样式（圆形红色徽标）
- */
-export declare const DisplayVariantBadge: Story;
-/**
- * 只读态 - 徽标样式（文本内容）
- */
-export declare const DisplayVariantBadgeText: Story;
-/**
- * 只读态 - 标签样式（默认灰色边框）
- */
-export declare const DisplayVariantTag: Story;
-/**
- * 只读态 - 标签样式（自定义颜色）
- */
-export declare const DisplayVariantTagColored: Story;
-/**
- * 只读态 - 标签样式（可关闭）
- */
-export declare const DisplayVariantTagClosable: Story;
-/**
- * 展示样式对比 - 所有变体（基于 Figma 设计）
- */
-export declare const AllDisplayVariants: Story;

package/lib/components/pisellSingleLineText/components/DisabledView.d.ts

@@ -1,16 +0,0 @@
-import React from 'react';
-import type { PisellSingleLineTextProps } from '../types';
-/**
- * PisellSingleLineText 禁用态视图组件
- *
- * 负责渲染禁用态视图，基于原始 mode 渲染对应的视图，并添加禁用样式
- *
- * 设计规则：
- * - 基于编辑态或只读态的视觉
- * - 透明度 40%
- * - 禁止所有交互行为
- *
- * @param props 组件 Props
- */
-declare const DisabledView: React.FC<PisellSingleLineTextProps>;
-export default DisabledView;