cnhis-design-vue 3.2.4-beta.2 → 3.2.4-beta.20

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

@@ -56,7 +56,7 @@ declare const BiuniqueChat: SFCWithInstall<import("vue").DefineComponent<{
         isUpdateSession: boolean;
     };
     reConnention: number;
-    openSession: (item: import("../../shared/types").AnyObject) => void;
+    openSession: (item: import("../../shared/types").AnyObject) => Promise<void>;
     closeSession: () => import("../../shared/types").AnyObject | null;
     getCurrentSession: () => import("../../shared/types").AnyObject | null;
     setSessionList: (list: import("../../shared/types").AnyObject[]) => void;
@@ -484,7 +484,7 @@ declare const BiuniqueChat: SFCWithInstall<import("vue").DefineComponent<{
         currentFilterKey: import("vue").Ref<string>;
         state: import("./src/types").IState;
         emit: (event: string, ...args: any[]) => void;
-        openSession: (item: import("../../shared/types").AnyObject) => void;
+        openSession: (item: import("../../shared/types").AnyObject) => Promise<void>;
         unreadTotal: import("vue").ComputedRef<number>;
         setSessionList: (list: import("../../shared/types").AnyObject[]) => void;
         currentWidth: import("vue").ComputedRef<number>;
@@ -527,7 +527,7 @@ declare const BiuniqueChat: SFCWithInstall<import("vue").DefineComponent<{
             }>>;
             emit: (event: "close", ...args: any[]) => void;
             state: import("./src/types").IState;
-            openSession: (item: import("../../shared/types").AnyObject) => void;
+            openSession: (item: import("../../shared/types").AnyObject) => Promise<void>;
             showUserDetail: import("vue").Ref<boolean>;
             showLargeAvatar: import("vue").Ref<boolean>;
             showPhone: import("vue").Ref<boolean>;
@@ -782,7 +782,7 @@ declare const BiuniqueChat: SFCWithInstall<import("vue").DefineComponent<{
                 }>>;
                 emit: (event: "close", ...args: any[]) => void;
                 state: import("./src/types").IState;
-                openSession: (item: import("../../shared/types").AnyObject) => void;
+                openSession: (item: import("../../shared/types").AnyObject) => Promise<void>;
                 showUserDetail: import("vue").Ref<boolean>;
                 showLargeAvatar: import("vue").Ref<boolean>;
                 showPhone: import("vue").Ref<boolean>;
@@ -1069,20 +1069,40 @@ declare const BiuniqueChat: SFCWithInstall<import("vue").DefineComponent<{
         }>>, {
             type: string;
         }>;
-        ChatRecord: import("vue").DefineComponent<{}, {
+        ChatRecord: import("vue").DefineComponent<{
+            visible: {
+                type: BooleanConstructor;
+            };
+        }, {
             tagColor: {
                 color: string;
                 textColor: string;
             };
+            props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+                visible: {
+                    type: BooleanConstructor;
+                };
+            }>> & {}>>;
             state: import("./src/types").IState;
-            options: {
-                label: any;
-                value: any;
-                avatar: any;
-            }[];
-            user: import("vue").Ref<never[]>;
+            recordRef: import("vue").Ref<any>;
+            recordList: import("vue").Ref<import("../../shared/types").AnyObject[]>;
+            keyword: import("vue").Ref<any>;
+            memberList: import("vue").Ref<never[]>;
             startTime: import("vue").Ref<any>;
             endTime: import("vue").Ref<any>;
+            handleInput: () => void;
+            currentInfo: {
+                page: number;
+                hasMore: boolean;
+                lastSendTime: string;
+            };
+            handleSearch: () => Promise<void>;
+            options: import("vue").ComputedRef<import("../../shared/types").AnyObject[]>;
+            resetAndSearch: () => void;
+            startDateDisabled: (ts: number) => boolean;
+            endDateDisabled: (ts: number) => boolean;
+            resetInfo: () => void;
+            handleCloseTag: (type: "end" | "start" | "member", e: Event) => void;
             getPrefixCondition: () => (JSX.Element | null)[];
             renderLabel: (option: import("../../shared/types").AnyObject) => JSX.Element;
             NModal: any;
@@ -1168,12 +1188,21 @@ declare const BiuniqueChat: SFCWithInstall<import("vue").DefineComponent<{
             }, {
                 updateUnchangedValue: boolean;
             }>>;
-        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+            formatTime: typeof import("./src/utils").formatTime;
+            MESSAGE_TYPE: typeof import("./src/constants").MESSAGE_TYPE;
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+            visible: {
+                type: BooleanConstructor;
+            };
+        }>>, {
+            visible: boolean;
+        }>;
     }, {}, {}, {}, 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("./src/types").IState;
         setMsgList: (list?: import("../../shared/types").AnyObject[]) => void;
+        setCurrentSessionItem: (item: import("../../shared/types").AnyObject) => void;
         currentInfo: {
             page: number;
             hasMore: boolean;
@@ -1185,7 +1214,6 @@ declare const BiuniqueChat: SFCWithInstall<import("vue").DefineComponent<{
         isTemplate3: (content: import("../../shared/types").AnyObject) => boolean;
         needShowTime: (item: import("../../shared/types").AnyObject, index: number) => boolean;
         setScrollToButtom: () => Promise<void>;
-        getIntervalMsgTime: (time: string) => string;
         resetInfo: () => void;
         handleDownload: (url: string, filename: string) => void;
         NAvatar: any;
@@ -1405,7 +1433,7 @@ declare const BiuniqueChat: SFCWithInstall<import("vue").DefineComponent<{
             }>>;
             emit: (event: "close", ...args: any[]) => void;
             state: import("./src/types").IState;
-            openSession: (item: import("../../shared/types").AnyObject) => void;
+            openSession: (item: import("../../shared/types").AnyObject) => Promise<void>;
             showUserDetail: import("vue").Ref<boolean>;
             showLargeAvatar: import("vue").Ref<boolean>;
             showPhone: import("vue").Ref<boolean>;
@@ -1532,6 +1560,7 @@ declare const BiuniqueChat: SFCWithInstall<import("vue").DefineComponent<{
             };
         }>>, {}>;
         images: import("vue").Ref<any[]>;
+        formatTime: typeof import("./src/utils").formatTime;
         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<{}, {
@@ -1569,12 +1598,14 @@ declare const BiuniqueChat: SFCWithInstall<import("vue").DefineComponent<{
         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<{}>>, {}>;
     ChatSearch: import("vue").DefineComponent<{}, {
+        cssVars: import("vue").ComputedRef<import("vue").CSSProperties>;
         inputRef: import("vue").Ref<any>;
         showSearch: import("vue").Ref<boolean>;
         keyword: import("vue").Ref<any>;
         userList: import("vue").Ref<any>;
         state: import("./src/types").IState;
-        openSession: (item: import("../../shared/types").AnyObject) => void;
+        openSession: (item: import("../../shared/types").AnyObject) => Promise<void>;
+        handleInput: () => Promise<void>;
         handleSearch: () => Promise<void>;
         addSession: (userId: string) => Promise<void>;
         NPopover: any;

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

@@ -59,7 +59,7 @@ declare const _default: import("vue").DefineComponent<{
         isUpdateSession: boolean;
     };
     reConnention: number;
-    openSession: (item: AnyObject) => void;
+    openSession: (item: AnyObject) => Promise<void>;
     closeSession: () => AnyObject | null;
     getCurrentSession: () => AnyObject | null;
     setSessionList: (list: AnyObject[]) => void;
@@ -487,7 +487,7 @@ declare const _default: import("vue").DefineComponent<{
         currentFilterKey: import("vue").Ref<string>;
         state: IState;
         emit: (event: string, ...args: any[]) => void;
-        openSession: (item: AnyObject) => void;
+        openSession: (item: AnyObject) => Promise<void>;
         unreadTotal: import("vue").ComputedRef<number>;
         setSessionList: (list: AnyObject[]) => void;
         currentWidth: import("vue").ComputedRef<number>;
@@ -530,7 +530,7 @@ declare const _default: import("vue").DefineComponent<{
             }>>;
             emit: (event: "close", ...args: any[]) => void;
             state: IState;
-            openSession: (item: AnyObject) => void;
+            openSession: (item: AnyObject) => Promise<void>;
             showUserDetail: import("vue").Ref<boolean>;
             showLargeAvatar: import("vue").Ref<boolean>;
             showPhone: import("vue").Ref<boolean>;
@@ -785,7 +785,7 @@ declare const _default: import("vue").DefineComponent<{
                 }>>;
                 emit: (event: "close", ...args: any[]) => void;
                 state: IState;
-                openSession: (item: AnyObject) => void;
+                openSession: (item: AnyObject) => Promise<void>;
                 showUserDetail: import("vue").Ref<boolean>;
                 showLargeAvatar: import("vue").Ref<boolean>;
                 showPhone: import("vue").Ref<boolean>;
@@ -1072,20 +1072,40 @@ declare const _default: import("vue").DefineComponent<{
         }>>, {
             type: string;
         }>;
-        ChatRecord: import("vue").DefineComponent<{}, {
+        ChatRecord: import("vue").DefineComponent<{
+            visible: {
+                type: BooleanConstructor;
+            };
+        }, {
             tagColor: {
                 color: string;
                 textColor: string;
             };
+            props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+                visible: {
+                    type: BooleanConstructor;
+                };
+            }>> & {}>>;
             state: IState;
-            options: {
-                label: any;
-                value: any;
-                avatar: any;
-            }[];
-            user: import("vue").Ref<never[]>;
+            recordRef: import("vue").Ref<any>;
+            recordList: import("vue").Ref<AnyObject[]>;
+            keyword: import("vue").Ref<any>;
+            memberList: import("vue").Ref<never[]>;
             startTime: import("vue").Ref<any>;
             endTime: import("vue").Ref<any>;
+            handleInput: () => void;
+            currentInfo: {
+                page: number;
+                hasMore: boolean;
+                lastSendTime: string;
+            };
+            handleSearch: () => Promise<void>;
+            options: import("vue").ComputedRef<AnyObject[]>;
+            resetAndSearch: () => void;
+            startDateDisabled: (ts: number) => boolean;
+            endDateDisabled: (ts: number) => boolean;
+            resetInfo: () => void;
+            handleCloseTag: (type: "end" | "start" | "member", e: Event) => void;
             getPrefixCondition: () => (JSX.Element | null)[];
             renderLabel: (option: AnyObject) => JSX.Element;
             NModal: any;
@@ -1171,12 +1191,21 @@ declare const _default: import("vue").DefineComponent<{
             }, {
                 updateUnchangedValue: boolean;
             }>>;
-        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+            formatTime: typeof import("./utils").formatTime;
+            MESSAGE_TYPE: typeof import("./constants").MESSAGE_TYPE;
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+            visible: {
+                type: BooleanConstructor;
+            };
+        }>>, {
+            visible: boolean;
+        }>;
     }, {}, {}, {}, 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: IState;
         setMsgList: (list?: AnyObject[]) => void;
+        setCurrentSessionItem: (item: AnyObject) => void;
         currentInfo: {
             page: number;
             hasMore: boolean;
@@ -1188,7 +1217,6 @@ declare const _default: import("vue").DefineComponent<{
         isTemplate3: (content: AnyObject) => boolean;
         needShowTime: (item: AnyObject, index: number) => boolean;
         setScrollToButtom: () => Promise<void>;
-        getIntervalMsgTime: (time: string) => string;
         resetInfo: () => void;
         handleDownload: (url: string, filename: string) => void;
         NAvatar: any;
@@ -1408,7 +1436,7 @@ declare const _default: import("vue").DefineComponent<{
             }>>;
             emit: (event: "close", ...args: any[]) => void;
             state: IState;
-            openSession: (item: AnyObject) => void;
+            openSession: (item: AnyObject) => Promise<void>;
             showUserDetail: import("vue").Ref<boolean>;
             showLargeAvatar: import("vue").Ref<boolean>;
             showPhone: import("vue").Ref<boolean>;
@@ -1535,6 +1563,7 @@ declare const _default: import("vue").DefineComponent<{
             };
         }>>, {}>;
         images: import("vue").Ref<any[]>;
+        formatTime: typeof import("./utils").formatTime;
         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<{}, {
@@ -1572,12 +1601,14 @@ declare const _default: import("vue").DefineComponent<{
         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<{}>>, {}>;
     ChatSearch: import("vue").DefineComponent<{}, {
+        cssVars: import("vue").ComputedRef<import("vue").CSSProperties>;
         inputRef: import("vue").Ref<any>;
         showSearch: import("vue").Ref<boolean>;
         keyword: import("vue").Ref<any>;
         userList: import("vue").Ref<any>;
         state: IState;
-        openSession: (item: AnyObject) => void;
+        openSession: (item: AnyObject) => Promise<void>;
+        handleInput: () => Promise<void>;
         handleSearch: () => Promise<void>;
         addSession: (userId: string) => Promise<void>;
         NPopover: any;

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

@@ -1 +1 @@
-import{defineComponent as e,ref as s,reactive as o,provide as t,onBeforeUnmount as r,openBlock as n,createElementBlock as i,normalizeStyle as a,unref as c,createVNode as u,withCtx as d,createBlock as m,Fragment as p,createElementVNode as l,renderSlot as h}from"vue";import{NConfigProvider as f,NSpin as S,NLayout as g,NLayoutContent as v}from"naive-ui";import b from"./components/SiderList.vue.js";import j from"./components/ChatHeader.vue.js";import y from"./components/ChatMain.vue.js";import I from"./components/ChatFooter.vue.js";import k from"./components/ChatSearch.vue.js";import{ChatSock as _}from"./utils/chatSock.js";import{instanceAxios as C}from"./api/index.js";import{useTheme as L}from"../../../shared/hooks/useTheme.js";import"@vueuse/core";import"date-fns";import{isNumber as x}from"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 M}from"./constants/index.js";import{InjectionIChatState as N,InjectionIChatStompClient as U,InjectionIChatEmits as q}from"./types/index.js";import"./utils/emoji.js";import{useSession as T}from"./hooks/useSession.js";const A={class:"c-biunique-chat__header"},O={class:"toolbar"};var E=e({__name:"Index",props:{token:{type:String,required:!0},orgId:{type:[String,Number],required:!0},userId:{type:String,required:!0},baseURL:{type:String,default:"/fdp-chat"}},emits:["template-click","unread-message-update"],setup(e,{expose:E,emit:V}){const w=e;C.defaults.baseURL=w.baseURL,C.defaults.headers.Authorization="bearer "+w.token;const J=L(),R=s(!1),F=s(),H=o({orgId:w.orgId,currentSessionItem:{},id:"",userInfo:{id:w.userId},msgList:[],currentMsg:{},isAppendMsg:!1,sessionList:[],isChangeSession:!1,updateSessionItem:{},isUpdateSession:!1});t(N,H),t(U,F),t(q,V);const{openSession:$,closeSession:z,getCurrentSession:D,setSessionList:G,setUpdateSessionItem:W}=T(H);function B(){const e={headers:{AccessToken:w.token,UserId:w.userId},heartbeatFn(){try{F.value.send("test")}catch(e){F.value.disconnect(),B()}},connectCb(){console.log("连接成功"),F.value.subscribe("/user/topic/single",(({body:e})=>{try{console.log(JSON.parse(e),"订阅新增消息");const s=JSON.parse(e),{messageVo:o,sessionVo:t}=s;switch(s.event){case M.MESSAGE:if(s.messageVo.sender===H.userInfo.id)return;o.sender===H.currentSessionItem.receiver&&(H.currentMsg=o,H.isAppendMsg=!0),W({receiver:o.sender,lastMessageSendTime:o.sendTime,sortTime:o.sendTime,lastMessage:o.content});break;case M.NEW_SESSION:W(t)}}catch(e){console.log(e)}})),F.value.subscribe("/app/sessionList",(({body:e})=>{try{const s=JSON.parse(e),{currentUser:o,sessionVos:t}=s;if(console.log("body",s),Object.assign(H.userInfo,o),!(null==t?void 0:t.length))return;G(t)}catch(e){console.log(e)}}))},errorCb(e,s){console.log("断线了,正在重连...")}};F.value=new _("/fdp-chat/websocket",e)}return async function(){B()}(),r((()=>{var e;null==(e=F.value)||e.disconnect()})),E({getUnreadData:function(){return H.sessionList.filter((e=>x(e.unreadNum)&&e.unreadNum>0))},openSession:$,closeSession:z,getCurrentSession:D}),(e,s)=>(n(),i("div",{class:"c-biunique-chat",style:a(c(J))},[u(c(f),{abstract:"",namespace:"c-biunique-chat__popover"},{default:d((()=>[R.value?(n(),m(c(S),{key:0,stroke:"#5585f5"})):(n(),i(p,{key:1},[l("div",A,[u(k),l("div",O,[h(e.$slots,"toolbar")])]),u(c(g),{class:"c-biunique-chat__body","has-sider":""},{default:d((()=>[u(b),u(c(v),{class:"chat-content"},{default:d((()=>[u(j),u(y),u(I)])),_:1}),h(e.$slots,"external")])),_:3})],64))])),_:3})],4))}});export{E as default};
+import{defineComponent as e,ref as s,reactive as o,provide as t,onBeforeUnmount as r,openBlock as n,createElementBlock as i,normalizeStyle as a,unref as c,createVNode as u,withCtx as d,createBlock as m,Fragment as p,createElementVNode as l,renderSlot as h}from"vue";import{NConfigProvider as f,NSpin as S,NLayout as g,NLayoutContent as v}from"naive-ui";import b from"./components/SiderList.vue.js";import I from"./components/ChatHeader.vue.js";import y from"./components/ChatMain.vue.js";import j from"./components/ChatFooter.vue.js";import k from"./components/ChatSearch.vue.js";import{ChatSock as _}from"./utils/chatSock.js";import{instanceAxios as C,readMessageApi as L}from"./api/index.js";import{useTheme as N}from"../../../shared/hooks/useTheme.js";import"@vueuse/core";import"date-fns";import{isNumber as x}from"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 M}from"./constants/index.js";import{InjectionIChatState as U,InjectionIChatStompClient as q,InjectionIChatEmits as T}from"./types/index.js";import"./utils/emoji.js";import{useSession as A}from"./hooks/useSession.js";const E={class:"c-biunique-chat__header"},O={class:"toolbar"};var w=e({__name:"Index",props:{token:{type:String,required:!0},orgId:{type:[String,Number],required:!0},userId:{type:String,required:!0},baseURL:{type:String,default:"/fdp-chat"}},emits:["template-click","unread-message-update"],setup(e,{expose:w,emit:V}){const J=e;C.defaults.baseURL=J.baseURL,C.defaults.headers.Authorization="bearer "+J.token;const R=N(),F=s(!1),G=s(),H=o({orgId:J.orgId,currentSessionItem:{},id:"",userInfo:{id:J.userId},msgList:[],currentMsg:{},isAppendMsg:!1,sessionList:[],isChangeSession:!1,updateSessionItem:{},isUpdateSession:!1});t(U,H),t(q,G),t(T,V);const{openSession:$,closeSession:z,getCurrentSession:D,setSessionList:W,setUpdateSessionItem:B}=A(H);function K(){const e={headers:{AccessToken:J.token,UserId:J.userId},heartbeatFn(){try{G.value.send("test")}catch(e){G.value.disconnect(),K()}},connectCb(){console.log("连接成功"),G.value.subscribe("/user/topic/single",(async({body:e})=>{try{console.log(JSON.parse(e),"订阅新增消息");const s=JSON.parse(e),{messageVo:o,sessionVo:t}=s;switch(s.event){case M.MESSAGE:{if(s.messageVo.sender===H.userInfo.id)return;const e={receiver:o.sender,lastMessageSendTime:o.sendTime,sortTime:o.sendTime,lastMessage:o.content};o.sender===H.currentSessionItem.receiver&&(H.currentMsg=o,H.isAppendMsg=!0,await L({chatType:"SINGLE",messageIdSet:o.id,receiver:H.userInfo.id,sender:o.sender}),e.unreadNum=0),B(e);break}case M.NEW_SESSION:B(t)}}catch(e){console.log(e)}})),G.value.subscribe("/app/sessionList",(({body:e})=>{try{const s=JSON.parse(e),{currentUser:o,sessionVos:t}=s;if(console.log("body",s),Object.assign(H.userInfo,o),!(null==t?void 0:t.length))return;W(t)}catch(e){console.log(e)}}))},errorCb(e,s){console.log("断线了,正在重连...")}};G.value=new _("/fdp-chat/websocket",e)}return async function(){K()}(),r((()=>{var e;null==(e=G.value)||e.disconnect()})),w({getUnreadData:function(){return H.sessionList.filter((e=>x(e.unreadNum)&&e.unreadNum>0))},openSession:$,closeSession:z,getCurrentSession:D}),(e,s)=>(n(),i("div",{class:"c-biunique-chat",style:a(c(R))},[u(c(f),{abstract:"",namespace:"c-biunique-chat__popover"},{default:d((()=>[F.value?(n(),m(c(S),{key:0,stroke:"#5585f5"})):(n(),i(p,{key:1},[l("div",E,[u(k),l("div",O,[h(e.$slots,"toolbar")])]),u(c(g),{class:"c-biunique-chat__body","has-sider":""},{default:d((()=>[u(b),u(c(v),{class:"chat-content"},{default:d((()=>[u(I),u(y),u(j)])),_:1}),h(e.$slots,"external")])),_:3})],64))])),_:3})],4))}});export{w as default};

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

@@ -6,3 +6,5 @@ export declare function toppingSessionApi(params: AnyObject): import("axios").Ax
 export declare function uploadFileApi(params: FormData): import("axios").AxiosPromise<any>;
 export declare function listUserApi(params: AnyObject): import("axios").AxiosPromise<any>;
 export declare function getUserDetailApi(params: AnyObject): import("axios").AxiosPromise<any>;
+export declare function readMessageApi(params: AnyObject): import("axios").AxiosPromise<any>;
+export declare function searchChatRecordApi(params: AnyObject): import("axios").AxiosPromise<any>;

package/es/components/biunique-chat/src/api/index.js

@@ -1 +1 @@
-import t from"axios";function e(t){const e=[];for(const o in t){const n=t[o];Array.isArray(n)?n.forEach((t=>{e.push(`${encodeURIComponent(o)}=${encodeURIComponent(t)}`)})):e.push(`${encodeURIComponent(o)}=${encodeURIComponent(n)}`)}return e.join("&")}const o=t.create({withCredentials:!0,timeout:5e3});function n(t){return o({headers:{"Content-Type":"application/x-www-form-urlencoded"},method:"post",url:"/chat/openSession",data:e(t)})}function r(t){return o({method:"get",url:"/chat/recordList",params:t})}function a(t){return o({method:"post",url:"/chat/toppingSession",data:t})}function s(t){return o({headers:{"Content-Type":"multipart/form-data"},method:"post",url:"/chat/uploadFile",data:t})}function u(t){return o({method:"get",url:"/user/listUser",params:t})}function i(t){return o({method:"get",url:"/user/getUserDetail",params:t})}o.interceptors.response.use((t=>{var e,o;if(null==(e=t.data)?void 0:e.result)return null==(o=t.data)?void 0:o.data;console.log("请求错误")}));export{r as getHistoryRecordApi,i as getUserDetailApi,o as instanceAxios,u as listUserApi,n as openSessionApi,a as toppingSessionApi,s as uploadFileApi};
+import t from"axios";function e(t){const e=[];for(const o in t){const n=t[o];Array.isArray(n)?n.forEach((t=>{e.push(`${encodeURIComponent(o)}=${encodeURIComponent(t)}`)})):e.push(`${encodeURIComponent(o)}=${encodeURIComponent(n)}`)}return e.join("&")}const o=t.create({withCredentials:!0,timeout:5e3});function n(t){return o({headers:{"Content-Type":"application/x-www-form-urlencoded"},method:"post",url:"/chat/openSession",data:e(t)})}function r(t){return o({method:"get",url:"/chat/recordList",params:t})}function a(t){return o({headers:{"Content-Type":"application/x-www-form-urlencoded"},method:"post",url:"/chat/toppingSession",data:e(t)})}function u(t){return o({headers:{"Content-Type":"multipart/form-data"},method:"post",url:"/chat/uploadFile",data:t})}function s(t){return o({method:"get",url:"/user/listUser",params:t})}function d(t){return o({method:"get",url:"/user/getUserDetail",params:t})}function c(t){return o({method:"post",url:"/chat/readMessage",data:t})}function i(t){return o({method:"post",url:"/chat/searchChatRecord",data:t})}o.interceptors.response.use((t=>{var e,o;if(null==(e=t.data)?void 0:e.result)return null==(o=t.data)?void 0:o.data;console.log("请求错误")}));export{r as getHistoryRecordApi,d as getUserDetailApi,o as instanceAxios,s as listUserApi,n as openSessionApi,c as readMessageApi,i as searchChatRecordApi,a as toppingSessionApi,u as uploadFileApi};

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

@@ -23,7 +23,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         }>>;
         emit: (event: "close", ...args: any[]) => void;
         state: import("../types").IState;
-        openSession: (item: AnyObject) => void;
+        openSession: (item: AnyObject) => Promise<void>;
         showUserDetail: import("vue").Ref<boolean>;
         showLargeAvatar: import("vue").Ref<boolean>;
         showPhone: import("vue").Ref<boolean>;
@@ -278,7 +278,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             }>>;
             emit: (event: "close", ...args: any[]) => void;
             state: import("../types").IState;
-            openSession: (item: AnyObject) => void;
+            openSession: (item: AnyObject) => Promise<void>;
             showUserDetail: import("vue").Ref<boolean>;
             showLargeAvatar: import("vue").Ref<boolean>;
             showPhone: import("vue").Ref<boolean>;
@@ -565,20 +565,40 @@ declare const _default: import("vue").DefineComponent<{}, {
     }>>, {
         type: string;
     }>;
-    ChatRecord: import("vue").DefineComponent<{}, {
+    ChatRecord: import("vue").DefineComponent<{
+        visible: {
+            type: BooleanConstructor;
+        };
+    }, {
         tagColor: {
             color: string;
             textColor: string;
         };
+        props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+            visible: {
+                type: BooleanConstructor;
+            };
+        }>> & {}>>;
         state: import("../types").IState;
-        options: {
-            label: any;
-            value: any;
-            avatar: any;
-        }[];
-        user: import("vue").Ref<never[]>;
+        recordRef: import("vue").Ref<any>;
+        recordList: import("vue").Ref<AnyObject[]>;
+        keyword: import("vue").Ref<any>;
+        memberList: import("vue").Ref<never[]>;
         startTime: import("vue").Ref<any>;
         endTime: import("vue").Ref<any>;
+        handleInput: () => void;
+        currentInfo: {
+            page: number;
+            hasMore: boolean;
+            lastSendTime: string;
+        };
+        handleSearch: () => Promise<void>;
+        options: import("vue").ComputedRef<AnyObject[]>;
+        resetAndSearch: () => void;
+        startDateDisabled: (ts: number) => boolean;
+        endDateDisabled: (ts: number) => boolean;
+        resetInfo: () => void;
+        handleCloseTag: (type: "end" | "start" | "member", e: Event) => void;
         getPrefixCondition: () => (JSX.Element | null)[];
         renderLabel: (option: AnyObject) => JSX.Element;
         NModal: any;
@@ -664,6 +684,14 @@ declare const _default: import("vue").DefineComponent<{}, {
         }, {
             updateUnchangedValue: boolean;
         }>>;
-    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+        formatTime: typeof import("../utils").formatTime;
+        MESSAGE_TYPE: typeof import("../constants").MESSAGE_TYPE;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        visible: {
+            type: BooleanConstructor;
+        };
+    }>>, {
+        visible: boolean;
+    }>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
 export default _default;

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

@@ -1 +1 @@
-import{defineComponent as e,ref as a,openBlock as o,createElementBlock as t,Fragment as s,withDirectives as i,createElementVNode as r,createVNode as c,unref as n,withCtx as l,toDisplayString as u,vShow as h}from"vue";import{NAvatar as m}from"naive-ui";import{useState as v}from"../hooks/useState.js";import d from"./PersonProfile.vue.js";import f from"./ChatSet.vue.js";import p from"./ChatFile.vue.js";import w from"./ChatRecord.vue.js";const C={class:"chat-header box-shadow"},_={class:"chat-header__left"},g={class:"name"},j={class:"chat-header__right"};var k=e({__name:"ChatHeader",setup(e){const{state:k}=v(),S=a(!1),I=a(!1),U=a("image"),x=a(!1);function y(e){U.value=e,I.value=!0}return(e,a)=>(o(),t(s,null,[i(r("section",C,[r("div",_,[c(d,{"user-id":n(k).currentSessionItem.receiver},{trigger:l((()=>[c(n(m),{round:"",size:30,src:n(k).currentSessionItem.avatar},null,8,["src"])])),_:1},8,["user-id"]),r("span",g,u(n(k).currentSessionItem.name),1)]),r("div",j,[r("i",{class:"chat--iconfont chat--icon-image",onClick:a[0]||(a[0]=()=>y("image"))}),r("i",{class:"chat--iconfont chat--icon-folder",onClick:a[1]||(a[1]=()=>y("file"))}),r("i",{class:"chat--iconfont chat--icon-list-search",onClick:a[2]||(a[2]=e=>x.value=!0)}),r("i",{class:"chat--iconfont chat--icon-set",onClick:a[3]||(a[3]=e=>S.value=!0)})])],512),[[h,n(k).id]]),c(f,{show:S.value,"onUpdate:show":a[4]||(a[4]=e=>S.value=e)},null,8,["show"]),c(p,{show:I.value,"onUpdate:show":a[5]||(a[5]=e=>I.value=e),type:U.value},null,8,["show","type"]),c(w,{show:x.value,"onUpdate:show":a[6]||(a[6]=e=>x.value=e)},null,8,["show"])],64))}});export{k as default};
+import{defineComponent as e,ref as a,openBlock as o,createElementBlock as s,Fragment as t,unref as i,createElementVNode as r,createVNode as c,withCtx as l,toDisplayString as n,createCommentVNode as u}from"vue";import{NAvatar as h}from"naive-ui";import{useState as v}from"../hooks/useState.js";import m from"./PersonProfile.vue.js";import f from"./ChatSet.vue.js";import d from"./ChatFile.vue.js";import p from"./ChatRecord.vue.js";const w={key:0,class:"chat-header box-shadow"},C={class:"chat-header__left"},_={class:"name"},g={class:"chat-header__right"};var k=e({__name:"ChatHeader",setup(e){const{state:k}=v(),j=a(!1),S=a(!1),b=a("image"),y=a(!1);function I(e){b.value=e,S.value=!0}return(e,a)=>(o(),s(t,null,[i(k).id?(o(),s("section",w,[r("div",C,[c(m,{"user-id":i(k).currentSessionItem.receiver},{trigger:l((()=>[c(i(h),{round:"",size:30,src:i(k).currentSessionItem.avatar},null,8,["src"])])),_:1},8,["user-id"]),r("span",_,n(i(k).currentSessionItem.name),1)]),r("div",g,[r("i",{class:"chat--iconfont chat--icon-image",onClick:a[0]||(a[0]=()=>I("image"))}),r("i",{class:"chat--iconfont chat--icon-folder",onClick:a[1]||(a[1]=()=>I("file"))}),r("i",{class:"chat--iconfont chat--icon-list-search",onClick:a[2]||(a[2]=e=>y.value=!0)}),r("i",{class:"chat--iconfont chat--icon-set",onClick:a[3]||(a[3]=e=>j.value=!0)})])])):u("v-if",!0),c(f,{show:j.value,"onUpdate:show":a[4]||(a[4]=e=>j.value=e)},null,8,["show"]),c(d,{show:S.value,"onUpdate:show":a[5]||(a[5]=e=>S.value=e),type:b.value},null,8,["show","type"]),c(p,{show:y.value,"onUpdate:show":a[6]||(a[6]=e=>y.value=e),visible:y.value},null,8,["show","visible"])],64))}});export{k as default};

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

@@ -1,9 +1,11 @@
 import { AnyObject } from '../../../../shared/types';
+import { formatTime } from '../utils';
 import { MESSAGE_TYPE } from '../constants';
 declare const _default: import("vue").DefineComponent<{}, {
     chatMainRef: import("vue").Ref<HTMLElement | undefined>;
     state: import("../types").IState;
     setMsgList: (list?: AnyObject[]) => void;
+    setCurrentSessionItem: (item: AnyObject) => void;
     currentInfo: {
         page: number;
         hasMore: boolean;
@@ -15,7 +17,6 @@ declare const _default: import("vue").DefineComponent<{}, {
     isTemplate3: (content: AnyObject) => boolean;
     needShowTime: (item: AnyObject, index: number) => boolean;
     setScrollToButtom: () => Promise<void>;
-    getIntervalMsgTime: (time: string) => string;
     resetInfo: () => void;
     handleDownload: (url: string, filename: string) => void;
     NAvatar: any;
@@ -235,7 +236,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         }>>;
         emit: (event: "close", ...args: any[]) => void;
         state: import("../types").IState;
-        openSession: (item: AnyObject) => void;
+        openSession: (item: AnyObject) => Promise<void>;
         showUserDetail: import("vue").Ref<boolean>;
         showLargeAvatar: import("vue").Ref<boolean>;
         showPhone: import("vue").Ref<boolean>;
@@ -362,6 +363,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         };
     }>>, {}>;
     images: import("vue").Ref<any[]>;
+    formatTime: typeof formatTime;
     MESSAGE_TYPE: typeof MESSAGE_TYPE;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
 export default _default;