https://h5.innn.com/assets/day-trip-image-list-index.ByDOi-Zf.js

1import{w as R,A as te,X as se,Y as oe,z as ne,y as le,c as ce,b as re,S as ie}from"./ui.BG9Psu2x.js";import{_ as X}from"./index.CGkJ3NjQ.js";import{d as A,aW as ue,b as r,am as g,ab as i,aX as k,ac as n,X as S,b3 as z,ak as a,R as s,aZ as B,a_ as D,aj as E,a3 as T,aY as F,n as me,u as M}from"./vendor.Bx4Odyr4.js";import{r as w,o as de}from"./js/index-DMVkkXGh.js";import{_ as _e}from"./wd-img.38UCmSn8.js";import{_ as ve}from"./index.BXcV5W-H.js";import{_ as pe}from"./wd-icon.vsD_0JJt.js";import{_ as O}from"./_plugin-vue_export-helper.DlAUqK2U.js";import"./utils.BPkSfw0f.js";const fe=A({__name:"previewImage",props:{imgs:{},descs:{},opacity:{},saveBtn:{type:Boolean},rotateBtn:{type:Boolean},circular:{type:Boolean}},emits:["longPress"],setup($,{expose:h,emit:x}){const{t:I}=ue(),_=$,l=x,v=r(!1),p=r(!1),t=r(0),u=r(0);let c=null;const y=r(1e3),f=r(1),b=()=>{},L=e=>{const o=e.touches.length;return console.log(o,"touchstart"),o!==1||(c=setTimeout(()=>{J(e)},y.value)),!1},Y=()=>(c&&(clearTimeout(c),c=null),!1),Z=()=>{c&&(clearTimeout(c),c=null)},J=e=>{const o=e.currentTarget,C=o.dataset.src||"",m=parseInt(o.dataset.index||"0",10);l("longPress",{src:C,index:m})},W=e=>{console.log(e),t.value=e.detail.current,me(()=>{f.value=1})},q=()=>{},G=()=>{ce({title:I("longPressSave"),icon:"none",duration:1e3})},H=()=>{u.value=u.value===270?0:u.value+90},K=e=>{if(e===null||e===""){console.log("kxj-previewImage:打开参数无效");return}if(typeof e=="number")e>=_.imgs.length?console.log("kxj-previewImage:打开参数无效"):t.value=e;else{const o=_.imgs.indexOf(e);o===-1?console.log("kxj-previewImage:未在图片地址数组中找到传入的图片，已为你自动打开单张预览模式"):t.value=o}console.log("kxj-previewImage:当前预览图片序号"+t.value),p.value=!0},P=()=>{p.value=!1,t.value=0,u.value=0,c=null,y.value=1e3,f.value=1};return h({open:K,close:P}),(e,o)=>{const C=w(g("wd-icon"),pe),m=R,j=w(g("innn-nav-bar"),X),Q=oe,U=se,ee=te,ae=ne,V=le;return p.value?(n(),i(m,{key:0,class:"previewImage",style:z({"background-color":"rgba(0,0,0,"+e.opacity+")"}),onTouchmove:o[0]||(o[0]=S(()=>{},["stop","prevent"]))},{default:a(()=>[s(j,{color:"#fff","title-text":`${t.value+1}/${e.imgs.length}`,"tab-bar-back":!1},{leftSolot:a(()=>[s(m,{class:"close",onClick:P},{default:a(()=>[s(C,{name:"close",size:"20",color:"#fff"})]),_:1})]),_:1},8,["title-text"]),s(ae,{class:"swiper",current:t.value,"disable-touch":v.value,circular:e.circular,onChange:W},{default:a(()=>[(n(!0),B(E,null,D(e.imgs,(N,d)=>(n(),i(ee,{id:"swiper-item-"+d,key:"swiper-item-"+d},{default:a(()=>[s(U,{class:"marea","scale-area":""},{default:a(()=>[(n(),i(Q,{id:"movable-view-"+d,key:"movable-view-"+d,class:"mview",direction:"all","out-of-bounds":!1,inertia:!0,damping:"90",friction:"2",scale:"true","scale-min":"1","scale-max":"4","scale-value":f.value,onScale:b,onChange:q},{default:a(()=>[(n(),B("img",{id:"image-"+d,key:"movable-view"+d,class:"image",src:N,style:z({transform:"rotateZ("+u.value+"deg)"}),"data-index":d,"data-src":N,mode:"widthFix",onTouchmove:Z,onTouchstart:L,onTouchend:Y},null,44,["id","src","data-index","data-src"]))]),_:2},1032,["id","scale-value"]))]),_:2},1024)]),_:2},1032,["id"]))),128))]),_:1},8,["current","disable-touch","circular"]),e.saveBtn?(n(),i(m,{key:0,class:"save",onClick:S(G,["stop","prevent"])},{default:a(()=>[s(V,{class:"text"},{default:a(()=>[T(F(e.$t("Save")),1)]),_:1})]),_:1})):k("",!0),e.rotateBtn?(n(),i(m,{key:1,class:"rotate",onClick:S(H,["stop","prevent"])},{default:a(()=>[s(V,{class:"text"},{default:a(()=>[T("旋转")]),_:1})]),_:1})):k("",!0),e.descs.length>0&&e.descs.length==e.imgs.length&&e.descs[t.value].length>0?(n(),i(m,{key:2,class:"desc"},{default:a(()=>[T(F(e.descs[t.value]),1)]),_:1})):k("",!0)]),_:1},8,["style"])):k("",!0)}}}),ge=O(fe,[["__scopeId","data-v-3dde7e48"]]),we=A({__name:"index",setup($){const h=r(),x=l=>{var v;(v=h.value)==null||v.open(l)},I=l=>{console.log(l)},_=r([]);return de(()=>{let l=re("day-trip-image-list");l&&(_.value=JSON.parse(l))}),(l,v)=>{const p=w(g("innn-nav-bar"),X),t=R,u=w(g("wd-img"),_e),c=ie,y=w(g("innn-view"),ve);return n(),i(y,null,{default:a(()=>[s(t,{class:"image-list"},{default:a(()=>[s(t,{class:"nav-box"},{default:a(()=>[s(p,{color:"#504947","title-text":l.$t("imageList")},null,8,["title-text"])]),_:1}),s(t,{class:"main"},{default:a(()=>[s(c,{class:"scroll-view","scroll-y":!0},{default:a(()=>[s(t,{class:"flex flex-wrap"},{default:a(()=>[(n(!0),B(E,null,D(M(_),(f,b)=>(n(),i(t,{key:b,class:"item flex",onClick:L=>x(b)},{default:a(()=>[s(u,{"custom-class":"image",width:"100%",height:"200rpx",mode:"aspectFill",src:f,style:{width:"100%","border-radius":"0"}},null,8,["src"])]),_:2},1032,["onClick"]))),128))]),_:1})]),_:1})]),_:1})]),_:1}),s(ge,{ref_key:"previewImageRef",ref:h,imgs:M(_),descs:[],"save-btn":!0,onLongPress:I},null,8,["imgs"])]),_:1})}}}),Be=O(we,[["__scopeId","data-v-a274aad6"]]);export{Be as default};