You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1 lines
3.0 KiB
1 lines
3.0 KiB
import{d as h,ay as k,o as _,c as w,w as m,f as p,b,a as i,D as g,E as x,az as M,aA as I,_ as P,r as f,n as S,g as A,F as $,H as z,aj as N,ag as j}from"./index-b0696d90.js";/* empty css */import{_ as E}from"./plus-15786e11.js";import{u as F,d as q}from"./index-53f7d59e.js";/* empty css */const C=["src"],D=h({__name:"SingleUpload",props:{modelValue:{type:String,default:""}},emits:["update:modelValue"],setup(v,{emit:d}){const n=k(v,"modelValue",d);async function o(r){const{data:s}=await F(r.file);n.value=s.url}function t(r){return r.size>2*1048*1048?(x.warning("上传图片不能大于2M"),!1):!0}return(r,s)=>{const V=E,y=M,l=I;return _(),w(l,{modelValue:p(n),"onUpdate:modelValue":s[0]||(s[0]=e=>g(n)?n.value=e:null),class:"single-uploader","show-file-list":!1,"list-type":"picture-card","before-upload":t,"http-request":o},{default:m(()=>[p(n)?(_(),b("img",{key:0,src:p(n),class:"single"},null,8,C)):(_(),w(y,{key:1,class:"single-uploader-icon"},{default:m(()=>[i(V)]),_:1}))]),_:1},8,["modelValue"])}}});const L=P(D,[["__scopeId","data-v-941dc519"]]),R=["src"],H=h({__name:"MultiUpload",props:{modelValue:{type:Array,default:[]},limit:{type:Number,default:5}},emits:["update:modelValue"],setup(v,{emit:d}){const c=v,n=f(""),o=f(!1),t=f([]);S(()=>c.modelValue,l=>{const e=t.value.map(a=>a.url);e.length>0&&e.length===l.length&&e.every(a=>l.some(u=>u===a))&&l.every(a=>e.some(u=>u===a))||(t.value=l.map(a=>({url:a})))},{immediate:!0});async function r(l){const{data:e}=await F(l.file),a=t.value.findIndex(u=>u.uid==l.file.uid);t.value.splice(a,1,{name:e.name,url:e.url}),d("update:modelValue",t.value.map(u=>u.url))}function s(l){const e=l.url;e&&q(e).then(()=>{d("update:modelValue",t.value.map(a=>a.url))})}function V(l){return l.size>2*1048*1048?(x.warning("上传图片不能大于2M"),!1):!0}const y=l=>{n.value=l.url,o.value=!0};return(l,e)=>{const a=E,u=I,B=z;return _(),b($,null,[i(u,{"file-list":p(t),"onUpdate:fileList":e[0]||(e[0]=U=>g(t)?t.value=U:null),"list-type":"picture-card","before-upload":V,"http-request":r,"on-remove":s,"on-preview":y,limit:c.limit},{default:m(()=>[i(a)]),_:1},8,["file-list","limit"]),i(B,{modelValue:p(o),"onUpdate:modelValue":e[1]||(e[1]=U=>g(o)?o.value=U:null)},{default:m(()=>[A("img",{"w-full":"",src:p(n),alt:"Preview Image"},null,8,R)]),_:1},8,["modelValue"])],64)}}}),G={class:"app-container"},W=h({__name:"uploader",setup(v){const d=f("https://oss.youlai.tech/default/2022/11/20/18e206dae97b40329661537d1e433639.jpg"),c=f(["https://oss.youlai.tech/default/2022/11/20/8af5567816094545b53e76b38ae9c974.webp","https://oss.youlai.tech/default/2022/11/20/13dbfd7feaf848c2acec2b21675eb9d3.webp"]);return(n,o)=>{const t=N,r=j;return _(),b("div",G,[i(r,null,{default:m(()=>[i(t,{label:"单图上传"},{default:m(()=>[i(L,{modelValue:p(d),"onUpdate:modelValue":o[0]||(o[0]=s=>g(d)?d.value=s:null)},null,8,["modelValue"])]),_:1}),i(t,{label:"多图上传"},{default:m(()=>[i(H,{modelValue:p(c),"onUpdate:modelValue":o[1]||(o[1]=s=>g(c)?c.value=s:null)},null,8,["modelValue"])]),_:1})]),_:1})])}}});export{W as default};
|
|
|