k2-im 0.1.0

package/dist/chat-kit-vue.js

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