@pisell/private-materials 6.3.31 → 6.3.32

package/lib/pro/Login2.0/steps/CodeInput.d.ts

@@ -0,0 +1,24 @@
+/// <reference types="react" />
+import type { RegisterFlowData } from '../shared/registerFlow';
+export interface CodeInputProps {
+    /** 流程数据 */
+    flowData: RegisterFlowData;
+    /** 验证码长度 */
+    codeLength?: number;
+    /** 提交验证码 */
+    onSubmit?: (code: string) => void;
+    /** 重新发送 */
+    onResend?: () => void;
+    /** 返回 */
+    onBack?: () => void;
+    /** 倒计时秒数 */
+    countdown?: number;
+    /** 加载状态 */
+    loading?: boolean;
+    /** 错误信息 */
+    error?: string;
+    /** 当用户输入时清除错误的回调 */
+    onClearError?: () => void;
+}
+declare function CodeInput({ flowData, codeLength, onSubmit, onResend, onBack, countdown, loading, error, onClearError, }: CodeInputProps): JSX.Element;
+export default CodeInput;

package/lib/pro/Login2.0/steps/EmailAlreadyRegistered.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import type { RegisterFlowData } from '../shared/registerFlow';
+export interface EmailAlreadyRegisteredProps {
+    /** 流程数据 */
+    flowData: RegisterFlowData;
+    /** 跳转到登录 */
+    onGoToLogin?: () => void;
+    /** 返回重新输入 */
+    onBack?: () => void;
+}
+declare function EmailAlreadyRegistered({ flowData, onGoToLogin, onBack, }: EmailAlreadyRegisteredProps): JSX.Element;
+export default EmailAlreadyRegistered;

package/lib/pro/Login2.0/steps/EmailLinkAlreadyUsed.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export interface EmailLinkAlreadyUsedProps {
+    /** 跳转到登录页回调 */
+    onGoToLogin?: () => void;
+}
+declare function EmailLinkAlreadyUsed({ onGoToLogin }: EmailLinkAlreadyUsedProps): JSX.Element;
+export default EmailLinkAlreadyUsed;

package/lib/pro/Login2.0/steps/EmailLinkExpired.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export interface EmailLinkExpiredProps {
+    /** 返回注册页回调 */
+    onBackToRegistration?: () => void;
+    /** 跳转到登录页回调 */
+    onGoToLogin?: () => void;
+}
+declare function EmailLinkExpired({ onBackToRegistration, onGoToLogin }: EmailLinkExpiredProps): JSX.Element;
+export default EmailLinkExpired;

package/lib/pro/Login2.0/steps/SetPassword.d.ts

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+import type { RegisterFlowData } from '../shared/registerFlow';
+import { PasswordRuleConfig } from '../hooks/usePasswordValidationRules';
+export interface SetPasswordProps {
+    /** 流程数据 */
+    flowData: RegisterFlowData;
+    /** 提交密码 */
+    onSubmit?: (password: string, confirmPassword: string) => void;
+    /** 返回 */
+    onBack?: () => void;
+    /** 加载状态 */
+    loading?: boolean;
+    /** 密码验证规则配置 */
+    passwordRules?: PasswordRuleConfig;
+    /** 场景类型：create 表示注册场景，reset 表示修改密码场景 */
+    scenario?: 'create' | 'reset';
+}
+declare function SetPassword({ flowData, onSubmit, onBack, loading, passwordRules, scenario, }: SetPasswordProps): JSX.Element;
+export default SetPassword;

package/lib/pro/Login2.0/steps/SetPassword.js

@@ -67,13 +67,13 @@ function SetPassword({
     translate: import_utils.locales.getText,
     fallbackMinLength: 8,
     messageKeys: {
-      required: "pisell-set-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: import_utils.locales.getText("pisell-set-password-required"),
+      minLength: import_utils.locales.getText("pisell-set-password-min-length"),
+      requireUppercase: import_utils.locales.getText("pisell-set-password-require-uppercase"),
+      requireLowercase: import_utils.locales.getText("pisell-set-password-require-lowercase"),
+      requireNumber: import_utils.locales.getText("pisell-set-password-require-number"),
+      requireSpecialCharacters: import_utils.locales.getText("pisell-set-password-require-special"),
+      summary: import_utils.locales.getText("pisell-set-password-must-contain")
     }
   });
   return /* @__PURE__ */ import_react.default.createElement("div", { className: "register-step-container" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "register-step-content" }, /* @__PURE__ */ import_react.default.createElement("h2", { className: "register-step-title" }, scenario === "create" ? import_utils.locales.getText("pisell-set-password-create-title") : import_utils.locales.getText("pisell-set-password-reset-title")), /* @__PURE__ */ import_react.default.createElement(import_antd.Form, { form, layout: "vertical", className: "password-set-form" }, /* @__PURE__ */ import_react.default.createElement(import_antd.Form.Item, { name: "password", rules: passwordValidationRules }, /* @__PURE__ */ import_react.default.createElement(

package/lib/pro/Login2.0/steps/VerificationSuccess.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import type { RegisterFlowData } from '../shared/registerFlow';
+export interface VerificationSuccessProps {
+    /** 流程数据 */
+    flowData: RegisterFlowData;
+}
+declare function VerificationSuccess({ flowData }: VerificationSuccessProps): JSX.Element;
+export default VerificationSuccess;

package/lib/pro/Login2.0/steps/VerifyingEmailLink.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export interface VerifyingEmailLinkProps {
+    /** 加载提示文本（可选，不传则使用国际化默认文本） */
+    loadingText?: string;
+}
+declare function VerifyingEmailLink({ loadingText }: VerifyingEmailLinkProps): JSX.Element;
+export default VerifyingEmailLink;

package/lib/pro/Login2.0/steps/WaitEmailLink.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import type { RegisterFlowData, VerificationMethod } from '../shared/registerFlow';
+export interface WaitEmailLinkProps {
+    /** 流程数据 */
+    flowData: RegisterFlowData;
+    /** 重新发送 */
+    onResend?: () => void;
+    /** 返回 */
+    onBack?: () => void;
+    /** 编辑邮箱 */
+    onEditEmail?: () => void;
+    /** 倒计时秒数 */
+    countdown?: number;
+    /** 验证方式 */
+    verificationMethod?: VerificationMethod;
+}
+declare function WaitEmailLink({ flowData, onResend, onBack, onEditEmail, countdown, verificationMethod, }: WaitEmailLinkProps): JSX.Element;
+export default WaitEmailLink;

package/lib/pro/Login2.0/steps/index.d.ts

@@ -0,0 +1,19 @@
+/**
+ * 注册流程步骤组件导出
+ */
+export { default as WaitEmailLink } from './WaitEmailLink';
+export { default as EmailAlreadyRegistered } from './EmailAlreadyRegistered';
+export { default as CodeInput } from './CodeInput';
+export { default as VerificationSuccess } from './VerificationSuccess';
+export { default as SetPassword } from './SetPassword';
+export { default as VerifyingEmailLink } from './VerifyingEmailLink';
+export { default as EmailLinkExpired } from './EmailLinkExpired';
+export { default as EmailLinkAlreadyUsed } from './EmailLinkAlreadyUsed';
+export type { WaitEmailLinkProps } from './WaitEmailLink';
+export type { EmailAlreadyRegisteredProps } from './EmailAlreadyRegistered';
+export type { CodeInputProps } from './CodeInput';
+export type { VerificationSuccessProps } from './VerificationSuccess';
+export type { SetPasswordProps } from './SetPassword';
+export type { VerifyingEmailLinkProps } from './VerifyingEmailLink';
+export type { EmailLinkExpiredProps } from './EmailLinkExpired';
+export type { EmailLinkAlreadyUsedProps } from './EmailLinkAlreadyUsed';

package/lib/pro/Login2.0/types.d.ts

@@ -0,0 +1,167 @@
+/**
+ * 登录注册 2.0 组件类型定义
+ */
+/// <reference types="react" />
+/** 验证方式枚举 */
+export declare type VerificationMethod = 'verification_code' | 'password';
+/** 邮箱注册验证方式 */
+export declare type EmailRegistrationVerification = 'verification_link' | 'verification_code';
+/** 认证方式类型 */
+export declare type AuthMethodType = 'email' | 'phone' | 'google' | 'facebook' | 'apple';
+/** 当前状态：登录或注册 */
+export declare type AuthState = 'login' | 'register';
+/** 邮箱认证配置 */
+export interface EmailAuthConfig {
+    /** 是否启用邮箱认证 */
+    enable_email: boolean;
+    /** 注册验证方式 */
+    registration_verification: EmailRegistrationVerification;
+    /** 登录验证方式列表 */
+    login_verification_methods: VerificationMethod[];
+}
+/** 手机认证配置 */
+export interface PhoneAuthConfig {
+    /** 是否启用手机认证 */
+    enable_phone_number: boolean;
+    /** 注册验证方式（手机仅支持验证码） */
+    registration_verification: 'verification_code';
+    /** 登录验证方式列表 */
+    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';
+    };
+    /** 标签页配置 */
+    tabs?: {
+        show: boolean;
+        loginText?: string;
+        registerText?: string;
+    };
+    /** 主题色 */
+    themeColor?: string;
+}
+/** 组件总配置 */
+export interface Login2Config {
+    /** 邮箱认证配置 */
+    email?: EmailAuthConfig;
+    /** 手机认证配置 */
+    phone?: PhoneAuthConfig;
+    /** 三方 OAuth 配置 */
+    oauth?: OAuthConfig;
+    /** UI 配置 */
+    ui?: UIConfig;
+    /** 默认认证方式 */
+    defaultAuthMethod?: AuthMethodType;
+    /** 默认状态（登录或注册） */
+    defaultState?: AuthState;
+}
+/** 登录表单数据 */
+export interface LoginFormData {
+    /** 邮箱或手机号 */
+    account: string;
+    /** 密码 */
+    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;
+}
+/** 组件事件回调 */
+export interface Login2Events {
+    /** 登录回调 */
+    onLogin?: (data: LoginFormData, method: AuthMethodType) => Promise<void> | void;
+    /** 注册回调 */
+    onRegister?: (data: RegisterFormData, method: AuthMethodType) => Promise<void> | void;
+    /** 三方登录回调 */
+    onOAuthLogin?: (provider: 'google' | 'facebook' | 'apple') => Promise<void> | void;
+    /** 发送验证码回调 */
+    onSendVerificationCode?: (account: string, type: 'email' | 'phone') => Promise<void> | void;
+    /** 忘记密码回调 */
+    onForgotPassword?: (account: string) => Promise<void> | void;
+}
+/** 组件完整属性 */
+export interface Login2Props extends Login2Events {
+    /** 配置对象 */
+    config: Login2Config;
+    /** 是否显示 */
+    visible?: boolean;
+    /** 关闭回调 */
+    onClose?: () => void;
+    /** 自定义类名 */
+    className?: string;
+    /** 自定义样式 */
+    style?: React.CSSProperties;
+}
+/** 组件内部状态 */
+export interface Login2State {
+    /** 当前状态：登录或注册 */
+    authState: AuthState;
+    /** 当前认证方式 */
+    currentAuthMethod: AuthMethodType;
+    /** 当前使用的验证方式 */
+    currentVerificationMethod: VerificationMethod;
+    /** 加载状态 */
+    loading: boolean;
+    /** 验证码倒计时 */
+    countdown: number;
+    /** 表单数据 */
+    formData: Partial<LoginFormData | RegisterFormData>;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pisell/private-materials",
-  "version": "6.3.31",
+  "version": "6.3.32",
   "main": "./lib/index.js",
   "module": "./es/index.js",
   "types": "./lib/index.d.ts",
@@ -63,8 +63,8 @@
     "@use-gesture/react": "^10.3.1",
     "@pisell/utils": "3.0.1",
     "@pisell/materials": "6.3.8",
-    "@pisell/date-picker": "3.0.4",
-    "@pisell/icon": "0.0.11"
+    "@pisell/icon": "0.0.11",
+    "@pisell/date-picker": "3.0.4"
   },
   "peerDependencies": {
     "react": "^18.0.0",