import{U as X,aW as g,a$ as Z,H as p,o as d,F as S,G as L,b as l,a as e,bd as T,cj as xe,w as i,ci as we,cv as Ie,ca as de,d as D,aw as Ce,aA as Le,c3 as oe,cn as $e,aZ as j,bm as t,co as ze,aU as G,bV as ue,b_ as pe,bW as ce,d7 as Te,bX as H,bY as ge,f as se,V as O,bN as Ve,ap as le,c as R,cc as Be,e as J,bG as ve,cy as Ne,c6 as Re,ct as Ae,cB as Pe,cm as qe,c2 as ye,ay as fe,bM as _e,bD as be}from"./index-BRGNG7bs.js";import{_ as je}from"./TitleBreadcrumb.vue_vue_type_style_index_0_lang-CBeB41zV.js";import{f as ae,o as Ye,a as ke}from"./fileApi-_B4-1Ra_.js";import{_ as ee}from"./_plugin-vue_export-helper-DlAUqK2U.js";import{c as Ee}from"./close-DLWCNMcp.js";import{c as We}from"./close-BcCOVtMl.js";import"./index.browser-8GCpxvXN.js";const Me={key:0,class:"tag mt-4"},Ge={class:"py-2 pl-3"},Je={class:"ml-2 pr-2"},He=X({__name:"Tag",props:{item:Object},emits:["addTagBreadcrumb","getImgList","initPage"],setup(K,{emit:z}){const x=z,h=K;let k=g("");const u=ae();function y(r){x("addTagBreadcrumb",r)}function f(r){k.value=r.tag,r.unshow=!r.unshow}function a(r){const m={oldTag:k.value,newTag:r.tag};u.tagRename(m).then(A=>{A.code===200&&(r.unshow=!r.unshow,x("initPage"))})}function c(r){const m={tag:r.tag};u.tagRemove(m).then(A=>{A.code===200&&x("initPage")})}return(r,m)=>{const A=Z("DotsVerticalIcon");return d(),p(S,null,[h.item.unshow?L("",!0):(d(),p("div",Me,[l("div",{style:{display:"inline-block"},onClick:m[0]||(m[0]=_=>y(h.item.tag))},[l("a",Ge,T(h.item.tag),1),l("span",Je,T(h.item.num),1)]),e(xe,{"close-on-content-click":!0,location:"bottom"},{activator:i(({props:_})=>[l("span",Ce({class:"tag-more d-flex align-center text-center ml-1"},_),[e(A,{size:"16"})],16)]),default:i(()=>[e(we,{rounded:"md",elevation:"12"},{default:i(()=>[e(Ie,null,{default:i(()=>[e(de,{class:"text-medium-emphasis",link:"",onClick:m[1]||(m[1]=_=>f(h.item))},{default:i(()=>m[5]||(m[5]=[D(" Rename Tags ")])),_:1}),e(de,{class:"text-medium-emphasis",link:"",onClick:m[2]||(m[2]=_=>c(h.item))},{default:i(()=>m[6]||(m[6]=[D(" Archive ")])),_:1})]),_:1})]),_:1})]),_:1})])),h.item.unshow?(d(),p("div",{key:1,style:Le([{width:h.item.tag.length*10+"px"},{"min-width":"130px"}]),class:"tag-inp mt-4"},[e(oe,{label:"Rename Tags",color:"primary",variant:"outlined","hide-details":"","max-width":98,height:"36px",required:"",modelValue:h.item.tag,"onUpdate:modelValue":m[3]||(m[3]=_=>h.item.tag=_),autofocus:!0,onBlur:m[4]||(m[4]=_=>a(h.item))},null,8,["modelValue"])],4)):L("",!0)],64)}}}),Se=ee(He,[["__scopeId","data-v-518f10d6"]]),Ke=["id"],Ze={style:{color:"#333"}},Oe={class:"d-flex flex-wrap"},Qe={class:"indexlist"},Xe=["onClick"],et=X({__name:"AllTags",emits:["addTagBreadcrumb2"],setup(K,{expose:z,emit:x}){const h=x,k=$e();g(!1);const u=ae();g([]);let y=g([]),f=g([]);function a(){u.tagList().then(_=>{if(_.code===200&&_.data){y.value=_.data;const V=ze(_.data);c(V)}})}function c(_){const V={},B=["A","B","C","D","E","F","G","H","I","J","K","L","M","N","O","P","Q","R","S","T","U","V","W","X","Y","Z","#"];B.forEach(v=>{V[v]=[]}),_.forEach(v=>{const U=v.tag.charAt(0).toUpperCase();console.log("firstLetter",U),console.log("firstLetteritem",v),B.includes(U)?V[U].push(v):V["#"].push(v)}),f.value=V}function r(_){console.log("tagList...",y),h("addTagBreadcrumb2",_)}function m(_){k("#"+_,{offset:-90})}function A(){a()}return z({initPage:A}),a(),(_,V)=>(d(),p(S,null,[(d(!0),p(S,null,j(t(f),(B,v)=>(d(),p(S,{key:v},[B.length>0?(d(),p("div",{key:0,id:v,class:"mt-5 d-block",style:{"border-bottom":"1px solid #EEF2F6","padding-bottom":"16px"}},[l("h4",Ze,T(v),1),l("div",Oe,[(d(!0),p(S,null,j(B,(U,E)=>(d(),p("div",{class:"mr-3",key:E},[e(Se,{item:U,onInitPage:A,onGetImgList:A,onAddTagBreadcrumb:r},null,8,["item"])]))),128))])],8,Ke)):L("",!0)],64))),128)),l("div",Qe,[(d(!0),p(S,null,j(t(f),(B,v)=>(d(),p(S,{key:v},[B.length>0?(d(),p("a",{key:0,class:"d-block text-h5",style:{color:"#333"},onClick:U=>m(v)},T(v),9,Xe)):L("",!0)],64))),128))])],64))}}),tt=ee(et,[["__scopeId","data-v-c3cf9a46"]]),lt="/assets/none-PDTPEZFH.png",at={class:"text-align position-relative text-center"},ot={key:0,class:"pngbg"},st={class:"text-medium-emphasis mt-3 pl-4",style:{"font-size":"12px"}},nt={class:"text-medium-emphasis mt-3 pl-4",style:{"font-size":"12px"}},it={class:"text-medium-emphasis mt-3 pl-4",style:{"font-size":"12px"}},rt={class:"text-medium-emphasis mt-3 pl-4",style:{"font-size":"12px"}},dt={class:"tag-con mt-4"},ut={class:"d-flex flex-wrap"},ct={style:{flex:"1"},class:"d-flex flex-wrap"},gt=["onClick"],mt={class:"flex"},ft={class:"btns mt-3"},pt=X({__name:"EditImage",props:{},emits:["close"],setup(K,{expose:z,emit:x}){const h=x,k=g(!1),u=ae(),y=G({color:"",msg:"",isShow:!1}),f=g(!1);let a=G({}),c=G([]),r=g("");function m(){return new Promise((o,s)=>{const b={fileId:a.id,fileName:a.fileName,tags:a.tags,contentType:"application/json;charset=UTF-8"};u.fileUpdateFileInfo(b).then(q=>{o()})})}function A(o,s){a=o,c=s,f.value=!0}const _=()=>{f.value=!1,h("close")};function V(o){if(a.tags){for(const s of a.tags)if(s===o){y.color="warning",y.msg="This label already exists",y.isShow=!0;return}}else a.tags=[];a.tags.push(o),r.value=""}function B(o){a.tags.splice(o,1)}function v(){let o=a.smallImageUrl.split(".");return o[o.length-1]}function U(){k.value=!0,m().then(o=>{k.value=!1,_()})}function E(o){return o<1024?o+" Bytes":o<1048576?(o/1024).toFixed(2)+" KB":(o/1048576).toFixed(2)+" MB"}return z({openDialog:A,closeDialog:_}),(o,s)=>(d(),p(S,null,[e(ue,{modelValue:y.isShow,"onUpdate:modelValue":s[0]||(s[0]=b=>y.isShow=b),color:y.color,timeout:3e3,variant:"flat",rounded:"md",location:"top"},{default:i(()=>[D(T(y.msg),1)]),_:1},8,["modelValue","color"]),e(pe,{modelValue:f.value,"onUpdate:modelValue":s[5]||(s[5]=b=>f.value=b),width:"50%","min-width":"346px"},{default:i(()=>[e(ce,null,{default:i(()=>[e(Te,{class:"d-flex align-center pt-3 pb-3"},{default:i(()=>[s[6]||(s[6]=D("Edit Image ")),e(H,{src:t(Ee),width:32,height:32,class:"close",onClick:s[1]||(s[1]=b=>f.value=!1)},null,8,["src"])]),_:1}),e(ge,null,{default:i(()=>[e(se,{style:{margin:"0"}},{default:i(()=>[e(O,{lg:"6",cols:"12",style:{background:"#F7F7F7",padding:"0"}},{default:i(()=>[l("div",at,[v()=="png"?(d(),p("div",ot)):L("",!0),e(H,{src:t(a).fileUrl,width:"427px",height:"427px",rounded:"md",inline:""},null,8,["src"])]),l("p",st,"Dimensions:"+T(t(a).imageWidth)+"*"+T(t(a).imageHeight),1),l("p",nt,"Size:"+T(E(t(a).fileSize)),1),l("p",it,"Format:"+T(v()),1),l("p",rt,T(t(a).addDate),1)]),_:1}),e(O,{lg:"6",cols:"12",style:{background:"#fff"}},{default:i(()=>[s[11]||(s[11]=l("h4",null,"Image Title",-1)),e(oe,{label:"Image Title",color:"primary",variant:"outlined","hide-details":"",modelValue:t(a).fileName,"onUpdate:modelValue":s[2]||(s[2]=b=>t(a).fileName=b),class:"mt-4",onBlur:m},null,8,["modelValue"]),s[12]||(s[12]=l("h4",{class:"mt-4"},"Tags",-1)),l("div",dt,[e(oe,{variant:"outlined",color:"primary",name:"input-7-4",rows:"2","base-color":"#fff",modelValue:t(r),"onUpdate:modelValue":s[3]||(s[3]=b=>le(r)?r.value=b:r=b),onKeyup:s[4]||(s[4]=Ve(b=>V(t(r)),["enter"]))},{prepend:i(()=>s[7]||(s[7]=[l("div",{class:"ml-5 text-medium-emphasis",style:{"font-size":"14px"}},"Add a Tag",-1)])),_:1},8,["modelValue"]),l("div",ut,[s[8]||(s[8]=l("div",{class:"ml-5",style:{"font-size":"14px",width:"92px","white-space":"nowrap"}},"History Tags:",-1)),l("div",ct,[(d(!0),p(S,null,j(t(c),(b,q)=>(d(),p("span",{style:{color:"#435099",cursor:"pointer"},class:"ml-2 mb-2 cur",key:q,onClick:w=>V(b.tag)},T(b.tag),9,gt))),128))])])]),l("div",mt,[(d(!0),p(S,null,j(t(a).tags,(b,q)=>(d(),R(Be,{label:"",closable:"",color:"primary",class:"mt-4 mr-4",key:q,"onClick:close":w=>B(q)},{default:i(()=>[D(T(b),1)]),_:2},1032,["onClick:close"]))),128))]),l("div",ft,[s[10]||(s[10]=l("div",{class:"ml-auto"},null,-1)),e(J,{color:"primary",loading:k.value,onClick:U},{default:i(()=>s[9]||(s[9]=[D("Confirm")])),_:1},8,["loading"])])]),_:1})]),_:1})]),_:1})]),_:1})]),_:1},8,["modelValue"])],64))}}),ht=ee(pt,[["__scopeId","data-v-4d7358fc"]]),vt={class:"ml-2",style:{"font-size":"14px"}},At={class:"tag-con mt-4"},yt={class:"d-flex flex-wrap"},_t={style:{flex:"1"},class:"d-flex flex-wrap"},bt=["onClick"],kt={class:"flex"},xt={class:"btns"},wt=X({__name:"BatchEditTag",emits:["close"],setup(K,{expose:z,emit:x}){const h=x,k=g(!1),u=ae(),y=G({color:"",msg:"",isShow:!1}),f=g(!1);let a=G({}),c=G([]),r=g(""),m=g([]);function A(){k.value=!0,a.forEach(async E=>{const o={fileId:E.id,fileName:E.fileName,tags:E.tags,contentType:"application/json;charset=UTF-8"};await u.fileUpdateFileInfo(o).then(s=>{k.value=!1})}),V()}function _(E,o){a=E,c=o,f.value=!0}const V=()=>{f.value=!1,h("close")};function B(E){for(const o of a)o.tags||(o.tags=[]),o.tags.push(E);m.value.push(E),r.value=""}function v(E){a.tags.splice(E,1)}function U(){A(),f.value=!1}return z({openDialog:_,closeDialog:V}),(E,o)=>(d(),p(S,null,[e(ue,{modelValue:y.isShow,"onUpdate:modelValue":o[0]||(o[0]=s=>y.isShow=s),color:y.color,timeout:3e3,variant:"flat",rounded:"md",location:"top"},{default:i(()=>[D(T(y.msg),1)]),_:1},8,["modelValue","color"]),e(pe,{modelValue:f.value,"onUpdate:modelValue":o[4]||(o[4]=s=>f.value=s),width:"50%"},{default:i(()=>[e(ce,null,{default:i(()=>[e(Te,{class:"d-flex align-center pt-3 pb-3"},{default:i(()=>[o[5]||(o[5]=D("Edit Image ")),e(H,{src:t(Ee),width:32,height:32,class:"close",onClick:o[1]||(o[1]=s=>f.value=!1)},null,8,["src"])]),_:1}),e(ge,null,{default:i(()=>[e(se,null,{default:i(()=>[e(O,{cols:"6",class:"pt-4",style:{background:"#F7F7F7"}},{default:i(()=>[(d(!0),p(S,null,j(t(a),(s,b)=>(d(),p("div",{class:"d-flex align-center mb-3",key:b},[e(H,{src:s.smallImageUrl,width:60,height:60,rounded:"",inline:""},null,8,["src"]),l("p",vt,T(s.fileName),1)]))),128))]),_:1}),e(O,{cols:"6",style:{background:"#fff"}},{default:i(()=>[o[10]||(o[10]=l("h4",{class:"mt-4"},"Tags",-1)),l("div",At,[e(oe,{variant:"outlined",color:"primary",name:"input-7-4",rows:"2","base-color":"#fff",modelValue:t(r),"onUpdate:modelValue":o[2]||(o[2]=s=>le(r)?r.value=s:r=s),onKeyup:o[3]||(o[3]=Ve(s=>B(t(r)),["enter"]))},{prepend:i(()=>o[6]||(o[6]=[l("div",{class:"ml-5 text-medium-emphasis",style:{"font-size":"14px"}},"Add a Tag",-1)])),_:1},8,["modelValue"]),l("div",yt,[o[7]||(o[7]=l("div",{class:"ml-5",style:{"font-size":"14px",width:"92px","white-space":"nowrap"}},"History Tags:",-1)),l("div",_t,[(d(!0),p(S,null,j(t(c),(s,b)=>(d(),p("span",{style:{color:"#435099",cursor:"pointer"},class:"ml-2 mb-2 cur",key:b,onClick:q=>B(s.tag)},T(s.tag),9,bt))),128))])])]),l("div",kt,[(d(!0),p(S,null,j(t(m),(s,b)=>(d(),R(Be,{label:"",closable:"",color:"primary",class:"mt-4 mr-4",key:b,"onClick:close":q=>v(b)},{default:i(()=>[D(T(s),1)]),_:2},1032,["onClick:close"]))),128))]),o[11]||(o[11]=l("div",{class:"bt-con"},null,-1)),l("div",xt,[o[9]||(o[9]=l("div",{class:"ml-auto"},null,-1)),e(J,{color:"primary",loading:k.value,onClick:U},{default:i(()=>o[8]||(o[8]=[D("Confirm")])),_:1},8,["loading"])])]),_:1})]),_:1})]),_:1})]),_:1})]),_:1},8,["modelValue"])],64))}}),It=ee(wt,[["__scopeId","data-v-4b9bdb88"]]),Ct={class:"d-flex align-center text-h3",style:{color:"#1F1F1F","font-weight":"500"}},Tt={class:"btnleft"},Vt={class:"btnright"},Bt=X({__name:"ImageScaleDialog",setup(K,{expose:z}){let x=g(!1),h=g(0),k=g([]);function u(a,c){x.value=!0,h.value=a,k.value=c}const y=()=>{x.value=!1};function f(a){a=="left"?h.value>0&&h.value--:a=="right"&&h.value!=k.value.length-1&&h.value++}return z({openDialog:u,closeDialog:y}),(a,c)=>{const r=Z("ChevronLeftIcon"),m=Z("ChevronRightIcon");return d(),R(pe,{modelValue:t(x),"onUpdate:modelValue":c[3]||(c[3]=A=>le(x)?x.value=A:x=A),"max-width":860},{default:i(()=>[e(ce,null,{default:i(()=>[e(ge,null,{default:i(()=>[l("div",Ct,[c[4]||(c[4]=D("Image ")),l("img",{src:We,width:32,height:32,class:"close",onClick:c[0]||(c[0]=A=>le(x)?x.value=!1:x=!1)})]),e(H,{alt:"product",src:t(k)[t(h)].fileUrl,"max-height":"625",class:"mt-5"},null,8,["src"]),l("div",Tt,[e(J,{icon:"",variant:"text",onClick:c[1]||(c[1]=A=>f("left"))},{default:i(()=>[e(r,{size:"25","stroke-width":"1.5"})]),_:1})]),l("div",Vt,[e(J,{icon:"",variant:"text",onClick:c[2]||(c[2]=A=>f("right"))},{default:i(()=>[e(m,{size:"25","stroke-width":"1.5"})]),_:1})])]),_:1})]),_:1})]),_:1},8,["modelValue"])}}}),Et=ee(Bt,[["__scopeId","data-v-e3b6b147"]]),St={class:"d-flex align-center mt-4"},Dt={class:"image-con"},Ut={class:"img-card"},Ft={class:"imgs d-flex align-center justify-center",style:{height:"187px"}},Lt={class:"img-card"},$t={class:"itemcheck"},zt={class:"imgs"},Nt={key:0,class:"pngbg"},Rt={class:"img-info d-flex"},Pt={class:"text-truncate",style:{width:"129px"}},qt={style:{"font-size":"12px"},class:"text-medium-emphasis mt-1"},jt={class:"ml-auto"},Yt=X({__name:"ImageList",props:{searchValue:String,activeType:Number},emits:["addTagBreadcrumb","editImage"],setup(K,{expose:z,emit:x}){const h=K,k=x,u=G({color:"",msg:"",isShow:!1});let y=g(!1),f=g(!1),a=g(!1);const c=ae();let r=g([]),m=g([]),A=G({current:1,total:50,size:40,fileType:1,tagStatus:null,tag:null,fileName:""}),_=g(null),V=g(1),B=g(0);ve(()=>h.activeType,n=>{A.tagStatus=n,v()}),ve(V,n=>{console.log("分页....",n),A.current=n,v()});function v(){y.value=!0,c.filePage(A).then(n=>{y.value=!1,n.code===200&&n.data.records&&(r.value=n.data.records,A.total=n.data.total%n.data.size==0?n.data.total/n.data.size:Math.floor(n.data.total/n.data.size)+1)})}function U(){c.tagList({}).then(n=>{n.code===200&&n.data&&(y.value=!1,m.value=n.data)})}function E(n){_.value.openDialog(n,m.value)}function o(n){c.removeFile({fileId:n}).then(C=>{C.code===200&&(r.value=r.value.filter(me=>me.id!==n),u.isShow=!0,u.color="success",u.msg="Delete Success")})}let s=g(null);function b(){s.value.openDialog()}async function q(){for(let n=0;n<r.value.length;n++)r.value[n].checked&&await o(r.value[n].id);s.value.closeDialog(),a.value=!1,f.value=!1}function w(){let n=0;r.value.forEach(C=>{C.checked&&(n=n+1)}),n===r.value.length?f.value=!0:(n>0?a.value=!0:a.value=!1,f.value=!1)}function I(){!f.value&&a.value==!0||f.value==!1&&a.value==!1?(r.value.forEach(n=>{n.checked=!0}),f.value=!0,a.value=!1):(r.value.forEach(n=>{n.checked=!1}),f.value=!1,a.value=!1)}let N=g(null);function M(){let n=[];r.value.forEach(C=>{C.checked&&n.push(C)}),N.value.openDialog(n,m.value)}function Y(n){A.tag=n,v()}function P(){U(),v(),k("editImage")}function $(){A.tag="",v(),k("addTagBreadcrumb","")}function W(n){A.fileName=n,v()}function Q(n){if(n)return n.split(".").pop().toLowerCase()}function ne(n){B.value=n}function he(n){return B.value}let ie=g(null);function De(n){ie.value.openDialog(n,r.value)}function Ue(n){if(n){let C=n.split(".");return C[C.length-1]}}function Fe(){U(),v()}return U(),v(),z({getImageList:v,allImage:$,searchList:W,setLoading:ne,getLoading:he,handleTag:Y,initPage:Fe}),(n,C)=>{const me=Z("DotsVerticalIcon");return d(),p(S,null,[e(Ne,{isShow:t(y)},null,8,["isShow"]),e(Re,{ref_key:"tipDialog",ref:s,title:"Archive",message:"Are you sure to archive the selected pictures?",onReflash:q},null,512),e(ue,{modelValue:u.isShow,"onUpdate:modelValue":C[0]||(C[0]=F=>u.isShow=F),color:u.color,timeout:3e3,variant:"flat",rounded:"md",location:"top"},{default:i(()=>[D(T(u.msg),1)]),_:1},8,["modelValue","color"]),e(ht,{ref_key:"refEditImage",ref:_,onClose:P},null,512),e(It,{ref_key:"refBatchEditTag",ref:N,onClose:P},null,512),e(Et,{ref_key:"refImageScaleDialog",ref:ie},null,512),C[6]||(C[6]=l("h3",{class:"mt-6"},"Images",-1)),l("div",St,[e(Ae,{"model-value":t(f),indeterminate:t(a),color:"secondary",label:"Select All","hide-details":"",onClick:I},null,8,["model-value","indeterminate"]),t(a)||t(f)?(d(),R(J,{key:0,color:"secondary",class:"ml-4",onClick:M},{default:i(()=>C[2]||(C[2]=[D("Add Tags")])),_:1})):L("",!0),t(a)||t(f)?(d(),R(J,{key:1,color:"secondary",class:"ml-4",onClick:b},{default:i(()=>C[3]||(C[3]=[D("Archive")])),_:1})):L("",!0)]),l("div",Dt,[t(r).length!=0?(d(),R(se,{key:0,class:"mt-2"},{default:i(()=>[(d(!0),p(S,null,j(t(B),(F,re)=>(d(),R(O,{cols:"12",md:"3",lg:"2",key:re},{default:i(()=>[l("div",Ut,[l("div",Ft,[e(Pe,{color:"secondary",size:"35",indeterminate:""})])])]),_:2},1024))),128)),(d(!0),p(S,null,j(t(r),(F,re)=>(d(),R(O,{cols:"12",md:"3",lg:"2",key:re},{default:i(()=>[l("div",Lt,[l("div",$t,[e(Ae,{modelValue:F.checked,"onUpdate:modelValue":[te=>F.checked=te,w],color:"secondary","hide-details":""},null,8,["modelValue","onUpdate:modelValue"])]),l("div",zt,[Ue(F.fileUrl)=="png"?(d(),p("div",Nt)):L("",!0),e(H,{src:F.smallImageUrl,crossorigin:"anonymous",height:"187px",class:"w-100",onClick:te=>De(re)},null,8,["src","onClick"])]),l("div",Rt,[l("div",null,[l("h4",Pt,T(F.fileName)+"."+T(Q(F.smallImageUrl)),1),l("p",qt,T(F.imageWidth)+" * "+T(F.imageHeight),1)]),l("div",jt,[e(xe,{"close-on-content-click":!0,location:"bottom"},{activator:i(({props:te})=>[e(J,Ce({icon:"",variant:"text",ref_for:!0},te),{default:i(()=>[e(me,{size:"20","stroke-width":"1.5"})]),_:2},1040)]),default:i(()=>[e(we,{rounded:"md",elevation:"12"},{default:i(()=>[e(Ie,null,{default:i(()=>[e(de,{class:"text-medium-emphasis",link:"",onClick:te=>E(F)},{default:i(()=>C[4]||(C[4]=[D(" Edit ")])),_:2},1032,["onClick"]),e(de,{class:"text-medium-emphasis",link:"",onClick:te=>o(F.id)},{default:i(()=>C[5]||(C[5]=[D(" Archive ")])),_:2},1032,["onClick"])]),_:2},1024)]),_:2},1024)]),_:2},1024)])])])]),_:2},1024))),128))]),_:1})):L("",!0),t(r).length==0&&!t(y)?(d(),R(se,{key:1,class:"pb-15"},{default:i(()=>[e(H,{src:t(lt),width:"195px",height:"174px"},null,8,["src"])]),_:1})):L("",!0),t(y)?L("",!0):(d(),R(qe,{key:2,"active-color":"primary",modelValue:t(V),"onUpdate:modelValue":C[1]||(C[1]=F=>le(V)?V.value=F:V=F),length:t(A).total,"total-visible":7},null,8,["modelValue","length"]))])],64)}}}),Wt=ee(Yt,[["__scopeId","data-v-b9700c7e"]]),Mt="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAAXNSR0IArs4c6QAAAspJREFUWEftmF1y0zAQx7VJ/F5OgJhYnjzCDZoT0JwAcgK4QdMTtJyA9gSUE5AbwLM/JuYE+DEzsr2wHsmjCjuWSWtnmPopE9mrn/77Ia2AnfgDJ87H/m9AzjmfzWb8kBcAIIui6Me/eqq3govFgud5/gEA3jPGzhwnThljWynlVZqm9Nv56QUYBME7RLzpAWaDZGVZrpMkuXcldAacz+cXk8nkizaMiFsAuEPEg4oAAEfEtwBwob8l9cMwvHOBdAIktxZF8V0plyHiKo7jrcsE+h21wM/ahpTyjYu7nQCFEGSYYo6VZbnq4yJzEb7vnwPAN2XnU5IkH7sW6Qq4Y4xxAPgahmHtqi7jTeNCCAI8Z4xRdr/ostEJKIR4zRgj99KzjqLotsuoHuecV1mepmmm/xNCkCfIIyzPc77b7X4eLFNdk5luQcSlGXtqMtYErRZGamUq3irIQ/aaWDoVbDNI6nie94uMAsAmDMMrQyVSneBIwXQUQIIRQpDrCaaGNJQjOFJtae4kgylIUEpFUqqC/KMYFXG9w/wFN6iLzUTwPM+EpKFGuFEA7UkV+G0UReumoB/UxSoOzYSomezE0QODAtoJQVsgAFzbiWMqORigShDKYjoP1jFnJ46t5BiAVE4elBIb0twxBgPUZcbeyqzsvkHEl3EcL0eJwa5t8iSyuC/koC7uCzdaoe4D+qxgWy+iijYV6TMp5aqt3xhFwSAILhFxY7r6lLY6Or7r45YdjnRYXZpqDqZgg2p0vbGeTqdZURR0/KqvREw1nxyQ7lpU01OrhohXcRw/cLHv+xsAuDQkrdSkuxzdeto9TlM16NWTAMA9IpptZ6Va2+WQavhtNWsbjw5orrBJtbZ62KBm9epTAR5UrQ2ySc1HATTbyz6quagppXzVdT/TGYM0Ea1+v99n5g1Bn+3NfrePPSfAY2CO/fYZ8FgFfwOMibRHR8CMbAAAAABJRU5ErkJggg==",Gt="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAAXNSR0IArs4c6QAAAuRJREFUWEftmE9SGkEUxr8eUq6xBFJZBW+gN2hOEDlB9ATJUiYLYSFSlUXICdAThFwg9A3wBjGrVBTLKa1YBoru5DEMNM3I9BAYqESWdM/rX3/fe/2PYc1/bM358G8DfueH+WdAfpYLCn0vJ96fz+tUbAV9KPbGgbOvoNI2AzPgQgGiB1l5IWoXNt8EfWIBdvi71wyo24KFgHiAOsiIk6YtpDXgD17aS4F9GgdmAuifKWCmIgrIO3BeAdgbf6v2M+LkzAbSCpBs3UCqTcoxwJOQxayoCZsBgj4dXtoDnAb8tPB6kLs2dlsBdrjbALBPg/Whis9jWKRP4oofcgan5f8nP2ZE7W3UJK0Ar7n7laxSkJ+zoqZZFRV+ur3DSy2AcVIxI6qbUREiAS+5u+MA7cGcIQ9yonYaFXRWe4e75AQ5gpTD8ptfjr/N6h8JqNuiIAt67l36gyEnqqHQYe2z4oWBzg14w8vpPro3FPRPkPKWqFb0Aa65e6SAsqlUYoA08DV32wrYMSF1OAacb4nqbgCfKCCpKNFt6ZAEEihHcLe4L2yLurcSQBrUhAxAwuCoLVEFA5ghJNkdHBy8O9xv68qtTMFhLo4KQlNwqnBWoqBZEMMcnCqclShowlFBpJGGWTj6EpRYDhrr4ES1moWj7xiJAZJll7x06sB5eYefRbMgCLKHX3Vqz4jjwkosnmdPTlTBJ0B/n5/9i2vJouP9P4D+wZZ9YFDpLmTxsftGXEcWoqC+YK/VVkeqpYBGcNwy848u7F3Igq5mYgqaqtHxqg8c9CG9DbCWAhs9iegn7qUDKjieqZoCKllRHRzvxzuGW2bAkWb5QE16ywmunuYdJ2wFiJWDgGoCbHTtDFTLiWro45B/4Z9U0wGacvjKsATA8RzDVHtsDbzik2oG/ZYCGKXaY5Bhai4EUD9WxVHNRs0e5HbU+0xkDtJANPsHPHhhd4yorS2sPU48K8B5IBb1zRPg3yr5GwmqfkcOOeDIAAAAAElFTkSuQmCC",Jt={class:"flex-column pa-4 libray-left"},Ht=["color"],Kt={key:0,class:"d-flex align-center mt-6",style:{cursor:"pointer"}},Zt={key:0,class:"d-flex align-center"},Ot={key:1,class:"d-flex align-center mt-6",style:{cursor:"pointer"}},Qt={key:2},Xt={class:"tag-con d-flex flex-wrap"},el=X({__name:"Index",setup(K){const z=g([{title:"Design Library",disabled:!0}]),x=ae(),h=G({color:"",msg:"",isShow:!1});let k=g(""),u=g(4);g(null),g(!1);const y=g(null);let f=g(!1);const a=g(null);let c=g(null),r=g([]);function m(){x.tagList({}).then(w=>{w.code===200&&w.data&&(r.value=w.data)})}function A(){y.value.click()}async function _(w){a.value.setLoading(w.target.files.length),f.value=!0,console.log("events...",w.target.files.length),console.log("event...",typeof w.target.files),Object.keys(w.target.files).forEach(async I=>{let N=w.target.files[I];const M=await V(N),{width:Y,height:P}=M,$=Ye();var W=await ke.oss($.fileSts);console.log("oss...",W),console.log("file.name...",N.name);var Q=ke.getRandomObjectName(W.ossObjectNamePrefix,W.domain,N.name);try{console.log("ossObject...",Q),console.log("oss...",W),await W.client.multipartUpload(Q.objectName,N,{headers:{"Cache-Control":"max-age=360000"}});const ne={fileSize:N.size,fileName:Q.fileName,fileType:1,width:Y,height:P,fileUrl:Q.objectUrl,bucketName:W.bucket,objectName:Q.objectName,tags:null};x.submitOssFile2(ne).then(he=>{f.value=!1,a.value.getImageList();let ie=a.value.getLoading();a.value.setLoading(ie-1)})}catch{}})}function V(w){return new Promise((I,N)=>{const M=new FileReader;M.onload=function(Y){const P=new Image;P.onload=function(){I({width:P.width,height:P.height,imageUrl:Y.target.result})},P.onerror=function($){N($)},P.src=Y.target.result},M.onerror=function(Y){N(Y)},M.readAsDataURL(w)})}function B(w){a.value.handleTag(""),c.value=null,u.value=w}function v(){c.value=null,a.value.allImage()}function U(w){c.value=w,a.value.handleTag(w)}function E(w){c.value=w,setTimeout(()=>{a.value.handleTag(w)},200)}function o(){a.value.searchList(k.value)}let s=g(null);function b(){m(),u.value==3&&s.value.initPage(),u.value==4&&a.value.initPage()}function q(){m()}return m(),(w,I)=>{const N=Z("PhotoIcon"),M=Z("BookmarksIcon"),Y=Z("XIcon"),P=Z("ChevronRightIcon");return d(),p(S,null,[l("input",{type:"file",multiple:"",ref_key:"fileInput",ref:y,style:{display:"none"},onChange:_},null,544),e(ue,{modelValue:h.isShow,"onUpdate:modelValue":I[0]||(I[0]=$=>h.isShow=$),color:h.color,timeout:3e3,variant:"flat",rounded:"md",location:"top"},{default:i(()=>[D(T(h.msg),1)]),_:1},8,["modelValue","color"]),e(je,{title:"Design Library",breadcrumbs:z.value},null,8,["breadcrumbs"]),e(ce,{variant:"outlined"},{default:i(()=>[e(ge,{style:{"background-color":"white","border-radius":"12px"}},{default:i(()=>[e(se,null,{default:i(()=>[e(O,{cols:"12",lg:"2"},{default:i(()=>[l("div",Jt,[e(J,{"prepend-icon":"mdi-cloud-upload-outline",block:"",size:"large",color:"primary",onClick:A},{default:i(()=>I[5]||(I[5]=[D("Upload Image")])),_:1}),e(ye,{class:"my-6"}),l("div",{style:{height:"44px",cursor:"pointer"},class:fe(["d-flex align-center mb-2",t(u)==4?"activeType":""]),onClick:I[1]||(I[1]=$=>B(4))},[e(N,{"stroke-width":"1.5",color:t(u)==4?"#EC407A":""},null,8,["color"]),I[6]||(I[6]=l("span",{class:"ml-3"},"All Files",-1))],2),l("div",{style:{height:"44px",cursor:"pointer"},class:fe(["d-flex align-center mb-2",t(u)==3?"activeType":""]),onClick:I[2]||(I[2]=$=>B(3))},[e(M,{"stroke-width":"1.5",color:t(u)==3?"#EC407A":""},null,8,["color"]),I[7]||(I[7]=l("span",{class:"ml-3"},"All Tags",-1))],2),l("div",{style:{height:"44px",cursor:"pointer"},class:fe(["d-flex align-center mb-2",t(u)==1?"activeType":""]),onClick:I[3]||(I[3]=$=>B(1))},[t(u)==1?(d(),R(H,{key:0,src:t(Gt),width:25,height:25,inline:""},null,8,["src"])):(d(),R(H,{key:1,src:t(Mt),width:25,height:25,inline:""},null,8,["src"])),l("span",{class:"ml-3",color:t(u)==1?"#EC407A":""},"No Tags",8,Ht)],2)])]),_:1}),e(O,{cols:"12",lg:"10"},{default:i(()=>[e(oe,{modelValue:t(k),"onUpdate:modelValue":I[4]||(I[4]=$=>le(k)?k.value=$:k=$),"persistent-placeholder":"",placeholder:"Search by Name",color:"primary",variant:"outlined","hide-details":"","prepend-inner-icon":"mdi-magnify",onBlur:o},{"append-inner":i(()=>[e(J,{color:"lighterror",icon:"",rounded:"sm",variant:"flat",size:"small",class:"text-error SearchSetting ml-3 d-block d-lg-none"},{default:i(()=>[e(Y,{"stroke-width":"1.5",size:"20"})]),_:1})]),_:1},8,["modelValue"]),t(u)==4||t(u)==3?(d(),p("h3",Kt,[l("div",{class:"d-flex align-center",onClick:v},[D(T(t(u)==3?"All Tags":"All Files"),1),t(c)?(d(),R(P,{key:0,"stroke-width":"1.5"})):L("",!0)]),t(c)?(d(),p("div",Zt,T(t(c)),1)):L("",!0)])):L("",!0),t(u)==1?(d(),p("h3",Ot," No Tags ")):L("",!0),e(ye,{class:"my-6"}),(t(u)==4||t(u)==3)&&!t(c)?(d(),p("div",Qt,[I[8]||(I[8]=l("h3",null,"History Tags",-1)),l("div",Xt,[(d(!0),p(S,null,j(t(r),($,W)=>(d(),p("div",{class:"mr-3",key:W},[e(Se,{item:$,onAddTagBreadcrumb:U,onInitPage:b},null,8,["item"])]))),128))])])):L("",!0),_e(l("div",null,[e(Wt,{ref_key:"refImageList",ref:a,activeType:t(u),onAddTagBreadcrumb:U,onEditImage:q},null,8,["activeType"])],512),[[be,t(u)==4||t(u)==1||t(u)==3&&t(c)]]),_e(l("div",null,[e(tt,{ref_key:"refAlltags",ref:s,onAddTagBreadcrumb2:E},null,512)],512),[[be,t(u)==3&&!t(c)]])]),_:1})]),_:1})]),_:1})]),_:1})],64)}}}),rl=ee(el,[["__scopeId","data-v-37b85598"]]);export{rl as default};