@liujitcn/kratos-taro-app-system 0.0.31 → 0.0.32

package/README.md

@@ -7,7 +7,7 @@
 | 页面 | 视图键 | 用途 |
 | --- | --- | --- |
 | `pages/my/my` | `PROFILE_HOME` | 我的 tab 与登录概览。 |
-| `pagesMember/profile/profile` | `PROFILE` | 头像、昵称、性别和地区资料。 |
+| `pagesMember/profile/profile` | `PROFILE` | 头像、昵称、性别、邮箱和证件资料。 |
 | `pagesMember/settings/settings` | `SETTINGS` | MFA 状态、设置与退出登录。 |
 | `pagesMember/ai/index` | `AI` | AI 会话、流式消息、附件和快捷入口。 |
 
@@ -21,7 +21,7 @@ AI 页面支持会话创建与切换、历史会话搜索、消息加载、附
 
 ## MFA
 
-设置页通过 `@liujitcn/kratos-taro-app-core/api/base/mfa` 查询状态并发起绑定或禁用；页面私有的 `components/PasswordVerifyDialog.tsx` 提供 `setup`、`disable` 两种模式。未启用 MFA 时组件只显示密码输入，已启用 MFA 时在同一组件内同时完成密码和 MFA 校验，绑定成功展示一次性恢复码，禁用成功后清理会话并重新登录。
+设置页通过 `@liujitcn/kratos-taro-app-core/api/base/v1/mfa` 查询状态并发起绑定或禁用；页面私有的 `components/PasswordVerifyDialog.tsx` 提供 `setup`、`disable` 两种模式。未启用 MFA 时组件只显示密码输入，已启用 MFA 时在同一组件内同时完成密码和 MFA 校验，绑定成功展示一次性恢复码，禁用成功后清理会话并重新登录。
 
 ## 验证
 

package/dist/build.mjs

@@ -26,7 +26,12 @@ var systemPages = {
       navigationBarTitleText: ""
     }
   },
-  "pagesMember/message/index": { style: { navigationBarTitleText: "" } },
+  "pagesMember/message/index": {
+    style: {
+      navigationStyle: "custom",
+      navigationBarTitleText: ""
+    }
+  },
   "pagesMember/message/detail": { style: { navigationBarTitleText: "" } }
 };
 

package/dist/module.mjs

@@ -24,7 +24,12 @@ var systemPages = {
       navigationBarTitleText: ""
     }
   },
-  "pagesMember/message/index": { style: { navigationBarTitleText: "" } },
+  "pagesMember/message/index": {
+    style: {
+      navigationStyle: "custom",
+      navigationBarTitleText: ""
+    }
+  },
   "pagesMember/message/detail": { style: { navigationBarTitleText: "" } }
 };
 
@@ -99,6 +104,20 @@ var zh_CN_default = {
   "system.profile.avatar_upload_failed": "\u4E0A\u4F20\u5934\u50CF\u5931\u8D25",
   "system.profile.avatar_update": "\u66F4\u65B0\u5934\u50CF\u6635\u79F0",
   "system.profile.gender": "\u6027\u522B",
+  "system.profile.email": "\u90AE\u7BB1",
+  "system.profile.email_placeholder": "\u8BF7\u8F93\u5165\u90AE\u7BB1",
+  "system.profile.email_invalid": "\u8BF7\u8F93\u5165\u6B63\u786E\u7684\u90AE\u7BB1",
+  "system.profile.id_type": "\u8BC1\u4EF6\u7C7B\u578B",
+  "system.profile.id_code": "\u8BC1\u4EF6\u53F7",
+  "system.profile.id_code_placeholder": "\u8BF7\u8F93\u5165\u8BC1\u4EF6\u53F7",
+  "system.profile.id_code_invalid": "\u8BF7\u8F93\u5165\u6B63\u786E\u7684\u8BC1\u4EF6\u53F7",
+  "system.profile.id_type.unspecified": "\u672A\u6307\u5B9A",
+  "system.profile.id_type.id_card": "\u5C45\u6C11\u8EAB\u4EFD\u8BC1",
+  "system.profile.id_type.passport": "\u62A4\u7167",
+  "system.profile.id_type.hk_macao_permit": "\u6E2F\u6FB3\u5C45\u6C11\u6765\u5F80\u5185\u5730\u901A\u884C\u8BC1",
+  "system.profile.id_type.taiwan_permit": "\u53F0\u6E7E\u5C45\u6C11\u6765\u5F80\u5927\u9646\u901A\u884C\u8BC1",
+  "system.profile.id_type.foreign_permanent_residence": "\u5916\u56FD\u4EBA\u6C38\u4E45\u5C45\u7559\u8EAB\u4EFD\u8BC1",
+  "system.profile.id_type.other": "\u5176\u4ED6\u8BC1\u4EF6",
   "system.profile.login_prompt": "\u70B9\u51FB\u767B\u5F55\u8D26\u53F7",
   "system.profile.mobile": "\u624B\u673A\u53F7",
   "system.profile.nick_name": "\u6635\u79F0",
@@ -216,6 +235,20 @@ var en_US_default = {
   "system.profile.avatar_upload_failed": "Avatar upload failed",
   "system.profile.avatar_update": "Update avatar and name",
   "system.profile.gender": "Gender",
+  "system.profile.email": "Email",
+  "system.profile.email_placeholder": "Enter email",
+  "system.profile.email_invalid": "Enter a valid email",
+  "system.profile.id_type": "ID type",
+  "system.profile.id_code": "ID number",
+  "system.profile.id_code_placeholder": "Enter ID number",
+  "system.profile.id_code_invalid": "Enter a valid ID number",
+  "system.profile.id_type.unspecified": "Unspecified",
+  "system.profile.id_type.id_card": "Resident ID card",
+  "system.profile.id_type.passport": "Passport",
+  "system.profile.id_type.hk_macao_permit": "Mainland travel permit for Hong Kong/Macao residents",
+  "system.profile.id_type.taiwan_permit": "Mainland travel permit for Taiwan residents",
+  "system.profile.id_type.foreign_permanent_residence": "Foreign permanent residence ID",
+  "system.profile.id_type.other": "Other ID",
   "system.profile.login_prompt": "Tap to log in",
   "system.profile.mobile": "Mobile",
   "system.profile.nick_name": "Nickname",
@@ -333,6 +366,20 @@ var ja_JP_default = {
   "system.profile.avatar_upload_failed": "\u30A2\u30D0\u30BF\u30FC\u306E\u30A2\u30C3\u30D7\u30ED\u30FC\u30C9\u306B\u5931\u6557\u3057\u307E\u3057\u305F",
   "system.profile.avatar_update": "\u30A2\u30D0\u30BF\u30FC\u306E\u30CB\u30C3\u30AF\u30CD\u30FC\u30E0\u3092\u66F4\u65B0",
   "system.profile.gender": "\u6027\u5225",
+  "system.profile.email": "\u30E1\u30FC\u30EB\u30A2\u30C9\u30EC\u30B9",
+  "system.profile.email_placeholder": "\u30E1\u30FC\u30EB\u30A2\u30C9\u30EC\u30B9\u3092\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044",
+  "system.profile.email_invalid": "\u6B63\u3057\u3044\u30E1\u30FC\u30EB\u30A2\u30C9\u30EC\u30B9\u3092\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044",
+  "system.profile.id_type": "\u8EAB\u5206\u8A3C\u660E\u66F8\u306E\u7A2E\u985E",
+  "system.profile.id_code": "\u8EAB\u5206\u8A3C\u660E\u66F8\u756A\u53F7",
+  "system.profile.id_code_placeholder": "\u8EAB\u5206\u8A3C\u660E\u66F8\u756A\u53F7\u3092\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044",
+  "system.profile.id_code_invalid": "\u6B63\u3057\u3044\u8EAB\u5206\u8A3C\u660E\u66F8\u756A\u53F7\u3092\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044",
+  "system.profile.id_type.unspecified": "\u672A\u6307\u5B9A",
+  "system.profile.id_type.id_card": "\u8EAB\u5206\u8A3C\u660E\u66F8",
+  "system.profile.id_type.passport": "\u30D1\u30B9\u30DD\u30FC\u30C8",
+  "system.profile.id_type.hk_macao_permit": "\u9999\u6E2F\u30FB\u30DE\u30AB\u30AA\u4F4F\u6C11\u5185\u5730\u901A\u884C\u8A3C",
+  "system.profile.id_type.taiwan_permit": "\u53F0\u6E7E\u4F4F\u6C11\u5927\u9678\u901A\u884C\u8A3C",
+  "system.profile.id_type.foreign_permanent_residence": "\u5916\u56FD\u4EBA\u6C38\u4E45\u5C45\u7559\u8EAB\u5206\u8A3C\u660E\u66F8",
+  "system.profile.id_type.other": "\u305D\u306E\u4ED6",
   "system.profile.login_prompt": "\u30AF\u30EA\u30C3\u30AF\u3057\u3066\u30A2\u30AB\u30A6\u30F3\u30C8\u306B\u30ED\u30B0\u30A4\u30F3\u3057\u3066\u304F\u3060\u3055\u3044",
   "system.profile.mobile": "\u643A\u5E2F\u96FB\u8A71\u756A\u53F7",
   "system.profile.nick_name": "\u30CB\u30C3\u30AF\u30CD\u30FC\u30E0",
@@ -450,6 +497,20 @@ var zh_TW_default = {
   "system.profile.avatar_upload_failed": "\u4E0A\u50B3\u982D\u50CF\u5931\u6557",
   "system.profile.avatar_update": "\u66F4\u65B0\u982D\u50CF\u66B1\u7A31",
   "system.profile.gender": "\u6027\u5225",
+  "system.profile.email": "\u96FB\u5B50\u90F5\u4EF6",
+  "system.profile.email_placeholder": "\u8ACB\u8F38\u5165\u96FB\u5B50\u90F5\u4EF6",
+  "system.profile.email_invalid": "\u8ACB\u8F38\u5165\u6B63\u78BA\u7684\u96FB\u5B50\u90F5\u4EF6",
+  "system.profile.id_type": "\u8B49\u4EF6\u985E\u578B",
+  "system.profile.id_code": "\u8B49\u4EF6\u865F",
+  "system.profile.id_code_placeholder": "\u8ACB\u8F38\u5165\u8B49\u4EF6\u865F",
+  "system.profile.id_code_invalid": "\u8ACB\u8F38\u5165\u6B63\u78BA\u7684\u8B49\u4EF6\u865F",
+  "system.profile.id_type.unspecified": "\u672A\u6307\u5B9A",
+  "system.profile.id_type.id_card": "\u5C45\u6C11\u8EAB\u5206\u8B49",
+  "system.profile.id_type.passport": "\u8B77\u7167",
+  "system.profile.id_type.hk_macao_permit": "\u6E2F\u6FB3\u5C45\u6C11\u4F86\u5F80\u5167\u5730\u901A\u884C\u8B49",
+  "system.profile.id_type.taiwan_permit": "\u81FA\u7063\u5C45\u6C11\u4F86\u5F80\u5927\u9678\u901A\u884C\u8B49",
+  "system.profile.id_type.foreign_permanent_residence": "\u5916\u570B\u4EBA\u6C38\u4E45\u5C45\u7559\u8EAB\u5206\u8B49",
+  "system.profile.id_type.other": "\u5176\u4ED6\u8B49\u4EF6",
   "system.profile.login_prompt": "\u9EDE\u9078\u767B\u5165\u8CEC\u865F",
   "system.profile.mobile": "\u624B\u6A5F\u865F",
   "system.profile.nick_name": "\u66B1\u7A31",

package/package.json

@@ -7,7 +7,7 @@
     "type": "git",
     "url": "git@github.com:liujitcn/kratos-admin.git"
   },
-  "version": "0.0.31",
+  "version": "0.0.32",
   "type": "module",
   "files": [
     "dist",
@@ -38,8 +38,8 @@
     "@tarojs/components": "4.2.1",
     "@tarojs/taro": "4.2.1",
     "react": "18.3.1",
-    "@liujitcn/kratos-taro-app-core": "^0.0.31",
-    "@liujitcn/kratos-taro-app-ui": "^0.0.31"
+    "@liujitcn/kratos-taro-app-core": "^0.0.32",
+    "@liujitcn/kratos-taro-app-ui": "^0.0.32"
   },
   "scripts": {
     "build": "pnpm run build:entries && pnpm pack --pack-destination ../../../dist/npm",

package/src/api/base/{ai_message.ts → v1/ai_message.ts}

@@ -6,7 +6,7 @@ import {
 } from '@liujitcn/kratos-taro-app-core/utils/http'
 import { getLocaleRequestHeaders, t } from '@liujitcn/kratos-taro-app-core'
 import Taro from '@tarojs/taro'
-import type { ListAiMessageRequest, ListAiMessageResponse } from '../../rpc/base/v1/ai_session'
+import type { ListAiMessageRequest, ListAiMessageResponse } from '../../../rpc/base/v1/ai_session'
 import type {
   AiMessageService,
   DeleteAiMessageRequest,
@@ -16,7 +16,7 @@ import type {
   SendAiMessageRequest,
   SendAiMessageResponse,
   UpdateAiMessageRequest,
-} from '../../rpc/base/v1/ai_message'
+} from '../../../rpc/base/v1/ai_message'
 
 const AI_SESSION_URL = '/v1/base/ai/session'
 

package/src/api/base/{ai_session.ts → v1/ai_session.ts}

@@ -13,7 +13,7 @@ import type {
   ListAiSessionResponse,
   UpdateAiSessionRequest,
   UpdateAiSessionResponse,
-} from '../../rpc/base/v1/ai_session'
+} from '../../../rpc/base/v1/ai_session'
 
 const AI_SESSION_URL = '/v1/base/ai/session'
 

package/src/api/base/{ai_tool.ts → v1/ai_tool.ts}

@@ -3,7 +3,7 @@ import type {
   AiToolService,
   ListAiShortcutRequest,
   ListAiShortcutResponse,
-} from '../../rpc/base/v1/ai_tool'
+} from '../../../rpc/base/v1/ai_tool'
 
 const AI_SHORTCUT_URL = '/v1/base/ai/shortcut'
 

package/src/api/base/{notification.ts → v1/notification.ts}

@@ -4,6 +4,8 @@ import type {
   DeleteNotificationRequest,
   GetNotificationRequest,
   GetNotificationSummaryRequest,
+  ListNotificationCategoriesRequest,
+  ListNotificationCategoriesResponse,
   MarkAllNotificationReadRequest,
   MarkNotificationReadRequest,
   MarkNotificationUnreadRequest,
@@ -13,8 +15,8 @@ import type {
   PageNotificationRequest,
   PageNotificationResponse,
   RestoreNotificationRequest,
-} from '../../rpc/base/v1/notification'
-import type { Empty } from '../../rpc/google/protobuf/empty'
+} from '../../../rpc/base/v1/notification'
+import type { Empty } from '../../../rpc/google/protobuf/empty'
 
 const NOTIFICATION_URL = '/v1/base/notification'
 
@@ -22,7 +24,35 @@ const NOTIFICATION_URL = '/v1/base/notification'
 export class NotificationServiceImpl implements NotificationService {
   /** 分页查询收件箱。 */
   PageNotification(request: PageNotificationRequest): Promise<PageNotificationResponse> {
-    return http({ url: NOTIFICATION_URL, method: 'GET', authMode: 'required', data: request })
+    const data = Object.fromEntries(
+      Object.entries(request).filter(([, value]) => value !== undefined),
+    )
+    return http<Partial<PageNotificationResponse>>({
+      url: NOTIFICATION_URL,
+      method: 'GET',
+      authMode: 'required',
+      data,
+    }).then((response) => ({
+      ...response,
+      notifications: Array.isArray(response.notifications) ? response.notifications : [],
+      total: response.total ?? 0,
+      next_cursor_id: response.next_cursor_id ?? 0,
+      has_more: response.has_more ?? false,
+    }))
+  }
+  /** 查询当前可用的消息分类。 */
+  ListNotificationCategories(
+    request: ListNotificationCategoriesRequest,
+  ): Promise<ListNotificationCategoriesResponse> {
+    return http<Partial<ListNotificationCategoriesResponse>>({
+      url: `${NOTIFICATION_URL}/categories`,
+      method: 'GET',
+      authMode: 'required',
+      data: request,
+    }).then((response) => ({
+      ...response,
+      categories: Array.isArray(response.categories) ? response.categories : [],
+    }))
   }
   /** 查询消息详情。 */
   GetNotification(request: GetNotificationRequest): Promise<Notification> {
@@ -30,7 +60,17 @@ export class NotificationServiceImpl implements NotificationService {
   }
   /** 查询未读汇总。 */
   GetNotificationSummary(request: GetNotificationSummaryRequest): Promise<NotificationSummary> {
-    return http({ url: `${NOTIFICATION_URL}/summary`, method: 'GET', authMode: 'required', data: request })
+    return http<Partial<NotificationSummary>>({
+      url: `${NOTIFICATION_URL}/summary`,
+      method: 'GET',
+      authMode: 'required',
+      data: request,
+    }).then((response) => ({
+      ...response,
+      unread_total: response.unread_total ?? 0,
+      latest_delivery_id: response.latest_delivery_id ?? 0,
+      category_unread: Array.isArray(response.category_unread) ? response.category_unread : [],
+    }))
   }
   /** 标记消息已读。 */
   MarkNotificationRead(request: MarkNotificationReadRequest): Promise<Empty> {

package/src/locales/en-US.json

@@ -68,6 +68,20 @@
   "system.profile.avatar_upload_failed": "Avatar upload failed",
   "system.profile.avatar_update": "Update avatar and name",
   "system.profile.gender": "Gender",
+  "system.profile.email": "Email",
+  "system.profile.email_placeholder": "Enter email",
+  "system.profile.email_invalid": "Enter a valid email",
+  "system.profile.id_type": "ID type",
+  "system.profile.id_code": "ID number",
+  "system.profile.id_code_placeholder": "Enter ID number",
+  "system.profile.id_code_invalid": "Enter a valid ID number",
+  "system.profile.id_type.unspecified": "Unspecified",
+  "system.profile.id_type.id_card": "Resident ID card",
+  "system.profile.id_type.passport": "Passport",
+  "system.profile.id_type.hk_macao_permit": "Mainland travel permit for Hong Kong/Macao residents",
+  "system.profile.id_type.taiwan_permit": "Mainland travel permit for Taiwan residents",
+  "system.profile.id_type.foreign_permanent_residence": "Foreign permanent residence ID",
+  "system.profile.id_type.other": "Other ID",
   "system.profile.login_prompt": "Tap to log in",
   "system.profile.mobile": "Mobile",
   "system.profile.nick_name": "Nickname",

package/src/locales/ja-JP.json

@@ -68,6 +68,20 @@
   "system.profile.avatar_upload_failed": "アバターのアップロードに失敗しました",
   "system.profile.avatar_update": "アバターのニックネームを更新",
   "system.profile.gender": "性別",
+  "system.profile.email": "メールアドレス",
+  "system.profile.email_placeholder": "メールアドレスを入力してください",
+  "system.profile.email_invalid": "正しいメールアドレスを入力してください",
+  "system.profile.id_type": "身分証明書の種類",
+  "system.profile.id_code": "身分証明書番号",
+  "system.profile.id_code_placeholder": "身分証明書番号を入力してください",
+  "system.profile.id_code_invalid": "正しい身分証明書番号を入力してください",
+  "system.profile.id_type.unspecified": "未指定",
+  "system.profile.id_type.id_card": "身分証明書",
+  "system.profile.id_type.passport": "パスポート",
+  "system.profile.id_type.hk_macao_permit": "香港・マカオ住民内地通行証",
+  "system.profile.id_type.taiwan_permit": "台湾住民大陸通行証",
+  "system.profile.id_type.foreign_permanent_residence": "外国人永久居留身分証明書",
+  "system.profile.id_type.other": "その他",
   "system.profile.login_prompt": "クリックしてアカウントにログインしてください",
   "system.profile.mobile": "携帯電話番号",
   "system.profile.nick_name": "ニックネーム",

package/src/locales/zh-CN.json

@@ -68,6 +68,20 @@
   "system.profile.avatar_upload_failed": "上传头像失败",
   "system.profile.avatar_update": "更新头像昵称",
   "system.profile.gender": "性别",
+  "system.profile.email": "邮箱",
+  "system.profile.email_placeholder": "请输入邮箱",
+  "system.profile.email_invalid": "请输入正确的邮箱",
+  "system.profile.id_type": "证件类型",
+  "system.profile.id_code": "证件号",
+  "system.profile.id_code_placeholder": "请输入证件号",
+  "system.profile.id_code_invalid": "请输入正确的证件号",
+  "system.profile.id_type.unspecified": "未指定",
+  "system.profile.id_type.id_card": "居民身份证",
+  "system.profile.id_type.passport": "护照",
+  "system.profile.id_type.hk_macao_permit": "港澳居民来往内地通行证",
+  "system.profile.id_type.taiwan_permit": "台湾居民来往大陆通行证",
+  "system.profile.id_type.foreign_permanent_residence": "外国人永久居留身份证",
+  "system.profile.id_type.other": "其他证件",
   "system.profile.login_prompt": "点击登录账号",
   "system.profile.mobile": "手机号",
   "system.profile.nick_name": "昵称",

package/src/locales/zh-TW.json

@@ -68,6 +68,20 @@
   "system.profile.avatar_upload_failed": "上傳頭像失敗",
   "system.profile.avatar_update": "更新頭像暱稱",
   "system.profile.gender": "性別",
+  "system.profile.email": "電子郵件",
+  "system.profile.email_placeholder": "請輸入電子郵件",
+  "system.profile.email_invalid": "請輸入正確的電子郵件",
+  "system.profile.id_type": "證件類型",
+  "system.profile.id_code": "證件號",
+  "system.profile.id_code_placeholder": "請輸入證件號",
+  "system.profile.id_code_invalid": "請輸入正確的證件號",
+  "system.profile.id_type.unspecified": "未指定",
+  "system.profile.id_type.id_card": "居民身分證",
+  "system.profile.id_type.passport": "護照",
+  "system.profile.id_type.hk_macao_permit": "港澳居民來往內地通行證",
+  "system.profile.id_type.taiwan_permit": "臺灣居民來往大陸通行證",
+  "system.profile.id_type.foreign_permanent_residence": "外國人永久居留身分證",
+  "system.profile.id_type.other": "其他證件",
   "system.profile.login_prompt": "點選登入賬號",
   "system.profile.mobile": "手機號",
   "system.profile.nick_name": "暱稱",

package/src/notification.ts

@@ -1,6 +1,7 @@
 import { setAppMenuBadge } from '@liujitcn/kratos-taro-app-core/navigation'
+import { getToken } from '@liujitcn/kratos-taro-app-core/utils/auth'
 import { getRequestAccessToken } from '@liujitcn/kratos-taro-app-core/utils/http'
-import { defNotificationService } from './api/base/notification'
+import { defNotificationService } from './api/base/v1/notification'
 
 /** System 模块共享的站内信未读数。 */
 let unreadTotal = 0
@@ -10,6 +11,7 @@ let notificationPaused = false
 
 /** 从服务端刷新未读汇总并同步消息入口 badge。 */
 export async function refreshNotificationSummary(): Promise<number> {
+  if (!getToken()) return unreadTotal
   try {
     const summary = await defNotificationService.GetNotificationSummary({})
     unreadTotal = summary.unread_total
@@ -23,6 +25,7 @@ export async function refreshNotificationSummary(): Promise<number> {
 /** 启动应用端站内信定时回源。 */
 export function startNotificationPolling(): void {
   stopNotificationPolling()
+  if (!getToken()) return
   notificationPaused = false
   void refreshNotificationSummary()
   notificationTimer = setInterval(() => void refreshNotificationSummary(), 30_000)

package/src/pages.ts

@@ -23,6 +23,11 @@ export const systemPages: Record<string, KratosTaroPageConfig> = {
       navigationBarTitleText: '',
     },
   },
-  'pagesMember/message/index': { style: { navigationBarTitleText: '' } },
+  'pagesMember/message/index': {
+    style: {
+      navigationStyle: 'custom',
+      navigationBarTitleText: '',
+    },
+  },
   'pagesMember/message/detail': { style: { navigationBarTitleText: '' } },
 }

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

@@ -184,6 +184,32 @@ export interface PageNotificationResponse {
   has_more: boolean;
 }
 
+/** 消息分类列表查询条件。 */
+export interface ListNotificationCategoriesRequest {
+}
+
+/** 消息分类列表响应。 */
+export interface ListNotificationCategoriesResponse {
+  /** 消息分类列表 */
+  categories: NotificationCategory[];
+}
+
+/** 当前可用的消息分类。 */
+export interface NotificationCategory {
+  /** 消息分类ID */
+  id: number;
+  /** 分类编码 */
+  code: string;
+  /** 分类名称 */
+  name: string;
+  /** 分类图标 */
+  icon: string;
+  /** 分类颜色 */
+  color: string;
+  /** 排序 */
+  sort: number;
+}
+
 /** 消息详情查询条件。 */
 export interface GetNotificationRequest {
   /** 投递ID */
@@ -296,6 +322,8 @@ export interface Notification {
 export interface NotificationService {
   /** 分页查询当前用户收件箱。 */
   PageNotification(request: PageNotificationRequest): Promise<PageNotificationResponse>;
+  /** 查询消息分类列表。 */
+  ListNotificationCategories(request: ListNotificationCategoriesRequest): Promise<ListNotificationCategoriesResponse>;
   /** 查询当前用户未读汇总。 */
   GetNotificationSummary(request: GetNotificationSummaryRequest): Promise<NotificationSummary>;
   /** 查询当前用户消息详情。 */

package/src/views/pagesMember/ai/index.tsx

@@ -10,9 +10,9 @@ import {
   useI18n,
 } from '@liujitcn/kratos-taro-app-core'
 import { UniIcon } from '@liujitcn/kratos-taro-app-ui'
-import { defAiMessageService, StreamAiMessageByChunkedRequest } from '../../../api/base/ai_message'
-import { defAiSessionService } from '../../../api/base/ai_session'
-import { defAiToolService } from '../../../api/base/ai_tool'
+import { defAiMessageService, StreamAiMessageByChunkedRequest } from '../../../api/base/v1/ai_message'
+import { defAiSessionService } from '../../../api/base/v1/ai_session'
+import { defAiToolService } from '../../../api/base/v1/ai_tool'
 import type { AiAttachment, AiMessage, AiSession } from '../../../rpc/base/v1/ai_session'
 import type { AiShortcut, AiToolCall } from '../../../rpc/base/v1/ai_tool'
 import { AiMessageStatus } from '../../../rpc/base/v1/ai_session'

package/src/views/pagesMember/message/detail.tsx

@@ -2,9 +2,11 @@ import { useLoad } from '@tarojs/taro'
 import { Button, RichText, Text, View } from '@tarojs/components'
 import { useState } from 'react'
 import { navigateAppView, t } from '@liujitcn/kratos-taro-app-core'
-import { defNotificationService } from '../../../api/base/notification'
+import { UniIcon } from '@liujitcn/kratos-taro-app-ui'
+import { defNotificationService } from '../../../api/base/v1/notification'
 import type { Notification } from '../../../rpc/base/v1/notification'
 import { MessageActionType, MessageContentFormat } from '../../../rpc/base/v1/notification'
+import { resolveMessageCategoryIcon } from './icons'
 import './message.scss'
 
 /** Taro 站内信详情页面。 */
@@ -13,7 +15,7 @@ export default function MessageDetailPage() {
 
   useLoad((options) => {
     const id = Number(options?.id)
-    if (id > 0) void loadDetail(id)
+    if (id > 0) void loadDetail(id).catch(() => undefined)
   })
 
   /** 加载站内信详情。 */
@@ -31,7 +33,11 @@ export default function MessageDetailPage() {
       try {
         const value = JSON.parse(detail.action_params) as Record<string, unknown>
         if (value && typeof value === 'object' && !Array.isArray(value)) {
-          params = Object.fromEntries(Object.entries(value).filter(([, item]) => typeof item === 'string' || typeof item === 'number').map(([key, item]) => [key, String(item)]))
+          params = Object.fromEntries(
+            Object.entries(value)
+              .filter(([, item]) => typeof item === 'string' || typeof item === 'number')
+              .map(([key, item]) => [key, String(item)]),
+          )
         }
       } catch {
         params = {}
@@ -45,12 +51,28 @@ export default function MessageDetailPage() {
     <View className='detail-page'>
       <Text className='detail-title'>{detail.title}</Text>
       <View className='detail-meta'>
-        <Text>{detail.category_name}</Text><Text>{detail.sender_name}</Text><Text>{detail.received_at}</Text>
+        <View className='detail-category' style={{ color: detail.category_color || undefined }}>
+          <UniIcon
+            className='detail-category__icon'
+            type={resolveMessageCategoryIcon(detail.category_icon)}
+            size={18}
+            color={detail.category_color || '#64748b'}
+          />
+          <Text>{detail.category_name}</Text>
+        </View>
+        <Text>{detail.sender_name}</Text>
+        <Text>{detail.received_at}</Text>
       </View>
-      {detail.content_format === MessageContentFormat.MESSAGE_CONTENT_FORMAT_RICH_TEXT
-        ? <RichText className='detail-content-rich' nodes={detail.content} />
-        : <Text className='detail-content'>{detail.content}</Text>}
-      {detail.action_type === MessageActionType.MESSAGE_ACTION_TYPE_VIEW_KEY && <Button className='detail-action' onClick={openAction}>{t('common.action.view')}</Button>}
+      {detail.content_format === MessageContentFormat.MESSAGE_CONTENT_FORMAT_RICH_TEXT ? (
+        <RichText className='detail-content-rich' nodes={detail.content} />
+      ) : (
+        <Text className='detail-content'>{detail.content}</Text>
+      )}
+      {detail.action_type === MessageActionType.MESSAGE_ACTION_TYPE_VIEW_KEY && (
+        <Button className='detail-action' onClick={openAction}>
+          {t('common.action.view')}
+        </Button>
+      )}
     </View>
   )
 }

package/src/views/pagesMember/message/icons.ts

@@ -0,0 +1,26 @@
+import type { UniIconName } from '@liujitcn/kratos-taro-app-ui'
+
+/** 消息分类在 Taro 中可渲染的图标名称。 */
+export type MessageCategoryIcon = UniIconName
+
+const categoryIconMap: Record<string, MessageCategoryIcon> = {
+  Bell: 'notification-filled',
+  Lock: 'locked-filled',
+  List: 'list',
+  Message: 'chatboxes-filled',
+  InfoFilled: 'info-filled',
+  WarningFilled: 'flag-filled',
+  CircleCheckFilled: 'checkbox-filled',
+  Promotion: 'paperplane-filled',
+  Setting: 'settings-filled',
+  User: 'person-filled',
+  Calendar: 'calendar-filled',
+  ChatDotRound: 'chatbubble-filled',
+  DataAnalysis: 'bars',
+  CollectionTag: 'list',
+}
+
+/** 将管理端维护的 Element Plus 图标名转换为 Taro 图标名。 */
+export function resolveMessageCategoryIcon(icon?: string): MessageCategoryIcon {
+  return categoryIconMap[icon ?? ''] ?? 'notification'
+}

package/src/views/pagesMember/message/index.tsx

@@ -1,11 +1,13 @@
 import { useDidShow } from '@tarojs/taro'
-import { Button, Input, Text, View } from '@tarojs/components'
+import { Button, ScrollView, Text, View } from '@tarojs/components'
 import { useState } from 'react'
-import { navigateAppRoute, t } from '@liujitcn/kratos-taro-app-core'
-import { defNotificationService } from '../../../api/base/notification'
-import type { Notification } from '../../../rpc/base/v1/notification'
+import { navigateAppView, t } from '@liujitcn/kratos-taro-app-core'
+import { UniIcon } from '@liujitcn/kratos-taro-app-ui'
+import { defNotificationService } from '../../../api/base/v1/notification'
+import type { Notification, NotificationCategory } from '../../../rpc/base/v1/notification'
 import { NotificationView } from '../../../rpc/base/v1/notification'
 import { refreshNotificationSummary } from '../../../notification'
+import { resolveMessageCategoryIcon } from './icons'
 import './message.scss'
 
 /** Taro 站内信收件箱页面。 */
@@ -16,8 +18,10 @@ export default function MessageInboxPage() {
   const [finished, setFinished] = useState(false)
   const [unreadTotal, setUnreadTotal] = useState(0)
   const [selectedView, setSelectedView] = useState(NotificationView.NOTIFICATION_VIEW_INBOX)
-  const [categoryInput, setCategoryInput] = useState('')
   const [categoryId, setCategoryId] = useState<number>()
+  const [categoryOptions, setCategoryOptions] = useState<
+    NotificationCategory[]
+  >([])
   const viewOptions = [
     { value: NotificationView.NOTIFICATION_VIEW_INBOX, key: 'system.notification.view.inbox' },
     { value: NotificationView.NOTIFICATION_VIEW_UNREAD, key: 'system.notification.view.unread' },
@@ -28,12 +32,24 @@ export default function MessageInboxPage() {
   ]
 
   useDidShow(() => {
-    void refresh()
-    void refreshNotificationSummary().then(setUnreadTotal)
+    void loadCategories().catch(() => undefined)
+    void refresh().catch(() => undefined)
+    void refreshNotificationSummary()
+      .then(setUnreadTotal)
+      .catch(() => undefined)
   })
 
+  /** 加载管理端维护的消息分类。 */
+  async function loadCategories() {
+    const result = await defNotificationService.ListNotificationCategories({})
+    setCategoryOptions(result.categories ?? [])
+  }
+
   /** 刷新站内信列表。 */
   async function refresh(view = selectedView, category = categoryId) {
+    setItems([])
+    setCursorId(0)
+    setFinished(false)
     setLoading(true)
     try {
       const result = await defNotificationService.PageNotification({
@@ -77,15 +93,13 @@ export default function MessageInboxPage() {
   /** 切换收件箱视图。 */
   function changeView(view: NotificationView) {
     setSelectedView(view)
-    void refresh(view, categoryId)
+    void refresh(view, categoryId).catch(() => undefined)
   }
 
-  /** 应用分类筛选。 */
-  function applyCategoryFilter() {
-    const value = Number(categoryInput)
-    const next = Number.isInteger(value) && value > 0 ? value : undefined
-    setCategoryId(next)
-    void refresh(selectedView, next)
+  /** 切换消息分类。 */
+  function changeCategory(id?: number) {
+    setCategoryId(id)
+    void refresh(selectedView, id).catch(() => undefined)
   }
 
   /** 标记当前水位线之前的消息为已读。 */
@@ -116,18 +130,53 @@ export default function MessageInboxPage() {
   /** 打开站内信详情。 */
   async function openDetail(item: Notification) {
     if (!item.read_at) await defNotificationService.MarkNotificationRead({ ids: [item.id] })
-    navigateAppRoute(`app/message/detail?id=${item.id}`)
+    navigateAppView('MESSAGE_DETAIL', { id: String(item.id) })
   }
 
   return (
     <View className='message-page'>
       <View className='message-header'>
-        <Text className='message-title'>{t('system.notification.title')}</Text>
-        {unreadTotal > 0 && (
-          <Text className='message-unread'>{unreadTotal > 99 ? '99+' : unreadTotal}</Text>
+        <View className='message-header__title'>
+          <Text className='message-title'>{t('system.notification.title')}</Text>
+          {unreadTotal > 0 && <View className='message-unread-dot' aria-hidden='true' />}
+        </View>
+        {selectedView !== NotificationView.NOTIFICATION_VIEW_ARCHIVED && unreadTotal > 0 && (
+          <Button
+            className='message-action message-action--read message-header__action'
+            onClick={() => void markAllRead().catch(() => undefined)}
+          >
+            {t('system.notification.mark_all_read')}
+          </Button>
         )}
       </View>
       <View className='message-controls'>
+        <ScrollView className='message-category-scroll' scrollX showScrollbar={false}>
+          <View className='message-category-list'>
+            <Button
+              className={categoryId === undefined ? 'message-category active' : 'message-category'}
+              onClick={() => changeCategory()}
+            >
+              {t('system.notification.view.inbox')}
+            </Button>
+            {categoryOptions.map((category) => (
+              <Button
+                key={category.id}
+                className={
+                  categoryId === category.id ? 'message-category active' : 'message-category'
+                }
+                onClick={() => changeCategory(category.id)}
+              >
+                <UniIcon
+                  className='message-category__icon'
+                  type={resolveMessageCategoryIcon(category.icon)}
+                  size={16}
+                  color={categoryId === category.id ? '#fff' : category.color || '#64748b'}
+                />
+                {category.name}
+              </Button>
+            ))}
+          </View>
+        </ScrollView>
         <View className='message-tabs'>
           {viewOptions.map((option) => (
             <Button
@@ -139,40 +188,35 @@ export default function MessageInboxPage() {
             </Button>
           ))}
         </View>
-        <View className='message-filter'>
-          <Input
-            type='number'
-            value={categoryInput}
-            placeholder={t('system.notification.category_filter')}
-            onInput={(event) => setCategoryInput(event.detail.value)}
-            onConfirm={applyCategoryFilter}
-          />
-          <Button size='mini' onClick={applyCategoryFilter}>
-            {t('common.action.confirm')}
-          </Button>
-          {selectedView !== NotificationView.NOTIFICATION_VIEW_ARCHIVED && unreadTotal > 0 && (
-            <Button size='mini' onClick={() => void markAllRead()}>
-              {t('system.notification.mark_all_read')}
-            </Button>
-          )}
-        </View>
       </View>
       {items.map((item) => (
-        <View className='message-item' key={item.id} onClick={() => void openDetail(item)}>
+        <View
+          className='message-item'
+          key={item.id}
+          onClick={() => void openDetail(item).catch(() => undefined)}
+        >
           <View className='message-item__main'>
             <Text className={`message-item__title ${item.read_at ? '' : 'unread'}`}>
               {item.title}
             </Text>
             <Text className='message-item__time'>{item.received_at}</Text>
           </View>
-          <Text className='message-item__category'>{item.category_name}</Text>
+          <View className='message-item__category'>
+            <UniIcon
+              className='message-item__category-icon'
+              type={resolveMessageCategoryIcon(item.category_icon)}
+              size={16}
+              color={item.category_color || '#64748b'}
+            />
+            <Text>{item.category_name}</Text>
+          </View>
           <View className='message-item__actions'>
             {selectedView !== NotificationView.NOTIFICATION_VIEW_ARCHIVED && item.allow_archive && (
               <Button
                 size='mini'
                 onClick={(event) => {
                   event.stopPropagation()
-                  void toggleArchive(item)
+                  void toggleArchive(item).catch(() => undefined)
                 }}
               >
                 {t('system.notification.action.archive')}
@@ -183,7 +227,7 @@ export default function MessageInboxPage() {
                 size='mini'
                 onClick={(event) => {
                   event.stopPropagation()
-                  void toggleArchive(item)
+                  void toggleArchive(item).catch(() => undefined)
                 }}
               >
                 {t('system.notification.action.restore')}
@@ -194,7 +238,7 @@ export default function MessageInboxPage() {
                 size='mini'
                 onClick={(event) => {
                   event.stopPropagation()
-                  void deleteItem(item)
+                  void deleteItem(item).catch(() => undefined)
                 }}
               >
                 {t('system.notification.action.delete')}
@@ -204,7 +248,11 @@ export default function MessageInboxPage() {
         </View>
       ))}
       {!finished && (
-        <Button className='load-more' loading={loading} onClick={() => void loadMore()}>
+        <Button
+          className='load-more'
+          loading={loading}
+          onClick={() => void loadMore().catch(() => undefined)}
+        >
           {t('common.action.load_more')}
         </Button>
       )}

package/src/views/pagesMember/message/message.scss

@@ -1,79 +1,155 @@
 .message-page {
+  box-sizing: border-box;
   min-height: 100vh;
-  padding: 24px;
-  background: var(--kratos-color-background);
+  padding: 16px 24px calc(120px + env(safe-area-inset-bottom));
+  background: var(--kratos-color-background, #f7f8fa);
+  color: var(--kratos-color-text, #1f2937);
 }
 
-.message-header {
-  padding: 20px 4px 28px;
-}
 .message-header {
   display: flex;
   align-items: center;
   justify-content: space-between;
+  gap: 20px;
+  padding: 20px 4px 24px;
+}
+.message-header__title {
+  display: flex;
+  align-items: center;
+  min-width: 0;
 }
 .message-title {
-  color: var(--kratos-color-text);
+  display: block;
+  color: var(--kratos-color-text, #1f2937);
   font-size: 40px;
   font-weight: 700;
+  line-height: 1.35;
 }
-.message-unread {
-  min-width: 36px;
-  padding: 4px 10px;
-  border-radius: 18px;
+.message-unread-dot {
+  width: 12px;
+  height: 12px;
+  margin-left: 8px;
+  border-radius: 50%;
   background: #e5484d;
-  color: #fff;
-  font-size: 22px;
-  line-height: 28px;
-  text-align: center;
 }
 .message-controls {
-  margin-bottom: 18px;
+  margin-bottom: 24px;
+}
+.message-category-scroll {
+  width: 100%;
+  white-space: nowrap;
+}
+.message-category-list {
+  display: flex;
+  gap: 12px;
+  width: max-content;
+  padding-bottom: 4px;
 }
+.message-category,
 .message-tabs,
-.message-filter,
 .message-item__actions {
   display: flex;
   align-items: center;
+}
+.message-category {
+  flex-shrink: 0;
+  width: auto;
+  height: 64px;
+  margin: 0;
+  padding: 0 22px;
+  border: 1px solid var(--kratos-color-border, #e2e8f0);
+  border-radius: 32px;
+  background: #fff;
+  color: var(--kratos-color-text-muted, #6b7280);
+  font-size: 24px;
+  line-height: 64px;
+  white-space: nowrap;
+}
+.message-category__icon,
+.message-item__category-icon {
+  flex: 0 0 auto;
+  margin-right: 8px;
+}
+.message-category.active {
+  border-color: var(--kratos-color-primary, #27ba9b);
+  background: var(--kratos-color-primary, #27ba9b);
+  color: #fff;
+}
+.message-tabs {
+  gap: 12px;
+  margin-top: 18px;
+  padding: 6px;
+  border-radius: 12px;
+  background: #eef1f3;
+}
+.message-tab::after,
+.message-category::after,
+.message-action::after,
+.message-item__actions button::after,
+.load-more::after {
+  border: 0;
+}
+.message-item__actions {
+  flex-wrap: wrap;
+  justify-content: flex-end;
   gap: 12px;
 }
 .message-tab {
+  box-sizing: border-box;
   flex: 1;
+  min-width: 0;
+  height: 68px;
   margin: 0;
-  padding: 8px 12px;
+  padding: 0 12px;
+  border: 0;
+  border-radius: 8px;
   background: transparent;
-  color: var(--kratos-color-text-muted);
+  color: var(--kratos-color-text-muted, #6b7280);
   font-size: 26px;
+  line-height: 68px;
+  white-space: nowrap;
 }
 .message-tab.active {
-  background: var(--kratos-color-primary);
+  background: var(--kratos-color-primary, #27ba9b);
   color: #fff;
 }
-.message-filter {
-  margin-top: 14px;
-}
-.message-filter input {
-  min-width: 0;
-  flex: 1;
-  padding: 12px 16px;
-  border: 1px solid var(--kratos-color-border);
-  border-radius: 8px;
-}
-.message-filter button,
+.message-action,
 .message-item__actions button {
+  box-sizing: border-box;
+  flex-shrink: 0;
+  width: auto;
+  height: 68px;
   margin: 0;
-  padding: 0 14px;
+  padding: 0 20px;
+  border: 0;
+  border-radius: 8px;
+  background: #eef1f3;
+  color: var(--kratos-color-text, #1f2937);
   font-size: 24px;
+  line-height: 68px;
+  white-space: nowrap;
 }
-.message-item__actions {
-  justify-content: flex-end;
-  margin-top: 14px;
+.message-action--read {
+  background: #e8f8f4;
+  color: var(--kratos-color-primary, #16806d);
+}
+.message-header__action {
+  height: 56px;
+  padding: 0 18px;
+  line-height: 56px;
+}
+.message-item__actions button {
+  height: 56px;
+  padding: 0 16px;
+  font-size: 22px;
+  line-height: 56px;
 }
 .message-item {
   margin-bottom: 16px;
   padding: 28px;
   border-radius: 12px;
   background: #fff;
+  box-shadow: 0 4px 16px rgba(31, 41, 55, 0.05);
 }
 .message-item__main {
   display: flex;
@@ -82,43 +158,58 @@
   gap: 20px;
 }
 .message-item__title {
+  display: block;
   min-width: 0;
   flex: 1;
   overflow: hidden;
-  color: var(--kratos-color-text);
+  color: var(--kratos-color-text, #1f2937);
   text-overflow: ellipsis;
   white-space: nowrap;
 }
 .message-item__title.unread {
-  color: var(--kratos-color-text);
+  color: var(--kratos-color-text, #1f2937);
   font-weight: 700;
 }
 .message-item__time,
 .message-item__category {
-  color: var(--kratos-color-text-muted);
+  color: var(--kratos-color-text-muted, #6b7280);
   font-size: 24px;
 }
+.message-item__time {
+  flex-shrink: 0;
+}
 .message-item__category {
-  display: block;
+  display: flex;
+  align-items: center;
   margin-top: 14px;
 }
 .load-more {
+  box-sizing: border-box;
+  width: 100%;
+  height: 72px;
   margin-top: 24px;
+  padding: 0 24px;
+  border: 0;
+  border-radius: 8px;
+  background: #eef1f3;
+  color: var(--kratos-color-text, #1f2937);
   font-size: 28px;
+  line-height: 72px;
 }
 .empty {
-  padding-top: 180px;
-  color: var(--kratos-color-text-muted);
+  padding: 120px 0;
+  color: var(--kratos-color-text-muted, #6b7280);
   text-align: center;
 }
 .detail-page {
+  box-sizing: border-box;
   min-height: 100vh;
-  padding: 36px 30px;
-  background: var(--kratos-color-background);
+  padding: 24px 30px calc(96px + env(safe-area-inset-bottom));
+  background: var(--kratos-color-background, #f7f8fa);
 }
 .detail-title {
   display: block;
-  color: var(--kratos-color-text);
+  color: var(--kratos-color-text, #1f2937);
   font-size: 42px;
   font-weight: 700;
   line-height: 1.35;
@@ -128,11 +219,18 @@
   flex-wrap: wrap;
   gap: 18px;
   margin: 24px 0 36px;
-  color: var(--kratos-color-text-muted);
+  color: var(--kratos-color-text-muted, #6b7280);
   font-size: 24px;
 }
+.detail-category {
+  display: inline-flex;
+  align-items: center;
+}
+.detail-category__icon {
+  margin-right: 8px;
+}
 .detail-content {
-  color: var(--kratos-color-text);
+  color: var(--kratos-color-text, #1f2937);
   font-size: 30px;
   line-height: 1.8;
   white-space: pre-wrap;
@@ -140,7 +238,7 @@
 }
 .detail-content-rich {
   display: block;
-  color: var(--kratos-color-text);
+  color: var(--kratos-color-text, #1f2937);
   font-size: 30px;
   line-height: 1.8;
   overflow-wrap: anywhere;

package/src/views/pagesMember/profile/profile.tsx

@@ -3,6 +3,7 @@ import {
   Image,
   Input,
   Label,
+  Picker,
   Radio,
   RadioGroup,
   Text,
@@ -12,10 +13,11 @@ import Taro, { useLoad } from '@tarojs/taro'
 import { useEffect, useState } from 'react'
 import defaultAvatar from '@liujitcn/kratos-taro-app-core/static/images/avatar.png'
 import navigatorBackground from '@liujitcn/kratos-taro-app-core/static/images/navigator_bg.png'
-import { defAuthService } from '@liujitcn/kratos-taro-app-core/api/system/auth'
-import { defBaseDictService } from '@liujitcn/kratos-taro-app-core/api/system/base_dict'
+import { defAuthService } from '@liujitcn/kratos-taro-app-core/api/system/app/v1/auth'
+import { defBaseDictService } from '@liujitcn/kratos-taro-app-core/api/system/app/v1/base_dict'
 import type { BaseDictForm_DictItem } from '@liujitcn/kratos-taro-app-core/rpc/system/app/v1/base_dict'
 import type { UserProfileForm } from '@liujitcn/kratos-taro-app-core/rpc/system/app/v1/auth'
+import { BaseUserIDType } from '@liujitcn/kratos-taro-app-core/rpc/system/common/v1/common'
 import {
   formatSrc,
   navigateToLogin,
@@ -26,6 +28,8 @@ import {
 import './profile.scss'
 
 const IMG_MAX_SIZE = 1024 * 1024
+const EMAIL_PATTERN = /^[^\s@]+@[^\s@]+\.[^\s@]+$/
+const ID_CODE_PATTERN = /^[A-Za-z0-9][A-Za-z0-9-]{0,63}$/
 
 /** 用户个人资料编辑页。 */
 export default function ProfilePage() {
@@ -35,11 +39,27 @@ export default function ProfilePage() {
     nick_name: '',
     gender: 0,
     phone: '',
+    email: '',
+    id_type: BaseUserIDType.BASE_USER_ID_TYPE_UNSPECIFIED,
+    id_code: '',
     avatar: '',
   })
   const [genderList, setGenderList] = useState<BaseDictForm_DictItem[]>([])
   const ensureAuthenticated = useUserStore((state) => state.ensureAuthenticated)
   const safeTop = Taro.getWindowInfo().safeArea?.top || 0
+  const idTypeOptions = [
+    { label: t('system.profile.id_type.unspecified'), value: BaseUserIDType.BASE_USER_ID_TYPE_UNSPECIFIED },
+    { label: t('system.profile.id_type.id_card'), value: BaseUserIDType.BASE_USER_ID_TYPE_ID_CARD },
+    { label: t('system.profile.id_type.passport'), value: BaseUserIDType.BASE_USER_ID_TYPE_PASSPORT },
+    { label: t('system.profile.id_type.hk_macao_permit'), value: BaseUserIDType.BASE_USER_ID_TYPE_HK_MACAO_PERMIT },
+    { label: t('system.profile.id_type.taiwan_permit'), value: BaseUserIDType.BASE_USER_ID_TYPE_TAIWAN_PERMIT },
+    {
+      label: t('system.profile.id_type.foreign_permanent_residence'),
+      value: BaseUserIDType.BASE_USER_ID_TYPE_FOREIGN_PERMANENT_RESIDENCE,
+    },
+    { label: t('system.profile.id_type.other'), value: BaseUserIDType.BASE_USER_ID_TYPE_OTHER },
+  ]
+  const idTypeIndex = Math.max(0, idTypeOptions.findIndex((item) => item.value === userInfo.id_type))
 
   useEffect(() => {
     void Taro.setNavigationBarTitle({ title: t('system.profile.title') })
@@ -54,7 +74,7 @@ export default function ProfilePage() {
   const loadData = async () => {
     const [profile, gender] = await Promise.all([
       useUserStore.getState().getUserProfile(),
-      defBaseDictService.GetBaseDict({ value: 'base_user_gender' }),
+      defBaseDictService.GetBaseDict({ code: 'base_user_gender' }),
     ])
     setUserInfo(profile)
     setGenderList(gender.items || [])
@@ -69,7 +89,7 @@ export default function ProfilePage() {
     try {
       const fileInfo = await uploadFile('avatar', filePath)
       const nextProfile = { ...userInfo, avatar: fileInfo.url }
-      await defAuthService.UpdateUserProfile(nextProfile)
+      await defAuthService.UpdateUserProfile({ user_profile: nextProfile })
       setUserInfo(nextProfile)
       await useUserStore.getState().getUserProfile()
       await Taro.showToast({ icon: 'success', title: t('system.profile.update_success') })
@@ -103,7 +123,15 @@ export default function ProfilePage() {
 
   const onSubmit = async () => {
     if (!requireAuth()) return
-    await defAuthService.UpdateUserProfile(userInfo)
+    if (userInfo.email && !EMAIL_PATTERN.test(userInfo.email)) {
+      await Taro.showToast({ icon: 'none', title: t('system.profile.email_invalid') })
+      return
+    }
+    if (userInfo.id_code && !ID_CODE_PATTERN.test(userInfo.id_code)) {
+      await Taro.showToast({ icon: 'none', title: t('system.profile.id_code_invalid') })
+      return
+    }
+    await defAuthService.UpdateUserProfile({ user_profile: userInfo })
     await useUserStore.getState().getUserProfile()
     await Taro.showToast({ icon: 'success', title: t('system.profile.save_success') })
     setTimeout(() => void Taro.navigateBack(), 400)
@@ -145,6 +173,25 @@ export default function ProfilePage() {
             <Text className='profile-label'>{t('system.profile.nick_name')}</Text>
             <Input className='profile-input' placeholder={t('system.profile.nick_name_placeholder')} value={userInfo.nick_name} onInput={(event) => setUserInfo((current) => ({ ...current, nick_name: event.detail.value }))} />
           </View>
+          <View className='profile-form__item'>
+            <Text className='profile-label'>{t('system.profile.email')}</Text>
+            <Input className='profile-input' type='text' placeholder={t('system.profile.email_placeholder')} value={userInfo.email} onInput={(event) => setUserInfo((current) => ({ ...current, email: event.detail.value }))} />
+          </View>
+          <Picker
+            mode='selector'
+            range={idTypeOptions.map((item) => item.label)}
+            value={idTypeIndex}
+            onChange={(event) => setUserInfo((current) => ({ ...current, id_type: idTypeOptions[Number(event.detail.value)]?.value ?? BaseUserIDType.BASE_USER_ID_TYPE_UNSPECIFIED }))}
+          >
+            <View className='profile-form__item'>
+              <Text className='profile-label'>{t('system.profile.id_type')}</Text>
+              <Text className='profile-input profile-account'>{idTypeOptions[idTypeIndex]?.label}</Text>
+            </View>
+          </Picker>
+          <View className='profile-form__item'>
+            <Text className='profile-label'>{t('system.profile.id_code')}</Text>
+            <Input className='profile-input' type='text' placeholder={t('system.profile.id_code_placeholder')} value={userInfo.id_code} onInput={(event) => setUserInfo((current) => ({ ...current, id_code: event.detail.value }))} />
+          </View>
           <View className='profile-form__item'>
             <Text className='profile-label'>{t('system.profile.gender')}</Text>
             <RadioGroup onChange={(event) => setUserInfo((current) => ({ ...current, gender: Number(event.detail.value) }))}>

package/src/views/pagesMember/settings/components/PasswordVerifyDialog.tsx

@@ -3,7 +3,7 @@ import { useEffect, useState } from 'react'
 import { useI18n } from '@liujitcn/kratos-taro-app-core'
 import MfaRecoveryCodesDialog from '@liujitcn/kratos-taro-app-core/components/MfaRecoveryCodesDialog'
 import MfaSetupPanel from '@liujitcn/kratos-taro-app-core/components/MfaSetupPanel'
-import { defMfaService } from '@liujitcn/kratos-taro-app-core/api/base/mfa'
+import { defMfaService } from '@liujitcn/kratos-taro-app-core/api/base/v1/mfa'
 import {
   createWebAuthnCredential,
   getWebAuthnAssertion,

package/src/views/pagesMember/settings/settings.tsx

@@ -8,7 +8,7 @@ import {
   useI18n,
   useUserStore,
 } from '@liujitcn/kratos-taro-app-core'
-import { defMfaService } from '@liujitcn/kratos-taro-app-core/api/base/mfa'
+import { defMfaService } from '@liujitcn/kratos-taro-app-core/api/base/v1/mfa'
 import PasswordVerifyDialog from './components/PasswordVerifyDialog'
 import './settings.scss'