@tencent-rtc/mcp 1.6.7 → 1.6.8

package/resource/knowledge/chat/preset/flutter/features/message-input.md

@@ -1,9 +1,6 @@
 ## Component Overview
 
 MessageInput is a message input component that enables users to create and send messages with a full range of editing options. It supports various message types, including text, images, videos, files, and voice messages. The component also includes features such as emoji selection and offers flexible styling and customization options.
-| <strong>Message Input Interface</strong> | <strong>Emoji Picker</strong> |
-| --- | --- |
-|  |  |
 
 ## Component Integration
 
@@ -49,6 +46,3 @@ MessageInput(
 ```
 
 Examples of different configurations:
-| <strong>Default Input Box</strong> | <strong>Input Box with Audio Recording Hidden</strong> | <strong>Input Box with All Features Hidden</strong> |
-| --- | --- | --- |
-|  |  |  |

package/resource/knowledge/chat/preset/flutter/features/message-list.md

@@ -7,10 +7,6 @@ MessageList is a Flutter component designed for displaying and managing chat mes
 
 - Extensive customization: configure bubble color, corner radius, font, and add custom actions.
 
-| <strong>Chat Message List</strong> | <strong>Message Long-Press Menu</strong> |
-| --- | --- |
-|  |  |
-
    MessageList is available as part of TUIKit Flutter. To integrate MessageList, add TUIKit Flutter to your project. For detailed setup instructions, refer to the [TUIKit Flutter documentation](https://www.tencentcloud.com/document/product/1047/77489).
 
 ## Component Structure
@@ -148,10 +144,6 @@ MessageList(
 ```
 
 > **Note：**
->
 >  Local configurations override global configuration settings.
 >
 
-| <strong>Message List Actions</strong><br><strong>(Default Options)</strong> | <strong>Message List Actions</strong><br><strong>(Copy Option Hidden)</strong> | <strong>Message List Actions</strong><br><strong>(Share Option Added)</strong> |
-| --- | --- | --- |
-|  |  |  |

package/resource/knowledge/chat/preset/flutter/features/search.md

@@ -3,14 +3,9 @@
 The Search component provides a full-featured search experience, including a search bar, results display, and seamless page navigation. It supports searching for users, groups, and messages, and offers extensive interactive Webhook integration for custom workflows.
 
 > **Note：**
->
 > Search is available in the Pro edition and Enterprise edition. To use Search function, you need to purchase either the Pro or Enterprise package. For details, see [Billing Information](https://trtc.io/document/67650).
 >
 
-| <strong>Search Entry</strong> | <strong>Search Results</strong> |
-| --- | --- |
-|  |  |
-
 ## Component Integration
 
 Search is included in TUIKit Flutter. To use the Search component, integrate TUIKit Flutter into your project and complete the login flow. For detailed integration steps, refer to the [TUIKit Flutter](https://www.tencentcloud.com/document/product/1047/77489) documentation.

package/resource/knowledge/chat/preset/flutter/features/theme.md

@@ -1,9 +1,6 @@
 TUIKit Flutter offers flexible appearance customization with support for Light, Dark, and System theme modes, along with customizable primary colors. A simple configuration enables theme switching and brand color application throughout your app.
 
 For example, in the message list, you can see how different theme modes and primary colors affect the UI:
-| <strong>Light + Default Color</strong> | <strong>Light + Orange</strong> | <strong>Dark + Default Color</strong> | <strong>Dark + Green Theme</strong> |
-| --- | --- | --- | --- |
-|  |  |  |  |
 
 ## Core Features
 
@@ -62,7 +59,6 @@ This section covers how to integrate and apply theme and color customization in
 
 ### Project Setup
 
-Wrap your app's entry point with `ComponentTheme` and configure `MaterialApp` as shown below. For implementation details, see the [demo](https://github.com/Tencent-RTC/TUIKit_Flutter/blob/main/chat/demo/lib/main.dart):
 ``` java
   @override
   Widget build(BuildContext context) {

package/resource/knowledge/chat/preset/ios/features/chat-setting.md

@@ -3,9 +3,6 @@
 ChatSetting is a set of chat settings components built with SwiftUI. It includes two main components: C2CChatSetting (C2C Chat Settings) and GroupChatSetting (Group Chat Settings).
 
 These components offer robust chat session management features, such as user information management, permission controls, group management, and other essential capabilities.
-| <strong>C2C Chat Settings Interface</strong> | <strong>Group Chat Settings Interface</strong> |
-| --- | --- |
-|  |  |
 
 ## Component Integration
 
@@ -49,7 +46,6 @@ ChatSetting contains two main components: C2CChatSetting (C2C Chat Settings) and
 
 ## Basic Usage
 
-To display the C2C Chat Settings page, initialize C2CChatSetting as shown below:
 ``` swift
 import AtomicX
 import SwiftUI
@@ -71,7 +67,6 @@ struct C2CSettingView: View {
 }
 ```
 
-To display the Group Chat Settings page, initialize GroupChatSetting as shown below:
 ``` swift
 import AtomicX
 import SwiftUI

package/resource/knowledge/chat/preset/ios/features/contact-list.md

@@ -1,9 +1,6 @@
 ## Component Overview
 
 ContactList is a SwiftUI component that provides a complete contact management interface. It supports displaying contacts, handling friend requests, managing group lists, blacklist management, and offers a variety of interactive webhook interfaces.
-| <strong>Contact List</strong> | <strong>Group List</strong> | <strong>Friend Request List</strong> |
-| --- | --- | --- |
-|  |  |  |
 
 ## Component Integration
 
@@ -18,8 +15,6 @@ The `ContactList` component is included in TUIKit SwiftUI. To use `ContactList`,
 | <code>onContactClick: ((AZOrderedListItem) -> Void)?</code> | Webhook triggered when a contact is clicked. Optional. |  |
 | <code>onGroupClick: ((AZOrderedListItem) -> Void)?</code> | Webhook triggered when a group is clicked. Optional. |  |
 
-The top section of `ContactList` includes entry cells for subviews such as friend requests, group requests, group list, and blacklist. The lower section displays the contact list, as shown below:
-
 `ContactList` includes built-in navigation for subpages. When you tap entries such as friend requests, group requests, group list, or blacklist, the corresponding subpage opens automatically as a full-screen modal (fullScreenCover). No manual navigation handling is required.
 
 If you want to use subpages independently (such as the friend request list or group list), each subpage provides its own initializer, as described below:

package/resource/knowledge/chat/preset/ios/features/conversation-list.md

@@ -1,9 +1,6 @@
 ## Component Overview
 
 ConversationList is a SwiftUI component for displaying and managing user chat conversations. It offers a full set of conversation list features, including conversation display and interactive actions.
-| <strong>Conversation List</strong> | <strong>Conversation Actions</strong> |
-| --- | --- |
-|  |  |
 
 ## Component Integration
 
@@ -123,11 +120,7 @@ ConversationList(
 ```
 
 > **Note:**
->
 > Local configuration takes precedence over global configuration.
 >
 
 The following images show the customization effects:
-| <strong>Conversation Actions</strong><br><strong>(Default Options)</strong> | <strong>Conversation Actions</strong><br><strong>(Delete Option Hidden)</strong> | <strong>Conversation Actions</strong><br><strong>(Share Option Added)</strong> |
-| --- | --- | --- |
-|  |  |  |

package/resource/knowledge/chat/preset/ios/features/language.md

@@ -4,10 +4,6 @@
 
 This documentation covers how to use these default language packs, customize translation entries, or add new language packs.
 
-|**English**|**Arabic**|**Simplified Chinese**|
-|---------|---------|---------|
-||||
-
 ## Using Built-in Languages
 
 If your app only needs to support **English**, **Simplified Chinese**, **Traditional Chinese**, and **Arabic**, follow this section.
@@ -47,10 +43,9 @@ Resources/strings/ChatLocalizable.bundle/Localizable/
 └── ko.lproj/Localizable.strings    // Korean translation file; "ko" is the ISO 639-1 language code for Korean
 ```
 
-Refer to the keys in `en.lproj/Localizable.strings` and provide Korean translations for each entry.
+.lproj/Localizable.strings` and provide Korean translations for each entry.
 
 > **Note：**
->
 > 1. For other bundles (such as AlbumPickerLocalizable, VideoRecorderLocalizable, RTCLocalizable, etc.), it's recommended to add `ko.lproj` as well.
 > 2. For the full list of language codes, see ISO 639-1 language codes.
 
@@ -97,8 +92,6 @@ let languageState = LanguageState()
 languageState.setLanguage("zh-Hans")
 ```
 
-Once completed, the interface will display in Korean, as shown below:
-
 ## Appendix: Language Code Table
 
 |Language|Code|Language|Code|

package/resource/knowledge/chat/preset/ios/features/message-input.md

@@ -1,9 +1,6 @@
 ## Component Overview
 
 MessageInput is a SwiftUI-based message input component that enables users to compose and send a variety of message types, including text, images, videos, files, and voice messages. It features an integrated emoji picker, supports multiple style configurations, and offers extensive customization options.
-| <strong>Message Input Interface</strong> | <strong>Emoji Picker</strong> |
-| --- | --- |
-|  |  |
 
 ## Component Integration
 
@@ -64,6 +61,3 @@ MessageInput(
 ```
 
 The following images show different customization effects:
-| <strong>Default Input Box</strong> | <strong>Input Box with Audio Recording Hidden</strong> | <strong>Input Box with All Features Hidden</strong> |
-| --- | --- | --- |
-|  |  |  |

package/resource/knowledge/chat/preset/ios/features/message-list.md

@@ -7,10 +7,6 @@ MessageList is a SwiftUI-based component designed for displaying and managing ch
 
 - Highly customizable: Configure styles like bubble color, corner radius, font, and add custom action items.
 
-| <strong>Chat Message List</strong> | <strong>Message Long-Press Menu</strong> |
-| --- | --- |
-|  |  |
-
 ## Component Integration
 
 MessageList is part of TUIKit SwiftUI. To use MessageList, first integrate TUIKit SwiftUI. For detailed integration steps, see the [TUIKit SwiftUI documentation](https://www.tencentcloud.com/document/product/1047/77460).
@@ -151,11 +147,7 @@ MessageList(
 ```
 
 > **Note：**
->
 > Local configuration overrides global configuration.
 >
 
 The following images show the customization effects:
-| <strong>Message List Actions</strong><br><strong>(Default Options)</strong> | <strong>Message List Actions</strong><br><strong>(Hide Copy Option)</strong> | <strong>Message List Actions</strong><br><strong>(Add Share Option)</strong> |
-| --- | --- | --- |
-|  |  |  |

package/resource/knowledge/chat/preset/ios/features/search.md

@@ -3,14 +3,9 @@
 Search is a search component that provides users with a complete set of features, including a search box, search result display, and interface navigation. This component supports user search, group search, and message search, and offers a comprehensive set of interactive webhook interfaces.
 
 > **Note：**
->
 > Search function is available only in the Pro Edition or Enterprise Edition. You can use this feature after purchasing the Pro Edition or Enterprise Edition package. For details, see [Pricing Information](https://trtc.io/document/67650).
 >
 
-| <strong>Search Entry</strong> | <strong>Search Results</strong> |
-| --- | --- |
-|  |  |
-
 ## Component Integration
 
 The Search component is included in TUIKit SwiftUI. To use the Search component, integrate TUIKit SwiftUI into your project. For detailed integration steps, refer to the [TUIKit SwiftUI](https://www.tencentcloud.com/document/product/1047/77460) documentation and complete the login process.

package/resource/knowledge/chat/preset/ios/features/theme.md

@@ -1,9 +1,6 @@
 TUIKit offers flexible appearance customization with support for Light, Dark, and System theme modes, along with customizable primary colors. A simple configuration enables theme switching and brand color application throughout your app.
 
 For example, in the message list, you can see how different theme modes and primary colors affect the UI:
-| <strong>Light + Default Color</strong> | <strong>Light + Orange</strong> | <strong>Dark + Default Color</strong> | <strong>Dark + Green Theme</strong> |
-| --- | --- | --- | --- |
-|  |  |  |  |
 
 ## Core Capabilities
 
@@ -41,7 +38,6 @@ All theme configuration and queries are handled through a simple set of APIs in
 |`clearPrimaryColor()`|None|`Void`|Removes the custom primary color and restores the default blue.|
 
 > **Note：**
->
 > 1. After calling `setThemeMode` or `setPrimaryColor`, the configuration is automatically saved to `UserDefaults`. No manual saving is required. The settings will be loaded automatically when the app restarts.
 > 2. When you update the theme configuration, the cache is cleared automatically to ensure the color scheme updates in real time. No manual cache management is needed.
 > 3. Avoid frequent theme changes when using these APIs (for example, do not call them in a loop).

package/resource/knowledge/chat/preset/ios-uikit/integration.md

@@ -44,7 +44,6 @@ TUIKit is a UI component library built on the Chat SDK. It enables rapid impleme
 【Remote CocoaPods Integration】
 
 > **Note：**
->
 > 1. Starting from version 8.5.6870, TUIKit supports Swift components.
 > 2. If you add only `pod 'TUIChat'` in your Podfile without specifying Classic or Minimalist UI, both UI component versions will be integrated by default.
 > 3. **Classic and Minimalist UI cannot be mixed.** When integrating multiple components, select either all Classic UI or all Minimalist UI components. For example, the Classic `TUIChat` component must be used with Classic `TUIConversation` and `TUIContact` components. Similarly, the Minimalist `TUIChat` component must be used with Minimalist `TUIConversation` and `TUIContact` components.
@@ -347,7 +346,6 @@ pod install
 ```
 
 > **Note：**
->
 > 1. If you cannot install the latest version of TUIKit, run `pod repo update` to update your local CocoaPods repository, then run `pod update` to update the component library version.
 > 2. If you encounter third-party library version conflicts, see CocoaPods FAQs - Dependency Version Conflicts.
 
@@ -728,7 +726,3 @@ pod install
 #### Using Emoji Packs
 
 To respect the copyright of emoji designs, the Chat Demo/TUIKit project does not include cutouts of large emoji elements. Please replace them with your own designs or other emoji packs for which you hold the copyright before officially launching for commercial use. **The default smiley face emoji pack shown below is copyrighted by Tencent RTC**, you can upgrade to [Chat Pro Plus Edition and Enterprise Edition](https://console.trtc.io/subscription/buy/chat) to use it for free.
-
-## Contact Us
-
-If you have any questions or suggestions, feel free to join our [Telegram](https://t.me/tencent_imsdk) or [WhatsApp](https://chat.whatsapp.com/IVa11ZkVmKTEwSWsAzSyik) community, or [contact us](https://trtc.io/contact) for support.

package/resource/knowledge/chat/preset/react/features/contact-list.md

@@ -72,8 +72,6 @@ By setting the `enableSearch` parameter, you can flexibly control the display of
 <ContactList enableSearch={false} />
 ```
 
-The effect is as shown below.
-
 ### Custom Contact List Contact Group Configuration
 
 `groupConfig` is used for custom group configuration, including title, display sequence, hidden state, etc. The default value is `{}`.
@@ -111,8 +109,6 @@ function CustomGroupTitlesContactList() {
 }
 ```
 
-The effect is as shown below.
-
 【Hide Specific Group】
 ``` typescript
 import React from 'react';
@@ -142,8 +138,6 @@ function HiddenGroupsContactList() {
 }
 ```
 
-The effect is as shown below.
-
 ### Custom Contact List Sub-Item
 
 ContactItem is used for custom rendering component of contact person, with default value as built-in `ContactListItem` component.
@@ -190,8 +184,6 @@ function ContactListWithSimpleItems() {
 }
 ```
 
-The effect is as shown below.
-
 ### Custom Contact Person Detail Action Button Switch
 
 `showActions` specifies whether to display action buttons. The default value is `true`.
@@ -220,8 +212,6 @@ function ReadOnlyContactInfo() {
 }
 ```
 
-The effect is as shown below.
-
 ### Custom Contact Person Detail Empty Status
 
 `PlaceholderEmpty` is used for custom empty status display content, default value is `undefined`.
@@ -255,12 +245,9 @@ function CustomEmptyState() {
 }
 ```
 
-The effect is as shown below.
-
 ### Custom Contact Person Detail Component
 
 > **Note:**
->
 > - `FriendInfoComponent` for custom friend information component, default value is built-in `FriendInfo` component.
 > - `GroupInfoComponent` for custom group information component, default value is built-in `GroupInfo` component.
 > - `BlacklistInfoComponent` for custom blocklist information component, default value is built-in `BlacklistInfo` component.
@@ -334,8 +321,6 @@ function CustomFriendInfoDemo() {
 }
 ```
 
-The effect is as shown below.
-
 【Custom Group Information Component】
 ``` typescript
 import React from 'react';
@@ -424,8 +409,6 @@ function CustomGroupInfoDemo() {
 }
 ```
 
-The effect is as shown below.
-
 【Custom Blocklist Information Component】
 ``` typescript
 import React from 'react';
@@ -499,8 +482,6 @@ function CustomBlacklistInfoDemo() {
 }
 ```
 
-The effect is as shown below.
-
 【Custom Friend Request Information Component】
 ``` typescript
 import React from 'react';
@@ -589,8 +570,6 @@ function CustomFriendApplicationInfoDemo() {
 }
 ```
 
-The effect is as shown below.
-
 【Custom Group Application Information Component】
 ``` typescript
 import React from 'react';
@@ -684,6 +663,4 @@ function CustomGroupApplicationInfoDemo() {
 }
 ```
 
-The effect is as shown below.
-
 ##

package/resource/knowledge/chat/preset/react/features/conversation-actions.md

@@ -82,17 +82,15 @@ Use the `enablePin`, `enableDelete`, and `enableMute` props to control the visib
 ``` typescript
 <ConversationActions enablePin={false} />
 ```
+
 ``` typescript
 <ConversationActions enableDelete={false} />
 ```
+
 ``` typescript
 <ConversationActions enableMute={false} />
 ```
 
-|`enablePin={false}`|`enableDelete={false}`|`enableMute={false}`|
-|---------|---------|---------|
-||||
-
 ### Event Handling
 
 `ConversationActions` provides built-in support for deleting conversations, pinning or unpinning conversations, and enabling or disabling Do Not Disturb. If you need to override the default event handlers, provide your own handler functions. You can also use the `onClick` prop to handle generic click events.
@@ -157,10 +155,6 @@ const CustomConversationActions = (props: ConversationActionsProps) => {
 <ConversationList ConversationActions={CustomConversationActions} />
 ```
 
-|Before|After|
-|---------|---------|
-|||
-
 ### UI Customization
 
 You can fully customize the conversation action menu using third-party UI elements.
@@ -210,6 +204,3 @@ function CustomConversationActions(props: ConversationActionsProps) {
 <ConversationList ConversationActions={CustomConversationActions} />
 ```
 
-|Before|After|
-|---------|---------|
-|||

package/resource/knowledge/chat/preset/react/features/conversation-list.md

@@ -4,10 +4,6 @@ The `ConversationList` component provides the main conversation list functionali
 
 This guide covers basic usage, component customization, flexible composition, and a complete list of component props.
 
-|**Conversation List**|**Conversation Actions**|**Conversation Search**|**Create Conversation**|
-|---------|---------|---------|---------|
-|||||
-
 ## Component Structure
 
 The `ConversationList` component includes the following:
@@ -46,17 +42,15 @@ Control the display of conversation search, conversation creation, and conversat
 ``` typescript
 <ConversationList enableSearch={false} />
 ```
+
 ``` typescript
 <ConversationList enableCreate={false} />
 ```
+
 ``` typescript
 <ConversationList enableActions={false} />
 ```
 
-|`enableSearch={false}`|`enableCreate={false}`|`enableActions={false}`|
-|---------|---------|---------|
-||||
-
 ### Data Filtering and Sorting
 
 The `ConversationList` component provides `filterConversation` and `sortConversation` properties to filter and sort conversation list data.
@@ -103,7 +97,7 @@ By using the `filter` and `sort` properties, you can efficiently filter and sort
 
 Use actionsConfig to control the basic functionality of `ConversationActions`.
 
-For additional customization, refer to the ConversationActions section.
+For additional customization.
 ``` typescript
 import { ConversationList } from '@tencentcloud/chat-uikit-react';
 import type { ConversationInfo } from '@tencentcloud/chat-uikit-react';
@@ -122,10 +116,6 @@ import type { ConversationInfo } from '@tencentcloud/chat-uikit-react';
 />
 ```
 
-|`enablePin: false`|`enableDelete: false`|`enableMute: false`|`customConversationActions`|
-|---------|---------|---------|---------|
-|||||
-
 ### Custom Placeholder
 
 Customize the list display for different states by passing `PlaceholderEmptyList`, `PlaceholderLoading`, and `PlaceholderLoadError`.
@@ -176,10 +166,6 @@ const CustomConversationListHeader = (props) => {
 
 The following example implements conversation grouping, categorizing by All, Unread, C2C, and Group. Clicking each group button applies a different filter.
 
-|**Before**|**After**|
-|---------|---------|
-|||
-
 ``` typescript
 import { useState } from 'react';
 import { ConversationList, UIKitProvider, ConversationInfo } from '@tencentcloud/chat-uikit-react';
@@ -216,6 +202,7 @@ const App = () => {
   );
 };
 ```
+
 ``` scss
 .conversation-group-wrapper {
   display: flex;
@@ -264,8 +251,6 @@ By default, it displays the current conversation list data (`filteredAndSortedCo
 
 #### Basic Customization
 
-The `List` component manages different UI states as shown below. State transitions are handled internally within `ConversationList`.
-
 You can also control the component state by passing custom `empty`, `loading`, or `error` props.
 ``` typescript
 import { ConversationList, ConversationListContent } from '@tencentcloud/chat-uikit-react';
@@ -277,27 +262,20 @@ const CustomConversationListContent = (props) => {
 <ConversationList  List={CustomConversationListContent} />
 ```
 
-|`default`|`empty={true}`|`loading={true}`|`error={true}`|
-|---------|---------|---------|---------|
-|||||
-
 ### Custom ConversationPreview
 
-For details, see the ConversationPreview section.
 ``` typescript
 <ConversationList ConversationPreview={CustomConversationPreview} />
 ```
 
 ### Custom ConversationActions
 
-For details, see the ConversationActions section.
 ``` typescript
   <ConversationList ConversationActions={CustomConversationActions} />
 ```
 
 ### Custom ConversationSearch
 
-For details, see the ConversationSearch section.
 ``` typescript
 <ConversationList ConversationSearch={CustomConversationSearch} />
 ```

package/resource/knowledge/chat/preset/react/features/conversation-preview.md

@@ -27,8 +27,6 @@ Meanwhile, you can also use the `onConversationSelect` function to define select
 
 ### Discord-Like Style
 
-Discord is a popular chat application, similar to Skype or Telegram. The message content in Discord is as shown below:
-
 By customizing the `ConversationPreview` layout, features, and style, we can quickly achieve a Discord-like effect.
 
 【React】
@@ -94,8 +92,4 @@ const App = () => {
 
 `ConversationListPreview` effect as follows after customization:
 
-|**Before Modification**|**Modified**|
-|---------|---------|
-|||
-
 ###

package/resource/knowledge/chat/preset/react/features/search.md

@@ -3,7 +3,6 @@
 Search is a complete search solution with a full set of components, including search bar, result display, advanced search, and other features. It is suitable for user, group, and message search in instant messaging, online meeting, and online education scenarios.
 
 > **Note:**
->
 > Note: This feature belongs to VAS. You need to purchase cloud search plugin. Please click [purchase](https://console.trtc.io/chat/plugin/TUICloudSearch).
 >
 

package/resource/knowledge/chat/preset/react/features/theme.md

@@ -44,7 +44,6 @@ export default App;
 Use the `useUIKit` Hook to access theme and language features.
 
 > **Note:**
->
 > Note: Since the theme feature is implemented using React Context, `useUIKit()` is unable to be called in the root component.
 >
 

package/resource/knowledge/chat/preset/vue/features/contact-list.md

@@ -167,6 +167,7 @@ const handleClick = () => {
 </style>
 
 ```
+
 ``` typescript
 <template>
   <ContactList :ContactItem="CustomContactItem" />
@@ -177,9 +178,6 @@ import { ContactList } from '@tencentcloud/chat-uikit-vue3';
 import CustomContactItem from './CustomContactItem.vue';
 </script>
 ```
-| Before | After |
-| --- | --- |
-|  |  |
 
 ### Custom Contact Detail Action Toggle
 
@@ -191,9 +189,6 @@ Use the `showActions` prop to control whether action buttons are shown on the co
   />
 </template>
 ```
-| Before | After |
-| --- | --- |
-|  |  |
 
 ### Custom Contact Detail Empty State
 
@@ -205,6 +200,7 @@ When no contact is selected, you can customize the empty state component.
   </div>
 </template>
 ```
+
 ``` typescript
 <template>
   <ContactInfo
@@ -259,6 +255,7 @@ defineProps<{
 </style>
 
 ```
+
 ``` typescript
 <template>
   <ContactInfo
@@ -272,6 +269,3 @@ import type { FriendInfoProps, GroupInfoProps } from '@tencentcloud/chat-uikit-v
 import CustomFriendInfo from './CustomFriendInfo.vue';
 </script>
 ```
-| Before | After |
-| --- | --- |
-|  |  |

package/resource/knowledge/chat/preset/vue/features/conversation-actions.md

@@ -131,9 +131,6 @@ Use `enablePin`, `enableDelete`, `enableMute`, and `enableMarkUnread` to control
   <ConversationActions :enableMarkUnread="false" :conversation="conversation" />
 </template>
 ```
-| <code>enablePin: false</code> | <code>enableDelete: false</code> | <code>enableMute: false</code> | enableMarkUnread="false" |
-| --- | --- | --- | --- |
-|  |  |  |  |
 
 ### Event handlers
 

package/resource/knowledge/chat/preset/vue/features/conversation-list.md

@@ -2,10 +2,6 @@
 
 The `ConversationList` component renders the conversation list and supports search, creation, pinning, deletion, and other conversation actions.
 
-|**Conversation List**|**Conversation Actions**|**Create Conversation**|
-|---------|---------|---------|
-||||
-
 ## Component Structure
 
 The `ConversationList` component includes the following:
@@ -43,15 +39,14 @@ Use `enableSearch`, `enableCreate`, and `enableActions` to control whether conve
 ``` typescript
 <ConversationList :enableSearch="false" />
 ```
+
 ``` typescript
 <ConversationList :enableCreate="false" />
 ```
+
 ``` typescript
 <ConversationList :enableActions="false" />
 ```
-| <code>enableSearch="false"</code> | <code>enableCreate="false"</code> | <code>enableActions="false"</code> |
-| --- | --- | --- |
-|  |  |  |
 
 ### Data Filtering and Sorting
 
@@ -126,9 +121,6 @@ import { UIKitProvider, ConversationList } from '@tencentcloud/chat-uikit-vue3';
 import type { ConversationInfo } from '@tencentcloud/chat-uikit-vue3';
 </script>
 ```
-| <code>enablePin: false</code> | <code>enableDelete: false</code> | <code>enableMute: false</code> | <code>customConversationActions</code> |
-| --- | --- | --- | --- |
-|  |  |  |  |
 
 ### Custom Placeholder
 
@@ -300,9 +292,6 @@ const handleFilterClick = (filterType: FilterType) => {
 </style>
 
 ```
-| **Before** | **After** |
-| --- | --- |
-|  |  |
 
 ## Props