import{g as p}from"./data.8d8e8dcf.js";import{_ as y,q as w,E as _,r as z,B as o,o as C,n as I,p as t,A as s,M as c,u as k,z as r,v as S,C as V}from"./index.41f763da.js";const D={class:"dynamic-scroller-demo"},M={class:"flex justify-around mb-4"},B=V("\u6C34\u5E73\u6A21\u5F0Fhorizontal"),j={class:"avatar"},E={class:"text"},F={class:"index"},L=w({__name:"horizontal",setup(N){const l=_([]),n=_("");for(let e=0;e<1e4;e++)l.value.push({id:e,...p()});const u=z(()=>{if(!n.value)return l.value;const e=n.value.toLowerCase();return l.value.filter(i=>i.message.toLowerCase().includes(e))});function v(e){Object.assign(e,p())}return(e,i)=>{const x=o("el-input"),h=o("el-tag"),f=o("IconifyIconOnline"),g=o("DynamicScrollerItem"),b=o("DynamicScroller");return C(),I("div",D,[t("div",M,[s(x,{class:"mr-2 !w-1/1.5",clearable:"",modelValue:n.value,"onUpdate:modelValue":i[0]||(i[0]=a=>n.value=a),placeholder:"Filter...",style:{width:"300px"}},null,8,["modelValue"]),s(h,{effect:"dark"},{default:c(()=>[B]),_:1})]),s(b,{items:S(u),"min-item-size":54,direction:"horizontal",class:"scroller"},{default:c(({item:a,index:d,active:m})=>[s(g,{item:a,active:m,"size-dependencies":[a.message],"data-index":d,"data-active":m,title:`Click to change message ${d}`,style:k({width:`${Math.max(130,Math.round(a.message.length/20*20))}px`}),class:"message",onClick:O=>v(a)},{default:c(()=>[t("div",j,[s(f,{icon:"openmoji:beaming-face-with-smiling-eyes",width:"40"})]),t("div",E,r(a.message),1),t("div",F,[t("span",null,r(a.id)+" (id)",1),t("span",null,r(d)+" (index)",1)])]),_:2},1032,["item","active","size-dependencies","data-index","data-active","title","style","onClick"])]),_:1},8,["items"])])}}});var q=y(L,[["__scopeId","data-v-54b02794"]]);export{q as default};