mirror of
https://gitee.com/niucloud-team/niucloud-admin.git
synced 2026-01-03 19:58:12 +00:00
2 lines
14 KiB
JavaScript
2 lines
14 KiB
JavaScript
import{d as Ae,r as B,l as E,ag as H,M as oe,aM as ze,P as ne,ah as C,z,h as s,c as m,a as d,e as o,u as n,k as i,w as l,n as P,t as u,F as T,O as N,m as h,i as w,B as v,aN as Oe,J as se,a9 as Se,ai as ie,S as ce,D as Ue,aO as je,aP as Fe,aQ as Le,a4 as Be,E as Pe,aR as Te,aq as De,ar as Ne,C as Me,ax as Re,aj as qe,a1 as Ge,_ as He,ac as Je,G as Qe,H as Ke,V as We,aL as Xe,L as Ye,p as Ze,g as et}from"./index-ad4e42d5.js";/* empty css */import{_ as tt}from"./index.vue_vue_type_script_setup_true_lang-4946e851.js";/* empty css *//* 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{_ as at}from"./index.vue_vue_type_script_setup_true_lang-9334503d.js";import{_ as lt}from"./index.vue_vue_type_script_setup_true_lang-39123e55.js";import{s as ot,t as nt,u as st,v as it,w as ct,x as dt,y as rt,z as ut,A as pt}from"./sys-747f9e8e.js";import{_ as mt}from"./_plugin-vue_export-helper-c27b6911.js";/* empty css */const ft=""+new URL("no_attachment-6030c8d3.png",import.meta.url).href,_t=r=>(Ze("data-v-cfb623cb"),r=r(),et(),r),ht={class:"group-wrap w-[180px] p-[15px] h-full border-r border-color flex flex-col"},vt={class:"group-list flex-1 my-[10px] h-0"},gt=["onClick"],yt={key:0,class:"leading-none operate py-[10px]"},xt={class:"text-center w-full"},kt={class:"attachment-list-wrap flex flex-col p-[15px] flex-1 overflow-hidden"},wt={class:"flex"},bt={key:1},Ct={class:"flex-1 my-[15px] h-0"},Vt={key:0,class:"flex flex-wrap"},Et=["onClick"],$t=["src"],It={class:"absolute z-[1] flex items-center justify-center w-full h-full inset-0 bg-black bg-opacity-60"},At={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"},Ot={class:"flex items-center"},St={class:"truncate my-[10px] cursor-pointer text-base flex-1 text-center"},Ut={class:"text-center w-full"},jt={class:"text-center w-full"},Ft={class:"text-center w-full"},Lt={class:"text-center w-full"},Bt={key:1,class:"flex flex-wrap"},Pt={class:"attachment-wrap w-full rounded cursor-pointer overflow-hidden relative flex items-center justify-center h-[120px]"},Tt=["src"],Dt={class:"flex items-center"},Nt={class:"truncate my-[10px] cursor-pointer text-base flex-1 text-center"},Mt={key:2,class:"flex absolute top-0 left-0 right-0 bottom-0 items-center justify-center"},Rt={key:0,class:"flex flex-col items-center"},qt=_t(()=>d("img",{src:ft,class:"max-w-[130px] max-h-[130px] mb-[15px]"},null,-1)),Gt={class:"text-[var(--el-text-color-secondary)] text-[14px]"},Ht={class:"flex items-center"},Jt={class:"flex h-full justify-end items-center"},Qt={class:"dialog-footer"},Kt=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,M=B(""),O=B(!1),f=E({}),k=E([]),$=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 R=E({name:""}),V=E({real_name:"",cate_id:0}),q=ie(()=>{(p.type=="icon"?dt:rt)({type:p.type,...R}).then(e=>{$.data=e.data}).catch(()=>{})});q();const I=ie((a=1)=>{const e=p.type=="icon"?ut:pt;c.loading=!0,c.page=a,e({page:c.page,limit:c.limit,att_type:p.type,...V}).then(g=>{if(c.data=g.data.data,c.total=g.data.total,c.loading=!1,p.scene=="attachment"&&Q(),p.type!="icon")for(let x=0;x<c.data.length;x++)c.data[x].image_list=[],c.data[x].image_list.push(z(g.data.data[x].url))}).catch(()=>{c.loading=!1})});I(),H(()=>V.cate_id,()=>{I()});const re=a=>{ot({type:p.type,name:a}).then(e=>{M.value="",q(1)}).catch(()=>{})},ue=(a,e)=>{nt({id:$.data[e].id,name:a}).then(g=>{$.data[e].name=a}).catch(()=>{})},pe=a=>{ce.confirm(i("upload.deleteCategoryTips"),i("warning"),{confirmButtonText:i("confirm"),cancelButtonText:i("cancel"),type:"warning"}).then(()=>{st($.data[a].id).then(()=>{$.data.splice(a,1)}).catch(()=>{})})},J=B(null),me=oe(()=>{const a={};return a.token=ze(),{action:`/adminapi//sys/${p.type}`,multiple:!0,data:{cate_id:V.cate_id},headers:a,onSuccess:(e,g,x)=>{var L;e.code>=1?(I(),(L=J.value)==null||L.handleRemove(g)):(g.status="fail",ne({message:e.msg,type:"error"}))}}}),U=B(!1);H(U,()=>{if(U.value){const a=Object.keys(C(f));c.data.forEach(e=>{a.includes(e.att_id)||(f[e.att_id]=C(e),k.push(e.att_id))})}else Q()});const Q=()=>{const a=Object.keys(C(f));a.length&&(a.forEach(e=>{delete f[e],k.splice(k.indexOf(e),1)}),U.value=!1)},fe=a=>{if(f[a.att_id])delete f[a.att_id],k.splice(k.indexOf(a.att_id),1);else if(p.scene=="select"){const e=Object.keys(C(f)),g=e.length;if(p.limit==1&&g==p.limit)delete f[e[0]],k.splice(k.indexOf(e[0]),1);else if(g>=p.limit){ne.info(i("upload.triggerUpperLimit"));return}f[a.att_id]=C(a),k.push(a.att_id)}else f[a.att_id]=C(a),k.push(a.att_id)},_e=a=>{let e=k.indexOf(a);return e==-1?0:e+1},K=(a=null)=>{const e=a===null?Object.keys(C(f)):[c.data[a].att_id];ce.confirm(i("upload.deleteAttachmentTips"),i("warning"),{confirmButtonText:i("confirm"),cancelButtonText:i("cancel"),type:"warning"}).then(()=>{it({att_ids:e}).then(()=>{I()}).catch(()=>{})})},_=E({cateId:"",loading:!1,visible:!1}),W=(a=null)=>{const e=a===null?Object.keys(C(f)):[c.data[a].att_id];_.visible=!0,_.cateId=$.data[0].id,_.confirm=()=>{_.loading=!0,ct({cate_id:_.cateId,att_ids:e}).then(()=>{_.visible=!1,_.loading=!1,I()}).catch(()=>{_.loading=!1})}},G=B(!0);H(f,()=>{G.value=Object.keys(C(f)).length==0});const j=E({show:!1,index:0}),he=a=>{j.show=!0,j.index=a},ve=oe(()=>C(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:k}),(a,e)=>{const g=Ue,x=lt,L=at,S=je,X=Fe,Y=Le,Z=Be,A=Pe,ye=Te,D=De,ee=Ne,te=Me,ae=Re,xe=qe,ke=Ge,we=He,be=Je,Ce=Qe,Ve=Ke,le=We,Ee=Xe,$e=tt,Ie=Ye;return s(),m("div",{class:P(["flex border-t border-b main-wrap border-color w-full",r.scene=="select"?"h-[40vh]":"h-full"])},[d("div",ht,[o(g,{modelValue:R.name,"onUpdate:modelValue":e[0]||(e[0]=t=>R.name=t),class:"m-0",placeholder:n(i)("upload.attachmentCategoryPlaceholder"),clearable:"","prefix-icon":"Search",onInput:e[1]||(e[1]=t=>n(q)())},null,8,["modelValue","placeholder"]),d("div",vt,[o(Z,null,{default:l(()=>[d("div",{class:P(["group-item p-[10px] leading-none text-xs rounded cursor-pointer",{active:V.cate_id==0}]),onClick:e[2]||(e[2]=t=>V.cate_id=0)},u(n(i)("selectPlaceholder")),3),(s(!0),m(T,null,N($.data,(t,y)=>(s(),m("div",{class:P(["group-item px-[10px] text-xs rounded cursor-pointer flex",{active:V.cate_id==t.id}]),key:y},[d("div",{class:"flex-1 leading-none truncate py-[10px]",onClick:b=>V.cate_id=t.id},u(t.name),9,gt),r.scene=="attachment"&&p.type!="icon"?(s(),m("div",yt,[r.scene=="attachment"?(s(),h(Y,{key:0,"hide-on-click":!1},{dropdown:l(()=>[o(X,null,{default:l(()=>[o(S,{class:"text-center"},{default:l(()=>[o(L,{placeholder:n(i)("upload.attachmentCategoryPlaceholder"),onConfirm:b=>ue(b,y),modelValue:t.name,"onUpdate:modelValue":b=>t.name=b},{default:l(()=>[d("span",null,u(n(i)("edit")),1)]),_:2},1032,["placeholder","onConfirm","modelValue","onUpdate:modelValue"])]),_:2},1024),o(S,{onClick:b=>pe(y)},{default:l(()=>[d("div",xt,u(n(i)("delete")),1)]),_:2},1032,["onClick"])]),_:2},1024)]),default:l(()=>[o(x,{name:"element MoreFilled",class:"cursor-pointer ml-[10px]",size:"14px"}),w(" "+u(t.name)+" ",1)]),_:2},1024)):v("",!0)])):v("",!0)],2))),128))]),_:1})]),p.type!="icon"?(s(),h(L,{key:0,placeholder:n(i)("upload.attachmentCategoryPlaceholder"),onConfirm:re,modelValue:M.value,"onUpdate:modelValue":e[3]||(e[3]=t=>M.value=t)},{default:l(()=>[o(A,null,{default:l(()=>[w(u(n(i)("upload.addAttachmentCategory")),1)]),_:1})]),_:1},8,["placeholder","modelValue"])):v("",!0)]),d("div",kt,[o(ee,{gutter:15,class:"h-[32px]"},{default:l(()=>[o(D,{span:10},{default:l(()=>[d("div",wt,[p.type!="icon"?(s(),h(ye,Oe({key:0},n(me),{ref_key:"uploadRef",ref:J}),{default:l(()=>[o(A,{type:"primary"},{default:l(()=>[w(u(n(i)("upload.upload"+r.type))+" "+u(a.isOpen),1)]),_:1})]),_:1},16)):v("",!0),r.scene=="attachment"&&p.type!="icon"?(s(),m("div",bt,[O.value===!1?(s(),h(A,{key:0,class:"ml-[10px]",type:"primary",onClick:e[4]||(e[4]=t=>O.value=!0)},{default:l(()=>[w(u(n(i)("edit")),1)]),_:1})):(s(),h(A,{key:1,class:"ml-[10px]",type:"primary",onClick:e[5]||(e[5]=t=>O.value=!1)},{default:l(()=>[w(u(n(i)("complete")),1)]),_:1}))])):v("",!0)])]),_:1}),o(D,{span:14,class:"text-right"},{default:l(()=>[o(g,{modelValue:V.real_name,"onUpdate:modelValue":e[6]||(e[6]=t=>V.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(I)())},null,8,["modelValue","placeholder"])]),_:1})]),_:1}),se((s(),m("div",Ct,[o(Z,null,{default:l(()=>[c.data.length&&(O.value===!0||r.scene!="attachment")?(s(),m("div",Vt,[(s(!0),m(T,null,N(c.data,(t,y)=>(s(),m("div",{class:P(["attachment-item mr-[10px]",r.scene=="select"?"w-[100px]":"w-[120px]"]),key:y},[d("div",{class:P(["attachment-wrap w-full rounded cursor-pointer overflow-hidden relative flex items-center justify-center",r.scene=="select"?"h-[100px]":"h-[120px]"]),onClick:b=>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,$t)):r.type=="icon"?(s(),h(x,{key:2,name:t.url,size:"24px"},null,8,["name"])):v("",!0),se(d("div",It,[o(x,{name:"element Select",color:"#fff",size:"40px"}),d("div",At,[d("span",zt,u(_e(t.att_id)),1)])],512),[[Se,f[t.att_id]]])],10,Et),d("div",Ot,[o(ae,{placement:"top"},{content:l(()=>[w(u(t.real_name),1)]),default:l(()=>[d("div",St,u(t.real_name),1)]),_:2},1024),r.scene=="attachment"?(s(),h(Y,{key:0,"hide-on-click":!1,class:"attachment-action hidden"},{dropdown:l(()=>[o(X,null,{default:l(()=>[t.att_type=="image"?(s(),h(S,{key:0,class:"text-center",onClick:b=>he(y)},{default:l(()=>[d("div",Ut,u(n(i)("lookOver")),1)]),_:2},1032,["onClick"])):v("",!0),t.att_type=="video"?(s(),h(S,{key:1,class:"text-center",onClick:b=>ge(y)},{default:l(()=>[d("div",jt,u(n(i)("lookOver")),1)]),_:2},1032,["onClick"])):v("",!0),o(S,{class:"text-center",onClick:b=>W(y)},{default:l(()=>[d("div",Ft,u(n(i)("upload.move")),1)]),_:2},1032,["onClick"]),o(S,{onClick:b=>K(y)},{default:l(()=>[d("div",Lt,u(n(i)("delete")),1)]),_:2},1032,["onClick"])]),_:2},1024)]),default:l(()=>[o(x,{name:"element MoreFilled",class:"cursor-pointer ml-[8px]",size:"14px"})]),_:2},1024)):v("",!0)])],2))),128))])):c.data.length&&O.value===!1?(s(),m("div",Bt,[(s(!0),m(T,null,N(c.data,(t,y)=>(s(),m("div",{class:"attachment-item mr-[10px] w-[120px]",key:y},[d("div",Pt,[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,Tt)):r.type=="icon"?(s(),h(x,{key:2,name:t.url,size:"24px"},null,8,["name"])):v("",!0)]),d("div",Dt,[o(ae,{placement:"top"},{content:l(()=>[w(u(t.real_name),1)]),default:l(()=>[d("div",Nt,u(t.real_name),1)]),_:2},1024)])]))),128))])):(s(),m("div",Mt,[c.loading?v("",!0):(s(),m("div",Rt,[qt,d("span",Gt,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"&&O.value===!0?(s(),h(D,{key:0,span:8},{default:l(()=>[d("div",Ht,[o(xe,{modelValue:U.value,"onUpdate:modelValue":e[8]||(e[8]=t=>U.value=t),label:n(i)("selectAll"),size:"large"},null,8,["modelValue","label"]),o(A,{class:"ml-[15px]",disabled:G.value,onClick:e[9]||(e[9]=t=>K())},{default:l(()=>[w(u(n(i)("delete")),1)]),_:1},8,["disabled"]),o(A,{disabled:G.value,onClick:e[10]||(e[10]=t=>W())},{default:l(()=>[w(u(n(i)("upload.move")),1)]),_:1},8,["disabled"])])]),_:1})):v("",!0),o(D,{span:24},{default:l(()=>[d("div",Jt,[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(I)()),onCurrentChange:n(I)},null,8,["current-page","page-size","total","onCurrentChange"])])]),_:1})]),_:1})]),r.scene=="attachment"?(s(),m(T,{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",Qt,[o(A,{onClick:e[15]||(e[15]=t=>_.visible=!1)},{default:l(()=>[w(u(n(i)("cancel")),1)]),_:1}),o(A,{type:"primary",loading:_.loading,onClick:e[16]||(e[16]=t=>_.confirm())},{default:l(()=>[w(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(T,null,N($.data,(t,y)=>(s(),h(we,{label:t.name,value:t.id,key:y},null,8,["label","value"]))),128))]),_:1},8,["modelValue"])]),_:1},8,["label"])]),_:1})]),_:1},8,["modelValue","title"]),j.show?(s(),h(Ee,{key:0,"url-list":n(ve),onClose:e[18]||(e[18]=t=>j.show=!1),"initial-index":j.index,"zoom-rate":1},null,8,["url-list","initial-index"])):v("",!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)):v("",!0)],2)}}});const wa=mt(Kt,[["__scopeId","data-v-cfb623cb"]]);export{wa as default};
|