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

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/annotation-edit/src/AnnotationEdit.js

@@ -1 +1 @@
-import{defineComponent as e,computed as o,ref as l,onDeactivated as t,createVNode as a,unref as u,createTextVNode as n}from"vue";import{useTheme as r}from"../../../shared/hooks/useTheme.js";import"@vueuse/core";import"date-fns";import{isString as s,isObject as i,isArray as d,isFunction as m}from"lodash-es";import"@vue/shared";import"../../../shared/utils/index.js";import{promiseTimeout as v}from"@vueuse/shared";import"../../../shared/hooks/selectHooks/useSearchContent.js";import{FileTrayFull as c,FileTray as p}from"@vicons/ionicons5";import{NPopover as f,NDivider as h,NEllipsis as V,NIcon as g,NPopselect as y,NButton as w,NInput as x}from"naive-ui";var b=e({props:{modelValue:{type:[String,Object],default:""},shortcuts:{type:Array,default:()=>[]}},emits:["update:modelValue"],setup(e,{emit:b}){const k=r(),T=o({get:()=>s(e.modelValue)?e.modelValue:i(e.modelValue)&&e.modelValue.content||"",set(o){let l=o;i(e.modelValue)&&(l={...e.modelValue,content:o}),b("update:modelValue",l)}}),P=l(!1),R=o({get:()=>P.value,async set(e){P.value=e,!e&&M.value&&(await new Promise((e=>setTimeout(e,200))),M.value=!1)}}),_=o((()=>{let o=e.shortcuts||[];return i(e.modelValue)&&(d(e.modelValue.shortcuts)?o=e.modelValue.shortcuts:Reflect.has(e.modelValue,"shortcuts")&&(o=[])),o.map((e=>s(e)?{label:e,value:e}:e))})),j=l(),M=l(!1);let C,U;async function z(){var e,o;await v(50),null==(o=null==(e=j.value)?void 0:e.syncPosition)||o.call(e)}function L(e){e.stopPropagation(),clearTimeout(C),R.value&&M.value?R.value=!1:u(T)||(C=setTimeout((()=>(M.value=R.value=!0,z())),200))}function S(e){if(e.stopPropagation(),clearTimeout(C),u(T))return M.value=R.value=!0,z()}function W(e){e.stopPropagation(),clearTimeout(U),u(T)&&(R.value=!0)}function A(e){e.stopPropagation(),clearTimeout(U),u(T)&&!M.value&&(U=setTimeout((()=>{R.value=!1}),300))}return t((()=>{R.value=!1})),function(){return a("section",{class:["annotation-edit",{"is-active":!!u(T)}],style:{"--icon-right":"-5",...k.value},"annotation-hover-show":!u(T)&&!M.value},[a(f,{ref:j,"keep-alive-on-hover":!0,style:{maxWidth:"360px",wordBreak:"break-all"},show:R.value,"onUpdate:show":e=>R.value=e,trigger:"manual",duration:100,onClickoutside:L},{default:function(){return a("section",{onMouseleave:A,onMouseenter:W},[a("div",null,[M.value?[_.value.length?a(y,{options:_.value,"onUpdate:value":e=>T.value+=e,scrollable:!0},{default:()=>a(w,{style:"margin-bottom: 8px;"},{default:()=>"短语"})}):null,a(x,{resizable:!1,autosize:{minRows:3,maxRows:5},"show-count":!0,class:"annotation-edit__textarea",type:"textarea",value:T.value,"onUpdate:value":e=>T.value=e},null)]:a("span",null,[u(T)])]),i(e.modelValue)&&(m(e.modelValue.footerRender)||e.modelValue.author||e.modelValue.date)?[a(h,{style:{margin:"4px 0",minWidth:"360px"}},null),a("section",{class:"annotation-edit__footer"},[m(e.modelValue.footerRender)?e.modelValue.footerRender(e.modelValue):[a(V,null,{default:()=>{var o;return[null!=(o=e.modelValue.authorLabel)?o:"质控人",n(": "),e.modelValue.author]}}),a(V,null,{default:()=>{var o;return[null!=(o=e.modelValue.dateLabel)?o:"质控时间",n(": "),e.modelValue.date]}})]])]:null])},trigger:function(){return a("div",{class:"annotation-edit__icon",onMouseleave:A,onMouseenter:W,onDblclick:S,onClick:L},[a(g,{component:u(T)?c:p},null)])}})])}}});export{b as default};
+import{defineComponent as e,computed as o,ref as l,onDeactivated as t,createVNode as a,unref as u,createTextVNode as n}from"vue";import{useTheme as r}from"../../../shared/hooks/useTheme.js";import"@vueuse/core";import"date-fns";import{isString as i,isObject as s,isArray as d,isFunction as m}from"lodash-es";import"@vue/shared";import"../../../shared/utils/index.js";import{promiseTimeout as v}from"@vueuse/shared";import"../../../shared/hooks/selectHooks/useSearchContent.js";import{FileTrayFull as c,FileTray as p}from"@vicons/ionicons5";import{NPopover as f,NDivider as h,NEllipsis as V,NIcon as g,NPopselect as y,NButton as b,NInput as w}from"naive-ui";var x=e({props:{modelValue:{type:[String,Object],default:""},shortcuts:{type:Array,default:()=>[]}},emits:["update:modelValue"],setup(e,{emit:x}){const k=r(),T=o({get:()=>i(e.modelValue)?e.modelValue:s(e.modelValue)&&e.modelValue.content||"",set(o){let l=o;s(e.modelValue)&&(l={...e.modelValue,content:o}),x("update:modelValue",l)}}),P=l(!1),R=o({get:()=>P.value,async set(e){P.value=e,!e&&M.value&&(await new Promise((e=>setTimeout(e,200))),M.value=!1)}}),_=o((()=>{let o=e.shortcuts||[];return s(e.modelValue)&&(d(e.modelValue.shortcuts)?o=e.modelValue.shortcuts:Reflect.has(e.modelValue,"shortcuts")&&(o=[])),o.map((e=>i(e)?{label:e,value:e}:e))})),j=l(),M=l(!1);let C,U;async function z(){var e,o;await v(50),null==(o=null==(e=j.value)?void 0:e.syncPosition)||o.call(e)}function L(e){e.stopPropagation(),clearTimeout(C),R.value&&M.value?R.value=!1:u(T)||(C=setTimeout((()=>(M.value=R.value=!0,z())),200))}function S(e){if(e.stopPropagation(),clearTimeout(C),u(T))return M.value=R.value=!0,z()}function W(e){e.stopPropagation(),clearTimeout(U),u(T)&&(R.value=!0)}function A(e){e.stopPropagation(),clearTimeout(U),u(T)&&!M.value&&(U=setTimeout((()=>{R.value=!1}),300))}return t((()=>{R.value=!1})),function(){return a("section",{class:["annotation-edit",{"is-active":!!u(T)}],style:{"--icon-right":"-5",...k.value},"annotation-hover-show":!u(T)&&!M.value},[a(f,{ref:j,to:"body",flip:!0,"keep-alive-on-hover":!0,style:{maxWidth:"360px",wordBreak:"break-all"},show:R.value,"onUpdate:show":e=>R.value=e,trigger:"manual",duration:100,onClickoutside:L},{default:function(){return a("section",{onMouseleave:A,onMouseenter:W},[a("div",null,[M.value?[_.value.length?a(y,{options:_.value,"onUpdate:value":e=>T.value+=e,scrollable:!0},{default:()=>a(b,{style:"margin-bottom: 8px;"},{default:()=>"短语"})}):null,a(w,{resizable:!1,autosize:{minRows:3,maxRows:5},"show-count":!0,class:"annotation-edit__textarea",type:"textarea",value:T.value,"onUpdate:value":e=>T.value=e},null)]:a("span",null,[u(T)])]),s(e.modelValue)&&(m(e.modelValue.footerRender)||e.modelValue.author||e.modelValue.date)?[a(h,{style:{margin:"4px 0",minWidth:"360px"}},null),a("section",{class:"annotation-edit__footer"},[m(e.modelValue.footerRender)?e.modelValue.footerRender(e.modelValue):[a(V,null,{default:()=>{var o;return[null!=(o=e.modelValue.authorLabel)?o:"质控人",n(": "),e.modelValue.author]}}),a(V,null,{default:()=>{var o;return[null!=(o=e.modelValue.dateLabel)?o:"质控时间",n(": "),e.modelValue.date]}})]])]:null])},trigger:function(){return a("div",{class:"annotation-edit__icon",onMouseleave:A,onMouseenter:W,onDblclick:S,onClick:L},[a(g,{component:u(T)?c:p},null)])}})])}}});export{x as default};

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

@@ -836,23 +836,37 @@ declare const BiuniqueChat: SFCWithInstall<import("vue").DefineComponent<{
                 type: StringConstructor;
                 default: string;
             };
+            visible: {
+                type: BooleanConstructor;
+            };
         }, {
             props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
                 type: {
                     type: StringConstructor;
                     default: string;
                 };
+                visible: {
+                    type: BooleanConstructor;
+                };
             }>> & {}>>;
-            imageList: {
+            state: import("./src/types").IState;
+            imageList: import("vue").Ref<import("../../shared/types").AnyObject[]>;
+            fileList: import("vue").Ref<import("../../shared/types").AnyObject[]>;
+            imageRef: import("vue").Ref<any>;
+            fileRef: import("vue").Ref<any>;
+            keyword: import("vue").Ref<any>;
+            handleInput: () => void;
+            currentInfo: {
+                page: number;
+                hasMore: boolean;
+                lastSendTime: string;
+            };
+            handleSearch: () => Promise<void>;
+            formatImageList: (data: import("../../shared/types").AnyObject[]) => {
                 label: string;
-                data: string[];
-            }[];
-            fileList: {
-                name: string;
-                size: string;
-                time: string;
-                sender: string;
+                list: unknown;
             }[];
+            resetAndSearch: () => void;
             title: import("vue").ComputedRef<"聊天图片" | "聊天文件">;
             getDetail: (item: import("../../shared/types").AnyObject) => string;
             NModal: any;
@@ -1066,8 +1080,12 @@ declare const BiuniqueChat: SFCWithInstall<import("vue").DefineComponent<{
                 type: StringConstructor;
                 default: string;
             };
+            visible: {
+                type: BooleanConstructor;
+            };
         }>>, {
             type: string;
+            visible: boolean;
         }>;
         ChatRecord: import("vue").DefineComponent<{
             visible: {
@@ -1102,7 +1120,7 @@ declare const BiuniqueChat: SFCWithInstall<import("vue").DefineComponent<{
             startDateDisabled: (ts: number) => boolean;
             endDateDisabled: (ts: number) => boolean;
             resetInfo: () => void;
-            handleCloseTag: (type: "end" | "start" | "member", e: Event) => void;
+            handleCloseTag: (type: "end" | "start" | "member") => void;
             getPrefixCondition: () => (JSX.Element | null)[];
             renderLabel: (option: import("../../shared/types").AnyObject) => JSX.Element;
             NModal: any;
@@ -1111,6 +1129,17 @@ declare const BiuniqueChat: SFCWithInstall<import("vue").DefineComponent<{
             NSelect: any;
             NAvatar: any;
             NPopover: any;
+            NInputGroup: import("vue").DefineComponent<{
+                [x: string]: never;
+                [x: number]: never;
+                [x: symbol]: never;
+            }, {
+                mergedClsPrefix: 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<{
+                [x: string]: never;
+                [x: number]: never;
+                [x: symbol]: never;
+            }>>, {}>;
             DatePicker: SFCWithInstall<import("vue").DefineComponent<{
                 updateUnchangedValue: {
                     type: BooleanConstructor;
@@ -1190,6 +1219,7 @@ declare const BiuniqueChat: SFCWithInstall<import("vue").DefineComponent<{
             }>>;
             formatTime: typeof import("./src/utils").formatTime;
             MESSAGE_TYPE: typeof import("./src/constants").MESSAGE_TYPE;
+            images: import("vue").Ref<any[]>;
         }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
             visible: {
                 type: BooleanConstructor;

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

@@ -839,23 +839,37 @@ declare const _default: import("vue").DefineComponent<{
                 type: StringConstructor;
                 default: string;
             };
+            visible: {
+                type: BooleanConstructor;
+            };
         }, {
             props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
                 type: {
                     type: StringConstructor;
                     default: string;
                 };
+                visible: {
+                    type: BooleanConstructor;
+                };
             }>> & {}>>;
-            imageList: {
+            state: IState;
+            imageList: import("vue").Ref<AnyObject[]>;
+            fileList: import("vue").Ref<AnyObject[]>;
+            imageRef: import("vue").Ref<any>;
+            fileRef: import("vue").Ref<any>;
+            keyword: import("vue").Ref<any>;
+            handleInput: () => void;
+            currentInfo: {
+                page: number;
+                hasMore: boolean;
+                lastSendTime: string;
+            };
+            handleSearch: () => Promise<void>;
+            formatImageList: (data: AnyObject[]) => {
                 label: string;
-                data: string[];
-            }[];
-            fileList: {
-                name: string;
-                size: string;
-                time: string;
-                sender: string;
+                list: unknown;
             }[];
+            resetAndSearch: () => void;
             title: import("vue").ComputedRef<"聊天图片" | "聊天文件">;
             getDetail: (item: AnyObject) => string;
             NModal: any;
@@ -1069,8 +1083,12 @@ declare const _default: import("vue").DefineComponent<{
                 type: StringConstructor;
                 default: string;
             };
+            visible: {
+                type: BooleanConstructor;
+            };
         }>>, {
             type: string;
+            visible: boolean;
         }>;
         ChatRecord: import("vue").DefineComponent<{
             visible: {
@@ -1105,7 +1123,7 @@ declare const _default: import("vue").DefineComponent<{
             startDateDisabled: (ts: number) => boolean;
             endDateDisabled: (ts: number) => boolean;
             resetInfo: () => void;
-            handleCloseTag: (type: "end" | "start" | "member", e: Event) => void;
+            handleCloseTag: (type: "end" | "start" | "member") => void;
             getPrefixCondition: () => (JSX.Element | null)[];
             renderLabel: (option: AnyObject) => JSX.Element;
             NModal: any;
@@ -1114,6 +1132,17 @@ declare const _default: import("vue").DefineComponent<{
             NSelect: any;
             NAvatar: any;
             NPopover: any;
+            NInputGroup: import("vue").DefineComponent<{
+                [x: string]: never;
+                [x: number]: never;
+                [x: symbol]: never;
+            }, {
+                mergedClsPrefix: 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<{
+                [x: string]: never;
+                [x: number]: never;
+                [x: symbol]: never;
+            }>>, {}>;
             DatePicker: import("../../../shared/types").SFCWithInstall<import("vue").DefineComponent<{
                 updateUnchangedValue: {
                     type: BooleanConstructor;
@@ -1193,6 +1222,7 @@ declare const _default: import("vue").DefineComponent<{
             }>>;
             formatTime: typeof import("./utils").formatTime;
             MESSAGE_TYPE: typeof import("./constants").MESSAGE_TYPE;
+            images: import("vue").Ref<any[]>;
         }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
             visible: {
                 type: BooleanConstructor;

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

@@ -5,23 +5,37 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    visible: {
+        type: BooleanConstructor;
+    };
 }, {
     props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         type: {
             type: StringConstructor;
             default: string;
         };
+        visible: {
+            type: BooleanConstructor;
+        };
     }>> & {}>>;
-    imageList: {
+    state: import("../types").IState;
+    imageList: import("vue").Ref<AnyObject[]>;
+    fileList: import("vue").Ref<AnyObject[]>;
+    imageRef: import("vue").Ref<any>;
+    fileRef: import("vue").Ref<any>;
+    keyword: import("vue").Ref<any>;
+    handleInput: () => void;
+    currentInfo: {
+        page: number;
+        hasMore: boolean;
+        lastSendTime: string;
+    };
+    handleSearch: () => Promise<void>;
+    formatImageList: (data: AnyObject[]) => {
         label: string;
-        data: string[];
-    }[];
-    fileList: {
-        name: string;
-        size: string;
-        time: string;
-        sender: string;
+        list: unknown;
     }[];
+    resetAndSearch: () => void;
     title: import("vue").ComputedRef<"聊天图片" | "聊天文件">;
     getDetail: (item: AnyObject) => string;
     NModal: any;
@@ -235,7 +249,11 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    visible: {
+        type: BooleanConstructor;
+    };
 }>>, {
     type: string;
+    visible: boolean;
 }>;
 export default _default;

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

@@ -1 +1 @@
-import{defineComponent as t,computed as i,openBlock as a,createBlock as e,unref as m,withCtx as c,createElementBlock as s,createVNode as p,Fragment as o,renderList as l,createElementVNode as n,toDisplayString as u}from"vue";import{NModal as d,NImageGroup as f,NImage as h,NInput as r,NIcon as g}from"naive-ui";import{SearchOutline as b,OpenOutline as y,DownloadOutline as w}from"@vicons/ionicons5";const G={key:0,class:"c-chat-dialog__content c-chat-image-wrapper"},v={class:"label"},E={class:"image-box"},P={key:1,class:"c-chat-dialog__content c-chat-file-wrapper"},_={class:"file-list-box"},x={class:"text"},J={class:"name"},k={class:"detail"},C={class:"opt-box"};var z=t({__name:"ChatFile",props:{type:{type:String,default:"image"}},setup(t){const z=t,j=[{label:"本周",data:["https://cdn.cnhis.cc/1204564363755786242/03014.jpg","https://img1.baidu.com/it/u=1068679326,1387532038&fm=253&fmt=auto&app=120&f=JPEG?w=500&h=664","https://img0.baidu.com/it/u=2417241712,2153529446&fm=253&fmt=auto&app=138&f=JPEG?w=501&h=500"]},{label:"本月",data:["https://img1.baidu.com/it/u=1068679326,1387532038&fm=253&fmt=auto&app=120&f=JPEG?w=500&h=664","https://img0.baidu.com/it/u=2417241712,2153529446&fm=253&fmt=auto&app=138&f=JPEG?w=501&h=500","https://himg.bdimg.com/sys/portrait/item/public.1.f50c02bd.y9WGGCP1aqCEf85wL6yrng?tt=1706769350037"]},{label:"2024年01月",data:["https://cdn.cnhis.cc/1204564363755786242/03014.jpg","https://img1.baidu.com/it/u=1068679326,1387532038&fm=253&fmt=auto&app=120&f=JPEG?w=500&h=664","https://img0.baidu.com/it/u=2417241712,2153529446&fm=253&fmt=auto&app=138&f=JPEG?w=501&h=500","https://himg.bdimg.com/sys/portrait/item/public.1.f50c02bd.y9WGGCP1aqCEf85wL6yrng?tt=1706769350037","https://cdn.cnhis.cc/1204564363755786242/03014.jpg","https://img1.baidu.com/it/u=1068679326,1387532038&fm=253&fmt=auto&app=120&f=JPEG?w=500&h=664","https://img0.baidu.com/it/u=2417241712,2153529446&fm=253&fmt=auto&app=138&f=JPEG?w=501&h=500","https://himg.bdimg.com/sys/portrait/item/public.1.f50c02bd.y9WGGCP1aqCEf85wL6yrng?tt=1706769350037"]}],q=[{name:"问的那个1.docx",size:"8kb",time:"2024/01/01 10:30",sender:"大傻子（质控部）"},{name:"问的那个21.docx",size:"8kb",time:"2024/01/01 10:30",sender:"大傻子（质控2部）"}],L=i((()=>"image"===z.type?"聊天图片":"聊天文件"));function W(t){const{size:i,time:a,sender:e}=t;return`${i}.${a}.${e}`}return(i,z)=>(a(),e(m(d),{preset:"dialog",title:m(L),"show-icon":!1,class:"c-chat-dialog"},{default:c((()=>["image"===t.type?(a(),s("div",G,[p(m(f),null,{default:c((()=>[(a(),s(o,null,l(j,(t=>n("div",{class:"image-item",key:t.label},[n("span",v,u(t.label),1),n("div",E,[(a(!0),s(o,null,l(t.data,((t,i)=>(a(),e(m(h),{key:i,width:"80",height:"80",src:t},null,8,["src"])))),128))])]))),64))])),_:1})])):(a(),s("div",P,[p(m(r),{placeholder:"搜索文件"},{prefix:c((()=>[p(m(g),{component:m(b)},null,8,["component"])])),_:1}),n("div",_,[(a(),s(o,null,l(q,((t,i)=>n("div",{class:"file-item",key:i},[p(m(g),{component:m(b)},null,8,["component"]),n("div",x,[n("span",J,u(t.name),1),n("span",k,u(W(t)),1)]),n("div",C,[p(m(g),{size:16,component:m(y)},null,8,["component"]),p(m(g),{size:16,component:m(w)},null,8,["component"])])]))),64))])]))])),_:1},8,["title"]))}});export{z as default};
+import{defineComponent as e,ref as t,computed as a,watch as o,openBlock as s,createBlock as i,unref as n,withCtx as l,withDirectives as r,createElementVNode as c,createVNode as m,createElementBlock as p,Fragment as d,renderList as u,toDisplayString as y,vShow as f}from"vue";import{NModal as g,NImageGroup as v,NImage as h,NInput as b,NIcon as w}from"naive-ui";import{SearchOutline as M,OpenOutline as _,DownloadOutline as k}from"@vicons/ionicons5";import{searchChatRecordApi as I}from"../api/index.js";import{useScrollLoading as S}from"../hooks/useScrollLoading.js";import{format as T,isSameWeek as x,isSameMonth as j}from"date-fns";import{useState as A}from"../hooks/useState.js";import{last as z}from"lodash-es";import"../utils/emoji.js";import{useDebounceFn as D}from"@vueuse/core";const H={class:"label"},L={class:"image-box"},E={class:"c-chat-dialog__content c-chat-file-wrapper"},$={class:"text"},F={class:"name"},K={class:"detail"},O={class:"opt-box"};var R=e({__name:"ChatFile",props:{type:{type:String,default:"image"},visible:{type:Boolean}},setup(e){const R=e,{state:B}=A(),C=t([]),G=t([{name:"问的那个1.docx",size:"8kb",time:"2024/01/01 10:30",sender:"大傻子（质控部）"},{name:"问的那个21.docx",size:"8kb",time:"2024/01/01 10:30",sender:"大傻子（质控2部）"}]),U=t(),q=t(),J=t(),N=D(V,500),P={page:0,hasMore:!0,lastSendTime:T(new Date,"yyyy-MM-dd HH:mm:ss")};async function Q(){var e;try{if(!P.hasMore)return;P.page++;const t=await I({orgId:B.orgId,keyword:J.value,endTime:"",startTime:"",lastSendTime:P.lastSendTime,memberIdSet:[],page:P.page,recordType:"image"===R.type?"IMAGE":"FILE",sessionKey:B.currentSessionItem.sessionKey,userId:B.userInfo.id});Array.isArray(t)&&0!==t.length&&Array.isArray(t[0].recordList)||(P.hasMore=!1,console.log("接口返回不是一个数组，或者没有更多消息了"));let a=t||[];if(Array.isArray(t)&&t.length>0&&(a=t[0].recordList),P.lastSendTime=null==(e=z(a))?void 0:e.sendTime,"image"===R.type){const e=function(e){const t={};e.forEach((e=>{const a=new Date(e.sendTime);let o=T(a,"yyyy年MM月");x(a,new Date)?o="本周":j(a,new Date)&&(o="本月"),t[o]||(t[o]=[]),t[o].push(e.content.msg)}));return Object.entries(t).map((([e,t])=>({label:e,list:t})))}(a);C.value=P.page>1?C.value.concat(e):e}}catch(e){console.log(e)}}function V(){Object.assign(P,{page:0,hasMore:!0,lastSendTime:T(new Date,"yyyy-MM-dd HH:mm:ss")}),Q()}S(U,(()=>{Q()})),S(q,(()=>{Q()}));const W=a((()=>"image"===R.type?"聊天图片":"聊天文件"));function X(e){const{size:t,time:a,sender:o}=e;return`${t}.${a}.${o}`}return o((()=>R.visible),(e=>{e?V():J.value=""})),(t,a)=>(s(),i(n(g),{preset:"dialog",title:n(W),"show-icon":!1,"auto-focus":!1,class:"c-chat-dialog"},{default:l((()=>[r(c("div",{class:"c-chat-dialog__content c-chat-image-wrapper",ref_key:"imageRef",ref:U},[m(n(v),{"show-toolbar-tooltip":""},{default:l((()=>[(s(!0),p(d,null,u(C.value,(e=>(s(),p("div",{class:"image-item",key:e.label},[c("span",H,y(e.label),1),c("div",L,[(s(!0),p(d,null,u(e.list,(e=>(s(),i(n(h),{key:e,width:"80",height:"80",src:e},null,8,["src"])))),128))])])))),128))])),_:1})],512),[[f,"image"===e.type]]),r(c("div",E,[m(n(b),{placeholder:"搜索文件",value:J.value,"onUpdate:value":a[0]||(a[0]=e=>J.value=e),valueModifiers:{trim:!0},onInput:n(N)},{prefix:l((()=>[m(n(w),{component:n(M)},null,8,["component"])])),_:1},8,["value","onInput"]),c("div",{class:"file-list-box",ref_key:"fileRef",ref:q},[(s(!0),p(d,null,u(G.value,((e,t)=>(s(),p("div",{class:"file-item",key:t},[m(n(w),{component:n(M)},null,8,["component"]),c("div",$,[c("span",F,y(e.name),1),c("span",K,y(X(e)),1)]),c("div",O,[m(n(w),{size:16,component:n(_)},null,8,["component"]),m(n(w),{size:16,component:n(k)},null,8,["component"])])])))),128))],512)],512),[[f,"image"!==e.type]])])),_:1},8,["title"]))}});export{R as default};

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

@@ -332,23 +332,37 @@ declare const _default: import("vue").DefineComponent<{}, {
             type: StringConstructor;
             default: string;
         };
+        visible: {
+            type: BooleanConstructor;
+        };
     }, {
         props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
             type: {
                 type: StringConstructor;
                 default: string;
             };
+            visible: {
+                type: BooleanConstructor;
+            };
         }>> & {}>>;
-        imageList: {
+        state: import("../types").IState;
+        imageList: import("vue").Ref<AnyObject[]>;
+        fileList: import("vue").Ref<AnyObject[]>;
+        imageRef: import("vue").Ref<any>;
+        fileRef: import("vue").Ref<any>;
+        keyword: import("vue").Ref<any>;
+        handleInput: () => void;
+        currentInfo: {
+            page: number;
+            hasMore: boolean;
+            lastSendTime: string;
+        };
+        handleSearch: () => Promise<void>;
+        formatImageList: (data: AnyObject[]) => {
             label: string;
-            data: string[];
-        }[];
-        fileList: {
-            name: string;
-            size: string;
-            time: string;
-            sender: string;
+            list: unknown;
         }[];
+        resetAndSearch: () => void;
         title: import("vue").ComputedRef<"聊天图片" | "聊天文件">;
         getDetail: (item: AnyObject) => string;
         NModal: any;
@@ -562,8 +576,12 @@ declare const _default: import("vue").DefineComponent<{}, {
             type: StringConstructor;
             default: string;
         };
+        visible: {
+            type: BooleanConstructor;
+        };
     }>>, {
         type: string;
+        visible: boolean;
     }>;
     ChatRecord: import("vue").DefineComponent<{
         visible: {
@@ -598,7 +616,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         startDateDisabled: (ts: number) => boolean;
         endDateDisabled: (ts: number) => boolean;
         resetInfo: () => void;
-        handleCloseTag: (type: "end" | "start" | "member", e: Event) => void;
+        handleCloseTag: (type: "end" | "start" | "member") => void;
         getPrefixCondition: () => (JSX.Element | null)[];
         renderLabel: (option: AnyObject) => JSX.Element;
         NModal: any;
@@ -607,6 +625,17 @@ declare const _default: import("vue").DefineComponent<{}, {
         NSelect: any;
         NAvatar: any;
         NPopover: any;
+        NInputGroup: import("vue").DefineComponent<{
+            [x: string]: never;
+            [x: number]: never;
+            [x: symbol]: never;
+        }, {
+            mergedClsPrefix: 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<{
+            [x: string]: never;
+            [x: number]: never;
+            [x: symbol]: never;
+        }>>, {}>;
         DatePicker: import("../../../../shared/types").SFCWithInstall<import("vue").DefineComponent<{
             updateUnchangedValue: {
                 type: BooleanConstructor;
@@ -686,6 +715,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         }>>;
         formatTime: typeof import("../utils").formatTime;
         MESSAGE_TYPE: typeof import("../constants").MESSAGE_TYPE;
+        images: import("vue").Ref<any[]>;
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
         visible: {
             type: BooleanConstructor;

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

@@ -1 +1 @@
-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};
+import{defineComponent as e,ref as a,openBlock as o,createElementBlock as s,Fragment as t,unref as i,createElementVNode as l,createVNode as r,withCtx as c,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(),b=a(!1),j=a(!1),S=a("image"),y=a(!1);function I(e){S.value=e,j.value=!0}return(e,a)=>(o(),s(t,null,[i(k).id?(o(),s("section",w,[l("div",C,[r(m,{"user-id":i(k).currentSessionItem.receiver},{trigger:c((()=>[r(i(h),{round:"",size:30,src:i(k).currentSessionItem.avatar},null,8,["src"])])),_:1},8,["user-id"]),l("span",_,n(i(k).currentSessionItem.name),1)]),l("div",g,[l("i",{class:"chat--iconfont chat--icon-image",onClick:a[0]||(a[0]=()=>I("image"))}),l("i",{class:"chat--iconfont chat--icon-folder",onClick:a[1]||(a[1]=()=>I("file"))}),l("i",{class:"chat--iconfont chat--icon-list-search",onClick:a[2]||(a[2]=e=>y.value=!0)}),l("i",{class:"chat--iconfont chat--icon-set",onClick:a[3]||(a[3]=e=>b.value=!0)})])])):u("v-if",!0),r(f,{show:b.value,"onUpdate:show":a[4]||(a[4]=e=>b.value=e)},null,8,["show"]),r(d,{show:j.value,"onUpdate:show":a[5]||(a[5]=e=>j.value=e),type:S.value,visible:j.value},null,8,["show","type","visible"]),r(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/ChatRecord.vue.d.ts

@@ -35,7 +35,7 @@ declare const _default: import("vue").DefineComponent<{
     startDateDisabled: (ts: number) => boolean;
     endDateDisabled: (ts: number) => boolean;
     resetInfo: () => void;
-    handleCloseTag: (type: 'member' | 'start' | 'end', e: Event) => void;
+    handleCloseTag: (type: 'member' | 'start' | 'end') => void;
     getPrefixCondition: () => (JSX.Element | null)[];
     renderLabel: (option: AnyObject) => JSX.Element;
     NModal: any;
@@ -44,6 +44,17 @@ declare const _default: import("vue").DefineComponent<{
     NSelect: any;
     NAvatar: any;
     NPopover: any;
+    NInputGroup: import("vue").DefineComponent<{
+        [x: string]: never;
+        [x: number]: never;
+        [x: symbol]: never;
+    }, {
+        mergedClsPrefix: 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<{
+        [x: string]: never;
+        [x: number]: never;
+        [x: symbol]: never;
+    }>>, {}>;
     DatePicker: import("../../../../shared/types").SFCWithInstall<import("vue").DefineComponent<{
         updateUnchangedValue: {
             type: BooleanConstructor;
@@ -123,6 +134,7 @@ declare const _default: import("vue").DefineComponent<{
     }>>;
     formatTime: typeof formatTime;
     MESSAGE_TYPE: typeof MESSAGE_TYPE;
+    images: import("vue").Ref<any[]>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     visible: {
         type: BooleanConstructor;