npm - @tencentcloud/chat-uikit-react - Versions diffs - 1.0.0 → 1.0.1 - Mend

@tencentcloud/chat-uikit-react 1.0.0 → 1.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (133) hide show

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

	@@ -1 +1 @@
1	- "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");require("../../context/TUIMessageContext.js");var 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))};
1	+ "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("../../node_modules/tim-js-sdk/tim-js.js"),l=require("../../context/TUIKitContext.js");require("../../context/TUIMessageContext.js");var r=require("../Avatar/Avatar.js"),s=require("../DivWithEdit/DivWithEdit.js"),o=require("../Icon/Icon.js"),u=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),h=d(i),f=((v={})[n.TYPES.GENDER_UNKNOWN]="unknow",v[n.TYPES.GENDER_MALE]="male",v[n.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:n.TYPES.GENDER_MALE},{label:"Female",value:n.TYPES.GENDER_FEMALE}];function _(i){var n,d,v=i.userInfo,m=i.className,_=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=f[null==v?void 0:v.gender])\|\|void 0===n?void 0:n.replace(f[null==v?void 0:v.gender][0],null===(d=f[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==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==v?void 0:v.birthday,type:"select",children:a.jsx(h.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){_(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(o.Icon,{width:9,height:16,type:u.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:p})})),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 j=m.default.memo(_);exports.TUIProfileDefault=function(t){var i=e.__assign({},t);return a.jsx(j,e.__assign({},i))};

package/dist/cjs/components/TUIProfile/hooks/useMyProfile.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react"),r=require("tim-js-sdk"),n=require("../../../context/TUIKitContext.js");~~function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}~~require("react/jsx-runtime"),require("../../../context/TUIMessageContext.js")~~;var i=u(r);~~exports.useMyProfile=function(){var r=this,u=t.useState(null),a=u[0],o=u[1],s=n.useTUIKitContext("useMyProfile"),l=s.tim,c=s.myProfile,f=t.useCallback((function(){return e.__awaiter(r,void 0,void 0,(function(){var t;return e.__generator(this,(function(e){switch(e.label){case 0:return c?(o(c),[3,3]):[3,1];case 1:return[4,null==l?void 0:l.getMyProfile()];case 2:t=e.sent(),o(null==t?void 0:t.data),e.label=3;case 3:return[2]}}))}))}),[l]),d=t.useCallback((function(t){return e.__awaiter(r,void 0,void 0,(function(){var r,n;return e.__generator(this,(function(u){switch(u.label){case 0:return[4,null==l?void 0:l.updateMyProfile(t)];case 1:return r=u.sent(),n=e.__assign({},a),Object.keys(r.data).map((function(e){return n[e]=r.data[e],e})),o(n),[2,r]}}))}))}),[l]),_=function(e){console.log("onProfileUpdated",e.data)};return t.useEffect((function(){return e.__awaiter(r,void 0,void 0,(function(){return e.__generator(this,(function(e){switch(e.label){case 0:return[4,f()];case 1:return e.sent(),[2]}}))})),null==l\|\|l.on(i.~~default.~~EVENT.PROFILE_UPDATED,_),function(){null==l\|\|l.off(i.~~default.~~EVENT.PROFILE_UPDATED,_)}}),[l]),{myProfile:a,updateMyProfile:d}};
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react"),r=require("../../../node_modules/tim-js-sdk/tim-js.js"),n=require("../../../context/TUIKitContext.js");require("react/jsx-runtime"),require("../../../context/TUIMessageContext.js"),exports.useMyProfile=function(){var i=this,u=t.useState(null),o=u[0],a=u[1],s=n.useTUIKitContext("useMyProfile"),l=s.tim,c=s.myProfile,f=t.useCallback((function(){return e.__awaiter(i,void 0,void 0,(function(){var t;return e.__generator(this,(function(e){switch(e.label){case 0:return c?(a(c),[3,3]):[3,1];case 1:return[4,null==l?void 0:l.getMyProfile()];case 2:t=e.sent(),a(null==t?void 0:t.data),e.label=3;case 3:return[2]}}))}))}),[l]),d=t.useCallback((function(t){return e.__awaiter(i,void 0,void 0,(function(){var r,n;return e.__generator(this,(function(i){switch(i.label){case 0:return[4,null==l?void 0:l.updateMyProfile(t)];case 1:return r=i.sent(),n=e.__assign({},o),Object.keys(r.data).map((function(e){return n[e]=r.data[e],e})),a(n),[2,r]}}))}))}),[l]),_=function(e){console.log("onProfileUpdated",e.data)};return t.useEffect((function(){return e.__awaiter(i,void 0,void 0,(function(){return e.__generator(this,(function(e){switch(e.label){case 0:return[4,f()];case 1:return e.sent(),[2]}}))})),null==l\|\|l.on(r.EVENT.PROFILE_UPDATED,_),function(){null==l\|\|l.off(r.EVENT.PROFILE_UPDATED,_)}}),[l]),{myProfile:o,updateMyProfile:d}};

package/dist/cjs/components/untils.js CHANGED Viewed

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

package/dist/cjs/context/TUIConversationContext.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),s=require("react/jsx-runtime"),r=require("react"),t=require("../components/TUIConversationList/TUIConversationList.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("tim-js-sdk"),require("./TUIMessageContext.js"),require("../components/TUIProfile/TUIProfileDefault.js"),require("../constants.js"),require("date-fns"),require("../components/Icon/config.js"),require("../components/Icon/type.js"),require("../components/TUIMessage/hooks/useMessageReply.js"),require("../components/TUIMessage/MessagePlugins.js"),require("../components/TUIMessage/MessageContext.js"),require("../components/TUIMessageInput/hooks/useHandleQuoteMessage.js"),require("../components/Switch/Switch.js");var n=o(r).default.createContext(void 0);exports.TUIConversationContext=n,exports.TUIConversationProvider=function(r){var o=r.children,i=r.value;return s.jsx(n.Provider,e.__assign({value:i},{children:o\|\|s.jsx(t.TUIConversationList,{})}))},exports.useTUIConversationContext=function(e){var s=r.useContext(n);return!s&&e?{}:s};
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),s=require("react/jsx-runtime"),r=require("react"),t=require("../components/TUIConversationList/TUIConversationList.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("../node_modules/tim-js-sdk/tim-js.js"),require("./TUIMessageContext.js"),require("../components/TUIProfile/TUIProfileDefault.js"),require("../constants.js"),require("date-fns"),require("../components/Icon/config.js"),require("../components/Icon/type.js"),require("../components/TUIMessage/hooks/useMessageReply.js"),require("../components/TUIMessage/MessagePlugins.js"),require("../components/TUIMessage/MessageContext.js"),require("../components/TUIMessageInput/hooks/useHandleQuoteMessage.js"),require("../components/Switch/Switch.js");var n=o(r).default.createContext(void 0);exports.TUIConversationContext=n,exports.TUIConversationProvider=function(r){var o=r.children,i=r.value;return s.jsx(n.Provider,e.__assign({value:i},{children:o\|\|s.jsx(t.TUIConversationList,{})}))},exports.useTUIConversationContext=function(e){var s=r.useContext(n);return!s&&e?{}:s};

package/dist/cjs/hooks/useConversation.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("tim-js-sdk"),n=require("../context/TUIConversationContext.js");~~function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=o(t);~~exports.useConversation=function(t){var o=n.useTUIConversationContext("useConversation");return{createConversation:o.createConversation\|\|function(n){return e.__awaiter(void 0,void 0,void 0,(function(){var o,i,a,u,s,c,p,v,d,C,f,l,m,g,b;return e.__generator(this,(function(e){switch(e.label){case 0:return"string"!=typeof n?[3,2]:[4,t.getConversationProfile(n)];case 1:return[2,e.sent().data.conversation];case 2:return o=n.name,i=n.type,a=n.groupID,u=n.introduction,s=n.notification,c=n.avatar,p=n.maxMemberNum,v=n.joinOption,d=n.memberList,C=void 0===d?[]:d,f=n.groupCustomField,l=void 0===f?[]:f,m=n.isSupportTopic,[4,t.createGroup({name:o,type:i,groupID:a,introduction:u,notification:s,avatar:c,maxMemberNum:p,joinOption:v,memberList:C,groupCustomField:l,isSupportTopic:m})];case 3:return g=e.sent(),b=g.data.group.groupID,i!==r.~~default.~~TYPES.GRP_AVCHATROOM?[3,5]:[4,t.joinGroup({groupID:b,type:r.~~default.~~TYPES.GRP_AVCHATROOM})];case 4:e.sent(),e.label=5;case 5:return[4,t.getConversationProfile("GROUP".concat(b))];case 6:return[2,e.sent().data.conversation]}}))}))},pinConversation:function(e){return t.pinConversation(e)},deleteConversation:o.deleteConversation\|\|function(e){return t.deleteConversation(e)}}};
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("../node_modules/tim-js-sdk/tim-js.js"),o=require("../context/TUIConversationContext.js");exports.useConversation=function(n){var r=o.useTUIConversationContext("useConversation");return{createConversation:r.createConversation\|\|function(o){return e.__awaiter(void 0,void 0,void 0,(function(){var r,i,a,s,u,c,p,v,d,C,m,l,f,g,_;return e.__generator(this,(function(e){switch(e.label){case 0:return"string"!=typeof o?[3,2]:[4,n.getConversationProfile(o)];case 1:return[2,e.sent().data.conversation];case 2:return r=o.name,i=o.type,a=o.groupID,s=o.introduction,u=o.notification,c=o.avatar,p=o.maxMemberNum,v=o.joinOption,d=o.memberList,C=void 0===d?[]:d,m=o.groupCustomField,l=void 0===m?[]:m,f=o.isSupportTopic,[4,n.createGroup({name:r,type:i,groupID:a,introduction:s,notification:u,avatar:c,maxMemberNum:p,joinOption:v,memberList:C,groupCustomField:l,isSupportTopic:f})];case 3:return g=e.sent(),_=g.data.group.groupID,i!==t.TYPES.GRP_AVCHATROOM?[3,5]:[4,n.joinGroup({groupID:_,type:t.TYPES.GRP_AVCHATROOM})];case 4:e.sent(),e.label=5;case 5:return[4,n.getConversationProfile("GROUP".concat(_))];case 6:return[2,e.sent().data.conversation]}}))}))},pinConversation:function(e){return n.pinConversation(e)},deleteConversation:r.deleteConversation\|\|function(e){return n.deleteConversation(e)}}};

package/dist/cjs/index.css CHANGED Viewed

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

package/dist/cjs/index.d.css CHANGED Viewed

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

package/dist/cjs/index.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./components/TUIKit/TUIKit.js"),t=require("./components/TUIKit/hooks/useTUIKit.js"),o=require("./components/TUIKit/hooks/useCreateTUIKitContext.js"),s=require("./components/TUIConversation/TUIConversation.js"),r=require("./components/TUIConversationList/TUIConversationList.js");require("tslib"),require("react"),require("tim-js-sdk");var n=require("./components/TUIChat/TUIChat.js"),a=require("./components/ConversationPreview/ConversationPreview.js"),i=require("./components/ConversationPreview/ConversationPreviewContent.js"),p=require("./components/TUIChatHeader/TUIChatHeader.js"),u=require("./components/TUIChatHeader/TUIChatHeaderDefault.js"),I=require("./components/TUIMessageList/TUIMessageList.js"),C=require("./components/TUIMessage/TUIMessage.js"),x=require("./components/TUIMessage/MessagePlugins.js"),T=require("./components/TUIMessage/MessageContext.js"),U=require("./components/TUIMessageInput/TUIMessageInput.js"),c=require("./components/TUIMessageInput/TUIMessageInputDefault.js"),v=require("./components/TUIMessageInput/InputPluginsDefalut.js"),m=require("./components/TUIProfile/TUIProfile.js"),g=require("./components/TUIProfile/TUIProfileDefault.js"),l=require("./components/Avatar/Avatar.js"),h=require("./components/Avatar/default.js"),M=require("./components/ConversationSearch/ConversationSearchInput.js"),d=require("./components/ConversationSearch/ConversationSearchResult.js"),P=require("./components/TUIManage/TUIManage.js"),j=require("./components/Popup/index.js"),q=require("./components/Checkbox/index.js"),f=require("./components/DivWithEdit/DivWithEdit.js"),S=require("./components/Icon/Icon.js"),A=require("./components/Icon/type.js"),K=require("./components/EmptyStateIndicator/EmptyStateIndicator.js"),w=require("./components/Input/Input.js"),D=require("./components/Model/index.js"),y=require("./components/Plugins/index.js"),b=require("./components/Switch/Switch.js"),k=require("./components/Toast/index.js"),L=require("./context/TUIKitContext.js"),E=require("./context/TUIChatStateContext.js"),G=require("./context/TUIChatActionContext.js"),H=require("./context/TUIMessageContext.js"),W=require("./context/ComponentContext.js"),R=require("./context/TUIMessageInputContext.js"),O=require("./hooks/useConversation.js"),z=require("./hooks/useProfile.js");exports.TUIKit=e.TUIKit,exports.useTUIKit=t.useTUIKit,exports.useCreateTUIKitContext=o.useCreateTUIKitContext,exports.TUIConversation=s.TUIConversation,exports.UnMemoizedTUIConversation=s.UnMemoizedTUIConversation,exports.TUIConversationList=r.TUIConversationList,exports.UnMemoTUIConversationList=r.UnMemoTUIConversationList,exports.TUIChat=n.TUIChat,exports.ConversationPreview=a.ConversationPreview,exports.ConversationPreviewContent=i.ConversationPreviewContent,exports.unMemoConversationPreviewContent=i.unMemoConversationPreviewContent,exports.TUIChatHeader=p.TUIChatHeader,exports.TUIChatHeaderDefault=u.TUIChatHeaderDefault,exports.TUIMessageList=I.TUIMessageList,exports.TUIMessage=C.TUIMessage,exports.MessagePlugins=x.MessagePlugins,exports.MessageContext=T.MessageContext,exports.TUIMessageInput=U.TUIMessageInput,exports.TUIMessageInputDefault=c.TUIMessageInputDefault,exports.InputPluginsDefalut=v.InputPluginsDefalut,exports.TUIProfile=m.TUIProfile,exports.TUIProfileDefault=g.TUIProfileDefault,exports.Avatar=l.Avatar,exports.defaultGroupAvatarAVChatRoom=h.defaultGroupAvatarAVChatRoom,exports.defaultGroupAvatarMeeting=h.defaultGroupAvatarMeeting,exports.defaultGroupAvatarPublic=h.defaultGroupAvatarPublic,exports.defaultGroupAvatarWork=h.defaultGroupAvatarWork,exports.defaultUserAvatar=h.defaultUserAvatar,exports.ConversationSearchInput=M.ConversationSearchInput,exports.ConversationSearchResult=d.ConversationSearchResult,exports.TUIManage=P.TUIManage,exports.Popup=j.Popup,exports.Checkbox=q.Checkbox,exports.DivWithEdit=f.DivWithEdit,exports.Icon=S.Icon,exports.changeTypeToIconClassName=S.changeTypeToIconClassName,Object.defineProperty(exports,"IconTypes",{enumerable:!0,get:function(){return A.IconTypes}}),exports.EmptyStateIndicator=K.EmptyStateIndicator,exports.Input=w.Input,exports.Model=D.Model,exports.Plugins=y.Plugins,exports.Switch=b.Switch,exports.Toast=k.Toast,exports.TUIKitContext=L.TUIKitContext,exports.TUIKitProvider=L.TUIKitProvider,exports.useTUIKitContext=L.useTUIKitContext,exports.TUIChatStateContext=E.TUIChatStateContext,exports.TUIChatStateContextProvider=E.TUIChatStateContextProvider,exports.useTUIChatStateContext=E.useTUIChatStateContext,exports.TUIChatActionContext=G.TUIChatActionContext,exports.TUIChatActionProvider=G.TUIChatActionProvider,exports.useTUIChatActionContext=G.useTUIChatActionContext,exports.TUIMessageContext=H.TUIMessageContext,exports.TUIMessageContextProvider=H.TUIMessageContextProvider,Object.defineProperty(exports,"messageShowType",{enumerable:!0,get:function(){return H.messageShowType}}),exports.useTUIMessageContext=H.useTUIMessageContext,exports.ComponentContext=W.ComponentContext,exports.ComponentProvider=W.ComponentProvider,exports.useComponentContext=W.useComponentContext,exports.TUIMessageInputContext=R.TUIMessageInputContext,exports.TUIMessageInputContextProvider=R.TUIMessageInputContextProvider,exports.useTUIMessageInputContext=R.useTUIMessageInputContext,exports.useConversation=O.useConversation,exports.useProfile=z.useProfile;
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./components/TUIKit/TUIKit.js"),t=require("./components/TUIKit/hooks/useTUIKit.js"),o=require("./components/TUIKit/hooks/useCreateTUIKitContext.js"),s=require("./components/TUIConversation/TUIConversation.js"),r=require("./components/TUIConversationList/TUIConversationList.js");require("tslib"),require("react"),require("./node_modules/tim-js-sdk/tim-js.js");var n=require("./components/TUIChat/TUIChat.js"),a=require("./components/ConversationPreview/ConversationPreview.js"),i=require("./components/ConversationPreview/ConversationPreviewContent.js"),p=require("./components/TUIChatHeader/TUIChatHeader.js"),u=require("./components/TUIChatHeader/TUIChatHeaderDefault.js"),I=require("./components/TUIMessageList/TUIMessageList.js"),C=require("./components/TUIMessage/TUIMessage.js"),x=require("./components/TUIMessage/MessagePlugins.js"),T=require("./components/TUIMessage/MessageContext.js"),U=require("./components/TUIMessageInput/TUIMessageInput.js"),c=require("./components/TUIMessageInput/TUIMessageInputDefault.js"),v=require("./components/TUIMessageInput/InputPluginsDefalut.js"),m=require("./components/TUIProfile/TUIProfile.js"),g=require("./components/TUIProfile/TUIProfileDefault.js"),l=require("./components/Avatar/Avatar.js"),d=require("./components/Avatar/default.js"),h=require("./components/ConversationSearch/ConversationSearchInput.js"),M=require("./components/ConversationSearch/ConversationSearchResult.js"),P=require("./components/TUIManage/TUIManage.js"),j=require("./components/Popup/index.js"),q=require("./components/Checkbox/index.js"),f=require("./components/DivWithEdit/DivWithEdit.js"),S=require("./components/Icon/Icon.js"),A=require("./components/Icon/type.js"),K=require("./components/EmptyStateIndicator/EmptyStateIndicator.js"),w=require("./components/Input/Input.js"),D=require("./components/Model/index.js"),y=require("./components/Plugins/index.js"),b=require("./components/Switch/Switch.js"),k=require("./components/Toast/index.js"),L=require("./context/TUIKitContext.js"),E=require("./context/TUIChatStateContext.js"),G=require("./context/TUIChatActionContext.js"),H=require("./context/TUIMessageContext.js"),W=require("./context/ComponentContext.js"),R=require("./context/TUIMessageInputContext.js"),O=require("./hooks/useConversation.js"),_=require("./hooks/useProfile.js");exports.TUIKit=e.TUIKit,exports.useTUIKit=t.useTUIKit,exports.useCreateTUIKitContext=o.useCreateTUIKitContext,exports.TUIConversation=s.TUIConversation,exports.UnMemoizedTUIConversation=s.UnMemoizedTUIConversation,exports.TUIConversationList=r.TUIConversationList,exports.UnMemoTUIConversationList=r.UnMemoTUIConversationList,exports.TUIChat=n.TUIChat,exports.ConversationPreview=a.ConversationPreview,exports.ConversationPreviewContent=i.ConversationPreviewContent,exports.unMemoConversationPreviewContent=i.unMemoConversationPreviewContent,exports.TUIChatHeader=p.TUIChatHeader,exports.TUIChatHeaderDefault=u.TUIChatHeaderDefault,exports.TUIMessageList=I.TUIMessageList,exports.TUIMessage=C.TUIMessage,exports.MessagePlugins=x.MessagePlugins,exports.MessageContext=T.MessageContext,exports.TUIMessageInput=U.TUIMessageInput,exports.TUIMessageInputDefault=c.TUIMessageInputDefault,exports.InputPluginsDefalut=v.InputPluginsDefalut,exports.TUIProfile=m.TUIProfile,exports.TUIProfileDefault=g.TUIProfileDefault,exports.Avatar=l.Avatar,exports.defaultGroupAvatarAVChatRoom=d.defaultGroupAvatarAVChatRoom,exports.defaultGroupAvatarMeeting=d.defaultGroupAvatarMeeting,exports.defaultGroupAvatarPublic=d.defaultGroupAvatarPublic,exports.defaultGroupAvatarWork=d.defaultGroupAvatarWork,exports.defaultUserAvatar=d.defaultUserAvatar,exports.ConversationSearchInput=h.ConversationSearchInput,exports.ConversationSearchResult=M.ConversationSearchResult,exports.TUIManage=P.TUIManage,exports.Popup=j.Popup,exports.Checkbox=q.Checkbox,exports.DivWithEdit=f.DivWithEdit,exports.Icon=S.Icon,exports.changeTypeToIconClassName=S.changeTypeToIconClassName,Object.defineProperty(exports,"IconTypes",{enumerable:!0,get:function(){return A.IconTypes}}),exports.EmptyStateIndicator=K.EmptyStateIndicator,exports.Input=w.Input,exports.Model=D.Model,exports.Plugins=y.Plugins,exports.Switch=b.Switch,exports.Toast=k.Toast,exports.TUIKitContext=L.TUIKitContext,exports.TUIKitProvider=L.TUIKitProvider,exports.useTUIKitContext=L.useTUIKitContext,exports.TUIChatStateContext=E.TUIChatStateContext,exports.TUIChatStateContextProvider=E.TUIChatStateContextProvider,exports.useTUIChatStateContext=E.useTUIChatStateContext,exports.TUIChatActionContext=G.TUIChatActionContext,exports.TUIChatActionProvider=G.TUIChatActionProvider,exports.useTUIChatActionContext=G.useTUIChatActionContext,exports.TUIMessageContext=H.TUIMessageContext,exports.TUIMessageContextProvider=H.TUIMessageContextProvider,Object.defineProperty(exports,"messageShowType",{enumerable:!0,get:function(){return H.messageShowType}}),exports.useTUIMessageContext=H.useTUIMessageContext,exports.ComponentContext=W.ComponentContext,exports.ComponentProvider=W.ComponentProvider,exports.useComponentContext=W.useComponentContext,exports.TUIMessageInputContext=R.TUIMessageInputContext,exports.TUIMessageInputContextProvider=R.TUIMessageInputContextProvider,exports.useTUIMessageInputContext=R.useTUIMessageInputContext,exports.useConversation=O.useConversation,exports.useProfile=_.useProfile;

package/dist/esm/_virtual/_commonjsHelpers.js ADDED Viewed

	@@ -0,0 +1 @@
1	+ var e="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};export{e as commonjsGlobal};

package/dist/esm/_virtual/tim-js.js ADDED Viewed

	@@ -0,0 +1 @@
1	+ var r={exports:{}};export{r as t};

package/dist/esm/components/ConversationCreate/hooks/useConversationCreate.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{__awaiter as t,__generator as e}from"tslib";import{useState as r,useEffect as o}from"react";import n from"tim-js-sdk";import{strChineseFirstPy as i}from"../static/word.js";import"react/jsx-runtime";import"../../../context/TUIMessageContext.js";import"../../Icon/config.js";import"../../Icon/type.js";import"date-fns";import"../ConversationCreate.js";import"../ConversationGroupTypeInfo.js";import"../../TUIProfile/TUIProfileDefault.js";import"../../../constants.js";import"../../TUIMessage/hooks/useMessageReply.js";import"../../TUIMessage/MessagePlugins.js";import"../../TUIMessage/MessageContext.js";import"../../TUIMessageInput/hooks/useHandleQuoteMessage.js";import"../../Switch/Switch.js";import{useProfile as s}from"../../../hooks/useProfile.js";var u=function(u,c,a){var f=r({}),p=f[0],m=f[1],l=function(t){var e=t.trim(),r=e.charCodeAt(0);return r>40869\|\|r<19968?e.charAt(0):i.charAt(r-19968)},d=function(){return t(void 0,void 0,void 0,(function(){var t,r,o,i,s;return e(this,(function(e){switch(e.label){case 0:return t=c.filter((function(t){return t.type===n.TYPES.CONV_C2C})).slice(0,5).map((function(t){return t.userProfile})),[4,u.getFriendList()];case 1:return r=e.sent(),o=r.code,i=r.data,0===o&&(s=v(i.map((function(t){return t.profile})),t),m(s),a&&a(s,m)),[2]}}))}))},v=function(t,e){void 0===e&&(e=[]);for(var r={"Frequently Contacted":e,"#":[]},o=65;o<=90;o+=1)r[String.fromCharCode(o)]=[];return t.forEach((function(t){var e=t.nick,o=t.userID,n=l(e\|\|o);n>="a"&&n<="z"?r[n.toLocaleUpperCase()].push(t):n<"A"\|\|n>"z"?r["#"].push(t):r[n].push(t)})),Object.keys(r).forEach((function(t){r[t].sort((function(t,e){var r=t.nick,o=t.userID,n=e.nick,i=e.userID;return r\|\|o<n\|\|i\|\|r\|\|o===n\|\|i?1:-1}))})),r},h=s(u).getUserProfile;return o((function(){d()}),[u]),{getFirstLetter:l,queryFriendList:d,getFriendListSortSearchResult:function(r){return t(void 0,void 0,void 0,(function(){var t,o,n,i;return e(this,(function(e){switch(e.label){case 0:return r?[4,h([r])]:[2,p];case 1:return t=e.sent().data,o={},n=!1,Object.keys(p).forEach((function(t){o[t]=p[t].filter((function(t){var e=t.nick,o=t.userID,i=e.toLocaleLowerCase(),s=r.toLocaleLowerCase(),u=i?i.includes(s):o.includes(s);return n=n\|\|u,u}))})),"TencentCloudDemo"===(null===(i=process.env)\|\|void 0===i?void 0:i.REACT_APP_ONLINE)?[2,o]:[2,n?o:v(t)]}}))}))},friendListSortResult:p}};export{u as useConversationCreate};
1	+ import{__awaiter as e,__generator as t}from"tslib";import{useState as r,useEffect as o}from"react";import n from"../../../node_modules/tim-js-sdk/tim-js.js";import{strChineseFirstPy as s}from"../static/word.js";import"react/jsx-runtime";import"../../../context/TUIMessageContext.js";import"../../Icon/config.js";import"../../Icon/type.js";import"date-fns";import"../ConversationCreate.js";import"../ConversationGroupTypeInfo.js";import"../../TUIProfile/TUIProfileDefault.js";import"../../../constants.js";import"../../TUIMessage/hooks/useMessageReply.js";import"../../TUIMessage/MessagePlugins.js";import"../../TUIMessage/MessageContext.js";import"../../TUIMessageInput/hooks/useHandleQuoteMessage.js";import"../../Switch/Switch.js";import{useProfile as i}from"../../../hooks/useProfile.js";var u=function(u,c,a){var f=r({}),p=f[0],m=f[1],l=function(e){var t=e.trim(),r=t.charCodeAt(0);return r>40869\|\|r<19968?t.charAt(0):s.charAt(r-19968)},d=function(){return e(void 0,void 0,void 0,(function(){var e,r,o,s,i;return t(this,(function(t){switch(t.label){case 0:return e=c.filter((function(e){return e.type===n.TYPES.CONV_C2C})).slice(0,5).map((function(e){return e.userProfile})),[4,u.getFriendList()];case 1:return r=t.sent(),o=r.code,s=r.data,0===o&&(i=v(s.map((function(e){return e.profile})),e),m(i),a&&a(i,m)),[2]}}))}))},v=function(e,t){void 0===t&&(t=[]);for(var r={"Frequently Contacted":t,"#":[]},o=65;o<=90;o+=1)r[String.fromCharCode(o)]=[];return e.forEach((function(e){var t=e.nick,o=e.userID,n=l(t\|\|o);n>="a"&&n<="z"?r[n.toLocaleUpperCase()].push(e):n<"A"\|\|n>"z"?r["#"].push(e):r[n].push(e)})),Object.keys(r).forEach((function(e){r[e].sort((function(e,t){var r=e.nick,o=e.userID,n=t.nick,s=t.userID;return r\|\|o<n\|\|s\|\|r\|\|o===n\|\|s?1:-1}))})),r},h=i(u).getUserProfile;return o((function(){d()}),[u]),{getFirstLetter:l,queryFriendList:d,getFriendListSortSearchResult:function(r){return e(void 0,void 0,void 0,(function(){var e,o,n,s;return t(this,(function(t){switch(t.label){case 0:return r?[4,h([r])]:[2,p];case 1:return e=t.sent().data,o={},n=!1,Object.keys(p).forEach((function(e){o[e]=p[e].filter((function(e){var t=e.nick,o=e.userID,s=t.toLocaleLowerCase(),i=r.toLocaleLowerCase(),u=s?s.includes(i):o.includes(i);return n=n\|\|u,u}))})),"TencentCloudDemo"===(null===(s=process.env)\|\|void 0===s?void 0:s.REACT_APP_ONLINE)?[2,o]:[2,n?o:v(e)]}}))}))},friendListSortResult:p}};export{u as useConversationCreate};

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

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

package/dist/esm/components/ConversationSearch/ConversationSearchResult.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{__assign as e}from"tslib";import{jsx as s,jsxs as o}from"react/jsx-runtime";import{ConversationPreview as t}from"../ConversationPreview/ConversationPreview.js";import"react";import{Icon as r}from"../Icon/Icon.js";import{IconTypes as i}from"../Icon/type.js";import"tim-js-sdk";import"../../context/TUIMessageContext.js";import"../ConversationCreate/ConversationCreate.js";import"../ConversationCreate/ConversationGroupTypeInfo.js";import"date-fns";import"../TUIProfile/TUIProfileDefault.js";import"../../constants.js";import"../TUIMessage/hooks/useMessageReply.js";import"../TUIMessage/MessagePlugins.js";import"../TUIMessage/MessageContext.js";import"../TUIMessageInput/hooks/useHandleQuoteMessage.js";import"../Switch/Switch.js";function n(n){var a=n.result,m=n.searchValue,p=n.Preview;return s("div",{children:0===(null==a?void 0:a.length)?o("div",e({className:"conversation-search-result no-result"},{children:[s(r,{className:"no-result-icon",type:i.CRY,width:42,height:42}),s("span",e({className:"no-result-message"},{children:'No results for "'.concat(m,'"')}))]})):a.map((function(o){return s(t,e({searchValue:m},{conversation:o,Preview:p}),o.conversationID)}))})}export{n as ConversationSearchResult};
1	+ import{__assign as e}from"tslib";import{jsx as s,jsxs as o}from"react/jsx-runtime";import{ConversationPreview as t}from"../ConversationPreview/ConversationPreview.js";import"react";import{Icon as r}from"../Icon/Icon.js";import{IconTypes as i}from"../Icon/type.js";import"../../node_modules/tim-js-sdk/tim-js.js";import"../../context/TUIMessageContext.js";import"../ConversationCreate/ConversationCreate.js";import"../ConversationCreate/ConversationGroupTypeInfo.js";import"date-fns";import"../TUIProfile/TUIProfileDefault.js";import"../../constants.js";import"../TUIMessage/hooks/useMessageReply.js";import"../TUIMessage/MessagePlugins.js";import"../TUIMessage/MessageContext.js";import"../TUIMessageInput/hooks/useHandleQuoteMessage.js";import"../Switch/Switch.js";function n(n){var a=n.result,m=n.searchValue,p=n.Preview;return s("div",{children:0===(null==a?void 0:a.length)?o("div",e({className:"conversation-search-result no-result"},{children:[s(r,{className:"no-result-icon",type:i.CRY,width:42,height:42}),s("span",e({className:"no-result-message"},{children:'No results for "'.concat(m,'"')}))]})):a.map((function(o){return s(t,e({searchValue:m},{conversation:o,Preview:p}),o.conversationID)}))})}export{n as ConversationSearchResult};

package/dist/esm/components/TUIChat/TUIChat.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{__assign as e,__awaiter as s,__generator as t}from"tslib";import a,{createElement as o,useReducer as r,useRef as n,useEffect as i,useMemo as c}from"react";import{jsx as g,jsxs as u,Fragment as m}from"react/jsx-runtime";import{useTUIKitContext as M}from"../../context/TUIKitContext.js";import{TUIChatStateContextProvider as d}from"../../context/TUIChatStateContext.js";import{TUIChatActionProvider as p}from"../../context/TUIChatActionContext.js";import{ComponentProvider as l}from"../../context/ComponentContext.js";import I from"./hooks/useCreateTUIChatStateContext.js";import{TUIMessage as T}from"../TUIMessage/TUIMessage.js";import"../TUIMessage/MessagePlugins.js";import"../TUIMessage/MessageContext.js";import{CONSTANT_DISPATCH_TYPE as f}from"../../constants.js";import{useMessageReceviedListener as v}from"./hooks/useMessageReceviedListener.js";import{chatReducer as h,initialState as C}from"./TUIChatState.js";import{useCreateMessage as S}from"./hooks/useCreateMessage.js";import{useHandleMessageList as E}from"./hooks/useHandleMessageList.js";import{useHandleMessage as U}from"./hooks/useHandleMessage.js";import{TUIChatHeader as x}from"../TUIChatHeader/TUIChatHeader.js";import"tim-js-sdk";import"../Icon/config.js";import"../Icon/type.js";import"date-fns";import"../../context/TUIMessageContext.js";import{TUIMessageList as j}from"../TUIMessageList/TUIMessageList.js";import{TUIMessageInput as L}from"../TUIMessageInput/TUIMessageInput.js";import{EmptyStateIndicator as _}from"../EmptyStateIndicator/EmptyStateIndicator.js";import{Toast as y}from"../Toast/index.js";function A(s){var t=s.conversation,a=s.EmptyPlaceholder,r=void 0===a?g(_,{listType:"chat"}):a,n=M("TUIChat"),i=n.conversation,c=n.tim,u=t\|\|i;return(null==u?void 0:u.conversationID)?o(R,e({tim:c},s,{conversation:u,key:u.conversationID})):r}function R(a){var o=this,M=a.tim,_=a.conversation,A=a.className,R=a.children,D=a.TUIMessage,P=a.TUIChatHeader,k=a.TUIMessageInput,H=a.InputPlugins,w=a.MessagePlugins,b=a.MessageContext,F=a.InputQuote,G=a.onMessageRecevied,N=a.sendMessage,O=a.revokeMessage,q=a.messageConfig,Q=a.cloudCustomData,V=a.TUIMessageInputConfig,X=a.TUIMessageListConfig,K=r(h,e(e({},C),{conversation:_})),Y=K[0],z=K[1],B=n(null),J=n(),W=I(e({tim:M,conversation:_,messageListRef:B,textareaRef:J,messageConfig:q,cloudCustomData:Q,TUIMessageInputConfig:V,TUIMessageListConfig:X},Y)),Z=S({tim:M,conversation:_,cloudCustomData:Q}),$=Z.createTextMessage,ee=Z.createFaceMessage,se=Z.createImageMessage,te=Z.createVideoMessage,ae=Z.createFileMessage,oe=Z.createForwardMessage,re=Z.createCustomMessage,ne=Z.createAudioMessage,ie=Z.createTextAtMessage,ce=Z.createLocationMessage,ge=Z.createMergerMessage,ue=E({tim:M,conversation:_,state:Y,dispatch:z}),me=ue.getMessageList,Me=ue.updateMessage,de=ue.editLocalmessage,pe=ue.removeMessage,le=ue.updataUploadPenddingMessageList,Ie=U({state:Y,dispatch:z}),Te=Ie.operateMessage,fe=Ie.setAudioSource,ve=Ie.setVideoSource,he=Ie.setHighlightedMessageId,Ce=function(e,a){return s(o,void 0,void 0,(function(){var s;return t(this,(function(t){switch(t.label){case 0:Me([e]),t.label=1;case 1:return t.trys.push([1,6,,7]),N?[4,N(e,a)]:[3,3];case 2:return t.sent(),[3,5];case 3:return[4,M.sendMessage(e,a)];case 4:t.sent(),t.label=5;case 5:return de(e),[3,7];case 6:throw s=t.sent(),y({text:s,type:"error"}),de(e),new Error(s);case 7:return[2]}}))}))},Se=function(){return s(o,void 0,void 0,(function(){var e;return t(this,(function(s){switch(s.label){case 0:return Y.isCompleted?(z({type:f.SET_NO_MORE,value:!0}),[2]):[4,me({nextReqMessageID:Y.nextReqMessageID})];case 1:return e=s.sent(),z({type:f.SET_HISTORY_MESSAGELIST,value:e.data.messageList}),z({type:f.SET_IS_COMPLETE,value:e.data.isCompleted}),z({type:f.SET_NEXT_REQ_MESSAGE_ID,value:e.data.nextReqMessageID}),[2]}}))}))};v(Me,G),i((function(){s(o,void 0,void 0,(function(){var e;return t(this,(function(s){switch(s.label){case 0:return[4,me()];case 1:return(e=s.sent()).data.messageList.length>0&&z({type:f.SET_MESSAGELIST,value:e.data.messageList}),z({type:f.SET_MESSAGELIST,value:e.data.messageList}),z({type:f.SET_IS_COMPLETE,value:e.data.isCompleted}),z({type:f.SET_NEXT_REQ_MESSAGE_ID,value:e.data.nextReqMessageID}),[2]}}))}))}),[_]);var Ee=c((function(){return{sendMessage:Ce,removeMessage:pe,updateMessage:Me,createTextMessage:$,createFaceMessage:ee,createImageMessage:se,createVideoMessage:te,createFileMessage:ae,createForwardMessage:oe,createCustomMessage:re,createAudioMessage:ne,createTextAtMessage:ie,createLocationMessage:ce,createMergerMessage:ge,editLocalmessage:de,operateMessage:Te,loadMore:Se,revokeMessage:O,setAudioSource:fe,setVideoSource:ve,setHighlightedMessageId:he,updataUploadPenddingMessageList:le}}),[Ce,pe,Me,$,ee,se,te,ae,oe,re,ne,ie,ce,ge,de,Te,Se,O,fe,ve,he,le]),Ue=c((function(){return{TUIMessage:D\|\|T,MessageContext:b,InputPlugins:H,MessagePlugins:w,TUIChatHeader:P,TUIMessageInput:k,InputQuote:F}}),[]);return g("div",e({className:"chat ".concat(A)},{children:g(d,e({value:W},{children:g(p,e({value:Ee},{children:g(l,e({value:Ue},{children:R\|\|u(m,{children:[g(x,{}),g(j,{}),g(L,{})]})}))}))}))}))}var D=a.memo(A);export{D as TUIChat};
1	+ import{__assign as e,__awaiter as s,__generator as t}from"tslib";import a,{createElement as o,useReducer as r,useRef as n,useEffect as i,useMemo as c}from"react";import{jsx as g,jsxs as u,Fragment as m}from"react/jsx-runtime";import{useTUIKitContext as M}from"../../context/TUIKitContext.js";import{TUIChatStateContextProvider as d}from"../../context/TUIChatStateContext.js";import{TUIChatActionProvider as p}from"../../context/TUIChatActionContext.js";import{ComponentProvider as l}from"../../context/ComponentContext.js";import I from"./hooks/useCreateTUIChatStateContext.js";import{TUIMessage as T}from"../TUIMessage/TUIMessage.js";import"../TUIMessage/MessagePlugins.js";import"../TUIMessage/MessageContext.js";import{CONSTANT_DISPATCH_TYPE as f}from"../../constants.js";import{useMessageReceviedListener as v}from"./hooks/useMessageReceviedListener.js";import{chatReducer as h,initialState as C}from"./TUIChatState.js";import{useCreateMessage as S}from"./hooks/useCreateMessage.js";import{useHandleMessageList as E}from"./hooks/useHandleMessageList.js";import{useHandleMessage as U}from"./hooks/useHandleMessage.js";import{TUIChatHeader as x}from"../TUIChatHeader/TUIChatHeader.js";import"../../node_modules/tim-js-sdk/tim-js.js";import"../Icon/config.js";import"../Icon/type.js";import"date-fns";import"../../context/TUIMessageContext.js";import{TUIMessageList as j}from"../TUIMessageList/TUIMessageList.js";import{TUIMessageInput as L}from"../TUIMessageInput/TUIMessageInput.js";import{EmptyStateIndicator as _}from"../EmptyStateIndicator/EmptyStateIndicator.js";import{Toast as y}from"../Toast/index.js";function A(s){var t=s.conversation,a=s.EmptyPlaceholder,r=void 0===a?g(_,{listType:"chat"}):a,n=M("TUIChat"),i=n.conversation,c=n.tim,u=t\|\|i;return(null==u?void 0:u.conversationID)?o(R,e({tim:c},s,{conversation:u,key:u.conversationID})):r}function R(a){var o=this,M=a.tim,_=a.conversation,A=a.className,R=a.children,D=a.TUIMessage,P=a.TUIChatHeader,k=a.TUIMessageInput,H=a.InputPlugins,w=a.MessagePlugins,b=a.MessageContext,F=a.InputQuote,G=a.onMessageRecevied,N=a.sendMessage,O=a.revokeMessage,q=a.messageConfig,Q=a.cloudCustomData,V=a.TUIMessageInputConfig,X=a.TUIMessageListConfig,K=r(h,e(e({},C),{conversation:_})),Y=K[0],z=K[1],B=n(null),J=n(),W=I(e({tim:M,conversation:_,messageListRef:B,textareaRef:J,messageConfig:q,cloudCustomData:Q,TUIMessageInputConfig:V,TUIMessageListConfig:X},Y)),Z=S({tim:M,conversation:_,cloudCustomData:Q}),$=Z.createTextMessage,ee=Z.createFaceMessage,se=Z.createImageMessage,te=Z.createVideoMessage,ae=Z.createFileMessage,oe=Z.createForwardMessage,re=Z.createCustomMessage,ne=Z.createAudioMessage,ie=Z.createTextAtMessage,ce=Z.createLocationMessage,ge=Z.createMergerMessage,ue=E({tim:M,conversation:_,state:Y,dispatch:z}),me=ue.getMessageList,Me=ue.updateMessage,de=ue.editLocalmessage,pe=ue.removeMessage,le=ue.updataUploadPenddingMessageList,Ie=U({state:Y,dispatch:z}),Te=Ie.operateMessage,fe=Ie.setAudioSource,ve=Ie.setVideoSource,he=Ie.setHighlightedMessageId,Ce=function(e,a){return s(o,void 0,void 0,(function(){var s;return t(this,(function(t){switch(t.label){case 0:Me([e]),t.label=1;case 1:return t.trys.push([1,6,,7]),N?[4,N(e,a)]:[3,3];case 2:return t.sent(),[3,5];case 3:return[4,M.sendMessage(e,a)];case 4:t.sent(),t.label=5;case 5:return de(e),[3,7];case 6:throw s=t.sent(),y({text:s,type:"error"}),de(e),new Error(s);case 7:return[2]}}))}))},Se=function(){return s(o,void 0,void 0,(function(){var e;return t(this,(function(s){switch(s.label){case 0:return Y.isCompleted?(z({type:f.SET_NO_MORE,value:!0}),[2]):[4,me({nextReqMessageID:Y.nextReqMessageID})];case 1:return e=s.sent(),z({type:f.SET_HISTORY_MESSAGELIST,value:e.data.messageList}),z({type:f.SET_IS_COMPLETE,value:e.data.isCompleted}),z({type:f.SET_NEXT_REQ_MESSAGE_ID,value:e.data.nextReqMessageID}),[2]}}))}))};v(Me,G),i((function(){s(o,void 0,void 0,(function(){var e;return t(this,(function(s){switch(s.label){case 0:return[4,me()];case 1:return(e=s.sent()).data.messageList.length>0&&z({type:f.SET_MESSAGELIST,value:e.data.messageList}),z({type:f.SET_MESSAGELIST,value:e.data.messageList}),z({type:f.SET_IS_COMPLETE,value:e.data.isCompleted}),z({type:f.SET_NEXT_REQ_MESSAGE_ID,value:e.data.nextReqMessageID}),[2]}}))}))}),[_]);var Ee=c((function(){return{sendMessage:Ce,removeMessage:pe,updateMessage:Me,createTextMessage:$,createFaceMessage:ee,createImageMessage:se,createVideoMessage:te,createFileMessage:ae,createForwardMessage:oe,createCustomMessage:re,createAudioMessage:ne,createTextAtMessage:ie,createLocationMessage:ce,createMergerMessage:ge,editLocalmessage:de,operateMessage:Te,loadMore:Se,revokeMessage:O,setAudioSource:fe,setVideoSource:ve,setHighlightedMessageId:he,updataUploadPenddingMessageList:le}}),[Ce,pe,Me,$,ee,se,te,ae,oe,re,ne,ie,ce,ge,de,Te,Se,O,fe,ve,he,le]),Ue=c((function(){return{TUIMessage:D\|\|T,MessageContext:b,InputPlugins:H,MessagePlugins:w,TUIChatHeader:P,TUIMessageInput:k,InputQuote:F}}),[]);return g("div",e({className:"chat ".concat(A)},{children:g(d,e({value:W},{children:g(p,e({value:Ee},{children:g(l,e({value:Ue},{children:R\|\|u(m,{children:[g(x,{}),g(j,{}),g(L,{})]})}))}))}))}))}var D=a.memo(A);export{D as TUIChat};

package/dist/esm/components/TUIChat/hooks/useCreateMessage.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{__assign as e,__rest as t}from"tslib";import{useState as r,useEffect as a,useCallback as o}from"react";import s from"tim-js-sdk";function n(n){var c=n.tim,u=n.conversation,i=n.to,g=void 0===i?"":i,M=n.type,f=n.cloudCustomData,l=u.type,m=u.userProfile,d=u.groupProfile,p=M\|\|l,v=r({to:g\|\|(p===s.TYPES.CONV_C2C?null==m?void 0:m.userID:null==d?void 0:d.groupID),conversationType:p,cloudCustomData:f}),C=v[0],T=v[1];return a((function(){C.cloudCustomData=f,T(C)}),[f]),{createTextMessage:o((function(t){return c.createTextMessage(e(e({},C),t))}),[c]),createFaceMessage:o((function(t){return c.createFaceMessage(e(e({},C),t))}),[c]),createImageMessage:o((function(t){return c.createImageMessage(e(e({},C),t))}),[c]),createVideoMessage:o((function(t){return c.createVideoMessage(e(e({},C),t))}),[c]),createFileMessage:o((function(t){return c.createFileMessage(e(e({},C),t))}),[c]),createForwardMessage:o((function(r){var a=r.conversation,o=r.message,n=t(r,["conversation","message"]),u=a.type,i=a.userProfile,g=a.groupProfile,M=u===s.TYPES.CONV_C2C?null==i?void 0:i.userID:null==g?void 0:g.groupID;return c.createForwardMessage(e({to:M,conversationType:u,payload:o},n))}),[c]),createCustomMessage:o((function(t){return c.createCustomMessage(e(e({},C),t))}),[c]),createAudioMessage:o((function(t){return c.createAudioMessage(e(e({},C),t))}),[c]),createTextAtMessage:o((function(t){return c.createTextAtMessage(e(e({},C),t))}),[c]),createLocationMessage:o((function(t){return c.createLocationMessage(e(e({},C),t))}),[c]),createMergerMessage:o((function(t){return c.createMergerMessage(e(e({},C),t))}),[c])}}export{n as useCreateMessage};
1	+ import{__assign as e,__rest as t}from"tslib";import{useState as r,useEffect as a,useCallback as s}from"react";import o from"../../../node_modules/tim-js-sdk/tim-js.js";function n(n){var c=n.tim,u=n.conversation,i=n.to,g=void 0===i?"":i,M=n.type,f=n.cloudCustomData,l=u.type,m=u.userProfile,d=u.groupProfile,p=M\|\|l,v=r({to:g\|\|(p===o.TYPES.CONV_C2C?null==m?void 0:m.userID:null==d?void 0:d.groupID),conversationType:p,cloudCustomData:f}),C=v[0],T=v[1];return a((function(){C.cloudCustomData=f,T(C)}),[f]),{createTextMessage:s((function(t){return c.createTextMessage(e(e({},C),t))}),[c]),createFaceMessage:s((function(t){return c.createFaceMessage(e(e({},C),t))}),[c]),createImageMessage:s((function(t){return c.createImageMessage(e(e({},C),t))}),[c]),createVideoMessage:s((function(t){return c.createVideoMessage(e(e({},C),t))}),[c]),createFileMessage:s((function(t){return c.createFileMessage(e(e({},C),t))}),[c]),createForwardMessage:s((function(r){var a=r.conversation,s=r.message,n=t(r,["conversation","message"]),u=a.type,i=a.userProfile,g=a.groupProfile,M=u===o.TYPES.CONV_C2C?null==i?void 0:i.userID:null==g?void 0:g.groupID;return c.createForwardMessage(e({to:M,conversationType:u,payload:s},n))}),[c]),createCustomMessage:s((function(t){return c.createCustomMessage(e(e({},C),t))}),[c]),createAudioMessage:s((function(t){return c.createAudioMessage(e(e({},C),t))}),[c]),createTextAtMessage:s((function(t){return c.createTextAtMessage(e(e({},C),t))}),[c]),createLocationMessage:s((function(t){return c.createLocationMessage(e(e({},C),t))}),[c]),createMergerMessage:s((function(t){return c.createMergerMessage(e(e({},C),t))}),[c])}}export{n as useCreateMessage};

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

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

package/dist/esm/components/TUIChat/unitls.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{__spreadArray as n}from"tslib";import s from"tim-js-sdk";import e from"../../constants.js";import{JSONStringToParse as t}from"../untils.js";var i=function(n){var i=null;return n.filter((function(n){var l;return n.type===s.TYPES.MSG_CUSTOM&&(i=t(null===(l=null==n?void 0:n.payload)\|\|void 0===l?void 0:l.data)),!i\|\|(null==i?void 0:i.businessID)!==e.TYPE_TYPING}))},l=function(n,s){var e,t={messageList:[],lastMessageID:"",isSameLastMessageID:!1};return t.messageList=n,t.messageList.length>=1&&(t.lastMessageID=null===(e=null==t?void 0:t.messageList[t.messageList.length-1])\|\|void 0===e?void 0:e.ID),t.messageList=t.messageList.filter((function(n){return!(null==n?void 0:n.isDeleted)})),t.isSameLastMessageID=(null==t?void 0:t.lastMessageID)===(null==s?void 0:s.lastMessageID),t},r=function(s,e){var t=n([],s,!0),i=t.findIndex((function(n){return(null==n?void 0:n.ID)===(null==e?void 0:e.ID)}));return t[i]=e,t},u=function(s,e){var t=n([],s,!0),i=t.findIndex((function(n){return(null==n?void 0:n.ID)===(null==e?void 0:e.ID)}));return t.splice(i,1),t},o=function(s,e){var t=n([],s,!0);t.some((function(n){return n.ID===e.ID}))\|\|t.push(e);var i=t.findIndex((function(n){return(null==n?void 0:n.ID)===(null==e?void 0:e.ID)}));return t[i]=e,t};export{r as handleEditMessage,i as handleMessage,l as handleMessageList,u as handleRemoveMessage,o as handleUploadPenddingMessage};
1	+ import{__spreadArray as n}from"tslib";import s from"../../node_modules/tim-js-sdk/tim-js.js";import e from"../../constants.js";import{JSONStringToParse as t}from"../untils.js";var i=function(n){var i=null;return n.filter((function(n){var l;return n.type===s.TYPES.MSG_CUSTOM&&(i=t(null===(l=null==n?void 0:n.payload)\|\|void 0===l?void 0:l.data)),!i\|\|(null==i?void 0:i.businessID)!==e.TYPE_TYPING}))},l=function(n,s){var e,t={messageList:[],lastMessageID:"",isSameLastMessageID:!1};return t.messageList=n,t.messageList.length>=1&&(t.lastMessageID=null===(e=null==t?void 0:t.messageList[t.messageList.length-1])\|\|void 0===e?void 0:e.ID),t.messageList=t.messageList.filter((function(n){return!(null==n?void 0:n.isDeleted)})),t.isSameLastMessageID=(null==t?void 0:t.lastMessageID)===(null==s?void 0:s.lastMessageID),t},o=function(s,e){var t=n([],s,!0),i=t.findIndex((function(n){return(null==n?void 0:n.ID)===(null==e?void 0:e.ID)}));return t[i]=e,t},r=function(s,e){var t=n([],s,!0),i=t.findIndex((function(n){return(null==n?void 0:n.ID)===(null==e?void 0:e.ID)}));return t.splice(i,1),t},u=function(s,e){var t=n([],s,!0);t.some((function(n){return n.ID===e.ID}))\|\|t.push(e);var i=t.findIndex((function(n){return(null==n?void 0:n.ID)===(null==e?void 0:e.ID)}));return t[i]=e,t};export{o as handleEditMessage,i as handleMessage,l as handleMessageList,r as handleRemoveMessage,u as handleUploadPenddingMessage};