@liujitcn/kratos-taro-app-core 0.0.39 → 0.0.40

package/package.json

@@ -7,7 +7,7 @@
     "type": "git",
     "url": "git@github.com:liujitcn/kratos-admin.git"
   },
-  "version": "0.0.39",
+  "version": "0.0.40",
   "type": "module",
   "files": [
     "dist",

package/src/navigation.ts

@@ -306,7 +306,7 @@ export function navigateAppView(viewKey: string, params: Record<string, string>
   navigateAppRoute(`${path}${query ? `?${query}` : ''}`)
 }
 
-/** 切换 tab 页面，优先复用已有页面，避免重建页面栈产生空白帧。 */
+/** 自绘 tab 在 H5 直接切换，微信端优先复用原生 tab 或页面栈。 */
 function navigateTabRoute(url: string): void {
   const targetRoute = url.slice(1).split('?', 1)[0].replace(/^\/+/, '')
   const pages = getCurrentPages()
@@ -318,6 +318,10 @@ function navigateTabRoute(url: string): void {
   const release = () => {
     if (tabNavigationTarget === targetRoute) tabNavigationTarget = undefined
   }
+  if (process.env.TARO_ENV === 'h5') {
+    void Taro.reLaunch({ url }).then(release, release)
+    return
+  }
   if (nativeTabViewKeys.some((viewKey) => resolveStaticView(viewKey) === targetRoute)) {
     void Taro.switchTab({ url })
       .then(release)

package/src/views/pages/login/login.scss

@@ -295,6 +295,16 @@
   font-weight: 700;
 }
 
+.mfa-remember-device {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  margin: 4px 0 20px;
+  color: #53636d;
+  font-size: 24px;
+  line-height: 1.4;
+}
+
 .login-agreement {
   display: flex;
   align-items: center;

package/src/views/pages/login/login.tsx

@@ -1,4 +1,4 @@
-import { Button, Image, Input, Picker, Text, View } from '@tarojs/components'
+import { Button, Checkbox, Image, Input, Picker, Text, View } from '@tarojs/components'
 import Taro, { useLoad } from '@tarojs/taro'
 import { useEffect, useMemo, useRef, useState } from 'react'
 import defaultLogo from '@liujitcn/kratos-taro-app-core/static/images/logo_icon.png'
@@ -749,6 +749,16 @@ export default function LoginPage() {
                 placeholder={t('core.login.mfa_recovery_code')}
                 onInput={(event) => setMfaRecoveryCode(event.detail.value)}
               />
+              {mfaRememberDays > 0 ? (
+                <View className='mfa-remember-device'>
+                  <Checkbox
+                    value='remember'
+                    checked={rememberMfaDevice}
+                    onChange={(event) => setRememberMfaDevice(event.detail.value.includes('remember'))}
+                  />
+                  <Text>{t('core.login.mfa_remember_device', { days: mfaRememberDays })}</Text>
+                </View>
+              ) : null}
               <Button
                 className='login-button login-button-primary'
                 loading={mfaLoading}