index-73009c1b.js
1.72 KB
import{a8 as r,_ as a,$ as u,f as s,aa as n,R as $,F as P,ab as h,a9 as _,aj as w,ad as d,ae as I,a2 as L,d as k,E as C}from"./vue-5a35c3f5.js";import{_ as E,c as y}from"./functional-213c1e18.js";import{_ as g}from"./index.js";import{P as F}from"./index-f532aa07.js";import"./antd-6b087f69.js";import"./useContentViewHeight-d0a5c58e.js";import"./useWindowSizeFn-cc2fb57c.js";import"./onMountedOrActivated-52afb7a7.js";function b(e,l,p,i,c,v){const t=r("Image"),m=r("PreviewGroup");return a(),u("div",{class:L(e.prefixCls)},[s(m,null,{default:n(()=>[!e.imageList||e.$slots.default?$(e.$slots,"default",{key:0}):(a(!0),u(P,{key:1},h(e.getImageList,o=>(a(),_(t,w(d({key:o.src},o)),I({_:2},[o.placeholder?{name:"placeholder",fn:n(()=>[s(t,d(o,{src:o.placeholder,preview:!1}),null,16,["src"])]),key:"0"}:void 0]),1040))),128))]),_:3})],2)}const B=g(E,[["render",b],["__file","E:/allcode/erp/test7901/order-erp-front/src/components/Preview/src/Preview.vue"]]),f=["https://picsum.photos/id/66/346/216","https://picsum.photos/id/67/346/216","https://picsum.photos/id/68/346/216"],W=k({components:{PageWrapper:F,ImagePreview:B},setup(){function e(){y({imageList:f,defaultWidth:700,rememberState:!0,onImgLoad:({index:p,url:i,dom:c})=>{console.log(`第${p+1}张图片已加载，URL为：${i}`,c)}})}return{imgList:f,openImg:e}}});function S(e,l,p,i,c,v){const t=r("ImagePreview"),m=r("a-button"),o=r("PageWrapper");return a(),_(o,{title:"图片预览示例"},{default:n(()=>[s(t,{imageList:e.imgList},null,8,["imageList"]),s(m,{onClick:e.openImg,type:"primary"},{default:n(()=>[C("无预览图")]),_:1},8,["onClick"])]),_:1})}const T=g(W,[["render",S],["__file","E:/allcode/erp/test7901/order-erp-front/src/views/demo/feat/img-preview/index.vue"]]);export{T as default};