gc_i18n 1.3.12 → 1.4.0

package/.qoder/repowiki/zh/content/API /345/217/202/350/200/203.md"

@@ -7,11 +7,13 @@
 - [service.js](file://packages/libs/service.js) - *在最近的提交中更新，包含关键逻辑变更*
 - [utils.js](file://packages/libs/utils.js) - *在最近的提交中更新，包含 mergeArraysByKey 函数*
 - [packages/index.js](file://packages/index.js) - *库的入口点，包含初始化逻辑*
+- [package.json](file://package.json) - *版本信息，从1.3.12升级到1.3.13*
 </cite>
 
 ## 更新摘要
 **变更内容**   
-- 更新了服务端点路径：`/i18n-web/sysoption/getsupportedlangs` 已更新为 `/i18n-web/app/getsupportedlangs`
+- 移除了 `fetchTranslate` 函数中的 `page` 参数，更新了函数签名和参数说明
+- 版本从 1.3.12 升级到 1.3.13
 - 更新了 `service.js` 中 `getTranslate` 方法的文档，以反映其新的行为：当返回 `common` 类型的翻译时，会移除当前路由的数据
 - 更新了 `gc_i18n.es.js` 中 `$t` 方法的文档，详细说明了其新的查找优先级：先查找 `route.key`，再查找 `common.key`，最后查找全局 `key`
 - 更新了 `utils.js` 中 `mergeArraysByKey` 函数的文档，说明了其在合并数据时会移除与 `common` 键匹配的当前路由数据
@@ -74,7 +76,7 @@ $t(key: string): string
 **更新** 该方法的查找逻辑已更新，优先级为：`当前路由名.key` > `common.key` > `key`。
 
 **Section sources**
-- [gc_i18n.es.js](file://lib/gc_i18n.es.js#L272-L297) - *更新了 $t 方法的实现*
+- [gc_i18n.es.js:272-297](file://lib/gc_i18n.es.js#L272-L297) - *更新了 $t 方法的实现*
 - [src/view/Home.vue](file://src/view/Home.vue#L19)
 - [src/view/login.vue](file://src/view/login.vue#L10)
 
@@ -108,7 +110,7 @@ $changeLocale(locale: string): Promise<void>
 **更新** 该方法的实现已更新，现在通过调用 `setLanguage` 方法来完成核心逻辑。
 
 **Section sources**
-- [gc_i18n.es.js](file://lib/gc_i18n.es.js#L316-L321) - *更新了 $changeLocale 方法的实现*
+- [gc_i18n.es.js:316-321](file://lib/gc_i18n.es.js#L316-L321) - *更新了 $changeLocale 方法的实现*
 - [src/view/Home.vue](file://src/view/Home.vue#L2)
 - [src/view/login.vue](file://src/view/login.vue#L2)
 
@@ -139,7 +141,7 @@ function extractTranslationKeys(component: any): string[]
 - 开发者手动检查组件，以确保所有翻译键都已定义。
 
 **Section sources**
-- [i18nUtils.ts](file://packages/libs/i18nUtils.ts#L1-L54) - *文件内容未变，但其提取的键会影响 $t 的行为*
+- [i18nUtils.ts:1-54](file://packages/libs/i18nUtils.ts#L1-L54) - *文件内容未变，但其提取的键会影响 $t 的行为*
 
 ## service.js 异步接口
 `service.js` 封装了与后端语言服务通信的异步接口，负责获取和管理翻译数据。
@@ -160,20 +162,17 @@ getLanguages({ baseUrl, token, appCode }: { baseUrl: string; token: string; appC
 **返回值**
 - `Promise<any>` - 一个 Promise，resolve 时返回包含支持语言列表的响应对象。
 
-**更新** 服务端点已从 `/i18n-web/sysoption/getsupportedlangs` 更新为 `/i18n-web/app/getsupportedlangs`。
-
 **Section sources**
-- [service.js](file://packages/libs/service.js#L10-L19)
+- [service.js:63-72](file://packages/libs/service.js#L63-L72)
 
 ### fetchTranslate (获取翻译数据)
-根据应用代码、语言、页面等信息，从后端获取翻译数据。
+根据应用代码、语言等信息，从后端获取翻译数据。
 
 **方法签名**
 ```typescript
-fetchTranslate({ appCode, language, page, lastPullDate, baseUrl, token }: { 
+fetchTranslate({ appCode, language, lastPullDate, baseUrl, token }: { 
   appCode: string; 
   language?: string; 
-  page?: string; 
   lastPullDate?: string; 
   baseUrl: string; 
   token: string; 
@@ -183,7 +182,6 @@ fetchTranslate({ appCode, language, page, lastPullDate, baseUrl, token }: {
 **参数**
 - **appCode**: `string` - 应用的唯一标识码。
 - **language**: `string` (可选, 默认: `"zh-CN"`) - 目标语言。
-- **page**: `string` (可选) - 当前页面标识。
 - **lastPullDate**: `string` (可选) - 上次拉取数据的时间戳，用于增量更新。
 - **baseUrl**: `string` - 后端服务的基础 URL。
 - **token**: `string` - 用于身份验证的授权令牌。
@@ -191,10 +189,10 @@ fetchTranslate({ appCode, language, page, lastPullDate, baseUrl, token }: {
 **返回值**
 - `Promise<any>` - 一个 Promise，resolve 时返回包含翻译数据的对象。如果请求成功，`res.data.result` 为 0，则返回 `res.data.retVal`；否则返回整个 `res` 对象。
 
-**更新** 修正了返回值描述，使其与代码中的 `resolve(res)` 逻辑一致。
+**更新** 移除了 `page` 参数，更新了函数签名和参数说明。
 
 **Section sources**
-- [service.js](file://packages/libs/service.js#L21-L50)
+- [service.js:74-101](file://packages/libs/service.js#L74-L101)
 
 ### getTranslate (获取翻译数据 - 增强版)
 此方法是 `fetchTranslate` 的增强版，它结合了本地存储（`store2`）来实现数据缓存和增量更新。
@@ -233,7 +231,7 @@ getTranslate({ baseUrl, appCode, language, token, routerName }: {
 **更新** 该方法的行为已更新，当从后端获取到 `common` 类型的翻译时，会移除当前路由中同名的翻译数据。
 
 **Section sources**
-- [service.js](file://packages/libs/service.js#L82-L135) - *更新了 getTranslate 方法的实现*
+- [service.js:133-186](file://packages/libs/service.js#L133-L186) - *更新了 getTranslate 方法的实现*
 
 ### userDicts (用户词典)
 提交用户自定义的翻译词典。
@@ -252,7 +250,7 @@ userDicts({ data, token, baseUrl }: { data: any; token: string; baseUrl: string
 - `Promise<any>` - 请求的响应。
 
 **Section sources**
-- [service.js](file://packages/libs/service.js#L61-L70)
+- [service.js:112-121](file://packages/libs/service.js#L112-L121)
 
 ### saveTranslate (保存翻译)
 批量保存翻译数据。
@@ -271,7 +269,7 @@ saveTranslate({ data, token, baseUrl }: { data: any; token: string; baseUrl: str
 - `Promise<any>` - 请求的响应。
 
 **Section sources**
-- [service.js](file://packages/libs/service.js#L72-L81)
+- [service.js:123-132](file://packages/libs/service.js#L123-L132)
 
 ## 使用示例与最佳实践
 
@@ -328,4 +326,6 @@ console.log(keys); // 输出: ["hello", "greeting"]
 - **类型安全**: `extractTranslationKeys` 的参数类型为 `any`，缺乏严格的类型检查，使用时需确保传入的是有效的组件对象。
 - **性能**: 频繁调用 `$changeLocale` 会导致应用重新渲染，应避免在短时间内多次调用。
 - **逻辑变更**: `getTranslate` 方法现在会移除 `common` 键覆盖的当前路由数据，这可能会影响某些依赖于特定键的组件。
-- **服务端点变更**: 注意服务端点已从 `/i18n-web/sysoption/getsupportedlangs` 更新为 `/i18n-web/app/getsupportedlangs`，请确保后端配置正确。
+- **参数变更**: `fetchTranslate` 函数已移除 `page` 参数，使用时请注意更新调用方式。
+
+**版本更新** 本版本为 1.3.13，包含上述重要变更。

package/.qoder/repowiki/zh/content//345/267/245/345/205/267/345/207/275/346/225/260.md

@@ -6,6 +6,7 @@
 - [i18nUtils.ts](file://packages/libs/i18nUtils.ts)
 - [service.js](file://packages/libs/service.js)
 - [index.js](file://packages/index.js)
+- [textEditMode.js](file://packages/libs/textEditMode.js)
 - [gc_i18n.js](file://lib/gc_i18n.js)
 </cite>
 
@@ -34,29 +35,33 @@ A[utils.js] --> |提供| B[通用辅助函数]
 A --> |新增| C[RTL语言检测函数]
 D[i18nUtils.ts] --> |提供| E[i18n专用工具]
 F[service.js] --> |提供| G[外部服务接口]
+H[textEditMode.js] --> |提供| I[文本编辑模式]
 end
 subgraph "入口与整合"
-H[index.js] --> |整合并使用| A
-H --> |整合并使用| D
-H --> |整合并使用| F
+J[index.js] --> |整合并使用| A
+J --> |整合并使用| D
+J --> |整合并使用| F
+J --> |整合并使用| H
 end
 subgraph "核心库"
-I[gc_i18n.js] --> |定义| J[Po, Mo, Pa, qn等函数]
-H --> |依赖| I
+K[gc_i18n.js] --> |定义| L[Po, Mo, Pa, qn等函数]
+J --> |依赖| K
 end
 subgraph "应用层"
-K[src] --> |使用| H
+M[src] --> |使用| J
 end
-A --> H
-D --> H
-F --> H
-I --> H
+A --> J
+D --> J
+F --> J
+H --> J
+K --> J
 ```
 
 **图示来源**
 - [utils.js](file://packages/libs/utils.js)
 - [i18nUtils.ts](file://packages/libs/i18nUtils.ts)
 - [service.js](file://packages/libs/service.js)
+- [textEditMode.js](file://packages/libs/textEditMode.js)
 - [index.js](file://packages/index.js)
 - [gc_i18n.js](file://lib/gc_i18n.js)
 
@@ -65,11 +70,12 @@ I --> H
 - [utils.js](file://packages/libs/utils.js)
 - [i18nUtils.ts](file://packages/libs/i18nUtils.ts)
 - [service.js](file://packages/libs/service.js)
+- [textEditMode.js](file://packages/libs/textEditMode.js)
 - [index.js](file://packages/index.js)
 
 ## 核心工具模块分析
 
-本项目的核心工具模块由 `packages/libs` 目录下的三个文件构成：`utils.js` 提供通用的JavaScript辅助函数；`i18nUtils.ts` 专注于国际化流程中的特定任务，如提取翻译键；`service.js` 则封装了与后端服务器通信的API，用于加载和保存语言包。这些模块在 `packages/index.js` 中被统一导入和整合，最终暴露为一个完整的 `I18n` 类供应用使用。
+本项目的核心工具模块由 `packages/libs` 目录下的四个文件构成：`utils.js` 提供通用的JavaScript辅助函数；`i18nUtils.ts` 专注于国际化流程中的特定任务，如提取翻译键；`service.js` 则封装了与后端服务器通信的API，用于加载和保存语言包；`textEditMode.js` 提供了文本编辑模式功能。这些模块在 `packages/index.js` 中被统一导入和整合，最终暴露为一个完整的 `I18n` 类供应用使用。
 
 ## 国际化工具函数 (i18nUtils.ts)
 
@@ -321,10 +327,12 @@ RTL检测功能完善了国际化系统的用户体验，特别是在处理阿
 
 #### `fetchTranslate`
 - **功能**: 从服务器获取翻译数据。支持通过 `lastPullDate` 参数进行增量拉取。
-- **参数**: `{ appCode, language, page, lastPullDate, baseUrl, token }`
+- **参数**: `{ appCode, language, lastPullDate, baseUrl, token }`
 - **返回**: Promise，解析为翻译数据对象。
 - **HTTP请求**: `GET /i18n-web/kv_translate/kv_translates`
 
+**更新** 移除了 `page` 参数的相关描述，保持与其他文档的一致性。
+
 #### `getTranslate`
 - **功能**: 这是 `service.js` 中最复杂的函数，它结合了本地缓存和远程请求，实现了智能的语言包加载策略。
 - **流程**:
@@ -372,7 +380,7 @@ end
 
 ## 模块整合与协作关系
 
-`packages/index.js` 作为主入口文件，负责将 `utils.js`、`i18nUtils.ts` 和 `service.js` 三个工具模块整合成一个完整的 `I18n` 类。
+`packages/index.js` 作为主入口文件，负责将 `utils.js`、`i18nUtils.ts`、`service.js` 和 `textEditMode.js` 四个工具模块整合成一个完整的 `I18n` 类。
 
 ### 协作流程
 
@@ -384,7 +392,8 @@ end
     -   `getTranslate` 内部会调用 `utils.js` 的 `convertArrayToObject` 将数据转换为 `vue-i18n` 可用的格式。
 4.  **数据加载**: `getTranslate` 函数在 `service.js` 中定义，但其内部调用的 `Uo`、`qn`、`Mo`、`Po` 等函数实际定义在 `lib/gc_i18n.js` 中，这表明 `service.js` 依赖于核心库。
 5.  **RTL方向更新**: 在语言切换时，系统会重新检测RTL状态并更新文档方向。
-6.  **最终整合**: `index.js` 将所有功能整合后，通过 `install` 方法注入到Vue应用中，使 `$t` 等全局函数可用。
+6.  **文本编辑模式**: `textEditMode.js` 提供了额外的文本编辑功能，支持页面和路由级别的翻译管理。
+7.  **最终整合**: `index.js` 将所有功能整合后，通过 `install` 方法注入到Vue应用中，使 `$t` 等全局函数可用。
 
 ### 关键协作点
 -   `index.js` 使用 `i18nUtils.ts` 进行**键的提取**。
@@ -392,6 +401,7 @@ end
 -   `service.js` 使用 `utils.js` 进行**数据的转换和合并**。
 -   `index.js` 使用 `utils.js` 的 `isRTLLocale` 进行**RTL语言检测**。
 -   `service.js` 依赖 `gc_i18n.js` 提供的底层**网络请求和缓存函数**。
+-   `textEditMode.js` 与 `service.js` 协作，提供**文本编辑和翻译管理**功能。
 
 ### RTL功能的完整协作链
 ```mermaid
@@ -413,4 +423,5 @@ G --> H[提供isRTL实例方法]
 - [utils.js](file://packages/libs/utils.js)
 - [i18nUtils.ts](file://packages/libs/i18nUtils.ts)
 - [service.js](file://packages/libs/service.js)
+- [textEditMode.js](file://packages/libs/textEditMode.js)
 - [gc_i18n.js](file://lib/gc_i18n.js)

package/.qoder/repowiki/zh/content//347/273/204/344/273/266/351/233/206/346/210/220.md

@@ -15,26 +15,30 @@
 - [service.js](file://packages/libs/service.js)
 - [utils.js](file://packages/libs/utils.js)
 - [index.js](file://lang/index.js)
+- [textEditMode.js](file://packages/libs/textEditMode.js)
+- [textEditMode.css](file://packages/libs/textEditMode.css)
 </cite>
 
 ## 更新摘要
 **所做变更**
-- 更新了Earth组件的重大功能增强：从简单的Icon组件升级为完整的v-model驱动编辑组件
+- 更新了 i18n-earth 组件的重大功能增强：从简单的 Icon 组件升级为完整的 v-model 驱动编辑组件
 - 新增了模态框编辑功能，支持多语言翻译的实时编辑和保存
 - 增强了缓存机制，包括语言列表缓存和翻译数据缓存
-- 完善了组件的Props配置和事件处理机制
-- 更新了组件的使用示例和最佳实践
+- 完善了组件的 Props 配置和事件处理机制
+- 更新了键盘快捷键配置，从 ctrl+shift+l 更改为 ctrl+shift+e
+- 新增了文本编辑模式功能，支持可视化翻译编辑
 
 ## 目录
 1. [项目结构分析](#项目结构分析)
 2. [Vue组件与gc_i18n库集成机制](#vue组件与gc_i18n库集成机制)
-3. [Earth组件：v-model驱动的多语言编辑器](#earth组件v-model驱动的多语言编辑器)
+3. [i18n-earth组件：v-model驱动的多语言编辑器](#i18n-earth组件v-model驱动的多语言编辑器)
 4. [config.vue语言切换控件详解](#configvue语言切换控件详解)
 5. [文本翻译函数$t()的使用分析](#文本翻译函数t的使用分析)
 6. [组件间语言状态共享实践](#组件间语言状态共享实践)
 7. [翻译文本传递与直接调用的权衡](#翻译文本传递与直接调用的权衡)
-8. [核心流程序列图](#核心流程序列图)
-9. [依赖关系图](#依赖关系图)
+8. [文本编辑模式与快捷键配置](#文本编辑模式与快捷键配置)
+9. [核心流程序列图](#核心流程序列图)
+10. [依赖关系图](#依赖关系图)
 
 ## 项目结构分析
 
@@ -59,6 +63,8 @@ earthCSS[earth.css]
 i18nUtils[i18nUtils.ts]
 service[service.js]
 utils[utils.js]
+textEditMode[textEditMode.js]
+textEditModeCSS[textEditMode.css]
 end
 subgraph "应用层"
 main[main.js]
@@ -71,7 +77,9 @@ lang --> pkg
 pkg --> earth
 pkg --> i18nUtils
 pkg --> service
+pkg --> textEditMode
 earth --> earthCSS
+textEditMode --> textEditModeCSS
 main --> app
 app --> home
 app --> login
@@ -92,7 +100,8 @@ Vue组件通过`gc_i18n`库实现国际化功能。该库基于`vue-i18n`构建
 2. `lang/index.js`初始化`gc_i18n`实例并注入Vue应用
 3. 各组件通过全局函数`$t()`进行文本翻译
 4. 特殊组件如`config.vue`提供翻译管理界面
-5. Earth组件通过自动注册方式提供Vue 2/3兼容性支持
+5. i18n-earth组件通过自动注册方式提供Vue 2/3兼容性支持
+6. 文本编辑模式通过快捷键 ctrl+shift+e 启用
 
 ```mermaid
 sequenceDiagram
@@ -100,12 +109,14 @@ participant Main as main.js
 participant Lang as lang/index.js
 participant I18n as index.js
 participant Earth as earth.js
+participant TextMode as textEditMode.js
 participant Component as Vue组件
 Main->>Lang : use(lang, router)
 Lang->>I18n : new gc_i18n(options)
 I18n->>I18n : initI18n()
 I18n->>I18n : initRouterGuards()
 I18n->>Earth : app.component("i18n-earth", earthVue)
+I18n->>TextMode : 绑定快捷键 ctrl+shift+e
 Earth->>Component : 注册全局组件
 Component->>I18n : 调用$t("key")
 I18n-->>Component : 返回翻译文本
@@ -121,9 +132,9 @@ Note over I18n : 支持自动注册和手动注册
 - [main.js:1-12](file://src/main.js#L1-L12)
 - [lang/index.js:1-33](file://lang/index.js#L1-L33)
 
-## Earth组件：v-model驱动的多语言编辑器
+## i18n-earth组件：v-model驱动的多语言编辑器
 
-**更新**：Earth组件已从简单的Icon组件升级为完整的v-model驱动编辑组件，具备强大的多语言编辑和管理功能
+**更新**：i18n-earth组件已从简单的Icon组件升级为完整的v-model驱动编辑组件，具备强大的多语言编辑和管理功能
 
 ### 组件特性
 - 使用`vue-demi`库实现Vue 2/3兼容
@@ -137,7 +148,7 @@ Note over I18n : 支持自动注册和手动注册
 
 ### v-model数据结构
 
-Earth组件支持数组对象格式的v-model数据：
+i18n-earth组件支持数组对象格式的v-model数据：
 
 ```javascript
 // v-model数据格式
@@ -407,7 +418,7 @@ ReloadPage --> End([完成])
 
 | 组件 | 模板中使用 | 脚本中使用 | 特点 |
 |------|------------|------------|------|
-| Home.vue | 是 | 是 | 完整的交互示例，包含Earth组件 |
+| Home.vue | 是 | 是 | 完整的交互示例，包含i18n-earth组件 |
 | login.vue | 是 | 否 | 简单的静态翻译 |
 | test.vue | 否 | 否 | 无$t()调用，使用静态文本 |
 
@@ -419,7 +430,7 @@ ReloadPage --> End([完成])
   <div>首页</div>
   <RouterLink to="/test">测试</RouterLink>
   
-  <!-- Earth组件使用 - v-model驱动的编辑器 -->
+  <!-- i18n-earth组件使用 - v-model驱动的编辑器 -->
   <i18n-earth
     :width="500"
     v-model="translations"
@@ -483,7 +494,7 @@ const handleSave = async (values) => {
 - 模板中使用`{{ $t("key") }}`进行动态翻译
 - 脚本中调用`$changeLocale`等全局函数
 - 包含完整的语言切换和用户管理功能
-- 集成了Earth组件展示Vue 2/3兼容性
+- 集成了i18n-earth组件展示Vue 2/3兼容性
 
 ### login.vue中的使用
 
@@ -588,7 +599,7 @@ I18n->>Component : 触发页面刷新
 <ChildComponent :saveText="$t('common.save')" />
 ```
 
-**注意**：Earth组件通过自动注册机制在全局可用，无需手动注册。
+**注意**：i18n-earth组件通过自动注册机制在全局可用，无需手动注册。
 
 **本节来源**
 - [index.js:491-501](file://packages/index.js#L491-L501)
@@ -649,6 +660,91 @@ export default {
 - [Home.vue:1-64](file://src/view/Home.vue#L1-L64)
 - [login.vue:1-15](file://src/view/login.vue#L1-L15)
 
+## 文本编辑模式与快捷键配置
+
+### 快捷键配置更新
+
+**更新**：键盘快捷键配置已从 `ctrl+shift+l` 更改为 `ctrl+shift+e`
+
+`gc_i18n`库现在支持自定义文本编辑模式快捷键：
+
+```javascript
+// 默认配置
+this.keyboard = keyboard || "ctrl+shift+l";
+this.editKeyboard = options.editKeyboard || "ctrl+shift+e";
+
+// 绑定快捷键
+keyboardJS.bind(this.editKeyboard, (e) => {
+  e.preventDefault();
+  textEditMode.toggle();
+});
+```
+
+### 文本编辑模式功能
+
+文本编辑模式提供了可视化的翻译编辑体验：
+
+1. **激活条件**：通过 `ctrl+shift+e` 快捷键激活
+2. **元素包装**：自动扫描页面文本节点并添加可编辑外框
+3. **弹窗编辑**：点击可编辑元素弹出SweetAlert2编辑窗口
+4. **实时保存**：编辑完成后自动保存到服务器
+
+### 编辑模式工作流程
+
+```mermaid
+flowchart TD
+Start([按下 ctrl+shift+e]) --> InitConfig["初始化配置"]
+InitConfig --> ScanElements["扫描页面文本元素"]
+ScanElements --> WrapElements["包装可编辑元素"]
+WrapElements --> ShowTips["显示操作提示"]
+ShowTips --> ClickElement{"点击可编辑元素?"}
+ClickElement --> |是| OpenModal["打开编辑弹窗"]
+ClickElement --> |否| WaitInput["等待用户输入"]
+OpenModal --> EditText["编辑翻译内容"]
+EditText --> SaveChanges["保存到服务器"]
+SaveChanges --> UpdateCache["更新本地缓存"]
+UpdateCache --> CloseModal["关闭弹窗"]
+CloseModal --> End([完成])
+```
+
+### 编辑弹窗功能
+
+编辑弹窗支持多语言翻译编辑：
+
+```javascript
+// 构建编辑表单
+const langInputs = this.languages
+  .map(
+    (item) => `
+      <div class="i18n-edit-field">
+        <label class="i18n-edit-label">${item.langName}:</label>
+        <input
+          type="text"
+          class="i18n-edit-input"
+          data-lang="${item.langCode}"
+          value="${this.escapeHtml(_.get(value, item.langCode) || "")}"
+          placeholder="请输入${item.langName}翻译"
+        />
+      </div>
+    `
+  )
+  .join("");
+```
+
+### 配置选项
+
+| 选项名 | 默认值 | 说明 |
+|--------|--------|------|
+| keyboard | "ctrl+shift+l" | 管理面板快捷键 |
+| editKeyboard | "ctrl+shift+e" | 文本编辑模式快捷键 |
+| baseUrl | 根据环境自动选择 | 翻译服务基础URL |
+
+**本节来源**
+- [index.js:109-111](file://packages/index.js#L109-L111)
+- [index.js:153-157](file://packages/index.js#L153-L157)
+- [textEditMode.js:1-623](file://packages/libs/textEditMode.js#L1-L623)
+- [textEditMode.css:1-166](file://packages/libs/textEditMode.css#L1-L166)
+
 ## 核心流程序列图
 
 ```mermaid
@@ -656,6 +752,8 @@ sequenceDiagram
 participant User as 用户
 participant Component as Vue组件
 participant I18n as gc_i18n实例
+participant Earth as i18n-earth组件
+participant TextMode as 文本编辑模式
 participant Service as service.js
 participant Storage as localStorage
 participant Server as 远程服务器
@@ -669,8 +767,11 @@ Service->>Storage : 缓存翻译数据
 Service-->>I18n : 返回翻译结果
 I18n->>I18n : setLocaleMessage('en-US', data)
 I18n->>Component : 触发页面刷新
-Component->>Component : 重新渲染，使用英文文本
-Component-->>User : 显示英文界面
+Component->>Earth : 更新当前语言显示
+Earth->>User : 显示英文翻译
+User->>TextMode : 按下 ctrl+shift+e
+TextMode->>TextMode : 启用编辑模式
+TextMode->>User : 显示可编辑元素
 ```
 
 **图表来源**
@@ -688,19 +789,22 @@ C --> D[packages/index.js]
 D --> E[earth.js]
 D --> F[i18nUtils.ts]
 D --> G[service.js]
-E --> H[earth.css]
-A --> I[router]
-I --> J[Home.vue]
-I --> K[login.vue]
-I --> L[test.vue]
-J --> D
-K --> D
+D --> H[textEditMode.js]
+E --> I[earth.css]
+H --> J[textEditMode.css]
+A --> K[router]
+K --> L[Home.vue]
+K --> M[login.vue]
+K --> N[test.vue]
 L --> D
-M[earth.js] --> N[earth.css]
-O[service.js] --> P[utils.js]
+M --> D
+N --> D
+O[earth.js] --> I
+P[textEditMode.js] --> J
+Q[service.js] --> R[utils.js]
 style A fill:#f9f,stroke:#333
 style D fill:#bbf,stroke:#333
-style M fill:#f96,stroke:#333
+style O fill:#f96,stroke:#333
 ```
 
 **图表来源**
@@ -710,4 +814,6 @@ style M fill:#f96,stroke:#333
 - [earth.js:1-339](file://packages/components/earth.js#L1-L339)
 - [earth.css:1-144](file://packages/components/earth.css#L1-L144)
 - [service.js:1-189](file://packages/libs/service.js#L1-L189)
-- [utils.js:1-51](file://packages/libs/utils.js#L1-L51)
+- [utils.js:1-51](file://packages/libs/utils.js#L1-L51)
+- [textEditMode.js:1-623](file://packages/libs/textEditMode.js#L1-L623)
+- [textEditMode.css:1-166](file://packages/libs/textEditMode.css#L1-L166)