@tencentcloud/chat-uikit-react 1.0.0 → 1.0.2

package/dist/cjs/index.d.css

@@ -1,217 +1,3 @@
-.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;
-  margin: 0 10px;
-  gap: 10px;
-}
-.tui-live-item .list-item-text {
-  display: inline-flex;
-  min-width: 22px;
-  font-family: "Roboto";
-  font-style: normal;
-  font-weight: 400;
-  font-size: 12px;
-  line-height: 14px;
-  display: flex;
-  align-items: center;
-  color: #000000;
-}
-.tui-live .tag-list {
-  flex: 1;
-  flex-wrap: wrap;
-}
-.tui-live .tag-item {
-  position: relative;
-  padding: 4px 8px 4px 26px;
-  background: #7187D3;
-  border-radius: 47px;
-  font-family: "Roboto";
-  font-style: normal;
-  font-weight: 400;
-  font-size: 12px;
-  line-height: 14px;
-  display: flex;
-  align-items: center;
-  color: #FFFFFF;
-}
-.tui-live .tag-item::before {
-  position: absolute;
-  content: "#";
-  color: #FFFFFF;
-  left: 11px;
-  display: flex;
-  align-items: center;
-}
-.tui-live-header {
-  padding: 12px 20px;
-  display: flex;
-  flex-direction: column;
-}
-.tui-live-header-name {
-  padding: 8px 0;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-}
-.tui-live-header-name h1 {
-  font-family: "Roboto";
-  font-style: normal;
-  font-weight: 700;
-  font-size: 16px;
-  line-height: 19px;
-  color: #000000;
-}
-.tui-live-header-content {
-  display: flex;
-  align-items: flex-start;
-}
-.tui-live-header-label {
-  display: flex;
-  align-items: center;
-  gap: 4px;
-  padding: 4px 8px;
-  background: #FF0000;
-  border-radius: 47px;
-  font-family: "Roboto";
-  font-style: normal;
-  font-weight: 400;
-  font-size: 12px;
-  line-height: 14px;
-  display: flex;
-  align-items: center;
-  color: #FFFFFF;
-}
-.tui-live-content {
-  width: 100%;
-  height: 100%;
-}
-.tui-live-footer {
-  padding: 20px 20px 30px;
-  display: flex;
-  align-items: center;
-}
-.tui-live-footer .owner-avatar {
-  display: inline-block;
-  width: 40px;
-  height: 40px;
-  border-radius: 40px;
-}
-.tui-live-footer-main {
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-}
-.tui-live-footer-main .owner-name {
-  display: flex;
-  align-items: center;
-  gap: 7px;
-  padding: 0 10px 8px;
-}
-.tui-live-footer-main .owner-name h1 {
-  font-family: "Roboto";
-  font-style: normal;
-  font-weight: 700;
-  font-size: 16px;
-  line-height: 19px;
-  display: flex;
-  align-items: center;
-  color: #000000;
-}
-.tui-live-footer .opate-list {
-  height: 100%;
-  display: flex;
-  align-items: flex-end;
-}
-.tui-live-footer .opate-item {
-  display: flex;
-  align-items: center;
-  padding: 4px 8px;
-  gap: 10px;
-  background: rgba(249, 249, 249, 0.94);
-  border-radius: 40px;
-}
-.tui-live-footer .opate-item .opate-box {
-  display: flex;
-  align-items: center;
-  gap: 10px;
-  cursor: pointer;
-}
-.tui-live-footer .opate-item-suffix {
-  padding-left: 10px;
-}
-.tui-live-footer .tag-item {
-  background: rgba(20, 122, 255, 0.5);
-  padding: 4px 8px;
-}
-.tui-live-footer .tag-item::before {
-  content: "";
-}
-.tui-live-members {
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  height: 100%;
-  overflow: auto;
-}
-.tui-live-members .list-header {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  padding: 8px 10px;
-  background: rgba(0, 0, 0, 0.05);
-  cursor: pointer;
-}
-.tui-live-members .list-header h1 {
-  flex: 1;
-  font-family: "Roboto";
-  font-style: normal;
-  font-weight: 700;
-  font-size: 12px;
-  line-height: 14px;
-  color: #000000;
-  display: flex;
-  align-items: center;
-  gap: 8px;
-}
-.tui-live-members .list-item {
-  display: flex;
-  align-items: center;
-  padding: 8px 10px;
-  gap: 4px;
-}
-.tui-live-members .list-item .nick {
-  font-family: "Roboto";
-  font-style: normal;
-  font-weight: 400;
-  font-size: 12px;
-  line-height: 14px;
-  color: #000000;
-}
-
-.line {
-  position: relative;
-}
-.line::before {
-  content: "";
-  position: absolute;
-  left: 0;
-  height: 90%;
-  width: 1px;
-  background: #EEEEEE;
-  top: 0;
-  bottom: 0;
-  margin: auto 0;
-}
 html, body, div, span, applet, object, iframe,
 h1, h2, h3, h4, h5, h6, p, blockquote, pre,
 a, abbr, acronym, address, big, cite, code,
@@ -332,7 +118,6 @@ table {
   width: 45px;
 }
 .message-default .content {
-  padding: 0 10px;
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -347,6 +132,7 @@ table {
   display: flex;
   flex-direction: row;
   justify-self: flex-start;
+  gap: 10px;
 }
 .in .content {
   align-items: flex-start;
@@ -356,6 +142,7 @@ table {
 .out {
   flex: 1;
   display: flex;
+  gap: 10px;
   flex-direction: row-reverse;
   justify-self: flex-end;
 }
@@ -592,7 +379,7 @@ table {
 .meesage-bubble-context {
   display: flex;
   align-items: center;
-  padding: 0 8px;
+  gap: 10px;
 }
 .meesage-bubble-context .message-context {
   flex: 1;
@@ -722,6 +509,13 @@ table {
   font-size: 14px;
   line-height: 17px;
 }
+.message-custom p {
+  font-family: PingFangSC-Regular;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 500;
+  line-height: 17px;
+}
 
 .message-revoke {
   color: #999999;

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

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

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

@@ -1 +1 @@
-var A="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAkCAYAAAAdFbNSAAAACXBIWXMAACxLAAAsSwGlPZapAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAITSURBVHgB7ZdBbtpAFIb/NxA1S47g3IAjQFdVlUpkUZVd1RMkN4g4QekJ0lXF0ou26g5uAL2BbxBvokSE8cuMX0xCsMH2mIClfAtkz8x7/vRj4wF4441MaNsC7vVaOJp7aKAdD0QcQjVCGv2ewBH+/LG97BujAtw1Z+T74aa6TGnun3ZAdG6OOmC0UipDMPvA0YBGfoC8ov2eB55fQKmvqX3jRfBN/x9ZwaxJx8m+05cgvkBeiIe4vRmQP9mYEH/59L1QX/DPtFBWpOMUoMfmyENhKAAa3bTUJYjF2FytjcKs96WVxsd6Wk44+wJuwul91XL8+H7oJmyx9Xos31hVwknfxVVyFicdP3TAGJVhktH6zDxsV+7CK3TtwylJM85RKSaZhppWLGy5tB8k9/LiGrWheaKMcNVp7BjdUSbrmkmzp8DUQs2wSYeoGQra/nDXCBVNFebNCepEFP1Xj9vACeoA8YxG/4LkNT5APRjaj6cNU//UvsY7OFg4oNGfE3v0tGHC4pudwEFivXQ3OVtK23tFJg5M3P5DUnwmfsnQC7j/wTN7V3OrkId9Y4Up6tKvv7Pnw2pt3aEkTrhOE5apDPaauAi/TxOW6Q3sRXyLsCzZwquK5xCWZTl4FfGcwrI0JzsVLyAsywuwE/GCwlJSkErFSwhLWQkqES8pLKUlcRJ3EJZyB0qJOwpLC0cKiVcgbHkA11UA5w+B4MAAAAAASUVORK5CYII=";export{A as default};
+var A="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=";export{A as default};

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

@@ -1 +1 @@
-var A="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAApCAYAAAB6MAquAAAACXBIWXMAACxLAAAsSwGlPZapAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAJsSURBVHgB7ZjbUfJAGIY/wg0DXNiB4QIG7qQD7OD/K/DQgIcCBCoQK5AO1ArUCtArBriQDowz3AK+byQZjEQ2yUaTjM8MJNls8uXZQ7K7In8km5xKpsFgsFMoFP7lcrk9/HaRtIefhX1rsVg8YzvA9rHRaEwlAoxTKpUOVvc3l8uluR4Hx7eI8SBhhRigXC6f4GanONyRLSBwfz6fd4OKDYfDVj6fb+OBWwrZp4Zh9Gez2VWz2bS+PIPfVePx+AQBOqIg4sHCdd16vd5TyYw4l8h/KsGZoqCPvDW2UWgymbSRuSMRQG31arXamd/5VfO6UawVX1BbnWq12nXjejPokHFvjiYIqSNvOmWKxeK9fPSVyKBQzpwW8UkIbfkQxteiEa+Ubpm1OE3EeTKcBMiYkGmLZlB6h+gndiHFJbPikn9uDelsaptgTUGOInHI2OD5912h0Wj0go0pKQaF9mAL8TuA5nYvGcDpQy3JCI6QKRnBFsKwY1cygi2Et48lGcEWwuvuTTKCLYTX3ZNkBKfJZUZo/cP6KsGnCokCFXPnjuXQj64k5UCo5wphis3h94ukFMj0OdlzhSqVCuftxzwn6WPKWTJ3jPVUGuLEuaQLLqL8d9YxDO9ZzvxQU11JB5TZ58TOSfBdJMEIvBPHhE8jX2TIt8tYCZbaKEO2LjQmUMpXhiitnCZI6lsZoiREEiC1VYYoC5FflFKSIYGEyC9IKcuQwELkB6UCyZBQQuQHpALLkNBCJEapUDIkkhCJQSq0DIksRDRKRZIhWoSIBqnIMkSbEIkgpUWGaBUiIaS0yRDtQmQldaFwf60y5B1KZTiqpADXrAAAAABJRU5ErkJggg==";export{A as default};
+var A="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=";export{A as default};

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

@@ -1 +1 @@
-import{useLayoutEffect as t}from"react";import o from"tim-js-sdk";import{useTUIKitContext as e}from"../../../context/TUIKitContext.js";import"tslib";import"react/jsx-runtime";import"../../../context/TUIMessageContext.js";function i(i,n){var r=this,E=e("useMessageReceviedListener").tim;t((function(){var t=function(t){n&&"function"==typeof n?n(i,t):i(t.data)};return E.on(o.EVENT.MESSAGE_RECEIVED,t,r),function(){E.off(o.EVENT.MESSAGE_RECEIVED,t,r)}}),[E])}export{i as useMessageReceviedListener};
+import{useEffect as t}from"react";import o from"tim-js-sdk";import{useTUIKitContext as e}from"../../../context/TUIKitContext.js";import"tslib";import"react/jsx-runtime";import"../../../context/TUIMessageContext.js";function i(i,n){var r=this,E=e("useMessageReceviedListener").tim;t((function(){var t=function(t){n&&"function"==typeof n?n(i,t):i(t.data)};return E.on(o.EVENT.MESSAGE_RECEIVED,t,r),function(){E.off(o.EVENT.MESSAGE_RECEIVED,t,r)}}),[E])}export{i as useMessageReceviedListener};

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

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

package/dist/esm/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/esm/components/TUIConversation/TUIConversation.js

@@ -1 +1 @@
-import{__assign as r}from"tslib";import{jsx as o,jsxs as t,Fragment as e}from"react/jsx-runtime";import i,{useMemo as n}from"react";import{TUIConversationProvider as m}from"../../context/TUIConversationContext.js";import{TUIConversationList as s}from"../TUIConversationList/TUIConversationList.js";import"tim-js-sdk";import{TUIProfile as a}from"../TUIProfile/TUIProfile.js";import"../TUIProfile/TUIProfileDefault.js";function f(i){var f=i.children,l=i.createConversation,c=i.deleteConversation,v=n((function(){return{createConversation:l,deleteConversation:c}}),[l,c]);return o(m,r({value:v},{children:f||t(e,{children:[o(s,{}),o(a,{})]})}))}var l=i.memo(f);export{l as TUIConversation,f as UnMemoizedTUIConversation};
+import{__assign as r}from"tslib";import{jsx as o,jsxs as t,Fragment as e}from"react/jsx-runtime";import i,{useMemo as n}from"react";import{TUIConversationProvider as s}from"../../context/TUIConversationContext.js";import{TUIConversationList as m}from"../TUIConversationList/TUIConversationList.js";import"tim-js-sdk";import{TUIProfile as a}from"../TUIProfile/TUIProfile.js";import"../TUIProfile/TUIProfileDefault.js";function f(i){var f=i.children,l=i.createConversation,v=i.deleteConversation,c=i.filterConversation,C=n((function(){return{createConversation:l,deleteConversation:v,filterConversation:c}}),[l,v,c]);return o(s,r({value:C},{children:f||t(e,{children:[o(m,{}),o(a,{})]})}))}var l=i.memo(f);export{l as TUIConversation,f as UnMemoizedTUIConversation};

package/dist/esm/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/esm/components/TUIConversationList/TUIConversationList.js

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

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

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

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

@@ -1 +1 @@
-import{useEffect as t}from"react";import o from"tim-js-sdk";import{useTUIKitContext as n}from"../../../context/TUIKitContext.js";import"tslib";import"react/jsx-runtime";import"../../../context/TUIMessageContext.js";var r=function(r,i,e){var f=n("useConversationUpdate").tim;t((function(){var t=function(t){r&&r(t.data.filter((function(t){return t.type!==o.TYPES.CONV_SYSTEM}))),e&&e(),i&&"function"==typeof i&&i(r,t)};return null==f||f.on(o.EVENT.CONVERSATION_LIST_UPDATED,t),function(){null==f||f.off(o.EVENT.CONVERSATION_LIST_UPDATED,t)}}),[f,i])};export{r as useConversationUpdate};
+import{useEffect as t}from"react";import o from"tim-js-sdk";import{useTUIKitContext as n}from"../../../context/TUIKitContext.js";import"tslib";import"react/jsx-runtime";import"../../../context/TUIMessageContext.js";var r=function(r,i,e,f){var a=n("useConversationUpdate").tim;t((function(){var t=function(t){r&&r(f?f(t.data):t.data.filter((function(t){return t.type!==o.TYPES.CONV_SYSTEM}))),e&&e(),i&&"function"==typeof i&&i(r,t)};return null==a||a.on(o.EVENT.CONVERSATION_LIST_UPDATED,t),function(){null==a||a.off(o.EVENT.CONVERSATION_LIST_UPDATED,t)}}),[a,i])};export{r as useConversationUpdate};

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

@@ -1 +1 @@
-import{__assign as r}from"tslib";import{jsx as e,jsxs as n}from"react/jsx-runtime";import o from"react";import t from"tim-js-sdk";import{JSONStringToParse as i}from"../untils.js";function a(o){var a=o.context,l=o.message,u=o.children;return n("div",r({className:"bubble message-custom bubble-".concat(l.flow,"  ").concat((null==l?void 0:l.conversationType)===t.TYPES.CONV_GROUP?"group":"")},{children:[function(n){if("Hyperlink"===n.data){var o=i(null==n?void 0:n.extension);return null==o?void 0:o.item.map((function(n){return e("a",r({target:"_blank",href:n.value,rel:"noreferrer"},{children:n.value}),n.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==a?void 0:a.custom),u]}))}var l=o.memo(a);function u(n){return e(l,r({},n))}export{u as MessageCustom};
+import{__assign as e}from"tslib";import{jsx as r,jsxs as n,Fragment as t}from"react/jsx-runtime";import l from"react";import o from"tim-js-sdk";import{JSONStringToParse as i}from"../untils.js";function u(l){var u=l.context,a=l.message,c=l.children;return n("div",e({className:"bubble message-custom bubble-".concat(a.flow,"  ").concat((null==a?void 0:a.conversationType)===o.TYPES.CONV_GROUP?"group":"")},{children:[function(l){if("Hyperlink"===l.data){var o=i(null==l?void 0:l.extension);if(null==o?void 0:o.item)return null==o?void 0:o.item.map((function(n){return r("a",e({target:"_blank",href:n.value,rel:"noreferrer"},{children:n.value}),n.value)}));if(null==o?void 0:o.hyperlinks_text){var u=o.hyperlinks_text;return n(t,{children:[o.title," ",r("a",e({target:"_blank",href:null==u?void 0:u.value,rel:"noreferrer"},{children:u.key}),null==u?void 0:u.value)]})}}return"group_create"===l.data?"".concat((null==a?void 0:a.nick)||(null==a?void 0:a.from)," Create a group"):l.extension}(null==u?void 0:u.custom),c]}))}var a=l.memo(u);function c(n){return r(a,e({},n))}export{c as MessageCustom};

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

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

package/dist/esm/components/TUIMessageInput/TUIMessageInput.js

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

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

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

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

@@ -1 +1 @@
-import{useState as e,useEffect as t}from"react";import o from"tim-js-sdk";import{MESSAGE_OPERATE as S}from"../../../constants.js";import"tslib";import"react/jsx-runtime";import{useTUIChatStateContext as a}from"../../../context/TUIChatStateContext.js";import"../../../context/TUIMessageContext.js";var s,n,i=((s={})[o.TYPES.MSG_TEXT]=1,s[o.TYPES.MSG_CUSTOM]=2,s[o.TYPES.MSG_IMAGE]=3,s[o.TYPES.MSG_AUDIO]=4,s[o.TYPES.MSG_VIDEO]=5,s[o.TYPES.MSG_FILE]=6,s[o.TYPES.MSG_FACE]=8,s),l=((n={})[o.TYPES.MSG_CUSTOM]="[custom]",n[o.TYPES.MSG_IMAGE]="[image]",n[o.TYPES.MSG_AUDIO]="[audio]",n[o.TYPES.MSG_VIDEO]="[video]",n[o.TYPES.MSG_FILE]="[file]",n[o.TYPES.MSG_FACE]="[face]",n);function r(s){var n=a("TUIMessageInputDefault").operateData,r=e({messageReply:null}),E=r[0],T=r[1],m=function(e){var t,S=i[null==e?void 0:e.type];return{messageAbstract:(null==e?void 0:e.type)===o.TYPES.MSG_TEXT?null===(t=null==e?void 0:e.payload)||void 0===t?void 0:t.text:l[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:S,version:1}};return t((function(){var e=s||n[S.QUOTE];T({messageReply:e?m(e):null})}),[n,s]),{cloudCustomData:E,handleQuoteMessage:m}}export{r as useHandleQuoteMessage};
+import{useState as e,useEffect as t}from"react";import o from"tim-js-sdk";import{MESSAGE_OPERATE as s}from"../../../constants.js";import"tslib";import"react/jsx-runtime";import{useTUIChatStateContext as a}from"../../../context/TUIChatStateContext.js";import"../../../context/TUIMessageContext.js";var S,n,i=((S={})[o.TYPES.MSG_TEXT]=1,S[o.TYPES.MSG_CUSTOM]=2,S[o.TYPES.MSG_IMAGE]=3,S[o.TYPES.MSG_AUDIO]=4,S[o.TYPES.MSG_VIDEO]=5,S[o.TYPES.MSG_FILE]=6,S[o.TYPES.MSG_FACE]=8,S),l=((n={})[o.TYPES.MSG_CUSTOM]="[custom]",n[o.TYPES.MSG_IMAGE]="[image]",n[o.TYPES.MSG_AUDIO]="[audio]",n[o.TYPES.MSG_VIDEO]="[video]",n[o.TYPES.MSG_FILE]="[file]",n[o.TYPES.MSG_FACE]="[face]",n);function r(S){var n=a("TUIMessageInputDefault").operateData,r=e({messageReply:null}),E=r[0],T=r[1],m=function(e){var t,s=i[null==e?void 0:e.type];return{messageAbstract:(null==e?void 0:e.type)===o.TYPES.MSG_TEXT?null===(t=null==e?void 0:e.payload)||void 0===t?void 0:t.text:l[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:s,version:1}};return t((function(){var e=S||n[s.QUOTE];T({messageReply:e?m(e):null})}),[n,S]),{cloudCustomData:E,handleQuoteMessage:m,message:S||n[s.QUOTE]}}export{r as useHandleQuoteMessage};

package/dist/esm/components/TUIMessageList/TUIMessageList.js

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

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

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

package/dist/esm/components/untils.js

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

package/dist/esm/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%}