| 1 |
- import{c as E,a as L,m as w,t as C,d as R,z as h,aE as B,h as x,aR as N,y,Q as _,e as r,X as z,ac as b,aG as F,L as G,i as H,w as I}from"./index-956d72c6.js";import{u as M}from"./use-tab-status-30ac3dbf.js";const[Q,o,U]=E("list"),V={error:Boolean,offset:L(300),loading:Boolean,disabled:Boolean,finished:Boolean,errorText:String,direction:w("down"),loadingText:String,finishedText:String,immediateCheck:C};var X=R({name:Q,props:V,emits:["load","update:error","update:loading"],setup(e,{emit:c,slots:a}){const d=h(e.loading),u=h(),g=h(),s=M(),m=B(u),i=()=>{z(()=>{if(d.value||e.finished||e.disabled||e.error||(s==null?void 0:s.value)===!1)return;const{direction:t}=e,l=+e.offset,n=b(m);if(!n.height||F(u))return;let f=!1;const v=b(g);t==="up"?f=n.top-v.top<=l:f=v.bottom-n.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])}},k=()=>{c("update:error",!1),i()},P=()=>{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:k},[t])}},S=()=>{if(d.value&&!e.finished&&!e.disabled)return r("div",{class:o("loading")},[a.loading?a.loading():r(G,{class:o("loading-icon")},{default:()=>[e.loadingText||U("loading")]})])};return x(()=>[e.loading,e.finished,e.error],i),s&&x(s,t=>{t&&i()}),N(()=>{d.value=e.loading}),y(()=>{e.immediateCheck&&i()}),H({check:i}),_("scroll",i,{target:m,passive:!0}),()=>{var t;const l=(t=a.default)==null?void 0:t.call(a),n=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:n,S(),T(),P(),e.direction==="up"?l:n])}}});const A=I(X);export{A as L};
|
