| 1 |
- import{J as E,d as L,c as g,al as R,C as w,M as x,am as B,o as N,Q as M,an as V,g as r,a7 as _,R as j,a1 as q,V as y,T as b,ao as F,ap as H,q as I}from"./index-b3d5c748.js";import{u as J}from"./use-tab-status-7b888048.js";const[O,o,Q]=E("list"),U={error:Boolean,offset:_(300),loading:Boolean,disabled:Boolean,finished:Boolean,scroller:Object,errorText:String,direction:j("down"),loadingText:String,finishedText:String,immediateCheck:q};var z=L({name:O,props:U,emits:["load","update:error","update:loading"],setup(e,{emit:c,slots:a}){const d=g(e.loading),u=g(),h=g(),s=J(),T=R(u),m=w(()=>e.scroller||T.value),n=()=>{y(()=>{if(d.value||e.finished||e.disabled||e.error||(s==null?void 0:s.value)===!1)return;const{direction:t}=e,l=+e.offset,i=b(m);if(!i.height||F(u))return;let f=!1;const v=b(h);t==="up"?f=i.top-v.top<=l:f=v.bottom-i.bottom<=l,f&&(d.value=!0,c("update:loading",!0),c("load"))})},k=()=>{if(e.finished){const t=a.finished?a.finished():e.finishedText;if(t)return r("div",{class:o("finished-text")},[t])}},P=()=>{c("update:error",!1),n()},S=()=>{if(e.error){const t=a.error?a.error():e.errorText;if(t)return r("div",{role:"button",class:o("error-text"),tabindex:0,onClick:P},[t])}},C=()=>{if(d.value&&!e.finished&&!e.disabled)return r("div",{class:o("loading")},[a.loading?a.loading():r(H,{class:o("loading-icon")},{default:()=>[e.loadingText||Q("loading")]})])};return x(()=>[e.loading,e.finished,e.error],n),s&&x(s,t=>{t&&n()}),B(()=>{d.value=e.loading}),N(()=>{e.immediateCheck&&n()}),M({check:n}),V("scroll",n,{target:m,passive:!0}),()=>{var t;const l=(t=a.default)==null?void 0:t.call(a),i=r("div",{ref:h,class:o("placeholder")},null);return r("div",{ref:u,role:"feed",class:o(),"aria-busy":d.value},[e.direction==="down"?l:i,C(),k(),S(),e.direction==="up"?l:i])}}});const G=I(z);export{G as L};
|
