@pisell/private-materials 6.6.7 → 6.6.9

package/dist/lib/plus/saasRegister/components/VertifyEmail.js

@@ -0,0 +1,68 @@
+const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.js');
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let __pisell_utils = require("@pisell/utils");
+let __pisell_materials = require("@pisell/materials");
+require("../index.less");
+
+//#region src/plus/saasRegister/components/VertifyEmail.tsx
+const COUNTDOWN_NUM = 60;
+const VertifyEmail = (props) => {
+	const [loading, setLoading] = (0, react.useState)(false);
+	const [countdown, setCountdown] = (0, react.useState)(0);
+	const countdownRef = (0, react.useRef)(0);
+	const timerRef = (0, react.useRef)(null);
+	(0, react.useEffect)(() => {
+		_onSendEmail();
+		return () => {
+			timerRef.current && clearInterval(timerRef.current);
+			timerRef.current = null;
+		};
+	}, []);
+	const _startCountdown = () => {
+		if (timerRef.current) return;
+		countdownRef.current = COUNTDOWN_NUM;
+		setCountdown(countdownRef.current);
+		timerRef.current = setInterval(() => {
+			if (countdownRef.current > 0) {
+				countdownRef.current = countdownRef.current - 1;
+				setCountdown(countdownRef.current);
+			} else {
+				clearInterval(timerRef.current);
+				timerRef.current = null;
+			}
+		}, 1e3);
+	};
+	const _onSendEmail = async () => {
+		if (countdownRef.current > 0 || loading) return;
+		setLoading(true);
+		try {
+			await props?.onSendEmail?.();
+			_startCountdown();
+		} catch (error) {
+			console.error("onResend failed:", error);
+		} finally {
+			setLoading(false);
+		}
+	};
+	return /* @__PURE__ */ react.default.createElement("div", { className: "pisell-saas-register-form" }, /* @__PURE__ */ react.default.createElement("div", { className: "pisell-saas-register-form-main" }, /* @__PURE__ */ react.default.createElement("div", { className: "pisell-saas-register-form-title" }, __pisell_utils.locales.getText("pisell-saas-register-verify-email-title")), /* @__PURE__ */ react.default.createElement("div", { className: "pisell-saas-register-form-subtitle" }, __pisell_utils.locales.getText("pisell-saas-register-verify-email-subtitle")), /* @__PURE__ */ react.default.createElement("div", { className: "pisell-saas-register-form-email" }, props.email, /* @__PURE__ */ react.default.createElement(__pisell_materials.Iconfont, {
+		type: "pisell2-edit-05",
+		className: "pisell-saas-register-form-email-icon",
+		onClick: props.onEditEmail
+	}))), /* @__PURE__ */ react.default.createElement("div", {
+		className: "pisell-saas-register-action",
+		style: {
+			marginTop: "32px",
+			textAlign: "center"
+		}
+	}, __pisell_utils.locales.getText("pisell-saas-register-resend-text"), /* @__PURE__ */ react.default.createElement(__pisell_materials.Button, {
+		type: "link",
+		onClick: _onSendEmail,
+		disabled: countdown > 0 || loading,
+		className: "pisell-saas-register-link-button"
+	}, __pisell_utils.locales.getText("pisell-saas-register-resend-button-text"), /* @__PURE__ */ react.default.createElement("span", { style: { marginLeft: "4px" } }, countdown > 0 && `(${countdown})`))));
+};
+var VertifyEmail_default = VertifyEmail;
+
+//#endregion
+exports.default = VertifyEmail_default;

package/dist/lib/plus/saasRegister/index.d.ts

@@ -0,0 +1,8 @@
+import { SRProps } from "./types.js";
+import React from "react";
+import "./index.less";
+
+//#region src/plus/saasRegister/index.d.ts
+declare const _default: React.ForwardRefExoticComponent<SRProps & React.RefAttributes<any>>;
+//#endregion
+export { _default };

package/dist/lib/plus/saasRegister/index.js

@@ -0,0 +1,132 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.js');
+const require_useEngineContext = require('../../hooks/useEngineContext.js');
+const require_Header = require('./components/Header.js');
+const require_EntryEmail = require('./components/EntryEmail.js');
+const require_GoLogin = require('./components/GoLogin.js');
+const require_VertifyEmail = require('./components/VertifyEmail.js');
+const require_VerifyingLink = require('./components/VerifyingLink.js');
+const require_types = require('./types.js');
+const require_VerifyError = require('./components/VerifyError.js');
+const require_EntryInfo = require('./components/EntryInfo.js');
+const require_locales = require('./locales.js');
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let antd = require("antd");
+let __pisell_utils = require("@pisell/utils");
+let __pisell_materials = require("@pisell/materials");
+require("./index.less");
+
+//#region src/plus/saasRegister/index.tsx
+const SaasRegister = (props, ref) => {
+	const context = require_useEngineContext.default();
+	__pisell_utils.locales.init(require_locales.default, context?.engine?.props?.locale || "en");
+	const [form] = antd.Form.useForm();
+	const [step, setStep] = (0, react.useState)({ key: require_types.SRStepKey.ENTRY_EMAIL });
+	const init = (emailToken) => {
+		if (emailToken) setStep({
+			key: require_types.SRStepKey.VERIFYING_EMAIL,
+			params: { emailToken }
+		});
+	};
+	(0, react.useImperativeHandle)(ref, () => ({ init }));
+	(0, react.useEffect)(() => {
+		props.onStepChange?.(step);
+	}, [step]);
+	(0, react.useEffect)(() => {
+		if (step.params?.documentTitle) document.title = step.params?.documentTitle;
+		if (step.params?.documentDescription) {
+			const metaDescription = document.querySelector("meta[name=\"description\"]");
+			if (metaDescription) metaDescription.setAttribute("content", step.params?.documentDescription);
+			else {
+				const meta = document.createElement("meta");
+				meta.name = "description";
+				meta.content = step.params?.documentDescription;
+				document.head.appendChild(meta);
+			}
+		}
+	}, [step]);
+	const handleVerifyEmail = async (result) => {
+		if (result) setStep({ key: require_types.SRStepKey.WAIT_VERIFY_EMAIL });
+		else setStep({
+			key: require_types.SRStepKey.VERIFY_FAILED,
+			status: require_types.SRStepStatus.FAILED_EMAIL_REGISTERED
+		});
+	};
+	const handleEditEmail = () => {
+		setStep({ key: require_types.SRStepKey.ENTRY_EMAIL });
+	};
+	const handleSendEmail = async () => {
+		const email = form.getFieldValue("email");
+		await props.onSendEmail?.(email);
+	};
+	const handleVerifyLink = async () => {
+		try {
+			const emailToken = step.params?.emailToken;
+			const result = await props.onVerifyLink?.(emailToken);
+			console.log("result>>>>>>>", result);
+			if (result?.code === require_types.SRVerifyCode.SUCCESS) setStep({
+				key: require_types.SRStepKey.ENTRY_INFO,
+				params: {
+					emailToken,
+					documentTitle: __pisell_utils.locales.getText("pisell-saas-register-entry-info-document-title"),
+					documentDescription: __pisell_utils.locales.getText("pisell-saas-register-entry-info-document-description")
+				}
+			});
+		} catch (error) {
+			if (error?.code === require_types.SRVerifyCode.LINK_EXPIRED) setStep({
+				key: require_types.SRStepKey.VERIFY_FAILED,
+				status: require_types.SRStepStatus.FAILED_LINK_EXPIRED
+			});
+			else if (error?.code === require_types.SRVerifyCode.EMAIL_REGISTERED) setStep({
+				key: require_types.SRStepKey.VERIFY_FAILED,
+				status: require_types.SRStepStatus.FAILED_LINK_EMAIL_REGISTERED
+			});
+			else (0, __pisell_materials.PisellToast)({
+				content: error?.message,
+				duration: 2
+			});
+			console.error("handleVerifyLink_failed:", error);
+		}
+	};
+	const handleBackToRegister = () => {
+		setStep({ key: require_types.SRStepKey.ENTRY_EMAIL });
+	};
+	const customHeaderProps = (0, react.useMemo)(() => {
+		if (step.key === require_types.SRStepKey.ENTRY_INFO) return {
+			showLogo: false,
+			showWelcomeMessage: false,
+			showTitle: true,
+			title: __pisell_utils.locales.getText("pisell-saas-register-entry-info-title"),
+			showSubtitle: true,
+			subtitle: __pisell_utils.locales.getText("pisell-saas-register-entry-info-subtitle")
+		};
+		return {};
+	}, [step.key]);
+	return /* @__PURE__ */ react.default.createElement("div", { className: "pisell-saas-register-main" }, /* @__PURE__ */ react.default.createElement("div", { className: "pisell-saas-register-container" }, /* @__PURE__ */ react.default.createElement(require_Header.Header, {
+		...props,
+		...customHeaderProps
+	}), /* @__PURE__ */ react.default.createElement(antd.Form, {
+		form,
+		preserve: true
+	}, step.key === require_types.SRStepKey.ENTRY_EMAIL && /* @__PURE__ */ react.default.createElement(react.default.Fragment, null, /* @__PURE__ */ react.default.createElement(require_EntryEmail.default, {
+		...props,
+		form,
+		handleVerifyEmail
+	}), /* @__PURE__ */ react.default.createElement(require_GoLogin.default, props)), step.key === require_types.SRStepKey.WAIT_VERIFY_EMAIL && /* @__PURE__ */ react.default.createElement(require_VertifyEmail.default, {
+		email: form.getFieldValue("email"),
+		onSendEmail: handleSendEmail,
+		onEditEmail: handleEditEmail
+	}), step.key === require_types.SRStepKey.VERIFYING_EMAIL && /* @__PURE__ */ react.default.createElement(require_VerifyingLink.default, { onVerifyLink: handleVerifyLink }), step.key === require_types.SRStepKey.VERIFY_FAILED && /* @__PURE__ */ react.default.createElement(require_VerifyError.default, {
+		status: step.status,
+		onBackToRegister: handleBackToRegister,
+		onGoLogin: props?.onGoLogin
+	}), step.key === require_types.SRStepKey.ENTRY_INFO && /* @__PURE__ */ react.default.createElement(react.default.Fragment, null, /* @__PURE__ */ react.default.createElement(require_EntryInfo.default, {
+		...props,
+		form,
+		emailToken: step.params?.emailToken
+	}), /* @__PURE__ */ react.default.createElement(require_GoLogin.default, props)))));
+};
+var saasRegister_default = (0, react.forwardRef)(SaasRegister);
+
+//#endregion
+exports.default = saasRegister_default;

package/dist/lib/plus/saasRegister/index.less

@@ -0,0 +1,218 @@
+.pisell-saas-register-container {
+  width: 360px;
+  max-width: 360px;
+  min-width: 266px;
+  margin: 0 20px;
+  overflow-x: hidden;
+
+  // Logo样式
+  .pisell-saas-register-logo {
+    width: fit-content;
+    height: 48px;
+    border-radius: 8px;
+
+    &.left {
+      margin-right: auto;
+      margin-left: 0;
+    }
+
+    &.center {
+      margin: 0 auto;
+    }
+
+    &.right {
+      margin-left: auto;
+      margin-right: 0;
+    }
+
+    img {
+      height: 48px;
+      object-fit: contain;
+    }
+  }
+
+  .pisell-saas-register-welcome-message {
+    margin-top: 10px;
+    color: #101828;
+    text-align: center;
+    font-size: 20px;
+    font-weight: 500;
+  }
+
+  .pisell-saas-register-title {
+    margin-top: 24px;
+    font-size: 30px;
+    font-weight: 600;
+    color: #101828;
+  }
+
+  .pisell-saas-register-subtitle {
+    margin-top: 12px;
+    font-size: 16px;
+    color: #475467;
+    font-weight: 400;
+  }
+
+  // 表单区域样式
+  .pisell-saas-register-form {
+    margin-top: 32px;
+    margin-bottom: 16px;
+
+    // 表单项标题
+    .form-item-label {
+      font-size: 14px;
+      font-weight: 500;
+      color: #344054;
+      margin-bottom: 6px;
+      text-align: left;
+    }
+
+    // 输入框样式
+    .pisell-saas-register-input {
+      height: 44px;
+      border-radius: 8px;
+      border: 1px solid #d0d5dd;
+      background: #fff;
+
+      &:hover {
+        border-color: var(--theme-color);
+      }
+
+      &:focus {
+        border-color: var(--theme-color);
+        box-shadow: 0 0 0 4px rgba(127, 86, 217, 0.1);
+      }
+
+      &.ant-input-password {
+        padding: 4px 11px;
+
+        .ant-input {
+          height: 34px;
+        }
+      }
+    }
+
+    // 登录按钮样式
+    .pisell-saas-register-button {
+      height: 44px;
+      border-radius: 8px;
+      background: var(--theme-color);
+      border: none;
+      font-weight: 500;
+
+      &:hover {
+        background: #6941c6;
+      }
+
+      &:focus {
+        background: var(--theme-color);
+        box-shadow: 0 0 0 4px rgba(127, 86, 217, 0.1);
+      }
+
+      &.margin-top-32 {
+        margin-top: 32px;
+      }
+    }
+  }
+
+  .pisell-saas-register-form-main {
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+  }
+
+  .pisell-saas-register-form-title {
+    color: #101828;
+    text-align: center;
+    font-size: 16px;
+    font-weight: 600;
+  }
+
+  .pisell-saas-register-form-subtitle {
+    color: #475467;
+    text-align: center;
+    font-size: 14px;
+    font-weight: 400;
+  }
+
+  .pisell-saas-register-form-email {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    color: #475467;
+    font-size: 14px;
+    font-weight: 400;
+
+    &-icon {
+      font-size: 20px;
+      margin-left: 10px;
+      cursor: pointer;
+      color: #6941c6;
+    }
+  }
+
+  // 页脚样式
+  .pisell-saas-register-action {
+    margin-top: 32px;
+    margin-bottom: 16px;
+    font-size: 14px;
+    color: #475467;
+    font-weight: 400;
+
+    a {
+      margin-left: 4px;
+      cursor: pointer;
+      color: #6941c6;
+      font-size: 14px;
+      font-weight: 600;
+
+      &:hover {
+        color: #6941c6;
+      }
+    }
+
+    .pisell-saas-register-link-button {
+      padding: 0;
+      margin: 0;
+      font-size: 14px;
+      font-weight: 600;
+    }
+  }
+
+  .pisell-saas-register-divider {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin: 24px 0;
+
+    .pisell-saas-register-divider-text {
+      flex: 1;
+      display: flex;
+      align-items: center;
+      color: #475467;
+      text-align: center;
+      font-size: 14px;
+      font-weight: 500;
+
+      &::before,
+      &::after {
+        content: '';
+        flex: 1;
+        height: 1px;
+        background-color: #eaecf0;
+      }
+
+      &::before {
+        margin-right: 8px;
+      }
+
+      &::after {
+        margin-left: 8px;
+      }
+    }
+  }
+
+  .pisell-lowcode-form-item {
+    margin-bottom: 16px;
+  }
+}

package/dist/lib/plus/saasRegister/locales.js

@@ -0,0 +1,121 @@
+
+//#region src/plus/saasRegister/locales.ts
+var locales_default = {
+	en: {
+		"pisell-saas-register-welcome-message": "Welcome to",
+		"pisell-saas-register-title": "Create account",
+		"pisell-saas-register-subtitle": "Welcome back! Please enter your details.",
+		"pisell-saas-register-email-label": "Email Address",
+		"pisell-saas-register-email-placeholder": "Enter your email",
+		"pisell-saas-register-email-error": "Please input your email!",
+		"pisell-saas-register-email-error-valid": "Please enter a valid email!",
+		"pisell-saas-register-button": "Continue",
+		"pisell-saas-register-login-text": "Already have an account?",
+		"pisell-saas-register-login-link-text": "Log in",
+		"pisell-saas-register-failed-button-text": "Back to Registration",
+		"pisell-saas-register-failed-email-registered-title": "This email is already registered. Please log in or use a different email",
+		"pisell-saas-register-verify-email-title": "Verify your email",
+		"pisell-saas-register-verify-email-subtitle": "Use the verification link sent to your email address",
+		"pisell-saas-register-resend-text": "Didn't receive a link? ",
+		"pisell-saas-register-resend-button-text": "Resend",
+		"pisell-saas-register-verifying-email-title": "Verifying your email...",
+		"pisell-saas-register-failed-link-expired-title": "Verification link expired",
+		"pisell-saas-register-failed-link-expired-subtitle": "Your verification link has expired. Please request a new verification email to continue.",
+		"pisell-saas-register-failed-link-invalid-title": "Invalid verification link",
+		"pisell-saas-register-failed-link-invalid-subtitle": "The verification link is invalid. Please start the registration process again.",
+		"pisell-saas-register-failed-link-email-registered-title": "Already registered",
+		"pisell-saas-register-failed-link-email-registered-subtitle": "This email is already registered. Please log in.",
+		"pisell-saas-register-failed-link-email-registered-button-text": "Log in",
+		"pisell-saas-register-password-label": "Password",
+		"pisell-saas-register-password-placeholder": "Enter your password",
+		"pisell-saas-register-password-required": "Please input your password!",
+		"pisell-saas-register-divider-text": "Your Information",
+		"pisell-saas-register-first-name-label": "First Name",
+		"pisell-saas-register-first-name-placeholder": "Enter your first name",
+		"pisell-saas-register-last-name-label": "Last Name",
+		"pisell-saas-register-last-name-placeholder": "Enter your last name",
+		"pisell-saas-register-entry-info-title": "Set Password",
+		"pisell-saas-register-entry-info-subtitle": "Your email has been verified. Please set your password and provide your personal information.",
+		"pisell-saas-register-entry-info-document-title": "Account Setup",
+		"pisell-saas-register-entry-info-document-description": "Your email has been verified. Please set your password and provide your personal information."
+	},
+	"zh-CN": {
+		"pisell-saas-register-welcome-message": "欢迎使用",
+		"pisell-saas-register-title": "创建账号",
+		"pisell-saas-register-subtitle": "欢迎回来！请输入您的详细信息。",
+		"pisell-saas-register-email-label": "邮箱地址",
+		"pisell-saas-register-email-placeholder": "输入您的邮箱",
+		"pisell-saas-register-email-error": "请输入您的邮箱！",
+		"pisell-saas-register-email-error-valid": "请输入有效的邮箱！",
+		"pisell-saas-register-button": "继续",
+		"pisell-saas-register-login-text": "已有账号？",
+		"pisell-saas-register-login-link-text": "立即登录",
+		"pisell-saas-register-failed-button-text": "返回注册页面",
+		"pisell-saas-register-failed-email-registered-title": "该邮箱已注册，请登录或使用其他邮箱",
+		"pisell-saas-register-verify-email-title": "验证您的邮箱",
+		"pisell-saas-register-verify-email-subtitle": "请使用发送到您邮箱的验证链接",
+		"pisell-saas-register-resend-text": "没有收到链接？",
+		"pisell-saas-register-resend-button-text": "重新发送",
+		"pisell-saas-register-verifying-email-title": "正在验证您的邮箱...",
+		"pisell-saas-register-failed-link-expired-title": "验证链接已过期",
+		"pisell-saas-register-failed-link-expired-subtitle": "您的验证链接已过期。请重新申请验证邮件以继续。",
+		"pisell-saas-register-failed-link-invalid-title": "无效的验证链接",
+		"pisell-saas-register-failed-link-invalid-subtitle": "验证链接无效。请重新开始注册流程。",
+		"pisell-saas-register-failed-link-email-registered-title": "已注册",
+		"pisell-saas-register-failed-link-email-registered-subtitle": "该邮箱已注册，请登录",
+		"pisell-saas-register-failed-link-email-registered-button-text": "登录",
+		"pisell-saas-register-password-label": "密码",
+		"pisell-saas-register-password-placeholder": "输入您的密码",
+		"pisell-saas-register-password-required": "请输入您的密码！",
+		"pisell-saas-register-divider-text": "您的信息",
+		"pisell-saas-register-first-name-label": "名",
+		"pisell-saas-register-first-name-placeholder": "输入您的名",
+		"pisell-saas-register-last-name-label": "姓",
+		"pisell-saas-register-last-name-placeholder": "输入您的姓",
+		"pisell-saas-register-entry-info-title": "设置密码",
+		"pisell-saas-register-entry-info-subtitle": "邮箱已验证，请设置密码并填写个人信息。",
+		"pisell-saas-register-entry-info-document-title": "账户设置",
+		"pisell-saas-register-entry-info-document-description": "邮箱已验证，请设置密码并填写个人信息。"
+	},
+	"zh-HK": {
+		"pisell-saas-register-welcome-message": "歡迎使用",
+		"pisell-saas-register-title": "創建帳號",
+		"pisell-saas-register-subtitle": "歡迎回來！請輸入您的詳細信息。",
+		"pisell-saas-register-email-label": "電郵地址",
+		"pisell-saas-register-email-placeholder": "輸入您的電子郵件",
+		"pisell-saas-register-email-error": "請輸入您的電子郵件！",
+		"pisell-saas-register-email-error-valid": "請輸入有效的電子郵件！",
+		"pisell-saas-register-button": "繼續",
+		"pisell-saas-register-login-text": "已有帳號？",
+		"pisell-saas-register-login-link-text": "立即登入",
+		"pisell-saas-register-failed-button-text": "返回註冊頁面",
+		"pisell-saas-register-failed-email-registered-title": "該電郵已註冊，請登入或使用其他電郵",
+		"pisell-saas-register-verify-email-title": "驗證您的電郵",
+		"pisell-saas-register-verify-email-subtitle": "請使用發送到您郵箱的驗證鏈接",
+		"pisell-saas-register-resend-text": "沒有收到鏈接？",
+		"pisell-saas-register-resend-button-text": "重新發送",
+		"pisell-saas-register-verifying-email-title": "正在驗證您的電郵...",
+		"pisell-saas-register-failed-link-expired-title": "驗證鏈接已過期",
+		"pisell-saas-register-failed-link-expired-subtitle": "您的驗證鏈接已過期。請重新申請驗證郵件以繼續。",
+		"pisell-saas-register-failed-link-invalid-title": "無效的驗證鏈接",
+		"pisell-saas-register-failed-link-invalid-subtitle": "驗證鏈接無效。請重新開始註冊流程。",
+		"pisell-saas-register-failed-link-email-registered-title": "已註冊",
+		"pisell-saas-register-failed-link-email-registered-subtitle": "該電郵已註冊，請登入",
+		"pisell-saas-register-failed-link-email-registered-button-text": "登入",
+		"pisell-saas-register-password-label": "密碼",
+		"pisell-saas-register-password-placeholder": "輸入您的密碼",
+		"pisell-saas-register-password-required": "請輸入您的密碼！",
+		"pisell-saas-register-divider-text": "您的信息",
+		"pisell-saas-register-first-name-label": "名",
+		"pisell-saas-register-first-name-placeholder": "輸入您的名",
+		"pisell-saas-register-last-name-label": "姓",
+		"pisell-saas-register-last-name-placeholder": "輸入您的姓",
+		"pisell-saas-register-entry-info-title": "設定密碼",
+		"pisell-saas-register-entry-info-subtitle": "郵箱已驗證，請設定密碼並填寫個人資訊。",
+		"pisell-saas-register-entry-info-document-title": "帳戶設定",
+		"pisell-saas-register-entry-info-document-description": "郵箱已驗證，請設定密碼並填寫個人資訊。"
+	}
+};
+
+//#endregion
+exports.default = locales_default;

package/dist/lib/plus/saasRegister/types.d.ts

@@ -0,0 +1,107 @@
+//#region src/plus/saasRegister/types.d.ts
+declare enum SRStepStatus {
+  /** 邮箱已被注册 */
+  FAILED_EMAIL_REGISTERED = "failed_email_registered",
+  /** 链接过期 */
+  FAILED_LINK_EXPIRED = "failed_link_expired",
+  /** 链接无效 */
+  FAILED_LINK_INVALID = "failed_link_invalid",
+  /** 链接中邮箱已被注册 */
+  FAILED_LINK_EMAIL_REGISTERED = "failed_link_email_registered",
+}
+declare enum SRStepKey {
+  /** 输入邮箱 */
+  ENTRY_EMAIL = "entry_email",
+  /** 邮箱等待验证 */
+  WAIT_VERIFY_EMAIL = "wait_verify_email",
+  /** 邮箱验证中 */
+  VERIFYING_EMAIL = "verifying_email",
+  /** 录入信息 */
+  ENTRY_INFO = "entry_info",
+  /** 验证失败 */
+  VERIFY_FAILED = "verify_failed",
+}
+interface SRStep {
+  key: SRStepKey;
+  status?: SRStepStatus;
+  params?: {
+    [key: string]: any;
+  };
+}
+interface SRProps {
+  /** 是否显示Logo */
+  showLogo?: boolean;
+  /** Logo图片地址 */
+  logo?: string;
+  /** Logo位置 */
+  logoPosition?: 'left' | 'center' | 'right';
+  /** Logo尺寸 */
+  logoSize?: {
+    width?: number;
+    height?: number;
+  };
+  /** 是否显示欢迎语 */
+  showWelcomeMessage?: boolean;
+  /** 欢迎语 */
+  welcomeMessage?: string;
+  /** 欢迎语对齐方式 */
+  welcomeMessageAlign?: 'left' | 'center' | 'right';
+  /** 是否显示标题 */
+  showTitle?: boolean;
+  /** 标题 */
+  title?: string;
+  /** 标题对齐方式 */
+  titleAlign?: 'left' | 'center' | 'right';
+  /** 副标题 */
+  subtitle?: string;
+  /** 是否显示副标题 */
+  showSubtitle?: boolean;
+  /** 副标题对齐方式 */
+  subtitleAlign?: 'left' | 'center' | 'right';
+  /** 邮箱输入框标题 */
+  emailLabel?: string;
+  /** 邮箱输入框占位符 */
+  emailPlaceholder?: string;
+  /** 按钮文本 */
+  buttonText?: string;
+  /** 密码输入框标题 */
+  passwordLabel?: string;
+  /** 密码输入框占位符 */
+  passwordPlaceholder?: string;
+  /** 是否显示分割线 */
+  showDivider?: boolean;
+  /** 分割线文案 */
+  dividerText?: string;
+  /** 是否显示名字 */
+  showFirstName?: boolean;
+  /** 是否显示姓氏 */
+  showLastName?: boolean;
+  /** 是否显示去登录入口 */
+  showLogin?: boolean;
+  /** 去登录入口对齐方式 */
+  loginAlign?: 'left' | 'center' | 'right';
+  /** 是否显示去登录入口文本 */
+  showLoginText?: boolean;
+  /** 去登录入口文本 */
+  loginText?: string;
+  /** 是否显示去登录入口链接文本 */
+  showLoginLinkText?: boolean;
+  /** 去登录入口链接文本 */
+  loginLinkText?: string;
+  /** 邮箱验证回调 */
+  onVerifyEmail?: (email: string) => Promise<boolean>;
+  /** 重新发送验证码回调 */
+  onSendEmail?: (email: string) => Promise<void>;
+  /** 去登录入口点击回调 */
+  onGoLogin?: () => void;
+  /** 验证链接回调 */
+  onVerifyLink?: (emailToken: string) => Promise<{
+    code: number;
+  }>;
+  /** 信息录入回调 */
+  onEntryInfo?: (info: any) => Promise<void>;
+  /** step 变化回调 */
+  onStepChange?: (step: SRStep) => void;
+}
+//#endregion
+export { SRProps };