2 lines
6.4 KiB
JavaScript
2 lines
6.4 KiB
JavaScript
import{d as g,C as u,de as H,a0 as L,H as R,k as N,r as h,$ as V,o as U,y,z as c,a1 as j,dC as E,ae as O,a2 as k,A as l,B as S,u as G,G as J,dh as K,dD as Q,dE as X,F as w,D as W,J as p,R as Y,T as Z,dF as ee}from"./Cbt2tPBc.js";import{b as x,c as b,d as z,w as $,m as D,k as te,t as A,l as ae,s as se}from"./D58EDzqx.js";import{_ as re}from"./Bbd_Ti14.js";import{B as I}from"./_OSaw0MT.js";import{U as ne}from"./ScpmmaE4.js";import{B as oe}from"./C-5fyTkQ.js";import{_ as M}from"./DlAUqK2U.js";import"./DGFRw2HL.js";import"./CK63FxZH.js";import"./DPLkQIR9.js";import"./b4XmZQIy.js";import"./CmMfcJ2x.js";import"./DlznrpTI.js";import"./BzAZyL4T.js";import"./YUm_jrvp.js";import"./D6qJbdzf.js";import"./CZUeDkO0.js";const[le,ie]=b("skeleton-title"),ue={round:Boolean,titleWidth:x};var ce=g({name:le,props:ue,setup(e){return()=>u("h3",{class:ie([{round:e.round}]),style:{width:z(e.titleWidth)}},null)}});const de=$(ce);var ve=de;const[me,fe]=b("skeleton-avatar"),he={avatarSize:x,avatarShape:D("round")};var _e=g({name:me,props:he,setup(e){return()=>u("div",{class:fe([e.avatarShape]),style:te(e.avatarSize)},null)}});const pe=$(_e);var ge=pe;const T="100%",we={round:Boolean,rowWidth:{type:x,default:T}},[ye,ke]=b("skeleton-paragraph");var xe=g({name:ye,props:we,setup(e){return()=>u("div",{class:ke([{round:e.round}]),style:{width:e.rowWidth}},null)}});const Se=$(xe);var be=Se;const[Ce,P]=b("skeleton"),$e="60%",Te={row:ae(0),round:Boolean,title:Boolean,titleWidth:x,avatar:Boolean,avatarSize:x,avatarShape:D("round"),loading:A,animate:A,rowWidth:{type:[Number,String,Array],default:T}};var Be=g({name:Ce,inheritAttrs:!1,props:Te,setup(e,{slots:i,attrs:a}){const m=()=>{if(e.avatar)return u(ge,{avatarShape:e.avatarShape,avatarSize:e.avatarSize},null)},d=()=>{if(e.title)return u(ve,{round:e.round,titleWidth:e.titleWidth},null)},f=n=>{const{rowWidth:t}=e;return t===T&&n===+e.row-1?$e:Array.isArray(t)?t[n]:t},r=()=>Array(+e.row).fill("").map((n,t)=>u(be,{key:t,round:e.round,rowWidth:z(f(t))},null)),_=()=>i.template?i.template():u(L,null,[m(),u("div",{class:P("content")},[d(),r()])]);return()=>{var n;return e.loading?u("div",H({class:P({animate:e.animate,round:e.round})},a),[_()]):(n=i.default)==null?void 0:n.call(i)}}});const We="data:image/svg+xml,%3csvg%20width='22'%20height='20'%20viewBox='0%200%2022%2020'%20fill='white'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M21.0031%201H1.00311L8.50311%208.5M21.0031%201L10.5031%2018.5L8.50311%208.5M21.0031%201L8.50311%208.5'%20stroke='%23733af9'%20stroke-width='2'%20stroke-linejoin='round'/%3e%3c/svg%3e",Ae={class:"message-bubble"},Ie={class:"time"},Pe=g({__name:"Conversation",props:{chatId:{}},setup(e,{expose:i}){const a=e,m=R(),d=N(()=>m.user),f=h([]),r=h(null),_=v=>new Date(v).toLocaleTimeString([],{hour:"2-digit",minute:"2-digit"});async function n(){if(!a.chatId)return;const v=await E(a.chatId,1,1e3);f.value=Array.isArray(v)?v:v.data||[]}function t(){r.value&&O(()=>{const v=r.value;v.scrollTo({top:v.scrollHeight,behavior:"smooth"})})}return V(f,()=>{t()}),i({request:n,scrollToBottom:t}),U(async()=>{await n()}),(v,o)=>(c(),y("div",{class:"chat-container",ref_key:"chatContainer",ref:r},[(c(!0),y(L,null,j(f.value,s=>(c(),y("div",{key:s.id,class:k(["message",{sent:s.sender_id===d.value.id,received:s.sender_id!==d.value.id}])},[l("div",Ae,[l("p",null,S(s.text),1),l("span",Ie,S(_(s.created_at)),1)])],2))),128))],512))}}),Le=M(Pe,[["__scopeId","data-v-381c0c57"]]),Re={class:"flex justify-between items-center w-full p4"},Ne={class:"flex items-center gap-5"},Ue={key:0,class:"flex gap-24px items-center"},ze={class:"font-semibold flex items-center"},De={class:"flex font-200 text-xs items-center"},Me={dir:"ltr",class:"h-98vh pb-10 overflow-hidden"},qe=["alt"],Fe=g({__name:"index",setup(e){const i=G(),a=J(),m=R(),d=h(""),f=h(null),r=h(void 0);N(()=>a.sellerConfig?.store?.main&&m.user.id!==a.sellerConfig?.store?.id);const _=h(!1),n=h(!1),t=h(void 0);U(async()=>{try{if(_.value=!0,i.currentRoute.value.query?.id?.length){const o=await K(i.currentRoute.value.query?.id);m.user.id===o?.user1_id?r.value=o?.user2:o.user1&&(r.value=o?.user1),t.value={chat_id:i.currentRoute.value.query.id}}else{const o=i.currentRoute.value.query?.user_id??a.sellerConfig?.store?.id,s=await Q(o,m.user.id);if(s?.length)t.value=s[0];else{const C=await X(o,m.user.id);t.value=C}m.user.id===t.value?.user1_id?r.value=t.value?.user2:t.value.user1&&(r.value=t.value?.user1)}}catch(o){console.log("e ===>",o)}finally{_.value=!1}});const v=async()=>{if(d.value.length)try{n.value=!0;const o=await ee(t.value.chat_id,d.value);await f.value.request(),f.value.scrollToBottom(),setTimeout(()=>{d.value=""},100)}catch(o){console.log("e ===>",o)}finally{n.value=!1}};return(o,s)=>{const C=Be,q=se,F=re;return c(),w(F,null,{default:W(()=>[l("div",null,[l("div",{class:k(["fixed top-0 w-inherit right-0 left-0",p(a).isNightStore?"bg-black":"bg-white"])},[l("div",Re,[l("div",Ne,[u(I,{icon:p(a).isRTL?"vuesax-linear:arrow-right":"vuesax-linear:arrow-left",onClick:s[0]||(s[0]=B=>p(i).back())},null,8,["icon"]),r.value?.id?(c(),y("div",Ue,[u(ne,{width:"40",src:r.value?.avatar,justShowProfile:""},null,8,["src"]),l("div",null,[l("div",ze,S(r.value?.name),1),l("div",De,S(r.value?.username),1)])])):Y("",!0)]),s[2]||(s[2]=l("div",{class:"flex w-fit gap-4 h-1.3rem items-center"},null,-1))])],2),l("div",Me,[_.value?(c(),w(C,{key:0})):(c(),w(Le,{key:1,ref_key:"conversation",ref:f,chatId:t.value?.chat_id},null,8,["chatId"]))]),l("div",{class:k(["fixed bottom-0 w-inherit right-0 left-0 p-3",p(a).isNightStore?"bg-black":"bg-white"])},[l("div",{class:k(["flex items-center gap-5 rounded-full px-2",p(a).isNightStore?"bg-gray-700":"bg-gray-100"])},[u(oe,{value:d.value,"onUpdate:value":s[1]||(s[1]=B=>d.value=B),"place-holder":`${p(a).useString("message")}...`,class:"!rounded-full border-transparent !bg-transparent message-placeholder !py-3 flex-1",rows:1},null,8,["value","place-holder"]),u(Z,{name:"fade",mode:"out-in"},{default:W(()=>[d.value===""?(c(),w(I,{key:0,icon:"vuesax-linear:add-circle"})):(c(),y("div",{key:1,class:k(["w-4rem h-2rem bg-#733af9 flex items-center rounded-full p-1 pt-2 text-white justify-center",{"bg-gray-500":n.value}]),onClick:v},[n.value?(c(),w(q,{key:1,class:"!text-white",type:"spinner",size:"20px"})):(c(),y("img",{key:0,src:We,alt:p(a).appName.en,class:"h-full rtl:-scale-x-100"},null,8,qe))],2))]),_:1})],2)],2)])]),_:1})}}}),He=M(Fe,[["__scopeId","data-v-3f2e8e08"]]),ot=g({__name:"detail_message",setup(e){return(i,a)=>(c(),w(He))}});export{ot as default};
|