| 1 |
- import{aw as f,a as E,bD as A,s as v,w as c,o as m,j as C,z as r,m as a,n as l,B as u,h as D,F,b2 as B,t as k,i as $}from"./index.7e08ba81.js";import{P as g}from"./index.334036fa.js";import"./index.ea1692d3.js";import"./index.3132743a.js";import"./useSize.1210be5f.js";import"./eagerComputed.41f917f7.js";import"./useWindowSizeFn.9cd1b73f.js";import"./useContentViewHeight.eee5bfce.js";import"./ArrowLeftOutlined.8453d1a8.js";import"./index.492f2ae6.js";import"./transButton.38e068f8.js";const b=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}}}),w={class:"my-4"},y={class:"scroll-wrap"},T={class:"p-3"};function S(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",w,[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",y,[l(_,{class:"mt-4",ref:"scrollRef"},{default:r(()=>[a("ul",T,[(m(),D(F,null,B(100,e=>a("li",{key:e,class:"p-2",style:{border:"1px solid #eee"}},k(e),1)),64))])]),_:1},512)])]),_:1})}var H=f(b,[["render",S],["__scopeId","data-v-83ef995e"]]);export{H as default};
|
