https://cdn.pacdora.com/_pacui/assets/SceneLayoutPicker-Bb_J2BlauV.js

1import{Si as e,Xi as t}from"./src-D9GYhO4rRw.js";import{It as n,Jt as r,Nt as i,St as a,Xt as o,an as s,bt as c,dn as l,fn as u,ft as d,gt as f,hn as p,ht as m,pt as h,yt as g}from"./vue-DR-_0DQxXA.js";import{t as _}from"./GridList-BC9Hzio9pO.js";var v={class:`scene-layout-picker`},y={class:`scene-layout-picker__list`},b=t(a({__name:`SceneLayoutPicker`,props:{dataList:{},loading:{type:Boolean,default:!1},imageLoading:{type:Boolean,default:!1},activeId:{default:void 0},hoverText:{default:``},draggable:{type:Boolean,default:!1},imageLoadingColor:{},loadingText:{},hoverIcon:{},exposureOptions:{default:()=>({})},canExposure:{type:Boolean,default:!1},skeletonTotal:{default:6},autoShowMask:{type:Boolean,default:!1},topMaskVisible:{type:Boolean,default:!0},bottomMaskVisible:{type:Boolean,default:!0},hideScrollBar:{type:Boolean,default:!1},keyboardInteractive:{type:Boolean,default:!1}},emits:[`click`,`dragstart`],setup(t,{emit:a}){let b=t,x=d(()=>Array(b.skeletonTotal).fill(0).map((e,t)=>({url:``,id:`skeleton-${t}`}))),S=d(()=>{var e;let t=((e=b.dataList)==null?void 0:e.map(e=>({...e,id:String(e.id),url:e.url||e.image||``})))||[];return t.length>0?t:x.value}),C=s(new Set),w=e=>String(e.id),T=e=>w(e).includes(`skeleton`),E=e=>{if(T(e))return;let t=new Set(C.value);t.add(w(e)),C.value=t},D=e=>T(e)||!e.url?!1:!C.value.has(w(e)),O=e=>b.loading||b.imageLoading||T(e)||D(e);r(()=>S.value.map(e=>`${e.id}:${e.url}`).join(`|`),()=>{C.value=new Set});let k=e=>{O(e)||a(`click`,e)},A=(e,t)=>{O(t)||a(`dragstart`,t,e)};return d(()=>b.exposureOptions),d(()=>b.canExposure),i(()=>{setTimeout(()=>{var e;console.log(`🔴 SceneLayoutPicker==>曝光`,{canExposure:b.canExposure,exposureOptions:b.exposureOptions,dataListLength:(e=b.dataList)==null?void 0:e.length})},1e3)}),(t,r)=>(n(),f(`div`,v,[c(l(e),{class:u({"scene-layout-picker__scrollbar--visible":!t.hideScrollBar}),placeholderHeight:20,maskHeight:20,autoShowMask:t.hideScrollBar?t.autoShowMask:!1,topMaskVisible:t.topMaskVisible,bottomMaskVisible:t.bottomMaskVisible,topPlaceholderVisible:``,gutterOfSide:t.hideScrollBar?6:-6,hideScrollBar:t.hideScrollBar},{default:o(()=>

1[h(`div`,y,[c(_,{class:`scene-layout-picker__grid`,"data-list":S.value,"image-resize-mode":1,"column-repeat":2,ratio:16/10,"grid-gap":10,"border-radius":8,"page-size":0,loading:t.loading,"image-loading":t.imageLoading,"active-id":t.activeId,"use-theme-filter":!1,"limit-cover":!1,draggable:t.draggable,onOnClick:k,onOnDragstart:A,"loading-text":t.loadingText,imageLoadingColor:t.imageLoadingColor,exposureOptions:t.exposureOptions,canExposure:t.canExposure,"keyboard-interactive":t.keyboardInteractive,"item-disabled":O,onOnImageLoaded:E,onOnImageError:E},{imgExtra:o(({item:e})=>[t.hoverText?(n(),f(`div`,{key:0,class:u([`scene-layout-picker__mask`,{"scene-layout-picker__mask--disabled":O(e)}])},[g(p(t.hoverText)+` `,1),t.hoverIcon?(n(),f(`i`,{key:0,class:u([`scene-layout-picker__mask-icon`,t.hoverIcon])},null,2)):m(``,!0)],2)):m(``,!0)]),_:1},8,[`data-list`,`loading`,`image-loading`,`active-id`,`draggable`,`loading-text`,`imageLoadingColor`,`exposureOptions`,`canExposure`,`keyboard-interactive`])])]),_:1},8,[`class`,`autoShowMask`,`topMaskVisible`,`bottomMaskVisible`,`gutterOfSide`,`hideScrollBar`])]))}}),[[`__scopeId`,`data-v-1dc027fe`]]);export{b as t};