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

package/dist/types/contact.d.ts

@@ -71,13 +71,22 @@ export interface GroupApplication {
     userID: string;
     note: string;
 }
+export interface GroupApplicationParams {
+    application: GroupApplication;
+    handleMessage?: string;
+}
 export interface AddFriendParams {
     userID: string;
     addSource: string;
     remark?: string;
     groupName?: string;
     wording?: string;
-    type?: string;
+    type?: typeof TUIChatEngine.TYPES.SNS_ADD_TYPE_SINGLE | typeof TUIChatEngine.TYPES.SNS_ADD_TYPE_BOTH;
+}
+export interface FriendApplicationParams {
+    userID: string;
+    remark?: string;
+    type: typeof TUIChatEngine.TYPES.SNS_APPLICATION_AGREE | typeof TUIChatEngine.TYPES.SNS_APPLICATION_AGREE_AND_ADD;
 }
 export interface DeleteFriendParams {
     userIDList: string[];
@@ -95,17 +104,144 @@ export interface RenameFriendGroupParams {
     oldName: string;
     newName: string;
 }
-export interface FriendApplicationParams {
-    userID: string;
-    remark?: string;
-    type?: typeof TUIChatEngine.TYPES.SNS_APPLICATION_AGREE | typeof TUIChatEngine.TYPES.SNS_APPLICATION_AGREE_AND_ADD;
-}
 export interface JoinGroupParams {
     groupID: string;
     applyMessage?: string;
-    type?: typeof TUIChatEngine.TYPES.JOIN_TYPE_FREE | typeof TUIChatEngine.TYPES.JOIN_TYPE_NEED_PERMISSION;
 }
-export interface GroupApplicationParams {
+export interface ContactGroupItem {
+    type: ContactItemType;
+    data: ContactItem;
+}
+export interface ContactGroup {
+    key: string;
+    type: ContactItemType;
+    title: string;
+    items: ContactItem[];
+    unreadCount?: number;
+    isExpanded: boolean;
+}
+export interface CustomGroupConfig {
+    title?: string;
+    hidden?: boolean;
+    order?: number;
+}
+export interface ContactGroupHeaderProps {
+    data: ContactGroup;
+    onClick: (event: MouseEvent) => void;
+}
+export interface ContactListProps {
+    activeContactItem?: ContactGroupItem;
+    enableSearch?: boolean;
+    groupConfig?: Partial<Record<ContactItemType, CustomGroupConfig>>;
+    searchPlaceholder?: string;
+    emptyText?: string;
+    ContactItem?: any;
+    ContactSearchComponent?: any;
+    GroupHeader?: any;
+    PlaceholderEmptyList?: any;
+    onContactItemClick?: (item: ContactGroupItem) => void;
+    onFriendApplicationAction?: (action: 'accept' | 'refuse', application: FriendApplication) => void;
+    onGroupApplicationAction?: (action: 'accept' | 'refuse', application: GroupApplication) => void;
+}
+export interface ContactInfoBaseProps {
+    showActions?: boolean;
+    onClose?: () => void;
+}
+export interface ContactInfoProps extends ContactInfoBaseProps {
+    contactItem?: ContactGroupItem | undefined;
+    PlaceholderEmpty?: any;
+    FriendInfoComponent?: any;
+    GroupInfoComponent?: any;
+    BlacklistInfoComponent?: any;
+    FriendApplicationInfoComponent?: any;
+    GroupApplicationInfoComponent?: any;
+    SearchGroupInfoComponent?: any;
+    SearchUserInfoComponent?: any;
+    onSendMessage?: (friend: Friend) => void;
+    onDeleteFriend?: (friend: Friend) => void;
+    onUpdateFriendRemark?: (friend: Friend, remark: string) => void;
+    onAddToBlacklist?: (friend: Friend) => void;
+    onRemoveFromBlacklist?: (profile: UserProfile) => void;
+    onEnterGroup?: (group: GroupModel) => void;
+    onLeaveGroup?: (group: GroupModel) => void;
+    onDismissGroup?: (group: GroupModel) => void;
+    onFriendApplicationAction?: (action: 'accept' | 'refuse', application: FriendApplication) => void;
+    onGroupApplicationAction?: (action: 'accept' | 'refuse', application: GroupApplication) => void;
+    onAddFriend?: (user: UserProfile, wording: string) => void;
+    onJoinGroup?: (group: GroupModel, note: string) => void;
+}
+export interface BlacklistInfoProps extends ContactInfoBaseProps {
+    profile: UserProfile;
+    onRemoveFromBlacklist?: (profile: UserProfile) => void;
+}
+export interface FriendApplicationInfoProps extends ContactInfoBaseProps {
+    application: FriendApplication;
+    onAccept?: (application: FriendApplication) => void;
+    onRefuse?: (application: FriendApplication) => void;
+}
+export interface FriendInfoProps extends ContactInfoBaseProps {
+    friend: Friend;
+    onSendMessage?: (friend: Friend) => void;
+    onDeleteFriend?: (friend: Friend) => void;
+    onAddToBlacklist?: (friend: Friend) => void;
+    onUpdateFriendRemark?: (friend: Friend, remark: string) => void;
+}
+export interface GroupApplicationInfoProps extends ContactInfoBaseProps {
     application: GroupApplication;
-    handleMessage?: string;
+    onAccept?: (application: GroupApplication) => void;
+    onRefuse?: (application: GroupApplication) => void;
+}
+export interface GroupInfoProps extends ContactInfoBaseProps {
+    group: GroupModel;
+    onEnterGroup?: (group: GroupModel) => void;
+    onLeaveGroup?: (group: GroupModel) => void;
+    onDismissGroup?: (group: GroupModel) => void;
+}
+export interface SearchGroupInfoProps extends ContactInfoBaseProps {
+    group: GroupModel;
+    onJoinGroup?: (group: GroupModel, note: string) => void;
+}
+export interface SearchUserInfoProps extends ContactInfoBaseProps {
+    user: UserProfile;
+    onAddFriend?: (user: UserProfile, wording: string) => void;
+}
+export interface ContactListItemProps {
+    contactItem: ContactGroupItem;
+    activeContactItem?: ContactGroupItem | undefined;
+    onClick?: (type: ContactItemType, item: ContactItem) => void;
+    onFriendApplicationAction?: (action: 'accept' | 'refuse', application: FriendApplication) => void;
+    onGroupApplicationAction?: (action: 'accept' | 'refuse', application: GroupApplication) => void;
+}
+export interface BlacklistItemProps {
+    profile: UserProfile;
+    isActive?: boolean;
+    onClick?: (profile: UserProfile) => void;
+}
+export interface FriendApplicationItemProps {
+    application: FriendApplication;
+    isActive?: boolean;
+    onClick?: (application: FriendApplication) => void;
+    onAction?: (action: 'accept' | 'refuse', application: FriendApplication) => void;
+}
+export interface FriendItemProps {
+    friend: Friend;
+    isActive?: boolean;
+    onClick?: (friend: Friend) => void;
+}
+export interface GroupApplicationItemProps {
+    application: GroupApplication;
+    isActive?: boolean;
+    onClick?: (application: GroupApplication) => void;
+    onAction?: (action: 'accept' | 'refuse', application: GroupApplication) => void;
+}
+export interface GroupItemProps {
+    group: GroupModel;
+    isActive?: boolean;
+    onClick?: (group: GroupModel) => void;
+}
+export interface ContactSearchProps {
+    placeholder?: string;
+    autoFocus?: boolean;
+    onResultClick?: (item: ContactGroupItem) => void;
+    onKeywordChange?: (keyword: string) => void;
 }

package/dist/types/conversation.d.ts

@@ -1,8 +1,8 @@
 import { Component, CSSProperties } from 'vue';
-import { CreateGroupParams } from '@tencentcloud/chat-uikit-engine';
+import { Friend } from './contact';
 import { ConversationModel } from './engine';
 import { AvatarProps } from '../components/Avatar';
-import { Friend, UserProfile } from './contact';
+import { CreateGroupParams } from '@tencentcloud/chat-uikit-engine';
 
 export interface ConversationListProps {
     /** Determines whether the conversation search input appears on the conversation list view. */
@@ -170,20 +170,13 @@ export interface ConversationActionsProps extends ConversationActionsConfig {
     style?: CSSProperties;
 }
 export interface ConversationCreateProps {
-    visible?: boolean;
-    className?: string;
-    style?: CSSProperties;
     onBeforeCreateConversation?: ((params: string | CreateGroupParams) => string | CreateGroupParams);
     onConversationCreated?: ((conversation: ConversationModel) => void);
-    'onUpdate:visible'?: ((visible: boolean) => void);
     conversationList?: ConversationModel[];
 }
 export interface ConversationCreateButtonProps {
-    visible?: boolean;
-    onClick?: (event: Event) => void;
-    height?: number;
-    width?: number;
-    className?: string;
+    onClick?: (value: CreateConvTypes) => void;
+    size?: number;
 }
 export declare enum PageStateTypes {
     USER_SELECT = "Next",
@@ -191,33 +184,30 @@ export declare enum PageStateTypes {
     GROUP_TYPE = "GroupType"
 }
 export interface ConversationCreateGroupDetailProps {
-    profileList: UserProfile[];
+    profileList: Friend[];
     pageState: PageStateTypes;
+    groupInfo: CreateGroupInfo;
+    onUpdateGroupInfo: (info: CreateGroupInfo) => void;
     setPageState: (state: PageStateTypes) => void;
-    onBeforeCreateConversation?: ((params: CreateGroupParams) => void);
-    onConversationCreated?: ((conversation: ConversationModel) => void);
-}
-export interface ConversationCreateSelectViewProps {
-    selectList: UserProfile[];
-    setSelectList: (list: UserProfile[]) => void;
 }
-export interface ConversationCreateUsers {
-    [key: string]: Friend[] | UserProfile[];
-}
-export interface ConversationCreateUserSelectListProps extends ConversationCreateSelectViewProps {
+export interface ConversationCreateUserSelectListProps {
     isCreateGroup: boolean;
-    setIsCreateGroup: (value: boolean) => void;
-    conversationList: ConversationModel[];
-    setPageState: (state: PageStateTypes) => void;
-    onBeforeCreateConversation?: ((userID: string) => void);
-    onConversationCreated?: ((conversation: ConversationModel) => void);
-    className?: string;
+    selectList: Friend[];
+    setSelectList: (list: Friend[]) => void;
+}
+export interface ConversationGroupTypeInfoProps {
+    groupType: GroupType;
+    setGroupType: (type: GroupType) => void;
 }
 export declare enum PlaceHolderTypes {
     LOADING = "LOADING",
     NO_CONVERSATIONS = "NO_CONVERSATIONS",
     WRONG = "WRONG"
 }
+export declare enum CreateConvTypes {
+    C2C = "createC2C",
+    GROUP = "createGroup"
+}
 export interface ConversationPlaceHolderProps {
     type: PlaceHolderTypes;
     className?: string;
@@ -225,3 +215,21 @@ export interface ConversationPlaceHolderProps {
     searchString?: string;
     retry?: () => void;
 }
+export declare enum GroupLabelTypes {
+    NAME = "name",
+    GROUP_ID = "groupID",
+    TYPE = "type"
+}
+export declare enum GroupType {
+    WORK = "Private",
+    PUBLIC = "Public",
+    MEETING = "ChatRoom",
+    AVCHATROOM = "AVChatRoom",
+    COMMUNITY = "Community"
+}
+export interface CreateGroupInfo {
+    avatar?: string;
+    name: string;
+    groupID: string;
+    type: GroupType;
+}

package/dist/types/conversation.js

@@ -10,7 +10,29 @@ var PlaceHolderTypes = /* @__PURE__ */ ((PlaceHolderTypes2) => {
   PlaceHolderTypes2["WRONG"] = "WRONG";
   return PlaceHolderTypes2;
 })(PlaceHolderTypes || {});
+var CreateConvTypes = /* @__PURE__ */ ((CreateConvTypes2) => {
+  CreateConvTypes2["C2C"] = "createC2C";
+  CreateConvTypes2["GROUP"] = "createGroup";
+  return CreateConvTypes2;
+})(CreateConvTypes || {});
+var GroupLabelTypes = /* @__PURE__ */ ((GroupLabelTypes2) => {
+  GroupLabelTypes2["NAME"] = "name";
+  GroupLabelTypes2["GROUP_ID"] = "groupID";
+  GroupLabelTypes2["TYPE"] = "type";
+  return GroupLabelTypes2;
+})(GroupLabelTypes || {});
+var GroupType = /* @__PURE__ */ ((GroupType2) => {
+  GroupType2["WORK"] = "Private";
+  GroupType2["PUBLIC"] = "Public";
+  GroupType2["MEETING"] = "ChatRoom";
+  GroupType2["AVCHATROOM"] = "AVChatRoom";
+  GroupType2["COMMUNITY"] = "Community";
+  return GroupType2;
+})(GroupType || {});
 export {
+  CreateConvTypes,
+  GroupLabelTypes,
+  GroupType,
   PageStateTypes,
   PlaceHolderTypes
 };

package/dist/types/index.js

@@ -1,7 +1,7 @@
 import { QuoteTypeEnum, TranslationStatusEnum, VoiceToTextStatusEnum } from "./message.js";
 import { AudioOutput, DeviceError, DevicePermission, DeviceStatus, DeviceType, MediaSettingDisplayMode } from "./device.js";
 import { BattleStatus, ConnectionStatus, RequestType, SeatStatus, StreamPlayStatus, UserAction, UserRoomStatus } from "./user.js";
-import { TRTCRole, TUIAudioQuality, TUIAudioRoute, TUICaptureSourceType, TUIChangeReason, TUIConferenceCancelReason, TUIConferenceInvitationManagerEvents, TUIConferenceListManagerEvents, TUIConferenceStatus, TUIErrorCode, TUIInvitationCode, TUIInvitationRejectedReason, TUIInvitationStatus, TUIKickedOutOfRoomReason, TUILiveLayoutManagerEvents, TUILiveListManagerEvents, TUILiveModifyFlag, TUIMediaDevice, TUIMediaDeviceState, TUIMediaDeviceType, TUINetworkQuality, TUIRequestAction, TUIRequestCallbackType, TUIResolutionMode, TUIRole, TUIRoomDismissedReason, TUIRoomEvents, TUIRoomType, TUISeatLayoutTemplate, TUISeatMode, TUIVideoQuality, TUIVideoStreamType } from "./types.js";
+import { TRTCRole, TUIAudioQuality, TUIAudioRoute, TUICaptureSourceType, TUIChangeReason, TUIConferenceCancelReason, TUIConferenceInvitationManagerEvents, TUIConferenceListManagerEvents, TUIConferenceStatus, TUIErrorCode, TUIInvitationCode, TUIInvitationRejectedReason, TUIInvitationStatus, TUIKickedOutOfRoomReason, TUILiveLayoutManagerEvents, TUILiveListManagerEvents, TUILiveModifyFlag, TUIMediaDevice, TUIMediaDeviceState, TUIMediaDeviceType, TUINetworkQuality, TUIRequestAction, TUIRequestCallbackType, TUIResolutionMode, TUIRole, TUIRoomDismissedReason, TUIRoomEvents, TUIRoomType, TUISeatMode, TUIVideoQuality, TUIVideoStreamType } from "./types.js";
 import { LiveOrientation, LiveStatus, LiveType } from "./live.js";
 import { StreamPlayMode, StreamPlayQuality } from "./stream.js";
 import { LocalRoomStatus, RoomAction } from "./room.js";
@@ -9,7 +9,7 @@ import { MonitorDeviceStatus } from "./monitor.js";
 import { CoGuestStatus } from "./coGuest.js";
 import { VariantType, defaultTypeLabels } from "./search.js";
 import { SearchType } from "./engine.js";
-import { PageStateTypes, PlaceHolderTypes } from "./conversation.js";
+import { CreateConvTypes, GroupLabelTypes, GroupType, PageStateTypes, PlaceHolderTypes } from "./conversation.js";
 import { ContactItemType, GroupApplicationType } from "./contact.js";
 export {
   AudioOutput,
@@ -17,11 +17,14 @@ export {
   CoGuestStatus,
   ConnectionStatus,
   ContactItemType,
+  CreateConvTypes,
   DeviceError,
   DevicePermission,
   DeviceStatus,
   DeviceType,
   GroupApplicationType,
+  GroupLabelTypes,
+  GroupType,
   LiveOrientation,
   LiveStatus,
   LiveType,
@@ -66,7 +69,6 @@ export {
   TUIRoomDismissedReason,
   TUIRoomEvents,
   TUIRoomType,
-  TUISeatLayoutTemplate,
   TUISeatMode,
   TUIVideoQuality,
   TUIVideoStreamType,

package/dist/types/live.d.ts

@@ -1,5 +1,4 @@
 import { TUISeatMode, TUILoginUserInfo, TUIVideoStreamType } from './types';
-import { TUISeatLayoutTemplate } from '@tencentcloud/tuiroom-engine-js';
 
 export type LiveInfo = {
     liveId: string;
@@ -19,7 +18,7 @@ export type LiveInfo = {
     isSeatEnabled: boolean;
     seatMode: TUISeatMode;
     maxSeatCount: number;
-    layoutTemplate: TUISeatLayoutTemplate;
+    layoutTemplate: number;
     customInfo: Record<string, any>;
 };
 export declare enum LiveType {
@@ -94,5 +93,5 @@ export interface UpdateLiveInfoParams {
     coverUrl?: string;
     backgroundUrl?: string;
     isPublicVisible?: boolean;
-    layoutTemplate?: TUISeatLayoutTemplate;
+    layoutTemplate?: number;
 }

package/dist/types/types.d.ts

@@ -1141,11 +1141,3 @@ export declare enum TUILiveLayoutManagerEvents {
      */
     onLiveVideoLayoutListChanged = "onLiveVideoLayoutListChanged"
 }
-export declare enum TUISeatLayoutTemplate {
-    LandscapeDynamic_1v3 = 200,
-    PortraitDynamic_Grid9 = 600,
-    PortraitDynamic_1v6 = 601,
-    PortraitFixed_Grid9 = 800,
-    PortraitFixed_1v6 = 801,
-    PortraitFixed_6v6 = 802
-}

package/dist/types/types.js

@@ -296,15 +296,6 @@ var TUILiveLayoutManagerEvents = /* @__PURE__ */ ((TUILiveLayoutManagerEvents2)
   TUILiveLayoutManagerEvents2["onLiveVideoLayoutListChanged"] = "onLiveVideoLayoutListChanged";
   return TUILiveLayoutManagerEvents2;
 })(TUILiveLayoutManagerEvents || {});
-var TUISeatLayoutTemplate = /* @__PURE__ */ ((TUISeatLayoutTemplate2) => {
-  TUISeatLayoutTemplate2[TUISeatLayoutTemplate2["LandscapeDynamic_1v3"] = 200] = "LandscapeDynamic_1v3";
-  TUISeatLayoutTemplate2[TUISeatLayoutTemplate2["PortraitDynamic_Grid9"] = 600] = "PortraitDynamic_Grid9";
-  TUISeatLayoutTemplate2[TUISeatLayoutTemplate2["PortraitDynamic_1v6"] = 601] = "PortraitDynamic_1v6";
-  TUISeatLayoutTemplate2[TUISeatLayoutTemplate2["PortraitFixed_Grid9"] = 800] = "PortraitFixed_Grid9";
-  TUISeatLayoutTemplate2[TUISeatLayoutTemplate2["PortraitFixed_1v6"] = 801] = "PortraitFixed_1v6";
-  TUISeatLayoutTemplate2[TUISeatLayoutTemplate2["PortraitFixed_6v6"] = 802] = "PortraitFixed_6v6";
-  return TUISeatLayoutTemplate2;
-})(TUISeatLayoutTemplate || {});
 export {
   TRTCRole,
   TUIAudioQuality,
@@ -334,7 +325,6 @@ export {
   TUIRoomDismissedReason,
   TUIRoomEvents,
   TUIRoomType,
-  TUISeatLayoutTemplate,
   TUISeatMode,
   TUIVideoQuality,
   TUIVideoStreamType

package/dist/utils/time.d.ts

@@ -1,8 +1,8 @@
-interface IGetTimeStampOptions {
+interface GetTimeStampOptions {
     time: number;
     language?: 'zh-CN' | 'zh-TW' | 'en-US' | 'ja-JP' | 'ko-KR' | string;
 }
-declare function getTimeStamp({ time, language }: IGetTimeStampOptions): string;
+declare function getTimeStamp({ time, language }: GetTimeStampOptions): string;
 /**
  * Get formatted time string
  * 1. If today, only show time (HH:mm)