cnhis-design-vue 3.2.2-beta.14 → 3.2.2-beta.19

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

@@ -1120,6 +1120,7 @@ declare const BiuniqueChat: SFCWithInstall<import("vue").DefineComponent<{
         page: number;
         getHistoryRecord: () => Promise<void>;
         accessSession: () => Promise<void>;
+        showSystemMsg: (item: import("../../shared/types").AnyObject) => boolean;
         needShowTime: (item: import("../../shared/types").AnyObject, index: number) => boolean;
         setScrollToButtom: () => Promise<void>;
         getIntervalMsgTime: (time: string) => string;
@@ -1179,6 +1180,85 @@ declare const BiuniqueChat: SFCWithInstall<import("vue").DefineComponent<{
                 required: true;
             };
         }>>, {}>;
+        MessageTemplate: import("vue").DefineComponent<{
+            data: {
+                type: import("vue").PropType<import("../../shared/types").AnyObject>;
+                required: true;
+            };
+        }, {
+            props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+                data: {
+                    type: import("vue").PropType<import("../../shared/types").AnyObject>;
+                    required: true;
+                };
+            }>> & {
+                "onTemplate-click"?: ((...args: any[]) => any) | undefined;
+            }>>;
+            emit: (event: "template-click", ...args: any[]) => void;
+            setting: import("vue").ComputedRef<any>;
+            serverSetting: import("vue").ComputedRef<any>;
+            topRightButton: import("vue").ComputedRef<any>;
+            contentList: import("vue").ComputedRef<any>;
+            toolbarButton: import("vue").ComputedRef<any>;
+            bottomButton: import("vue").ComputedRef<any>;
+            contentParams: import("vue").ComputedRef<any>;
+            getSystemMsgContent: () => any;
+            handleTemplateClick: (data: import("../../shared/types").AnyObject) => void;
+            NButton: any;
+            NIcon: any;
+            ChevronForwardOutline: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+            AlertCircleSharp: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+            SvgIcon: import("vue").DefineComponent<{
+                iconClass: {
+                    type: StringConstructor;
+                    required: true;
+                    default: string;
+                };
+                title: {
+                    type: StringConstructor;
+                    required: false;
+                    default: string;
+                };
+                className: {
+                    type: StringConstructor;
+                    required: false;
+                };
+            }, {
+                props: {
+                    iconClass: string;
+                    title: string;
+                    className?: string | undefined;
+                };
+                iconName: import("vue").ComputedRef<string>;
+                svgClass: import("vue").ComputedRef<string>;
+            }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+                iconClass: {
+                    type: StringConstructor;
+                    required: true;
+                    default: string;
+                };
+                title: {
+                    type: StringConstructor;
+                    required: false;
+                    default: string;
+                };
+                className: {
+                    type: StringConstructor;
+                    required: false;
+                };
+            }>>, {
+                title: string;
+                iconClass: string;
+            }>;
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "template-click"[], "template-click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+            data: {
+                type: import("vue").PropType<import("../../shared/types").AnyObject>;
+                required: true;
+            };
+        }>> & {
+            "onTemplate-click"?: ((...args: any[]) => any) | undefined;
+        }, {}>;
+        images: any[];
         MESSAGE_TYPE: typeof import("./src/constants").MESSAGE_TYPE;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
     ChatFooter: import("vue").DefineComponent<{}, {
@@ -1191,8 +1271,13 @@ declare const BiuniqueChat: SFCWithInstall<import("vue").DefineComponent<{
         isWrap: (event: KeyboardEvent) => boolean;
         handleInput: () => void;
         handleMsgSend: () => void;
-        sendMessage: () => Promise<void>;
+        sendMessage: (contentInfo: import("../../shared/types").AnyObject) => Promise<void>;
         NButton: any;
+        NPopover: any;
+        NTooltip: any;
+        images: any[];
+        alt: string[];
+        MESSAGE_TYPE: typeof import("./src/constants").MESSAGE_TYPE;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     token: {

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

@@ -1123,6 +1123,7 @@ declare const _default: import("vue").DefineComponent<{
         page: number;
         getHistoryRecord: () => Promise<void>;
         accessSession: () => Promise<void>;
+        showSystemMsg: (item: AnyObject) => boolean;
         needShowTime: (item: AnyObject, index: number) => boolean;
         setScrollToButtom: () => Promise<void>;
         getIntervalMsgTime: (time: string) => string;
@@ -1182,6 +1183,85 @@ declare const _default: import("vue").DefineComponent<{
                 required: true;
             };
         }>>, {}>;
+        MessageTemplate: import("vue").DefineComponent<{
+            data: {
+                type: PropType<AnyObject>;
+                required: true;
+            };
+        }, {
+            props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+                data: {
+                    type: PropType<AnyObject>;
+                    required: true;
+                };
+            }>> & {
+                "onTemplate-click"?: ((...args: any[]) => any) | undefined;
+            }>>;
+            emit: (event: "template-click", ...args: any[]) => void;
+            setting: import("vue").ComputedRef<any>;
+            serverSetting: import("vue").ComputedRef<any>;
+            topRightButton: import("vue").ComputedRef<any>;
+            contentList: import("vue").ComputedRef<any>;
+            toolbarButton: import("vue").ComputedRef<any>;
+            bottomButton: import("vue").ComputedRef<any>;
+            contentParams: import("vue").ComputedRef<any>;
+            getSystemMsgContent: () => any;
+            handleTemplateClick: (data: AnyObject) => void;
+            NButton: any;
+            NIcon: any;
+            ChevronForwardOutline: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+            AlertCircleSharp: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+            SvgIcon: import("vue").DefineComponent<{
+                iconClass: {
+                    type: StringConstructor;
+                    required: true;
+                    default: string;
+                };
+                title: {
+                    type: StringConstructor;
+                    required: false;
+                    default: string;
+                };
+                className: {
+                    type: StringConstructor;
+                    required: false;
+                };
+            }, {
+                props: {
+                    iconClass: string;
+                    title: string;
+                    className?: string | undefined;
+                };
+                iconName: import("vue").ComputedRef<string>;
+                svgClass: import("vue").ComputedRef<string>;
+            }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+                iconClass: {
+                    type: StringConstructor;
+                    required: true;
+                    default: string;
+                };
+                title: {
+                    type: StringConstructor;
+                    required: false;
+                    default: string;
+                };
+                className: {
+                    type: StringConstructor;
+                    required: false;
+                };
+            }>>, {
+                title: string;
+                iconClass: string;
+            }>;
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "template-click"[], "template-click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+            data: {
+                type: PropType<AnyObject>;
+                required: true;
+            };
+        }>> & {
+            "onTemplate-click"?: ((...args: any[]) => any) | undefined;
+        }, {}>;
+        images: any[];
         MESSAGE_TYPE: typeof import("./constants").MESSAGE_TYPE;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
     ChatFooter: import("vue").DefineComponent<{}, {
@@ -1194,8 +1274,13 @@ declare const _default: import("vue").DefineComponent<{
         isWrap: (event: KeyboardEvent) => boolean;
         handleInput: () => void;
         handleMsgSend: () => void;
-        sendMessage: () => Promise<void>;
+        sendMessage: (contentInfo: AnyObject) => Promise<void>;
         NButton: any;
+        NPopover: any;
+        NTooltip: any;
+        images: any[];
+        alt: string[];
+        MESSAGE_TYPE: typeof import("./constants").MESSAGE_TYPE;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     token: {

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

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

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

@@ -1,4 +1,5 @@
 import { AnyObject } from '../../../../shared/types';
+import { MESSAGE_TYPE } from '../constants';
 declare const _default: import("vue").DefineComponent<{}, {
     inputRef: import("vue").Ref<HTMLDivElement | undefined>;
     content: import("vue").Ref<string>;
@@ -9,7 +10,12 @@ declare const _default: import("vue").DefineComponent<{}, {
     isWrap: (event: KeyboardEvent) => boolean;
     handleInput: () => void;
     handleMsgSend: () => void;
-    sendMessage: () => Promise<void>;
+    sendMessage: (contentInfo: AnyObject) => Promise<void>;
     NButton: any;
+    NPopover: any;
+    NTooltip: any;
+    images: any[];
+    alt: string[];
+    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/ChatFooter.vue2.js

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

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

@@ -7,6 +7,7 @@ declare const _default: import("vue").DefineComponent<{}, {
     page: number;
     getHistoryRecord: () => Promise<void>;
     accessSession: () => Promise<void>;
+    showSystemMsg: (item: AnyObject) => boolean;
     needShowTime: (item: AnyObject, index: number) => boolean;
     setScrollToButtom: () => Promise<void>;
     getIntervalMsgTime: (time: string) => string;
@@ -66,6 +67,85 @@ declare const _default: import("vue").DefineComponent<{}, {
             required: true;
         };
     }>>, {}>;
+    MessageTemplate: import("vue").DefineComponent<{
+        data: {
+            type: import("vue").PropType<AnyObject>;
+            required: true;
+        };
+    }, {
+        props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+            data: {
+                type: import("vue").PropType<AnyObject>;
+                required: true;
+            };
+        }>> & {
+            "onTemplate-click"?: ((...args: any[]) => any) | undefined;
+        }>>;
+        emit: (event: "template-click", ...args: any[]) => void;
+        setting: import("vue").ComputedRef<any>;
+        serverSetting: import("vue").ComputedRef<any>;
+        topRightButton: import("vue").ComputedRef<any>;
+        contentList: import("vue").ComputedRef<any>;
+        toolbarButton: import("vue").ComputedRef<any>;
+        bottomButton: import("vue").ComputedRef<any>;
+        contentParams: import("vue").ComputedRef<any>;
+        getSystemMsgContent: () => any;
+        handleTemplateClick: (data: AnyObject) => void;
+        NButton: any;
+        NIcon: any;
+        ChevronForwardOutline: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+        AlertCircleSharp: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+        SvgIcon: import("vue").DefineComponent<{
+            iconClass: {
+                type: StringConstructor;
+                required: true;
+                default: string;
+            };
+            title: {
+                type: StringConstructor;
+                required: false;
+                default: string;
+            };
+            className: {
+                type: StringConstructor;
+                required: false;
+            };
+        }, {
+            props: {
+                iconClass: string;
+                title: string;
+                className?: string | undefined;
+            };
+            iconName: import("vue").ComputedRef<string>;
+            svgClass: import("vue").ComputedRef<string>;
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+            iconClass: {
+                type: StringConstructor;
+                required: true;
+                default: string;
+            };
+            title: {
+                type: StringConstructor;
+                required: false;
+                default: string;
+            };
+            className: {
+                type: StringConstructor;
+                required: false;
+            };
+        }>>, {
+            title: string;
+            iconClass: string;
+        }>;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "template-click"[], "template-click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        data: {
+            type: import("vue").PropType<AnyObject>;
+            required: true;
+        };
+    }>> & {
+        "onTemplate-click"?: ((...args: any[]) => any) | undefined;
+    }, {}>;
+    images: any[];
     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 s,nextTick as t,watch as n,openBlock as i,createElementBlock as r,Fragment as o,renderList as a,unref as m,normalizeClass as c,toDisplayString as l,createCommentVNode as u,createElementVNode as d,createVNode as f,withCtx as g}from"vue";import{NAvatar as p}from"naive-ui";import{useInfiniteScroll as v}from"@vueuse/core";import{isToday as y,format as H,isYesterday as M}from"date-fns";import{getHistoryRecordApi as T}from"../api/index.js";import{useState as h}from"../hooks/useState.js";import{isNumber as _}from"lodash-es";import L from"./PersonProfile.vue.js";import{MESSAGE_TYPE as k}from"../constants/index.js";const w={key:0,class:"time"},A={class:"message-box"},D=["data-time"],j=["innerHTML"];var x=e({__name:"ChatMain",setup(e){const x=s(),{state:I,setMsgList:K}=h();let F=1;async function P(){try{const e=await T({sessionKey:I.sessionKey,page:F});if(console.log("getHistoryRecord",e),!Array.isArray(e))return;if(0===e.length)return console.log("没有更多消息了");K(F>1?[...e,...I.msgList]:e),1===F&&Y()}catch(e){console.log(e)}}function R(e,s){var t;const n=_(e.sendTime)?e.sendTime:Date.parse(e.sendTime),i=null==(t=I.msgList[s-1])?void 0:t.sendTime;return n-(0===s?0:_(i)?i:Date.parse(i))>3e5}async function Y(){var e,s,n;await t();const i=null!=(s=null==(e=x.value)?void 0:e.scrollHeight)?s:0;null==(n=x.value)||n.scrollTo({top:i})}function b(e){const s=new Date(e),t=Date.now()-s.getTime();if(t<6e4)return"刚刚";if(t<36e5)return Math.ceil(t/1e4/60)+"分钟前";if(y(s))return"今天 "+H(s,"HH:mm");if(M(s))return"昨天 "+H(s,"HH:mm");{const e=s.getFullYear(),t=(new Date).getFullYear();return H(s,e<t?"yyyy年M月d日 HH:mm":"M月d日 HH:mm")}}return v(x,(()=>{F++,P()}),{distance:20,direction:"top"}),n((()=>I.sessionKey),(e=>{e&&(F=1,P())}),{immediate:!0}),n((()=>I.isAppendMsg),(e=>{e&&(K([...I.msgList,I.currentMsg]),I.isAppendMsg=!1,Y())}),{immediate:!0}),(e,s)=>(i(),r("div",{class:"chat-main",ref_key:"chatMainRef",ref:x},[(i(!0),r(o,null,a(m(I).msgList,((e,s)=>(i(),r("div",{class:c(["message-item",{"message-item--mine":e.sender==m(I).userInfo.id}]),key:s},[R(e,s)?(i(),r("p",w,l(b(e.sendTime)),1)):u("v-if",!0),d("div",A,[f(L,{"user-info":e.sender==m(I).userInfo.id?m(I).userInfo:e},{trigger:g((()=>[f(m(p),{round:"",size:38,src:e.senderAvatar},null,8,["src"])])),_:2},1032,["user-info"]),e.content?(i(),r(o,{key:0},[e.content.chatMessageType===m(k).TEXT?(i(),r("div",{key:0,class:"content","data-time":e.__time},[d("pre",{innerHTML:e.__content},null,8,j)],8,D)):u("v-if",!0)],64)):u("v-if",!0)])],2)))),128))],512))}});export{x as default};
+import{defineComponent as e,ref as t,nextTick as s,watch as n,openBlock as i,createElementBlock as r,Fragment as o,renderList as a,unref as m,normalizeClass as c,toDisplayString as l,createCommentVNode as u,createBlock as d,mergeProps as f,createElementVNode as p,createVNode as g,withCtx as y}from"vue";import{NAvatar as v}from"naive-ui";import{useInfiniteScroll as T}from"@vueuse/core";import{isToday as M,format as h,isYesterday as H}from"date-fns";import{getHistoryRecordApi as L}from"../api/index.js";import{useState as _}from"../hooks/useState.js";import{isNumber as k}from"lodash-es";import E from"./PersonProfile.vue.js";import j from"./MessageTemplate.vue.js";import{images as A}from"../utils/emoji.js";import{MESSAGE_TYPE as w}from"../constants/index.js";const D={key:0,class:"time"},I={class:"message-box"},P=["data-time"],x=["innerHTML"],K=["src"];var F=e({__name:"ChatMain",setup(e){const F=t(),{state:J,setMsgList:O}=_();let R=1;async function Y(){try{const e=await L({sessionKey:J.sessionKey,page:R});if(console.log("getHistoryRecord",e),!Array.isArray(e))return;if(0===e.length)return console.log("没有更多消息了");O(R>1?[...e,...J.msgList]:e),1===R&&z()}catch(e){console.log(e)}}function $(e){var t;const{chatMessageType:s,msgTemplate:n}=e.content;return s===w.TEMPLATE&&2==(null==(t=null==n?void 0:n.setting)?void 0:t.style.id)}function b(e,t){var s;const n=k(e.sendTime)?e.sendTime:Date.parse(e.sendTime),i=null==(s=J.msgList[t-1])?void 0:s.sendTime;return n-(0===t?0:k(i)?i:Date.parse(i))>3e5}async function z(){var e,t,n;await s();const i=null!=(t=null==(e=F.value)?void 0:e.scrollHeight)?t:0;null==(n=F.value)||n.scrollTo({top:i})}function C(e){const t=new Date(e),s=Date.now()-t.getTime();if(s<6e4)return"刚刚";if(s<36e5)return Math.ceil(s/1e4/60)+"分钟前";if(M(t))return"今天 "+h(t,"HH:mm");if(H(t))return"昨天 "+h(t,"HH:mm");{const e=t.getFullYear(),s=(new Date).getFullYear();return h(t,e<s?"yyyy年M月d日 HH:mm":"M月d日 HH:mm")}}return T(F,(()=>{R++,Y()}),{distance:20,direction:"top"}),n((()=>J.sessionKey),(e=>{e&&(R=1,Y())}),{immediate:!0}),n((()=>J.isAppendMsg),(e=>{e&&(O([...J.msgList,J.currentMsg]),J.isAppendMsg=!1,z())}),{immediate:!0}),(e,t)=>(i(),r("div",{class:"chat-main",ref_key:"chatMainRef",ref:F},[(i(!0),r(o,null,a(m(J).msgList,((t,s)=>(i(),r("div",{class:c(["message-item",{"message-item--mine":t.sender==m(J).userInfo.id}]),key:s},[b(t,s)?(i(),r("p",D,l(C(t.sendTime)),1)):u("v-if",!0),$(t)?(i(),d(j,f({key:1,data:t},e.$attrs),null,16,["data"])):u("v-if",!0),p("div",I,[g(E,{"user-info":t.sender==m(J).userInfo.id?m(J).userInfo:t},{trigger:y((()=>[g(m(v),{round:"",size:38,src:t.senderAvatar},null,8,["src"])])),_:2},1032,["user-info"]),t.content?(i(),r("div",{key:0,class:c(["content",{emoji:t.content.chatMessageType===m(w).EMOJI},{template:t.content.chatMessageType===m(w).TEMPLATE}]),"data-time":t.__time},[t.content.chatMessageType===m(w).TEXT?(i(),r("pre",{key:0,innerHTML:t.__content},null,8,x)):u("v-if",!0),t.content.chatMessageType===m(w).EMOJI?(i(),r("img",{key:1,src:m(A)[t.__content]},null,8,K)):u("v-if",!0),t.content.chatMessageType===m(w).TEMPLATE?(i(),d(j,f({key:2,data:t},e.$attrs),null,16,["data"])):u("v-if",!0)],10,P)):u("v-if",!0)])],2)))),128))],512))}});export{F as default};