import{aP as f,a as E,bw as A,r as v,aQ as c,o as _,aR as C,p as s,i as a,j as l,h as k,aW as F,t as g,F as D,q as u,k as B}from"./index.0d073eaa.js";import{P as $}from"./index.566277e5.js";import"./index.e9a84cba.js";import"./index.0972fd96.js";import"./useSize.bb4e5ce5.js";import"./eagerComputed.156e81ff.js";import"./useWindowSizeFn.ef20ece8.js";import"./useContentViewHeight.01b9d1c6.js";import"./ArrowLeftOutlined.90d2e05e.js";import"./index.8680e4c4.js";import"./transButton.8c1b1a4f.js";const w=E({components:{ScrollContainer:A,PageWrapper:$},setup(){const t=v(null),o=()=>{const r=B(t);if(!r)throw new Error("scroll is Null");return r};function i(r){o().scrollTo(r)}function p(){o().scrollBottom()}return{scrollTo:i,scrollRef:t,scrollBottom:p}}}),b={class:"my-4"},h=u(" \u6EDA\u52A8\u5230100px\u4F4D\u7F6E "),y=u(" \u6EDA\u52A8\u5230800px\u4F4D\u7F6E "),T=u(" \u6EDA\u52A8\u5230\u9876\u90E8 "),x=u(" \u6EDA\u52A8\u5230\u5E95\u90E8 "),P={class:"scroll-wrap"},S={class:"p-3"};function N(t,o,i,p,r,W){const n=c("a-button"),d=c("ScrollContainer"),m=c("PageWrapper");return _(),C(m,{title:"\u6EDA\u52A8\u7EC4\u4EF6\u51FD\u6570\u793A\u4F8B",content:"\u57FA\u4E8Eel-scrollbar"},{default:s(()=>[a("div",b,[l(n,{onClick:o[0]||(o[0]=e=>t.scrollTo(100)),class:"mr-2"},{default:s(()=>[h]),_:1}),l(n,{onClick:o[1]||(o[1]=e=>t.scrollTo(800)),class:"mr-2"},{default:s(()=>[y]),_:1}),l(n,{onClick:o[2]||(o[2]=e=>t.scrollTo(0)),class:"mr-2"},{default:s(()=>[T]),_:1}),l(n,{onClick:o[3]||(o[3]=e=>t.scrollBottom()),class:"mr-2"},{default:s(()=>[x]),_:1})]),a("div",P,[l(d,{class:"mt-4",ref:"scrollRef"},{default:s(()=>[a("ul",S,[(_(),k(D,null,F(100,e=>a("li",{key:e,class:"p-2",style:{border:"1px solid #eee"}},g(e),1)),64))])]),_:1},512)])]),_:1})}var K=f(w,[["render",N],["__scopeId","data-v-0369ce10"]]);export{K as default};
