tuikit-atomicx-vue3 3.3.0-beta.3 → 3.3.1

package/dist/components/UserPicker/index.d.ts

@@ -1,5 +1,136 @@
-import { default as UserPicker } from './UserPicker.vue';
-import { IUserPickerProps, IUserPickerRef, IUserPickerRow, IUserPickerNode, IUserPickerDataSource, IUserPickerResult } from './type';
+import { UserPickerProps, UserPickerRef, UserPickerRow, UserPickerNode, UserPickerDataSource, UserPickerResult } from './type';
 
-export type { IUserPickerProps, IUserPickerRef, IUserPickerRow, IUserPickerNode, IUserPickerDataSource, IUserPickerResult, };
+declare const UserPicker: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    displayMode: {
+        type: import('vue').PropType<"list" | "tree">;
+        required: true;
+    };
+    dataSource: {
+        type: import('vue').PropType<UserPickerDataSource<unknown>>;
+        required: true;
+        default: () => never[];
+    };
+    onReachEnd: {
+        type: import('vue').PropType<() => void>;
+    };
+    renderItem: {
+        type: import('vue').PropType<(data: UserPickerRow<unknown> | UserPickerNode<unknown>) => any>;
+    };
+    onSearch: {
+        type: import('vue').PropType<(value: string) => void>;
+    };
+    maxCount: {
+        type: import('vue').PropType<number>;
+        default: number;
+    };
+    onExpand: {
+        type: import('vue').PropType<(node: UserPickerNode<unknown>) => void>;
+    };
+    minCount: {
+        type: import('vue').PropType<number>;
+        default: number;
+    };
+    onSelectedChange: {
+        type: import('vue').PropType<(selectedItems: UserPickerResult<unknown>) => void>;
+    };
+    onMaxCountExceed: {
+        type: import('vue').PropType<(selectedItems: UserPickerResult<unknown>) => void>;
+    };
+    defaultSelectedItems: {
+        type: import('vue').PropType<{
+            [key: string]: any;
+            key: string;
+        }[]>;
+        default: () => never[];
+    };
+    lockedItems: {
+        type: import('vue').PropType<{
+            [key: string]: any;
+            key: string;
+        }[]>;
+        default: () => never[];
+    };
+    enableSearch: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    searchPlaceholder: {
+        type: import('vue').PropType<string>;
+    };
+}>, {
+    getSelectedItems: () => UserPickerResult<any>;
+    updateListData: (newDataSource: UserPickerRow<any>[]) => void;
+    updateTreeData: (key: string, partialNewNode: Partial<UserPickerNode<any>>) => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    displayMode: {
+        type: import('vue').PropType<"list" | "tree">;
+        required: true;
+    };
+    dataSource: {
+        type: import('vue').PropType<UserPickerDataSource<unknown>>;
+        required: true;
+        default: () => never[];
+    };
+    onReachEnd: {
+        type: import('vue').PropType<() => void>;
+    };
+    renderItem: {
+        type: import('vue').PropType<(data: UserPickerRow<unknown> | UserPickerNode<unknown>) => any>;
+    };
+    onSearch: {
+        type: import('vue').PropType<(value: string) => void>;
+    };
+    maxCount: {
+        type: import('vue').PropType<number>;
+        default: number;
+    };
+    onExpand: {
+        type: import('vue').PropType<(node: UserPickerNode<unknown>) => void>;
+    };
+    minCount: {
+        type: import('vue').PropType<number>;
+        default: number;
+    };
+    onSelectedChange: {
+        type: import('vue').PropType<(selectedItems: UserPickerResult<unknown>) => void>;
+    };
+    onMaxCountExceed: {
+        type: import('vue').PropType<(selectedItems: UserPickerResult<unknown>) => void>;
+    };
+    defaultSelectedItems: {
+        type: import('vue').PropType<{
+            [key: string]: any;
+            key: string;
+        }[]>;
+        default: () => never[];
+    };
+    lockedItems: {
+        type: import('vue').PropType<{
+            [key: string]: any;
+            key: string;
+        }[]>;
+        default: () => never[];
+    };
+    enableSearch: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    searchPlaceholder: {
+        type: import('vue').PropType<string>;
+    };
+}>> & Readonly<{}>, {
+    dataSource: UserPickerDataSource<unknown>;
+    maxCount: number;
+    minCount: number;
+    defaultSelectedItems: Array<{
+        key: string;
+        [key: string]: any;
+    }>;
+    lockedItems: Array<{
+        key: string;
+        [key: string]: any;
+    }>;
+    enableSearch: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export { UserPicker };
+export type { UserPickerProps, UserPickerRef, UserPickerRow, UserPickerNode, UserPickerDataSource, UserPickerResult, };

package/dist/components/UserPicker/index.js

@@ -1,8 +1,9 @@
-import { default as default2 } from "./UserPicker.js";
+import UserPickerComponent from "./UserPicker.js";
 import { addI18n } from "../../i18n/index.js";
 import { resources } from "./i18n/index.js";
 addI18n("en-US", { translation: { UserPicker: resources["en-US"] } });
 addI18n("zh-CN", { translation: { UserPicker: resources["zh-CN"] } });
+const UserPicker = UserPickerComponent;
 export {
-  default2 as UserPicker
+  UserPicker
 };

package/dist/components/UserPicker/type.d.ts

@@ -1,20 +1,20 @@
-export interface IUserPickerRow<T = unknown> {
+export interface UserPickerRow<T = unknown> {
     key: string;
     label: string;
     avatarUrl?: string | undefined;
     extraData?: T | undefined;
 }
-export interface IUserPickerNode<T = unknown> {
+export interface UserPickerNode<T = unknown> {
     key: string;
     label: string;
     isLeafNode: boolean;
     avatarUrl?: string | undefined;
     lazyLoad?: boolean;
-    children?: Array<IUserPickerNode<T>>;
+    children?: Array<UserPickerNode<T>>;
     extraData?: T | undefined;
 }
-export type IUserPickerDataSource<T = unknown> = Array<IUserPickerRow<T>> | Array<IUserPickerNode<T>>;
-export interface IUserPickerResultItem<T = unknown> {
+export type UserPickerDataSource<T = unknown> = Array<UserPickerRow<T>> | Array<UserPickerNode<T>>;
+export interface UserPickerResultItem<T = unknown> {
     key: string;
     label: string;
     avatarUrl?: string | undefined;
@@ -22,10 +22,10 @@ export interface IUserPickerResultItem<T = unknown> {
     extraData?: T | undefined;
     path?: string[] | undefined;
 }
-export type IUserPickerResult<T = unknown> = Array<IUserPickerResultItem<T>>;
-export interface IUserPickerProps<T = unknown> {
+export type UserPickerResult<T = unknown> = Array<UserPickerResultItem<T>>;
+export interface UserPickerProps<T = unknown> {
     displayMode: 'list' | 'tree';
-    dataSource: IUserPickerDataSource<T>;
+    dataSource: UserPickerDataSource<T>;
     defaultSelectedItems?: Array<{
         key: string;
         [key: string]: any;
@@ -36,25 +36,25 @@ export interface IUserPickerProps<T = unknown> {
     }>;
     maxCount?: number | undefined;
     minCount?: number | undefined;
-    onMaxCountExceed?: (selectedItems: IUserPickerResult<T>) => void;
+    onMaxCountExceed?: (selectedItems: UserPickerResult<T>) => void;
     enableSearch?: boolean;
     searchPlaceholder?: string;
     onSearch?: (value: string) => void;
-    renderItem?: (data: IUserPickerRow<T> | IUserPickerNode<T>) => any;
-    onSelectedChange?: (selectedItems: IUserPickerResult<T>) => void;
+    renderItem?: (data: UserPickerRow<T> | UserPickerNode<T>) => any;
+    onSelectedChange?: (selectedItems: UserPickerResult<T>) => void;
     onReachEnd?: () => void;
-    onExpand?: (node: IUserPickerNode<T>) => void;
+    onExpand?: (node: UserPickerNode<T>) => void;
 }
-export interface IUserPickerRef<T = unknown> {
-    getSelectedItems: () => IUserPickerResult<T>;
-    updateListData: (newDataSource: Array<IUserPickerRow<T>>) => void;
-    updateTreeData: (key: string, partialNewNode: Partial<IUserPickerNode<T>>) => void;
+export interface UserPickerRef<T = unknown> {
+    getSelectedItems: () => UserPickerResult<T>;
+    updateListData: (newDataSource: Array<UserPickerRow<T>>) => void;
+    updateTreeData: (key: string, partialNewNode: Partial<UserPickerNode<T>>) => void;
 }
-export interface ISelectionState {
+export interface SelectionState {
     selectedKeys: Set<string>;
     halfSelectedKeys?: Set<string>;
 }
-export interface ITreeState {
+export interface TreeState {
     expandedKeys: Set<string>;
     loadingKeys: Set<string>;
 }

package/dist/index.js

@@ -1,6 +1,6 @@
 import './styles/index.css';
 import { useLoginState } from "./states/LoginState.js";
-import { ChatSetting, ContactInfo, ContactList, ContactListItem, ConversationActions, ConversationList, ConversationListContent, ConversationListHeader, ConversationPreview, EmojiPicker, MessageAdvanced, MessageInput, MessageList, Search, SearchAdvanced, SearchBar, SearchResultItem, SearchResults, UserAdvanced, View, useConversationListState, useMessageActionState, useMessageActions, useMessageInputState, useMessageListState, useSearchState, useUIOpenControlState } from "./chat/index.js";
+import { ChatSetting, ContactInfo, ContactList, ContactListItem, ConversationActions, ConversationList, ConversationListContent, ConversationListHeader, ConversationPreview, ConversationPreviewUI, ConversationSearch, EmojiPicker, Message, MessageAdvanced, MessageInput, MessageList, Search, SearchAdvanced, SearchBar, SearchResultItem, SearchResults, UserAdvanced, View, useConversationListState, useMessageActionState, useMessageActions, useMessageInputState, useMessageListState, useSearchState } from "./chat/index.js";
 import { AudioSetting, AudioSettingPanel, BarrageInput, BarrageList, CameraButton, CoGuestPanel, LiveAudienceList, LiveCoreView, LiveList, LiveMonitorView, LiveScenePanel, MicButton, StreamMixer, StreamView, VideoSetting, VideoSettingPanel, useBarrageListState, useCoGuestState, useCoHostState, useDeviceState, useLiveAudienceState, useLiveMonitorState, useLiveSeatState, useLiveState, useRoomEngine, useRoomState, useUserState, useVideoMixerState } from "./rtc/index.js";
 import { addI18n } from "./i18n/index.js";
 import { default as default2 } from "./components/Avatar/Avatar.js";
@@ -15,7 +15,7 @@ import { LocalRoomStatus, RoomAction } from "./types/room.js";
 import { MonitorDeviceStatus } from "./types/monitor.js";
 import { CoGuestStatus } from "./types/coGuest.js";
 import { VariantType, defaultTypeLabels } from "./types/search.js";
-import { SearchType } from "./types/engine.js";
+import { MessageType, SearchType } from "./types/engine.js";
 import { CreateConvTypes, GroupLabelTypes, GroupType, PageStateTypes, PlaceHolderTypes } from "./types/conversation.js";
 import { ContactItemType, GroupApplicationType } from "./types/contact.js";
 export {
@@ -40,6 +40,8 @@ export {
   ConversationListContent,
   ConversationListHeader,
   ConversationPreview,
+  ConversationPreviewUI,
+  ConversationSearch,
   CreateConvTypes,
   DEFAULT_GROUP_AVATAR_AVCHATROOM,
   DEFAULT_GROUP_AVATAR_COMMON,
@@ -65,9 +67,11 @@ export {
   LiveType,
   LocalRoomStatus,
   MediaSettingDisplayMode,
+  Message,
   MessageAdvanced,
   MessageInput,
   MessageList,
+  MessageType,
   MicButton,
   MonitorDeviceStatus,
   PageStateTypes,
@@ -146,7 +150,6 @@ export {
   useRoomEngine,
   useRoomState,
   useSearchState,
-  useUIOpenControlState,
   useUserState,
   useVideoMixerState
 };

package/dist/rtc/index.d.ts

@@ -201,7 +201,16 @@ declare const LiveCoreView: {
                 top: string;
                 width: string;
                 height: string;
+                transform: string;
                 zIndex: number;
+            } | {
+                position: "absolute";
+                left: string;
+                top: string;
+                width: string;
+                height: string;
+                zIndex: number;
+                transform?: undefined;
             } | undefined;
         }): any;
     };

package/dist/states/GroupSettingState/GroupSettingState.js

@@ -84,7 +84,7 @@ async function updateGroupProfile(params) {
     if (params.name.length === 0) {
       throw new Error("updateGroupProfile::name cannot be empty");
     }
-    if (params.name.length > 25) {
+    if (params.name.length > 30) {
       throw new Error("updateGroupProfile::name must be less than or equal to 25 characters");
     }
     if (params.name === groupNameRef.value) {
@@ -96,7 +96,7 @@ async function updateGroupProfile(params) {
     if (typeof params.introduction !== "string") {
       throw new Error("updateGroupProfile::introduction must be a string");
     }
-    if (params.introduction.length > 100) {
+    if (params.introduction.length > 130) {
       throw new Error("updateGroupProfile::introduction must be less than 100 characters");
     }
     if (params.introduction === introductionRef.value) {
@@ -108,7 +108,7 @@ async function updateGroupProfile(params) {
     if (typeof params.notification !== "string") {
       throw new Error("updateGroupProfile::notification must be a string");
     }
-    if (params.notification.length > 100) {
+    if (params.notification.length > 130) {
       throw new Error("updateGroupProfile::notification must be less than 100 characters");
     }
     if (params.notification === notificationRef.value) {

package/dist/states/LiveSeatState/usePlayStream/MixStreamPlayer.js

@@ -54,6 +54,9 @@ const _MixStreamPlayer = class _MixStreamPlayer {
   async stop() {
     var _a;
     console.log("MixStreamPlayer.stop: ", this.mixUserInfo);
+    if (!this.mixUserInfo || !this.mixUserInfo.userId) {
+      return;
+    }
     await ((_a = roomEngine.instance) == null ? void 0 : _a.stopPlayRemoteVideo({
       userId: this.mixUserInfo.userId,
       streamType: TUIVideoStreamType.kCameraStream

package/dist/states/LoginState.js

@@ -10,6 +10,7 @@ async function login(options) {
     SDKAppID: sdkAppId,
     userID: userId,
     userSig,
+    useUploadPlugin: true,
     ...restOptions
   };
   try {

package/dist/states/MessageInputState/MessageInputState.js

@@ -2,6 +2,7 @@ import { ref } from "vue";
 import { TUIStore, StoreName, TUIChatService } from "@tencentcloud/chat-uikit-engine";
 import { MessageContentType } from "./type.js";
 import { convertInputContentToEditorNode } from "./utils.js";
+import { useMessageListState } from "../MessageListState/MessageListState.js";
 import { transformTextWithEmojiNameToKey } from "../../utils/emoji.js";
 const editor = ref(null);
 const inputRawValue = ref("");
@@ -62,18 +63,28 @@ const blurEditor = () => {
   (_a = editor.value) == null ? void 0 : _a.commands.blur();
 };
 const sendMessage = async (msg) => {
+  const { enableReadReceipt } = useMessageListState();
+  const sendMessageParamsWithoutPayload = {
+    needReadReceipt: enableReadReceipt.value || false
+  };
   const messageToSend = msg ?? inputRawValue.value;
   if (!messageToSend) {
     return;
   }
   if (typeof messageToSend === "string") {
-    TUIChatService.sendTextMessage({ payload: { text: transformTextWithEmojiNameToKey(messageToSend) } });
+    TUIChatService.sendTextMessage({
+      payload: { text: transformTextWithEmojiNameToKey(messageToSend) },
+      ...sendMessageParamsWithoutPayload
+    });
     return;
   }
   let mergedText = "";
   const sendAccumulatedText = async () => {
     if (mergedText) {
-      await TUIChatService.sendTextMessage({ payload: { text: transformTextWithEmojiNameToKey(mergedText) } });
+      await TUIChatService.sendTextMessage({
+        payload: { text: transformTextWithEmojiNameToKey(mergedText) },
+        ...sendMessageParamsWithoutPayload
+      });
       mergedText = "";
     }
   };
@@ -81,17 +92,26 @@ const sendMessage = async (msg) => {
     [MessageContentType.TEXT]: (content) => content,
     [MessageContentType.IMAGE]: async (content) => {
       await sendAccumulatedText();
-      await TUIChatService.sendImageMessage({ payload: { file: content } });
+      await TUIChatService.sendImageMessage({
+        payload: { file: content },
+        ...sendMessageParamsWithoutPayload
+      });
       return "";
     },
     [MessageContentType.VIDEO]: async (content) => {
       await sendAccumulatedText();
-      await TUIChatService.sendVideoMessage({ payload: { file: content } });
+      await TUIChatService.sendVideoMessage({
+        payload: { file: content },
+        ...sendMessageParamsWithoutPayload
+      });
       return "";
     },
     [MessageContentType.FILE]: async (content) => {
       await sendAccumulatedText();
-      await TUIChatService.sendFileMessage({ payload: { file: content } });
+      await TUIChatService.sendFileMessage({
+        payload: { file: content },
+        ...sendMessageParamsWithoutPayload
+      });
       return "";
     },
     [MessageContentType.MENTION]: async () => {