vue-pure-admin/dist/static/js/vertical-cEq2KXzP.js

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