@funhub/platform 0.2.29 → 0.2.31

package/dist/components/biz/business/fullscreen-feed/variants/shared/runtime-compat.mjs

@@ -1,2 +1,523 @@
 
-"use client";import{mergeStyles as e}from"../../../../utils/styles/helpers.mjs";import{useUserStore as t}from"../../../../../../store/modules/user-store.mjs";import{gContentGetAppChannelBlockData as n}from"../../../../../../service/generated/client.mjs";import{checkFollowStatus as r}from"../../../../../../utils/follow-service.mjs";import{useKeepAliveEffect as i,useKeepAliveState as a}from"../../../../../common/keep-scroll-position/index.mjs";import{adaptFeedItemToSafeInformation as o,normalizeToFeedItem as ee}from"../../../../basics/fullscreen-feed/runtime/adapters.mjs";import{batchQueryContentInteractions as s}from"../../../../../../hooks/use-content-operate.mjs";import{defaultProps as te}from"../../../../basics/fullscreen-feed/defaults/default-props.mjs";import{buildInteractionMap as c,collectPendingInteractionIds as ne,mergeInteractionIntoFeedItems as re}from"../../../../basics/fullscreen-feed/runtime/interaction-sync.mjs";import{useCallback as l,useEffect as u,useMemo as d,useRef as f}from"react";function p(e){return!!e&&typeof e==`object`&&(`data`in e||`props`in e||`styles`in e||`events`in e)}function m(e){let t=String(e?.content_id??e?.id??``),n=e?.author,r=Array.isArray(e?.medias)?e.medias:[],i=String(e?.content||``),a=e?.title?String(e.title):i.length>18?`${i.slice(0,18)}...`:i;return{id:t,mid:t,show_at:e?.create_time||``,name:a,img_y:e?.cover_image||``,preview_images:r,description:e?.content||``,tags:[],links:[],up_user:e?.user_id||n?.user_id||``,source_username:n?.nick_name||``,type:e?.type,is_liked:!!e?.is_liked,is_dislike:!!e?.is_dislike,is_collected:!!e?.is_collected,is_followed:!!e?.is_followed,author:n?{user_id:n.user_id||``,nick_name:n.nick_name||``,user_name:n.user_name||n.username||n.nick_name||``,avatar:n.avatar||``,is_verified:!!n.is_verified}:void 0,static:{like_cnt:e?.like_count||0,dislike_cnt:e?.dislike_count||0,comment_cnt:e?.comment_count||0,share_cnt:e?.share_count||0,browse_cnt:e?.view_count||0,collect_cnt:0}}}function h(e){let t=m(e);return t.id?{kind:`post`,id:t.id,title:t.name,content:e?.content||``,images:t.preview_images||[],originalData:t}:null}function ie(e){return!e||typeof e!=`object`?null:`kind`in e&&`originalData`in e?e:`content_id`in e||`comment_count`in e||`like_count`in e?h(e):ee(o(e))}function ae(e){if(Array.isArray(e))return e;if(!e||typeof e!=`object`)return[];let t=e.list||e.contents||e.videos||e.items;return Array.isArray(t)?t:[]}function g(o){let ee=o.data||{},p=o.styles,m=d(()=>o.events||{},[o.events]),h=o.data,g={...te,...ee},_=String(h?.block_id||h?.blockId||g.block_id||g.blockId||``),v=String(h?.app_id||g.app_id||g.appId||``)||void 0,oe=h?.cursor||g.cursor,y=oe==null?``:String(oe),b=Number(h?.refresh_key??h?.refreshKey??g.refresh_key??g.refreshKey??0),se=String(h?.keep_alive_key||h?.keepAliveKey||g.keep_alive_key||g.keepAliveKey||``),x=d(()=>se||`fullscreen-feed-runtime:${v||`app`}:${_||`unknown`}`,[v,_,se]),S=d(()=>ae(h).map(e=>ie(e)).filter(Boolean),[h]),C=d(()=>{let e=Number(g.initialActiveIndex??0);return Number.isFinite(e)?e:0},[g.initialActiveIndex]),[ce,w]=a(`${x}-active-index`,C),[le,T]=a(`${x}-user-interacted`,!1),[E,D]=a(`${x}-follow-ids`,Array.isArray(g.followIds)?g.followIds:[]),O=f(E),[k,A]=a(`${x}-items`,S),j=f(k);j.current=k;let[ue,de]=a(`${x}-refresh-key`,b),{userId:fe,userInfo:pe}=t(),M=fe||pe?.userId||``,[N,P]=a(`${x}-checked-interaction-ids`,{video:[],post:[]}),F=f({video:new Set(N.video),post:new Set(N.post)}),I=f(N);I.current=N;let[L,R]=a(`${x}-checked-followee-ids`,[]),z=f(new Set(L)),B=f(L);B.current=L;let V=f(new Set),H=f(!1),U=l(e=>{let t=e.originalData;return t?.author?.user_id||t?.up_user||``},[]),W=l(async()=>{if(H.current||!M||V.current.size===0)return;H.current=!0;let e=Array.from(V.current);V.current=new Set;let t=await r({app_id:0,follower_id:M,followee_ids:e});if(t.success&&t.data?.is_following_map){let n=t.data.is_following_map;A(e=>{let t=!1,r=e.map(e=>{let r=U(e);if(!r||!(r in n))return e;let i=!!n[r];return e.originalData?.is_followed===i?e:(t=!0,{...e,originalData:{...e.originalData,is_followed:i}})});return t?r:e}),D(t=>{let r=new Set(t);e.forEach(e=>{n[e]?r.add(e):r.delete(e)});let i=Array.from(r);return O.current=i,i})}H.current=!1,V.current.size>0&&W()},[U,M,D,A]),G=l(e=>{if(!M)return;let t=e.map(e=>U(e)).filter(e=>!!e);t.length!==0&&(t.forEach(e=>{z.current.has(e)||(z.current.add(e),V.current.add(e))}),V.current.size>0&&R(Array.from(z.current)),W())},[W,U,M,R]),K=l(e=>{if(e.size===0)return e;let t=new Map;return e.forEach((e,n)=>{if(!e)return;let{is_followed:r,...i}=e;t.set(n,i)}),t},[]),q=l(async e=>{if(!M)return;let{pendingVideoIds:t,pendingPostIds:n}=ne(e,F.current);if(t.length===0&&n.length===0)return;P({video:Array.from(F.current.video),post:Array.from(F.current.post)});let[r,i]=await Promise.all([t.length>0?s(t,1):Promise.resolve(null),n.length>0?s(n,2):Promise.resolve(null)]),a=K(c(r?.interaction_list)),o=K(c(i?.interaction_list));A(e=>{let t=re(e,a,o);if(t===e)return e;if(z.current.size===0)return t;let n=!1,r=t.map(e=>{let t=U(e);if(!t||!z.current.has(t))return e;let r=O.current.includes(t);return e.originalData?.is_followed===r?e:(n=!0,{...e,originalData:{...e.originalData,is_followed:r}})});return n?r:t})},[U,M,P,A,K]),[J,Y]=a(`${x}-cursor`,y),X=f(J),Z=f(!1),[Q,$]=a(`${x}-has-more`,!!(y&&y.trim()));u(()=>{X.current=J},[J]),u(()=>{O.current=E},[E]),u(()=>{F.current={video:new Set(I.current.video),post:new Set(I.current.post)}},[I,M]),u(()=>{F.current={video:new Set,post:new Set},P({video:[],post:[]})},[M,P]),u(()=>{z.current=new Set(B.current)},[B,M]),u(()=>{z.current=new Set,V.current=new Set,R([]),M&&j.current.length!==0&&G(j.current)},[x,G,M,R]),u(()=>{M&&k.length!==0&&G(k)},[k,G,M]),u(()=>{M&&k.length!==0&&q(k)},[k,q,M]),i(()=>{b!==ue&&(k.length>0||(A(S),Y(y),X.current=y,$(!!(y&&y.trim())),w(C),T(!1),z.current=new Set,R([]),F.current={video:new Set,post:new Set},P({video:[],post:[]})),de(b))},[C,y,S,k.length,b,w,Y,$,A,P,de,T,ue],`fullscreen-feed-runtime-refresh-${x}`);let me=g.onSwipeTo||m.onSwipeTo,he=g.onCustomActionRender,ge=g.onRequireLogin||m.onRequireLogin,_e=g.onFollowIdsChange||m.onFollowIdsChange,ve=m.onControlsVisibilityChange,ye=m.onGestureStart,be=m.onGestureEnd,xe=m.onSwipeCancel,Se=g.onDataUpdate||m.onDataUpdate,Ce=g.onOpenComment||m.onOpenComment,we=p?e(p,{}):void 0,Te={loop:g.loop,autoNext:g.autoNext,...g.videoConfig||{}},Ee=l(async()=>{if(!_||!Q||Z.current)return;let e=X.current;if(!e||!e.trim()){$(!1);return}Z.current=!0;try{let t=(await n({app_id:v,block_id:_,cursor:e||void 0})).data?.block?.data,r=t?.cursor,i=r==null?``:String(r),a=[];Array.isArray(t?.videos)&&a.push(...t.videos),Array.isArray(t?.contents)&&a.push(...t.contents);let o=a.map(e=>ie(e)).filter(Boolean);o.length>0&&(A(e=>{let t=new Set(e.map(e=>`${e.kind}:${e.id}`)),n=[...e];return o.forEach(e=>{if(!e.id)return;let r=`${e.kind}:${e.id}`;t.has(r)||(t.add(r),n.push(e))}),n}),G(o),q(o)),X.current=i,Y(i),$(!!(i&&i.trim()))}catch(e){console.error(`FullscreenFeed runtime fetchMore failed:`,e),$(!1)}finally{Z.current=!1}},[v,_,Q,Y]),De=l(()=>{T(!0),m.onUserInteracted?.()},[m,T]),Oe=l((e,t)=>{w(e),me?.({activeIndex:e,items:j.current,direction:t});let n=j.current.length;_&&Q&&n>0&&e>=n-2&&Ee()},[_,Ee,Q,me,w]),ke=l(e=>{O.current=e,D(e),_e?.(e)},[_e,D]),Ae=l(e=>{let t=m.getNavigationInfo;if(t)return t(e);let n=k[e+1];return{showSeriesButton:!1,nextItemText:n?`\u4E0B\u4E00\u6761${n.title?`\u00B7${n.title}`:``}`:``}},[k,m]);return{items:k,activeIndex:ce,...g,top:g.top,bottom:g.bottom,currentUserId:g.currentUserId,videoConfig:Te,userInteracted:le,onUserInteracted:De,onActiveIndexChange:Oe,onDataUpdate:(e,t)=>Se?.(e,t),onOpenComment:Ce,getNavigationInfo:Ae,onControlsVisibilityChange:ve,onGestureStart:ye,onGestureEnd:be,onSwipeCancel:xe,onCustomActionRender:he,followIds:E,onFollowIdsChange:ke,onRequireLogin:ge,style:we}}export{p as isRuntimeBaseComponentProps,g as useFullscreenFeedRuntimeCompat};
+'use client';
+
+import { mergeStyles } from "../../../../utils/styles/helpers.mjs";
+import { useUserStore } from "../../../../../../store/modules/user-store.mjs";
+import { gContentGetAppChannelBlockData } from "../../../../../../service/generated/client.mjs";
+import { checkFollowStatus } from "../../../../../../utils/follow-service.mjs";
+import { useKeepAliveEffect, useKeepAliveState } from "../../../../../common/keep-scroll-position/index.mjs";
+import { adaptFeedItemToSafeInformation, normalizeToFeedItem } from "../../../../basics/fullscreen-feed/runtime/adapters.mjs";
+import { batchQueryContentInteractions } from "../../../../../../hooks/use-content-operate.mjs";
+import { defaultProps } from "../../../../basics/fullscreen-feed/defaults/default-props.mjs";
+import { buildInteractionMap, collectPendingInteractionIds, mergeInteractionIntoFeedItems } from "../../../../basics/fullscreen-feed/runtime/interaction-sync.mjs";
+import { useCallback, useEffect, useMemo, useRef } from "react";
+
+//#region components/biz/business/fullscreen-feed/variants/shared/runtime-compat.ts
+/**
+* 判断是否为平台 runtime 注入的 BaseComponentProps。
+*
+* 注意：这里不要只用 `data` 判断，因为 props/styles/events 也可能单独存在。
+*/
+function isRuntimeBaseComponentProps(input) {
+	return !!input && typeof input === "object" && ("data" in input || "props" in input || "styles" in input || "events" in input);
+}
+function mapPostToSafeInformation(raw) {
+	const id = String(raw?.content_id ?? raw?.id ?? "");
+	const author = raw?.author;
+	const medias = Array.isArray(raw?.medias) ? raw.medias : [];
+	const rawText = String(raw?.content || "");
+	const displayTitle = raw?.title ? String(raw.title) : rawText.length > 18 ? `${rawText.slice(0, 18)}...` : rawText;
+	return {
+		id,
+		mid: id,
+		show_at: raw?.create_time || "",
+		name: displayTitle,
+		img_y: raw?.cover_image || "",
+		preview_images: medias,
+		description: raw?.content || "",
+		tags: [],
+		links: [],
+		up_user: raw?.user_id || author?.user_id || "",
+		source_username: author?.nick_name || "",
+		type: raw?.type,
+		is_liked: Boolean(raw?.is_liked),
+		is_dislike: Boolean(raw?.is_dislike),
+		is_collected: Boolean(raw?.is_collected),
+		is_followed: Boolean(raw?.is_followed),
+		author: author ? {
+			user_id: author.user_id || "",
+			nick_name: author.nick_name || "",
+			user_name: author.user_name || author.username || author.nick_name || "",
+			avatar: author.avatar || "",
+			is_verified: Boolean(author.is_verified)
+		} : void 0,
+		static: {
+			like_cnt: raw?.like_count || 0,
+			dislike_cnt: raw?.dislike_count || 0,
+			comment_cnt: raw?.comment_count || 0,
+			share_cnt: raw?.share_count || 0,
+			browse_cnt: raw?.view_count || 0,
+			collect_cnt: 0
+		}
+	};
+}
+function mapPostToFeedItem(raw) {
+	const info = mapPostToSafeInformation(raw);
+	if (!info.id) return null;
+	return {
+		kind: "post",
+		id: info.id,
+		title: info.name,
+		content: raw?.content || "",
+		images: info.preview_images || [],
+		originalData: info
+	};
+}
+function mapAnyToFeedItem(raw) {
+	if (!raw || typeof raw !== "object") return null;
+	if ("kind" in raw && "originalData" in raw) return raw;
+	if ("content_id" in raw || "comment_count" in raw || "like_count" in raw) return mapPostToFeedItem(raw);
+	return normalizeToFeedItem(adaptFeedItemToSafeInformation(raw));
+}
+function extractRuntimeList(data) {
+	if (Array.isArray(data)) return data;
+	if (!data || typeof data !== "object") return [];
+	const maybeList = data.list || data.contents || data.videos || data.items;
+	if (Array.isArray(maybeList)) return maybeList;
+	return [];
+}
+/**
+* 将互动状态列表转换为 Map，方便按 content_id 更新数据。
+*/
+/**
+* 将 BaseComponentProps 规范化为 FullscreenFeedClient 受控入参。
+*/
+function useFullscreenFeedRuntimeCompat(inputProps) {
+	const runtimePropsConfig = inputProps.data || {};
+	const runtimeStyles = inputProps.styles;
+	const runtimeEvents = useMemo(() => inputProps.events || {}, [inputProps.events]);
+	const runtimeData = inputProps.data;
+	const runtimeProps = {
+		...defaultProps,
+		...runtimePropsConfig
+	};
+	const blockId = String(runtimeData?.block_id || runtimeData?.blockId || runtimeProps.block_id || runtimeProps.blockId || "");
+	const appId = String(runtimeData?.app_id || runtimeProps.app_id || runtimeProps.appId || "") || void 0;
+	const initialCursorValue = runtimeData?.cursor || runtimeProps.cursor;
+	const initialCursor = initialCursorValue === null || initialCursorValue === void 0 ? "" : String(initialCursorValue);
+	const refreshKey = Number(runtimeData?.refresh_key ?? runtimeData?.refreshKey ?? runtimeProps.refresh_key ?? runtimeProps.refreshKey ?? 0);
+	const keepAliveKey = String(runtimeData?.keep_alive_key || runtimeData?.keepAliveKey || runtimeProps.keep_alive_key || runtimeProps.keepAliveKey || "");
+	const cacheKey = useMemo(() => {
+		if (keepAliveKey) return keepAliveKey;
+		return `fullscreen-feed-runtime:${appId || "app"}:${blockId || "unknown"}`;
+	}, [
+		appId,
+		blockId,
+		keepAliveKey
+	]);
+	const initialItems = useMemo(() => {
+		return extractRuntimeList(runtimeData).map((item) => mapAnyToFeedItem(item)).filter(Boolean);
+	}, [runtimeData]);
+	const initialActiveIndex = useMemo(() => {
+		const value = Number(runtimeProps.initialActiveIndex ?? 0);
+		return Number.isFinite(value) ? value : 0;
+	}, [runtimeProps.initialActiveIndex]);
+	const [activeIndex, setActiveIndex] = useKeepAliveState(`${cacheKey}-active-index`, initialActiveIndex);
+	const [userInteracted, setUserInteracted] = useKeepAliveState(`${cacheKey}-user-interacted`, false);
+	const [followIds, setFollowIds] = useKeepAliveState(`${cacheKey}-follow-ids`, Array.isArray(runtimeProps.followIds) ? runtimeProps.followIds : []);
+	const followIdsRef = useRef(followIds);
+	const [items, setItems] = useKeepAliveState(`${cacheKey}-items`, initialItems);
+	const itemsRef = useRef(items);
+	itemsRef.current = items;
+	const [storedRefreshKey, setStoredRefreshKey] = useKeepAliveState(`${cacheKey}-refresh-key`, refreshKey);
+	const { userId: storeUserId, userInfo } = useUserStore();
+	const resolvedUserId = storeUserId || userInfo?.userId || "";
+	const [checkedInteractionIds, setCheckedInteractionIds] = useKeepAliveState(`${cacheKey}-checked-interaction-ids`, {
+		video: [],
+		post: []
+	});
+	const checkedInteractionIdsRef = useRef({
+		video: new Set(checkedInteractionIds.video),
+		post: new Set(checkedInteractionIds.post)
+	});
+	const checkedInteractionIdsListRef = useRef(checkedInteractionIds);
+	checkedInteractionIdsListRef.current = checkedInteractionIds;
+	const [checkedFolloweeIds, setCheckedFolloweeIds] = useKeepAliveState(`${cacheKey}-checked-followee-ids`, []);
+	const checkedFolloweeIdsRef = useRef(new Set(checkedFolloweeIds));
+	const checkedFolloweeIdsListRef = useRef(checkedFolloweeIds);
+	checkedFolloweeIdsListRef.current = checkedFolloweeIds;
+	const pendingFolloweeIdsRef = useRef(/* @__PURE__ */ new Set());
+	const isCheckingFollowRef = useRef(false);
+	/**
+	* 获取条目对应的作者用户 ID。
+	*/
+	const resolveFolloweeId = useCallback((item) => {
+		const info = item.originalData;
+		return info?.author?.user_id || info?.up_user || "";
+	}, []);
+	/**
+	* 批量刷新关注状态。
+	*/
+	/**
+	* 串行处理关注状态队列，避免重复请求。
+	*/
+	const processFollowQueue = useCallback(async () => {
+		if (isCheckingFollowRef.current) return;
+		if (!resolvedUserId) return;
+		if (pendingFolloweeIdsRef.current.size === 0) return;
+		isCheckingFollowRef.current = true;
+		const pendingIds = Array.from(pendingFolloweeIdsRef.current);
+		pendingFolloweeIdsRef.current = /* @__PURE__ */ new Set();
+		const result = await checkFollowStatus({
+			app_id: 0,
+			follower_id: resolvedUserId,
+			followee_ids: pendingIds
+		});
+		if (result.success && result.data?.is_following_map) {
+			const followMap = result.data.is_following_map;
+			setItems((prev) => {
+				let hasChanges = false;
+				const next = prev.map((item) => {
+					const followeeId = resolveFolloweeId(item);
+					if (!followeeId) return item;
+					if (!(followeeId in followMap)) return item;
+					const isFollowed = Boolean(followMap[followeeId]);
+					if (item.originalData?.is_followed === isFollowed) return item;
+					hasChanges = true;
+					return {
+						...item,
+						originalData: {
+							...item.originalData,
+							is_followed: isFollowed
+						}
+					};
+				});
+				return hasChanges ? next : prev;
+			});
+			setFollowIds((prev) => {
+				const next = new Set(prev);
+				pendingIds.forEach((id) => {
+					if (followMap[id]) next.add(id);
+					else next.delete(id);
+				});
+				const nextIds = Array.from(next);
+				followIdsRef.current = nextIds;
+				return nextIds;
+			});
+		}
+		isCheckingFollowRef.current = false;
+		if (pendingFolloweeIdsRef.current.size > 0) processFollowQueue();
+	}, [
+		resolveFolloweeId,
+		resolvedUserId,
+		setFollowIds,
+		setItems
+	]);
+	const refreshFollowStatus = useCallback((targetItems) => {
+		if (!resolvedUserId) return;
+		const followeeIds = targetItems.map((item) => resolveFolloweeId(item)).filter((id) => Boolean(id));
+		if (followeeIds.length === 0) return;
+		followeeIds.forEach((id) => {
+			if (checkedFolloweeIdsRef.current.has(id)) return;
+			checkedFolloweeIdsRef.current.add(id);
+			pendingFolloweeIdsRef.current.add(id);
+		});
+		if (pendingFolloweeIdsRef.current.size > 0) setCheckedFolloweeIds(Array.from(checkedFolloweeIdsRef.current));
+		processFollowQueue();
+	}, [
+		processFollowQueue,
+		resolveFolloweeId,
+		resolvedUserId,
+		setCheckedFolloweeIds
+	]);
+	/**
+	* 批量刷新点赞/点踩/收藏状态。
+	*/
+	/**
+	* 过滤互动状态里的关注字段，避免覆盖 checkFollow 结果。
+	*/
+	const stripFollowFromInteractionMap = useCallback((map) => {
+		if (map.size === 0) return map;
+		const next = /* @__PURE__ */ new Map();
+		map.forEach((value, key) => {
+			if (!value) return;
+			const { is_followed: _isFollowed, ...rest } = value;
+			next.set(key, rest);
+		});
+		return next;
+	}, []);
+	const refreshInteractionStatus = useCallback(async (targetItems) => {
+		if (!resolvedUserId) return;
+		const { pendingVideoIds, pendingPostIds } = collectPendingInteractionIds(targetItems, checkedInteractionIdsRef.current);
+		if (pendingVideoIds.length === 0 && pendingPostIds.length === 0) return;
+		setCheckedInteractionIds({
+			video: Array.from(checkedInteractionIdsRef.current.video),
+			post: Array.from(checkedInteractionIdsRef.current.post)
+		});
+		const [videoData, postData] = await Promise.all([pendingVideoIds.length > 0 ? batchQueryContentInteractions(pendingVideoIds, 1) : Promise.resolve(null), pendingPostIds.length > 0 ? batchQueryContentInteractions(pendingPostIds, 2) : Promise.resolve(null)]);
+		const videoMap = stripFollowFromInteractionMap(buildInteractionMap(videoData?.interaction_list));
+		const postMap = stripFollowFromInteractionMap(buildInteractionMap(postData?.interaction_list));
+		setItems((prev) => {
+			const merged = mergeInteractionIntoFeedItems(prev, videoMap, postMap);
+			if (merged === prev) return prev;
+			if (checkedFolloweeIdsRef.current.size === 0) return merged;
+			let hasChanges = false;
+			const next = merged.map((item) => {
+				const followeeId = resolveFolloweeId(item);
+				if (!followeeId) return item;
+				if (!checkedFolloweeIdsRef.current.has(followeeId)) return item;
+				const shouldFollow = followIdsRef.current.includes(followeeId);
+				if (item.originalData?.is_followed === shouldFollow) return item;
+				hasChanges = true;
+				return {
+					...item,
+					originalData: {
+						...item.originalData,
+						is_followed: shouldFollow
+					}
+				};
+			});
+			return hasChanges ? next : merged;
+		});
+	}, [
+		resolveFolloweeId,
+		resolvedUserId,
+		setCheckedInteractionIds,
+		setItems,
+		stripFollowFromInteractionMap
+	]);
+	const [cursor, setCursor] = useKeepAliveState(`${cacheKey}-cursor`, initialCursor);
+	const cursorRef = useRef(cursor);
+	const isFetchingRef = useRef(false);
+	const [hasMore, setHasMore] = useKeepAliveState(`${cacheKey}-has-more`, Boolean(initialCursor && initialCursor.trim()));
+	useEffect(() => {
+		cursorRef.current = cursor;
+	}, [cursor]);
+	useEffect(() => {
+		followIdsRef.current = followIds;
+	}, [followIds]);
+	useEffect(() => {
+		checkedInteractionIdsRef.current = {
+			video: new Set(checkedInteractionIdsListRef.current.video),
+			post: new Set(checkedInteractionIdsListRef.current.post)
+		};
+	}, [checkedInteractionIdsListRef, resolvedUserId]);
+	useEffect(() => {
+		checkedInteractionIdsRef.current = {
+			video: /* @__PURE__ */ new Set(),
+			post: /* @__PURE__ */ new Set()
+		};
+		setCheckedInteractionIds({
+			video: [],
+			post: []
+		});
+	}, [resolvedUserId, setCheckedInteractionIds]);
+	useEffect(() => {
+		checkedFolloweeIdsRef.current = new Set(checkedFolloweeIdsListRef.current);
+	}, [checkedFolloweeIdsListRef, resolvedUserId]);
+	/**
+	* keep-alive 会缓存 checkedFolloweeIds，导致“跳转出去再返回”时不再触发 checkFollow。
+	* 返回页面时用户的关注状态可能已在别处发生变化，因此这里在每次挂载/实例切换时强制重置一次，
+	* 让首屏 items 重新走一遍 checkFollow 刷新关注态。
+	*/
+	useEffect(() => {
+		checkedFolloweeIdsRef.current = /* @__PURE__ */ new Set();
+		pendingFolloweeIdsRef.current = /* @__PURE__ */ new Set();
+		setCheckedFolloweeIds([]);
+		if (!resolvedUserId) return;
+		if (itemsRef.current.length === 0) return;
+		refreshFollowStatus(itemsRef.current);
+	}, [
+		cacheKey,
+		refreshFollowStatus,
+		resolvedUserId,
+		setCheckedFolloweeIds
+	]);
+	useEffect(() => {
+		if (!resolvedUserId) return;
+		if (items.length === 0) return;
+		refreshFollowStatus(items);
+	}, [
+		items,
+		refreshFollowStatus,
+		resolvedUserId
+	]);
+	useEffect(() => {
+		if (!resolvedUserId) return;
+		if (items.length === 0) return;
+		refreshInteractionStatus(items);
+	}, [
+		items,
+		refreshInteractionStatus,
+		resolvedUserId
+	]);
+	useKeepAliveEffect(() => {
+		if (refreshKey === storedRefreshKey) return;
+		if (!(items.length > 0)) {
+			setItems(initialItems);
+			setCursor(initialCursor);
+			cursorRef.current = initialCursor;
+			setHasMore(Boolean(initialCursor && initialCursor.trim()));
+			setActiveIndex(initialActiveIndex);
+			setUserInteracted(false);
+			checkedFolloweeIdsRef.current = /* @__PURE__ */ new Set();
+			setCheckedFolloweeIds([]);
+			checkedInteractionIdsRef.current = {
+				video: /* @__PURE__ */ new Set(),
+				post: /* @__PURE__ */ new Set()
+			};
+			setCheckedInteractionIds({
+				video: [],
+				post: []
+			});
+		}
+		setStoredRefreshKey(refreshKey);
+	}, [
+		initialActiveIndex,
+		initialCursor,
+		initialItems,
+		items.length,
+		refreshKey,
+		setActiveIndex,
+		setCursor,
+		setHasMore,
+		setItems,
+		setCheckedInteractionIds,
+		setStoredRefreshKey,
+		setUserInteracted,
+		storedRefreshKey
+	], `fullscreen-feed-runtime-refresh-${cacheKey}`);
+	const onSwipeTo = runtimeProps.onSwipeTo || runtimeEvents.onSwipeTo;
+	const onCustomActionRender = runtimeProps.onCustomActionRender;
+	const onRequireLogin = runtimeProps.onRequireLogin || runtimeEvents.onRequireLogin;
+	const onFollowIdsChange = runtimeProps.onFollowIdsChange || runtimeEvents.onFollowIdsChange;
+	const onControlsVisibilityChange = runtimeEvents.onControlsVisibilityChange;
+	const onGestureStart = runtimeEvents.onGestureStart;
+	const onGestureEnd = runtimeEvents.onGestureEnd;
+	const onSwipeCancel = runtimeEvents.onSwipeCancel;
+	const onDataUpdate = runtimeProps.onDataUpdate || runtimeEvents.onDataUpdate;
+	const onOpenComment = runtimeProps.onOpenComment || runtimeEvents.onOpenComment;
+	const wrapperStyle = runtimeStyles ? mergeStyles(runtimeStyles, {}) : void 0;
+	const resolvedVideoConfig = {
+		loop: runtimeProps.loop,
+		autoNext: runtimeProps.autoNext,
+		...runtimeProps.videoConfig || {}
+	};
+	const fetchNextPage = useCallback(async () => {
+		if (!blockId) return;
+		if (!hasMore) return;
+		if (isFetchingRef.current) return;
+		const cursor = cursorRef.current;
+		if (!cursor || !cursor.trim()) {
+			setHasMore(false);
+			return;
+		}
+		isFetchingRef.current = true;
+		try {
+			const blockData = (await gContentGetAppChannelBlockData({
+				app_id: appId,
+				block_id: blockId,
+				cursor: cursor || void 0
+			})).data?.block?.data;
+			const nextCursorValue = blockData?.cursor;
+			const nextCursor = nextCursorValue === null || nextCursorValue === void 0 ? "" : String(nextCursorValue);
+			const nextRawItems = [];
+			if (Array.isArray(blockData?.videos)) nextRawItems.push(...blockData.videos);
+			if (Array.isArray(blockData?.contents)) nextRawItems.push(...blockData.contents);
+			const nextItems = nextRawItems.map((raw) => mapAnyToFeedItem(raw)).filter(Boolean);
+			if (nextItems.length > 0) {
+				setItems((prev) => {
+					const existing = new Set(prev.map((item) => `${item.kind}:${item.id}`));
+					const merged = [...prev];
+					nextItems.forEach((item) => {
+						if (!item.id) return;
+						const key = `${item.kind}:${item.id}`;
+						if (existing.has(key)) return;
+						existing.add(key);
+						merged.push(item);
+					});
+					return merged;
+				});
+				refreshFollowStatus(nextItems);
+				refreshInteractionStatus(nextItems);
+			}
+			cursorRef.current = nextCursor;
+			setCursor(nextCursor);
+			setHasMore(Boolean(nextCursor && nextCursor.trim()));
+		} catch (error) {
+			console.error("FullscreenFeed runtime fetchMore failed:", error);
+			setHasMore(false);
+		} finally {
+			isFetchingRef.current = false;
+		}
+		/**
+		* 历史遗留代码，不做依赖处理。避免影响现在逻辑
+		*/
+	}, [
+		appId,
+		blockId,
+		hasMore,
+		setCursor
+	]);
+	const handleUserInteracted = useCallback(() => {
+		setUserInteracted(true);
+		runtimeEvents.onUserInteracted?.();
+	}, [runtimeEvents, setUserInteracted]);
+	const handleActiveIndexChange = useCallback((nextIndex, direction) => {
+		setActiveIndex(nextIndex);
+		onSwipeTo?.({
+			activeIndex: nextIndex,
+			items: itemsRef.current,
+			direction
+		});
+		const length = itemsRef.current.length;
+		if (blockId && hasMore && length > 0 && nextIndex >= length - 2) fetchNextPage();
+	}, [
+		blockId,
+		fetchNextPage,
+		hasMore,
+		onSwipeTo,
+		setActiveIndex
+	]);
+	const handleFollowIdsChange = useCallback((ids) => {
+		followIdsRef.current = ids;
+		setFollowIds(ids);
+		onFollowIdsChange?.(ids);
+	}, [onFollowIdsChange, setFollowIds]);
+	const getNavigationInfo = useCallback((index) => {
+		const external = runtimeEvents.getNavigationInfo;
+		if (external) return external(index);
+		const next = items[index + 1];
+		return {
+			showSeriesButton: false,
+			nextItemText: next ? `\u4E0B\u4E00\u6761${next.title ? `\u00B7${next.title}` : ""}` : ""
+		};
+	}, [items, runtimeEvents]);
+	return {
+		items,
+		activeIndex,
+		...runtimeProps,
+		top: runtimeProps.top,
+		bottom: runtimeProps.bottom,
+		currentUserId: runtimeProps.currentUserId,
+		videoConfig: resolvedVideoConfig,
+		userInteracted,
+		onUserInteracted: handleUserInteracted,
+		onActiveIndexChange: handleActiveIndexChange,
+		onDataUpdate: (id, data) => onDataUpdate?.(id, data),
+		onOpenComment,
+		getNavigationInfo,
+		onControlsVisibilityChange,
+		onGestureStart,
+		onGestureEnd,
+		onSwipeCancel,
+		onCustomActionRender,
+		followIds,
+		onFollowIdsChange: handleFollowIdsChange,
+		onRequireLogin,
+		style: wrapperStyle
+	};
+}
+
+//#endregion
+export { isRuntimeBaseComponentProps, useFullscreenFeedRuntimeCompat };

package/dist/components/biz/business/header-search/header-avatar-icon/client.mjs

@@ -1,2 +1,22 @@
 
-"use client";import{UserAvatar as e}from"../shared/avatar.mjs";import{HeaderSearchIcon as t}from"../shared/header-search-icon.mjs";import{HeaderShell as n}from"../shared/header-shell.mjs";import{jsx as r,jsxs as i}from"react/jsx-runtime";function a({mode:a=`renderer`}){return i(n,{mode:a,className:`justify-between gap-[16px]`,children:[r(e,{}),r(t,{})]})}export{a as HeaderAvatarIconClient};
+'use client';
+
+import { UserAvatar } from "../shared/avatar.mjs";
+import { HeaderSearchIcon } from "../shared/header-search-icon.mjs";
+import { HeaderShell } from "../shared/header-shell.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region components/biz/business/header-search/header-avatar-icon/client.tsx
+/**
+* 顶部-头像框+icon
+*/
+function HeaderAvatarIconClient({ mode = "renderer" }) {
+	return /* @__PURE__ */ jsxs(HeaderShell, {
+		mode,
+		className: "justify-between gap-[16px]",
+		children: [/* @__PURE__ */ jsx(UserAvatar, {}), /* @__PURE__ */ jsx(HeaderSearchIcon, {})]
+	});
+}
+
+//#endregion
+export { HeaderAvatarIconClient };

package/dist/components/biz/business/header-search/header-avatar-icon/material.mjs

@@ -1,2 +1,19 @@
 
-import{defineMaterial as e}from"../../../../../utils/schema/material.mjs";import{HeaderAvatarIconClient as t}from"./client.mjs";import{headerAvatarIconInspectorPropsSchema as n}from"./schema.mjs";import{HeaderAvatarIcon as r}from"./server.mjs";const i=e({type:`header-avatar-icon`,name:`顶部功能样式5`,icon:`/static/components-thumb/header_avatar_icon.png`,category:`顶部功能`,serverComponent:r,clientComponent:t,propsSchema:n});export{i as headerAvatarIconMaterial};
+import { defineMaterial } from "../../../../../utils/schema/material.mjs";
+import { HeaderAvatarIconClient } from "./client.mjs";
+import { headerAvatarIconInspectorPropsSchema } from "./schema.mjs";
+import { HeaderAvatarIcon } from "./server.mjs";
+
+//#region components/biz/business/header-search/header-avatar-icon/material.ts
+const headerAvatarIconMaterial = defineMaterial({
+	type: "header-avatar-icon",
+	name: "顶部功能样式5",
+	icon: "/static/components-thumb/header_avatar_icon.png",
+	category: "顶部功能",
+	serverComponent: HeaderAvatarIcon,
+	clientComponent: HeaderAvatarIconClient,
+	propsSchema: headerAvatarIconInspectorPropsSchema
+});
+
+//#endregion
+export { headerAvatarIconMaterial };

package/dist/components/biz/business/header-search/header-avatar-icon/schema.mjs

@@ -1,2 +1,12 @@
 
-import{defineComponentPropsSchema as e,getSchemaDefaultProps as t}from"../../../../../utils/schema/schema.mjs";const n=e(e=>({}));t(n);export{n as headerAvatarIconInspectorPropsSchema};
+import { defineComponentPropsSchema, getSchemaDefaultProps } from "../../../../../utils/schema/schema.mjs";
+
+//#region components/biz/business/header-search/header-avatar-icon/schema.ts
+/**
+* 顶部-头像框+icon 物料暂不对外开放配置，仅做占位展示。
+*/
+const headerAvatarIconInspectorPropsSchema = defineComponentPropsSchema((_t) => ({}));
+const headerAvatarIconInspectorDefaultProps = getSchemaDefaultProps(headerAvatarIconInspectorPropsSchema);
+
+//#endregion
+export { headerAvatarIconInspectorPropsSchema };

package/dist/components/biz/business/header-search/header-avatar-icon/server.mjs

@@ -1,2 +1,18 @@
 
-import{HeaderAvatarIconClient as e}from"./client.mjs";import{jsx as t}from"react/jsx-runtime";function n(n){let{mode:r=`renderer`,...i}=n;return t(e,{...i,mode:r})}export{n as HeaderAvatarIcon};
+import { HeaderAvatarIconClient } from "./client.mjs";
+import { jsx } from "react/jsx-runtime";
+
+//#region components/biz/business/header-search/header-avatar-icon/server.tsx
+/**
+* 顶部-头像框+icon 服务端组件。
+*/
+function HeaderAvatarIcon(props) {
+	const { mode = "renderer", ...rest } = props;
+	return /* @__PURE__ */ jsx(HeaderAvatarIconClient, {
+		...rest,
+		mode
+	});
+}
+
+//#endregion
+export { HeaderAvatarIcon };