@pisell/private-materials 6.3.31 → 6.3.32

package/es/plus/contactInfo/types.d.ts

@@ -0,0 +1,91 @@
+import React, { CSSProperties } from 'react';
+/**
+ * 联系信息数据
+ */
+export interface ContactInfoData {
+    first_name?: string;
+    last_name?: string;
+    phone?: {
+        phone: string;
+        country_calling_code: string;
+        country_code?: string;
+    };
+    email?: string;
+    avatar?: string;
+}
+/**
+ * 卡片布局类型
+ */
+export declare type Direction = 'horizontal' | 'vertical';
+/**
+ * 头像尺寸类型
+ */
+export declare type AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
+/**
+ * 头像形状类型
+ */
+export declare type AvatarShape = 'circle' | 'square';
+/**
+ * 头像配置
+ */
+export interface AvatarConfig {
+    shape?: AvatarShape;
+    borderRadius?: number;
+    size?: AvatarSize;
+    useTextAvatar?: boolean;
+    children?: string;
+}
+/**
+ * 姓名样式配置
+ */
+export interface NameStyle {
+    fontSize?: number | string;
+    fontWeight?: number | string;
+    color?: string;
+    textDecoration?: string;
+}
+export interface StyleConfig {
+    width?: number | string;
+    border?: 'solid' | 'unset';
+    borderWidth?: number | string;
+    borderColor?: string;
+    borderRadius?: number | string;
+    padding?: number | string;
+    [key: string]: any;
+}
+/**
+ * 文本样式配置
+ */
+export interface TextStyle {
+    fontSize?: number | string;
+    fontWeight?: number | string;
+    color?: string;
+}
+/**
+ * ContactInfo 组件属性接口
+ */
+export interface ContactInfoProps {
+    dataSource?: ContactInfoData;
+    defaultName?: string;
+    placeholder?: string | React.ReactNode;
+    isShowDelete?: boolean;
+    children?: React.ReactNode;
+    direction?: Direction;
+    horizontalGap?: number | string;
+    verticalGap?: number | string;
+    isShowAvatar?: boolean;
+    isShowPhone?: boolean;
+    isShowEmail?: boolean;
+    avatar?: AvatarConfig;
+    style?: StyleConfig;
+    nameStyle?: NameStyle;
+    textStyle?: TextStyle;
+    placeholderStyle?: CSSProperties;
+    button?: {
+        addButtonIcon?: string;
+        editButtonIcon?: string;
+    };
+    onSave?: (value: any) => void;
+    onDelete?: () => void;
+    onCancel?: () => void;
+}

package/es/plus/contactInfo/utils.d.ts

@@ -0,0 +1,7 @@
+interface FieldMapping<T = any, R = any> {
+    [key: string]: string | ((data: T) => R) | undefined;
+}
+export declare function getFieldValue<T, R = any>(data: T, fieldKey: string): R | undefined;
+export declare function getFieldValue<T, R = any>(data: T, fieldKey: string, mapping: FieldMapping<T, R>): R | undefined;
+export declare const getAvatarText: (name: string) => string;
+export {};

package/es/plus/contactInfoModal/ContactInfoContent.d.ts

@@ -0,0 +1,3 @@
+import './index.less';
+declare const ContactInfoContent: (props: any) => JSX.Element;
+export default ContactInfoContent;

package/es/plus/contactInfoModal/index.d.ts

@@ -0,0 +1,40 @@
+import React from 'react';
+import './index.less';
+interface ContactInfoModalProps {
+    open: boolean;
+    title?: string;
+    onCancel: () => void;
+    onSave: (values: any) => void;
+    isShowDelete?: boolean;
+    onDelete: () => void;
+    dataSource?: {
+        first_name?: string;
+        last_name?: string;
+        email?: string;
+        phone?: {
+            phone: string;
+            country_calling_code: string;
+            country_code?: string;
+        };
+    };
+    config?: {
+        first_name?: {
+            visible?: boolean;
+            required?: boolean;
+        };
+        last_name?: {
+            visible?: boolean;
+            required?: boolean;
+        };
+        phone?: {
+            visible?: boolean;
+            required?: boolean;
+        };
+        email?: {
+            visible?: boolean;
+            required?: boolean;
+        };
+    };
+}
+declare const ContactInfoModal: React.FC<ContactInfoModalProps>;
+export default ContactInfoModal;

package/es/plus/contactInfoModal/locales.d.ts

@@ -0,0 +1,66 @@
+declare const _default: {
+    en: {
+        'pisell2.text.button.save': string;
+        'pisell2.text.button.delete': string;
+        'pisell2.text.button.cancel': string;
+        'pisell2.text.contact-info.actions.delete': string;
+        'pisell2.text.contact-info.modal.title': string;
+        'pisell2.text.contact-info.modal.first-name': string;
+        'pisell2.text.contact-info.modal.first-name-placeholder': string;
+        'pisell2.text.contact-info.modal.first-name-required': string;
+        'pisell2.text.contact-info.modal.last-name': string;
+        'pisell2.text.contact-info.modal.last-name-placeholder': string;
+        'pisell2.text.contact-info.modal.last-name-required': string;
+        'pisell2.text.contact-info.modal.mobile': string;
+        'pisell2.text.contact-info.modal.mobile-placeholder': string;
+        'pisell2.text.contact-info.modal.mobile-required': string;
+        'pisell2.text.contact-info.modal.mobile-error': string;
+        'pisell2.text.contact-info.modal.email': string;
+        'pisell2.text.contact-info.modal.email-placeholder': string;
+        'pisell2.text.contact-info.modal.email-required': string;
+        'pisell2.text.contact-info.modal.email-error': string;
+    };
+    'zh-CN': {
+        'pisell2.text.button.save': string;
+        'pisell2.text.button.delete': string;
+        'pisell2.text.button.cancel': string;
+        'pisell2.text.contact-info.actions.delete': string;
+        'pisell2.text.contact-info.modal.title': string;
+        'pisell2.text.contact-info.modal.first-name': string;
+        'pisell2.text.contact-info.modal.first-name-placeholder': string;
+        'pisell2.text.contact-info.modal.first-name-required': string;
+        'pisell2.text.contact-info.modal.last-name': string;
+        'pisell2.text.contact-info.modal.last-name-placeholder': string;
+        'pisell2.text.contact-info.modal.last-name-required': string;
+        'pisell2.text.contact-info.modal.mobile': string;
+        'pisell2.text.contact-info.modal.mobile-placeholder': string;
+        'pisell2.text.contact-info.modal.mobile-required': string;
+        'pisell2.text.contact-info.modal.mobile-error': string;
+        'pisell2.text.contact-info.modal.email': string;
+        'pisell2.text.contact-info.modal.email-placeholder': string;
+        'pisell2.text.contact-info.modal.email-required': string;
+        'pisell2.text.contact-info.modal.email-error': string;
+    };
+    'zh-HK': {
+        'pisell2.text.button.save': string;
+        'pisell2.text.button.delete': string;
+        'pisell2.text.button.cancel': string;
+        'pisell2.text.contact-info.actions.delete': string;
+        'pisell2.text.contact-info.modal.title': string;
+        'pisell2.text.contact-info.modal.first-name': string;
+        'pisell2.text.contact-info.modal.first-name-placeholder': string;
+        'pisell2.text.contact-info.modal.first-name-required': string;
+        'pisell2.text.contact-info.modal.last-name': string;
+        'pisell2.text.contact-info.modal.last-name-placeholder': string;
+        'pisell2.text.contact-info.modal.last-name-required': string;
+        'pisell2.text.contact-info.modal.mobile': string;
+        'pisell2.text.contact-info.modal.mobile-placeholder': string;
+        'pisell2.text.contact-info.modal.mobile-required': string;
+        'pisell2.text.contact-info.modal.mobile-error': string;
+        'pisell2.text.contact-info.modal.email': string;
+        'pisell2.text.contact-info.modal.email-placeholder': string;
+        'pisell2.text.contact-info.modal.email-required': string;
+        'pisell2.text.contact-info.modal.email-error': string;
+    };
+};
+export default _default;

package/es/plus/productSelect/ProductCard/index.d.ts

@@ -0,0 +1,47 @@
+import React from 'react';
+import ProductCardSkeleton from './ProductCardSkeleton';
+import './index.less';
+declare type BoolConfigVal = 0 | 1;
+export interface ProductCardConfig {
+    isProductCover?: BoolConfigVal;
+    imgWidth?: string;
+    imgHeight?: string;
+    radius?: number;
+    isTitle?: BoolConfigVal;
+    isSubtitle?: BoolConfigVal;
+    showSpec?: boolean;
+    isTag?: BoolConfigVal;
+    isPrice?: BoolConfigVal;
+    isOriginPrice?: BoolConfigVal;
+    showZeroPrice?: boolean;
+    showMarketingTag?: boolean;
+    showRemark?: boolean;
+    isStock?: BoolConfigVal;
+}
+export interface ProductCardProps {
+    item: any;
+    index: number;
+    context?: {
+        onItemIntersectionIn: (item: any) => void;
+        onItemIntersectionOut: (item: any) => void;
+    };
+    className?: string;
+    onSelectProduct?: (item: any) => void;
+    currentProductId?: number;
+    onSelect?: (item: any) => void;
+    onSelectCover?: (item: any) => void;
+    onSelectInfo?: (item: any) => void;
+    isSelected?: boolean;
+    decorateConfig?: ProductCardConfig;
+}
+export declare const ProductCard: React.MemoExoticComponent<({ item, index, context, onSelect, onSelectCover, onSelectInfo, isSelected, className, decorateConfig, }: ProductCardProps) => JSX.Element>;
+export declare const DefaultItemContent: React.MemoExoticComponent<(props: {
+    item: any;
+    index: number;
+    context?: {
+        onItemIntersectionIn: (item: any) => void;
+        onItemIntersectionOut: (item: any) => void;
+    } | undefined;
+}) => JSX.Element>;
+export default ProductCard;
+export { ProductCardSkeleton };

package/es/plus/productSelect/index.d.ts

@@ -0,0 +1,32 @@
+import React from 'react';
+import './index.less';
+interface ProductSelectProps {
+    dataSource: any[];
+    showSearch?: boolean;
+    showTab?: boolean;
+    layout?: {
+        grid: boolean;
+        config: string;
+    };
+    onChange: (value: any, type?: string) => void;
+    value?: number;
+    loading?: boolean;
+    style?: React.CSSProperties;
+    emptyDescription?: string;
+    /** 当前滚动元素 */
+    scrollDom?: string;
+    /** 商品列表上方的其它组件 */
+    offsetDom?: any;
+    /** 样式变量 */
+    token?: Partial<any>;
+    /** 后台装修单选模式下的已选中项 */
+    selectedItems?: Array<any>;
+    /** 后台装修配置 */
+    productListSetting?: Partial<any>;
+    /** 兼容scrollDom */
+    customScrollParent?: HTMLElement | string;
+    hideCategoryWhenOne?: boolean;
+}
+export declare const PREFIX = "pisell-product-select";
+declare const index: ({ dataSource, emptyDescription, showSearch, scrollDom, offsetDom, style, token: customToken, onChange, value, selectedItems, productListSetting, customScrollParent, loading, layout, hideCategoryWhenOne, ...rest }: ProductSelectProps) => JSX.Element;
+export default index;

package/es/pro/Login2.0/Login2.js

@@ -91,13 +91,13 @@ var Login2 = function Login2(_ref) {
     translate: locales.getText,
     fallbackMinLength: 6,
     messageKeys: {
-      required: 'pisell-login2-password-required',
-      minLength: 'pisell-set-password-min-length',
-      requireUppercase: 'pisell-set-password-require-uppercase',
-      requireLowercase: 'pisell-set-password-require-lowercase',
-      requireNumber: 'pisell-set-password-require-number',
-      requireSpecialCharacters: 'pisell-set-password-require-special',
-      summary: 'pisell-set-password-must-contain'
+      required: locales.getText('pisell-login2-password-required'),
+      minLength: locales.getText('pisell-set-password-min-length'),
+      requireUppercase: locales.getText('pisell-set-password-require-uppercase'),
+      requireLowercase: locales.getText('pisell-set-password-require-lowercase'),
+      requireNumber: locales.getText('pisell-set-password-require-number'),
+      requireSpecialCharacters: locales.getText('pisell-set-password-require-special'),
+      summary: locales.getText('pisell-set-password-must-contain')
     }
   });
 

package/es/pro/Login2.0/components/ForgotPasswordFlow.d.ts

@@ -0,0 +1,31 @@
+/// <reference types="react" />
+import { PhoneValueObject } from './PhoneInput';
+export interface ForgotPasswordFlowProps {
+    /** 初始账号（可选，如果用户在登录页已输入） */
+    initialEmail?: string | PhoneValueObject;
+    /** 账号类型 */
+    accountType: 'email' | 'phone';
+    /** 发送验证码回调 */
+    onSendCode?: (account: string | PhoneValueObject) => Promise<void>;
+    /** 验证验证码回调 */
+    onVerifyCode?: (account: string | PhoneValueObject, code: string) => Promise<void>;
+    /** 发送重置密码链接回调 */
+    onSendResetLink?: (account: string) => Promise<void>;
+    /** 重置密码回调 */
+    onResetPassword?: (account: string | PhoneValueObject, password: string, code: string) => Promise<void>;
+    /** 返回登录页 */
+    onBack?: () => void;
+    /** 加载状态 */
+    loading?: boolean;
+    /** 倒计时 */
+    countdown?: number;
+    /** 可用的国家/地区列表 */
+    countries?: Array<{
+        name: string;
+        code: string;
+        calling_code: string;
+        currency_code: string;
+    }>;
+}
+declare function ForgotPasswordFlow({ initialEmail, accountType, onSendCode, onVerifyCode, onResetPassword, onSendResetLink, onBack, loading, countdown, countries, }: ForgotPasswordFlowProps): JSX.Element | null;
+export default ForgotPasswordFlow;

package/es/pro/Login2.0/components/LoginCodeInput.d.ts

@@ -0,0 +1,27 @@
+/// <reference types="react" />
+export interface LoginCodeInputProps {
+    /** 账号（邮箱或手机号） */
+    account: string;
+    /** 账号类型 */
+    accountType: 'email' | 'phone';
+    /** 验证码长度 */
+    codeLength?: number;
+    /** 提交验证码 */
+    onSubmit?: (code: string) => void;
+    /** 重新发送 */
+    onResend?: () => void;
+    /** 返回 */
+    onBack?: () => void;
+    /** 倒计时秒数 */
+    countdown?: number;
+    /** 加载状态 */
+    loading?: boolean;
+    /** 按钮文案（默认为"Log in"，忘记密码场景为"Verify"） */
+    submitButtonText?: string;
+    /** 错误信息 */
+    error?: string;
+    /** 当用户输入时清除错误的回调 */
+    onClearError?: () => void;
+}
+declare function LoginCodeInput({ account, accountType, codeLength, onSubmit, onResend, onBack, countdown, loading, submitButtonText, error, onClearError, }: LoginCodeInputProps): JSX.Element;
+export default LoginCodeInput;

package/es/pro/Login2.0/components/OAuthButtonGroup.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+export interface OAuthProviderConfig {
+    key: string;
+    label: React.ReactNode;
+    onClick: () => void;
+    icon?: React.ReactNode;
+    disabled?: boolean;
+    className?: string;
+    badge?: string;
+    badgeClassName?: string;
+}
+export interface OAuthButtonGroupProps {
+    providers: OAuthProviderConfig[];
+    layout?: 'vertical' | 'horizontal';
+    size?: 'large' | 'middle' | 'small';
+    block?: boolean;
+    wrapperClassName?: string;
+    buttonClassName?: string;
+    gap?: number;
+}
+declare const OAuthButtonGroup: React.FC<OAuthButtonGroupProps>;
+export default OAuthButtonGroup;

package/es/pro/Login2.0/components/PhoneInput.d.ts

@@ -0,0 +1,53 @@
+import React from 'react';
+import './PhoneInput.less';
+/** 国家/地区配置（后端返回格式） */
+export interface CountryOption {
+    /** 国家/地区名称 */
+    name: string;
+    /** 国家/地区代码 */
+    code: string;
+    /** 区号（不带+号） */
+    calling_code: string;
+    /** 货币代码 */
+    currency_code: string;
+}
+/** 手机号对象格式 */
+export interface PhoneValueObject {
+    /** 手机号（不含区号） */
+    phone: string;
+    /** 国家区号（不带+号） */
+    country_calling_code: string;
+}
+/** 值格式类型 */
+export declare type ValueFormat = 'string' | 'object';
+/** 手机号输入组件属性 */
+export interface PhoneInputProps {
+    /** 完整的手机号值（包含区号），格式：+86138****，或 +1555****（字符串模式） */
+    value?: string | PhoneValueObject;
+    /** 值变化回调 */
+    onChange?: (value: string | PhoneValueObject) => void;
+    /** Placeholder */
+    placeholder?: string;
+    /** 大小 */
+    size?: 'large' | 'middle' | 'small';
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 自定义类名 */
+    className?: string;
+    /** 可用的国家/地区列表 */
+    countries?: CountryOption[];
+    /** 默认国家/地区代码 */
+    defaultCountry?: string;
+    /** 值格式：'string' 返回 "+8613800138000"，'object' 返回 { phone: "13800138000", country_calling_code: "86" } */
+    valueFormat?: ValueFormat;
+    /** 键盘按键事件回调 */
+    onKeyDown?: (e: React.KeyboardEvent<HTMLInputElement>) => void;
+}
+/**
+ * 手机号输入组件
+ *
+ * 支持国际区号选择和手机号输入
+ * 值格式：+区号+手机号，例如：+8613800138000 或 +15551234567
+ */
+declare function PhoneInput({ value, onChange, placeholder, onKeyDown, size, disabled, className, countries, defaultCountry, valueFormat, }: PhoneInputProps): JSX.Element;
+export default PhoneInput;

package/es/pro/Login2.0/components/phoneValidation.d.ts

@@ -0,0 +1,17 @@
+import { PhoneValueObject } from './PhoneInput';
+declare type GetTextFunction = (key: string) => string;
+/**
+ * 手机号校验函数，用于 Ant Design Form 的 rules
+ * @param value 手机号值，可以是字符串或对象格式
+ * @param getText 国际化文本获取函数
+ * @returns Promise<void> 校验通过时 resolve，失败时 reject 并返回错误信息
+ */
+export declare const validatePhoneNumber: (value: string | PhoneValueObject, getText: GetTextFunction) => Promise<void>;
+/**
+ * 创建手机号校验规则，用于 Form.Item 的 rules 属性
+ * @param getText 国际化文本获取函数
+ * @param required 是否必填
+ * @returns Form 校验规则数组
+ */
+export declare const createPhoneValidationRules: (getText: GetTextFunction, required?: boolean) => any[];
+export {};

package/es/pro/Login2.0/hooks/usePasswordValidationRules.d.ts

@@ -0,0 +1,24 @@
+import type { Rule } from 'antd/es/form';
+export interface PasswordRuleConfig {
+    minLength?: number;
+    requireUppercase?: boolean;
+    requireLowercase?: boolean;
+    requireNumber?: boolean;
+    requireSpecialCharacters?: boolean;
+}
+interface PasswordRuleMessages {
+    required?: string;
+    minLength?: string;
+    requireUppercase?: string;
+    requireLowercase?: string;
+    requireNumber?: string;
+    requireSpecialCharacters?: string;
+    summary?: string;
+}
+interface UsePasswordValidationRulesOptions {
+    translate?: (key: string) => string;
+    fallbackMinLength?: number;
+    messageKeys?: PasswordRuleMessages;
+}
+export declare const usePasswordValidationRules: (passwordRules?: PasswordRuleConfig, options?: UsePasswordValidationRulesOptions) => Rule[];
+export default usePasswordValidationRules;