1 |
- import{av as f,a as E,bD as A,s as v,a_ as c,o as m,j as C,y as r,m as a,n as l,z as u,h as D,F,b2 as k,t as B,i as $}from"./index.e732a6c4.js";import{P as g}from"./index.3b7c359a.js";import"./index.5f78f2da.js";import"./index.131a0cf6.js";import"./useSize.251fd95d.js";import"./eagerComputed.d8debd6e.js";import"./useWindowSizeFn.ef03f01e.js";import"./useContentViewHeight.b55f3b98.js";import"./ArrowLeftOutlined.ed827216.js";import"./index.edd35c1d.js";import"./transButton.9d7d2b69.js";const y=E({components:{ScrollContainer:A,PageWrapper:g},setup(){const t=v(null),o=()=>{const s=$(t);if(!s)throw new Error("scroll is Null");return s};function i(s){o().scrollTo(s)}function p(){o().scrollBottom()}return{scrollTo:i,scrollRef:t,scrollBottom:p}}}),b={class:"my-4"},T={class:"scroll-wrap"},S={class:"p-3"};function w(t,o,i,p,s,x){const n=c("a-button"),_=c("ScrollContainer"),d=c("PageWrapper");return m(),C(d,{title:"\u6EDA\u52A8\u7EC4\u4EF6\u51FD\u6570\u793A\u4F8B",content:"\u57FA\u4E8Eel-scrollbar"},{default:r(()=>[a("div",b,[l(n,{onClick:o[0]||(o[0]=e=>t.scrollTo(100)),class:"mr-2"},{default:r(()=>[u(" \u6EDA\u52A8\u5230100px\u4F4D\u7F6E ")]),_:1}),l(n,{onClick:o[1]||(o[1]=e=>t.scrollTo(800)),class:"mr-2"},{default:r(()=>[u(" \u6EDA\u52A8\u5230800px\u4F4D\u7F6E ")]),_:1}),l(n,{onClick:o[2]||(o[2]=e=>t.scrollTo(0)),class:"mr-2"},{default:r(()=>[u(" \u6EDA\u52A8\u5230\u9876\u90E8 ")]),_:1}),l(n,{onClick:o[3]||(o[3]=e=>t.scrollBottom()),class:"mr-2"},{default:r(()=>[u(" \u6EDA\u52A8\u5230\u5E95\u90E8 ")]),_:1})]),a("div",T,[l(_,{class:"mt-4",ref:"scrollRef"},{default:r(()=>[a("ul",S,[(m(),D(F,null,k(100,e=>a("li",{key:e,class:"p-2",style:{border:"1px solid #eee"}},B(e),1)),64))])]),_:1},512)])]),_:1})}var H=f(y,[["render",w],["__scopeId","data-v-83ef995e"]]);export{H as default};
|