cnhis-design-vue 3.2.2-beta.20 → 3.2.2-beta.21

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/biunique-chat/index.d.ts

@@ -26,11 +26,16 @@ declare const BiuniqueChat: SFCWithInstall<import("vue").DefineComponent<{
             type: StringConstructor;
             default: string;
         };
-    }>> & {}>>;
+    }>> & {
+        "onTemplate-click"?: ((...args: any[]) => any) | undefined;
+        "onMessage-subscribe"?: ((...args: any[]) => any) | undefined;
+    }>>;
+    emit: (event: "template-click" | "message-subscribe", ...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;
+    reConnention: number;
     init: () => Promise<void>;
     initWebSocket: () => void;
     subscribeSessionList: () => void;
@@ -451,7 +456,18 @@ declare const BiuniqueChat: SFCWithInstall<import("vue").DefineComponent<{
             number: number;
         }[]>;
         currentFilterKey: import("vue").Ref<string>;
-        state: import("../../shared/types").AnyObject;
+        state: {
+            currentSessionItem: import("../../shared/types").AnyObject;
+            sessionKey: 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;
+        };
         setCurrentSessionItem: (item: import("../../shared/types").AnyObject) => void;
         currentWidth: import("vue").ComputedRef<number>;
         handleSearch: () => void;
@@ -470,7 +486,18 @@ declare const BiuniqueChat: SFCWithInstall<import("vue").DefineComponent<{
         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: {
+            currentSessionItem: import("../../shared/types").AnyObject;
+            sessionKey: 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;
+        };
         showChatSet: import("vue").Ref<boolean>;
         showChatFile: import("vue").Ref<boolean>;
         chatFileType: import("vue").Ref<string>;
@@ -534,7 +561,18 @@ declare const BiuniqueChat: SFCWithInstall<import("vue").DefineComponent<{
             };
         }>>, {}>;
         ChatSet: import("vue").DefineComponent<{}, {
-            state: import("../../shared/types").AnyObject;
+            state: {
+                currentSessionItem: import("../../shared/types").AnyObject;
+                sessionKey: 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;
+            };
             setCurrentSessionItem: (item: import("../../shared/types").AnyObject) => void;
             handleTopping: (value: boolean) => Promise<void>;
             NDrawer: any;
@@ -1019,7 +1057,18 @@ declare const BiuniqueChat: SFCWithInstall<import("vue").DefineComponent<{
                 color: string;
                 textColor: string;
             };
-            state: import("../../shared/types").AnyObject;
+            state: {
+                currentSessionItem: import("../../shared/types").AnyObject;
+                sessionKey: 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;
+            };
             options: {
                 label: any;
                 value: any;
@@ -1115,7 +1164,18 @@ 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: {
+            currentSessionItem: import("../../shared/types").AnyObject;
+            sessionKey: 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;
+        };
         setMsgList: (list?: import("../../shared/types").AnyObject[]) => void;
         page: number;
         getHistoryRecord: () => Promise<void>;
@@ -1191,10 +1251,8 @@ declare const BiuniqueChat: SFCWithInstall<import("vue").DefineComponent<{
                     type: import("vue").PropType<import("../../shared/types").AnyObject>;
                     required: true;
                 };
-            }>> & {
-                "onTemplate-click"?: ((...args: any[]) => any) | undefined;
-            }>>;
-            emit: (event: "template-click", ...args: any[]) => void;
+            }>> & {}>>;
+            emit: (event: string, ...args: any[]) => void;
             setting: import("vue").ComputedRef<any>;
             serverSetting: import("vue").ComputedRef<any>;
             topRightButton: import("vue").ComputedRef<any>;
@@ -1250,23 +1308,32 @@ declare const BiuniqueChat: SFCWithInstall<import("vue").DefineComponent<{
                 title: string;
                 iconClass: string;
             }>;
-        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "template-click"[], "template-click", 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<{
             data: {
                 type: import("vue").PropType<import("../../shared/types").AnyObject>;
                 required: true;
             };
-        }>> & {
-            "onTemplate-click"?: ((...args: any[]) => any) | undefined;
-        }, {}>;
+        }>>, {}>;
         images: 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: {
+            currentSessionItem: import("../../shared/types").AnyObject;
+            sessionKey: 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;
+        };
         setCurrentSessionItem: (item: import("../../shared/types").AnyObject) => void;
-        stompClient: import("../../shared/types").AnyObject;
+        stompClient: import("vue").Ref<import("./src/utils/chatSock").ChatSock>;
         handleKeyDown: (event: KeyboardEvent) => void;
         isWrap: (event: KeyboardEvent) => boolean;
         handleInput: () => void;
@@ -1279,7 +1346,7 @@ declare const BiuniqueChat: SFCWithInstall<import("vue").DefineComponent<{
         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<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("template-click" | "message-subscribe")[], "template-click" | "message-subscribe", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     token: {
         type: StringConstructor;
         required: true;
@@ -1292,7 +1359,10 @@ declare const BiuniqueChat: SFCWithInstall<import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
-}>>, {
+}>> & {
+    "onTemplate-click"?: ((...args: any[]) => any) | undefined;
+    "onMessage-subscribe"?: ((...args: any[]) => any) | undefined;
+}, {
     baseURL: string;
 }>>;
 export default BiuniqueChat;

package/es/components/biunique-chat/src/Index.vue.d.ts

@@ -1,7 +1,6 @@
 import { type PropType } from 'vue';
 import { ChatSock } from './utils/chatSock';
 import { AnyObject } from '../../../shared/types';
-import { formatTime } from './utils';
 declare const _default: import("vue").DefineComponent<{
     token: {
         type: StringConstructor;
@@ -29,11 +28,16 @@ declare const _default: import("vue").DefineComponent<{
             type: StringConstructor;
             default: string;
         };
-    }>> & {}>>;
+    }>> & {
+        "onTemplate-click"?: ((...args: any[]) => any) | undefined;
+        "onMessage-subscribe"?: ((...args: any[]) => any) | undefined;
+    }>>;
+    emit: (event: "template-click" | "message-subscribe", ...args: any[]) => void;
     cssVars: import("vue").ComputedRef<import("vue").CSSProperties>;
     loading: import("vue").Ref<boolean>;
     stompClient: import("vue").Ref<ChatSock | undefined>;
     state: AnyObject;
+    reConnention: number;
     init: () => Promise<void>;
     initWebSocket: () => void;
     subscribeSessionList: () => void;
@@ -454,7 +458,18 @@ declare const _default: import("vue").DefineComponent<{
             number: number;
         }[]>;
         currentFilterKey: import("vue").Ref<string>;
-        state: AnyObject;
+        state: {
+            currentSessionItem: AnyObject;
+            sessionKey: string;
+            userInfo: AnyObject;
+            msgList: AnyObject[];
+            currentMsg: AnyObject;
+            isAppendMsg: boolean;
+            sessionList: AnyObject[];
+            isChangeSession: boolean;
+            updateSessionItem: AnyObject;
+            isUpdateSession: boolean;
+        };
         setCurrentSessionItem: (item: AnyObject) => void;
         currentWidth: import("vue").ComputedRef<number>;
         handleSearch: () => void;
@@ -470,10 +485,21 @@ declare const _default: import("vue").DefineComponent<{
             mounted(el: any, { value }: any): void;
             beforeUnmount(el: any): void;
         };
-        formatTime: typeof formatTime;
+        formatTime: typeof import("./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: AnyObject;
+        state: {
+            currentSessionItem: AnyObject;
+            sessionKey: string;
+            userInfo: AnyObject;
+            msgList: AnyObject[];
+            currentMsg: AnyObject;
+            isAppendMsg: boolean;
+            sessionList: AnyObject[];
+            isChangeSession: boolean;
+            updateSessionItem: AnyObject;
+            isUpdateSession: boolean;
+        };
         showChatSet: import("vue").Ref<boolean>;
         showChatFile: import("vue").Ref<boolean>;
         chatFileType: import("vue").Ref<string>;
@@ -537,7 +563,18 @@ declare const _default: import("vue").DefineComponent<{
             };
         }>>, {}>;
         ChatSet: import("vue").DefineComponent<{}, {
-            state: AnyObject;
+            state: {
+                currentSessionItem: AnyObject;
+                sessionKey: string;
+                userInfo: AnyObject;
+                msgList: AnyObject[];
+                currentMsg: AnyObject;
+                isAppendMsg: boolean;
+                sessionList: AnyObject[];
+                isChangeSession: boolean;
+                updateSessionItem: AnyObject;
+                isUpdateSession: boolean;
+            };
             setCurrentSessionItem: (item: AnyObject) => void;
             handleTopping: (value: boolean) => Promise<void>;
             NDrawer: any;
@@ -1022,7 +1059,18 @@ declare const _default: import("vue").DefineComponent<{
                 color: string;
                 textColor: string;
             };
-            state: AnyObject;
+            state: {
+                currentSessionItem: AnyObject;
+                sessionKey: string;
+                userInfo: AnyObject;
+                msgList: AnyObject[];
+                currentMsg: AnyObject;
+                isAppendMsg: boolean;
+                sessionList: AnyObject[];
+                isChangeSession: boolean;
+                updateSessionItem: AnyObject;
+                isUpdateSession: boolean;
+            };
             options: {
                 label: any;
                 value: any;
@@ -1118,7 +1166,18 @@ declare const _default: 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: AnyObject;
+        state: {
+            currentSessionItem: AnyObject;
+            sessionKey: string;
+            userInfo: AnyObject;
+            msgList: AnyObject[];
+            currentMsg: AnyObject;
+            isAppendMsg: boolean;
+            sessionList: AnyObject[];
+            isChangeSession: boolean;
+            updateSessionItem: AnyObject;
+            isUpdateSession: boolean;
+        };
         setMsgList: (list?: AnyObject[]) => void;
         page: number;
         getHistoryRecord: () => Promise<void>;
@@ -1194,10 +1253,8 @@ declare const _default: import("vue").DefineComponent<{
                     type: PropType<AnyObject>;
                     required: true;
                 };
-            }>> & {
-                "onTemplate-click"?: ((...args: any[]) => any) | undefined;
-            }>>;
-            emit: (event: "template-click", ...args: any[]) => void;
+            }>> & {}>>;
+            emit: (event: string, ...args: any[]) => void;
             setting: import("vue").ComputedRef<any>;
             serverSetting: import("vue").ComputedRef<any>;
             topRightButton: import("vue").ComputedRef<any>;
@@ -1253,23 +1310,32 @@ declare const _default: import("vue").DefineComponent<{
                 title: string;
                 iconClass: string;
             }>;
-        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "template-click"[], "template-click", 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<{
             data: {
                 type: PropType<AnyObject>;
                 required: true;
             };
-        }>> & {
-            "onTemplate-click"?: ((...args: any[]) => any) | undefined;
-        }, {}>;
+        }>>, {}>;
         images: any[];
         MESSAGE_TYPE: typeof import("./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: AnyObject;
+        state: {
+            currentSessionItem: AnyObject;
+            sessionKey: string;
+            userInfo: AnyObject;
+            msgList: AnyObject[];
+            currentMsg: AnyObject;
+            isAppendMsg: boolean;
+            sessionList: AnyObject[];
+            isChangeSession: boolean;
+            updateSessionItem: AnyObject;
+            isUpdateSession: boolean;
+        };
         setCurrentSessionItem: (item: AnyObject) => void;
-        stompClient: AnyObject;
+        stompClient: import("vue").Ref<ChatSock>;
         handleKeyDown: (event: KeyboardEvent) => void;
         isWrap: (event: KeyboardEvent) => boolean;
         handleInput: () => void;
@@ -1282,7 +1348,7 @@ declare const _default: import("vue").DefineComponent<{
         alt: string[];
         MESSAGE_TYPE: typeof import("./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<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("template-click" | "message-subscribe")[], "template-click" | "message-subscribe", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     token: {
         type: StringConstructor;
         required: true;
@@ -1295,7 +1361,10 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
-}>>, {
+}>> & {
+    "onTemplate-click"?: ((...args: any[]) => any) | undefined;
+    "onMessage-subscribe"?: ((...args: any[]) => any) | undefined;
+}, {
     baseURL: string;
 }>;
 export default _default;

package/es/components/biunique-chat/src/Index.vue2.js

@@ -1 +1 @@
-import{defineComponent as e,ref as s,reactive as t,provide as o,openBlock as n,createBlock as r,unref as i,withCtx as a,normalizeStyle as c,createVNode as u,normalizeProps as p,guardReactiveProps as m,renderSlot as d}from"vue";import{NConfigProvider as l,NSpin as h,NLayout as f,NLayoutContent as g}from"naive-ui";import v from"./components/SiderList.vue.js";import S from"./components/ChatHeader.vue.js";import b from"./components/ChatMain.vue.js";import y from"./components/ChatFooter.vue.js";import{ChatSock as C}from"./utils/chatSock.js";import{instanceAxios as I}from"./api/index.js";import{useTheme as j}from"../../../shared/hooks/useTheme.js";import"@vueuse/core";import"date-fns";import"lodash-es";import"@vue/shared";import"../../../shared/utils/index.js";import"@vueuse/shared";import"../../../shared/hooks/selectHooks/useSearchContent.js";import"@vicons/ionicons5";import{SUBSCRIBE_MESSAGE_TYPE as k}from"./constants/index.js";var M=e({__name:"Index",props:{token:{type:String,required:!0},userId:{type:String,required:!0},baseURL:{type:String,default:"/fdp-chat"}},setup(e){const M=e;I.defaults.baseURL=M.baseURL+"/chat";const L=j(),_=s(!1),T=s(),U=t({reConnention:0,currentSessionItem:{},sessionKey:"",userInfo:{},msgList:[],currentMsg:{},isAppendMsg:!1,sessionList:[],isChangeSession:!1,updateSessionItem:{},isUpdateSession:!1});function x(){const e={headers:{UserId:M.userId},heartbeatFn:()=>{try{T.value.send("test")}catch(e){T.value.disconnect(),x()}},connectCb:()=>{console.log("连接成功"),U.reConnention>0&&(U.reConnention=0),T.value.subscribe("/user/topic/single",(({body:e})=>{try{console.log(JSON.parse(e),"订阅新增消息");const s=JSON.parse(e);switch(s.event){case k.MESSAGE:{if(s.messageVo.sender===U.userInfo.id)return;const{messageVo:e}=s;e.sender===U.currentSessionItem.receiver&&(U.currentMsg=e,U.isAppendMsg=!0),U.updateSessionItem={receiver:e.sender,lastMessageSendTime:e.sendTime,sortTime:e.sendTime,lastMessage:e.content.msg,chatMessageType:e.content.chatMessageType},U.isUpdateSession=!0;break}case k.NEW_SESSION:}}catch(e){console.log(e)}})),T.value.subscribe("/app/sessionList",(({body:e})=>{try{const s=JSON.parse(e),{currentUser:t,sessionVos:o}=s;if(console.log("body",s),U.userInfo=t,!(null==o?void 0:o.length))return;U.sessionList=o}catch(e){console.log(e)}}))},errorCb:(e,s)=>{U.reConnention=s,console.log("断线了,正在重连...")}};T.value=new C("/fdp-chat/websocket",e)}return o("state",U),o("stompClient",T),async function(){x()}(),(e,s)=>(n(),r(i(l),{abstract:"",namespace:"c-biunique-chat__popover"},{default:a((()=>[_.value?(n(),r(i(h),{key:0,stroke:"#5585f5"})):(n(),r(i(f),{key:1,class:"c-biunique-chat","has-sider":"",style:c(i(L))},{default:a((()=>[u(v),u(i(g),{class:"chat-wrapper"},{default:a((()=>[u(S),u(b,p(m(e.$attrs)),null,16),u(y)])),_:1}),d(e.$slots,"external")])),_:3},8,["style"]))])),_:3}))}});export{M as default};
+import{defineComponent as e,ref as s,reactive as t,provide as o,onBeforeUnmount as r,openBlock as n,createBlock as i,unref as a,withCtx as c,normalizeStyle as u,createVNode as p,renderSlot as m}from"vue";import{NConfigProvider as d,NSpin as l,NLayout as h,NLayoutContent as f}from"naive-ui";import g from"./components/SiderList.vue.js";import b from"./components/ChatHeader.vue.js";import v from"./components/ChatMain.vue.js";import S from"./components/ChatFooter.vue.js";import{ChatSock as y}from"./utils/chatSock.js";import{instanceAxios as I}from"./api/index.js";import{useTheme as j}from"../../../shared/hooks/useTheme.js";import"@vueuse/core";import"date-fns";import"lodash-es";import"@vue/shared";import"../../../shared/utils/index.js";import"@vueuse/shared";import"../../../shared/hooks/selectHooks/useSearchContent.js";import"@vicons/ionicons5";import{SUBSCRIBE_MESSAGE_TYPE as k}from"./constants/index.js";import{InjectionIChatState as M,InjectionIChatStompClient as L,InjectionIChatEmits as _}from"./types/index.js";var x=e({__name:"Index",props:{token:{type:String,required:!0},userId:{type:String,required:!0},baseURL:{type:String,default:"/fdp-chat"}},emits:["template-click","message-subscribe"],setup(e,{emit:x}){const C=e;I.defaults.baseURL=C.baseURL+"/chat";const T=j(),U=s(!1),N=s(),q=t({currentSessionItem:{},sessionKey:"",userInfo:{},msgList:[],currentMsg:{},isAppendMsg:!1,sessionList:[],isChangeSession:!1,updateSessionItem:{},isUpdateSession:!1});function w(){const e={headers:{UserId:C.userId},heartbeatFn:()=>{try{N.value.send("test")}catch(e){N.value.disconnect(),w()}},connectCb:()=>{console.log("连接成功"),N.value.subscribe("/user/topic/single",(({body:e})=>{try{console.log(JSON.parse(e),"订阅新增消息");const s=JSON.parse(e);switch(s.event){case k.MESSAGE:{if(s.messageVo.sender===q.userInfo.id)return;const{messageVo:e}=s;e.sender===q.currentSessionItem.receiver&&(q.currentMsg=e,q.isAppendMsg=!0),q.updateSessionItem={receiver:e.sender,lastMessageSendTime:e.sendTime,sortTime:e.sendTime,lastMessage:e.content.msg,chatMessageType:e.content.chatMessageType},q.isUpdateSession=!0,x("message-subscribe",s);break}case k.NEW_SESSION:x("message-subscribe",s)}}catch(e){console.log(e)}})),N.value.subscribe("/app/sessionList",(({body:e})=>{try{const s=JSON.parse(e),{currentUser:t,sessionVos:o}=s;if(console.log("body",s),q.userInfo=t,!(null==o?void 0:o.length))return;q.sessionList=o}catch(e){console.log(e)}}))},errorCb:(e,s)=>{console.log("断线了,正在重连...")}};N.value=new y("/fdp-chat/websocket",e)}return o(M,q),o(L,N),o(_,x),async function(){w()}(),r((()=>{var e;null==(e=N.value)||e.disconnect()})),(e,s)=>(n(),i(a(d),{abstract:"",namespace:"c-biunique-chat__popover"},{default:c((()=>[U.value?(n(),i(a(l),{key:0,stroke:"#5585f5"})):(n(),i(a(h),{key:1,class:"c-biunique-chat","has-sider":"",style:u(a(T))},{default:c((()=>[p(g),p(a(f),{class:"chat-wrapper"},{default:c((()=>[p(b),p(v),p(S)])),_:1}),m(e.$slots,"external")])),_:3},8,["style"]))])),_:3}))}});export{x as default};

package/es/components/biunique-chat/src/components/ChatFooter.vue.d.ts

@@ -3,9 +3,20 @@ import { MESSAGE_TYPE } from '../constants';
 declare const _default: import("vue").DefineComponent<{}, {
     inputRef: import("vue").Ref<HTMLDivElement | undefined>;
     content: import("vue").Ref<string>;
-    state: AnyObject;
+    state: {
+        currentSessionItem: AnyObject;
+        sessionKey: string;
+        userInfo: AnyObject;
+        msgList: AnyObject[];
+        currentMsg: AnyObject;
+        isAppendMsg: boolean;
+        sessionList: AnyObject[];
+        isChangeSession: boolean;
+        updateSessionItem: AnyObject;
+        isUpdateSession: boolean;
+    };
     setCurrentSessionItem: (item: AnyObject) => void;
-    stompClient: AnyObject;
+    stompClient: import("vue").Ref<import("../utils/chatSock").ChatSock>;
     handleKeyDown: (event: KeyboardEvent) => void;
     isWrap: (event: KeyboardEvent) => boolean;
     handleInput: () => void;

package/es/components/biunique-chat/src/components/ChatFooter.vue2.js

@@ -1 +1 @@
-import{defineComponent as t,ref as e,openBlock as s,createElementBlock as n,normalizeStyle as i,unref as a,createElementVNode as o,createVNode as r,withCtx as l,createCommentVNode as c,Fragment as u,renderList as g,createBlock as d,createTextVNode as m,toDisplayString as p,withDirectives as f,vShow as y}from"vue";import{NPopover as v,NTooltip as h,NButton as M}from"naive-ui";import{format as T}from"date-fns";import{useState as x}from"../hooks/useState.js";import{images as b,alt as k}from"../utils/emoji.js";import{MESSAGE_TYPE as w}from"../constants/index.js";const E={class:"tool-box"},S=o("span",null,[o("i",{class:"chat--iconfont chat--icon-face"})],-1),C={class:"emoji-box"},K=o("span",null,"默认表情",-1),I={class:"list-box"},_=["onClick"],j=["src"],D=o("span",null,[o("i",{class:"chat--iconfont chat--icon-good"})],-1),H=o("span",null,[o("i",{class:"chat--iconfont chat--icon-image"})],-1),L=o("span",null,[o("i",{class:"chat--iconfont chat--icon-folder"})],-1),N={class:"btn-box"},J=o("span",{class:"tip"},"Enter 发送, Shift + Enter 换行",-1);var O=t({__name:"ChatFooter",setup(t){const O=e(),X=e(""),{state:A,setCurrentSessionItem:B,stompClient:F}=x();function G(t){["Enter"].includes(t.key)&&(function(t){return t.altKey||t.ctrlKey||t.metaKey||t.shiftKey}(t)||(t.preventDefault(),q()))}function R(){var t,e;X.value=(null==(e=null==(t=O.value)?void 0:t.innerText)?void 0:e.trim())||""}function q(){if(!(X.value.length>2e3))return X.value?void z({msg:X.value}):console.log("请输入内容");console.log("请控制在2000字以内")}async function z(t){const{chatMessageType:e=w.TEXT,msg:s}=t,n={msg:s,chatMessageType:e};[w.TEXT,w.BLEND].includes(e)&&(O.value.innerHTML="",X.value="");const i=T(new Date,"yyyy-MM-dd HH:mm:ss");A.currentMsg={content:n,sender:A.userInfo.id,id:"",sendTime:i,sending:!0,fail:!1},A.isAppendMsg=!0,B({lastMessageSendTime:i,lastMessage:n.msg,sortTime:i,chatMessageType:n.chatMessageType}),A.isChangeSession=!0;try{F.value.send("/app/chat/send",{},JSON.stringify({chatType:"SINGLE",content:{chatMessageType:n.chatMessageType,msg:n.msg},receiver:A.currentSessionItem.receiver})),A.currentMsg={...A.currentMsg,fail:!1}}catch(t){A.currentMsg={...A.currentMsg,fail:!0}}finally{A.currentMsg={...A.currentMsg,sending:!1}}}return(t,e)=>(s(),n("section",{class:"chat-footer",style:i({cursor:a(A).sessionKey?"default":"not-allowed"})},[o("div",E,[r(a(v),{placement:"top",trigger:"click","show-arrow":!1,"display-directive":"show"},{trigger:l((()=>[S])),default:l((()=>[o("div",C,[c(' <span>最近使用</span>\n\t\t\t\t\t<div class="list-box">\n\t\t\t\t\t\t<template v-for="(img, index) in images" :key="index">\n\t\t\t\t\t\t\t<i>\n\t\t\t\t\t\t\t\t<img :src="img" />\n\t\t\t\t\t\t\t</i>\n\t\t\t\t\t\t</template>\n\t\t\t\t\t</div> '),K,o("div",I,[(s(!0),n(u,null,g(a(b),((t,e)=>(s(),n(u,{key:e},[e>0?(s(),d(a(h),{key:0,"show-arrow":!1,trigger:"hover"},{trigger:l((()=>[o("i",{onClick:()=>z({chatMessageType:a(w).EMOJI,msg:e})},[o("img",{src:t},null,8,j)],8,_)])),default:l((()=>[m(" "+p(a(k)[e-1]||"微笑"),1)])),_:2},1024)):c("v-if",!0)],64)))),128))])])])),_:1}),D,H,L]),f(o("div",{ref_key:"inputRef",ref:O,class:"input-box",contenteditable:"",onKeydown:G,onInput:R},null,544),[[y,a(A).sessionKey]]),o("div",N,[J,r(a(M),{type:"primary",round:"",disabled:!X.value,onClick:q},{default:l((()=>[m("发送")])),_:1},8,["disabled"])])],4))}});export{O as default};
+import{defineComponent as t,ref as e,openBlock as s,createElementBlock as n,normalizeStyle as i,unref as a,createElementVNode as o,createVNode as r,withCtx as l,createCommentVNode as c,Fragment as u,renderList as g,createBlock as d,createTextVNode as m,toDisplayString as p,withDirectives as f,vShow as y}from"vue";import{NPopover as v,NTooltip as h,NButton as M}from"naive-ui";import{format as T}from"date-fns";import{useState as x}from"../hooks/useState.js";import{images as b,alt as k}from"../utils/emoji.js";import{MESSAGE_TYPE as w}from"../constants/index.js";const E={class:"tool-box"},S=o("span",null,[o("i",{class:"chat--iconfont chat--icon-face"})],-1),C={class:"emoji-box"},K=o("span",null,"默认表情",-1),I={class:"list-box"},_=["onClick"],j=["src"],D=o("span",null,[o("i",{class:"chat--iconfont chat--icon-good"})],-1),H=o("span",null,[o("i",{class:"chat--iconfont chat--icon-image"})],-1),L=o("span",null,[o("i",{class:"chat--iconfont chat--icon-folder"})],-1),N={class:"btn-box"},J=o("span",{class:"tip"},"Enter 发送, Shift + Enter 换行",-1);var O=t({__name:"ChatFooter",setup(t){const O=e(),X=e(""),{state:A,setCurrentSessionItem:B,stompClient:F}=x();function G(t){["Enter"].includes(t.key)&&(function(t){return t.altKey||t.ctrlKey||t.metaKey||t.shiftKey}(t)||(t.preventDefault(),q()))}function R(){var t,e;X.value=(null==(e=null==(t=O.value)?void 0:t.innerText)?void 0:e.trim())||""}function q(){if(!(X.value.length>2e3))return X.value?void z({msg:X.value}):console.log("请输入内容");console.log("请控制在2000字以内")}async function z(t){const{chatMessageType:e=w.TEXT,msg:s}=t,n={msg:s,chatMessageType:e};[w.TEXT,w.BLEND].includes(e)&&(O.value.innerHTML="",X.value="");const i=T(new Date,"yyyy-MM-dd HH:mm:ss");A.currentMsg={content:n,sender:A.userInfo.id,id:"",sendTime:i,sending:!0,fail:!1},A.isAppendMsg=!0,B({lastMessageSendTime:i,lastMessage:n.msg,sortTime:i,chatMessageType:n.chatMessageType}),A.isChangeSession=!0;try{F.value.send("/app/chat/send",{},JSON.stringify({chatType:"SINGLE",content:{chatMessageType:n.chatMessageType,msg:n.msg},receiver:A.currentSessionItem.receiver})),A.currentMsg={...A.currentMsg,fail:!1}}catch(t){A.currentMsg={...A.currentMsg,fail:!0}}finally{A.currentMsg={...A.currentMsg,sending:!1}}}return(t,e)=>(s(),n("section",{class:"chat-footer",style:i({cursor:a(A).sessionKey?"default":"not-allowed"})},[o("div",E,[r(a(v),{placement:"top",trigger:"click","show-arrow":!1,"display-directive":"show"},{trigger:l((()=>[S])),default:l((()=>[o("div",C,[c(' <span>最近使用</span>\r\n\t\t\t\t\t<div class="list-box">\r\n\t\t\t\t\t\t<template v-for="(img, index) in images" :key="index">\r\n\t\t\t\t\t\t\t<i>\r\n\t\t\t\t\t\t\t\t<img :src="img" />\r\n\t\t\t\t\t\t\t</i>\r\n\t\t\t\t\t\t</template>\r\n\t\t\t\t\t</div> '),K,o("div",I,[(s(!0),n(u,null,g(a(b),((t,e)=>(s(),n(u,{key:e},[e>0?(s(),d(a(h),{key:0,"show-arrow":!1,trigger:"hover"},{trigger:l((()=>[o("i",{onClick:()=>z({chatMessageType:a(w).EMOJI,msg:e})},[o("img",{src:t},null,8,j)],8,_)])),default:l((()=>[m(" "+p(a(k)[e-1]||"微笑"),1)])),_:2},1024)):c("v-if",!0)],64)))),128))])])])),_:1}),D,H,L]),f(o("div",{ref_key:"inputRef",ref:O,class:"input-box",contenteditable:"",onKeydown:G,onInput:R},null,544),[[y,a(A).sessionKey]]),o("div",N,[J,r(a(M),{type:"primary",round:"",disabled:!X.value,onClick:q},{default:l((()=>[m("发送")])),_:1},8,["disabled"])])],4))}});export{O as default};