mirror of
https://gitee.com/niucloud-team/javashop.git
synced 2026-04-25 11:18:23 +00:00
2 lines
14 KiB
JavaScript
2 lines
14 KiB
JavaScript
import{d as Ae,r as T,n as E,Q as X,l as oe,cL as Ue,G as ze,U as ne,an as b,A as z,h as s,c as m,a as d,e as o,u as n,q as i,w as l,v as j,t as u,F as B,T as P,s as h,i as k,B as g,bU as Le,R as se,a0 as Se,ao as ie,cM as Oe,cN as Fe,a4 as ce,cO as Te,cP as je,cQ as Be,K as Re,cR as Pe,cS as De,cT as Me,V as Ne,E as Qe,cU as We,aL as Xe,aM as Ye,J as qe,aT as Ge,au as Je,W as Ke,aa as Ze,aB as He,L as et,M as tt,X as at,cV as lt,Y as ot,p as nt,g as st,cW as it,cX as ct,cY as dt,cZ as rt}from"./index-ab1f467e.js";/* empty css */import{_ as ut}from"./index.vue_vue_type_script_setup_true_lang-7c5306d3.js";/* empty css *//* empty css *//* empty css *//* empty css *//* empty css *//* empty css *//* empty css *//* empty css *//* empty css *//* empty css *//* empty css */import"./el-tooltip-4ed993c7.js";/* empty css *//* empty css *//* empty css *//* empty css *//* empty css */import"./el-dropdown-item-4ed993c7.js";import{_ as pt}from"./index.vue_vue_type_script_setup_true_lang-5748d357.js";import{_ as mt}from"./index.vue_vue_type_script_setup_true_lang-ded002e3.js";/* empty css */import{_ as ft}from"./_plugin-vue_export-helper-c27b6911.js";/* empty css */const _t=""+new URL("no_attachment-6030c8d3.png",import.meta.url).href,ht=r=>(nt("data-v-1df784e9"),r=r(),st(),r),vt={class:"group-wrap w-[180px] p-[15px] h-full border-r border-color flex flex-col"},gt={class:"group-list flex-1 my-[10px] h-0"},yt=["onClick"],xt={key:0,class:"leading-none operate py-[10px]"},kt={class:"text-center w-full"},wt={class:"attachment-list-wrap flex flex-col p-[15px] flex-1 overflow-hidden"},bt={class:"flex"},Ct={key:1},Vt={class:"flex-1 my-[15px] h-0"},Et={key:0,class:"flex flex-wrap"},$t=["onClick"],It=["src"],At={class:"absolute z-[1] flex items-center justify-center w-full h-full inset-0 bg-black bg-opacity-60"},Ut={class:"file-box-active absolute z-[1] bottom-0 right-0 w-full h-full"},zt={class:"absolute bottom-[2px] right-[2px] text-white z-[2] leading-none"},Lt={class:"flex items-center"},St={class:"truncate my-[10px] cursor-pointer text-base flex-1 text-center"},Ot={class:"text-center w-full"},Ft={class:"text-center w-full"},Tt={class:"text-center w-full"},jt={class:"text-center w-full"},Bt={key:1,class:"flex flex-wrap"},Rt={class:"attachment-wrap w-full rounded cursor-pointer overflow-hidden relative flex items-center justify-center h-[120px]"},Pt=["src"],Dt={class:"flex items-center"},Mt={class:"truncate my-[10px] cursor-pointer text-base flex-1 text-center"},Nt={key:2,class:"flex absolute top-0 left-0 right-0 bottom-0 items-center justify-center"},Qt={key:0,class:"flex flex-col items-center"},Wt=ht(()=>d("img",{src:_t,class:"max-w-[130px] max-h-[130px] mb-[15px]"},null,-1)),Xt={class:"text-[var(--el-text-color-secondary)] text-[14px]"},Yt={class:"flex items-center"},qt={class:"flex h-full justify-end items-center"},Gt={class:"dialog-footer"},Jt=Ae({__name:"attachment",props:{limit:{type:Number,default:1},type:{type:String,default:"image"},scene:{type:String,default:"select"}},setup(r,{expose:de}){const p=r,D=T(""),L=T(!1),f=E({}),$=E([]),I=E({data:[]}),c=E({loading:!0,page:1,total:0,limit:p.scene=="select"?10:20,data:[]});p.scene=="select"?(c.limit=10,p.type=="icon"&&(c.limit=20)):(c.limit=20,p.type=="icon"&&(c.limit=30));const M=E({name:""}),C=E({real_name:"",cate_id:0}),N=ie(()=>{(p.type=="icon"?it:ct)({type:p.type,...M}).then(e=>{I.data=e.data}).catch(()=>{})});N();const A=ie((a=1)=>{const e=p.type=="icon"?dt:rt;c.loading=!0,c.page=a,e({page:c.page,limit:c.limit,att_type:p.type,...C}).then(y=>{if(c.data=y.data.data,c.total=y.data.total,c.loading=!1,p.scene=="attachment"&&q(),p.type!="icon")for(let v=0;v<c.data.length;v++)c.data[v].image_list=[],c.data[v].image_list.push(z(y.data.data[v].url))}).catch(()=>{c.loading=!1})});A(),X(()=>C.cate_id,()=>{A()});const re=a=>{Oe({type:p.type,name:a}).then(e=>{D.value="",N(1)}).catch(()=>{})},ue=(a,e)=>{Fe({id:I.data[e].id,name:a}).then(y=>{I.data[e].name=a}).catch(()=>{})},pe=a=>{ce.confirm(i("upload.deleteCategoryTips"),i("warning"),{confirmButtonText:i("confirm"),cancelButtonText:i("cancel"),type:"warning"}).then(()=>{Te(I.data[a].id).then(()=>{I.data.splice(a,1)}).catch(()=>{})})},Y=T(null),me=oe(()=>{const a={};return a.token=Ue(),a["site-id"]=ze.get("siteId")||0,{action:`${"/adminapi/".substr(-1)=="/"?"/adminapi/":"/adminapi//"}sys/${p.type}`,multiple:!0,data:{cate_id:C.cate_id},headers:a,onSuccess:(y,v,W)=>{var V;y.code>=1?(A(),(V=Y.value)==null||V.handleRemove(v)):(v.status="fail",ne({message:y.msg,type:"error"}))}}}),S=T(!1);X(S,()=>{if(S.value){const a=Object.keys(b(f));c.data.forEach(e=>{a.includes(e.att_id)||(f[e.att_id]=b(e))})}else q()});const q=()=>{const a=Object.keys(b(f));a.length&&(a.forEach(e=>{delete f[e]}),S.value=!1)},fe=a=>{if(f[a.att_id])delete f[a.att_id],$.splice($.indexOf(a.att_id),1);else if(p.scene=="select"){const e=Object.keys(b(f)),y=e.length;if(p.limit==1&&y==p.limit)delete f[e[0]],$.splice($.indexOf(e[0]),1);else if(y>=p.limit){ne.info(i("upload.triggerUpperLimit"));return}f[a.att_id]=b(a),$.push(a.att_id)}else f[a.att_id]=b(a),$.push(a.att_id)},_e=a=>{let e=$.indexOf(a);return e==-1?0:e+1},G=(a=null)=>{const e=a===null?Object.keys(b(f)):[c.data[a].att_id];ce.confirm(i("upload.deleteAttachmentTips"),i("warning"),{confirmButtonText:i("confirm"),cancelButtonText:i("cancel"),type:"warning"}).then(()=>{je({att_ids:e}).then(()=>{A()}).catch(()=>{})})},_=E({cateId:"",loading:!1,visible:!1}),J=(a=null)=>{const e=a===null?Object.keys(b(f)):[c.data[a].att_id];_.visible=!0,_.cateId=I.data[0].id,_.confirm=()=>{_.loading=!0,Be({cate_id:_.cateId,att_ids:e}).then(()=>{_.visible=!1,_.loading=!1,A()}).catch(()=>{_.loading=!1})}},Q=T(!0);X(f,()=>{Q.value=Object.keys(b(f)).length==0});const O=E({show:!1,index:0}),he=a=>{O.show=!0,O.index=a},ve=oe(()=>b(c.data).map(a=>z(a.url))),F=E({visible:!1,src:""}),ge=a=>{F.visible=!0,F.src=z(c.data[a].url)};return de({selectedFile:f,selectedFileIndex:$}),(a,e)=>{const y=Re,v=mt,W=pt,V=Pe,K=De,Z=Me,H=Ne,U=Qe,ye=We,R=Xe,ee=Ye,te=qe,ae=Ge,xe=Je,ke=Ke,we=Ze,be=He,Ce=et,Ve=tt,le=at,Ee=lt,$e=ut,Ie=ot;return s(),m("div",{class:j(["flex border-t border-b main-wrap border-color w-full",r.scene=="select"?"h-[40vh]":"h-full"])},[d("div",vt,[o(y,{modelValue:M.name,"onUpdate:modelValue":e[0]||(e[0]=t=>M.name=t),class:"m-0",placeholder:n(i)("upload.attachmentCategoryPlaceholder"),clearable:"","prefix-icon":"Search",onInput:e[1]||(e[1]=t=>n(N)())},null,8,["modelValue","placeholder"]),d("div",gt,[o(H,null,{default:l(()=>[d("div",{class:j(["group-item p-[10px] leading-none text-xs rounded cursor-pointer",{active:C.cate_id==0}]),onClick:e[2]||(e[2]=t=>C.cate_id=0)},u(n(i)("selectPlaceholder")),3),(s(!0),m(B,null,P(I.data,(t,x)=>(s(),m("div",{class:j(["group-item px-[10px] text-xs rounded cursor-pointer flex",{active:C.cate_id==t.id}]),key:x},[d("div",{class:"flex-1 leading-none truncate py-[10px]",onClick:w=>C.cate_id=t.id},u(t.name),9,yt),r.scene=="attachment"&&p.type!="icon"?(s(),m("div",xt,[r.scene=="attachment"?(s(),h(Z,{key:0,"hide-on-click":!1},{dropdown:l(()=>[o(K,null,{default:l(()=>[o(V,{class:"text-center"},{default:l(()=>[o(W,{placeholder:n(i)("upload.attachmentCategoryPlaceholder"),onConfirm:w=>ue(w,x),modelValue:t.name,"onUpdate:modelValue":w=>t.name=w},{default:l(()=>[d("span",null,u(n(i)("edit")),1)]),_:2},1032,["placeholder","onConfirm","modelValue","onUpdate:modelValue"])]),_:2},1024),o(V,{onClick:w=>pe(x)},{default:l(()=>[d("div",kt,u(n(i)("delete")),1)]),_:2},1032,["onClick"])]),_:2},1024)]),default:l(()=>[o(v,{name:"element MoreFilled",class:"cursor-pointer ml-[10px]",size:"14px"}),k(" "+u(t.name)+" ",1)]),_:2},1024)):g("",!0)])):g("",!0)],2))),128))]),_:1})]),p.type!="icon"?(s(),h(W,{key:0,placeholder:n(i)("upload.attachmentCategoryPlaceholder"),onConfirm:re,modelValue:D.value,"onUpdate:modelValue":e[3]||(e[3]=t=>D.value=t)},{default:l(()=>[o(U,null,{default:l(()=>[k(u(n(i)("upload.addAttachmentCategory")),1)]),_:1})]),_:1},8,["placeholder","modelValue"])):g("",!0)]),d("div",wt,[o(ee,{gutter:15,class:"h-[32px]"},{default:l(()=>[o(R,{span:10},{default:l(()=>[d("div",bt,[p.type!="icon"?(s(),h(ye,Le({key:0},n(me),{ref_key:"uploadRef",ref:Y}),{default:l(()=>[o(U,{type:"primary"},{default:l(()=>[k(u(n(i)("upload.upload"+r.type))+" "+u(a.isOpen),1)]),_:1})]),_:1},16)):g("",!0),r.scene=="attachment"&&p.type!="icon"?(s(),m("div",Ct,[L.value===!1?(s(),h(U,{key:0,class:"ml-[10px]",type:"primary",onClick:e[4]||(e[4]=t=>L.value=!0)},{default:l(()=>[k(u(n(i)("edit")),1)]),_:1})):(s(),h(U,{key:1,class:"ml-[10px]",type:"primary",onClick:e[5]||(e[5]=t=>L.value=!1)},{default:l(()=>[k(u(n(i)("complete")),1)]),_:1}))])):g("",!0)])]),_:1}),o(R,{span:14,class:"text-right"},{default:l(()=>[o(y,{modelValue:C.real_name,"onUpdate:modelValue":e[6]||(e[6]=t=>C.real_name=t),class:"m-0 !w-[200px]",clearable:"",placeholder:n(i)("upload.placeholder"+r.type+"Name"),"prefix-icon":"Search",onInput:e[7]||(e[7]=t=>n(A)())},null,8,["modelValue","placeholder"])]),_:1})]),_:1}),se((s(),m("div",Vt,[o(H,null,{default:l(()=>[c.data.length&&(L.value===!0||r.scene!="attachment")?(s(),m("div",Et,[(s(!0),m(B,null,P(c.data,(t,x)=>(s(),m("div",{class:j(["attachment-item mr-[10px]",r.scene=="select"?"w-[100px]":"w-[120px]"]),key:x},[d("div",{class:j(["attachment-wrap w-full rounded cursor-pointer overflow-hidden relative flex items-center justify-center",r.scene=="select"?"h-[100px]":"h-[120px]"]),onClick:w=>fe(t)},[r.type=="image"?(s(),h(te,{key:0,src:n(z)(t.url),fit:"contain"},null,8,["src"])):r.type=="video"?(s(),m("video",{key:1,src:n(z)(t.url)},null,8,It)):r.type=="icon"?(s(),h(v,{key:2,name:t.url,size:"24px"},null,8,["name"])):g("",!0),se(d("div",At,[o(v,{name:"element Select",color:"#fff",size:"40px"}),d("div",Ut,[d("span",zt,u(_e(t.att_id)),1)])],512),[[Se,f[t.att_id]]])],10,$t),d("div",Lt,[o(ae,{placement:"top"},{content:l(()=>[k(u(t.real_name),1)]),default:l(()=>[d("div",St,u(t.real_name),1)]),_:2},1024),r.scene=="attachment"?(s(),h(Z,{key:0,"hide-on-click":!1,class:"attachment-action hidden"},{dropdown:l(()=>[o(K,null,{default:l(()=>[t.att_type=="image"?(s(),h(V,{key:0,class:"text-center",onClick:w=>he(x)},{default:l(()=>[d("div",Ot,u(n(i)("lookOver")),1)]),_:2},1032,["onClick"])):g("",!0),t.att_type=="video"?(s(),h(V,{key:1,class:"text-center",onClick:w=>ge(x)},{default:l(()=>[d("div",Ft,u(n(i)("lookOver")),1)]),_:2},1032,["onClick"])):g("",!0),o(V,{class:"text-center",onClick:w=>J(x)},{default:l(()=>[d("div",Tt,u(n(i)("upload.move")),1)]),_:2},1032,["onClick"]),o(V,{onClick:w=>G(x)},{default:l(()=>[d("div",jt,u(n(i)("delete")),1)]),_:2},1032,["onClick"])]),_:2},1024)]),default:l(()=>[o(v,{name:"element MoreFilled",class:"cursor-pointer ml-[8px]",size:"14px"})]),_:2},1024)):g("",!0)])],2))),128))])):c.data.length&&L.value===!1?(s(),m("div",Bt,[(s(!0),m(B,null,P(c.data,(t,x)=>(s(),m("div",{class:"attachment-item mr-[10px] w-[120px]",key:x},[d("div",Rt,[r.type=="image"?(s(),h(te,{key:0,src:n(z)(t.url),fit:"contain","preview-src-list":t.image_list},null,8,["src","preview-src-list"])):r.type=="video"?(s(),m("video",{key:1,src:n(z)(t.url)},null,8,Pt)):r.type=="icon"?(s(),h(v,{key:2,name:t.url,size:"24px"},null,8,["name"])):g("",!0)]),d("div",Dt,[o(ae,{placement:"top"},{content:l(()=>[k(u(t.real_name),1)]),default:l(()=>[d("div",Mt,u(t.real_name),1)]),_:2},1024)])]))),128))])):(s(),m("div",Nt,[c.loading?g("",!0):(s(),m("div",Qt,[Wt,d("span",Xt,u(r.type=="icon"?n(i)("upload.iconEmpty"):n(i)("upload.attachmentEmpty")),1)]))]))]),_:1})])),[[Ie,c.loading]]),o(ee,{gutter:20},{default:l(()=>[r.scene=="attachment"&&L.value===!0?(s(),h(R,{key:0,span:8},{default:l(()=>[d("div",Yt,[o(xe,{modelValue:S.value,"onUpdate:modelValue":e[8]||(e[8]=t=>S.value=t),label:n(i)("selectAll"),size:"large"},null,8,["modelValue","label"]),o(U,{class:"ml-[15px]",disabled:Q.value,onClick:e[9]||(e[9]=t=>G())},{default:l(()=>[k(u(n(i)("delete")),1)]),_:1},8,["disabled"]),o(U,{disabled:Q.value,onClick:e[10]||(e[10]=t=>J())},{default:l(()=>[k(u(n(i)("upload.move")),1)]),_:1},8,["disabled"])])]),_:1})):g("",!0),o(R,{span:24},{default:l(()=>[d("div",qt,[o(ke,{"current-page":c.page,"onUpdate:current-page":e[11]||(e[11]=t=>c.page=t),small:!0,"page-size":c.limit,"onUpdate:page-size":e[12]||(e[12]=t=>c.limit=t),"page-sizes":[10,20,30,40,60],layout:"total, sizes, prev, pager, next, jumper",total:c.total,onSizeChange:e[13]||(e[13]=t=>n(A)()),onCurrentChange:n(A)},null,8,["current-page","page-size","total","onCurrentChange"])])]),_:1})]),_:1})]),r.scene=="attachment"?(s(),m(B,{key:0},[o(le,{modelValue:_.visible,"onUpdate:modelValue":e[17]||(e[17]=t=>_.visible=t),title:n(i)("upload.moveCategory"),width:"350px"},{footer:l(()=>[d("span",Gt,[o(U,{onClick:e[15]||(e[15]=t=>_.visible=!1)},{default:l(()=>[k(u(n(i)("cancel")),1)]),_:1}),o(U,{type:"primary",loading:_.loading,onClick:e[16]||(e[16]=t=>_.confirm())},{default:l(()=>[k(u(n(i)("confirm")),1)]),_:1},8,["loading"])])]),default:l(()=>[o(Ve,{"label-width":"60px"},{default:l(()=>[o(Ce,{label:n(i)("upload.moveTo"),style:{"margin-bottom":"0"}},{default:l(()=>[o(be,{modelValue:_.cateId,"onUpdate:modelValue":e[14]||(e[14]=t=>_.cateId=t),class:"input-width"},{default:l(()=>[(s(!0),m(B,null,P(I.data,(t,x)=>(s(),h(we,{label:t.name,value:t.id,key:x},null,8,["label","value"]))),128))]),_:1},8,["modelValue"])]),_:1},8,["label"])]),_:1})]),_:1},8,["modelValue","title"]),O.show?(s(),h(Ee,{key:0,"url-list":n(ve),onClose:e[18]||(e[18]=t=>O.show=!1),"initial-index":O.index,"zoom-rate":1},null,8,["url-list","initial-index"])):g("",!0),o(le,{modelValue:F.visible,"onUpdate:modelValue":e[19]||(e[19]=t=>F.visible=t),width:"50%","align-center":"","destroy-on-close":!0,"custom-class":"video-preview"},{default:l(()=>[o($e,{src:F.src,width:"100%"},null,8,["src"])]),_:1},8,["modelValue"])],64)):g("",!0)],2)}}});const ba=ft(Jt,[["__scopeId","data-v-1df784e9"]]);export{ba as default};
|