tuikit-atomicx-vue3 4.3.1 → 4.4.0

package/src/components/Search/SearchBar/SearchBar.vue

@@ -128,5 +128,5 @@ const handleClear = () => {
 </script>
 
 <style lang="scss" module>
-@import './SearchBar.scss';
+@use './SearchBar.scss';
 </style>

package/src/components/Search/SearchResults/EmptyResult/EmptyResult.vue

@@ -28,5 +28,5 @@ const text = computed(() => props.text || t('Search.status.noContent'));
 </script>
 
 <style lang="scss" module>
-@import './EmptyResult.scss';
+@use './EmptyResult.scss';
 </style>

package/src/components/Search/SearchResults/Loading/Loading.vue

@@ -13,5 +13,5 @@ const props = defineProps<ILoadingProps>();
 </script>
 
 <style lang="scss" module>
-@import './Loading.scss';
+@use './Loading.scss';
 </style>

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

@@ -396,5 +396,5 @@ const generateKey = (type: SearchType, item: SearchResultItemType, index: number
 </script>
 
 <style lang="scss" module>
-@import './SearchResults.scss';
+@use './SearchResults.scss';
 </style>

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

@@ -54,5 +54,5 @@ const handleClick = () => {
 </script>
 
 <style lang="scss" module>
-@import './Conversation.scss';
+@use './Conversation.scss';
 </style>

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

@@ -35,5 +35,5 @@ const handleClick = () => {
 </script>
 
 <style lang="scss" module>
-@import './Group.scss';
+@use './Group.scss';
 </style>

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

@@ -259,5 +259,5 @@ const handleClick = () => {
 </script>
 
 <style lang="scss" module>
-@import './Message.scss';
+@use './Message.scss';
 </style>

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

@@ -59,5 +59,5 @@ const props = withDefaults(defineProps<ISearchResultsItemProps>(), {
 </script>
 
 <style lang="scss" module>
-@import './SearchResultsItem.scss';
+@use './SearchResultsItem.scss';
 </style>

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

@@ -68,5 +68,5 @@ const handleClick = () => {
 </script>
 
 <style lang="scss" module>
-@import './User.scss';
+@use './User.scss';
 </style>

package/src/hooks/useAudioControl.ts

@@ -12,12 +12,12 @@ const createAudioPlayEvent = (audioId: string) => new CustomEvent(AUDIO_PLAY_EVE
   detail: { audioId },
 });
 
-interface IUseAudioControlProps {
+interface UseAudioControlProps {
   url: string;
   audioId?: string;
 }
 
-interface IUseAudioControlReturn {
+interface UseAudioControlReturn {
   isPlaying: ReturnType<typeof ref<boolean>>;
   progress: ReturnType<typeof ref<number>>;
   duration: ReturnType<typeof ref<number | undefined>>;
@@ -36,7 +36,7 @@ interface IUseAudioControlReturn {
  * @param props Configuration parameters
  * @returns Audio control related states and methods
  */
-export function useAudioControl(props: IUseAudioControlProps): IUseAudioControlReturn {
+export function useAudioControl(props: UseAudioControlProps): UseAudioControlReturn {
   const { url } = props;
 
   // Generate a unique ID if audioId is not provided
@@ -147,7 +147,20 @@ export function useAudioControl(props: IUseAudioControlProps): IUseAudioControlR
       if (!audioInstance) {
         return;
       }
-      duration.value = audioInstance.duration;
+      if (audioInstance.duration === Infinity) {
+        // Jump to a large time
+        audioInstance.currentTime = 1e101;
+        audioInstance.ontimeupdate = () => {
+          if (!audioInstance) {
+            return;
+          }
+          duration.value = audioInstance.duration;
+          audioInstance.ontimeupdate = null;
+          audioInstance.currentTime = 0;
+        };
+      } else {
+        duration.value = audioInstance.duration;
+      }
       isLoading.value = false;
     };
 

package/src/rtc/server.ts

@@ -3,7 +3,9 @@ import { ref } from 'vue';
 import TUIChatEngine from '@tencentcloud/chat-uikit-engine';
 import TUICore, { TUILogin, TUIConstants } from '@tencentcloud/tui-core';
 import TUIRoomEngine from '@tencentcloud/tuiroom-engine-js';
+import { dataReport, MetricsKey } from '../report';
 import { useLoginState } from '../states/LoginState';
+import { isMobile } from '../utils';
 
 export default class RTCLoginServer {
   private static instance: RTCLoginServer;
@@ -69,6 +71,8 @@ export default class RTCLoginServer {
 
     try {
       this.isEngineLoggingIn = true;
+      const metricsKey = !isMobile ? MetricsKey.T_METRICS_STATE_API_LOGIN_COUNT : MetricsKey.T_METRICS_STATE_API_LOGIN_MOBILE_COUNT;
+      dataReport.reportCount(metricsKey);
       await TUIChatEngine.login({
         chat,
         SDKAppID,

package/src/utils/call.ts

@@ -93,7 +93,7 @@ function formatTime(seconds: number): string {
   return `${minutes.toString().padStart(2, '0')}:${secs.toString().padStart(2, '0')}`;
 }
 
-function substringByLength(str: string, maxLength: number = 12): string {
+function substringByLength(str: string, maxLength = 12): string {
   if (!str || str.length <= maxLength) {
     return str;
   }
@@ -150,7 +150,7 @@ function parseCallMessageText(message: MessageModel): string {
         return i18next.t('CallMessage.switch_to_video_call');
       }
       // when CDM is abnormal, the default return value is start call
-      return i18next.t('CallMessage.start_call');
+      return i18next.t('CallMessage.start_call', { messageSender: '' });
     }
     case 2:
       if (data.groupID) {