k2-im 0.1.8 → 0.1.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/chat-kit-vue.js +1 -1
- package/package.json +1 -1
package/dist/chat-kit-vue.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import {h,C,p,i,q,m,z,j,g,B,o}from'./chunk-MKV7J6WB.js';import {f,h as h$2,i as i$1,g as g$1}from'./chunk-TQF5HUEX.js';import'./chunk-DFE2F575.js';import'./chunk-6QR5GVQ3.js';import'./chunk-BO5YFCS4.js';import'./chunk-WOT6VMZA.js';import {defineComponent,h as h$1,ref,provide,watch,nextTick,onMounted,onBeforeUnmount,computed,inject,isVNode,cloneVNode,Fragment}from'vue';function Vt(t){return {systemMessage:a=>a.body.system!==void 0?g$1(a.body.system,{locale:t.locale(),resolveName:t.resolveName,selfId:t.selfId()}):"",mediaPlaceholder:a=>i$1(a.contentType,{locale:t.locale(),durationMs:a.body.voice?.durationMs,stickerImageType:a.body.sticker?.imageType,gameType:a.body.game?.gameType,callKind:a.body.call?.callKind}),lastMessage:a=>a.lastMessageSummary!==void 0?h$2(a.lastMessageSummary,{locale:t.locale(),resolveName:t.resolveName,selfId:t.selfId()}):a.lastMessagePreview,failureText:a=>a.failure?.displayCode!==void 0?f(a.failure.displayCode,{locale:t.locale(),mediaKind:a.failure.mediaKind,params:a.failure.params}):a.failure?.message??""}}var mt=Symbol("ImThreadReadActions");function gt(t){provide(mt,t);}function Dt(){return inject(mt,void 0)}var _e=defineComponent({name:"ImThreadBodySwitch",inheritAttrs:false,props:{message:{type:Object,required:true},rendererRegistry:{type:Object,required:true},presentation:{type:Object,default:void 0},readActions:{type:Object,default:void 0}},setup(t,{attrs:a,slots:T}){return gt(t.readActions),()=>{let u=h(t.message),f=t.rendererRegistry.resolve(u);return f!==void 0?h$1(f,{...a,message:t.message,presentation:t.presentation}):T["unsupported-body"]!==void 0?T["unsupported-body"]({kind:u,message:t.message}):h$1("span",{"data-im-thread-unsupported-body":u,"aria-hidden":"true"})}}});var je=Symbol("ImThreadViewportRegistration");function vt(){return inject(je,void 0)}var Ke=defineComponent({name:"ImThreadItems",props:{items:{type:Array,required:true},rendererRegistry:{type:Object,required:true},presentation:{type:Object,default:void 0},readActions:{type:Object,default:void 0}},setup(t,{slots:a}){let T=vt();function u(o,l){let b=Array.isArray(l)?l:[l];return b.length===1&&isVNode(b[0])?cloneVNode(b[0],{key:o}):h$1(Fragment,{key:o},b)}function f(o){return l=>{T?.registerMessageNode(o,l instanceof HTMLElement?l:null);}}function V(o,l){return b=>{T?.registerDateNode(o,l,b instanceof HTMLElement?b:null);}}function M(o){return a.encryption?.({item:o})??h$1("div",{"data-im-thread-encryption":o.key})}function m(o){let l=V(o.key,o.label);return a["date-separator"]?.({item:o,setElement:l})??h$1("div",{ref:l,"data-im-thread-date-separator":o.key},o.label)}function w(o){return a["entry-unread"]?.({item:o})??h$1("div",{"data-im-thread-entry-unread":o.key,...o.count===void 0?{}:{"data-count":String(o.count)}})}function R(o){let l=f(o.message.id);return a.item!==void 0?a.item({item:o,setElement:l}):a.message!==void 0?a.message({item:o,setElement:l}):o.message.deletedForEveryone!==void 0?a["deleted-message"]?.({item:o,setElement:l})??h$1("article",{ref:l,"data-im-thread-message-id":o.message.id,"data-im-thread-message-terminal":"deleted-for-everyone"},[h$1("span",{"data-im-thread-anchor-point":""})]):o.message.recalled!==void 0?a["recalled-message"]?.({item:o,setElement:l})??h$1("article",{ref:l,"data-im-thread-message-id":o.message.id,"data-im-thread-message-terminal":"recalled"},[h$1("span",{"data-im-thread-anchor-point":""})]):o.kind==="system"&&a.system!==void 0?a.system({item:o,setElement:l}):h$1("article",{ref:l,"data-im-thread-message-id":o.message.id,"data-first-of-run":o.kind==="message"?String(o.firstOfRun):void 0},[h$1("span",{"data-im-thread-anchor-point":""}),h$1(_e,{message:o.message,rendererRegistry:t.rendererRegistry,presentation:t.presentation,readActions:t.readActions},{"unsupported-body":a["unsupported-body"]===void 0?void 0:b=>a["unsupported-body"]?.(b)})])}return ()=>h$1("div",{"data-im-thread-items":""},t.items.map(o=>{switch(o.kind){case "encryption":return a.item!==void 0?u(o.key,a.item({item:o})):u(o.key,M(o));case "date-separator":return a.item!==void 0?u(o.key,a.item({item:o,setElement:V(o.key,o.label)})):u(o.key,m(o));case "entry-unread":return a.item!==void 0?u(o.key,a.item({item:o})):u(o.key,w(o));case "system":case "message":return u(o.key,R(o))}return o}))}});var yt=120,qt=500,Ee=.5,zt=8,Ue=defineComponent({name:"ImThreadViewport",props:{messageIds:{type:Array,required:true},contentKey:{type:String,default:""},loadingOlder:{type:Boolean,default:false},hasNewer:{type:Boolean,default:false},loadingNewer:{type:Boolean,default:false},followThreshold:{type:Number,default:120},olderPrefetchThreshold:{type:Number,default:120},followNewMessages:{type:Boolean,default:true},shouldFollowAppendedMessage:{type:Function,default:void 0},visibleMargin:{type:Number,default:8},resizeFollowEnabled:{type:Boolean,default:true},activeDateOffset:{type:Number,default:16},activeDateEnabled:{type:Boolean,default:false}},emits:{"reach-start":()=>true,"reach-end":()=>true,"visible-range":t=>true,settled:t=>true,"new-message-count":t=>true,"user-scroll":()=>true,"active-date-change":t=>true},setup(t,{emit:a,expose:T,slots:u}){let f=ref(null),V=ref(null),M=new Map,m$1=new Map,w=new Set,R=new Map,o$1=0,l=[],b,B$1,S,L=false,F,C$1=new Set,_=false,U,z$1="",J=1,s=false,W=false,X=true,A=false,G=false,Y=false,H=0,Z=-1,k,ee,c,h,p$1,v=ref(true),D=ref(0),j$1=C(e=>{D.value=e,a("new-message-count",e);});function q$1(e){let n=Number.isFinite(t.followThreshold)?Math.max(0,t.followThreshold):0;return e.scrollHeight-e.clientHeight-e.scrollTop<=n}function $(e=t.messageIds){return e.flatMap(n=>{let i=M.get(n);if(i===void 0)return [];let I=i.getBoundingClientRect(),P=i.querySelector("[data-im-thread-anchor-point]");return [{id:n,top:I.top,bottom:I.bottom,anchorTop:P?.getBoundingClientRect().top??I.top}]})}function Ae(e="",n=1){let i=Math.min(1,Math.max(0,n));z$1!==""&&z$1!==e&&R.get(z$1)?.element.style.removeProperty("opacity"),z$1=e,J=i,e!==""&&R.get(e)?.element.style.setProperty("opacity",String(i));}function Re(){Ae();}function Oe(){let e=f.value;if(_||e===null||!t.activeDateEnabled)return;let n=[...R.entries()].filter(([,E])=>e.contains(E.element)).map(([E,K])=>{let Q=K.element.getBoundingClientRect();return {key:E,label:K.label,top:Q.top,height:Q.height}}).sort((E,K)=>E.top-K.top),i=e.getBoundingClientRect(),I=n.find(E=>E.height>0)?.height??28,P=g({markers:n,viewportTop:i.top,overlayTop:Number.isFinite(t.activeDateOffset)?Math.max(0,t.activeDateOffset):0,overlayHeight:I});if(P===null){Re(),a("active-date-change",null);return}Ae(P.inlineDateKey,P.inlineOpacity),a("active-date-change",P);}function oe(){let e=f.value;if(_||e===null)return;let n=e.getBoundingClientRect(),i=S!==void 0&&L?t.messageIds.filter(K=>w.has(K)):t.messageIds,I=$(i);if(S!==void 0&&L&&I.length===0){v.value=q$1(e);return}let P=I.filter(K=>B({viewportTop:n.top,viewportBottom:n.bottom,messageTop:K.top,messageBottom:K.bottom,margin:t.visibleMargin})).map(K=>K.id),E=P.length!==l.length||P.some((K,Q)=>l[Q]!==K);l=Object.freeze(P),b=o(I,{top:n.top,bottom:n.bottom}),j$1.acknowledgeVisible(P),v.value=q$1(e),E&&a("visible-range",l),a("settled",{visibleMessageIds:l,...l.length===0?{}:{newestVisibleMessageId:l[l.length-1]},isAtBottom:v.value,newMessageCount:D.value});}function re(e){if(C$1.add(e),F!==void 0)return;let n=()=>{F=void 0;let i=[...C$1];C$1.clear(),i.forEach(I=>I());};typeof globalThis.requestAnimationFrame=="function"?F=globalThis.requestAnimationFrame(n):F=globalThis.setTimeout(n,0);}function He(){F!==void 0&&(typeof F=="number"&&typeof globalThis.cancelAnimationFrame=="function"?globalThis.cancelAnimationFrame(F):globalThis.clearTimeout(F),F=void 0,C$1.clear());}function ae(){re(oe);}function Se(){let e=f.value;if(e===null)return;let n=e.getBoundingClientRect(),i=o($(),{top:n.top,bottom:n.bottom});i!==void 0&&(b=i);}function fe(){let e=f.value;if(_||e===null)return;let n=e.scrollTop,i=U,I=false;if(i!==void 0){let E=Math.abs(n-i.targetTop)<=Ee;I=i.behavior==="smooth"||E,(i.behavior!=="smooth"||E)&&(U=void 0);}!I&&!A&&h===void 0&&n!==o$1&&(A=true,G=true,H+=1);let P=A&&!I&&n!==o$1;if(P&&(a("user-scroll"),re(Oe)),A&&!Y&&N(),!X&&G&&H!==Z&&n<o$1&&n>d()&&(X=true),h!==void 0&&!I)if(A){let E=ge();E!==void 0&&(h.expectedOffset=E);}else be(),Pe();X&&h===void 0&&!W&&!t.loadingOlder&&P&&n>=0&&m({previousScrollTop:o$1,currentScrollTop:n,topThreshold:t.olderPrefetchThreshold})&&(Se(),X=false,Z=H,W=true,a("reach-start"),re(()=>{t.loadingOlder||(W=false);})),!s&&!t.loadingOlder&&!t.loadingNewer&&t.hasNewer&&P&&z({previousScrollTop:o$1,currentScrollTop:n,isAtBottom:q$1(e),isHistoryWindow:t.hasNewer,isPageSettling:I})&&(s=true,v.value=false,a("reach-end"),re(()=>{t.loadingNewer||(s=false);})),o$1=n,ae();}function ye(e,n="auto"){U={targetTop:e,behavior:n};}function se(e){let n=h,i=V.value;if(!(n===void 0||i===null)){if(n.visualOffset=Math.abs(e)<=Ee?0:e,n.visualOffset===0){i.style.removeProperty("transform"),i.style.removeProperty("will-change");return}i.style.setProperty("transform",`translate3d(0, ${n.visualOffset}px, 0)`),i.style.setProperty("will-change","transform");}}function le(){p$1!==void 0&&(clearTimeout(p$1),p$1=void 0);let e=V.value;e?.style.removeProperty("transform"),e?.style.removeProperty("will-change"),h=void 0,U=void 0;}function ge(){let e=f.value,n=h;if(e===null||n===void 0)return;let i=$().find(I=>I.id===n.anchor.id);if(i!==void 0)return (i.anchorTop??i.top)-e.getBoundingClientRect().top}function be(){let e=h,n=ge();if(e===void 0||n===void 0)return;let i=e.expectedOffset-n;Math.abs(i)<=Ee||(se(e.visualOffset+i),e.committed=false,e.attempts=0);}function pe(){p$1!==void 0&&clearTimeout(p$1),p$1=setTimeout(()=>{p$1=void 0,!(A||h?.committed!==true)&&le();},qt);}function ve(){let e=f.value,n=h;if(_||e===null||n===void 0||A)return;let i=n.visualOffset;if(Math.abs(i)<=Ee){n.committed=true,pe();return}let I=Math.max(0,e.scrollHeight-e.clientHeight),P=Math.min(I,Math.max(0,e.scrollTop-i));if(ye(P),e.scrollTop=P,Math.abs(e.scrollTop-P)>Ee){U=void 0,n.committed=false,n.attempts+=1,n.attempts<zt?Pe():(le(),U=void 0,o$1=e.scrollTop);return}se(0),o$1=e.scrollTop,n.expectedOffset=ge()??n.expectedOffset,n.committed=true,n.attempts=0,pe();}function Pe(){p$1!==void 0&&clearTimeout(p$1),p$1=setTimeout(()=>{p$1=void 0,ve();},yt);}function xe(e){e!==void 0&&(h===void 0&&(h={anchor:e,expectedOffset:e.offset,visualOffset:0,committed:false,attempts:0}),be(),!A&&ve());}function r(e){let n=f.value;if(n===null||e===void 0)return;let i=n.getBoundingClientRect(),I=q(e,$(),{top:i.top,bottom:i.bottom});if(I!==void 0){let P=Math.max(0,n.scrollHeight-n.clientHeight),E=Math.min(P,Math.max(0,n.scrollTop+I));ye(E),n.scrollTop=E,o$1=n.scrollTop;}}function d(){return Number.isFinite(t.olderPrefetchThreshold)?Math.max(0,t.olderPrefetchThreshold):0}function g$1(){U?.behavior==="smooth"&&(U=void 0),G=false,A||(A=true,H+=1),k!==void 0&&(clearTimeout(k),k=void 0);}function y(){let e=f.value;X||H===Z||e===null||e.scrollTop<=d()||(h?.committed===true&&le(),h===void 0&&(X=true));}function O(){k!==void 0&&(clearTimeout(k),k=void 0),le(),A=false,G=false,Y=false,ee=void 0,c=void 0,H+=1,Z=-1,X=true,W=false,s=false,U=void 0;}function x(){Y||(k!==void 0&&(clearTimeout(k),k=void 0),A=false,G=false,h!==void 0&&(h.attempts=0),ve());}function N(){Y||(k!==void 0&&clearTimeout(k),k=setTimeout(()=>{k=void 0,x();},yt));}function me(){U=void 0,x();}function ie(e){Y=true,g$1(),ee=e.touches?.[0]?.clientY;}function Ie(e){let n=e.touches?.[0]?.clientY;n!==void 0&&(ee!==void 0&&n>ee&&y(),ee=n);}function ne(){Y=false,ee=void 0,N();}function he(e){g$1(),e.deltaY<0&&y(),N();}function Ve(e){e.pointerType!=="touch"&&(g$1(),c=e.clientY,N());}function $e(e){e.pointerType==="touch"||!A||c===void 0||(e.clientY<c&&y(),c=e.clientY,N());}function Ce(e){e.pointerType!=="touch"&&(c=void 0,N());}function Xe(e){["ArrowUp","ArrowDown","PageUp","PageDown","Home","End"," "].includes(e.key)&&(g$1(),(e.key==="ArrowUp"||e.key==="PageUp"||e.key==="Home"||e.key===" "&&e.shiftKey)&&y(),N());}function Be(e="auto"){let n=f.value;if(n===null)return;le();let i=Math.max(0,n.scrollHeight-n.clientHeight);ye(i,e),n.scrollTo?.({top:i,behavior:e}),n.scrollTop!==i&&(n.scrollTop=i),o$1=n.scrollTop,j$1.clear(),oe();}function Je(){let e=f.value;return e!==null&&e.clientWidth>0&&e.clientHeight>0}function wt(){let e=f.value;return Je()&&e!==null&&e.scrollHeight>e.clientHeight+1}function Mt(e,n={}){let i=f.value,I=M.get(e);if(i===null||I===void 0||!i.contains(I)||i.clientHeight<=0)return false;le();let P=i.getBoundingClientRect(),E=I.getBoundingClientRect(),K=n.block??"center",Q;K==="start"?Q=i.scrollTop+E.top-P.top:K==="end"?Q=i.scrollTop+E.bottom-P.bottom:K==="nearest"?E.top>=P.top&&E.bottom<=P.bottom?Q=i.scrollTop:E.top<P.top?Q=i.scrollTop+E.top-P.top:Q=i.scrollTop+E.bottom-P.bottom:Q=j({currentScrollTop:i.scrollTop,scrollHeight:i.scrollHeight,targetHeight:E.height,targetTop:E.top,viewportHeight:i.clientHeight,viewportTop:P.top});let ke=Math.max(0,i.scrollHeight-i.clientHeight),Te=Math.min(ke,Math.max(0,Q)),we=n.behavior??"auto";return ye(Te,we),i.scrollTo?.({top:Te,behavior:we}),i.scrollTop!==Te&&(i.scrollTop=Te),o$1=i.scrollTop,oe(),true}function Rt(){j$1.clear();}function St(){s=true,v.value=false;}function Pt(){s=false,ae();}function Et(e,n){let i=M.get(e);if(i!==void 0&&i!==n&&(S?.unobserve(i),B$1?.unobserve?.(i),m$1.delete(i),w.delete(e)),n===null){M.delete(e),w.delete(e);return}M.set(e,n),m$1.set(n,e),S?.observe(n),B$1?.observe(n),ae();}function At(e,n,i){let I=R.get(e);if(i===null){R.delete(e);return}R.set(e,{element:i,label:n}),z$1===e&&i.style.setProperty("opacity",String(J)),I?.element!==i&&(i.dataset.imThreadDateSeparator=e);}return provide(je,{registerMessageNode:Et,registerDateNode:At}),watch(()=>t.contentKey,(e,n)=>{if(e===n)return;O();let i=f.value;i!==null&&(o$1=i.scrollTop);},{flush:"sync"}),watch(()=>t.messageIds,async(e,n)=>{let i=f.value;if(i===null)return;let I=new Set(n);n.length>0&&e.length>0&&!e.some(De=>I.has(De))&&O();let E=i.getBoundingClientRect(),K=p(b,$(),{top:E.top,bottom:E.bottom}),Q=v.value,ke=n[n.length-1],Te=ke===void 0?-1:e.indexOf(ke),we=Te<0?[]:e.slice(Te+1).filter(De=>!I.has(De)),Ot=s||t.loadingNewer;if(await nextTick(),_)return;let Qe=n[0];if(Qe!==void 0&&e.indexOf(Qe)>0&&(W=false,xe(K)),we.length>0){if(Ot){s=false,h===void 0&&r(K),v.value=false,ae();return}(Q||we.some(xt=>t.shouldFollowAppendedMessage?.(xt)===true))&&t.followNewMessages?Be():j$1.add(we);}ae();},{flush:"pre"}),watch(()=>t.loadingNewer,(e,n)=>{e||!n||!s||re(()=>{t.loadingNewer||(s=false);});},{flush:"pre"}),watch(()=>t.loadingOlder,(e,n)=>{e||!n||!W||re(()=>{t.loadingOlder||(W=false);});},{flush:"pre"}),onMounted(()=>{let e=f.value;if(e!==null){if(o$1=e.scrollTop,e.addEventListener("scroll",fe,{passive:true}),e.addEventListener("scrollend",me,{passive:true}),e.addEventListener("touchstart",ie,{passive:true}),e.addEventListener("touchmove",Ie,{passive:true}),e.addEventListener("touchend",ne,{passive:true}),e.addEventListener("touchcancel",ne,{passive:true}),e.addEventListener("wheel",he,{passive:true}),e.addEventListener("pointerdown",Ve,{passive:true}),e.addEventListener("pointermove",$e,{passive:true}),e.addEventListener("pointerup",Ce,{passive:true}),e.addEventListener("pointercancel",Ce,{passive:true}),e.addEventListener("keydown",Xe),typeof globalThis.ResizeObserver=="function"){B$1=new globalThis.ResizeObserver(()=>{let n=b;re(()=>{f.value!==null&&(h!==void 0?(be(),A||Pe()):s||t.loadingNewer?r(n):t.resizeFollowEnabled&&v.value?Be():r(n),oe());});}),B$1.observe(e);for(let n of M.values())B$1.observe(n);}if(typeof globalThis.IntersectionObserver=="function"){S=new globalThis.IntersectionObserver(n=>{for(let i of n){let I=m$1.get(i.target);I!==void 0&&(i.isIntersecting?w.add(I):w.delete(I));}L=true,ae();},{root:e,rootMargin:`${Number.isFinite(t.visibleMargin)?Math.max(0,t.visibleMargin):0}px 0px`});for(let n of M.values())S.observe(n);}ae();}}),onBeforeUnmount(()=>{_=true;let e=f.value;e!==null&&e.removeEventListener("scroll",fe),e!==null&&(e.removeEventListener("scrollend",me),e.removeEventListener("touchstart",ie),e.removeEventListener("touchmove",Ie),e.removeEventListener("touchend",ne),e.removeEventListener("touchcancel",ne),e.removeEventListener("wheel",he),e.removeEventListener("pointerdown",Ve),e.removeEventListener("pointermove",$e),e.removeEventListener("pointerup",Ce),e.removeEventListener("pointercancel",Ce),e.removeEventListener("keydown",Xe)),k!==void 0&&clearTimeout(k),le(),He(),B$1?.disconnect(),S?.disconnect(),Re(),M.clear(),m$1.clear(),w.clear(),R.clear(),j$1.clear();}),T({getViewportElement:()=>f.value,clearNewMessageBadge:Rt,clearActiveDate:Re,isAtBottom:computed(()=>v.value),isMeasurable:Je,isScrollable:wt,newMessageCount:computed(()=>D.value),prepareHistoryPageAppend:St,cancelHistoryPageAppend:Pt,trackRemoteMessageIds:(e,n)=>j$1.trackRemote(e,n),scrollToLatest:Be,scrollToMessage:Mt,focusViewport:()=>f.value?.focus({preventScroll:true})}),()=>h$1("div",{ref:f,"data-im-thread-viewport":"",role:"log",tabindex:-1},[h$1("div",{ref:V,"data-im-thread-viewport-content":""},u.default?.())])}});var bt=Symbol("ImThreadSurfaceContext");function Xt(t){if(typeof t.getState!="function")throw new TypeError("ImThreadSurfaceContext.getState \u5FC5\u987B\u662F\u51FD\u6570");if(typeof t.actions?.loadOlder!="function")throw new TypeError("ImThreadSurfaceContext.actions.loadOlder \u5FC5\u987B\u662F\u51FD\u6570");if(typeof t.formatDate!="function")throw new TypeError("ImThreadSurfaceContext.formatDate \u5FC5\u987B\u662F\u51FD\u6570");return Object.freeze({...t,actions:Object.freeze({...t.actions})})}function Jt(t){provide(bt,t);}function Ge(){let t=inject(bt);if(t===void 0)throw new Error("ImThreadSurface \u9700\u8981\u663E\u5F0F context prop \u6216 provideImThreadSurfaceContext");return t}var qe=Object.freeze({followThreshold:120,olderPrefetchThreshold:120,visibleReadDelay:300,visibleMargin:8,activeDateOffset:16,activeDateIdleDelay:1500}),ze=Object.freeze({enabled:true,maxFillPages:8}),er=8,tr=160;function rr(t,a){return t?.conversationType===a.conversationType&&t.conversationId===a.conversationId}var nr=defineComponent({name:"ImThreadSurface",props:{conversation:{type:Object,required:true},context:{type:Object,default:void 0},rendererRegistry:{type:Object,required:true},presentation:{type:Object,default:void 0},readActions:{type:Object,default:void 0},viewportOptions:{type:Object,default:()=>({})},initialViewportOptions:{type:Object,default:()=>({})},hooks:{type:Object,default:void 0}},setup(t,{expose:a,slots:T}){let u=t.context??Ge(),f=ref(null),V=ref(0),M=ref(true),m=[],w,R=0,o=0,l=null,b="",B="",S="",L=false,F=false,C=ref(false),_=ref(""),U=ref(false),z,J,s=computed(()=>u.getState()),W=computed(()=>s.value.pageVisible??u.isPageVisible?.()??true),X=computed(()=>s.value.pageEngaged??u.isPageEngaged?.()??true),A=computed(()=>rr(s.value.activeConversation,t.conversation)),G=computed(()=>({...qe,...t.viewportOptions})),Y=computed(()=>{let r=t.initialViewportOptions.maxFillPages??ze.maxFillPages;return {enabled:t.initialViewportOptions.enabled??ze.enabled,maxFillPages:Number.isFinite(r)?Math.max(0,Math.floor(r)):ze.maxFillPages}}),H=computed(()=>!A.value||!s.value.ready?"":`${t.conversation.conversationType}\0${t.conversation.conversationId}`),Z=computed(()=>A.value?i({messages:s.value.messages,entryUnread:s.value.entryUnread,formatDate:u.formatDate,leadingItems:u.leadingItems?.(),beforeMessageItems:u.beforeMessageItems}):[]),k=computed(()=>Z.value.flatMap(r=>r.kind==="message"||r.kind==="system"?[r.message.id]:[]));function ee(){z!==void 0&&(clearTimeout(z),z=void 0),J!==void 0&&(clearTimeout(J),J=void 0);}function c(r=false){if(ee(),U.value=false,r){f.value?.clearActiveDate(),_.value="";return}J=setTimeout(()=>{J=void 0,!U.value&&(f.value?.clearActiveDate(),_.value="");},tr);}function h(r){if(r===null){c();return}ee(),_.value=r.label,U.value=true;let d=G.value.activeDateIdleDelay,g=Number.isFinite(d)?Math.max(0,d):qe.activeDateIdleDelay;z=setTimeout(()=>{z=void 0,c();},g);}async function p(r,d){t.hooks?.beforeAction?.(r);try{let g=await d();return t.hooks?.afterAction?.(r,g),g}catch(g){throw t.hooks?.onError?.(r,g),g}}function v(){return !A.value||s.value.loading||!s.value.hasOlder?Promise.resolve(0):p({kind:"load-older"},()=>u.actions.loadOlder())}function D(){let r=u.actions.loadNewer,d=s.value.loadingNewer??s.value.loading;return !A.value||d||!s.value.hasNewer||r===void 0?Promise.resolve(0):p({kind:"load-newer"},()=>r())}async function j(r){for(let d=0;d<er;d+=1){if(!A.value)return;let g=r==="older"?s.value.hasOlder:s.value.hasNewer,y=r==="older"?s.value.olderError:s.value.newerError;if(!g||y!==null||(r==="older"?await v():await D())>0)return;let x=r==="older"?s.value.hasOlder:s.value.hasNewer,N=r==="older"?s.value.olderError:s.value.newerError;if(!x||N!==null)return}}async function q(){return !A.value||u.actions.loadNewer===void 0?0:p({kind:"load-newer"},()=>u.actions.retryNewer?.()??u.actions.loadNewer?.({force:!0})??Promise.resolve(0))}async function $(){if(!A.value)return 0;let r=H.value;S="";let d;try{d=await p({kind:"retry-older"},()=>u.actions.retryOlder?.()??u.actions.loadOlder({force:!0}));}catch(g){throw H.value===r&&(S=r),g}return C.value||(l=null,pe()),d}async function Ae(){if(!A.value)return false;let r=await p({kind:"jump-to-latest"},()=>u.actions.jumpToLatest?.()??Promise.resolve(!s.value.isHistoryWindow));return r&&(await nextTick(),f.value?.scrollToLatest()),r}function Re(r){M.value=r.isAtBottom,V.value=r.newMessageCount,pe();}function Oe(r,d){return f.value?.scrollToMessage(r,d)??false}function oe(r,d){return !F&&o===d&&H.value===r&&A.value}async function re(r,d,g,y){for(let O=0;O<60;O+=1){if(!oe(r,d))return false;if(Oe(g,y))return true;await nextTick(),typeof window<"u"&&typeof window.requestAnimationFrame=="function"&&await new Promise(x=>window.requestAnimationFrame(()=>x()));}return false}async function He(r,d,g){let y=f.value;if(y===null||!y.isMeasurable()||y.isScrollable())return true;let O=0,x=!s.value.hasOlder,N=!s.value.hasNewer||u.actions.loadNewer===void 0,me=async()=>(await nextTick(),await nextTick(),re(r,d,g,{behavior:"auto",block:"center"})),ie=async ne=>{if(!oe(r,d)||O>=Y.value.maxFillPages)return false;let he=0;if(ne==="older"){if(x||!s.value.hasOlder)return false;he=await v(),x=!s.value.hasOlder;}else {if(N||!s.value.hasNewer)return false;y.prepareHistoryPageAppend();try{he=await D();}catch(Ve){throw y.cancelHistoryPageAppend(),Ve}he<=0&&!s.value.hasNewer&&y.cancelHistoryPageAppend(),N=!s.value.hasNewer;}return O+=1,he>0?me():!(ne==="older"?x:N)};!x&&!await ie("older")&&(x=true),!N&&!await ie("newer")&&(N=true);let Ie="older";for(;oe(r,d)&&O<Y.value.maxFillPages&&y.isMeasurable()&&!y.isScrollable()&&(!x||!N);){let ne=Ie==="older"?x?"newer":"older":N?"older":"newer";Ie=ne==="older"?"newer":"older",await ie(ne)||(ne==="older"?x=true:N=true);}return oe(r,d)}async function ae(r,d={behavior:"auto",block:"center"}){if(!A.value||r==="")return false;let g=H.value,y=++o;if(!k.value.includes(r)){let N=u.actions.loadAround;if(N===void 0||!await p({kind:"locate-message",messageId:r},()=>N(r))||!oe(g,y))return false}return !await re(g,y,r,{...d,behavior:"auto"})||!await He(g,y,r)?false:re(g,y,r,d)}function Se(){w!==void 0&&(clearTimeout(w),w=void 0);}function fe(){if(Se(),!C.value)return;let r=t.readActions;if(r===void 0||m.length===0)return;let d=Number.isFinite(G.value.visibleReadDelay)?Math.max(0,G.value.visibleReadDelay):qe.visibleReadDelay;w=setTimeout(()=>{if(w=void 0,!A.value||!X.value)return;let g=m[m.length-1];if(g===void 0)return;let y=r.resolveTarget===void 0?g:r.resolveTarget(g);y!=null&&Promise.resolve(r.markRead(y)).catch(O=>{t.hooks?.onError?.({kind:"visible-range",messageIds:m},O);});},d);}function ye(r){m=Object.freeze([...r]);let d={kind:"visible-range",messageIds:m};t.hooks?.beforeAction?.(d);try{u.actions.onVisibleRange?.(m),t.hooks?.afterAction?.(d,void 0);}catch(g){throw t.hooks?.onError?.(d,g),g}C.value?fe():pe();}function se(r,d){return !F&&R===d&&H.value===r&&!L}function le(r,d){se(r,d)&&(b=r,B=ge(s.value.entryUnread),C.value=true,fe());}function ge(r){return r.state!=="located"?r.state:`${r.state}:${r.firstMessageId}`}async function be(r,d,g){for(let y=0;y<60;y+=1){if(!se(r,d))return false;if(f.value?.scrollToMessage(g,{behavior:"auto",block:"center"})===true)return true;await nextTick(),typeof window<"u"&&typeof window.requestAnimationFrame=="function"&&await new Promise(x=>window.requestAnimationFrame(()=>x()));}return false}function pe(){let r=H.value,d=ge(s.value.entryUnread);if(r===""||s.value.loading||s.value.error!==null||b===r&&(B===d||L)||S===r||l!==null)return;if(!Y.value.enabled){b=r,B=d,C.value=true,fe();return}let g=++R;L=false,C.value=false;let y=(async()=>{if(await nextTick(),!se(r,g))return;let O=f.value;if(O===null||!O.isMeasurable())return;let x=s.value.entryUnread;if(x.state==="located"&&!k.value.includes(x.firstMessageId))return;let N=x.state==="located"?await be(r,g,x.firstMessageId):false;if(x.state==="located"&&!N)return;N||O.scrollToLatest();let me=0;for(;se(r,g)&&me<Y.value.maxFillPages&&s.value.hasOlder&&O.isMeasurable()&&!O.isScrollable();)if(await v(),!se(r,g)||(me+=1,await nextTick(),await nextTick(),!O.isMeasurable()))return;if(!se(r,g)||!O.isMeasurable())return;let ie=s.value.entryUnread;if(ie.state==="located"){if(!k.value.includes(ie.firstMessageId)||!await be(r,g,ie.firstMessageId))return}else O.scrollToLatest();await nextTick(),le(r,g);})().catch(()=>{H.value===r&&(S=r);}).finally(()=>{l===y&&(l=null);});l=y;}function ve(r){R+=1,l=null,L=false,C.value=r,(b="",B="",S=""),Se();}function Pe(){if(C.value)return;let r=H.value;L=true,R+=1,l=null,b=r,C.value=true,fe();}let xe=Object.freeze({getViewportElement:()=>f.value?.getViewportElement()??null,loadOlder:v,retryOlder:$,loadNewer:D,retryNewer:q,jumpToLatest:Ae,scrollToMessage:Oe,locateMessage:ae,focusViewport:()=>f.value?.focusViewport()});return a(xe),watch(X,r=>{r&&C.value?fe():Se();}),watch([()=>s.value.activeRemoteMessageRevision??0,f,H],()=>{let r=f.value;if(r===null||!A.value)return;let d=u.actions.drainActiveRemoteMessageIds?.()??[];r.trackRemoteMessageIds(d,{isAtBottom:M.value,isHistoryWindow:s.value.isHistoryWindow,isPageVisible:W.value})&&(M.value=false);},{flush:"post"}),watch([H,()=>s.value.loading,()=>s.value.error,()=>k.value.length,()=>s.value.hasOlder,()=>ge(s.value.entryUnread),Y],([r,d,g,,,y],[O,,,,,x])=>{if(r!==O&&(o+=1,ve(false),c(true),f.value?.clearNewMessageBadge(),V.value=0,M.value=true),r!==""&&r===O&&y!==x&&!L&&y.startsWith("located:")&&(b="",B="",C.value=false),r===""||g!==null){ve(false);return}d||pe();},{flush:"post",immediate:true}),onBeforeUnmount(()=>{F=true,o+=1,ve(false),c(true);}),()=>{let r={conversation:t.conversation,state:s.value,items:Z.value,actions:xe},d=[T.header?.(r),T["before-list"]?.(r)];if(!A.value)d.push(T.unsupported?.(r)??h$1("div",{"data-im-thread-unsupported":""}));else if(!s.value.ready&&s.value.loading)d.push(T.loading?.(r)??h$1("div",{"data-im-thread-loading":""}));else if(s.value.error!==null&&s.value.messages.length===0)d.push(T.error?.(r)??h$1("div",{"data-im-thread-error":""}));else if(s.value.ready&&s.value.messages.length===0&&!s.value.hasOlder)d.push(T.empty?.(r)??h$1("div",{"data-im-thread-empty":""}));else {let g=h$1(Ue,{ref:f,messageIds:k.value,contentKey:`${t.conversation.conversationType}\0${t.conversation.conversationId}`,loadingOlder:s.value.loadingOlder??s.value.loading,hasNewer:s.value.hasNewer,loadingNewer:s.value.loadingNewer??s.value.loading,followThreshold:G.value.followThreshold,olderPrefetchThreshold:G.value.olderPrefetchThreshold,visibleMargin:G.value.visibleMargin,activeDateOffset:G.value.activeDateOffset,activeDateEnabled:T["active-date"]!==void 0,resizeFollowEnabled:C.value,followNewMessages:W.value,shouldFollowAppendedMessage:y=>{let O=s.value.messages.find(x=>x.id===y);return O===void 0?false:u.shouldFollowMessage?.(O)===true},onReachStart:()=>{j("older").catch(()=>{});},onReachEnd:()=>{j("newer").catch(()=>{});},onSettled:Re,onUserScroll:Pe,onActiveDateChange:h,onVisibleRange:ye,onNewMessageCount:y=>{V.value=y;}},{default:()=>[T["viewport-before"]?.(r),h$1(Ke,{items:Z.value,rendererRegistry:t.rendererRegistry,presentation:t.presentation,readActions:t.readActions},{item:T.item,"date-separator":T["date-separator"],"entry-unread":T["entry-unread"],encryption:T.encryption,system:T.system,message:T.message,"recalled-message":T["recalled-message"],"deleted-message":T["deleted-message"],"unsupported-body":T["unsupported-body"]}),T["viewport-after"]?.(r)]});d.push(h$1("div",{"data-im-thread-viewport-shell":""},[T["active-date"]?.({label:_.value,visible:U.value&&_.value!==""}),g])),s.value.error!==null&&d.push(T.error?.(r)??h$1("div",{"data-im-thread-error":""}));}return d.push(T["after-list"]?.(r),T["jump-to-latest"]?.({...r,count:V.value,visible:!M.value||s.value.isHistoryWindow}),T["context-menu"]?.(r),T.composer?.(r)),h$1("section",{"data-im-thread-surface":"","data-conversation-type":t.conversation.conversationType,"data-conversation-id":t.conversation.conversationId},d)}}});function or(t){let a=new Map;for(let u of t){if(a.has(u.kind))throw new Error(`\u6D88\u606F renderer kind \u91CD\u590D\u6CE8\u518C\uFF1A${u.kind}`);a.set(u.kind,u.component);}let T=Object.freeze([...a.keys()]);return Object.freeze({kinds:T,resolve:u=>a.get(u)})}function It(t,a){if(t.width<=0||t.height<=0)return 0;let T=Math.max(0,Math.min(t.right,a.right)-Math.max(t.left,a.left)),u=Math.max(0,Math.min(t.bottom,a.bottom)-Math.max(t.top,a.top));return Math.min(1,T*u/(t.width*t.height))}function ir(t,a){return {x:t.x,y:t.top-a,top:t.top-a,bottom:t.bottom+a,left:t.left,right:t.right,width:t.width,height:t.height+a*2,toJSON:()=>({})}}function Ye(t){let a=Math.max(0,t.scrollIdleMs??140),T=Math.max(0,t.visibilityDwellMs??120),u=Math.min(1,Math.max(0,t.minimumIntersectionRatio??.01)),f=Math.max(0,t.revealMarginPx??0),V=Math.max(1,t.maxSettledVisible??Number.POSITIVE_INFINITY),M=new Map,m=new Map,w=new Set,R=new Set,o=new Set,l=null,b=null,B=null,S=false,L=false,F=false,C,_;function U(){C!==void 0&&clearTimeout(C),C=void 0;}function z(){_!==void 0&&clearTimeout(_),_=void 0;}function J(c=false){if(!c&&b!==null||l===null)return;let h=l.getBoundingClientRect(),p=ir(h,f);for(let[v,D]of M){let j=v.getBoundingClientRect();D.ratio=It(j,h),D.intersecting=D.ratio>0,D.revealIntersecting=f>0?It(j,p)>0:D.intersecting&&D.ratio>=u;}}function s(c){return c.intersecting&&c.ratio>=u}function W(){for(let c of M.values())!c.revealIntersecting||w.has(c.key)||(w.add(c.key),t.onRevealed?.(c.item));}function X(c){let h=new Set(c.map(v=>v.key));if(h.size!==o.size||[...h].some(v=>!o.has(v))){o.clear();for(let v of h)o.add(v);t.onSettledVisibleChange?.(c.map(v=>v.item));}}function A(){if(L||S)return;J(),W();let c=l?.getBoundingClientRect(),h=c===void 0?0:(c.top+c.bottom)/2,p=[...M.entries()].filter(([,v])=>s(v)).sort(([v],[D])=>{let j=v.getBoundingClientRect(),q=D.getBoundingClientRect();return Math.abs((j.top+j.bottom)/2-h)-Math.abs((q.top+q.bottom)/2-h)}).slice(0,V).map(([,v])=>v);X(p);for(let v of p)R.has(v.key)||(R.add(v.key),t.onActivated?.(v.item));}function G(){L||S||(z(),_=setTimeout(()=>{_=void 0,A();},T));}function Y(){L||(H(true),J(),W(),X([]),z(),U(),C=setTimeout(()=>{C=void 0,H(false),G();},a));}function H(c){S!==c&&(S=c,t.onScrollingChange?.(c));}function Z(){l?.removeEventListener("scroll",Y),b?.disconnect(),B?.disconnect(),b=null,B=null,l=null;}function k(c=true){if(L)return;let h=t.getRoot();if(!(h===l&&l!==null)){if(Z(),l=h,l===null){c&&!F&&(F=true,Promise.resolve().then(()=>{F=false,L||(k(false),G());}));return}if(l.addEventListener("scroll",Y,{passive:true}),typeof IntersectionObserver<"u"){b=new IntersectionObserver(p=>{for(let v of p){let D=M.get(v.target);D!==void 0&&(D.intersecting=v.isIntersecting,D.ratio=v.intersectionRatio,f===0&&(D.revealIntersecting=v.isIntersecting&&v.intersectionRatio>=u));}W(),G();},{root:l,threshold:[0,u,1]}),f>0&&(B=new IntersectionObserver(p=>{for(let v of p){let D=M.get(v.target);D!==void 0&&(D.revealIntersecting=v.isIntersecting);}W();},{root:l,rootMargin:`${f}px 0px`,threshold:0}));for(let p of M.keys())b.observe(p);for(let p of M.keys())B?.observe(p);}else J(),W();}}function ee(c){w.delete(c),R.delete(c),o.delete(c);}return {register(c,h){if(L)return;let p=t.getKey(c),v=w.has(p),D=R.has(p),j=h===null?void 0:M.get(h);j!==void 0&&j.key!==p&&(m.delete(j.key),M.delete(h),ee(j.key));let q=m.get(p);if(q!==void 0&&q!==h&&(b?.unobserve(q),B?.unobserve(q),M.delete(q),m.delete(p)),h===null){q!==void 0&&(b?.unobserve(q),B?.unobserve(q),M.delete(q),m.delete(p)),ee(p);return}let $=M.get(h);if($?.key===p&&$.item===c){k();return}M.set(h,{item:c,key:p,intersecting:$?.key===p?$.intersecting:false,ratio:$?.key===p?$.ratio:0,revealIntersecting:$?.key===p?$.revealIntersecting:false}),m.set(p,h),k(),b?.observe(h),B?.observe(h),J(true),W(),v&&t.onRevealed?.(c),D?t.onActivated?.(c):G();},isRevealed:c=>w.has(t.getKey(c)),isActivated:c=>R.has(t.getKey(c)),isSettledVisible:c=>o.has(t.getKey(c)),isScrolling:()=>S,notifyScroll:Y,refresh(){k(),J(true),W(),G();},reset(){U(),z(),H(false),X([]),Z(),M.clear(),m.clear(),w.clear(),R.clear();},dispose(){L||(U(),z(),H(false),X([]),Z(),M.clear(),m.clear(),w.clear(),R.clear(),L=true);}}}function ar(t){let a=new Map,T=new Map,u=false,f=m=>{let w=a.get(m.channel);return w===void 0?m.channel:`${m.channel}\0${w.getKey(m.item)}`},V=Ye({getRoot:t.getRoot,getKey:f,revealMarginPx:t.revealMarginPx,minimumIntersectionRatio:t.minimumIntersectionRatio,scrollIdleMs:t.scrollIdleMs,visibilityDwellMs:t.visibilityDwellMs,onScrollingChange:m=>{for(let w of a.values())w.onScrollingChange?.(m);},onRevealed:m=>a.get(m.channel)?.onRevealed?.(m.item),onActivated:m=>a.get(m.channel)?.onActivated?.(m.item),onSettledVisibleChange:m=>{for(let[w,R]of a){let o=m.filter(b=>b.channel===w).map(b=>b.item),l=R.maxSettledVisible===void 0?o:o.slice(0,R.maxSettledVisible);R.onSettledVisibleChange?.(l);}}});function M(m){return w=>{if(u)throw new Error("Thread visibility target group \u5DF2\u91CA\u653E");if(a.has(m))throw new Error(`Thread visibility channel \u5DF2\u5B58\u5728: ${m}`);a.set(m,w);let R=new Map;T.set(m,R);let o=false,l=S=>({channel:m,item:S});function b(){for(let S of R.values())V.register(S.target,null);R.clear(),w.onScrollingChange?.(false),w.onSettledVisibleChange?.([]);}return {register(S,L){if(o||u)return;let F=w.getKey(S),C=R.get(F);if(L===null){C!==void 0&&(V.register(C.target,null),R.delete(F));return}let _=l(S);R.set(F,{target:_,element:L}),V.register(_,L);},isRevealed:S=>V.isRevealed(l(S)),isActivated:S=>V.isActivated(l(S)),isSettledVisible:S=>V.isSettledVisible(l(S)),isScrolling:V.isScrolling,notifyScroll:V.notifyScroll,refresh:V.refresh,reset:b,dispose(){o||(b(),o=true,a.delete(m),T.delete(m));}}}}return {createFactory:M,refresh:V.refresh,dispose(){if(!u){for(let m of T.values())for(let w of m.values())V.register(w.target,null);T.clear(),a.clear(),V.dispose(),u=true;}}}}export{_e as ImThreadBodySwitch,Ke as ImThreadItems,nr as ImThreadSurface,Ue as ImThreadViewport,Xt as createImThreadSurfaceContext,or as createMessageRendererRegistry,ar as createThreadVisibilityTargetGroup,Ye as createThreadVisibilityTargets,Jt as provideImThreadSurfaceContext,Vt as useImText,Ge as useImThreadSurfaceContext,Dt as useOptionalImThreadReadActions};
|
|
1
|
+
import {h,C,p,i,q,m,z,j,g,B,o}from'./chunk-MKV7J6WB.js';import {f,h as h$2,i as i$1,g as g$1}from'./chunk-TQF5HUEX.js';import'./chunk-DFE2F575.js';import'./chunk-6QR5GVQ3.js';import'./chunk-BO5YFCS4.js';import'./chunk-WOT6VMZA.js';import {defineComponent,h as h$1,ref,provide,watch,nextTick,onMounted,onBeforeUnmount,computed,inject,isVNode,cloneVNode,Fragment,reactive}from'vue';function Vt(t){return {systemMessage:a=>a.body.system!==void 0?g$1(a.body.system,{locale:t.locale(),resolveName:t.resolveName,selfId:t.selfId()}):"",mediaPlaceholder:a=>i$1(a.contentType,{locale:t.locale(),durationMs:a.body.voice?.durationMs,stickerImageType:a.body.sticker?.imageType,gameType:a.body.game?.gameType,callKind:a.body.call?.callKind}),lastMessage:a=>a.lastMessageSummary!==void 0?h$2(a.lastMessageSummary,{locale:t.locale(),resolveName:t.resolveName,selfId:t.selfId()}):a.lastMessagePreview,failureText:a=>a.failure?.displayCode!==void 0?f(a.failure.displayCode,{locale:t.locale(),mediaKind:a.failure.mediaKind,params:a.failure.params}):a.failure?.message??""}}var mt=Symbol("ImThreadReadActions");function gt(t){provide(mt,t);}function Nt(){return inject(mt,void 0)}var _e=defineComponent({name:"ImThreadBodySwitch",inheritAttrs:false,props:{message:{type:Object,required:true},rendererRegistry:{type:Object,required:true},presentation:{type:Object,default:void 0},readActions:{type:Object,default:void 0}},setup(t,{attrs:a,slots:T}){return gt(t.readActions),()=>{let u=h(t.message),f=t.rendererRegistry.resolve(u);return f!==void 0?h$1(f,{...a,message:t.message,presentation:t.presentation}):T["unsupported-body"]!==void 0?T["unsupported-body"]({kind:u,message:t.message}):h$1("span",{"data-im-thread-unsupported-body":u,"aria-hidden":"true"})}}});var je=Symbol("ImThreadViewportRegistration");function vt(){return inject(je,void 0)}var Ke=defineComponent({name:"ImThreadItems",props:{items:{type:Array,required:true},rendererRegistry:{type:Object,required:true},presentation:{type:Object,default:void 0},readActions:{type:Object,default:void 0}},setup(t,{slots:a}){let T=vt();function u(o,l){let b=Array.isArray(l)?l:[l];return b.length===1&&isVNode(b[0])?cloneVNode(b[0],{key:o}):h$1(Fragment,{key:o},b)}function f(o){return l=>{T?.registerMessageNode(o,l instanceof HTMLElement?l:null);}}function V(o,l){return b=>{T?.registerDateNode(o,l,b instanceof HTMLElement?b:null);}}function M(o){return a.encryption?.({item:o})??h$1("div",{"data-im-thread-encryption":o.key})}function m(o){let l=V(o.key,o.label);return a["date-separator"]?.({item:o,setElement:l})??h$1("div",{ref:l,"data-im-thread-date-separator":o.key},o.label)}function w(o){return a["entry-unread"]?.({item:o})??h$1("div",{"data-im-thread-entry-unread":o.key,...o.count===void 0?{}:{"data-count":String(o.count)}})}function R(o){let l=f(o.message.id);return a.item!==void 0?a.item({item:o,setElement:l}):a.message!==void 0?a.message({item:o,setElement:l}):o.message.deletedForEveryone!==void 0?a["deleted-message"]?.({item:o,setElement:l})??h$1("article",{ref:l,"data-im-thread-message-id":o.message.id,"data-im-thread-message-terminal":"deleted-for-everyone"},[h$1("span",{"data-im-thread-anchor-point":""})]):o.message.recalled!==void 0?a["recalled-message"]?.({item:o,setElement:l})??h$1("article",{ref:l,"data-im-thread-message-id":o.message.id,"data-im-thread-message-terminal":"recalled"},[h$1("span",{"data-im-thread-anchor-point":""})]):o.kind==="system"&&a.system!==void 0?a.system({item:o,setElement:l}):h$1("article",{ref:l,"data-im-thread-message-id":o.message.id,"data-first-of-run":o.kind==="message"?String(o.firstOfRun):void 0},[h$1("span",{"data-im-thread-anchor-point":""}),h$1(_e,{message:o.message,rendererRegistry:t.rendererRegistry,presentation:t.presentation,readActions:t.readActions},{"unsupported-body":a["unsupported-body"]===void 0?void 0:b=>a["unsupported-body"]?.(b)})])}return ()=>h$1("div",{"data-im-thread-items":""},t.items.map(o=>{switch(o.kind){case "encryption":return a.item!==void 0?u(o.key,a.item({item:o})):u(o.key,M(o));case "date-separator":return a.item!==void 0?u(o.key,a.item({item:o,setElement:V(o.key,o.label)})):u(o.key,m(o));case "entry-unread":return a.item!==void 0?u(o.key,a.item({item:o})):u(o.key,w(o));case "system":case "message":return u(o.key,R(o))}return o}))}});var yt=120,zt=500,Ae=.5,Wt=8,Ue=defineComponent({name:"ImThreadViewport",props:{messageIds:{type:Array,required:true},contentKey:{type:String,default:""},loadingOlder:{type:Boolean,default:false},hasNewer:{type:Boolean,default:false},loadingNewer:{type:Boolean,default:false},followThreshold:{type:Number,default:120},olderPrefetchThreshold:{type:Number,default:120},followNewMessages:{type:Boolean,default:true},shouldFollowAppendedMessage:{type:Function,default:void 0},visibleMargin:{type:Number,default:8},resizeFollowEnabled:{type:Boolean,default:true},activeDateOffset:{type:Number,default:16},activeDateEnabled:{type:Boolean,default:false}},emits:{"reach-start":()=>true,"reach-end":()=>true,"visible-range":t=>true,settled:t=>true,"new-message-count":t=>true,"user-scroll":()=>true,"active-date-change":t=>true},setup(t,{emit:a,expose:T,slots:u}){let f=ref(null),V=ref(null),M=new Map,m$1=new Map,w=new Set,R=new Map,o$1=0,l=[],b,B$1,S,L=false,F,C$1=new Set,_=false,U,W="",J=1,s=false,q$1=false,X=true,E=false,G=false,Y=false,H=0,Z=-1,k,ee,c,h,p$1,v=ref(true),N=ref(0),j$1=C(e=>{N.value=e,a("new-message-count",e);});function z$1(e){let n=Number.isFinite(t.followThreshold)?Math.max(0,t.followThreshold):0;return e.scrollHeight-e.clientHeight-e.scrollTop<=n}function $(e=t.messageIds){return e.flatMap(n=>{let i=M.get(n);if(i===void 0)return [];let I=i.getBoundingClientRect(),P=i.querySelector("[data-im-thread-anchor-point]");return [{id:n,top:I.top,bottom:I.bottom,anchorTop:P?.getBoundingClientRect().top??I.top}]})}function Ee(e="",n=1){let i=Math.min(1,Math.max(0,n));W!==""&&W!==e&&R.get(W)?.element.style.removeProperty("opacity"),W=e,J=i,e!==""&&R.get(e)?.element.style.setProperty("opacity",String(i));}function Re(){Ee();}function xe(){let e=f.value;if(_||e===null||!t.activeDateEnabled)return;let n=[...R.entries()].filter(([,A])=>e.contains(A.element)).map(([A,K])=>{let Q=K.element.getBoundingClientRect();return {key:A,label:K.label,top:Q.top,height:Q.height}}).sort((A,K)=>A.top-K.top),i=e.getBoundingClientRect(),I=n.find(A=>A.height>0)?.height??28,P=g({markers:n,viewportTop:i.top,overlayTop:Number.isFinite(t.activeDateOffset)?Math.max(0,t.activeDateOffset):0,overlayHeight:I});if(P===null){Re(),a("active-date-change",null);return}Ee(P.inlineDateKey,P.inlineOpacity),a("active-date-change",P);}function oe(){let e=f.value;if(_||e===null)return;let n=e.getBoundingClientRect(),i=S!==void 0&&L?t.messageIds.filter(K=>w.has(K)):t.messageIds,I=$(i);if(S!==void 0&&L&&I.length===0){v.value=z$1(e);return}let P=I.filter(K=>B({viewportTop:n.top,viewportBottom:n.bottom,messageTop:K.top,messageBottom:K.bottom,margin:t.visibleMargin})).map(K=>K.id),A=P.length!==l.length||P.some((K,Q)=>l[Q]!==K);l=Object.freeze(P),b=o(I,{top:n.top,bottom:n.bottom}),j$1.acknowledgeVisible(P),v.value=z$1(e),A&&a("visible-range",l),a("settled",{visibleMessageIds:l,...l.length===0?{}:{newestVisibleMessageId:l[l.length-1]},isAtBottom:v.value,newMessageCount:N.value});}function re(e){if(C$1.add(e),F!==void 0)return;let n=()=>{F=void 0;let i=[...C$1];C$1.clear(),i.forEach(I=>I());};typeof globalThis.requestAnimationFrame=="function"?F=globalThis.requestAnimationFrame(n):F=globalThis.setTimeout(n,0);}function He(){F!==void 0&&(typeof F=="number"&&typeof globalThis.cancelAnimationFrame=="function"?globalThis.cancelAnimationFrame(F):globalThis.clearTimeout(F),F=void 0,C$1.clear());}function ae(){re(oe);}function Se(){let e=f.value;if(e===null)return;let n=e.getBoundingClientRect(),i=o($(),{top:n.top,bottom:n.bottom});i!==void 0&&(b=i);}function fe(){let e=f.value;if(_||e===null)return;let n=e.scrollTop,i=U,I=false;if(i!==void 0){let A=Math.abs(n-i.targetTop)<=Ae;I=i.behavior==="smooth"||A,(i.behavior!=="smooth"||A)&&(U=void 0);}!I&&!E&&h===void 0&&n!==o$1&&(E=true,G=true,H+=1);let P=E&&!I&&n!==o$1;if(P&&(a("user-scroll"),re(xe)),E&&!Y&&D(),!X&&G&&H!==Z&&n<o$1&&n>d()&&(X=true),h!==void 0&&!I)if(E){let A=ge();A!==void 0&&(h.expectedOffset=A);}else be(),Pe();X&&h===void 0&&!q$1&&!t.loadingOlder&&P&&n>=0&&m({previousScrollTop:o$1,currentScrollTop:n,topThreshold:t.olderPrefetchThreshold})&&(Se(),X=false,Z=H,q$1=true,a("reach-start"),re(()=>{t.loadingOlder||(q$1=false);})),!s&&!t.loadingOlder&&!t.loadingNewer&&t.hasNewer&&P&&z({previousScrollTop:o$1,currentScrollTop:n,isAtBottom:z$1(e),isHistoryWindow:t.hasNewer,isPageSettling:I})&&(s=true,v.value=false,a("reach-end"),re(()=>{t.loadingNewer||(s=false);})),o$1=n,ae();}function ye(e,n="auto"){U={targetTop:e,behavior:n};}function se(e){let n=h,i=V.value;if(!(n===void 0||i===null)){if(n.visualOffset=Math.abs(e)<=Ae?0:e,n.visualOffset===0){i.style.removeProperty("transform"),i.style.removeProperty("will-change");return}i.style.setProperty("transform",`translate3d(0, ${n.visualOffset}px, 0)`),i.style.setProperty("will-change","transform");}}function le(){p$1!==void 0&&(clearTimeout(p$1),p$1=void 0);let e=V.value;e?.style.removeProperty("transform"),e?.style.removeProperty("will-change"),h=void 0,U=void 0;}function ge(){let e=f.value,n=h;if(e===null||n===void 0)return;let i=$().find(I=>I.id===n.anchor.id);if(i!==void 0)return (i.anchorTop??i.top)-e.getBoundingClientRect().top}function be(){let e=h,n=ge();if(e===void 0||n===void 0)return;let i=e.expectedOffset-n;Math.abs(i)<=Ae||(se(e.visualOffset+i),e.committed=false,e.attempts=0);}function pe(){p$1!==void 0&&clearTimeout(p$1),p$1=setTimeout(()=>{p$1=void 0,!(E||h?.committed!==true)&&le();},zt);}function ve(){let e=f.value,n=h;if(_||e===null||n===void 0||E)return;let i=n.visualOffset;if(Math.abs(i)<=Ae){n.committed=true,pe();return}let I=Math.max(0,e.scrollHeight-e.clientHeight),P=Math.min(I,Math.max(0,e.scrollTop-i));if(ye(P),e.scrollTop=P,Math.abs(e.scrollTop-P)>Ae){U=void 0,n.committed=false,n.attempts+=1,n.attempts<Wt?Pe():(le(),U=void 0,o$1=e.scrollTop);return}se(0),o$1=e.scrollTop,n.expectedOffset=ge()??n.expectedOffset,n.committed=true,n.attempts=0,pe();}function Pe(){p$1!==void 0&&clearTimeout(p$1),p$1=setTimeout(()=>{p$1=void 0,ve();},yt);}function Oe(e){e!==void 0&&(h===void 0&&(h={anchor:e,expectedOffset:e.offset,visualOffset:0,committed:false,attempts:0}),be(),!E&&ve());}function r(e){let n=f.value;if(n===null||e===void 0)return;let i=n.getBoundingClientRect(),I=q(e,$(),{top:i.top,bottom:i.bottom});if(I!==void 0){let P=Math.max(0,n.scrollHeight-n.clientHeight),A=Math.min(P,Math.max(0,n.scrollTop+I));ye(A),n.scrollTop=A,o$1=n.scrollTop;}}function d(){return Number.isFinite(t.olderPrefetchThreshold)?Math.max(0,t.olderPrefetchThreshold):0}function g$1(){U?.behavior==="smooth"&&(U=void 0),G=false,E||(E=true,H+=1),k!==void 0&&(clearTimeout(k),k=void 0);}function y(){let e=f.value;X||H===Z||e===null||e.scrollTop<=d()||(h?.committed===true&&le(),h===void 0&&(X=true));}function x(){k!==void 0&&(clearTimeout(k),k=void 0),le(),E=false,G=false,Y=false,ee=void 0,c=void 0,H+=1,Z=-1,X=true,q$1=false,s=false,U=void 0;}function O(){Y||(k!==void 0&&(clearTimeout(k),k=void 0),E=false,G=false,h!==void 0&&(h.attempts=0),ve());}function D(){Y||(k!==void 0&&clearTimeout(k),k=setTimeout(()=>{k=void 0,O();},yt));}function me(){U=void 0,O();}function ie(e){Y=true,g$1(),ee=e.touches?.[0]?.clientY;}function Ie(e){let n=e.touches?.[0]?.clientY;n!==void 0&&(ee!==void 0&&n>ee&&y(),ee=n);}function ne(){Y=false,ee=void 0,D();}function he(e){g$1(),e.deltaY<0&&y(),D();}function Ve(e){e.pointerType!=="touch"&&(g$1(),c=e.clientY,D());}function $e(e){e.pointerType==="touch"||!E||c===void 0||(e.clientY<c&&y(),c=e.clientY,D());}function Ce(e){e.pointerType!=="touch"&&(c=void 0,D());}function Xe(e){["ArrowUp","ArrowDown","PageUp","PageDown","Home","End"," "].includes(e.key)&&(g$1(),(e.key==="ArrowUp"||e.key==="PageUp"||e.key==="Home"||e.key===" "&&e.shiftKey)&&y(),D());}function Be(e="auto"){let n=f.value;if(n===null)return;le();let i=Math.max(0,n.scrollHeight-n.clientHeight);ye(i,e),n.scrollTo?.({top:i,behavior:e}),n.scrollTop!==i&&(n.scrollTop=i),o$1=n.scrollTop,j$1.clear(),oe();}function Je(){let e=f.value;return e!==null&&e.clientWidth>0&&e.clientHeight>0}function wt(){let e=f.value;return Je()&&e!==null&&e.scrollHeight>e.clientHeight+1}function Mt(e,n={}){let i=f.value,I=M.get(e);if(i===null||I===void 0||!i.contains(I)||i.clientHeight<=0)return false;le();let P=i.getBoundingClientRect(),A=I.getBoundingClientRect(),K=n.block??"center",Q;K==="start"?Q=i.scrollTop+A.top-P.top:K==="end"?Q=i.scrollTop+A.bottom-P.bottom:K==="nearest"?A.top>=P.top&&A.bottom<=P.bottom?Q=i.scrollTop:A.top<P.top?Q=i.scrollTop+A.top-P.top:Q=i.scrollTop+A.bottom-P.bottom:Q=j({currentScrollTop:i.scrollTop,scrollHeight:i.scrollHeight,targetHeight:A.height,targetTop:A.top,viewportHeight:i.clientHeight,viewportTop:P.top});let ke=Math.max(0,i.scrollHeight-i.clientHeight),Te=Math.min(ke,Math.max(0,Q)),we=n.behavior??"auto";return ye(Te,we),i.scrollTo?.({top:Te,behavior:we}),i.scrollTop!==Te&&(i.scrollTop=Te),o$1=i.scrollTop,oe(),true}function Rt(){j$1.clear();}function St(){s=true,v.value=false;}function Pt(){s=false,ae();}function At(e,n){let i=M.get(e);if(i!==void 0&&i!==n&&(S?.unobserve(i),B$1?.unobserve?.(i),m$1.delete(i),w.delete(e)),n===null){M.delete(e),w.delete(e);return}M.set(e,n),m$1.set(n,e),S?.observe(n),B$1?.observe(n),ae();}function Et(e,n,i){let I=R.get(e);if(i===null){R.delete(e);return}R.set(e,{element:i,label:n}),W===e&&i.style.setProperty("opacity",String(J)),I?.element!==i&&(i.dataset.imThreadDateSeparator=e);}return provide(je,{registerMessageNode:At,registerDateNode:Et}),watch(()=>t.contentKey,(e,n)=>{if(e===n)return;x();let i=f.value;i!==null&&(o$1=i.scrollTop);},{flush:"sync"}),watch(()=>t.messageIds,async(e,n)=>{let i=f.value;if(i===null)return;let I=new Set(n);n.length>0&&e.length>0&&!e.some(Ne=>I.has(Ne))&&x();let A=i.getBoundingClientRect(),K=p(b,$(),{top:A.top,bottom:A.bottom}),Q=v.value,ke=n[n.length-1],Te=ke===void 0?-1:e.indexOf(ke),we=Te<0?[]:e.slice(Te+1).filter(Ne=>!I.has(Ne)),xt=s||t.loadingNewer;if(await nextTick(),_)return;let Qe=n[0];if(Qe!==void 0&&e.indexOf(Qe)>0&&(q$1=false,Oe(K)),we.length>0){if(xt){s=false,h===void 0&&r(K),v.value=false,ae();return}(Q||we.some(Ot=>t.shouldFollowAppendedMessage?.(Ot)===true))&&t.followNewMessages?Be():j$1.add(we);}ae();},{flush:"pre"}),watch(()=>t.loadingNewer,(e,n)=>{e||!n||!s||re(()=>{t.loadingNewer||(s=false);});},{flush:"pre"}),watch(()=>t.loadingOlder,(e,n)=>{e||!n||!q$1||re(()=>{t.loadingOlder||(q$1=false);});},{flush:"pre"}),onMounted(()=>{let e=f.value;if(e!==null){if(o$1=e.scrollTop,e.addEventListener("scroll",fe,{passive:true}),e.addEventListener("scrollend",me,{passive:true}),e.addEventListener("touchstart",ie,{passive:true}),e.addEventListener("touchmove",Ie,{passive:true}),e.addEventListener("touchend",ne,{passive:true}),e.addEventListener("touchcancel",ne,{passive:true}),e.addEventListener("wheel",he,{passive:true}),e.addEventListener("pointerdown",Ve,{passive:true}),e.addEventListener("pointermove",$e,{passive:true}),e.addEventListener("pointerup",Ce,{passive:true}),e.addEventListener("pointercancel",Ce,{passive:true}),e.addEventListener("keydown",Xe),typeof globalThis.ResizeObserver=="function"){B$1=new globalThis.ResizeObserver(()=>{let n=b;re(()=>{f.value!==null&&(h!==void 0?(be(),E||Pe()):s||t.loadingNewer?r(n):t.resizeFollowEnabled&&v.value?Be():r(n),oe());});}),B$1.observe(e);for(let n of M.values())B$1.observe(n);}if(typeof globalThis.IntersectionObserver=="function"){S=new globalThis.IntersectionObserver(n=>{for(let i of n){let I=m$1.get(i.target);I!==void 0&&(i.isIntersecting?w.add(I):w.delete(I));}L=true,ae();},{root:e,rootMargin:`${Number.isFinite(t.visibleMargin)?Math.max(0,t.visibleMargin):0}px 0px`});for(let n of M.values())S.observe(n);}ae();}}),onBeforeUnmount(()=>{_=true;let e=f.value;e!==null&&e.removeEventListener("scroll",fe),e!==null&&(e.removeEventListener("scrollend",me),e.removeEventListener("touchstart",ie),e.removeEventListener("touchmove",Ie),e.removeEventListener("touchend",ne),e.removeEventListener("touchcancel",ne),e.removeEventListener("wheel",he),e.removeEventListener("pointerdown",Ve),e.removeEventListener("pointermove",$e),e.removeEventListener("pointerup",Ce),e.removeEventListener("pointercancel",Ce),e.removeEventListener("keydown",Xe)),k!==void 0&&clearTimeout(k),le(),He(),B$1?.disconnect(),S?.disconnect(),Re(),M.clear(),m$1.clear(),w.clear(),R.clear(),j$1.clear();}),T({getViewportElement:()=>f.value,clearNewMessageBadge:Rt,clearActiveDate:Re,isAtBottom:computed(()=>v.value),isMeasurable:Je,isScrollable:wt,newMessageCount:computed(()=>N.value),prepareHistoryPageAppend:St,cancelHistoryPageAppend:Pt,trackRemoteMessageIds:(e,n)=>j$1.trackRemote(e,n),scrollToLatest:Be,scrollToMessage:Mt,focusViewport:()=>f.value?.focus({preventScroll:true})}),()=>h$1("div",{ref:f,"data-im-thread-viewport":"",role:"log",tabindex:-1},[h$1("div",{ref:V,"data-im-thread-viewport-content":""},u.default?.())])}});var bt=Symbol("ImThreadSurfaceContext");function Xt(t){if(typeof t.getState!="function")throw new TypeError("ImThreadSurfaceContext.getState \u5FC5\u987B\u662F\u51FD\u6570");if(typeof t.actions?.loadOlder!="function")throw new TypeError("ImThreadSurfaceContext.actions.loadOlder \u5FC5\u987B\u662F\u51FD\u6570");if(typeof t.formatDate!="function")throw new TypeError("ImThreadSurfaceContext.formatDate \u5FC5\u987B\u662F\u51FD\u6570");return Object.freeze({...t,actions:Object.freeze({...t.actions})})}function Jt(t){provide(bt,t);}function Ge(){let t=inject(bt);if(t===void 0)throw new Error("ImThreadSurface \u9700\u8981\u663E\u5F0F context prop \u6216 provideImThreadSurfaceContext");return t}var ze=Object.freeze({followThreshold:120,olderPrefetchThreshold:120,visibleReadDelay:300,visibleMargin:8,activeDateOffset:16,activeDateIdleDelay:1500}),We=Object.freeze({enabled:true,maxFillPages:8}),er=8,tr=160;function rr(t,a){return t?.conversationType===a.conversationType&&t.conversationId===a.conversationId}var nr=defineComponent({name:"ImThreadSurface",props:{conversation:{type:Object,required:true},context:{type:Object,default:void 0},rendererRegistry:{type:Object,required:true},presentation:{type:Object,default:void 0},readActions:{type:Object,default:void 0},viewportOptions:{type:Object,default:()=>({})},initialViewportOptions:{type:Object,default:()=>({})},hooks:{type:Object,default:void 0}},setup(t,{expose:a,slots:T}){let u=t.context??Ge(),f=ref(null),V=ref(0),M=ref(true),m=[],w,R=0,o=0,l=null,b="",B="",S="",L=false,F=false,C=ref(false),_=ref(""),U=ref(false),W,J,s=computed(()=>u.getState()),q=computed(()=>s.value.pageVisible??u.isPageVisible?.()??true),X=computed(()=>s.value.pageEngaged??u.isPageEngaged?.()??true),E=computed(()=>rr(s.value.activeConversation,t.conversation)),G=computed(()=>({...ze,...t.viewportOptions})),Y=computed(()=>{let r=t.initialViewportOptions.maxFillPages??We.maxFillPages;return {enabled:t.initialViewportOptions.enabled??We.enabled,maxFillPages:Number.isFinite(r)?Math.max(0,Math.floor(r)):We.maxFillPages}}),H=computed(()=>!E.value||!s.value.ready?"":`${t.conversation.conversationType}\0${t.conversation.conversationId}`),Z=computed(()=>E.value?i({messages:s.value.messages,entryUnread:s.value.entryUnread,formatDate:u.formatDate,leadingItems:u.leadingItems?.(),beforeMessageItems:u.beforeMessageItems}):[]),k=computed(()=>Z.value.flatMap(r=>r.kind==="message"||r.kind==="system"?[r.message.id]:[]));function ee(){W!==void 0&&(clearTimeout(W),W=void 0),J!==void 0&&(clearTimeout(J),J=void 0);}function c(r=false){if(ee(),U.value=false,r){f.value?.clearActiveDate(),_.value="";return}J=setTimeout(()=>{J=void 0,!U.value&&(f.value?.clearActiveDate(),_.value="");},tr);}function h(r){if(r===null){c();return}ee(),_.value=r.label,U.value=true;let d=G.value.activeDateIdleDelay,g=Number.isFinite(d)?Math.max(0,d):ze.activeDateIdleDelay;W=setTimeout(()=>{W=void 0,c();},g);}async function p(r,d){t.hooks?.beforeAction?.(r);try{let g=await d();return t.hooks?.afterAction?.(r,g),g}catch(g){throw t.hooks?.onError?.(r,g),g}}function v(){return !E.value||s.value.loading||!s.value.hasOlder?Promise.resolve(0):p({kind:"load-older"},()=>u.actions.loadOlder())}function N(){let r=u.actions.loadNewer,d=s.value.loadingNewer??s.value.loading;return !E.value||d||!s.value.hasNewer||r===void 0?Promise.resolve(0):p({kind:"load-newer"},()=>r())}async function j(r){for(let d=0;d<er;d+=1){if(!E.value)return;let g=r==="older"?s.value.hasOlder:s.value.hasNewer,y=r==="older"?s.value.olderError:s.value.newerError;if(!g||y!==null||(r==="older"?await v():await N())>0)return;let O=r==="older"?s.value.hasOlder:s.value.hasNewer,D=r==="older"?s.value.olderError:s.value.newerError;if(!O||D!==null)return}}async function z(){return !E.value||u.actions.loadNewer===void 0?0:p({kind:"load-newer"},()=>u.actions.retryNewer?.()??u.actions.loadNewer?.({force:!0})??Promise.resolve(0))}async function $(){if(!E.value)return 0;let r=H.value;S="";let d;try{d=await p({kind:"retry-older"},()=>u.actions.retryOlder?.()??u.actions.loadOlder({force:!0}));}catch(g){throw H.value===r&&(S=r),g}return C.value||(l=null,pe()),d}async function Ee(){if(!E.value)return false;let r=await p({kind:"jump-to-latest"},()=>u.actions.jumpToLatest?.()??Promise.resolve(!s.value.isHistoryWindow));return r&&(await nextTick(),f.value?.scrollToLatest()),r}function Re(r){M.value=r.isAtBottom,V.value=r.newMessageCount,pe();}function xe(r,d){return f.value?.scrollToMessage(r,d)??false}function oe(r,d){return !F&&o===d&&H.value===r&&E.value}async function re(r,d,g,y){for(let x=0;x<60;x+=1){if(!oe(r,d))return false;if(xe(g,y))return true;await nextTick(),typeof window<"u"&&typeof window.requestAnimationFrame=="function"&&await new Promise(O=>window.requestAnimationFrame(()=>O()));}return false}async function He(r,d,g){let y=f.value;if(y===null||!y.isMeasurable()||y.isScrollable())return true;let x=0,O=!s.value.hasOlder,D=!s.value.hasNewer||u.actions.loadNewer===void 0,me=async()=>(await nextTick(),await nextTick(),re(r,d,g,{behavior:"auto",block:"center"})),ie=async ne=>{if(!oe(r,d)||x>=Y.value.maxFillPages)return false;let he=0;if(ne==="older"){if(O||!s.value.hasOlder)return false;he=await v(),O=!s.value.hasOlder;}else {if(D||!s.value.hasNewer)return false;y.prepareHistoryPageAppend();try{he=await N();}catch(Ve){throw y.cancelHistoryPageAppend(),Ve}he<=0&&!s.value.hasNewer&&y.cancelHistoryPageAppend(),D=!s.value.hasNewer;}return x+=1,he>0?me():!(ne==="older"?O:D)};!O&&!await ie("older")&&(O=true),!D&&!await ie("newer")&&(D=true);let Ie="older";for(;oe(r,d)&&x<Y.value.maxFillPages&&y.isMeasurable()&&!y.isScrollable()&&(!O||!D);){let ne=Ie==="older"?O?"newer":"older":D?"older":"newer";Ie=ne==="older"?"newer":"older",await ie(ne)||(ne==="older"?O=true:D=true);}return oe(r,d)}async function ae(r,d={behavior:"auto",block:"center"}){if(!E.value||r==="")return false;let g=H.value,y=++o;if(!k.value.includes(r)){let D=u.actions.loadAround;if(D===void 0||!await p({kind:"locate-message",messageId:r},()=>D(r))||!oe(g,y))return false}return !await re(g,y,r,{...d,behavior:"auto"})||!await He(g,y,r)?false:re(g,y,r,d)}function Se(){w!==void 0&&(clearTimeout(w),w=void 0);}function fe(){if(Se(),!C.value)return;let r=t.readActions;if(r===void 0||m.length===0)return;let d=Number.isFinite(G.value.visibleReadDelay)?Math.max(0,G.value.visibleReadDelay):ze.visibleReadDelay;w=setTimeout(()=>{if(w=void 0,!E.value||!X.value)return;let g=m[m.length-1];if(g===void 0)return;let y=r.resolveTarget===void 0?g:r.resolveTarget(g);y!=null&&Promise.resolve(r.markRead(y)).catch(x=>{t.hooks?.onError?.({kind:"visible-range",messageIds:m},x);});},d);}function ye(r){m=Object.freeze([...r]);let d={kind:"visible-range",messageIds:m};t.hooks?.beforeAction?.(d);try{u.actions.onVisibleRange?.(m),t.hooks?.afterAction?.(d,void 0);}catch(g){throw t.hooks?.onError?.(d,g),g}C.value?fe():pe();}function se(r,d){return !F&&R===d&&H.value===r&&!L}function le(r,d){se(r,d)&&(b=r,B=ge(s.value.entryUnread),C.value=true,fe());}function ge(r){return r.state!=="located"?r.state:`${r.state}:${r.firstMessageId}`}async function be(r,d,g){for(let y=0;y<60;y+=1){if(!se(r,d))return false;if(f.value?.scrollToMessage(g,{behavior:"auto",block:"center"})===true)return true;await nextTick(),typeof window<"u"&&typeof window.requestAnimationFrame=="function"&&await new Promise(O=>window.requestAnimationFrame(()=>O()));}return false}function pe(){let r=H.value,d=ge(s.value.entryUnread);if(r===""||s.value.loading||s.value.error!==null||b===r&&(B===d||L)||S===r||l!==null)return;if(!Y.value.enabled){b=r,B=d,C.value=true,fe();return}let g=++R;L=false,C.value=false;let y=(async()=>{if(await nextTick(),!se(r,g))return;let x=f.value;if(x===null||!x.isMeasurable())return;let O=s.value.entryUnread;if(O.state==="located"&&!k.value.includes(O.firstMessageId))return;let D=O.state==="located"?await be(r,g,O.firstMessageId):false;if(O.state==="located"&&!D)return;D||x.scrollToLatest();let me=0;for(;se(r,g)&&me<Y.value.maxFillPages&&s.value.hasOlder&&x.isMeasurable()&&!x.isScrollable();)if(await v(),!se(r,g)||(me+=1,await nextTick(),await nextTick(),!x.isMeasurable()))return;if(!se(r,g)||!x.isMeasurable())return;let ie=s.value.entryUnread;if(ie.state==="located"){if(!k.value.includes(ie.firstMessageId)||!await be(r,g,ie.firstMessageId))return}else x.scrollToLatest();await nextTick(),le(r,g);})().catch(()=>{H.value===r&&(S=r);}).finally(()=>{l===y&&(l=null);});l=y;}function ve(r){R+=1,l=null,L=false,C.value=r,(b="",B="",S=""),Se();}function Pe(){if(C.value)return;let r=H.value;L=true,R+=1,l=null,b=r,C.value=true,fe();}let Oe=Object.freeze({getViewportElement:()=>f.value?.getViewportElement()??null,loadOlder:v,retryOlder:$,loadNewer:N,retryNewer:z,jumpToLatest:Ee,scrollToMessage:xe,locateMessage:ae,focusViewport:()=>f.value?.focusViewport()});return a(Oe),watch(X,r=>{r&&C.value?fe():Se();}),watch([()=>s.value.activeRemoteMessageRevision??0,f,H],()=>{let r=f.value;if(r===null||!E.value)return;let d=u.actions.drainActiveRemoteMessageIds?.()??[];r.trackRemoteMessageIds(d,{isAtBottom:M.value,isHistoryWindow:s.value.isHistoryWindow,isPageVisible:q.value})&&(M.value=false);},{flush:"post"}),watch([H,()=>s.value.loading,()=>s.value.error,()=>k.value.length,()=>s.value.hasOlder,()=>ge(s.value.entryUnread),Y],([r,d,g,,,y],[x,,,,,O])=>{if(r!==x&&(o+=1,ve(false),c(true),f.value?.clearNewMessageBadge(),V.value=0,M.value=true),r!==""&&r===x&&y!==O&&!L&&y.startsWith("located:")&&(b="",B="",C.value=false),r===""||g!==null){ve(false);return}d||pe();},{flush:"post",immediate:true}),onBeforeUnmount(()=>{F=true,o+=1,ve(false),c(true);}),()=>{let r={conversation:t.conversation,state:s.value,items:Z.value,actions:Oe},d=[T.header?.(r),T["before-list"]?.(r)];if(!E.value)d.push(T.unsupported?.(r)??h$1("div",{"data-im-thread-unsupported":""}));else if(!s.value.ready&&s.value.loading)d.push(T.loading?.(r)??h$1("div",{"data-im-thread-loading":""}));else if(s.value.error!==null&&s.value.messages.length===0)d.push(T.error?.(r)??h$1("div",{"data-im-thread-error":""}));else if(s.value.ready&&s.value.messages.length===0&&!s.value.hasOlder)d.push(T.empty?.(r)??h$1("div",{"data-im-thread-empty":""}));else {let g=h$1(Ue,{ref:f,messageIds:k.value,contentKey:`${t.conversation.conversationType}\0${t.conversation.conversationId}`,loadingOlder:s.value.loadingOlder??s.value.loading,hasNewer:s.value.hasNewer,loadingNewer:s.value.loadingNewer??s.value.loading,followThreshold:G.value.followThreshold,olderPrefetchThreshold:G.value.olderPrefetchThreshold,visibleMargin:G.value.visibleMargin,activeDateOffset:G.value.activeDateOffset,activeDateEnabled:T["active-date"]!==void 0,resizeFollowEnabled:C.value,followNewMessages:q.value,shouldFollowAppendedMessage:y=>{let x=s.value.messages.find(O=>O.id===y);return x===void 0?false:u.shouldFollowMessage?.(x)===true},onReachStart:()=>{j("older").catch(()=>{});},onReachEnd:()=>{j("newer").catch(()=>{});},onSettled:Re,onUserScroll:Pe,onActiveDateChange:h,onVisibleRange:ye,onNewMessageCount:y=>{V.value=y;}},{default:()=>[T["viewport-before"]?.(r),h$1(Ke,{items:Z.value,rendererRegistry:t.rendererRegistry,presentation:t.presentation,readActions:t.readActions},{item:T.item,"date-separator":T["date-separator"],"entry-unread":T["entry-unread"],encryption:T.encryption,system:T.system,message:T.message,"recalled-message":T["recalled-message"],"deleted-message":T["deleted-message"],"unsupported-body":T["unsupported-body"]}),T["viewport-after"]?.(r)]});d.push(h$1("div",{"data-im-thread-viewport-shell":""},[T["active-date"]?.({label:_.value,visible:U.value&&_.value!==""}),g])),s.value.error!==null&&d.push(T.error?.(r)??h$1("div",{"data-im-thread-error":""}));}return d.push(T["after-list"]?.(r),T["jump-to-latest"]?.({...r,count:V.value,visible:!M.value||s.value.isHistoryWindow}),T["context-menu"]?.(r),T.composer?.(r)),h$1("section",{"data-im-thread-surface":"","data-conversation-type":t.conversation.conversationType,"data-conversation-id":t.conversation.conversationId},d)}}});function or(t){let a=new Map;for(let u of t){if(a.has(u.kind))throw new Error(`\u6D88\u606F renderer kind \u91CD\u590D\u6CE8\u518C\uFF1A${u.kind}`);a.set(u.kind,u.component);}let T=Object.freeze([...a.keys()]);return Object.freeze({kinds:T,resolve:u=>a.get(u)})}var ar=140,sr=120;function It(t,a){if(t.width<=0||t.height<=0)return 0;let T=Math.max(0,Math.min(t.right,a.right)-Math.max(t.left,a.left)),u=Math.max(0,Math.min(t.bottom,a.bottom)-Math.max(t.top,a.top));return Math.min(1,T*u/(t.width*t.height))}function lr(t,a){return {x:t.x,y:t.top-a,top:t.top-a,bottom:t.bottom+a,left:t.left,right:t.right,width:t.width,height:t.height+a*2,toJSON:()=>({})}}function Ye(t){let a=Math.max(0,t.scrollIdleMs??ar),T=Math.max(0,t.visibilityDwellMs??sr),u=Math.min(1,Math.max(0,t.minimumIntersectionRatio??.01)),f=Math.max(0,t.revealMarginPx??0),V=Math.max(1,t.maxSettledVisible??Number.POSITIVE_INFINITY),M=new Map,m=new Map,w=reactive(new Set),R=new Set,o=new Set,l=null,b=null,B=null,S=false,L=false,F=false,C,_;function U(){C!==void 0&&clearTimeout(C),C=void 0;}function W(){_!==void 0&&clearTimeout(_),_=void 0;}function J(c=false){if(!c&&b!==null||l===null)return;let h=l.getBoundingClientRect(),p=lr(h,f);for(let[v,N]of M){let j=v.getBoundingClientRect();N.ratio=It(j,h),N.intersecting=N.ratio>0,N.revealIntersecting=f>0?It(j,p)>0:N.intersecting&&N.ratio>=u;}}function s(c){return c.intersecting&&c.ratio>=u}function q(){for(let c of M.values())!c.revealIntersecting||w.has(c.key)||(w.add(c.key),t.onRevealed?.(c.item));}function X(c){let h=new Set(c.map(v=>v.key));if(h.size!==o.size||[...h].some(v=>!o.has(v))){o.clear();for(let v of h)o.add(v);t.onSettledVisibleChange?.(c.map(v=>v.item));}}function E(){if(L||S)return;J(),q();let c=l?.getBoundingClientRect(),h=c===void 0?0:(c.top+c.bottom)/2,p=[...M.entries()].filter(([,v])=>s(v)).sort(([v],[N])=>{let j=v.getBoundingClientRect(),z=N.getBoundingClientRect();return Math.abs((j.top+j.bottom)/2-h)-Math.abs((z.top+z.bottom)/2-h)}).slice(0,V).map(([,v])=>v);X(p);for(let v of p)R.has(v.key)||(R.add(v.key),t.onActivated?.(v.item));}function G(){L||S||(W(),_=setTimeout(()=>{_=void 0,E();},T));}function Y(){L||(H(true),J(),q(),X([]),W(),U(),C=setTimeout(()=>{C=void 0,H(false),G();},a));}function H(c){S!==c&&(S=c,t.onScrollingChange?.(c));}function Z(){l?.removeEventListener("scroll",Y),b?.disconnect(),B?.disconnect(),b=null,B=null,l=null;}function k(c=true){if(L)return;let h=t.getRoot();if(!(h===l&&l!==null)){if(Z(),l=h,l===null){c&&!F&&(F=true,Promise.resolve().then(()=>{F=false,L||(k(false),G());}));return}if(l.addEventListener("scroll",Y,{passive:true}),typeof IntersectionObserver<"u"){b=new IntersectionObserver(p=>{for(let v of p){let N=M.get(v.target);N!==void 0&&(N.intersecting=v.isIntersecting,N.ratio=v.intersectionRatio,f===0&&(N.revealIntersecting=v.isIntersecting&&v.intersectionRatio>=u));}q(),G();},{root:l,threshold:[0,u,1]}),f>0&&(B=new IntersectionObserver(p=>{for(let v of p){let N=M.get(v.target);N!==void 0&&(N.revealIntersecting=v.isIntersecting);}q();},{root:l,rootMargin:`${f}px 0px`,threshold:0}));for(let p of M.keys())b.observe(p);for(let p of M.keys())B?.observe(p);}else J(),q();}}function ee(c){w.delete(c),R.delete(c),o.delete(c);}return {register(c,h){if(L)return;let p=t.getKey(c),v=w.has(p),N=R.has(p),j=h===null?void 0:M.get(h);j!==void 0&&j.key!==p&&(m.delete(j.key),M.delete(h),ee(j.key));let z=m.get(p);if(z!==void 0&&z!==h&&(b?.unobserve(z),B?.unobserve(z),M.delete(z),m.delete(p)),h===null){z!==void 0&&(b?.unobserve(z),B?.unobserve(z),M.delete(z),m.delete(p)),ee(p);return}let $=M.get(h);if($?.key===p&&$.item===c){k();return}M.set(h,{item:c,key:p,intersecting:$?.key===p?$.intersecting:false,ratio:$?.key===p?$.ratio:0,revealIntersecting:$?.key===p?$.revealIntersecting:false}),m.set(p,h),k(),b?.observe(h),B?.observe(h),J(true),q(),v&&t.onRevealed?.(c),N?t.onActivated?.(c):G();},isRevealed:c=>w.has(t.getKey(c)),isActivated:c=>R.has(t.getKey(c)),isSettledVisible:c=>o.has(t.getKey(c)),isScrolling:()=>S,notifyScroll:Y,refresh(){k(),J(true),q(),G();},reset(){U(),W(),H(false),X([]),Z(),M.clear(),m.clear(),w.clear(),R.clear();},dispose(){L||(U(),W(),H(false),X([]),Z(),M.clear(),m.clear(),w.clear(),R.clear(),L=true);}}}function dr(t){let a=new Map,T=new Map,u=false,f=m=>{let w=a.get(m.channel);return w===void 0?m.channel:`${m.channel}\0${w.getKey(m.item)}`},V=Ye({getRoot:t.getRoot,getKey:f,revealMarginPx:t.revealMarginPx,minimumIntersectionRatio:t.minimumIntersectionRatio,scrollIdleMs:t.scrollIdleMs,visibilityDwellMs:t.visibilityDwellMs,onScrollingChange:m=>{for(let w of a.values())w.onScrollingChange?.(m);},onRevealed:m=>a.get(m.channel)?.onRevealed?.(m.item),onActivated:m=>a.get(m.channel)?.onActivated?.(m.item),onSettledVisibleChange:m=>{for(let[w,R]of a){let o=m.filter(b=>b.channel===w).map(b=>b.item),l=R.maxSettledVisible===void 0?o:o.slice(0,R.maxSettledVisible);R.onSettledVisibleChange?.(l);}}});function M(m){return w=>{if(u)throw new Error("Thread visibility target group \u5DF2\u91CA\u653E");if(a.has(m))throw new Error(`Thread visibility channel \u5DF2\u5B58\u5728: ${m}`);a.set(m,w);let R=new Map;T.set(m,R);let o=false,l=S=>({channel:m,item:S});function b(){for(let S of R.values())V.register(S.target,null);R.clear(),w.onScrollingChange?.(false),w.onSettledVisibleChange?.([]);}return {register(S,L){if(o||u)return;let F=w.getKey(S),C=R.get(F);if(L===null){C!==void 0&&(V.register(C.target,null),R.delete(F));return}let _=l(S);R.set(F,{target:_,element:L}),V.register(_,L);},isRevealed:S=>V.isRevealed(l(S)),isActivated:S=>V.isActivated(l(S)),isSettledVisible:S=>V.isSettledVisible(l(S)),isScrolling:V.isScrolling,notifyScroll:V.notifyScroll,refresh:V.refresh,reset:b,dispose(){o||(b(),o=true,a.delete(m),T.delete(m));}}}}return {createFactory:M,refresh:V.refresh,dispose(){if(!u){for(let m of T.values())for(let w of m.values())V.register(w.target,null);T.clear(),a.clear(),V.dispose(),u=true;}}}}export{_e as ImThreadBodySwitch,Ke as ImThreadItems,nr as ImThreadSurface,Ue as ImThreadViewport,Xt as createImThreadSurfaceContext,or as createMessageRendererRegistry,dr as createThreadVisibilityTargetGroup,Ye as createThreadVisibilityTargets,Jt as provideImThreadSurfaceContext,Vt as useImText,Ge as useImThreadSurfaceContext,Nt as useOptionalImThreadReadActions};
|