@pisell/private-materials 6.5.27 → 6.7.1

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

@@ -0,0 +1,54 @@
+/**
+ * 等待邮件链接验证页面（对应图1）
+ */
+import React from 'react';
+import { locales } from '@pisell/utils';
+import IconFont from '@pisell/materials/src/components/iconfont';
+function WaitEmailLink(_ref) {
+  var flowData = _ref.flowData,
+    onResend = _ref.onResend,
+    onBack = _ref.onBack,
+    onEditEmail = _ref.onEditEmail,
+    _ref$countdown = _ref.countdown,
+    countdown = _ref$countdown === void 0 ? 0 : _ref$countdown,
+    verificationMethod = _ref.verificationMethod;
+  var canResend = countdown === 0;
+  return /*#__PURE__*/React.createElement("div", {
+    className: "register-step-container"
+  }, onBack && /*#__PURE__*/React.createElement("button", {
+    className: "back-button-top",
+    onClick: onBack,
+    "aria-label": "Go back"
+  }, /*#__PURE__*/React.createElement(IconFont, {
+    type: "pisell2-arrow-left"
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "register-step-content"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "register-step-title-verify-email"
+  }, locales.getText('pisell-register2-verify-email-title')), /*#__PURE__*/React.createElement("div", {
+    className: "register-step-desc-verify-email"
+  }, locales.getText('pisell-register2-verify-email-desc')), /*#__PURE__*/React.createElement("div", {
+    className: "register-email-display"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "email-text"
+  }, flowData.account), onEditEmail && /*#__PURE__*/React.createElement("button", {
+    className: "edit-email-btn",
+    onClick: onEditEmail,
+    "aria-label": "Edit email"
+  }, /*#__PURE__*/React.createElement(IconFont, {
+    type: "pisell2-edit-05",
+    style: {
+      fontSize: '20px',
+      color: '#7F56D9'
+    }
+  }))), /*#__PURE__*/React.createElement("div", {
+    className: "register-resend-section"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "resend-text"
+  }, locales.getText('pisell-register2-no-link-received'), ' '), /*#__PURE__*/React.createElement("button", {
+    className: "resend-link",
+    onClick: onResend,
+    disabled: !canResend
+  }, locales.getText('pisell-common-resend'), " ", countdown > 0 && "(".concat(countdown, " s)")))));
+}
+export default WaitEmailLink;

package/es/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/es/pro/Login2.0/steps/index.js

@@ -0,0 +1,11 @@
+/**
+ * 注册流程步骤组件导出
+ */
+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";

package/es/pro/Login2.0/steps/steps.less

@@ -0,0 +1,423 @@
+/**
+ * 注册步骤组件样式
+ */
+
+.register-step-container {
+  width: 100%;
+  min-height: 400px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 40px 0;
+}
+
+/* 左上角返回按钮 */
+.back-button-top {
+  position: absolute;
+  top: 2px;
+  left: 2px;
+  width: 40px;
+  height: 40px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: transparent;
+  border: none;
+  cursor: pointer;
+  color: #344054;
+  transition: all 0.2s ease;
+  padding: 0;
+  .login-lm-drawer-popover & {
+    position: fixed;
+    top: 12px;
+    left: 12px;
+  }
+  .ant-modal-body & {
+    position: absolute;
+    left: -55px;
+    top: -14px;
+  }
+
+  &:hover {
+    color: #101828;
+    background: #F9FAFB;
+    border-radius: 8px;
+  }
+
+  &:active {
+    color: #101828;
+    background: #F2F4F7;
+  }
+
+  .anticon {
+    font-size: 24px;
+  }
+}
+
+.register-step-content {
+  width: 100%;
+  text-align: center;
+}
+
+.register-step-title {
+  margin: 0 0 8px 0;
+  font-size: 16px;
+  font-weight: 600;
+  line-height: 32px;
+  color: #101828;
+  text-align: center;
+}
+
+.register-step-desc {
+  margin: 0 0 24px 0;
+  font-size: 14px;
+  font-weight: 400;
+  line-height: 24px;
+  color: #475467;
+  text-align: center;
+}
+.register-step-title-verify-email {
+  margin: 0 0 8px 0;
+  font-size: 16px;
+  font-weight: 600;
+  color: #101828;
+  text-align: center;
+}
+.register-step-desc-verify-email {
+  margin: 0 0 8px 0;
+  font-size: 14px;
+  font-weight: 400;
+  color: #475467;
+  text-align: center;
+}
+
+/* 重发区域 */
+.register-resend-section {
+  margin-top: 24px;
+  text-align: center;
+  font-size: 14px;
+  font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+  line-height: 20px;
+
+  .resend-text {
+    color: #475467;
+    font-weight: 400;
+  }
+
+  .resend-link {
+    color: var(--theme-color, #7F56D9);
+    font-weight: 600;
+    background: transparent;
+    border: none;
+    cursor: pointer;
+    padding: 0;
+    text-decoration: none;
+    transition: all 0.2s ease;
+
+    &:hover:not(:disabled) {
+      opacity: 0.8;
+      text-decoration: underline;
+    }
+
+    &:active:not(:disabled) {
+      opacity: 0.6;
+    }
+
+    &:disabled {
+      opacity: 0.4;
+      cursor: not-allowed;
+    }
+  }
+}
+
+/* 登录提示 */
+.register-login-prompt {
+  margin-top: 32px;
+  text-align: center;
+  font-size: 14px;
+  font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+  line-height: 20px;
+
+  .prompt-text {
+    color: #475467;
+    font-weight: 400;
+  }
+
+  .login-link {
+    color: var(--theme-color, #7F56D9);
+    font-weight: 600;
+    background: transparent;
+    border: none;
+    cursor: pointer;
+    padding: 0;
+    text-decoration: none;
+    transition: all 0.2s ease;
+
+    &:hover {
+      opacity: 0.8;
+      text-decoration: underline;
+    }
+
+    &:active {
+      opacity: 0.6;
+    }
+  }
+}
+
+/* 邮箱已注册提示消息 */
+.email-already-registered-message {
+  margin: 0 0 32px 0;
+  font-size: 16px;
+  font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+  font-weight: 600;
+  line-height: 24px;
+  color: #101828;
+  text-align: center;
+}
+
+/* 验证码输入 */
+.code-input-group {
+  display: flex;
+  gap: 12px;
+  justify-content: center;
+  margin: 24px 0 24px 0;
+}
+
+.code-input-box {
+  width: 80px;
+  height: 80px;
+  font-size: 40px;
+  font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+  font-weight: 600;
+  text-align: center;
+  color: var(--theme-color, #7F56D9);
+  background: #FFFFFF;
+  border: 2px solid #D0D5DD;
+  border-radius: 8px;
+  outline: none;
+  transition: all 0.2s ease;
+
+  &:focus {
+    border-color: var(--theme-color, #7F56D9);
+    box-shadow: 0px 0px 0px 4px rgba(127, 86, 217, 0.12);
+  }
+
+  &.has-value {
+    border-color: var(--theme-color, #7F56D9);
+  }
+
+  &.has-error {
+    border-color: #ff4d4f;
+    box-shadow: 0px 0px 0px 4px rgba(255, 77, 79, 0.12);
+  }
+
+  &:disabled {
+    background: #F9FAFB;
+    cursor: not-allowed;
+  }
+}
+
+.code-input-error {
+  color: #ff4d4f;
+  font-size: 14px;
+  margin-top: -20px;
+  margin-bottom: 24px;
+  text-align: left;
+  line-height: 22px;
+  min-height: 22px;
+}
+
+/* 按钮样式 */
+.register-submit-btn {
+  height: 44px;
+  margin-bottom: 12px;
+  border-radius: 8px;
+  font-size: 16px;
+  font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+  font-weight: 600;
+  background: var(--theme-color, #7F56D9);
+  border-color: var(--theme-color, #7F56D9);
+
+  &:hover:not(:disabled) {
+    background: var(--theme-color-hover, #6941C6);
+    border-color: var(--theme-color-hover, #6941C6);
+  }
+
+  &:active:not(:disabled) {
+    background: var(--theme-color-active, #53389E);
+    border-color: var(--theme-color-active, #53389E);
+  }
+}
+
+.register-back-btn {
+  height: 44px;
+  border-radius: 8px;
+  font-size: 16px;
+  font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+  font-weight: 600;
+  color: #344054;
+  border: 1px solid #D0D5DD;
+  background: #FFFFFF;
+
+  &:hover {
+    border-color: #98A2B3;
+    background: #F9FAFB;
+    color: #344054;
+  }
+
+  &:active {
+    border-color: #667085;
+    background: #F2F4F7;
+    color: #344054;
+  }
+}
+
+/* 成功图标 */
+.success-icon-wrapper {
+  margin: 0 auto 24px auto;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+/* 密码设置表单 */
+.password-set-form {
+  margin-top: 32px;
+
+  .password-input {
+    height: 44px;
+    border-radius: 8px;
+    font-size: 16px;
+
+    input {
+      font-size: 16px;
+    }
+
+    .ant-input-password-icon {
+      color: #667085;
+      font-size: 20px;
+    }
+  }
+
+  .ant-form-item {
+    margin-bottom: 16px;
+  }
+
+  .ant-form-item-explain-error {
+    font-size: 14px;
+    line-height: 20px;
+    text-align: left;
+  }
+}
+
+/* 邮箱显示区域 */
+.register-email-display {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 10px;
+  margin: 0 0 32px 0;
+
+  .email-text {
+    line-height: 24px;
+    color: #475467;
+    font-size: 14px;
+  }
+
+  .edit-email-btn {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background: transparent;
+    border: none;
+    cursor: pointer;
+    padding: 0;
+    border-radius: 4px;
+    transition: all 0.2s ease;
+
+    &:hover {
+      background: #F9FAFB;
+    }
+
+    &:active {
+      background: #F2F4F7;
+    }
+  }
+}
+
+/* 邮件链接验证页面 */
+.verifying-email-link-page {
+  .register-step-content {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    min-height: 400px;
+  }
+
+  .verifying-text {
+    margin-top: 24px;
+    font-size: 16px;
+    font-weight: 600;
+    line-height: 24px;
+    color: #101828;
+    text-align: center;
+  }
+}
+
+/* 邮件链接结果页面（过期、已使用） */
+.email-link-expired-page,
+.email-link-already-used-page {
+  .email-link-result-title {
+    margin: 0 0 12px 0;
+    font-size: 16px;
+    font-weight: 600;
+    line-height: 24px;
+    color: #101828;
+    text-align: center;
+  }
+
+  .email-link-result-desc {
+    margin: 0 0 32px 0;
+    font-size: 14px;
+    font-weight: 400;
+    line-height: 24px;
+    color: #475467;
+    text-align: center;
+  }
+
+  .register-footer-prompt {
+    margin-top: 32px;
+    text-align: center;
+    font-size: 14px;
+    font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+    font-weight: 400;
+    line-height: 20px;
+    color: #475467;
+
+    .prompt-text {
+      color: #475467;
+    }
+
+    .prompt-link {
+      color: var(--theme-color, #7F56D9);
+      font-weight: 600;
+      cursor: pointer;
+      background: transparent;
+      border: none;
+      padding: 0;
+      text-decoration: none;
+      transition: all 0.2s ease;
+
+      &:hover {
+        opacity: 0.8;
+        text-decoration: underline;
+      }
+
+      &:active {
+        opacity: 0.6;
+      }
+    }
+  }
+}
+

package/es/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/es/pro/Login2.0/types.js

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,19 @@
+/**
+ * PisellPaymentList 使用示例
+ *
+ * 这个文件演示了如何使用 PisellPaymentList 和 PisellPaymentListItem 组件
+ * 包括如何通过 Context 访问父组件配置
+ */
+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;
+declare const _default: {
+    BasicExample: () => JSX.Element;
+    ChildrenExample: () => JSX.Element;
+    CustomItemExample: () => JSX.Element;
+    MethodConfigExample: () => JSX.Element;
+    FullFeatureExample: () => JSX.Element;
+};
+export default _default;