@tencentcloud/chat-uikit-react 2.3.1 → 3.0.0

package/dist/styles/index.css

@@ -0,0 +1 @@
+.tui-contacts{height:100%;min-width:360px;max-width:360px;display:flex;flex-direction:column;position:relative;text-align:initial;overflow:hidden}[data-uikit-theme=light] .tui-contacts{background-color:var(--uikit-theme-light-bg-color-operate);transition:color .3s ease-out,border-color .3s ease-out,background-color .3s ease-out}[data-uikit-theme=dark] .tui-contacts{background-color:var(--uikit-theme-dark-bg-color-operate);transition:color .3s ease-out,border-color .3s ease-out,background-color .3s ease-out}.tui-contacts .tui-contacts-header{position:relative;display:flex;align-items:center;padding:10px 20px 10px 10px}.tui-contacts .tui-contact-input{width:100%}.tui-contacts .tui-contacts-add{color:#147aff;font-size:20px;align-items:center;cursor:pointer;display:flex;text-align:center}.tui-contacts .tui-contacts-add .tui-conversation-create-icon{display:flex;align-items:center;justify-content:center}.tui-contacts .tui-contacts-add-header{align-items:center;display:flex;flex-direction:row;padding:16px 20px;text-align:center;margin-bottom:10px}[data-uikit-theme=light] .tui-contacts .tui-contacts-add-header{background-color:var(--uikit-theme-light-bg-color-operate);transition:color .3s ease-out,border-color .3s ease-out,background-color .3s ease-out}[data-uikit-theme=dark] .tui-contacts .tui-contacts-add-header{background-color:var(--uikit-theme-dark-bg-color-operate);transition:color .3s ease-out,border-color .3s ease-out,background-color .3s ease-out}.tui-contacts .tui-contacts-add-header .tui-contacts-add-header-title{font-size:20px;font-weight:600;margin-left:10px}[data-uikit-theme=light] .tui-contacts .tui-contacts-add-header .tui-contacts-add-header-title{color:var(--uikit-theme-light-text-color-primary);transition:color .3s ease-out,border-color .3s ease-out,background-color .3s ease-out}[data-uikit-theme=dark] .tui-contacts .tui-contacts-add-header .tui-contacts-add-header-title{color:var(--uikit-theme-dark-text-color-primary);transition:color .3s ease-out,border-color .3s ease-out,background-color .3s ease-out}.tui-contacts .no-result{padding:0 20px;display:flex;flex-direction:column;align-items:center}.tui-contacts .no-result-icon{margin:100px auto 50px}.tui-contacts .no-result-message{font-size:16px;line-height:22px}[data-uikit-theme=light] .tui-contacts .no-result-message{color:var(--uikit-theme-light-text-color-secondary);transition:color .3s ease-out,border-color .3s ease-out,background-color .3s ease-out}[data-uikit-theme=dark] .tui-contacts .no-result-message{color:var(--uikit-theme-dark-text-color-secondary);transition:color .3s ease-out,border-color .3s ease-out,background-color .3s ease-out}.tui-contacts-h5{min-width:100%;width:100%;max-width:100%}

package/dist/styles/index2.css

@@ -0,0 +1 @@
+.checkbox{display:inline-flex;justify-content:center;align-items:center;cursor:pointer;position:relative}.checkbox-default{box-sizing:border-box;width:14px;height:14px;border-radius:14px;border:1px solid #DDDDDD}.checkbox-input{margin:0;padding:0;position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;opacity:0}[data-uikit-theme=light] .info{background-color:var(--uikit-theme-light-bg-color-operate);color:var(--uikit-theme-light-text-color-primary);transition:color .3s ease-out,border-color .3s ease-out,background-color .3s ease-out}[data-uikit-theme=dark] .info{background-color:var(--uikit-theme-dark-bg-color-operate);color:var(--uikit-theme-dark-text-color-primary);transition:color .3s ease-out,border-color .3s ease-out,background-color .3s ease-out}[data-uikit-theme=light] .warn{background-color:var(--uikit-theme-light-text-color-warning);color:#fff;transition:color .3s ease-out,border-color .3s ease-out,background-color .3s ease-out}[data-uikit-theme=dark] .warn{background-color:var(--uikit-theme-dark-text-color-warning);color:#fff;transition:color .3s ease-out,border-color .3s ease-out,background-color .3s ease-out}[data-uikit-theme=light] .error{background-color:var(--uikit-theme-light-text-color-error);color:#fff;transition:color .3s ease-out,border-color .3s ease-out,background-color .3s ease-out}[data-uikit-theme=dark] .error{background-color:var(--uikit-theme-dark-text-color-error);color:#fff;transition:color .3s ease-out,border-color .3s ease-out,background-color .3s ease-out}

package/dist/styles/index3.css

@@ -0,0 +1 @@
+.model{background:#00000080;position:fixed;z-index:5;width:100vw;top:0;left:0;bottom:0;display:flex;justify-content:center;align-items:center}

package/dist/styles/index4.css

@@ -0,0 +1 @@
+.plugin{display:flex;align-items:center;height:100%;padding:0 8px;gap:8px}.plugin-popup{height:100%;display:flex;align-items:center;position:relative}.plugin-popup-box{position:absolute;z-index:5;bottom:100%}.plugin-popup-box{border-radius:8px;overflow:hidden}[data-uikit-theme=light] .plugin-popup-box{background-color:var(--uikit-theme-light-dropdown-color-default);box-shadow:0 0 10px 0 var(--uikit-theme-light-shadow-color);transition:color .3s ease-out,border-color .3s ease-out,background-color .3s ease-out}[data-uikit-theme=dark] .plugin-popup-box{background-color:var(--uikit-theme-dark-dropdown-color-default);box-shadow:0 0 10px 0 var(--uikit-theme-dark-shadow-color);transition:color .3s ease-out,border-color .3s ease-out,background-color .3s ease-out}

package/dist/styles/index5.css

@@ -0,0 +1 @@
+.popup{opacity:0}.popup-show{opacity:1}

package/dist/styles/index6.css

@@ -0,0 +1 @@
+/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:after,*:before{box-sizing:border-box}ul,li{list-style:none;padding:0;margin:0}picture,img,video,canvas,svg{display:block;max-width:100%}img{max-width:100%;height:auto;vertical-align:middle;image-rendering:-webkit-optimize-contrast;aspect-ratio:attr(width)/attr(height);display:inline-block;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}img:not([src],[srcset]){visibility:hidden}@font-face{font-family:iconfont;src:url(data:font/woff2;base64,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) format("woff2"),url(data:font/woff;base64,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) format("woff"),url(data:font/ttf;base64,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) format("truetype")}.iconfont{font-family:iconfont,Arial,sans-serif!important;font-size:20px;font-style:normal;line-height:1;vertical-align:bottom;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:.2px;-moz-osx-font-smoothing:grayscale}

package/dist/types/message.d.ts

@@ -0,0 +1,39 @@
+import { IMessageModel } from '@tencentcloud/chat-uikit-engine';
+interface IScrollPosition {
+    /** The target scroll position from the top */
+    top: number;
+    /** The scroll behavior, defaults to 'smooth' */
+    behavior?: ScrollBehavior;
+}
+interface IReferenceContent {
+    messageAbstract: string;
+    messageID: string;
+    messageSender: string;
+    messageSequence: number;
+    messageTime: number;
+    messageType: number;
+    version: number;
+}
+interface ICloudCustomData {
+    messageReply: Partial<IReferenceContent>;
+}
+interface IMessageAction {
+    key: 'copy' | 'recall' | 'reference' | 'forward' | 'delete' | string;
+    label?: string;
+    icon?: React.ReactNode;
+    onClick?: (message: IMessageModel) => void;
+    visible?: ((message: IMessageModel) => boolean) | boolean;
+    component?: React.ComponentType<{
+        message: IMessageModel;
+    }>;
+    className?: string;
+    style?: React.CSSProperties;
+}
+type MessageAlignmentType = 'left' | 'right' | 'two-sided';
+interface IReadReceiptInfo {
+    readCount: number | undefined;
+    unreadCount: number | undefined;
+    isPeerRead: boolean | undefined;
+    timestamp: number;
+}
+export type { IScrollPosition, IReferenceContent, ICloudCustomData, IMessageAction, MessageAlignmentType, IReadReceiptInfo, };

package/dist/types/user.d.ts

@@ -0,0 +1,18 @@
+interface IUserStatus {
+    /**
+     * user status type
+     * 0: unknown
+     * 1: online
+     * 2: offline
+     * 3: unLogin
+     */
+    statusType: number;
+    /**
+     * custom status
+     */
+    customStatus: string;
+}
+interface IUserStatusMap {
+    [userID: string]: IUserStatus;
+}
+export type { IUserStatus, IUserStatusMap };

package/package.json

@@ -1,8 +1,13 @@
 {
   "name": "@tencentcloud/chat-uikit-react",
-  "version": "2.3.1",
-  "main": "dist/cjs/index.js",
-  "module": "dist/esm/index.js",
+  "version": "3.0.0",
+  "type": "module",
+  "module": "dist/index.js",
+  "exports": {
+    ".": {
+      "import": "./dist/index.js"
+    }
+  },
   "license": "MIT",
   "keywords": [
     "react",
@@ -14,77 +19,95 @@
     "tencentcloud",
     "uikit"
   ],
-  "scripts": {
-    "build": "rimraf dist && rollup -c",
-    "start": "rimraf dist && rollup -c -w",
-    "clean": "rimraf -g **/dist **/node_modules **/package-lock.json",
-    "prepare": "husky install"
-  },
   "homepage": "https://www.tencentcloud.com/document/product/1047/45912",
   "repository": {
     "type": "git",
     "url": "https://github.com/TencentCloud/chat-uikit-react.git"
   },
-  "devDependencies": {
-    "@babel/core": "^7.19.1",
-    "@babel/preset-env": "^7.19.1",
-    "@babel/preset-react": "^7.18.6",
-    "@babel/preset-typescript": "^7.18.6",
-    "@rollup/plugin-babel": "^5.3.1",
-    "@rollup/plugin-commonjs": "^22.0.2",
-    "@rollup/plugin-node-resolve": "^14.1.0",
-    "@rollup/plugin-typescript": "^8.5.0",
-    "@rollup/plugin-url": "^7.0.0",
-    "@stylistic/eslint-plugin": "^2.3.0",
-    "@stylistic/stylelint-config": "^1.0.1",
-    "@types/node": "^20.10.5",
-    "@types/react": "^18.0.20",
-    "@typescript-eslint/eslint-plugin": "^5.36.2",
-    "@typescript-eslint/parser": "^5.36.2",
-    "autoprefixer": "^10.4.11",
-    "cross-env": "^7.0.3",
-    "eslint": "^8.57.0",
-    "eslint-config-react-app": "^7.0.1",
-    "eslint-import-resolver-typescript": "^3.5.1",
-    "eslint-plugin-react-refresh": "^0.4.9",
-    "husky": "^8.0.3",
-    "lint-staged": "^15.2.7",
-    "postcss": "^8.4.16",
-    "react": "^18.2.0",
-    "rimraf": "^3.0.2",
-    "rollup": "^2.79.0",
-    "rollup-plugin-dts": "^4.2.2",
-    "rollup-plugin-peer-deps-external": "^2.2.4",
-    "rollup-plugin-postcss": "^4.0.2",
-    "rollup-plugin-terser": "^7.0.2",
-    "sass": "^1.77.8",
-    "stylelint": "^16.7.0",
-    "stylelint-config-recommended-scss": "^14.1.0",
-    "stylelint-config-standard": "^36.0.1",
-    "tslib": "^2.4.1",
-    "typescript": "^4.8.3",
-    "typescript-eslint": "^7.16.0"
+  "scripts": {
+    "dev": "vite",
+    "build:dev": "vite build --mode development",
+    "build:watch": "vite build --watch --mode development",
+    "build": "vite build --mode production",
+    "build:web": "rimraf dist-web && vite build --mode development --config vite.config.playground.ts",
+    "lint": "eslint .",
+    "preview": "vite preview",
+    "sb": "storybook dev -p 6006",
+    "sb:docs": "storybook dev --docs",
+    "sb:build": "storybook build",
+    "sb:build-docs": "storybook build --docs",
+    "clean": "rimraf node_modules dist storybook-static ../pnpm-lock.yaml"
   },
   "dependencies": {
-    "@tencentcloud/call-uikit-react": "latest",
-    "@tencentcloud/chat": "latest",
-    "@tencentcloud/chat-uikit-engine": "latest",
+    "@mui/base": "5.0.0-beta.66",
+    "@tencentcloud/chat": "^3.5.2",
+    "@tencentcloud/chat-uikit-engine": "~2.5.0",
     "@tencentcloud/tui-core": "latest",
-    "@tencentcloud/uikit-base-component-react": "^0.0.1",
-    "@tencentcloud/universal-api": "latest",
+    "@tencentcloud/uikit-base-component-react": "0.1.0",
+    "tuikit-atomicx-react": "0.1.0",
+    "@tencentcloud/universal-api": "^2.4.0",
+    "@tiptap/extension-image": "2.0.0-beta.220",
+    "@tiptap/extension-placeholder": "2.0.0-beta.220",
+    "@tiptap/react": "2.11.5",
+    "@tiptap/starter-kit": "2.11.5",
     "classnames": "^2.5.1",
     "date-fns": "^2.29.3",
-    "react-date-picker": "^9.0.0",
+    "lodash-es": "4.17.21",
+    "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "rollup-plugin-copy": "^3.5.0",
+    "react-transition-group": "^4.4.5",
     "zustand": "^5.0.0"
   },
+  "devDependencies": {
+    "@chromatic-com/storybook": "^3.2.2",
+    "@storybook/addon-docs": "^8.4.5",
+    "@storybook/addon-essentials": "^8.4.5",
+    "@storybook/addon-interactions": "^8.4.5",
+    "@storybook/addon-onboarding": "^8.4.5",
+    "@storybook/blocks": "^8.4.5",
+    "@storybook/builder-vite": "^8.3.6",
+    "@storybook/manager-api": "^8.4.5",
+    "@storybook/preview-api": "^8.4.5",
+    "@storybook/react": "^8.4.5",
+    "@storybook/react-vite": "^8.4.5",
+    "@storybook/test": "^8.4.5",
+    "@storybook/theming": "^8.4.5",
+    "@stylistic/stylelint-config": "^2.0.0",
+    "@tencentcloud/eslint-config-hybrid": "^0.0.1",
+    "@types/lodash-es": "^4.17.12",
+    "@types/lodash.throttle": "^4.1.9",
+    "@types/node": "latest",
+    "@types/postcss-url": "^10.0.4",
+    "@types/react": "^18.3.12",
+    "@types/react-dom": "^18.3.1",
+    "@types/react-transition-group": "^4.4.12",
+    "@types/react-window": "^1.8.8",
+    "@vitejs/plugin-react": "^4.3.3",
+    "eslint": "^8.57.0",
+    "eslint-import-resolver-typescript": "^3.6.3",
+    "eslint-plugin-storybook": "^0.10.1",
+    "glob": "^11.0.0",
+    "globals": "^15.11.0",
+    "postcss-url": "^10.1.3",
+    "react-docgen-typescript": "^2.2.2",
+    "rollup-plugin-visualizer": "^5.12.0",
+    "sass": "^1.77.8",
+    "storybook": "^8.4.5",
+    "stylelint": "^16.10.0",
+    "stylelint-config-recommended-scss": "^14.1.0",
+    "stylelint-config-standard": "^36.0.1",
+    "typescript": "^5.4.0",
+    "typescript-plugin-css-modules": "^5.1.0",
+    "vconsole": "^3.15.1",
+    "vite": "^5.4.10",
+    "vite-plugin-dts": "^4.2.2",
+    "vite-plugin-lib-inject-css": "^2.1.1",
+    "vite-plugin-static-copy": "^1.0.6"
+  },
   "peerDependencies": {
-    "date-fns": "^2.29.3",
+    "@tencentcloud/call-uikit-react": "3.3.9",
     "i18next": "^23.7.11",
     "react": "^18.2.0",
-    "react-date-picker": "^9.0.0",
-    "react-i18next": "^13.5.0",
-    "tslib": "^2.4.1"
+    "react-dom": "^18.2.0"
   }
 }

package/src/components/Chat/Chat.mdx

@@ -0,0 +1,271 @@
+import { Meta, Story, Canvas, Source, ArgTypes, Markdown } from '@storybook/blocks';
+import * as ChatStories from './Chat.stories';
+
+<Meta of={ChatStories} name="Documentation" />
+
+# Chat Component
+
+The Chat component is a container component and one of the core components of @tencentcloud/chat-uikit-react. It provides the main chat interface structure, serving as a wrapper for chat UI elements and managing the chat context.
+
+**The Chat component can be used independently.**
+
+## Features
+
+- Flexible layout structure
+- Customizable header, message list, and input components
+- Context provider for chat-related data
+- Responsive design with customizable style
+
+## Core Components
+
+The Chat component is usually used together with ChatHeader, MessageList, and MessageInput.
+
+- ChatHeader: Chat header component, used to display chat title, user avatar, user online status, etc. It is also the entry point for voice and video calls.
+- MessageList: Message list component, used to display chat messages.
+- MessageInput: Message input component, used to input chat messages.
+
+## Basic Usage
+
+The Chat component can be used independently. It requires a `defaultConversationID` parameter, and if provided, the Chat component will automatically switch to the corresponding conversation.
+
+<Source
+  language="tsx"
+  dark
+  code={`
+import React from 'react';
+import { TUILogin } from '@tencentcloud/tui-core';
+import { UIKitProvider } from '@tencentcloud/uikit-base-component-react';
+import { Chat, ChatHeader, MessageList, MessageInput } from '@tencentcloud/chat-uikit-react';
+
+const config = {
+  SDKAppID: 0, // Your SDKAppID, number type, Get it from Step 4
+  userID: 'YOUR_USER_ID', // Login UserID, string type,  Get it from Step 5
+  userSig: 'YOUR_USER_SIG', // Your userSig, string type,  Get it from Step 5
+}
+
+TUILogin.login({
+  ...config,
+  useUploadPlugin: true
+}).then(() => {
+}).catch(() => {});
+
+function MyChat() {
+  return (
+    <UIKitProvider language='en-US' theme='light'>
+      <Chat defaultConversationID="YOUR_CONVERSATION_ID">
+        <ChatHeader />
+        <MessageList />
+        <MessageInput />
+      </Chat>
+    </UIKitProvider>
+  );
+}
+`}
+/>
+
+## Property
+
+<Markdown>
+{`
+| Parameter | Type | Default | Description |
+| ------ | ------ | ------ | ------ |
+| defaultConversationID | string | \`undefined\` | Default conversation ID, if set, the component will automatically switch to the corresponding conversation |
+| ChatHeader | React.ComponentType | \`undefined\` | Custom chat header component to replace the default header |
+| MessageList | React.ComponentType | \`undefined\` | Custom message list component to replace the default list |
+| MessageInput | React.ComponentType | \`undefined\` | Custom message input component to replace the default input |
+| children | React.ReactNode | \`undefined\` | Child components, typically includes ChatHeader, MessageList, and MessageInput |
+| className | string | \`undefined\` | Custom class names for styling |
+| style | React.CSSProperties | \`undefined\` | Inline style object for custom styling |
+`}
+</Markdown>
+
+## Customization
+
+### Custom Styling
+
+You can customize the appearance of the Chat component using CSS modules or inline style:
+
+<Source
+  language="tsx"
+  dark
+  code={`
+import classes from './CustomChat.module.scss';
+
+<Chat
+  className={classes.customChat}
+  style={{
+    backgroundColor: '#f5f5f5',
+    padding: '20px',
+    borderRadius: '8px',
+    boxShadow: '0 2px 4px rgba(0, 0, 0, 0.1)'
+  }}
+>
+  <ChatHeader />
+  <MessageList />
+  <MessageInput />
+</Chat>
+`}
+/>
+
+### Custom Components
+
+You can provide custom components to replace the default ones:
+
+#### Custom Chat Header
+
+Use the `useChatHeaderProps` hook to get the chat header component props.
+
+<Source
+  language="tsx"
+  dark
+  code={`
+import { useChatHeaderProps } from '@tencentcloud/chat-uikit-react';
+
+const CustomChatHeader = () => {
+  const {
+    /** Chat avatar URL */
+    avatarUrl: string;
+    /** Chat title */
+    title: string | undefined;
+    /** User online status */
+    userStatus: IUserStatus | undefined;
+    /** Current conversation */
+    conversation: IConversationModel | undefined;
+    /** Is system conversation */
+    system: boolean | undefined;
+  } = useChatHeaderProps();
+
+  return (
+    <div className="custom-header">
+      <h1>{title}</h1>
+      <img src={avatarUrl} alt="avatar" />
+      {
+        userStatus?.statusType === 1
+        ? <div>Online</div>
+        : <div>Offline</div>
+      }
+    </div>
+  );
+};
+
+<Chat ChatHeader={CustomChatHeader}>
+  <ChatHeader />
+  <MessageList />
+  <MessageInput />
+</Chat>
+`}
+/>
+
+#### Custom Message List
+
+Use the `useChatContext` hook to get message list related data. Note that useChatContext is based on React Context and must be used within the Chat component.
+
+messageList will initially return the latest 15 messages by default. To get more messages, you can call the `getMessageList` method.
+
+You can use the `judgeHasMoreMessage` method to determine if there are more messages available.
+
+<Source
+  language="tsx"
+  dark
+  code={`
+import { useChatContext } from '@tencentcloud/chat-uikit-react';
+
+const CustomMessageList = () => {
+  const {
+    messageList,
+    getMessageList,
+    judgeHasMoreMessage,
+  } = useChatContext();
+
+  return (
+    <div className="custom-message-list">
+      {
+        judgeHasMoreMessage() && (
+          <div onClick={getMessageList}>Load More</div>
+        )
+      }
+      {messageList.map((message) => {
+        const diffKeyToFlush = \`\${message.ID}-\${message.isRevoked}-\${message.isDeleted}-\${message.status}\`;
+        return (
+          <div key={diffKeyToFlush}>
+            <div key={message.nick}>{message.nick}</div>
+            <img src={message.avatar} alt="avatar" />
+            {message.type === 'TIMTextElem' && <div>{message.payload.text}</div>}
+          </div>
+        );
+      })}
+    </div>
+  );
+};
+
+<Chat MessageList={CustomMessageList}>
+  <ChatHeader />
+  <MessageList />
+  <MessageInput />
+</Chat>
+`}
+/>
+
+#### Custom Message Input
+
+Use the `useMessageInputStore` hook to get message input related data.
+
+<Source
+  language="tsx"
+  dark
+  code={`
+import { useMessageInputStore } from '@tencentcloud/chat-uikit-react';
+
+const CustomMessageInput = () => {
+  const {
+    inputValue,
+    setInputValue,
+    sendTextMessage,
+  } = useMessageInputStore();
+
+  const handleSendMessage = () => {
+    sendTextMessage({
+      payload: {
+        text: inputValue,
+      },
+    });
+  };
+
+  return (
+    <div className="custom-message-list" style={{ padding: '16px', backgroundColor: '#fff' }}>
+      <input type="text" value={inputValue} onChange={e => setInputValue(e.target.value)} />
+      <button onClick={handleSendMessage}>Send</button>
+    </div>
+  );
+};
+
+<Chat
+  MessageInput={CustomMessageInput}
+>
+  <ChatHeader />
+  <MessageList />
+  <MessageInput />
+</Chat>
+`}
+/>
+
+## Best Practices
+
+1. **Context Usage**
+   - Use the Chat component at a high level in your component tree
+   - Ensure a valid conversation context before rendering
+
+2. **Component Customization**
+   - Custom components receive the same props as their default counterparts
+   - Use the provided hooks (`useChatHeaderProps`, `useChatContext`, `useMessageInputStore`) to access chat data
+
+3. **Styling**
+   - Use CSS modules for style isolation
+   - Apply custom style through `className` and `style` props
+   - Follow your application's design system
+
+## Related Components
+
+- [ChatHeader](?path=/docs/components-chat-chatheader--docs)
+- [MessageList](?path=/docs/components-chat-messagelist--docs)
+- [MessageInput](?path=/docs/components-chat-messageinput--docs)

package/src/components/Chat/Chat.module.scss

@@ -0,0 +1,11 @@
+.chat {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  width: 100%;
+
+  &__container {
+    flex: 1;
+    overflow: hidden;
+  }
+}