vue-pure-admin/static/js/vertical-X8WzNCc6.js

import{s as v,a as h}from"./vue-virtual-scroller.esm-BcVU6fWS.js";import{d as x,a as r,p as g,k as w,e as I,g as o,f as l,j as V,h as d,u as m,w as p,t as y,_ as C}from"./index-DMqaFtX4.js";const k={class:"dynamic-scroller-demo"},b={class:"flex-ac mb-4 shadow-2xl"},z={class:"flex items-center"},B=x({__name:"vertical",setup(N){const i=r([]),a=r("");for(let e=0;e<800;e++)i.value.push({id:e});const u=g(()=>{if(!a.value)return i.value;const e=a.value;return i.value.filter(s=>s.id==e)});return(e,s)=>{const f=d("el-input"),_=d("IconifyIconOnline");return I(),w("div",k,[o("div",b,[s[1]||(s[1]=V(" 垂直模式 vertical ")),l(f,{modelValue:a.value,"onUpdate:modelValue":s[0]||(s[0]=t=>a.value=t),class:"w-[350px]!",clearable:"",placeholder:"Filter..."},null,8,["modelValue"])]),l(m(v),{items:u.value,"min-item-size":54,class:"scroller"},{default:p(({item:t,index:n,active:c})=>[l(m(h),{item:t,active:c,"size-dependencies":[t.id],"data-index":n,"data-active":c,title:`Click to change message ${n}`,class:"message"},{default:p(()=>[o("div",z,[l(_,{icon:"openmoji:beaming-face-with-smiling-eyes",width:"40"}),o("span",null,y(t.id),1)])]),_:2},1032,["item","active","size-dependencies","data-index","data-active","title"])]),_:1},8,["items"])])}}}),S=C(B,[["__scopeId","data-v-ffc33530"]]);export{S as default};