k2-im 0.1.4 → 0.1.6
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.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 Ie=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 we=Symbol("ImThreadViewportRegistration");function Xe(){return inject(we,void 0)}var Me=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 M(r,d){return h=>{g?.registerDateNode(r,d,h instanceof HTMLElement?h:null);}}function R(r){return o.encryption?.({item:r})??h$1("div",{"data-im-thread-encryption":r.key})}function f(r){let d=M(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 y(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 I(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(Ie,{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,R(r));case "date-separator":return o.item!==void 0?u(r.key,o.item({item:r,setElement:M(r.key,r.label)})):u(r.key,f(r));case "entry-unread":return o.item!==void 0?u(r.key,o.item({item:r})):u(r.key,y(r));case "system":case "message":return u(r.key,I(r))}return r}))}});var Ve=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),M=new Map,R=new Map,f=new Set,y=new Map,I=0,r=[],d,h,D,V=false,S,z$1=new Set,x=false,j$1=0,W="",$=1,N=false,a=false,B$1=ref(true),Z=ref(0),H=C(n=>{Z.value=n,o$1("new-message-count",n);});function G(n){let i=Number.isFinite(e.followThreshold)?Math.max(0,e.followThreshold):0;return n.scrollHeight-n.clientHeight-n.scrollTop<=i}function Y(n=e.messageIds){return n.flatMap(i=>{let s=M.get(i);if(s===void 0)return [];let w=s.getBoundingClientRect(),E=s.querySelector("[data-im-thread-anchor-point]");return [{id:i,top:w.top,bottom:w.bottom,anchorTop:E?.getBoundingClientRect().top??w.top}]})}function _(n="",i=1){let s=Math.min(1,Math.max(0,i));W!==""&&W!==n&&y.get(W)?.element.style.removeProperty("opacity"),W=n,$=s,n!==""&&y.get(n)?.element.style.setProperty("opacity",String(s));}function ee(){_();}function J(){let n=p$1.value;if(x||n===null||!e.activeDateEnabled)return;let i=[...y.entries()].filter(([,C])=>n.contains(C.element)).map(([C,L])=>{let F=L.element.getBoundingClientRect();return {key:C,label:L.label,top:F.top,height:F.height}}).sort((C,L)=>C.top-L.top),s=n.getBoundingClientRect(),w=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:w});if(E===null){ee(),o$1("active-date-change",null);return}_(E.inlineDateKey,E.inlineOpacity),o$1("active-date-change",E);}function te(){let n=p$1.value;if(x||n===null)return;let i=n.getBoundingClientRect(),s=D!==void 0&&V?e.messageIds.filter(L=>f.has(L)):e.messageIds,w=Y(s);if(D!==void 0&&V&&w.length===0){B$1.value=G(n);return}let E=w.filter(L=>B({viewportTop:i.top,viewportBottom:i.bottom,messageTop:L.top,messageBottom:L.bottom,margin:e.visibleMargin})).map(L=>L.id),C=E.length!==r.length||E.some((L,F)=>r[F]!==L);r=Object.freeze(E),d=o(w,{top:i.top,bottom:i.bottom}),H.acknowledgeVisible(E),B$1.value=G(n),C&&o$1("visible-range",r),o$1("settled",{visibleMessageIds:r,...r.length===0?{}:{newestVisibleMessageId:r[r.length-1]},isAtBottom:B$1.value,newMessageCount:Z.value});}function c(n){if(z$1.add(n),S!==void 0)return;let i=()=>{S=void 0;let s=[...z$1];z$1.clear(),s.forEach(w=>w());};typeof globalThis.requestAnimationFrame=="function"?S=globalThis.requestAnimationFrame(i):S=globalThis.setTimeout(i,0);}function A(){S!==void 0&&(typeof S=="number"&&typeof globalThis.cancelAnimationFrame=="function"?globalThis.cancelAnimationFrame(S):globalThis.clearTimeout(S),S=void 0,z$1.clear());}function v(){c(te);}function T(){let n=p$1.value;if(x||n===null)return;let i=n.scrollTop;i!==I&&performance.now()>=j$1&&(o$1("user-scroll"),c(J)),!a&&!e.loadingOlder&&m({previousScrollTop:I,currentScrollTop:i,topThreshold:e.olderPrefetchThreshold})&&(a=true,o$1("reach-start"),c(()=>{e.loadingOlder||(a=false);})),!N&&!e.loadingOlder&&!e.loadingNewer&&e.hasNewer&&z({previousScrollTop:I,currentScrollTop:i,isAtBottom:G(n),isHistoryWindow:e.hasNewer,isPageSettling:performance.now()<j$1})&&(N=true,B$1.value=false,o$1("reach-end"),c(()=>{e.loadingNewer||(N=false);})),I=i,v();}function P(n="auto"){j$1=performance.now()+(n==="smooth"?600:120);}function K(n){let i=p$1.value;if(i===null||n===void 0)return;let s=i.getBoundingClientRect(),w=q(n,Y(),{top:s.top,bottom:s.bottom});w!==void 0&&(P(),i.scrollTop+=w,I=i.scrollTop);}function U(n="auto"){let i=p$1.value;i!==null&&(P(n),i.scrollTo?.({top:i.scrollHeight,behavior:n}),i.scrollTop!==i.scrollHeight&&(i.scrollTop=i.scrollHeight),I=i.scrollTop,H.clear(),te());}function X(){let n=p$1.value;return n!==null&&n.clientWidth>0&&n.clientHeight>0}function ve(){let n=p$1.value;return X()&&n!==null&&n.scrollHeight>n.clientHeight+1}function he(n,i={}){let s=p$1.value,w=M.get(n);if(s===null||w===void 0||!s.contains(w)||s.clientHeight<=0)return false;let E=s.getBoundingClientRect(),C=w.getBoundingClientRect(),L=i.block??"center",F;L==="start"?F=s.scrollTop+C.top-E.top:L==="end"?F=s.scrollTop+C.bottom-E.bottom:L==="nearest"?C.top>=E.top&&C.bottom<=E.bottom?F=s.scrollTop:C.top<E.top?F=s.scrollTop+C.top-E.top:F=s.scrollTop+C.bottom-E.bottom:F=j({currentScrollTop:s.scrollTop,scrollHeight:s.scrollHeight,targetHeight:C.height,targetTop:C.top,viewportHeight:s.clientHeight,viewportTop:E.top});let ae=Math.max(0,s.scrollHeight-s.clientHeight),re=Math.min(ae,Math.max(0,F)),le=i.behavior??"auto";return P(le),s.scrollTo?.({top:re,behavior:le}),s.scrollTop!==re&&(s.scrollTop=re),I=s.scrollTop,te(),true}function ge(){H.clear();}function se(){N=true,B$1.value=false;}function fe(){N=false,v();}function Te(n,i){let s=M.get(n);if(s!==void 0&&s!==i&&(D?.unobserve(s),h?.unobserve?.(s),R.delete(s),f.delete(n)),i===null){M.delete(n),f.delete(n);return}M.set(n,i),R.set(i,n),D?.observe(i),h?.observe(i),v();}function ye(n,i,s){let w=y.get(n);if(s===null){y.delete(n);return}y.set(n,{element:s,label:i}),W===n&&s.style.setProperty("opacity",String($)),w?.element!==s&&(s.dataset.imThreadDateSeparator=n);}return provide(we,{registerMessageNode:Te,registerDateNode:ye}),watch(()=>e.messageIds,async(n,i)=>{let s=p$1.value;if(s===null)return;let w=s.getBoundingClientRect(),E=p(d,Y(),{top:w.top,bottom:w.bottom}),C=B$1.value,L=new Set(i),F=i[i.length-1],ae=F===void 0?-1:n.indexOf(F),re=ae<0?[]:n.slice(ae+1).filter(m=>!L.has(m)),le=N||e.loadingNewer;if(await nextTick(),x)return;let t=i[0];if(t!==void 0&&n.indexOf(t)>0&&(a=false,K(E)),re.length>0){if(le){N=false,K(E),B$1.value=false,v();return}(C||re.some(b=>e.shouldFollowAppendedMessage?.(b)===true))&&e.followNewMessages?U():H.add(re);}v();},{flush:"pre"}),watch(()=>e.loadingNewer,(n,i)=>{n||!i||!N||c(()=>{e.loadingNewer||(N=false);});},{flush:"pre"}),watch(()=>e.loadingOlder,(n,i)=>{n||!i||!a||c(()=>{e.loadingOlder||(a=false);});},{flush:"pre"}),onMounted(()=>{let n=p$1.value;if(n!==null){if(I=n.scrollTop,n.addEventListener("scroll",T,{passive:true}),typeof globalThis.ResizeObserver=="function"){h=new globalThis.ResizeObserver(()=>{let i=d;c(()=>{p$1.value!==null&&(N||e.loadingNewer?K(i):e.resizeFollowEnabled&&B$1.value?U():K(i),te());});}),h.observe(n);for(let i of M.values())h.observe(i);}if(typeof globalThis.IntersectionObserver=="function"){D=new globalThis.IntersectionObserver(i=>{for(let s of i){let w=R.get(s.target);w!==void 0&&(s.isIntersecting?f.add(w):f.delete(w));}V=true,v();},{root:n,rootMargin:`${Number.isFinite(e.visibleMargin)?Math.max(0,e.visibleMargin):0}px 0px`});for(let i of M.values())D.observe(i);}v();}}),onBeforeUnmount(()=>{x=true;let n=p$1.value;n!==null&&n.removeEventListener("scroll",T),A(),h?.disconnect(),D?.disconnect(),ee(),M.clear(),R.clear(),f.clear(),y.clear(),H.clear();}),g$1({getViewportElement:()=>p$1.value,clearNewMessageBadge:ge,clearActiveDate:ee,isAtBottom:computed(()=>B$1.value),isMeasurable:X,isScrollable:ve,newMessageCount:computed(()=>Z.value),prepareHistoryPageAppend:se,cancelHistoryPageAppend:fe,trackRemoteMessageIds:(n,i)=>H.trackRemote(n,i),scrollToLatest:U,scrollToMessage:he,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 xe(){let e=inject(Qe);if(e===void 0)throw new Error("ImThreadSurface \u9700\u8981\u663E\u5F0F context prop \u6216 provideImThreadSurfaceContext");return e}var Pe=Object.freeze({followThreshold:120,olderPrefetchThreshold:120,visibleReadDelay:300,visibleMargin:8,activeDateOffset:16,activeDateIdleDelay:1500}),Oe=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??xe(),p=ref(null),M=ref(0),R=ref(true),f=[],y,I=0,r=0,d=null,h="",D="",V="",S=false,z=false,x=ref(false),j=ref(""),W=ref(false),$,N,a=computed(()=>u.getState()),B=computed(()=>a.value.pageVisible??u.isPageVisible?.()??true),Z=computed(()=>a.value.pageEngaged??u.isPageEngaged?.()??true),H=computed(()=>St(a.value.activeConversation,e.conversation)),G=computed(()=>({...Pe,...e.viewportOptions})),Y=computed(()=>{let t=e.initialViewportOptions.maxFillPages??Oe.maxFillPages;return {enabled:e.initialViewportOptions.enabled??Oe.enabled,maxFillPages:Number.isFinite(t)?Math.max(0,Math.floor(t)):Oe.maxFillPages}}),_=computed(()=>!H.value||!a.value.ready?"":`${e.conversation.conversationType}\0${e.conversation.conversationId}`),ee=computed(()=>H.value?i({messages:a.value.messages,entryUnread:a.value.entryUnread,formatDate:u.formatDate,leadingItems:u.leadingItems?.(),beforeMessageItems:u.beforeMessageItems}):[]),J=computed(()=>ee.value.flatMap(t=>t.kind==="message"||t.kind==="system"?[t.message.id]:[]));function te(){$!==void 0&&(clearTimeout($),$=void 0),N!==void 0&&(clearTimeout(N),N=void 0);}function c(t=false){if(te(),W.value=false,t){p.value?.clearActiveDate(),j.value="";return}N=setTimeout(()=>{N=void 0,!W.value&&(p.value?.clearActiveDate(),j.value="");},Rt);}function A(t){if(t===null){c();return}te(),j.value=t.label,W.value=true;let l=G.value.activeDateIdleDelay,m=Number.isFinite(l)?Math.max(0,l):Pe.activeDateIdleDelay;$=setTimeout(()=>{$=void 0,c();},m);}async function v(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 T(){return !H.value||a.value.loading||!a.value.hasOlder?Promise.resolve(0):v({kind:"load-older"},()=>u.actions.loadOlder())}function P(){let t=u.actions.loadNewer,l=a.value.loadingNewer??a.value.loading;return !H.value||l||!a.value.hasNewer||t===void 0?Promise.resolve(0):v({kind:"load-newer"},()=>t())}async function K(t){for(let l=0;l<Mt;l+=1){if(!H.value)return;let m=t==="older"?a.value.hasOlder:a.value.hasNewer,b=t==="older"?a.value.olderError:a.value.newerError;if(!m||b!==null||(t==="older"?await T():await P())>0)return;let k=t==="older"?a.value.hasOlder:a.value.hasNewer,q=t==="older"?a.value.olderError:a.value.newerError;if(!k||q!==null)return}}async function U(){return !H.value||u.actions.loadNewer===void 0?0:v({kind:"load-newer"},()=>u.actions.retryNewer?.()??u.actions.loadNewer?.({force:!0})??Promise.resolve(0))}async function X(){if(!H.value)return 0;let t=_.value;V="";let l;try{l=await v({kind:"retry-older"},()=>u.actions.retryOlder?.()??u.actions.loadOlder({force:!0}));}catch(m){throw _.value===t&&(V=t),m}return x.value||(d=null,F()),l}async function ve(){if(!H.value)return false;let t=await v({kind:"jump-to-latest"},()=>u.actions.jumpToLatest?.()??Promise.resolve(!a.value.isHistoryWindow));return t&&(await nextTick(),p.value?.scrollToLatest()),t}function he(t){R.value=t.isAtBottom,M.value=t.newMessageCount,F();}function ge(t,l){return p.value?.scrollToMessage(t,l)??false}function se(t,l){return !z&&r===l&&_.value===t&&H.value}async function fe(t,l,m,b){for(let O=0;O<60;O+=1){if(!se(t,l))return false;if(ge(m,b))return true;await nextTick(),typeof window<"u"&&typeof window.requestAnimationFrame=="function"&&await new Promise(k=>window.requestAnimationFrame(()=>k()));}return false}async function Te(t,l,m){let b=p.value;if(b===null||!b.isMeasurable()||b.isScrollable())return true;let O=0,k=!a.value.hasOlder,q=!a.value.hasNewer||u.actions.loadNewer===void 0,me=async()=>(await nextTick(),await nextTick(),fe(t,l,m,{behavior:"auto",block:"center"})),de=async ue=>{if(!se(t,l)||O>=Y.value.maxFillPages)return false;let pe=0;if(ue==="older"){if(k||!a.value.hasOlder)return false;pe=await T(),k=!a.value.hasOlder;}else {if(q||!a.value.hasNewer)return false;b.prepareHistoryPageAppend();try{pe=await P();}catch(et){throw b.cancelHistoryPageAppend(),et}pe<=0&&!a.value.hasNewer&&b.cancelHistoryPageAppend(),q=!a.value.hasNewer;}return O+=1,pe>0?me():!(ue==="older"?k:q)};!k&&!await de("older")&&(k=true),!q&&!await de("newer")&&(q=true);let be="older";for(;se(t,l)&&O<Y.value.maxFillPages&&b.isMeasurable()&&!b.isScrollable()&&(!k||!q);){let ue=be==="older"?k?"newer":"older":q?"older":"newer";be=ue==="older"?"newer":"older",await de(ue)||(ue==="older"?k=true:q=true);}return se(t,l)}async function ye(t,l={behavior:"auto",block:"center"}){if(!H.value||t==="")return false;let m=_.value,b=++r;if(!J.value.includes(t)){let q=u.actions.loadAround;if(q===void 0||!await v({kind:"locate-message",messageId:t},()=>q(t))||!se(m,b))return false}return !await fe(m,b,t,{...l,behavior:"auto"})||!await Te(m,b,t)?false:fe(m,b,t,l)}function n(){y!==void 0&&(clearTimeout(y),y=void 0);}function i$1(){if(n(),!x.value)return;let t=e.readActions;if(t===void 0||f.length===0)return;let l=Number.isFinite(G.value.visibleReadDelay)?Math.max(0,G.value.visibleReadDelay):Pe.visibleReadDelay;y=setTimeout(()=>{if(y=void 0,!H.value||!Z.value)return;let m=f[f.length-1];if(m===void 0)return;let b=t.resolveTarget===void 0?m:t.resolveTarget(m);b!=null&&Promise.resolve(t.markRead(b)).catch(O=>{e.hooks?.onError?.({kind:"visible-range",messageIds:f},O);});},l);}function s(t){f=Object.freeze([...t]);let l={kind:"visible-range",messageIds:f};e.hooks?.beforeAction?.(l);try{u.actions.onVisibleRange?.(f),e.hooks?.afterAction?.(l,void 0);}catch(m){throw e.hooks?.onError?.(l,m),m}x.value?i$1():F();}function w(t,l){return !z&&I===l&&_.value===t&&!S}function E(t,l){w(t,l)&&(h=t,D=C(a.value.entryUnread),x.value=true,i$1());}function C(t){return t.state!=="located"?t.state:`${t.state}:${t.firstMessageId}`}async function L(t,l,m){for(let b=0;b<60;b+=1){if(!w(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(k=>window.requestAnimationFrame(()=>k()));}return false}function F(){let t=_.value,l=C(a.value.entryUnread);if(t===""||a.value.loading||a.value.error!==null||h===t&&(D===l||S)||V===t||d!==null)return;if(!Y.value.enabled){h=t,D=l,x.value=true,i$1();return}let m=++I;S=false,x.value=false;let b=(async()=>{if(await nextTick(),!w(t,m))return;let O=p.value;if(O===null||!O.isMeasurable())return;let k=a.value.entryUnread;if(k.state==="located"&&!J.value.includes(k.firstMessageId))return;let q=k.state==="located"?await L(t,m,k.firstMessageId):false;if(k.state==="located"&&!q)return;q||O.scrollToLatest();let me=0;for(;w(t,m)&&me<Y.value.maxFillPages&&a.value.hasOlder&&O.isMeasurable()&&!O.isScrollable();)if(await T(),!w(t,m)||(me+=1,await nextTick(),await nextTick(),!O.isMeasurable()))return;if(!w(t,m)||!O.isMeasurable())return;let de=a.value.entryUnread;if(de.state==="located"){if(!J.value.includes(de.firstMessageId)||!await L(t,m,de.firstMessageId))return}else O.scrollToLatest();await nextTick(),E(t,m);})().catch(()=>{_.value===t&&(V=t);}).finally(()=>{d===b&&(d=null);});d=b;}function ae(t){I+=1,d=null,S=false,x.value=t,(h="",D="",V=""),n();}function re(){if(x.value)return;let t=_.value;S=true,I+=1,d=null,h=t,x.value=true,i$1();}let le=Object.freeze({getViewportElement:()=>p.value?.getViewportElement()??null,loadOlder:T,retryOlder:X,loadNewer:P,retryNewer:U,jumpToLatest:ve,scrollToMessage:ge,locateMessage:ye,focusViewport:()=>p.value?.focusViewport()});return o(le),watch(Z,t=>{t&&x.value?i$1():n();}),watch([()=>a.value.activeRemoteMessageRevision??0,p,_],()=>{let t=p.value;if(t===null||!H.value)return;let l=u.actions.drainActiveRemoteMessageIds?.()??[];t.trackRemoteMessageIds(l,{isAtBottom:R.value,isHistoryWindow:a.value.isHistoryWindow,isPageVisible:B.value})&&(R.value=false);},{flush:"post"}),watch([_,()=>a.value.loading,()=>a.value.error,()=>J.value.length,()=>a.value.hasOlder,()=>C(a.value.entryUnread),Y],([t,l,m,,,b],[O,,,,,k])=>{if(t!==O&&(r+=1,ae(false),c(true),p.value?.clearNewMessageBadge(),M.value=0,R.value=true),t!==""&&t===O&&b!==k&&!S&&b.startsWith("located:")&&(h="",D="",x.value=false),t===""||m!==null){ae(false);return}l||F();},{flush:"post",immediate:true}),onBeforeUnmount(()=>{z=true,r+=1,ae(false),c(true);}),()=>{let t={conversation:e.conversation,state:a.value,items:ee.value,actions:le},l=[g.header?.(t),g["before-list"]?.(t)];if(!H.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(Ve,{ref:p,messageIds:J.value,loadingOlder:a.value.loadingOlder??a.value.loading,hasNewer:a.value.hasNewer,loadingNewer:a.value.loadingNewer??a.value.loading,followThreshold:G.value.followThreshold,olderPrefetchThreshold:G.value.olderPrefetchThreshold,visibleMargin:G.value.visibleMargin,activeDateOffset:G.value.activeDateOffset,activeDateEnabled:g["active-date"]!==void 0,resizeFollowEnabled:x.value,followNewMessages:B.value,shouldFollowAppendedMessage:b=>{let O=a.value.messages.find(k=>k.id===b);return O===void 0?false:u.shouldFollowMessage?.(O)===true},onReachStart:()=>{K("older").catch(()=>{});},onReachEnd:()=>{K("newer").catch(()=>{});},onSettled:he,onUserScroll:re,onActiveDateChange:A,onVisibleRange:s,onNewMessageCount:b=>{M.value=b;}},{default:()=>[g["viewport-before"]?.(t),h$1(Me,{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:W.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:M.value,visible:!R.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 Ee(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),M=Math.max(1,e.maxSettledVisible??Number.POSITIVE_INFINITY),R=new Map,f=new Map,y=new Set,I=new Set,r=new Set,d=null,h=null,D=null,V=false,S=false,z=false,x,j;function W(){x!==void 0&&clearTimeout(x),x=void 0;}function $(){j!==void 0&&clearTimeout(j),j=void 0;}function N(c=false){if(!c&&h!==null||d===null)return;let A=d.getBoundingClientRect(),v=At(A,p);for(let[T,P]of R){let K=T.getBoundingClientRect();P.ratio=Ze(K,A),P.intersecting=P.ratio>0,P.revealIntersecting=p>0?Ze(K,v)>0:P.intersecting&&P.ratio>=u;}}function a(c){return c.intersecting&&c.ratio>=u}function B(){for(let c of R.values())!c.revealIntersecting||y.has(c.key)||(y.add(c.key),e.onRevealed?.(c.item));}function Z(c){let A=new Set(c.map(T=>T.key));if(A.size!==r.size||[...A].some(T=>!r.has(T))){r.clear();for(let T of A)r.add(T);e.onSettledVisibleChange?.(c.map(T=>T.item));}}function H(){if(S||V)return;N(),B();let c=d?.getBoundingClientRect(),A=c===void 0?0:(c.top+c.bottom)/2,v=[...R.entries()].filter(([,T])=>a(T)).sort(([T],[P])=>{let K=T.getBoundingClientRect(),U=P.getBoundingClientRect();return Math.abs((K.top+K.bottom)/2-A)-Math.abs((U.top+U.bottom)/2-A)}).slice(0,M).map(([,T])=>T);Z(v);for(let T of v)I.has(T.key)||(I.add(T.key),e.onActivated?.(T.item));}function G(){S||V||($(),j=setTimeout(()=>{j=void 0,H();},g));}function Y(){S||(_(true),N(),B(),Z([]),$(),W(),x=setTimeout(()=>{x=void 0,_(false),G();},o));}function _(c){V!==c&&(V=c,e.onScrollingChange?.(c));}function ee(){d?.removeEventListener("scroll",Y),h?.disconnect(),D?.disconnect(),h=null,D=null,d=null;}function J(c=true){if(S)return;let A=e.getRoot();if(!(A===d&&d!==null)){if(ee(),d=A,d===null){c&&!z&&(z=true,Promise.resolve().then(()=>{z=false,S||(J(false),G());}));return}if(d.addEventListener("scroll",Y,{passive:true}),typeof IntersectionObserver<"u"){h=new IntersectionObserver(v=>{for(let T of v){let P=R.get(T.target);P!==void 0&&(P.intersecting=T.isIntersecting,P.ratio=T.intersectionRatio,p===0&&(P.revealIntersecting=T.isIntersecting&&T.intersectionRatio>=u));}B(),G();},{root:d,threshold:[0,u,1]}),p>0&&(D=new IntersectionObserver(v=>{for(let T of v){let P=R.get(T.target);P!==void 0&&(P.revealIntersecting=T.isIntersecting);}B();},{root:d,rootMargin:`${p}px 0px`,threshold:0}));for(let v of R.keys())h.observe(v);for(let v of R.keys())D?.observe(v);}else N(),B();}}function te(c){y.delete(c),I.delete(c),r.delete(c);}return {register(c,A){if(S)return;let v=e.getKey(c),T=y.has(v),P=I.has(v),K=A===null?void 0:R.get(A);K!==void 0&&K.key!==v&&(f.delete(K.key),R.delete(A),te(K.key));let U=f.get(v);if(U!==void 0&&U!==A&&(h?.unobserve(U),D?.unobserve(U),R.delete(U),f.delete(v)),A===null){U!==void 0&&(h?.unobserve(U),D?.unobserve(U),R.delete(U),f.delete(v)),te(v);return}let X=R.get(A);if(X?.key===v&&X.item===c){J();return}R.set(A,{item:c,key:v,intersecting:X?.key===v?X.intersecting:false,ratio:X?.key===v?X.ratio:0,revealIntersecting:X?.key===v?X.revealIntersecting:false}),f.set(v,A),J(),h?.observe(A),D?.observe(A),N(true),B(),T&&e.onRevealed?.(c),P?e.onActivated?.(c):G();},isRevealed:c=>y.has(e.getKey(c)),isActivated:c=>I.has(e.getKey(c)),isSettledVisible:c=>r.has(e.getKey(c)),isScrolling:()=>V,notifyScroll:Y,refresh(){J(),N(true),B(),G();},reset(){W(),$(),_(false),Z([]),ee(),R.clear(),f.clear(),y.clear(),I.clear();},dispose(){S||(W(),$(),_(false),Z([]),ee(),R.clear(),f.clear(),y.clear(),I.clear(),S=true);}}}function Pt(e){let o=new Map,g=new Map,u=false,p=f=>{let y=o.get(f.channel);return y===void 0?f.channel:`${f.channel}\0${y.getKey(f.item)}`},M=Ee({getRoot:e.getRoot,getKey:p,revealMarginPx:e.revealMarginPx,minimumIntersectionRatio:e.minimumIntersectionRatio,scrollIdleMs:e.scrollIdleMs,visibilityDwellMs:e.visibilityDwellMs,onScrollingChange:f=>{for(let y of o.values())y.onScrollingChange?.(f);},onRevealed:f=>o.get(f.channel)?.onRevealed?.(f.item),onActivated:f=>o.get(f.channel)?.onActivated?.(f.item),onSettledVisibleChange:f=>{for(let[y,I]of o){let r=f.filter(h=>h.channel===y).map(h=>h.item),d=I.maxSettledVisible===void 0?r:r.slice(0,I.maxSettledVisible);I.onSettledVisibleChange?.(d);}}});function R(f){return y=>{if(u)throw new Error("Thread visibility target group \u5DF2\u91CA\u653E");if(o.has(f))throw new Error(`Thread visibility channel \u5DF2\u5B58\u5728: ${f}`);o.set(f,y);let I=new Map;g.set(f,I);let r=false,d=V=>({channel:f,item:V});function h(){for(let V of I.values())M.register(V.target,null);I.clear(),y.onScrollingChange?.(false),y.onSettledVisibleChange?.([]);}return {register(V,S){if(r||u)return;let z=y.getKey(V),x=I.get(z);if(S===null){x!==void 0&&(M.register(x.target,null),I.delete(z));return}let j=d(V);I.set(z,{target:j,element:S}),M.register(j,S);},isRevealed:V=>M.isRevealed(d(V)),isActivated:V=>M.isActivated(d(V)),isSettledVisible:V=>M.isSettledVisible(d(V)),isScrolling:M.isScrolling,notifyScroll:M.notifyScroll,refresh:M.refresh,reset:h,dispose(){r||(h(),r=true,o.delete(f),g.delete(f));}}}}return {createFactory:R,refresh:M.refresh,dispose(){if(!u){for(let f of g.values())for(let y of f.values())M.register(y.target,null);g.clear(),o.clear(),M.dispose(),u=true;}}}}export{Ie as ImThreadBodySwitch,Me as ImThreadItems,Vt as ImThreadSurface,Ve as ImThreadViewport,yt as createImThreadSurfaceContext,xt as createMessageRendererRegistry,Pt as createThreadVisibilityTargetGroup,Ee as createThreadVisibilityTargets,bt as provideImThreadSurfaceContext,tt as useImText,xe 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';
|