@tencentcloud/chat-uikit-react 0.0.1 → 0.0.3

package/CHANGELOG.md

@@ -0,0 +1,18 @@
+## [0.0.3] (2022-11-28)
+
+#### chore
+* chore: adjust emjio name to English name
+
+
+## [0.0.2] (2022-11-23)
+
+#### fix
+* fix: rollup config
+
+#### chore
+* chore: add changelog
+
+## [0.0.1] (2022-11-21)
+
+#### feat
+* feat: add chat-uikit-react

package/README.md

@@ -28,11 +28,13 @@ $ npm i @tencentcloud/chat-uikit-react
 import React, { useEffect, useState } from 'react';
 import { TUIKit } from '@tencentcloud/chat-uikit-react';
 import '@tencentcloud/chat-uikit-react/dist/cjs/index.css';
-import TIM, { TIMUploadPlugin } from 'tim-js-sdk';
+import TIM, { ChatSDK } from 'tim-js-sdk/tim-js-friendship';
+import TIMUploadPlugin from 'tim-upload-plugin';
+
 
 const init = async () => {
    return new Promise((resolve, reject) => {
-      const tim = TIM.create({ SDKAppID: 000 });
+      const tim = TIM.create({ SDKAppID: 0 });
       tim?.registerPlugin({ 'tim-upload-plugin': TIMUploadPlugin });
       const onReady = () => { resolve(tim); };
       tim.on(TIM.EVENT.SDK_READY, onReady);
@@ -44,7 +46,7 @@ const init = async () => {
 }
 
 export function SampleChat() {
-   const [tim, setTim] = useState<TIM>();
+   const [tim, setTim] = useState<ChatSDK>();
    useEffect(() => {
       (async ()=>{
          const tim = await init()

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

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

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

@@ -1 +1 @@
-"use strict";module.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAYAAADimHc4AAAACXBIWXMAACxLAAAsSwGlPZapAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAjLSURBVHgB7V1NVhtHEP56pASDN4phH3wC4xNYPoHxCbBPYFg5JgvEwjheAScInCBwAuMTBJ8AeQ+JNsZ20EynqhkRBbpmev5H0nzv8cSbkWa6q7qq66+7gQYNGjRo0KBBg1mEQo3RWded1jy6WuFnauiK0limz2W+R9eWx7+rgYEH9LXGgO716bufEeBk+B2ngz01QE1RKwaMCE7U7HoKz24TOS2IOX36OKF/jv2vOKkTQ2rBgKXXugsPW0TwFWpQBwWDGHKgfByev1cnqBiVMYBHe3sBr4gY62UQ3QYjGQo9/wuOq5KK0hlQB8LfBjOC2nJwvqO2UTJKZcDipn5BH7t1IfxtjCTi4q06REkohQGd13q57eF3elsXCUHWTD9QOCHinLJl4wc45euD96p/+x1oodP20QlaeEQd64YW0wqSQuNoGGDj9juKQOEMeLCpX9FLeq6jns1J+jjyAny8+oajrLqZGdNixl//PUsgfWzOrhctDYUxwOj6+9giiq47/UDjhEb6UXCJw6ImRGPm3sOq8vAKrpKhsXf+Tm2gIBTCAKNyWvgDLp0kwpPDtF22STgyfV3UIhHp9MrH8yJUUu4MMCLfwoeRxxqBU/jYqNoWX3yjV8GGQYzTxxO07+Np3kzIlQEuxGcdT5PpNon1HmqEpTe6R9TYivpOEUzIjQFOxCeLhqyYp2VYF2lg+uBRH1TkAMqVCR5ygAvxadQfUhzmcV2Jz+C2+XN4TANFtHy4j9xXY/bmgFwkgByss0idf61yepggxKkkMzFfkiRktNgyS8DSr3p32ojPMG2mtkv3SRWttOej5wwXZGIAO1mRdv6EEn+EOCaQGKyTpLj5OeIjUiLU+3+KnuWEE38cMepoMPTTz22pJYBjOxLxdYD9aSE+g/ui5Im5Y+JcKZGKASaqKXiQxtT8hh6mDFdzWOe+WW8SLUKHLjHSSoA4+Rg7v8Y52LQY9NTAV3geBgvvQmGXY01IiMQMWNrUW6LVQ3q/LDuf20GS+Df/kY7eRQkY7CgOie/b7jFNyCpKPCEnmoSjHC4Wz4t36iFKAJu+d6yvEid9Ujdngrc8GF7iYRINkEgCiPhdafSrAC9REojZL+5cVCbEXAoi+tpJKgVJVZBd91NIucyopmB9lZbmNH3lMLoNCQeCMwN4lhd1f4DSk9mVQ+5zx+QaHJFEAuxmVsmjvy6IkgLdwhoc4cSATk93aNKxPpSLnDCjCIBj23XSFKuuJqkTA1rfxbTdgCyfQpPWdUYwhwPBL+i059xyzq4qyKp+6OVHmGGwc8b1prZ7WsHJM3ZjgMIT4fpMM4DhKcEa8vAMLr+P+wI7X5L143/BR8w4rn60D0Kmmcs8EMsAypHadZmud919WWA1pGAP0rXuC5pjDLEMUEJtD+m4UzQwCLRdE5DHHBuaiWUAEfqR9eEan9DAgOtWrdcF2o0jXgK04OIHjQSMIKkgXlKFGMQzQInBt5nX/yNQnqBvu+6yxKod9wXy9jq2mPXVlZAdcgTH8/NepEHP1EiIsFLvIFMBrk+DsYVUcJmErQTKYgGZeH6CkvUiYdpwXd3QQ0pISSiH+th8KuOSwhrPrxol5hPGUQkDGvyHShgg5VWrhA5QSVAx3g8QqgCyFKdy7paeuy9WGJQI0wbKJ1/8plJXuEm00Ig3VGKtII/XShUwWV7smA6n6rRk7ZzvqNSVfpnQstOHJD12gMVLgFCM1GrHe3mzAl6ZKdzKgQHAZ9t1lzjHrCDwxHhZHzFwYUDqOMesQAn5Epd4mYsj1hce7rbMcwYgLmlyiJfFMsCfE+tfVtLUQk4bjAUkDEbeqyju97EMiEw4LLjlPacZXC1oveGYsHJyxKSEAyE24zP10EKZvmPCytUTlvKeq7OshrheivefsN50LFhwYgDPA2L9y3wNA2slofUPVqWI7sVbdezyDCcGmHlAiyLlVH4xjVBCBDVJtaB7ME4qRlXoJilGnRaYPgvWD+9HB0c4M4CLUcXgmZd9vezEQegzh26SFCsnCkeLYeSSpUAYCKVFVs2CPHmbmx4SIBEDhnPYk6RAtVDKOi3zLstAKDWer+x9DZdpJWpHIgaEk7FVCnjpftZV464YzyfkEc9PgqhFinQ9caIpcfycbV8yv84E8yvTqvG6I9wJ7Mx2L+0ixcQpSVOSHUAq4eiYrVym0Dkz+81R3yK+0kMKpMoJk7gfSMtzzH46C+XNB2WhNY89SfWw3Z92oUrqpPwwwEtxQgZesK7ElMDofXmJ1sD30y9STM0A1vNaR764Nw1MMFvyRKkXjfUsc16mspS/3ik2S6Nm/olngoooHOBdYbKukctcF+T/aEZHVOh1spkgh+IHeZi+uZRxuOw2yDvQDr9iexJW1XDtKqlX9nZ7aojPEKyf4SV+ytqf3OpoqtjyMW90NvVKG2bzpZsgW7i1/bL1BxobWfc/za000Wz5GOCpuKkRwi1dyJGpo0riNrVgRvr/IpwxFc6ZQ/G5V5I5qSOEI8vHy6q3OTBBxOs4VqoqD/L8H1ZmBdngIgkMM7JIt1L86EMV+QR+J7871O+pS2zaXraMYKG1lIubmr1Ht7p78qy1Rx5lgfv1czjBW8Cadz3BdpEDWJIvdtJvVFV4MesDipCSOtpyXQ0zOsAhryOnmOg/3MNq4JkKjlXXdiQCGRZpVWkp1cSZjjAhHyOgPy6R9Hx84sWBVx4G1iNMcL2wfHTwG430bqqzyEgaOdRCFtGyZhUTc/KGcchS+gSlMGCExV/MdpdbKg1RSkA4b22Qd3unpCTMgq0py8YlWdRQqQwYgRfEUaPX6sKIcKXkPjmKe3Eq7+YYFA7OhRI9MRIwjrHDdSqTiCSEt2F0chNvZ4mUqIwB4wh3nV2VQr55IiQ6n1uzP9NHGdpwc5jntZ59kpdkmLPIyKpSfD5YzU5XrRUDbsNYT+yweeGRtrz3gkKHRvHybatEhY4fT4i8MuXm4LeanZ7aoEGDBg0aNGjQoEGDBg0azDb+BZcVu1l0bWTCAAAAAElFTkSuQmCC";
+"use strict";module.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAYAAADimHc4AAAACXBIWXMAACxLAAAsSwGlPZapAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAATeSURBVHgB7Z1PbttGFMa/oVQUTTdC4+7VE9Q3sHKC1iewewIriyK1sxC7iRt0EfUElU/g3MDOCaqeoO46NcBVgwASJ+8xDGAkHPmRojKc4fstLIJDjsnvG84f/nkDKIqiKIqiKIqiKIqifDYMdsTeEzvJB/g+sZjQP9nPDUb0O0JHsUBmLBb/nZvHdfYbTe1o+DVmlMG0zGex/h+Ps7nJJPu3akBxMA9wQidybA3GCBGLX8mEVLJpeb5XtLj/UR4vKY9DSR4JWmLvzM4GD/APLabBis8YnEg2c4r/Po8JhAyxJaMndjwc4JIPZGf1WcfYKH5NtroCHj61R4MB/mrjQLqCzXGxKV0i/n153KVxoWXxudFCJJSN8B+b6n+J+JTHxetzcwwhjQx4eGp/NKaodjZjcU1/XyHH9Qq4yZ6bGwTKLsQv9kFNuM7namdjl5KFz6k38dxcIwJ2JT5TuxEm8a9c4peXMXfj5oiEXYrP1DKAu5r0M65KsxY3a4PD7NwsEQm7Fr/YX7phWfVw6R9/nMYlfw08yp6p+HURXwEk/sQ4Sj9XO1rym1FnHDCrXEsNrtb5zREZMDqz+67Sz70dRMLnFp8RGcB3NCsTLJba1dwOkQE06DpwJImH3F3Gl/iM1IBxZUKO4Bten+IzIgOojz+uWr96G7YBvsVnRN1Q18hX+tSni7QtPg9SaTw0LfcTP1lr7YFMSLQu/lP7gn5SLqhFYTWY7p3aVLJv7wzYRbVDVfSn2wqfrPXKgB3eUq6qokUvIPTGgC40uFX0woCuis9Eb0CXxWeiNqDr4jPRGhCC+EyUBoQiPhOdASGJz0RlQGjiM9EYEKL4TBQGhCo+E7wBIYvPBG/A4CvwCwFBis+EXwUZ/OBM6rj4TLQDsRDEZ4I3gF8pr1gXhPhM8AYU7/Pb4t2kJQl/w8uhiM9s/YlSFyg/qkgRIL18Jtwl1ADPqAGeUQM8owZ4Rg3wjBrgGTXAM2qAZ9QAz6gBnlEDPKMGeEYN8Iwa4Bk1wDNqgGfUAM+oAZ5RAzyjBnhGFqoAqPwinqNooeeMUuv6HFUURUAWrsaR2RABhyhuieEbx3up/I6SAJEBORxBORJ5jORYyROnAf9CgDRayitH0gF6TpLgqDLBFEFr799ftJErLpDBhOcJQE8pzt1WXwFm1aIBHJbMwFGnJY5gfn3Ace4cQ/X177IokuJuKGVaHZ6Mr4JTO0XP+ObMnmyYJyCFELEBqy8xd3VH6UBm3/5sowlhfx9lFMm0Kq2IIJw728xPEBuQpSarehf/wzHlX+CyDyaw+APg0hVFjNZf1IkSXzt6+t6Z3TRhQ4bIgnffhasdU0bGqkrn0n97br5DDWrfilitcWjdozwO1/WC2oSrmHpHfC58TiTWfFPkeKp6HqEmzSZw+MUemwR/3rcdZb5cA4tkjb85wmIoQf6KeXF4lD+gcQ4HrRVMykOl/5BK/0vUpPkUJkIT+gCV/p9un5kFGtD4bujtb2bBrlvhTacY4XPfRnxm65mninkFElyZkOcOa8aS28Nt58VpbeovjpNJpeEodiMksy3VodW514qrwRSN1iw2I/gTWBL/YvUG8zY7E60acBcesFADc0D/oJh5gw5+3OXJPO/CpTyxyHKDJS1fcy8uljD9iqIoiqIoikK8A1GVFQ/s/hAOAAAAAElFTkSuQmCC";

package/dist/cjs/components/TUIMessage/utils/emojiMap.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.emojiMap={"[NO]":"emoji_0@2x.png","[OK]":"emoji_1@2x.png","[下雨]":"emoji_2@2x.png","[么么哒]":"emoji_3@2x.png","[乒乓]":"emoji_4@2x.png","[便便]":"emoji_5@2x.png","[信封]":"emoji_6@2x.png","[偷笑]":"emoji_7@2x.png","[傲慢]":"emoji_8@2x.png","[再见]":"emoji_9@2x.png","[冷汗]":"emoji_10@2x.png","[凋谢]":"emoji_11@2x.png","[刀]":"emoji_12@2x.png","[删除]":"emoji_13@2x.png","[勾引]":"emoji_14@2x.png","[发呆]":"emoji_15@2x.png","[发抖]":"emoji_16@2x.png","[可怜]":"emoji_17@2x.png","[可爱]":"emoji_18@2x.png","[右哼哼]":"emoji_19@2x.png","[右太极]":"emoji_20@2x.png","[右车头]":"emoji_21@2x.png","[吐]":"emoji_22@2x.png","[吓]":"emoji_23@2x.png","[咒骂]":"emoji_24@2x.png","[咖啡]":"emoji_25@2x.png","[啤酒]":"emoji_26@2x.png","[嘘]":"emoji_27@2x.png","[回头]":"emoji_28@2x.png","[困]":"emoji_29@2x.png","[坏笑]":"emoji_30@2x.png","[多云]":"emoji_31@2x.png","[大兵]":"emoji_32@2x.png","[大哭]":"emoji_33@2x.png","[太阳]":"emoji_34@2x.png","[奋斗]":"emoji_35@2x.png","[奶瓶]":"emoji_36@2x.png","[委屈]":"emoji_37@2x.png","[害羞]":"emoji_38@2x.png","[尴尬]":"emoji_39@2x.png","[左哼哼]":"emoji_40@2x.png","[左太极]":"emoji_41@2x.png","[左车头]":"emoji_42@2x.png","[差劲]":"emoji_43@2x.png","[弱]":"emoji_44@2x.png","[强]":"emoji_45@2x.png","[彩带]":"emoji_46@2x.png","[彩球]":"emoji_47@2x.png","[得意]":"emoji_48@2x.png","[微笑]":"emoji_49@2x.png","[心碎了]":"emoji_50@2x.png","[快哭了]":"emoji_51@2x.png","[怄火]":"emoji_52@2x.png","[怒]":"emoji_53@2x.png","[惊恐]":"emoji_54@2x.png","[惊讶]":"emoji_55@2x.png","[憨笑]":"emoji_56@2x.png","[手枪]":"emoji_57@2x.png","[打哈欠]":"emoji_58@2x.png","[抓狂]":"emoji_59@2x.png","[折磨]":"emoji_60@2x.png","[抠鼻]":"emoji_61@2x.png","[抱抱]":"emoji_62@2x.png","[抱拳]":"emoji_63@2x.png","[拳头]":"emoji_64@2x.png","[挥手]":"emoji_65@2x.png","[握手]":"emoji_66@2x.png","[撇嘴]":"emoji_67@2x.png","[擦汗]":"emoji_68@2x.png","[敲打]":"emoji_69@2x.png","[晕]":"emoji_70@2x.png","[月亮]":"emoji_71@2x.png","[棒棒糖]":"emoji_72@2x.png","[汽车]":"emoji_73@2x.png","[沙发]":"emoji_74@2x.png","[流汗]":"emoji_75@2x.png","[流泪]":"emoji_76@2x.png","[激动]":"emoji_77@2x.png","[灯泡]":"emoji_78@2x.png","[炸弹]":"emoji_79@2x.png","[熊猫]":"emoji_80@2x.png","[爆筋]":"emoji_81@2x.png","[爱你]":"emoji_82@2x.png","[爱心]":"emoji_83@2x.png","[爱情]":"emoji_84@2x.png","[猪头]":"emoji_85@2x.png","[猫咪]":"emoji_86@2x.png","[献吻]":"emoji_87@2x.png","[玫瑰]":"emoji_88@2x.png","[瓢虫]":"emoji_89@2x.png","[疑问]":"emoji_90@2x.png","[白眼]":"emoji_91@2x.png","[皮球]":"emoji_92@2x.png","[睡觉]":"emoji_93@2x.png","[磕头]":"emoji_94@2x.png","[示爱]":"emoji_95@2x.png","[礼品袋]":"emoji_96@2x.png","[礼物]":"emoji_97@2x.png","[篮球]":"emoji_98@2x.png","[米饭]":"emoji_99@2x.png","[糗大了]":"emoji_100@2x.png","[红双喜]":"emoji_101@2x.png","[红灯笼]":"emoji_102@2x.png","[纸巾]":"emoji_103@2x.png","[胜利]":"emoji_104@2x.png","[色]":"emoji_105@2x.png","[药]":"emoji_106@2x.png","[菜刀]":"emoji_107@2x.png","[蛋糕]":"emoji_108@2x.png","[蜡烛]":"emoji_109@2x.png","[街舞]":"emoji_110@2x.png","[衰]":"emoji_111@2x.png","[西瓜]":"emoji_112@2x.png","[调皮]":"emoji_113@2x.png","[象棋]":"emoji_114@2x.png","[跳绳]":"emoji_115@2x.png","[跳跳]":"emoji_116@2x.png","[车厢]":"emoji_117@2x.png","[转圈]":"emoji_118@2x.png","[鄙视]":"emoji_119@2x.png","[酷]":"emoji_120@2x.png","[钞票]":"emoji_121@2x.png","[钻戒]":"emoji_122@2x.png","[闪电]":"emoji_123@2x.png","[闭嘴]":"emoji_124@2x.png","[闹钟]":"emoji_125@2x.png","[阴险]":"emoji_126@2x.png","[难过]":"emoji_127@2x.png","[雨伞]":"emoji_128@2x.png","[青蛙]":"emoji_129@2x.png","[面条]":"emoji_130@2x.png","[鞭炮]":"emoji_131@2x.png","[风车]":"emoji_132@2x.png","[飞吻]":"emoji_133@2x.png","[飞机]":"emoji_134@2x.png","[饥饿]":"emoji_135@2x.png","[香蕉]":"emoji_136@2x.png","[骷髅]":"emoji_137@2x.png","[麦克风]":"emoji_138@2x.png","[麻将]":"emoji_139@2x.png","[鼓掌]":"emoji_140@2x.png","[龇牙]":"emoji_141@2x.png"},exports.emojiName=["[龇牙]","[调皮]","[流汗]","[偷笑]","[再见]","[敲打]","[擦汗]","[猪头]","[玫瑰]","[流泪]","[大哭]","[嘘]","[酷]","[抓狂]","[委屈]","[便便]","[炸弹]","[菜刀]","[可爱]","[色]","[害羞]","[得意]","[吐]","[微笑]","[怒]","[尴尬]","[惊恐]","[冷汗]","[爱心]","[示爱]","[白眼]","[傲慢]","[难过]","[惊讶]","[疑问]","[困]","[么么哒]","[憨笑]","[爱情]","[衰]","[撇嘴]","[阴险]","[奋斗]","[发呆]","[右哼哼]","[抱抱]","[坏笑]","[飞吻]","[鄙视]","[晕]","[大兵]","[可怜]","[强]","[弱]","[握手]","[胜利]","[抱拳]","[凋谢]","[米饭]","[蛋糕]","[西瓜]","[啤酒]","[瓢虫]","[勾引]","[OK]","[爱你]","[咖啡]","[月亮]","[刀]","[发抖]","[差劲]","[拳头]","[心碎了]","[太阳]","[礼物]","[皮球]","[骷髅]","[挥手]","[闪电]","[饥饿]","[咒骂]","[折磨]","[抠鼻]","[鼓掌]","[糗大了]","[左哼哼]","[打哈欠]","[快哭了]","[吓]","[篮球]","[乒乓]","[NO]","[跳跳]","[怄火]","[转圈]","[磕头]","[回头]","[跳绳]","[激动]","[街舞]","[献吻]","[左太极]","[右太极]","[闭嘴]","[猫咪]","[红双喜]","[鞭炮]","[红灯笼]","[麻将]","[麦克风]","[礼品袋]","[信封]","[象棋]","[彩带]","[蜡烛]","[爆筋]","[棒棒糖]","[奶瓶]","[面条]","[香蕉]","[飞机]","[左车头]","[车厢]","[右车头]","[多云]","[下雨]","[钞票]","[熊猫]","[灯泡]","[风车]","[闹钟]","[雨伞]","[彩球]","[钻戒]","[沙发]","[纸巾]","[手枪]","[青蛙]"],exports.emojiUrl="https://web.sdk.qcloud.com/im/assets/emoji/";
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e={"[NO]":"[no]","[OK]":"[ok]","[下雨]":"[rain]","[么么哒]":"[muah]","[乒乓]":"[ping pong]","[便便]":"[poo]","[信封]":"[mail]","[偷笑]":"[snicker]","[傲慢]":"[arrogant]","[再见]":"[bye]","[冷汗]":"[sweat]","[凋谢]":"[wither]","[刀]":"[knife]","[删除]":"[delete]","[勾引]":"[hook]","[发呆]":"[daze]","[发抖]":"[shaking]","[可怜]":"[pitiful]","[可爱]":"[cute]","[右哼哼]":"[right hum]","[右太极]":"[right Tai Chi]","[右车头]":"[right head]","[吐]":"[vomit]","[吓]":"[scare]","[咒骂]":"[curse]","[咖啡]":"[cafe]","[啤酒]":"[beer]","[嘘]":"[hiss]","[回头]":"[look back]","[困]":"[sleepy]","[坏笑]":"[bad laugh]","[多云]":"[cloud]","[大兵]":"[soldiers]","[大哭]":"[cry]","[太阳]":"[sun]","[奋斗]":"[struggle]","[奶瓶]":"[feeding bottle]","[委屈]":"[wronged]","[害羞]":"[shy]","[尴尬]":"[awkward]","[左哼哼]":"[left hem]","[左太极]":"[left Tai Chi]","[左车头]":"[left head]","[差劲]":"[poor]","[弱]":"[weak]","[强]":"[stong]","[彩带]":"[ribbon]","[彩球]":"[ball]","[得意]":"[proud]","[微笑]":"[smile]","[心碎了]":"[heartbroken]","[快哭了]":"[almost cry]","[怄火]":"[ire]","[怒]":"[anger]","[惊恐]":"[terrify]","[惊讶]":"[flummox]","[憨笑]":"[smirk]","[手枪]":"[gun]","[打哈欠]":"[yawn]","[抓狂]":"[crazy]","[折磨]":"[torment]","[抠鼻]":"[nose picking]","[抱抱]":"[hug]","[抱拳]":"[hug fist]","[拳头]":"[fist]","[挥手]":"[waving hands]","[握手]":"[shake hands]","[撇嘴]":"[pouted]","[擦汗]":"[wipe sweat]","[敲打]":"[knock on the head]","[晕]":"[faint]","[月亮]":"[moon]","[棒棒糖]":"[lollipop]","[汽车]":"[car]","[沙发]":"[sofa]","[流汗]":"[sweat]","[流泪]":"[tears]","[激动]":"[excitement]","[灯泡]":"[light]","[炸弹]":"[bomb]","[熊猫]":"[panda]","[爆筋]":"[exploding muscle]","[爱你]":"[love you]","[爱心]":"[love heart]","[爱情]":"[love]","[猪头]":"[pig]","[猫咪]":"[cat]","[献吻]":"[kiss]","[玫瑰]":"[rose]","[瓢虫]":"[ladybird]","[疑问]":"[what]","[白眼]":"[rolling eyes]","[皮球]":"[rubber ball]","[睡觉]":"[sleep]","[磕头]":"[kowtow]","[示爱]":"[show love]","[礼品袋]":"[gift bag]","[礼物]":"[gift]","[篮球]":"[basketball]","[米饭]":"[rice]","[糗大了]":"[shame]","[红双喜]":"[happiness]","[红灯笼]":"[lantern]","[纸巾]":"[tissue]","[胜利]":"[victory]","[色]":"[lecherous]","[药]":"[medicine]","[菜刀]":"[kitchen knife]","[蛋糕]":"[coke]","[蜡烛]":"[candle]","[街舞]":"[hip hop]","[衰]":"[decline]","[西瓜]":"[lemon]","[调皮]":"[naughty]","[象棋]":"[chess]","[跳绳]":"[jump rope]","[跳跳]":"[jump]","[车厢]":"[compartment]","[转圈]":"[turn in circles]","[鄙视]":"[contempt]","[酷]":"[cool]","[钞票]":"[money]","[钻戒]":"[diamond]","[闪电]":"[lightning]","[闭嘴]":"[shut up]","[闹钟]":"[clock]","[阴险]":"[sinister]","[难过]":"[sad]","[雨伞]":"[umbrella]","[青蛙]":"[frog]","[面条]":"[noodles]","[鞭炮]":"[firecracker]","[风车]":"[windmill]","[飞吻]":"[blow kisses]","[飞机]":"[air]","[饥饿]":"[hunger]","[香蕉]":"[banana]","[骷髅]":"[skull]","[麦克风]":"[mic]","[麻将]":"[mahjong]","[鼓掌]":"[handclap]","[龇牙]":"[happy]"};function o(e,i,n){var m=e;return(m=m.replace(i,n)).includes(i)&&(m=o(m,i,n)),m}exports.emojiEnKey=e,exports.emojiMap={"[NO]":"emoji_0@2x.png","[OK]":"emoji_1@2x.png","[下雨]":"emoji_2@2x.png","[么么哒]":"emoji_3@2x.png","[乒乓]":"emoji_4@2x.png","[便便]":"emoji_5@2x.png","[信封]":"emoji_6@2x.png","[偷笑]":"emoji_7@2x.png","[傲慢]":"emoji_8@2x.png","[再见]":"emoji_9@2x.png","[冷汗]":"emoji_10@2x.png","[凋谢]":"emoji_11@2x.png","[刀]":"emoji_12@2x.png","[删除]":"emoji_13@2x.png","[勾引]":"emoji_14@2x.png","[发呆]":"emoji_15@2x.png","[发抖]":"emoji_16@2x.png","[可怜]":"emoji_17@2x.png","[可爱]":"emoji_18@2x.png","[右哼哼]":"emoji_19@2x.png","[右太极]":"emoji_20@2x.png","[右车头]":"emoji_21@2x.png","[吐]":"emoji_22@2x.png","[吓]":"emoji_23@2x.png","[咒骂]":"emoji_24@2x.png","[咖啡]":"emoji_25@2x.png","[啤酒]":"emoji_26@2x.png","[嘘]":"emoji_27@2x.png","[回头]":"emoji_28@2x.png","[困]":"emoji_29@2x.png","[坏笑]":"emoji_30@2x.png","[多云]":"emoji_31@2x.png","[大兵]":"emoji_32@2x.png","[大哭]":"emoji_33@2x.png","[太阳]":"emoji_34@2x.png","[奋斗]":"emoji_35@2x.png","[奶瓶]":"emoji_36@2x.png","[委屈]":"emoji_37@2x.png","[害羞]":"emoji_38@2x.png","[尴尬]":"emoji_39@2x.png","[左哼哼]":"emoji_40@2x.png","[左太极]":"emoji_41@2x.png","[左车头]":"emoji_42@2x.png","[差劲]":"emoji_43@2x.png","[弱]":"emoji_44@2x.png","[强]":"emoji_45@2x.png","[彩带]":"emoji_46@2x.png","[彩球]":"emoji_47@2x.png","[得意]":"emoji_48@2x.png","[微笑]":"emoji_49@2x.png","[心碎了]":"emoji_50@2x.png","[快哭了]":"emoji_51@2x.png","[怄火]":"emoji_52@2x.png","[怒]":"emoji_53@2x.png","[惊恐]":"emoji_54@2x.png","[惊讶]":"emoji_55@2x.png","[憨笑]":"emoji_56@2x.png","[手枪]":"emoji_57@2x.png","[打哈欠]":"emoji_58@2x.png","[抓狂]":"emoji_59@2x.png","[折磨]":"emoji_60@2x.png","[抠鼻]":"emoji_61@2x.png","[抱抱]":"emoji_62@2x.png","[抱拳]":"emoji_63@2x.png","[拳头]":"emoji_64@2x.png","[挥手]":"emoji_65@2x.png","[握手]":"emoji_66@2x.png","[撇嘴]":"emoji_67@2x.png","[擦汗]":"emoji_68@2x.png","[敲打]":"emoji_69@2x.png","[晕]":"emoji_70@2x.png","[月亮]":"emoji_71@2x.png","[棒棒糖]":"emoji_72@2x.png","[汽车]":"emoji_73@2x.png","[沙发]":"emoji_74@2x.png","[流汗]":"emoji_75@2x.png","[流泪]":"emoji_76@2x.png","[激动]":"emoji_77@2x.png","[灯泡]":"emoji_78@2x.png","[炸弹]":"emoji_79@2x.png","[熊猫]":"emoji_80@2x.png","[爆筋]":"emoji_81@2x.png","[爱你]":"emoji_82@2x.png","[爱心]":"emoji_83@2x.png","[爱情]":"emoji_84@2x.png","[猪头]":"emoji_85@2x.png","[猫咪]":"emoji_86@2x.png","[献吻]":"emoji_87@2x.png","[玫瑰]":"emoji_88@2x.png","[瓢虫]":"emoji_89@2x.png","[疑问]":"emoji_90@2x.png","[白眼]":"emoji_91@2x.png","[皮球]":"emoji_92@2x.png","[睡觉]":"emoji_93@2x.png","[磕头]":"emoji_94@2x.png","[示爱]":"emoji_95@2x.png","[礼品袋]":"emoji_96@2x.png","[礼物]":"emoji_97@2x.png","[篮球]":"emoji_98@2x.png","[米饭]":"emoji_99@2x.png","[糗大了]":"emoji_100@2x.png","[红双喜]":"emoji_101@2x.png","[红灯笼]":"emoji_102@2x.png","[纸巾]":"emoji_103@2x.png","[胜利]":"emoji_104@2x.png","[色]":"emoji_105@2x.png","[药]":"emoji_106@2x.png","[菜刀]":"emoji_107@2x.png","[蛋糕]":"emoji_108@2x.png","[蜡烛]":"emoji_109@2x.png","[街舞]":"emoji_110@2x.png","[衰]":"emoji_111@2x.png","[西瓜]":"emoji_112@2x.png","[调皮]":"emoji_113@2x.png","[象棋]":"emoji_114@2x.png","[跳绳]":"emoji_115@2x.png","[跳跳]":"emoji_116@2x.png","[车厢]":"emoji_117@2x.png","[转圈]":"emoji_118@2x.png","[鄙视]":"emoji_119@2x.png","[酷]":"emoji_120@2x.png","[钞票]":"emoji_121@2x.png","[钻戒]":"emoji_122@2x.png","[闪电]":"emoji_123@2x.png","[闭嘴]":"emoji_124@2x.png","[闹钟]":"emoji_125@2x.png","[阴险]":"emoji_126@2x.png","[难过]":"emoji_127@2x.png","[雨伞]":"emoji_128@2x.png","[青蛙]":"emoji_129@2x.png","[面条]":"emoji_130@2x.png","[鞭炮]":"emoji_131@2x.png","[风车]":"emoji_132@2x.png","[飞吻]":"emoji_133@2x.png","[飞机]":"emoji_134@2x.png","[饥饿]":"emoji_135@2x.png","[香蕉]":"emoji_136@2x.png","[骷髅]":"emoji_137@2x.png","[麦克风]":"emoji_138@2x.png","[麻将]":"emoji_139@2x.png","[鼓掌]":"emoji_140@2x.png","[龇牙]":"emoji_141@2x.png"},exports.emojiName=["[龇牙]","[调皮]","[流汗]","[偷笑]","[再见]","[敲打]","[擦汗]","[猪头]","[玫瑰]","[流泪]","[大哭]","[嘘]","[酷]","[抓狂]","[委屈]","[便便]","[炸弹]","[菜刀]","[可爱]","[色]","[害羞]","[得意]","[吐]","[微笑]","[怒]","[尴尬]","[惊恐]","[冷汗]","[爱心]","[示爱]","[白眼]","[傲慢]","[难过]","[惊讶]","[疑问]","[困]","[么么哒]","[憨笑]","[爱情]","[衰]","[撇嘴]","[阴险]","[奋斗]","[发呆]","[右哼哼]","[抱抱]","[坏笑]","[飞吻]","[鄙视]","[晕]","[大兵]","[可怜]","[强]","[弱]","[握手]","[胜利]","[抱拳]","[凋谢]","[米饭]","[蛋糕]","[西瓜]","[啤酒]","[瓢虫]","[勾引]","[OK]","[爱你]","[咖啡]","[月亮]","[刀]","[发抖]","[差劲]","[拳头]","[心碎了]","[太阳]","[礼物]","[皮球]","[骷髅]","[挥手]","[闪电]","[饥饿]","[咒骂]","[折磨]","[抠鼻]","[鼓掌]","[糗大了]","[左哼哼]","[打哈欠]","[快哭了]","[吓]","[篮球]","[乒乓]","[NO]","[跳跳]","[怄火]","[转圈]","[磕头]","[回头]","[跳绳]","[激动]","[街舞]","[献吻]","[左太极]","[右太极]","[闭嘴]","[猫咪]","[红双喜]","[鞭炮]","[红灯笼]","[麻将]","[麦克风]","[礼品袋]","[信封]","[象棋]","[彩带]","[蜡烛]","[爆筋]","[棒棒糖]","[奶瓶]","[面条]","[香蕉]","[飞机]","[左车头]","[车厢]","[右车头]","[多云]","[下雨]","[钞票]","[熊猫]","[灯泡]","[风车]","[闹钟]","[雨伞]","[彩球]","[钻戒]","[沙发]","[纸巾]","[手枪]","[青蛙]"],exports.emojiUrl="https://web.sdk.qcloud.com/im/assets/emoji/",exports.formatEmojiString=function(i,n){void 0===n&&(n=0);var m=i,p=0===n?1:0,g=n;return Object.entries(e).map((function(e){return m.includes(e[p])&&(m=o(m,e[p],e[g])),e})),m};

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

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

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react");require("tslib"),require("react/jsx-runtime");var t=require("../../../context/TUIChatActionContext.js");exports.useEmojiPicker=function(r){r.textareaRef;var a=r.insertText,s=t.useTUIChatActionContext(),n=s.sendMessage,i=s.createFaceMessage;return{onSelectEmoji:function(e){a(e.data)},sendFaceMessage:e.useCallback((function(e){var t=i({payload:e});n(t)}),[])}};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react");require("tslib"),require("react/jsx-runtime");var t=require("../../../context/TUIChatActionContext.js"),r=require("../../TUIMessage/utils/emojiMap.js");exports.useEmojiPicker=function(a){a.textareaRef;var s=a.insertText,i=t.useTUIChatActionContext(),n=i.sendMessage,o=i.createFaceMessage;return{onSelectEmoji:function(e){s(r.emojiEnKey[e.data])},sendFaceMessage:e.useCallback((function(e){var t=o({payload:e});n(t)}),[])}};

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react"),n=require("../../../constants.js"),a=require("../../../context/TUIKitContext.js"),r=require("../../../context/TUIChatStateContext.js"),u=require("../../../context/TUIChatActionContext.js");require("react/jsx-runtime");var o=require("./useHandleQuoteMessage.js");exports.useMessageInputText=function(s){var c=s.state,T=s.dispatch;s.focus;var i=s.textareaRef,l=t.useState(null);l[0];var C=l[1],d=a.useTUIKitContext("useMessageInputText").tim,_=u.useTUIChatActionContext(),S=_.sendMessage,E=_.createTextMessage,f=_.operateMessage,v=r.useTUIChatStateContext("TUIMessageInputDefault").operateData;t.useEffect((function(){C(v[n.MESSAGE_OPERATE.QUOTE])}),[v]);var x=o.useHandleQuoteMessage().cloudCustomData,p=["Enter","NumpadEnter"],P=t.useCallback((function(e){e.preventDefault(),e&&e.target&&T({type:n.CONSTANT_DISPATCH_TYPE.SET_TEXT,getNewText:function(t){return e.target.value}})}),[d]),g=function(t){return e.__awaiter(void 0,void 0,void 0,(function(){var a,r,u;return e.__generator(this,(function(e){switch(e.label){case 0:return null==t||t.preventDefault(),c.text?(a={payload:{text:c.text}},x.messageReply&&(a.cloudCustomData=JSON.stringify(x)),r=E(a),[4,S(r)]):[2];case 1:return e.sent(),T({getNewText:function(e){return""},type:n.CONSTANT_DISPATCH_TYPE.SET_TEXT}),f(((u={})[n.MESSAGE_OPERATE.QUOTE]=null,u)),[2]}}))}))},N=t.useCallback((function(e){!(null==e?void 0:e.ctrlKey)&&p.indexOf(null==e?void 0:e.code)>-1&&13===e.keyCode&&(null==e||e.preventDefault(),g(e)),(null==e?void 0:e.ctrlKey)&&p.indexOf(null==e?void 0:e.code)>-1&&13===e.keyCode&&T({type:n.CONSTANT_DISPATCH_TYPE.SET_TEXT,getNewText:function(e){return"".concat(e,"\n")}})}),[g,T]),A=t.useCallback((function(t){return e.__awaiter(void 0,void 0,void 0,(function(){var a;return e.__generator(this,(function(e){return t.preventDefault(),t.clipboardData&&t.clipboardData.items?((a=t.clipboardData.getData("text"))&&T({type:n.CONSTANT_DISPATCH_TYPE.SET_TEXT,getNewText:function(e){return"".concat(e).concat(a)}}),[2]):[2]}))}))}),[i]),D=t.useCallback((function(e){var t;T({type:n.CONSTANT_DISPATCH_TYPE.SET_TEXT,getNewText:function(t){return"".concat(t.slice(0,c.cursorPos.start)).concat(e).concat(t.slice(c.cursorPos.start))}}),T({type:n.CONSTANT_DISPATCH_TYPE.SET_CURSOR_POS,value:{start:c.cursorPos.start+e.length,end:c.cursorPos.end+e.length}}),null===(t=null==i?void 0:i.current)||void 0===t||t.focus()}),[i,c]),O=t.useCallback((function(e){var t;T({type:n.CONSTANT_DISPATCH_TYPE.SET_TEXT,getNewText:function(){return"".concat(e)}}),null===(t=null==i?void 0:i.current)||void 0===t||t.focus()}),[i]),I=t.useCallback((function(e){T({type:n.CONSTANT_DISPATCH_TYPE.SET_CURSOR_POS,value:e})}),[i]);return{handleChange:P,handleSubmit:g,handleKeyDown:N,handlePasete:A,insertText:D,setText:O,setCursorPos:I}};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react"),n=require("../../../constants.js"),a=require("../../../context/TUIKitContext.js"),r=require("../../../context/TUIChatStateContext.js"),u=require("../../../context/TUIChatActionContext.js");require("react/jsx-runtime");var o=require("../../TUIMessage/utils/emojiMap.js"),s=require("./useHandleQuoteMessage.js");exports.useMessageInputText=function(c){var i=c.state,T=c.dispatch;c.focus;var l=c.textareaRef,C=t.useState(null);C[0];var d=C[1],S=a.useTUIKitContext("useMessageInputText").tim,_=u.useTUIChatActionContext(),E=_.sendMessage,f=_.createTextMessage,v=_.operateMessage,x=r.useTUIChatStateContext("TUIMessageInputDefault").operateData;t.useEffect((function(){d(x[n.MESSAGE_OPERATE.QUOTE])}),[x]);var p=s.useHandleQuoteMessage().cloudCustomData,g=["Enter","NumpadEnter"],P=t.useCallback((function(e){e.preventDefault(),e&&e.target&&T({type:n.CONSTANT_DISPATCH_TYPE.SET_TEXT,getNewText:function(t){return e.target.value}})}),[S]),N=function(t){return e.__awaiter(void 0,void 0,void 0,(function(){var a,r,u;return e.__generator(this,(function(e){switch(e.label){case 0:return null==t||t.preventDefault(),i.text?(a={payload:{text:o.formatEmojiString(i.text)}},p.messageReply&&(a.cloudCustomData=JSON.stringify(p)),r=f(a),[4,E(r)]):[2];case 1:return e.sent(),T({getNewText:function(e){return""},type:n.CONSTANT_DISPATCH_TYPE.SET_TEXT}),v(((u={})[n.MESSAGE_OPERATE.QUOTE]=null,u)),[2]}}))}))},A=t.useCallback((function(e){!(null==e?void 0:e.ctrlKey)&&g.indexOf(null==e?void 0:e.code)>-1&&13===e.keyCode&&(null==e||e.preventDefault(),N(e)),(null==e?void 0:e.ctrlKey)&&g.indexOf(null==e?void 0:e.code)>-1&&13===e.keyCode&&T({type:n.CONSTANT_DISPATCH_TYPE.SET_TEXT,getNewText:function(e){return"".concat(e,"\n")}})}),[N,T]),D=t.useCallback((function(t){return e.__awaiter(void 0,void 0,void 0,(function(){var a;return e.__generator(this,(function(e){return t.preventDefault(),t.clipboardData&&t.clipboardData.items?((a=o.formatEmojiString(t.clipboardData.getData("text"),1))&&T({type:n.CONSTANT_DISPATCH_TYPE.SET_TEXT,getNewText:function(e){return"".concat(e).concat(a)}}),[2]):[2]}))}))}),[l]),O=t.useCallback((function(e){var t;T({type:n.CONSTANT_DISPATCH_TYPE.SET_TEXT,getNewText:function(t){return"".concat(t.slice(0,i.cursorPos.start)).concat(e).concat(t.slice(i.cursorPos.start))}}),T({type:n.CONSTANT_DISPATCH_TYPE.SET_CURSOR_POS,value:{start:i.cursorPos.start+e.length,end:i.cursorPos.end+e.length}}),null===(t=null==l?void 0:l.current)||void 0===t||t.focus()}),[l,i]),I=t.useCallback((function(e){var t;T({type:n.CONSTANT_DISPATCH_TYPE.SET_TEXT,getNewText:function(){return"".concat(e)}}),null===(t=null==l?void 0:l.current)||void 0===t||t.focus()}),[l]),y=t.useCallback((function(e){T({type:n.CONSTANT_DISPATCH_TYPE.SET_CURSOR_POS,value:e})}),[l]);return{handleChange:P,handleSubmit:N,handleKeyDown:A,handlePasete:D,insertText:O,setText:I,setCursorPos:y}};

package/dist/cjs/components/TUIProfile/TUIProfileDefault.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),a=require("react/jsx-runtime"),t=require("react"),i=require("../../node_modules/react-date-picker/dist/entry.js"),n=require("tim-js-sdk"),l=require("../../context/TUIKitContext.js"),r=require("../Avatar/Avatar.js"),s=require("../DivWithEdit/DivWithEdit.js"),u=require("../Icon/Icon.js"),o=require("../Icon/type.js"),c=require("../untils.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var v,m=d(t),f=d(n),h=((v={})[f.default.TYPES.GENDER_UNKNOWN]="unknow",v[f.default.TYPES.GENDER_MALE]="male",v[f.default.TYPES.GENDER_FEMALE]="female",v),p=["https://im.sdk.qcloud.com/download/tuikit-resource/avatar/avatar_1.png","https://im.sdk.qcloud.com/download/tuikit-resource/avatar/avatar_2.png","https://im.sdk.qcloud.com/download/tuikit-resource/avatar/avatar_3.png","https://im.sdk.qcloud.com/download/tuikit-resource/avatar/avatar_4.png","https://im.sdk.qcloud.com/download/tuikit-resource/avatar/avatar_5.png","https://im.sdk.qcloud.com/download/tuikit-resource/avatar/avatar_6.png"],g=[{label:"Male",value:f.default.TYPES.GENDER_MALE},{label:"Female",value:f.default.TYPES.GENDER_FEMALE}];function _(n){var d,v,m=n.userInfo,f=n.className,_=n.update,j=l.useTUIKitContext("TUIProfileDefault").setTUIProfileShow,x=t.useState(""),E=x[0],N=x[1],k=[{name:"Signature",value:null==m?void 0:m.selfSignature,type:"text",children:null},{name:"Gender",value:null===(d=h[null==m?void 0:m.gender])||void 0===d?void 0:d.replace(h[null==m?void 0:m.gender][0],null===(v=h[null==m?void 0:m.gender][0])||void 0===v?void 0:v.toLocaleUpperCase()),type:"select",children:a.jsx("ul",e.__assign({className:"select-list"},{children:null==g?void 0:g.map((function(t,i){var n="".concat(t.value).concat(i);return a.jsx("li",e.__assign({className:"select-list-item",role:"menuitem",tabIndex:i,onClick:function(){q(t)}},{children:t.label}),n)}))}))},{name:"Birthday",value:null==m?void 0:m.birthday,type:"select",children:a.jsx(i,{className:"tui-profile-birthday",calendarClassName:"tui-profile-birthday-calendar",isOpen:!0,format:"y-MM-dd",onChange:function(e){I(e)},value:function(e){if(8===(null==e?void 0:e.length)){var a=Number(e.slice(0,4)),t=Number(e.slice(4,6)),i=Number(e.slice(-2));return new Date(a,t-1,i)}return new Date}("".concat(null==m?void 0:m.birthday))})}],y=function(e){N(e)},D=function(e){_(e),N("")},b=function(e){var a,t="";switch(null==e?void 0:e.name){case"nick":t="nick";break;case"Signature":t="selfSignature";break;default:return void N("")}var i=((a={})[t]=e.value,a);D(i)},q=function(e){D({gender:e.value})},I=function(e){var a,t,i,n;D({birthday:Number((a=e,t=a.getDate()>9?a.getDate():"0".concat(a.getDate()),i=a.getMonth()>8?a.getMonth()+1:"0".concat(a.getMonth()+1),n=a.getFullYear(),"".concat(n).concat(i).concat(t)))})};return a.jsxs("div",e.__assign({className:"".concat(f," tui-profile")},{children:[a.jsxs("header",e.__assign({className:"tui-profile-header"},{children:[a.jsx(u.Icon,{width:9,height:16,type:o.IconTypes.BACK,onClick:function(){j(!1)}}),a.jsx("h1",{children:"Personal information"})]})),a.jsxs("main",e.__assign({className:"tui-profile-main"},{children:[a.jsx("div",e.__assign({className:"tui-profile-avatar"},{children:a.jsx(r.Avatar,{image:c.handleDisplayAvatar(null==m?void 0:m.avatar),size:94,update:function(e){D({avatar:e})},list:p})})),a.jsx(s.DivWithEdit,{name:"nick",className:"tui-profile-nick",value:null==m?void 0:m.nick,type:"text",toggle:y,isEdit:"nick"===E,confirm:b,close:function(){N("")}}),a.jsxs("div",e.__assign({className:"tui-profile-ID"},{children:[a.jsx("h5",{children:"ID:"}),a.jsx("span",{children:null==m?void 0:m.userID})]}))]})),a.jsx("ul",e.__assign({className:"tui-profile-list"},{children:k.map((function(t){var i="".concat(t.name);return a.jsxs("li",e.__assign({className:"tui-profile-list-item"},{children:[a.jsx("h4",{children:t.name}),a.jsx(s.DivWithEdit,e.__assign({className:"tui-profile-div-with-edit",classEditName:"tui-profile-edit",name:t.name,value:null==t?void 0:t.value,type:t.type,toggle:y,isEdit:E===t.name,confirm:b,close:function(){N("")}},{children:null==t?void 0:t.children}))]}),i)}))}))]}))}var j=m.default.memo(_);exports.TUIProfileDefault=function(t){var i=e.__assign({},t);return a.jsx(j,e.__assign({},i))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),a=require("react/jsx-runtime"),t=require("react"),i=require("react-date-picker"),n=require("tim-js-sdk"),l=require("../../context/TUIKitContext.js"),r=require("../Avatar/Avatar.js"),s=require("../DivWithEdit/DivWithEdit.js"),u=require("../Icon/Icon.js"),o=require("../Icon/type.js"),c=require("../untils.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var v,m=d(t),f=d(i),h=d(n),p=((v={})[h.default.TYPES.GENDER_UNKNOWN]="unknow",v[h.default.TYPES.GENDER_MALE]="male",v[h.default.TYPES.GENDER_FEMALE]="female",v),g=["https://im.sdk.qcloud.com/download/tuikit-resource/avatar/avatar_1.png","https://im.sdk.qcloud.com/download/tuikit-resource/avatar/avatar_2.png","https://im.sdk.qcloud.com/download/tuikit-resource/avatar/avatar_3.png","https://im.sdk.qcloud.com/download/tuikit-resource/avatar/avatar_4.png","https://im.sdk.qcloud.com/download/tuikit-resource/avatar/avatar_5.png","https://im.sdk.qcloud.com/download/tuikit-resource/avatar/avatar_6.png"],_=[{label:"Male",value:h.default.TYPES.GENDER_MALE},{label:"Female",value:h.default.TYPES.GENDER_FEMALE}];function j(i){var n,d,v=i.userInfo,m=i.className,h=i.update,j=l.useTUIKitContext("TUIProfileDefault").setTUIProfileShow,x=t.useState(""),E=x[0],N=x[1],k=[{name:"Signature",value:null==v?void 0:v.selfSignature,type:"text",children:null},{name:"Gender",value:null===(n=p[null==v?void 0:v.gender])||void 0===n?void 0:n.replace(p[null==v?void 0:v.gender][0],null===(d=p[null==v?void 0:v.gender][0])||void 0===d?void 0:d.toLocaleUpperCase()),type:"select",children:a.jsx("ul",e.__assign({className:"select-list"},{children:null==_?void 0:_.map((function(t,i){var n="".concat(t.value).concat(i);return a.jsx("li",e.__assign({className:"select-list-item",role:"menuitem",tabIndex:i,onClick:function(){q(t)}},{children:t.label}),n)}))}))},{name:"Birthday",value:null==v?void 0:v.birthday,type:"select",children:a.jsx(f.default,{className:"tui-profile-birthday",calendarClassName:"tui-profile-birthday-calendar",isOpen:!0,format:"y-MM-dd",onChange:function(e){I(e)},value:function(e){if(8===(null==e?void 0:e.length)){var a=Number(e.slice(0,4)),t=Number(e.slice(4,6)),i=Number(e.slice(-2));return new Date(a,t-1,i)}return new Date}("".concat(null==v?void 0:v.birthday))})}],D=function(e){N(e)},y=function(e){h(e),N("")},b=function(e){var a,t="";switch(null==e?void 0:e.name){case"nick":t="nick";break;case"Signature":t="selfSignature";break;default:return void N("")}var i=((a={})[t]=e.value,a);y(i)},q=function(e){y({gender:e.value})},I=function(e){var a,t,i,n;y({birthday:Number((a=e,t=a.getDate()>9?a.getDate():"0".concat(a.getDate()),i=a.getMonth()>8?a.getMonth()+1:"0".concat(a.getMonth()+1),n=a.getFullYear(),"".concat(n).concat(i).concat(t)))})};return a.jsxs("div",e.__assign({className:"".concat(m," tui-profile")},{children:[a.jsxs("header",e.__assign({className:"tui-profile-header"},{children:[a.jsx(u.Icon,{width:9,height:16,type:o.IconTypes.BACK,onClick:function(){j(!1)}}),a.jsx("h1",{children:"Personal information"})]})),a.jsxs("main",e.__assign({className:"tui-profile-main"},{children:[a.jsx("div",e.__assign({className:"tui-profile-avatar"},{children:a.jsx(r.Avatar,{image:c.handleDisplayAvatar(null==v?void 0:v.avatar),size:94,update:function(e){y({avatar:e})},list:g})})),a.jsx(s.DivWithEdit,{name:"nick",className:"tui-profile-nick",value:null==v?void 0:v.nick,type:"text",toggle:D,isEdit:"nick"===E,confirm:b,close:function(){N("")}}),a.jsxs("div",e.__assign({className:"tui-profile-ID"},{children:[a.jsx("h5",{children:"ID:"}),a.jsx("span",{children:null==v?void 0:v.userID})]}))]})),a.jsx("ul",e.__assign({className:"tui-profile-list"},{children:k.map((function(t){var i="".concat(t.name);return a.jsxs("li",e.__assign({className:"tui-profile-list-item"},{children:[a.jsx("h4",{children:t.name}),a.jsx(s.DivWithEdit,e.__assign({className:"tui-profile-div-with-edit",classEditName:"tui-profile-edit",name:t.name,value:null==t?void 0:t.value,type:t.type,toggle:D,isEdit:E===t.name,confirm:b,close:function(){N("")}},{children:null==t?void 0:t.children}))]}),i)}))}))]}))}var x=m.default.memo(j);exports.TUIProfileDefault=function(t){var i=e.__assign({},t);return a.jsx(x,e.__assign({},i))};

package/dist/cjs/index.css

@@ -1 +1 @@
-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}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-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:SF Pro Text;font-size:14px;font-style:normal;font-weight:700;line-height:17px;padding:1px 0}.conversation-preview-container .content .message{color:#7a7a7a;font-family:SF Pro Text;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:SF Pro Text;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-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,.plugin-popup{align-items:center;display:flex;height:100%}.plugin-popup{padding:0 8px;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;justify-content:space-between;padding:16px 20px}.profile,.profile .profile-content{align-items:center;display:flex}.profile .profile-content .profile-name{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-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-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-size:14px;font-weight:400;line-height:20px;margin-left:10px}.tui-user .tui-user-name.active{color:#0365f9;font-size:14px;font-weight:600;line-height:20px}.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-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-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-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-size:16px;font-weight:400;line-height:22px}.tui-conversation-create-group-detail .create-group-name .input-group-name{color:#000;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-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-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-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-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-size:12px;line-height:17px;text-align:justify}.tui-conversation-group-type-info .group-type-info-document{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-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-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-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}.react-calendar{background:#fff;border:1px solid #a0a096;font-family:Arial,Helvetica,sans-serif;line-height:1.125em;max-width:100%;width:350px}.react-calendar--doubleView{width:700px}.react-calendar--doubleView .react-calendar__viewContainer{display:flex;margin:-.5em}.react-calendar--doubleView .react-calendar__viewContainer>*{margin:.5em;width:50%}.react-calendar,.react-calendar *,.react-calendar :after,.react-calendar :before{box-sizing:border-box}.react-calendar button{border:0;margin:0;outline:none}.react-calendar button:enabled:hover{cursor:pointer}.react-calendar__navigation{display:flex;height:44px;margin-bottom:1em}.react-calendar__navigation button{background:none;min-width:44px}.react-calendar__navigation button:disabled{background-color:#f0f0f0}.react-calendar__navigation button:enabled:focus,.react-calendar__navigation button:enabled:hover{background-color:#e6e6e6}.react-calendar__month-view__weekdays{font-size:.75em;font-weight:700;text-align:center;text-transform:uppercase}.react-calendar__month-view__weekdays__weekday{padding:.5em}.react-calendar__month-view__weekNumbers .react-calendar__tile{align-items:center;display:flex;font-size:.75em;font-weight:700;justify-content:center}.react-calendar__month-view__days__day--weekend{color:#d10000}.react-calendar__month-view__days__day--neighboringMonth{color:#757575}.react-calendar__century-view .react-calendar__tile,.react-calendar__decade-view .react-calendar__tile,.react-calendar__year-view .react-calendar__tile{padding:2em .5em}.react-calendar__tile{background:none;line-height:16px;max-width:100%;padding:10px 6.6667px;text-align:center}.react-calendar__tile:disabled{background-color:#f0f0f0}.react-calendar__tile:enabled:focus,.react-calendar__tile:enabled:hover{background-color:#e6e6e6}.react-calendar__tile--now{background:#ffff76}.react-calendar__tile--now:enabled:focus,.react-calendar__tile--now:enabled:hover{background:#ffffa9}.react-calendar__tile--hasActive{background:#76baff}.react-calendar__tile--hasActive:enabled:focus,.react-calendar__tile--hasActive:enabled:hover{background:#a9d4ff}.react-calendar__tile--active{background:#006edc;color:#fff}.react-calendar__tile--active:enabled:focus,.react-calendar__tile--active:enabled:hover{background:#1087ff}.react-calendar--selectRange .react-calendar__tile--hover{background-color:#e6e6e6}.react-date-picker{display:inline-flex;position:relative}.react-date-picker,.react-date-picker *,.react-date-picker :after,.react-date-picker :before{box-sizing:border-box}.react-date-picker--disabled{background-color:#f0f0f0;color:#6d6d6d}.react-date-picker__wrapper{border:thin solid gray;display:flex;flex-grow:1;flex-shrink:0}.react-date-picker__inputGroup{box-sizing:content-box;flex-grow:1;min-width:calc(12px + 4.754em);padding:0 2px}.react-date-picker__inputGroup__divider{padding:1px 0;white-space:pre}.react-date-picker__inputGroup__input{-moz-appearance:textfield;background:none;border:0;box-sizing:content-box;font:inherit;height:100%;min-width:.54em;padding:0 1px;position:relative}.react-date-picker__inputGroup__input::-webkit-inner-spin-button,.react-date-picker__inputGroup__input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-date-picker__inputGroup__input:invalid{background:rgba(255,0,0,.1)}.react-date-picker__inputGroup__input--hasLeadingZero{margin-left:-.54em;padding-left:calc(1px + .54em)}.react-date-picker__button{background:transparent;border:0;padding:4px 6px}.react-date-picker__button:enabled{cursor:pointer}.react-date-picker__button:enabled:focus .react-date-picker__button__icon,.react-date-picker__button:enabled:hover .react-date-picker__button__icon{stroke:#0078d7}.react-date-picker__button:disabled .react-date-picker__button__icon{stroke:#6d6d6d}.react-date-picker__button svg{display:inherit}.react-date-picker__calendar{max-width:100vw;width:350px;z-index:1}.react-date-picker__calendar--closed{display:none}.react-date-picker__calendar .react-calendar{border-width:thin}.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;font-family:SF Pro Text;font-size:14px;font-style:normal;font-weight:500;line-height:17px}.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-direction:row;justify-self:flex-start}.in .content{align-items:flex-start;flex:1}.out{display:flex;flex-direction:row-reverse;justify-self:flex-end}.out .content{align-items:flex-end;flex:1}.tip{justify-self:center}.bubble{padding:8px 16px}.bubble-in{border-radius:16px 16px 16px 0}.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-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:SF Pro Text;font-size:14px;font-style:normal;font-weight:500;line-height:17px;word-break:break-word}.message-text-content .message-status{clear:right;display:inline-flex;float:right}.message-text,.message-tip{font-family:SF Pro Text;font-size:14px;font-style:normal;font-weight:500;line-height:17px}.message-text .text-img,.message-tip .text-img{height:20px;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-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:SF Pro Text;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}.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-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-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:SF Pro Text;font-size:14px;font-style:normal;font-weight:500;line-height:17px;text-decoration:none}.message-revoke{color:#999}.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-left .header-content{padding:0 8px}.tui-chat-header-right .header-handle-more{padding:10px 3px}.tui-chat-header .title{font-family:SF Pro Text;font-size:14px;font-style:normal;font-weight:700;line-height:17px}.tui-chat-header .system{height:32px}.tui-chat-header{background:#fff}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-item{display:grid;padding:5px 0}.message-list .no-more{color:#999;font-family:SF Pro Text;font-size:14px;font-style:normal;font-weight:500;line-height:17px;text-align:center}.tui-message-input{display:flex;flex-direction:column}.tui-message-input-main{align-items:center;display:flex;flex:1;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:SF Pro Text;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:SF Pro Text;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}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-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%}.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-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:SF Pro Text;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:PingFang SC;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:PingFang SC;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:PingFang SC;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:PingFang SC;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}.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-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-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-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-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}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,.plugin-popup{align-items:center;display:flex;height:100%}.plugin-popup{padding:0 8px;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;font-family:SF Pro Text;font-family:PingFangSC-Medium;font-size:14px;font-style:normal;font-weight:500;line-height:17px}.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-direction:row;justify-self:flex-start}.in .content{align-items:flex-start;flex:1}.out{display:flex;flex-direction:row-reverse;justify-self:flex-end}.out .content{align-items:flex-end;flex:1}.tip{justify-self:center}.bubble{padding:8px 16px}.bubble-in{border-radius:16px 16px 16px 0}.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 .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;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}.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-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-left .header-content{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}.tui-chat-header{background:#fff}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-item{display:grid;padding:5px 0}.message-list .no-more{color:#999;font-family:PingFangSC-Medium;font-size:14px;font-style:normal;font-weight:500;line-height:17px;text-align:center}.tui-message-input{display:flex;flex-direction:column}.tui-message-input-main{align-items:center;display:flex;flex:1;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}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%}.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}.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%}

package/dist/cjs/index.d.css

@@ -90,6 +90,7 @@ table {
   color: #999999;
   font-weight: 400;
   font-size: 16px;
+  font-family: PingFangSC-Medium;
   line-height: 22px;
 }
 .message-default {
@@ -98,6 +99,7 @@ table {
   cursor: pointer;
   font-family: SF Pro Text;
   font-size: 14px;
+  font-family: PingFangSC-Medium;
   font-style: normal;
   font-weight: 500;
   line-height: 17px;
@@ -163,6 +165,7 @@ table {
   font-weight: 400;
   padding: 5px 0 0 10px;
   font-size: 12px;
+  font-family: PingFangSC-Medium;
   line-height: 14px;
   text-align: right;
   color: #7A7A7A;
@@ -186,7 +189,7 @@ table {
 .message-text-content {
   display: inline;
   word-break: break-word;
-  font-family: "SF Pro Text";
+  font-family: PingFangSC-Regular;
   font-style: normal;
   font-weight: 500;
   font-size: 14px;
@@ -200,7 +203,7 @@ table {
 
 .message-text,
 .message-tip {
-  font-family: "SF Pro Text";
+  font-family: PingFangSC-Regular;
   font-style: normal;
   font-weight: 500;
   font-size: 14px;
@@ -279,6 +282,7 @@ table {
   padding-top: 10px;
   font-weight: 400;
   font-size: 12px;
+  font-family: PingFangSC-Medium;
   line-height: 14px;
   color: #7A7A7A;
 }
@@ -335,7 +339,7 @@ table {
   left: 0;
 }
 .meesage-bubble-reply-main .title {
-  font-family: "SF Pro Text";
+  font-family: PingFangSC-Medium;
   font-style: normal;
   font-weight: 500;
   font-size: 14px;
@@ -376,6 +380,7 @@ table {
   content: "!";
   color: #FFFFFF;
   font-size: 12px;
+  font-family: PingFangSC-Medium;
 }
 
 .message-face {
@@ -460,6 +465,7 @@ table {
   align-items: center;
   font-weight: 500;
   font-size: 12.8px;
+  font-family: PingFangSC-Medium;
   line-height: 15px;
 }
 .message-plugin-item:hover {
@@ -477,7 +483,7 @@ table {
 .message-custom a {
   color: #679ce1;
   text-decoration: none;
-  font-family: "SF Pro Text";
+  font-family: PingFangSC-Regular;
   font-style: normal;
   font-weight: 500;
   font-size: 14px;
@@ -560,7 +566,7 @@ table {
   word-break: break-all;
   visibility: hidden;
   max-width: -webkit-fill-available;
-  font-family: "SF Pro Text";
+  font-family: PingFangSC-Medium;
   font-style: normal;
   font-weight: 500;
   font-size: 14px;
@@ -574,7 +580,7 @@ table {
   width: -webkit-fill-available;
   height: -webkit-fill-available;
   flex: 1;
-  font-family: "SF Pro Text";
+  font-family: PingFangSC-Medium;
   font-style: normal;
   font-weight: 500;
   font-size: 14px;
@@ -609,6 +615,7 @@ ul li {
   font-style: normal;
   font-weight: 500;
   font-size: 16px;
+  font-family: PingFangSC-Medium;
   line-height: 19px;
   display: flex;
 }
@@ -682,6 +689,7 @@ ul li {
   flex-direction: column;
   font-weight: 500;
   font-size: 14px;
+  font-family: PingFangSC-Medium;
   line-height: 17px;
   color: #000000;
 }
@@ -717,7 +725,7 @@ ul li {
 }
 .tui-forward-title {
   padding: 0 16px;
-  font-family: "SF Pro Text";
+  font-family: PingFangSC-Medium;
   font-style: normal;
   font-weight: 700;
   font-size: 14px;
@@ -729,7 +737,7 @@ ul li {
   overflow-y: auto;
 }
 .tui-forward-main .no-result {
-  font-family: PingFang SC;
+  font-family: PingFangSC-Medium;
   font-size: 14px;
   font-style: normal;
   line-height: 20px;
@@ -744,7 +752,7 @@ ul li {
   padding: 13px 0;
 }
 .tui-forward-list-title {
-  font-family: "PingFang SC";
+  font-family: PingFangSC-Medium;
   font-style: normal;
   font-weight: 600;
   font-size: 14px;
@@ -752,7 +760,7 @@ ul li {
 }
 .tui-forward-list-item {
   padding: 6px 0;
-  font-family: "PingFang SC";
+  font-family: PingFangSC-Medium;
   font-style: normal;
   font-weight: 400;
   font-size: 14px;
@@ -767,7 +775,7 @@ ul li {
 }
 .tui-forward-list-item .info-nick {
   padding: 0 13px;
-  font-family: "PingFang SC";
+  font-family: PingFangSC-Medium;
   font-style: normal;
   font-weight: 400;
   font-size: 14px;
@@ -790,7 +798,7 @@ ul li {
   background: #0365F9;
   border-radius: 31px;
   padding: 10px 21px;
-  font-family: "PingFang SC";
+  font-family: PingFangSC-Medium;
   font-style: normal;
   font-weight: 400;
   font-size: 14px;
@@ -901,7 +909,7 @@ ul li {
   font-weight: 700;
   font-size: 14px;
   line-height: 17px;
-  font-family: "SF Pro Text";
+  font-family: PingFangSC-Medium;
   padding: 1px 0;
 }
 .conversation-preview-container .content .message {
@@ -909,7 +917,7 @@ ul li {
   text-overflow: ellipsis;
   white-space: nowrap;
   color: #7A7A7A;
-  font-family: "SF Pro Text";
+  font-family: PingFangSC-Medium;
   font-style: normal;
   font-weight: 400;
   font-size: 12px;
@@ -929,7 +937,7 @@ ul li {
 }
 .conversation-preview-container .external .time {
   color: #7A7A7A;
-  font-family: "SF Pro Text";
+  font-family: PingFangSC-Medium;
   font-style: normal;
   font-weight: 400;
   font-size: 12px;
@@ -955,6 +963,7 @@ ul li {
 }
 .conversation-preview-container .external .more--hover .more-handle-box .more-handle-item {
   font-size: 16px;
+  font-family: PingFangSC-Medium;
   line-height: 19px;
   padding: 6px 16px;
   cursor: pointer;
@@ -1010,7 +1019,7 @@ ul li {
   padding: 10px 3px;
 }
 .tui-chat-header .title {
-  font-family: "SF Pro Text";
+  font-family: PingFangSC-Medium;
   font-style: normal;
   font-weight: 700;
   font-size: 14px;
@@ -1055,7 +1064,7 @@ ul li {
 }
 .message-list .no-more {
   text-align: center;
-  font-family: SF Pro Text;
+  font-family: PingFangSC-Medium;
   font-size: 14px;
   font-style: normal;
   font-weight: 500;
@@ -1101,6 +1110,7 @@ ul li {
 .tui-profile-nick {
   font-weight: 700;
   font-size: 24px;
+  font-family: PingFangSC-Medium;
   line-height: 29px;
   text-align: center;
 }
@@ -1113,6 +1123,7 @@ ul li {
   align-items: center;
   font-weight: 400;
   font-size: 12px;
+  font-family: PingFangSC-Medium;
   line-height: 14px;
   color: #666666;
 }
@@ -1130,6 +1141,7 @@ ul li {
   padding-bottom: 3px;
   font-weight: 400;
   font-size: 16px;
+  font-family: PingFangSC-Medium;
   line-height: 22px;
   color: rgba(0, 0, 0, 0.6);
 }
@@ -1169,6 +1181,7 @@ ul li {
 .conversation-search-result.no-result-message {
   color: #999999;
   font-weight: 400;
+  font-family: PingFangSC-Medium;
   font-size: 16px;
   line-height: 22px;
 }
@@ -1236,6 +1249,7 @@ ul li {
   margin-left: 10px;
   font-weight: 700;
   font-size: 14px;
+  font-family: PingFangSC-Medium;
   line-height: 17px;
 }
 .tui-manage .tui-manage-container .tui-manage-info {
@@ -1251,12 +1265,14 @@ ul li {
   text-align: center;
   font-weight: 700;
   font-size: 24px;
+  font-family: PingFangSC-Medium;
   line-height: 29px;
   margin-bottom: 10px;
 }
 .tui-manage .tui-manage-container .tui-manage-info .info-id {
   font-weight: 400;
   font-size: 12px;
+  font-family: PingFangSC-Medium;
   line-height: 14px;
   color: #666666;
   margin-bottom: 30px;
@@ -1276,6 +1292,7 @@ ul li {
 }
 .tui-manage .tui-manage-container .tui-manage-handle .manage-handle-box .manage-handle-title {
   font-size: 16px;
+  font-family: PingFangSC-Medium;
   line-height: 22px;
   color: rgba(0, 0, 0, 0.6);
 }