| 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.255e706e.js";import{P as g}from"./index.48036c98.js";import"./index.8d711f00.js";import"./index.b1d38a72.js";import"./useSize.8b10210d.js";import"./eagerComputed.be2ec0a3.js";import"./useWindowSizeFn.6e55ceab.js";import"./useContentViewHeight.36b336f9.js";import"./ArrowLeftOutlined.8856d85d.js";import"./index.5f739782.js";import"./transButton.aa18dfa4.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};
|