2 lines
4.5 KiB
JavaScript
2 lines
4.5 KiB
JavaScript
import{_ as D,u as C,a as A,i as v}from"./index.CjrDwa0W.js";import{s as L,p as V,r as h,o as j,b as g,f as o,h as c,i as a,F as S,m as B,j as k,l as t,k as _,t as E,G as H}from"./vendor-vue.CmaRnji1.js";const $=["onClick"],q={class:"h-full aspect-square rounded-full"},z=["src"],F={class:"w-[70%] h-full flex items-center"},T={style:{"letter-spacing":"-0.6px"},class:"text-[15em] font-['SFPRO'] ml-[1em] text-black dark:text-white cursor-pointer anim-hover-1 font-[400] text-center leading-[100%] mt-[1px]"},N=["src"],R={__name:"MessageAction",props:{allowedaction:{type:Array,default:()=>["gallery","money","location","sharecontact","voice"]},appname:{type:String,default:"none"}},emits:["cancel","selectaction"],setup(y,{emit:x}){const w=C(),{t:l}=A(),{DarkMode:b}=L(w);V(()=>{b.value?document.documentElement.classList.add("dark"):document.documentElement.classList.remove("dark")});const d=x,s=h(!1),e=h(!1);j(()=>{setTimeout(()=>{s.value=!0},50)});const r=()=>{e.value=!0,s.value=!1,setTimeout(()=>{d("cancel")},600)},n=y,M=g(()=>[{name:"gallery",icon:"actiongallery.png",label:l("messageAction.gallery")},{name:"money",icon:"actionmoney.png",label:l("messageAction.money")},{name:"location",icon:"actionlocation.png",label:l("messageAction.location")},{name:"sharecontact",icon:"actionsharecontact.png",label:l("messageAction.shareContact")},{name:"voice",icon:"actionvoice.png",label:l("messageAction.voiceMessage")}]),u=g(()=>M.value.filter(m=>n.allowedaction.includes(m.name)));return(m,p)=>(c(),o("div",{class:t(["w-full h-full z-[500] absolute flex flex-col justify-end items-end background-container dark:background-container-dark pl-[5em]",{"background-fade-in":s.value&&!e.value,"background-fade-out":e.value}])},[(c(!0),o(S,null,B(u.value,(i,f)=>(c(),o("div",{onClick:G=>{d("selectaction",i.name),r()},key:i.name,class:t(["action-item w-full h-[30em] flex mb-[20em] cursor-pointer",{"slide-in":s.value&&!e.value,"slide-out":e.value}]),style:k({animationDelay:e.value?`${f*.1}s`:`${(u.value.length-1-f)*.1}s`})},[a("div",{class:t([n.appname=="darkchat"?"w-[19em] ":"w-[11em]","h-full"])},null,2),a("div",q,[a("img",{src:_(v)["message/"+i.icon],class:"w-full h-full rounded-full",alt:""},null,8,z)]),a("div",F,[a("span",T,E(i.label),1)])],14,$))),128)),a("div",{class:t(["w-full",n.appname=="darkchat"?"h-[67em] ":"h-[50em]"])},[a("div",{class:t([n.appname=="darkchat"?"w-[52em] ":"w-[44em]","h-[35em] flex items-center justify-end"])},[n.appname=="darkchat"?(c(),o("div",{key:0,onClick:r,class:t(["cancel-button h-full aspect-square flex items-center justify-center shadow-[0px_0px_32.400001525878906px_0px_rgba(0,0,0,0.29)] cursor-pointer transition-transform hover:scale-110",{"fade-in":s.value&&!e.value,"fade-out":e.value}])},p[0]||(p[0]=[H('<svg class="h-[80%]" viewBox="0 0 44 42" fill="none" xmlns="http://www.w3.org/2000/svg" data-v-a640a70c><rect x="6" y="5" width="32" height="32" fill="#D9D9D9" fill-opacity="0.05" data-v-a640a70c></rect><path d="M6.5 5V5.5M6.5 9.5V5.5M10.5 5.5H6.5" stroke="#6086DD" stroke-linejoin="round" data-v-a640a70c></path><path d="M6.5 37V36.5M6.5 32.5V36.5M10.5 36.5H6.5" stroke="#6086DD" stroke-linejoin="round" data-v-a640a70c></path><path d="M37.5 5V5.5M37.5 9.5V5.5M33.5 5.5H37.5" stroke="#6086DD" stroke-linejoin="round" data-v-a640a70c></path><path d="M37.5 37V36.5M37.5 32.5V36.5M33.5 36.5H37.5" stroke="#6086DD" stroke-linejoin="round" data-v-a640a70c></path><path fill-rule="evenodd" clip-rule="evenodd" d="M27.3033 15.6978C27.6287 16.0233 27.6287 16.5509 27.3033 16.8763L23.1785 21.0011L27.3033 25.1259C27.6287 25.4514 27.6287 25.979 27.3033 26.3044C26.9779 26.6299 26.4502 26.6299 26.1248 26.3044L22 22.1796L17.8752 26.3044C17.5498 26.6299 17.0221 26.6299 16.6967 26.3044C16.3713 25.979 16.3713 25.4514 16.6967 25.1259L20.8215 21.0011L16.6967 16.8763C16.3713 16.5509 16.3713 16.0233 16.6967 15.6978C17.0221 15.3724 17.5498 15.3724 17.8752 15.6978L22 19.8226L26.1248 15.6978C26.4502 15.3724 26.9779 15.3724 27.3033 15.6978Z" fill="#6086DD" data-v-a640a70c></path></svg>',1)]),2)):(c(),o("div",{key:1,onClick:r,class:t(["cancel-button h-full aspect-square rounded-full flex items-center justify-center bg-white dark:bg-[#1e1e1e] shadow-[0px_0px_32.400001525878906px_0px_rgba(0,0,0,0.29)] cursor-pointer transition-transform hover:scale-110",{"fade-in":s.value&&!e.value,"fade-out":e.value}]),style:k({animationDelay:e.value?`${u.value.length*.1}s`:"0s"})},[a("img",{src:_(v)["message/++.svg"],class:"h-[40%] rotate-[45deg]",alt:""},null,8,N)],6))],2)],2)],2))}},P=D(R,[["__scopeId","data-v-a640a70c"]]);export{P as M};
|