tuikit-atomicx-vue3 4.5.0 → 4.5.1

package/src/components/Search/SearchResults/SearchResultsItem/Message/Message.vue

@@ -6,7 +6,7 @@
     </div>
     <div :class="$style.SearchMessage__content">
       <div :class="$style.SearchMessage__header">
-        <span :class="$style.SearchMessage__name" v-html="highlightedName"> </span>
+        <span :class="$style.SearchMessage__name" v-html="highlightedName" />
         <span v-if="time" :class="$style.SearchMessage__time">
           {{ formatTime(time) }}
         </span>
@@ -24,19 +24,18 @@
 </template>
 
 <script lang="ts" setup>
-import { computed, h, defineProps, useCssModule } from 'vue';
+import { computed, h, useCssModule } from 'vue';
 import TUIChatEngine from '@tencentcloud/chat-uikit-engine';
+import { useUIKit } from '@tencentcloud/uikit-base-component-vue3';
 import { SearchType } from '../../../../../types/engine';
-import type { ResultItemProps, MessageModel } from '../../../../../types';
 import { Avatar } from '../../../../Avatar';
-import { useUIKit } from '@tencentcloud/uikit-base-component-vue3';
 import { highlightText } from '../utils';
+import type { MessageModel } from '../../../../../types/engine';
+import type { ResultItemProps } from '../../../../../types/search';
 
 const $style = useCssModule();
 
-const formatTime = (timestamp: number): string => {
-  return new Date(timestamp * 1000).toLocaleString();
-};
+const formatTime = (timestamp: number): string => new Date(timestamp * 1000).toLocaleString();
 
 const props = defineProps<ResultItemProps<SearchType.CHAT_MESSAGE>>();
 
@@ -49,7 +48,7 @@ const highlightedName = computed(() => {
   if (!props.keyword) {
     return name.value;
   }
-  return highlightText(name.value, props.keyword, $style['SearchMessage__highlight']);
+  return highlightText(name.value, props.keyword, $style.SearchMessage__highlight);
 });
 
 const renderTextContent = (messageContent: any, keyword: string) => {
@@ -59,16 +58,16 @@ const renderTextContent = (messageContent: any, keyword: string) => {
         if (item.name === 'text') {
           return h('span', {
             key: idx,
-            innerHTML: highlightText(item.text, keyword, $style['SearchMessage__highlight']),
+            innerHTML: highlightText(item.text, keyword, $style.SearchMessage__highlight),
           });
         }
         if (item.name === 'img') {
           return h('img', {
-            key: idx,
-            src: item.src,
-            alt: item.emojiKey || '',
-            class: $style['SearchMessage__emoji-img'],
-            draggable: false,
+            'key': idx,
+            'src': item.src,
+            'alt': item.emojiKey || '',
+            'class': $style['SearchMessage__emoji-img'],
+            'draggable': false,
             'data-emoji-key': item.emojiKey || '',
           });
         }
@@ -77,7 +76,7 @@ const renderTextContent = (messageContent: any, keyword: string) => {
       .filter(Boolean);
   }
   return h('span', {
-    innerHTML: highlightText(messageContent.text, keyword, $style['SearchMessage__highlight']),
+    innerHTML: highlightText(messageContent.text, keyword, $style.SearchMessage__highlight),
   });
 };
 
@@ -90,9 +89,9 @@ const renderMessageContent = (message: MessageModel, searchKeyword: string) => {
       return h(
         'div',
         {
-          class: $style['SearchMessage__text'],
+          class: $style.SearchMessage__text,
         },
-        renderTextContent(messageContent, searchKeyword)
+        renderTextContent(messageContent, searchKeyword),
       );
 
     case TUIChatEngine.TYPES.MSG_IMAGE:
@@ -138,11 +137,11 @@ const renderMessageContent = (message: MessageModel, searchKeyword: string) => {
                     points: '9,7 18,12 9,17',
                     fill: '#2B5DF5',
                   }),
-                ]
+                ],
               ),
-            ]
+            ],
           ),
-        ]
+        ],
       );
 
     case TUIChatEngine.TYPES.MSG_FILE:
@@ -155,18 +154,18 @@ const renderMessageContent = (message: MessageModel, searchKeyword: string) => {
           h(
             'span',
             {
-              class: $style['SearchMessage__text'],
+              class: $style.SearchMessage__text,
             },
-            messageContent.name
+            messageContent.name,
           ),
           h(
             'span',
             {
-              class: $style['SearchMessage__text'],
+              class: $style.SearchMessage__text,
             },
-            messageContent.size
+            messageContent.size,
           ),
-        ]
+        ],
       );
 
     case TUIChatEngine.TYPES.MSG_AUDIO:
@@ -217,12 +216,12 @@ const renderMessageContent = (message: MessageModel, searchKeyword: string) => {
                     fill: '#2B5DF5',
                     fillOpacity: '0.4',
                   }),
-                ]
+                ],
               ),
-            ]
+            ],
           ),
           h('span', `${messageContent.second}s`),
-        ]
+        ],
       );
 
     case TUIChatEngine.TYPES.MSG_LOCATION:
@@ -230,7 +229,7 @@ const renderMessageContent = (message: MessageModel, searchKeyword: string) => {
         return h(
           'span',
           {
-            class: $style['SearchMessage__text'],
+            class: $style.SearchMessage__text,
           },
           [
             messageContent.text,
@@ -241,9 +240,9 @@ const renderMessageContent = (message: MessageModel, searchKeyword: string) => {
                 target: '_blank',
                 rel: 'noopener noreferrer',
               },
-              `${t('Search.action.readMore')}>>>`
+              `${t('Search.action.readMore')}>>>`,
             ),
-          ]
+          ],
         );
       }
       return h('span', t('Search.messageType.custom'));

package/src/index.ts

@@ -1,7 +1,7 @@
 // common export
 export * from './subEntry/common';
 // chat export
-export * from './chat';
+export * from './subEntry/chat/chat';
 // live export
 export * from './subEntry/live/live';
 // room export

package/src/{chat/index.ts → subEntry/chat/chat.ts}

@@ -1,11 +1,11 @@
-// Chat related exports
-import { View as ViewComponent } from '../baseComp/View';
-import { ChatSetting as ChatSettingComponent } from '../components/ChatSetting';
+// Chat related exports (pure components, no initialization)
+import { View as ViewComponent } from '../../baseComp/View';
+import { ChatSetting as ChatSettingComponent } from '../../components/ChatSetting';
 import {
   ContactList as ContactListComponent,
   ContactListItem as ContactListItemComponent,
   ContactInfo as ContactInfoComponent,
-} from '../components/ContactList';
+} from '../../components/ContactList';
 import {
   ConversationList as ConversationListComponent,
   ConversationActions as ConversationActionsComponent,
@@ -14,7 +14,7 @@ import {
   ConversationPreview as ConversationPreviewComponent,
   ConversationPreviewUI as ConversationPreviewUIComponent,
   ConversationSearch as ConversationSearchComponent,
-} from '../components/ConversationList';
+} from '../../components/ConversationList';
 import {
   MessageInput as MessageInputComponent,
   EmojiPicker as EmojiPickerComponent,
@@ -24,11 +24,11 @@ import {
   VideoPicker as VideoPickerComponent,
   AudioCallPicker as AudioCallPickerComponent,
   VideoCallPicker as VideoCallPickerComponent,
-} from '../components/MessageInput';
+} from '../../components/MessageInput';
 import {
   MessageList as MessageListComponent,
   Message as MessageComponent,
-} from '../components/MessageList';
+} from '../../components/MessageList';
 import {
   Search as SearchComponent,
   SearchAdvanced as SearchAdvancedComponent,
@@ -37,17 +37,16 @@ import {
   SearchResultItem as SearchResultItemComponent,
   SearchBar as SearchBarComponent,
   SearchResults as SearchResultsComponent,
-} from '../components/Search';
-import { useMessageActions as useMessageActionsHook } from '../hooks/useMessageActions';
-import { useConversationListState as conversationListState } from '../states/ConversationListState';
-import { useMessageActionState as messageActionState } from '../states/MessageActionState';
-import { useMessageInputState as messageInputState } from '../states/MessageInputState';
-import { useMessageListState as messageListState } from '../states/MessageListState';
-import { useSearchState as searchState } from '../states/SearchState';
-import { useContactListState as contactListState } from "../states/ContactListState";
-import { useC2CSettingState as c2cSettingState } from '../states/C2CSettingState';
-import { useGroupSettingState as groupSettingState } from '../states/GroupSettingState';
-
+} from '../../components/Search';
+import { useMessageActions as useMessageActionsHook } from '../../hooks/useMessageActions';
+import { useConversationListState as conversationListState } from '../../states/ConversationListState';
+import { useMessageActionState as messageActionState } from '../../states/MessageActionState';
+import { useMessageInputState as messageInputState } from '../../states/MessageInputState';
+import { useMessageListState as messageListState } from '../../states/MessageListState';
+import { useSearchState as searchState } from '../../states/SearchState';
+import { useContactListState as contactListState } from '../../states/ContactListState';
+import { useC2CSettingState as c2cSettingState } from '../../states/C2CSettingState';
+import { useGroupSettingState as groupSettingState } from '../../states/GroupSettingState';
 import ChatLoginServer from './server';
 
 ChatLoginServer.getInstance().init();
@@ -142,3 +141,11 @@ export {
   useC2CSettingState,
   useGroupSettingState,
 };
+
+export * from '../../types/message';
+export * from '../../types/search';
+export * from '../../types/engine';
+export * from '../../types/conversation';
+export * from '../../types/contact';
+export * from '../../types/call';
+export * from '../../types/chatSetting';

package/src/subEntry/chat/index.ts

@@ -0,0 +1,13 @@
+export { useLoginState } from '../../states/LoginState';
+export * from '../../components/Avatar';
+export * from '../../components/UserPicker';
+export * from './chat';
+
+// types
+export * from '../../types/message';
+export * from '../../types/search';
+export * from '../../types/engine';
+export * from '../../types/conversation';
+export * from '../../types/contact';
+export * from '../../types/call';
+export * from '../../types/chatSetting';

package/src/{chat → subEntry/chat}/server.ts

@@ -2,9 +2,9 @@ import type { Ref } from 'vue';
 import { ref } from 'vue';
 import TUIChatEngine from '@tencentcloud/chat-uikit-engine';
 import TUICore, { TUILogin, TUIConstants } from '@tencentcloud/tui-core';
-import { useLoginState } from '../states/LoginState';
-import { ChatSceneType, useStatistical } from '../statistical';
-import { isPC } from '../utils';
+import { useLoginState } from '../../states/LoginState';
+import { ChatSceneType, useStatistical } from '../../statistical';
+import { isPC } from '../../utils';
 
 const { setChatScene } = useStatistical();
 

package/dist/chat/index.js

@@ -1,59 +0,0 @@
-import { View as t } from "../baseComp/View/index.js";
-import { ChatSetting as e } from "../components/ChatSetting/index.js";
-import { ContactList as s, ContactListItem as a, ContactInfo as o } from "../components/ContactList/index.js";
-import { ConversationList as n, ConversationActions as i, ConversationListHeader as r, ConversationListContent as c, ConversationPreview as C, ConversationPreviewUI as S, ConversationSearch as m } from "../components/ConversationList/index.js";
-import { MessageInput as u, EmojiPicker as v, AttachmentPicker as g, FilePicker as $, ImagePicker as d, VideoPicker as h, AudioCallPicker as L, VideoCallPicker as p } from "../components/MessageInput/index.js";
-import { MessageList as P, Message as A } from "../components/MessageList/index.js";
-import { Search as M, SearchAdvanced as I, UserAdvanced as f, MessageAdvanced as k, SearchResults as l, SearchResultItem as w, SearchBar as V } from "../components/Search/index.js";
-import { useMessageActions as R } from "../hooks/useMessageActions.js";
-import { useSearchState as U } from "../states/SearchState.js";
-import j from "./server.js";
-import { useContactListState as B } from "../states/ContactListState/ContactListState.js";
-import { useC2CSettingState as E } from "../states/C2CSettingState/C2CSettingState.js";
-import { useGroupSettingState as F } from "../states/GroupSettingState/GroupSettingState.js";
-import { useMessageListState as G } from "../states/MessageListState/MessageListState.js";
-import { useMessageInputState as H } from "../states/MessageInputState/MessageInputState.js";
-import { useMessageActionState as _ } from "../states/MessageActionState/MessageActionState.js";
-import { useConversationListState as x } from "../states/ConversationListState/ConversationListState.js";
-j.getInstance().init();
-const st = M, at = I, ot = k, nt = f, it = V, rt = l, ct = w, Ct = n, St = i, mt = r, ut = c, vt = C, gt = S, $t = m, dt = s, ht = a, Lt = o, pt = P, Pt = A, At = u, Mt = v, It = g, ft = $, kt = d, lt = h, wt = L, Vt = p, Rt = e, Ut = t, jt = R, Bt = x, Et = _, Ft = H, Gt = G, Ht = U, _t = B, xt = E, bt = F;
-export {
-  It as AttachmentPicker,
-  wt as AudioCallPicker,
-  Rt as ChatSetting,
-  Lt as ContactInfo,
-  dt as ContactList,
-  ht as ContactListItem,
-  St as ConversationActions,
-  Ct as ConversationList,
-  ut as ConversationListContent,
-  mt as ConversationListHeader,
-  vt as ConversationPreview,
-  gt as ConversationPreviewUI,
-  $t as ConversationSearch,
-  Mt as EmojiPicker,
-  ft as FilePicker,
-  kt as ImagePicker,
-  Pt as Message,
-  ot as MessageAdvanced,
-  At as MessageInput,
-  pt as MessageList,
-  st as Search,
-  at as SearchAdvanced,
-  it as SearchBar,
-  ct as SearchResultItem,
-  rt as SearchResults,
-  nt as UserAdvanced,
-  Vt as VideoCallPicker,
-  lt as VideoPicker,
-  Ut as View,
-  xt as useC2CSettingState,
-  _t as useContactListState,
-  Bt as useConversationListState,
-  bt as useGroupSettingState,
-  Et as useMessageActionState,
-  jt as useMessageActions,
-  Ft as useMessageInputState,
-  Gt as useMessageListState,
-  Ht as useSearchState
-};