mirror of
https://github.com/pure-admin/vue-pure-admin.git
synced 2025-06-08 01:17:23 +08:00
3 lines
1.3 KiB
JavaScript
3 lines
1.3 KiB
JavaScript
import{s as f,a as h}from"./vue-virtual-scroller.esm.js";import{d as x,r,G as g,c as d,g as w,n as y,h as n,i as I,j as l,w as _,u as m,t as V,_ as C}from"./index.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 i=r([]),t=r("");for(let e=0;e<800;e++)i.value.push({id:e});const p=g(()=>{if(!t.value)return i.value;const e=t.value;return i.value.filter(a=>a.id==e)});return(e,a)=>{const u=d("el-input"),v=d("IconifyIconOnline");return w(),y("div",b,[n("div",k,[I(" 垂直模式 vertical "),l(u,{class:"!w-[350px]",clearable:"",modelValue:t.value,"onUpdate:modelValue":a[0]||(a[0]=s=>t.value=s),placeholder:"Filter..."},null,8,["modelValue"])]),l(m(h),{items:p.value,"min-item-size":54,class:"scroller"},{default:_(({item:s,index:o,active:c})=>[l(m(f),{item:s,active:c,"size-dependencies":[s.id],"data-index":o,"data-active":c,title:`Click to change message ${o}`,class:"message"},{default:_(()=>[n("div",z,[l(v,{icon:"openmoji:beaming-face-with-smiling-eyes",width:"40"}),n("span",null,V(s.id),1)])]),_:2},1032,["item","active","size-dependencies","data-index","data-active","title"])]),_:1},8,["items"])])}}});const S=C(B,[["__scopeId","data-v-033e7191"]]);export{S as default};
|
|
//# sourceMappingURL=vertical.js.map
|