Merge pull request #977 from haoxiuwen/chatuikitimage

Modify UIKit Docs

Author: haoxiuwen

docs/.vuepress/public/images/uikit/chatuikit/feature/conversation/conversation_delete_android.png

@@ -82,40 +82,6 @@
 
 ![img](/images/uikit/chatuikit/feature/common/message_report.png =300x630) 
 
-## 输入状态指示
-
-输入状态指示功能指在单聊会话中实时显示会话的一方正在输入的状态，增强通讯互动的实时性。此功能有助于用户了解对方是否正在回复，从而优化沟通体验，提升对话流畅度。
-
-输入状态指示的 UI 和逻辑结构如下：
-- `EaseTitleBar` 中的 `subtitle` 控件显示用户的状态以及输入状态指示，收到输入状态后会先显示输入状态，用户取消输入状态后显示用户的状态，输入状态消失。
-- 输入状态相关回调和方法：
-  - 输入状态投递为透传消息，接收到透传消息后，通过 `EaseChatFragment.Builder` 提供的 `setOnPeerTypingListener` 监听对方输入状态。
-  - 输入状态回调为 `onPeerTyping(action: String?)`，其中 `action` 代表状态 `EaseChatLayout.ACTION_TYPING_BEGI` ｜ `EaseChatLayout.ACTION_TYPING_END`。
-
-| 开启输入状态提示            | 关闭输入状态提示   | 
-| :-------------- | :----- | 
-| <img src=/images/uikit/chatuikit/feature/common/typing_indicator_enable.png width="300"/> |<img src=/images/uikit/chatuikit/feature/common/typing_indicator_disable.png  width="300"/>  | 
-
-### 如何使用
-
-输入状态指示特性在 `EaseIM.getConfig()?.chatConfig?.enableChatTyping` 中默认开启，即 `enableChatTyping` 的默认值为 `true`。要关闭该特性，需将该参数设置为 `false`。
-
-同时也支持通过代码进行设置，`EaseChatFragment.Builder` 提供开启或关闭的 API `builder.turnOnTypingMonitor(true|false)`。通过代码设置优先级更高。
-
-示例代码如下：
-
-```kotlin
-    
-    EaseIM.getConfig()?.chatConfig?.enableChatTyping = true
-
-```
-
-### 自定义输入状态指示 UI
-
-本功能使用 SDK 的透传消息实现，详见 [SDK 相关文档](/document/android/message_send_receive.html#通过透传消息实现输入指示器)。
-
-用户需要监听透传消息回调处理导航相关 UI 显示效果。
-
 ## 本地搜索
 
 本地搜索功能允许用户快速根据类型搜索，包括搜索联系人（带有或无选择框）、会话、历史消息和黑名单，支持关键词匹配。该功能帮助用户高效找到所需信息，提高工作效率和信息管理的便捷性。
@@ -128,7 +94,7 @@ UIKit 提供封装的 `EaseSearchActivity` 搜索页面，用户根据 `EaseSear
 
 ![img](/images/uikit/chatuikit/feature/common/message_search.png) 
 
-### 如何使用
+#### 如何使用
 
 跳转 `EaseSearchActivity` 页面，根据自己需要搜索的类型（`EaseSearchType：USER、SELECT_USER、CONVERSATION、MESSAGE、BLOCK_USER`）传入需要的参数，将匹配关键词并展示搜索结果。
 
@@ -168,7 +134,7 @@ UIKit 提供封装的 `EaseSearchActivity` 搜索页面，用户根据 `EaseSear
 
 ![img](/images/uikit/chatuikit/feature/common/[email protected]) 
 
-### 如何使用
+#### 如何使用
 
 群组@提及特性默认开启。要关闭该特性，则不需理会 `MessageListController#onInputBoxEventsOccur` 方法，记重载此方法后不需要处理 mention 事件即可。
 

docs/.vuepress/public/images/uikit/chatuikit/feature/conversation/conversation_dnd_android.png

@@ -8,30 +8,30 @@
 
 会话已读是指显示用户是否已阅读过含有未读消息的特定会话。
 
-在单群聊 UIKit 中，用户可以通过左滑会话/右滑会话或长按会话的操作触发会话拓展功能菜单，选择会话已读选项，指定会话将会被置为已读。
+在单群聊 UIKit 中，用户可以通过长按会话的操作触发会话拓展功能菜单，选择会话已读选项，指定会话将会被置为已读。
 
 ![img](/images/uikit/chatuikit/feature/conversation/conversation_read.png) 
 
 ## 会话置顶
 
 会话置顶是指用户将重要的会话固定在聊天列表顶部，方便快速访问常用或优先级别的会话。
 
-在单群聊 UIKit 中，用户可以通过左滑会话/右滑会话或长按会话的操作触发会话拓展功能菜单，选择会话置顶选项，指定会话将会被放置在会话列表前排区域。
+在单群聊 UIKit 中，用户可以通过长按会话的操作触发会话拓展功能菜单，选择会话置顶选项，指定会话将会被放置在会话列表前排区域。
 
-![img](/images/uikit/chatuikit/feature/conversation/conversation_pin.png) 
+![img](/images/uikit/chatuikit/feature/conversation/conversation_pin_android.png) 
 
 ## 会话免打扰
 
 会话免打扰是指用户暂时关闭特定会话的通知，避免被打扰。
 
-在单群聊 UIKit 中，用户可以通过左滑会话/右滑会话或长按会话的操作触发会话拓展功能菜单，选择会话免打扰选项，指定会话将不再接收通知。
+在单群聊 UIKit 中，用户可以通过长按会话的操作触发会话拓展功能菜单，选择会话免打扰选项，指定会话将不再接收通知。
 
-![img](/images/uikit/chatuikit/feature/conversation/conversation_dnd.png) 
+![img](/images/uikit/chatuikit/feature/conversation/conversation_dnd_android.png) 
 
 ## 会话删除	
 
 会话删除是指用户永久删除不再需要的会话，清理会话列表。
 
-在单群聊 UIKit 中，用户可以通过左滑会话/右滑会话或长按会话的操作触发会话拓展功能菜单，选择会话删除选项，指定会话将会被删除。
+在单群聊 UIKit 中，用户可以通过长按会话的操作触发会话拓展功能菜单，选择会话删除选项，指定会话将会被删除。
 
-![img](/images/uikit/chatuikit/feature/conversation/conversation_delete.png) 
+![img](/images/uikit/chatuikit/feature/conversation/conversation_delete_android.png) 

docs/.vuepress/public/images/uikit/chatuikit/feature/conversation/conversation_pin_android.png

@@ -41,7 +41,7 @@
 
 ![img](/images/uikit/chatuikit/feature/message/message_reply.png) 
 
-### 如何使用
+#### 如何使用
 
 消息转发特性在 `EaseChatConfig` 中默认开启，即 `enableReplyMessage` 的默认值为 `true`。要关闭该特性，需将该参数设置为 `false`。
 
@@ -67,7 +67,7 @@
 
 ![img](/images/uikit/chatuikit/feature/message/message_translate.png) 
 
-### 如何使用
+#### 如何使用
 
 使用该特性前，请确保在[环信即时通信控制台](https://console.easemob.com/user/login)上已申请试用该功能。
 
@@ -114,7 +114,7 @@
 
 ![img](/images/uikit/chatuikit/feature/message/message_reactions.png) 
 
-### 如何使用
+#### 如何使用
 
 使用该特性前，请确保在[环信即时通信控制台](https://console.easemob.com/user/login)上已开通该功能。
 
@@ -134,7 +134,7 @@
 
 ![img](/images/uikit/chatuikit/feature/message/message_thread.png) 
 
-### 如何使用
+#### 如何使用
 
 使用该特性前，请确保在[环信即时通信控制台](https://console.easemob.com/user/login)上已开通该功能。
 
@@ -148,7 +148,7 @@
 
 ```
 
-### 如何自定义
+#### 如何自定义
 
 你可以通过继承 `EaseChatThreadActivity` 添加自己的逻辑，示例如下：
 
@@ -174,7 +174,7 @@ class ChatThreadActivity:EaseChatThreadActivity() {
 
 ![img](/images/uikit/chatuikit/feature/message/message_forward.png) 
 
-### 如何使用
+#### 如何使用
 
 消息转发特性在 `EaseChatConfig` 中默认开启，即 `enableSendCombineMessage` 的默认值为 `true`。要关闭该特性，需将该参数设置为 `false`。
 
@@ -200,7 +200,7 @@ class ChatThreadActivity:EaseChatThreadActivity() {
 
 ![img](/images/uikit/chatuikit/feature/message/message_pin.png) 
 
-### 如何使用
+#### 如何使用
 
 消息置顶特性在 `EaseChatConfig` 中默认开启，即 `enableChatPingMessage` 的默认值为 `true`。要关闭该特性，需将该参数设置为 `false`。
 
@@ -260,6 +260,39 @@ class ChatThreadActivity:EaseChatThreadActivity() {
 
 ```
 
+## 输入状态指示
+
+输入状态指示功能指在单聊会话中实时显示会话的一方正在输入的状态，增强通讯互动的实时性。此功能有助于用户了解对方是否正在回复，从而优化沟通体验，提升对话流畅度。
+
+输入状态指示的 UI 和逻辑结构如下：
+- `EaseTitleBar` 中的 `subtitle` 控件显示用户的状态以及输入状态指示，收到输入状态后会先显示输入状态，用户取消输入状态后显示用户的状态，输入状态消失。
+- 输入状态相关回调和方法：
+  - 输入状态投递为透传消息，接收到透传消息后，通过 `EaseChatFragment.Builder` 提供的 `setOnPeerTypingListener` 监听对方输入状态。
+  - 输入状态回调为 `onPeerTyping(action: String?)`，其中 `action` 代表状态 `EaseChatLayout.ACTION_TYPING_BEGI` ｜ `EaseChatLayout.ACTION_TYPING_END`。
+
+| 开启输入状态提示            | 关闭输入状态提示   | 
+| :-------------- | :----- | 
+| <img src=/images/uikit/chatuikit/feature/common/typing_indicator_enable.png width="300"/> |<img src=/images/uikit/chatuikit/feature/common/typing_indicator_disable.png  width="300"/>  | 
+
+#### 如何使用
+
+输入状态指示特性在 `EaseIM.getConfig()?.chatConfig?.enableChatTyping` 中默认开启，即 `enableChatTyping` 的默认值为 `true`。要关闭该特性，需将该参数设置为 `false`。
+
+同时也支持通过代码进行设置，`EaseChatFragment.Builder` 提供开启或关闭的 API `builder.turnOnTypingMonitor(true|false)`。通过代码设置优先级更高。
+
+示例代码如下：
+
+```kotlin
+    
+    EaseIM.getConfig()?.chatConfig?.enableChatTyping = true
+
+```
+
+#### 自定义输入状态指示 UI
+
+本功能使用 SDK 的透传消息实现，详见 [SDK 相关文档](/document/android/message_send_receive.html#通过透传消息实现输入指示器)。
+
+用户需要监听透传消息回调处理导航相关 UI 显示效果。
 
 
 

docs/uikit/chatuikit/android/chatfeature_common.md

@@ -82,26 +82,6 @@
 
 ![img](/images/uikit/chatuikit/feature/common/message_report.png =300x630) 
 
-## 输入状态指示
-
-输入状态指示功能指在单聊会话中实时显示会话的一方正在输入的状态，增强通讯互动的实时性。此功能有助于用户了解对方是否正在回复，从而优化沟通体验，提升对话流畅度。
-
-本功能使用 SDK 的透传消息实现，详见 [SDK 相关文档](/document/android/message_send_receive.html#通过透传消息实现输入指示器)。
-
-| 开启输入状态提示            | 关闭输入状态提示   | 
-| :-------------- | :----- | 
-| <img src=/images/uikit/chatuikit/feature/flutter/typing_indicator_enable.png width="300"/> |<img src=/images/uikit/chatuikit/feature/flutter/typing_indicator_disable.png width="300"/>  | 
-
-### 如何使用
-
-输入状态指示特性在 `ChatUIKitSettings.enableTypingIndicator` 中默认开启，即默认值为 `true`。要关闭该特性，需将该参数设置为 `false`。
-
-示例代码如下：
-
-```
-ChatUIKitSettings.enableTypingIndicator = false;
-```
-
 ## 本地消息搜索
 
 本地消息搜索功能允许用户快速在会话内搜索历史消息内容，支持关键词匹配。该功能帮助用户高效找到所需信息，提高工作效率和信息管理的便捷性。

docs/uikit/chatuikit/android/chatfeature_conversation.md

@@ -24,7 +24,7 @@
 
 ![img](/images/uikit/chatuikit/feature/message/message_recall.png) 
 
-### 如何使用
+#### 如何使用
 
 消息撤回功能默认开启，即 `ChatUIKitSettings.enableMessageRecall` 的默认值为 `true`。要关闭该特性，需将该参数设置为 `false`。 示例代码如下：
 
@@ -44,7 +44,7 @@ ChatUIKitSettings.recallExpandTime = 120;
 
 ![img](/images/uikit/chatuikit/feature/message/message_edit.png) 
 
-### 如何使用
+#### 如何使用
 
 消息编辑功能默认开启，即 `ChatUIKitSettings.enableMessageEdit` 的默认值为 `true`。要关闭该特性，需将该参数设置为 `false`。 示例代码如下：
 
@@ -63,7 +63,7 @@ ChatUIKitSettings.enableMessageEdit = false;
 - `ChatUIKitQuoteWidget`：消息气泡的引用消息自定义 View。
 - `ChatUIKitReplyBar`：底部输入框组件上方展示的引用消息自定义 View。
 
-### 如何使用
+#### 如何使用
 
 消息转发特性默认开启，即 `ChatUIKitSettings.enableMessageReply` 的默认值为 `true`。要关闭该特性，需将该参数设置为 `false`。
 
@@ -83,7 +83,7 @@ ChatUIKitSettings.enableMessageReply = false;
 
 ![img](/images/uikit/chatuikit/feature/message/message_translate.png)
 
-### 如何使用
+#### 如何使用
 
 使用该特性前，请确保在[环信即时通信控制台](https://console.easemob.com/user/login)上已申请试用该功能。
 
@@ -119,7 +119,7 @@ ChatUIKitSettings.translateTargetLanguage = 'zh-Hans';
 
 ![img](/images/uikit/chatuikit/feature/message/message_reactions.png)
 
-### 如何使用
+#### 如何使用
 
 使用该特性前，请确保在[环信即时通信控制台](https://console.easemob.com/user/login)上已开通该功能。
 
@@ -135,7 +135,7 @@ ChatUIKitSettings.enableMessageReaction = true;
 
 ![img](/images/uikit/chatuikit/feature/message/message_thread.png)
 
-### 如何使用
+#### 如何使用
 
 使用该特性前，请确保在[环信即时通信控制台](https://console.easemob.com/user/login)上已开通该功能。
 
@@ -157,7 +157,7 @@ ChatUIKitSettings.enableMessageThread = true;
 
 ![img](/images/uikit/chatuikit/feature/message/message_forward.png)
 
-### 如何使用
+#### 如何使用
 
 消息转发特性在 `ChatUIKitSettings.enableMessageMultiSelect` 中提供开关，默认值为 `true`。要关闭该特性，需将该参数设置为 `false`。
 
@@ -175,7 +175,7 @@ ChatUIKitSettings.enableMessageMultiSelect = true;
 
 - 选择转发消息接收人页面 `ForwardMessageSelectView`。
 
-### 如何使用
+#### 如何使用
 
 该功能默认开启，即 `ChatUIKitSettings.enableMessageForward` 的默认值为 `true`。如果不需要，可以将参数设置为 `false`。 示例代码如下：
 
@@ -189,7 +189,7 @@ ChatUIKitSettings.enableMessageForward = false;
 
 ![img](/images/uikit/chatuikit/feature/message/message_pin.png) 
 
-### 如何使用
+#### 如何使用
 
 消息置顶功能默认开启，即 `ChatUIKitSettings.enablePinMsg` 的默认值为 `true`。要关闭该特性，需将该参数设置为 `false`。
 
@@ -199,3 +199,24 @@ ChatUIKitSettings.enableMessageForward = false;
 ChatUIKitSettings.enablePinMsg = false;
 ```
 
+## 输入状态指示
+
+输入状态指示功能指在单聊会话中实时显示会话的一方正在输入的状态，增强通讯互动的实时性。此功能有助于用户了解对方是否正在回复，从而优化沟通体验，提升对话流畅度。
+
+本功能使用 SDK 的透传消息实现，详见 [SDK 相关文档](/document/android/message_send_receive.html#通过透传消息实现输入指示器)。
+
+| 开启输入状态提示            | 关闭输入状态提示   | 
+| :-------------- | :----- | 
+| <img src=/images/uikit/chatuikit/feature/flutter/typing_indicator_enable.png width="300"/> |<img src=/images/uikit/chatuikit/feature/flutter/typing_indicator_disable.png width="300"/>  | 
+
+#### 如何使用
+
+输入状态指示特性在 `ChatUIKitSettings.enableTypingIndicator` 中默认开启，即默认值为 `true`。要关闭该特性，需将该参数设置为 `false`。
+
+示例代码如下：
+
+```
+ChatUIKitSettings.enableTypingIndicator = false;
+```
+
+

docs/uikit/chatuikit/android/chatfeature_message.md

@@ -82,37 +82,6 @@
 
 ![img](/images/uikit/chatuikit/feature/common/message_report.png =300x630) 
 
-## 输入状态指示
-
-输入状态指示功能指在单聊会话中实时显示会话的一方正在输入的状态，增强通讯互动的实时性。此功能有助于用户了解对方是否正在回复，从而优化沟通体验，提升对话流畅度。
-
-输入状态指示的 UI 和逻辑结构如下：
-- `EaseChatNavigationBar` 中的 `subtitle` 控件显示用户的状态以及输入状态指示，收到输入状态后会先显示输入状态，用户取消输入状态后显示用户的状态，输入状态消失。
-- 输入状态相关回调和方法：
-  - 输入状态投递为透传消息，接收到透传消息后，通过 `MessageListViewModel#notifyTypingState()` 回调，更新输入状态。
-  - 输入状态回调为 `MessageListViewModel#onOtherPartyTypingText`。
-
-| 开启输入状态提示            | 关闭输入状态提示   | 
-| :-------------- | :----- | 
-| <img src=/images/uikit/chatuikit/feature/common/typing_indicator_enable.png width="300"/> |<img src=/images/uikit/chatuikit/feature/common/typing_indicator_disable.png  width="300"/>  | 
-
-### 如何使用
-
-输入状态指示特性在 `Appearance.chat.enableTyping` 中默认开启，即 `Appearance.chat.enableTyping` 的默认值为 `true`。要关闭该特性，需将该参数设置为 `false`。
-
-示例代码如下：
-
-```Swift
-    Appearance.chat.enableTyping = false 
-
-```
-
-### 自定义输入状态指示 UI
-
-本功能使用 SDK 的透传消息实现，详见 [SDK 相关文档](/document/ios/message_send_receive.html#通过透传消息实现输入指示器)。
-
-用户需要监听透传消息回调处理导航相关 UI 显示效果。
-
 ## 本地消息搜索
 
 本地消息搜索功能允许用户快速在会话内搜索历史消息内容，支持关键词匹配。该功能帮助用户高效找到所需信息，提高工作效率和信息管理的便捷性。
@@ -125,7 +94,7 @@
 
 ![img](/images/uikit/chatuikit/feature/common/message_search.png) 
 
-### 如何使用
+#### 如何使用
 
 跳转 `SearchHistoryMessagesViewController` 页面，入参为会话 ID，输入关键词后，将在历史消息中匹配关键词并展示搜索结果。
 
@@ -148,7 +117,7 @@
 
 ![img](/images/uikit/chatuikit/feature/common/[email protected]) 
 
-### 如何使用
+#### 如何使用
 
 群组 @ 提及特性默认开启。要关闭该特性，则不需理会 `MessageListController#onInputBoxEventsOccur` 方法，记重载此方法后不需要处理 mention 事件即可。