1 |
- import{aD as E,c as L,b as w,m as B,t as C,d as R,r as h,bD as _,w as b,bE as y,y as N,a2 as A,a3 as D,a as r,z as F,a4 as m,bF as U,L as j,k as z}from"./index-5125bda4.js";const H=Symbol(),I=()=>E(H,null),[K,o,M]=L("list"),V={error:Boolean,offset:w(300),loading:Boolean,disabled:Boolean,finished:Boolean,errorText:String,direction:B("down"),loadingText:String,finishedText:String,immediateCheck:C};var Y=R({name:K,props:V,emits:["load","update:error","update:loading"],setup(e,{emit:c,slots:a}){const d=h(e.loading),u=h(),g=h(),s=I(),v=_(u),n=()=>{F(()=>{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=m(v);if(!i.height||U(u))return;let f=!1;const x=m(g);t==="up"?f=i.top-x.top<=l:f=x.bottom-i.bottom<=l,f&&(d.value=!0,c("update:loading",!0),c("load"))})},T=()=>{if(e.finished){const t=a.finished?a.finished():e.finishedText;if(t)return r("div",{class:o("finished-text")},[t])}},S=()=>{c("update:error",!1),n()},k=()=>{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:S},[t])}},P=()=>{if(d.value&&!e.finished&&!e.disabled)return r("div",{class:o("loading")},[a.loading?a.loading():r(j,{class:o("loading-icon")},{default:()=>[e.loadingText||M("loading")]})])};return b(()=>[e.loading,e.finished,e.error],n),s&&b(s,t=>{t&&n()}),y(()=>{d.value=e.loading}),N(()=>{e.immediateCheck&&n()}),A({check:n}),D("scroll",n,{target:v,passive:!0}),()=>{var t;const l=(t=a.default)==null?void 0:t.call(a),i=r("div",{ref:g,class:o("placeholder")},null);return r("div",{ref:u,role:"feed",class:o(),"aria-busy":d.value},[e.direction==="down"?l:i,P(),T(),k(),e.direction==="up"?l:i])}}});const G=z(Y);export{G as L,H as T};
|