2 lines
7.4 KiB
JavaScript
2 lines
7.4 KiB
JavaScript
import{d as W,u as X,H as Z,r as w,d4 as ee,a2 as A,o as le,al as te,y as v,z as m,C as _,T as L,D as b,A as s,I as t,ak as B,B as p,a8 as R,bY as ie,a3 as O,a4 as se,E as U,R as ae}from"./CYzE2ijA.js";import{_ as oe}from"./CscEAC8U.js";import{C as $,a as E}from"./7leyeuG9.js";import{m as i,e as g,o as u,b as T,l as ne,r as V,i as re,d as ue}from"./DtjP-fro.js";import{u as o}from"./cnyNrgym.js";import{i as x}from"./4y87cp-D.js";import{B as de}from"./DD5Ys7CO.js";import{S as ce}from"./5Tcs8R9X.js";import{a as ve,_ as me}from"./BVqkG0IS.js";const pe={class:"w-full h-screen bg-black text-white"},ge={class:"flex w-full p-4 gap-8 justify-between items-center"},fe={class:"flex gap-8 items-center"},he=["alt"],_e={class:"font-semibold text-lg"},xe={class:"aspect-square flex items-center justify-center"},ke={key:0,class:"relative w-full"},ye=["alt"],be={class:"flex absolute shadow-black shadow-sm rounded-full bottom-2 mx-3"},we={key:1,class:"empty-state"},Fe={class:"media-picker"},Ce={class:"media-grid"},Pe={class:"media-preview"},Se={class:"text-sm"},Ie=["onClick"],Le=["src"],Re=["src"],Ue=["onClick"],Ee={class:"text-sm"},Me={key:0,class:"absolute bottom-5 right-5 addStyle"},F=10,qe=W({__name:"index",setup(je){const f=X(),d=Z(),k=w(""),C=w(null),h=w(null),a=w(-2),P=ee();function z(){f.push({name:"home"}),V(),o().mediaFiles=[],re.value=[]}A(i,l=>{i.value?.length===0?g.value="":i.value?.length===1?g.value=i.value[0].url:l&&(g.value=l[l?.length-1]?.url)},{deep:!0}),A(u,l=>{g.value=l.url,a.value=-1},{deep:!0});function q(){u.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),ae.warn(d.useString("addAtLeastOneMedia"))),console.log(o().originalFile,o().mediaFiles)}function M(l){a.value=l,l===-1?g.value=u.value.url:g.value=i.value[l].url}const H=l=>l.includes(".mp4")||l.includes(".mov")||l.includes("video"),Y=async()=>{a.value==-1?await D():await j()},j=async()=>{console.log(a.value,"Media");try{if($.isNativePlatform())if(a.value==-2)(await E.pickImages({limit:F-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})}),a.value=i.value.length-1;else{const l=await E.pickImages({limit:1});l.photos.length>0&&(i.value[a.value].url=l.photos[0].webPath,o().mediaFiles[a.value].file=l.photos[0])}else console.log(a.value,"MediaA"),a.value==-2?C.value.click():h.value.click()}catch(l){console.error("Error selecting media:",l)}},D=async()=>{try{if($.isNativePlatform()){const l=await E.pickImages({limit:1});l.photos.length>0&&(u.value.url=l.photos[0].webPath,o().originalFile={file:l.photos[0],index:0})}else console.log(a.value,"main"),await h.value.click(),console.log(a.value,"mainA"),h.value.onchange=l=>{const e=l.target.files;console.log(e,8888),e.length>0&&(u.value.url=URL.createObjectURL(e[0]),console.log(e,9999)),setTimeout(()=>{h.value.value=null},10)};console.log("dsacbnkjsdkmc,loskock,sdds",u.value)}catch(l){console.error("Error selecting main media:",l)}},N=l=>{console.log(a.value,4555);const e=l.target.files;e.length!=0&&(console.log(l,45),!u.value.url&&e.length>0||a.value==-1&&e.length>0?(u.value.url=URL.createObjectURL(e[0]),o().originalFile={file:e[0],index:0},console.log(u.value)):a.value==-2?Array.from(e).forEach(r=>{let c=i.value.at(-1)?.index??0;i.value.length<F&&(i.value.push({url:URL.createObjectURL(r),index:c+1}),o().mediaFiles.push({file:r,index:c+1}),o().mediaFiles.sort((S,y)=>S.index-y.index),a.value=i.value.length-1)}):(i.value[a.value].url=URL.createObjectURL(e[0]),o().mediaFiles.length>0?o().mediaFiles.some((r,c)=>{if(r.index==i.value[a.value].index)return r.file=e[0],!0})||(o().mediaFiles.push({file:e[0],index:i.value[a.value].index}),console.log(o().mediaFiles)):o().mediaFiles.push({file:e[0],index:i.value[a.value].index}),o().mediaFiles.sort((r,c)=>r.index-c.index),a.value=i.value.length-1),C.value.value="",h.value.value="",console.log(o().mediaFiles))},G=l=>{l.preventDefault();const e=l.dataTransfer.files;Array.from(e).forEach(r=>{i.value.length<F&&(o().mediaFiles.push({file:r,index:i.value.length}),i.value.push({url:URL.createObjectURL(r),index:i.value.length}))})},J=(l,e)=>{const r=o().mediaFiles.findIndex(c=>c.index==e);i.value.splice(l,1),r>=0&&o().mediaFiles.splice(r,1),console.log(o().mediaFiles,i.value)},K=()=>{u.value.url=void 0,ue.value=void 0};return le(()=>{switch(f.currentRoute.value.name){case"add-product-inputProduct":k.value="product";break;case"add-story-inputStory":k.value="story";break;case"add-product-excel-inputProductExcel":k.value="productExcel";break}}),(l,e)=>{const r=ce,c=ve,S=me,y=te("lazy");return m(),v(O,null,[_(r,{spinning:t(ne)},{default:b(()=>[s("div",pe,[s("div",ge,[s("div",fe,[s("img",{src:oe,alt:t(B),class:"w-4",onClick:z},null,8,he),s("div",_e,p(t(T)(t(P).name)?t(d).useString("editProduct"):t(d).useString("newProduct")),1)]),s("div",{class:"text-primary text-sm",onClick:q},p(t(d).useString("next")),1)]),s("div",xe,[t(g)?(m(),v("div",ke,[R(s("img",{alt:t(B),class:"w-full object-scale-down aspect-square"},null,8,ye),[[y,{src:t(g),loading:t(x),error:t(x)}]]),s("div",be,[s("div",{onClick:Y,class:"flex bg-primary items-center rounded-full py-1 gap-2 px-2"},[_(de,{icon:"vuesax-linear:gallery-edit"}),s("span",null,p(t(d).useString("edit")),1)])])])):t(i)?.length===0?(m(),v("p",we,p(t(d).useString("tapPlusToAdd")),1)):L("",!0)]),s("div",Fe,[s("div",{class:"drop-area",onDragover:e[2]||(e[2]=ie(()=>{},["prevent"])),onDrop:G},[s("div",Ce,[t(u).url?(m(),v("div",{key:0,class:"media-container border-1 border-solid border-primary",onClick:e[0]||(e[0]=n=>M(-1))},[R(s("img",Pe,null,512),[[y,{src:t(u).url,loading:t(x),error:t(x)}]]),s("button",{onClick:K,class:"remove-btn"},"✖")])):(m(),v("div",{key:1,class:"add-media text-black",onClick:D},[s("div",null,p(t(u).url),1),e[10]||(e[10]=s("span",null,"+",-1)),s("div",Se,p(t(d).useString("mainImage")),1)])),(m(!0),v(O,null,se(t(i),(n,I)=>(m(),v("div",{key:I,class:"media-container",onClick:Q=>M(I)},[H(n.url)?(m(),v("video",{key:0,src:n.url,class:"media-preview",controls:""},null,8,Le)):R((m(),v("img",{key:1,src:n.url,class:"media-preview"},null,8,Re)),[[y,{src:n.url,loading:t(x),error:t(x)}]]),s("button",{onClick:Q=>J(I,n.index),class:"remove-btn"},"✖",8,Ue)],8,Ie))),128)),t(i)?.length<F?(m(),v("div",{key:2,class:"add-media text-black",onClick:e[1]||(e[1]=()=>{a.value=-2,j()})},[e[11]||(e[11]=s("span",null,"+",-1)),s("div",Ee,p(t(d).useString("subImage")),1)])):L("",!0)])],32),s("input",{ref_key:"fileInput",ref:C,type:"file",accept:"image/*,video/*",multiple:"",hidden:"",onChange:e[3]||(e[3]=n=>N(n))},null,544),s("input",{ref_key:"fileInputLimited",ref:h,type:"file",accept:"image/*,video/*",hidden:"",onChange:e[4]||(e[4]=n=>N(n))},null,544)])])]),_:1},8,["spinning"]),t(T)(t(P).name)?L("",!0):(m(),v("div",Me,[_(S,{value:k.value,"onUpdate:value":e[8]||(e[8]=n=>k.value=n),onChange:e[9]||(e[9]=n=>t(V)()),"button-style":"solid"},{default:b(()=>[_(c,{onClick:e[5]||(e[5]=n=>t(f).push({name:"add-product-excel-inputProductExcel"})),value:"productExcel"},{default:b(()=>[U(p(t(d).useString("productExcel")),1)]),_:1}),_(c,{onClick:e[6]||(e[6]=n=>t(f).push({name:"add-product-inputProduct"})),value:"product"},{default:b(()=>[U(p(t(d).useString("product2")),1)]),_:1}),_(c,{onClick:e[7]||(e[7]=n=>t(f).push({name:"add-story-inputStory"})),value:"story"},{default:b(()=>[U(p(t(d).useString("story2")),1)]),_:1})]),_:1},8,["value"])]))],64)}}});export{qe as _};
|