@pisell/private-materials 6.3.31 → 6.3.33

package/lib/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/lib/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/lib/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/lib/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/lib/pro/Login2.0/components/phoneValidation.js

@@ -78,7 +78,7 @@ var validatePhoneNumber = async (value, getText) => {
       }
       break;
     case "61":
-      if (!/^4\d{8,9}$/.test(phone)) {
+      if (!/^(\+?0)?4\d{8}$/.test(phone)) {
         throw new Error(getText("pisell-phone-validation-australia"));
       }
       break;

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

package/lib/pro/Login2.0/index.less

@@ -547,7 +547,10 @@
   align-items: center;
   justify-content: center;
   gap: 12px;
-
+  .pisell-lowcode-btn-icon {
+    margin-right: 0!important;
+    font-size: 24px;
+  }
   svg {
     flex-shrink: 0;
   }
@@ -685,6 +688,12 @@
 }
 
 // 切换选项区域
+.login2-container .login2-switch-groups {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+}
+
 .login2-container .login2-switch-options {
   display: flex;
   flex-direction: column;
@@ -778,7 +787,7 @@
   position: relative; // 为角标定位提供基准
 
   .oauth-icon {
-    font-size: 18px;
+    font-size: 24px;
     font-weight: 700;
     flex-shrink: 0;
   }