@cloudbase/lowcode-builder 1.8.105 → 1.8.106

package/template/mp/packages/$wd_system/pages/login/index.js

@@ -1,7 +1,10 @@
-import { app, $app } from '../../../../app/weapps-api'
-import loginByPassword from './methods/loginByPassword'
-import loginByWXPhone from './methods/loginByWXPhone'
-import { getLoginConfig } from '../../../../common/util'
+import { app, $app } from '../../../../app/weapps-api';
+import loginByPassword from './methods/loginByPassword';
+import loginByWXPhone from './methods/loginByWXPhone';
+import { parseSmsError } from './methods/errorHandler';
+import loginBySms from './methods/loginBySms';
+import { getLoginConfig } from '../../../../common/util';
+import { phoneNumberPattern, phoneVerifyInfoKey, verifyDelay, loginOnly } from './methods/contants';
 
 function decodePageQuery(query) {
   return Object.keys(query).reduce((decoded, key) => {
@@ -10,107 +13,172 @@ function decodePageQuery(query) {
   }, {});
 }
 
+const BUTTON_CLASSNAME = 'weda-ui weda-button weui-btn weui-btn_primary wd-event-tap';
+
+function setStorage(data) {
+  const current = wx.getStorageSync(phoneVerifyInfoKey);
+  wx.setStorageSync(phoneVerifyInfoKey, { ...current, ...data });
+}
+
 Component({
   data: {
     params: {},
     initing: true,
     error: null,
     settingData: {
-      "logo": "",
-      "agreement": {
-        "items": [],
-        "enable": false
+      logo: '',
+      agreement: {
+        items: [],
+        enable: false,
       },
-      "miniprogram": [],
+      miniprogram: [],
     },
     pageStyle: '',
     agreement: false,
     wxLoginStatus: '',
     passwordVisible: false,
     enablePassword: false,
-    enableMpPhone: false
+    enableMpPhone: false,
+    enbaleSms: false,
+    disableLoginSubmit: false,
+    loginButtonClass: BUTTON_CLASSNAME,
+    phoneValidateMessage: '手机号为空',
+    phoneNum: '',
+    defaultPhoneNumber: '',
+    smsVerificationInfo: {
+      id: '',
+      isUser: false,
+    },
   },
   methods: {
     async getPhoneCodeNumber(e) {
-      if (
-        e?.detail?.errMsg?.includes('fail') ||
-        e?.detail?.errno ||
-        !e?.detail?.code
-      ) {
-        console.warn(
-          '获取手机号授权令牌失败:',
-          !e?.detail.code ? { errMsg: '可能基础库版本过低' } : e.detail
-        );
+      const agree = this.checkAgreement();
+      if (!agree) {
+        return;
+      }
+      if (e?.detail?.errMsg?.includes('fail') || e?.detail?.errno || !e?.detail?.code) {
+        console.warn('获取手机号授权令牌失败:', !e?.detail.code ? { errMsg: '可能基础库版本过低' } : e.detail);
 
         $app.showModal({
-          "cancelColor": "#000000",
-          "cancelText": "取消",
-          "confirmColor": "#576B95",
-          "confirmText": "确认",
-          "showCancel": true,
-          "title": "获取手机号授权令牌失败",
-          "content": `获取手机号授权令牌失败: ${e.detail.errno || e.detail?.errMsg || '可能基础库版本过低'}`
-        })
+          cancelColor: '#000000',
+          cancelText: '取消',
+          confirmColor: '#576B95',
+          confirmText: '确认',
+          showCancel: true,
+          title: '获取手机号授权令牌失败',
+          content: `获取手机号授权令牌失败: ${e.detail.errno || e.detail?.errMsg || '可能基础库版本过低'}`,
+        });
 
         return;
       }
 
-      return loginByWXPhone(this, { event: e })
+      return loginByWXPhone(this, { event: e });
     },
     async onLoad(options) {
       try {
+        const cache = wx.getStorageSync(phoneVerifyInfoKey);
+        if (cache.phoneNum) {
+          this.setData({ defaultPhoneNumber: cache.phoneNum, phoneNum: cache.phoneNum, phoneValidateMessage: '' });
+        }
+
         const config = await getLoginConfig().catch(() => {
-          return getLoginConfig()
-        })
+          return getLoginConfig();
+        });
         const query = decodePageQuery(options || {});
         let settingData = {
-          "logo": app.__internal__.resolveStaticResourceUrl(config.logo)  || "https://sso-1303824488.cos.ap-shanghai.myqcloud.com/logo.svg",
-          "agreement": {
-            "items": [],
-            "enable": false,
-            ...config.agreement
+          logo:
+            app.__internal__.resolveStaticResourceUrl(config.logo) ||
+            'https://sso-1303824488.cos.ap-shanghai.myqcloud.com/logo.svg',
+          agreement: {
+            items: [],
+            enable: false,
+            ...config.agreement,
           },
-          "miniprogram": config.miniprogram || [],
-        }
+          miniprogram: config.miniprogram || [],
+        };
+
+        const enableSms = this._getEnableSms(settingData);
+        const smsDelay =
+          enableSms && !cache.phoneNum ? Math.max(0, Math.ceil(((cache?.smsDelay || 0) - +new Date()) / 1000)) : 0;
+
         this.setData({
           params: query,
           settingData,
           enablePassword: this._getEnablePassword(settingData),
           enableMpPhone: this._getEnableMpPhone(settingData),
+          enableSms,
+          smsDelay,
+          smsVerificationInfo: cache,
           pageStyle: `${this.data.pageStyle}; background-color: ${config.backgroundColor || '#fff'};`,
-          initing: false
-        })
-      } catch(e) {
-        console.error('获取登录配置失败:', e)
+          initing: false,
+        });
+
+        if (smsDelay > 0) {
+          this._intervalSender(smsDelay);
+        }
+      } catch (e) {
+        console.error('获取登录配置失败:', e);
         this.setData({
           initing: false,
           error: {
-            message: '获取登录配置失败,' + (e.message || '')
-          }
-        })
+            message: '获取登录配置失败,' + (e.message || ''),
+          },
+        });
       }
     },
     togglePasswordVisible() {
       this.setData({
-        passwordVisible: !this.data.passwordVisible
-      })
+        passwordVisible: !this.data.passwordVisible,
+      });
     },
     loginByPassword(e) {
-      const values = e.detail.value
+      if (!this.checkAgreement()) {
+        return;
+      }
+
+      const values = e.detail.value;
+
+      return loginByPassword(this, {
+        phone: values?.username?.value,
+        sms: values?.password?.value,
+      });
+    },
+    loginBySms(e) {
+      if (!this.checkAgreement()) {
+        return;
+      }
 
-      return loginByPassword(this, { username: values?.username?.value, password: values?.password?.value })
+      const values = e.detail.value;
+
+      return loginBySms(this, {
+        phoneNum: values?.phoneNum,
+        verificationCode: values?.verificationCode,
+        verificationInfo: this.data.smsVerificationInfo,
+        callback: (err, data) => {
+          if (err) {
+            const { usedCount = 0 } = wx.getStorageSync(phoneVerifyInfoKey) || {};
+            setStorage({ usedCount: usedCount + 1 });
+          } else {
+            setStorage({ usedCount: 0, smsDelay: 0 });
+          }
+        },
+      });
     },
     showAgreement(e) {
-      const index = e.currentTarget?.dataset?.index
-      const agreementContent = this.data.settingData.agreement.items[index]?.value
+      const index = e.currentTarget?.dataset?.index;
+      const agreementContent = this.data.settingData.agreement.items[index]?.value;
       this.setData({
         agreementContent,
-        isShowAgreement: !!agreementContent
-      })
+        isShowAgreement: !!agreementContent,
+      });
     },
-    checkAgreement(e) {
-      if (this.data.settingData.agreement.enable && !this.data.agreement) {
-        app.showToast({ title: '请阅读勾选协议', icon: 'error', duartion: 1500 })
+    checkAgreement() {
+      if (this.data.settingData?.agreement?.enable && !this.data.agreement) {
+        app.showToast({
+          title: '请阅读勾选协议',
+          icon: 'error',
+          duartion: 1500,
+        });
 
         return false;
       }
@@ -118,17 +186,108 @@ Component({
     },
     onAgreementChange(e) {
       this.setData({
-        agreement: e.detail.value.length > 0
-      })
+        agreement: e.detail.value.length > 0,
+      });
+    },
+    onPhoneChange(e) {
+      const { value } = e.detail;
+      if (!phoneNumberPattern.test(value)) {
+        this.setData({ phoneValidateMessage: '手机号格式非法', phoneNum: value });
+      } else {
+        this.setData({ phoneValidateMessage: '', phoneNum: value });
+      }
+    },
+    getCaptcha(e) {
+      if (this.data.phoneValidateMessage) {
+        wx.showToast({
+          icon: 'error',
+          title: this.data.phoneValidateMessage,
+        });
+        return;
+      }
+      if (this.data.smsDelay > 0) {
+        return;
+      }
+      this._intervalSender(verifyDelay);
+      const target = loginOnly ? 'USER' : 'ANY';
+      const phoneNum = this.data.phoneNum;
+      app.cloud
+        .getCloudInstance()
+        .then((cloudbase) => {
+          return cloudbase.authInstance || cloudbase.auth;
+        })
+        .then((auth) => {
+          setStorage({ phoneNum });
+          return auth.getVerification({
+            target,
+            phone_number: `+86 ${phoneNum}`,
+          });
+        })
+        .then((data) => {
+          const verifyInfo = {
+            id: data.verification_id,
+            isUser: data.is_user,
+          };
+          this.setData({
+            smsVerificationInfo: verifyInfo,
+          });
+          setStorage({ ...verifyInfo, usedCount: 0 });
+          wx.showToast({
+            title: '验证码已发送',
+          });
+        })
+        .catch((e) => {
+          wx.hideLoading()
+          clearInterval(this.timerInterval);
+          this.setData({ smsDelay: 0 });
+          setStorage({ smsDelay: 0 });
+          wx.showModal({
+            title: '获取验证码失败',
+            content: parseSmsError(e, target, loginOnly),
+            showCancel: false,
+          });
+        });
     },
     _getEnablePassword(settingData) {
-      const config = settingData || this.data.settingData
-      return config.miniprogram?.find?.(item => item.type === 'password')?.enable ?? false
+      const config = settingData || this.data.settingData;
+      return config.miniprogram?.find?.((item) => item.type === 'password')?.enable ?? false;
     },
     _getEnableMpPhone(settingData) {
-      const config = settingData || this.data.settingData
-      return !!config.miniprogram.find(function (item) { return item.type === 'miniprogram_phone' }
-      )
+      const config = settingData || this.data.settingData;
+      return !!config.miniprogram.find(function (item) {
+        return item.type === 'miniprogram_phone';
+      })?.enable;
+    },
+    _getEnableSms(settingData) {
+      const config = settingData || this.data.settingData;
+      return !!config.miniprogram.find(function (item) {
+        return item.type === 'sms';
+      })?.enable;
+    },
+    _intervalSender(delay) {
+      this.setData({ smsDelay: delay });
+      const timerInterval = setInterval(() => {
+        delay = delay - 1;
+        if (delay <= 0) {
+          clearInterval(timerInterval);
+        }
+        this.setData({ smsDelay: delay });
+        setStorage({ smsDelay: +new Date() + delay * 1000 });
+      }, 1000);
+      this.timerInterval = timerInterval;
     },
-  }
-})
+  },
+  observers: {
+    'settingData,agreement': function (settingData, agreement) {
+      const disabled = settingData?.agreement?.enable && !agreement;
+      if (!!this.data.disableLoginSubmit !== disabled) {
+        this.setData({ disableLoginSubmit: disabled });
+      }
+    },
+    disableLoginSubmit: function (disableLoginSubmit) {
+      this.setData({
+        loginButtonClass: `${BUTTON_CLASSNAME} ${disableLoginSubmit ? 'is-disabled' : ''}`,
+      });
+    },
+  },
+});

package/template/mp/packages/$wd_system/pages/login/index.json

@@ -4,7 +4,8 @@
     "gsd-h5-react-Modal": "../../../../materials/gsd-h5-react/components/modal/index",
     "gsd-h5-react-RichTextView": "../../../../materials/gsd-h5-react/components/richText/index",
     "wd-ph": "../../../../common/placeholder/index",
-    "wd-info": "../../../../common/info/index"
+    "wd-info": "../../../../common/info/index",
+    "captcha-dialog": "./components/captchaDialog/index"
   },
   "componentPlaceholder": {
     "gsd-h5-react-Modal": "wd-ph",

package/template/mp/packages/$wd_system/pages/login/index.wxml

@@ -1,29 +1,48 @@
 <page-meta page-style="{{pageStyle}}">
-  <view wx:if="{{!initing && !error}}"  id="wd-page-root" class="wd-mp-root" data-weui-theme="light">
-    <view id="id33" style="width:90%;margin:0px auto;display:flex;flex-direction:column;max-width:50rem;" class="login-class">
-      <view id="id44" style="margin:80px 0px;">
-        <image id="id15" style="margin:0px auto;display:flex;justify-content:center;width: 120px;height: 120px;" class="weda-ui weda-image" mode="aspectFit" src="{{settingData.logo}}" />
+  <view wx:if="{{!initing && !error}}" class="wd-mp-root" data-weui-theme="light">
+    <view style="width:90%;margin:0px auto;display:flex;flex-direction:column;max-width:50rem;" class="login-class">
+      <view style="margin:80px 0px 60px;">
+        <image style="margin:0px auto;display:flex;justify-content:center;width: 80px;height: 80px;" class="weda-ui weda-image" mode="aspectFit" src="{{settingData.logo}}" />
       </view>
-      <view id="container1" wx:if="{{enablePassword}}">
+      <view wx:if="{{enablePassword}}">
         <form bindsubmit="loginByPassword">
-          <login-input id="input1" name="username" placeholder="请输入用户名" type="text" />
-          <view id="container2" style="margin-bottom:30px;position:relative;">
-            <login-input id="input2" name="password" placeholder="请输入密码" type="{{passwordVisible?'text':'password'}}" />
-            <image id="image1" style="width:20PX;height:20PX;position:absolute;right:17px;top:20px;z-index: 9999;" class="weda-ui weda-image wd-event-tap" mode="widthFix" src="{{passwordVisible?'https://qcloudimg.tencent-cloud.cn/raw/487eba32ccfc23ebc68f8fac005d6919.svg':'https://qcloudimg.tencent-cloud.cn/raw/0b6cef53d62a3356e3bcc5bd83341482.svg'}}" bind:tap="togglePasswordVisible" />
+          <login-input name="username" placeholder="请输入用户名" type="text" />
+          <view style="margin-bottom:30px;position:relative;">
+            <login-input name="password" placeholder="输入验证码" style="padding-right:100px" type="{{passwordVisible?'text':'password'}}">
+              <image style="width:20px;height:20px;padding:0 10px;box-sizing: content-box;" class="weda-ui weda-image wd-event-tap input-suffix" mode="widthFix" src="{{passwordVisible?'https://qcloudimg.tencent-cloud.cn/raw/487eba32ccfc23ebc68f8fac005d6919.svg':'https://qcloudimg.tencent-cloud.cn/raw/0b6cef53d62a3356e3bcc5bd83341482.svg'}}" bind:tap="togglePasswordVisible" slot="suffix" />
+            </login-input>
           </view>
-          <button id="button1" class="weda-ui weda-button weui-btn weui-btn_primary wd-event-tap" style="width:100%;border-radius:5px;" size="md" form-type="submit">
+          <button class="{{loginButtonClass}}" style="width:100%;border-radius:5px;" size="md" form-type="submit">
             账号密码登录
           </button>
         </form>
       </view>
-      <view id="id37" style="display:flex;flex-direction:column;">
-        <view id="id48" style="width:100%;margin-top:20px;position:relative;" wx:if="{{enableMpPhone}}">
-          <button style="width:100%;margin-top:0px;z-index:1;font-weight:normal;border-radius:0.5713rem;background:rgb(7, 193, 96);position:absolute;left:0px;top:0px;" bindgetphonenumber="getPhoneCodeNumber" aria-disabled="false" open-type="getPhoneNumber" role="button" class="weda-ui weda-button weui-btn weui-btn_primary weui-btn_wechat">登录</button>
-          <button id="id47" style="width:100%;margin-top:0px;z-index:1;font-weight:normal;border-radius:0.5713rem;background:rgb(7, 193, 96);position:absolute;left:0px;top:0px;" role="button" class="weda-ui weda-button weui-btn weui-btn_primary  wd-event-tap wd-event-tap" bind:tap="checkAgreement" wx:if="{{settingData.agreement.enable && !agreement}}">登录</button>
-        </view>
+      <view wx:if="{{enableSms}}">
+        <form bindsubmit="loginBySms">
+          <login-input name="phoneNum" defaultValue="{{defaultPhoneNumber}}" placeholder="输入手机号" type="number" auto maxlength="11" bindchange="onPhoneChange">
+            <view class="input-prefix" style="color:#acacac;padding: 0 10px" slot="prefix">
+              +86
+            </view>
+          </login-input>
+          <view style="margin-bottom:30px;position:relative;">
+            <login-input name="verificationCode" placeholder="输入验证码" style="padding-right:100px" type="text" maxlength="6">
+              <view class="input-suffix wd-event-tap" style="font-size:14px;width: 150px;text-align:center;padding:0 10px;color:{{phoneValidateMessage || smsDelay>0?'var(--wd-color-brand-disabled)':'var(--wd-color-text-brand)'}};" slot="suffix" bindtap="getCaptcha">
+                {{smsDelay > 0 ? '重新获取'+smsDelay : '获取验证码'}}
+              </view>
+            </login-input>
+          </view>
+          <button class="{{loginButtonClass}}" style="width:100%;border-radius:5px;" size="md" form-type="submit">
+            登录
+          </button>
+        </form>
+      </view>
+      <view wx:if="{{enableMpPhone}}">
+        <button style="width:100%;border-radius: 5px;" bindgetphonenumber="getPhoneCodeNumber" open-type="getPhoneNumber" role="button" class="{{loginButtonClass}}">
+          登录
+        </button>
       </view>
-      <view id="id11" style="display:flex;justify-content:center;flex-direction:row;font-size:0.8rem;position:fixed;left:0px;right:0px;bottom:50px;" class="have-read" wx:if="{{settingData.agreement.enable}}">
-        <view id="id19" class="weda-ui weda-ui-to-wd">
+      <view style="display:flex;justify-content:center;flex-direction:row;font-size:0.8rem;position:fixed;left:0px;right:0px;bottom:50px;" class="have-read" wx:if="{{settingData.agreement.enable}}">
+        <view class="weda-ui weda-ui-to-wd">
           <view class="weda-ui weda-checkbox wd-event-change">
             <view class="weda-ui weda-formcells weui-cells weui-cells_checkbox weui-flex">
               <view class="weui-flex__item">
@@ -44,17 +63,23 @@
             </view>
           </view>
         </view>
-        <text class="weda-text weda-ui wd-event-tap" style="white-space: pre-line; margin:0px 5px;display:flex;align-items:center;color:rgb(68, 144, 238);text-align:center;white-space:pre-line;" wx:if="{{settingData.agreement.items[0].enable}}" data-index="0" bind:tap="showAgreement">《{{settingData.agreement.items[0].label}}》</text>
-        <text id="id14" style="white-space: pre-warp; display:flex;align-items:center;white-space:pre-line;" class="weda-text weda-ui" wx:if="{{settingData.agreement.items[0].enable && settingData.agreement.items[1].enable}}">和</text>
-        <text class="weda-text weda-ui wd-event-tap" id="id12" style="white-space: pre-line; margin:0px 5px;display:flex;align-items:center;color:rgb(68, 144, 238);white-space:pre-line;" data-index="1" wx:if="{{settingData.agreement.items[1].enable}}" bind:tap="showAgreement">《{{settingData.agreement.items[1].label}}》</text>
+        <text class="weda-text weda-ui wd-event-tap" style="white-space: pre-line; margin:0px 5px;display:flex;align-items:center;color:rgb(68, 144, 238);text-align:center;white-space:pre-line;" wx:if="{{settingData.agreement.items[0].enable}}" data-index="0" bind:tap="showAgreement">
+          《{{settingData.agreement.items[0].label}}》
+        </text>
+        <text style="white-space: pre-warp; display:flex;align-items:center;white-space:pre-line;" class="weda-text weda-ui" wx:if="{{settingData.agreement.items[0].enable && settingData.agreement.items[1].enable}}">
+          和
+        </text>
+        <text class="weda-text weda-ui wd-event-tap" style="white-space: pre-line; margin:0px 5px;display:flex;align-items:center;color:rgb(68, 144, 238);white-space:pre-line;" data-index="1" wx:if="{{settingData.agreement.items[1].enable}}" bind:tap="showAgreement">
+          《{{settingData.agreement.items[1].label}}》
+        </text>
       </view>
     </view>
-    <gsd-h5-react-Modal id="id4" style="position: absolute;" isDefaultButton="{{false}}" visible="{{isShowAgreement}}" bind:close="showAgreement">
-      <scroll-view id="id6" style="height:500px;margin-top:20px;" class="weda-ui" scroll-y="true" slot="customContent">
-        <gsd-h5-react-RichTextView id="id5" style="height: 60%" value="{{agreementContent}}" />
+    <gsd-h5-react-Modal style="position: absolute;" isDefaultButton="{{false}}" visible="{{isShowAgreement}}" bind:close="showAgreement">
+      <scroll-view style="height:500px;margin-top:20px;" class="weda-ui" scroll-y="true" slot="customContent">
+        <gsd-h5-react-RichTextView style="height: 60%" value="{{agreementContent}}" />
       </scroll-view>
     </gsd-h5-react-Modal>
   </view>
   <wd-info type="{{initing? 'loading': 'auth'}}" wx:if="{{initing || error}}" message="{{loading?'加载配置中...':' '}}" error="{{error}}" />
-</page-meta>
-
+  <captcha-dialog />
+</page-meta>

package/template/mp/packages/$wd_system/pages/login/index.wxss

@@ -1,7 +1,8 @@
 button,
 button:hover,
 button,
-button:active  {
+button:active {
+  font-size: 14px !important;
   color: white;
 }
 
@@ -58,3 +59,17 @@ button:active  {
 .login-class .have-read .weui-cells_checkbox .weui-icon-checked {
   width: 1.2rem;
 }
+
+.login-class .weui-btn_primary.is-disabled {
+  background-color: var(--wd-color-brand-disabled) !important;
+  border-color: var(--wd-color-brand-disabled) !important;
+  color: #fff !important;
+}
+
+.login-class .input-prefix {
+  border-right: 1px solid #dbdbdb;
+}
+
+.login-class .input-suffix {
+  border-left: 1px solid #dbdbdb;
+}

package/template/mp/packages/$wd_system/pages/login/methods/contants.js

@@ -0,0 +1,5 @@
+export const phoneNumberPattern = /^1[0-9]{10}$/;
+export const phoneVerifyInfoKey = 'sso_phone_verifyInfo'; // 获取短信信息缓存key
+export const verifyCodeFailedLimit = 8; // 同一个短信验证码使用8次即提示错误
+export const verifyDelay = 60; // 获取验证码倒计时，单位s
+export const loginOnly = false;

package/template/mp/packages/$wd_system/pages/login/methods/errorHandler.js

@@ -0,0 +1,152 @@
+export function prefixMsg(msg, prefix = ' - ') {
+  return `${msg ? prefix + msg : ''}`;
+}
+
+// 登录错误处理
+export const parseLoginError = (e) => {
+  switch (e.error) {
+    case 'not_found':
+      return '用户不存在';
+    case 'password_not_set':
+      return '当前用户未设置密码，请使用验证码登录或第三方登录方式';
+    case 'invalid_password':
+      if (e.details && e.details.length > 0) {
+        return `密码验证失败, 您还有 ${e.details[0].remaining} 次重试机会`;
+      }
+      return '密码不正确';
+    case 'user_pending':
+      return '该用户未激活';
+    case 'user_blocked':
+      return '该用户被停用';
+    case 'invalid_status':
+      if (e.details && e.details.length > 0) {
+        const retryInSeconds = e.details[0].retry_in;
+        const retryInTime = retryInSeconds < 3600 ? `${retryInSeconds / 60}分钟` : `${retryInSeconds / 3600}小时`;
+        return `您已经超过了密码最大重试次数，请于 ${retryInTime} 后重试`;
+      }
+      return '您已经超过了密码最大重试次数，请稍后重试';
+    case '__invalid_redirect_uri':
+      return 'redirect_uri参数无效';
+    case 'license_required':
+      return '该用户没有产品许可证，请授权后重试';
+    case 'unimplemented':
+      return '请在控制台上“身份源管理”页面，开启用户名密码登录';
+    default:
+      return '您输入的帐号或密码不正确，请重新输入';
+  }
+};
+
+export const parseSmsLoginError = (e) => {
+  switch (e.error) {
+    case 'not_found':
+      return '用户不存在';
+    default:
+      return parseSignUpError(e);
+  }
+};
+
+// 注册错误处理
+export const parseSignUpError = (e) => {
+  switch (e.error) {
+    case 'failed_precondition':
+      return '您输入的手机号已被注册，请使用其他号码';
+    default:
+      return parseVerifyError(e);
+  }
+};
+
+// 验证码验证token
+export const parseVerifyError = (e) => {
+  switch (e.error) {
+    case 'invalid_argument':
+      return `您输入的验证码不正确或已过期 ${e.message || ''}`;
+    case 'get_verify_code':
+      return '请重新获取验证码';
+    case 'aborted':
+      return '您尝试的次数过多，稍后重试';
+    default:
+      return parseCommonError(e);
+  }
+};
+
+// 三方登录表单错误
+export const parseProviderSignError = (e) => {
+  switch (e.error) {
+    case 'permission_denied':
+      return '您当前的会话已过期，请返回重试';
+    case 'invalid_argument':
+      return '您输入的验证码不正确或已过期';
+    case 'aborted':
+      return '您尝试的次数过多，稍后重试';
+    default:
+      return parseCommonError(e);
+  }
+};
+
+// 重置密码错误
+export const parseResetPasswordError = (e) => {
+  switch (e.error) {
+    case 'invalid_argument':
+      return '您输入的密码不符合要求, 请重新输入';
+    default:
+      return parseCommonError(e);
+  }
+};
+
+// 验证码验证token
+export const parseProviderTokenError = (e) => {
+  switch (e.error) {
+    case 'failed_precondition':
+      return `从第三方获取用户信息失败${prefixMsg(e.error_description)}`;
+    case 'not_found':
+      return `没有找到匹配的用户\n请联系管理员确认您的配置`;
+    default:
+      return parseCommonError(e);
+  }
+};
+
+export function parseSmsError(e, verificationTarget, loginOnly) {
+  switch (e.error) {
+    case 'failed_precondition':
+      switch (verificationTarget) {
+        case 'USER':
+          if (loginOnly) {
+            return '用户不存在，请输入在平台注册过的手机号码';
+          }
+          return '你输入的手机号已被注册，请使用其他号码';
+        case 'NOT_USER':
+          return '该用户已被注册，请使用其他号码';
+        default:
+          return '短信功能未开启，请联系管理员开启';
+      }
+    case 'payment_required':
+      return '短信包剩余条数不足，请联系管理员充值';
+    case 'aborted':
+      return '你尝试的次数过多，稍后重试';
+    case 'unavailable':
+      return `发件服务不可用，请稍后重试${prefixMsg(e.error_description)}`;
+    default:
+      return parseCommonError(e);
+  }
+}
+
+export const parseCommonError = (e) => {
+  let msg;
+  switch (e.error) {
+    // __开头为前端异常
+    case '__invalid_redirect_uri':
+      msg = 'redirect_uri参数无效';
+      break;
+    case 'unreachable':
+      msg = `网络错误，请检查您的网络连接，稍后重试${prefixMsg(e.error_description)}`;
+      break;
+    case 'resource_exhausted':
+      return '验证码已被使用，或者尝试过于频繁，请稍后重试';
+    case 'license_required':
+      return '该用户没有产品许可证，请授权后重试';
+    default:
+      msg = `请刷新后重试${prefixMsg(e.error || e.message)}${prefixMsg(e.error_description)}`;
+      break;
+  }
+  return msg;
+};