@liujitcn/kratos-taro-app-system 0.0.82 → 0.0.84

package/README.md

@@ -13,6 +13,34 @@
 
 页面配置统一登记在 `src/pages.ts`，运行时映射位于 `src/index.ts`，构建期描述位于 `src/build.ts`。页面私有组件放在页面目录的 `components` 中，不会被 runner 扫描为路由。
 
+## 个人中心扩展
+
+公共组件 `KratosMyPage` 保留顶部标题与设置、个人信息和 AI 助手入口；AI 卡片继续由应用的 `aiEnabled` 配置控制显隐。React `children` 作为业务扩展区，位于这些固定内容之后，与它们共用滚动区域、主题和卡片间距。未传入内容时不增加容器或留白，业务卡片、数据请求和权限由项目模块维护。
+
+公共组件与样式位于 `src/components/KratosMyPage.tsx` 和 `KratosMyPage.scss`。内置 [我的页面](src/views/pages/my/my.tsx) 已使用该组件，并挂载 [MyExtensions 空实现](src/views/pages/my/components/MyExtensions.tsx)。空实现返回 `null`，不显示占位卡片；项目可以按这个结构组织自己的业务内容。
+
+在项目业务模块的 `src/views/pages/my/my.tsx` 复用公开组件入口：
+
+```tsx
+import KratosMyPage from '@liujitcn/kratos-taro-app-system/components/KratosMyPage'
+import OrderSection from './components/OrderSection'
+import ServiceSection from './components/ServiceSection'
+
+/** MyPage 组合公共个人中心与项目业务卡片。 */
+export default function MyPage() {
+  return (
+    <KratosMyPage>
+      <OrderSection />
+      <ServiceSection />
+    </KratosMyPage>
+  )
+}
+```
+
+项目模块的 `pages` 声明 `'pages/my/my': { style: { navigationStyle: 'custom', navigationBarTitleText: '' } }`，`views` 声明 `PROFILE_HOME: 'pages/my/my'`，并在宿主 `module-manifest.ts` 中排在 system 模块之后。构建期 `buildModule.pages` 复用相同页面配置。使用相同的物理路由可以保留微信原生 tab 切换；页面 wrapper 和底部 tabBar 继续由 runner 生成，不在业务页面重复挂载。
+
+扩展区可以直接放多个业务卡片，不需要复制公共页面或给顶部入口提供替换内容。需要登录态、用户资料或导航时，通过 core 的公开 store 与导航 API 获取。
+
 ## AI 助手
 
 AI 页面支持会话创建与切换、历史会话搜索、消息加载、附件上传、复制、删除、再生成、工具提示和快捷入口。Provider 与模型通过 `AiModelService` 加载，知识库通过 `AiKnowledgeService` 加载并可多选，发送消息时携带所选知识库编号。H5 使用 Fetch SSE，微信小程序使用 chunked 请求，两端共用增量 SSE 解析器和相同事件契约。

package/dist/module.mjs

@@ -102,7 +102,6 @@ var zh_CN_default = {
   "system.profile.account": "\u8D26\u53F7",
   "system.profile.avatar_change": "\u70B9\u51FB\u4FEE\u6539\u5934\u50CF",
   "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",
@@ -151,27 +150,20 @@ var zh_CN_default = {
   "system.settings.mfa_disable_factor_required": "\u8BF7\u8F93\u5165\u52A8\u6001\u53E3\u4EE4\u6216\u6062\u590D\u7801\u3002",
   "system.settings.mfa_disable_action": "\u7981\u7528",
   "system.settings.mfa_disable_success": "\u591A\u56E0\u7D20\u8BA4\u8BC1\u5DF2\u7981\u7528",
-  "system.settings.mfa_copy_uri": "\u590D\u5236\u7ED1\u5B9A\u5730\u5740",
-  "system.settings.mfa_copy_success": "\u590D\u5236\u6210\u529F",
   "system.notification.title": "\u6D88\u606F",
   "system.notification.sender.system": "\u7CFB\u7EDF",
-  "system.notification.description": "\u67E5\u770B\u7CFB\u7EDF\u901A\u77E5\u548C\u4E1A\u52A1\u6D88\u606F",
   "system.notification.empty": "\u6682\u65E0\u6D88\u606F",
   "system.notification.empty_inbox_hint": "\u65B0\u6D88\u606F\u5C06\u5728\u6B64\u663E\u793A",
   "system.notification.empty_unread_hint": "\u5168\u90E8\u6D88\u606F\u5747\u5DF2\u8BFB\u5B8C",
   "system.notification.empty_archived_hint": "\u5F52\u6863\u7684\u6D88\u606F\u5C06\u5728\u6B64\u663E\u793A",
-  "system.notification.action.view_all": "\u67E5\u770B\u5168\u90E8",
   "system.notification.view.inbox": "\u5168\u90E8",
   "system.notification.view.unread": "\u672A\u8BFB",
   "system.notification.view.archived": "\u5DF2\u5F52\u6863",
-  "system.notification.category_filter": "\u5206\u7C7B ID",
   "system.notification.mark_all_read": "\u5168\u90E8\u5DF2\u8BFB",
   "system.notification.action.archive": "\u5F52\u6863",
   "system.notification.action.restore": "\u6062\u590D",
   "system.notification.action.delete": "\u5220\u9664",
-  "system.ai.model.provider_placeholder": "\u9009\u62E9\u4F9B\u5E94\u5546",
   "system.ai.model.model_placeholder": "\u9009\u62E9\u6A21\u578B",
-  "system.ai.model.load_failed": "\u52A0\u8F7D\u4F9B\u5E94\u5546\u548C\u6A21\u578B\u5931\u8D25",
   "system.ai.model.title": "\u9009\u62E9\u6A21\u578B",
   "system.ai.model.provider_model_count": "{providers} \u4E2A\u4F9B\u5E94\u5546 \xB7 {models} \u4E2A\u6A21\u578B",
   "system.ai.model.empty": "\u6682\u65E0\u53EF\u9009\u6A21\u578B",
@@ -257,7 +249,6 @@ var en_US_default = {
   "system.profile.account": "Account",
   "system.profile.avatar_change": "Tap to change avatar",
   "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",
@@ -306,27 +297,20 @@ var en_US_default = {
   "system.settings.mfa_disable_factor_required": "Enter a TOTP code or recovery code.",
   "system.settings.mfa_disable_action": "Disable",
   "system.settings.mfa_disable_success": "Multi-factor authentication disabled",
-  "system.settings.mfa_copy_uri": "Copy binding address",
-  "system.settings.mfa_copy_success": "Copied",
   "system.notification.title": "Messages",
   "system.notification.sender.system": "System",
-  "system.notification.description": "View system notifications and business messages",
   "system.notification.empty": "No messages",
   "system.notification.empty_inbox_hint": "New messages will appear here",
   "system.notification.empty_unread_hint": "You're all caught up",
   "system.notification.empty_archived_hint": "Archived messages will appear here",
-  "system.notification.action.view_all": "View all",
   "system.notification.view.inbox": "All",
   "system.notification.view.unread": "Unread",
   "system.notification.view.archived": "Archived",
-  "system.notification.category_filter": "Category ID",
   "system.notification.mark_all_read": "Mark all read",
   "system.notification.action.archive": "Archive",
   "system.notification.action.restore": "Restore",
   "system.notification.action.delete": "Delete",
-  "system.ai.model.provider_placeholder": "Select a provider",
   "system.ai.model.model_placeholder": "Select a model",
-  "system.ai.model.load_failed": "Failed to load providers and models",
   "system.ai.model.title": "Select Model",
   "system.ai.model.provider_model_count": "{providers} providers \xB7 {models} models",
   "system.ai.model.empty": "No models available",
@@ -412,7 +396,6 @@ var ja_JP_default = {
   "system.profile.account": "\u30A2\u30AB\u30A6\u30F3\u30C8",
   "system.profile.avatar_change": "\u30AF\u30EA\u30C3\u30AF\u3057\u3066\u30A2\u30D0\u30BF\u30FC\u3092\u5909\u66F4\u3057\u307E\u3059",
   "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",
@@ -461,27 +444,20 @@ var ja_JP_default = {
   "system.settings.mfa_disable_factor_required": "TOTP \u30B3\u30FC\u30C9\u307E\u305F\u306F\u30EA\u30AB\u30D0\u30EA\u30FC\u30B3\u30FC\u30C9\u3092\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044\u3002",
   "system.settings.mfa_disable_action": "\u7121\u52B9\u306B\u3059\u308B",
   "system.settings.mfa_disable_success": "\u591A\u8981\u7D20\u8A8D\u8A3C\u3092\u7121\u52B9\u306B\u3057\u307E\u3057\u305F",
-  "system.settings.mfa_copy_uri": "\u767B\u9332\u30A2\u30C9\u30EC\u30B9\u3092\u30B3\u30D4\u30FC",
-  "system.settings.mfa_copy_success": "\u30B3\u30D4\u30FC\u3057\u307E\u3057\u305F",
   "system.notification.title": "\u30E1\u30C3\u30BB\u30FC\u30B8",
   "system.notification.sender.system": "\u30B7\u30B9\u30C6\u30E0",
-  "system.notification.description": "\u30B7\u30B9\u30C6\u30E0\u901A\u77E5\u3068\u696D\u52D9\u30E1\u30C3\u30BB\u30FC\u30B8\u3092\u78BA\u8A8D",
   "system.notification.empty": "\u30E1\u30C3\u30BB\u30FC\u30B8\u306F\u3042\u308A\u307E\u305B\u3093",
   "system.notification.empty_inbox_hint": "\u65B0\u3057\u3044\u30E1\u30C3\u30BB\u30FC\u30B8\u306F\u3053\u3053\u306B\u8868\u793A\u3055\u308C\u307E\u3059",
   "system.notification.empty_unread_hint": "\u3059\u3079\u3066\u306E\u30E1\u30C3\u30BB\u30FC\u30B8\u3092\u65E2\u8AAD\u306B\u3057\u307E\u3057\u305F",
   "system.notification.empty_archived_hint": "\u30A2\u30FC\u30AB\u30A4\u30D6\u6E08\u307F\u306E\u30E1\u30C3\u30BB\u30FC\u30B8\u306F\u3053\u3053\u306B\u8868\u793A\u3055\u308C\u307E\u3059",
-  "system.notification.action.view_all": "\u3059\u3079\u3066\u8868\u793A",
   "system.notification.view.inbox": "\u3059\u3079\u3066",
   "system.notification.view.unread": "\u672A\u8AAD",
   "system.notification.view.archived": "\u30A2\u30FC\u30AB\u30A4\u30D6\u6E08\u307F",
-  "system.notification.category_filter": "\u30AB\u30C6\u30B4\u30EAID",
   "system.notification.mark_all_read": "\u3059\u3079\u3066\u65E2\u8AAD",
   "system.notification.action.archive": "\u30A2\u30FC\u30AB\u30A4\u30D6",
   "system.notification.action.restore": "\u5FA9\u5143",
   "system.notification.action.delete": "\u524A\u9664",
-  "system.ai.model.provider_placeholder": "\u30D7\u30ED\u30D0\u30A4\u30C0\u30FC\u3092\u9078\u629E",
   "system.ai.model.model_placeholder": "\u30E2\u30C7\u30EB\u3092\u9078\u629E",
-  "system.ai.model.load_failed": "\u30D7\u30ED\u30D0\u30A4\u30C0\u30FC\u3068\u30E2\u30C7\u30EB\u3092\u8AAD\u307F\u8FBC\u3081\u307E\u305B\u3093\u3067\u3057\u305F",
   "system.ai.model.title": "\u30E2\u30C7\u30EB\u3092\u9078\u629E",
   "system.ai.model.provider_model_count": "{providers} \u30D7\u30ED\u30D0\u30A4\u30C0\u30FC \xB7 {models} \u30E2\u30C7\u30EB",
   "system.ai.model.empty": "\u9078\u629E\u53EF\u80FD\u306A\u30E2\u30C7\u30EB\u304C\u3042\u308A\u307E\u305B\u3093",
@@ -567,7 +543,6 @@ var zh_TW_default = {
   "system.profile.account": "\u8CEC\u865F",
   "system.profile.avatar_change": "\u9EDE\u9078\u4FEE\u6539\u982D\u50CF",
   "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",
@@ -616,27 +591,20 @@ var zh_TW_default = {
   "system.settings.mfa_disable_factor_required": "\u8ACB\u8F38\u5165\u52D5\u614B\u5BC6\u78BC\u6216\u6062\u5FA9\u78BC\u3002",
   "system.settings.mfa_disable_action": "\u505C\u7528",
   "system.settings.mfa_disable_success": "\u591A\u56E0\u7D20\u8A8D\u8B49\u5DF2\u505C\u7528",
-  "system.settings.mfa_copy_uri": "\u8907\u88FD\u7D81\u5B9A\u5730\u5740",
-  "system.settings.mfa_copy_success": "\u8907\u88FD\u6210\u529F",
   "system.notification.title": "\u6D88\u606F",
   "system.notification.sender.system": "\u7CFB\u7D71",
-  "system.notification.description": "\u67E5\u770B\u7CFB\u7D71\u901A\u77E5\u548C\u696D\u52D9\u6D88\u606F",
   "system.notification.empty": "\u66AB\u7121\u6D88\u606F",
   "system.notification.empty_inbox_hint": "\u65B0\u8A0A\u606F\u5C07\u5728\u6B64\u986F\u793A",
   "system.notification.empty_unread_hint": "\u5168\u90E8\u8A0A\u606F\u5747\u5DF2\u8B80\u5B8C",
   "system.notification.empty_archived_hint": "\u5C01\u5B58\u7684\u8A0A\u606F\u5C07\u5728\u6B64\u986F\u793A",
-  "system.notification.action.view_all": "\u67E5\u770B\u5168\u90E8",
   "system.notification.view.inbox": "\u5168\u90E8",
   "system.notification.view.unread": "\u672A\u8B80",
   "system.notification.view.archived": "\u5DF2\u6B78\u6A94",
-  "system.notification.category_filter": "\u5206\u985E ID",
   "system.notification.mark_all_read": "\u5168\u90E8\u5DF2\u8B80",
   "system.notification.action.archive": "\u6B78\u6A94",
   "system.notification.action.restore": "\u6062\u5FA9",
   "system.notification.action.delete": "\u522A\u9664",
-  "system.ai.model.provider_placeholder": "\u9078\u64C7\u4F9B\u61C9\u5546",
   "system.ai.model.model_placeholder": "\u9078\u64C7\u6A21\u578B",
-  "system.ai.model.load_failed": "\u8F09\u5165\u4F9B\u61C9\u5546\u8207\u6A21\u578B\u5931\u6557",
   "system.ai.model.title": "\u9078\u64C7\u6A21\u578B",
   "system.ai.model.provider_model_count": "{providers} \u500B\u4F9B\u61C9\u5546 \xB7 {models} \u500B\u6A21\u578B",
   "system.ai.model.empty": "\u66AB\u7121\u53EF\u9078\u6A21\u578B",

package/package.json

@@ -7,7 +7,7 @@
     "type": "git",
     "url": "git@github.com:liujitcn/kratos-admin.git"
   },
-  "version": "0.0.82",
+  "version": "0.0.84",
   "type": "module",
   "files": [
     "dist",
@@ -28,6 +28,7 @@
     },
     "./api/*": "./src/api/*",
     "./rpc/*": "./src/rpc/*",
+    "./components/*": "./src/components/*.tsx",
     "./views/*": "./src/views/*",
     "./package.json": "./package.json"
   },
@@ -38,8 +39,8 @@
     "@tarojs/components": "4.2.1",
     "@tarojs/taro": "4.2.1",
     "react": "18.3.1",
-    "@liujitcn/kratos-taro-app-core": "^0.0.82",
-    "@liujitcn/kratos-taro-app-ui": "^0.0.82"
+    "@liujitcn/kratos-taro-app-core": "^0.0.84",
+    "@liujitcn/kratos-taro-app-ui": "^0.0.84"
   },
   "scripts": {
     "build": "pnpm run build:entries && pnpm pack --pack-destination ../../../dist/npm",

package/src/{views/pages/my/my.scss → components/KratosMyPage.scss}

@@ -1,3 +1,4 @@
+/* 公共个人中心与业务扩展共用完整页面视口。 */
 page {
   height: 100%;
   overflow: hidden;

package/src/components/KratosMyPage.tsx

@@ -0,0 +1,110 @@
+import type { CSSProperties, ReactNode } from 'react'
+import { Image, ScrollView, View } from '@tarojs/components'
+import defaultAvatar from '@liujitcn/kratos-taro-app-core/static/images/avatar.png'
+import {
+  formatSrc,
+  getMpCapsuleRightGap,
+  navigateAppRoute,
+  navigateToLogin,
+  useI18n,
+  useSettingStore,
+  useThemeStore,
+  useUserStore,
+} from '@liujitcn/kratos-taro-app-core'
+import './KratosMyPage.scss'
+
+/** KratosMyPageProps 个人中心的项目业务扩展属性。 */
+export interface KratosMyPageProps {
+  /** 在个人信息和 AI 助手之后渲染的项目业务内容。 */
+  children?: ReactNode
+}
+
+/** KratosMyPage 保留公共个人中心入口，并在下方渲染项目业务内容。 */
+export default function KratosMyPage({ children }: KratosMyPageProps) {
+  const { t } = useI18n()
+  const themeStore = useThemeStore()
+  const profile = useUserStore((state) => state.userInfo)
+  const isLoggedIn = useUserStore((state) => state.isAuthenticated())
+  const ensureAuthenticated = useUserStore((state) => state.ensureAuthenticated)
+  const aiEnabled = useSettingStore((state) => state.aiEnabled)
+  const avatarText = (profile?.nick_name || 'U').slice(0, 1)
+  /** MP-WEIXIN 原生胶囊按钮右侧避让宽度，写入 --mp-capsule-gap 供 .k-top 预留空间。 */
+  const capsuleGap = getMpCapsuleRightGap()
+  const topNavStyle = { '--mp-capsule-gap': `${capsuleGap}px` } as CSSProperties
+  /** 设计稿齿轮线稿，随主题取色的 data URI，替代 CSS 手绘图标。 */
+  const gearIcon = `data:image/svg+xml;charset=utf-8,${encodeURIComponent(
+    `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="${
+      themeStore.theme === 'light' ? '#102232' : '#e9f4f6'
+    }" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="3"/><path d="M19.4 15a1.6 1.6 0 0 0 .3 1.8 2 2 0 1 1-2.8 2.8 1.6 1.6 0 0 0-2.7 1.1 2 2 0 1 1-4 0 1.6 1.6 0 0 0-2.6-1.1 2 2 0 1 1-2.8-2.8A1.6 1.6 0 0 0 3 13.9a2 2 0 1 1 0-4 1.6 1.6 0 0 0 1.5-2.7 2 2 0 1 1 2.8-2.8A1.6 1.6 0 0 0 10 4.6a2 2 0 1 1 4 0 1.6 1.6 0 0 0 2.7.6 2 2 0 1 1 2.8 2.8 1.6 1.6 0 0 0-.1 2.6a2.2 2.2 0 1 1 0 4.4Z"/></svg>`,
+  )}`
+  /** 个人卡账号行：登录展示账号，未登录提示去登录。 */
+  const accountText =
+    isLoggedIn && profile ? profile.user_name || profile.nick_name || '' : t('system.profile.login_prompt')
+
+  /** 打开需要登录的公共页面。 */
+  const openAuthenticatedPage = (route: string) => {
+    if (!ensureAuthenticated()) {
+      navigateToLogin()
+      return
+    }
+    navigateAppRoute(route)
+  }
+
+  return (
+    <ScrollView
+      enableBackToTop
+      scrollY
+      className={`my-viewport${process.env.TARO_ENV === 'weapp' ? ' my-viewport--weapp' : ''} ${
+        themeStore.theme === 'light' ? 'theme-light' : 'theme-dark'
+      }`}
+    >
+      <View className='my-content'>
+        <View className='k-top' style={topNavStyle}>
+          <View className='k-top__title'>{t('core.navigation.my')}</View>
+          <View className='k-ic' onClick={() => openAuthenticatedPage('app/settings')}>
+            <Image className='my-gear' src={gearIcon} mode='aspectFit' />
+          </View>
+        </View>
+
+        <View className='my-stack'>
+          <View
+            className='k-glass k-glass--lit k-pfx my-profile'
+            onClick={() => navigateAppRoute('app/profile')}
+          >
+            <View className='my-pfx-main'>
+              {isLoggedIn && profile ? (
+                <Image
+                  className='k-pfx__av'
+                  src={profile.avatar ? formatSrc(profile.avatar) : defaultAvatar}
+                  mode='aspectFill'
+                />
+              ) : (
+                <View className='k-pfx__av'>{avatarText}</View>
+              )}
+              <View className='my-pfx-meta'>
+                <View className='k-pfx__nm'>
+                  {isLoggedIn && profile ? profile.nick_name : t('system.profile.not_logged_in')}
+                </View>
+                <View className='k-pfx__ac'>{accountText}</View>
+              </View>
+            </View>
+            <View className='k-pfx__ent'>{t('system.profile.title')} ›</View>
+          </View>
+
+          {aiEnabled ? (
+            <View className='k-aix' onClick={() => openAuthenticatedPage('app/ai')}>
+              <View className='k-aix__ic'>AI</View>
+              <View className='my-aix-copy'>
+                <View className='k-aix__t'>{t('system.settings.ai_title')}</View>
+                <View className='k-aix__d'>{t('system.settings.ai_description')}</View>
+              </View>
+              <View className='k-aix__b'>{t('system.settings.go_ask')}</View>
+            </View>
+          ) : null}
+
+          {children}
+        </View>
+      </View>
+    </ScrollView>
+  )
+}

package/src/locales/en-US.json

@@ -68,7 +68,6 @@
   "system.profile.account": "Account",
   "system.profile.avatar_change": "Tap to change avatar",
   "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",
@@ -117,27 +116,20 @@
   "system.settings.mfa_disable_factor_required": "Enter a TOTP code or recovery code.",
   "system.settings.mfa_disable_action": "Disable",
   "system.settings.mfa_disable_success": "Multi-factor authentication disabled",
-  "system.settings.mfa_copy_uri": "Copy binding address",
-  "system.settings.mfa_copy_success": "Copied",
   "system.notification.title": "Messages",
   "system.notification.sender.system": "System",
-  "system.notification.description": "View system notifications and business messages",
   "system.notification.empty": "No messages",
   "system.notification.empty_inbox_hint": "New messages will appear here",
   "system.notification.empty_unread_hint": "You're all caught up",
   "system.notification.empty_archived_hint": "Archived messages will appear here",
-  "system.notification.action.view_all": "View all",
   "system.notification.view.inbox": "All",
   "system.notification.view.unread": "Unread",
   "system.notification.view.archived": "Archived",
-  "system.notification.category_filter": "Category ID",
   "system.notification.mark_all_read": "Mark all read",
   "system.notification.action.archive": "Archive",
   "system.notification.action.restore": "Restore",
   "system.notification.action.delete": "Delete",
-  "system.ai.model.provider_placeholder": "Select a provider",
   "system.ai.model.model_placeholder": "Select a model",
-  "system.ai.model.load_failed": "Failed to load providers and models",
   "system.ai.model.title": "Select Model",
   "system.ai.model.provider_model_count": "{providers} providers · {models} models",
   "system.ai.model.empty": "No models available",

package/src/locales/ja-JP.json

@@ -68,7 +68,6 @@
   "system.profile.account": "アカウント",
   "system.profile.avatar_change": "クリックしてアバターを変更します",
   "system.profile.avatar_upload_failed": "アバターのアップロードに失敗しました",
-  "system.profile.avatar_update": "アバターのニックネームを更新",
   "system.profile.gender": "性別",
   "system.profile.email": "メールアドレス",
   "system.profile.email_placeholder": "メールアドレスを入力してください",
@@ -117,27 +116,20 @@
   "system.settings.mfa_disable_factor_required": "TOTP コードまたはリカバリーコードを入力してください。",
   "system.settings.mfa_disable_action": "無効にする",
   "system.settings.mfa_disable_success": "多要素認証を無効にしました",
-  "system.settings.mfa_copy_uri": "登録アドレスをコピー",
-  "system.settings.mfa_copy_success": "コピーしました",
   "system.notification.title": "メッセージ",
   "system.notification.sender.system": "システム",
-  "system.notification.description": "システム通知と業務メッセージを確認",
   "system.notification.empty": "メッセージはありません",
   "system.notification.empty_inbox_hint": "新しいメッセージはここに表示されます",
   "system.notification.empty_unread_hint": "すべてのメッセージを既読にしました",
   "system.notification.empty_archived_hint": "アーカイブ済みのメッセージはここに表示されます",
-  "system.notification.action.view_all": "すべて表示",
   "system.notification.view.inbox": "すべて",
   "system.notification.view.unread": "未読",
   "system.notification.view.archived": "アーカイブ済み",
-  "system.notification.category_filter": "カテゴリID",
   "system.notification.mark_all_read": "すべて既読",
   "system.notification.action.archive": "アーカイブ",
   "system.notification.action.restore": "復元",
   "system.notification.action.delete": "削除",
-  "system.ai.model.provider_placeholder": "プロバイダーを選択",
   "system.ai.model.model_placeholder": "モデルを選択",
-  "system.ai.model.load_failed": "プロバイダーとモデルを読み込めませんでした",
   "system.ai.model.title": "モデルを選択",
   "system.ai.model.provider_model_count": "{providers} プロバイダー · {models} モデル",
   "system.ai.model.empty": "選択可能なモデルがありません",

package/src/locales/zh-CN.json

@@ -68,7 +68,6 @@
   "system.profile.account": "账号",
   "system.profile.avatar_change": "点击修改头像",
   "system.profile.avatar_upload_failed": "上传头像失败",
-  "system.profile.avatar_update": "更新头像昵称",
   "system.profile.gender": "性别",
   "system.profile.email": "邮箱",
   "system.profile.email_placeholder": "请输入邮箱",
@@ -117,27 +116,20 @@
   "system.settings.mfa_disable_factor_required": "请输入动态口令或恢复码。",
   "system.settings.mfa_disable_action": "禁用",
   "system.settings.mfa_disable_success": "多因素认证已禁用",
-  "system.settings.mfa_copy_uri": "复制绑定地址",
-  "system.settings.mfa_copy_success": "复制成功",
   "system.notification.title": "消息",
   "system.notification.sender.system": "系统",
-  "system.notification.description": "查看系统通知和业务消息",
   "system.notification.empty": "暂无消息",
   "system.notification.empty_inbox_hint": "新消息将在此显示",
   "system.notification.empty_unread_hint": "全部消息均已读完",
   "system.notification.empty_archived_hint": "归档的消息将在此显示",
-  "system.notification.action.view_all": "查看全部",
   "system.notification.view.inbox": "全部",
   "system.notification.view.unread": "未读",
   "system.notification.view.archived": "已归档",
-  "system.notification.category_filter": "分类 ID",
   "system.notification.mark_all_read": "全部已读",
   "system.notification.action.archive": "归档",
   "system.notification.action.restore": "恢复",
   "system.notification.action.delete": "删除",
-  "system.ai.model.provider_placeholder": "选择供应商",
   "system.ai.model.model_placeholder": "选择模型",
-  "system.ai.model.load_failed": "加载供应商和模型失败",
   "system.ai.model.title": "选择模型",
   "system.ai.model.provider_model_count": "{providers} 个供应商 · {models} 个模型",
   "system.ai.model.empty": "暂无可选模型",

package/src/locales/zh-TW.json

@@ -68,7 +68,6 @@
   "system.profile.account": "賬號",
   "system.profile.avatar_change": "點選修改頭像",
   "system.profile.avatar_upload_failed": "上傳頭像失敗",
-  "system.profile.avatar_update": "更新頭像暱稱",
   "system.profile.gender": "性別",
   "system.profile.email": "電子郵件",
   "system.profile.email_placeholder": "請輸入電子郵件",
@@ -117,27 +116,20 @@
   "system.settings.mfa_disable_factor_required": "請輸入動態密碼或恢復碼。",
   "system.settings.mfa_disable_action": "停用",
   "system.settings.mfa_disable_success": "多因素認證已停用",
-  "system.settings.mfa_copy_uri": "複製綁定地址",
-  "system.settings.mfa_copy_success": "複製成功",
   "system.notification.title": "消息",
   "system.notification.sender.system": "系統",
-  "system.notification.description": "查看系統通知和業務消息",
   "system.notification.empty": "暫無消息",
   "system.notification.empty_inbox_hint": "新訊息將在此顯示",
   "system.notification.empty_unread_hint": "全部訊息均已讀完",
   "system.notification.empty_archived_hint": "封存的訊息將在此顯示",
-  "system.notification.action.view_all": "查看全部",
   "system.notification.view.inbox": "全部",
   "system.notification.view.unread": "未讀",
   "system.notification.view.archived": "已歸檔",
-  "system.notification.category_filter": "分類 ID",
   "system.notification.mark_all_read": "全部已讀",
   "system.notification.action.archive": "歸檔",
   "system.notification.action.restore": "恢復",
   "system.notification.action.delete": "刪除",
-  "system.ai.model.provider_placeholder": "選擇供應商",
   "system.ai.model.model_placeholder": "選擇模型",
-  "system.ai.model.load_failed": "載入供應商與模型失敗",
   "system.ai.model.title": "選擇模型",
   "system.ai.model.provider_model_count": "{providers} 個供應商 · {models} 個模型",
   "system.ai.model.empty": "暫無可選模型",

package/src/views/pages/my/components/MyExtensions.tsx

@@ -0,0 +1,4 @@
+/** MyExtensions 项目业务扩展的空实现，可添加订单、收藏或统计卡片。 */
+export default function MyExtensions() {
+  return null
+}

package/src/views/pages/my/my.tsx

@@ -1,101 +1,11 @@
-import type { CSSProperties } from 'react'
-import { Image, ScrollView, View } from '@tarojs/components'
-import defaultAvatar from '@liujitcn/kratos-taro-app-core/static/images/avatar.png'
-import {
-  formatSrc,
-  getMpCapsuleRightGap,
-  navigateAppRoute,
-  navigateToLogin,
-  useI18n,
-  useSettingStore,
-  useThemeStore,
-  useUserStore,
-} from '@liujitcn/kratos-taro-app-core'
-import './my.scss'
+import KratosMyPage from '@liujitcn/kratos-taro-app-system/components/KratosMyPage'
+import MyExtensions from './components/MyExtensions'
 
-/** 个人中心首页。 */
+/** MyPage 组合公共个人中心与项目业务扩展。 */
 export default function MyPage() {
-  const { t } = useI18n()
-  const themeStore = useThemeStore()
-  const profile = useUserStore((state) => state.userInfo)
-  const isLoggedIn = useUserStore((state) => state.isAuthenticated())
-  const ensureAuthenticated = useUserStore((state) => state.ensureAuthenticated)
-  const aiEnabled = useSettingStore((state) => state.aiEnabled)
-  const avatarText = (profile?.nick_name || 'U').slice(0, 1)
-  /** MP-WEIXIN 原生胶囊按钮右侧避让宽度，写入 --mp-capsule-gap 供 .k-top 预留空间。 */
-  const capsuleGap = getMpCapsuleRightGap()
-  const topNavStyle = { '--mp-capsule-gap': `${capsuleGap}px` } as CSSProperties
-  /** 设计稿齿轮线稿，随主题取色的 data URI，替代 CSS 手绘图标。 */
-  const gearIcon = `data:image/svg+xml;charset=utf-8,${encodeURIComponent(
-    `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="${
-      themeStore.theme === 'light' ? '#102232' : '#e9f4f6'
-    }" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="3"/><path d="M19.4 15a1.6 1.6 0 0 0 .3 1.8 2 2 0 1 1-2.8 2.8 1.6 1.6 0 0 0-2.7 1.1 2 2 0 1 1-4 0 1.6 1.6 0 0 0-2.6-1.1 2 2 0 1 1-2.8-2.8A1.6 1.6 0 0 0 3 13.9a2 2 0 1 1 0-4 1.6 1.6 0 0 0 1.5-2.7 2 2 0 1 1 2.8-2.8A1.6 1.6 0 0 0 10 4.6a2 2 0 1 1 4 0 1.6 1.6 0 0 0 2.7.6 2 2 0 1 1 2.8 2.8 1.6 1.6 0 0 0-.1 2.6a2.2 2.2 0 1 1 0 4.4Z"/></svg>`,
-  )}`
-  /** 个人卡账号行：登录展示账号，未登录提示去登录。 */
-  const accountText =
-    isLoggedIn && profile ? profile.user_name || profile.nick_name || '' : t('system.profile.login_prompt')
-
-  const openAuthenticatedPage = (route: string) => {
-    if (!ensureAuthenticated()) {
-      navigateToLogin()
-      return
-    }
-    navigateAppRoute(route)
-  }
-
   return (
-    <ScrollView
-      enableBackToTop
-      scrollY
-      className={`my-viewport${process.env.TARO_ENV === 'weapp' ? ' my-viewport--weapp' : ''} ${
-        themeStore.theme === 'light' ? 'theme-light' : 'theme-dark'
-      }`}
-    >
-      <View className='my-content'>
-        <View className='k-top' style={topNavStyle}>
-          <View className='k-top__title'>{t('core.navigation.my')}</View>
-          <View className='k-ic' onClick={() => openAuthenticatedPage('app/settings')}>
-            <Image className='my-gear' src={gearIcon} mode='aspectFit' />
-          </View>
-        </View>
-
-        <View className='my-stack'>
-          <View
-            className='k-glass k-glass--lit k-pfx my-profile'
-            onClick={() => navigateAppRoute('app/profile')}
-          >
-            <View className='my-pfx-main'>
-              {isLoggedIn && profile ? (
-                <Image
-                  className='k-pfx__av'
-                  src={profile.avatar ? formatSrc(profile.avatar) : defaultAvatar}
-                  mode='aspectFill'
-                />
-              ) : (
-                <View className='k-pfx__av'>{avatarText}</View>
-              )}
-              <View className='my-pfx-meta'>
-                <View className='k-pfx__nm'>
-                  {isLoggedIn && profile ? profile.nick_name : t('system.profile.not_logged_in')}
-                </View>
-                <View className='k-pfx__ac'>{accountText}</View>
-              </View>
-            </View>
-            <View className='k-pfx__ent'>{t('system.profile.title')} ›</View>
-          </View>
-
-          {aiEnabled ? (
-            <View className='k-aix' onClick={() => openAuthenticatedPage('app/ai')}>
-              <View className='k-aix__ic'>AI</View>
-              <View className='my-aix-copy'>
-                <View className='k-aix__t'>{t('system.settings.ai_title')}</View>
-                <View className='k-aix__d'>{t('system.settings.ai_description')}</View>
-              </View>
-              <View className='k-aix__b'>{t('system.settings.go_ask')}</View>
-            </View>
-          ) : null}
-        </View>
-      </View>
-    </ScrollView>
+    <KratosMyPage>
+      <MyExtensions />
+    </KratosMyPage>
   )
 }