import{s as u,a as d}from"./vue-virtual-scroller.esm-909b27d4.js";import{_ as m}from"./index-5df52834.js";const V={class:"dynamic-scroller-demo"},_={class:"flex-ac mb-4 shadow-2xl"},p={class:"flex items-center"},f=Vue.defineComponent({__name:"vertical",setup(v){const s=Vue.ref([]),a=Vue.ref("");for(let e=0;e<800;e++)s.value.push({id:e});const c=Vue.computed(()=>{if(!a.value)return s.value;const e=a.value;return s.value.filter(o=>o.id==e)});return(e,o)=>{const i=Vue.resolveComponent("el-input"),r=Vue.resolveComponent("IconifyIconOnline");return Vue.openBlock(),Vue.createElementBlock("div",V,[Vue.createElementVNode("div",_,[Vue.createTextVNode(" 垂直模式 vertical "),Vue.createVNode(i,{class:"!w-[350px]",clearable:"",modelValue:a.value,"onUpdate:modelValue":o[0]||(o[0]=t=>a.value=t),placeholder:"Filter..."},null,8,["modelValue"])]),Vue.createVNode(Vue.unref(u),{items:Vue.unref(c),"min-item-size":54,class:"scroller"},{default:Vue.withCtx(({item:t,index:n,active:l})=>[Vue.createVNode(Vue.unref(d),{item:t,active:l,"size-dependencies":[t.id],"data-index":n,"data-active":l,title:`Click to change message ${n}`,class:"message"},{default:Vue.withCtx(()=>[Vue.createElementVNode("div",p,[Vue.createVNode(r,{icon:"openmoji:beaming-face-with-smiling-eyes",width:"40"}),Vue.createElementVNode("span",null,Vue.toDisplayString(t.id),1)])]),_:2},1032,["item","active","size-dependencies","data-index","data-active","title"])]),_:1},8,["items"])])}}});const N=m(f,[["__scopeId","data-v-6731c9b1"]]);export{N as default};
