tuikit-atomicx-vue3 0.1.1 → 3.3.0

package/src/components/ConversationList/ConversationListContent/ConversationListContent.vue

@@ -6,26 +6,24 @@
     <slot v-if="!error && !loading && !empty" />
 
     <component
-      :is="PlaceholderLoadError.component"
+      :is="PlaceholderLoadError"
       v-else-if="error"
-      v-bind="PlaceholderLoadError.props"
     />
 
     <component
-      :is="PlaceholderLoading.component"
+      :is="PlaceholderLoading"
       v-else-if="loading"
-      v-bind="PlaceholderLoading.props"
     />
 
     <component
-      :is="PlaceholderEmptyList.component"
+      :is="PlaceholderEmptyList"
       v-else-if="empty"
-      v-bind="PlaceholderEmptyList.props"
     />
   </div>
 </template>
 
 <script lang="ts" setup>
+import { h } from 'vue';
 import { PlaceHolderTypes } from '../../../types';
 import PlaceHolder from '../ConversationPlaceHolder';
 import type { ConversationListContentProps } from '../../../types';
@@ -34,18 +32,15 @@ const props = withDefaults(defineProps<ConversationListContentProps>(), {
   empty: false,
   loading: false,
   error: false,
-  PlaceholderEmptyList: () => ({
-    component: PlaceHolder,
-    props: { type: PlaceHolderTypes.NO_CONVERSATIONS },
-  }),
-  PlaceholderLoading: () => ({
-    component: PlaceHolder,
-    props: { type: PlaceHolderTypes.LOADING },
-  }),
-  PlaceholderLoadError: () => ({
-    component: PlaceHolder,
-    props: { type: PlaceHolderTypes.WRONG },
-  }),
+  PlaceholderEmptyList: () => (h(PlaceHolder, {
+    type: PlaceHolderTypes.NO_CONVERSATIONS
+  })),
+  PlaceholderLoading: () => (h(PlaceHolder, {
+    type: PlaceHolderTypes.LOADING
+  })),
+  PlaceholderLoadError: () => (h(PlaceHolder, {
+    type: PlaceHolderTypes.WRONG
+  }))
 });
 
 </script>

package/src/components/ConversationList/ConversationPlaceHolder/ConversationPlaceHolder.vue

@@ -1,7 +1,7 @@
 <template>
   <div :class="[$style.conversationPlaceHolder, className]">
     <div :class="$style.conversationPlaceHolder__icon">
-      <IconLoading
+      <IconLiveLoading
         v-if="type === PlaceHolderTypes.LOADING"
         :class="$style.conversationPlaceHolder__loading"
       />
@@ -45,7 +45,7 @@
 
 <script setup lang="ts">
 import { computed, withDefaults, defineProps } from 'vue';
-import { TUIButton, useUIKit, IconLoading } from '@tencentcloud/uikit-base-component-vue3';
+import { TUIButton, useUIKit, IconLiveLoading } from '@tencentcloud/uikit-base-component-vue3';
 import { PlaceHolderTypes } from '../../../types/conversation';
 import type { ConversationPlaceHolderProps } from '../../../types/conversation';
 

package/src/components/ConversationList/ConversationPreview/ConversationPreview.scss

@@ -1,3 +1,4 @@
+@use '../../../styles/mixins' as mixins;
 .conversationPreview {
   display: flex;
   align-items: center;
@@ -42,18 +43,17 @@
   }
 
   &__title {
+    flex: 1;
     font-weight: 500;
     font-size: 14px;
     color: var(--text-color-primary, #333);
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    flex: 1;
+
+    @include mixins.text-ellipsis();
   }
 
   &__time {
     font-size: 12px;
-    line-height: 24px;
+    line-height: 18px;
     color: var(--text-color-secondary, #666);
     flex-shrink: 0;
     margin-left: 8px;
@@ -66,12 +66,11 @@
   }
 
   &__abstract {
+    flex: 1;
     font-size: 12px;
     color: var(--text-color-secondary, #666);
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    flex: 1;
+
+    @include mixins.text-ellipsis();
   }
 
   &__external {
@@ -87,6 +86,9 @@
   &__unread {
     flex-shrink: 0;
     margin-left: 8px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
 
     .unread-count {
       display: inline-flex;

package/src/components/ConversationList/ConversationPreview/ConversationPreview.vue

@@ -3,17 +3,16 @@
     <component
       :is="Preview"
       :conversation="conversation"
-      :is-selected="isSelected"
-      :enable-actions="enableActions"
-      :highlight-match-string="highlightMatchString"
-      :avatar="Avatar"
-      :conversation-actions="ConversationActions"
-      :title="Title"
-      :last-message-timestamp="LastMessageTimestamp"
-      :last-message-abstract="LastMessageAbstract"
-      :unread="Unread"
-      :actions-config="actionsConfig"
-      :class-name="className"
+      :isSelected="isSelected"
+      :enableActions="enableActions"
+      :Avatar="Avatar"
+      :ConversationActions="ConversationActions"
+      :Title="Title"
+      :LastMessageTimestamp="LastMessageTimestamp"
+      :LastMessageAbstract="LastMessageAbstract"
+      :Unread="Unread"
+      :actionsConfig="actionsConfig"
+      :className="className"
       :style="style"
       @select="handleSelectConversation"
     >
@@ -49,20 +48,19 @@ const emit = defineEmits<{
   selectConversation: [conversation: ConversationModel];
 }>();
 
-const Title = computed(() => h(ConversationPreviewTitle, {
+const Title = computed(() => h(props.Title || ConversationPreviewTitle, {
   conversation: props.conversation,
-  highlightMatchString: props.highlightMatchString,
 }));
 
-const LastMessageTimestamp = computed(() => h(ConversationPreviewTimestamp, {
+const LastMessageTimestamp = computed(() => h(props.LastMessageTimestamp || ConversationPreviewTimestamp, {
   conversation: props.conversation,
 }));
 
-const LastMessageAbstract = computed(() => h(ConversationPreviewAbstract, {
+const LastMessageAbstract = computed(() => h(props.LastMessageAbstract || ConversationPreviewAbstract, {
   conversation: props.conversation,
 }));
 
-const Unread = computed(() => h(ConversationPreviewUnread, {
+const Unread = computed(() => h(props.Unread || ConversationPreviewUnread, {
   conversation: props.conversation,
 }));
 

package/src/components/ConversationList/ConversationPreview/ConversationPreviewAbstract.vue

@@ -1,7 +1,7 @@
 <template>
   <div :class="$style.conversationPreview__abstract">
     <template v-if="draftTextAbstract">
-      <label :class="$style.conversationPreview__drafts">{{ t('TUIChat.[Drafts]') }}</label>
+      <label :class="$style.conversationPreview__drafts">[{{ t('TUIConversation.Drafts') }}]</label>
       {{ ' ' }}
       {{ draftTextAbstract }}
     </template>

package/src/components/ConversationList/ConversationPreview/ConversationPreviewTitle.vue

@@ -1,29 +1,17 @@
 <template>
   <div :class="[$style.conversationPreview__title, $style.textEllipsis]">
-    <span
-      v-for="(item, index) in titleItems"
-      :key="index"
-      :class="{
-        [$style['conversationPreview__title--highlight']]: item.isHighlight,
-        [$style['conversationPreview__title--normal']]: !item.isHighlight,
-      }"
-    >
-      {{ item.text }}
-    </span>
+    {{ title }}
   </div>
 </template>
 
 <script lang="ts" setup>
-import { computed } from 'vue';
-import { generateHighlightTitle } from './utils';
 import type { ConversationModel } from '../../../types';
 
 const props = defineProps<{
   conversation: ConversationModel;
-  highlightMatchString?: string;
 }>();
 
-const titleItems = computed(() => generateHighlightTitle(props.conversation, props.highlightMatchString));
+const title =props?.conversation?.getShowName?.() || '';
 </script>
 
 <style lang="scss" module>

package/src/components/ConversationList/ConversationPreview/ConversationPreviewUI.vue

@@ -12,11 +12,8 @@
                conversation?.isMuted && [$style['conversationPreview--mute']],
       ]"
       :style="style"
+      v-bind="longPressEvents"
       @click="handleClick"
-      @touchstart="handleTouchStart"
-      @touchend="handleTouchEnd"
-      @mouseenter="handleMouseEnter"
-      @mouseleave="handleMouseLeave"
     >
       <slot>
         <div :class="$style['conversationPreview__avatar']">
@@ -107,14 +104,16 @@ const { activeConversation, setActiveConversation } = useConversationListState()
 const conversationPreviewRef = ref<HTMLElement>();
 const isActionMenuActive = ref(false);
 
-const { isHovering } = useMouseHover(conversationPreviewRef);
-const { handleTouchStart, handleTouchEnd } = useLongPress(() => {
+const { isHovered } = useMouseHover(conversationPreviewRef);
+const { getEventHandlers } = useLongPress(() => {
   if (isH5) {
     isActionMenuActive.value = true;
   }
 });
 
-watch(isHovering, (newValue) => {
+const longPressEvents = getEventHandlers();
+
+watch(isHovered, (newValue) => {
   if (!isH5) {
     isActionMenuActive.value = newValue;
   }
@@ -125,18 +124,6 @@ const handleClick = () => {
   setActiveConversation(props.conversation.conversationID);
 };
 
-const handleMouseEnter = () => {
-  if (!isH5) {
-    isActionMenuActive.value = true;
-  }
-};
-
-const handleMouseLeave = () => {
-  if (!isH5) {
-    isActionMenuActive.value = false;
-  }
-};
-
 const handleCloseActionsModal = () => {
   isActionMenuActive.value = false;
 };

package/src/components/ConversationList/ConversationPreview/index.ts

@@ -4,4 +4,4 @@ export { default as ConversationPreviewTitle } from './ConversationPreviewTitle.
 export { default as ConversationPreviewTimestamp } from './ConversationPreviewTimestamp.vue';
 export { default as ConversationPreviewAbstract } from './ConversationPreviewAbstract.vue';
 export { default as ConversationPreviewUnread } from './ConversationPreviewUnread.vue';
-export { generateHighlightTitle, getLatestMessagePreview } from './utils';
+export { getLatestMessagePreview } from './utils';

package/src/components/ConversationList/ConversationPreview/utils.ts

@@ -12,8 +12,8 @@ export const generateHighlightTitle = (
 
   const regex = new RegExp(`(${highlightMatchString})`, 'gi');
   const parts = title.split(regex);
-  
-  return parts.map((part) => ({
+
+  return parts.map(part => ({
     text: part,
     isHighlight: part.toLowerCase() === highlightMatchString.toLowerCase(),
   }));
@@ -34,22 +34,22 @@ export const getLatestMessagePreview = (conversation: ConversationModel, t: (key
     case TUIChatEngine.TYPES.MSG_TEXT:
       return payload.text || '';
     case TUIChatEngine.TYPES.MSG_IMAGE:
-      return `[${t('TUIChat.Image')}]`;
+      return `[${t('TUIConversation.Image')}]`;
     case TUIChatEngine.TYPES.MSG_AUDIO:
-      return `[${t('TUIChat.Audio')}]`;
+      return `[${t('TUIConversation.Audio')}]`;
     case TUIChatEngine.TYPES.MSG_VIDEO:
-      return `[${t('TUIChat.Video')}]`;
+      return `[${t('TUIConversation.Video')}]`;
     case TUIChatEngine.TYPES.MSG_FILE:
-      return `[${t('TUIChat.File')}]`;
+      return `[${t('TUIConversation.File')}]`;
     case TUIChatEngine.TYPES.MSG_CUSTOM:
-      return `[${t('TUIChat.Custom')}]`;
+      return `[${t('TUIConversation.Custom')}]`;
     case TUIChatEngine.TYPES.MSG_LOCATION:
-      return `[${t('TUIChat.Location')}]`;
+      return `[${t('TUIConversation.Location')}]`;
     case TUIChatEngine.TYPES.MSG_FACE:
-      return `[${t('TUIChat.Emoji')}]`;
+      return `[${t('TUIConversation.Emoji')}]`;
     case TUIChatEngine.TYPES.MSG_MERGER:
-      return `[${t('TUIChat.Chat History')}]`;
+      return `[${t('TUIConversation.Chat History')}]`;
     default:
       return senderName ? `${senderName}: ${payload?.text || ''}` : payload?.text || '';
   }
-};
+};

package/src/components/ConversationList/ConversationSearch/ConversationSearch.vue

@@ -37,6 +37,7 @@
       </div>
 
       <TUIDialog
+        appendTo="body"
         :customClasses="[$style.conversationSearch__advanced]"
         :visible="isShowStandard"
         :show-close="false"

package/src/components/ConversationList/hooks/useConversation.ts

@@ -0,0 +1,21 @@
+import { ref } from 'vue';
+
+const enableCreate = ref(false);
+const enableSearch = ref(false);
+
+export const useConversation = () => {
+  const setEnableCreate = (value: boolean) => {
+    enableCreate.value = value;
+  };
+
+  const setEnableSearch = (value: boolean) => {
+    enableSearch.value = value;
+  };
+
+  return {
+    enableCreate,
+    enableSearch,
+    setEnableCreate,
+    setEnableSearch,
+  };
+};

package/src/components/ConversationList/hooks/useConversationCreate.ts

@@ -0,0 +1,29 @@
+import { GroupType } from '../../../types';
+import {
+  DEFAULT_GROUP_AVATAR_AVCHATROOM,
+  DEFAULT_GROUP_AVATAR_COMMON,
+  DEFAULT_GROUP_AVATAR_MEETING,
+  DEFAULT_GROUP_AVATAR_PUBLIC,
+  DEFAULT_GROUP_AVATAR_WORK,
+} from '../../Avatar';
+
+const getDefaultAvatar = (type: GroupType) => {
+  switch (type) {
+    case GroupType.WORK:
+      return DEFAULT_GROUP_AVATAR_WORK;
+    case GroupType.PUBLIC:
+      return DEFAULT_GROUP_AVATAR_PUBLIC;
+    case GroupType.MEETING:
+      return DEFAULT_GROUP_AVATAR_MEETING;
+    case GroupType.AVCHATROOM:
+      return DEFAULT_GROUP_AVATAR_AVCHATROOM;
+    case GroupType.COMMUNITY:
+      return DEFAULT_GROUP_AVATAR_COMMON;
+    default:
+      return '';
+  }
+};
+
+export const useConversationCreate = () => ({
+  getDefaultAvatar,
+});

package/src/components/ConversationList/i18n/en-US.ts

@@ -6,15 +6,23 @@ export default {
     'Load failed': 'Load failed',
     'Retry': 'Retry',
 
+    // ConversationSearch
+    'You are not in the group, please join the group first': 'You are not in the group, please join the group first',
+
     // ConversationCreate
-    'Start chat': 'Start chat',
+    'Start chat': 'Start Chat',
+    'Start C2C Chat': 'Start C2C Chat',
+    'Start Group Chat': 'Start Group Chat',
     'Add Participants': 'Add Participants',
     'Search': 'Search',
     'New group chat': 'New group chat',
     'Next': 'Next',
+    'Prev': 'Prev',
+    'Cancel': 'Cancel',
     'Create': 'Create',
 
     // ConversationCreateGroupDetail
+    'Group Avatar': 'Group Avatar',
     'Group Name': 'Group Name',
     'Group ID': 'Group ID',
     'Group Type': 'Group Type',
@@ -29,11 +37,12 @@ export default {
     'Community': 'Community',
 
     // Group type descriptions
-    '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.': '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.': '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.',
-    '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.': '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.',
-    '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.': '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.',
-    '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.': '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.',
+    '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.': '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. ',
+    '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.': '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.',
+    '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.': '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.',
+    '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.': '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.',
+    '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.': '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 the documentation for details': 'See the documentation for details.',
 
     // ConversationActions
     'Pin': 'Pin',
@@ -46,5 +55,16 @@ export default {
 
     // Details link
     'Details': 'Details',
+
+    // ConversationList
+    'Drafts': 'Drafts',
+    'Image': 'Image',
+    'Audio': 'Audio',
+    'Video': 'Video',
+    'File': 'File',
+    'Custom': 'Custom',
+    'Location': 'Location',
+    'Emoji': 'Emoji',
+    'Chat History': 'Chat History',
   },
 };

package/src/components/ConversationList/i18n/zh-CN.ts

@@ -6,15 +6,23 @@ export default {
     'Load failed': '加载失败',
     'Retry': '重试',
 
+    // ConversationSearch
+    'You are not in the group, please join the group first': '你不在群组中，请先加入群组',
+
     // ConversationCreate
     'Start chat': '发起会话',
+    'Start C2C Chat': '发起单人会话',
+    'Start Group Chat': '发起多人会话',
     'Add Participants': '添加成员',
     'Search': '搜索',
     'New group chat': '新建群聊',
     'Next': '下一步',
+    'Prev': '上一步',
+    'Cancel': '取消',
     'Create': '创建',
 
     // ConversationCreateGroupDetail
+    'Group Avatar': '群头像',
     'Group Name': '群名称',
     'Group ID': '群ID',
     'Group Type': '群类型',
@@ -29,11 +37,12 @@ export default {
     'Community': '社群',
 
     // Group type descriptions
-    '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.': '公共群组创建后，群主可以指定群管理员。用户加入群组需要搜索群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发起建群申请后，无需管理员审批即可加入。详情请参阅产品文档。',
+    '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.': '公共群组创建后，群主可以指定群管理员。用户加入群组需要搜索群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发起建群申请后，无需管理员审批即可加入。',
+    'See the documentation for details': '详情请参阅文档。',
 
     // ConversationActions
     'Pin': '置顶',
@@ -46,5 +55,16 @@ export default {
 
     // Details link
     'Details': '详情',
+
+    // ConversationList
+    'Drafts': '草稿',
+    'Image': '图片',
+    'Audio': '音频',
+    'Video': '视频',
+    'File': '文件',
+    'Custom': '自定义消息',
+    'Location': '位置',
+    'Emoji': '表情',
+    'Chat History': '聊天记录',
   },
 };

package/src/components/{LiveStreamView → LiveCoreView}/index.ts

@@ -1,8 +1,9 @@
-import LiveStreamView from './index.vue';
-import DefaultStreamViewUI from './DefaultStreamViewUI.vue';
 import { addI18n } from '../../i18n';
+import DefaultStreamViewUI from './DefaultStreamViewUI.vue';
 import { enUSResource, zhCNResource } from './i18n';
+import LiveCoreView from './index.vue';
+
 addI18n('en-US', { translation: enUSResource });
 addI18n('zh-CN', { translation: zhCNResource });
 
-export { LiveStreamView, DefaultStreamViewUI };
+export { LiveCoreView, DefaultStreamViewUI };