sd-webui-infinite-image-bro.../vue/dist/assets/gridView-30cb0fa1.js

2 lines
1.6 KiB
JavaScript

import{F as w,s as y}from"./FileItem-bb58f720.js";import{u as k,b}from"./index-dea9fb8b.js";import{d as x,r as F,c0 as h,$ as D,b7 as I,bb as C,o as z,k as E,c,y as V,z as e,O as S,cH as B,cJ as R,q as $}from"./index-12313f08.js";import"./index-952416db.js";import"./index-7f304717.js";import"./index-ae7078f3.js";import"./shortcut-bbb69994.js";import"./index-9624126c.js";import"./_isIterateeCall-daf707d9.js";const q=x({__name:"gridView",props:{tabIdx:{},paneIdx:{},id:{},removable:{type:Boolean},allowDragAndDrop:{type:Boolean},files:{},paneKey:{}},setup(p){const o=p,m=F(),{stackViewEl:d}=k().toRefs(),{itemSize:l,gridItems:u,cellWidth:f}=b(),g=h(),s=D(o.files??[]),_=async t=>{const i=B(t);o.allowDragAndDrop&&i&&(s.value=R([...s.value,...i.nodes]))},v=t=>{s.value.splice(t,1)};return I(()=>{m.pageFuncExportMap.set(o.paneKey,{getFiles:()=>C(s.value),setFiles:t=>s.value=t})}),(t,i)=>(z(),E("div",{class:"container",ref_key:"stackViewEl",ref:d,onDrop:_},[c(e(y),{ref:"scroller",class:"file-list",items:s.value.slice(),"item-size":e(l).first,"key-field":"fullpath","item-secondary-size":e(l).second,gridItems:e(u)},{default:V(({item:a,index:r})=>{var n;return[c(w,{idx:r,file:a,"cell-width":e(f),"enable-close-icon":o.removable,onCloseIconClick:A=>v(r),"full-screen-preview-image-url":e(S)(a),"extra-tags":(n=a==null?void 0:a.tags)==null?void 0:n.map(e(g).tagConvert),"enable-right-click-menu":!1},null,8,["idx","file","cell-width","enable-close-icon","onCloseIconClick","full-screen-preview-image-url","extra-tags"])]}),_:1},8,["items","item-size","item-secondary-size","gridItems"])],544))}});const W=$(q,[["__scopeId","data-v-f35f4802"]]);export{W as default};