@pisell/private-materials 6.3.113 → 6.3.115

package/es/pro/Login2.0/shared/types.d.ts

@@ -1,234 +0,0 @@
-/**
- * 登录注册 2.0 共享类型定义
- */
-/** 验证方式枚举 */
-export declare type VerificationMethod = 'verification_code' | 'password';
-/** 邮箱注册验证方式 */
-export declare type EmailRegistrationVerification = 'verification_link' | 'verification_code' | 'none';
-/** 手机注册验证方式 */
-export declare type PhoneRegistrationVerification = 'verification_code';
-/** 认证方式类型 */
-export declare type AuthMethodType = 'email' | 'phone' | 'google' | 'facebook' | 'apple' | 'guest';
-/** 登录方式项类型 */
-export declare type LoginMethodType = 'email' | 'phone' | 'google' | 'facebook' | 'apple' | 'guest';
-export interface PhoneValueObject {
-    phone: string;
-    country_calling_code: string;
-}
-/** 邮箱登录方式项 */
-export interface EmailLoginMethod {
-    type: 'email';
-    /** 启用的验证方式（按顺序），第一个为默认方式 */
-    verificationMethods: Array<'password' | 'verification_code'>;
-    /** 密码登录是否分步骤填写（先输入邮箱，再输入密码） */
-    stepByStep?: boolean;
-}
-/** 手机登录方式项 */
-export interface PhoneLoginMethod {
-    type: 'phone';
-    /** 启用的验证方式（按顺序），第一个为默认方式 */
-    verificationMethods: Array<'password' | 'verification_code'>;
-    /** 密码登录是否分步骤填写（先输入手机号，再输入密码） */
-    stepByStep?: boolean;
-}
-/** Google 登录方式项 */
-export interface GoogleLoginMethod {
-    type: 'google';
-    /** Google Client ID */
-    clientId?: string;
-}
-/** Facebook 登录方式项 */
-export interface FacebookLoginMethod {
-    type: 'facebook';
-    /** Facebook App ID */
-    appId?: string;
-}
-/** Apple 登录方式项 */
-export interface AppleLoginMethod {
-    type: 'apple';
-    /** Apple Client ID */
-    clientId?: string;
-}
-/** Guest 登录方式项 */
-export interface GuestLoginMethod {
-    type: 'guest';
-}
-/** 注册方式类型 */
-export declare type RegistrationMethodType = 'email' | 'phone' | 'google' | 'facebook' | 'apple';
-/** 邮箱注册方式项 */
-export interface EmailRegistrationMethod {
-    type: 'email';
-    /** 注册验证方式（邮箱支持验证链接/验证码/无需验证） */
-    verificationMethod: 'verification_link' | 'verification_code' | 'none';
-}
-/** 手机注册方式项 */
-export interface PhoneRegistrationMethod {
-    type: 'phone';
-    /** 注册验证方式（手机仅支持验证码） */
-    verificationMethod: 'verification_code';
-}
-/** Google 注册方式项 */
-export interface GoogleRegistrationMethod {
-    type: 'google';
-    /** Google Client ID */
-    clientId?: string;
-}
-/** Facebook 注册方式项 */
-export interface FacebookRegistrationMethod {
-    type: 'facebook';
-    /** Facebook App ID */
-    appId?: string;
-}
-/** Apple 注册方式项 */
-export interface AppleRegistrationMethod {
-    type: 'apple';
-    /** Apple Client ID */
-    clientId?: string;
-}
-/** 注册方式项联合类型 */
-export declare type RegistrationMethodItem = EmailRegistrationMethod | PhoneRegistrationMethod | GoogleRegistrationMethod | FacebookRegistrationMethod | AppleRegistrationMethod;
-/** 法律条款项 */
-export interface LegalTermItem {
-    /** 条款名称 - 支持国际化对象或简单字符串 */
-    name: string | {
-        en?: string;
-        'zh-CN'?: string;
-        'zh-HK'?: string;
-        'ja'?: string;
-        'pt'?: string;
-        original?: string;
-    };
-    /** 条款链接 */
-    url: string;
-}
-/** 法律条款配置 */
-export interface LegalTermsConfig {
-    /** 是否显示法律条款区域 */
-    enabled?: boolean;
-    /** 法律条款列表 */
-    terms?: LegalTermItem[];
-    /** 条款文本模板 */
-    textTemplate?: string;
-    /** 当前模式：login 或 register */
-    mode?: 'login' | 'register';
-}
-/** 登录方式项联合类型 */
-export declare type LoginMethodItem = EmailLoginMethod | PhoneLoginMethod | GoogleLoginMethod | FacebookLoginMethod | AppleLoginMethod | GuestLoginMethod;
-/** 邮箱认证配置 */
-export interface EmailAuthConfig {
-    /** 是否启用邮箱认证 */
-    enable_email: boolean;
-    /** 注册验证方式 */
-    registration_verification?: EmailRegistrationVerification;
-    /** 登录验证方式列表 */
-    login_verification_methods?: VerificationMethod[];
-}
-/** 手机认证配置 */
-export interface PhoneAuthConfig {
-    /** 是否启用手机认证 */
-    enable_phone_number: boolean;
-    /** 注册验证方式 */
-    registration_verification?: PhoneRegistrationVerification;
-    /** 登录验证方式列表 */
-    login_verification_methods?: VerificationMethod[];
-}
-/** 三方 OAuth 配置 */
-export interface OAuthConfig {
-    /** Google 登录 */
-    google?: {
-        enabled: boolean;
-        client_id?: string;
-    };
-    /** Facebook 登录 */
-    facebook?: {
-        enabled: boolean;
-        app_id?: string;
-    };
-    /** Apple 登录 */
-    apple?: {
-        enabled: boolean;
-        client_id?: string;
-    };
-}
-/** UI 配置 */
-export interface UIConfig {
-    /** Logo 配置 */
-    logo?: {
-        show: boolean;
-        url?: string;
-        position?: 'left' | 'center' | 'right';
-        size?: {
-            width: number;
-            height: number;
-        };
-    };
-    /** 标题配置 */
-    title?: {
-        show: boolean;
-        text?: string;
-        align?: 'left' | 'center' | 'right';
-    };
-    /** 副标题配置 */
-    subtitle?: {
-        show: boolean;
-        text?: string;
-        align?: 'left' | 'center' | 'right';
-    };
-    /** 描述配置 */
-    desc?: {
-        show: boolean;
-        text?: string;
-        align?: 'left' | 'center' | 'right';
-    };
-    /** 表单标签配置 */
-    formLabels?: {
-        /** 邮箱标签配置 */
-        email?: {
-            show: boolean;
-            text?: string;
-        };
-        /** 手机标签配置 */
-        phone?: {
-            show: boolean;
-            text?: string;
-        };
-        /** 密码标签配置 */
-        password?: {
-            show: boolean;
-            text?: string;
-        };
-        /** 验证码标签配置 */
-        verificationCode?: {
-            show: boolean;
-            text?: string;
-        };
-    };
-    /** 密码规则 */
-    passwordRules?: any;
-    /** 主题色 */
-    themeColor?: string;
-}
-/** 登录表单数据 */
-export interface LoginFormData {
-    /** 邮箱或手机号 */
-    account: string | PhoneValueObject;
-    /** 密码 */
-    password?: string;
-    /** 验证码 */
-    verification_code?: string;
-    /** 记住我 */
-    remember_me?: boolean;
-}
-/** 注册表单数据 */
-export interface RegisterFormData {
-    /** 邮箱或手机号 */
-    account: string;
-    /** 密码 */
-    password?: string;
-    /** 确认密码 */
-    confirm_password?: string;
-    /** 验证码 */
-    verification_code?: string;
-    /** 验证链接 token */
-    verification_token?: string;
-}

package/es/pro/NumericStepper/index.d.ts

@@ -1,73 +0,0 @@
-import * as React from 'react';
-import './index.less';
-declare global {
-    namespace JSX {
-        interface IntrinsicElements {
-            [elemName: string]: any;
-        }
-    }
-}
-/**
- * 样式变体类型
- * - separated: 分离式，按钮独立显示（默认）
- * - capsule: 胶囊式，按钮和数字在一个圆角容器内
- */
-export declare type NumericStepperVariant = 'separated' | 'capsule';
-export interface NumericStepperProps {
-    /** 当前值 */
-    value?: number;
-    /** 默认值 */
-    defaultValue?: number;
-    /** 最小值 */
-    min?: number;
-    /** 最大值 */
-    max?: number;
-    /** 步长 */
-    step?: number;
-    /** 是否禁用 */
-    disabled?: boolean;
-    /** 值变化回调 */
-    onChange?: (value: number) => void;
-    /** 自定义类名 */
-    className?: string;
-    theme?: {
-        token?: {
-            colorPrimary?: string;
-        };
-    };
-    /** 自定义样式 */
-    styles?: {
-        container?: React.CSSProperties;
-    };
-    horizontalPadding?: number | string;
-    /** 尺寸 */
-    size?: 'small' | 'middle' | 'large';
-    /** 按钮形状（仅在 variant='separated' 时生效） */
-    shape?: 'round' | 'square';
-    /** 减号按钮的自定义内容 */
-    minusIcon?: React.ReactNode;
-    /** 加号按钮的自定义内容 */
-    plusIcon?: React.ReactNode;
-    /**
-     * 样式变体
-     * - separated: 分离式，按钮独立显示（默认）
-     * - capsule: 胶囊式，按钮和数字在一个圆角容器内
-     * @default 'separated'
-     */
-    variant?: NumericStepperVariant;
-    /**
-     * 是否启用输入功能（点击数字弹出键盘）
-     * - 开启时：展示区域 cursor 为 pointer，点击弹出键盘
-     * - 关闭后：展示区域无边框，点击不会弹出键盘
-     * @default true
-     */
-    enableInput?: boolean;
-    /**
-     * 展示区域最大宽度（仅胶囊模式生效）
-     * - 设置后：展示区域最大宽度受限，超出部分截断
-     * - 不设置：展示区域宽度随内容自适应
-     */
-    displayMaxWidth?: number | string;
-}
-declare const NumericStepper: React.FC<NumericStepperProps>;
-export default NumericStepper;

package/es/pro/Selector/BatchSelectorDemo.d.ts

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

package/es/pro/Selector/Item.d.ts

@@ -1,14 +0,0 @@
-import React from 'react';
-import { OptionItem } from './types';
-export interface IItemProps {
-    actions: any;
-    dataSource: OptionItem;
-    indicator: React.ReactNode;
-    numberSelector: React.ReactNode;
-    optionItemValue?: any;
-    quantityInfo: any;
-    values: any;
-    children?: React.ReactNode;
-}
-declare const Item: (props: IItemProps) => React.JSX.Element;
-export default Item;

package/es/pro/Selector/Selector.d.ts

@@ -1,14 +0,0 @@
-import React from 'react';
-import { ItemLayout, ItemProps, PresetConfig, SelectorProps, SelectorVariant } from './types';
-import './selector.less';
-export declare const SelectorContext: React.Context<{
-    disabled?: boolean | undefined;
-    mode?: "multiple" | "single" | undefined;
-    itemLayout?: ItemLayout | undefined;
-    valueType?: "object" | "primitive" | undefined;
-    variant?: SelectorVariant | undefined;
-    itemProps?: ItemProps | undefined;
-    preset?: PresetConfig | undefined;
-}>;
-declare const Selector: React.ForwardRefExoticComponent<SelectorProps<import("./types").OptionKey> & React.RefAttributes<unknown>>;
-export default Selector;

package/es/pro/Selector/SelectorGroup.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-import type { SelectionValue, SelectorGroupProps } from './types';
-import './selectorGroup.less';
-export declare type SelectorGroupRef = {
-    getValues: (includeHidden?: boolean) => Record<string, SelectionValue>;
-    setValues: (values: Record<string, SelectionValue>) => void;
-    validate: () => Promise<Record<string, never>>;
-    reset: () => void;
-};
-declare const SelectorGroup: React.ForwardRefExoticComponent<Omit<SelectorGroupProps, "ref"> & React.RefAttributes<SelectorGroupRef>>;
-export default SelectorGroup;

package/es/pro/Selector/components/Card/index.d.ts

@@ -1,57 +0,0 @@
-import React from 'react';
-import './index.less';
-export declare type CardVariant = 'outlined' | 'borderless';
-export declare type CardLayout = 'vertical' | 'horizontal';
-export declare type SelectedType = 'none' | 'outlined' | 'outlined-bold' | 'filled';
-export declare type ActionsPosition = 'left' | 'right';
-export interface CardStyles {
-    container?: React.CSSProperties | ((props: CardStyleProps) => React.CSSProperties);
-    content?: React.CSSProperties | ((props: CardStyleProps) => React.CSSProperties);
-    actions?: React.CSSProperties | ((props: CardStyleProps) => React.CSSProperties);
-    corner?: React.CSSProperties | ((props: CardStyleProps) => React.CSSProperties);
-}
-export interface CardStyleProps {
-    selected?: boolean;
-    disabled?: boolean;
-    hoverable?: boolean;
-    variant?: CardVariant;
-    layout?: CardLayout;
-}
-export interface CardProps {
-    /** 卡片变体样式 */
-    variant?: CardVariant;
-    /** 布局方向 */
-    layout?: CardLayout;
-    /** 操作按钮区域，水平模式在右侧，垂直模式在底部 */
-    actions?: React.ReactNode[];
-    /** 水平模式下，操作按钮的位置 */
-    actionsPosition?: ActionsPosition;
-    /** 垂直模式下，右上角绝对定位展示的组件 */
-    corner?: React.ReactNode;
-    /** 子内容 */
-    children?: React.ReactNode;
-    /** 选中状态 */
-    selected?: boolean;
-    /** 禁用状态 */
-    disabled?: boolean;
-    /** 是否可悬停 */
-    hoverable?: boolean;
-    /** 点击事件 */
-    onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;
-    /** 自定义样式 */
-    styles?: CardStyles;
-    /**
-     * 选中时的样式类型
-     * - none: 无样式
-     * - outlined: 边框高亮
-     * - outlined-bold: 边框高亮 + 加粗（使用 outline 实现，不影响布局）
-     * - filled: 填充背景色
-     */
-    selectedType?: SelectedType;
-    /** 自定义类名 */
-    className?: string;
-    /** 自定义样式 */
-    style?: React.CSSProperties;
-}
-declare const Card: React.FC<CardProps>;
-export default Card;

package/es/pro/Selector/components/Indicator/index.d.ts

@@ -1,20 +0,0 @@
-import React from 'react';
-import './index.less';
-export interface IndicatorProps {
-    mode?: 'single' | 'multiple';
-    variant?: 'outlined' | 'filled';
-    defaultChecked?: boolean;
-    checked?: boolean;
-    disabled?: boolean;
-    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
-    className?: string;
-    styles?: {
-        container?: React.CSSProperties;
-        indicator?: React.CSSProperties;
-        content?: React.CSSProperties;
-    };
-    children?: React.ReactNode;
-    size?: 'small' | 'middle' | 'large' | number;
-}
-declare const Indicator: React.FC<IndicatorProps>;
-export default Indicator;

package/es/pro/Selector/components/LayoutContainer/index.d.ts

@@ -1,18 +0,0 @@
-import React from 'react';
-import { LayoutConfig } from '../../types';
-import './index.less';
-interface LayoutContainerProps {
-    className: string;
-    config: LayoutConfig | null;
-    children: React.ReactNode[];
-}
-/**
- * 统一的布局容器组件
- *
- * 支持三种布局模式：
- * 1. 响应式布局（推荐）：通过 responsive 配置，使用 ResizeObserver 实现容器级响应式
- * 2. Custom 布局：通过 className 使用预设样式
- * 3. Ant Design Grid 布局：基础的栅格布局，用于简单场景
- */
-declare function LayoutContainer({ className: containerClassName, config, children, }: LayoutContainerProps): React.ReactElement | null;
-export default LayoutContainer;

package/es/pro/Selector/components/LayoutContainer/index.less

@@ -1,19 +0,0 @@
-.pisell-pro-selector_layout {
-  display: flex;
-  flex-direction: column;
-  gap: 16px;
-  // 响应式布局容器
-  &-responsive {
-    display: grid;
-    gap: var(--layout-gap, 16px);
-    grid-template-columns: repeat(var(--layout-columns, 1), 1fr);
-  }
-
-  // 自动宽度布局 - 内容自适应
-  &-auto-flex {
-    display: flex;
-    flex-direction: row;
-    flex-wrap: wrap;
-    gap: 16px;
-  }
-}

package/es/pro/Selector/components/Media/index.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-import './index.less';
-import type { MediaProps, MediaStyleProps, MediaShape, MediaSize, MediaCoverType } from './types';
-export type { MediaProps, MediaStyleProps, MediaShape, MediaSize, MediaCoverType, };
-declare const Media: React.FC<MediaProps>;
-export default Media;

package/es/pro/Selector/demo.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-declare const SelectorDemo: () => React.JSX.Element;
-export default SelectorDemo;

package/es/pro/Selector/hooks/usePresetItemProps.d.ts

@@ -1,43 +0,0 @@
-import React from 'react';
-import { ItemProps, ItemLayout, SelectorVariant, PresetConfig } from '../types';
-interface UsePresetItemPropsParams {
-    variant?: SelectorVariant;
-    itemLayout?: ItemLayout;
-    preset?: PresetConfig;
-    itemProps?: ItemProps;
-    indicator: React.ReactNode;
-    numberSelector: React.ReactNode;
-    mode?: 'single' | 'multiple';
-    disabled?: boolean;
-    selected?: boolean;
-}
-interface PresetItemPropsResult {
-    mediaProps: Record<string, any>;
-    cardProps: Record<string, any>;
-}
-/**
- * 根据预设项生成 option Item 的 props
- *
- * 规则说明：
- * 1. variant='default': 使用 Card，borderless，horizontal，selectedType='none'，actionsPosition='left'
- *    1.1 preset.variant='1': renderContent={() => <span>{dataSource._label}</span>}
- *    1.2 preset.variant='2': renderContent={() => <span>{dataSource._label}</span>}
- * 2. variant='media': 使用 MediaItem
- *    2.1 preset.variant='1': size='small', showIndicator=false, 单选shape='circle'，多选shape='square'
- *    2.2 preset.variant='2': size='large', showIndicator=true, shape='circle'
- * 3. variant='card': 根据 itemLayout 区分横向和纵向
- *    3.1 横向（horizontal）:
- *        - preset.variant='2': selectedType='filled'
- *        - preset.variant='5': variant='borderless'
- *        - 默认样式: styles.container = { padding: 8 }
- *        - 使用 lodash merge 深度合并样式，itemProps.styles 优先级更高
- *    3.2 纵向（vertical）:
- *        - 统一使用 borderless，selectedType='none'
- *        - preset.variant='2': indicator 通过 corner 传入
- *    3.3 actions 处理:
- *        - 优先使用 numberSelector（如果存在）
- *        - 其次使用 indicator
- *        - 纵向且 preset.variant='2': indicator 放到 corner，actions 仅展示 numberSelector
- */
-declare const usePresetItemProps: (params: UsePresetItemPropsParams) => PresetItemPropsResult;
-export default usePresetItemProps;

package/es/pro/Selector/hooks/usePresetProps.d.ts

@@ -1,24 +0,0 @@
-import { LayoutConfig, ItemLayout, PresetConfig, SelectorVariant, SelectorProps } from '../types';
-interface UsePresetPropsParams {
-    layout?: LayoutConfig;
-    mode?: 'single' | 'multiple';
-    preset?: PresetConfig;
-    itemLayout?: ItemLayout;
-    variant?: SelectorVariant;
-    indicatorProps?: SelectorProps['indicatorProps'];
-}
-interface UsePresetPropsResult {
-    layout: LayoutConfig | null;
-    indicatorProps: SelectorProps['indicatorProps'];
-}
-/**
- * 根据预设配置生成 layout 和 indicatorProps
- * Layout 规则：
- * - 根据 variant 和 preset.variant 计算布局样式
- * IndicatorProps 规则：
- * 1. 当 variant='card' 且 preset.variant='2' 时，indicator 默认 variant='filled'
- * 2. 当 variant='media' 时，indicator 默认 variant='filled'
- * 3. 外部传入的 indicatorProps 优先级更高（会合并到预设配置中）
- */
-declare const usePresetProps: ({ layout, mode, preset, itemLayout, variant, indicatorProps, }: UsePresetPropsParams) => UsePresetPropsResult;
-export default usePresetProps;

package/es/pro/Selector/locales.d.ts

@@ -1,58 +0,0 @@
-declare const _default: {
-    en: {
-        'pisell2.pro.selector.mode.single': string;
-        'pisell2.pro.selector.mode.multiple': string;
-        'pisell2.pro.selector.validate.required-msg': string;
-        'pisell2.pro.selector.validate.requireOneOf-msg': string;
-        'pisell2.pro.selector.required-tag': string;
-        'pisell2.pro.selector.validate.min-selection': (min: number, label?: string) => string;
-        'pisell2.pro.selector.validate.max-selection': (max: number, label?: string) => string;
-        'pisell2.pro.selector.tip.require-one-option': string;
-        'pisell2.pro.selector.tip.min-max-selection': (min: number, max: number) => string;
-    };
-    'zh-CN': {
-        'pisell2.pro.selector.mode.single': string;
-        'pisell2.pro.selector.mode.multiple': string;
-        'pisell2.pro.selector.validate.required-msg': string;
-        'pisell2.pro.selector.validate.requireOneOf-msg': string;
-        'pisell2.pro.selector.required-tag': string;
-        'pisell2.pro.selector.validate.min-selection': (min: number, label?: string) => string;
-        'pisell2.pro.selector.validate.max-selection': (max: number, label?: string) => string;
-        'pisell2.pro.selector.tip.require-one-option': string;
-        'pisell2.pro.selector.tip.min-max-selection': (min: number, max: number) => string;
-    };
-    'zh-HK': {
-        'pisell2.pro.selector.mode.single': string;
-        'pisell2.pro.selector.mode.multiple': string;
-        'pisell2.pro.selector.validate.required-msg': string;
-        'pisell2.pro.selector.validate.requireOneOf-msg': string;
-        'pisell2.pro.selector.required-tag': string;
-        'pisell2.pro.selector.validate.min-selection': (min: number, label?: string) => string;
-        'pisell2.pro.selector.validate.max-selection': (max: number, label?: string) => string;
-        'pisell2.pro.selector.tip.require-one-option': string;
-        'pisell2.pro.selector.tip.min-max-selection': (min: number, max: number) => string;
-    };
-    ja: {
-        'pisell2.pro.selector.mode.single': string;
-        'pisell2.pro.selector.mode.multiple': string;
-        'pisell2.pro.selector.validate.required-msg': string;
-        'pisell2.pro.selector.validate.requireOneOf-msg': string;
-        'pisell2.pro.selector.required-tag': string;
-        'pisell2.pro.selector.validate.min-selection': (min: number, label?: string) => string;
-        'pisell2.pro.selector.validate.max-selection': (max: number, label?: string) => string;
-        'pisell2.pro.selector.tip.require-one-option': string;
-        'pisell2.pro.selector.tip.min-max-selection': (min: number, max: number) => string;
-    };
-    pt: {
-        'pisell2.pro.selector.mode.single': string;
-        'pisell2.pro.selector.mode.multiple': string;
-        'pisell2.pro.selector.validate.required-msg': string;
-        'pisell2.pro.selector.validate.requireOneOf-msg': string;
-        'pisell2.pro.selector.required-tag': string;
-        'pisell2.pro.selector.validate.min-selection': (min: number, label?: string) => string;
-        'pisell2.pro.selector.validate.max-selection': (max: number, label?: string) => string;
-        'pisell2.pro.selector.tip.require-one-option': string;
-        'pisell2.pro.selector.tip.min-max-selection': (min: number, max: number) => string;
-    };
-};
-export default _default;