vue-pure-admin/static/js/horizontal-NM-YAN-l.js

import{s as v,a as x}from"./vue-virtual-scroller.esm-CcLEL9Vb.js";import{d as w,a as d,b as y,j as g,g as n,h as z,f as o,w as m,u as p,q as I,t as V,l as u,v as C,_ as b}from"./index-LDZGYJqY.js";const k={class:"dynamic-scroller-demo"},B={class:"flex-ac mb-4 shadow-2xl"},N={class:"text-center"},S=w({__name:"horizontal",setup($){const l=u([]),s=u("");for(let e=0;e<800;e++)l.value.push({id:e});const _=C(()=>{if(!s.value)return l.value;const e=s.value;return l.value.filter(t=>t.id==e)});return(e,t)=>{const f=d("el-input"),h=d("IconifyIconOnline");return y(),g("div",k,[n("div",B,[t[1]||(t[1]=z(" 水平模式 horizontal ",-1)),o(f,{modelValue:s.value,"onUpdate:modelValue":t[0]||(t[0]=a=>s.value=a),class:"mr-2 w-[1/1.5]!",clearable:"",placeholder:"Filter...",style:{width:"300px"}},null,8,["modelValue"])]),o(p(x),{items:_.value,"min-item-size":54,direction:"horizontal",class:"scroller"},{default:m(({item:a,index:i,active:c})=>{var r;return[o(p(v),{item:a,active:c,"size-dependencies":[a.id],"data-index":i,"data-active":c,title:`Click to change message ${i}`,style:I({width:`${Math.max(130,Math.round(((r=a.id)==null?void 0:r.length)/20*20))}px`}),class:"message"},{default:m(()=>[n("div",null,[o(h,{icon:"openmoji:beaming-face-with-smiling-eyes",width:"40"}),n("p",N,V(a.id),1)])]),_:2},1032,["item","active","size-dependencies","data-index","data-active","title","style"])]}),_:1},8,["items"])])}}}),O=b(S,[["__scopeId","data-v-e266e821"]]);export{O as default};