@tencentcloud/chat-uikit-react 1.0.0 → 1.0.2

package/CHANGELOG.md

@@ -1,3 +1,25 @@
+## [1.0.2] (2023-03-13)
+
+#### feat
+* feat: TUIConversation add filterConversation
+
+#### fix
+* fix: tim-sdk-js reference path problem
+* fix: TUIConversation AVChatRoom display
+* fix: isJSON function judgment error problem
+
+## [1.0.1] (2023-02-16)
+
+#### feat
+* feat: TUIMessageInput add isTransmitter
+* feat: TUIChat add TUIMessageInput config
+* feat: MessageCustom add system custom message
+* feat: add export Popup component
+
+#### chore
+* chore: Optimize ts format
+* chore: remove useless code
+
 ## [1.0.0] (2023-01-13)
 
 #### feat

package/README.md

@@ -1,74 +1,23 @@
-# Chat UIKit React for [Tencent Cloud IM](https://www.tencentcloud.com/document/product/1047/34279/)
->The web demo is implemented based on the IM chat-uikit-react. chat-uikit-react provides features such as management of conversations, chats, groups, and profiles. With chat-uikit-react, you can quickly build your own business logic.
+_English | [简体中文](readme.zh_cn.md)_
+# [chat-uikit-react](https://www.tencentcloud.com/document/product/1047/34279/)
+>chat-uikit-react is a UI component library based on Tencent Cloud IM SDK. It provides universal UI components to offer features such as conversation, chat, relationship chain, group, and audio/video call features.
+With these UI components, you can quickly build your own business logic.
+When implementing UI features, components in chat-uikit-react will also call the corresponding APIs of the IM SDK to implement IM-related logic and data processing, allowing developers to focus on their own business needs or custom extensions.
 
-<img align="right" src="https://qcloudimg.tencent-cloud.cn/raw/4562be8179a1534efb17d33428239c82.png?auto=format,enhance" width="50%" />
+## Demos
+We have built demos to illustrate the chatting feature.
 
-### Quick Links
-- [Demo App](https://web.sdk.qcloud.com/im/demo/intl/index.html)
-- [Client API](https://www.tencentcloud.com/document/product/1047/33999)
-- [Free Demos](https://www.tencentcloud.com/document/product/1047/34279)
-- [FAQ](https://www.tencentcloud.com/document/product/1047/34455)
-- [GitHub Source](https://github.com/TencentCloud/chat-uikit-react)
-- [Generating UserSig](https://www.tencentcloud.com/document/product/1047/34385)
-## Example App
-We have built sample demo applications showcasing chat use cases,You can preview these
-[demo](https://web.sdk.qcloud.com/im/demo/intl/index.html) on our website.
-Also, the code is [open source](https://github.com/TencentCloud/chat-uikit-react).
-
-![img.png](https://web.sdk.qcloud.com/im/demo/TUIkit/react-static/images/home.png)
-
-## Try chat-uikit-react
-
-### Step 1.Installation
-```
-$ npm i @tencentcloud/chat-uikit-react
-```
-### Step 2.Usage
-```tsx
-import React, { useEffect, useState } from 'react';
-import { TUIKit } from '@tencentcloud/chat-uikit-react';
-import '@tencentcloud/chat-uikit-react/dist/cjs/index.css';
-import TIM, { ChatSDK } from 'tim-js-sdk/tim-js-friendship';
-import TIMUploadPlugin from 'tim-upload-plugin';
+|  | sample-chat | live-chat |
+| ------ | ------ | ------ |
+|  | ![img.png](https://web.sdk.qcloud.com/im/demo/TUIkit/react-static/images/home.png) | ![img.png](https://web.sdk.qcloud.com/im/demo/TUIkit/react-static/images/live-demo.png) |
+| url | [sample-chat](https://web.sdk.qcloud.com/im/demo/intl/index.html) | [live-chat](https://web.sdk.qcloud.com/im/demo/intl/index.html?scene=live) |
+| demo code | [sample-chat-code](https://github.com/TencentCloud/chat-uikit-react/tree/main/examples/sample-chat) | [live-chat-code](https://github.com/TencentCloud/chat-uikit-react/tree/main/examples/live-chat) |
 
+ You can preview these [demos](https://web.sdk.qcloud.com/im/demo/intl/index.html) on our website and obtain their [open source code](https://github.com/TencentCloud/chat-uikit-react) in GitHub.
 
-const init = async () => {
-   return new Promise((resolve, reject) => {
-      const tim = TIM.create({ SDKAppID: 0 });
-      tim?.registerPlugin({ 'tim-upload-plugin': TIMUploadPlugin });
-      const onReady = () => { resolve(tim); };
-      tim.on(TIM.EVENT.SDK_READY, onReady);
-      tim.login({
-         userID: 'xxx',
-         userSig: 'xxx',
-      });
-   });
-}
 
-export function SampleChat() {
-   const [tim, setTim] = useState<ChatSDK>();
-   useEffect(() => {
-      (async ()=>{
-         const tim = await init()
-         setTim(tim)
-      })()
-   }, [])
+## Running Demo
 
-   return (
-           <div style={{height: '100vh',width: '100vw'}}>
-              <TUIKit tim={tim}></TUIKit>
-           </div>
-   );
-}
-```
-## Customizing Styles
-The preferred method for overriding the pre-defined styles in the library is to two step process. First, import our bundled CSS into the file where you instantiate your chat application. Second, locate any TencentCloud styles you want to override using either the browser inspector or by viewing the library code. You can then add selectors to your local CSS file to override our defaults. For example:
-```tsx
-import '@tencentcloud/chat-uikit-react/dist/cjs/index.css';
-import './App.css';
-```
-
-## Running the demo
 ### Step 1. Download the source code
 ```
 # Run the code in CLI
@@ -78,32 +27,33 @@ $ cd chat-uikit-react
 # Install dependencies of the demo
 $ npm install && cd examples/sample-chat && npm install
 ```
-### Step 2. Initialize the demo
-1. Open the project, and find the `GenerateTestUserSig.js` file via the path `/src/debug/GenerateTestUserSig.js`.
-2. Set required parameters in the `GenerateTestUserSig` file, where `SDKAppID` and `Key` can be obtained in the IM console. Click the target app card to go to its basic configuration page.
+### Step 2. Configure demo
+1. Open the `examples/sample-chat` project and locate the `GenerateTestUserSig.js` file in `./examples/sample-chat/src/debug/GenerateTestUserSig.js`.
+2. In the `GenerateTestUserSig.js` file, set `SDKAPPID` and `SECRETKEY`, whose values can be obtained in the [IM console](https://console.tencentcloud.com/im). Click the card of the target app to go to its configuration page.
    ![](https://qcloudimg.tencent-cloud.cn/raw/8d469e975f1ca5a2f3dbc9c6fe8774f5.png)
 3. In the **Basic Information** area, click **Display key**, and copy and save the key information to the `GenerateTestUserSig` file.
-> In this document, the method to obtain `UserSig` is to configure a `SECRETKEY` in the client code.
-> In this method, the `SECRETKEY` is vulnerable to
-> decompilation and reverse engineering. Once
-> your `SECRETKEY` is disclosed, attackers
-> can steal your Tencent Cloud traffic. Therefore,
-> **this method is only suitable for locally running
-> a demo project and feature debugging.** The correct
-> `UserSig` distribution method is to integrate the
-> calculation code of `UserSig` into your server and
-> provide an application-oriented API. When `UserSig`
-> is needed, your application can send a request
-> to the business server for a dynamic `UserSig`.
-> For more information, see the "Calculating UserSig
-> on the Server" section of [Generating UserSig](https://www.tencentcloud.com/document/product/1047/34385).
+>!
+>- In this document, the method to obtain `UserSig` is to configure the secret key in the client code. In this method, the secret key is vulnerable to decompilation and reverse engineering. Once your secret key is leaked, attackers can steal your Tencent Cloud traffic. Therefore, **this method is only suitable for locally running a demo project and debugging.**
+>- The best practice is to integrate the calculation code of `UserSig` into your server and provide an application-oriented API. When `UserSig` is needed, your application can send a request to your server for a dynamic `UserSig`. For more information, see [How do I calculate `UserSig` during production?](https://www.tencentcloud.com/document/product/1047/34385).
 
 ### Step 3. Launch the project
 ```
 # Launch the project
+$ cd examples/sample-chat
 $ npm run start
 ```
 
-## Contributing
-We welcome code changes that improve this library or fix a problem. Please make sure to follow all best practices and add tests, if applicable, before submitting a pull request on GitHub. We are pleased to merge your code into the official repository if it meets a need.
+### Step 4. Send your first message
+1. After the product is launched, click the **+** icon to create a conversation.
+2. Search for another user's userID in the input box.
+3. Click the user's profile photo to initiate a conversation.
+4. Enter a message in the input box and press **Enter** to send it.
+   ![](https://web.sdk.qcloud.com/im/demo/TUIkit/react-static/images/chat-English.gif)
 
+### Quick links
+- [Web demo](https://web.sdk.qcloud.com/im/demo/intl/index.html)
+- [Client APIs](https://www.tencentcloud.com/document/product/1047/33999)
+- [Free demo download](https://www.tencentcloud.com/document/product/1047/34279)
+- [FAQs](https://www.tencentcloud.com/document/product/1047/34455)
+- [Source code in GitHub](https://github.com/TencentCloud/chat-uikit-react)
+- [Generating UserSig](https://www.tencentcloud.com/document/product/1047/34385)

package/dist/cjs/components/ConversationPreview/utils.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),r=require("react/jsx-runtime"),a=require("date-fns"),t=require("tim-js-sdk");require("react"),require("../Icon/config.js"),require("../Icon/type.js");var s=require("../Avatar/default.js"),i=require("../TUIMessage/utils/emojiMap.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=o(t),l=function(e){if(!e)return null;var r={},a=e.type,t=e.groupProfile,s=e.userProfile;switch(a){case n.default.TYPES.CONV_C2C:r=s;break;case n.default.TYPES.CONV_GROUP:r=t;case n.default.TYPES.CONV_SYSTEM:}return r},u=function(e){return e?a.isThisYear(e)?a.isToday(e)?a.format(e,"p"):a.isYesterday(e)?a.formatDistance(e,new Date):a.isThisWeek(e)?a.format(e,"eeee"):a.format(e,"MMM dd"):a.format(e,"yyyy MMM dd"):""};exports.getDisplayImage=function(e){var r=e.type,a=l(e).avatar,t=a;if(!a)switch(r){case n.default.TYPES.CONV_C2C:t=s.defaultUserAvatar;break;case n.default.TYPES.CONV_GROUP:default:t=s.defaultGroupAvatarWork}return t},exports.getDisplayMessage=function(a,t){var s=a.lastMessage,o=a.type,l=s.fromAccount,u=s.nick,c=s.nameCard,d=s.isRevoked,f="";switch(o){case n.default.TYPES.CONV_GROUP:f=(null==s?void 0:s.fromAccount)===(null==t?void 0:t.userID)?"You: ":"".concat(c||u||l,": ");break;case n.default.TYPES.CONV_C2C:f=d?"you ":""}return r.jsxs("div",e.__assign({style:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"}},{children:[r.jsx("span",{children:f}),r.jsx("span",{children:s.isRevoked?"recalled a message":i.formatEmojiString(s.messageForShow,1)})]}))},exports.getDisplayTime=function(e){var r=e.lastMessage;return u(1e3*r.lastTime)},exports.getDisplayTitle=function(a,t,s){void 0===s&&(s="#147AFF");var i=l(a),o=i.name,u=i.nick,c=i.groupID,d=i.userID,f="";switch(a.type){case n.default.TYPES.CONV_C2C:f=u||d;break;case n.default.TYPES.CONV_GROUP:f=o||c;break;default:f=""}var p,v;return t?(v=(p=f).toLocaleLowerCase().indexOf(t.toLocaleLowerCase()),r.jsxs("div",{children:[r.jsx("span",{children:p.slice(0,v)}),r.jsx("span",e.__assign({style:{color:s}},{children:p.slice(v,v+t.length)})),r.jsx("span",{children:p.slice(v+t.length)})]})):f},exports.getMessageProfile=l,exports.getTimeStamp=u;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),r=require("react/jsx-runtime"),a=require("date-fns"),t=require("tim-js-sdk");require("react"),require("../Icon/config.js"),require("../Icon/type.js");var s=require("../Avatar/default.js"),i=require("../TUIMessage/utils/emojiMap.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=o(t),l=function(e){if(!e)return null;var r={},a=e.type,t=e.groupProfile,s=e.userProfile;switch(a){case n.default.TYPES.CONV_C2C:r=s;break;case n.default.TYPES.CONV_GROUP:r=t;case n.default.TYPES.CONV_SYSTEM:}return r},u=function(e){return e?a.isThisYear(e)?a.isToday(e)?a.format(e,"p"):a.isYesterday(e)?a.formatDistance(e,new Date):a.isThisWeek(e)?a.format(e,"eeee"):a.format(e,"MMM dd"):a.format(e,"yyyy MMM dd"):""};exports.getDisplayImage=function(e){var r=e.type,a=l(e).avatar,t=a;if(!a)switch(r){case n.default.TYPES.CONV_C2C:t=s.defaultUserAvatar;break;case n.default.TYPES.CONV_GROUP:default:t=s.defaultGroupAvatarWork}return t},exports.getDisplayMessage=function(a,t){var s=a.lastMessage,o=a.type,l=s.fromAccount,u=s.nick,c=s.nameCard,d=s.isRevoked,f="";switch(o){case n.default.TYPES.CONV_GROUP:f=(null==s?void 0:s.fromAccount)===(null==t?void 0:t.userID)?"You":"".concat(c||u||l||""),f="".concat(f?"".concat(f,":"):"");break;case n.default.TYPES.CONV_C2C:f=d?"you ":""}return r.jsxs("div",e.__assign({style:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"}},{children:[r.jsx("span",{children:f}),r.jsx("span",{children:s.isRevoked?"recalled a message":i.formatEmojiString(s.messageForShow,1)})]}))},exports.getDisplayTime=function(e){var r=e.lastMessage;return u(1e3*r.lastTime)},exports.getDisplayTitle=function(a,t,s){void 0===s&&(s="#147AFF");var i=l(a),o=i.name,u=i.nick,c=i.groupID,d=i.userID,f="";switch(a.type){case n.default.TYPES.CONV_C2C:f=u||d;break;case n.default.TYPES.CONV_GROUP:f=o||c;break;default:f=""}var p,v;return t?(v=(p=f).toLocaleLowerCase().indexOf(t.toLocaleLowerCase()),r.jsxs("div",{children:[r.jsx("span",{children:p.slice(0,v)}),r.jsx("span",e.__assign({style:{color:s}},{children:p.slice(v,v+t.length)})),r.jsx("span",{children:p.slice(v+t.length)})]})):f},exports.getMessageProfile=l,exports.getTimeStamp=u;

package/dist/cjs/components/Icon/images/union.png.js

@@ -1 +1 @@
-"use strict";module.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAkCAYAAAAdFbNSAAAACXBIWXMAACxLAAAsSwGlPZapAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAITSURBVHgB7ZdBbtpAFIb/NxA1S47g3IAjQFdVlUpkUZVd1RMkN4g4QekJ0lXF0ou26g5uAL2BbxBvokSE8cuMX0xCsMH2mIClfAtkz8x7/vRj4wF4441MaNsC7vVaOJp7aKAdD0QcQjVCGv2ewBH+/LG97BujAtw1Z+T74aa6TGnun3ZAdG6OOmC0UipDMPvA0YBGfoC8ov2eB55fQKmvqX3jRfBN/x9ZwaxJx8m+05cgvkBeiIe4vRmQP9mYEH/59L1QX/DPtFBWpOMUoMfmyENhKAAa3bTUJYjF2FytjcKs96WVxsd6Wk44+wJuwul91XL8+H7oJmyx9Xos31hVwknfxVVyFicdP3TAGJVhktH6zDxsV+7CK3TtwylJM85RKSaZhppWLGy5tB8k9/LiGrWheaKMcNVp7BjdUSbrmkmzp8DUQs2wSYeoGQra/nDXCBVNFebNCepEFP1Xj9vACeoA8YxG/4LkNT5APRjaj6cNU//UvsY7OFg4oNGfE3v0tGHC4pudwEFivXQ3OVtK23tFJg5M3P5DUnwmfsnQC7j/wTN7V3OrkId9Y4Up6tKvv7Pnw2pt3aEkTrhOE5apDPaauAi/TxOW6Q3sRXyLsCzZwquK5xCWZTl4FfGcwrI0JzsVLyAsywuwE/GCwlJSkErFSwhLWQkqES8pLKUlcRJ3EJZyB0qJOwpLC0cKiVcgbHkA11UA5w+B4MAAAAAASUVORK5CYII=";
+"use strict";module.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAACxLAAAsSwGlPZapAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAJhSURBVHgB7ZlNbtpAGIbfGUDNkiM4NyA3gF1VpRJZVEXdVD1BcoOIE5SeIF1VLL1oq+7gBtAb+AZlExVR7K/zE37s2GHsGYKt+FnZ8/P5fb+ZgQ8M1NTU1NRYwA4NoH6/jdbKQwMd1RDRAryxYOPvU1hC7950tnEVPMCyOWe+vzCNkWmABpddMHYtrrogtFNmLkDkA60hG/sBTEUP+h5odQPOP6bGVYPgi/hfTJL0yIDK+KvwFoxuYAqjEf7eD5k/fTJz9P7t51xxQV8PJShmQGUH4URcecgNC4BGL+1hOinriXhaB7nJjqt6Yw85C2fFxGc/zE58dtwNfHt19m9kJ14i54cTvZKuxG/iru/SetQKqAMLTOAMkbEwvBIH9c5efIxe8mDrFSBcwykiYw0+cyxecptsYHrvr/+gMjTP988CF+JdZ+nIhN39Oy7WoGIG4h80HMTaqDByBYzrjjLCEcoviQrBo1nsFqvmFFUiin7v3/KH0nWKKsBozsa/gv2mTSkxRDUYJRt2xdzgUpYSXZQWCtj4x3mydVfMYf1JDkIpkbrCXlrP1oDeW3JQyUzIX36crpJ7f9edgAavPVF7i+3EPJwaKZ5FPfbt5zx7SAqlMGEgXg/L4KQmDMXroU9wEhM5xOvhB3hWEznF6ykGPIuJAuL1NEOOaqKgeD01B0cxYSFeT8+JUxOW4nWIAjgx4UC8DlMQKxOOxOtQFhQy4VC8DmdJLhOOxUs4LDGvYkW/Y/ESawMSZWLZuoD6ZZcwIrMu25f3F67F6/BHgD6IV0cRF/83NYM8b29qampeIP8BK5ocn+ekYqQAAAAASUVORK5CYII=";

package/dist/cjs/components/Icon/images/ununion.png.js

@@ -1 +1 @@
-"use strict";module.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAApCAYAAAB6MAquAAAACXBIWXMAACxLAAAsSwGlPZapAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAJsSURBVHgB7ZjbUfJAGIY/wg0DXNiB4QIG7qQD7OD/K/DQgIcCBCoQK5AO1ArUCtArBriQDowz3AK+byQZjEQ2yUaTjM8MJNls8uXZQ7K7In8km5xKpsFgsFMoFP7lcrk9/HaRtIefhX1rsVg8YzvA9rHRaEwlAoxTKpUOVvc3l8uluR4Hx7eI8SBhhRigXC6f4GanONyRLSBwfz6fd4OKDYfDVj6fb+OBWwrZp4Zh9Gez2VWz2bS+PIPfVePx+AQBOqIg4sHCdd16vd5TyYw4l8h/KsGZoqCPvDW2UWgymbSRuSMRQG31arXamd/5VfO6UawVX1BbnWq12nXjejPokHFvjiYIqSNvOmWKxeK9fPSVyKBQzpwW8UkIbfkQxteiEa+Ubpm1OE3EeTKcBMiYkGmLZlB6h+gndiHFJbPikn9uDelsaptgTUGOInHI2OD5912h0Wj0go0pKQaF9mAL8TuA5nYvGcDpQy3JCI6QKRnBFsKwY1cygi2Et48lGcEWwuvuTTKCLYTX3ZNkBKfJZUZo/cP6KsGnCokCFXPnjuXQj64k5UCo5wphis3h94ukFMj0OdlzhSqVCuftxzwn6WPKWTJ3jPVUGuLEuaQLLqL8d9YxDO9ZzvxQU11JB5TZ58TOSfBdJMEIvBPHhE8jX2TIt8tYCZbaKEO2LjQmUMpXhiitnCZI6lsZoiREEiC1VYYoC5FflFKSIYGEyC9IKcuQwELkB6UCyZBQQuQHpALLkNBCJEapUDIkkhCJQSq0DIksRDRKRZIhWoSIBqnIMkSbEIkgpUWGaBUiIaS0yRDtQmQldaFwf60y5B1KZTiqpADXrAAAAABJRU5ErkJggg==";
+"use strict";module.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAA4CAYAAACohjseAAAACXBIWXMAACxLAAAsSwGlPZapAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAL3SURBVHgB7ZpbbtpAFIaPzQu3B7qCQCUQvEE3UJQVtN1AaTaQtAsI0AVEyQrKCqqsoJcV0D4h4AF2ECrxwAu4/08AGbDj2zixkT8JOZ4Zz+TzjC/ngEhCQkJCQkJCQlzR3DTq9/uFdDr9TtO0Oj5nKKrjM8Pfs9Vq9RfbPra/a7XaVHyCMbgp5HK5j5v+i4ZhFM3jYP8eY/wSD2gOgxby+fwlOr/i4OLUmab1lstl14voYDDgpplKpdoQaLo4ZKrrem8+n981Go2ZU2NbwdFodIkBO+JC7IAZjutWq9Vbp4YYg+PfoP2VeGeCE3/hNKOWguPxuI2DOxIAzOZtpVL5bFXH5Yj6V9ls9rvLWbPDwGx2y+Vy167BkaAKuV3nWLKQ/GQu28plMpkf8nitBQXnyPhit2J08w6uh5Yquc3ILSzDb+YyxXKbLrUbjGPZ304QckVMd1sUY5bkTUux3Jb1tWxXsUbl0rQcCMsVshRTLbfFwP9/fnjT2c0gKlsSIpxJCU+OaHjUXB8WrgWxPJvYFCXm8I7My8Bctp3BppwIuMbfmve3gkU5HUrmnbUg1u6ZnAYalunxEkWh4ztdXFkL4g76T04Dg5GHuWAtiMI/ciJgNe656FaFcWaxWOy57N5khsPhg3gPjSIFA2K8dL83l5nfZO4k3jCqOHLYCSIlwXBjIjEFcj2r4HcnWCqVmPe4YFuJHxMIfrWq2IsHeQYYPEq8eMBT4INdHkg/LGBkjJm0TQFEDMqdI2tg+xSwTTohwuiEEQArxFGOPJk2jLCkKznimPiNoKRrOeIqsx0hSU9yxJUgiYCkZzniWpC8oKQvOeJJkLyApG854lmQPKNkIDniS5A8g2RgOeJbkIQoqUSOBBIkIUgqkyOBBYlCSaVyRIkgUSCpXI4oEyQBJEORI0oFiQ/J0OSIckGykbx20X+ockSXEEB03UHQ/BrZgZ/ymAI5SoOwDm3ehClHQplBM5tvjuuQ2X43OEXu8t7NT0ASEhISIs9/vQF5N0A5onkAAAAASUVORK5CYII=";

package/dist/cjs/components/TUIChat/hooks/useMessageReceviedListener.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("tim-js-sdk"),r=require("../../../context/TUIKitContext.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("tslib"),require("react/jsx-runtime"),require("../../../context/TUIMessageContext.js");var i=u(t);exports.useMessageReceviedListener=function(t,u){var n=this,s=r.useTUIKitContext("useMessageReceviedListener").tim;e.useLayoutEffect((function(){var e=function(e){u&&"function"==typeof u?u(t,e):t(e.data)};return s.on(i.default.EVENT.MESSAGE_RECEIVED,e,n),function(){s.off(i.default.EVENT.MESSAGE_RECEIVED,e,n)}}),[s])};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("tim-js-sdk"),r=require("../../../context/TUIKitContext.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("tslib"),require("react/jsx-runtime"),require("../../../context/TUIMessageContext.js");var u=i(t);exports.useMessageReceviedListener=function(t,i){var n=this,s=r.useTUIKitContext("useMessageReceviedListener").tim;e.useEffect((function(){var e=function(e){i&&"function"==typeof i?i(t,e):t(e.data)};return s.on(u.default.EVENT.MESSAGE_RECEIVED,e,n),function(){s.off(u.default.EVENT.MESSAGE_RECEIVED,e,n)}}),[s])};

package/dist/cjs/components/TUIChatHeader/TUIChatHeaderDefault.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),a=require("react/jsx-runtime"),t=require("react"),s=require("tim-js-sdk"),i=require("../Avatar/Avatar.js"),r=require("../untils.js"),n=require("../Icon/Icon.js"),l=require("../Icon/type.js"),u=require("../../context/TUIKitContext.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("../../context/TUIMessageContext.js");var o=c(t),d=c(s);function v(s){var c=s.title,o=s.avatar;s.isOnline;var v=s.conversation,h=s.isLive,f=s.opateIcon,_=t.useState(""),j=_[0],x=_[1],m=t.useState(""),S=m[0],g=m[1];t.useEffect((function(){switch(x(c),o&&g(o),null==v?void 0:v.type){case d.default.TYPES.CONV_C2C:p(v.userProfile);break;case d.default.TYPES.CONV_GROUP:I(v.groupProfile);break;case d.default.TYPES.CONV_SYSTEM:x("System Notice");break;default:x("")}}),[v]);var p=function(e){j||x((null==e?void 0:e.nick)||(null==e?void 0:e.userID)),o||g(a.jsx(i.Avatar,{size:32,image:r.handleDisplayAvatar(e.avatar)}))},I=function(e){j||x((null==e?void 0:e.name)||(null==e?void 0:e.groupID)),o||g(a.jsx(i.Avatar,{size:32,image:r.handleDisplayAvatar(e.avatar,d.default.TYPES.CONV_GROUP)}))},T=u.useTUIKitContext().setTUIManageShow;return a.jsxs("header",e.__assign({className:"tui-chat-header ".concat(h?"tui-chat-live-header":"")},{children:[a.jsx("div",e.__assign({className:"tui-chat-header-left ".concat((null==v?void 0:v.type)===d.default.TYPES.CONV_SYSTEM?"system":"")},{children:(null==v?void 0:v.type)!==d.default.TYPES.CONV_SYSTEM&&S})),a.jsx("div",e.__assign({className:"header-content"},{children:a.jsx("h3",e.__assign({className:"title"},{children:j}))})),a.jsx("div",e.__assign({className:"tui-chat-header-right"},{children:a.jsx("div",e.__assign({className:"header-handle"},{children:f||a.jsx(n.Icon,{className:"header-handle-more",onClick:function(){T(!0)},type:l.IconTypes.ELLIPSE,width:18,height:5})}))}))]}),null==v?void 0:v.conversationID)}var h=o.default.memo(v);exports.TUIChatHeaderDefault=function(t){var s=e.__assign({},t);return a.jsx(h,e.__assign({},s))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),a=require("react/jsx-runtime"),t=require("react"),s=require("tim-js-sdk"),i=require("../Avatar/Avatar.js"),r=require("../untils.js"),n=require("../Icon/Icon.js"),l=require("../Icon/type.js"),u=require("../../context/TUIKitContext.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("../../context/TUIMessageContext.js");var o=c(t),d=c(s);function v(s){var c=s.title,o=void 0===c?"":c,v=s.avatar;s.isOnline;var h=s.conversation,f=s.isLive,_=s.opateIcon,j=t.useState(o),x=j[0],m=j[1],S=t.useState(""),g=S[0],p=S[1];t.useEffect((function(){switch(m(o),v&&p(v),null==h?void 0:h.type){case d.default.TYPES.CONV_C2C:I(h.userProfile);break;case d.default.TYPES.CONV_GROUP:T(h.groupProfile);break;case d.default.TYPES.CONV_SYSTEM:m("System Notice");break;default:m("")}}),[h]);var I=function(e){x||m((null==e?void 0:e.nick)||(null==e?void 0:e.userID)),v||p(a.jsx(i.Avatar,{size:32,image:r.handleDisplayAvatar(e.avatar)}))},T=function(e){x||m((null==e?void 0:e.name)||(null==e?void 0:e.groupID)),v||p(a.jsx(i.Avatar,{size:32,image:r.handleDisplayAvatar(e.avatar,d.default.TYPES.CONV_GROUP)}))},N=u.useTUIKitContext().setTUIManageShow;return a.jsxs("header",e.__assign({className:"tui-chat-header ".concat(f?"tui-chat-live-header":"")},{children:[a.jsx("div",e.__assign({className:"tui-chat-header-left ".concat((null==h?void 0:h.type)===d.default.TYPES.CONV_SYSTEM?"system":"")},{children:(null==h?void 0:h.type)!==d.default.TYPES.CONV_SYSTEM&&g})),a.jsx("div",e.__assign({className:"header-content"},{children:a.jsx("h3",e.__assign({className:"title"},{children:x}))})),a.jsx("div",e.__assign({className:"tui-chat-header-right"},{children:a.jsx("div",e.__assign({className:"header-handle"},{children:_||a.jsx(n.Icon,{className:"header-handle-more",onClick:function(){N(!0)},type:l.IconTypes.ELLIPSE,width:18,height:5})}))}))]}),null==h?void 0:h.conversationID)}var h=o.default.memo(v);exports.TUIChatHeaderDefault=function(t){var s=e.__assign({},t);return a.jsx(h,e.__assign({},s))};

package/dist/cjs/components/TUIConversation/TUIConversation.d.ts

@@ -1,8 +1,10 @@
 import React, { PropsWithChildren } from 'react';
+import { Conversation } from 'tim-js-sdk';
 
 interface TUIConversationProps {
     createConversation?: (conversationID: string) => Promise<any>;
     deleteConversation?: (conversationID: string) => Promise<any>;
+    filterConversation?: (conversationList: Array<Conversation>) => Array<Conversation>;
 }
 declare function UnMemoizedTUIConversation<T extends TUIConversationProps>(props: PropsWithChildren<T>): React.ReactElement;
 declare const TUIConversation: typeof UnMemoizedTUIConversation;

package/dist/cjs/components/TUIConversation/TUIConversation.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),r=require("react/jsx-runtime"),t=require("react"),o=require("../../context/TUIConversationContext.js"),i=require("../TUIConversationList/TUIConversationList.js");require("tim-js-sdk");var n=require("../TUIProfile/TUIProfile.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function a(s){var a=s.children,u=s.createConversation,l=s.deleteConversation,v=t.useMemo((function(){return{createConversation:u,deleteConversation:l}}),[u,l]);return r.jsx(o.TUIConversationProvider,e.__assign({value:v},{children:a||r.jsxs(r.Fragment,{children:[r.jsx(i.TUIConversationList,{}),r.jsx(n.TUIProfile,{})]})}))}require("../TUIProfile/TUIProfileDefault.js");var u=s(t).default.memo(a);exports.TUIConversation=u,exports.UnMemoizedTUIConversation=a;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),r=require("react/jsx-runtime"),t=require("react"),o=require("../../context/TUIConversationContext.js"),i=require("../TUIConversationList/TUIConversationList.js");require("tim-js-sdk");var n=require("../TUIProfile/TUIProfile.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function a(s){var a=s.children,u=s.createConversation,l=s.deleteConversation,v=s.filterConversation,f=t.useMemo((function(){return{createConversation:u,deleteConversation:l,filterConversation:v}}),[u,l,v]);return r.jsx(o.TUIConversationProvider,e.__assign({value:f},{children:a||r.jsxs(r.Fragment,{children:[r.jsx(i.TUIConversationList,{}),r.jsx(n.TUIProfile,{})]})}))}require("../TUIProfile/TUIProfileDefault.js");var u=s(t).default.memo(a);exports.TUIConversation=u,exports.UnMemoizedTUIConversation=a;

package/dist/cjs/components/TUIConversationList/TUIConversationList.d.ts

@@ -10,6 +10,7 @@ interface Props {
     Preview?: React.ComponentType<ConversationPreviewUIComponentProps>;
     Container?: React.ComponentType<ConversationListContainerProps>;
     onConversationListUpdated?: (setConversationList: React.Dispatch<React.SetStateAction<Array<Conversation>>>, event: () => void) => void;
+    filterConversation?: (conversationList: Array<Conversation>) => Array<Conversation>;
 }
 declare function UnMemoTUIConversationList<T extends Props>(props: T): React.ReactElement;
 declare const TUIConversationList: React.MemoExoticComponent<typeof UnMemoTUIConversationList>;

package/dist/cjs/components/TUIConversationList/TUIConversationList.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),s=require("react/jsx-runtime"),r=require("react"),t=require("../../context/TUIKitContext.js");require("../../context/TUIMessageContext.js");var n=require("./hooks/useConversationList.js"),i=require("../ConversationPreview/ConversationPreview.js"),o=require("../Icon/Icon.js"),a=require("../Icon/type.js");require("tim-js-sdk");var u=require("../ConversationPreview/ConversationListContainer.js"),v=require("../Profile/Profile.js"),c=require("../ConversationSearch/ConversationSearchInput.js"),l=require("../ConversationSearch/ConversationSearchResult.js"),C=require("../ConversationCreate/ConversationCreate.js");require("../ConversationCreate/ConversationGroupTypeInfo.js");var j=require("../ConversationPreview/utils.js"),d=require("./hooks/useConversationUpdate.js");function h(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function f(h){var f=h.Preview,g=h.Container,q=void 0===g?u.ConversationListContainer:g,I=h.onConversationListUpdated,x=t.useTUIKitContext("TUIConversationList"),p=x.tim,T=x.customClasses,U=x.conversation,m=x.setActiveConversation,P=x.setTUIProfileShow,_=r.useState(0),w=_[0],L=_[1],S=n(p,(function(e,s){e.length&&m(U)})),y=S.conversationList,M=S.setConversationList;d.useConversationUpdate(M,I,(function(){return L((function(e){return e+1}))}));var N=r.useState(""),k=N[0],R=N[1],b=r.useState(y),A=b[0],D=b[1],E=r.useState(!1),F=E[0],K=E[1],O=t.useTUIKitContext().myProfile,G=r.useRef(null);return s.jsx("div",e.__assign({className:"tui-conversation ".concat(T||""),ref:G},{children:F?s.jsx(C.ConversationCreate,{conversationList:y,setConversationCreated:K}):s.jsxs(s.Fragment,{children:[s.jsx(v.Profile,{profile:O,handleAvatar:function(){P(!0)}}),s.jsxs("div",e.__assign({className:"tui-conversation-header"},{children:[s.jsx(c.ConversationSearchInput,{value:k,clearable:!0,onChange:function(e){var s,r;if(R(null===(s=e.target)||void 0===s?void 0:s.value),null===(r=e.target)||void 0===r?void 0:r.value){var t=y.filter((function(s){var r;return j.getDisplayTitle(s).toLocaleLowerCase().includes(null===(r=e.target)||void 0===r?void 0:r.value.toLocaleLowerCase())}));D(t)}else D([])}}),s.jsx("div",e.__assign({className:"tui-conversation-create-icon"},{children:s.jsx(o.Icon,{onClick:function(){R(""),K(!0)},type:a.IconTypes.CREATE,height:24,width:24})}))]})),s.jsx(q,e.__assign({setConversationList:M},{children:0===y.length?s.jsxs("div",e.__assign({className:"no-result"},{children:[s.jsx(o.Icon,{className:"no-result-icon",type:a.IconTypes.EFFORT,width:42,height:42}),s.jsx("div",e.__assign({className:"no-result-message"},{children:"No conversation"}))]})):k?s.jsx(l.ConversationSearchResult,{Preview:f,searchValue:k,result:A}):y.map((function(r){var t={activeConversation:U,conversation:r,setActiveConversation:m,Preview:f,conversationUpdateCount:w};return s.jsx(i.ConversationPreview,e.__assign({},t),r.conversationID)}))}))]})}))}require("../TUIProfile/TUIProfileDefault.js"),require("../../constants.js"),require("date-fns"),require("../TUIMessage/hooks/useMessageReply.js"),require("../TUIMessage/MessagePlugins.js"),require("../TUIMessage/MessageContext.js"),require("../TUIMessageInput/hooks/useHandleQuoteMessage.js"),require("../Switch/Switch.js");var g=h(r).default.memo(f);exports.TUIConversationList=g,exports.UnMemoTUIConversationList=f;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),n=require("react"),r=require("../../context/TUIKitContext.js");require("../../context/TUIMessageContext.js");var o=require("./hooks/useConversationList.js"),s=require("../ConversationPreview/ConversationPreview.js"),i=require("../Icon/Icon.js"),a=require("../Icon/type.js");require("tim-js-sdk");var v=require("../../context/TUIConversationContext.js"),u=require("../ConversationPreview/ConversationListContainer.js"),c=require("../Profile/Profile.js"),l=require("../ConversationSearch/ConversationSearchInput.js"),C=require("../ConversationSearch/ConversationSearchResult.js"),d=require("../ConversationCreate/ConversationCreate.js");require("../ConversationCreate/ConversationGroupTypeInfo.js");var j=require("../ConversationPreview/utils.js"),f=require("./hooks/useConversationUpdate.js");function h(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function x(h){var x=h.Preview,I=h.Container,p=void 0===I?u.ConversationListContainer:I,g=h.onConversationListUpdated,q=h.filterConversation,m=r.useTUIKitContext("TUIConversationList"),T=m.tim,L=m.customClasses,U=m.conversation,_=m.setActiveConversation,P=m.setTUIProfileShow,w=v.useTUIConversationContext("TUIConversationList").filterConversation,S=q||w,y=n.useState(0),N=y[0],R=y[1],b=o(T,(function(e,t){e.length&&_(U)}),S),k=b.conversationList,A=b.setConversationList;f.useConversationUpdate(A,g,(function(){return R((function(e){return e+1}))}),S);var E=n.useState(""),F=E[0],K=E[1],M=n.useState(k),D=M[0],O=M[1],G=n.useState(!1),V=G[0],z=G[1],B=r.useTUIKitContext().myProfile,H=n.useRef(null);return t.jsx("div",e.__assign({className:"tui-conversation ".concat(L||""),ref:H},{children:V?t.jsx(d.ConversationCreate,{conversationList:k,setConversationCreated:z}):t.jsxs(t.Fragment,{children:[t.jsx(c.Profile,{profile:B,handleAvatar:function(){P(!0)}}),t.jsxs("div",e.__assign({className:"tui-conversation-header"},{children:[t.jsx(l.ConversationSearchInput,{value:F,clearable:!0,onChange:function(e){var t,n;if(K(null===(t=e.target)||void 0===t?void 0:t.value),null===(n=e.target)||void 0===n?void 0:n.value){var r=k.filter((function(t){var n;return j.getDisplayTitle(t).toLocaleLowerCase().includes(null===(n=e.target)||void 0===n?void 0:n.value.toLocaleLowerCase())}));O(r)}else O([])}}),t.jsx("div",e.__assign({className:"tui-conversation-create-icon"},{children:t.jsx(i.Icon,{onClick:function(){K(""),z(!0)},type:a.IconTypes.CREATE,height:24,width:24})}))]})),t.jsx(p,e.__assign({setConversationList:A},{children:0===k.length?t.jsxs("div",e.__assign({className:"no-result"},{children:[t.jsx(i.Icon,{className:"no-result-icon",type:a.IconTypes.EFFORT,width:42,height:42}),t.jsx("div",e.__assign({className:"no-result-message"},{children:"No conversation"}))]})):F?t.jsx(C.ConversationSearchResult,{Preview:x,searchValue:F,result:D}):k.map((function(n){var r={activeConversation:U,conversation:n,setActiveConversation:_,Preview:x,conversationUpdateCount:N};return t.jsx(s.ConversationPreview,e.__assign({},r),n.conversationID)}))}))]})}))}var I=h(n).default.memo(x);exports.TUIConversationList=I,exports.UnMemoTUIConversationList=x;

package/dist/cjs/components/TUIConversationList/hooks/useConversationList.js

@@ -1 +1 @@
-"use strict";var e=require("tslib"),t=require("react");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=r(require("tim-js-sdk"));module.exports=function(r,a){var i=this,o=t.useState([]),s=o[0],u=o[1];return t.useEffect((function(){var t;t="reload",e.__awaiter(i,void 0,void 0,(function(){var i,o,d,l;return e.__generator(this,(function(c){switch(c.label){case 0:return"reload"===t&&u([]),i="reload"===t?0:s.length,[4,null==r?void 0:r.getConversationList()];case 1:return 0===(null==(o=c.sent())?void 0:o.code)&&(d=o.data.conversationList.filter((function(e){return e.type!==n.default.TYPES.CONV_SYSTEM})),l="reload"===t?d:e.__spreadArray(e.__spreadArray([],s,!0),[d],!1),u(l),!i&&a&&a(l,u)),[2]}}))}))}),[r]),{conversationList:s,setConversationList:u}};
+"use strict";var e=require("tslib"),t=require("react");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=r(require("tim-js-sdk"));module.exports=function(r,a,i){var o=this,s=t.useState([]),u=s[0],d=s[1];return t.useEffect((function(){var t;t="reload",e.__awaiter(o,void 0,void 0,(function(){var o,s,c,l;return e.__generator(this,(function(v){switch(v.label){case 0:return"reload"===t&&d([]),o="reload"===t?0:u.length,[4,null==r?void 0:r.getConversationList()];case 1:return 0===(null==(s=v.sent())?void 0:s.code)&&(c=[],c=i?i(s.data.conversationList):s.data.conversationList.filter((function(e){return e.type!==n.default.TYPES.CONV_SYSTEM})),l="reload"===t?c:e.__spreadArray(e.__spreadArray([],u,!0),[c],!1),d(l),!o&&a&&a(l,d)),[2]}}))}))}),[r]),{conversationList:u,setConversationList:d}};

package/dist/cjs/components/TUIConversationList/hooks/useConversationUpdate.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("tim-js-sdk"),r=require("../../../context/TUIKitContext.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("tslib"),require("react/jsx-runtime"),require("../../../context/TUIMessageContext.js");var u=n(t);exports.useConversationUpdate=function(t,n,i){var o=r.useTUIKitContext("useConversationUpdate").tim;e.useEffect((function(){var e=function(e){t&&t(e.data.filter((function(e){return e.type!==u.default.TYPES.CONV_SYSTEM}))),i&&i(),n&&"function"==typeof n&&n(t,e)};return null==o||o.on(u.default.EVENT.CONVERSATION_LIST_UPDATED,e),function(){null==o||o.off(u.default.EVENT.CONVERSATION_LIST_UPDATED,e)}}),[o,n])};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("tim-js-sdk"),r=require("../../../context/TUIKitContext.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("tslib"),require("react/jsx-runtime"),require("../../../context/TUIMessageContext.js");var u=n(t);exports.useConversationUpdate=function(t,n,i,o){var a=r.useTUIKitContext("useConversationUpdate").tim;e.useEffect((function(){var e=function(e){t&&t(o?o(e.data):e.data.filter((function(e){return e.type!==u.default.TYPES.CONV_SYSTEM}))),i&&i(),n&&"function"==typeof n&&n(t,e)};return null==a||a.on(u.default.EVENT.CONVERSATION_LIST_UPDATED,e),function(){null==a||a.off(u.default.EVENT.CONVERSATION_LIST_UPDATED,e)}}),[a,n])};

package/dist/cjs/components/TUIMessage/MessageCustom.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),r=require("react/jsx-runtime"),t=require("react"),n=require("tim-js-sdk"),u=require("../untils.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=a(t),o=a(n);function s(t){var n=t.context,a=t.message,i=t.children;return r.jsxs("div",e.__assign({className:"bubble message-custom bubble-".concat(a.flow,"  ").concat((null==a?void 0:a.conversationType)===o.default.TYPES.CONV_GROUP?"group":"")},{children:[function(t){if("Hyperlink"===t.data){var n=u.JSONStringToParse(null==t?void 0:t.extension);return null==n?void 0:n.item.map((function(t){return r.jsx("a",e.__assign({target:"_blank",href:t.value,rel:"noreferrer"},{children:t.value}),t.value)}))}return"group_create"===t.data?"".concat((null==a?void 0:a.nick)||(null==a?void 0:a.from)," Create a group"):t.extension}(null==n?void 0:n.custom),i]}))}var l=i.default.memo(s);exports.MessageCustom=function(t){return r.jsx(l,e.__assign({},t))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),r=require("react/jsx-runtime"),n=require("react"),t=require("tim-js-sdk"),i=require("../untils.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=l(n),a=l(t);function s(n){var t=n.context,l=n.message,u=n.children;return r.jsxs("div",e.__assign({className:"bubble message-custom bubble-".concat(l.flow,"  ").concat((null==l?void 0:l.conversationType)===a.default.TYPES.CONV_GROUP?"group":"")},{children:[function(n){if("Hyperlink"===n.data){var t=i.JSONStringToParse(null==n?void 0:n.extension);if(null==t?void 0:t.item)return null==t?void 0:t.item.map((function(n){return r.jsx("a",e.__assign({target:"_blank",href:n.value,rel:"noreferrer"},{children:n.value}),n.value)}));if(null==t?void 0:t.hyperlinks_text){var u=t.hyperlinks_text;return r.jsxs(r.Fragment,{children:[t.title," ",r.jsx("a",e.__assign({target:"_blank",href:null==u?void 0:u.value,rel:"noreferrer"},{children:u.key}),null==u?void 0:u.value)]})}}return"group_create"===n.data?"".concat((null==l?void 0:l.nick)||(null==l?void 0:l.from)," Create a group"):n.extension}(null==t?void 0:t.custom),u]}))}var o=u.default.memo(s);exports.MessageCustom=function(n){return r.jsx(o,e.__assign({},n))};

package/dist/cjs/components/TUIMessageInput/InputQuoteDefalut.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),s=require("react/jsx-runtime"),t=require("react"),n=require("../../context/TUIChatActionContext.js");require("../../context/TUIMessageContext.js");var r=require("../Icon/Icon.js"),i=require("../Icon/type.js"),o=require("../../constants.js"),a=require("./hooks/useHandleQuoteMessage.js"),u=require("../TUIMessage/utils/emojiMap.js");exports.InputQuoteDefalut=function(l){var c=l.message,d=n.useTUIChatActionContext().operateMessage,j=a.useHandleQuoteMessage(c).cloudCustomData,p=t.useCallback((function(){var e;d(((e={})[o.MESSAGE_OPERATE.QUOTE]=null,e))}),[d]),g=null==j?void 0:j.messageReply;return g&&s.jsxs("div",e.__assign({className:"input-quote"},{children:[s.jsxs("div",e.__assign({className:"input-quote-content"},{children:[s.jsx("label",e.__assign({htmlFor:"input-quote-content"},{children:(null==c?void 0:c.nick)||(null==c?void 0:c.from)})),s.jsx("span",{children:u.formatEmojiString(null==g?void 0:g.messageAbstract,1)})]})),s.jsx(r.Icon,{className:"icon",width:12,height:12,type:i.IconTypes.CLOSE,onClick:p})]}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),s=require("react/jsx-runtime"),t=require("react"),n=require("../../context/TUIChatActionContext.js");require("../../context/TUIMessageContext.js");var r=require("../Icon/Icon.js"),i=require("../Icon/type.js"),o=require("../../constants.js"),a=require("./hooks/useHandleQuoteMessage.js"),u=require("../TUIMessage/utils/emojiMap.js");exports.InputQuoteDefalut=function(l){var c=l.message,d=n.useTUIChatActionContext().operateMessage,j=a.useHandleQuoteMessage(c),g=j.cloudCustomData,m=j.message,p=t.useCallback((function(){var e;d(((e={})[o.MESSAGE_OPERATE.QUOTE]=null,e))}),[d]),q=null==g?void 0:g.messageReply;return q&&s.jsxs("div",e.__assign({className:"input-quote"},{children:[s.jsxs("div",e.__assign({className:"input-quote-content"},{children:[s.jsx("label",e.__assign({htmlFor:"input-quote-content"},{children:(null==m?void 0:m.nick)||(null==m?void 0:m.from)})),s.jsx("span",{children:u.formatEmojiString(null==q?void 0:q.messageAbstract,1)})]})),s.jsx(r.Icon,{className:"icon",width:12,height:12,type:i.IconTypes.CLOSE,onClick:p})]}))};

package/dist/cjs/components/TUIMessageInput/TUIMessageInput.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),s=require("react"),n=require("tim-js-sdk"),a=require("../../context/TUIMessageInputContext.js"),u=require("./hooks/useCreateMessageInputContext.js"),r=require("./hooks/useMessageInputState.js");require("../../constants.js");var i=require("../../context/TUIChatStateContext.js");require("../../context/TUIMessageContext.js");var o=require("../../context/ComponentContext.js");require("./hooks/useHandleQuoteMessage.js");var l=require("../EmptyStateIndicator/EmptyStateIndicator.js"),I=require("./InputQuoteDefalut.js"),p=require("./TUIMessageInputDefault.js"),g=require("./InputPluginsDefalut.js"),d=require("./TUIForward.js"),c=require("./Transmitter.js");function x(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var j=x(s),f=x(n);function C(s){var n=s.children,o=s.disabled,l=s.focus,I=s.pluginConfig,p=s.textareaRef,g=r.useMessageInputState(s),d=i.useTUIChatStateContext("TUIMessageInput"),c=d.textareaRef,x=d.conversation,j=(null==x?void 0:x.type)===f.default.TYPES.CONV_SYSTEM,C=i.useTUIChatStateContext("TUIMessageInput").TUIMessageInputConfig,T=l||(null==C?void 0:C.focus),m=u.useCreateMessageInputContext(e.__assign(e.__assign(e.__assign({},g),s),{textareaRef:p||(null==C?void 0:C.textareaRef)||c,disabled:o||(null==C?void 0:C.disabled)||j,focus:"boolean"!=typeof T||T,pluginConfig:I}));return t.jsx(a.TUIMessageInputContextProvider,e.__assign({value:m},{children:n}))}function T(s){var n=s.TUIMessageInput,a=s.InputPlugins,u=s.InputQuote,r=s.isTransmitter,i=void 0!==r&&r,x=s.className,j=o.useComponentContext(),f=j.TUIMessageInput,T=j.InputPlugins,m=j.InputQuote,v=n||f||p.TUIMessageInputDefault,_=a||T||g.InputPluginsDefalut||l.EmptyStateIndicator,q=u||m||I.InputQuoteDefalut;return t.jsx("div",e.__assign({className:"tui-message-input ".concat(x)},{children:t.jsxs(C,e.__assign({},s,{children:[t.jsx(d.TUIForward,{}),t.jsx(q,{}),t.jsxs("div",e.__assign({className:"tui-message-input-main"},{children:[t.jsxs("div",e.__assign({className:"tui-message-input-box"},{children:[t.jsx(_,{}),t.jsx(v,{})]})),i&&t.jsx(c.Transmitter,{})]}))]}))}))}var m=j.default.memo(T);exports.TUIMessageInput=m;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),s=require("react"),n=require("tim-js-sdk"),a=require("../../context/TUIMessageInputContext.js"),u=require("./hooks/useCreateMessageInputContext.js"),r=require("./hooks/useMessageInputState.js");require("../../constants.js");var i=require("../../context/TUIChatStateContext.js");require("../../context/TUIMessageContext.js");var o=require("../../context/ComponentContext.js");require("./hooks/useHandleQuoteMessage.js");var l=require("../EmptyStateIndicator/EmptyStateIndicator.js"),I=require("./InputQuoteDefalut.js"),p=require("./TUIMessageInputDefault.js"),g=require("./InputPluginsDefalut.js"),d=require("./TUIForward.js"),c=require("./Transmitter.js");function x(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var j=x(s),f=x(n);function T(s){var n=s.children,o=s.disabled,l=s.focus,I=s.pluginConfig,p=s.textareaRef,g=r.useMessageInputState(s),d=i.useTUIChatStateContext("TUIMessageInput"),c=d.textareaRef,x=d.conversation,j=(null==x?void 0:x.type)===f.default.TYPES.CONV_SYSTEM,T=i.useTUIChatStateContext("TUIMessageInput").TUIMessageInputConfig,C=l||(null==T?void 0:T.focus),m=u.useCreateMessageInputContext(e.__assign(e.__assign(e.__assign({},g),s),{textareaRef:p||(null==T?void 0:T.textareaRef)||c,disabled:o||(null==T?void 0:T.disabled)||j,focus:"boolean"!=typeof C||C,pluginConfig:I}));return t.jsx(a.TUIMessageInputContextProvider,e.__assign({value:m},{children:n}))}function C(s){var n=s.TUIMessageInput,a=s.InputPlugins,u=s.InputQuote,r=s.isTransmitter,x=s.className,j=i.useTUIChatStateContext("TUIMessageInput").TUIMessageInputConfig,f=x||(null==j?void 0:j.className),C=r||(null==j?void 0:j.isTransmitter)||!1,m=o.useComponentContext(),v=m.TUIMessageInput,M=m.InputPlugins,U=m.InputQuote,_=n||v||p.TUIMessageInputDefault,q=a||M||g.InputPluginsDefalut||l.EmptyStateIndicator,h=u||U||I.InputQuoteDefalut;return t.jsx("div",e.__assign({className:"tui-message-input ".concat(f)},{children:t.jsxs(T,e.__assign({},s,{children:[t.jsx(d.TUIForward,{}),t.jsx(h,{}),t.jsxs("div",e.__assign({className:"tui-message-input-main"},{children:[t.jsxs("div",e.__assign({className:"tui-message-input-box"},{children:[t.jsx(q,{}),t.jsx(_,{})]})),C&&t.jsx(c.Transmitter,{})]}))]}))}))}var m=j.default.memo(C);exports.TUIMessageInput=m;

package/dist/cjs/components/TUIMessageInput/TUIMessageInputDefault.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),n=require("react"),s=require("../../constants.js"),r=require("../../context/TUIChatStateContext.js");require("../../context/TUIMessageContext.js");var a=require("../../context/TUIMessageInputContext.js"),u=require("../TUIMessage/utils/emojiMap.js");exports.TUIMessageInputDefault=function(){var o=a.useTUIMessageInputContext("TUIMessageInputDefault"),i=o.text,c=o.disabled,l=o.handleChange,d=o.handleKeyDown,x=o.handlePasete,f=o.textareaRef,p=o.focus,v=o.setText,E=o.setCursorPos,g=r.useTUIChatStateContext("TUIMessageInputDefault").operateData;n.useEffect((function(){g[s.MESSAGE_OPERATE.REVOKE]&&v(u.formatEmojiString(g[s.MESSAGE_OPERATE.REVOKE].payload.text,1))}),[g]),n.useEffect((function(){var e;return p&&f.current&&(f.current.autofocus=!0,f.current.focus(),null===(e=null==f?void 0:f.current)||void 0===e||e.addEventListener("paste",x)),function(){var e;null===(e=null==f?void 0:f.current)||void 0===e||e.removeEventListener("paste",x)}}),[p]);var I=n.useState(!1),j=I[0],T=I[1];return t.jsxs("div",e.__assign({className:"input-box ".concat(c?"disabled":""," ").concat(j?"tui-kit-input-box--focus":"tui-kit-input-box--blur")},{children:[t.jsx("div",e.__assign({className:"input-visibility-content"},{children:i})),!c&&t.jsx("textarea",{placeholder:"send a message",rows:1,value:i,ref:f,onChange:l,onKeyDown:d,onFocus:function(e){T(!0)},onBlur:function(e){E({start:e.target.selectionStart,end:e.target.selectionEnd}),T(!1)}})]}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),n=require("react"),s=require("../../constants.js"),r=require("../../context/TUIChatStateContext.js");require("../../context/TUIMessageContext.js");var a=require("../../context/TUIMessageInputContext.js"),u=require("../TUIMessage/utils/emojiMap.js");exports.TUIMessageInputDefault=function(){var o=a.useTUIMessageInputContext("TUIMessageInputDefault"),i=o.text,c=o.disabled,l=o.handleChange,d=o.handleKeyDown,x=o.handlePasete,f=o.textareaRef,v=o.focus,p=o.setText,E=o.setCursorPos,g=r.useTUIChatStateContext("TUIMessageInputDefault").operateData;n.useEffect((function(){g[s.MESSAGE_OPERATE.REVOKE]&&p(u.formatEmojiString(g[s.MESSAGE_OPERATE.REVOKE].payload.text,1))}),[g]),n.useEffect((function(){var e,t;return v&&f.current&&(f.current.autofocus=!0,null===(e=null==f?void 0:f.current)||void 0===e||e.focus(),null===(t=null==f?void 0:f.current)||void 0===t||t.addEventListener("paste",x)),function(){var e;null===(e=null==f?void 0:f.current)||void 0===e||e.removeEventListener("paste",x)}}),[v]);var I=n.useState(!1),j=I[0],T=I[1];return t.jsxs("div",e.__assign({className:"input-box ".concat(c?"disabled":""," ").concat(j?"tui-kit-input-box--focus":"tui-kit-input-box--blur")},{children:[t.jsx("div",e.__assign({className:"input-visibility-content"},{children:i})),!c&&t.jsx("textarea",{placeholder:"send a message",rows:1,value:i,ref:f,onChange:l,onKeyDown:d,onFocus:function(e){T(!0)},onBlur:function(e){E({start:e.target.selectionStart,end:e.target.selectionEnd}),T(!1)}})]}))};

package/dist/cjs/components/TUIMessageInput/hooks/useHandleQuoteMessage.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("tim-js-sdk"),u=require("../../../constants.js");require("tslib"),require("react/jsx-runtime");var a=require("../../../context/TUIChatStateContext.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("../../../context/TUIMessageContext.js");var s,r,n=l(t),o=((s={})[n.default.TYPES.MSG_TEXT]=1,s[n.default.TYPES.MSG_CUSTOM]=2,s[n.default.TYPES.MSG_IMAGE]=3,s[n.default.TYPES.MSG_AUDIO]=4,s[n.default.TYPES.MSG_VIDEO]=5,s[n.default.TYPES.MSG_FILE]=6,s[n.default.TYPES.MSG_FACE]=8,s),S=((r={})[n.default.TYPES.MSG_CUSTOM]="[custom]",r[n.default.TYPES.MSG_IMAGE]="[image]",r[n.default.TYPES.MSG_AUDIO]="[audio]",r[n.default.TYPES.MSG_VIDEO]="[video]",r[n.default.TYPES.MSG_FILE]="[file]",r[n.default.TYPES.MSG_FACE]="[face]",r);exports.useHandleQuoteMessage=function(t){var l=a.useTUIChatStateContext("TUIMessageInputDefault").operateData,s=e.useState({messageReply:null}),r=s[0],d=s[1],i=function(e){var t,u=o[null==e?void 0:e.type];return{messageAbstract:(null==e?void 0:e.type)===n.default.TYPES.MSG_TEXT?null===(t=null==e?void 0:e.payload)||void 0===t?void 0:t.text:S[null==e?void 0:e.type],messageSender:(null==e?void 0:e.nick)||(null==e?void 0:e.from),messageID:null==e?void 0:e.ID,messageType:u,version:1}};return e.useEffect((function(){var e=t||l[u.MESSAGE_OPERATE.QUOTE];d({messageReply:e?i(e):null})}),[l,t]),{cloudCustomData:r,handleQuoteMessage:i}};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("tim-js-sdk"),a=require("../../../constants.js");require("tslib"),require("react/jsx-runtime");var u=require("../../../context/TUIChatStateContext.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("../../../context/TUIMessageContext.js");var s,r,S=l(t),n=((s={})[S.default.TYPES.MSG_TEXT]=1,s[S.default.TYPES.MSG_CUSTOM]=2,s[S.default.TYPES.MSG_IMAGE]=3,s[S.default.TYPES.MSG_AUDIO]=4,s[S.default.TYPES.MSG_VIDEO]=5,s[S.default.TYPES.MSG_FILE]=6,s[S.default.TYPES.MSG_FACE]=8,s),o=((r={})[S.default.TYPES.MSG_CUSTOM]="[custom]",r[S.default.TYPES.MSG_IMAGE]="[image]",r[S.default.TYPES.MSG_AUDIO]="[audio]",r[S.default.TYPES.MSG_VIDEO]="[video]",r[S.default.TYPES.MSG_FILE]="[file]",r[S.default.TYPES.MSG_FACE]="[face]",r);exports.useHandleQuoteMessage=function(t){var l=u.useTUIChatStateContext("TUIMessageInputDefault").operateData,s=e.useState({messageReply:null}),r=s[0],d=s[1],E=function(e){var t,a=n[null==e?void 0:e.type];return{messageAbstract:(null==e?void 0:e.type)===S.default.TYPES.MSG_TEXT?null===(t=null==e?void 0:e.payload)||void 0===t?void 0:t.text:o[null==e?void 0:e.type],messageSender:(null==e?void 0:e.nick)||(null==e?void 0:e.from),messageID:null==e?void 0:e.ID,messageType:a,version:1}};return e.useEffect((function(){var e=t||l[a.MESSAGE_OPERATE.QUOTE];d({messageReply:e?E(e):null})}),[l,t]),{cloudCustomData:r,handleQuoteMessage:E,message:t||l[a.MESSAGE_OPERATE.QUOTE]}};

package/dist/cjs/components/TUIMessageList/TUIMessageList.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),s=require("react"),i=require("../../context/TUIChatStateContext.js"),n=require("../../context/TUIChatActionContext.js");require("../../context/TUIMessageContext.js");var r=require("../../context/ComponentContext.js"),l=require("./hooks/useEnrichedMessageList.js"),a=require("./hooks/useMessageListElement.js"),o=require("../InfiniteScrollPaginator/InfiniteScroll.js"),u=require("../EmptyStateIndicator/EmptyStateIndicator.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function d(c){var d=this,g=c.messageList,h=c.highlightedMessageId,m=c.loadMore,v=c.intervalsTimer,f=s.useState(null),I=f[0],M=f[1],x=s.useState(!1),T=x[0],j=x[1],_=i.useTUIChatStateContext("TUIMessageList"),p=_.messageList,C=_.highlightedMessageId,L=_.isCompleted,S=_.isSameLastMessageID,q=_.messageListRef,E=_.noMore,U=_.TUIMessageListConfig,y=n.useTUIChatActionContext(),b=y.loadMore,k=y.setHighlightedMessageId,w=r.useComponentContext(),H=w.TUIMessage,N=w.EmptyStateIndicator,A=void 0===N?u.EmptyStateIndicator:N,P=h||(null==U?void 0:U.highlightedMessageId)||C,V=60*(v||(null==U?void 0:U.intervalsTimer)||30),D=l({messageList:g||(null==U?void 0:U.messageList)||p}).messageList,O=m||(null==U?void 0:U.loadMore)||b,R=a({enrichedMessageList:D,TUIMessage:H,intervalsTimer:V});return s.useEffect((function(){e.__awaiter(d,void 0,void 0,(function(){var t,s,i,n,r;return e.__generator(this,(function(e){switch(e.label){case 0:return t=null===(r=null==I?void 0:I.parentElement)||void 0===r?void 0:r.parentElement,!L&&(null==t?void 0:t.clientHeight)>=(null==I?void 0:I.clientHeight)?[4,O()]:[3,2];case 1:e.sent(),e.label=2;case 2:return!(null==I?void 0:I.children)||T&&S||(s=(null==I?void 0:I.children)||[],i=s[s.length-1],n=setTimeout((function(){null==i||i.scrollIntoView({block:"end"}),j(!0),clearTimeout(n)}),100)),[2]}}))}))}),[R,T]),s.useEffect((function(){if(P){var e=null==I?void 0:I.querySelector("[data-message-id='".concat(P,"']"));if(!e)return;var t=e.children[1].children;t[t.length-1].classList.add("high-lighted"),null==e||e.scrollIntoView({block:"center"});var s=setTimeout((function(){t[t.length-1].classList.remove("high-lighted"),clearTimeout(s),k("")}),1e3)}}),[P]),t.jsxs("div",e.__assign({className:"message-list ".concat(T?"":"hide"),ref:q},{children:[E,E&&t.jsx("p",e.__assign({className:"no-more"},{children:"no More"})),t.jsx(o.InfiniteScroll,e.__assign({className:"message-list-infinite-scroll",hasMore:!0,loadMore:O,threshold:1},{children:t.jsx("ul",e.__assign({ref:M},{children:(null==R?void 0:R.length)>0?R:t.jsx(A,{listType:"message"})}))}))]}))}var g=c(s).default.memo(d);exports.TUIMessageList=function(s){return t.jsx(g,e.__assign({},s))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),s=require("react"),i=require("../../context/TUIChatStateContext.js"),n=require("../../context/TUIChatActionContext.js");require("../../context/TUIMessageContext.js");var r=require("../../context/ComponentContext.js"),l=require("./hooks/useEnrichedMessageList.js"),a=require("./hooks/useMessageListElement.js"),o=require("../InfiniteScrollPaginator/InfiniteScroll.js"),u=require("../EmptyStateIndicator/EmptyStateIndicator.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function d(c){var d=this,g=c.messageList,h=c.highlightedMessageId,m=c.loadMore,v=c.intervalsTimer,f=s.useState(null),I=f[0],M=f[1],x=s.useState(!1),T=x[0],j=x[1],_=i.useTUIChatStateContext("TUIMessageList"),p=_.messageList,C=_.highlightedMessageId,L=_.isCompleted,S=_.isSameLastMessageID,q=_.messageListRef,E=_.noMore,U=_.TUIMessageListConfig,y=n.useTUIChatActionContext(),b=y.loadMore,k=y.setHighlightedMessageId,w=r.useComponentContext(),N=w.TUIMessage,H=w.EmptyStateIndicator,A=void 0===H?u.EmptyStateIndicator:H,P=h||(null==U?void 0:U.highlightedMessageId)||C,V=60*(v||(null==U?void 0:U.intervalsTimer)||30),D=l({messageList:g||(null==U?void 0:U.messageList)||p}).messageList,O=m||(null==U?void 0:U.loadMore)||b,R=a({enrichedMessageList:D,TUIMessage:N,intervalsTimer:V});return s.useEffect((function(){e.__awaiter(d,void 0,void 0,(function(){var t,s,i,n,r;return e.__generator(this,(function(e){switch(e.label){case 0:return t=null===(r=null==I?void 0:I.parentElement)||void 0===r?void 0:r.parentElement,!L&&(null==t?void 0:t.clientHeight)>=(null==I?void 0:I.clientHeight)?[4,O()]:[3,2];case 1:e.sent(),e.label=2;case 2:return!(null==I?void 0:I.children)||T&&S||(s=(null==I?void 0:I.children)||[],i=s[s.length-1],n=setTimeout((function(){null==i||i.scrollIntoView({block:"end"}),j(!0),clearTimeout(n)}),100)),[2]}}))}))}),[R,T]),s.useEffect((function(){if(P){var e=null==I?void 0:I.querySelector("[data-message-id='".concat(P,"']"));if(!e)return;var t=e.children[1].children;t[t.length-1].classList.add("high-lighted"),null==e||e.scrollIntoView({block:"center"});var s=setTimeout((function(){t[t.length-1].classList.remove("high-lighted"),clearTimeout(s),k("")}),1e3)}}),[P]),t.jsxs("div",e.__assign({className:"message-list ".concat(T?"":"hide"),ref:q},{children:[E,E&&t.jsx("p",e.__assign({className:"no-more"},{children:"No More"})),t.jsx(o.InfiniteScroll,e.__assign({className:"message-list-infinite-scroll",hasMore:!0,loadMore:O,threshold:1},{children:t.jsx("ul",e.__assign({ref:M},{children:(null==R?void 0:R.length)>0?R:t.jsx(A,{listType:"message"})}))}))]}))}var g=c(s).default.memo(d);exports.TUIMessageList=function(s){return t.jsx(g,e.__assign({},s))};

package/dist/cjs/components/TUIMessageList/hooks/useMessageListElement.js

@@ -1 +1 @@
-"use strict";var e=require("tslib"),s=require("react/jsx-runtime"),i=require("react"),r=require("../../untils.js");module.exports=function(t){var n=t.enrichedMessageList,a=t.TUIMessage,c=t.intervalsTimer;return i.useMemo((function(){return null==n?void 0:n.map((function(i,t){var l,u="".concat(JSON.stringify(i)).concat(t),m=t>0?null===(l=n[t-1])||void 0===l?void 0:l.time:-1,o=(null==i?void 0:i.time)||0,d=-1!==m&&o-m>=c;return s.jsxs(s.Fragment,{children:[d&&s.jsx("div",e.__assign({className:"message-list-time"},{children:o?r.getTimeStamp(1e3*o):0}),"".concat(o+t)),s.jsx("li",e.__assign({className:"message-list-item"},{children:s.jsx(a,{message:i})}),u)]})}))}),[n])};
+"use strict";var e=require("tslib"),s=require("react/jsx-runtime"),i=require("react"),r=require("../../untils.js");module.exports=function(t){var n=t.enrichedMessageList,a=t.TUIMessage,c=t.intervalsTimer;return i.useMemo((function(){return null==n?void 0:n.map((function(i,t){var l,u="".concat(JSON.stringify(i)).concat(t),m=t>0?null===(l=n[t-1])||void 0===l?void 0:l.time:-1,o=(null==i?void 0:i.time)||0,d=-1!==m&&o-m>=c;return s.jsxs(s.Fragment,{children:[d&&s.jsx("div",e.__assign({className:"message-list-time"},{children:o?r.getTimeStamp(1e3*o):0}),"".concat(o+t)),s.jsx("li",e.__assign({className:"message-list-item"},{children:s.jsx(a,{message:i},u)}),u)]})}))}),[n])};

package/dist/cjs/components/untils.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("date-fns"),r=require("tim-js-sdk");require("tslib"),require("react/jsx-runtime"),require("react"),require("./Icon/config.js"),require("./Icon/type.js");var t=require("./Avatar/default.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=a(r);function u(e){return!!/^[\],:{}\s]*$/.test(e.replace(/\\["\\\/bfnrtu]/g,"@").replace(/"[^"\\\n\r]*"|true|false|null|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?/g,"]").replace(/(?:^|:|,)(?:\s*\[)+/g,""))}exports.JSONStringToParse=function(e){return u(e)?JSON.parse(e):e},exports.getTimeStamp=function(r){return r?e.isThisYear(r)?e.isToday(r)?e.format(r,"p"):e.isYesterday(r)?e.formatDistance(r,new Date):e.isThisWeek(r)?e.format(r,"eeee"):e.format(r,"MMM dd"):e.format(r,"yyyy MMM dd"):""},exports.handleDisplayAvatar=function(e,r){void 0===r&&(r=s.default.TYPES.CONV_C2C);var a=e;if(!e)switch(r){case s.default.TYPES.CONV_C2C:a=t.defaultUserAvatar;break;case s.default.TYPES.CONV_GROUP:default:a=t.defaultGroupAvatarWork}return a},exports.isJSON=u;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("date-fns"),r=require("tim-js-sdk");require("tslib"),require("react/jsx-runtime"),require("react"),require("./Icon/config.js"),require("./Icon/type.js");var t=require("./Avatar/default.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=a(r);function s(e){if("string"==typeof e)try{return!!JSON.parse(e)}catch(e){return!1}return!1}exports.JSONStringToParse=function(e){return s(e)?JSON.parse(e):e},exports.getTimeStamp=function(r){return r?e.isThisYear(r)?e.isToday(r)?e.format(r,"p"):e.isYesterday(r)?e.formatDistance(r,new Date):e.isThisWeek(r)?e.format(r,"eeee"):e.format(r,"MMM dd"):e.format(r,"yyyy MMM dd"):""},exports.handleDisplayAvatar=function(e,r){void 0===r&&(r=i.default.TYPES.CONV_C2C);var a=e;if(!e)switch(r){case i.default.TYPES.CONV_C2C:a=t.defaultUserAvatar;break;case i.default.TYPES.CONV_GROUP:default:a=t.defaultGroupAvatarWork}return a},exports.isJSON=s;

package/dist/cjs/index.css

@@ -1 +1 @@
-.tui-live{display:flex;flex-direction:column;justify-content:space-between}.tui-live video{width:100%}.tui-live-list{display:flex}.tui-live-item{display:flex;gap:10px;margin:0 10px}.tui-live-item .list-item-text{align-items:center;color:#000;display:inline-flex;display:flex;font-family:Roboto;font-size:12px;font-style:normal;font-weight:400;line-height:14px;min-width:22px}.tui-live .tag-list{flex:1;flex-wrap:wrap}.tui-live .tag-item{align-items:center;background:#7187d3;border-radius:47px;color:#fff;display:flex;font-family:Roboto;font-size:12px;font-style:normal;font-weight:400;line-height:14px;padding:4px 8px 4px 26px;position:relative}.tui-live .tag-item:before{align-items:center;color:#fff;content:"#";display:flex;left:11px;position:absolute}.tui-live-header{display:flex;flex-direction:column;padding:12px 20px}.tui-live-header-name{align-items:center;display:flex;justify-content:space-between;padding:8px 0}.tui-live-header-name h1{color:#000;font-family:Roboto;font-size:16px;font-style:normal;font-weight:700;line-height:19px}.tui-live-header-content{align-items:flex-start;display:flex}.tui-live-header-label{align-items:center;background:red;border-radius:47px;color:#fff;display:flex;font-family:Roboto;font-size:12px;font-style:normal;font-weight:400;gap:4px;line-height:14px;padding:4px 8px}.tui-live-content{height:100%;width:100%}.tui-live-footer{align-items:center;display:flex;padding:20px 20px 30px}.tui-live-footer .owner-avatar{border-radius:40px;display:inline-block;height:40px;width:40px}.tui-live-footer-main{display:flex;flex:1;flex-direction:column}.tui-live-footer-main .owner-name{align-items:center;display:flex;gap:7px;padding:0 10px 8px}.tui-live-footer-main .owner-name h1{align-items:center;color:#000;display:flex;font-family:Roboto;font-size:16px;font-style:normal;font-weight:700;line-height:19px}.tui-live-footer .opate-list{align-items:flex-end;display:flex;height:100%}.tui-live-footer .opate-item{align-items:center;background:hsla(0,0%,98%,.94);border-radius:40px;display:flex;gap:10px;padding:4px 8px}.tui-live-footer .opate-item .opate-box{align-items:center;cursor:pointer;display:flex;gap:10px}.tui-live-footer .opate-item-suffix{padding-left:10px}.tui-live-footer .tag-item{background:rgba(20,122,255,.5);padding:4px 8px}.tui-live-footer .tag-item:before{content:""}.tui-live-members{display:flex;flex-direction:column;height:100%;overflow:auto;width:100%}.tui-live-members .list-header{align-items:center;background:rgba(0,0,0,.05);cursor:pointer;display:flex;gap:8px;padding:8px 10px}.tui-live-members .list-header h1{align-items:center;color:#000;display:flex;flex:1;font-family:Roboto;font-size:12px;font-style:normal;font-weight:700;gap:8px;line-height:14px}.tui-live-members .list-item{align-items:center;display:flex;gap:4px;padding:8px 10px}.tui-live-members .list-item .nick{color:#000;font-family:Roboto;font-size:12px;font-style:normal;font-weight:400;line-height:14px}.line{position:relative}.line:before{background:#eee;bottom:0;content:"";height:90%;left:0;margin:auto 0;position:absolute;top:0;width:1px}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:baseline}a,a:active,a:hover,a:link,a:visited{color:inherit;text-decoration:none}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}.tui-kit{background-color:#fff;width:100%}.tui-conversation,.tui-kit{display:flex;height:100%;position:relative;text-align:initial}.tui-conversation{border-right:1px solid #f9fafb;flex-direction:column;max-width:400px;min-width:360px;width:30%}.tui-conversation .tui-conversation-header{display:flex;padding:10px 20px}.tui-conversation .tui-conversation-header .tui-conversation-create-icon{align-items:center;display:flex;justify-content:center;margin-left:10px}.tui-conversation .no-result{align-items:center;display:flex;flex-direction:column;padding:0 20px}.tui-conversation .no-result-icon{margin:100px auto 50px}.tui-conversation .no-result-message{color:#999;font-family:PingFangSC-Medium;font-size:16px;font-weight:400;line-height:22px}.tui-kit-icon{align-items:center;cursor:pointer;display:flex;position:relative;text-align:center}.tui-kit-icon .icon-image{height:100%;width:100%}.tui-kit-icon:hover{border-color:currentColor;color:#4169e1}.tui-kit-icon:after{border-radius:inherit;box-shadow:0 0 0 6px #4169e1;content:"";inset:0;opacity:0;position:absolute;transition:.3s}.tui-kit-icon:active:after{box-shadow:none;opacity:.4;transition:0s}.tui-kit-avatar{align-items:center;cursor:pointer;display:flex;position:relative}.tui-kit-avatar.circle .avatar-image{border-radius:50%}.tui-kit-avatar.square .avatar-image{border-radius:4px}.tui-kit-avatar img{height:100%;width:100%}.tui-kit-avatar:hover .tui-kit-avatar-edit{display:flex}.tui-kit-avatar-edit{align-items:center;background:rgba(0,0,0,.33);border-radius:100%;display:none;height:100%;left:0;top:0}.tui-kit-avatar-edit,.tui-kit-avatar-list{justify-content:center;position:absolute;width:100%}.tui-kit-avatar-list{background:#fff;border-radius:5px;box-shadow:0 11px 20px 0 rgba(0,0,0,.3);display:flex;flex-wrap:wrap;max-width:400px;min-width:200px;padding:10px;top:100%;z-index:2}.tui-kit-avatar-list-item{padding:10px}.tui-kit-avatar-list-item img{width:40px}.conversation-list-container{height:100%;overflow-x:hidden}.conversation-preview-container{align-items:center;background-color:#fff;border:none;cursor:pointer;display:flex;height:64px;line-height:17px;padding:0 20px;width:100%}.conversation-preview-container .content{flex:1;margin-left:10px;max-width:58%;min-width:58%;text-align:left}.conversation-preview-container .content .title{font-family:PingFangSC-Medium;font-size:14px;font-style:normal;font-weight:700;line-height:17px;padding:1px 0}.conversation-preview-container .content .message{color:#7a7a7a;font-family:PingFangSC-Medium;font-size:12px;font-style:normal;font-weight:400;line-height:14px;overflow:hidden;padding:1px 0;text-overflow:ellipsis;white-space:nowrap}.conversation-preview-container .external{display:flex;flex:1;flex-direction:column;min-width:90px;text-align:right}.conversation-preview-container .external .unread{height:19px;padding:1px 0}.conversation-preview-container .external .time{color:#7a7a7a;font-family:PingFangSC-Medium;font-size:12px;font-style:normal;font-weight:400;line-height:14px;padding:1px 0}.conversation-preview-container .external .more--hover{display:flex;justify-content:right}.conversation-preview-container .external .more--hover .icon-more{transform:scale(1.5)}.conversation-preview-container .external .more--hover .more-handle-box{bottom:auto;box-shadow:0 0 10px rgba(0,0,0,.1);box-sizing:border-box;padding:14px 0;right:0;text-align:start;top:0;white-space:nowrap}.conversation-preview-container .external .more--hover .more-handle-box .more-handle-item{box-sizing:border-box;cursor:pointer;font-family:PingFangSC-Medium;font-size:16px;font-weight:500;line-height:19px;padding:6px 16px}.conversation-preview-container .external .more--hover .more-handle-box .more-handle-item:hover{background:#147aff;color:#fff!important;opacity:.6}.conversation-preview-container:hover{background-color:rgba(0,110,255,.1)}.conversation-preview-container.conversation-preview-content--pin{background-color:hsla(0,0%,95%,.831)}.conversation-preview-container.conversation-preview-content--active{background-color:rgba(0,110,255,.1)}.conversation-preview-container.conversation-preview-content--active .title{color:#147aff}.conversation-preview-container.conversation-preview-content--unread .unread{align-items:center;background:#ff3742;border-radius:16px;color:#fff;display:flex;font-size:11px;font-weight:700;height:13px;justify-content:center;margin:2px 0 2px auto;padding:2px 5px 1px;width:16px}.popup{opacity:0}.popup-show{opacity:1}.plugin{gap:8px;padding:0 8px}.plugin,.plugin-popup{align-items:center;display:flex;height:100%}.plugin-popup{position:relative}.plugin-popup-box{background:#fff;border-radius:16px;bottom:100%;box-shadow:0 0 10px rgba(0,0,0,.1);position:absolute;z-index:2}.profile{background:#f9fafb;flex-direction:row;font-family:PingFangSC-Medium;justify-content:space-between;padding:16px 20px}.profile,.profile .profile-content{align-items:center;display:flex}.profile .profile-content .profile-name{font-family:PingFangSC-Medium;font-size:14px;font-weight:600;margin-left:10px}.conversation-search-result.no-result{align-items:center;display:flex;flex-direction:column;padding:0 20px}.conversation-search-result.no-result-icon{margin:100px auto 50px}.conversation-search-result.no-result-message{color:#999;font-family:PingFangSC-Medium;font-size:16px;font-weight:400;line-height:22px}.conversation-search-input{height:36px;width:100%}.tui-kit-input-box{align-items:center;background:hsla(0,0%,98%,.94);border-radius:10px;box-sizing:border-box;display:flex;height:36px;padding:0 8px}.tui-kit-input-box.tui-kit-input-box--focus{outline:1px solid #147aff}.tui-kit-input-box.tui-kit-input-border--bottom{background-color:#fff;border-bottom:1px solid rgba(0,0,0,.1);border-radius:0;outline:none}.tui-kit-input-box .tui-kit-input{align-items:center;background-color:transparent;border:none;border-radius:10px;box-sizing:border-box;display:flex;flex:1;flex-direction:row;margin-left:6px;margin-right:auto}.tui-kit-input-box .tui-kit-input:focus{border:none;outline:none}.tui-kit-input-box .tui-kit-input::-moz-placeholder{color:rgba(67,60,63,.6);font-weight:400;padding:2px 0}.tui-kit-input-box .tui-kit-input::placeholder{color:rgba(67,60,63,.6);font-weight:400;padding:2px 0}.tui-conversation-create-header{align-items:center;background-color:#f9fafb;display:flex;flex-direction:row;padding:16px 20px;text-align:center}.tui-conversation-create-header .title{color:#000;font-family:PingFangSC-Medium;font-size:20px;font-weight:600;letter-spacing:-.41px;line-height:32px;margin-left:10px}.tui-conversation-create-search-input{margin:10px}.tui-user{align-items:center;cursor:pointer;display:flex;padding:10px;text-align:center}.tui-user:hover{background-color:rgba(0,110,255,.1)}.tui-user .tui-user-name{color:#000;font-weight:400;margin-left:10px}.tui-user .tui-user-name,.tui-user .tui-user-name.active{font-family:PingFangSC-Medium;font-size:14px;line-height:20px}.tui-user .tui-user-name.active{color:#0365f9;font-weight:600}.tui-user-checkbox-label .tui-user-checkbox{margin-left:auto}.tui-user-checkbox-label input[type=checkbox]{cursor:pointer}.tui-conversation-create-next-container{display:flex;justify-content:center;margin:20px auto 10px;width:100%}.tui-conversation-create-next-container .tui-conversation-create-next{background-color:#0365f9;border-radius:31px;color:#fff;cursor:pointer;font-family:PingFangSC-Medium;font-size:14px;line-height:20px;padding:12px 36px;text-align:center;width:12%}.tui-conversation-create{overflow-y:auto}.tui-conversation-create .tui-conversation-create-container{position:relative}.tui-conversation-create .tui-conversation-create-container .tui-group-container{width:100%}.tui-conversation-create .tui-conversation-create-container .tui-group-box .title{font-family:PingFangSC-Medium;font-size:14px;font-weight:600;line-height:20px;padding:10px}.conversation-create-select-view{display:flex;flex-wrap:wrap;justify-content:flex-start;margin-bottom:10px}.conversation-create-select-view .select-view-info{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;padding:6px;position:relative;width:calc(20% - 2px)}.conversation-create-select-view .select-view-info .select-view-info-close{position:absolute;right:15px;top:6px;z-index:2}.conversation-create-select-view .select-view-info .select-view-info-nick{font-family:PingFangSC-Medium;font-size:12px;font-style:normal;font-weight:400;line-height:17px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%}.toast{border-radius:5px;box-shadow:0 11px 20px 0 rgba(0,0,0,.3);margin:20px;max-width:50%;padding:10px;position:fixed;top:0;word-break:break-all;z-index:10}.tui-conversation-create-group-detail .create-group-box{padding:10px 0}.tui-conversation-create-group-detail .input-group-text{color:#000;font-family:PingFangSC-Medium;font-size:16px;font-weight:400;line-height:22px}.tui-conversation-create-group-detail .create-group-name .input-group-name{color:#000;font-family:PingFangSC-Medium;font-size:16px;font-weight:700;line-height:19px}.tui-conversation-create-group-detail .input-group-title{color:rgba(0,0,0,.4);width:106px}.tui-conversation-create-group-detail .create-group-illustrate{color:rgba(0,0,0,.4);font-family:PingFangSC-Medium;font-size:12px;font-weight:400;line-height:17px;padding-left:8px;text-align:justify}.tui-conversation-create-group-detail .create-group-portrait .create-group-portrait-title{color:#000;font-family:PingFangSC-Medium;font-size:14px;font-weight:600;line-height:20px;padding:20px 0 20px 8px}.tui-conversation-create-group-detail .create-group-portrait .create-group-portrait-info-container{display:flex;flex-wrap:wrap;justify-content:flex-start;margin-bottom:10px}.tui-conversation-create-group-detail .create-group-portrait .create-group-portrait-info-container .create-group-portrait-info{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;padding:6px;width:calc(16.66667% - 1.66667px)}.tui-conversation-create-group-detail .create-group-portrait .create-group-portrait-info-container .create-group-portrait-info-nick{font-family:PingFangSC-Medium;font-size:12px;margin-top:6px}.tui-conversation-group-type-info{display:flex;flex-direction:column;padding:0 10px}.tui-conversation-group-type-info .group-type-info-box{background:#fff;border:1px solid #ddd;border-radius:16px;cursor:pointer;display:flex;flex-direction:column;margin-top:12px;padding:12px 16px}.tui-conversation-group-type-info .group-type-info-box.group-type-info-box--active,.tui-conversation-group-type-info .group-type-info-box:hover{border:1px solid #147aff}.tui-conversation-group-type-info .group-type-info-box .group-type-info-title{align-items:center;color:rgba(0,0,0,.8);display:flex;font-family:PingFangSC-Medium;font-size:16px;line-height:22px}.tui-conversation-group-type-info .group-type-info-box .group-type-info-title .box-active-icon{margin-right:8px}.tui-conversation-group-type-info .group-type-info-box .group-type-info-description{color:rgba(0,0,0,.4);font-family:PingFangSC-Medium;font-size:12px;line-height:17px;text-align:justify}.tui-conversation-group-type-info .group-type-info-document{font-family:PingFangSC-Medium;font-size:16px;line-height:22px;margin:1rem auto;text-align:justify;text-decoration:none}.tui-conversation-group-type-info .group-type-info-document:active,.tui-conversation-group-type-info .group-type-info-document:link,.tui-conversation-group-type-info .group-type-info-document:visited{color:#104ef5}.tui-profile{align-items:center;display:flex;flex-direction:column;height:100%;max-width:400px;min-width:360px;width:30%}.tui-profile-header{align-items:center;box-sizing:border-box;display:flex;line-height:32px;padding:16px 20px;width:100%}.tui-profile-header h1{font-weight:600;padding:0 11px}.tui-profile-main{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;max-width:100%;padding:20px}.tui-profile-avatar{margin:13px 0;position:relative}.tui-profile .displayFlex{display:flex}.tui-profile-nick{font-family:PingFangSC-Medium;font-size:24px;font-weight:700;line-height:29px;text-align:center}.tui-profile-nick .show{padding-left:25px}.tui-profile-ID{align-items:center;color:#666;display:flex;font-family:PingFangSC-Medium;font-size:12px;font-weight:400;line-height:14px;padding:6px 0}.tui-profile-list{box-sizing:border-box;display:flex;flex-direction:column;padding:0 20px;width:100%}.tui-profile-list-item{padding:20px 0 0}.tui-profile-list-item h4{color:rgba(0,0,0,.6);font-family:PingFangSC-Medium;font-size:16px;font-weight:400;line-height:22px;padding-bottom:3px}.tui-profile-div-with-edit{border-bottom:1px solid #eee;padding:4px 0}.tui-profile-edit{border-bottom:none!important}.tui-profile-birthday .react-date-picker__wrapper{display:none!important}.tui-profile-birthday .react-date-picker__calendar{position:static!important}.tui-profile-birthday-calendar{border:none!important}.tui-profile{background:#fff}.tui-profile-header{background:#f9fafb}.div-with-edit{box-sizing:border-box}.div-with-edit,.div-with-edit-popup{display:flex;flex:1;max-width:100%}.div-with-edit .show{align-items:center;display:flex;flex:1;justify-content:space-between;position:relative;word-break:break-all}.div-with-edit .show:hover .icon-edit{display:flex}.div-with-edit .show .icon-edit{display:none}.div-with-edit .icon{margin-left:10px;width:25px}.div-with-edit .edit{align-items:center;border-bottom:1px solid #eee;display:flex;flex:1;justify-content:space-between;padding:0 10px;position:relative}.div-with-edit .edit input{border:none;flex:1;font-size:inherit}.div-with-edit .edit input:focus{border:none;outline:none}.div-with-edit .edit .select{background:#fff;border-radius:5px;box-shadow:0 11px 20px 0 rgba(0,0,0,.3);box-sizing:border-box;min-width:100%;padding:10px 0;position:absolute;top:100%;z-index:2}.div-with-edit .edit .select-list-item{padding:5px 10px}.div-with-edit .edit .select-list-item:hover{background:#f2f7ff}.message-default{align-items:center;cursor:pointer;display:flex;flex:1;font-family:SF Pro Text;font-family:PingFangSC-Medium;font-size:14px;font-style:normal;font-weight:500;line-height:17px;width:100%}.message-default .avatar,.message-default .avatar img{width:45px}.message-default .content{align-items:flex-start;display:flex;flex-direction:column;padding:0 10px}.message-default .content .name{display:inline-block;padding-bottom:3px}.in{display:flex;flex:1;flex-direction:row;justify-self:flex-start}.in .content{align-items:flex-start;flex:1}.out{display:flex;flex:1;flex-direction:row-reverse;justify-self:flex-end}.out .content{align-items:flex-end;flex:1}.tip{justify-self:center!important;width:auto}.bubble{padding:8px 16px}.bubble-in{border-radius:16px 16px 16px 0}.bubble-in.group{border-radius:0 16px 16px 16px}.bubble-out{border-radius:16px 16px 0 16px}.message-status{align-items:flex-end;align-self:flex-end;display:flex}.message-status .time{color:#7a7a7a;font-family:PingFangSC-Medium;font-size:12px;font-weight:400;line-height:14px;padding:5px 0 0 10px;text-align:right;width:-moz-max-content;width:max-content}.message-image,.message-video{position:relative}.message-image .message-status,.message-video .message-status{bottom:10px;position:absolute;right:10px}.message-image .message-status .time,.message-video .message-status .time{color:#fff}.message-text{display:flex}.message-text-content{display:inline;font-family:PingFangSC-Regular;font-size:14px;font-style:normal;font-weight:500;line-height:17px;word-break:break-word}.message-text-content-p{display:inline;vertical-align:middle}.message-text-content .message-status{clear:right;display:inline-flex;float:right}.message-text,.message-tip{font-family:PingFangSC-Regular;font-size:14px;font-style:normal;font-weight:500;line-height:17px}.message-text .text-img,.message-tip .text-img{height:20px;vertical-align:middle;width:20px}.message-image{background:#fff}.message-image img{max-width:300px}.message-image .big-image{max-height:95%;max-width:95%}.message-video{max-width:300px}.message-video .snap-video{position:relative}.message-video .snap-video:before{border:15px solid transparent;border-left:20px solid #fff;bottom:0;content:"";height:0;left:0;margin:auto;position:absolute;right:0;top:0;width:0;z-index:1}.message-video video{border-radius:10px;width:100%}.message-video .play-video{max-height:95%;max-width:95%}.message-file{border:1px solid #ddd;display:flex;flex-direction:column}.message-file-main{align-items:center;background:#fff;border-radius:4px;display:flex;padding:12px}.message-file-main .icon{margin-right:7px}.message-file-footer{align-items:flex-end;display:flex;justify-content:space-between}.message-file-footer .time{padding-top:10px}.message-file-size{color:#7a7a7a;font-family:PingFangSC-Medium;font-size:12px;font-weight:400;line-height:14px;padding-top:10px}.message-merger{background:#ecebeb;display:flex;flex-direction:column}.message-merger h3{border-bottom:1px solid #a1a1a1;padding-bottom:4px}.message-merger-list{opacity:.6}.message-merger-item{padding-top:4px}.meesage-bubble-reply{background:#ecebeb;padding:8px 16px}.meesage-bubble-reply-in{border-radius:16px 16px 16px 0}.meesage-bubble-reply-out{border-radius:16px 16px 0 16px}.meesage-bubble-reply .message-text{border:none;border-radius:none}.meesage-bubble-reply .bubble{padding:0}.meesage-bubble-reply .bubble-in{border-radius:0}.meesage-bubble-reply-main{background:#fff;margin-bottom:10px;padding:10px 14px;position:relative}.meesage-bubble-reply-main:before{background:#d9d9d9;content:"";height:100%;left:0;position:absolute;top:0;width:6px}.meesage-bubble-reply-main .title{font-family:PingFangSC-Medium;font-size:14px;font-style:normal;font-weight:500;line-height:17px;padding-bottom:10px}.meesage-bubble-reply-main .message-context{opacity:.6}.meesage-bubble{align-items:flex-end;display:flex}.meesage-bubble-status{margin:3px}.meesage-bubble-context{align-items:center;display:flex;padding:0 8px}.meesage-bubble-context .message-context{flex:1}.icon-fail{align-items:center;background:#fa5151;border-radius:14px;display:inline-flex;height:14px;justify-content:center;position:relative;width:14px}.icon-fail:before{color:#fff;content:"!";font-family:PingFangSC-Medium;font-size:12px;position:absolute}.message-face{display:flex;flex-direction:column}.message-face .img{max-width:88px}.loading{display:inline-block;position:relative}.loading .img,.loading video{border-radius:10px;max-width:300px;min-height:60px;min-width:60px}.loading:before{background:rgba(0,0,0,.5);border-radius:10px;height:100%;width:100%}.loading:after,.loading:before{content:"";left:0;position:absolute;top:0}.loading:after{animation:spin 2s linear infinite;border:5px solid #f3f3f3;border-radius:50%;border-top-color:#555;bottom:0;display:inline-block;height:30px;margin:auto;right:0;width:30px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.message-plugin{margin:0 5px;width:32px}.message-plugin .icon-more{transform:scale(1.5)}.message-plugin .plugin-popup-box{bottom:auto;top:100%}.message-plugin-top{bottom:100%!important;top:auto!important}.message-plugin-left{left:-140px!important}.message-plugin-box{padding:6px 0}.message-plugin-item{align-items:center;display:flex;font-family:PingFangSC-Medium;font-size:12.8px;font-weight:500;justify-content:space-between;line-height:15px;min-width:144px;padding:6px 13px}.message-plugin-item:hover{background:rgba(0,110,255,.1);color:#147aff}.message-plugin-item .del{color:#ff584c}.message-custom{display:flex;word-break:break-all}.message-custom a{color:#679ce1;font-family:PingFangSC-Regular;font-size:14px;font-style:normal;font-weight:500;line-height:17px;text-decoration:none}.message-revoke{color:#999}.message-audio{align-items:center;display:flex}.message-audio .out{transform:rotate(180deg)}.message-audio-none{display:none}.message-audio-content{align-items:center;display:flex;gap:10px}.message-audio-out{flex-direction:row-reverse}.message-audio .playing{animation:playingAnimation 1s ease-in-out infinite}@keyframes playingAnimation{0%{opacity:1}50%{opacity:.3}to{opacity:1}}.high-lighted{animation:highLightedAnimation 1s ease-in-out forwards}@keyframes highLightedAnimation{0%{opacity:1}25%{opacity:.3}50%{opacity:1}75%{opacity:.3}to{opacity:1}}.progress-box{display:flex;height:5px;justify-content:flex-start;width:100%}.progress-box .progress{background:#147aff;border-radius:2px;box-shadow:0 0 10px rgba(0,0,0,.25);display:inline-block;height:5px;width:0}.message-custom,.message-text{border:1px solid #ddd}.bubble-out{border:1px solid #f2f7ff}.bubble-out,.meesage-bubble-reply-out{background:#f2f7ff}.meesage-bubble-reply-out .meesage-bubble-reply-main .message-text{background:none}.message-tip{color:#999}.tip .bubble .edit{color:#147aff}.model{align-items:center;background:rgba(0,0,0,.5);display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:2}.chat{background:#fff;box-sizing:border-box;display:flex;flex:1;flex-direction:column;position:relative;width:100%}.tui-chat-header{flex-direction:row;justify-content:space-between;padding:16px 20px}.tui-chat-header,.tui-chat-header-left{align-items:center;display:flex}.tui-chat-header .header-content{flex:1;padding:0 8px}.tui-chat-header-right .header-handle-more{padding:10px 3px}.tui-chat-header .title{font-family:PingFangSC-Medium;font-size:14px;font-style:normal;font-weight:700;line-height:17px}.tui-chat-header .system{height:32px}div,label,li,p,span,ul{margin:0;padding:0}.message-list{flex:1;height:100%;overflow-x:hidden;overflow-y:auto;padding:0 20px;position:relative}.message-list.hide{opacity:0}.message-list-item{display:grid;padding:5px 0}.message-list .no-more{color:#999;font-size:14px;font-style:normal;font-weight:500;line-height:17px}.message-list .no-more,.message-list-time{font-family:PingFangSC-Medium;text-align:center}.message-list-time{color:#7a7a7a;font-size:12px;font-weight:400;line-height:14px;padding:10px}.tui-message-input{display:flex;flex-direction:column}.tui-message-input-main{align-items:center;display:flex;flex:1;gap:12px;padding:14px 12px}.tui-message-input-main .input-box{border-radius:15px;display:flex;flex:1;max-height:200px;min-height:20px;overflow:hidden;padding:10px;position:relative}.tui-message-input-main .input-box .input-visibility-content{font-family:PingFangSC-Medium;font-size:14px;font-style:normal;font-weight:500;line-height:17px;max-width:-webkit-fill-available;padding:1px 2px;visibility:hidden;word-break:break-all}.tui-message-input-main .input-box textarea{background:none;border:none;flex:1;font-family:PingFangSC-Medium;font-size:14px;font-style:normal;font-weight:500;height:-webkit-fill-available;left:0;line-height:17px;margin:9px;position:absolute;resize:none;top:0;width:-webkit-fill-available}.tui-message-input-main .input-box textarea:active,.tui-message-input-main .input-box textarea:focus{border:none;outline:none}.tui-message-input-main .disabled{display:none}.tui-message-input-box{align-items:center;display:flex;flex:1}ul li{list-style:none}.input-plugin-popup{position:relative}.input-plugin-popup-box{bottom:30px;position:absolute;z-index:2}.input-plugin-item{display:flex;font-family:PingFangSC-Medium;font-size:16px;font-style:normal;font-weight:500;line-height:19px}.input-plugin-item span{padding:0 17px}.emoji-picker .face-list{display:flex;flex-wrap:wrap;max-height:120px;min-width:265px;overflow-y:auto;padding:10px 5px}.emoji-picker .face-list-item{cursor:pointer;padding:5px}.emoji-picker .face-list-item img{width:20px}.emoji-picker .face-list-item .face-img{width:38px}.emoji-picker .face-tab{align-items:center;display:flex;min-width:265px}.emoji-picker .face-tab-item{cursor:pointer;padding:10px;width:24px}.emoji-picker .face-tab-item img{width:100%}.emoji-picker .emoji-plugin-right{right:0}.upload-picker{min-width:180px;padding:10px 16px;position:relative}.upload-picker:hover{background:rgba(0,110,255,.1);color:#147aff}.upload-picker input{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.input-quote{align-items:center;background:#f9f9f9;display:flex;padding:7px 16px}.input-quote-content{background:#fff;color:#000;display:flex;flex:1;flex-direction:column;font-family:PingFangSC-Medium;font-size:14px;font-weight:500;line-height:17px;padding:2px 14px;position:relative}.input-quote-content:before{background:#999;content:"";height:100%;left:0;position:absolute;top:0;width:6px}.input-quote-content span{opacity:.6;padding-top:8px}.input-quote .icon{margin:0 5px 0 16px}.tui-forward{background:#fff;border-radius:16px;display:flex;flex-direction:column;overflow:hidden;width:300px}.tui-forward-header{align-items:center;display:flex;padding:24px 20px}.tui-forward-title{font-family:PingFangSC-Medium;font-size:14px;font-style:normal;font-weight:700;line-height:17px;padding:0 16px}.tui-forward-main{max-height:calc(100vh - 200px);overflow-y:auto;padding:0 20px}.tui-forward-main .no-result{color:#999;font-family:PingFangSC-Medium;font-size:14px;font-style:normal;line-height:20px;padding:10px;text-align:center}.tui-forward-search{padding:10px 15px}.tui-forward-list{padding:13px 0}.tui-forward-list-title{font-weight:600}.tui-forward-list-item,.tui-forward-list-title{font-family:PingFangSC-Medium;font-size:14px;font-style:normal;line-height:20px}.tui-forward-list-item{font-weight:400;justify-content:space-between;padding:6px 0}.tui-forward-list-item,.tui-forward-list-item .info{align-items:center;display:flex}.tui-forward-list-item .info-nick{font-family:PingFangSC-Medium;font-size:14px;font-style:normal;font-weight:400;line-height:20px;max-width:300px;min-width:180px;overflow:hidden;padding:0 13px;text-overflow:ellipsis;white-space:nowrap}.tui-forward-footer{align-items:center;background:hsla(0,0%,98%,.94);display:flex;justify-content:space-between;padding:13px 10px}.tui-forward-footer .button{background:#0365f9;border:none;border-radius:31px;color:#fff;cursor:pointer;font-family:PingFangSC-Medium;font-size:14px;font-style:normal;font-weight:400;line-height:20px;padding:10px 21px}.tui-forward-footer-name{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;flex:1;overflow:hidden;text-overflow:ellipsis;word-break:break-all}.transmitter{padding:0 10px}.transmitter .icon-send{transform:rotate(90deg)}.tui-message-input .tui-kit-input-box--focus{outline:1px solid #147aff}.tui-message-input .input-box{background:#fff;border:1px solid #d3daf3}.input-plugin-popup-box{background:hsla(0,0%,98%,.94);border-radius:16px;box-shadow:0 0 10px rgba(0,0,0,.25)}.checkbox{align-items:center;cursor:pointer;display:inline-flex;justify-content:center;position:relative}.checkbox-default{border:1px solid #ddd;border-radius:14px;box-sizing:border-box;height:14px;width:14px}.checkbox-input{height:100%;left:0;margin:0;opacity:0;padding:0;position:absolute;top:0;width:100%;z-index:1}.info{background:#fff}.warn{background:#faad14;color:#fff}.error{background:#ff4d4f;color:#fff}.tui-manage{border-left:1px solid #f9fafb;display:flex;flex-direction:column;max-width:300px;min-width:200px;width:22%}.tui-manage .red{color:#ff584c!important}.tui-manage .tui-manage-title{align-items:center;display:flex;padding:24px 20px}.tui-manage .tui-manage-title span{font-family:PingFangSC-Medium;font-size:14px;font-weight:700;line-height:17px;margin-left:10px}.tui-manage .tui-manage-container .tui-manage-info{align-items:center;display:flex;flex-direction:column}.tui-manage .tui-manage-container .tui-manage-info .info-avatar{margin-bottom:20px;margin-top:40px}.tui-manage .tui-manage-container .tui-manage-info .info-name{font-family:PingFangSC-Medium;font-size:24px;font-weight:700;line-height:29px;margin-bottom:10px;text-align:center}.tui-manage .tui-manage-container .tui-manage-info .info-id{color:#666;font-family:PingFangSC-Medium;font-size:12px;font-weight:400;line-height:14px;margin-bottom:30px;text-align:center}.tui-manage .tui-manage-container .tui-manage-handle .manage-handle-box{align-items:center;background:hsla(0,0%,98%,.94);box-sizing:border-box;display:flex;justify-content:space-between;padding:10px}.tui-manage .tui-manage-container .tui-manage-handle .manage-handle-box:nth-child(2){cursor:pointer;margin-top:10px}.tui-manage .tui-manage-container .tui-manage-handle .manage-handle-box .manage-handle-title{color:rgba(0,0,0,.6);font-family:PingFangSC-Medium;font-size:16px;line-height:22px}.self-ui-switch{display:inline-flex;vertical-align:top}.self-ui-switch-input{display:none;height:0;width:0}.self-ui-switch-label{background-color:hsla(240,3%,49%,.16);border-radius:100px;cursor:pointer;height:31px;position:relative;transition:all .2s;width:51px}.self-ui-switch-button{background-color:#fff;border-radius:46px;box-shadow:0 0 2px 0 hsla(0,0%,4%,.29);height:calc(100% - 4px);left:2px;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s;width:50%}.self-ui-switch-label .self-ui-switch-input:checked+.self-ui-switch-button{left:calc(100% - 2px);transform:translateX(-100%) translateY(-50%)}.self-ui-switch-label:active .self-ui-switch-button{width:66%}
+a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:baseline}a,a:active,a:hover,a:link,a:visited{color:inherit;text-decoration:none}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}.tui-kit{background-color:#fff;width:100%}.tui-conversation,.tui-kit{display:flex;height:100%;position:relative;text-align:initial}.tui-conversation{border-right:1px solid #f9fafb;flex-direction:column;max-width:400px;min-width:360px;width:30%}.tui-conversation .tui-conversation-header{display:flex;padding:10px 20px}.tui-conversation .tui-conversation-header .tui-conversation-create-icon{align-items:center;display:flex;justify-content:center;margin-left:10px}.tui-conversation .no-result{align-items:center;display:flex;flex-direction:column;padding:0 20px}.tui-conversation .no-result-icon{margin:100px auto 50px}.tui-conversation .no-result-message{color:#999;font-family:PingFangSC-Medium;font-size:16px;font-weight:400;line-height:22px}.tui-kit-icon{align-items:center;cursor:pointer;display:flex;position:relative;text-align:center}.tui-kit-icon .icon-image{height:100%;width:100%}.tui-kit-icon:hover{border-color:currentColor;color:#4169e1}.tui-kit-icon:after{border-radius:inherit;box-shadow:0 0 0 6px #4169e1;content:"";inset:0;opacity:0;position:absolute;transition:.3s}.tui-kit-icon:active:after{box-shadow:none;opacity:.4;transition:0s}.tui-kit-avatar{align-items:center;cursor:pointer;display:flex;position:relative}.tui-kit-avatar.circle .avatar-image{border-radius:50%}.tui-kit-avatar.square .avatar-image{border-radius:4px}.tui-kit-avatar img{height:100%;width:100%}.tui-kit-avatar:hover .tui-kit-avatar-edit{display:flex}.tui-kit-avatar-edit{align-items:center;background:rgba(0,0,0,.33);border-radius:100%;display:none;height:100%;left:0;top:0}.tui-kit-avatar-edit,.tui-kit-avatar-list{justify-content:center;position:absolute;width:100%}.tui-kit-avatar-list{background:#fff;border-radius:5px;box-shadow:0 11px 20px 0 rgba(0,0,0,.3);display:flex;flex-wrap:wrap;max-width:400px;min-width:200px;padding:10px;top:100%;z-index:2}.tui-kit-avatar-list-item{padding:10px}.tui-kit-avatar-list-item img{width:40px}.conversation-list-container{height:100%;overflow-x:hidden}.conversation-preview-container{align-items:center;background-color:#fff;border:none;cursor:pointer;display:flex;height:64px;line-height:17px;padding:0 20px;width:100%}.conversation-preview-container .content{flex:1;margin-left:10px;max-width:58%;min-width:58%;text-align:left}.conversation-preview-container .content .title{font-family:PingFangSC-Medium;font-size:14px;font-style:normal;font-weight:700;line-height:17px;padding:1px 0}.conversation-preview-container .content .message{color:#7a7a7a;font-family:PingFangSC-Medium;font-size:12px;font-style:normal;font-weight:400;line-height:14px;overflow:hidden;padding:1px 0;text-overflow:ellipsis;white-space:nowrap}.conversation-preview-container .external{display:flex;flex:1;flex-direction:column;min-width:90px;text-align:right}.conversation-preview-container .external .unread{height:19px;padding:1px 0}.conversation-preview-container .external .time{color:#7a7a7a;font-family:PingFangSC-Medium;font-size:12px;font-style:normal;font-weight:400;line-height:14px;padding:1px 0}.conversation-preview-container .external .more--hover{display:flex;justify-content:right}.conversation-preview-container .external .more--hover .icon-more{transform:scale(1.5)}.conversation-preview-container .external .more--hover .more-handle-box{bottom:auto;box-shadow:0 0 10px rgba(0,0,0,.1);box-sizing:border-box;padding:14px 0;right:0;text-align:start;top:0;white-space:nowrap}.conversation-preview-container .external .more--hover .more-handle-box .more-handle-item{box-sizing:border-box;cursor:pointer;font-family:PingFangSC-Medium;font-size:16px;font-weight:500;line-height:19px;padding:6px 16px}.conversation-preview-container .external .more--hover .more-handle-box .more-handle-item:hover{background:#147aff;color:#fff!important;opacity:.6}.conversation-preview-container:hover{background-color:rgba(0,110,255,.1)}.conversation-preview-container.conversation-preview-content--pin{background-color:hsla(0,0%,95%,.831)}.conversation-preview-container.conversation-preview-content--active{background-color:rgba(0,110,255,.1)}.conversation-preview-container.conversation-preview-content--active .title{color:#147aff}.conversation-preview-container.conversation-preview-content--unread .unread{align-items:center;background:#ff3742;border-radius:16px;color:#fff;display:flex;font-size:11px;font-weight:700;height:13px;justify-content:center;margin:2px 0 2px auto;padding:2px 5px 1px;width:16px}.popup{opacity:0}.popup-show{opacity:1}.plugin{gap:8px;padding:0 8px}.plugin,.plugin-popup{align-items:center;display:flex;height:100%}.plugin-popup{position:relative}.plugin-popup-box{background:#fff;border-radius:16px;bottom:100%;box-shadow:0 0 10px rgba(0,0,0,.1);position:absolute;z-index:2}.profile{background:#f9fafb;flex-direction:row;font-family:PingFangSC-Medium;justify-content:space-between;padding:16px 20px}.profile,.profile .profile-content{align-items:center;display:flex}.profile .profile-content .profile-name{font-family:PingFangSC-Medium;font-size:14px;font-weight:600;margin-left:10px}.conversation-search-result.no-result{align-items:center;display:flex;flex-direction:column;padding:0 20px}.conversation-search-result.no-result-icon{margin:100px auto 50px}.conversation-search-result.no-result-message{color:#999;font-family:PingFangSC-Medium;font-size:16px;font-weight:400;line-height:22px}.conversation-search-input{height:36px;width:100%}.tui-kit-input-box{align-items:center;background:hsla(0,0%,98%,.94);border-radius:10px;box-sizing:border-box;display:flex;height:36px;padding:0 8px}.tui-kit-input-box.tui-kit-input-box--focus{outline:1px solid #147aff}.tui-kit-input-box.tui-kit-input-border--bottom{background-color:#fff;border-bottom:1px solid rgba(0,0,0,.1);border-radius:0;outline:none}.tui-kit-input-box .tui-kit-input{align-items:center;background-color:transparent;border:none;border-radius:10px;box-sizing:border-box;display:flex;flex:1;flex-direction:row;margin-left:6px;margin-right:auto}.tui-kit-input-box .tui-kit-input:focus{border:none;outline:none}.tui-kit-input-box .tui-kit-input::-moz-placeholder{color:rgba(67,60,63,.6);font-weight:400;padding:2px 0}.tui-kit-input-box .tui-kit-input::placeholder{color:rgba(67,60,63,.6);font-weight:400;padding:2px 0}.tui-conversation-create-header{align-items:center;background-color:#f9fafb;display:flex;flex-direction:row;padding:16px 20px;text-align:center}.tui-conversation-create-header .title{color:#000;font-family:PingFangSC-Medium;font-size:20px;font-weight:600;letter-spacing:-.41px;line-height:32px;margin-left:10px}.tui-conversation-create-search-input{margin:10px}.tui-user{align-items:center;cursor:pointer;display:flex;padding:10px;text-align:center}.tui-user:hover{background-color:rgba(0,110,255,.1)}.tui-user .tui-user-name{color:#000;font-weight:400;margin-left:10px}.tui-user .tui-user-name,.tui-user .tui-user-name.active{font-family:PingFangSC-Medium;font-size:14px;line-height:20px}.tui-user .tui-user-name.active{color:#0365f9;font-weight:600}.tui-user-checkbox-label .tui-user-checkbox{margin-left:auto}.tui-user-checkbox-label input[type=checkbox]{cursor:pointer}.tui-conversation-create-next-container{display:flex;justify-content:center;margin:20px auto 10px;width:100%}.tui-conversation-create-next-container .tui-conversation-create-next{background-color:#0365f9;border-radius:31px;color:#fff;cursor:pointer;font-family:PingFangSC-Medium;font-size:14px;line-height:20px;padding:12px 36px;text-align:center;width:12%}.tui-conversation-create{overflow-y:auto}.tui-conversation-create .tui-conversation-create-container{position:relative}.tui-conversation-create .tui-conversation-create-container .tui-group-container{width:100%}.tui-conversation-create .tui-conversation-create-container .tui-group-box .title{font-family:PingFangSC-Medium;font-size:14px;font-weight:600;line-height:20px;padding:10px}.conversation-create-select-view{display:flex;flex-wrap:wrap;justify-content:flex-start;margin-bottom:10px}.conversation-create-select-view .select-view-info{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;padding:6px;position:relative;width:calc(20% - 2px)}.conversation-create-select-view .select-view-info .select-view-info-close{position:absolute;right:15px;top:6px;z-index:2}.conversation-create-select-view .select-view-info .select-view-info-nick{font-family:PingFangSC-Medium;font-size:12px;font-style:normal;font-weight:400;line-height:17px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%}.toast{border-radius:5px;box-shadow:0 11px 20px 0 rgba(0,0,0,.3);margin:20px;max-width:50%;padding:10px;position:fixed;top:0;word-break:break-all;z-index:10}.tui-conversation-create-group-detail .create-group-box{padding:10px 0}.tui-conversation-create-group-detail .input-group-text{color:#000;font-family:PingFangSC-Medium;font-size:16px;font-weight:400;line-height:22px}.tui-conversation-create-group-detail .create-group-name .input-group-name{color:#000;font-family:PingFangSC-Medium;font-size:16px;font-weight:700;line-height:19px}.tui-conversation-create-group-detail .input-group-title{color:rgba(0,0,0,.4);width:106px}.tui-conversation-create-group-detail .create-group-illustrate{color:rgba(0,0,0,.4);font-family:PingFangSC-Medium;font-size:12px;font-weight:400;line-height:17px;padding-left:8px;text-align:justify}.tui-conversation-create-group-detail .create-group-portrait .create-group-portrait-title{color:#000;font-family:PingFangSC-Medium;font-size:14px;font-weight:600;line-height:20px;padding:20px 0 20px 8px}.tui-conversation-create-group-detail .create-group-portrait .create-group-portrait-info-container{display:flex;flex-wrap:wrap;justify-content:flex-start;margin-bottom:10px}.tui-conversation-create-group-detail .create-group-portrait .create-group-portrait-info-container .create-group-portrait-info{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;padding:6px;width:calc(16.66667% - 1.66667px)}.tui-conversation-create-group-detail .create-group-portrait .create-group-portrait-info-container .create-group-portrait-info-nick{font-family:PingFangSC-Medium;font-size:12px;margin-top:6px}.tui-conversation-group-type-info{display:flex;flex-direction:column;padding:0 10px}.tui-conversation-group-type-info .group-type-info-box{background:#fff;border:1px solid #ddd;border-radius:16px;cursor:pointer;display:flex;flex-direction:column;margin-top:12px;padding:12px 16px}.tui-conversation-group-type-info .group-type-info-box.group-type-info-box--active,.tui-conversation-group-type-info .group-type-info-box:hover{border:1px solid #147aff}.tui-conversation-group-type-info .group-type-info-box .group-type-info-title{align-items:center;color:rgba(0,0,0,.8);display:flex;font-family:PingFangSC-Medium;font-size:16px;line-height:22px}.tui-conversation-group-type-info .group-type-info-box .group-type-info-title .box-active-icon{margin-right:8px}.tui-conversation-group-type-info .group-type-info-box .group-type-info-description{color:rgba(0,0,0,.4);font-family:PingFangSC-Medium;font-size:12px;line-height:17px;text-align:justify}.tui-conversation-group-type-info .group-type-info-document{font-family:PingFangSC-Medium;font-size:16px;line-height:22px;margin:1rem auto;text-align:justify;text-decoration:none}.tui-conversation-group-type-info .group-type-info-document:active,.tui-conversation-group-type-info .group-type-info-document:link,.tui-conversation-group-type-info .group-type-info-document:visited{color:#104ef5}.tui-profile{align-items:center;display:flex;flex-direction:column;height:100%;max-width:400px;min-width:360px;width:30%}.tui-profile-header{align-items:center;box-sizing:border-box;display:flex;line-height:32px;padding:16px 20px;width:100%}.tui-profile-header h1{font-weight:600;padding:0 11px}.tui-profile-main{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;max-width:100%;padding:20px}.tui-profile-avatar{margin:13px 0;position:relative}.tui-profile .displayFlex{display:flex}.tui-profile-nick{font-family:PingFangSC-Medium;font-size:24px;font-weight:700;line-height:29px;text-align:center}.tui-profile-nick .show{padding-left:25px}.tui-profile-ID{align-items:center;color:#666;display:flex;font-family:PingFangSC-Medium;font-size:12px;font-weight:400;line-height:14px;padding:6px 0}.tui-profile-list{box-sizing:border-box;display:flex;flex-direction:column;padding:0 20px;width:100%}.tui-profile-list-item{padding:20px 0 0}.tui-profile-list-item h4{color:rgba(0,0,0,.6);font-family:PingFangSC-Medium;font-size:16px;font-weight:400;line-height:22px;padding-bottom:3px}.tui-profile-div-with-edit{border-bottom:1px solid #eee;padding:4px 0}.tui-profile-edit{border-bottom:none!important}.tui-profile-birthday .react-date-picker__wrapper{display:none!important}.tui-profile-birthday .react-date-picker__calendar{position:static!important}.tui-profile-birthday-calendar{border:none!important}.tui-profile{background:#fff}.tui-profile-header{background:#f9fafb}.div-with-edit{box-sizing:border-box}.div-with-edit,.div-with-edit-popup{display:flex;flex:1;max-width:100%}.div-with-edit .show{align-items:center;display:flex;flex:1;justify-content:space-between;position:relative;word-break:break-all}.div-with-edit .show:hover .icon-edit{display:flex}.div-with-edit .show .icon-edit{display:none}.div-with-edit .icon{margin-left:10px;width:25px}.div-with-edit .edit{align-items:center;border-bottom:1px solid #eee;display:flex;flex:1;justify-content:space-between;padding:0 10px;position:relative}.div-with-edit .edit input{border:none;flex:1;font-size:inherit}.div-with-edit .edit input:focus{border:none;outline:none}.div-with-edit .edit .select{background:#fff;border-radius:5px;box-shadow:0 11px 20px 0 rgba(0,0,0,.3);box-sizing:border-box;min-width:100%;padding:10px 0;position:absolute;top:100%;z-index:2}.div-with-edit .edit .select-list-item{padding:5px 10px}.div-with-edit .edit .select-list-item:hover{background:#f2f7ff}.message-default{align-items:center;cursor:pointer;display:flex;flex:1;font-family:SF Pro Text;font-family:PingFangSC-Medium;font-size:14px;font-style:normal;font-weight:500;line-height:17px;width:100%}.message-default .avatar,.message-default .avatar img{width:45px}.message-default .content{align-items:flex-start;display:flex;flex-direction:column}.message-default .content .name{display:inline-block;padding-bottom:3px}.in{display:flex;flex:1;flex-direction:row;gap:10px;justify-self:flex-start}.in .content{align-items:flex-start;flex:1}.out{display:flex;flex:1;flex-direction:row-reverse;gap:10px;justify-self:flex-end}.out .content{align-items:flex-end;flex:1}.tip{justify-self:center!important;width:auto}.bubble{padding:8px 16px}.bubble-in{border-radius:16px 16px 16px 0}.bubble-in.group{border-radius:0 16px 16px 16px}.bubble-out{border-radius:16px 16px 0 16px}.message-status{align-items:flex-end;align-self:flex-end;display:flex}.message-status .time{color:#7a7a7a;font-family:PingFangSC-Medium;font-size:12px;font-weight:400;line-height:14px;padding:5px 0 0 10px;text-align:right;width:-moz-max-content;width:max-content}.message-image,.message-video{position:relative}.message-image .message-status,.message-video .message-status{bottom:10px;position:absolute;right:10px}.message-image .message-status .time,.message-video .message-status .time{color:#fff}.message-text{display:flex}.message-text-content{display:inline;font-family:PingFangSC-Regular;font-size:14px;font-style:normal;font-weight:500;line-height:17px;word-break:break-word}.message-text-content-p{display:inline;vertical-align:middle}.message-text-content .message-status{clear:right;display:inline-flex;float:right}.message-text,.message-tip{font-family:PingFangSC-Regular;font-size:14px;font-style:normal;font-weight:500;line-height:17px}.message-text .text-img,.message-tip .text-img{height:20px;vertical-align:middle;width:20px}.message-image{background:#fff}.message-image img{max-width:300px}.message-image .big-image{max-height:95%;max-width:95%}.message-video{max-width:300px}.message-video .snap-video{position:relative}.message-video .snap-video:before{border:15px solid transparent;border-left:20px solid #fff;bottom:0;content:"";height:0;left:0;margin:auto;position:absolute;right:0;top:0;width:0;z-index:1}.message-video video{border-radius:10px;width:100%}.message-video .play-video{max-height:95%;max-width:95%}.message-file{border:1px solid #ddd;display:flex;flex-direction:column}.message-file-main{align-items:center;background:#fff;border-radius:4px;display:flex;padding:12px}.message-file-main .icon{margin-right:7px}.message-file-footer{align-items:flex-end;display:flex;justify-content:space-between}.message-file-footer .time{padding-top:10px}.message-file-size{color:#7a7a7a;font-family:PingFangSC-Medium;font-size:12px;font-weight:400;line-height:14px;padding-top:10px}.message-merger{background:#ecebeb;display:flex;flex-direction:column}.message-merger h3{border-bottom:1px solid #a1a1a1;padding-bottom:4px}.message-merger-list{opacity:.6}.message-merger-item{padding-top:4px}.meesage-bubble-reply{background:#ecebeb;padding:8px 16px}.meesage-bubble-reply-in{border-radius:16px 16px 16px 0}.meesage-bubble-reply-out{border-radius:16px 16px 0 16px}.meesage-bubble-reply .message-text{border:none;border-radius:none}.meesage-bubble-reply .bubble{padding:0}.meesage-bubble-reply .bubble-in{border-radius:0}.meesage-bubble-reply-main{background:#fff;margin-bottom:10px;padding:10px 14px;position:relative}.meesage-bubble-reply-main:before{background:#d9d9d9;content:"";height:100%;left:0;position:absolute;top:0;width:6px}.meesage-bubble-reply-main .title{font-family:PingFangSC-Medium;font-size:14px;font-style:normal;font-weight:500;line-height:17px;padding-bottom:10px}.meesage-bubble-reply-main .message-context{opacity:.6}.meesage-bubble{align-items:flex-end;display:flex}.meesage-bubble-status{margin:3px}.meesage-bubble-context{align-items:center;display:flex;gap:10px}.meesage-bubble-context .message-context{flex:1}.icon-fail{align-items:center;background:#fa5151;border-radius:14px;display:inline-flex;height:14px;justify-content:center;position:relative;width:14px}.icon-fail:before{color:#fff;content:"!";font-family:PingFangSC-Medium;font-size:12px;position:absolute}.message-face{display:flex;flex-direction:column}.message-face .img{max-width:88px}.loading{display:inline-block;position:relative}.loading .img,.loading video{border-radius:10px;max-width:300px;min-height:60px;min-width:60px}.loading:before{background:rgba(0,0,0,.5);border-radius:10px;height:100%;width:100%}.loading:after,.loading:before{content:"";left:0;position:absolute;top:0}.loading:after{animation:spin 2s linear infinite;border:5px solid #f3f3f3;border-radius:50%;border-top-color:#555;bottom:0;display:inline-block;height:30px;margin:auto;right:0;width:30px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.message-plugin{margin:0 5px;width:32px}.message-plugin .icon-more{transform:scale(1.5)}.message-plugin .plugin-popup-box{bottom:auto;top:100%}.message-plugin-top{bottom:100%!important;top:auto!important}.message-plugin-left{left:-140px!important}.message-plugin-box{padding:6px 0}.message-plugin-item{align-items:center;display:flex;font-family:PingFangSC-Medium;font-size:12.8px;font-weight:500;justify-content:space-between;line-height:15px;min-width:144px;padding:6px 13px}.message-plugin-item:hover{background:rgba(0,110,255,.1);color:#147aff}.message-plugin-item .del{color:#ff584c}.message-custom{display:flex;word-break:break-all}.message-custom a{color:#679ce1;text-decoration:none}.message-custom a,.message-custom p{font-family:PingFangSC-Regular;font-size:14px;font-style:normal;font-weight:500;line-height:17px}.message-revoke{color:#999}.message-audio{align-items:center;display:flex}.message-audio .out{transform:rotate(180deg)}.message-audio-none{display:none}.message-audio-content{align-items:center;display:flex;gap:10px}.message-audio-out{flex-direction:row-reverse}.message-audio .playing{animation:playingAnimation 1s ease-in-out infinite}@keyframes playingAnimation{0%{opacity:1}50%{opacity:.3}to{opacity:1}}.high-lighted{animation:highLightedAnimation 1s ease-in-out forwards}@keyframes highLightedAnimation{0%{opacity:1}25%{opacity:.3}50%{opacity:1}75%{opacity:.3}to{opacity:1}}.progress-box{display:flex;height:5px;justify-content:flex-start;width:100%}.progress-box .progress{background:#147aff;border-radius:2px;box-shadow:0 0 10px rgba(0,0,0,.25);display:inline-block;height:5px;width:0}.message-custom,.message-text{border:1px solid #ddd}.bubble-out{border:1px solid #f2f7ff}.bubble-out,.meesage-bubble-reply-out{background:#f2f7ff}.meesage-bubble-reply-out .meesage-bubble-reply-main .message-text{background:none}.message-tip{color:#999}.tip .bubble .edit{color:#147aff}.model{align-items:center;background:rgba(0,0,0,.5);display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:2}.chat{background:#fff;box-sizing:border-box;display:flex;flex:1;flex-direction:column;position:relative;width:100%}.tui-chat-header{flex-direction:row;justify-content:space-between;padding:16px 20px}.tui-chat-header,.tui-chat-header-left{align-items:center;display:flex}.tui-chat-header .header-content{flex:1;padding:0 8px}.tui-chat-header-right .header-handle-more{padding:10px 3px}.tui-chat-header .title{font-family:PingFangSC-Medium;font-size:14px;font-style:normal;font-weight:700;line-height:17px}.tui-chat-header .system{height:32px}div,label,li,p,span,ul{margin:0;padding:0}.message-list{flex:1;height:100%;overflow-x:hidden;overflow-y:auto;padding:0 20px;position:relative}.message-list.hide{opacity:0}.message-list-item{display:grid;padding:5px 0}.message-list .no-more{color:#999;font-size:14px;font-style:normal;font-weight:500;line-height:17px}.message-list .no-more,.message-list-time{font-family:PingFangSC-Medium;text-align:center}.message-list-time{color:#7a7a7a;font-size:12px;font-weight:400;line-height:14px;padding:10px}.tui-message-input{display:flex;flex-direction:column}.tui-message-input-main{align-items:center;display:flex;flex:1;gap:12px;padding:14px 12px}.tui-message-input-main .input-box{border-radius:15px;display:flex;flex:1;max-height:200px;min-height:20px;overflow:hidden;padding:10px;position:relative}.tui-message-input-main .input-box .input-visibility-content{font-family:PingFangSC-Medium;font-size:14px;font-style:normal;font-weight:500;line-height:17px;max-width:-webkit-fill-available;padding:1px 2px;visibility:hidden;word-break:break-all}.tui-message-input-main .input-box textarea{background:none;border:none;flex:1;font-family:PingFangSC-Medium;font-size:14px;font-style:normal;font-weight:500;height:-webkit-fill-available;left:0;line-height:17px;margin:9px;position:absolute;resize:none;top:0;width:-webkit-fill-available}.tui-message-input-main .input-box textarea:active,.tui-message-input-main .input-box textarea:focus{border:none;outline:none}.tui-message-input-main .disabled{display:none}.tui-message-input-box{align-items:center;display:flex;flex:1}ul li{list-style:none}.input-plugin-popup{position:relative}.input-plugin-popup-box{bottom:30px;position:absolute;z-index:2}.input-plugin-item{display:flex;font-family:PingFangSC-Medium;font-size:16px;font-style:normal;font-weight:500;line-height:19px}.input-plugin-item span{padding:0 17px}.emoji-picker .face-list{display:flex;flex-wrap:wrap;max-height:120px;min-width:265px;overflow-y:auto;padding:10px 5px}.emoji-picker .face-list-item{cursor:pointer;padding:5px}.emoji-picker .face-list-item img{width:20px}.emoji-picker .face-list-item .face-img{width:38px}.emoji-picker .face-tab{align-items:center;display:flex;min-width:265px}.emoji-picker .face-tab-item{cursor:pointer;padding:10px;width:24px}.emoji-picker .face-tab-item img{width:100%}.emoji-picker .emoji-plugin-right{right:0}.upload-picker{min-width:180px;padding:10px 16px;position:relative}.upload-picker:hover{background:rgba(0,110,255,.1);color:#147aff}.upload-picker input{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.input-quote{align-items:center;background:#f9f9f9;display:flex;padding:7px 16px}.input-quote-content{background:#fff;color:#000;display:flex;flex:1;flex-direction:column;font-family:PingFangSC-Medium;font-size:14px;font-weight:500;line-height:17px;padding:2px 14px;position:relative}.input-quote-content:before{background:#999;content:"";height:100%;left:0;position:absolute;top:0;width:6px}.input-quote-content span{opacity:.6;padding-top:8px}.input-quote .icon{margin:0 5px 0 16px}.tui-forward{background:#fff;border-radius:16px;display:flex;flex-direction:column;overflow:hidden;width:300px}.tui-forward-header{align-items:center;display:flex;padding:24px 20px}.tui-forward-title{font-family:PingFangSC-Medium;font-size:14px;font-style:normal;font-weight:700;line-height:17px;padding:0 16px}.tui-forward-main{max-height:calc(100vh - 200px);overflow-y:auto;padding:0 20px}.tui-forward-main .no-result{color:#999;font-family:PingFangSC-Medium;font-size:14px;font-style:normal;line-height:20px;padding:10px;text-align:center}.tui-forward-search{padding:10px 15px}.tui-forward-list{padding:13px 0}.tui-forward-list-title{font-weight:600}.tui-forward-list-item,.tui-forward-list-title{font-family:PingFangSC-Medium;font-size:14px;font-style:normal;line-height:20px}.tui-forward-list-item{font-weight:400;justify-content:space-between;padding:6px 0}.tui-forward-list-item,.tui-forward-list-item .info{align-items:center;display:flex}.tui-forward-list-item .info-nick{font-family:PingFangSC-Medium;font-size:14px;font-style:normal;font-weight:400;line-height:20px;max-width:300px;min-width:180px;overflow:hidden;padding:0 13px;text-overflow:ellipsis;white-space:nowrap}.tui-forward-footer{align-items:center;background:hsla(0,0%,98%,.94);display:flex;justify-content:space-between;padding:13px 10px}.tui-forward-footer .button{background:#0365f9;border:none;border-radius:31px;color:#fff;cursor:pointer;font-family:PingFangSC-Medium;font-size:14px;font-style:normal;font-weight:400;line-height:20px;padding:10px 21px}.tui-forward-footer-name{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;flex:1;overflow:hidden;text-overflow:ellipsis;word-break:break-all}.transmitter{padding:0 10px}.transmitter .icon-send{transform:rotate(90deg)}.tui-message-input .tui-kit-input-box--focus{outline:1px solid #147aff}.tui-message-input .input-box{background:#fff;border:1px solid #d3daf3}.input-plugin-popup-box{background:hsla(0,0%,98%,.94);border-radius:16px;box-shadow:0 0 10px rgba(0,0,0,.25)}.checkbox{align-items:center;cursor:pointer;display:inline-flex;justify-content:center;position:relative}.checkbox-default{border:1px solid #ddd;border-radius:14px;box-sizing:border-box;height:14px;width:14px}.checkbox-input{height:100%;left:0;margin:0;opacity:0;padding:0;position:absolute;top:0;width:100%;z-index:1}.info{background:#fff}.warn{background:#faad14;color:#fff}.error{background:#ff4d4f;color:#fff}.tui-manage{border-left:1px solid #f9fafb;display:flex;flex-direction:column;max-width:300px;min-width:200px;width:22%}.tui-manage .red{color:#ff584c!important}.tui-manage .tui-manage-title{align-items:center;display:flex;padding:24px 20px}.tui-manage .tui-manage-title span{font-family:PingFangSC-Medium;font-size:14px;font-weight:700;line-height:17px;margin-left:10px}.tui-manage .tui-manage-container .tui-manage-info{align-items:center;display:flex;flex-direction:column}.tui-manage .tui-manage-container .tui-manage-info .info-avatar{margin-bottom:20px;margin-top:40px}.tui-manage .tui-manage-container .tui-manage-info .info-name{font-family:PingFangSC-Medium;font-size:24px;font-weight:700;line-height:29px;margin-bottom:10px;text-align:center}.tui-manage .tui-manage-container .tui-manage-info .info-id{color:#666;font-family:PingFangSC-Medium;font-size:12px;font-weight:400;line-height:14px;margin-bottom:30px;text-align:center}.tui-manage .tui-manage-container .tui-manage-handle .manage-handle-box{align-items:center;background:hsla(0,0%,98%,.94);box-sizing:border-box;display:flex;justify-content:space-between;padding:10px}.tui-manage .tui-manage-container .tui-manage-handle .manage-handle-box:nth-child(2){cursor:pointer;margin-top:10px}.tui-manage .tui-manage-container .tui-manage-handle .manage-handle-box .manage-handle-title{color:rgba(0,0,0,.6);font-family:PingFangSC-Medium;font-size:16px;line-height:22px}.self-ui-switch{display:inline-flex;vertical-align:top}.self-ui-switch-input{display:none;height:0;width:0}.self-ui-switch-label{background-color:hsla(240,3%,49%,.16);border-radius:100px;cursor:pointer;height:31px;position:relative;transition:all .2s;width:51px}.self-ui-switch-button{background-color:#fff;border-radius:46px;box-shadow:0 0 2px 0 hsla(0,0%,4%,.29);height:calc(100% - 4px);left:2px;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s;width:50%}.self-ui-switch-label .self-ui-switch-input:checked+.self-ui-switch-button{left:calc(100% - 2px);transform:translateX(-100%) translateY(-50%)}.self-ui-switch-label:active .self-ui-switch-button{width:66%}