2 lines
2.1 KiB
JavaScript
Vendored
2 lines
2.1 KiB
JavaScript
Vendored
import{_ as c}from"./plugin-vue_export-helper.21dcd24c.js";import{o as a,f as i,t as n,j as d,i as l,J as u}from"./vendor.7e4e5e39.js";const f={props:{modelValue:File,label:String,accept:String,error:String},watch:{modelValue(r){r||(this.$refs.file.value="")}},methods:{filesize(r){var e=Math.floor(Math.log(r)/Math.log(1024));return(r/Math.pow(1024,e)).toFixed(2)*1+" "+["B","kB","MB","GB","TB"][e]},browse(){this.$refs.file.click()},change(r){this.$emit("update:modelValue",r.target.files[0])},remove(){this.$emit("update:modelValue",null)}}},m=["accept"],g={key:0,class:"py-2"},x={key:1,class:"flex flex-col justify-center max-w-2xl mt-3 p-2 border rounded-md"},h={class:"flex flex-col md:flex-row md:items-start md:justify-between p-1"},b={class:"md:w-5/6 flex-1 flex flex-col pr-1 text-gray"},_={class:"truncate"},y={class:"text-xs text-gray-light"},v={key:1,class:"text-red text-sm"};function w(r,e,t,p,k,s){return a(),i("div",null,[t.label?(a(),i("label",{key:0,class:"cursor-pointer text-gray-light text-lg mb-2",onClick:e[0]||(e[0]=(...o)=>s.browse&&s.browse(...o))},n(t.label)+":",1)):d("",!0),l("div",{class:u({error:t.error})},[l("input",{ref:"file",type:"file",accept:t.accept,class:"hidden",onChange:e[1]||(e[1]=(...o)=>s.change&&s.change(...o))},null,40,m),t.modelValue?(a(),i("div",x,[l("div",h,[l("div",b,[l("span",_,n(t.modelValue.name),1),l("span",y,"("+n(s.filesize(t.modelValue.size))+")",1)]),l("button",{type:"button",class:"md:w-1/6 px-1 py-1 bg-indigo-300 hover:bg-indigo-100 rounded-sm text-xs font-medium text-white",onClick:e[3]||(e[3]=(...o)=>s.remove&&s.remove(...o))}," \u0423\u0434\u0430\u043B\u0438\u0442\u044C ")])])):(a(),i("div",g,[l("button",{type:"button",class:"px-6 py-2 bg-indigo-300 focus:ring-4 focus:ring-offset-1 focus:ring-orange focus:ring-opacity-20 focus:ring-offset-orange focus:outline-none focus:border-transparent rounded-sm text-sm text-white",onClick:e[2]||(e[2]=(...o)=>s.browse&&s.browse(...o))}," \u0412\u044B\u0431\u0440\u0430\u0442\u044C \u0444\u0430\u0439\u043B ")]))],2),t.error?(a(),i("div",v,n(t.error),1)):d("",!0)])}var C=c(f,[["render",w]]);export{C as F};
|