| 1 |
- import{d as E,f as A,u as C,ag as p,aB as D,ar as c,aD as s,at as a,k as e,G as u,aq as F,F as k,aC as B,au as _}from"./vue-vendor-Be68asQ6.js";import{S as v}from"./index-BZ_MXCtW.js";import{P as $}from"./index-X83NmVMq.js";import{a as g}from"./index-BFfnEkVs.js";import"./antd-vue-vendor-DcqS7Wvq.js";import"./index-BIPzXG41.js";import"./index-CXEQnmRq.js";import"./useTimeout-Ca5eqGu-.js";import"./vxe-table-vendor-DHF2TRpV.js";import"./useIntersectionObserver-Bl62RIZ4.js";import"./useContentHeight-DnE6GxS2.js";import"./useWindowSizeFn-BTSGGcie.js";import"./useContentViewHeight-BVCc9jQl.js";import"./usePageContext-WlOC5VNa.js";import"./injectionKey-DPVn4AgL.js";const S=E({components:{ScrollContainer:v,PageWrapper:$},setup(){const t=A(null),o=()=>{const l=C(t);if(!l)throw new Error("scroll is Null");return l};function i(l){o().scrollTo(l)}function m(){o().scrollBottom()}return{scrollTo:i,scrollRef:t,scrollBottom:m}}}),T={class:"my-4"},b={class:"scroll-wrap"},w={class:"p-3"};function y(t,o,i,m,l,N){const n=p("a-button"),f=p("ScrollContainer"),d=p("PageWrapper");return c(),D(d,{title:"滚动组件函数示例",content:"基于el-scrollbar"},{default:s(()=>[a("div",T,[e(n,{onClick:o[0]||(o[0]=r=>t.scrollTo(100)),class:"mr-2"},{default:s(()=>o[4]||(o[4]=[u(" 滚动到100px位置 ")])),_:1}),e(n,{onClick:o[1]||(o[1]=r=>t.scrollTo(800)),class:"mr-2"},{default:s(()=>o[5]||(o[5]=[u(" 滚动到800px位置 ")])),_:1}),e(n,{onClick:o[2]||(o[2]=r=>t.scrollTo(0)),class:"mr-2"},{default:s(()=>o[6]||(o[6]=[u(" 滚动到顶部 ")])),_:1}),e(n,{onClick:o[3]||(o[3]=r=>t.scrollBottom()),class:"mr-2"},{default:s(()=>o[7]||(o[7]=[u(" 滚动到底部 ")])),_:1})]),a("div",b,[e(f,{class:"mt-4",ref:"scrollRef"},{default:s(()=>[a("ul",w,[(c(),F(k,null,B(100,r=>a("li",{key:r,class:"p-2",style:{border:"1px solid #eee"}},_(r),1)),64))])]),_:1},512)])]),_:1})}const O=g(S,[["render",y],["__scopeId","data-v-672060ba"]]);export{O as default};
|
