@pisell/private-materials 6.8.74 → 6.8.76

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

@@ -1,4 +1,8 @@
-/// <reference types="react" />
+/**
+ * 登录验证码输入组件
+ * 复用 Register2 的 CodeInput 样式和逻辑
+ */
+import React from 'react';
 export interface LoginCodeInputProps {
     /** 账号（邮箱或手机号） */
     account: string;
@@ -23,5 +27,5 @@ export interface LoginCodeInputProps {
     /** 当用户输入时清除错误的回调 */
     onClearError?: () => void;
 }
-declare function LoginCodeInput({ account, accountType, codeLength, onSubmit, onResend, onBack, countdown, loading, submitButtonText, error, onClearError, }: LoginCodeInputProps): JSX.Element;
+declare function LoginCodeInput({ account, accountType, codeLength, onSubmit, onResend, onBack, countdown, loading, submitButtonText, error, onClearError, }: LoginCodeInputProps): React.JSX.Element;
 export default LoginCodeInput;

package/lib/pro/Login2.0/components/LoginCodeInput.js

@@ -64,8 +64,25 @@ function LoginCodeInput({
     }
   }, [error, codeLength]);
   const handleInputChange = (index, value) => {
-    var _a;
-    if (!/^\d*$/.test(value)) return;
+    var _a, _b;
+    const digitsOnly = value.replace(/\D/g, "");
+    if (digitsOnly !== value && value !== "") return;
+    if (digitsOnly.length > 1) {
+      if (error && onClearError) onClearError();
+      const nextCode = [...code];
+      const maxFillLength = Math.min(codeLength - index, digitsOnly.length);
+      for (let offset = 0; offset < maxFillLength; offset += 1) {
+        nextCode[index + offset] = digitsOnly[offset];
+      }
+      setCode(nextCode);
+      const nextEmptyIndex = nextCode.findIndex((digit) => digit === "");
+      if (nextEmptyIndex === -1) {
+        onSubmit == null ? void 0 : onSubmit(nextCode.join(""));
+        return;
+      }
+      (_a = inputRefs.current[nextEmptyIndex]) == null ? void 0 : _a.focus();
+      return;
+    }
     if (value && error && onClearError) {
       onClearError();
     }
@@ -73,7 +90,7 @@ function LoginCodeInput({
     newCode[index] = value.slice(-1);
     setCode(newCode);
     if (value && index < codeLength - 1) {
-      (_a = inputRefs.current[index + 1]) == null ? void 0 : _a.focus();
+      (_b = inputRefs.current[index + 1]) == null ? void 0 : _b.focus();
     }
     if (newCode.every((digit) => digit !== "")) {
       const fullCode = newCode.join("");
@@ -118,7 +135,12 @@ function LoginCodeInput({
       ref: (el) => inputRefs.current[index] = el,
       type: "text",
       inputMode: "numeric",
-      maxLength: 1,
+      autoComplete: index === 0 ? "one-time-code" : "off",
+      autoCorrect: "off",
+      autoCapitalize: "off",
+      spellCheck: false,
+      maxLength: index === 0 ? codeLength : 1,
+      pattern: "[0-9]*",
       className: `code-input-box ${digit ? "has-value" : ""} ${error ? "has-error" : ""}`,
       value: digit,
       onChange: (e) => handleInputChange(index, e.target.value),

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

@@ -49,5 +49,5 @@ export interface PhoneInputProps {
  * 支持国际区号选择和手机号输入
  * 值格式：+区号+手机号，例如：+8613800138000 或 +15551234567
  */
-declare function PhoneInput({ value, onChange, placeholder, onKeyDown, size, disabled, className, countries, defaultCountry, valueFormat, }: PhoneInputProps): JSX.Element;
+declare function PhoneInput({ value, onChange, placeholder, onKeyDown, size, disabled, className, countries, defaultCountry, valueFormat, }: PhoneInputProps): React.JSX.Element;
 export default PhoneInput;

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

@@ -326,12 +326,24 @@
     .login2-submit-button {
       height: 44px;
       border-radius: 8px;
-      border: 1px solid var(--theme-color, #7f56d9);
-      background: var(--theme-color, #7f56d9);
+      border: 1px solid var(--custom-button-bg-color, var(--theme-color, #7f56d9));
+      background: var(--custom-button-bg-color, var(--theme-color, #7f56d9));
       box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
       font-size: 16px;
       font-weight: 600;
-      color: #ffffff;
+      color: var(--custom-button-text-color, #ffffff);
+
+      &:hover:not(:disabled) {
+        background: var(--custom-button-bg-color, #6941c6);
+        border-color: var(--custom-button-bg-color, #6941c6);
+      }
+
+      &:focus {
+        background: var(--custom-button-bg-color, var(--theme-color, #7f56d9));
+        border-color: var(--custom-button-bg-color, var(--theme-color, #7f56d9));
+        box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05),
+          0px 0px 0px 4px rgba(127, 86, 217, 0.1);
+      }
 
       &:disabled {
         background: #f2f4f7;

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

@@ -1,4 +1,8 @@
-/// <reference types="react" />
+/**
+ * 验证码输入页面（对应图3）
+ * 支持邮箱和手机号两种账号类型
+ */
+import React from 'react';
 import type { RegisterFlowData } from '../shared/registerFlow';
 export interface CodeInputProps {
     /** 流程数据 */
@@ -20,5 +24,5 @@ export interface CodeInputProps {
     /** 当用户输入时清除错误的回调 */
     onClearError?: () => void;
 }
-declare function CodeInput({ flowData, codeLength, onSubmit, onResend, onBack, countdown, loading, error, onClearError, }: CodeInputProps): JSX.Element;
+declare function CodeInput({ flowData, codeLength, onSubmit, onResend, onBack, countdown, loading, error, onClearError, }: CodeInputProps): React.JSX.Element;
 export default CodeInput;

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

@@ -62,8 +62,25 @@ function CodeInput({
     }
   }, [error, codeLength]);
   const handleInputChange = (index, value) => {
-    var _a;
-    if (!/^\d*$/.test(value)) return;
+    var _a, _b;
+    const digitsOnly = value.replace(/\D/g, "");
+    if (digitsOnly !== value && value !== "") return;
+    if (digitsOnly.length > 1) {
+      if (error && onClearError) onClearError();
+      const nextCode = [...code];
+      const maxFillLength = Math.min(codeLength - index, digitsOnly.length);
+      for (let offset = 0; offset < maxFillLength; offset += 1) {
+        nextCode[index + offset] = digitsOnly[offset];
+      }
+      setCode(nextCode);
+      const nextEmptyIndex = nextCode.findIndex((digit) => digit === "");
+      if (nextEmptyIndex === -1) {
+        onSubmit == null ? void 0 : onSubmit(nextCode.join(""));
+        return;
+      }
+      (_a = inputRefs.current[nextEmptyIndex]) == null ? void 0 : _a.focus();
+      return;
+    }
     if (value && error && onClearError) {
       onClearError();
     }
@@ -71,7 +88,7 @@ function CodeInput({
     newCode[index] = value.slice(-1);
     setCode(newCode);
     if (value && index < codeLength - 1) {
-      (_a = inputRefs.current[index + 1]) == null ? void 0 : _a.focus();
+      (_b = inputRefs.current[index + 1]) == null ? void 0 : _b.focus();
     }
     if (newCode.every((digit) => digit !== "")) {
       const fullCode = newCode.join("");
@@ -108,7 +125,7 @@ function CodeInput({
   };
   const title = flowData.accountType === "email" ? import_utils.locales.getText("pisell-register2-check-email-title") : import_utils.locales.getText("pisell-register2-check-phone-title");
   const description = flowData.accountType === "email" ? import_utils.locales.getText("pisell-register2-check-email-desc") : import_utils.locales.getText("pisell-register2-check-phone-desc");
-  const displayAccount = typeof flowData.account === "object" && "phone" in flowData.account ? `+${flowData.account.country_calling_code}${flowData.account.phone}` : flowData.account;
+  const displayAccount = flowData.account;
   const noReceiveText = flowData.accountType === "email" ? import_utils.locales.getText("pisell-register2-no-email-received") : import_utils.locales.getText("pisell-register2-no-message-received");
   return /* @__PURE__ */ import_react.default.createElement("div", { className: "register-step-container code-input-page" }, /* @__PURE__ */ import_react.default.createElement("button", { className: "back-button-top", onClick: onBack, "aria-label": "Go back" }, /* @__PURE__ */ import_react.default.createElement(import_iconfont.default, { type: "pisell2-arrow-left" })), /* @__PURE__ */ import_react.default.createElement("div", { className: "register-step-content" }, /* @__PURE__ */ import_react.default.createElement("h2", { className: "register-step-title" }, title), /* @__PURE__ */ import_react.default.createElement("p", { className: "register-step-desc" }, description, /* @__PURE__ */ import_react.default.createElement("br", null), displayAccount), /* @__PURE__ */ import_react.default.createElement("div", { className: "code-input-group", onPaste: handlePaste }, code.map((digit, index) => /* @__PURE__ */ import_react.default.createElement(
     "input",
@@ -117,7 +134,12 @@ function CodeInput({
       ref: (el) => inputRefs.current[index] = el,
       type: "text",
       inputMode: "numeric",
-      maxLength: 1,
+      autoComplete: index === 0 ? "one-time-code" : "off",
+      autoCorrect: "off",
+      autoCapitalize: "off",
+      spellCheck: false,
+      maxLength: index === 0 ? codeLength : 1,
+      pattern: "[0-9]*",
       className: `code-input-box ${digit ? "has-value" : ""} ${error ? "has-error" : ""}`,
       value: digit,
       onChange: (e) => handleInputChange(index, e.target.value),

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

@@ -1,4 +1,8 @@
-/// <reference types="react" />
+/**
+ * 账号已注册错误页面（对应图2）
+ * 支持邮箱和手机号两种账号类型
+ */
+import React from 'react';
 import type { RegisterFlowData } from '../shared/registerFlow';
 export interface EmailAlreadyRegisteredProps {
     /** 流程数据 */
@@ -8,5 +12,5 @@ export interface EmailAlreadyRegisteredProps {
     /** 返回重新输入 */
     onBack?: () => void;
 }
-declare function EmailAlreadyRegistered({ flowData, onGoToLogin, onBack, }: EmailAlreadyRegisteredProps): JSX.Element;
+declare function EmailAlreadyRegistered({ flowData, onGoToLogin, onBack, }: EmailAlreadyRegisteredProps): React.JSX.Element;
 export default EmailAlreadyRegistered;

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

@@ -1,7 +1,10 @@
-/// <reference types="react" />
+/**
+ * 邮件链接已使用页面 - 对应图3
+ */
+import React from 'react';
 export interface EmailLinkAlreadyUsedProps {
     /** 跳转到登录页回调 */
     onGoToLogin?: () => void;
 }
-declare function EmailLinkAlreadyUsed({ onGoToLogin }: EmailLinkAlreadyUsedProps): JSX.Element;
+declare function EmailLinkAlreadyUsed({ onGoToLogin }: EmailLinkAlreadyUsedProps): React.JSX.Element;
 export default EmailLinkAlreadyUsed;

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

@@ -1,9 +1,12 @@
-/// <reference types="react" />
+/**
+ * 邮件链接已过期页面 - 对应图2
+ */
+import React from 'react';
 export interface EmailLinkExpiredProps {
     /** 返回注册页回调 */
     onBackToRegistration?: () => void;
     /** 跳转到登录页回调 */
     onGoToLogin?: () => void;
 }
-declare function EmailLinkExpired({ onBackToRegistration, onGoToLogin }: EmailLinkExpiredProps): JSX.Element;
+declare function EmailLinkExpired({ onBackToRegistration, onGoToLogin }: EmailLinkExpiredProps): React.JSX.Element;
 export default EmailLinkExpired;

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

@@ -1,4 +1,7 @@
-/// <reference types="react" />
+/**
+ * 设置密码页面（对应图5）
+ */
+import React from 'react';
 import type { RegisterFlowData } from '../shared/registerFlow';
 import { PasswordRuleConfig } from '../hooks/usePasswordValidationRules';
 export interface SetPasswordProps {
@@ -15,5 +18,5 @@ export interface SetPasswordProps {
     /** 场景类型：create 表示注册场景，reset 表示修改密码场景 */
     scenario?: 'create' | 'reset';
 }
-declare function SetPassword({ flowData, onSubmit, onBack, loading, passwordRules, scenario, }: SetPasswordProps): JSX.Element;
+declare function SetPassword({ flowData, onSubmit, onBack, loading, passwordRules, scenario, }: SetPasswordProps): React.JSX.Element;
 export default SetPassword;

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

@@ -1,8 +1,11 @@
-/// <reference types="react" />
+/**
+ * 验证成功页面（对应图4）
+ */
+import React from 'react';
 import type { RegisterFlowData } from '../shared/registerFlow';
 export interface VerificationSuccessProps {
     /** 流程数据 */
     flowData: RegisterFlowData;
 }
-declare function VerificationSuccess({ flowData }: VerificationSuccessProps): JSX.Element;
+declare function VerificationSuccess({ flowData }: VerificationSuccessProps): React.JSX.Element;
 export default VerificationSuccess;

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

@@ -1,7 +1,10 @@
-/// <reference types="react" />
+/**
+ * 验证邮件链接中（Loading 状态）- 对应图1
+ */
+import React from 'react';
 export interface VerifyingEmailLinkProps {
     /** 加载提示文本（可选，不传则使用国际化默认文本） */
     loadingText?: string;
 }
-declare function VerifyingEmailLink({ loadingText }: VerifyingEmailLinkProps): JSX.Element;
+declare function VerifyingEmailLink({ loadingText }: VerifyingEmailLinkProps): React.JSX.Element;
 export default VerifyingEmailLink;

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

@@ -1,4 +1,7 @@
-/// <reference types="react" />
+/**
+ * 等待邮件链接验证页面（对应图1）
+ */
+import React from 'react';
 import type { RegisterFlowData, VerificationMethod } from '../shared/registerFlow';
 export interface WaitEmailLinkProps {
     /** 流程数据 */
@@ -14,5 +17,5 @@ export interface WaitEmailLinkProps {
     /** 验证方式 */
     verificationMethod?: VerificationMethod;
 }
-declare function WaitEmailLink({ flowData, onResend, onBack, onEditEmail, countdown, verificationMethod, }: WaitEmailLinkProps): JSX.Element;
+declare function WaitEmailLink({ flowData, onResend, onBack, onEditEmail, countdown, verificationMethod, }: WaitEmailLinkProps): React.JSX.Element;
 export default WaitEmailLink;

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

@@ -10,5 +10,5 @@ export interface IItemProps {
     values: any;
     children?: React.ReactNode;
 }
-declare const Item: (props: IItemProps) => JSX.Element;
+declare const Item: (props: IItemProps) => React.JSX.Element;
 export default Item;

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

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

package/lib/pro/comprehensiveSearch/components/searchSection/locales.js

@@ -24,15 +24,15 @@ __export(locales_exports, {
 module.exports = __toCommonJS(locales_exports);
 var locales_default = {
   en: {
-    "pisell2.comprehensive-search.placeholder": "WalletPass Code / Name / Mobile / Email / Contact info",
+    "pisell2.comprehensive-search.placeholder": "WalletPass Code / Name / Mobile / Email / Contact info / Holder",
     "pisell2.text.search": "Search"
   },
   "zh-CN": {
-    "pisell2.comprehensive-search.placeholder": "钱包码 / 姓名 / 电话 / 电子邮箱 / 联系信息",
+    "pisell2.comprehensive-search.placeholder": "钱包码 / 姓名 / 电话 / 电子邮箱 / 联系信息 / 持有人",
     "pisell2.text.search": "搜索"
   },
   "zh-HK": {
-    "pisell2.comprehensive-search.placeholder": "錢包碼 / 姓名 / 電話 / 電子郵箱 / 聯繫信息",
+    "pisell2.comprehensive-search.placeholder": "錢包碼 / 姓名 / 電話 / 電子郵箱 / 聯繫信息 / 持有人",
     "pisell2.text.search": "搜索"
   }
 };

package/lib/pro/numberKeyboard/index.d.ts

@@ -24,5 +24,5 @@ interface NumberKeyboardProps {
     /** 输入框的样式 */
     inputStyle?: React.CSSProperties;
 }
-declare const NumberKeyboard: (props: NumberKeyboardProps) => JSX.Element;
+declare const NumberKeyboard: (props: NumberKeyboardProps) => React.JSX.Element;
 export default NumberKeyboard;

package/lib/pro/pisellPaymentList/example.d.ts

@@ -4,17 +4,17 @@
  * 这个文件演示了如何使用 PisellPaymentList 和 PisellPaymentListItem 组件
  * 包括如何通过 Context 访问父组件配置
  */
-/// <reference types="react" />
-export declare const BasicExample: () => JSX.Element;
-export declare const ChildrenExample: () => JSX.Element;
-export declare const CustomItemExample: () => JSX.Element;
-export declare const MethodConfigExample: () => JSX.Element;
-export declare const FullFeatureExample: () => JSX.Element;
+import React from 'react';
+export declare const BasicExample: () => React.JSX.Element;
+export declare const ChildrenExample: () => React.JSX.Element;
+export declare const CustomItemExample: () => React.JSX.Element;
+export declare const MethodConfigExample: () => React.JSX.Element;
+export declare const FullFeatureExample: () => React.JSX.Element;
 declare const _default: {
-    BasicExample: () => JSX.Element;
-    ChildrenExample: () => JSX.Element;
-    CustomItemExample: () => JSX.Element;
-    MethodConfigExample: () => JSX.Element;
-    FullFeatureExample: () => JSX.Element;
+    BasicExample: () => React.JSX.Element;
+    ChildrenExample: () => React.JSX.Element;
+    CustomItemExample: () => React.JSX.Element;
+    MethodConfigExample: () => React.JSX.Element;
+    FullFeatureExample: () => React.JSX.Element;
 };
 export default _default;

package/lib/pro/pisellPhoneKeyboard/index.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { PopoverProps } from 'antd';
 import './index.less';
 interface PisellPhoneKeyboardProps {
@@ -8,5 +9,5 @@ interface PisellPhoneKeyboardProps {
     keyboardProps?: any;
     virtualKeyInputProps?: any;
 }
-declare const PisellPhoneKeyboard: (props: PisellPhoneKeyboardProps) => JSX.Element;
+declare const PisellPhoneKeyboard: (props: PisellPhoneKeyboardProps) => React.JSX.Element;
 export default PisellPhoneKeyboard;

package/lib/pro/priceKeyboard/components/cashKeyboard/CashKeyboardIntact.d.ts

@@ -1,4 +1,5 @@
+import React from 'react';
 import { CashKeyboardBaseProps } from './types';
 import './index.less';
-declare const CashKeyboardIntact: (props: CashKeyboardBaseProps) => JSX.Element;
+declare const CashKeyboardIntact: (props: CashKeyboardBaseProps) => React.JSX.Element;
 export default CashKeyboardIntact;

package/lib/pro/priceKeyboard/components/cashKeyboard/CashKeyboardSimple.d.ts

@@ -9,5 +9,5 @@ export interface CashKeyboardSimpleProps extends CashKeyboardBaseProps {
     };
     children?: React.ReactNode;
 }
-declare const CashKeyboardSimple: (props: CashKeyboardSimpleProps) => JSX.Element | null;
+declare const CashKeyboardSimple: (props: CashKeyboardSimpleProps) => React.JSX.Element | null;
 export default CashKeyboardSimple;

package/lib/pro/priceKeyboard/components/cashKeyboard/index.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { CashKeyboardBaseProps } from './types';
 export interface CashKeyboardProps extends CashKeyboardBaseProps {
     containerProps?: {
@@ -8,5 +9,5 @@ export interface CashKeyboardProps extends CashKeyboardBaseProps {
     variant?: 'intact' | 'simple';
     shortcutsSize?: 'default' | 'large';
 }
-declare const CashKeyboard: (props: CashKeyboardProps) => JSX.Element;
+declare const CashKeyboard: (props: CashKeyboardProps) => React.JSX.Element;
 export default CashKeyboard;

package/lib/pro/priceKeyboard/components/discountKeyboard/index.d.ts

@@ -10,8 +10,8 @@ export interface DiscountKeyboardProps extends DiscountKeyboardBaseProps {
     children?: React.ReactNode;
 }
 declare const DiscountKeyboard: {
-    (props: DiscountKeyboardProps): JSX.Element | null;
-    InputNumber: (props: DiscountKeyboardInputNumberProps) => JSX.Element;
+    (props: DiscountKeyboardProps): React.JSX.Element | null;
+    InputNumber: (props: DiscountKeyboardInputNumberProps) => React.JSX.Element;
 };
 interface DiscountKeyboardInputNumberProps {
     value?: number;

package/lib/pro/priceKeyboard/components/paymentKeyboard/index.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { PaymentKeyboardBaseProps } from './types';
 import './index.less';
 interface PaymentKeyboardProps extends PaymentKeyboardBaseProps {
@@ -7,5 +8,5 @@ interface PaymentKeyboardProps extends PaymentKeyboardBaseProps {
         [key: string]: any;
     };
 }
-export declare const PaymentKeyboard: (props: PaymentKeyboardProps) => JSX.Element | null;
+export declare const PaymentKeyboard: (props: PaymentKeyboardProps) => React.JSX.Element | null;
 export default PaymentKeyboard;

package/lib/pro/priceKeyboard/hooks/rightItems.d.ts

@@ -1,10 +1,11 @@
+import React from 'react';
 declare const useRightItems: (props: {
     rightItemsStyle?: any;
     doneText?: string;
     resetText?: string;
 }) => ({
     value: string;
-    label: JSX.Element;
+    label: React.JSX.Element;
     disabled: boolean;
     type: string;
     style: any;

package/lib/utils/index.d.ts

@@ -18,6 +18,6 @@ declare let modal: Omit<ModalStaticFunctions, 'warn'>;
 export declare const setModal: (m: Omit<ModalStaticFunctions, 'warn'>) => void;
 export declare const saveConfirm: () => Promise<{
     destroy: () => void;
-    update: (configUpdate: import("antd").ModalFuncProps | ((prevConfig: import("antd").ModalFuncProps) => import("antd").ModalFuncProps)) => void;
+    update: (configUpdate: import("antd/es/modal/confirm").ConfigUpdate) => void;
 }>;
 export { modal };