https://sz-ac56.com/assets/index-CdfFJS1_.js

1var e=Object.defineProperty,a=Object.defineProperties,t=Object.getOwnPropertyDescriptors,s=Object.getOwnPropertySymbols,l=Object.prototype.hasOwnProperty,i=Object.prototype.propertyIsEnumerable,r=(a,t,s)=>t in a?e(a,t,{enumerable:!0,configurable:!0,writable:!0,value:s}):a[t]=s;import{d as n,c as o,aX as c,a as d,o as p,aS as m,aO as u,D as v,e as f,f as x,p as g,z as y,h as b,i as w,u as h,m as j,aj as _,cF as M,P as O,T as k,E as C,A as V,aN as z,G as P,H as A,I as D,eN as E,eL as T,y as H,l as I,n as S}from"./index-C-8oY-ej.js";import{E as B}from"./el-drawer-ClmLK_LJ.js";/* empty css                   */import{_ as F}from"./index.vue_vue_type_script_setup_true_lang-C5E938Mj.js";/* empty css                 *//* empty css                  */import{E as K}from"./el-avatar-gEIz_W4z.js";import{m as L,a as N}from"./avatar10-Dmg2eciD.js";import"./index-C5a25TDI.js";import"./use-dialog-7QVuqgMn.js";const R={class:"mb-5 flex-cb"},U={class:"mt-1.5 flex-c gap-1"},q={class:"text-xs text-g-600"},G={class:"flex h-[calc(100%-70px)] flex-col"},W={class:"font-medium"},X={class:"text-g-600"},J={class:"px-4 pt-4"},Q={class:"flex gap-2 py-2"},Y={class:"mt-3 flex-cb"},Z={class:"flex-c"},$="Art Bot",ee="Ricky",ae=n((te=((e,a)=>{for(var t in a||(a={}))l.call(a,t)&&r(e,t,a[t]);if(s)for(var t of s(a))i.call(a,t)&&r(e,t,a[t]);return e})({},{name:"ArtChatWindow"}),a(te,t({__name:"index",setup(e){const{width:a}=c(),t=o(()=>a.value<640),s=d(!1),l=d(!0),i=d(""),r=d(10),n=d(null),ae=d([{id:1,sender:$,content:"你好！我是你的AI助手，有什么我可以帮你的吗？",time:"10:00",isMe:!1,avatar:N},{id:2,sender:ee,content:"我想了解一下系统的使用方法。",time:"10:01",isMe:!0,avatar:L},{id:3,sender:$,content:"好的，我来为您介绍系统的主要功能。首先，您可以通过左侧菜单访问不同的功能模块...",time:"10:02",isMe:!1,avatar:N},{id:4,sender:ee,content:"听起来很不错，能具体讲讲数据分析部分吗？",time:"10:05",isMe:!0,avatar:L},{id:5,sender:$,content:"当然可以。数据分析模块可以帮助您实时监控关键指标，并生成详细的报表...",time:"10:06",isMe:!1,avatar:N},{id:6,sender:ee,content:"太好了，那我如何开始使用呢？",time:"10:08",isMe:!0,avatar:L},{id:7,sender:$,content:"您可以先创建一个项目，然后在项目中添加相关的数据源，系统会自动进行分析。",time:"10:09",isMe:!1,avatar:N},{id:8,sender:ee,content:"明白了，谢谢你的帮助！",time:"10:10",isMe:!0,avatar:L},{id:9,sender:$,content:"不客气，有任何问题随时联系我。",time:"10:11",isMe:!1,avatar:N}]),te=()=>{S(()=>{setTimeout(()=>{n.value&&(n.value.scrollTop=n.value.scrollHeight)},100)})},se=()=>{const e=i.value.trim();if(!e)return;const a={id:r.value++,sender:ee,content:e,time:(new Date).toLocaleTimeString([],{hour:"2-digit",minute:"2-digit"}),isMe:!0,avatar:L};ae.value.push(a),i.value="",te()},le=()=>{s.value=!0,te()},ie=()=>{s.value=!1};return p(()=>{te(),m.on("openChat",le)}),u(()=>{m.off("openChat",le)}),(e,a)=>{const r=_,o=K,c=D,d=C,p=F,m=B,u=v("ripple");return x(),f("div",null,[g(m,{modelValue:h(s),"onUpdate:modelValue":a[1]||(a[1]=e=>P(s)?s.value=e:null),size:h(t)?"100%":"480px","with-header":!1},{default:y(()=>[b("div",R,[b("div",null,[a[2]||(a[2]=b("span",{class:"text-base font-medium"},"Art Bot",-1)),b("div",U,[b("div",{class:w(["h-2 w-2 rounded-full",h(l)?"bg-success/100":"bg-danger/100"])},null,2),b("span",q,j(h(l)?"在线":"离线"),1)])]),b("div",null,[g(r,{class:"c-p",size:20,onClick:ie},{default:y(()=>[g(h(M))]),_:1})])]),b("div",G,[b("div",{class:"flex-1 overflow-y-auto border-t-d px-4 py-7.5 [&::-webkit-scrollbar]:!w-1",ref_key:"messageContainer",ref:n},[(x(!0),f(O,null,k(h(ae),(e,a)=>(x(),f("div",{key:a,class:w(["mb-7.5 flex w-full items-start gap-2",e.isMe?"flex-row-reverse":"flex-row"])},[g(o,{size:32,src:e.avatar,class:"shrink-0"},null,8,["src"]),b("div",{class:w(["flex max-w-[70%] flex-col",e.isMe?"items-end":"items-start"])},[b("div",{class:w(["mb-1 flex gap-2 text-xs",e.isMe?"flex-row-reverse":"flex-row"])},[b("span",W,j(e.sender),1),b("span",X,j(e.time),1)],2),b("div",{class:w(["rounded-md px-3.5 py-2.5 text-sm leading-[1.4] text-g-900",e.isMe?"message-right bg-theme/15":"message-left bg-g-300/50"])},j(e.content),3)],2)],2))),128))],512),b("div",J,[g(d,{modelValue:h(i),"onUpdate:modelValue":a[0]||(a[0]=e=>P(i)?i.value=e:null),type:"textarea",rows:3,placeholder:"输入消息",resize:"none",onKeyup:V(z(se,["prevent"]),["enter"])},{append:y(()=>[b("div",Q,[g(c,{icon:h(E),circle:"",plain:""},null,8,["icon"]),g(c,{icon:h(T),circle:"",plain:""},null,8,["icon"]),A((x(),H(c,{type:"primary",onClick:se},{default:y(()=>[...a[3]||(a[3]=[I("发送",-1)])]),_:1})),[[u]])])]),_:1},8,["modelValue","onKeyup"]),b("div",Y,[b("div",Z,[g(p,{icon:"ri:image-line",class:"mr-5 c-p text-g-600 text-lg"}),g(p,{icon:"ri:emotion-happy-line",class:"mr-5 c-p text-g-600 text-lg"})]),A((x(),H(c,{type:"primary",onClick:se,class:"min-w-20"},{default:y(()=>[...a[4]||(a[4]=[I("发送",-1)])]),_:1})),[[u]])])])])]),_:1},8,["modelValue","size"])])}}}))));var te;export{ae as default};