@funhub/platform 0.1.126 → 0.1.130

package/dist/components/biz/business/profile/profile-main/tabs/publish-tab/client.mjs

@@ -1,2 +1,150 @@
 
-"use client";import{pCommunityDeleteContent as e}from"../../../../../../../service/generated/client.mjs";import{useDeleteRequest as t,useMutation as n,usePaginated as r,useUpdateRequest as i}from"../../../../../../../hooks/query/use-query.mjs";import{DeleteConfirmDialog as a}from"../../../../../../common/delete-confirm-dialog/delete-confirm-dialog.mjs";import{UserActivityList as o}from"../../../../../../common/list/user-activity-list/user-activity-list.mjs";import{useState as s}from"react";import{Fragment as c,jsx as l,jsxs as u}from"react/jsx-runtime";import{toast as d}from"sonner";import{useTranslations as f}from"next-intl";function p(e,t,n){if(!e)return e;let r=0,i=e.pages.map(e=>({page:e,filteredList:(e.data?.list??[]).filter(e=>{let i=n(e)??``,a=t.has(i);return a&&(r+=1),!a})}));return{...e,pages:i.map(({page:e,filteredList:t})=>{if(!e.data)return e;let n=typeof e.data.total==`number`?Math.max(0,e.data.total-r):e.data.total;return{...e,data:{...e.data,list:t,total:n}}})}}function m({mode:m=`renderer`,targetUserId:h,queryKeyPrefix:g,isMine:_=!1}){let v=f(`components.pages.profile.components.tabs`),y=m===`renderer`,b=g??[],x=t(),S=i(),[C,w]=s(null),{mutateAsync:T,isPending:E}=n(async t=>await e({content_id:t})),{data:D,isFetching:O,fetchNextPage:k,hasNextPage:A}=r({key:[...b,`user-publish`],initialPageParam:1,async queryFn(e){return{data:{list:[],total:0,has_more:!1}}},options:{staleTime:0,enabled:y},getNextPageParam(e,t){let n=e?.data||{},r=n.list||[];if(typeof n.has_more==`boolean`)return n.has_more?t.length+1:void 0;if(!(r.length===0||n.total===0))return t.length+1}}),j=D?.pages.flatMap(e=>(e?.data||{}).list||[])??[];function M(e){w(e)}function N(){w(null)}async function P(){if(!(!C||E))try{await T(C);let e=new Set([C]);S([...b,`user-publish`],t=>p(t,e,e=>e.content_id)),d.success(v(`publishTab.deleteSuccess`)),w(null)}catch(e){console.error(`删除内容失败`,e),d.error(v(`publishTab.deleteFailed`))}}let F=j.map(e=>({...e,isDeleting:E&&C===e.content_id,onDelete:()=>M(e.content_id??``)})),I=async()=>{y&&await k()};function L(){x([...b,`user-publish`]),x(b)}function R(e){console.log(`分享到微信:`,e)}function z(e){console.log(`分享到QQ:`,e)}function B(e){console.log(`分享到朋友圈:`,e)}return u(c,{children:[l(o,{list:F,loading:O,hasMore:A,loadMore:I,canEdit:_,showGroupHeaders:!1,emptyText:v(`publishTab.emptyText`),onActionSuccess:L,onShareWeChat:R,onShareQQ:z,onShareMoments:B}),l(a,{open:!!C,onOpenChange:e=>!e&&N(),onCancel:N,onConfirm:P,isConfirming:E})]})}export{m as PublishTab};
+'use client';
+
+import { pCommunityDeleteContent } from "../../../../../../../service/generated/client.mjs";
+import { useDeleteRequest, useMutation, usePaginated, useUpdateRequest } from "../../../../../../../hooks/query/use-query.mjs";
+import { DeleteConfirmDialog } from "../../../../../../common/delete-confirm-dialog/delete-confirm-dialog.mjs";
+import { UserActivityList } from "../../../../../../common/list/user-activity-list/user-activity-list.mjs";
+import { useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { toast } from "sonner";
+import { useTranslations } from "next-intl";
+
+//#region components/biz/business/profile/profile-main/tabs/publish-tab/client.tsx
+/**
+* 从分页缓存中移除指定的发布内容。
+*/
+function removeItemsFromPaginatedList(data, ids, getId) {
+	if (!data) return data;
+	let removedCount = 0;
+	const nextPages = data.pages.map((page) => {
+		return {
+			page,
+			filteredList: (page.data?.list ?? []).filter((item) => {
+				const itemId = getId(item) ?? "";
+				const shouldRemove = ids.has(itemId);
+				if (shouldRemove) removedCount += 1;
+				return !shouldRemove;
+			})
+		};
+	});
+	return {
+		...data,
+		pages: nextPages.map(({ page, filteredList }) => {
+			if (!page.data) return page;
+			const nextTotal = typeof page.data.total === "number" ? Math.max(0, page.data.total - removedCount) : page.data.total;
+			return {
+				...page,
+				data: {
+					...page.data,
+					list: filteredList,
+					total: nextTotal
+				}
+			};
+		})
+	};
+}
+/**
+* 发布内容 Tab 页。
+*/
+function PublishTab({ mode = "renderer", targetUserId: _targetUserId, queryKeyPrefix, isMine = false }) {
+	const t = useTranslations("components.pages.profile.components.tabs");
+	const isRenderer = mode === "renderer";
+	const resolvedQueryKeyPrefix = queryKeyPrefix ?? [];
+	const deleteRequest = useDeleteRequest();
+	const updateRequest = useUpdateRequest();
+	const [targetDeleteId, setTargetDeleteId] = useState(null);
+	const { mutateAsync: deleteContent, isPending: isDeleting } = useMutation(async (contentId) => {
+		return await pCommunityDeleteContent({ content_id: contentId });
+	});
+	const { data, isFetching, fetchNextPage, hasNextPage } = usePaginated({
+		key: [...resolvedQueryKeyPrefix, "user-publish"],
+		initialPageParam: 1,
+		async queryFn(_pageParam) {
+			return { data: {
+				list: [],
+				total: 0,
+				has_more: false
+			} };
+		},
+		options: {
+			staleTime: 0,
+			enabled: isRenderer
+		},
+		getNextPageParam(lastPage, allPages) {
+			const lastData = lastPage?.data || {};
+			const list = lastData.list || [];
+			if (typeof lastData.has_more === "boolean") return lastData.has_more ? allPages.length + 1 : void 0;
+			if (list.length === 0 || lastData.total === 0) return;
+			return allPages.length + 1;
+		}
+	});
+	const list = data?.pages.flatMap((page) => {
+		return (page?.data || {}).list || [];
+	}) ?? [];
+	function handleOpenDeleteDialog(contentId) {
+		setTargetDeleteId(contentId);
+	}
+	function handleCloseDeleteDialog() {
+		setTargetDeleteId(null);
+	}
+	async function handleConfirmDelete() {
+		if (!targetDeleteId || isDeleting) return;
+		try {
+			await deleteContent(targetDeleteId);
+			const deleteIds = new Set([targetDeleteId]);
+			updateRequest([...resolvedQueryKeyPrefix, "user-publish"], (old) => {
+				return removeItemsFromPaginatedList(old, deleteIds, (item) => item.content_id);
+			});
+			toast.success(t("publishTab.deleteSuccess"));
+			setTargetDeleteId(null);
+		} catch (error) {
+			console.error("删除内容失败", error);
+			toast.error(t("publishTab.deleteFailed"));
+		}
+	}
+	const listWithActions = list.map((item) => ({
+		...item,
+		isDeleting: isDeleting && targetDeleteId === item.content_id,
+		onDelete: () => handleOpenDeleteDialog(item.content_id ?? "")
+	}));
+	const loadMore = async () => {
+		if (!isRenderer) return;
+		await fetchNextPage();
+	};
+	function handleActionSuccess() {
+		deleteRequest([...resolvedQueryKeyPrefix, "user-publish"]);
+		deleteRequest(resolvedQueryKeyPrefix);
+	}
+	function handleShareWeChat(contentId) {
+		console.log("分享到微信:", contentId);
+	}
+	function handleShareQQ(contentId) {
+		console.log("分享到QQ:", contentId);
+	}
+	function handleShareMoments(contentId) {
+		console.log("分享到朋友圈:", contentId);
+	}
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(UserActivityList, {
+		list: listWithActions,
+		loading: isFetching,
+		hasMore: hasNextPage,
+		loadMore,
+		canEdit: isMine,
+		showGroupHeaders: false,
+		emptyText: t("publishTab.emptyText"),
+		onActionSuccess: handleActionSuccess,
+		onShareWeChat: handleShareWeChat,
+		onShareQQ: handleShareQQ,
+		onShareMoments: handleShareMoments
+	}), /* @__PURE__ */ jsx(DeleteConfirmDialog, {
+		open: Boolean(targetDeleteId),
+		onOpenChange: (open) => !open && handleCloseDeleteDialog(),
+		onCancel: handleCloseDeleteDialog,
+		onConfirm: handleConfirmDelete,
+		isConfirming: isDeleting
+	})] });
+}
+
+//#endregion
+export { PublishTab };

package/dist/components/biz/business/profile/profile-main/tabs/publish-tab/server.mjs

@@ -1,2 +1,14 @@
 
-import{PublishTab as e}from"./client.mjs";import{jsx as t}from"react/jsx-runtime";function n(n){return t(e,{...n})}export{n as PublishTabServer};
+import { PublishTab } from "./client.mjs";
+import { jsx } from "react/jsx-runtime";
+
+//#region components/biz/business/profile/profile-main/tabs/publish-tab/server.tsx
+/**
+* 发布 Tab 兼容包装组件。
+*/
+function PublishTabServer(props) {
+	return /* @__PURE__ */ jsx(PublishTab, { ...props });
+}
+
+//#endregion
+export { PublishTabServer };

package/dist/components/biz/business/profile/profile-main/utils.mjs

@@ -1,2 +1,249 @@
 
-import{gInteractionGetBrowseList as e,gInteractionGetLikeList as t}from"../../../../../service/generated/client.mjs";import n from"dayjs";const r={video:1,post:2};function i(e){if(e.cover_image)return e.cover_image;let t=``;return e.medias?.find(e=>e?(!e.is_video&&!t&&e.media_url&&(t=e.media_url),!!e.cover_image):!1)?.cover_image||t}function a(e,t){let r=e.name,a=n(t?t?.[e.content_id||``]?.create_time:e.create_time).toDate().getTime(),o=i(e);return{id:e.content_id||``,content_play_progress:{percent:0,series_num:0},detail:{user_info:{name:e.author?.nickname,avatar:e.author?.avatar},info:{name:r,content_id:e.content_id,user_id:e.user_id,content:e.content,tags:e.tags,cover_image:o,like_count:e.like_count,dislike_count:e.dislike_count,comment_count:e.comment_count,share_count:e.share_count,view_count:e.view_count,create_time:e.create_time,update_time:e.update_time,author:e.author?{user_id:e.author.user_id,username:e.author.username,nickname:e.author.nickname,avatar_url:e.author.avatar}:void 0},statics_cnt:{browse_cnt:e.view_count||0},publish_time:a,parent_content_info:{type:0}}}}function o(e,t){let r=e.is_more_link,i=n(t?t?.[e.id||``]?.create_time:e.show_at).toDate().getTime(),a=Number(e.duration??0),o=Number.isFinite(a)?Math.max(0,Math.floor(a)):0;return{id:e.id||``,content_play_progress:{percent:0,series_num:0},detail:{user_info:{name:e.source_username||e.up_user||e.director||e.actor,avatar:void 0},info:{is_more_link:r,name:e.name,content_id:e.id,content:e.description,tags:e.tags?.map(e=>e.name).filter(e=>!!e),cover_image:e.img_y||e.img_x,create_time:e.show_at,video_duration:o},statics_cnt:{browse_cnt:e.play_count||0},publish_time:i,parent_content_info:{type:0}}}}function s(e,t){let r=e.name,a=e.is_more_link,o=t[e.content_id||``].browse_time,s=n(o).toDate().getTime(),c=i(e);return{id:e.content_id||``,content_play_progress:{percent:0,series_num:0},detail:{user_info:{name:e.author?.nickname,avatar:e.author?.avatar},info:{is_more_link:a,name:r||e.content,title:r||e.content,content_id:e.content_id,user_id:e.user_id,content:e.content,tags:e.tags,cover_image:c,like_count:e.like_count,dislike_count:e.dislike_count,comment_count:e.comment_count,share_count:e.share_count,view_count:e.view_count,create_time:e.create_time,update_time:e.update_time,author:e.author?{user_id:e.author.user_id,username:e.author.username,nickname:e.author.nickname,avatar_url:e.author.avatar}:void 0},statics_cnt:{browse_cnt:e.view_count||0},publish_time:s,parent_content_info:{type:0}}}}function c(e,t){let r=e.is_more_link,i=t[e.id||``].browse_time,a=n(i).toDate().getTime(),o=Number(e.duration??0),s=Number.isFinite(o)?Math.max(0,Math.floor(o)):0,c=t[e.id||``]?.browse_duration||0,l=Number(t[e.id||``]?.browse_episode),u=0,d=0;return Number.isNaN(l)||(u=l),s&&c&&(d=Math.min(100,Math.floor(c/s*100))),{id:e.id||``,content_play_progress:{percent:d,series_num:u},detail:{user_info:{name:e.source_username||e.up_user||e.director||e.actor,avatar:void 0},info:{is_more_link:r,name:e.name,content_id:e.id,content:e.description,tags:e.tags?.map(e=>e.name).filter(e=>!!e),cover_image:e.img_y||e.img_x,create_time:e.show_at,video_duration:s},statics_cnt:{browse_cnt:e.play_count||0},publish_time:a,parent_content_info:{type:0}}}}async function l({targetUserId:e,page:n,contentType:i,pageSize:s=10}){if(!e)return{data:{list:[],total:0}};let c=await t({user_id:e,page:n,content_type:i,page_size:s}),l=c.data.like_infos?.reduce((e,t)=>(t.content_id&&(e[t.content_id]=t),e),{})||{},u=i===r.post?(c.data?.post_infos??[]).map(e=>a(e,l)):(c.data?.video_infos??[]).map(e=>o(e,l)),d=c.data?.has_more,f=typeof d==`boolean`?d:void 0;return{data:{list:u,total:c.data?.total??u.length,has_more:f}}}async function u({targetUserId:t,page:n,contentType:i,pageSize:a=10,authConfig:o}){if(!t)return{data:{list:[],total:0}};let l=await e({user_id:t,page:n,page_size:a,content_type:i},o),u=l.data.records?.reduce((e,t)=>(t.content_id&&(e[t.content_id]=t),e),{})||{},d=i===r.post?(l.data?.post_infos??[]).map(e=>s(e,u)):(l.data?.video_infos??[]).map(e=>c(e,u)),f=l.data?.has_more?!0:void 0;return{data:{list:d,total:l.data?.total??d.length,has_more:f}}}export{u as getHistoryData,l as getLikeData,r as likeContentType};
+import { gInteractionGetBrowseList, gInteractionGetLikeList } from "../../../../../service/generated/client.mjs";
+import dayjs from "dayjs";
+
+//#region components/biz/business/profile/profile-main/utils.ts
+const defaultPageSize = 10;
+const likeContentType = {
+	video: 1,
+	post: 2
+};
+/**
+* 获取帖子封面图，优先 cover_image，其次媒体中的 cover_image，兜底首张图片媒体。
+*/
+function resolvePostCoverImage(info) {
+	if (info.cover_image) return info.cover_image;
+	let fallbackImageUrl = "";
+	return (info.medias?.find((item) => {
+		if (!item) return false;
+		if (!item.is_video && !fallbackImageUrl && item.media_url) fallbackImageUrl = item.media_url;
+		return Boolean(item.cover_image);
+	}))?.cover_image || fallbackImageUrl;
+}
+/**
+* 构建列表需要的帖子内容结构。
+*/
+function buildDetailItemFromPostInfo(info, likeInfoMap) {
+	const resolvedName = info.name;
+	const publishTime = dayjs(likeInfoMap ? likeInfoMap?.[info.content_id || ""]?.create_time : info.create_time).toDate().getTime();
+	const resolvedCoverImage = resolvePostCoverImage(info);
+	return {
+		id: info.content_id || "",
+		content_play_progress: {
+			percent: 0,
+			series_num: 0
+		},
+		detail: {
+			user_info: {
+				name: info.author?.nickname,
+				avatar: info.author?.avatar
+			},
+			info: {
+				name: resolvedName,
+				content_id: info.content_id,
+				user_id: info.user_id,
+				content: info.content,
+				tags: info.tags,
+				cover_image: resolvedCoverImage,
+				like_count: info.like_count,
+				dislike_count: info.dislike_count,
+				comment_count: info.comment_count,
+				share_count: info.share_count,
+				view_count: info.view_count,
+				create_time: info.create_time,
+				update_time: info.update_time,
+				author: info.author ? {
+					user_id: info.author.user_id,
+					username: info.author.username,
+					nickname: info.author.nickname,
+					avatar_url: info.author.avatar
+				} : void 0
+			},
+			statics_cnt: { browse_cnt: info.view_count || 0 },
+			publish_time: publishTime,
+			parent_content_info: { type: 0 }
+		}
+	};
+}
+/**
+* 构建列表需要的视频内容结构。
+*/
+function buildDetailItemFromVideoInfo(info, likeInfoMap) {
+	const resolvedIsMoreLink = info.is_more_link;
+	const publishTime = dayjs(likeInfoMap ? likeInfoMap?.[info.id || ""]?.create_time : info.show_at).toDate().getTime();
+	const rawDuration = Number(info.duration ?? 0);
+	const resolvedVideoDuration = Number.isFinite(rawDuration) ? Math.max(0, Math.floor(rawDuration)) : 0;
+	return {
+		id: info.id || "",
+		content_play_progress: {
+			percent: 0,
+			series_num: 0
+		},
+		detail: {
+			user_info: {
+				name: info.source_username || info.up_user || info.director || info.actor,
+				avatar: void 0
+			},
+			info: {
+				is_more_link: resolvedIsMoreLink,
+				name: info.name,
+				content_id: info.id,
+				content: info.description,
+				tags: info.tags?.map((tag) => tag.name).filter((tag) => Boolean(tag)),
+				cover_image: info.img_y || info.img_x,
+				create_time: info.show_at,
+				video_duration: resolvedVideoDuration
+			},
+			statics_cnt: { browse_cnt: info.play_count || 0 },
+			publish_time: publishTime,
+			parent_content_info: { type: 0 }
+		}
+	};
+}
+/**
+* 构建列表需要的帖子内容结构。
+*/
+function buildHistoryDetailItemFromPostInfo(info, infoMap) {
+	const resolvedName = info.name;
+	const resolvedIsMoreLink = info.is_more_link;
+	const date = infoMap[info.content_id || ""].browse_time;
+	const publishTime = dayjs(date).toDate().getTime();
+	const resolvedCoverImage = resolvePostCoverImage(info);
+	return {
+		id: info.content_id || "",
+		content_play_progress: {
+			percent: 0,
+			series_num: 0
+		},
+		detail: {
+			user_info: {
+				name: info.author?.nickname,
+				avatar: info.author?.avatar
+			},
+			info: {
+				is_more_link: resolvedIsMoreLink,
+				name: resolvedName || info.content,
+				title: resolvedName || info.content,
+				content_id: info.content_id,
+				user_id: info.user_id,
+				content: info.content,
+				tags: info.tags,
+				cover_image: resolvedCoverImage,
+				like_count: info.like_count,
+				dislike_count: info.dislike_count,
+				comment_count: info.comment_count,
+				share_count: info.share_count,
+				view_count: info.view_count,
+				create_time: info.create_time,
+				update_time: info.update_time,
+				author: info.author ? {
+					user_id: info.author.user_id,
+					username: info.author.username,
+					nickname: info.author.nickname,
+					avatar_url: info.author.avatar
+				} : void 0
+			},
+			statics_cnt: { browse_cnt: info.view_count || 0 },
+			publish_time: publishTime,
+			parent_content_info: { type: 0 }
+		}
+	};
+}
+/**
+* 构建列表需要的视频内容结构。
+*/
+function buildHistoryDetailItemFromVideoInfo(info, infoMap) {
+	const resolvedIsMoreLink = info.is_more_link;
+	const date = infoMap[info.id || ""].browse_time;
+	const publishTime = dayjs(date).toDate().getTime();
+	const rawDuration = Number(info.duration ?? 0);
+	const duration = Number.isFinite(rawDuration) ? Math.max(0, Math.floor(rawDuration)) : 0;
+	const browser_duration = infoMap[info.id || ""]?.browse_duration || 0;
+	const browse_episode = Number(infoMap[info.id || ""]?.browse_episode);
+	let series_num = 0;
+	let percent = 0;
+	if (!Number.isNaN(browse_episode)) series_num = browse_episode;
+	if (duration && browser_duration) percent = Math.min(100, Math.floor(browser_duration / duration * 100));
+	return {
+		id: info.id || "",
+		content_play_progress: {
+			percent,
+			series_num
+		},
+		detail: {
+			user_info: {
+				name: info.source_username || info.up_user || info.director || info.actor,
+				avatar: void 0
+			},
+			info: {
+				is_more_link: resolvedIsMoreLink,
+				name: info.name,
+				content_id: info.id,
+				content: info.description,
+				tags: info.tags?.map((tag) => tag.name).filter((tag) => Boolean(tag)),
+				cover_image: info.img_y || info.img_x,
+				create_time: info.show_at,
+				video_duration: duration
+			},
+			statics_cnt: { browse_cnt: info.play_count || 0 },
+			publish_time: publishTime,
+			parent_content_info: { type: 0 }
+		}
+	};
+}
+/**
+* 获取点赞数据。
+*/
+async function getLikeData({ targetUserId, page, contentType, pageSize = defaultPageSize }) {
+	if (!targetUserId) return { data: {
+		list: [],
+		total: 0
+	} };
+	const response = await gInteractionGetLikeList({
+		user_id: targetUserId,
+		page,
+		content_type: contentType,
+		page_size: pageSize
+	});
+	const likeInfoMap = response.data.like_infos?.reduce((acc, cur) => {
+		if (cur.content_id) acc[cur.content_id] = cur;
+		return acc;
+	}, {}) || {};
+	const list = contentType === likeContentType.post ? (response.data?.post_infos ?? []).map((info) => buildDetailItemFromPostInfo(info, likeInfoMap)) : (response.data?.video_infos ?? []).map((info) => buildDetailItemFromVideoInfo(info, likeInfoMap));
+	const hasMore = response.data?.has_more;
+	const resolvedHasMore = typeof hasMore === "boolean" ? hasMore : void 0;
+	return { data: {
+		list,
+		total: response.data?.total ?? list.length,
+		has_more: resolvedHasMore
+	} };
+}
+/**
+* 获取历史数据（暂不区分帖子/视频）。
+*/
+async function getHistoryData({ targetUserId, page, contentType, pageSize = defaultPageSize, authConfig }) {
+	if (!targetUserId) return { data: {
+		list: [],
+		total: 0
+	} };
+	const response = await gInteractionGetBrowseList({
+		user_id: targetUserId,
+		page,
+		page_size: pageSize,
+		content_type: contentType
+	}, authConfig);
+	const browserInfoMap = response.data.records?.reduce((acc, cur) => {
+		if (cur.content_id) acc[cur.content_id] = cur;
+		return acc;
+	}, {}) || {};
+	const list = contentType === likeContentType.post ? (response.data?.post_infos ?? []).map((info) => buildHistoryDetailItemFromPostInfo(info, browserInfoMap)) : (response.data?.video_infos ?? []).map((info) => buildHistoryDetailItemFromVideoInfo(info, browserInfoMap));
+	const resolvedHasMore = response.data?.has_more ? true : void 0;
+	return { data: {
+		list,
+		total: response.data?.total ?? list.length,
+		has_more: resolvedHasMore
+	} };
+}
+
+//#endregion
+export { getHistoryData, getLikeData, likeContentType };

package/dist/components/biz/business/profile/profile-main/variants.mjs

@@ -1,2 +1,41 @@
 
-const e=[`collect`,`like`,`history`],t=[`collect`,`like`],n=e,r=[`video`,`post`],i=[`video`,`post`],a=[`video`,`post`,`collection`],o=[`created`,`subscribed`];export{o as profileMainCollectCollectionTabOptions,a as profileMainCollectTabOptions,i as profileMainHistoryTabOptions,r as profileMainLikeTabOptions,e as profileMainMineTabOptions,t as profileMainProfileTabOptions,n as profileMainTabOptions};
+//#region components/biz/business/profile/profile-main/variants.ts
+/**
+* 个人主页主 Tab（本人视角）。
+*/
+const profileMainMineTabOptions = [
+	"collect",
+	"like",
+	"history"
+];
+/**
+* 个人主页主 Tab（他人视角）。
+*/
+const profileMainProfileTabOptions = ["collect", "like"];
+/**
+* 物料主 Tab 可选项。
+*/
+const profileMainTabOptions = profileMainMineTabOptions;
+/**
+* 点赞子 Tab 可选项。
+*/
+const profileMainLikeTabOptions = ["video", "post"];
+/**
+* 历史子 Tab 可选项。
+*/
+const profileMainHistoryTabOptions = ["video", "post"];
+/**
+* 收藏子 Tab 可选项。
+*/
+const profileMainCollectTabOptions = [
+	"video",
+	"post",
+	"collection"
+];
+/**
+* 收藏合集子 Tab 可选项。
+*/
+const profileMainCollectCollectionTabOptions = ["created", "subscribed"];
+
+//#endregion
+export { profileMainCollectCollectionTabOptions, profileMainCollectTabOptions, profileMainHistoryTabOptions, profileMainLikeTabOptions, profileMainMineTabOptions, profileMainProfileTabOptions, profileMainTabOptions };

package/dist/components/biz/business/recommended-users/variants/basic-recommended-users/defaults/default-props.mjs

@@ -1,2 +1,16 @@
 
-const e={title:`猜你喜欢`,avatarSize:36,followButtonSize:16,itemGap:12,listPadding:16,nameFontSize:12};export{e as defaultProps};
+//#region components/biz/business/recommended-users/variants/basic-recommended-users/defaults/default-props.ts
+/**
+* BasicRecommendedUsers 组件默认 Props 配置
+*/
+const defaultProps = {
+	title: "猜你喜欢",
+	avatarSize: 36,
+	followButtonSize: 16,
+	itemGap: 12,
+	listPadding: 16,
+	nameFontSize: 12
+};
+
+//#endregion
+export { defaultProps };

package/dist/components/biz/business/recommended-users/variants/basic-recommended-users/index.mjs

@@ -1,2 +1,10 @@
 
-import{defaultProps as e}from"./defaults/default-props.mjs";import t from"./runtime/client.mjs";import{schema as n}from"./schema/index.mjs";var r=t;export{r as default};
+import { defaultProps } from "./defaults/default-props.mjs";
+import BasicRecommendedUsersClient from "./runtime/client.mjs";
+import { schema } from "./schema/index.mjs";
+
+//#region components/biz/business/recommended-users/variants/basic-recommended-users/index.ts
+var basic_recommended_users_default = BasicRecommendedUsersClient;
+
+//#endregion
+export { basic_recommended_users_default as default };

package/dist/components/biz/business/recommended-users/variants/basic-recommended-users/runtime/client.mjs

@@ -1,2 +1,169 @@
 
-"use client";import{mergeStyles as e}from"../../../../../utils/styles/helpers.mjs";import{useUserStore as t}from"../../../../../../../store/modules/user-store.mjs";import{pInteractionCheckFollow as n}from"../../../../../../../service/generated/client.mjs";import{pxToVw as r}from"../../../../../../../utils/helper.mjs";import{Avatar as i,AvatarFallback as a,AvatarImage as o}from"../../../../../../ui/avatar.mjs";import{Box as s}from"../../../../../../ui/box.mjs";import{Text as c}from"../../../../../../ui/text.mjs";import l from"../../../../../../ui/link.mjs";import{useRequest as u}from"../../../../../../../hooks/query/use-query.mjs";import d from"../../../../../../../assets/icons/follow_nor.mjs";import f from"../../../../../../../assets/icons/follow_sel.mjs";import{defaultProps as p}from"../defaults/default-props.mjs";import{RecommendedUsersSkeleton as m}from"./recommended-users-skeleton.mjs";import{useEffect as h,useMemo as g,useRef as _,useState as v}from"react";import{jsx as y,jsxs as b}from"react/jsx-runtime";const x={},S={list:[]};function C({props:C=x,styles:w,data:T=S}){function E(e){let t=new Set;return e.filter(e=>e.user_id?t.has(e.user_id)?!1:(t.add(e.user_id),!0):!0)}let D={...p,...C},{userId:O,isLogin:k}=t(),{title:A,avatarSize:j,followButtonSize:M,itemGap:N,listPadding:P,nameFontSize:F}=D,[I,L]=v(()=>E(T.list||[])),R=_(T.list),z=g(()=>I.map(e=>e.user_id).filter(Boolean),[I]),B=g(()=>z.join(`,`),[z]),{data:V}=u(g(()=>[`recommended-users`,`follow-status`,O,B],[B,O]),()=>n({follower_id:O,followee_ids:z}),{staleTime:0,enabled:!!k&&!!O&&z.length>0}),H=!!V?.data?.is_following_map;h(()=>{R.current!==T.list&&(R.current=T.list,L(E(T.list||[])))},[T.list]),h(()=>{let e=V?.data?.is_following_map;!e||Object.keys(e).length===0||L(t=>t.filter(e=>e.user_id?!(k&&O&&e.user_id===O):!0).map(t=>!t.user_id||e[t.user_id]===void 0?t:{...t,isFollow:!!e[t.user_id]}))},[V?.data?.is_following_map,k,O]);let U=w?e(w,{}):void 0,W=M+12;return b(s,{style:U,className:`mb-[16px]`,children:[y(c,{as:`h2`,className:`text-[18px] font-bold text-text1 mb-[8px] px-[12px] pt-[16px]`,children:A}),I&&I.length>0?y(s,{className:`overflow-x-auto overflow-y-hidden [&::-webkit-scrollbar]:hidden`,style:{scrollbarWidth:`none`,msOverflowStyle:`none`,WebkitOverflowScrolling:`touch`},children:y(s,{className:`flex h-[62px]`,style:{paddingLeft:r(P),gap:r(N)},children:I.map((e,t)=>b(l,{href:`/profile/${e.user_id}`,className:`flex flex-col items-center shrink-0`,style:{paddingRight:t===I.length-1?r(P):0},children:[b(s,{className:`relative flex flex-col items-center`,children:[b(i,{size:`lg`,children:[e.avatar?y(o,{src:e.avatar,alt:e.nick_name}):null,y(a,{})]}),y(s,{className:`absolute`,style:{width:r(W),height:r(W),bottom:`-${r(W/2)}`,border:`${r(6)} solid rgba(255,255,255,0)`,boxSizing:`border-box`,borderRadius:`9999px`,display:`flex`,alignItems:`center`,justifyContent:`center`,opacity:k?H?1:.6:1},children:k&&H&&e.isFollow?y(f,{width:M,height:M}):y(d,{width:M,height:M})})]}),y(c,{className:`text-center mt-[8px] text-text1 whitespace-nowrap overflow-hidden text-ellipsis`,style:{fontSize:r(F),maxWidth:r(j+20)},title:e.nick_name,children:e.nick_name})]},e.user_id||`user-${t}`))})}):y(m,{avatarSize:j,followButtonSize:M,itemGap:N,listPadding:P,nameFontSize:F,itemCount:7})]})}export{C as default};
+'use client';
+
+import { mergeStyles } from "../../../../../utils/styles/helpers.mjs";
+import { useUserStore } from "../../../../../../../store/modules/user-store.mjs";
+import { pInteractionCheckFollow } from "../../../../../../../service/generated/client.mjs";
+import { pxToVw } from "../../../../../../../utils/helper.mjs";
+import { Avatar, AvatarFallback, AvatarImage } from "../../../../../../ui/avatar.mjs";
+import { Box } from "../../../../../../ui/box.mjs";
+import { Text } from "../../../../../../ui/text.mjs";
+import Link from "../../../../../../ui/link.mjs";
+import { useRequest } from "../../../../../../../hooks/query/use-query.mjs";
+import SvgFollowNor from "../../../../../../../assets/icons/follow_nor.mjs";
+import SvgFollowSel from "../../../../../../../assets/icons/follow_sel.mjs";
+import { defaultProps } from "../defaults/default-props.mjs";
+import { RecommendedUsersSkeleton } from "./recommended-users-skeleton.mjs";
+import { useEffect, useMemo, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region components/biz/business/recommended-users/variants/basic-recommended-users/runtime/client.tsx
+/**
+* BasicRecommendedUsers 客户端渲染组件
+*/
+const emptyPropsConfig = {};
+const emptyRecommendedUsersData = { list: [] };
+function BasicRecommendedUsersClient({ props: propsConfig = emptyPropsConfig, styles, data = emptyRecommendedUsersData }) {
+	/**
+	* 根据 user_id 去重推荐用户列表
+	*/
+	function dedupeUsersById(inputList) {
+		const seen = /* @__PURE__ */ new Set();
+		return inputList.filter((item) => {
+			if (!item.user_id) return true;
+			if (seen.has(item.user_id)) return false;
+			seen.add(item.user_id);
+			return true;
+		});
+	}
+	const props = {
+		...defaultProps,
+		...propsConfig
+	};
+	const { userId, isLogin } = useUserStore();
+	const { title, avatarSize, followButtonSize, itemGap, listPadding, nameFontSize } = props;
+	const [list, setList] = useState(() => dedupeUsersById(data.list || []));
+	const prevDataListRef = useRef(data.list);
+	const followeeIds = useMemo(() => list.map((item) => item.user_id).filter(Boolean), [list]);
+	const followeeIdsKey = useMemo(() => followeeIds.join(","), [followeeIds]);
+	const { data: followStatusResponse } = useRequest(useMemo(() => [
+		"recommended-users",
+		"follow-status",
+		userId,
+		followeeIdsKey
+	], [followeeIdsKey, userId]), () => pInteractionCheckFollow({
+		follower_id: userId,
+		followee_ids: followeeIds
+	}), {
+		staleTime: 0,
+		enabled: Boolean(isLogin) && Boolean(userId) && followeeIds.length > 0
+	});
+	const hasFollowStatus = Boolean(followStatusResponse?.data?.is_following_map);
+	useEffect(() => {
+		if (prevDataListRef.current !== data.list) {
+			prevDataListRef.current = data.list;
+			setList(dedupeUsersById(data.list || []));
+		}
+	}, [data.list]);
+	useEffect(() => {
+		const followMap = followStatusResponse?.data?.is_following_map;
+		if (!followMap || Object.keys(followMap).length === 0) return;
+		setList((prevList) => {
+			return prevList.filter((item) => {
+				if (!item.user_id) return true;
+				if (isLogin && userId && item.user_id === userId) return false;
+				return true;
+			}).map((item) => {
+				if (!item.user_id || followMap[item.user_id] === void 0) return item;
+				return {
+					...item,
+					isFollow: Boolean(followMap[item.user_id])
+				};
+			});
+		});
+	}, [
+		followStatusResponse?.data?.is_following_map,
+		isLogin,
+		userId
+	]);
+	const wrapperStyle = styles ? mergeStyles(styles, {}) : void 0;
+	const followButtonTouchBorder = 6;
+	const followButtonTouchSize = followButtonSize + followButtonTouchBorder * 2;
+	return /* @__PURE__ */ jsxs(Box, {
+		style: wrapperStyle,
+		className: "mb-[16px]",
+		children: [/* @__PURE__ */ jsx(Text, {
+			as: "h2",
+			className: "text-[18px] font-bold text-text1 mb-[8px] px-[12px] pt-[16px]",
+			children: title
+		}), list && list.length > 0 ? /* @__PURE__ */ jsx(Box, {
+			className: "overflow-x-auto overflow-y-hidden [&::-webkit-scrollbar]:hidden",
+			style: {
+				scrollbarWidth: "none",
+				msOverflowStyle: "none",
+				WebkitOverflowScrolling: "touch"
+			},
+			children: /* @__PURE__ */ jsx(Box, {
+				className: "flex h-[62px]",
+				style: {
+					paddingLeft: pxToVw(listPadding),
+					gap: pxToVw(itemGap)
+				},
+				children: list.map((user, index) => /* @__PURE__ */ jsxs(Link, {
+					href: `/profile/${user.user_id}`,
+					className: "flex flex-col items-center shrink-0",
+					style: { paddingRight: index === list.length - 1 ? pxToVw(listPadding) : 0 },
+					children: [/* @__PURE__ */ jsxs(Box, {
+						className: "relative flex flex-col items-center",
+						children: [/* @__PURE__ */ jsxs(Avatar, {
+							size: "lg",
+							children: [user.avatar ? /* @__PURE__ */ jsx(AvatarImage, {
+								src: user.avatar,
+								alt: user.nick_name
+							}) : null, /* @__PURE__ */ jsx(AvatarFallback, {})]
+						}), /* @__PURE__ */ jsx(Box, {
+							className: "absolute",
+							style: {
+								width: pxToVw(followButtonTouchSize),
+								height: pxToVw(followButtonTouchSize),
+								bottom: `-${pxToVw(followButtonTouchSize / 2)}`,
+								border: `${pxToVw(followButtonTouchBorder)} solid rgba(255,255,255,0)`,
+								boxSizing: "border-box",
+								borderRadius: "9999px",
+								display: "flex",
+								alignItems: "center",
+								justifyContent: "center",
+								opacity: isLogin ? hasFollowStatus ? 1 : .6 : 1
+							},
+							children: isLogin && hasFollowStatus && user.isFollow ? /* @__PURE__ */ jsx(SvgFollowSel, {
+								width: followButtonSize,
+								height: followButtonSize
+							}) : /* @__PURE__ */ jsx(SvgFollowNor, {
+								width: followButtonSize,
+								height: followButtonSize
+							})
+						})]
+					}), /* @__PURE__ */ jsx(Text, {
+						className: "text-center mt-[8px] text-text1 whitespace-nowrap overflow-hidden text-ellipsis",
+						style: {
+							fontSize: pxToVw(nameFontSize),
+							maxWidth: pxToVw(avatarSize + 20)
+						},
+						title: user.nick_name,
+						children: user.nick_name
+					})]
+				}, user.user_id || `user-${index}`))
+			})
+		}) : /* @__PURE__ */ jsx(RecommendedUsersSkeleton, {
+			avatarSize,
+			followButtonSize,
+			itemGap,
+			listPadding,
+			nameFontSize,
+			itemCount: 7
+		})]
+	});
+}
+
+//#endregion
+export { BasicRecommendedUsersClient as default };