npm - cnhis-design-vue - Versions diffs - 3.2.16-beta.8 → 3.2.17-beta.2 - Mend

cnhis-design-vue 3.2.16-beta.8 → 3.2.17-beta.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (68) hide show

package/es/components/iho-chat/src/Index.vue.d.ts CHANGED Viewed

@@ -130,6 +130,15 @@ declare const _default: import("vue").DefineComponent<{
             currentAVMsg: AnyObject;
             currentGroupUser: AnyObject[];
             showMultipleVideo: boolean;
+            userDetail: {
+                show: boolean;
+                position: {
+                    x: number;
+                    y: number;
+                };
+                userId: string;
+                info: AnyObject | null;
+            };
         };
         unreadTotal: import("vue").ComputedRef<number>;
         isGroupChat: import("vue").ComputedRef<boolean>;
@@ -146,6 +155,11 @@ declare const _default: import("vue").DefineComponent<{
             remark: string;
             content: AnyObject;
         }) => Promise<void>;
+        setMessageLabel: (params: {
+            type: "text" | "emoji";
+            labelItem: string | AnyObject;
+            msgId: string;
+        }) => void;
         openSession: (session: string | AnyObject) => Promise<void>;
         closeSession: () => AnyObject | null;
         getCurrentSession: () => AnyObject | null;
@@ -153,6 +167,7 @@ declare const _default: import("vue").DefineComponent<{
         setUpdateSessionItem: (item: AnyObject) => void;
         setSessionList: (list: AnyObject[]) => void;
         emit: (event: "template-click" | "unread-message-update" | "session-change" | "session-close", ...args: any[]) => void;
+        setUserDetail: (event: MouseEvent, userDetail: AnyObject) => void;
     };
     cssVars: import("vue").ComputedRef<AnyObject>;
     state: {
@@ -173,6 +188,15 @@ declare const _default: import("vue").DefineComponent<{
         currentAVMsg: AnyObject;
         currentGroupUser: AnyObject[];
         showMultipleVideo: boolean;
+        userDetail: {
+            show: boolean;
+            position: {
+                x: number;
+                y: number;
+            };
+            userId: string;
+            info: AnyObject | null;
+        };
     };
     openSession: (session: string | AnyObject) => Promise<void>;
     closeSession: () => AnyObject | null;
@@ -226,6 +250,15 @@ declare const _default: import("vue").DefineComponent<{
             currentAVMsg: AnyObject;
             currentGroupUser: AnyObject[];
             showMultipleVideo: boolean;
+            userDetail: {
+                show: boolean;
+                position: {
+                    x: number;
+                    y: number;
+                };
+                userId: string;
+                info: AnyObject | null;
+            };
         };
         unreadTotal: import("vue").ComputedRef<number>;
         filterable: import("vue").Ref<any>;
@@ -513,12 +546,22 @@ declare const _default: import("vue").DefineComponent<{
             currentAVMsg: AnyObject;
             currentGroupUser: AnyObject[];
             showMultipleVideo: boolean;
+            userDetail: {
+                show: boolean;
+                position: {
+                    x: number;
+                    y: number;
+                };
+                userId: string;
+                info: AnyObject | null;
+            };
         };
         isGroupChat: import("vue").ComputedRef<boolean>;
         isGroupLeader: import("vue").ComputedRef<boolean>;
         isEnded: import("vue").ComputedRef<boolean>;
         setCurrentSessionItem: (item: AnyObject) => void;
         emit: (event: "template-click" | "unread-message-update" | "session-change" | "session-close", ...args: any[]) => void;
+        setUserDetail: (event: MouseEvent, userDetail: AnyObject) => void;
         showChatSet: import("vue").Ref<boolean>;
         showChatFile: import("vue").Ref<boolean>;
         chatFileType: import("vue").Ref<string>;
@@ -541,97 +584,6 @@ declare const _default: import("vue").DefineComponent<{
         NButton: any;
         NTooltip: any;
         NPopconfirm: any;
-        PersonProfile: import("vue").DefineComponent<{
-            userId: {
-                type: (NumberConstructor | StringConstructor)[];
-            };
-            disabled: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            userInfo: {
-                type: PropType<AnyObject>;
-            };
-        }, {
-            props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
-                userId: {
-                    type: (NumberConstructor | StringConstructor)[];
-                };
-                disabled: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
-                userInfo: {
-                    type: PropType<AnyObject>;
-                };
-            }>> & {
-                onClose?: ((...args: any[]) => any) | undefined;
-            }>>;
-            emit: (event: "close", ...args: any[]) => void;
-            state: {
-                orgId: string | number;
-                currentSessionItem: AnyObject;
-                id: string;
-                userInfo: AnyObject;
-                msgList: AnyObject[];
-                currentMsg: AnyObject;
-                isAppendMsg: boolean;
-                sessionList: AnyObject[];
-                isChangeSession: boolean;
-                updateSessionItem: AnyObject;
-                isUpdateSession: boolean;
-                currentReferenceMsg: AnyObject | null;
-                currentReEditMsg: AnyObject | null;
-                showVideo: boolean;
-                currentAVMsg: AnyObject;
-                currentGroupUser: AnyObject[];
-                showMultipleVideo: boolean;
-            };
-            openSession: (session: string | AnyObject) => Promise<void>;
-            showUserDetail: import("vue").Ref<boolean>;
-            showLargeAvatar: import("vue").Ref<boolean>;
-            showPhone: import("vue").Ref<boolean>;
-            userDetail: AnyObject;
-            info: {
-                label: string;
-                value: string;
-                key: string;
-            }[];
-            personInfo: import("vue").ComputedRef<{
-                label: string;
-                value: string;
-                key: string;
-            }[]>;
-            toOpenSession: () => Promise<void>;
-            updateShow: (value: boolean) => Promise<void>;
-            getContent: (info: AnyObject) => any;
-            onChange: (options: {
-                file: import("naive-ui").UploadFileInfo;
-            }) => Promise<void>;
-            NAvatar: any;
-            NPopover: any;
-            NButton: any;
-            NIcon: any;
-            ChatbubbleEllipses: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
-            Close: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
-            EyeOutline: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
-            EyeOffOutline: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
-        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "close"[], "close", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-            userId: {
-                type: (NumberConstructor | StringConstructor)[];
-            };
-            disabled: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            userInfo: {
-                type: PropType<AnyObject>;
-            };
-        }>> & {
-            onClose?: ((...args: any[]) => any) | undefined;
-        }, {
-            disabled: boolean;
-        }>;
         ChatSet: import("vue").DefineComponent<{}, {
             attrs: {
                 [x: string]: unknown;
@@ -654,8 +606,18 @@ declare const _default: import("vue").DefineComponent<{
                 currentAVMsg: AnyObject;
                 currentGroupUser: AnyObject[];
                 showMultipleVideo: boolean;
+                userDetail: {
+                    show: boolean;
+                    position: {
+                        x: number;
+                        y: number;
+                    };
+                    userId: string;
+                    info: AnyObject | null;
+                };
             };
             setCurrentSessionItem: (item: AnyObject) => void;
+            setUserDetail: (event: MouseEvent, userDetail: AnyObject) => void;
             isGroupChat: import("vue").ComputedRef<boolean>;
             isGroupLeader: import("vue").ComputedRef<boolean>;
             inputRef: import("vue").Ref<any>;
@@ -687,97 +649,6 @@ declare const _default: import("vue").DefineComponent<{
             AddOutline: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
             RemoveOutline: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
             ChevronBackOutline: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
-            PersonProfile: import("vue").DefineComponent<{
-                userId: {
-                    type: (NumberConstructor | StringConstructor)[];
-                };
-                disabled: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
-                userInfo: {
-                    type: PropType<AnyObject>;
-                };
-            }, {
-                props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
-                    userId: {
-                        type: (NumberConstructor | StringConstructor)[];
-                    };
-                    disabled: {
-                        type: BooleanConstructor;
-                        default: boolean;
-                    };
-                    userInfo: {
-                        type: PropType<AnyObject>;
-                    };
-                }>> & {
-                    onClose?: ((...args: any[]) => any) | undefined;
-                }>>;
-                emit: (event: "close", ...args: any[]) => void;
-                state: {
-                    orgId: string | number;
-                    currentSessionItem: AnyObject;
-                    id: string;
-                    userInfo: AnyObject;
-                    msgList: AnyObject[];
-                    currentMsg: AnyObject;
-                    isAppendMsg: boolean;
-                    sessionList: AnyObject[];
-                    isChangeSession: boolean;
-                    updateSessionItem: AnyObject;
-                    isUpdateSession: boolean;
-                    currentReferenceMsg: AnyObject | null;
-                    currentReEditMsg: AnyObject | null;
-                    showVideo: boolean;
-                    currentAVMsg: AnyObject;
-                    currentGroupUser: AnyObject[];
-                    showMultipleVideo: boolean;
-                };
-                openSession: (session: string | AnyObject) => Promise<void>;
-                showUserDetail: import("vue").Ref<boolean>;
-                showLargeAvatar: import("vue").Ref<boolean>;
-                showPhone: import("vue").Ref<boolean>;
-                userDetail: AnyObject;
-                info: {
-                    label: string;
-                    value: string;
-                    key: string;
-                }[];
-                personInfo: import("vue").ComputedRef<{
-                    label: string;
-                    value: string;
-                    key: string;
-                }[]>;
-                toOpenSession: () => Promise<void>;
-                updateShow: (value: boolean) => Promise<void>;
-                getContent: (info: AnyObject) => any;
-                onChange: (options: {
-                    file: import("naive-ui").UploadFileInfo;
-                }) => Promise<void>;
-                NAvatar: any;
-                NPopover: any;
-                NButton: any;
-                NIcon: any;
-                ChatbubbleEllipses: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
-                Close: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
-                EyeOutline: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
-                EyeOffOutline: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
-            }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "close"[], "close", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-                userId: {
-                    type: (NumberConstructor | StringConstructor)[];
-                };
-                disabled: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
-                userInfo: {
-                    type: PropType<AnyObject>;
-                };
-            }>> & {
-                onClose?: ((...args: any[]) => any) | undefined;
-            }, {
-                disabled: boolean;
-            }>;
             ChatAdd: import("vue").DefineComponent<{
                 title: {
                     type: StringConstructor;
@@ -854,6 +725,15 @@ declare const _default: import("vue").DefineComponent<{
                     currentAVMsg: AnyObject;
                     currentGroupUser: AnyObject[];
                     showMultipleVideo: boolean;
+                    userDetail: {
+                        show: boolean;
+                        position: {
+                            x: number;
+                            y: number;
+                        };
+                        userId: string;
+                        info: AnyObject | null;
+                    };
                 };
                 setCurrentSessionItem: (item: AnyObject) => void;
                 listRef: import("vue").Ref<any>;
@@ -985,6 +865,15 @@ declare const _default: import("vue").DefineComponent<{
                 currentAVMsg: AnyObject;
                 currentGroupUser: AnyObject[];
                 showMultipleVideo: boolean;
+                userDetail: {
+                    show: boolean;
+                    position: {
+                        x: number;
+                        y: number;
+                    };
+                    userId: string;
+                    info: AnyObject | null;
+                };
             };
             relayMessage: (param: {
                 checkedIds: string[];
@@ -1097,6 +986,15 @@ declare const _default: import("vue").DefineComponent<{
                     currentAVMsg: AnyObject;
                     currentGroupUser: AnyObject[];
                     showMultipleVideo: boolean;
+                    userDetail: {
+                        show: boolean;
+                        position: {
+                            x: number;
+                            y: number;
+                        };
+                        userId: string;
+                        info: AnyObject | null;
+                    };
                 };
                 setCurrentSessionItem: (item: AnyObject) => void;
                 listRef: import("vue").Ref<any>;
@@ -1234,6 +1132,15 @@ declare const _default: import("vue").DefineComponent<{
                 currentAVMsg: AnyObject;
                 currentGroupUser: AnyObject[];
                 showMultipleVideo: boolean;
+                userDetail: {
+                    show: boolean;
+                    position: {
+                        x: number;
+                        y: number;
+                    };
+                    userId: string;
+                    info: AnyObject | null;
+                };
             };
             recordRef: import("vue").Ref<any>;
             recordList: import("vue").Ref<AnyObject[]>;
@@ -1481,6 +1388,15 @@ declare const _default: import("vue").DefineComponent<{
                 currentAVMsg: AnyObject;
                 currentGroupUser: AnyObject[];
                 showMultipleVideo: boolean;
+                userDetail: {
+                    show: boolean;
+                    position: {
+                        x: number;
+                        y: number;
+                    };
+                    userId: string;
+                    info: AnyObject | null;
+                };
             };
             setCurrentSessionItem: (item: AnyObject) => void;
             listRef: import("vue").Ref<any>;
@@ -1597,6 +1513,15 @@ declare const _default: import("vue").DefineComponent<{
             currentAVMsg: AnyObject;
             currentGroupUser: AnyObject[];
             showMultipleVideo: boolean;
+            userDetail: {
+                show: boolean;
+                position: {
+                    x: number;
+                    y: number;
+                };
+                userId: string;
+                info: AnyObject | null;
+            };
         };
         setMsgList: (list?: AnyObject[]) => void;
         relayMessage: (param: {
@@ -1605,12 +1530,23 @@ declare const _default: import("vue").DefineComponent<{
             content: AnyObject;
         }) => Promise<void>;
         setCurrentSessionItem: (item: AnyObject) => void;
+        setMessageLabel: (params: {
+            type: "text" | "emoji";
+            labelItem: string | AnyObject;
+            msgId: string;
+        }) => void;
+        setUserDetail: (event: MouseEvent, userDetail: AnyObject) => void;
         isGroupChat: import("vue").ComputedRef<boolean>;
         contextmenuRef: import("vue").Ref<any>;
         showMenu: import("vue").Ref<boolean>;
         menuPosition: any;
         menuMsgId: import("vue").Ref<any>;
         relayTriggerRef: import("vue").Ref<any>;
+        showLabel: import("vue").Ref<boolean>;
+        labelPosition: {
+            x: number;
+            y: number;
+        };
         pageInfo: {
             page: number;
             hasMore: boolean;
@@ -1624,6 +1560,7 @@ declare const _default: import("vue").DefineComponent<{
             [key: string]: any;
         }>[];
         getHistoryRecord: () => Promise<void>;
+        handleSelectLabel: (event: MouseEvent, msgId: string) => void;
         handleContextmenu: (event: MouseEvent, msgId: string) => Promise<void>;
         setMenuPosition: (event: MouseEvent) => Promise<void>;
         showMessage: (item: AnyObject) => boolean;
@@ -1649,97 +1586,6 @@ declare const _default: import("vue").DefineComponent<{
         NButtonGroup: any;
         NButton: any;
         NSpace: any;
-        PersonProfile: import("vue").DefineComponent<{
-            userId: {
-                type: (NumberConstructor | StringConstructor)[];
-            };
-            disabled: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            userInfo: {
-                type: PropType<AnyObject>;
-            };
-        }, {
-            props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
-                userId: {
-                    type: (NumberConstructor | StringConstructor)[];
-                };
-                disabled: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
-                userInfo: {
-                    type: PropType<AnyObject>;
-                };
-            }>> & {
-                onClose?: ((...args: any[]) => any) | undefined;
-            }>>;
-            emit: (event: "close", ...args: any[]) => void;
-            state: {
-                orgId: string | number;
-                currentSessionItem: AnyObject;
-                id: string;
-                userInfo: AnyObject;
-                msgList: AnyObject[];
-                currentMsg: AnyObject;
-                isAppendMsg: boolean;
-                sessionList: AnyObject[];
-                isChangeSession: boolean;
-                updateSessionItem: AnyObject;
-                isUpdateSession: boolean;
-                currentReferenceMsg: AnyObject | null;
-                currentReEditMsg: AnyObject | null;
-                showVideo: boolean;
-                currentAVMsg: AnyObject;
-                currentGroupUser: AnyObject[];
-                showMultipleVideo: boolean;
-            };
-            openSession: (session: string | AnyObject) => Promise<void>;
-            showUserDetail: import("vue").Ref<boolean>;
-            showLargeAvatar: import("vue").Ref<boolean>;
-            showPhone: import("vue").Ref<boolean>;
-            userDetail: AnyObject;
-            info: {
-                label: string;
-                value: string;
-                key: string;
-            }[];
-            personInfo: import("vue").ComputedRef<{
-                label: string;
-                value: string;
-                key: string;
-            }[]>;
-            toOpenSession: () => Promise<void>;
-            updateShow: (value: boolean) => Promise<void>;
-            getContent: (info: AnyObject) => any;
-            onChange: (options: {
-                file: import("naive-ui").UploadFileInfo;
-            }) => Promise<void>;
-            NAvatar: any;
-            NPopover: any;
-            NButton: any;
-            NIcon: any;
-            ChatbubbleEllipses: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
-            Close: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
-            EyeOutline: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
-            EyeOffOutline: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
-        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "close"[], "close", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-            userId: {
-                type: (NumberConstructor | StringConstructor)[];
-            };
-            disabled: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            userInfo: {
-                type: PropType<AnyObject>;
-            };
-        }>> & {
-            onClose?: ((...args: any[]) => any) | undefined;
-        }, {
-            disabled: boolean;
-        }>;
         MessageTemplate: import("vue").DefineComponent<{
             data: {
                 type: PropType<AnyObject>;
@@ -1848,110 +1694,82 @@ declare const _default: import("vue").DefineComponent<{
                 currentAVMsg: AnyObject;
                 currentGroupUser: AnyObject[];
                 showMultipleVideo: boolean;
+                userDetail: {
+                    show: boolean;
+                    position: {
+                        x: number;
+                        y: number;
+                    };
+                    userId: string;
+                    info: AnyObject | null;
+                };
             };
+            setUserDetail: (event: MouseEvent, userDetail: AnyObject) => void;
             inviter: import("vue").Ref<any>;
             invitee: import("vue").Ref<any[]>;
             isValidJSON: (str: string) => boolean;
             getTask: (_id: string | number, arrRes: AnyObject[]) => () => Promise<unknown>;
             getEventContent: (data: AnyObject) => Promise<void>;
             NButton: any;
-            PersonProfile: import("vue").DefineComponent<{
-                userId: {
-                    type: (NumberConstructor | StringConstructor)[];
-                };
-                disabled: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
-                userInfo: {
-                    type: PropType<AnyObject>;
-                };
-            }, {
-                props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
-                    userId: {
-                        type: (NumberConstructor | StringConstructor)[];
-                    };
-                    disabled: {
-                        type: BooleanConstructor;
-                        default: boolean;
-                    };
-                    userInfo: {
-                        type: PropType<AnyObject>;
-                    };
-                }>> & {
-                    onClose?: ((...args: any[]) => any) | undefined;
-                }>>;
-                emit: (event: "close", ...args: any[]) => void;
-                state: {
-                    orgId: string | number;
-                    currentSessionItem: AnyObject;
-                    id: string;
-                    userInfo: AnyObject;
-                    msgList: AnyObject[];
-                    currentMsg: AnyObject;
-                    isAppendMsg: boolean;
-                    sessionList: AnyObject[];
-                    isChangeSession: boolean;
-                    updateSessionItem: AnyObject;
-                    isUpdateSession: boolean;
-                    currentReferenceMsg: AnyObject | null;
-                    currentReEditMsg: AnyObject | null;
-                    showVideo: boolean;
-                    currentAVMsg: AnyObject;
-                    currentGroupUser: AnyObject[];
-                    showMultipleVideo: boolean;
-                };
-                openSession: (session: string | AnyObject) => Promise<void>;
-                showUserDetail: import("vue").Ref<boolean>;
-                showLargeAvatar: import("vue").Ref<boolean>;
-                showPhone: import("vue").Ref<boolean>;
-                userDetail: AnyObject;
-                info: {
-                    label: string;
-                    value: string;
-                    key: string;
-                }[];
-                personInfo: import("vue").ComputedRef<{
-                    label: string;
-                    value: string;
-                    key: string;
-                }[]>;
-                toOpenSession: () => Promise<void>;
-                updateShow: (value: boolean) => Promise<void>;
-                getContent: (info: AnyObject) => any;
-                onChange: (options: {
-                    file: import("naive-ui").UploadFileInfo;
-                }) => Promise<void>;
-                NAvatar: any;
-                NPopover: any;
-                NButton: any;
-                NIcon: any;
-                ChatbubbleEllipses: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
-                Close: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
-                EyeOutline: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
-                EyeOffOutline: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
-            }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "close"[], "close", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-                userId: {
-                    type: (NumberConstructor | StringConstructor)[];
-                };
-                disabled: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
-                userInfo: {
-                    type: PropType<AnyObject>;
-                };
-            }>> & {
-                onClose?: ((...args: any[]) => any) | undefined;
-            }, {
-                disabled: boolean;
-            }>;
         }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
             data: {
                 type: PropType<AnyObject>;
                 required: true;
             };
         }>>, {}>;
+        SelectLabel: import("vue").DefineComponent<{
+            id: {
+                type: StringConstructor;
+                required: true;
+            };
+            show: {
+                type: BooleanConstructor;
+            };
+        }, {
+            labelList: {
+                type: string;
+                label: string;
+            }[];
+            props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+                id: {
+                    type: StringConstructor;
+                    required: true;
+                };
+                show: {
+                    type: BooleanConstructor;
+                };
+            }>> & {
+                "onUpdate:show"?: ((...args: any[]) => any) | undefined;
+            }>>;
+            emit: (event: "update:show", ...args: any[]) => void;
+            setMessageLabel: (params: {
+                type: "text" | "emoji";
+                labelItem: string | AnyObject;
+                msgId: string;
+            }) => void;
+            handleMessageLabel: (type: "text" | "emoji", item: any) => void;
+            NButton: any;
+            NPopover: any;
+            NTabs: any;
+            NTabPane: any;
+            NTooltip: any;
+            emojis: {
+                default: string[][];
+                findEmoji(name: string): any;
+            };
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:show"[], "update:show", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+            id: {
+                type: StringConstructor;
+                required: true;
+            };
+            show: {
+                type: BooleanConstructor;
+            };
+        }>> & {
+            "onUpdate:show"?: ((...args: any[]) => any) | undefined;
+        }, {
+            show: boolean;
+        }>;
         emojis: {
             default: string[][];
             findEmoji(name: string): any;
@@ -2069,6 +1887,15 @@ declare const _default: import("vue").DefineComponent<{
                 currentAVMsg: AnyObject;
                 currentGroupUser: AnyObject[];
                 showMultipleVideo: boolean;
+                userDetail: {
+                    show: boolean;
+                    position: {
+                        x: number;
+                        y: number;
+                    };
+                    userId: string;
+                    info: AnyObject | null;
+                };
             };
             setCurrentSessionItem: (item: AnyObject) => void;
             listRef: import("vue").Ref<any>;
@@ -2171,6 +1998,7 @@ declare const _default: import("vue").DefineComponent<{
         CallOutline: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
         VideocamOutline: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
         DocumentSharp: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+        HappyOutline: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
     ChatFooter: import("vue").DefineComponent<{}, {
         inputRef: import("vue").Ref<HTMLDivElement | undefined>;
@@ -2192,6 +2020,15 @@ declare const _default: import("vue").DefineComponent<{
             currentAVMsg: AnyObject;
             currentGroupUser: AnyObject[];
             showMultipleVideo: boolean;
+            userDetail: {
+                show: boolean;
+                position: {
+                    x: number;
+                    y: number;
+                };
+                userId: string;
+                info: AnyObject | null;
+            };
         };
         sendMessage: (message: {
             chatType?: string | undefined;
@@ -2300,6 +2137,15 @@ declare const _default: import("vue").DefineComponent<{
                 currentAVMsg: AnyObject;
                 currentGroupUser: AnyObject[];
                 showMultipleVideo: boolean;
+                userDetail: {
+                    show: boolean;
+                    position: {
+                        x: number;
+                        y: number;
+                    };
+                    userId: string;
+                    info: AnyObject | null;
+                };
             };
             setCurrentSessionItem: (item: AnyObject) => void;
             listRef: import("vue").Ref<any>;
@@ -2427,14 +2273,30 @@ declare const _default: import("vue").DefineComponent<{
             currentAVMsg: AnyObject;
             currentGroupUser: AnyObject[];
             showMultipleVideo: boolean;
+            userDetail: {
+                show: boolean;
+                position: {
+                    x: number;
+                    y: number;
+                };
+                userId: string;
+                info: AnyObject | null;
+            };
         };
+        openSession: (session: string | AnyObject) => Promise<void>;
         userList: import("vue").Ref<AnyObject[]>;
         handleInput: () => void;
         currentTabValue: import("vue").Ref<string>;
+        currentIndex: import("vue").Ref<number>;
         groupList: import("vue").ComputedRef<AnyObject[]>;
         showNoData: import("vue").ComputedRef<boolean>;
         showAllNoData: import("vue").ComputedRef<boolean>;
         showGroupNoData: import("vue").ComputedRef<boolean>;
+        groupStartIndex: import("vue").ComputedRef<number>;
+        currentList: import("vue").ComputedRef<AnyObject[]>;
+        handleKeyDown: (event: KeyboardEvent) => void;
+        addSession: (id: string) => Promise<void>;
+        handleTabChange: () => void;
         handleClose: () => void;
         NPopover: any;
         NButton: any;
@@ -2591,6 +2453,15 @@ declare const _default: import("vue").DefineComponent<{
             currentAVMsg: AnyObject;
             currentGroupUser: AnyObject[];
             showMultipleVideo: boolean;
+            userDetail: {
+                show: boolean;
+                position: {
+                    x: number;
+                    y: number;
+                };
+                userId: string;
+                info: AnyObject | null;
+            };
         };
         setCurrentSessionItem: (item: AnyObject) => void;
         listRef: import("vue").Ref<any>;
@@ -2708,6 +2579,15 @@ declare const _default: import("vue").DefineComponent<{
             currentAVMsg: AnyObject;
             currentGroupUser: AnyObject[];
             showMultipleVideo: boolean;
+            userDetail: {
+                show: boolean;
+                position: {
+                    x: number;
+                    y: number;
+                };
+                userId: string;
+                info: AnyObject | null;
+            };
         };
         trtcProxy: import("vue").Ref<any>;
         trtc: import("trtc-sdk-v5").default;
@@ -2790,6 +2670,15 @@ declare const _default: import("vue").DefineComponent<{
             currentAVMsg: AnyObject;
             currentGroupUser: AnyObject[];
             showMultipleVideo: boolean;
+            userDetail: {
+                show: boolean;
+                position: {
+                    x: number;
+                    y: number;
+                };
+                userId: string;
+                info: AnyObject | null;
+            };
         };
         sendMessage: (message: {
             chatType?: string | undefined;
@@ -2916,6 +2805,15 @@ declare const _default: import("vue").DefineComponent<{
                 currentAVMsg: AnyObject;
                 currentGroupUser: AnyObject[];
                 showMultipleVideo: boolean;
+                userDetail: {
+                    show: boolean;
+                    position: {
+                        x: number;
+                        y: number;
+                    };
+                    userId: string;
+                    info: AnyObject | null;
+                };
             };
             setCurrentSessionItem: (item: AnyObject) => void;
             listRef: import("vue").Ref<any>;
@@ -3017,6 +2915,64 @@ declare const _default: import("vue").DefineComponent<{
         MicOff: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
         Close: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+    PersonProfile: import("vue").DefineComponent<{}, {
+        state: {
+            orgId: string | number;
+            currentSessionItem: AnyObject;
+            id: string;
+            userInfo: AnyObject;
+            msgList: AnyObject[];
+            currentMsg: AnyObject;
+            isAppendMsg: boolean;
+            sessionList: AnyObject[];
+            isChangeSession: boolean;
+            updateSessionItem: AnyObject;
+            isUpdateSession: boolean;
+            currentReferenceMsg: AnyObject | null;
+            currentReEditMsg: AnyObject | null;
+            showVideo: boolean;
+            currentAVMsg: AnyObject;
+            currentGroupUser: AnyObject[];
+            showMultipleVideo: boolean;
+            userDetail: {
+                show: boolean;
+                position: {
+                    x: number;
+                    y: number;
+                };
+                userId: string;
+                info: AnyObject | null;
+            };
+        };
+        openSession: (session: string | AnyObject) => Promise<void>;
+        showLargeAvatar: import("vue").Ref<boolean>;
+        showPhone: import("vue").Ref<boolean>;
+        userDetail: AnyObject;
+        info: {
+            label: string;
+            value: string;
+            key: string;
+        }[];
+        personInfo: import("vue").ComputedRef<{
+            label: string;
+            value: string;
+            key: string;
+        }[]>;
+        toOpenSession: () => Promise<void>;
+        updateShow: () => Promise<void>;
+        getContent: (info: AnyObject) => any;
+        onChange: (options: {
+            file: import("naive-ui").UploadFileInfo;
+        }) => Promise<void>;
+        NAvatar: any;
+        NPopover: any;
+        NButton: any;
+        NIcon: any;
+        ChatbubbleEllipses: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+        Close: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+        EyeOutline: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+        EyeOffOutline: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("template-click" | "unread-message-update" | "session-change" | "session-close")[], "template-click" | "unread-message-update" | "session-change" | "session-close", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     token: {
         type: StringConstructor;
@@ -3073,9 +3029,9 @@ declare const _default: import("vue").DefineComponent<{
     "onSession-close"?: ((...args: any[]) => any) | undefined;
 }, {
     show: boolean;
-    filterable: boolean;
     showHeader: boolean;
     baseURL: string;
     extraParams: AnyObject;
+    filterable: boolean;
 }>;
 export default _default;