@tencentcloud/chat-uikit-react 2.2.3 → 2.2.5

package/dist/esm/index.d.ts

@@ -46,5 +46,5 @@ export { TUIContact, UnMemoizedTUIContact } from './components/TUIContact/TUICon
 export { CreateGroupConversationParams, useConversation } from './hooks/useConversation.js';
 export { useProfile } from './hooks/useProfile.js';
 export { t } from './locales/index.js';
-export { isH5, isPC } from './utils/env.js';
+export { isH5, isPC, setPlatform } from './utils/env.js';
 export { default as i18next } from 'i18next';

package/dist/esm/index.js

@@ -1 +1 @@
-import o from"./server.js";export{TUIKit}from"./components/TUIKit/TUIKit.js";export{useTUIKit}from"./components/TUIKit/hooks/useTUIKit.js";export{useCreateTUIKitContext}from"./components/TUIKit/hooks/useCreateTUIKitContext.js";export{TUIConversation,UnMemoizedTUIConversation}from"./components/TUIConversation/TUIConversation.js";export{TUIConversationList,UnMemoTUIConversationList}from"./components/TUIConversationList/TUIConversationList.js";import"react";import"@tencentcloud/chat";import"@tencentcloud/chat-uikit-engine";export{TUIChat}from"./components/TUIChat/TUIChat.js";import"tslib";export{ConversationPreview}from"./components/ConversationPreview/ConversationPreview.js";export{ConversationPreviewContent,unMemoConversationPreviewContent}from"./components/ConversationPreview/ConversationPreviewContent.js";export{TUIChatHeader}from"./components/TUIChatHeader/TUIChatHeader.js";export{TUIChatHeaderDefault}from"./components/TUIChatHeader/TUIChatHeaderDefault.js";export{TUIMessageList}from"./components/TUIMessageList/TUIMessageList.js";export{TUIMessage}from"./components/TUIMessage/TUIMessage.js";export{MessagePlugins}from"./components/TUIMessage/MessagePlugins.js";export{MessageContext}from"./components/TUIMessage/MessageContext.js";export{TUIMessageInput}from"./components/TUIMessageInput/TUIMessageInput.js";export{TUIMessageInputDefault}from"./components/TUIMessageInput/TUIMessageInputDefault.js";export{InputPluginsDefalut}from"./components/TUIMessageInput/InputPluginsDefalut.js";export{TUIProfile}from"./components/TUIProfile/TUIProfile.js";export{TUIProfileDefault}from"./components/TUIProfile/TUIProfileDefault.js";export{Avatar}from"./components/Avatar/Avatar.js";export{defaultGroupAvatarAVChatRoom,defaultGroupAvatarMeeting,defaultGroupAvatarPublic,defaultGroupAvatarWork,defaultUserAvatar}from"./components/Avatar/default.js";export{ConversationSearchInput}from"./components/ConversationSearch/ConversationSearchInput.js";export{ConversationSearchResult}from"./components/ConversationSearch/ConversationSearchResult.js";export{TUIManage}from"./components/TUIManage/TUIManage.js";export{Popup}from"./components/Popup/index.js";export{Checkbox}from"./components/Checkbox/index.js";export{DivWithEdit}from"./components/DivWithEdit/DivWithEdit.js";export{Icon,changeTypeToIconClassName}from"./components/Icon/Icon.js";export{IconTypes}from"./components/Icon/type.js";export{EmptyStateIndicator}from"./components/EmptyStateIndicator/EmptyStateIndicator.js";export{Input}from"./components/Input/Input.js";export{Model}from"./components/Model/index.js";export{Plugins}from"./components/Plugins/index.js";export{Switch}from"./components/Switch/Switch.js";export{Toast}from"./components/Toast/index.js";export{TUIContactList}from"./components/TUIContact/TUIContactList/TUIContactList.js";export{TUIContactInfo,UnMemoizedTUIContactInfo}from"./components/TUIContact/TUIContactInfo/TUIContactInfo.js";export{TUIContact,UnMemoizedTUIContact}from"./components/TUIContact/TUIContact.js";export{TUIKitContext,TUIKitProvider,useTUIKitContext}from"./context/TUIKitContext.js";export{TUIChatStateContext,TUIChatStateContextProvider,useTUIChatStateContext}from"./context/TUIChatStateContext.js";export{TUIChatActionContext,TUIChatActionProvider,useTUIChatActionContext}from"./context/TUIChatActionContext.js";export{TUIMessageContext,TUIMessageContextProvider,messageShowType,useTUIMessageContext}from"./context/TUIMessageContext.js";export{ComponentContext,ComponentProvider,useComponentContext}from"./context/ComponentContext.js";export{TUIMessageInputContext,TUIMessageInputContextProvider,useTUIMessageInputContext}from"./context/TUIMessageInputContext.js";export{TUIContactContext,TUIContactContextProvider,useTUIContactContext}from"./context/TUIContactContext.js";export{useConversation}from"./hooks/useConversation.js";export{useProfile}from"./hooks/useProfile.js";export{t}from"./locales/index.js";export{isH5,isPC}from"./utils/env.js";export{default as i18next}from"i18next";new o;
+import o from"./server.js";export{TUIKit}from"./components/TUIKit/TUIKit.js";export{useTUIKit}from"./components/TUIKit/hooks/useTUIKit.js";export{useCreateTUIKitContext}from"./components/TUIKit/hooks/useCreateTUIKitContext.js";export{TUIConversation,UnMemoizedTUIConversation}from"./components/TUIConversation/TUIConversation.js";export{TUIConversationList,UnMemoTUIConversationList}from"./components/TUIConversationList/TUIConversationList.js";import"react";import"@tencentcloud/chat";import"@tencentcloud/chat-uikit-engine";export{TUIChat}from"./components/TUIChat/TUIChat.js";import"tslib";export{ConversationPreview}from"./components/ConversationPreview/ConversationPreview.js";export{ConversationPreviewContent,unMemoConversationPreviewContent}from"./components/ConversationPreview/ConversationPreviewContent.js";export{TUIChatHeader}from"./components/TUIChatHeader/TUIChatHeader.js";export{TUIChatHeaderDefault}from"./components/TUIChatHeader/TUIChatHeaderDefault.js";export{TUIMessageList}from"./components/TUIMessageList/TUIMessageList.js";export{TUIMessage}from"./components/TUIMessage/TUIMessage.js";export{MessagePlugins}from"./components/TUIMessage/MessagePlugins.js";export{MessageContext}from"./components/TUIMessage/MessageContext.js";export{TUIMessageInput}from"./components/TUIMessageInput/TUIMessageInput.js";export{TUIMessageInputDefault}from"./components/TUIMessageInput/TUIMessageInputDefault.js";export{InputPluginsDefalut}from"./components/TUIMessageInput/InputPluginsDefalut.js";export{TUIProfile}from"./components/TUIProfile/TUIProfile.js";export{TUIProfileDefault}from"./components/TUIProfile/TUIProfileDefault.js";export{Avatar}from"./components/Avatar/Avatar.js";export{defaultGroupAvatarAVChatRoom,defaultGroupAvatarMeeting,defaultGroupAvatarPublic,defaultGroupAvatarWork,defaultUserAvatar}from"./components/Avatar/default.js";export{ConversationSearchInput}from"./components/ConversationSearch/ConversationSearchInput.js";export{ConversationSearchResult}from"./components/ConversationSearch/ConversationSearchResult.js";export{TUIManage}from"./components/TUIManage/TUIManage.js";export{Popup}from"./components/Popup/index.js";export{Checkbox}from"./components/Checkbox/index.js";export{DivWithEdit}from"./components/DivWithEdit/DivWithEdit.js";export{Icon,changeTypeToIconClassName}from"./components/Icon/Icon.js";export{IconTypes}from"./components/Icon/type.js";export{EmptyStateIndicator}from"./components/EmptyStateIndicator/EmptyStateIndicator.js";export{Input}from"./components/Input/Input.js";export{Model}from"./components/Model/index.js";export{Plugins}from"./components/Plugins/index.js";export{Switch}from"./components/Switch/Switch.js";export{Toast}from"./components/Toast/index.js";export{TUIContactList}from"./components/TUIContact/TUIContactList/TUIContactList.js";export{TUIContactInfo,UnMemoizedTUIContactInfo}from"./components/TUIContact/TUIContactInfo/TUIContactInfo.js";export{TUIContact,UnMemoizedTUIContact}from"./components/TUIContact/TUIContact.js";export{TUIKitContext,TUIKitProvider,useTUIKitContext}from"./context/TUIKitContext.js";export{TUIChatStateContext,TUIChatStateContextProvider,useTUIChatStateContext}from"./context/TUIChatStateContext.js";export{TUIChatActionContext,TUIChatActionProvider,useTUIChatActionContext}from"./context/TUIChatActionContext.js";export{TUIMessageContext,TUIMessageContextProvider,messageShowType,useTUIMessageContext}from"./context/TUIMessageContext.js";export{ComponentContext,ComponentProvider,useComponentContext}from"./context/ComponentContext.js";export{TUIMessageInputContext,TUIMessageInputContextProvider,useTUIMessageInputContext}from"./context/TUIMessageInputContext.js";export{TUIContactContext,TUIContactContextProvider,useTUIContactContext}from"./context/TUIContactContext.js";export{useConversation}from"./hooks/useConversation.js";export{useProfile}from"./hooks/useProfile.js";export{t}from"./locales/index.js";export{isH5,isPC,setPlatform}from"./utils/env.js";export{default as i18next}from"i18next";new o;

package/dist/esm/locales/en-US/index.js

@@ -0,0 +1 @@
+import o from"./TUIChat.js";import r from"./TUIConversation.js";import t from"./TUIContact.js";import I from"./TUIProfile.js";var T={TUIGlobal:I,TUIChat:o,TUIConversation:r,TUIContact:t,TUIProfile:I};export{T as message};

package/dist/esm/locales/index.js

@@ -1 +1 @@
-import e from"i18next";export{default as i18next}from"i18next";import{initReactI18next as t}from"react-i18next";import{message as r}from"./en/index.js";import{message as n}from"./zh_cn/index.js";var i={en:{translation:r},zh:{translation:n}};e.use(t).init({resources:i,lng:"en",interpolation:{escapeValue:!1}});var o=e.t;export{o as t};
+import e from"i18next";export{default as i18next}from"i18next";import{initReactI18next as t}from"react-i18next";import{message as r}from"./en-US/index.js";import{message as a}from"./zh-CN/index.js";import{message as o}from"./ja-JP/index.js";import{message as n}from"./ko-KR/index.js";var i={"en-US":{translation:r},"zh-CN":{translation:a},"ja-JP":{translation:o},"ko-KR":{translation:n}};e.use(t).init({resources:i,lng:"en-US",interpolation:{escapeValue:!1}});var s=e.t;export{s as t};

package/dist/esm/locales/ja-JP/TUIChat.js

@@ -0,0 +1 @@
+var e={Recall:"取り消す",Reference:"参照",Forward:"転送",Copy:"コピー",Delete:"削除","Forward to":"転送先","recalled a message":"メッセージを取り消しました","Re-edit":"再編集",Resend:"再送信",You:"あなた","Recent Chats":"最近のチャット","Frequently Contacted":"よく連絡する相手","No Result":"検索結果なし","Search Result":"検索結果",Image:"画像",Video:"ビデオ",File:"ファイル","Enter a message":"メッセージを入力してください","No More":"これ以上なし","Error deleting message":"メッセージの削除エラー","The message recall exceeded the time limit (default 2 minutes)":"メッセージの取り消しは制限時間を超過しました（デフォルトは2分）","Error revoke Message":"メッセージの取り消しエラー","Custom message":"カスタムメッセージ"};export{e as default};

package/dist/esm/locales/ja-JP/TUIContact.js

@@ -0,0 +1 @@
+var e={"Enter a userID":"ユーザーIDを入力して、エンターで検索","Enter the verification info":"認証情報を記入してください","Request to join":"参加申請",Requested:"申請済み",Accept:"受け入れる",Refuse:"拒否",Handled:"処理済み",Friends:"私の友達","Send Message":"メッセージを送信",Signature:"個性的なサイン","Successful application, waiting for the administrator to agree to join the group application":"申請が成功し、管理者のグループ参加同意を待っています","New Contacts":"新しい連絡先","Blocked List":"ブロックリスト","Group List":"私のグループチャット","No Result":"検索結果なし",ID:"ID",User:"連絡先","Add Friend":"友達追加",remark:"備考",block:"ブロック","Delete friend":"友達削除","waiting for verification":"認証待ち","verification info":"認証情報","Send application":"申請を送信",Agree:"賛成"};export{e as default};

package/dist/esm/locales/ja-JP/TUIConversation.js

@@ -0,0 +1 @@
+var e={"Start chat":"チャットを開始","New one-to-one chat":"新しい一対一のチャットを開始","New group chat":"新しいグループチャットを開始",Delete:"チャットを削除",Pin:"チャットをトップに固定",Unpin:"トップ固定を解除","Conversation Information":"チャット情報",Search:"検索","Add Participants":"グループチャットを作成","No conversation":"チャットなし",Next:"次へ","Group Name":"グループ名","Group ID":"グループID","Group Type":"グループタイプ",Participants:"参加者",Create:"作成",Details:"詳細",Work:"友達の仕事グループ(Work)",Public:"見知らぬ人の社交グループ(Public)",Meeting:"一時的な会議グループ(Meeting)",AVChatRoom:"ライブチャットルーム(AVChatroom)",Community:"コミュニティ(Community)","Users can join the group only via invitation by existing members. The invitation does not need to be agreed by the invitee or approved by the group owner. See the documentation for details.":"通常のWeChatグループのように、作成後はグループ内の友達のみが招待してグループに参加できます。招待は招待される側の同意やグループオーナーの承認が必要ありません。詳細はドキュメントを参照してください。","After a public group is created, the group owner can designate group admins. To join the group, a user needs to search the group ID and send a request, which needs to be approved by the group owner or an admin before the user can join the group. See the documentation for details.":"QQグループのように、作成後にグループオーナーがグループ管理者を指名できます。ユーザーはグループIDを検索してグループ参加申請を行い、グループオーナーまたは管理者の承認を得た後にグループに参加できます。詳細はドキュメントを参照してください。","After the group is created, a user can join and quit the group freely and can view the messages sent before joining the group. It is suitable for scenarios that integrate Tencent Real-Time Communication (TRTC), such as audio and video conferences and online education. See the documentation for details.":"グループ作成後、ユーザーは自由にグループに参加したり退出したりでき、グループ参加前のメッセージも閲覧できます。これは、音声およびビデオ会議やオンライン教育などの腾讯实时通信(TRTC)を統合するシナリオに適しています。詳細はドキュメントを参照してください。","After a group is created, a user can join and quit the group freely. The group can have an unlimited number of members, but it does not store message history. It can be combined with Live Video Broadcasting (LVB) to support on-screen comment scenarios. See the documentation for details.":"グループ作成後、ユーザーは自由にグループに参加したり退出したりできますが、グループメンバー数に上限はありませんが、メッセージ履歴は保存されません。これはライブビデオ放送(LVB)と組み合わせて、画面上のコメントシナリオをサポートするために使用できます。詳細はドキュメントを参照してください。","After creation, you can enter and leave at will, support up to 100,000 people, support historical message storage, and after users search for group ID and initiate a group application, they can join the group without administrator approval. See product documentation for details.":"作成後は自由に出入りでき、最大10万人をサポートし、歴史的メッセージの保存をサポートしています。ユーザーがグループIDを検索してグループ参加申請を行った後、管理者承認なしにグループに参加できます。詳細は製品ドキュメントを参照してください。","Participant cannot be empty":"参加者は空にできません"};export{e as default};

package/dist/esm/locales/ja-JP/TUIProfile.js

@@ -0,0 +1 @@
+var e={"Personal information":"個人情報",Signature:"個性署名",Gender:"性別",Male:"男",Female:"女",AllowType:"友達追加の認証方法",NeedConfirm:"認証が必要",AllowAny:"どのユーザーにも友達追加を許可",DenyAny:"どのユーザーにも友達追加を拒否",Birthday:"誕生日",Unknown:"未設定"};export{e as default};

package/dist/esm/locales/ja-JP/index.js

@@ -0,0 +1 @@
+import o from"./TUIChat.js";import r from"./TUIConversation.js";import t from"./TUIContact.js";import i from"./TUIProfile.js";var m={TUIChat:o,TUIConversation:r,TUIContact:t,TUIProfile:i};export{m as message};

package/dist/esm/locales/ko-KR/TUIChat.js

@@ -0,0 +1 @@
+var e={Recall:"회수",Reference:"인용",Forward:"전송",Copy:"복사",Delete:"삭제","Forward to":"전송 대상","recalled a message":"메시지를 회수했습니다","Re-edit":"재편집",Resend:"재전송",You:"당신","Recent Chats":"대화","Frequently Contacted":"자주 연락하는 사람들","No Result":"검색 결과 없음","Search Result":"검색 결과",Image:"이미지",Video:"비디오",File:"파일","Enter a message":"메시지를 입력하세요","No More":"더 이상 없습니다","Error deleting message":"메시지 삭제에 실패했습니다","The message recall exceeded the time limit (default 2 minutes)":"메시지 회수 시간이 제한을 초과했습니다 (기본 2분)","Error revoke Message":"메시지 회수에 실패했습니다","Custom message":"사용자 정의 메시지"};export{e as default};

package/dist/esm/locales/ko-KR/TUIContact.js

@@ -0,0 +1 @@
+var e={"Enter a userID":"사용자 ID를 입력하고 엔터로 검색","Enter the verification info":"확인 정보를 입력하세요","Request to join":"가입 신청",Requested:"신청됨",Accept:"수락",Refuse:"거절",Handled:"처리됨",Friends:"내 친구들","Send Message":"메시지 보내기",Signature:"개성 서명","Successful application, waiting for the administrator to agree to join the group application":"관리자 승인을 기다리는 중","New Contacts":"새 연락처","Blocked List":"블랙리스트","Group List":"내 그룹 채팅","No Result":"검색 결과 없음",ID:"ID",User:"연락처","Add Friend":"친구 추가",remark:"비고",block:"블랙리스트에 추가","Delete friend":"친구 삭제","waiting for verification":"확인 대기 중","verification info":"확인 정보","Send application":"신청 보내기",Agree:"동의"};export{e as default};

package/dist/esm/locales/ko-KR/TUIConversation.js

@@ -0,0 +1 @@
+var e={"Start chat":"채팅 시작","New one-to-one chat":"1:1 채팅 시작","New group chat":"그룹 채팅 시작",Delete:"채팅 삭제",Pin:"채팅 고정",Unpin:"채팅 고정 해제","Conversation Information":"채팅 정보",Search:"검색","Add Participants":"그룹 채팅 생성","No conversation":"채팅 없음",Next:"다음","Group Name":"그룹 이름","Group ID":"그룹 ID","Group Type":"그룹 유형",Participants:"멤버",Create:"생성",Details:"상세",Work:"친구 작업 그룹(Work)",Public:"낯선 사람 소셜 그룹(Public)",Meeting:"임시 회의 그룹(Meeting)",AVChatRoom:"라이브 방송 그룹(AVChatroom)",Community:"커뮤니티(Community)","Users can join the group only via invitation by existing members. The invitation does not need to be agreed by the invitee or approved by the group owner. See the documentation for details.":"일반 위챗 그룹과 유사하게, 생성 후에는 이미 그룹에 있는 친구의 초대로만 그룹 가입이 가능하며, 초대자는 수락하지 않아도 되고 그룹 소유자의 승인을 받지 않아도 됩니다. 자세한 내용은 문서를 참조하십시오.","After a public group is created, the group owner can designate group admins. To join the group, a user needs to search the group ID and send a request, which needs to be approved by the group owner or an admin before the user can join the group. See the documentation for details.":"QQ 그룹과 유사하게, 생성 후에는 그룹 소유자가 그룹 관리자를 지정할 수 있습니다. 사용자가 그룹 ID를 검색하여 가입 요청을 보내면, 그룹 소유자 또는 관리자의 승인을 받아야만 그룹에 가입할 수 있습니다. 자세한 내용은 문서를 참조하십시오.","After the group is created, a user can join and quit the group freely and can view the messages sent before joining the group. It is suitable for scenarios that integrate Tencent Real-Time Communication (TRTC), such as audio and video conferences and online education. See the documentation for details.":"그룹을 생성한 후에는 사용자가 그룹에 자유롭게 가입하고 탈퇴할 수 있으며, 가입하기 전에 보낸 메시지를 볼 수 있습니다. 이는 음성 및 비디오 회의, 온라인 교육 등 Tencent 실시간 통신(TRTC)과 통합되는 시나리오에 적합합니다. 자세한 내용은 문서를 참조하십시오.","After a group is created, a user can join and quit the group freely. The group can have an unlimited number of members, but it does not store message history. It can be combined with Live Video Broadcasting (LVB) to support on-screen comment scenarios. See the documentation for details.":"그룹을 생성한 후에는 사용자가 그룹에 자유롭게 가입하고 탈퇴할 수 있으며, 그룹은 무제한의 멤버 수를 가질 수 있지만 메시지 역사를 저장하지는 않습니다. 이는 라이브 비디오 방송(LVB)과 결합하여 화면상 커멘트 시나리오를 지원하는 데 사용할 수 있습니다. 자세한 내용은 문서를 참조하십시오.","After creation, you can enter and leave at will, support up to 100,000 people, support historical message storage, and after users search for group ID and initiate a group application, they can join the group without administrator approval. See product documentation for details.":"생성 후에는 자유롭게 입장하고 탈퇴할 수 있으며, 최대 100,000명을 지원하고, 메시지 역사를 저장하며, 사용자가 그룹 ID를 검색하여 그룹 신청을 시작한 후에는 관리자 승인 없이 그룹에 가입할 수 있습니다. 자세한 내용은 제품 문서를 참조하십시오.","Participant cannot be empty":"참여자는 비워둘 수 없습니다"};export{e as default};

package/dist/esm/locales/ko-KR/TUIProfile.js

@@ -0,0 +1 @@
+var e={"Personal information":"개인 정보",Signature:"개성 서명",Gender:"성별",Male:"남성",Female:"여성",AllowType:"친구 추가 인증 방법",NeedConfirm:"인증 필요",AllowAny:"모든 사용자에게 친구 추가를 허용",DenyAny:"모든 사용자에게 친구 추가를 거부",Birthday:"생일",Unknown:"미 설정"};export{e as default};

package/dist/esm/locales/ko-KR/index.js

@@ -0,0 +1 @@
+import o from"./TUIChat.js";import r from"./TUIConversation.js";import t from"./TUIContact.js";import i from"./TUIProfile.js";var m={TUIChat:o,TUIConversation:r,TUIContact:t,TUIProfile:i};export{m as message};

package/dist/esm/utils/env.d.ts

@@ -1,4 +1,5 @@
-declare const isPC: boolean;
-declare const isH5: boolean;
+declare let isPC: boolean;
+declare let isH5: boolean;
+declare const setPlatform: (platform: 'pc' | 'h5') => void;
 
-export { isH5, isPC };
+export { isH5, isPC, setPlatform };

package/dist/esm/utils/env.js

@@ -1 +1 @@
-import{getPlatform as r}from"@tencentcloud/universal-api";var e="pc"===r(),o="h5"===r();export{o as isH5,e as isPC};
+import{getPlatform as c}from"@tencentcloud/universal-api";var n="pc"===c(),o="h5"===c(),p=function(c){n="pc"===c,o="h5"===c};export{o as isH5,n as isPC,p as setPlatform};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tencentcloud/chat-uikit-react",
-  "version": "2.2.3",
+  "version": "2.2.5",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "license": "MIT",
@@ -15,9 +15,10 @@
     "uikit"
   ],
   "scripts": {
-    "build": "yarn clean && yarn run rollup -c",
+    "build": "rimraf ./dist && yarn run rollup -c",
     "start": "yarn run rollup -c -w",
-    "clean": "rimraf ./dist"
+    "clean": "rimraf -g ./dist node_modules examples/*/node_modules",
+    "prepare": "husky install"
   },
   "homepage": "https://www.tencentcloud.com/document/product/1047/45912",
   "repository": {
@@ -34,18 +35,19 @@
     "@rollup/plugin-node-resolve": "^14.1.0",
     "@rollup/plugin-typescript": "^8.5.0",
     "@rollup/plugin-url": "^7.0.0",
+    "@stylistic/eslint-plugin": "^2.3.0",
+    "@stylistic/stylelint-config": "^1.0.1",
     "@types/node": "^20.10.5",
     "@types/react": "^18.0.20",
     "@typescript-eslint/eslint-plugin": "^5.36.2",
     "@typescript-eslint/parser": "^5.36.2",
     "autoprefixer": "^10.4.11",
-    "eslint": "^8.23.0",
-    "eslint-config-airbnb": "^19.0.4",
+    "eslint": "^8.57.0",
+    "eslint-config-react-app": "^7.0.1",
     "eslint-import-resolver-typescript": "^3.5.1",
-    "eslint-plugin-import": "^2.26.0",
-    "eslint-plugin-jsx-a11y": "^6.6.1",
-    "eslint-plugin-react": "^7.31.8",
-    "eslint-plugin-react-hooks": "^4.6.0",
+    "eslint-plugin-react-refresh": "^0.4.9",
+    "husky": "^8.0.3",
+    "lint-staged": "^15.2.7",
     "postcss": "^8.4.16",
     "react": "^18.2.0",
     "rimraf": "^3.0.2",
@@ -54,19 +56,23 @@
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "rollup-plugin-postcss": "^4.0.2",
     "rollup-plugin-terser": "^7.0.2",
-    "sass": "^1.54.9",
+    "sass": "^1.77.8",
+    "stylelint": "^16.7.0",
+    "stylelint-config-recommended-scss": "^14.1.0",
+    "stylelint-config-standard": "^36.0.1",
     "tslib": "^2.4.1",
-    "typescript": "^4.8.3"
+    "typescript": "^4.8.3",
+    "typescript-eslint": "^7.16.0"
   },
   "dependencies": {
-    "node-sass": "^7.0.3",
+    "@tencentcloud/chat": "latest",
+    "@tencentcloud/chat-uikit-engine": "latest",
+    "@tencentcloud/tui-core": "latest",
+    "@tencentcloud/universal-api": "latest",
     "date-fns": "^2.29.3",
     "react-date-picker": "^9.0.0",
     "react-dom": "^18.2.0",
-    "@tencentcloud/tui-core": "latest",
-    "@tencentcloud/chat": "latest",
-    "@tencentcloud/chat-uikit-engine": "latest",
-    "@tencentcloud/universal-api": "latest"
+    "rollup-plugin-copy": "^3.5.0"
   },
   "peerDependencies": {
     "date-fns": "^2.29.3",

package/rollup.config.js

@@ -8,30 +8,11 @@ import postcss from 'rollup-plugin-postcss';
 import autoprefixer from 'autoprefixer';
 import peerDepsExternal from 'rollup-plugin-peer-deps-external';
 import url from '@rollup/plugin-url';
+import copy from 'rollup-plugin-copy';
 
-const baseConfig = {
-  input: [
-    './src/index.ts',
-  ],
-  output: [
-    {
-      preserveModules: true,
-      preserveModulesRoot: './src',
-      dir: './dist/esm/',
-      format: 'esm',
-    },
-    {
-      preserveModules: true,
-      preserveModulesRoot: './src',
-      dir: './dist/cjs/',
-      format: 'cjs',
-      // sourcemap: true,
-    },
-  ],
-};
 export default [
   {
-    ...baseConfig,
+    ...getBaseConfig(),
     plugins: [
       url(),
       postcss({
@@ -41,20 +22,30 @@ export default [
           autoprefixer(),
         ],
       }),
+      copy({
+        targets: [{
+          src: [
+            'src/assets/fonts/iconfont.ttf',
+            'src/assets/fonts/iconfont.woff',
+            'src/assets/fonts/iconfont.woff2',
+          ],
+          dest: ['dist/cjs/assets/fonts', 'dist/esm/assets/fonts'],
+        }],
+      }),
       peerDepsExternal(),
       resolve(),
       commonjs(),
+      typescript(),
       babel({
-        extensions: ['.js', '.jsx', '.es6', '.es', '.mjs', 'ts', 'tsx'],
+        extensions: ['.js', '.jsx', '.es6', '.es', '.mjs', '.ts', '.tsx'],
       }),
-      typescript(),
       terser(),
     ],
     external: ['react', 'date-fns', 'tslib', 'react-date-picker', 'i18next', 'react-i18next', '@tencentcloud/tui-core',
-     '@tencentcloud/chat', '@tencentcloud/chat-uikit-engine', '@tencentcloud/universal-api'],
+      '@tencentcloud/chat', '@tencentcloud/chat-uikit-engine', '@tencentcloud/universal-api'],
   },
   {
-    ...baseConfig,
+    ...getBaseConfig(),
     plugins: [
       postcss({
         extract: true,
@@ -64,3 +55,27 @@ export default [
     ],
   },
 ];
+
+function getBaseConfig() {
+  return {
+    input: [
+      './src/index.ts',
+    ],
+    output: [
+      {
+        preserveModules: true,
+        preserveModulesRoot: './src',
+        dir: './dist/esm/',
+        format: 'esm',
+      },
+      {
+        preserveModules: true,
+        preserveModulesRoot: './src',
+        dir: './dist/cjs/',
+        format: 'cjs',
+        exports: 'auto',
+        // sourcemap: true,
+      },
+    ],
+  };
+}

package/src/components/ConversationCreate/styles/ConversationCreatGroupDetail.scss

@@ -2,49 +2,57 @@
   .create-group-box {
     padding: 10px 0;
   }
+
   .input-group-text {
     font-weight: 400;
-    font-size: 16px;
+    font-size: 14px;
     font-family: PingFangSC-Medium;
     line-height: 22px;
-    color: #000000;
+    color: #000;
   }
+
   .create-group-name {
     .input-group-name {
       font-weight: 700;
-      font-size: 16px;
+      font-size: 14px;
       font-family: PingFangSC-Medium;
       line-height: 19px;
-      color: #000000;
+      color: #000;
     }
   }
+
   .input-group-title {
-    color: rgba(0, 0, 0, 0.4);
+    color: rgba(0, 0, 0, 40%);
     width: 106px;
+    font-size: 14px;
   }
+
   .create-group-illustrate {
     font-weight: 400;
     font-size: 12px;
     font-family: PingFangSC-Medium;
     line-height: 17px;
     text-align: justify;
-    color: rgba(0, 0, 0, 0.4);
+    color: rgba(0, 0, 0, 40%);
     padding-left: 8px;
   }
+
   .create-group-portrait {
     .create-group-portrait-title {
       font-weight: 600;
       font-size: 14px;
       font-family: PingFangSC-Medium;
       line-height: 20px;
-      color: #000000;
+      color: #000;
       padding: 20px 0 20px 8px;
     }
+
     .create-group-portrait-info-container {
       display: flex;
       flex-wrap: wrap;
       justify-content: flex-start;
       margin-bottom: 10px;
+
       .create-group-portrait-info {
         align-items: center;
         display: flex;
@@ -52,6 +60,7 @@
         width: calc((100% - 10px) / 6);
         padding: 6px;
         box-sizing: border-box;
+
         &-nick {
           font-size: 12px;
           font-family: PingFangSC-Medium;

package/src/components/ConversationCreate/styles/index.scss

@@ -1,85 +1,96 @@
 .tui-conversation-create-header {
-  background-color: #F9FAFB;
+  background-color: #f9fafb;
   display: flex;
   flex-direction: row;
   padding: 16px 20px;
   align-items: center;
   text-align: center;
+
   .title {
     margin-left: 10px;
     font-weight: 600;
-    font-size: 20px;
+    font-size: 16px;
     font-family: PingFangSC-Medium;
     line-height: 32px;
     letter-spacing: -0.41px;
-    color: #000000;
+    color: #000;
   }
 }
+
 .tui-conversation-create-search-input {
-  margin: 10px 10px 10px;
+  margin: 10px;
 }
+
 .tui-user {
-  padding: 10px 10px;
+  padding: 10px;
   display: flex;
   align-items: center;
   text-align: center;
   cursor: pointer;
+
   &:hover {
-    background-color: rgba(0,110,255,.1);
+    background-color: rgba(0, 110, 255, 10%);
   }
+
   .tui-user-name {
     margin-left: 10px;
     font-weight: 400;
     font-size: 14px;
     font-family: PingFangSC-Medium;
     line-height: 20px;
-    color: #000000;
+    color: #000;
     width: 80%;
     text-align: left;
+
     &.active {
       font-weight: 600;
       font-size: 14px;
       font-family: PingFangSC-Medium;
       line-height: 20px;
-      color: rgba(3, 101, 249, 1);
+      color: rgba(3, 101, 249, 100%);
     }
   }
 }
+
 .tui-user-checkbox-label {
   .tui-user-checkbox {
     margin-left: auto;
   }
+
   input[type="checkbox"] {
     cursor: pointer;
   }
 }
+
 .tui-conversation-create-next-container {
   width: 100%;
   display: flex;
   justify-content: center;
   margin: 20px auto 10px;
+
   .tui-conversation-create-next {
     cursor: pointer;
     text-align: center;
-    width: 12%;
-    background-color: rgba(3, 101, 249, 1);
+    background-color: rgba(3, 101, 249, 100%);
     border-radius: 31px;
     font-size: 14px;
     font-family: PingFangSC-Medium;
     line-height: 20px;
-    color: #FFFFFF;
+    color: #fff;
     padding: 12px 36px;
   }
 }
 
-
 .tui-conversation-create {
   overflow-y: auto;
+
   .tui-conversation-create-container {
     position: relative;
+
     .tui-group-container {
       width: 100%;
     }
+
     .tui-group-box {
       .title {
         font-weight: 600;
@@ -91,4 +102,3 @@
     }
   }
 }
-

package/src/components/ConversationPreview/ConversationPreviewContent.tsx

@@ -159,8 +159,7 @@ export function unMemoConversationPreviewContent<T extends ConversationPreviewUI
                     {t(!conversation.isPinned ? 'TUIConversation.Pin' : 'TUIConversation.Unpin')}
                   </div>,
                   <div
-                    className="more-handle-item"
-                    style={{ color: '#FF584C' }}
+                    className="more-handle-item delete"
                     onClick={(e) => {
                       moreHandle(e, 'delete');
                     }}

package/src/components/ConversationPreview/styles/index.scss

@@ -1,4 +1,5 @@
-$font-color: #7A7A7A;
+@use "../../../styles/colors/color-theme" as *;
+
 .conversation-list-container {
   overflow-x: hidden;
   height: 100%;
@@ -7,7 +8,6 @@ $font-color: #7A7A7A;
 .conversation-preview-container {
   display: flex;
   align-items: center;
-  background-color: #FFFFFF;
   border: none;
   width: 100%;
   height: 64px;
@@ -15,12 +15,15 @@ $font-color: #7A7A7A;
   line-height: 17px;
   padding: 0 20px;
 
+  @include theme() {
+    background-color: get(bg-primary);
+  }
+
   .content {
-    flex: 1;
+    flex: 1 1 auto;
     text-align: left;
-    max-width: 58%;
-    min-width: 58%;
     margin-left: 10px;
+    min-width: 0;
 
     .title {
       font-style: normal;
@@ -30,27 +33,32 @@ $font-color: #7A7A7A;
       font-family: PingFangSC-Medium;
       padding: 1px 0;
       width: 100%;
-      color: #000;
+
+      @include theme() {
+        color: get(text-primary);
+      }
     }
 
     .message {
       overflow: hidden;
       text-overflow: ellipsis;
       white-space: nowrap;
-      color: $font-color;
       font-family: PingFangSC-Medium;
       font-style: normal;
       font-weight: 400;
       font-size: 12px;
       line-height: 14px;
       padding: 1px 0;
+
+      @include theme() {
+        color: get(text-secondary);
+      }
     }
   }
 
   .external {
-    min-width: 90px;
     text-align: right;
-    flex: 1;
+    flex: 0 1 auto;
     display: flex;
     flex-direction: column;
 
@@ -60,13 +68,16 @@ $font-color: #7A7A7A;
     }
 
     .time {
-      color: $font-color;
       font-family: PingFangSC-Medium;
       font-style: normal;
       font-weight: 400;
       font-size: 12px;
       line-height: 14px;
       padding: 1px 0;
+
+      @include theme() {
+        color: get(text-secondary);
+      }
     }
 
     .more--hover {
@@ -98,10 +109,16 @@ $font-color: #7A7A7A;
           font-weight: 500;
           box-sizing: border-box;
 
+          &.delete {
+            @include theme() {
+              color: get(status-danger);
+            }
+          }
+
           &:hover {
-            background: #147AFF;
-            opacity: 0.6;
-            color: #FFFFFF !important;
+            @include theme() {
+              background-color: get(bg-active);
+            }
           }
         }
       }
@@ -109,18 +126,26 @@ $font-color: #7A7A7A;
   }
 
   &:hover {
-    background-color: rgba(0, 110, 255, 0.1);
+    @include theme() {
+      background-color: get(bg-active);
+    }
   }
 
   &.conversation-preview-content--pin {
-    background-color: #F2F2F2D4;
+    @include theme() {
+      background-color: get(bg-secondary);
+    }
   }
 
   &.conversation-preview-content--active {
-    background-color: rgba(0, 110, 255, 0.1);
+    @include theme() {
+      background-color: get(bg-active);
+    }
 
     .title {
-      color: rgb(20, 122, 255);
+      @include theme() {
+        color: get(status-info);
+      }
     }
   }
 
@@ -128,16 +153,19 @@ $font-color: #7A7A7A;
     .unread {
       width: 16px;
       height: 13px;
-      background: #FF3742;
       border-radius: 16px;
       display: flex;
       justify-content: center;
       align-items: center;
       padding: 2px 5px 1px;
-      color: #FFFFFF;
       font-size: 11px;
       font-weight: 700;
       margin: 2px 0 2px auto;
+      color: #fff;
+
+      @include theme() {
+        background-color: get(status-danger);
+      }
     }
   }
 }