组件概述
ChatSetting 是一个智能的聊天设置组件，它能够根据当前激活的会话类型自动渲染相应的设置界面。该组件内部集成了 C2C（1 对 1）聊天设置和群聊设置两种模式，为用户提供了统一的聊天设置入口。
组件的核心特点：
自动适配：根据会话类型（分为单聊和群聊）自动切换设置界面。
状态驱动：基于当前激活会话状态自动更新内容。
注意：
如果当前没有激活的会话则不会显示。
快速使用
ChatSetting 是一个可自由使用的独立组件，为了组件使用的灵活度，UIKit 并没有提供默认的使用方式。
推荐的用法是：结合 ChatHeader 组件的
ChatHeaderRight 插槽，来控制 ChatSetting 的显示。以下是示例代码：<template><UIKitProvider><Chat><ChatHeader><template #ChatHeaderRight><button @click="toggleChatSetting">⚙️ 设置</button></template></ChatHeader><MessageList /><MessageInput /></Chat><Drawer:open="isSettingVisible"title="聊天设置"><ChatSetting /></Drawer></UIKitProvider></template><script setup lang="ts">import { ref } from 'vue';import { ChatHeader } from '@tencentcloud/chat-uikit-vue3';// 假设您有一个 Drawer 组件import { Drawer } from 'your-ui-library';const isSettingVisible = ref(false);const toggleChatSetting = () => {isSettingVisible.value = !isSettingVisible.value;};</script>
