cnhis-design-vue 3.2.4-beta.15 → 3.2.4-beta.17

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

@@ -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,7 +1188,15 @@ 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>;
@@ -1186,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;
@@ -1533,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<{}, {

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

@@ -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,7 +1191,15 @@ 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>;
@@ -1189,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;
@@ -1536,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<{}, {

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

@@ -7,3 +7,4 @@ export declare function uploadFileApi(params: FormData): import("axios").AxiosPr
 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({headers:{"Content-Type":"application/x-www-form-urlencoded"},method:"post",url:"/chat/toppingSession",data:e(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 d(t){return o({method:"get",url:"/user/getUserDetail",params:t})}function i(t){return o({method:"post",url:"/chat/readMessage",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,u as listUserApi,n as openSessionApi,i as readMessageApi,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/ChatFooter.vue2.js

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

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

@@ -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,unref as i,createElementVNode as r,createVNode as c,withCtx as n,toDisplayString as l,createCommentVNode as u}from"vue";import{NAvatar as h}from"naive-ui";import{useState as m}from"../hooks/useState.js";import v 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}=m(),j=a(!1),S=a(!1),y=a("image"),I=a(!1);function U(e){y.value=e,S.value=!0}return(e,a)=>(o(),t(s,null,[i(k).id?(o(),t("section",w,[r("div",C,[c(v,{"user-id":i(k).currentSessionItem.receiver},{trigger:n((()=>[c(i(h),{round:"",size:30,src:i(k).currentSessionItem.avatar},null,8,["src"])])),_:1},8,["user-id"]),r("span",_,l(i(k).currentSessionItem.name),1)]),r("div",g,[r("i",{class:"chat--iconfont chat--icon-image",onClick:a[0]||(a[0]=()=>U("image"))}),r("i",{class:"chat--iconfont chat--icon-folder",onClick:a[1]||(a[1]=()=>U("file"))}),r("i",{class:"chat--iconfont chat--icon-list-search",onClick:a[2]||(a[2]=e=>I.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:y.value},null,8,["show","type"]),c(p,{show:I.value,"onUpdate:show":a[6]||(a[6]=e=>I.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,4 +1,5 @@
 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>;
@@ -16,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;
@@ -363,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;

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

@@ -1 +1 @@
-import{defineComponent as e,ref as t,watch as s,openBlock as n,createElementBlock as o,normalizeClass as i,unref as a,createVNode as r,withCtx as m,Fragment as l,renderList as c,toDisplayString as d,createCommentVNode as u,createBlock as p,withModifiers as f}from"vue";import{NImageGroup as g,NAvatar as y,NImage as T}from"naive-ui";import{format as v,isToday as M,isYesterday as h}from"date-fns";import{getHistoryRecordApi as k,readMessageApi as L}from"../api/index.js";import{useState as E}from"../hooks/useState.js";import{useSession as _}from"../hooks/useSession.js";import{first as w,last as H,isNumber as S}from"lodash-es";import j from"./PersonProfile.vue.js";import I from"./MessageTemplate.vue.js";import{images as A}from"../utils/emoji.js";import{MESSAGE_TYPE as b}from"../constants/index.js";import{useScrollLoading as D}from"../hooks/useScrollLoading.js";const P={key:0,class:"time"},R={key:2,class:"message-box"},U=["data-time"],O=["innerHTML"],x=["src"],C=["href","onClick"];var F=e({__name:"ChatMain",setup(e){const F=t(),{state:G,setMsgList:N}=E(),{setCurrentSessionItem:J}=_(G),K={page:0,hasMore:!0,lastSendTime:v(new Date,"yyyy-MM-dd HH:mm:ss")};async function X(){try{if(!K.hasMore)return;K.page++;const e=await k({sessionKey:G.currentSessionItem.sessionKey,page:K.page,lastSendTime:K.lastSendTime});if(!Array.isArray(e)||0===e.length)return K.hasMore=!1,console.log("接口返回不是一个数组，或者没有更多消息了");const t=w(e).id;K.lastSendTime=H(e).sendTime,N(K.page>1?[...e,...G.msgList]:e),1===K.page&&G.currentSessionItem.unreadNum&&(await L({chatType:"SINGLE",messageIdSet:t,receiver:G.userInfo.id,sender:G.currentSessionItem.receiver}),J({unreadNum:0}))}catch(e){console.log(e)}}function Y(e){const{chatMessageType:t,messageTemplate:s}=e.content;return t!==b.TEMPLATE||!!s}function q(e,t){var s,n;const{chatMessageType:o,messageTemplate:i}=e.content;if(o===b.TEMPLATE)return"system"===t?2==(null==(s=null==i?void 0:i.setting)?void 0:s.style.id):2!=(null==(n=null==i?void 0:i.setting)?void 0:n.style.id)}function z(e){var t,s;const{chatMessageType:n,messageTemplate:o}=e;return n===b.TEMPLATE&&3==(null==(s=null==(t=null==o?void 0:o.setting)?void 0:t.style)?void 0:s.id)}function B(e,t){var s;const n=S(e.sendTime)?e.sendTime:Date.parse(e.sendTime),o=null==(s=G.msgList[t-1])?void 0:s.sendTime;return n-(0===t?0:S(o)?o:Date.parse(o))>3e5}function Q(e){const t=new Date(e),s=Date.now()-t.getTime();if(s<6e4)return"刚刚";if(s<36e5)return Math.ceil(s/1e3/60)+"分钟前";if(M(t))return"今天 "+v(t,"HH:mm");if(h(t))return"昨天 "+v(t,"HH:mm");{const e=t.getFullYear(),s=(new Date).getFullYear();return v(t,e<s?"yyyy年M月d日 HH:mm":"M月d日 HH:mm")}}return D(F,(()=>{X()}),"top"),s((()=>G.id),(e=>{e&&(Object.assign(K,{page:0,hasMore:!0,lastSendTime:v(new Date,"yyyy-MM-dd HH:mm:ss")}),X())}),{immediate:!0}),s((()=>G.isAppendMsg),(e=>{e&&(N([...G.msgList,G.currentMsg]),G.isAppendMsg=!1,async function(){var e,t,s;const n=null!=(t=null==(e=F.value)?void 0:e.scrollHeight)?t:0;null==(s=F.value)||s.scrollTo({top:n,behavior:"auto"})}())}),{immediate:!0}),(e,t)=>(n(),o("div",{class:i(["chat-main",{"home-bg":!a(G).id}]),ref_key:"chatMainRef",ref:F},[r(a(g),{"show-toolbar-tooltip":""},{default:m((()=>[(n(!0),o(l,null,c(a(G).msgList,((e,t)=>(n(),o(l,{key:t},[Y(e)?(n(),o("div",{key:0,class:i(["message-item",{"message-item--mine":e.sender==a(G).userInfo.id}])},[B(e,t)?(n(),o("p",P,d(Q(e.sendTime)),1)):u("v-if",!0),q(e,"system")?(n(),p(I,{key:1,data:e},null,8,["data"])):(n(),o("div",R,[r(j,{"user-id":e.sender},{trigger:m((()=>[r(a(y),{round:"",size:38,src:e.senderAvatar},null,8,["src"])])),_:2},1032,["user-id"]),e.content?(n(),o("div",{key:0,class:i(["content",{emoji:e.content.chatMessageType===a(b).EMOJI,template:e.content.chatMessageType===a(b).TEMPLATE,"template--3":z(e.content)}]),"data-time":e.__time},[e.content.chatMessageType===a(b).TEXT?(n(),o("pre",{key:0,innerHTML:e.__content},null,8,O)):u("v-if",!0),e.content.chatMessageType===a(b).EMOJI?(n(),o("img",{key:1,src:a(A)[e.__content]},null,8,x)):u("v-if",!0),q(e,"template")?(n(),p(I,{key:2,data:e},null,8,["data"])):u("v-if",!0),e.content.chatMessageType===a(b).IMAGE?(n(),p(a(T),{key:3,width:"240",src:e.__content},null,8,["src"])):u("v-if",!0),e.content.chatMessageType===a(b).FILE?(n(),o("a",{key:4,href:e.content.fileUrl,onClick:f((()=>function(e,t){const s=new XMLHttpRequest;s.open("GET",e,!0),s.responseType="blob",s.onload=function(n){if(200===s.status){const n=window.URL.createObjectURL(s.response),o=document.createElement("a");o.href=n,o.download=t,o.dispatchEvent(new MouseEvent("click")),window.URL.revokeObjectURL(e)}},s.send()}(e.content.fileUrl,e.__content)),["prevent"])},d(e.__content),9,C)):u("v-if",!0)],10,U)):u("v-if",!0)]))],2)):u("v-if",!0)],64)))),128))])),_:1})],2))}});export{F as default};
+import{defineComponent as e,ref as t,watch as s,openBlock as n,createElementBlock as o,normalizeClass as i,unref as a,createVNode as r,withCtx as c,Fragment as l,renderList as m,toDisplayString as d,createCommentVNode as u,createBlock as p,withModifiers as f}from"vue";import{NImageGroup as g,NAvatar as y,NImage as T}from"naive-ui";import{format as v}from"date-fns";import{getHistoryRecordApi as M,readMessageApi as h}from"../api/index.js";import{useState as k}from"../hooks/useState.js";import{useSession as L}from"../hooks/useSession.js";import{first as E,last as _,isNumber as j}from"lodash-es";import S from"./PersonProfile.vue.js";import w from"./MessageTemplate.vue.js";import{images as I}from"../utils/emoji.js";import{formatTime as A}from"../utils/index.js";import{MESSAGE_TYPE as b}from"../constants/index.js";import{useScrollLoading as H}from"../hooks/useScrollLoading.js";const P={key:0,class:"time"},R={key:2,class:"message-box"},U=["data-time"],x=["innerHTML"],O=["src"],C=["href","onClick"];var D=e({__name:"ChatMain",setup(e){const D=t(),{state:G,setMsgList:N}=k(),{setCurrentSessionItem:J}=L(G),K={page:0,hasMore:!0,lastSendTime:v(new Date,"yyyy-MM-dd HH:mm:ss")};async function X(){try{if(!K.hasMore)return;K.page++;const e=await M({sessionKey:G.currentSessionItem.sessionKey,page:K.page,lastSendTime:K.lastSendTime});if(!Array.isArray(e)||0===e.length)return K.hasMore=!1,console.log("接口返回不是一个数组，或者没有更多消息了");const t=E(e).id;K.lastSendTime=_(e).sendTime,N(K.page>1?[...e,...G.msgList]:e),1===K.page&&G.currentSessionItem.unreadNum&&(await h({chatType:"SINGLE",messageIdSet:[t],receiver:G.userInfo.id,sender:G.currentSessionItem.receiver}),J({unreadNum:0}))}catch(e){console.log(e)}}function q(e){const{chatMessageType:t,messageTemplate:s}=e.content;return t!==b.TEMPLATE||!!s}function z(e,t){var s,n;const{chatMessageType:o,messageTemplate:i}=e.content;if(o===b.TEMPLATE)return"system"===t?2==(null==(s=null==i?void 0:i.setting)?void 0:s.style.id):2!=(null==(n=null==i?void 0:i.setting)?void 0:n.style.id)}function F(e){var t,s;const{chatMessageType:n,messageTemplate:o}=e;return n===b.TEMPLATE&&3==(null==(s=null==(t=null==o?void 0:o.setting)?void 0:t.style)?void 0:s.id)}function B(e,t){var s;const n=j(e.sendTime)?e.sendTime:Date.parse(e.sendTime),o=null==(s=G.msgList[t-1])?void 0:s.sendTime;return n-(0===t?0:j(o)?o:Date.parse(o))>3e5}return H(D,(()=>{X()}),"top"),s((()=>G.id),(e=>{e&&(Object.assign(K,{page:0,hasMore:!0,lastSendTime:v(new Date,"yyyy-MM-dd HH:mm:ss")}),X())}),{immediate:!0}),s((()=>G.isAppendMsg),(e=>{e&&(N([...G.msgList,G.currentMsg]),G.isAppendMsg=!1,async function(){var e,t,s;const n=null!=(t=null==(e=D.value)?void 0:e.scrollHeight)?t:0;null==(s=D.value)||s.scrollTo({top:n,behavior:"auto"})}())}),{immediate:!0}),(e,t)=>(n(),o("div",{class:i(["chat-main",{"home-bg":!a(G).id}]),ref_key:"chatMainRef",ref:D},[r(a(g),{"show-toolbar-tooltip":""},{default:c((()=>[(n(!0),o(l,null,m(a(G).msgList,((e,t)=>(n(),o(l,{key:t},[q(e)?(n(),o("div",{key:0,class:i(["message-item",{"message-item--mine":e.sender==a(G).userInfo.id}])},[B(e,t)?(n(),o("p",P,d(a(A)(e.sendTime).recordTime),1)):u("v-if",!0),z(e,"system")?(n(),p(w,{key:1,data:e},null,8,["data"])):(n(),o("div",R,[r(S,{"user-id":e.sender},{trigger:c((()=>[r(a(y),{round:"",size:38,src:e.senderAvatar},null,8,["src"])])),_:2},1032,["user-id"]),e.content?(n(),o("div",{key:0,class:i(["content",{emoji:e.content.chatMessageType===a(b).EMOJI,template:e.content.chatMessageType===a(b).TEMPLATE,"template--3":F(e.content)}]),"data-time":e.__time},[e.content.chatMessageType===a(b).TEXT?(n(),o("pre",{key:0,innerHTML:e.__content},null,8,x)):u("v-if",!0),e.content.chatMessageType===a(b).EMOJI?(n(),o("img",{key:1,src:a(I)[e.__content]},null,8,O)):u("v-if",!0),z(e,"template")?(n(),p(w,{key:2,data:e},null,8,["data"])):u("v-if",!0),e.content.chatMessageType===a(b).IMAGE?(n(),p(a(T),{key:3,width:"240",src:e.__content},null,8,["src"])):u("v-if",!0),e.content.chatMessageType===a(b).FILE?(n(),o("a",{key:4,href:e.content.fileUrl,onClick:f((()=>function(e,t){const s=new XMLHttpRequest;s.open("GET",e,!0),s.responseType="blob",s.onload=function(n){if(200===s.status){const n=window.URL.createObjectURL(s.response),o=document.createElement("a");o.href=n,o.download=t,o.dispatchEvent(new MouseEvent("click")),window.URL.revokeObjectURL(e)}},s.send()}(e.content.fileUrl,e.__content)),["prevent"])},d(e.__content),9,C)):u("v-if",!0)],10,U)):u("v-if",!0)]))],2)):u("v-if",!0)],64)))),128))])),_:1})],2))}});export{D as default};

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

@@ -1,19 +1,41 @@
 import { PropType } from 'vue';
 import { AnyObject } from '../../../../shared/types';
-declare const _default: import("vue").DefineComponent<{}, {
+import { formatTime } from '../utils';
+import { MESSAGE_TYPE } from '../constants';
+declare const _default: 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: 'member' | 'start' | 'end', e: Event) => void;
     getPrefixCondition: () => (JSX.Element | null)[];
     renderLabel: (option: AnyObject) => JSX.Element;
     NModal: any;
@@ -99,5 +121,13 @@ 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 formatTime;
+    MESSAGE_TYPE: typeof 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;
+}>;
 export default _default;

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

@@ -1 +1 @@
-import{defineComponent as e,ref as l,openBlock as a,createBlock as t,unref as r,withCtx as s,createElementVNode as o,createVNode as n,resolveDynamicComponent as i,withDirectives as c,createTextVNode as u,toDisplayString as d,vShow as v,Fragment as m}from"vue";import{NModal as p,NInput as f,NAvatar as g,NSelect as b,NPopover as _,NTag as h,NIcon as x}from"naive-ui";import{SearchOutline as y}from"@vicons/ionicons5";import{useState as w}from"../hooks/useState.js";import I from"../../../date-picker/index.js";const k={class:"c-chat-dialog__content c-chat-record-wrapper"},S={class:"chat-record-box"},z={class:"chat-record-box__content"},U={class:"content-item"},j=o("div",{class:"msg-box"},[o("div",{class:"name-and-time"},[o("span",null,"大傻子（质控部）"),o("span",null,"今天14:30")]),o("div",{class:"content"},[o("p",{innerHTML:"内容内容"})])],-1),C={class:"content-item"},H=o("div",{class:"msg-box"},[o("div",{class:"name-and-time"},[o("span",null,"大傻子2号（质控部）"),o("span",null,"今天14:30")]),o("div",{class:"content"},[o("p",{innerHTML:"内容内容叭叭叭"})])],-1),L={class:"chat-record-box__filter"},M=o("span",{class:"filter-title"},"添加筛选条件",-1),T={class:"filter-item"},R=o("span",{class:"label"},"成员：",-1),q={class:"filter-item"},A=o("span",{class:"label"},"日期：",-1),B={class:"time-target"},D={class:"time-target__item"},E=o("span",null,"开始：",-1),F={class:"time-target__item"},G=o("span",null,"结束：",-1);var J=e({__name:"ChatRecord",setup(e){const J={color:"#fff",textColor:"#666"},{state:K}=w(),N=[{label:K.userInfo.name,value:K.userInfo.id,avatar:K.userInfo.avatar},{label:K.currentSessionItem.name,value:K.currentSessionItem.receiver,avatar:K.currentSessionItem.avatar}],O=l([]),P=l(),Q=l();function V(e){return n(m,null,[n("div",{style:"display: flex;align-items: center"},[n(g,{src:e.avatar,round:!0,size:"small"},null),n("span",{style:"margin-left: 10px"},[e.label])])])}return(e,l)=>(a(),t(r(p),{preset:"dialog",title:"聊天记录","show-icon":!1,class:"c-chat-dialog"},{default:s((()=>[o("div",k,[n(r(f),{placeholder:"搜索文件"},{prefix:s((()=>[(a(),t(i((()=>[n(x,{component:y,color:"#6666"},null),O.value.length>0?n(h,{closable:!0,bordered:!1,color:J,style:"margin-left: 10px"},{default:()=>[u("成员: "),O.value.length>1?O.value.length+"人":O.value[0]]}):null,P.value?n(h,{closable:!0,bordered:!1,color:J,style:"margin-left: 10px"},{default:()=>[u("起始时间: "),P.value]}):null,Q.value?n(h,{closable:!0,bordered:!1,color:J,style:"margin-left: 10px"},{default:()=>[u("结束时间: "),Q.value]}):null]))))])),_:1}),o("div",S,[o("div",z,[o("div",U,[n(r(g),{round:"",size:38}),j]),o("div",C,[n(r(g),{round:"",size:38}),H])]),o("div",L,[M,o("div",T,[R,n(r(b),{value:O.value,"onUpdate:value":l[0]||(l[0]=e=>O.value=e),multiple:"","max-tag-count":1,"render-label":V,options:N},null,8,["value"])]),o("div",q,[A,o("div",B,[n(r(_),{trigger:"click","show-arrow":!1},{trigger:s((()=>[o("div",D,[E,c(n(r(h),{bordered:!1,color:J,closable:""},{default:s((()=>[u(d(P.value),1)])),_:1},512),[[v,P.value]])])])),default:s((()=>[n(r(I),{"formatted-value":P.value,"onUpdate:formatted-value":l[1]||(l[1]=e=>P.value=e),type:"date",panel:"",clearable:""},null,8,["formatted-value"])])),_:1}),n(r(_),{trigger:"click","show-arrow":!1},{trigger:s((()=>[o("div",F,[G,c(n(r(h),{bordered:!1,color:J,closable:""},{default:s((()=>[u(d(Q.value),1)])),_:1},512),[[v,Q.value]])])])),default:s((()=>[n(r(I),{"formatted-value":Q.value,"onUpdate:formatted-value":l[2]||(l[2]=e=>Q.value=e),type:"date",panel:"",clearable:""},null,8,["formatted-value"])])),_:1})])])])])])])),_:1}))}});export{J as default};
+import{defineComponent as e,ref as a,computed as l,watch as t,openBlock as s,createBlock as r,unref as n,withCtx as o,createElementVNode as i,createVNode as u,toDisplayString as c,resolveDynamicComponent as d,createElementBlock as v,Fragment as m,renderList as p,withDirectives as f,createTextVNode as g,vShow as y}from"vue";import{NModal as b,NAvatar as h,NInput as _,NSelect as T,NPopover as k,NTag as x,NIcon as M}from"naive-ui";import{SearchOutline as I}from"@vicons/ionicons5";import{useState as w}from"../hooks/useState.js";import{transformMessage as S,formatTime as A}from"../utils/index.js";import{last as j}from"lodash-es";import L from"../../../date-picker/index.js";import{searchChatRecordApi as C}from"../api/index.js";import{useDebounceFn as E}from"@vueuse/core";import{format as H}from"date-fns";import{useScrollLoading as D}from"../hooks/useScrollLoading.js";import{MESSAGE_TYPE as U}from"../constants/index.js";import{images as z}from"../utils/emoji.js";const O={class:"c-chat-dialog__header"},J=i("span",{class:"left"},"聊天记录",-1),K={class:"center"},P={class:"c-chat-dialog__content c-chat-record-wrapper"},R={class:"chat-record-box"},B={class:"msg-box"},G={class:"name-and-time"},N={class:"content"},X=["src"],$=["innerHTML"],q={key:1,class:"no-data"},F={class:"chat-record-box__filter"},Q=i("span",{class:"filter-title"},"添加筛选条件",-1),V={class:"filter-item"},W=i("span",{class:"label"},"成员：",-1),Y={class:"filter-item"},Z=i("span",{class:"label"},"日期：",-1),ee={class:"time-target"},ae={class:"time-target__item"},le=i("span",null,"开始：",-1),te={class:"no-data"},se={class:"time-target__item"},re=i("span",null,"结束：",-1),ne={class:"no-data"};var oe=e({__name:"ChatRecord",props:{visible:{type:Boolean}},setup(e){const oe=e,ie={color:"#fff",textColor:"#666"},{state:ue}=w(),ce=a(),de=a([]),ve=a(),me=a([]),pe=a(),fe=a(),ge=E(_e,500),ye={page:0,hasMore:!0,lastSendTime:H(new Date,"yyyy-MM-dd HH:mm:ss")};async function be(){var e;try{if(!ye.hasMore)return;ye.page++;const a=await C({orgId:ue.orgId,keyword:ve.value,endTime:fe.value?fe.value+" 23:59:59":"",startTime:pe.value?pe.value+" 00:00:00":"",lastSendTime:ye.lastSendTime,memberIdSet:me.value,page:ye.page,recordType:"ALL",sessionKey:ue.currentSessionItem.sessionKey,userId:ue.userInfo.id});Array.isArray(a)&&0!==a.length&&Array.isArray(a[0].recordList)||(ye.hasMore=!1,console.log("接口返回不是一个数组，或者没有更多消息了"));let l=a||[];Array.isArray(a)&&a.length>0&&(l=a[0].recordList),ye.lastSendTime=null==(e=j(l))?void 0:e.sendTime,l.forEach((e=>{var a,l,t,s,r,n;let o="";switch(e.content.chatMessageType){case U.TEXT:o=S(null==(a=e.content)?void 0:a.msg);break;case U.TEMPLATE:o=null==(s=null==(t=null==(l=e.content)?void 0:l.messageTemplate)?void 0:t.setting)?void 0:s.title;break;case U.EMOJI:o=z[null==(r=e.item.content)?void 0:r.msg];break;default:o=null==(n=e.content)?void 0:n.msg}e.__content=o})),de.value=ye.page>1?de.value.concat(l):l}catch(e){console.log(e)}}D(ce,(()=>{be()}));const he=l((()=>[ue.currentSessionItem]));function _e(){Object.assign(ye,{page:0,hasMore:!0,lastSendTime:H(new Date,"yyyy-MM-dd HH:mm:ss")}),be()}function Te(e){return!!fe.value&&e>Date.parse(`${fe.value} 23:59:59`)}function ke(e){return!!pe.value&&e<Date.parse(pe.value)}function xe(e,a){switch(a.stopPropagation(),e){case"member":me.value=[];break;case"start":pe.value=null;break;case"end":fe.value=null}}function Me(e){return u(m,null,[u("div",{style:"display: flex;align-items: center"},[u(h,{src:e.avatar,round:!0,size:"small"},null),u("span",{style:"margin-left: 10px"},[e.name])])])}return t([()=>me.value,()=>pe.value,()=>fe.value],(()=>{oe.visible&&_e()}),{deep:!0}),t((()=>oe.visible),(e=>{e?_e():(ve.value="",fe.value=null,pe.value=null,me.value=[],de.value=[])})),(e,a)=>(s(),r(n(b),{preset:"dialog",title:"","show-icon":!1,"auto-focus":!1,class:"c-chat-dialog"},{header:o((()=>[i("div",O,[J,i("div",K,[u(n(h),{round:"",size:30,src:n(ue).currentSessionItem.avatar},null,8,["src"]),i("span",null,c(n(ue).currentSessionItem.name),1)])])])),default:o((()=>[i("div",P,[u(n(_),{placeholder:"搜索",value:ve.value,"onUpdate:value":a[0]||(a[0]=e=>ve.value=e),valueModifiers:{trim:!0},onInput:n(ge)},{prefix:o((()=>[(s(),r(d((()=>[u(M,{component:I,color:"#6666"},null),me.value.length>0?u(x,{closable:!0,bordered:!1,color:ie,style:"margin-left: 10px",onClose:e=>xe("member",e)},{default:()=>{var e;return[g("成员:")," ",me.value.length>1?me.value.length+"人":null==(e=he.value.find((e=>e.receiver===me.value[0])))?void 0:e.name]}}):null,pe.value?u(x,{closable:!0,bordered:!1,color:ie,style:"margin-left: 10px",onClose:e=>xe("start",e)},{default:()=>[g("起始时间: "),pe.value]}):null,fe.value?u(x,{closable:!0,bordered:!1,color:ie,style:"margin-left: 10px",onClose:e=>xe("end",e)},{default:()=>[g("结束时间: "),fe.value]}):null]))))])),_:1},8,["value","onInput"]),i("div",R,[i("div",{class:"chat-record-box__content",ref_key:"recordRef",ref:ce},[de.value.length>0?(s(!0),v(m,{key:0},p(de.value,(e=>(s(),v("div",{class:"content-item",key:e.id},[u(n(h),{round:"",size:38,src:e.senderAvatar},null,8,["src"]),i("div",B,[i("div",G,[i("span",null,c(e.senderName),1),i("span",null,c(n(A)(e.sendTime).recordTime),1)]),i("div",N,[[n(U).EMOJI,n(U).IMAGE].includes(e.content.chatMessageType)?(s(),v("img",{key:0,src:e.__content},null,8,X)):(s(),v("p",{key:1,innerHTML:e.__content},null,8,$))])])])))),128)):(s(),v("div",q,"没有找到相关记录"))],512),i("div",F,[Q,i("div",V,[W,u(n(T),{value:me.value,"onUpdate:value":a[1]||(a[1]=e=>me.value=e),multiple:"","max-tag-count":1,"render-label":Me,options:n(he),"value-field":"receiver"},null,8,["value","options"])]),i("div",Y,[Z,i("div",ee,[u(n(k),{trigger:"click","show-arrow":!1},{trigger:o((()=>[i("div",ae,[le,f(u(n(x),{bordered:!1,color:ie,closable:"",onClose:a[2]||(a[2]=e=>xe("start",e))},{default:o((()=>[g(c(pe.value),1)])),_:1},512),[[y,pe.value]]),f(i("span",te,"点击选择",512),[[y,!pe.value]])])])),default:o((()=>[u(n(L),{"formatted-value":pe.value,"onUpdate:formatted-value":a[3]||(a[3]=e=>pe.value=e),type:"date",panel:"",clearable:"","is-date-disabled":Te},null,8,["formatted-value"])])),_:1}),u(n(k),{trigger:"click","show-arrow":!1},{trigger:o((()=>[i("div",se,[re,f(u(n(x),{bordered:!1,color:ie,closable:"",onClose:a[4]||(a[4]=e=>xe("end",e))},{default:o((()=>[g(c(fe.value),1)])),_:1},512),[[y,fe.value]]),f(i("span",ne,"点击选择",512),[[y,!fe.value]])])])),default:o((()=>[u(n(L),{"formatted-value":fe.value,"onUpdate:formatted-value":a[5]||(a[5]=e=>fe.value=e),type:"date",panel:"",clearable:"","is-date-disabled":ke},null,8,["formatted-value"])])),_:1})])])])])])])),_:1}))}});export{oe as default};

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

@@ -2,6 +2,7 @@ import { AnyObject } from '../../../../shared/types';
 export declare function formatTime(dateStr: string): {
     siderMsgTime: any;
     msgTime: any;
+    recordTime: string;
 };
 export declare function listSort(list: AnyObject[]): AnyObject[];
 export declare function transformMessage(content: string): string;