cnhis-design-vue 3.2.2-beta.9 → 3.2.3-beta.0

package/README.md

@@ -1,87 +1,87 @@
-# 安装
-
-```shell
-npm i cnhis-design-vue@[版本号]
-# or
-yarn add cnhis-design-vue@[版本号] #推荐
-```
-
-## 1.全局引入
-
-```typescript
-// main.ts
-import { createApp } from 'vue';
-import App from './App.vue';
-import 'cnhis-design-vue/es/packages/index.css';
-import cui from 'cnhis-design-vue';
-
-const app = createApp(App);
-app.use(cui).mount('#app');
-```
-
-## 2. 按需引入
-
-组件现在支持了自动按需引入, 但是样式文件需要额外的处理
-
-### 2.1 样式处理方式1 (按需引入样式)
-
-```shell
-# 安装自动导入样式的插件
-npm i -d vite-plugin-style-import
-```
-
-```typescript
-// vite.config.ts
-import { defineConfig } from 'vite';
-import { createStyleImportPlugin } from 'vite-plugin-style-import';
-
-export default defineConfig({
-  plugins: [
-    // ...otherPlugins
-    createStyleImportPlugin({
-      libs: [
-        {
-          libraryName: 'cnhis-design-vue',
-          esModule: true,
-          ensureStyleFile: true,
-          resolveStyle: name => {
-            return `cnhis-design-vue/es/components/${ name.slice(2) }/style/index.css`;
-          }
-        }
-      ]
-    })
-  ]
-});
-```
-
-### 2.2 样式处理方式2 (全局引入样式)
-
-```typescript
-// main.ts
-import 'cnhis-design-vue/es/components/index.css';
-```
-
-## 3.FAQ
-
-### 3.1 项目打包后样式丢失
-
-处理方法, 将 cnhis-design-vue 从 vendor 包中移除 (没有出现此问题则不需要)
-
-```typescript
-// vite.config.ts
-import { defineConfig } from 'vite';
-
-export default defineConfig({
-  build: {
-    rollupOptions: {
-      // ..otherOptions
-      output: {
-        dir: './dist',
-        manualChunks: {
-          'cnhis-vendor': ['cnhis-design-vue']
-        }
-      }
-    }
-  }
-});
-```
+# 安装
+
+```shell
+npm i cnhis-design-vue@[版本号]
+# or
+yarn add cnhis-design-vue@[版本号] #推荐
+```
+
+## 1.全局引入
+
+```typescript
+// main.ts
+import { createApp } from 'vue';
+import App from './App.vue';
+import 'cnhis-design-vue/es/packages/index.css';
+import cui from 'cnhis-design-vue';
+
+const app = createApp(App);
+app.use(cui).mount('#app');
+```
+
+## 2. 按需引入
+
+组件现在支持了自动按需引入, 但是样式文件需要额外的处理
+
+### 2.1 样式处理方式1 (按需引入样式)
+
+```shell
+# 安装自动导入样式的插件
+npm i -d vite-plugin-style-import
+```
+
+```typescript
+// vite.config.ts
+import { defineConfig } from 'vite';
+import { createStyleImportPlugin } from 'vite-plugin-style-import';
+
+export default defineConfig({
+  plugins: [
+    // ...otherPlugins
+    createStyleImportPlugin({
+      libs: [
+        {
+          libraryName: 'cnhis-design-vue',
+          esModule: true,
+          ensureStyleFile: true,
+          resolveStyle: name => {
+            return `cnhis-design-vue/es/components/${ name.slice(2) }/style/index.css`;
+          }
+        }
+      ]
+    })
+  ]
+});
+```
+
+### 2.2 样式处理方式2 (全局引入样式)
+
+```typescript
+// main.ts
+import 'cnhis-design-vue/es/components/index.css';
+```
+
+## 3.FAQ
+
+### 3.1 项目打包后样式丢失
+
+处理方法, 将 cnhis-design-vue 从 vendor 包中移除 (没有出现此问题则不需要)
+
+```typescript
+// vite.config.ts
+import { defineConfig } from 'vite';
+
+export default defineConfig({
+  build: {
+    rollupOptions: {
+      // ..otherOptions
+      output: {
+        dir: './dist',
+        manualChunks: {
+          'cnhis-vendor': ['cnhis-design-vue']
+        }
+      }
+    }
+  }
+});
+```

package/es/components/big-table/index.d.ts

@@ -610,7 +610,7 @@ declare const BigTable: SFCWithInstall<import("vue").DefineComponent<{
     setGroupTreeExpand: () => void;
     resetTableInlineEditStatus: () => false | undefined;
     renderAnnotation: (columnConfig: import("../../shared/types").AnyObject) => JSX.Element | null;
-    toolTipTitle: (item: any, type?: any) => (() => any) | (JSX.Element | null)[];
+    toolTipTitle: (item: any, type?: any) => (JSX.Element | null)[] | (() => any);
     triggerExpand: (e: any, isExpand: any) => void;
     getOtherConfigInit: () => any;
     refreshTable: () => void;

package/es/components/big-table/src/BigTable.vue.d.ts

@@ -612,7 +612,7 @@ declare const _default: import("vue").DefineComponent<{
     setGroupTreeExpand: () => void;
     resetTableInlineEditStatus: () => false | undefined;
     renderAnnotation: (columnConfig: AnyObject) => JSX.Element | null;
-    toolTipTitle: (item: any, type?: any) => (() => any) | (JSX.Element | null)[];
+    toolTipTitle: (item: any, type?: any) => (JSX.Element | null)[] | (() => any);
     triggerExpand: (e: any, isExpand: any) => void;
     getOtherConfigInit: () => any;
     refreshTable: () => void;

package/es/components/biunique-chat/index.d.ts

@@ -1,9 +1,5 @@
 import { SFCWithInstall } from '../../shared/types';
 declare const BiuniqueChat: SFCWithInstall<import("vue").DefineComponent<{
-    token: {
-        type: StringConstructor;
-        required: true;
-    };
     userId: {
         type: StringConstructor;
         required: true;
@@ -14,10 +10,6 @@ declare const BiuniqueChat: SFCWithInstall<import("vue").DefineComponent<{
     };
 }, {
     props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
-        token: {
-            type: StringConstructor;
-            required: true;
-        };
         userId: {
             type: StringConstructor;
             required: true;
@@ -26,16 +18,32 @@ declare const BiuniqueChat: SFCWithInstall<import("vue").DefineComponent<{
             type: StringConstructor;
             default: string;
         };
-    }>> & {}>>;
+    }>> & {
+        "onTemplate-click"?: ((...args: any[]) => any) | undefined;
+        "onUnread-message-update"?: ((...args: any[]) => any) | undefined;
+    }>>;
+    emit: (event: "template-click" | "unread-message-update", ...args: any[]) => void;
     cssVars: import("vue").ComputedRef<import("vue").CSSProperties>;
     loading: import("vue").Ref<boolean>;
     stompClient: import("vue").Ref<import("./src/utils/chatSock").ChatSock | undefined>;
-    state: import("../../shared/types").AnyObject;
+    state: {
+        currentSessionItem: import("../../shared/types").AnyObject;
+        id: string;
+        userInfo: import("../../shared/types").AnyObject;
+        msgList: import("../../shared/types").AnyObject[];
+        currentMsg: import("../../shared/types").AnyObject;
+        isAppendMsg: boolean;
+        sessionList: import("../../shared/types").AnyObject[];
+        isChangeSession: boolean;
+        updateSessionItem: import("../../shared/types").AnyObject;
+        isUpdateSession: boolean;
+    };
+    reConnention: number;
     init: () => Promise<void>;
     initWebSocket: () => void;
     subscribeSessionList: () => void;
-    subscribeSession: () => void;
     subscribeMessage: () => void;
+    getUnreadData: () => import("../../shared/types").AnyObject[];
     NLayout: any;
     NLayoutContent: import("vue").DefineComponent<{
         embedded: BooleanConstructor;
@@ -440,25 +448,29 @@ declare const BiuniqueChat: SFCWithInstall<import("vue").DefineComponent<{
     NSpin: any;
     NConfigProvider: any;
     SiderList: import("vue").DefineComponent<{}, {
+        filterKey: {
+            all: string;
+            unread: string;
+        };
         flexWidth: import("vue").Ref<number>;
         listBoxRef: import("vue").Ref<HTMLElement | undefined>;
         keyword: import("vue").Ref<string>;
-        sessionList: import("vue").Ref<import("../../shared/types").AnyObject[]>;
         loading: import("vue").Ref<boolean>;
         filterList: import("vue").Ref<{
             label: string;
             key: string;
-            number: number;
         }[]>;
         currentFilterKey: import("vue").Ref<string>;
-        state: import("../../shared/types").AnyObject;
-        setCurrentSessionItem: (item: import("../../shared/types").AnyObject) => void;
-        currentWidth: import("vue").ComputedRef<number>;
-        handleSearch: () => void;
+        state: import("./src/types").IState;
+        emit: (event: string, ...args: any[]) => void;
         entrySession: (item: import("../../shared/types").AnyObject) => void;
+        unreadTotal: import("vue").ComputedRef<number>;
+        currentWidth: import("vue").ComputedRef<number>;
+        sessionList: import("vue").ComputedRef<import("../../shared/types").AnyObject[]>;
         sessionChange: (sessionItem: import("../../shared/types").AnyObject) => void;
         changeWidth: ({ distance }: import("../../shared/types").AnyObject) => void;
         handleFilter: (key: string) => void;
+        showSession: (item: import("../../shared/types").AnyObject, currentKey?: string) => boolean | undefined;
         NSpin: any;
         NBadge: any;
         NAvatar: any;
@@ -467,9 +479,10 @@ declare const BiuniqueChat: SFCWithInstall<import("vue").DefineComponent<{
             mounted(el: any, { value }: any): void;
             beforeUnmount(el: any): void;
         };
+        formatTime: typeof import("./src/utils").formatTime;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
     ChatHeader: import("vue").DefineComponent<{}, {
-        state: import("../../shared/types").AnyObject;
+        state: import("./src/types").IState;
         showChatSet: import("vue").Ref<boolean>;
         showChatFile: import("vue").Ref<boolean>;
         chatFileType: import("vue").Ref<string>;
@@ -533,7 +546,7 @@ declare const BiuniqueChat: SFCWithInstall<import("vue").DefineComponent<{
             };
         }>>, {}>;
         ChatSet: import("vue").DefineComponent<{}, {
-            state: import("../../shared/types").AnyObject;
+            state: import("./src/types").IState;
             setCurrentSessionItem: (item: import("../../shared/types").AnyObject) => void;
             handleTopping: (value: boolean) => Promise<void>;
             NDrawer: any;
@@ -1018,7 +1031,7 @@ declare const BiuniqueChat: SFCWithInstall<import("vue").DefineComponent<{
                 color: string;
                 textColor: string;
             };
-            state: import("../../shared/types").AnyObject;
+            state: import("./src/types").IState;
             options: {
                 label: any;
                 value: any;
@@ -1114,15 +1127,216 @@ declare const BiuniqueChat: SFCWithInstall<import("vue").DefineComponent<{
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
     ChatMain: import("vue").DefineComponent<{}, {
         chatMainRef: import("vue").Ref<HTMLElement | undefined>;
-        state: import("../../shared/types").AnyObject;
+        state: import("./src/types").IState;
         setMsgList: (list?: import("../../shared/types").AnyObject[]) => void;
         page: number;
         getHistoryRecord: () => Promise<void>;
         accessSession: () => Promise<void>;
+        showSystemMsg: (item: import("../../shared/types").AnyObject) => boolean;
         needShowTime: (item: import("../../shared/types").AnyObject, index: number) => boolean;
         setScrollToButtom: () => Promise<void>;
         getIntervalMsgTime: (time: string) => string;
         NAvatar: any;
+        NImageGroup: import("vue").DefineComponent<{
+            showToolbar: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            showToolbarTooltip: BooleanConstructor;
+            theme: import("vue").PropType<import("naive-ui/es/_mixins").Theme<"Image", {
+                toolbarIconColor: string;
+                toolbarColor: string;
+                toolbarBoxShadow: string;
+                toolbarBorderRadius: string;
+            }, {
+                Tooltip: import("naive-ui/es/_mixins").Theme<"Tooltip", {
+                    borderRadius: string;
+                    boxShadow: string;
+                    color: string;
+                    textColor: string;
+                    padding: string;
+                }, {
+                    Popover: import("naive-ui/es/_mixins").Theme<"Popover", {
+                        fontSize: string;
+                        borderRadius: string;
+                        color: string;
+                        dividerColor: string;
+                        textColor: string;
+                        boxShadow: string;
+                        space: string;
+                        spaceArrow: string;
+                        arrowOffset: string;
+                        arrowOffsetVertical: string;
+                        arrowHeight: string;
+                        padding: string;
+                    }, any>;
+                }>;
+            }>>;
+            themeOverrides: import("vue").PropType<import("naive-ui/es/_mixins/use-theme").ExtractThemeOverrides<import("naive-ui/es/_mixins").Theme<"Image", {
+                toolbarIconColor: string;
+                toolbarColor: string;
+                toolbarBoxShadow: string;
+                toolbarBorderRadius: string;
+            }, {
+                Tooltip: import("naive-ui/es/_mixins").Theme<"Tooltip", {
+                    borderRadius: string;
+                    boxShadow: string;
+                    color: string;
+                    textColor: string;
+                    padding: string;
+                }, {
+                    Popover: import("naive-ui/es/_mixins").Theme<"Popover", {
+                        fontSize: string;
+                        borderRadius: string;
+                        color: string;
+                        dividerColor: string;
+                        textColor: string;
+                        boxShadow: string;
+                        space: string;
+                        spaceArrow: string;
+                        arrowOffset: string;
+                        arrowOffsetVertical: string;
+                        arrowHeight: string;
+                        padding: string;
+                    }, any>;
+                }>;
+            }>>>;
+            builtinThemeOverrides: import("vue").PropType<import("naive-ui/es/_mixins/use-theme").ExtractThemeOverrides<import("naive-ui/es/_mixins").Theme<"Image", {
+                toolbarIconColor: string;
+                toolbarColor: string;
+                toolbarBoxShadow: string;
+                toolbarBorderRadius: string;
+            }, {
+                Tooltip: import("naive-ui/es/_mixins").Theme<"Tooltip", {
+                    borderRadius: string;
+                    boxShadow: string;
+                    color: string;
+                    textColor: string;
+                    padding: string;
+                }, {
+                    Popover: import("naive-ui/es/_mixins").Theme<"Popover", {
+                        fontSize: string;
+                        borderRadius: string;
+                        color: string;
+                        dividerColor: string;
+                        textColor: string;
+                        boxShadow: string;
+                        space: string;
+                        spaceArrow: string;
+                        arrowOffset: string;
+                        arrowOffsetVertical: string;
+                        arrowHeight: string;
+                        padding: string;
+                    }, any>;
+                }>;
+            }>>>;
+        }, {
+            mergedClsPrefix: import("vue").ComputedRef<string>;
+            previewInstRef: import("vue").Ref<{
+                setThumbnailEl: (e: HTMLImageElement | null) => void;
+                setPreviewSrc: (src?: string | undefined) => void;
+                toggleShow: () => void;
+            } | null>;
+            next: () => void;
+            prev: () => void;
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+            showToolbar: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            showToolbarTooltip: BooleanConstructor;
+            theme: import("vue").PropType<import("naive-ui/es/_mixins").Theme<"Image", {
+                toolbarIconColor: string;
+                toolbarColor: string;
+                toolbarBoxShadow: string;
+                toolbarBorderRadius: string;
+            }, {
+                Tooltip: import("naive-ui/es/_mixins").Theme<"Tooltip", {
+                    borderRadius: string;
+                    boxShadow: string;
+                    color: string;
+                    textColor: string;
+                    padding: string;
+                }, {
+                    Popover: import("naive-ui/es/_mixins").Theme<"Popover", {
+                        fontSize: string;
+                        borderRadius: string;
+                        color: string;
+                        dividerColor: string;
+                        textColor: string;
+                        boxShadow: string;
+                        space: string;
+                        spaceArrow: string;
+                        arrowOffset: string;
+                        arrowOffsetVertical: string;
+                        arrowHeight: string;
+                        padding: string;
+                    }, any>;
+                }>;
+            }>>;
+            themeOverrides: import("vue").PropType<import("naive-ui/es/_mixins/use-theme").ExtractThemeOverrides<import("naive-ui/es/_mixins").Theme<"Image", {
+                toolbarIconColor: string;
+                toolbarColor: string;
+                toolbarBoxShadow: string;
+                toolbarBorderRadius: string;
+            }, {
+                Tooltip: import("naive-ui/es/_mixins").Theme<"Tooltip", {
+                    borderRadius: string;
+                    boxShadow: string;
+                    color: string;
+                    textColor: string;
+                    padding: string;
+                }, {
+                    Popover: import("naive-ui/es/_mixins").Theme<"Popover", {
+                        fontSize: string;
+                        borderRadius: string;
+                        color: string;
+                        dividerColor: string;
+                        textColor: string;
+                        boxShadow: string;
+                        space: string;
+                        spaceArrow: string;
+                        arrowOffset: string;
+                        arrowOffsetVertical: string;
+                        arrowHeight: string;
+                        padding: string;
+                    }, any>;
+                }>;
+            }>>>;
+            builtinThemeOverrides: import("vue").PropType<import("naive-ui/es/_mixins/use-theme").ExtractThemeOverrides<import("naive-ui/es/_mixins").Theme<"Image", {
+                toolbarIconColor: string;
+                toolbarColor: string;
+                toolbarBoxShadow: string;
+                toolbarBorderRadius: string;
+            }, {
+                Tooltip: import("naive-ui/es/_mixins").Theme<"Tooltip", {
+                    borderRadius: string;
+                    boxShadow: string;
+                    color: string;
+                    textColor: string;
+                    padding: string;
+                }, {
+                    Popover: import("naive-ui/es/_mixins").Theme<"Popover", {
+                        fontSize: string;
+                        borderRadius: string;
+                        color: string;
+                        dividerColor: string;
+                        textColor: string;
+                        boxShadow: string;
+                        space: string;
+                        spaceArrow: string;
+                        arrowOffset: string;
+                        arrowOffsetVertical: string;
+                        arrowHeight: string;
+                        padding: string;
+                    }, any>;
+                }>;
+            }>>>;
+        }>>, {
+            showToolbar: boolean;
+            showToolbarTooltip: boolean;
+        }>;
+        NImage: any;
         PersonProfile: import("vue").DefineComponent<{
             userInfo: {
                 type: import("vue").PropType<import("../../shared/types").AnyObject>;
@@ -1178,25 +1392,116 @@ declare const BiuniqueChat: SFCWithInstall<import("vue").DefineComponent<{
                 required: true;
             };
         }>>, {}>;
+        MessageTemplate: import("vue").DefineComponent<{
+            data: {
+                type: import("vue").PropType<import("../../shared/types").AnyObject>;
+                required: true;
+            };
+        }, {
+            props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+                data: {
+                    type: import("vue").PropType<import("../../shared/types").AnyObject>;
+                    required: true;
+                };
+            }>> & {}>>;
+            emit: (event: string, ...args: any[]) => void;
+            setting: import("vue").ComputedRef<any>;
+            serverSetting: import("vue").ComputedRef<any>;
+            topRightButton: import("vue").ComputedRef<any>;
+            contentList: import("vue").ComputedRef<any>;
+            toolbarButton: import("vue").ComputedRef<any>;
+            bottomButton: import("vue").ComputedRef<any>;
+            contentParams: import("vue").ComputedRef<any>;
+            getSystemMsgContent: () => any;
+            handleTemplateClick: (data: import("../../shared/types").AnyObject) => void;
+            NButton: any;
+            NIcon: any;
+            ChevronForwardOutline: 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<{}>>, {}>;
+            AlertCircleSharp: 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<{}>>, {}>;
+            SvgIcon: import("vue").DefineComponent<{
+                iconClass: {
+                    type: StringConstructor;
+                    required: true;
+                    default: string;
+                };
+                title: {
+                    type: StringConstructor;
+                    required: false;
+                    default: string;
+                };
+                className: {
+                    type: StringConstructor;
+                    required: false;
+                };
+            }, {
+                props: {
+                    iconClass: string;
+                    title: string;
+                    className?: string | undefined;
+                };
+                iconName: import("vue").ComputedRef<string>;
+                svgClass: import("vue").ComputedRef<string>;
+            }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+                iconClass: {
+                    type: StringConstructor;
+                    required: true;
+                    default: string;
+                };
+                title: {
+                    type: StringConstructor;
+                    required: false;
+                    default: string;
+                };
+                className: {
+                    type: StringConstructor;
+                    required: false;
+                };
+            }>>, {
+                title: string;
+                iconClass: string;
+            }>;
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+            data: {
+                type: import("vue").PropType<import("../../shared/types").AnyObject>;
+                required: true;
+            };
+        }>>, {}>;
+        images: import("vue").Ref<any[]>;
+        MESSAGE_TYPE: typeof import("./src/constants").MESSAGE_TYPE;
     }, {}, {}, {}, 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>;
         content: import("vue").Ref<string>;
-        state: import("../../shared/types").AnyObject;
+        state: import("./src/types").IState;
+        stompClient: import("vue").Ref<import("./src/utils/chatSock").ChatSock>;
         setCurrentSessionItem: (item: import("../../shared/types").AnyObject) => void;
-        stompClient: import("../../shared/types").AnyObject;
         handleKeyDown: (event: KeyboardEvent) => void;
         isWrap: (event: KeyboardEvent) => boolean;
         handleInput: () => void;
+        onChange: (options: {
+            file: import("naive-ui").UploadFileInfo;
+            fileList: import("naive-ui").UploadFileInfo[];
+        }, chatMessageType: import("./src/constants").MESSAGE_TYPE) => Promise<void>;
         handleMsgSend: () => void;
-        sendMessage: () => Promise<void>;
+        sendMessage: (contentInfo: import("../../shared/types").AnyObject) => Promise<void>;
         NButton: any;
+        NPopover: any;
+        NTooltip: any;
+        NUpload: any;
+        NUploadTrigger: import("vue").DefineComponent<{
+            abstract: BooleanConstructor;
+        }, () => JSX.Element | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>[] | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+            abstract: BooleanConstructor;
+        }>>, {
+            abstract: boolean;
+        }>;
+        images: import("vue").Ref<any[]>;
+        alt: string[];
+        MESSAGE_TYPE: typeof import("./src/constants").MESSAGE_TYPE;
     }, {}, {}, {}, 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, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    token: {
-        type: StringConstructor;
-        required: true;
-    };
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("template-click" | "unread-message-update")[], "template-click" | "unread-message-update", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     userId: {
         type: StringConstructor;
         required: true;
@@ -1205,7 +1510,10 @@ declare const BiuniqueChat: SFCWithInstall<import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
-}>>, {
+}>> & {
+    "onTemplate-click"?: ((...args: any[]) => any) | undefined;
+    "onUnread-message-update"?: ((...args: any[]) => any) | undefined;
+}, {
     baseURL: string;
 }>>;
 export default BiuniqueChat;