fast-vue3-ui/lib/src/upload/upload.js

<h1 align="center"> fast-ui </h1>

"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("./style/index.css");const m=require("../icon/icon.js"),_=require("./dragger.js"),f={class:"k-upload"},v=["multiple","accept"],g={class:"k-upload-list"},B={class:"k-upload-list_item-name"},h={class:"k-upload-list_item-status-label"},y=e.defineComponent({name:"k-upload"}),F=e.defineComponent({...y,props:{multiple:{type:Boolean},accept:null,drag:{type:Boolean}},emits:["getFilesList"],setup(r,{emit:o}){const s=r,i=e.ref(),l=e.ref([]),c=()=>{i.value.click()},u=t=>{const n=t.target.files;!n||(l.value.push(...Array.from(n)),o("getFilesList",l.value))},d=t=>{l.value.splice(t,1),o("getFilesList",l.value)},p=t=>{l.value=t,o("getFilesList",t)};return(t,n)=>(e.openBlock(),e.createElementBlock("div",f,[e.withDirectives(e.createElementVNode("input",{type:"file",multiple:s.multiple,accept:s.accept,ref_key:"kIpt",ref:i,onChange:u},null,40,v),[[e.vShow,!1]]),s.drag?(e.openBlock(),e.createBlock(_.default,{key:1,onGetFilesList:p,onFileUpload:c})):(e.openBlock(),e.createElementBlock("div",{key:0,onClick:c},[e.renderSlot(t.$slots,"default")])),e.createElementVNode("div",g,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.value,(k,a)=>(e.openBlock(),e.createElementBlock("div",{class:"k-upload-list_item",key:a},[e.createElementVNode("div",B,e.toDisplayString(k.name),1),e.createElementVNode("div",h,[e.createVNode(m.default,{name:"ashbin",onClick:E=>d(a)},null,8,["onClick"])])]))),128))])]))}});exports.default=F;