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

package/README.md

@@ -1,5 +1,7 @@
 # @liujitcn/kratos-taro-app-core
 
+账号密码、OAuth 票据兑换和微信登录统一返回 `mfa_remember_days`，表示当前登录策略允许的 MFA 设备免验证天数；为 `0` 时不提供记住设备选项。
+
 `@liujitcn/kratos-taro-app-core` 是 Taro 应用底座，负责模块协议、启动流程、认证请求、共享状态、动态导航、基础页面、公共静态资源和构建期页面装配。core 不依赖 UI 或业务模块。
 
 ## 主要能力

package/package.json

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

package/src/locales/en-US.json

@@ -36,10 +36,10 @@
   "core.home.account_capability_description": "Profile, app settings, and AI assistant access are included",
   "core.home.cross_platform": "Cross-platform pages",
   "core.home.cross_platform_description": "One codebase for H5 and WeChat Mini Program",
-  "core.home.demo_scope": "Demo scope",
+  "core.home.demo_scope": "Overview",
   "core.home.framework": "App framework",
   "core.home.language": "Language",
-  "core.home.main_title": "Application Framework",
+  "core.home.main_title": "Application Home",
   "core.home.state_management": "State management",
   "core.home.static_home": "Static home",
   "core.home.static_home_description": "This page presents framework details without business APIs",
@@ -62,6 +62,7 @@
   "core.login.default_sub_title": "Welcome",
   "core.login.login_failed": "Login failed. Try again.",
   "core.login.login_success": "Logged in",
+  "core.login.mfa_remember_device": "Skip verification on this device for {days} days",
   "core.login.mfa_title": "Multi-factor authentication",
   "core.login.mfa_code": "Enter the authenticator code",
   "core.login.mfa_recovery_code": "Recovery code (optional)",

package/src/locales/ja-JP.json

@@ -36,10 +36,10 @@
   "core.home.account_capability_description": "個人情報、アプリケーション設定、スマートアシスタントの入り口が予約されています",
   "core.home.cross_platform": "クロスエンド ページ",
   "core.home.cross_platform_description": "同じページ コード セットが H5 および WeChat ミニ プログラムに適応します",
-  "core.home.demo_scope": "デモの範囲",
+  "core.home.demo_scope": "機能概要",
   "core.home.framework": "アプリケーション フレームワーク",
   "core.home.language": "開発言語",
-  "core.home.main_title": "アプリケーションフレームワークの例",
+  "core.home.main_title": "アプリケーションホーム",
   "core.home.state_management": "ステータス管理",
   "core.home.static_home": "静的ホームページ",
   "core.home.static_home_description": "現在のホームページはフレーム情報を表示するために使用されており、ビジネス インターフェイスには依存していません",
@@ -62,6 +62,7 @@
   "core.login.default_sub_title": "このアプリケーションへようこそ",
   "core.login.login_failed": "ログインに失敗しました。もう一度お試しください。",
   "core.login.login_success": "ログインに成功しました",
+  "core.login.mfa_remember_device": "この端末では{days}日間、追加認証を省略する",
   "core.login.mfa_title": "多要素認証",
   "core.login.mfa_code": "認証コードを入力",
   "core.login.mfa_recovery_code": "リカバリーコード（任意）",

package/src/locales/zh-CN.json

@@ -36,10 +36,10 @@
   "core.home.account_capability_description": "个人资料、应用设置与智能助手入口已保留",
   "core.home.cross_platform": "跨端页面",
   "core.home.cross_platform_description": "同一套页面代码适配 H5 和微信小程序",
-  "core.home.demo_scope": "演示范围",
+  "core.home.demo_scope": "功能概览",
   "core.home.framework": "应用框架",
   "core.home.language": "开发语言",
-  "core.home.main_title": "应用框架示例",
+  "core.home.main_title": "应用首页",
   "core.home.state_management": "状态管理",
   "core.home.static_home": "静态首页",
   "core.home.static_home_description": "当前首页用于展示框架信息，不依赖业务接口",
@@ -64,6 +64,7 @@
   "core.login.login_success": "登录成功",
   "core.login.mfa_title": "多因素认证",
   "core.login.mfa_code": "请输入动态口令",
+  "core.login.mfa_remember_device": "{days}天内免验证此设备",
   "core.login.mfa_recovery_code": "恢复码（可选）",
   "core.login.mfa_setup_title": "绑定多因素认证",
   "core.login.mfa_copy_uri": "复制绑定地址",

package/src/locales/zh-TW.json

@@ -36,10 +36,10 @@
   "core.home.account_capability_description": "個人資料、應用設定與智慧助手入口已保留",
   "core.home.cross_platform": "跨端頁面",
   "core.home.cross_platform_description": "同一套頁面程式碼適配 H5 和微信小程式",
-  "core.home.demo_scope": "演示範圍",
+  "core.home.demo_scope": "功能概覽",
   "core.home.framework": "應用框架",
   "core.home.language": "開發語言",
-  "core.home.main_title": "應用框架示例",
+  "core.home.main_title": "應用首頁",
   "core.home.state_management": "狀態管理",
   "core.home.static_home": "靜態首頁",
   "core.home.static_home_description": "當前首頁用於展示框架資訊，不依賴業務介面",
@@ -62,6 +62,7 @@
   "core.login.default_sub_title": "歡迎使用本應用",
   "core.login.login_failed": "登入失敗，請重試",
   "core.login.login_success": "登入成功",
+  "core.login.mfa_remember_device": "{days}天內免驗證此裝置",
   "core.login.mfa_title": "多因素認證",
   "core.login.mfa_code": "請輸入動態密碼",
   "core.login.mfa_recovery_code": "恢復碼（可選）",

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/rpc/base/v1/language.ts

@@ -24,7 +24,7 @@ export interface OptionLanguageResponse {
   languages: LanguageItem[];
 }
 
-/** 语言公共服务。 */
+/** Base语言公共服务。 */
 export interface LanguageService {
   /** 查询当前支持的语言选项。 */
   OptionLanguage(request: OptionLanguageRequest): Promise<OptionLanguageResponse>;

package/src/rpc/base/v1/login.ts

@@ -155,6 +155,8 @@ export interface LoginResponse {
   mfa_method: string;
   /** WebAuthn认证选项JSON */
   mfa_webauthn_options_json: string;
+  /** 当前登录策略允许的MFA设备免验证天数 */
+  mfa_remember_days: number;
 }
 
 /** Base登录公共服务 */

package/src/rpc/base/v1/mfa.ts

@@ -19,6 +19,8 @@ export interface VerifyMfaRequest {
   recovery_code: string;
   /** WebAuthn认证响应JSON */
   webauthn_response_json: string;
+  /** 是否记住当前设备 */
+  remember_device: boolean;
 }
 
 /** 登录强制绑定多因素认证请求。 */

package/src/rpc/base/v1/oauth.ts

@@ -109,6 +109,8 @@ export interface CreateOauthSessionResponse {
   mfa_method: string;
   /** WebAuthn认证选项JSON */
   mfa_webauthn_options_json: string;
+  /** 当前登录策略允许的MFA设备免验证天数 */
+  mfa_remember_days: number;
 }
 
 /** 三方登录回调请求 */
@@ -157,6 +159,8 @@ export interface ExchangeOauthTicketResponse {
   mfa_method: string;
   /** WebAuthn认证选项JSON */
   mfa_webauthn_options_json: string;
+  /** 当前登录策略允许的MFA设备免验证天数 */
+  mfa_remember_days: number;
 }
 
 /** 个人中心三方账号绑定回调请求 */

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'
@@ -108,6 +108,8 @@ export default function LoginPage() {
   const [mfaCode, setMfaCode] = useState('')
   const [mfaRecoveryCode, setMfaRecoveryCode] = useState('')
   const [mfaMethod, setMfaMethod] = useState('totp')
+  const [mfaRememberDays, setMfaRememberDays] = useState(0)
+  const [rememberMfaDevice, setRememberMfaDevice] = useState(false)
   const [mfaWebAuthnOptionsJson, setMfaWebAuthnOptionsJson] = useState('')
   const [mfaSetupVisible, setMfaSetupVisible] = useState(false)
   const [mfaSetupTicket, setMfaSetupTicket] = useState('')
@@ -326,6 +328,8 @@ export default function LoginPage() {
       setMfaCode('')
       setMfaRecoveryCode('')
       setMfaMethod(response.mfa_method || 'totp')
+      setMfaRememberDays(response.mfa_remember_days || 0)
+      setRememberMfaDevice(false)
       setMfaWebAuthnOptionsJson(response.mfa_webauthn_options_json || '')
       setMfaVisible(true)
       return false
@@ -352,6 +356,7 @@ export default function LoginPage() {
         code: mfaRecoveryCode ? '' : mfaCode,
         recovery_code: mfaRecoveryCode,
         webauthn_response_json: webauthnResponseJson,
+        remember_device: rememberMfaDevice,
       })
       setMfaVisible(false)
       if (await handleLoginResponse(response)) await loginSuccess()
@@ -744,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}