airi / assets /InputFile-CXpzJde3.js
nekomeowww's picture
release: build 389ee0a57c1117111067eecd17bf4207ebd8a52d
ff2d1d3
import{d$ as e,dV as t,dY as n,dn as r,e2 as i,e7 as a,e9 as o,ec as s,ei as c,em as l,en as u}from"./index-B9WIljdS.js";const d=[`accept`,`multiple`],f={key:0,text:`center`,"text-sm":``},p={key:1,text:`center`,"text-sm":``};var m=e({__name:`InputFile`,props:i({accept:{},multiple:{type:Boolean}},{modelValue:{required:!1,default:()=>[]},modelModifiers:{}}),emits:[`update:modelValue`],setup(e){let i=s(e,`modelValue`),m=c(),h=c(!1),g=r(h,150);function _(e){let t=e.target;t.files&&t.files.length>0&&(m.value=t.files[0]),i.value=Array.from(t.files||[]),h.value=!1}return(e,r)=>(a(),n(`label`,{relative:``,class:u([`min-h-[120px] flex flex-col cursor-pointer items-center justify-center rounded-xl p-6`,[l(g)?`border-primary-400 dark:border-primary-600 hover:border-primary-300 dark:hover:border-primary-700`:`border-neutral-200 dark:border-neutral-700 hover:border-primary-300 dark:hover:border-primary-700`,l(g)?`bg-primary-50/5 dark:bg-primary-900/5`:`bg-white/60 dark:bg-black/30 hover:bg-white/80 dark:hover:bg-black/40`]]),border:`dashed 2`,transition:`all duration-300`,"cursor-pointer":``,"opacity-95":``,hover:`scale-100 opacity-100 shadow-md dark:shadow-lg`,onDragover:r[0]||=e=>h.value=!0,onDragleave:r[1]||=e=>h.value=!1},[t(`input`,{type:`file`,accept:e.accept,multiple:e.multiple,"cursor-pointer":``,class:`absolute inset-0 h-full w-full opacity-0`,onChange:_},null,40,d),o(e.$slots,`default`,{isDragging:l(g),firstFile:m.value,files:i.value},()=>[t(`div`,{class:u([`flex flex-col items-center`,[l(g)?`text-primary-500 dark:text-primary-400`:`text-neutral-400 dark:text-neutral-500`]])},[r[2]||=t(`div`,{"i-solar:upload-square-line-duotone":``,"mb-2":``,"text-5xl":``},null,-1),r[3]||=t(`p`,{"font-medium":``,text:`center lg`},` Upload `,-1),l(g)?(a(),n(`p`,f,` Release to upload `)):(a(),n(`p`,p,` Click or drag and drop a file here `))],2)])],34))}}),h=m;export{h as b};