cnhis-design-vue 3.2.10-beta.0 → 3.2.10-beta.2

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

@@ -23,6 +23,10 @@ declare const AiChat: SFCWithInstall<import("vue").DefineComponent<{
     uiStyle: {
         type: StringConstructor;
     };
+    audioTimed: {
+        type: NumberConstructor;
+        default: number;
+    };
 }, {
     cssVars: import("vue").ComputedRef<import("../../shared/types").AnyObject>;
     props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
@@ -49,6 +53,10 @@ declare const AiChat: SFCWithInstall<import("vue").DefineComponent<{
         uiStyle: {
             type: StringConstructor;
         };
+        audioTimed: {
+            type: NumberConstructor;
+            default: number;
+        };
     }>> & {
         "onButton-click"?: ((...args: any[]) => any) | undefined;
     }>>;
@@ -67,10 +75,12 @@ declare const AiChat: SFCWithInstall<import("vue").DefineComponent<{
         shortcutList: any;
         state: any;
         isSmall: any;
+        audioTimed: any;
         content: import("vue").Ref<string>;
         btnDisabled: import("vue").ComputedRef<boolean>;
         recorderStart: () => Promise<void>;
         recorderStop: () => Promise<void>;
+        isValidJSON: (str: string) => boolean;
         getShortcutName: (item: string | import("../../shared/types").AnyObject) => any;
         handleShortcut: (item: string | import("../../shared/types").AnyObject) => void;
         handleKeyDown: (event: KeyboardEvent) => void;
@@ -105,9 +115,14 @@ declare const AiChat: SFCWithInstall<import("vue").DefineComponent<{
     uiStyle: {
         type: StringConstructor;
     };
+    audioTimed: {
+        type: NumberConstructor;
+        default: number;
+    };
 }>> & {
     "onButton-click"?: ((...args: any[]) => any) | undefined;
 }, {
     hideInput: boolean;
+    audioTimed: number;
 }>>;
 export default AiChat;

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

@@ -25,6 +25,10 @@ declare const _default: import("vue").DefineComponent<{
     uiStyle: {
         type: StringConstructor;
     };
+    audioTimed: {
+        type: NumberConstructor;
+        default: number;
+    };
 }, {
     cssVars: import("vue").ComputedRef<AnyObject>;
     props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
@@ -51,6 +55,10 @@ declare const _default: import("vue").DefineComponent<{
         uiStyle: {
             type: StringConstructor;
         };
+        audioTimed: {
+            type: NumberConstructor;
+            default: number;
+        };
     }>> & {
         "onButton-click"?: ((...args: any[]) => any) | undefined;
     }>>;
@@ -69,10 +77,12 @@ declare const _default: import("vue").DefineComponent<{
         shortcutList: any;
         state: any;
         isSmall: any;
+        audioTimed: any;
         content: import("vue").Ref<string>;
         btnDisabled: import("vue").ComputedRef<boolean>;
         recorderStart: () => Promise<void>;
         recorderStop: () => Promise<void>;
+        isValidJSON: (str: string) => boolean;
         getShortcutName: (item: string | AnyObject) => any;
         handleShortcut: (item: string | AnyObject) => void;
         handleKeyDown: (event: KeyboardEvent) => void;
@@ -107,9 +117,14 @@ declare const _default: import("vue").DefineComponent<{
     uiStyle: {
         type: StringConstructor;
     };
+    audioTimed: {
+        type: NumberConstructor;
+        default: number;
+    };
 }>> & {
     "onButton-click"?: ((...args: any[]) => any) | undefined;
 }, {
     hideInput: boolean;
+    audioTimed: number;
 }>;
 export default _default;

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

@@ -1 +1 @@
-import{defineComponent as e,reactive as t,provide as o,toRefs as r,computed as s,openBlock as i,createElementBlock as a,normalizeClass as n,normalizeStyle as p,unref as u,createVNode as m,createBlock as l,createCommentVNode as d}from"vue";import h from"./components/ChatMain.js";import c from"./components/ChatFooter.vue.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"naive-ui";import"../../../shared/hooks/useScrollLoading.js";import{InjectionAIChat as v,InjectionAIChatEmits as S}from"./types/index.js";var f=e({__name:"Index",props:{userAvatar:{type:String},defaultShortcutList:{type:Array},shortcutList:{type:Array},queryData:{type:Function,reuired:!0},queryRecord:{type:Function,reuired:!0},hideInput:{type:Boolean},uiStyle:{type:String}},emits:["button-click"],setup(e,{emit:f}){const j=e,k=y(),g=t({beingSent:!1,sendContent:""});return o(v,{...r(j),state:g,isSmall:s((()=>"small"===j.uiStyle))}),o(S,f),(t,o)=>(i(),a("div",{class:n(["ai-chat","small"===e.uiStyle?"ai-chat--small":""]),style:p(u(k))},[m(u(h)),e.hideInput?d("v-if",!0):(i(),l(c,{key:0}))],6))}});export{f as default};
+import{defineComponent as e,reactive as t,provide as o,toRefs as r,computed as s,openBlock as i,createElementBlock as a,normalizeClass as n,normalizeStyle as u,unref as m,createVNode as p,createBlock as d,createCommentVNode as l}from"vue";import h from"./components/ChatMain.js";import c from"./components/ChatFooter.vue.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"naive-ui";import"../../../shared/hooks/useScrollLoading.js";import{InjectionAIChat as v,InjectionAIChatEmits as f}from"./types/index.js";var S=e({__name:"Index",props:{userAvatar:{type:String},defaultShortcutList:{type:Array},shortcutList:{type:Array},queryData:{type:Function,reuired:!0},queryRecord:{type:Function,reuired:!0},hideInput:{type:Boolean},uiStyle:{type:String},audioTimed:{type:Number,default:10}},emits:["button-click"],setup(e,{emit:S}){const j=e,k=y(),g=t({beingSent:!1,sendContent:""});return o(v,{...r(j),state:g,isSmall:s((()=>"small"===j.uiStyle))}),o(f,S),(t,o)=>(i(),a("div",{class:n(["ai-chat","small"===e.uiStyle?"ai-chat--small":""]),style:u(m(k))},[p(m(h)),e.hideInput?l("v-if",!0):(i(),d(c,{key:0}))],6))}});export{S as default};

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

@@ -6,10 +6,12 @@ declare const _default: import("vue").DefineComponent<{}, {
     shortcutList: any;
     state: any;
     isSmall: any;
+    audioTimed: any;
     content: import("vue").Ref<string>;
     btnDisabled: import("vue").ComputedRef<boolean>;
     recorderStart: () => Promise<void>;
     recorderStop: () => Promise<void>;
+    isValidJSON: (str: string) => boolean;
     getShortcutName: (item: string | AnyObject) => any;
     handleShortcut: (item: string | AnyObject) => void;
     handleKeyDown: (event: KeyboardEvent) => void;

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

@@ -1 +1 @@
-import{defineComponent as e,inject as n,ref as t,computed as o,watch as l,onBeforeUnmount as i,openBlock as a,createElementBlock as s,normalizeClass as r,unref as d,Fragment as c,renderList as u,createBlock as f,withCtx as v,createTextVNode as p,toDisplayString as k,createCommentVNode as m,createElementVNode as b,createSlots as h,createVNode as w,getCurrentInstance as y}from"vue";import{NButton as g,NInput as x,NIcon as S}from"naive-ui";import{PaperPlane as C}from"@vicons/ionicons5";import{InjectionAIChatEmits as K,InjectionAIChat as _}from"../types/index.js";import j from"../../../audio-sdk/src/audioSDK.js";import{isString as z}from"lodash-es";const M={key:0,class:"menu-box fillet-8"},E={class:"input-wrapper fillet-10"},R=b("svg",{xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink",viewBox:"0 0 512 512"},[b("path",{fill:"none",stroke:"black","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"32",d:"M192 448h128"}),b("path",{d:"M384 208v32c0 70.4-57.6 128-128 128h0c-70.4 0-128-57.6-128-128v-32",fill:"none",stroke:"black","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"32"}),b("path",{fill:"none",stroke:"black","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"32",d:"M256 368v80"}),b("path",{d:"M256 64a63.68 63.68 0 0 0-64 64v111c0 35.2 29 65 64 65s64-29 64-65V128c0-36-28-64-64-64z",fill:"none",stroke:"#4972EF","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"32"})],-1),D={class:"btn-box"},F=["disabled"];var N=e({__name:"ChatFooter",setup(e){const N=j.create(),U=n(K),{shortcutList:B,state:J,isSmall:L}=n(_),O=t(""),P=o((()=>!O.value.replace(/(&nbsp;|\s|<br>)+/g,"")));async function T(){await N.recorderStart(y(),{onStop:V,allowPunctuationMark:!1,timed:5,realTimeRecognition:!0})}async function V(){try{const e=await N.recorderStop();if("success"!==e.result)return;const{text:n}=e.data;O.value=n}catch(e){console.log(e)}}function q(e){var n,t;if(z(e))return e;return JSON.parse((null==(t=null==(n=null==e?void 0:e.contents)?void 0:n[0])?void 0:t.content)||"{}").instructionName}function A(e){["Enter"].includes(e.key)&&(function(e){return e.altKey||e.ctrlKey||e.metaKey||e.shiftKey}(e)||(e.preventDefault(),G()))}function G(){P.value||(J.beingSent=!0,J.sendContent=O.value,O.value="")}return l((()=>J.sendContent),(e=>{e&&!J.beingSent&&(O.value=e)})),i((()=>{N.destroy()})),(e,n)=>(a(),s("section",{class:r(["chat-footer",d(J).beingSent?"disabled":""])},[d(B)&&d(B).length>0?(a(),s("div",M,[(a(!0),s(c,null,u(d(B),(e=>(a(),f(d(g),{secondary:"",size:"small",round:!!d(L),key:q(e),onClick:()=>function(e){var n;if(z(e))O.value=e;else{const t=null==(n=null==e?void 0:e.contents)?void 0:n[0];U("button-click",t,e)}}(e)},{default:v((()=>[p(k(q(e)),1)])),_:2},1032,["round","onClick"])))),128))])):m("v-if",!0),b("div",E,[d(L)?(a(),f(d(x),{key:0,style:{"--n-height":"48px"},round:"",placeholder:"",disabled:d(J).beingSent,value:O.value,"onUpdate:value":n[0]||(n[0]=e=>O.value=e),onKeydown:A},h({_:2},[d(L)?{name:"suffix",fn:v((()=>[w(d(g),{text:"",disabled:d(J).beingSent,onClick:T},{icon:v((()=>[w(d(S),{size:"30"},{default:v((()=>[R])),_:1})])),_:1},8,["disabled"]),w(d(g),{circle:"",class:"gradient",style:{"margin-left":"10px"},disabled:d(P),onClick:G},{icon:v((()=>[w(d(S),{color:"#fff",size:"20",component:d(C)},null,8,["component"])])),_:1},8,["disabled"])])),key:"0"}:void 0]),1032,["disabled","value"])):(a(),s(c,{key:1},[w(d(x),{type:"textarea",placeholder:"请向我提问，Shift+Enter换行",disabled:d(J).beingSent,autosize:{minRows:2,maxRows:7},value:O.value,"onUpdate:value":n[1]||(n[1]=e=>O.value=e),onKeydown:A},null,8,["disabled","value"]),b("div",D,[b("span",{class:r(["btn-send","gradient","fillet-8",d(P)?"disabled":""]),disabled:d(P),onClick:G},[w(d(S),{color:"#fff",size:"22",component:d(C)},null,8,["component"])],10,F)])],64))])],2))}});export{N as default};
+import{defineComponent as e,inject as n,ref as t,computed as o,watch as l,onBeforeUnmount as i,openBlock as a,createElementBlock as s,normalizeClass as r,unref as d,Fragment as c,renderList as u,createBlock as f,withCtx as p,createTextVNode as v,toDisplayString as k,createCommentVNode as m,createElementVNode as b,createVNode as h,getCurrentInstance as w}from"vue";import{NButton as y,NInput as g,NIcon as x}from"naive-ui";import{PaperPlane as S}from"@vicons/ionicons5";import{InjectionAIChatEmits as C,InjectionAIChat as K}from"../types/index.js";import _ from"../../../audio-sdk/src/audioSDK.js";import{isString as j}from"lodash-es";const z={key:0,class:"menu-box fillet-8"},M={class:"input-wrapper fillet-10"},E=b("svg",{xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink",viewBox:"0 0 512 512"},[b("path",{fill:"none",stroke:"black","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"32",d:"M192 448h128"}),b("path",{d:"M384 208v32c0 70.4-57.6 128-128 128h0c-70.4 0-128-57.6-128-128v-32",fill:"none",stroke:"black","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"32"}),b("path",{fill:"none",stroke:"black","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"32",d:"M256 368v80"}),b("path",{d:"M256 64a63.68 63.68 0 0 0-64 64v111c0 35.2 29 65 64 65s64-29 64-65V128c0-36-28-64-64-64z",fill:"none",stroke:"#4972EF","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"32"})],-1),N={class:"btn-box"},R=["disabled"];var D=e({__name:"ChatFooter",setup(e){const D=_.create(),F=n(C),{shortcutList:J,state:O,isSmall:T,audioTimed:U}=n(K),B=t(""),L=o((()=>!B.value.replace(/(&nbsp;|\s|<br>)+/g,"")));async function P(){await D.recorderStart(w(),{onStop:V,allowPunctuationMark:!1,timed:U.value||10,realTimeRecognition:!0})}async function V(){try{const e=await D.recorderStop();if("success"!==e.result)return;const{text:n}=e.data;B.value=n}catch(e){console.log(e)}}function q(e){var n,t;if(j(e))return e;const o=null==(t=null==(n=null==e?void 0:e.contents)?void 0:n[0])?void 0:t.content;return(function(e){try{return JSON.parse(e),!0}catch(e){return!1}}(o)?JSON.parse(o):{}).instructionName}function A(e){["Enter"].includes(e.key)&&(function(e){return e.altKey||e.ctrlKey||e.metaKey||e.shiftKey}(e)||(e.preventDefault(),G()))}function G(){L.value||(O.beingSent=!0,O.sendContent=B.value,B.value="")}return l((()=>O.sendContent),(e=>{e&&!O.beingSent&&(B.value=e)})),i((()=>{D.destroy()})),(e,n)=>(a(),s("section",{class:r(["chat-footer",d(O).beingSent?"disabled":""])},[d(J)&&d(J).length>0?(a(),s("div",z,[(a(!0),s(c,null,u(d(J),(e=>(a(),f(d(y),{secondary:"",size:"small",round:d(T),key:q(e),onClick:()=>function(e){var n;if(j(e))B.value=e;else{const t=null==(n=null==e?void 0:e.contents)?void 0:n[0];F("button-click",t,e)}}(e)},{default:p((()=>[v(k(q(e)),1)])),_:2},1032,["round","onClick"])))),128))])):m("v-if",!0),b("div",M,[d(T)?(a(),f(d(g),{key:0,style:{"--n-height":"48px"},round:"",placeholder:"",disabled:d(O).beingSent,value:B.value,"onUpdate:value":n[0]||(n[0]=e=>B.value=e),onKeydown:A},{suffix:p((()=>[h(d(y),{text:"",disabled:d(O).beingSent,onClick:P},{icon:p((()=>[h(d(x),{size:"30"},{default:p((()=>[E])),_:1})])),_:1},8,["disabled"]),h(d(y),{circle:"",class:"gradient",style:{"margin-left":"10px"},disabled:d(L),onClick:G},{icon:p((()=>[h(d(x),{color:"#fff",size:"20",component:d(S)},null,8,["component"])])),_:1},8,["disabled"])])),_:1},8,["disabled","value"])):(a(),s(c,{key:1},[h(d(g),{type:"textarea",placeholder:"请向我提问，Shift+Enter换行",disabled:d(O).beingSent,autosize:{minRows:2,maxRows:7},value:B.value,"onUpdate:value":n[1]||(n[1]=e=>B.value=e),onKeydown:A},null,8,["disabled","value"]),b("div",N,[b("span",{class:r(["btn-send","gradient","fillet-8",d(L)?"disabled":""]),disabled:d(L),onClick:G},[h(d(x),{color:"#fff",size:"22",component:d(S)},null,8,["component"])],10,R)])],64))])],2))}});export{D as default};

package/es/components/ai-chat/src/components/ChatMain.js

@@ -1 +1 @@
-import{defineComponent as e,inject as n,ref as t,computed as l,watch as s,createVNode as a,createTextVNode as o,mergeProps as i,isVNode as r}from"vue";import{NAvatar as u,NSpin as c,NButton as d,NSpace as p,NIcon as m}from"naive-ui";import{InjectionAIChatEmits as v,InjectionAIChat as f}from"../types/index.js";import g from"../../../../shared/assets/img/ai__avatar.png.js";import h from"../../../../shared/assets/img/logo.png.js";import{isArray as b,isFunction as y}from"lodash-es";import"../../../../shared/utils/index.js";import"@vueuse/core";import"date-fns";import"@vue/shared";import"@vueuse/shared";import"../../../../shared/hooks/selectHooks/useSearchContent.js";import{ChevronForward as k}from"@vicons/ionicons5";import{useScrollLoading as x}from"../../../../shared/hooks/useScrollLoading.js";function S(e){return"function"==typeof e||"[object Object]"===Object.prototype.toString.call(e)&&!r(e)}var j=e({name:"ChatMain",inheritAttrs:!1,props:{},emits:[],setup(e,{attrs:r,slots:j,emit:C}){const E=n(v),{userAvatar:_,queryData:z,state:T,queryRecord:w,defaultShortcutList:I,hideInput:L=!1,isSmall:M}=n(f),N=t(null),O=t([]),A=t(!1),q=l((()=>M.value?h:g)),H={page:0,hasMore:!0};async function J(e=!1){if(!H.hasMore)return;H.page++,1==H.page&&(O.value=[]);const{records:n,rows:t}=await w.value({page:H.page});b(t)&&O.value.length<=+n&&(O.value=H.page>1?[...O.value,...t]:t,D(),O.value.length>=+n&&(e&&(A.value=!0),H.hasMore=!1,console.log("没有更多消息了")))}function D(){O.value.forEach((e=>{e.buttonType&&(e.disabled=!0),e.contents.forEach((e=>e.disabled=!0))}))}function R(e){const{item:n,msgItem:t,isLink:l}=e;if(t)return E("button-click",t,n),void O.value.forEach((e=>e.contents.forEach((e=>e.disabled=!0))));O.value.forEach((e=>e.buttonType&&(e.disabled=!0))),n.link||(T.beingSent=!0,T.sendContent="确定")}function B(e,n){const{contentType:t,content:l=""}=n;if("json"!==t||!function(e){try{return JSON.parse(e),!0}catch(e){return!1}}(l))return null;const s=JSON.parse(l),i=["journaling","dashboard"].includes(s.buttonType);return a("div",{class:"card"},[[a("p",null,[s.title]),i?s.fields.map((t=>a(d,{class:"link-btn",style:"--n-height: 36px",secondary:!0,"icon-placement":"right",onClick:()=>R({item:e,msgItem:n,isLink:i})},{default:()=>t.name,icon:()=>a(m,{component:k},null)}))):[a("div",{class:"card-body"},[a("p",{class:"card-body__head"},[s.instructionName]),a("div",{class:"card-body__content"},[s.fields.map((e=>a("div",null,[a("span",{class:"label"},[e.name]),o("："),a("span",null,[e.value])])))])]),a(d,{style:"margin-top: 10px;width: 100%;--n-height: 36px;font-size: 15px",secondary:!0,class:"gradient",disabled:n.disabled,onClick:()=>R({item:e,msgItem:n})},{default:()=>[s.buttonName]})]]])}function F(e,n){const{contents:t=[],buttonType:l=""}=e,s=B(e,t[n]);if(s)return s;return[t[n].content.replace(/\\n|\n|\r\n/g,"<br>").split("<br>").filter((e=>!!e)).map(((e,n,t)=>[e,n===t.length-1?null:a("br",null,null)])),l&&0===n?[a("br",null,null),a(d,i({style:"margin-top: 5px",secondary:!0,class:"gradient",disabled:e.disabled},e.link?{tag:"a",href:e.link,target:"_blank"}:{},{onClick:()=>R({item:e})}),{default:()=>[o("确定")]})]:null]}function G({role:e=""}){return"user"===e}function K(){let e;return a("div",{class:"message-item"},[a(u,{round:!0,size:M.value?64:40,src:q.value},null),a("div",{class:"content-box"},[a("div",{class:"content fillet-10 default"},[a("h2",null,[o("Hi，我是你的AI助理")]),a("p",null,[o("我汇集了医生站/护士站各项智能服务，可以向我进行提问哦 ~ "),a("br",null,null),o("你的反馈助我成长，期待我们一起探索未来！下次可以在首页和应用页找到我~")]),b(I.value)&&I.value.length>0?[a("p",{style:"margin: 5px 0 5px"},[o("你可以试着问我：")]),a(p,{"wrap-item":!1},S(e=I.value.map((e=>a(d,{size:"large",secondary:!0,onClick:()=>T.sendContent=e,disabled:T.beingSent},S(e)?e:{default:()=>[e]}))))?e:{default:()=>[e]})]:null])])])}return x(N,(()=>{J()}),L.value?"bottom":"top"),J(!0),s((()=>T.beingSent),(async e=>{if(e){O.value.unshift({contents:[{role:"user",content:T.sendContent}]}),D();const e=await z.value({content:T.sendContent,contentType:"text"});b(null==e?void 0:e.contents)&&O.value.unshift(e),T.beingSent=!1,T.sendContent=""}})),()=>a("section",{class:"chat-main",ref:N,style:{"flex-direction":L.value?"column":"column-reverse"}},[[T.beingSent?a("div",{class:"message-item"},[[M.value?null:a(u,{round:!0,size:40,src:q.value},null),a("div",{class:"content-box"},[a("div",{class:"content loading"},[a(c,{size:22,stroke:"#4170EE"},null),a("span",null,[o("正在加载中，请稍等...")])])])]]):null,O.value.map((e=>e.contents.map(((n,t)=>a("div",{class:"message-item"},[[M.value?null:a(u,{round:!0,size:40,src:G(n)?_.value:q.value},null),a("div",{class:["content-box",G(n)?"mine":""]},[a("div",{class:"content"},[y(n.render)?n.render():F(e,t)])])]]))))),A.value?K():null]])}});export{j as default};
+import{defineComponent as e,inject as t,ref as n,computed as l,watch as a,createVNode as s,createTextVNode as o,mergeProps as i,isVNode as r}from"vue";import{NAvatar as u,NSpin as c,NButton as d,NSpace as m,NIcon as p}from"naive-ui";import{InjectionAIChatEmits as v,InjectionAIChat as f}from"../types/index.js";import g from"../../../../shared/assets/img/ai__avatar.png.js";import h from"../../../../shared/assets/img/logo.png.js";import{isArray as b,isFunction as y}from"lodash-es";import"../../../../shared/utils/index.js";import"@vueuse/core";import"date-fns";import"@vue/shared";import"@vueuse/shared";import"../../../../shared/hooks/selectHooks/useSearchContent.js";import{ChevronForward as x}from"@vicons/ionicons5";import{useScrollLoading as k}from"../../../../shared/hooks/useScrollLoading.js";function S(e){return"function"==typeof e||"[object Object]"===Object.prototype.toString.call(e)&&!r(e)}var j=e({name:"ChatMain",inheritAttrs:!1,props:{},emits:[],setup(e,{attrs:r,slots:j,emit:C}){const I=t(v),{userAvatar:E,queryData:T,state:_,queryRecord:z,defaultShortcutList:w,hideInput:M=!1,isSmall:N}=t(f),O=n(null),A=n([]),q=n(!1),H=l((()=>N.value?h:g)),J={page:0,hasMore:!0};async function L(e=!1){if(!J.hasMore)return;J.page++,1==J.page&&(A.value=[]);const{records:t,rows:n}=await z.value({page:J.page});b(n)&&A.value.length<=+t&&(A.value=J.page>1?[...A.value,...n]:n,D(),A.value.length>=+t&&(e&&(q.value=!0),J.hasMore=!1,console.log("没有更多消息了")))}function D(){A.value.forEach((e=>{e.buttonType&&(e.disabled=!0),e.contents.forEach((e=>e.disabled=!0))}))}function R(e){const{item:t,msgItem:n,fieldItem:l}=e;if(n)return I("button-click",{item:t,msgItem:n,fieldItem:l}),void A.value.forEach((e=>e.contents.forEach((e=>e.disabled=!0))));A.value.forEach((e=>e.buttonType&&(e.disabled=!0))),t.link||(_.beingSent=!0,_.sendContent="确定")}function B(e,t){const{contentType:n,content:l=""}=t;if("json"!==n||!function(e){try{return JSON.parse(e),!0}catch(e){return!1}}(l))return null;const a=JSON.parse(l),i=["journaling","dashboard"].includes(a.buttonType);return s("div",{class:"card"},[[s("p",null,[a.title]),i?a.fields.map((n=>s(d,{class:"link-btn",style:"--n-height: 36px",secondary:!0,"icon-placement":"right",onClick:()=>R({item:e,msgItem:t,fieldItem:n})},{default:()=>n.name,icon:()=>s(p,{component:x},null)}))):[s("div",{class:"card-body"},[s("p",{class:"card-body__head"},[a.instructionName]),s("div",{class:"card-body__content"},[a.fields.map((e=>s("div",null,[s("span",{class:"label"},[e.name]),o("："),s("span",null,[e.value])])))])]),s(d,{style:"margin-top: 10px;width: 100%;--n-height: 36px;font-size: 15px",secondary:!0,class:"gradient",disabled:t.disabled,onClick:()=>R({item:e,msgItem:t})},{default:()=>[a.buttonName]})]]])}function F(e,t){const{contents:n=[],buttonType:l=""}=e,a=B(e,n[t]);if(a)return a;return[n[t].content.replace(/\\n|\n|\r\n/g,"<br>").split("<br>").filter((e=>!!e)).map(((e,t,n)=>[e,t===n.length-1?null:s("br",null,null)])),l&&0===t?[s("br",null,null),s(d,i({style:"margin-top: 5px",secondary:!0,class:"gradient",disabled:e.disabled},e.link?{tag:"a",href:e.link,target:"_blank"}:{},{onClick:()=>R({item:e})}),{default:()=>[o("确定")]})]:null]}function G({role:e=""}){return"user"===e}function K(){let e;return s("div",{class:"message-item"},[s(u,{round:!0,size:N.value?64:40,src:H.value},null),s("div",{class:"content-box"},[s("div",{class:"content fillet-10 default"},[s("h2",null,[o("Hi，我是你的AI助理")]),s("p",null,[o("我汇集了医生站/护士站各项智能服务，可以向我进行提问哦 ~ "),s("br",null,null),o("你的反馈助我成长，期待我们一起探索未来！下次可以在首页和应用页找到我~")]),b(w.value)&&w.value.length>0?[s("p",{style:"margin: 5px 0 5px"},[o("你可以试着问我：")]),s(m,{"wrap-item":!1},S(e=w.value.map((e=>s(d,{size:"large",secondary:!0,onClick:()=>_.sendContent=e,disabled:_.beingSent},S(e)?e:{default:()=>[e]}))))?e:{default:()=>[e]})]:null])])])}return k(O,(()=>{L()}),M.value?"bottom":"top"),L(!0),a((()=>_.beingSent),(async e=>{var t;if(e){null==(t=O.value)||t.scrollTo({top:0,behavior:"auto"}),A.value.unshift({contents:[{role:"user",content:_.sendContent}]}),D();const e=await T.value({content:_.sendContent,contentType:"text"});b(null==e?void 0:e.contents)&&A.value.unshift(e),_.beingSent=!1,_.sendContent=""}})),()=>s("section",{class:"chat-main",ref:O,style:{"flex-direction":M.value?"column":"column-reverse"}},[[_.beingSent?s("div",{class:"message-item"},[[N.value?null:s(u,{round:!0,size:40,src:H.value},null),s("div",{class:"content-box"},[s("div",{class:"content loading"},[s(c,{size:22,stroke:"#4170EE"},null),s("span",null,[o("正在加载中，请稍等...")])])])]]):null,A.value.map((e=>e.contents.map(((t,n)=>s("div",{class:"message-item"},[[N.value?null:s(u,{round:!0,size:40,src:G(t)?E.value:H.value},null),s("div",{class:["content-box",G(t)?"mine":""]},[s("div",{class:"content"},[y(t.render)?t.render():F(e,n)])])]]))))),q.value?K():null]])}});export{j as default};

package/es/components/ai-chat/style/index.css

@@ -1 +1 @@
-.c-recording-wrapper{align-items:center;background-color:#fff;border-radius:10px;bottom:100px;display:flex;height:350px;justify-content:center;left:calc(50% - 250px);position:fixed;width:500px}@keyframes toScale{0%{transform:translateX(-50%) translateY(-50%) scale(1)}to{transform:translateX(-50%) translateY(-50%) scale(1.5)}}.c-recording-wrapper .content{font-size:18px;position:absolute;text-align:center;top:20px}.c-recording-wrapper .animation{animation:toScale 1s infinite;background-color:#5585f54d;left:50%;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%) scale(1);z-index:-1}.c-recording-wrapper .animation,.c-recording-wrapper .icon-box{align-items:center;border-radius:50%;display:flex;height:90px;justify-content:center;width:90px}.c-recording-wrapper .icon-box{background-color:#5585f5;cursor:pointer}.c-recording-wrapper .tip{bottom:20px;position:absolute}.ai-chat{background:linear-gradient(135deg,#c9dbfb,#c9dbfb 20%,rgba(237,237,253,.5) 70%,rgba(151,97,251,.2));display:flex;flex-flow:column nowrap;height:100%;padding:45px 0 60px;width:100%}.ai-chat,.ai-chat *{box-sizing:border-box}.ai-chat .fillet-10{border-radius:10px}.ai-chat .fillet-8{border-radius:8px}.ai-chat .n-avatar{background-color:var(--c-primary-color)}.ai-chat .gradient{background:linear-gradient(178deg,#8f66f7,#4170ee);color:#fff}.ai-chat .gradient:active,.ai-chat .gradient:focus,.ai-chat .gradient:hover{color:#fff}.ai-chat .chat-main{display:flex;flex:1;flex-flow:column-reverse nowrap;overflow-y:auto;padding:0 130px 0 82px;row-gap:16px}.ai-chat .chat-main::-webkit-scrollbar{width:5px}.ai-chat .chat-main::-webkit-scrollbar-thumb{background:rgba(0,0,0,.25);border-radius:5px}.ai-chat .chat-main .message-item{column-gap:8px;display:flex;flex-flow:row nowrap}.ai-chat .chat-main .message-item:first-child{margin-bottom:auto}.ai-chat .chat-main .message-item .n-avatar{flex-shrink:0}.ai-chat .chat-main .message-item .content-box .content{background:#fff;border-radius:10px;padding:10px 12px}.ai-chat .chat-main .message-item .content-box .content .card{width:236px}.ai-chat .chat-main .message-item .content-box .content .card>p{font-size:14px;line-height:19px}.ai-chat .chat-main .message-item .content-box .content .card .link-btn{display:flex;flex-flow:row wrap;font-size:14px;justify-content:space-between;margin-top:10px;width:100%}.ai-chat .chat-main .message-item .content-box .content .card .link-btn .n-button__content{display:unset;flex:1;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.ai-chat .chat-main .message-item .content-box .content .card .card-body{border:1px solid #d5d5d5;border-radius:8px;margin-top:5px;overflow:hidden}.ai-chat .chat-main .message-item .content-box .content .card .card-body__head{background:rgba(65,112,238,.14);line-height:36px;padding:0 15px}.ai-chat .chat-main .message-item .content-box .content .card .card-body__content{padding:10px 6px}.ai-chat .chat-main .message-item .content-box .content .card .card-body__content>div{display:flex;font-size:12px}.ai-chat .chat-main .message-item .content-box .content .card .card-body__content>div .label{flex:0 0 90px;text-align:right}.ai-chat .chat-main .message-item .content-box .content.default h2{font-size:22px;font-weight:500;margin:10px 0}.ai-chat .chat-main .message-item .content-box .content.loading{align-items:center;color:#999;column-gap:10px;display:flex}.ai-chat .chat-main .message-item .content-box.mine .content{background:hsla(0,0%,100%,.48);border-radius:8px}.ai-chat .chat-footer{padding:30px 130px 0}.ai-chat .chat-footer.disabled{cursor:not-allowed}.ai-chat .chat-footer .menu-box{background:#fff;column-gap:8px;display:flex;margin-bottom:8px;overflow-x:auto;padding:10px}.ai-chat .chat-footer .menu-box::-webkit-scrollbar{width:5px}.ai-chat .chat-footer .menu-box::-webkit-scrollbar-thumb{background:rgba(0,0,0,.25);border-radius:5px}.ai-chat .chat-footer .menu-box::-webkit-scrollbar{height:5px}.ai-chat .chat-footer .input-wrapper{background:#fff;box-shadow:0 3px 4px 0 rgba(0,0,0,.1);padding:15px 20px}.ai-chat .chat-footer .input-wrapper .n-input__border,.ai-chat .chat-footer .input-wrapper .n-input__state-border{border:none}.ai-chat .chat-footer .input-wrapper .n-input:not(.n-input--disabled).n-input--focus .n-input__state-border{box-shadow:unset}.ai-chat .chat-footer .input-wrapper .btn-box{display:flex;justify-content:flex-end}.ai-chat .chat-footer .input-wrapper .btn-box .btn-send{align-items:center;cursor:pointer;display:flex;height:46px;justify-content:center;width:58px}.ai-chat .chat-footer .input-wrapper .btn-box .btn-send.disabled{cursor:not-allowed;opacity:.5}.ai-chat--small{padding:20px 20px 44px}.ai-chat--small .chat-main{padding:0 0 10px}.ai-chat--small .chat-main .message-item{display:unset}.ai-chat--small .chat-main .message-item .n-avatar{background:transparent}.ai-chat--small .chat-main .message-item .content-box{display:flex;flex-flow:row nowrap}.ai-chat--small .chat-main .message-item .content-box .content{border-radius:3px 14px 14px;max-width:calc(100% - 55px)}.ai-chat--small .chat-main .message-item .content-box .content.default{border-radius:4px 16px 16px}.ai-chat--small .chat-main .message-item .content-box.mine{flex-flow:row-reverse nowrap}.ai-chat--small .chat-main .message-item .content-box.mine .content{background:#5874dc;border-radius:14px 0 14px 14px;color:#fff}.ai-chat--small .chat-footer{padding:10px 0 0}.ai-chat--small .chat-footer .menu-box{background:none;padding:0}.ai-chat--small .chat-footer .menu-box .n-button{background:#fff}.ai-chat--small .chat-footer .input-wrapper{border-radius:24px;box-shadow:0 0 6px 0 hsla(240,9%,85%,.74);padding:0}
+.c-recording-wrapper{align-items:center;background-color:#fff;border-radius:10px;bottom:100px;display:flex;height:350px;justify-content:center;left:calc(50% - 250px);position:fixed;width:500px}@keyframes toScale{0%{transform:translateX(-50%) translateY(-50%) scale(1)}to{transform:translateX(-50%) translateY(-50%) scale(1.5)}}.c-recording-wrapper .content{font-size:18px;position:absolute;text-align:center;top:20px}.c-recording-wrapper .animation{animation:toScale 1s infinite;background-color:#5585f54d;left:50%;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%) scale(1);z-index:-1}.c-recording-wrapper .animation,.c-recording-wrapper .icon-box{align-items:center;border-radius:50%;display:flex;height:90px;justify-content:center;width:90px}.c-recording-wrapper .icon-box{background-color:#5585f5;cursor:pointer}.c-recording-wrapper .tip{bottom:20px;position:absolute}.ai-chat{background:linear-gradient(135deg,#c9dbfb,#c9dbfb 20%,rgba(237,237,253,.5) 70%,rgba(151,97,251,.2));display:flex;flex-flow:column nowrap;font-size:14px;height:100%;padding:45px 0 60px;width:100%}.ai-chat,.ai-chat *{box-sizing:border-box}.ai-chat .fillet-10{border-radius:10px}.ai-chat .fillet-8{border-radius:8px}.ai-chat .n-avatar{background-color:var(--c-primary-color)}.ai-chat .gradient{background:linear-gradient(178deg,#8f66f7,#4170ee);color:#fff}.ai-chat .gradient:active,.ai-chat .gradient:focus,.ai-chat .gradient:hover{color:#fff}.ai-chat .chat-main{display:flex;flex:1;flex-flow:column-reverse nowrap;overflow-y:auto;padding:0 130px 0 82px;row-gap:16px}.ai-chat .chat-main::-webkit-scrollbar{width:5px}.ai-chat .chat-main::-webkit-scrollbar-thumb{background:rgba(0,0,0,.25);border-radius:5px}.ai-chat .chat-main .message-item{column-gap:8px;display:flex;flex-flow:row nowrap}.ai-chat .chat-main .message-item:first-child{margin-bottom:auto}.ai-chat .chat-main .message-item .n-avatar{flex-shrink:0}.ai-chat .chat-main .message-item .content-box .content{background:#fff;border-radius:10px;padding:10px 12px}.ai-chat .chat-main .message-item .content-box .content .card{width:236px}.ai-chat .chat-main .message-item .content-box .content .card>p{font-size:14px;line-height:19px}.ai-chat .chat-main .message-item .content-box .content .card .link-btn{display:flex;flex-flow:row wrap;font-size:14px;justify-content:space-between;margin-top:10px;width:100%}.ai-chat .chat-main .message-item .content-box .content .card .link-btn .n-button__content{display:unset;flex:1;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.ai-chat .chat-main .message-item .content-box .content .card .card-body{border:1px solid #d5d5d5;border-radius:8px;margin-top:5px;overflow:hidden}.ai-chat .chat-main .message-item .content-box .content .card .card-body__head{background:rgba(65,112,238,.14);line-height:36px;padding:0 15px}.ai-chat .chat-main .message-item .content-box .content .card .card-body__content{padding:10px 6px}.ai-chat .chat-main .message-item .content-box .content .card .card-body__content>div{display:flex;font-size:12px}.ai-chat .chat-main .message-item .content-box .content .card .card-body__content>div .label{flex:0 0 60px;text-align:right}.ai-chat .chat-main .message-item .content-box .content.default h2{font-size:22px;font-weight:500;margin:10px 0}.ai-chat .chat-main .message-item .content-box .content.loading{align-items:center;color:#999;column-gap:10px;display:flex}.ai-chat .chat-main .message-item .content-box.mine .content{background:hsla(0,0%,100%,.48);border-radius:8px}.ai-chat .chat-footer{padding:30px 130px 0}.ai-chat .chat-footer.disabled{cursor:not-allowed}.ai-chat .chat-footer .menu-box{background:#fff;column-gap:8px;display:flex;margin-bottom:8px;overflow-x:auto;padding:10px}.ai-chat .chat-footer .menu-box::-webkit-scrollbar{width:5px}.ai-chat .chat-footer .menu-box::-webkit-scrollbar-thumb{background:rgba(0,0,0,.25);border-radius:5px}.ai-chat .chat-footer .menu-box::-webkit-scrollbar{height:5px}.ai-chat .chat-footer .input-wrapper{background:#fff;box-shadow:0 3px 4px 0 rgba(0,0,0,.1);padding:15px 20px}.ai-chat .chat-footer .input-wrapper .n-input__border,.ai-chat .chat-footer .input-wrapper .n-input__state-border{border:none}.ai-chat .chat-footer .input-wrapper .n-input:not(.n-input--disabled).n-input--focus .n-input__state-border{box-shadow:unset}.ai-chat .chat-footer .input-wrapper .btn-box{display:flex;justify-content:flex-end}.ai-chat .chat-footer .input-wrapper .btn-box .btn-send{align-items:center;cursor:pointer;display:flex;height:46px;justify-content:center;width:58px}.ai-chat .chat-footer .input-wrapper .btn-box .btn-send.disabled{cursor:not-allowed;opacity:.5}.ai-chat--small{padding:20px 20px 44px}.ai-chat--small .chat-main{padding:0 0 10px}.ai-chat--small .chat-main .message-item{display:unset}.ai-chat--small .chat-main .message-item .n-avatar{background:transparent}.ai-chat--small .chat-main .message-item .content-box{display:flex;flex-flow:row nowrap}.ai-chat--small .chat-main .message-item .content-box .content{border-radius:3px 14px 14px;max-width:calc(100% - 55px)}.ai-chat--small .chat-main .message-item .content-box .content.default{border-radius:4px 16px 16px}.ai-chat--small .chat-main .message-item .content-box.mine{flex-flow:row-reverse nowrap}.ai-chat--small .chat-main .message-item .content-box.mine .content{background:#5874dc;border-radius:14px 0 14px 14px;color:#fff}.ai-chat--small .chat-footer{padding:10px 0 0}.ai-chat--small .chat-footer .menu-box{background:none;padding:0}.ai-chat--small .chat-footer .menu-box .n-button{background:#fff}.ai-chat--small .chat-footer .input-wrapper{border-radius:24px;box-shadow:0 0 6px 0 hsla(240,9%,85%,.74);padding:0}