2 lines
8.2 KiB
JavaScript
2 lines
8.2 KiB
JavaScript
import{_ as ie,C as A,a as M}from"./DzcUTR7z.js";import{d as ae,u as se,H as oe,r as x,d1 as ne,a0 as V,dT as re,o as ue,aj as de,z as d,A as c,B as a,D as h,E as y,K as t,C as g,a6 as j,T as w,bT as ce,a1 as z,a2 as ve,F as D,Q as pe}from"./sHYMdOhR.js";import{_ as me}from"./CscEAC8U.js";import{m as i,e as u,o as v,f as N,r as $,l as ge,G as fe,u as o,i as he,g as q,H as _e}from"./DahHpqW_.js";import{i as k}from"./BLQPwjCD.js";import{B as H}from"./D8wkbzbL.js";import"./B1_zfk8Q.js";import{S as xe}from"./N3gv61e4.js";import{a as ke,_ as be}from"./BxGEOFHv.js";const ye={class:"h-screen bg-black"},we={class:"w-full h-full bg-black text-white"},Ce={class:"flex sticky top-0 w-full p-4 gap-8 justify-between items-center"},Fe={class:"flex gap-8 items-center"},Pe=["alt"],Se={class:"font-semibold text-lg"},Re={class:"sm:flex gap-10"},Ie={class:"sticky bg-black top-60px z-1"},Ue={class:"aspect-square flex items-center justify-center sm:w-30vw"},Ee={key:0,class:"relative w-full"},Le=["alt"],Me={key:0,class:"flex absolute gap-2 right-5 bottom-5"},je={key:1,class:"flex absolute left-5 bottom-0"},De={key:1,class:"empty-state"},Ne={class:"media-picker"},$e={class:"media-grid pb-16"},Be={class:"media-preview"},Oe={class:"text-sm"},Te=["onClick"],Ae=["src"],Ve=["src"],ze=["onClick"],qe={class:"text-sm"},He={key:0,class:"fixed bottom-5 right-5 addStyle"},C=10,tl=ae({__name:"index",setup(Ge){const f=se(),p=oe(),b=x(""),F=x(null),_=x(null),s=x(-2),P=ne(),S=x(!1),G=x();function K(){f.push({name:"home"}),$(),o().mediaFiles=[],he.value=[]}function Q(){G.value=u.value,q.value=i.value.findIndex(l=>l===u.value),v.value.url===u.value&&(q.value=-2),S.value=!0}V(i,l=>{i.value?.length===0?u.value="":i.value?.length===1?u.value=i.value[0]?.url:l&&(console.log(s.value,l),s.value==-2?u.value=l[l?.length-1]?.url:u.value=l[s.value]?.url)},{deep:!0}),V(v,l=>{u.value=l.url,s.value=-1},{deep:!0});function J(){v.value.url?P.name=="edit-product-id-inputProduct"?f.push({name:"edit-product-id-infProduct"}):f.push({name:"add-product-infProduct"}):(console.log(o().originalFile,o().mediaFiles),pe.warn(p.useString("addOriginalMedia"))),console.log(o().originalFile,o().mediaFiles)}function R(l){s.value=l,l===-1?u.value=v.value.url:u.value=i.value[l].url}const W=l=>l.includes(".mp4")||l.includes(".mov")||l.includes("video"),X=async()=>{s.value==-1?await O():await B()},B=async()=>{console.log(s.value,"Media");try{if(A.isNativePlatform())if(s.value==-2)(await M.pickImages({limit:C-i.value.length})).photos.forEach(e=>{o().mediaFiles.push({file:e,index:i.value.length}),i.value.push({url:e.webPath,index:i.value.length})}),s.value=i.value.length-1;else{const l=await M.pickImages({limit:1});l.photos.length>0&&(i.value[s.value].url=l.photos[0].webPath,o().mediaFiles[s.value].file=l.photos[0])}else console.log(s.value,"MediaA"),s.value==-2?F.value.click():_.value.click()}catch(l){console.error("Error selecting media:",l)}},O=async()=>{try{if(A.isNativePlatform()){const l=await M.pickImages({limit:1});l.photos.length>0&&(v.value.url=l.photos[0].webPath,o().originalFile={file:l.photos[0],index:0})}else console.log(s.value,"main"),await _.value.click(),console.log(s.value,"mainA"),_.value.onchange=l=>{const e=l.target.files;console.log(e,8888),e.length>0&&(v.value.url=URL.createObjectURL(e[0]),console.log(e,9999)),setTimeout(()=>{_.value.value=null},10)}}catch(l){console.error("Error selecting main media:",l)}},T=l=>{console.log(s.value,4555);const e=l.target.files;e.length!=0&&(console.log(l,45),!v.value.url&&e.length>0||s.value==-1&&e.length>0?(v.value.url=URL.createObjectURL(e[0]),o().originalFile={file:e[0],index:0},console.log(v.value)):s.value==-2?Array.from(e).forEach(r=>{let m=i.value.at(-1)?.index??0;i.value.length<C&&(i.value.push({url:URL.createObjectURL(r),index:m+1}),o().mediaFiles.push({file:r,index:m+1}),o().mediaFiles.sort((I,U)=>I.index-U.index),s.value=i.value.length-1)}):(i.value[s.value].url=URL.createObjectURL(e[0]),o().mediaFiles.length>0?o().mediaFiles.some((r,m)=>{if(r.index==i.value[s.value].index)return r.file=e[0],!0})||(o().mediaFiles.push({file:e[0],index:i.value[s.value].index}),console.log(o().mediaFiles)):o().mediaFiles.push({file:e[0],index:i.value[s.value].index}),o().mediaFiles.sort((r,m)=>r.index-m.index)),F.value.value="",_.value.value="",console.log(o().mediaFiles))},Y=l=>{l.preventDefault();const e=l.dataTransfer.files;Array.from(e).forEach(r=>{i.value.length<C&&(o().mediaFiles.push({file:r,index:i.value.length}),i.value.push({url:URL.createObjectURL(r),index:i.value.length}))})},Z=(l,e)=>{const r=o().mediaFiles.findIndex(m=>m.index==e);i.value.splice(l,1),r>=0&&o().mediaFiles.splice(r,1),console.log(o().mediaFiles,i.value)},ee=()=>{v.value.url=void 0,_e.value=void 0},le=re();return ue(()=>{switch(!N(f.currentRoute.value.name)&&le.previousRoute.name!="add-product-infProduct"&&$(),f.currentRoute.value.name){case"add-product-inputProduct":b.value="product";break;case"add-story-inputStory":b.value="story";break;case"add-product-excel-inputProductExcel":b.value="productExcel";break}R(-1)}),(l,e)=>{const r=xe,m=ke,I=be,U=ie,E=de("lazy");return d(),c(z,null,[a("div",ye,[h(r,{spinning:t(ge)},{default:y(()=>[a("div",we,[a("div",Ce,[a("div",Fe,[a("img",{src:me,alt:t(p).appName.en,class:"cursor-pointer w-4",onClick:K},null,8,Pe),a("div",Se,g(t(N)(t(P).name)?t(p).useString("editProduct"):t(p).useString("newProduct")),1)]),a("div",{class:"text-primary text-sm cursor-pointer",onClick:J},g(t(p).useString("next")),1)]),a("div",Re,[a("div",Ie,[a("div",Ue,[t(u)?(d(),c("div",Ee,[j(a("img",{alt:t(p).appName.en,class:"w-full object-scale-down aspect-square"},null,8,Le),[[E,{src:t(u),loading:t(k),error:t(k)}]]),t(u)?(d(),c("div",Me,[a("div",{onClick:Q,class:"flex bg-black/80 items-center rounded gap-2 p-2"},[h(H,{icon:"vuesax-linear:crop"})]),a("div",{onClick:X,class:"flex bg-black/80 items-center rounded gap-2 p-2"},[h(H,{icon:"vuesax-linear:gallery-edit"})])])):w("",!0),t(u)?(d(),c("div",je)):w("",!0)])):t(i)?.length===0?(d(),c("p",De,g(t(p).useString("tapPlusToAdd")),1)):w("",!0)])]),a("div",Ne,[a("div",{class:"drop-area overflow-y-auto",onDragover:e[2]||(e[2]=ce(()=>{},["prevent"])),onDrop:Y},[a("div",$e,[t(v).url?(d(),c("div",{key:0,class:"media-container border-1 border-solid border-primary",onClick:e[0]||(e[0]=n=>R(-1))},[j(a("img",Be,null,512),[[E,{src:t(v).url,loading:t(k),error:t(k)}]]),a("button",{onClick:ee,class:"remove-btn"},"✖")])):(d(),c("div",{key:1,class:"add-media text-black",onClick:O},[a("div",null,g(t(v).url),1),e[11]||(e[11]=a("span",null,"+",-1)),a("div",Oe,g(t(p).useString("mainImage")),1)])),(d(!0),c(z,null,ve(t(i),(n,L)=>(d(),c("div",{key:L,class:"media-container",onClick:te=>R(L)},[W(n.url)?(d(),c("video",{key:0,src:n.url,class:"media-preview",controls:""},null,8,Ae)):j((d(),c("img",{key:1,src:n.url,class:"media-preview"},null,8,Ve)),[[E,{src:n.url,loading:t(k),error:t(k)}]]),a("button",{onClick:te=>Z(L,n.index),class:"remove-btn"},"✖",8,ze)],8,Te))),128)),t(i)?.length<C?(d(),c("div",{key:2,class:"add-media text-black",onClick:e[1]||(e[1]=()=>{s.value=-2,B()})},[e[12]||(e[12]=a("span",null,"+",-1)),a("div",qe,g(t(p).useString("subImage")),1)])):w("",!0)])],32),a("input",{ref_key:"fileInput",ref:F,type:"file",accept:"image/*,video/*",multiple:"",hidden:"",onChange:e[3]||(e[3]=n=>T(n))},null,544),a("input",{ref_key:"fileInputLimited",ref:_,type:"file",accept:"image/*,video/*",hidden:"",onChange:e[4]||(e[4]=n=>T(n))},null,544)])])])]),_:1},8,["spinning"]),t(N)(t(P).name)?w("",!0):(d(),c("div",He,[h(I,{value:b.value,"onUpdate:value":e[8]||(e[8]=n=>b.value=n),onChange:e[9]||(e[9]=n=>t($)()),"button-style":"solid"},{default:y(()=>[h(m,{onClick:e[5]||(e[5]=n=>t(f).push({name:"add-product-excel-inputProductExcel"})),value:"productExcel"},{default:y(()=>[D(g(t(p).useString("productExcel")),1)]),_:1}),h(m,{onClick:e[6]||(e[6]=n=>t(f).push({name:"add-product-inputProduct"})),value:"product"},{default:y(()=>[D(g(t(p).useString("product2")),1)]),_:1}),h(m,{onClick:e[7]||(e[7]=n=>t(f).push({name:"add-story-inputStory"})),value:"story"},{default:y(()=>[D(g(t(p).useString("story2")),1)]),_:1})]),_:1},8,["value"])]))]),h(U,{visible:S.value,"onUpdate:visible":e[10]||(e[10]=n=>S.value=n),img:t(u),mode:"free",aspectRatio:4/4,resizable:!0,onCropped:t(fe)},null,8,["visible","img","onCropped"])],64)}}});export{tl as _};
|