component-sanzhizhou 1.1.7 → 1.2.0

package/dist/auth-main/account.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+interface Props {
+    env?: Global.Env;
+    apiUrl?: string;
+    roleType?: UserAuth.RoleType;
+    disabledFormItemLabel?: boolean;
+    accountRegDisabled?: boolean;
+    onSuccess: () => void;
+}
+/** 账户登录 / 注册 / 找回密码 切换。 */
+declare const Account: React.FC<Props>;
+export default Account;

package/dist/auth-main/account.js

@@ -0,0 +1,57 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import React, { useState } from 'react';
+import { Radio } from 'antd';
+import { UserOutlined, UserAddOutlined, UnlockOutlined } from '@ant-design/icons';
+import formatMessage from "../lib/formatMessage";
+import Login from "./login";
+import Register from "./register";
+import ForgotPassword from "./forgot-password";
+import styles from "./index.css";
+/** 账户登录 / 注册 / 找回密码 切换。 */
+var Account = function Account(_ref) {
+  var env = _ref.env,
+    apiUrl = _ref.apiUrl,
+    roleType = _ref.roleType,
+    disabledFormItemLabel = _ref.disabledFormItemLabel,
+    accountRegDisabled = _ref.accountRegDisabled,
+    onSuccess = _ref.onSuccess;
+  var _useState = useState(accountRegDisabled ? 'login' : 'login'),
+    _useState2 = _slicedToArray(_useState, 2),
+    activeKey = _useState2[0],
+    setActiveKey = _useState2[1];
+  return /*#__PURE__*/React.createElement(styles.Account, null, /*#__PURE__*/React.createElement("div", {
+    className: "radioSelectBox"
+  }, /*#__PURE__*/React.createElement(Radio.Group, {
+    value: activeKey,
+    onChange: function onChange(e) {
+      return setActiveKey(e.target.value);
+    }
+  }, /*#__PURE__*/React.createElement(Radio.Button, {
+    value: "login"
+  }, /*#__PURE__*/React.createElement(UserOutlined, null), " ", formatMessage('登录')), /*#__PURE__*/React.createElement(Radio.Button, {
+    value: "reg",
+    disabled: accountRegDisabled
+  }, /*#__PURE__*/React.createElement(UserAddOutlined, null), " ", formatMessage('注册')), /*#__PURE__*/React.createElement(Radio.Button, {
+    value: "forgot"
+  }, /*#__PURE__*/React.createElement(UnlockOutlined, null), " ", formatMessage('忘记密码')))), activeKey === 'login' && /*#__PURE__*/React.createElement(Login, {
+    env: env,
+    apiUrl: apiUrl,
+    roleType: roleType,
+    disabledFormItemLabel: disabledFormItemLabel,
+    onSuccess: onSuccess
+  }), activeKey === 'reg' && /*#__PURE__*/React.createElement(Register, {
+    env: env,
+    apiUrl: apiUrl,
+    roleType: roleType,
+    disabledFormItemLabel: disabledFormItemLabel,
+    onSuccess: onSuccess
+  }), activeKey === 'forgot' && /*#__PURE__*/React.createElement(ForgotPassword, {
+    env: env,
+    apiUrl: apiUrl,
+    disabledFormItemLabel: disabledFormItemLabel,
+    onDone: function onDone() {
+      return setActiveKey('login');
+    }
+  }));
+};
+export default Account;

package/dist/auth-main/forgot-password.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+interface Props {
+    env?: Global.Env;
+    apiUrl?: string;
+    disabledFormItemLabel?: boolean;
+    /** 重置成功后回调（切回登录）。 */
+    onDone: () => void;
+}
+/** 找回密码：短信验证码 + 新密码。 */
+declare const ForgotPassword: React.FC<Props>;
+export default ForgotPassword;

package/dist/auth-main/forgot-password.js

@@ -0,0 +1,109 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import React from 'react';
+import { LockOutlined, UserOutlined, EyeTwoTone, EyeInvisibleOutlined } from '@ant-design/icons';
+import { Input, Button, Form } from 'antd';
+import { useRequest } from '@umijs/hooks';
+import Tool from "../lib/Tool";
+import * as AuthController from "../service/api/AuthController";
+import formatMessage from "../lib/formatMessage";
+import PhoneCode from "./phone-code";
+/** 找回密码：短信验证码 + 新密码。 */
+var ForgotPassword = function ForgotPassword(_ref) {
+  var env = _ref.env,
+    apiUrl = _ref.apiUrl,
+    disabledFormItemLabel = _ref.disabledFormItemLabel,
+    onDone = _ref.onDone;
+  var _Form$useForm = Form.useForm(),
+    _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
+    form = _Form$useForm2[0];
+  var _useRequest = useRequest(function (data) {
+      return AuthController.forgotPassword({
+        accountName: data.accountName,
+        smsCode: data.smsCode,
+        password: data.password
+      }, {
+        env: env,
+        apiUrl: apiUrl
+      });
+    }, {
+      manual: true,
+      onSuccess: function onSuccess() {
+        Tool.toast(formatMessage('密码已重置，请登录'));
+        onDone();
+      }
+    }),
+    loading = _useRequest.loading,
+    run = _useRequest.run;
+  var onFinish = function onFinish(values) {
+    values.accountName = (values.accountName || '').replace(/\s+/g, '');
+    run(values);
+  };
+  return /*#__PURE__*/React.createElement("section", {
+    className: "authMainForgot"
+  }, /*#__PURE__*/React.createElement(Form, {
+    form: form,
+    onFinish: onFinish,
+    disabled: loading,
+    autoComplete: "off"
+  }, /*#__PURE__*/React.createElement(Form.Item, {
+    label: disabledFormItemLabel ? undefined : formatMessage('手机号码'),
+    labelCol: {
+      span: 8
+    },
+    name: "accountName",
+    rules: [{
+      required: true,
+      message: formatMessage('请输入')
+    }, {
+      pattern: /^\s*1\d{2}\s*\d{4}\s*\d{4}\s*$/,
+      message: "".concat(formatMessage('这似乎不是中国大陆手机号码'), "\uFF1F")
+    }]
+  }, /*#__PURE__*/React.createElement(Input, {
+    placeholder: formatMessage('手机号码'),
+    prefix: /*#__PURE__*/React.createElement(UserOutlined, {
+      className: "input-prefix-icon"
+    })
+  })), /*#__PURE__*/React.createElement(PhoneCode, {
+    form: form,
+    scene: "forgot",
+    env: env,
+    apiUrl: apiUrl,
+    disabledFormItemLabel: disabledFormItemLabel
+  }), /*#__PURE__*/React.createElement(Form.Item, {
+    label: disabledFormItemLabel ? undefined : formatMessage('新密码'),
+    labelCol: {
+      span: 8
+    },
+    name: "password",
+    rules: [{
+      required: true,
+      message: formatMessage('请输入')
+    }, {
+      min: 6,
+      message: formatMessage('最少{maxCount}个字符', {
+        maxCount: 6
+      })
+    }, {
+      max: 60,
+      message: formatMessage('最多{maxCount}个字符', {
+        maxCount: 60
+      })
+    }]
+  }, /*#__PURE__*/React.createElement(Input.Password, {
+    prefix: /*#__PURE__*/React.createElement(LockOutlined, {
+      className: "input-prefix-icon"
+    }),
+    placeholder: formatMessage('请输入'),
+    iconRender: function iconRender(visible) {
+      return visible ? /*#__PURE__*/React.createElement(EyeTwoTone, null) : /*#__PURE__*/React.createElement(EyeInvisibleOutlined, null);
+    }
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "auth-submits"
+  }, /*#__PURE__*/React.createElement(Button, {
+    type: "primary",
+    loading: loading,
+    htmlType: "submit",
+    icon: /*#__PURE__*/React.createElement(UserOutlined, null)
+  }, formatMessage('重置密码')))));
+};
+export default ForgotPassword;

package/dist/auth-main/index.css.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+declare const _default: {
+    AuthQrLogin: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+    LoginForm: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+    WeQrUrlBox: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+    Account: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+};
+export default _default;

package/dist/auth-main/index.css.js

@@ -0,0 +1,19 @@
+import styled from 'styled-components';
+export default {
+  AuthQrLogin: styled.div.withConfig({
+    displayName: "AuthQrLogin",
+    componentId: "component-sanzhizhou__sc-17uutxn-0"
+  })(["position:relative;.ant-tabs-tab-btn{.anticon{margin-right:6px;}}.weQrUrl{position:absolute;left:50%;transform:translateX(-50%);}.qr{position:relative;display:block;margin:12px auto 0;width:230px;height:230px;background-repeat:no-repeat;background-size:cover;background-position:center;.reTry{position:absolute;z-index:100;left:0;top:0;width:100%;font-size:80px;background-color:rgba(255,255,255,0.95);text-align:center;line-height:210px;height:100%;a{display:block;}}}.alt{padding:10px 0 0;color:#999;text-align:center;}.altWeb{padding:16px 0 0;max-width:300px;margin:0 auto;.titles{text-align:center;font-weight:bold;}ul{margin:0 10px;}}.percent{width:100%;position:absolute;overflow:hidden;left:0;bottom:0;.warp{height:4px;background-color:#1677ff;transition:all 1.6s ease-in-out;-webkit-transition:all 1.6s ease-in-out;}}.callWechat{position:absolute;left:6px;bottom:6px;background:#f6f6f6;width:4px;height:4px;}.callAccount{position:absolute;right:6px;bottom:6px;background:#f6f6f6;width:4px;height:4px;}.ssz-webTitle{font-weight:normal;font-size:26px;text-align:center;padding:6px 0 0 0;line-height:1em;span{display:inline-block;padding-left:5px;font-weight:lighter;font-size:16px;}}"]),
+  LoginForm: styled.div.withConfig({
+    displayName: "LoginForm",
+    componentId: "component-sanzhizhou__sc-17uutxn-1"
+  })(["margin:0 auto;padding:12px 16px 6px 16px;background-color:rgba(255,255,255,0.9);border-radius:6px;"]),
+  WeQrUrlBox: styled.div.withConfig({
+    displayName: "WeQrUrlBox",
+    componentId: "component-sanzhizhou__sc-17uutxn-2"
+  })(["min-height:240px !important;"]),
+  Account: styled.div.withConfig({
+    displayName: "Account",
+    componentId: "component-sanzhizhou__sc-17uutxn-3"
+  })([".radioSelectBox{text-align:right;margin-bottom:8px;}.auth-submits{margin-top:8px;text-align:right;.ant-btn{width:100%;}}"])
+};

package/dist/auth-main/index.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+interface Props {
+    productType: string;
+    apiUrl?: string;
+    clientUniqueKeyList: string[];
+    loginTypeList: Global.AuthClientLoginType[];
+    domain?: string;
+    env?: Global.Env;
+    roleType?: UserAuth.RoleType;
+    disabledFormItemLabel?: boolean;
+    postData: {
+        [name: string]: any;
+    };
+    onLoginSuccess: () => void;
+}
+/**
+ * 登录 / 注册（重构版）。
+ * - 微信扫码：逻辑与旧 Auth 保持一致（WechatQr）。
+ * - 账户：登录 / 短信注册 / 找回密码（Account）。
+ */
+declare const Auth: React.FC<Props>;
+export default Auth;

package/dist/auth-main/index.js

@@ -0,0 +1,92 @@
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import React, { useState, useEffect } from 'react';
+import { WechatOutlined, UserOutlined } from '@ant-design/icons';
+import { Tabs } from 'antd';
+import Platform from "../lib/platform";
+import formatMessage from "../lib/formatMessage";
+import h5WePublicLogin from "../AuthClient/qr/h5-we-public-login";
+import WechatQr from "./wechat-qr";
+import Account from "./account";
+import styles from "./index.css";
+/**
+ * 登录 / 注册（重构版）。
+ * - 微信扫码：逻辑与旧 Auth 保持一致（WechatQr）。
+ * - 账户：登录 / 短信注册 / 找回密码（Account）。
+ */
+var Auth = function Auth(_ref) {
+  var productType = _ref.productType,
+    apiUrl = _ref.apiUrl,
+    clientUniqueKeyList = _ref.clientUniqueKeyList,
+    loginTypeList = _ref.loginTypeList,
+    env = _ref.env,
+    postData = _ref.postData,
+    roleType = _ref.roleType,
+    disabledFormItemLabel = _ref.disabledFormItemLabel,
+    _ref$domain = _ref.domain,
+    domain = _ref$domain === void 0 ? document.location.hostname : _ref$domain,
+    _ref$onLoginSuccess = _ref.onLoginSuccess,
+    onLoginSuccess = _ref$onLoginSuccess === void 0 ? function () {} : _ref$onLoginSuccess;
+  var _useState = useState(_toConsumableArray(loginTypeList)),
+    _useState2 = _slicedToArray(_useState, 2),
+    currentLoginTypeList = _useState2[0],
+    setCurrentLoginTypeList = _useState2[1];
+  var _useState3 = useState((currentLoginTypeList === null || currentLoginTypeList === void 0 ? void 0 : currentLoginTypeList[0]) || 'account'),
+    _useState4 = _slicedToArray(_useState3, 2),
+    activeKey = _useState4[0],
+    setActiveKey = _useState4[1];
+  var hasWechat = currentLoginTypeList.includes('wechat');
+  var hasAccount = currentLoginTypeList.includes('account-login') || currentLoginTypeList.includes('account');
+  var accountRegDisabled = !currentLoginTypeList.includes('account-reg');
+  var onTabChange = function onTabChange(keyName) {
+    setActiveKey(keyName);
+  };
+  var onCallWechat = function onCallWechat() {
+    currentLoginTypeList.push('wechat');
+    setCurrentLoginTypeList(_toConsumableArray(currentLoginTypeList));
+  };
+  var onCallAccount = function onCallAccount() {
+    currentLoginTypeList.push('account', 'account-reg', 'account-login');
+    setCurrentLoginTypeList(_toConsumableArray(currentLoginTypeList));
+  };
+  useEffect(function () {
+    if (Platform.isWechat) {
+      h5WePublicLogin();
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  return /*#__PURE__*/React.createElement(styles.AuthQrLogin, null, /*#__PURE__*/React.createElement(styles.LoginForm, null, /*#__PURE__*/React.createElement("div", {
+    className: "ssz-webTitle"
+  }, formatMessage('登录/注册')), /*#__PURE__*/React.createElement(Tabs, {
+    activeKey: activeKey,
+    onChange: onTabChange
+  }, hasWechat && /*#__PURE__*/React.createElement(Tabs.TabPane, {
+    tab: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(WechatOutlined, null), " ", formatMessage('微信')),
+    key: "wechat"
+  }, /*#__PURE__*/React.createElement(WechatQr, {
+    domain: domain,
+    onLoginSuccess: onLoginSuccess
+  })), /*#__PURE__*/React.createElement(Tabs.TabPane, {
+    tab: /*#__PURE__*/React.createElement("span", {
+      className: "tab-icon"
+    }, /*#__PURE__*/React.createElement(UserOutlined, null), " ", formatMessage('账户')),
+    disabled: !hasAccount,
+    key: "account"
+  }, /*#__PURE__*/React.createElement(Account, {
+    env: env,
+    apiUrl: apiUrl,
+    roleType: roleType,
+    disabledFormItemLabel: disabledFormItemLabel,
+    accountRegDisabled: accountRegDisabled,
+    onSuccess: function onSuccess() {
+      return onLoginSuccess();
+    }
+  })))), /*#__PURE__*/React.createElement("div", {
+    className: "callWechat",
+    onClick: onCallWechat
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "callAccount",
+    onClick: onCallAccount
+  }));
+};
+export default Auth;

package/dist/auth-main/login-success.d.ts

@@ -0,0 +1,3 @@
+import type { AccountAuthData } from './types';
+/** 登录 / 注册成功后的统一处理：写本地用户信息 + 触发事件。 */
+export declare function applyLoginSuccess(data: AccountAuthData, roleType?: UserAuth.RoleType): void;

package/dist/auth-main/login-success.js

@@ -0,0 +1,14 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import Tool from "../lib/Tool";
+import formatMessage from "../lib/formatMessage";
+/** 登录 / 注册成功后的统一处理：写本地用户信息 + 触发事件。 */
+export function applyLoginSuccess(data, roleType) {
+  Tool.setLocalUserInfo(_objectSpread(_objectSpread({}, data), {}, {
+    isLogin: true
+  }));
+  Tool.toast(formatMessage('成功'));
+  Tool.event.run('user-info');
+  Tool.event.run("".concat(roleType || 'user', "-login-success"), _objectSpread(_objectSpread({}, data), {}, {
+    isLogin: true
+  }));
+}

package/dist/auth-main/login.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { AccountFormProps } from './types';
+interface Props extends AccountFormProps {
+    roleType?: UserAuth.RoleType;
+    disabledFormItemLabel?: boolean;
+}
+/** 账户密码登录。 */
+declare const Login: React.FC<Props>;
+export default Login;

package/dist/auth-main/login.js

@@ -0,0 +1,99 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import React from 'react';
+import { LockOutlined, UserOutlined, EyeTwoTone, EyeInvisibleOutlined } from '@ant-design/icons';
+import { Input, Button, Form } from 'antd';
+import { useRequest } from '@umijs/hooks';
+import * as AuthController from "../service/api/AuthController";
+import formatMessage from "../lib/formatMessage";
+import { applyLoginSuccess } from "./login-success";
+/** 账户密码登录。 */
+var Login = function Login(_ref) {
+  var env = _ref.env,
+    apiUrl = _ref.apiUrl,
+    roleType = _ref.roleType,
+    disabledFormItemLabel = _ref.disabledFormItemLabel,
+    _onSuccess = _ref.onSuccess;
+  var _Form$useForm = Form.useForm(),
+    _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
+    form = _Form$useForm2[0];
+  var _useRequest = useRequest(function (data) {
+      return AuthController.accountLogin(data, {
+        env: env,
+        apiUrl: apiUrl
+      });
+    }, {
+      manual: true,
+      onSuccess: function onSuccess(result) {
+        applyLoginSuccess(result, roleType);
+        _onSuccess();
+      }
+    }),
+    loading = _useRequest.loading,
+    run = _useRequest.run;
+  var onFinish = function onFinish(values) {
+    values.accountName = (values.accountName || '').replace(/\s+/g, '');
+    run(values);
+  };
+  return /*#__PURE__*/React.createElement("section", {
+    className: "authMainLogin"
+  }, /*#__PURE__*/React.createElement(Form, {
+    form: form,
+    onFinish: onFinish,
+    disabled: loading,
+    autoComplete: "off"
+  }, /*#__PURE__*/React.createElement(Form.Item, {
+    label: disabledFormItemLabel ? undefined : formatMessage('手机号码'),
+    labelCol: {
+      span: 8
+    },
+    name: "accountName",
+    rules: [{
+      required: true,
+      message: formatMessage('请输入')
+    }, {
+      pattern: /^\s*1\d{2}\s*\d{4}\s*\d{4}\s*$/,
+      message: "".concat(formatMessage('这似乎不是中国大陆手机号码'), "\uFF1F")
+    }]
+  }, /*#__PURE__*/React.createElement(Input, {
+    placeholder: formatMessage('手机号码'),
+    prefix: /*#__PURE__*/React.createElement(UserOutlined, {
+      className: "input-prefix-icon"
+    })
+  })), /*#__PURE__*/React.createElement(Form.Item, {
+    label: disabledFormItemLabel ? undefined : formatMessage('密码'),
+    labelCol: {
+      span: 8
+    },
+    name: "password",
+    rules: [{
+      required: true,
+      message: formatMessage('请输入')
+    }, {
+      min: 6,
+      message: formatMessage('最少{maxCount}个字符', {
+        maxCount: 6
+      })
+    }, {
+      max: 60,
+      message: formatMessage('最多{maxCount}个字符', {
+        maxCount: 60
+      })
+    }]
+  }, /*#__PURE__*/React.createElement(Input.Password, {
+    prefix: /*#__PURE__*/React.createElement(LockOutlined, {
+      className: "input-prefix-icon"
+    }),
+    placeholder: formatMessage('请输入'),
+    iconRender: function iconRender(visible) {
+      return visible ? /*#__PURE__*/React.createElement(EyeTwoTone, null) : /*#__PURE__*/React.createElement(EyeInvisibleOutlined, null);
+    }
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "auth-submits"
+  }, /*#__PURE__*/React.createElement(Button, {
+    type: "primary",
+    loading: loading,
+    htmlType: "submit",
+    icon: /*#__PURE__*/React.createElement(UserOutlined, null)
+  }, formatMessage('登录')))));
+};
+export default Login;

package/dist/auth-main/phone-code.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import type { SmsScene } from './types';
+interface Props {
+    form: any;
+    scene: SmsScene;
+    env?: Global.Env;
+    apiUrl?: string;
+    disabledFormItemLabel?: boolean;
+}
+/** 手机号 + 验证码 + 发送按钮（含倒计时与工作量证明）。 */
+declare const PhoneCode: React.FC<Props>;
+export default PhoneCode;

package/dist/auth-main/phone-code.js

@@ -0,0 +1,134 @@
+import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import React, { useEffect, useState } from 'react';
+import { Button, Form, Input, Space } from 'antd';
+import { SafetyOutlined } from '@ant-design/icons';
+import Tool from "../lib/Tool";
+import formatMessage from "../lib/formatMessage";
+import * as AuthController from "../service/api/AuthController";
+import { solvePow } from "./pow";
+var phoneReg = /^1\d{10}$/;
+/** 手机号 + 验证码 + 发送按钮（含倒计时与工作量证明）。 */
+var PhoneCode = function PhoneCode(_ref) {
+  var form = _ref.form,
+    scene = _ref.scene,
+    env = _ref.env,
+    apiUrl = _ref.apiUrl,
+    disabledFormItemLabel = _ref.disabledFormItemLabel;
+  var accountName = Form.useWatch('accountName', form);
+  var _useState = useState(0),
+    _useState2 = _slicedToArray(_useState, 2),
+    countdown = _useState2[0],
+    setCountdown = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    sending = _useState4[0],
+    setSending = _useState4[1];
+  useEffect(function () {
+    if (countdown <= 0) {
+      return;
+    }
+    var timer = setTimeout(function () {
+      return setCountdown(function (c) {
+        return c - 1;
+      });
+    }, 1000);
+    return function () {
+      return clearTimeout(timer);
+    };
+  }, [countdown]);
+  var onSendCode = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+      var phone, challengeData, nonce;
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            phone = (accountName || '').replace(/\s+/g, '');
+            if (phoneReg.test(phone)) {
+              _context.next = 4;
+              break;
+            }
+            Tool.toastError(formatMessage('请输入正确的手机号码'));
+            return _context.abrupt("return");
+          case 4:
+            setSending(true);
+            _context.prev = 5;
+            _context.next = 8;
+            return AuthController.powChallenge({
+              accountName: phone,
+              scene: scene
+            }, {
+              env: env,
+              apiUrl: apiUrl
+            });
+          case 8:
+            challengeData = _context.sent;
+            _context.next = 11;
+            return solvePow(challengeData.challenge, challengeData.difficulty);
+          case 11:
+            nonce = _context.sent;
+            _context.next = 14;
+            return AuthController.sendSmsCode({
+              accountName: phone,
+              scene: scene,
+              challenge: challengeData.challenge,
+              nonce: nonce
+            }, {
+              env: env,
+              apiUrl: apiUrl
+            });
+          case 14:
+            setCountdown(60);
+            Tool.toast(formatMessage('验证码已发送'));
+            _context.next = 20;
+            break;
+          case 18:
+            _context.prev = 18;
+            _context.t0 = _context["catch"](5);
+          case 20:
+            _context.prev = 20;
+            setSending(false);
+            return _context.finish(20);
+          case 23:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee, null, [[5, 18, 20, 23]]);
+    }));
+    return function onSendCode() {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+  return /*#__PURE__*/React.createElement(Form.Item, {
+    label: disabledFormItemLabel ? undefined : formatMessage('验证码'),
+    labelCol: {
+      span: 8
+    }
+  }, /*#__PURE__*/React.createElement(Space.Compact, {
+    style: {
+      width: '100%'
+    }
+  }, /*#__PURE__*/React.createElement(Form.Item, {
+    name: "smsCode",
+    noStyle: true,
+    rules: [{
+      required: true,
+      message: formatMessage('请输入验证码')
+    }, {
+      len: 6,
+      message: formatMessage('验证码为6位数字')
+    }]
+  }, /*#__PURE__*/React.createElement(Input, {
+    placeholder: formatMessage('验证码'),
+    maxLength: 6,
+    prefix: /*#__PURE__*/React.createElement(SafetyOutlined, {
+      className: "input-prefix-icon"
+    })
+  })), /*#__PURE__*/React.createElement(Button, {
+    onClick: onSendCode,
+    loading: sending,
+    disabled: countdown > 0
+  }, countdown > 0 ? "".concat(countdown, "s") : formatMessage('获取验证码'))));
+};
+export default PhoneCode;

package/dist/auth-main/pow.d.ts

@@ -0,0 +1,11 @@
+/**
+ * hashcash 式工作量证明（客户端）。
+ * 与 api-order-printer 的 models/pow.go 保持一致：
+ * 输入为 `${challenge}.${nonce}`，求 SHA-256 前导零比特数 >= difficulty。
+ */
+/** 计算 ASCII 字符串的 SHA-256 十六进制（输入为纯 ASCII，含数字/字母/点/下划线）。 */
+export declare function sha256Hex(ascii: string): string;
+/** 计算十六进制哈希的前导零比特数。 */
+export declare function leadingZeroBits(hex: string): number;
+/** 求解 nonce，使 SHA256(`${challenge}.${nonce}`) 前导零比特数 >= difficulty。 */
+export declare function solvePow(challenge: string, difficulty: number): Promise<string>;