k2-im 0.1.5 → 0.1.7
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/browser.js +1 -1
- package/dist/chat-kit-pinia.d.ts +1 -0
- package/dist/chat-kit-pinia.js +1 -1
- package/dist/chat-kit-vue.js +1 -1
- package/dist/chat-kit.js +1 -1
- package/dist/chunk-A4IDVF3H.js +2 -0
- package/dist/{chunk-2WDWWQQI.js → chunk-ATIQZ5XZ.js} +1 -1
- package/dist/{chunk-K3DSNX5G.js → chunk-GTRMHOHX.js} +2 -2
- package/dist/chunk-MHIB4PGT.js +1 -0
- package/dist/chunk-RZBGTY6A.js +1 -0
- package/dist/{chunk-CV4TIRRW.js → chunk-TRRJA4DI.js} +1 -1
- package/dist/{chunk-OQT455AV.js → chunk-VP466VS6.js} +1 -1
- package/dist/i18n.js +1 -1
- package/dist/index.js +1 -1
- package/dist/sdk.js +1 -1
- package/package.json +1 -1
- package/dist/chunk-AFW5LCKV.js +0 -1
- package/dist/chunk-CVBX4JM4.js +0 -2
- package/dist/chunk-EBM5MOQO.js +0 -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-2WDWWQQI.js';import {f,h as h$2,i as i$1,g as g$1}from'./chunk-OQT455AV.js';import'./chunk-CVBX4JM4.js';import'./chunk-K3DSNX5G.js';import'./chunk-AFW5LCKV.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 tt(e){return {systemMessage:o=>o.body.system!==void 0?g$1(o.body.system,{locale:e.locale(),resolveName:e.resolveName,selfId:e.selfId()}):"",mediaPlaceholder:o=>i$1(o.contentType,{locale:e.locale(),durationMs:o.body.voice?.durationMs,stickerImageType:o.body.sticker?.imageType,gameType:o.body.game?.gameType,callKind:o.body.call?.callKind}),lastMessage:o=>o.lastMessageSummary!==void 0?h$2(o.lastMessageSummary,{locale:e.locale(),resolveName:e.resolveName,selfId:e.selfId()}):o.lastMessagePreview,failureText:o=>o.failure?.displayCode!==void 0?f(o.failure.displayCode,{locale:e.locale(),mediaKind:o.failure.mediaKind,params:o.failure.params}):o.failure?.message??""}}var We=Symbol("ImThreadReadActions");function $e(e){provide(We,e);}function ot(){return inject(We,void 0)}var we=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(e,{attrs:o,slots:g}){return $e(e.readActions),()=>{let u=h(e.message),p=e.rendererRegistry.resolve(u);return p!==void 0?h$1(p,{...o,message:e.message,presentation:e.presentation}):g["unsupported-body"]!==void 0?g["unsupported-body"]({kind:u,message:e.message}):h$1("span",{"data-im-thread-unsupported-body":u,"aria-hidden":"true"})}}});var Me=Symbol("ImThreadViewportRegistration");function Xe(){return inject(Me,void 0)}var Re=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(e,{slots:o}){let g=Xe();function u(r,d){let h=Array.isArray(d)?d:[d];return h.length===1&&isVNode(h[0])?cloneVNode(h[0],{key:r}):h$1(Fragment,{key:r},h)}function p(r){return d=>{g?.registerMessageNode(r,d instanceof HTMLElement?d:null);}}function R(r,d){return h=>{g?.registerDateNode(r,d,h instanceof HTMLElement?h:null);}}function S(r){return o.encryption?.({item:r})??h$1("div",{"data-im-thread-encryption":r.key})}function c(r){let d=R(r.key,r.label);return o["date-separator"]?.({item:r,setElement:d})??h$1("div",{ref:d,"data-im-thread-date-separator":r.key},r.label)}function T(r){return o["entry-unread"]?.({item:r})??h$1("div",{"data-im-thread-entry-unread":r.key,...r.count===void 0?{}:{"data-count":String(r.count)}})}function b(r){let d=p(r.message.id);return o.item!==void 0?o.item({item:r,setElement:d}):o.message!==void 0?o.message({item:r,setElement:d}):r.message.deletedForEveryone!==void 0?o["deleted-message"]?.({item:r,setElement:d})??h$1("article",{ref:d,"data-im-thread-message-id":r.message.id,"data-im-thread-message-terminal":"deleted-for-everyone"},[h$1("span",{"data-im-thread-anchor-point":""})]):r.message.recalled!==void 0?o["recalled-message"]?.({item:r,setElement:d})??h$1("article",{ref:d,"data-im-thread-message-id":r.message.id,"data-im-thread-message-terminal":"recalled"},[h$1("span",{"data-im-thread-anchor-point":""})]):r.kind==="system"&&o.system!==void 0?o.system({item:r,setElement:d}):h$1("article",{ref:d,"data-im-thread-message-id":r.message.id,"data-first-of-run":r.kind==="message"?String(r.firstOfRun):void 0},[h$1("span",{"data-im-thread-anchor-point":""}),h$1(we,{message:r.message,rendererRegistry:e.rendererRegistry,presentation:e.presentation,readActions:e.readActions},{"unsupported-body":o["unsupported-body"]===void 0?void 0:h=>o["unsupported-body"]?.(h)})])}return ()=>h$1("div",{"data-im-thread-items":""},e.items.map(r=>{switch(r.kind){case "encryption":return o.item!==void 0?u(r.key,o.item({item:r})):u(r.key,S(r));case "date-separator":return o.item!==void 0?u(r.key,o.item({item:r,setElement:R(r.key,r.label)})):u(r.key,c(r));case "entry-unread":return o.item!==void 0?u(r.key,o.item({item:r})):u(r.key,T(r));case "system":case "message":return u(r.key,b(r))}return r}))}});var xe=defineComponent({name:"ImThreadViewport",props:{messageIds:{type:Array,required:true},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":e=>true,settled:e=>true,"new-message-count":e=>true,"user-scroll":()=>true,"active-date-change":e=>true},setup(e,{emit:o$1,expose:g$1,slots:u}){let p$1=ref(null),R=new Map,S=new Map,c=new Set,T=new Map,b=0,r=[],d,h,N,A=false,V,G=new Set,P=false,j$1=0,$="",J=1,H=false,a=false,Y=true,K=ref(true),F=ref(0),L=C(n=>{F.value=n,o$1("new-message-count",n);});function Q(n){let i=Number.isFinite(e.followThreshold)?Math.max(0,e.followThreshold):0;return n.scrollHeight-n.clientHeight-n.scrollTop<=i}function B$1(n=e.messageIds){return n.flatMap(i=>{let s=R.get(i);if(s===void 0)return [];let M=s.getBoundingClientRect(),E=s.querySelector("[data-im-thread-anchor-point]");return [{id:i,top:M.top,bottom:M.bottom,anchorTop:E?.getBoundingClientRect().top??M.top}]})}function ee(n="",i=1){let s=Math.min(1,Math.max(0,i));$!==""&&$!==n&&T.get($)?.element.style.removeProperty("opacity"),$=n,J=s,n!==""&&T.get(n)?.element.style.setProperty("opacity",String(s));}function X(){ee();}function oe(){let n=p$1.value;if(P||n===null||!e.activeDateEnabled)return;let i=[...T.entries()].filter(([,C])=>n.contains(C.element)).map(([C,D])=>{let U=D.element.getBoundingClientRect();return {key:C,label:D.label,top:U.top,height:U.height}}).sort((C,D)=>C.top-D.top),s=n.getBoundingClientRect(),M=i.find(C=>C.height>0)?.height??28,E=g({markers:i,viewportTop:s.top,overlayTop:Number.isFinite(e.activeDateOffset)?Math.max(0,e.activeDateOffset):0,overlayHeight:M});if(E===null){X(),o$1("active-date-change",null);return}ee(E.inlineDateKey,E.inlineOpacity),o$1("active-date-change",E);}function f(){let n=p$1.value;if(P||n===null)return;let i=n.getBoundingClientRect(),s=N!==void 0&&A?e.messageIds.filter(D=>c.has(D)):e.messageIds,M=B$1(s);if(N!==void 0&&A&&M.length===0){K.value=Q(n);return}let E=M.filter(D=>B({viewportTop:i.top,viewportBottom:i.bottom,messageTop:D.top,messageBottom:D.bottom,margin:e.visibleMargin})).map(D=>D.id),C=E.length!==r.length||E.some((D,U)=>r[U]!==D);r=Object.freeze(E),d=o(M,{top:i.top,bottom:i.bottom}),L.acknowledgeVisible(E),K.value=Q(n),C&&o$1("visible-range",r),o$1("settled",{visibleMessageIds:r,...r.length===0?{}:{newestVisibleMessageId:r[r.length-1]},isAtBottom:K.value,newMessageCount:F.value});}function w(n){if(G.add(n),V!==void 0)return;let i=()=>{V=void 0;let s=[...G];G.clear(),s.forEach(M=>M());};typeof globalThis.requestAnimationFrame=="function"?V=globalThis.requestAnimationFrame(i):V=globalThis.setTimeout(i,0);}function y(){V!==void 0&&(typeof V=="number"&&typeof globalThis.cancelAnimationFrame=="function"?globalThis.cancelAnimationFrame(V):globalThis.clearTimeout(V),V=void 0,G.clear());}function v(){w(f);}function k(){let n=p$1.value;if(n===null)return;let i=n.getBoundingClientRect(),s=o(B$1(),{top:i.top,bottom:i.bottom});s!==void 0&&(d=s);}function z$1(){let n=p$1.value;if(P||n===null)return;let i=n.scrollTop;i!==b&&performance.now()>=j$1&&(o$1("user-scroll"),w(oe));let M=Number.isFinite(e.olderPrefetchThreshold)?Math.max(0,e.olderPrefetchThreshold):0;i>M&&(Y=true),Y&&!a&&!e.loadingOlder&&m({previousScrollTop:b,currentScrollTop:i,topThreshold:e.olderPrefetchThreshold})&&(k(),Y=false,a=true,o$1("reach-start"),w(()=>{e.loadingOlder||(a=false);})),!H&&!e.loadingOlder&&!e.loadingNewer&&e.hasNewer&&z({previousScrollTop:b,currentScrollTop:i,isAtBottom:Q(n),isHistoryWindow:e.hasNewer,isPageSettling:performance.now()<j$1})&&(H=true,K.value=false,o$1("reach-end"),w(()=>{e.loadingNewer||(H=false);})),b=i,v();}function _(n="auto"){j$1=performance.now()+(n==="smooth"?600:120);}function W(n){let i=p$1.value;if(i===null||n===void 0)return;let s=i.getBoundingClientRect(),M=q(n,B$1(),{top:s.top,bottom:s.bottom});M!==void 0&&(_(),i.scrollTop+=M,b=i.scrollTop);}function ce(n="auto"){let i=p$1.value;i!==null&&(_(n),i.scrollTo?.({top:i.scrollHeight,behavior:n}),i.scrollTop!==i.scrollHeight&&(i.scrollTop=i.scrollHeight),b=i.scrollTop,L.clear(),f());}function pe(){let n=p$1.value;return n!==null&&n.clientWidth>0&&n.clientHeight>0}function ve(){let n=p$1.value;return pe()&&n!==null&&n.scrollHeight>n.clientHeight+1}function ie(n,i={}){let s=p$1.value,M=R.get(n);if(s===null||M===void 0||!s.contains(M)||s.clientHeight<=0)return false;let E=s.getBoundingClientRect(),C=M.getBoundingClientRect(),D=i.block??"center",U;D==="start"?U=s.scrollTop+C.top-E.top:D==="end"?U=s.scrollTop+C.bottom-E.bottom:D==="nearest"?C.top>=E.top&&C.bottom<=E.bottom?U=s.scrollTop:C.top<E.top?U=s.scrollTop+C.top-E.top:U=s.scrollTop+C.bottom-E.bottom:U=j({currentScrollTop:s.scrollTop,scrollHeight:s.scrollHeight,targetHeight:C.height,targetTop:C.top,viewportHeight:s.clientHeight,viewportTop:E.top});let se=Math.max(0,s.scrollHeight-s.clientHeight),t=Math.min(se,Math.max(0,U)),l=i.behavior??"auto";return _(l),s.scrollTo?.({top:t,behavior:l}),s.scrollTop!==t&&(s.scrollTop=t),b=s.scrollTop,f(),true}function fe(){L.clear();}function Te(){H=true,K.value=false;}function ye(){H=false,v();}function me(n,i){let s=R.get(n);if(s!==void 0&&s!==i&&(N?.unobserve(s),h?.unobserve?.(s),S.delete(s),c.delete(n)),i===null){R.delete(n),c.delete(n);return}R.set(n,i),S.set(i,n),N?.observe(i),h?.observe(i),v();}function ae(n,i,s){let M=T.get(n);if(s===null){T.delete(n);return}T.set(n,{element:s,label:i}),$===n&&s.style.setProperty("opacity",String(J)),M?.element!==s&&(s.dataset.imThreadDateSeparator=n);}return provide(Me,{registerMessageNode:me,registerDateNode:ae}),watch(()=>e.messageIds,async(n,i)=>{let s=p$1.value;if(s===null)return;let M=s.getBoundingClientRect(),E=p(d,B$1(),{top:M.top,bottom:M.bottom}),C=K.value,D=new Set(i),U=i[i.length-1],se=U===void 0?-1:n.indexOf(U),t=se<0?[]:n.slice(se+1).filter(x=>!D.has(x)),l=H||e.loadingNewer;if(await nextTick(),P)return;let m=i[0];if(m!==void 0&&n.indexOf(m)>0&&(a=false,W(E)),t.length>0){if(l){H=false,W(E),K.value=false,v();return}(C||t.some(O=>e.shouldFollowAppendedMessage?.(O)===true))&&e.followNewMessages?ce():L.add(t);}v();},{flush:"pre"}),watch(()=>e.loadingNewer,(n,i)=>{n||!i||!H||w(()=>{e.loadingNewer||(H=false);});},{flush:"pre"}),watch(()=>e.loadingOlder,(n,i)=>{n||!i||!a||w(()=>{e.loadingOlder||(a=false);});},{flush:"pre"}),onMounted(()=>{let n=p$1.value;if(n!==null){if(b=n.scrollTop,n.addEventListener("scroll",z$1,{passive:true}),typeof globalThis.ResizeObserver=="function"){h=new globalThis.ResizeObserver(()=>{let i=d;w(()=>{p$1.value!==null&&(H||e.loadingNewer?W(i):e.resizeFollowEnabled&&K.value?ce():W(i),f());});}),h.observe(n);for(let i of R.values())h.observe(i);}if(typeof globalThis.IntersectionObserver=="function"){N=new globalThis.IntersectionObserver(i=>{for(let s of i){let M=S.get(s.target);M!==void 0&&(s.isIntersecting?c.add(M):c.delete(M));}A=true,v();},{root:n,rootMargin:`${Number.isFinite(e.visibleMargin)?Math.max(0,e.visibleMargin):0}px 0px`});for(let i of R.values())N.observe(i);}v();}}),onBeforeUnmount(()=>{P=true;let n=p$1.value;n!==null&&n.removeEventListener("scroll",z$1),y(),h?.disconnect(),N?.disconnect(),X(),R.clear(),S.clear(),c.clear(),T.clear(),L.clear();}),g$1({getViewportElement:()=>p$1.value,clearNewMessageBadge:fe,clearActiveDate:X,isAtBottom:computed(()=>K.value),isMeasurable:pe,isScrollable:ve,newMessageCount:computed(()=>F.value),prepareHistoryPageAppend:Te,cancelHistoryPageAppend:ye,trackRemoteMessageIds:(n,i)=>L.trackRemote(n,i),scrollToLatest:ce,scrollToMessage:ie,focusViewport:()=>p$1.value?.focus({preventScroll:true})}),()=>h$1("div",{ref:p$1,"data-im-thread-viewport":"",role:"log",tabindex:-1},u.default?.())}});var Qe=Symbol("ImThreadSurfaceContext");function yt(e){if(typeof e.getState!="function")throw new TypeError("ImThreadSurfaceContext.getState \u5FC5\u987B\u662F\u51FD\u6570");if(typeof e.actions?.loadOlder!="function")throw new TypeError("ImThreadSurfaceContext.actions.loadOlder \u5FC5\u987B\u662F\u51FD\u6570");if(typeof e.formatDate!="function")throw new TypeError("ImThreadSurfaceContext.formatDate \u5FC5\u987B\u662F\u51FD\u6570");return Object.freeze({...e,actions:Object.freeze({...e.actions})})}function bt(e){provide(Qe,e);}function Ae(){let e=inject(Qe);if(e===void 0)throw new Error("ImThreadSurface \u9700\u8981\u663E\u5F0F context prop \u6216 provideImThreadSurfaceContext");return e}var Oe=Object.freeze({followThreshold:120,olderPrefetchThreshold:120,visibleReadDelay:300,visibleMargin:8,activeDateOffset:16,activeDateIdleDelay:1500}),Ee=Object.freeze({enabled:true,maxFillPages:8}),Mt=8,Rt=160;function St(e,o){return e?.conversationType===o.conversationType&&e.conversationId===o.conversationId}var Vt=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(e,{expose:o,slots:g}){let u=e.context??Ae(),p=ref(null),R=ref(0),S=ref(true),c=[],T,b=0,r=0,d=null,h="",N="",A="",V=false,G=false,P=ref(false),j=ref(""),$=ref(false),J,H,a=computed(()=>u.getState()),Y=computed(()=>a.value.pageVisible??u.isPageVisible?.()??true),K=computed(()=>a.value.pageEngaged??u.isPageEngaged?.()??true),F=computed(()=>St(a.value.activeConversation,e.conversation)),L=computed(()=>({...Oe,...e.viewportOptions})),Q=computed(()=>{let t=e.initialViewportOptions.maxFillPages??Ee.maxFillPages;return {enabled:e.initialViewportOptions.enabled??Ee.enabled,maxFillPages:Number.isFinite(t)?Math.max(0,Math.floor(t)):Ee.maxFillPages}}),B=computed(()=>!F.value||!a.value.ready?"":`${e.conversation.conversationType}\0${e.conversation.conversationId}`),ee=computed(()=>F.value?i({messages:a.value.messages,entryUnread:a.value.entryUnread,formatDate:u.formatDate,leadingItems:u.leadingItems?.(),beforeMessageItems:u.beforeMessageItems}):[]),X=computed(()=>ee.value.flatMap(t=>t.kind==="message"||t.kind==="system"?[t.message.id]:[]));function oe(){J!==void 0&&(clearTimeout(J),J=void 0),H!==void 0&&(clearTimeout(H),H=void 0);}function f(t=false){if(oe(),$.value=false,t){p.value?.clearActiveDate(),j.value="";return}H=setTimeout(()=>{H=void 0,!$.value&&(p.value?.clearActiveDate(),j.value="");},Rt);}function w(t){if(t===null){f();return}oe(),j.value=t.label,$.value=true;let l=L.value.activeDateIdleDelay,m=Number.isFinite(l)?Math.max(0,l):Oe.activeDateIdleDelay;J=setTimeout(()=>{J=void 0,f();},m);}async function y(t,l){e.hooks?.beforeAction?.(t);try{let m=await l();return e.hooks?.afterAction?.(t,m),m}catch(m){throw e.hooks?.onError?.(t,m),m}}function v(){return !F.value||a.value.loading||!a.value.hasOlder?Promise.resolve(0):y({kind:"load-older"},()=>u.actions.loadOlder())}function k(){let t=u.actions.loadNewer,l=a.value.loadingNewer??a.value.loading;return !F.value||l||!a.value.hasNewer||t===void 0?Promise.resolve(0):y({kind:"load-newer"},()=>t())}async function z(t){for(let l=0;l<Mt;l+=1){if(!F.value)return;let m=t==="older"?a.value.hasOlder:a.value.hasNewer,I=t==="older"?a.value.olderError:a.value.newerError;if(!m||I!==null||(t==="older"?await v():await k())>0)return;let O=t==="older"?a.value.hasOlder:a.value.hasNewer,q=t==="older"?a.value.olderError:a.value.newerError;if(!O||q!==null)return}}async function _(){return !F.value||u.actions.loadNewer===void 0?0:y({kind:"load-newer"},()=>u.actions.retryNewer?.()??u.actions.loadNewer?.({force:!0})??Promise.resolve(0))}async function W(){if(!F.value)return 0;let t=B.value;A="";let l;try{l=await y({kind:"retry-older"},()=>u.actions.retryOlder?.()??u.actions.loadOlder({force:!0}));}catch(m){throw B.value===t&&(A=t),m}return P.value||(d=null,C()),l}async function ce(){if(!F.value)return false;let t=await y({kind:"jump-to-latest"},()=>u.actions.jumpToLatest?.()??Promise.resolve(!a.value.isHistoryWindow));return t&&(await nextTick(),p.value?.scrollToLatest()),t}function pe(t){S.value=t.isAtBottom,R.value=t.newMessageCount,C();}function ve(t,l){return p.value?.scrollToMessage(t,l)??false}function ie(t,l){return !G&&r===l&&B.value===t&&F.value}async function fe(t,l,m,I){for(let x=0;x<60;x+=1){if(!ie(t,l))return false;if(ve(m,I))return true;await nextTick(),typeof window<"u"&&typeof window.requestAnimationFrame=="function"&&await new Promise(O=>window.requestAnimationFrame(()=>O()));}return false}async function Te(t,l,m){let I=p.value;if(I===null||!I.isMeasurable()||I.isScrollable())return true;let x=0,O=!a.value.hasOlder,q=!a.value.hasNewer||u.actions.loadNewer===void 0,ge=async()=>(await nextTick(),await nextTick(),fe(t,l,m,{behavior:"auto",block:"center"})),le=async de=>{if(!ie(t,l)||x>=Q.value.maxFillPages)return false;let he=0;if(de==="older"){if(O||!a.value.hasOlder)return false;he=await v(),O=!a.value.hasOlder;}else {if(q||!a.value.hasNewer)return false;I.prepareHistoryPageAppend();try{he=await k();}catch(et){throw I.cancelHistoryPageAppend(),et}he<=0&&!a.value.hasNewer&&I.cancelHistoryPageAppend(),q=!a.value.hasNewer;}return x+=1,he>0?ge():!(de==="older"?O:q)};!O&&!await le("older")&&(O=true),!q&&!await le("newer")&&(q=true);let be="older";for(;ie(t,l)&&x<Q.value.maxFillPages&&I.isMeasurable()&&!I.isScrollable()&&(!O||!q);){let de=be==="older"?O?"newer":"older":q?"older":"newer";be=de==="older"?"newer":"older",await le(de)||(de==="older"?O=true:q=true);}return ie(t,l)}async function ye(t,l={behavior:"auto",block:"center"}){if(!F.value||t==="")return false;let m=B.value,I=++r;if(!X.value.includes(t)){let q=u.actions.loadAround;if(q===void 0||!await y({kind:"locate-message",messageId:t},()=>q(t))||!ie(m,I))return false}return !await fe(m,I,t,{...l,behavior:"auto"})||!await Te(m,I,t)?false:fe(m,I,t,l)}function me(){T!==void 0&&(clearTimeout(T),T=void 0);}function ae(){if(me(),!P.value)return;let t=e.readActions;if(t===void 0||c.length===0)return;let l=Number.isFinite(L.value.visibleReadDelay)?Math.max(0,L.value.visibleReadDelay):Oe.visibleReadDelay;T=setTimeout(()=>{if(T=void 0,!F.value||!K.value)return;let m=c[c.length-1];if(m===void 0)return;let I=t.resolveTarget===void 0?m:t.resolveTarget(m);I!=null&&Promise.resolve(t.markRead(I)).catch(x=>{e.hooks?.onError?.({kind:"visible-range",messageIds:c},x);});},l);}function n(t){c=Object.freeze([...t]);let l={kind:"visible-range",messageIds:c};e.hooks?.beforeAction?.(l);try{u.actions.onVisibleRange?.(c),e.hooks?.afterAction?.(l,void 0);}catch(m){throw e.hooks?.onError?.(l,m),m}P.value?ae():C();}function i$1(t,l){return !G&&b===l&&B.value===t&&!V}function s(t,l){i$1(t,l)&&(h=t,N=M(a.value.entryUnread),P.value=true,ae());}function M(t){return t.state!=="located"?t.state:`${t.state}:${t.firstMessageId}`}async function E(t,l,m){for(let I=0;I<60;I+=1){if(!i$1(t,l))return false;if(p.value?.scrollToMessage(m,{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 C(){let t=B.value,l=M(a.value.entryUnread);if(t===""||a.value.loading||a.value.error!==null||h===t&&(N===l||V)||A===t||d!==null)return;if(!Q.value.enabled){h=t,N=l,P.value=true,ae();return}let m=++b;V=false,P.value=false;let I=(async()=>{if(await nextTick(),!i$1(t,m))return;let x=p.value;if(x===null||!x.isMeasurable())return;let O=a.value.entryUnread;if(O.state==="located"&&!X.value.includes(O.firstMessageId))return;let q=O.state==="located"?await E(t,m,O.firstMessageId):false;if(O.state==="located"&&!q)return;q||x.scrollToLatest();let ge=0;for(;i$1(t,m)&&ge<Q.value.maxFillPages&&a.value.hasOlder&&x.isMeasurable()&&!x.isScrollable();)if(await v(),!i$1(t,m)||(ge+=1,await nextTick(),await nextTick(),!x.isMeasurable()))return;if(!i$1(t,m)||!x.isMeasurable())return;let le=a.value.entryUnread;if(le.state==="located"){if(!X.value.includes(le.firstMessageId)||!await E(t,m,le.firstMessageId))return}else x.scrollToLatest();await nextTick(),s(t,m);})().catch(()=>{B.value===t&&(A=t);}).finally(()=>{d===I&&(d=null);});d=I;}function D(t){b+=1,d=null,V=false,P.value=t,(h="",N="",A=""),me();}function U(){if(P.value)return;let t=B.value;V=true,b+=1,d=null,h=t,P.value=true,ae();}let se=Object.freeze({getViewportElement:()=>p.value?.getViewportElement()??null,loadOlder:v,retryOlder:W,loadNewer:k,retryNewer:_,jumpToLatest:ce,scrollToMessage:ve,locateMessage:ye,focusViewport:()=>p.value?.focusViewport()});return o(se),watch(K,t=>{t&&P.value?ae():me();}),watch([()=>a.value.activeRemoteMessageRevision??0,p,B],()=>{let t=p.value;if(t===null||!F.value)return;let l=u.actions.drainActiveRemoteMessageIds?.()??[];t.trackRemoteMessageIds(l,{isAtBottom:S.value,isHistoryWindow:a.value.isHistoryWindow,isPageVisible:Y.value})&&(S.value=false);},{flush:"post"}),watch([B,()=>a.value.loading,()=>a.value.error,()=>X.value.length,()=>a.value.hasOlder,()=>M(a.value.entryUnread),Q],([t,l,m,,,I],[x,,,,,O])=>{if(t!==x&&(r+=1,D(false),f(true),p.value?.clearNewMessageBadge(),R.value=0,S.value=true),t!==""&&t===x&&I!==O&&!V&&I.startsWith("located:")&&(h="",N="",P.value=false),t===""||m!==null){D(false);return}l||C();},{flush:"post",immediate:true}),onBeforeUnmount(()=>{G=true,r+=1,D(false),f(true);}),()=>{let t={conversation:e.conversation,state:a.value,items:ee.value,actions:se},l=[g.header?.(t),g["before-list"]?.(t)];if(!F.value)l.push(g.unsupported?.(t)??h$1("div",{"data-im-thread-unsupported":""}));else if(!a.value.ready&&a.value.loading)l.push(g.loading?.(t)??h$1("div",{"data-im-thread-loading":""}));else if(a.value.error!==null&&a.value.messages.length===0)l.push(g.error?.(t)??h$1("div",{"data-im-thread-error":""}));else if(a.value.ready&&a.value.messages.length===0&&!a.value.hasOlder)l.push(g.empty?.(t)??h$1("div",{"data-im-thread-empty":""}));else {let m=h$1(xe,{ref:p,messageIds:X.value,loadingOlder:a.value.loadingOlder??a.value.loading,hasNewer:a.value.hasNewer,loadingNewer:a.value.loadingNewer??a.value.loading,followThreshold:L.value.followThreshold,olderPrefetchThreshold:L.value.olderPrefetchThreshold,visibleMargin:L.value.visibleMargin,activeDateOffset:L.value.activeDateOffset,activeDateEnabled:g["active-date"]!==void 0,resizeFollowEnabled:P.value,followNewMessages:Y.value,shouldFollowAppendedMessage:I=>{let x=a.value.messages.find(O=>O.id===I);return x===void 0?false:u.shouldFollowMessage?.(x)===true},onReachStart:()=>{z("older").catch(()=>{});},onReachEnd:()=>{z("newer").catch(()=>{});},onSettled:pe,onUserScroll:U,onActiveDateChange:w,onVisibleRange:n,onNewMessageCount:I=>{R.value=I;}},{default:()=>[g["viewport-before"]?.(t),h$1(Re,{items:ee.value,rendererRegistry:e.rendererRegistry,presentation:e.presentation,readActions:e.readActions},{item:g.item,"date-separator":g["date-separator"],"entry-unread":g["entry-unread"],encryption:g.encryption,system:g.system,message:g.message,"recalled-message":g["recalled-message"],"deleted-message":g["deleted-message"],"unsupported-body":g["unsupported-body"]}),g["viewport-after"]?.(t)]});l.push(h$1("div",{"data-im-thread-viewport-shell":""},[g["active-date"]?.({label:j.value,visible:$.value&&j.value!==""}),m])),a.value.error!==null&&l.push(g.error?.(t)??h$1("div",{"data-im-thread-error":""}));}return l.push(g["after-list"]?.(t),g["jump-to-latest"]?.({...t,count:R.value,visible:!S.value||a.value.isHistoryWindow}),g["context-menu"]?.(t),g.composer?.(t)),h$1("section",{"data-im-thread-surface":"","data-conversation-type":e.conversation.conversationType,"data-conversation-id":e.conversation.conversationId},l)}}});function xt(e){let o=new Map;for(let u of e){if(o.has(u.kind))throw new Error(`\u6D88\u606F renderer kind \u91CD\u590D\u6CE8\u518C\uFF1A${u.kind}`);o.set(u.kind,u.component);}let g=Object.freeze([...o.keys()]);return Object.freeze({kinds:g,resolve:u=>o.get(u)})}function Ze(e,o){if(e.width<=0||e.height<=0)return 0;let g=Math.max(0,Math.min(e.right,o.right)-Math.max(e.left,o.left)),u=Math.max(0,Math.min(e.bottom,o.bottom)-Math.max(e.top,o.top));return Math.min(1,g*u/(e.width*e.height))}function At(e,o){return {x:e.x,y:e.top-o,top:e.top-o,bottom:e.bottom+o,left:e.left,right:e.right,width:e.width,height:e.height+o*2,toJSON:()=>({})}}function Ce(e){let o=Math.max(0,e.scrollIdleMs??140),g=Math.max(0,e.visibilityDwellMs??120),u=Math.min(1,Math.max(0,e.minimumIntersectionRatio??.01)),p=Math.max(0,e.revealMarginPx??0),R=Math.max(1,e.maxSettledVisible??Number.POSITIVE_INFINITY),S=new Map,c=new Map,T=new Set,b=new Set,r=new Set,d=null,h=null,N=null,A=false,V=false,G=false,P,j;function $(){P!==void 0&&clearTimeout(P),P=void 0;}function J(){j!==void 0&&clearTimeout(j),j=void 0;}function H(f=false){if(!f&&h!==null||d===null)return;let w=d.getBoundingClientRect(),y=At(w,p);for(let[v,k]of S){let z=v.getBoundingClientRect();k.ratio=Ze(z,w),k.intersecting=k.ratio>0,k.revealIntersecting=p>0?Ze(z,y)>0:k.intersecting&&k.ratio>=u;}}function a(f){return f.intersecting&&f.ratio>=u}function Y(){for(let f of S.values())!f.revealIntersecting||T.has(f.key)||(T.add(f.key),e.onRevealed?.(f.item));}function K(f){let w=new Set(f.map(v=>v.key));if(w.size!==r.size||[...w].some(v=>!r.has(v))){r.clear();for(let v of w)r.add(v);e.onSettledVisibleChange?.(f.map(v=>v.item));}}function F(){if(V||A)return;H(),Y();let f=d?.getBoundingClientRect(),w=f===void 0?0:(f.top+f.bottom)/2,y=[...S.entries()].filter(([,v])=>a(v)).sort(([v],[k])=>{let z=v.getBoundingClientRect(),_=k.getBoundingClientRect();return Math.abs((z.top+z.bottom)/2-w)-Math.abs((_.top+_.bottom)/2-w)}).slice(0,R).map(([,v])=>v);K(y);for(let v of y)b.has(v.key)||(b.add(v.key),e.onActivated?.(v.item));}function L(){V||A||(J(),j=setTimeout(()=>{j=void 0,F();},g));}function Q(){V||(B(true),H(),Y(),K([]),J(),$(),P=setTimeout(()=>{P=void 0,B(false),L();},o));}function B(f){A!==f&&(A=f,e.onScrollingChange?.(f));}function ee(){d?.removeEventListener("scroll",Q),h?.disconnect(),N?.disconnect(),h=null,N=null,d=null;}function X(f=true){if(V)return;let w=e.getRoot();if(!(w===d&&d!==null)){if(ee(),d=w,d===null){f&&!G&&(G=true,Promise.resolve().then(()=>{G=false,V||(X(false),L());}));return}if(d.addEventListener("scroll",Q,{passive:true}),typeof IntersectionObserver<"u"){h=new IntersectionObserver(y=>{for(let v of y){let k=S.get(v.target);k!==void 0&&(k.intersecting=v.isIntersecting,k.ratio=v.intersectionRatio,p===0&&(k.revealIntersecting=v.isIntersecting&&v.intersectionRatio>=u));}Y(),L();},{root:d,threshold:[0,u,1]}),p>0&&(N=new IntersectionObserver(y=>{for(let v of y){let k=S.get(v.target);k!==void 0&&(k.revealIntersecting=v.isIntersecting);}Y();},{root:d,rootMargin:`${p}px 0px`,threshold:0}));for(let y of S.keys())h.observe(y);for(let y of S.keys())N?.observe(y);}else H(),Y();}}function oe(f){T.delete(f),b.delete(f),r.delete(f);}return {register(f,w){if(V)return;let y=e.getKey(f),v=T.has(y),k=b.has(y),z=w===null?void 0:S.get(w);z!==void 0&&z.key!==y&&(c.delete(z.key),S.delete(w),oe(z.key));let _=c.get(y);if(_!==void 0&&_!==w&&(h?.unobserve(_),N?.unobserve(_),S.delete(_),c.delete(y)),w===null){_!==void 0&&(h?.unobserve(_),N?.unobserve(_),S.delete(_),c.delete(y)),oe(y);return}let W=S.get(w);if(W?.key===y&&W.item===f){X();return}S.set(w,{item:f,key:y,intersecting:W?.key===y?W.intersecting:false,ratio:W?.key===y?W.ratio:0,revealIntersecting:W?.key===y?W.revealIntersecting:false}),c.set(y,w),X(),h?.observe(w),N?.observe(w),H(true),Y(),v&&e.onRevealed?.(f),k?e.onActivated?.(f):L();},isRevealed:f=>T.has(e.getKey(f)),isActivated:f=>b.has(e.getKey(f)),isSettledVisible:f=>r.has(e.getKey(f)),isScrolling:()=>A,notifyScroll:Q,refresh(){X(),H(true),Y(),L();},reset(){$(),J(),B(false),K([]),ee(),S.clear(),c.clear(),T.clear(),b.clear();},dispose(){V||($(),J(),B(false),K([]),ee(),S.clear(),c.clear(),T.clear(),b.clear(),V=true);}}}function Pt(e){let o=new Map,g=new Map,u=false,p=c=>{let T=o.get(c.channel);return T===void 0?c.channel:`${c.channel}\0${T.getKey(c.item)}`},R=Ce({getRoot:e.getRoot,getKey:p,revealMarginPx:e.revealMarginPx,minimumIntersectionRatio:e.minimumIntersectionRatio,scrollIdleMs:e.scrollIdleMs,visibilityDwellMs:e.visibilityDwellMs,onScrollingChange:c=>{for(let T of o.values())T.onScrollingChange?.(c);},onRevealed:c=>o.get(c.channel)?.onRevealed?.(c.item),onActivated:c=>o.get(c.channel)?.onActivated?.(c.item),onSettledVisibleChange:c=>{for(let[T,b]of o){let r=c.filter(h=>h.channel===T).map(h=>h.item),d=b.maxSettledVisible===void 0?r:r.slice(0,b.maxSettledVisible);b.onSettledVisibleChange?.(d);}}});function S(c){return T=>{if(u)throw new Error("Thread visibility target group \u5DF2\u91CA\u653E");if(o.has(c))throw new Error(`Thread visibility channel \u5DF2\u5B58\u5728: ${c}`);o.set(c,T);let b=new Map;g.set(c,b);let r=false,d=A=>({channel:c,item:A});function h(){for(let A of b.values())R.register(A.target,null);b.clear(),T.onScrollingChange?.(false),T.onSettledVisibleChange?.([]);}return {register(A,V){if(r||u)return;let G=T.getKey(A),P=b.get(G);if(V===null){P!==void 0&&(R.register(P.target,null),b.delete(G));return}let j=d(A);b.set(G,{target:j,element:V}),R.register(j,V);},isRevealed:A=>R.isRevealed(d(A)),isActivated:A=>R.isActivated(d(A)),isSettledVisible:A=>R.isSettledVisible(d(A)),isScrolling:R.isScrolling,notifyScroll:R.notifyScroll,refresh:R.refresh,reset:h,dispose(){r||(h(),r=true,o.delete(c),g.delete(c));}}}}return {createFactory:S,refresh:R.refresh,dispose(){if(!u){for(let c of g.values())for(let T of c.values())R.register(T.target,null);g.clear(),o.clear(),R.dispose(),u=true;}}}}export{we as ImThreadBodySwitch,Re as ImThreadItems,Vt as ImThreadSurface,xe as ImThreadViewport,yt as createImThreadSurfaceContext,xt as createMessageRendererRegistry,Pt as createThreadVisibilityTargetGroup,Ce as createThreadVisibilityTargets,bt as provideImThreadSurfaceContext,tt as useImText,Ae as useImThreadSurfaceContext,ot as useOptionalImThreadReadActions};
|
|
1
|
+
import {h,C,p,i,q,m,z,j,g,B,o}from'./chunk-ATIQZ5XZ.js';import {f,h as h$2,i as i$1,g as g$1}from'./chunk-VP466VS6.js';import'./chunk-A4IDVF3H.js';import'./chunk-GTRMHOHX.js';import'./chunk-MHIB4PGT.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};
|
package/dist/chat-kit.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{c as DEFAULT_LOADING_MINIMUM_VISIBLE_MS,b as DEFAULT_LOADING_SHOW_DELAY_MS,t as SPIKE_STEP,p as calculateMediaBox,f as canPromoteMediaPresentationSource,h as captureRuntimeClientOperation,g as captureRuntimeOperation,d as createDelayedLoadingIndicator,n as createLinkMatcher,r as formatFileSize,q as formatMediaDuration,s as getFileExtension,m as hasLinkCandidate,k as highlightSegments,i as mediaService,l as normalizeLinkHref,w as placeholderWaveform,j as readService,v as resampleWaveform,e as resolveBestMediaPresentationSource,a as resolveConversationListPresentation,o as resolveMediaPresentation,u as spikeCountForDuration}from'./chunk-
|
|
1
|
+
export{c as DEFAULT_LOADING_MINIMUM_VISIBLE_MS,b as DEFAULT_LOADING_SHOW_DELAY_MS,t as SPIKE_STEP,p as calculateMediaBox,f as canPromoteMediaPresentationSource,h as captureRuntimeClientOperation,g as captureRuntimeOperation,d as createDelayedLoadingIndicator,n as createLinkMatcher,r as formatFileSize,q as formatMediaDuration,s as getFileExtension,m as hasLinkCandidate,k as highlightSegments,i as mediaService,l as normalizeLinkHref,w as placeholderWaveform,j as readService,v as resampleWaveform,e as resolveBestMediaPresentationSource,a as resolveConversationListPresentation,o as resolveMediaPresentation,u as spikeCountForDuration}from'./chunk-TRRJA4DI.js';export{j as DEFAULT_EMOJI_ASSET_BASE,i as EMOJI_CATALOG,c as EMOJI_GAME_DICE_STABLE_KEY,b as EMOJI_GAME_RPS_STABLE_KEY,m as EMOJI_TOKEN_RE,K as MAX_BATCH_FILES,a as MAX_RECENT_EMOJI_COUNT,g as UNICODE_EMOJI_CATALOG,J as blockReasonForChannelSession,I as blockReasonForChannelState,O as blockReasonForGroupState,R as blockReasonForSession,D as canEditMessage,t as canPinChannelMessage,s as canPinGroupMessage,u as canPinMessage,C as canRecallMessage,Z as cancelMediaUpload,r as createChatRuntime,p as createEmojiMatcher,F as decideConversationAction,H as decideMemberTargetAction,G as decideMessageAction,l as emojiAssetUrl,n as emojiUrlByCode,xa as fetchConversationFileBatch,ya as fetchConversationImageBatch,va as fetchConversationMessageBatch,za as fetchConversationVideoBatch,Aa as fetchConversationVoiceBatch,Ba as fetchNextConversationSearchBatch,aa as forwardService,o as hasEmojiCandidate,N as isGifFile,v as isPinnedMessageProtected,V as isVoiceStorageConfigured,L as mediaBatchBudgetBytes,fa as messageService,e as parseUnicodeEmojiCode,ka as pinnedMessageService,d as prependRecentEmoji,ua as profileService,U as replaceInterruptedMediaFile,P as requiresConversationEncryption,y as resolveChannelMemberAvatarUrl,x as resolveChannelMemberDisplayName,k as resolveEmojiToken,B as resolveFriendDisplayName,la as resolveImProfileAccessDestination,w as resolveMemberDisplayName,A as resolvePublicNickname,z as resolveSenderAvatarUrl,q as resolveStandaloneEmojiMessage,h as resolveUnicodeEmoji,_ as retryMessage,M as runMediaSendBatch,Y as sendAsFilesBatch,E as sendBlockReasonForDecision,T as sendMediaFile,X as sendMediaFilesBatch,S as sendText,W as sendVoice,Q as supportsConversationMention,f as unicodeEmojiTextFromCode}from'./chunk-RZBGTY6A.js';export{C as createNewMessageBadgeController,i as createThreadItems,f as formatChatDateSeparator,e as formatConversationDisplayTime,c as getLocalDayKey,l as isMessageLocateScrollProtected,v as isMessageTailChangeFromOlderWindowTrim,k as isMessageViewportMeasurable,B as isMessageVisibleForNewMessageBadge,x as loadOlderUntilBoundary,p as refreshPrependMessageAnchorPosition,j as resolveCenteredMessageScrollTop,a as resolveDisplayTimestamp,g as resolveImThreadActiveDate,h as resolveMessageBodyKind,b as resolveMessageTimelineTimestamp,n as resolvePrependMessageAnchor,q as resolvePrependMessageAnchorAdjustment,o as resolvePrependMessageAnchorPosition,s as resolveSurvivingMessageAnchorAdjustment,r as resolveVisibleMessageAnchorPositions,t as shouldCompleteInitialViewport,y as shouldFillInitialHistoryViewport,u as shouldFollowIncomingMessage,z as shouldLoadNewerHistoryPage,m as shouldPrefetchOlderHistory,w as shouldRestoreMessageViewportFocus,d as shouldShowChatDateSeparator,A as shouldTrackRemoteMessageForBadge}from'./chunk-ATIQZ5XZ.js';import'./chunk-VP466VS6.js';import'./chunk-A4IDVF3H.js';import'./chunk-GTRMHOHX.js';export{ca as canTransmit,aa as canTransmitByType,ba as canTransmitContent,$ as requiresForwardTypeConfirmation}from'./chunk-MHIB4PGT.js';import'./chunk-WOT6VMZA.js';
|