@tencentcloud/chat-uikit-react 3.4.8 → 4.5.3

package/dist/locales/zh-CN/TUIConversation.js

@@ -38,7 +38,9 @@ const e = {
   "You have been removed from the group by the group administrator": "您已被群管理员移出该群",
   "The group chat has been disbanded": "该群已解散",
   "You have left the group chat": "您已退出该群",
-  Me: "我"
+  Me: "我",
+  someone_at_me: "有人@你",
+  at_all: "@所有人"
 };
 export {
   e as default

package/dist/locales/zh-CN/index.d.ts

@@ -158,6 +158,8 @@ export declare const message: {
         'The group chat has been disbanded': string;
         'You have left the group chat': string;
         Me: string;
+        someone_at_me: string;
+        at_all: string;
     };
     TUIContact: {
         'Enter a userID': string;

package/dist/locales/zh-TW/TUIConversation.d.ts

@@ -39,5 +39,7 @@ declare const TUIConversation: {
     'The group chat has been disbanded': string;
     'You have left the group chat': string;
     Me: string;
+    someone_at_me: string;
+    at_all: string;
 };
 export default TUIConversation;

package/dist/locales/zh-TW/TUIConversation.js

@@ -38,7 +38,9 @@ const e = {
   "You have been removed from the group by the group administrator": "您已被群管理員移除",
   "The group chat has been disbanded": "該群已解散",
   "You have left the group chat": "您已離開該群",
-  Me: "我"
+  Me: "我",
+  someone_at_me: "有人@你",
+  at_all: "@所有人"
 };
 export {
   e as default

package/dist/locales/zh-TW/index.d.ts

@@ -157,6 +157,8 @@ export declare const message: {
         'The group chat has been disbanded': string;
         'You have left the group chat': string;
         Me: string;
+        someone_at_me: string;
+        at_all: string;
     };
     TUIContact: {
         'Enter a userID': string;

package/dist/states/UIManagerState.js

@@ -1,6 +1,7 @@
-import { TUIStore as a, StoreName as i, TUIConversationService as r } from "@tencentcloud/chat-uikit-engine-lite";
+import { TUIConversationService as r, TUIStore as a, StoreName as i } from "@tencentcloud/chat-uikit-engine-lite";
 import { TUILogin as s } from "@tencentcloud/tui-core-lite";
-import { c, u as n } from "../external_modules/zustand-CDmQR4co.js";
+import { useStore as n } from "zustand";
+import { createStore as c } from "zustand/vanilla";
 const o = c()((e) => ({
   chat: null,
   myProfile: void 0,
@@ -19,7 +20,7 @@ const o = c()((e) => ({
   setTUIManageShow: (t) => e(() => ({ TUIManageShow: t })),
   setUserStatusMap: (t) => e(() => ({ userStatusMap: t }))
 }));
-function u(...e) {
+function C(...e) {
   return {
     chat: s.getContext().chat,
     myProfile: n(o, (t) => t.myProfile),
@@ -36,7 +37,7 @@ function u(...e) {
     switchConversation: n(o, (t) => t.switchConversation)
   };
 }
-function C() {
+function g() {
   return n(o, (e) => {
     var t;
     return (t = e.conversation) == null ? void 0 : t.conversationID;
@@ -71,6 +72,6 @@ function U(e) {
   o.getState().setUserStatusMap(t);
 }
 export {
-  C as useCurrentConversationID,
-  u as useUIManagerState
+  g as useCurrentConversationID,
+  C as useUIManagerState
 };

package/dist/styles/index.css

@@ -1 +1 @@
-.checkbox{display:inline-flex;justify-content:center;align-items:center;cursor:pointer;position:relative}.checkbox-default{box-sizing:border-box;width:14px;height:14px;border-radius:14px;border:1px solid #DDDDDD}.checkbox-input{margin:0;padding:0;position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;opacity:0}[data-uikit-theme=light] .info{background-color:var(--uikit-theme-light-bg-color-operate);color:var(--uikit-theme-light-text-color-primary);transition:color .3s ease-out,border-color .3s ease-out,background-color .3s ease-out}[data-uikit-theme=dark] .info{background-color:var(--uikit-theme-dark-bg-color-operate);color:var(--uikit-theme-dark-text-color-primary);transition:color .3s ease-out,border-color .3s ease-out,background-color .3s ease-out}[data-uikit-theme=light] .warn{background-color:var(--uikit-theme-light-text-color-warning);color:#fff;transition:color .3s ease-out,border-color .3s ease-out,background-color .3s ease-out}[data-uikit-theme=dark] .warn{background-color:var(--uikit-theme-dark-text-color-warning);color:#fff;transition:color .3s ease-out,border-color .3s ease-out,background-color .3s ease-out}[data-uikit-theme=light] .error{background-color:var(--uikit-theme-light-text-color-error);color:#fff;transition:color .3s ease-out,border-color .3s ease-out,background-color .3s ease-out}[data-uikit-theme=dark] .error{background-color:var(--uikit-theme-dark-text-color-error);color:#fff;transition:color .3s ease-out,border-color .3s ease-out,background-color .3s ease-out}
+/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:after,*:before{box-sizing:border-box}ul,li{list-style:none;padding:0;margin:0}picture,img,video,canvas,svg{display:block;max-width:100%}img{max-width:100%;height:auto;vertical-align:middle;image-rendering:-webkit-optimize-contrast;aspect-ratio:attr(width)/attr(height);display:inline-block;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}img:not([src],[srcset]){visibility:hidden}

package/dist/styles/index2.css

@@ -1 +1 @@
-.model{background:#00000080;position:fixed;z-index:5;width:100vw;top:0;left:0;bottom:0;display:flex;justify-content:center;align-items:center}
+.checkbox{display:inline-flex;justify-content:center;align-items:center;cursor:pointer;position:relative}.checkbox-default{box-sizing:border-box;width:14px;height:14px;border-radius:14px;border:1px solid #DDDDDD}.checkbox-input{margin:0;padding:0;position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;opacity:0}[data-uikit-theme=light] .info{background-color:var(--uikit-theme-light-bg-color-operate);color:var(--uikit-theme-light-text-color-primary);transition:color .3s ease-out,border-color .3s ease-out,background-color .3s ease-out}[data-uikit-theme=dark] .info{background-color:var(--uikit-theme-dark-bg-color-operate);color:var(--uikit-theme-dark-text-color-primary);transition:color .3s ease-out,border-color .3s ease-out,background-color .3s ease-out}[data-uikit-theme=light] .warn{background-color:var(--uikit-theme-light-text-color-warning);color:#fff;transition:color .3s ease-out,border-color .3s ease-out,background-color .3s ease-out}[data-uikit-theme=dark] .warn{background-color:var(--uikit-theme-dark-text-color-warning);color:#fff;transition:color .3s ease-out,border-color .3s ease-out,background-color .3s ease-out}[data-uikit-theme=light] .error{background-color:var(--uikit-theme-light-text-color-error);color:#fff;transition:color .3s ease-out,border-color .3s ease-out,background-color .3s ease-out}[data-uikit-theme=dark] .error{background-color:var(--uikit-theme-dark-text-color-error);color:#fff;transition:color .3s ease-out,border-color .3s ease-out,background-color .3s ease-out}

package/dist/styles/index3.css

@@ -1 +1 @@
-.plugin{display:flex;align-items:center;height:100%;padding:0 8px;gap:8px}.plugin-popup{height:100%;display:flex;align-items:center;position:relative}.plugin-popup-box{position:absolute;z-index:5;bottom:100%}.plugin-popup-box{border-radius:8px;overflow:hidden}[data-uikit-theme=light] .plugin-popup-box{background-color:var(--uikit-theme-light-dropdown-color-default);box-shadow:0 0 10px 0 var(--uikit-theme-light-shadow-color);transition:color .3s ease-out,border-color .3s ease-out,background-color .3s ease-out}[data-uikit-theme=dark] .plugin-popup-box{background-color:var(--uikit-theme-dark-dropdown-color-default);box-shadow:0 0 10px 0 var(--uikit-theme-dark-shadow-color);transition:color .3s ease-out,border-color .3s ease-out,background-color .3s ease-out}
+.model{background:#00000080;position:fixed;z-index:5;width:100vw;top:0;left:0;bottom:0;display:flex;justify-content:center;align-items:center}

package/dist/styles/index4.css

@@ -1 +1 @@
-.popup{opacity:0}.popup-show{opacity:1}
+.plugin{display:flex;align-items:center;height:100%;padding:0 8px;gap:8px}.plugin-popup{height:100%;display:flex;align-items:center;position:relative}.plugin-popup-box{position:absolute;z-index:5;bottom:100%}.plugin-popup-box{border-radius:8px;overflow:hidden}[data-uikit-theme=light] .plugin-popup-box{background-color:var(--uikit-theme-light-dropdown-color-default);box-shadow:0 0 10px 0 var(--uikit-theme-light-shadow-color);transition:color .3s ease-out,border-color .3s ease-out,background-color .3s ease-out}[data-uikit-theme=dark] .plugin-popup-box{background-color:var(--uikit-theme-dark-dropdown-color-default);box-shadow:0 0 10px 0 var(--uikit-theme-dark-shadow-color);transition:color .3s ease-out,border-color .3s ease-out,background-color .3s ease-out}

package/dist/styles/index5.css

@@ -1 +1 @@
-/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:after,*:before{box-sizing:border-box}ul,li{list-style:none;padding:0;margin:0}picture,img,video,canvas,svg{display:block;max-width:100%}img{max-width:100%;height:auto;vertical-align:middle;image-rendering:-webkit-optimize-contrast;aspect-ratio:attr(width)/attr(height);display:inline-block;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}img:not([src],[srcset]){visibility:hidden}
+.popup{opacity:0}.popup-show{opacity:1}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tencentcloud/chat-uikit-react",
-  "version": "3.4.8",
+  "version": "4.5.3",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -43,7 +43,7 @@
   },
   "dependencies": {
     "@mui/base": "5.0.0-beta.66",
-    "tuikit-atomicx-react": "4.4.4",
+    "tuikit-atomicx-react": "^4.5.3",
     "classnames": "^2.5.1",
     "react-transition-group": "^4.4.5",
     "zustand": "^5.0.0"
@@ -102,7 +102,7 @@
     "@tencentcloud/lite-chat": "^1.6.3",
     "@tencentcloud/tui-core-lite": "~1.0.0",
     "@tencentcloud/chat-uikit-engine-lite": "~1.0.3",
-    "@tencentcloud/uikit-base-component-react": "1.1.2",
+    "@tencentcloud/uikit-base-component-react": "^1.1.3",
     "@tencentcloud/universal-api": "^2.4.0"
   }
 }

package/src/components/Chat/Chat.tsx

@@ -1,6 +1,6 @@
 import type React from 'react';
-import { View, useConversationListState } from 'tuikit-atomicx-react';
 import cs from 'classnames';
+import { View, useConversationListState } from 'tuikit-atomicx-react/chat';
 import { ChatProvider } from '../../context/ChatContext';
 import classes from './Chat.module.scss';
 import type { IChatProps as IChatContextProps } from '../../context/ChatContext';

package/src/components/ChatHeader/AudioCallPicker/AudioCallPicker.tsx

@@ -14,9 +14,9 @@ import {
   startCall,
   UserPicker,
   useLoginState,
-} from 'tuikit-atomicx-react';
+} from 'tuikit-atomicx-react/chat';
 import classes from './AudioCallPicker.module.scss';
-import type { IUserPickerRef } from 'tuikit-atomicx-react';
+import type { IUserPickerRef } from 'tuikit-atomicx-react/chat';
 
 interface AudioCallPickerProps {
   /**

package/src/components/ChatHeader/ChatHeader.tsx

@@ -1,10 +1,10 @@
 import type React from 'react';
 import { useEffect } from 'react';
 import { TUIUserService } from '@tencentcloud/chat-uikit-engine-lite';
-import { useMessageInputState } from 'tuikit-atomicx-react';
+import { useMessageInputState } from 'tuikit-atomicx-react/chat';
 import { useChatHeader } from '../../hooks';
 import ChatHeaderUI from './ChatHeaderUI';
-import type { AvatarProps } from 'tuikit-atomicx-react';
+import type { AvatarProps } from 'tuikit-atomicx-react/chat';
 
 interface ChatHeaderProps {
   /** Custom title, if not provided, will use conversation info */

package/src/components/ChatHeader/ChatHeaderUI/ChatHeaderUI.tsx

@@ -1,12 +1,12 @@
 import type React from 'react';
 import { useUIKit } from '@tencentcloud/uikit-base-component-react';
 import cs from 'classnames';
-import { View, Avatar as DefaultAvatar } from 'tuikit-atomicx-react';
+import { View, Avatar as DefaultAvatar } from 'tuikit-atomicx-react/chat';
 import { AudioCallPicker } from '../AudioCallPicker';
 import { VideoCallPicker } from '../VideoCallPicker';
 import classes from './ChatHeaderUI.module.scss';
 import type { UserStatus } from '../../../types/user';
-import type { ConversationModel } from 'tuikit-atomicx-react';
+import type { ConversationModel } from 'tuikit-atomicx-react/chat';
 
 interface ChatHeaderUIProps {
   /** Custom title, if not provided, will use conversation info */

package/src/components/ChatHeader/VideoCallPicker/VideoCallPicker.tsx

@@ -14,9 +14,9 @@ import {
   startCall,
   UserPicker,
   useLoginState,
-} from 'tuikit-atomicx-react';
+} from 'tuikit-atomicx-react/chat';
 import classes from './VideoCallPicker.module.scss';
-import type { IUserPickerRef } from 'tuikit-atomicx-react';
+import type { IUserPickerRef } from 'tuikit-atomicx-react/chat';
 
 interface VideoCallPickerProps {
   /**

package/src/components/Profile/ProfileDefault.tsx

@@ -2,11 +2,11 @@ import type { PropsWithChildren } from 'react';
 import React, { useState } from 'react';
 import TUIChatEngine from '@tencentcloud/chat-uikit-engine-lite';
 import { IconChevronLeft, useUIKit } from '@tencentcloud/uikit-base-component-react';
-import { Avatar } from 'tuikit-atomicx-react';
+import { Avatar } from 'tuikit-atomicx-react/chat';
 import { DivWithEdit } from '../DivWithEdit';
 import { DatePicker } from './DatePicker';
-import type { Profile } from '@tencentcloud/lite-chat';
 import type { UpdateMyProfileParams } from '@tencentcloud/chat-uikit-engine-lite';
+import type { Profile } from '@tencentcloud/lite-chat';
 
 const gender: any = {
   [TUIChatEngine.TYPES.GENDER_UNKNOWN]: 'Unknown',

package/src/components/Profile/myProfile/MyProfile.tsx

@@ -1,9 +1,9 @@
 import React from 'react';
 import './styles/index.scss';
+import { IconHorizontalMoreTwo } from '@tencentcloud/uikit-base-component-react';
+import { Avatar } from 'tuikit-atomicx-react/chat';
 import { defaultUserAvatar } from '../../../constant/avatar';
 import type { Profile as TProfile } from '@tencentcloud/lite-chat';
-import { Avatar } from 'tuikit-atomicx-react';
-import { IconHorizontalMoreTwo } from '@tencentcloud/uikit-base-component-react';
 
 export interface ProfileProps {
   profile?: TProfile | undefined;
@@ -19,7 +19,7 @@ export function MyProfile<T extends ProfileProps>(props: T) {
         <div className="profile-name">{profile.nick || profile.userID}</div>
       </div>
       <div className="profile-more" onClick={handleAvatar}>
-        <IconHorizontalMoreTwo size='24px' />
+        <IconHorizontalMoreTwo size="24px" />
       </div>
     </div>
   );

package/src/hooks/useChatHeader.ts

@@ -1,8 +1,8 @@
 import { useMemo } from 'react';
-import { useConversationListState, ConversationType } from 'tuikit-atomicx-react';
+import { useConversationListState, ConversationType } from 'tuikit-atomicx-react/chat';
 import { useUIManagerState } from '../states';
 import type { UserStatus } from '../types/user';
-import type { ConversationModel } from 'tuikit-atomicx-react';
+import type { ConversationModel } from 'tuikit-atomicx-react/chat';
 
 interface UseChatHeaderStoreReturn {
   /** im avatar can't be undefined */

package/src/index.ts

@@ -2,13 +2,22 @@ import { UIKitProvider, useUIKit } from '@tencentcloud/uikit-base-component-reac
 import './locales';
 import './styles/index.scss';
 
+// version info
+declare const __CHAT_UIKIT_VERSION__: string;
+declare const __CHAT_UIKIT_NAME__: string;
+
+export const version = __CHAT_UIKIT_VERSION__;
+
+if (typeof window !== 'undefined') {
+  (window as any).__CHAT_UIKIT_REACT__ = { name: __CHAT_UIKIT_NAME__, version: __CHAT_UIKIT_VERSION__ };
+  console.log(`[${__CHAT_UIKIT_NAME__}] v${__CHAT_UIKIT_VERSION__}`);
+}
+
 export * from './components';
 export * from './context';
 export * from './hooks';
 export * from './states';
 export * from 'tuikit-atomicx-react/chat';
-export * from 'tuikit-atomicx-react/types';
-export { Avatar, useLoginState, LoginStatus, startCall } from 'tuikit-atomicx-react';
 
 export {
   UIKitProvider,

package/src/locales/en-US/TUIConversation.ts

@@ -41,6 +41,8 @@ const TUIConversation = {
   'The group chat has been disbanded': 'The group chat has been disbanded',
   'You have left the group chat': 'You have left the group chat',
   'Me': 'Me',
+  'someone_at_me': 'You were mentioned',
+  'at_all': '@All',
 };
 
 export default TUIConversation;

package/src/locales/ja-JP/TUIConversation.ts

@@ -40,6 +40,8 @@ const TUIConversation = {
   'The group chat has been disbanded': 'グループチャットは解散されました',
   'You have left the group chat': 'グループチャットから退出しました',
   'Me': '私',
+  'someone_at_me': 'あなたが@されました',
+  'at_all': '@全員',
 };
 
 export default TUIConversation;

package/src/locales/ko-KR/TUIConversation.ts

@@ -40,6 +40,8 @@ const TUIConversation = {
   'The group chat has been disbanded': '그룹 채팅이 해체되었습니다',
   'You have left the group chat': '그룹 채팅을 나갔습니다',
   'Me': '나',
+  'someone_at_me': '당신이 @되었습니다',
+  'at_all': '@모두',
 };
 
 export default TUIConversation;

package/src/locales/zh-CN/TUIConversation.ts

@@ -40,6 +40,8 @@ const TUIConversation = {
   'The group chat has been disbanded': '该群已解散',
   'You have left the group chat': '您已退出该群',
   'Me': '我',
+  'someone_at_me': '有人@你',
+  'at_all': '@所有人',
 };
 
 export default TUIConversation;

package/src/locales/zh-TW/TUIConversation.ts

@@ -40,5 +40,7 @@ const TUIConversation = {
   'The group chat has been disbanded': '該群已解散',
   'You have left the group chat': '您已離開該群',
   'Me': '我',
+  'someone_at_me': '有人@你',
+  'at_all': '@所有人',
 };
 export default TUIConversation;

package/vite.config.ts

@@ -6,6 +6,7 @@ import { visualizer } from 'rollup-plugin-visualizer';
 import { defineConfig } from 'vite';
 import dts from 'vite-plugin-dts';
 import { libInjectCss } from 'vite-plugin-lib-inject-css';
+import { version, name } from './package.json';
 
 // https://vite.dev/config/
 export default defineConfig(({ mode }) => {
@@ -13,24 +14,43 @@ export default defineConfig(({ mode }) => {
   const isDevelopment = mode === 'development';
 
   return {
+    define: {
+      __CHAT_UIKIT_VERSION__: JSON.stringify(version),
+      __CHAT_UIKIT_NAME__: JSON.stringify(name),
+    },
+    resolve: {
+      alias: {
+        '@': resolve(__dirname, 'src'),
+      },
+    },
     build: {
       lib: {
         entry: resolve(__dirname, 'src/index.ts'),
         formats: ['es'],
       },
       rollupOptions: {
-        external: [
-          'react',
-          'react/jsx-runtime',
-          'react-dom',
-          'react-dom/client',
-          '@tencentcloud/lite-chat',
-          '@tencentcloud/tui-core-lite',
-          '@tencentcloud/universal-api',
-          '@tencentcloud/chat-uikit-engine-lite',
-          '@tencentcloud/call-uikit-react',
-          '@tencentcloud/uikit-base-component-react',
-        ],
+        external: (id) => {
+          // external react and react-dom
+          if (id === 'react' || id === 'react/jsx-runtime' || id.startsWith('react-dom')) {
+            return true;
+          }
+          // external tuikit-atomicx-react and its sub-paths
+          if (id === 'tuikit-atomicx-react' || id.startsWith('tuikit-atomicx-react/')) {
+            return true;
+          }
+          // external other peer dependencies
+          const externalPeers = [
+            '@tencentcloud/lite-chat',
+            '@tencentcloud/tui-core-lite',
+            '@tencentcloud/universal-api',
+            '@tencentcloud/chat-uikit-engine-lite',
+            '@tencentcloud/call-uikit-react',
+            '@tencentcloud/uikit-base-component-react',
+            'zustand',
+            '@mui/base',
+          ];
+          return externalPeers.some(peer => id === peer || id.startsWith(`${peer}/`));
+        },
         input: getInputEntries(),
         output: {
           format: 'es',
@@ -45,12 +65,6 @@ export default defineConfig(({ mode }) => {
             'external_modules/react-vendors': [
               'react-transition-group',
             ],
-            'external_modules/mui': [
-              '@mui/base',
-            ],
-            'external_modules/zustand': [
-              'zustand',
-            ],
           },
         },
         treeshake: true,