2 lines
4.1 KiB
JavaScript
2 lines
4.1 KiB
JavaScript
import{L as V}from"./index.323c3889.js";import{E as T}from"./element-plus.02c000b8.js";import{F as N,_ as E,a as M}from"./index.64ad789d.js";import{u as K,e as Q,d as X}from"./index.7e71cca7.js";import{_ as j}from"./index.fdcd51b8.js";import{D as q}from"./vuedraggable.a6caa5cc.js";import{g as G}from"./@vueuse.c2fd8b33.js";import{d as H,r as i,ab as J,e as S,w as O,E as P,n as W,af as $,o as Y,c as Z,X as n,a9 as x,P as p,a as o,S as k,$ as I,Q as ee,R as ae,K as le,a0 as te,V as oe,b7 as se,b6 as ie}from"./@vue.ad3a2c51.js";const ne=H({components:{Popup:V,Draggable:q,FileItem:N,Material:E,Preview:M},props:{modelValue:{type:[String,Array],default:()=>[]},type:{type:String,default:"image"},size:{type:String,default:"100px"},fileSize:{type:String,default:"100px"},limit:{type:Number,default:1},disabled:{type:Boolean,default:!1},hiddenUpload:{type:Boolean,default:!1},uploadClass:{type:String,default:""},excludeDomain:{type:Boolean,default:!1}},emits:["change","update:modelValue"],setup(e,{emit:t}){const _=i(),g=i(),w=i(""),y=i(!1),l=i([]),m=i([]),r=i(!0),c=i(-1),{disabled:C,limit:u,modelValue:b}=J(e),{getImageUrl:f}=K(),s=S(()=>{switch(e.type){case"image":return"\u56FE\u7247";case"video":return"\u89C6\u9891";default:return""}}),v=S(()=>e.limit-l.value.length>0),h=S(()=>r.value?u.value==-1?null:u.value-l.value.length:1),D=G(()=>{const a=m.value.map(d=>e.excludeDomain?d.path:d.uri);r.value?l.value=[...l.value,...a]:l.value.splice(c.value,1,a.shift()),z()},1e3,!1),A=a=>{var d;C.value||(a>=0?(r.value=!1,c.value=a):r.value=!0,(d=_.value)==null||d.open())},F=a=>{m.value=a},z=()=>{const a=u.value!=1?l.value:l.value[0]||"";t("update:modelValue",a),t("change",a),U()},L=a=>{l.value.splice(a,1),z()},R=a=>{w.value=f(a),y.value=!0},U=()=>{W(()=>{var a;e.hiddenUpload&&(l.value=[]),(a=g.value)==null||a.clearSelect()})};return O(b,a=>{l.value=Array.isArray(a)?a:a==""?[]:[a]},{immediate:!0}),P("limit",e.limit),P("hiddenUpload",e.hiddenUpload),{popupRef:_,materialRef:g,fileList:l,tipsText:s,handleConfirm:D,meterialLimit:h,showUpload:v,showPopup:A,selectChange:F,deleteImg:L,previewUrl:w,showPreview:y,handlePreview:R,handleClose:U,getImageUrl:f}}});const B=e=>(se("data-v-45c30c71"),e=e(),ie(),e),re={class:"material-select"},ue=["onClick"],de={class:"operation-btns text-xs text-center"},pe=B(()=>o("span",null,"\u4FEE\u6539",-1)),me=oe(" | "),ce=["onClick"],fe=B(()=>o("span",null,"\u6DFB\u52A0",-1)),ve={class:"material-wrap"};function he(e,t,_,g,w,y){const l=$("file-item"),m=j,r=$("draggable"),c=X,C=E,u=T,b=V,f=$("preview");return Y(),Z("div",re,[n(b,{ref:"popupRef",width:"1030px","custom-class":"body-padding",title:`\u9009\u62E9${e.tipsText}`,onConfirm:e.handleConfirm,onClose:e.handleClose},x({default:p(()=>[n(u,null,{default:p(()=>[o("div",ve,[n(C,{ref:"materialRef",type:e.type,"file-size":e.fileSize,limit:e.meterialLimit,onChange:e.selectChange},null,8,["type","file-size","limit","onChange"])])]),_:1})]),_:2},[e.hiddenUpload?void 0:{name:"trigger",fn:p(()=>[o("div",{class:"material-select__trigger clearfix flex",onClick:t[1]||(t[1]=I(()=>{},["stop"]))},[n(r,{class:"draggable",list:e.fileList,animation:"300","item-key":"id"},{item:p(({element:s,index:v})=>[o("div",{class:k(["material-preview",{"is-disabled":e.disabled,"is-one":e.limit==1}]),onClick:h=>e.showPopup(v)},[n(m,{onClose:h=>e.deleteImg(v)},{default:p(()=>[n(l,{uri:e.excludeDomain?e.getImageUrl(s):s,"file-size":e.size,type:e.type},null,8,["uri","file-size","type"])]),_:2},1032,["onClose"]),o("div",de,[pe,me,o("span",{onClick:I(h=>e.handlePreview(s),["stop"])},"\u67E5\u770B",8,ce)])],10,ue)]),_:1},8,["list"]),ee(o("div",{class:k(["material-upload",{"is-disabled":e.disabled,"is-one":e.limit==1,[e.uploadClass]:!0}]),onClick:t[0]||(t[0]=s=>e.showPopup(-1))},[le(e.$slots,"upload",{},()=>[o("div",{class:"upload-btn",style:te({width:e.size,height:e.size})},[n(c,{size:25,name:"el-icon-Plus"}),fe],4)],!0)],2),[[ae,e.showUpload]])])])}]),1032,["title","onConfirm","onClose"]),n(f,{modelValue:e.showPreview,"onUpdate:modelValue":t[2]||(t[2]=s=>e.showPreview=s),url:e.previewUrl,type:e.type},null,8,["modelValue","url","type"])])}const ze=Q(ne,[["render",he],["__scopeId","data-v-45c30c71"]]);export{ze as _};
|