@funhub/platform 0.1.127 → 0.1.130

package/dist/components/common/wait-loading.mjs

@@ -1,2 +1,120 @@
 
-"use client";import e from"../../utils/event-bus.mjs";import{eventKey as t}from"../../constants/event-key.mjs";import{useEffect as n,useRef as r,useState as i}from"react";import{jsx as a,jsxs as o}from"react/jsx-runtime";function s(e){if(!Number.isFinite(e))return 0;let t=e>1?e/100:e;return Math.max(0,Math.min(100,t*100))}function c(c){let{className:l}=c,[u,d]=i(!1),[f,p]=i(`上传中`),[m,h]=i(0),g=r(null);return n(()=>{function n(){g.current!==null&&(window.clearInterval(g.current),g.current=null)}function r(){n(),g.current=window.setInterval(()=>{h(e=>e>=95?(n(),95):e+95/5)},1e3)}function i(e={}){let{show:t=!1,text:i=`上传中`,progress:a}=e;if(!t){n(),d(!1),h(0);return}if(d(!0),p(i),typeof a==`number`){n(),h(s(a));return}h(0),r()}return e.on(t.WAIT_LOADING_SHOW,i),()=>{e.off(t.WAIT_LOADING_SHOW,i),n()}},[]),u?o(`div`,{className:`fixed inset-0 z-[99999] flex items-center justify-center ${l||``}`,children:[a(`div`,{className:`absolute inset-0 bg-black/0`}),o(`div`,{className:`relative w-44 h-14 px-4 rounded-md bg-bg2 flex flex-col items-center justify-center`,children:[a(`div`,{className:`w-full h-2 rounded-full bg-line1/20 overflow-hidden`,children:a(`div`,{className:`h-full rounded-full bg-theme5 transition-all duration-300`,style:{width:`${m}%`}})}),o(`div`,{className:`mt-3 h-3 text-xs leading-3 text-theme5 flex items-center`,children:[f,o(`span`,{className:`ml-1.5 flex items-center gap-0.5`,children:[a(`span`,{className:`h-1 w-1 rounded-full bg-theme5 animate-bounce`,style:{animationDelay:`0ms`}}),a(`span`,{className:`h-1 w-1 rounded-full bg-theme5 animate-bounce`,style:{animationDelay:`150ms`}}),a(`span`,{className:`h-1 w-1 rounded-full bg-theme5 animate-bounce`,style:{animationDelay:`300ms`}})]})]})]})]}):null}export{c as WaitLoading};
+'use client';
+
+import eventBus from "../../utils/event-bus.mjs";
+import { eventKey } from "../../constants/event-key.mjs";
+import { useEffect, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region components/common/wait-loading.tsx
+const MAX_AUTO_PROGRESS = 95;
+const PROGRESS_FULL_TIME = 5;
+/**
+* 规范化进度数值，支持 [0,1] 或 [0,100] 输入。
+* @param value 进度值
+* @returns 百分比进度
+*/
+function normalizeProgress(value) {
+	if (!Number.isFinite(value)) return 0;
+	const ratio = value > 1 ? value / 100 : value;
+	return Math.max(0, Math.min(100, ratio * 100));
+}
+/**
+* 全局上传等待提示（迁移自旧项目 wait-loading）。
+* @returns 组件渲染结果
+*/
+function WaitLoading(props) {
+	const { className } = props;
+	const [visible, setVisible] = useState(false);
+	const [tipText, setTipText] = useState("上传中");
+	const [progress, setProgress] = useState(0);
+	const progressTimerRef = useRef(null);
+	useEffect(() => {
+		/**
+		* 清理自动进度定时器。
+		*/
+		function clearProgressTimer() {
+			if (progressTimerRef.current === null) return;
+			window.clearInterval(progressTimerRef.current);
+			progressTimerRef.current = null;
+		}
+		/**
+		* 启动自动进度动画（保持旧项目的 5 秒填充逻辑）。
+		*/
+		function startAutoProgress() {
+			clearProgressTimer();
+			progressTimerRef.current = window.setInterval(() => {
+				setProgress((prev) => {
+					if (prev >= MAX_AUTO_PROGRESS) {
+						clearProgressTimer();
+						return MAX_AUTO_PROGRESS;
+					}
+					return prev + MAX_AUTO_PROGRESS / PROGRESS_FULL_TIME;
+				});
+			}, 1e3);
+		}
+		/**
+		* 处理全局等待弹窗事件。
+		* @param payload 弹窗控制参数
+		*/
+		function handleShow(payload = {}) {
+			const { show = false, text = "上传中", progress: nextProgress } = payload;
+			if (!show) {
+				clearProgressTimer();
+				setVisible(false);
+				setProgress(0);
+				return;
+			}
+			setVisible(true);
+			setTipText(text);
+			if (typeof nextProgress === "number") {
+				clearProgressTimer();
+				setProgress(normalizeProgress(nextProgress));
+				return;
+			}
+			setProgress(0);
+			startAutoProgress();
+		}
+		eventBus.on(eventKey.WAIT_LOADING_SHOW, handleShow);
+		return () => {
+			eventBus.off(eventKey.WAIT_LOADING_SHOW, handleShow);
+			clearProgressTimer();
+		};
+	}, []);
+	if (!visible) return null;
+	return /* @__PURE__ */ jsxs("div", {
+		className: `fixed inset-0 z-[99999] flex items-center justify-center ${className || ""}`,
+		children: [/* @__PURE__ */ jsx("div", { className: "absolute inset-0 bg-black/0" }), /* @__PURE__ */ jsxs("div", {
+			className: "relative w-44 h-14 px-4 rounded-md bg-bg2 flex flex-col items-center justify-center",
+			children: [/* @__PURE__ */ jsx("div", {
+				className: "w-full h-2 rounded-full bg-line1/20 overflow-hidden",
+				children: /* @__PURE__ */ jsx("div", {
+					className: "h-full rounded-full bg-theme5 transition-all duration-300",
+					style: { width: `${progress}%` }
+				})
+			}), /* @__PURE__ */ jsxs("div", {
+				className: "mt-3 h-3 text-xs leading-3 text-theme5 flex items-center",
+				children: [tipText, /* @__PURE__ */ jsxs("span", {
+					className: "ml-1.5 flex items-center gap-0.5",
+					children: [
+						/* @__PURE__ */ jsx("span", {
+							className: "h-1 w-1 rounded-full bg-theme5 animate-bounce",
+							style: { animationDelay: "0ms" }
+						}),
+						/* @__PURE__ */ jsx("span", {
+							className: "h-1 w-1 rounded-full bg-theme5 animate-bounce",
+							style: { animationDelay: "150ms" }
+						}),
+						/* @__PURE__ */ jsx("span", {
+							className: "h-1 w-1 rounded-full bg-theme5 animate-bounce",
+							style: { animationDelay: "300ms" }
+						})
+					]
+				})]
+			})]
+		})]
+	});
+}
+
+//#endregion
+export { WaitLoading };

package/dist/components/pages/(follow)/_components/follow-button/index.mjs

@@ -1,2 +1,81 @@
 
-"use client";import{useFollowIdsState as e}from"../../../../../store/modules/follow-ids-store.mjs";import{useUserStore as t}from"../../../../../store/modules/user-store.mjs";import{pInteractionFollow as n,pInteractionUnfollow as r}from"../../../../../service/generated/client.mjs";import{useEffect as i,useState as a}from"react";import{Fragment as o,jsx as s}from"react/jsx-runtime";import{useTranslations as c}from"next-intl";function l(l){let u=c(`components.pages.follow.components.followButton`),{userId:d,hasFollow:f,followText:p=``,onChange:m}=l,h=p||u(`follow`),[g,_]=a(f),{isLogin:v,userInfo:y,userId:b}=t(),{followIds:x}=e(),S=b||y?.userId||``,C=y?.userId===d,w=f||x.includes(d);i(()=>{_(w)},[w]);async function T(){if(!v){_(g),m?.(!1);return}try{g?await r({follower_id:S,followee_id:d}):await n({follower_id:S,followee_id:d}),window.sensors?.track(`detail_follow_click`,{object_id:``,action:g?`取消关注`:`关注`,author_id:d}),sessionStorage.setItem(`user_page_refresh`,`1`)}catch(e){console.error(`关注或取消关注失败:`,e)}_(!g),m?.(!g)}function E(){T(),v&&(g||T())}return C?null:s(`button`,{className:` h-7 rounded-full px-4 py-1.5 border border-solid cursor-pointer flex items-center justify-center ${g?`border-text3`:`border-theme5`}`,onClick:()=>E(),children:g?s(o,{children:s(`span`,{className:`text-text3 text-xs leading-4.5 ml-1 shrink-0`,children:u(`following`)})}):s(o,{children:s(`span`,{className:`block text-theme5 text-xs leading-4.5 ml-1 shrink-0`,children:h})})})}export{l as FollowButton};
+'use client';
+
+import { useFollowIdsState } from "../../../../../store/modules/follow-ids-store.mjs";
+import { useUserStore } from "../../../../../store/modules/user-store.mjs";
+import { pInteractionFollow, pInteractionUnfollow } from "../../../../../service/generated/client.mjs";
+import { useEffect, useState } from "react";
+import { Fragment as Fragment$1, jsx } from "react/jsx-runtime";
+import { useTranslations } from "next-intl";
+
+//#region components/pages/(follow)/_components/follow-button/index.tsx
+/**
+* 关注/取消关注按钮
+*/
+function FollowButton(props) {
+	const t = useTranslations("components.pages.follow.components.followButton");
+	const { userId, hasFollow, followText = "", onChange } = props;
+	const resolvedFollowText = followText || t("follow");
+	const [isFollow, setIsFollow] = useState(hasFollow);
+	const { isLogin, userInfo, userId: storeUserId } = useUserStore();
+	const { followIds } = useFollowIdsState();
+	const currentUserId = storeUserId || userInfo?.userId || "";
+	const isSelf = userInfo?.userId === userId;
+	const isHasFollowedStatus = hasFollow || followIds.includes(userId);
+	useEffect(() => {
+		setIsFollow(isHasFollowedStatus);
+	}, [isHasFollowedStatus]);
+	/**
+	* 切换关注状态
+	*/
+	async function changeFollowStatus() {
+		if (!isLogin) {
+			setIsFollow(isFollow);
+			onChange?.(false);
+			return;
+		}
+		try {
+			if (isFollow) await pInteractionUnfollow({
+				follower_id: currentUserId,
+				followee_id: userId
+			});
+			else await pInteractionFollow({
+				follower_id: currentUserId,
+				followee_id: userId
+			});
+			window.sensors?.track("detail_follow_click", {
+				object_id: "",
+				action: isFollow ? "取消关注" : "关注",
+				author_id: userId
+			});
+			sessionStorage.setItem("user_page_refresh", "1");
+		} catch (error) {
+			console.error("关注或取消关注失败:", error);
+		}
+		setIsFollow(!isFollow);
+		onChange?.(!isFollow);
+	}
+	/**
+	* 处理按钮点击
+	*/
+	function followHandler() {
+		changeFollowStatus();
+		if (!isLogin) return;
+		if (isFollow) {} else changeFollowStatus();
+	}
+	if (isSelf) return null;
+	return /* @__PURE__ */ jsx("button", {
+		className: ` h-7 rounded-full px-4 py-1.5 border border-solid cursor-pointer flex items-center justify-center ${!isFollow ? "border-theme5" : "border-text3"}`,
+		onClick: () => followHandler(),
+		children: !isFollow ? /* @__PURE__ */ jsx(Fragment$1, { children: /* @__PURE__ */ jsx("span", {
+			className: "block text-theme5 text-xs leading-4.5 ml-1 shrink-0",
+			children: resolvedFollowText
+		}) }) : /* @__PURE__ */ jsx(Fragment$1, { children: /* @__PURE__ */ jsx("span", {
+			className: "text-text3 text-xs leading-4.5 ml-1 shrink-0",
+			children: t("following")
+		}) })
+	});
+}
+
+//#endregion
+export { FollowButton };

package/dist/components/pages/(follow)/_components/header-nav/index.mjs

@@ -1,2 +1,14 @@
 
-"use client";import{HeaderNav as e}from"../../../../common/header-nav/client.mjs";import{InteractionTabs as t}from"../interaction-tabs/index.mjs";import{jsx as n}from"react/jsx-runtime";function r({defaultTab:r=`followed`}){return n(e,{centerChild:n(t,{type:r})})}export{r as FollowHeaderNav};
+'use client';
+
+import { HeaderNav } from "../../../../common/header-nav/client.mjs";
+import { InteractionTabs } from "../interaction-tabs/index.mjs";
+import { jsx } from "react/jsx-runtime";
+
+//#region components/pages/(follow)/_components/header-nav/index.tsx
+function FollowHeaderNav({ defaultTab = "followed" }) {
+	return /* @__PURE__ */ jsx(HeaderNav, { centerChild: /* @__PURE__ */ jsx(InteractionTabs, { type: defaultTab }) });
+}
+
+//#endregion
+export { FollowHeaderNav };

package/dist/components/pages/(follow)/_components/interaction-tabs/index.mjs

@@ -1,2 +1,44 @@
 
-"use client";import{Tabs as e,TabsList as t,TabsTrigger as n}from"../../../../ui/tabs.mjs";import{jsx as r,jsxs as i}from"react/jsx-runtime";import{useTranslations as a}from"next-intl";import{usePathname as o,useRouter as s,useSearchParams as c}from"next/navigation";function l({type:l}){let u=a(`components.pages.follow.components.interactionTabs`),d=s(),f=c(),p=o();return r(e,{value:l,onValueChange:e=>{let t=e===`fans`?`fans`:`followed`,n=p;n=p.replace(/\/(fans|followed)/,`/${t}`);let r=f.get(`user_id`),i=r?`?user_id=${r}`:``;d.replace(`${n}${i}`)},className:`h-full`,children:i(t,{variant:`default`,className:`h-full`,children:[r(n,{value:`followed`,className:`h-full px-3`,children:u(`follow`)}),r(n,{value:`fans`,className:`h-full px-3`,children:u(`fans`)})]})})}export{l as InteractionTabs};
+'use client';
+
+import { Tabs, TabsList, TabsTrigger } from "../../../../ui/tabs.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useTranslations } from "next-intl";
+import { usePathname, useRouter, useSearchParams } from "next/navigation";
+
+//#region components/pages/(follow)/_components/interaction-tabs/index.tsx
+function InteractionTabs({ type }) {
+	const t = useTranslations("components.pages.follow.components.interactionTabs");
+	const router = useRouter();
+	const searchParams = useSearchParams();
+	const pathname = usePathname();
+	const handleTabChange = (key) => {
+		const newType = key === "fans" ? "fans" : "followed";
+		let newPathname = pathname;
+		newPathname = pathname.replace(/\/(fans|followed)/, `/${newType}`);
+		const user_id = searchParams.get("user_id");
+		const queryString = user_id ? `?user_id=${user_id}` : "";
+		router.replace(`${newPathname}${queryString}`);
+	};
+	return /* @__PURE__ */ jsx(Tabs, {
+		value: type,
+		onValueChange: handleTabChange,
+		className: "h-full",
+		children: /* @__PURE__ */ jsxs(TabsList, {
+			variant: "default",
+			className: "h-full",
+			children: [/* @__PURE__ */ jsx(TabsTrigger, {
+				value: "followed",
+				className: "h-full px-3",
+				children: t("follow")
+			}), /* @__PURE__ */ jsx(TabsTrigger, {
+				value: "fans",
+				className: "h-full px-3",
+				children: t("fans")
+			})]
+		})
+	});
+}
+
+//#endregion
+export { InteractionTabs };

package/dist/components/pages/(follow)/_components/user-list/index.mjs

@@ -1,2 +1,140 @@
 
-"use client";import{useUserStore as e}from"../../../../../store/modules/user-store.mjs";import{gInteractionGetFollowerList as t,gInteractionGetFollowingList as n}from"../../../../../service/generated/client.mjs";import{Box as r}from"../../../../ui/box.mjs";import{List as i}from"../../../../ui/list.mjs";import{Text as a}from"../../../../ui/text.mjs";import{usePaginated as o,useUpdateRequest as s}from"../../../../../hooks/query/use-query.mjs";import{UserListItem as c}from"./user-list-item.mjs";import{useState as l}from"react";import{jsx as u}from"react/jsx-runtime";import{useTranslations as d}from"next-intl";import{useRouter as f}from"next/navigation";function p(e,t){return e.map(e=>({user_id:e.user_brief?.user_id??e.user_id??``,name:e.user_brief?.nickname??e.user_brief?.username??``,avatar:e.user_brief?.avatar_url??``,is_mutual:e.is_mutual,signature:e?.user_brief?.signature||``,is_friend:`0`,browse_flag:`0`,self_flag:`0`,follow_flag:t,background:``}))}function m(e,t,n,r){return{code:0,msg:`OK`,data:{page:String(t),page_size:String(n),list:p(e,r)},trace:``}}function h(p){let h=d(`components.pages.follow.components.userList`),{userId:g,type:_,page:v,showAction:y,followText:b}=p,[x,S]=l(!1),C=f(),w=e(e=>e.userId||e.userInfo?.userId||``),T=g||w,E=[`user-list`,_,T,v],D=b||h(_===`fans`?`followBack`:`follow`),{data:O,isFetching:k,fetchNextPage:A}=o({key:E,options:{staleTime:0},initialPageParam:v,async queryFn(e){if(!T)return m([],e,20,_===`followed`?`1`:`0`);let r=(_===`followed`?await n({page:e,page_size:20,user_id:T}):await t({page:e,page_size:20,user_id:T})).data,i=[];_===`followed`&&`following`in r&&(i=r.following??[]),_===`fans`&&`followers`in r&&(i=r.followers??[]);let a=m(i,e,20,_===`followed`?`1`:`0`);return a.data?.list&&a.data.list.length===0&&S(!1),a},getNextPageParam(e,t){if((e?.data?.list??[]).length!==0)return t.length+v}}),j=s();function M(e,t){j(E,n=>{for(let r of n?.pages||[])for(let n of r.data?.list||[])if(n.user_id===e){n.follow_flag=t?`1`:`0`;break}return n&&{...n}})}return u(i,{loading:k,hasMore:x,loadMore:async()=>{await A()},empty:`adduser`,emptyText:h(_===`followed`?`noFollowedUsers`:`noFans`),emptySlot:_===`followed`&&!g?u(r,{className:`w-20.5 mt-6 h-7.5 rounded-[30px] bg-theme5 flex items-center justify-center`,onClick:()=>{C.push(`/`)},children:u(a,{className:`text-[14px] text-white leading-7.5`,children:h(`followNow`)})}):null,children:O?.pages.map(e=>e.data.list.map(e=>u(i.Item,{children:u(c,{showAction:y,data:e,onUpdateFollowStatus:M,followText:e.follow_flag===`1`?h(`follow`):D})},e.user_id)))})}export{h as UserList};
+'use client';
+
+import { useUserStore } from "../../../../../store/modules/user-store.mjs";
+import { gInteractionGetFollowerList, gInteractionGetFollowingList } from "../../../../../service/generated/client.mjs";
+import { Box } from "../../../../ui/box.mjs";
+import { List } from "../../../../ui/list.mjs";
+import { Text } from "../../../../ui/text.mjs";
+import { usePaginated, useUpdateRequest } from "../../../../../hooks/query/use-query.mjs";
+import { UserListItem } from "./user-list-item.mjs";
+import { useState } from "react";
+import { jsx } from "react/jsx-runtime";
+import { useTranslations } from "next-intl";
+import { useRouter } from "next/navigation";
+
+//#region components/pages/(follow)/_components/user-list/index.tsx
+/**
+* 映射关注/粉丝列表用户数据
+*/
+function mapUserList(users, followFlag) {
+	return users.map((user) => ({
+		user_id: user.user_brief?.user_id ?? user.user_id ?? "",
+		name: user.user_brief?.nickname ?? user.user_brief?.username ?? "",
+		avatar: user.user_brief?.avatar_url ?? "",
+		is_mutual: user.is_mutual,
+		signature: user?.user_brief?.signature || "",
+		is_friend: "0",
+		browse_flag: "0",
+		self_flag: "0",
+		follow_flag: followFlag,
+		background: ""
+	}));
+}
+/**
+* 组装关注/粉丝列表响应
+*/
+function buildUserListResponse(list, page, pageSize, followFlag) {
+	return {
+		code: 0,
+		msg: "OK",
+		data: {
+			page: String(page),
+			page_size: String(pageSize),
+			list: mapUserList(list, followFlag)
+		},
+		trace: ""
+	};
+}
+/**
+* 关注/粉丝用户列表
+*/
+function UserList(props) {
+	const t = useTranslations("components.pages.follow.components.userList");
+	const { userId, type, page, showAction, followText } = props;
+	const [hasMore, setHasMore] = useState(false);
+	const router = useRouter();
+	const storeUserId = useUserStore((state) => state.userId || state.userInfo?.userId || "");
+	const resolvedUserId = userId || storeUserId;
+	const key = [
+		"user-list",
+		type,
+		resolvedUserId,
+		page
+	];
+	const resolvedFollowText = followText || (type === "fans" ? t("followBack") : t("follow"));
+	const { data, isFetching, fetchNextPage } = usePaginated({
+		key,
+		options: { staleTime: 0 },
+		initialPageParam: page,
+		async queryFn(params) {
+			const pageSize = 20;
+			if (!resolvedUserId) return buildUserListResponse([], params, pageSize, type === "followed" ? "1" : "0");
+			const responseData = (type === "followed" ? await gInteractionGetFollowingList({
+				page: params,
+				page_size: pageSize,
+				user_id: resolvedUserId
+			}) : await gInteractionGetFollowerList({
+				page: params,
+				page_size: pageSize,
+				user_id: resolvedUserId
+			})).data;
+			let list = [];
+			if (type === "followed" && "following" in responseData) list = responseData.following ?? [];
+			if (type === "fans" && "followers" in responseData) list = responseData.followers ?? [];
+			const res = buildUserListResponse(list, params, pageSize, type === "followed" ? "1" : "0");
+			if (res.data?.list && res.data.list.length === 0) setHasMore(false);
+			return res;
+		},
+		getNextPageParam(lastPage, allPages) {
+			if ((lastPage?.data?.list ?? []).length === 0) return;
+			return allPages.length + page;
+		}
+	});
+	const mutate = useUpdateRequest();
+	/**
+	* 更新列表中的关注状态
+	*/
+	function handleUpdateFollowStatus(userId, isFollow) {
+		mutate(key, (prev) => {
+			for (const page of prev?.pages || []) for (const item of page.data?.list || []) if (item.user_id === userId) {
+				item.follow_flag = isFollow ? "1" : "0";
+				break;
+			}
+			if (prev) return { ...prev };
+			return prev;
+		});
+	}
+	return /* @__PURE__ */ jsx(List, {
+		loading: isFetching,
+		hasMore,
+		loadMore: async () => {
+			await fetchNextPage();
+		},
+		empty: "adduser",
+		emptyText: type === "followed" ? t("noFollowedUsers") : t("noFans"),
+		emptySlot: type === "followed" && !userId ? /* @__PURE__ */ jsx(Box, {
+			className: "w-20.5 mt-6 h-7.5 rounded-[30px] bg-theme5 flex items-center justify-center",
+			onClick: () => {
+				router.push("/");
+			},
+			children: /* @__PURE__ */ jsx(Text, {
+				className: "text-[14px] text-white leading-7.5",
+				children: t("followNow")
+			})
+		}) : null,
+		children: data?.pages.map((page) => {
+			return page.data.list.map((item) => {
+				return /* @__PURE__ */ jsx(List.Item, { children: /* @__PURE__ */ jsx(UserListItem, {
+					showAction,
+					data: item,
+					onUpdateFollowStatus: handleUpdateFollowStatus,
+					followText: item.follow_flag === "1" ? t("follow") : resolvedFollowText
+				}) }, item.user_id);
+			});
+		})
+	});
+}
+
+//#endregion
+export { UserList };

package/dist/components/pages/(follow)/_components/user-list/user-list-item.mjs

@@ -1,2 +1,47 @@
 
-import{Avatar as e,AvatarFallback as t,AvatarImage as n}from"../../../../ui/avatar.mjs";import{Box as r}from"../../../../ui/box.mjs";import{Text as i}from"../../../../ui/text.mjs";import{FollowButton as a}from"../follow-button/index.mjs";import{jsx as o,jsxs as s}from"react/jsx-runtime";import c from"next/link";function l({data:l,followText:u,showAction:d=!0,onUpdateFollowStatus:f}){return s(r,{className:`h-17 flex items-center`,children:[o(c,{href:`/profile/${l.user_id}`,children:s(e,{className:`w-13.5 h-13.5`,children:[o(n,{src:l.avatar,alt:`user`}),o(t,{})]})}),s(r,{className:`ml-2 leading-none flex-1 w-0 mr-4`,children:[o(i,{className:`text-base font-bold text-text1 line-clamp-1`,children:l.name}),o(i,{className:`text-xs min-h-[1em] text-text2  line-clamp-1`,children:l.signature})]}),d?o(a,{followText:u,userId:l.user_id,hasFollow:l.follow_flag===`1`||l.is_mutual,onChange:e=>{f?.(l.user_id,e)}}):null]})}export{l as UserListItem};
+import { Avatar, AvatarFallback, AvatarImage } from "../../../../ui/avatar.mjs";
+import { Box } from "../../../../ui/box.mjs";
+import { Text } from "../../../../ui/text.mjs";
+import { FollowButton } from "../follow-button/index.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+import Link from "next/link";
+
+//#region components/pages/(follow)/_components/user-list/user-list-item.tsx
+function UserListItem({ data, followText, showAction = true, onUpdateFollowStatus }) {
+	return /* @__PURE__ */ jsxs(Box, {
+		className: "h-17 flex items-center",
+		children: [
+			/* @__PURE__ */ jsx(Link, {
+				href: `/profile/${data.user_id}`,
+				children: /* @__PURE__ */ jsxs(Avatar, {
+					className: "w-13.5 h-13.5",
+					children: [/* @__PURE__ */ jsx(AvatarImage, {
+						src: data.avatar,
+						alt: "user"
+					}), /* @__PURE__ */ jsx(AvatarFallback, {})]
+				})
+			}),
+			/* @__PURE__ */ jsxs(Box, {
+				className: "ml-2 leading-none flex-1 w-0 mr-4",
+				children: [/* @__PURE__ */ jsx(Text, {
+					className: "text-base font-bold text-text1 line-clamp-1",
+					children: data.name
+				}), /* @__PURE__ */ jsx(Text, {
+					className: "text-xs min-h-[1em] text-text2  line-clamp-1",
+					children: data.signature
+				})]
+			}),
+			showAction ? /* @__PURE__ */ jsx(FollowButton, {
+				followText,
+				userId: data.user_id,
+				hasFollow: data.follow_flag === "1" || data.is_mutual,
+				onChange: (isFollow) => {
+					onUpdateFollowStatus?.(data.user_id, isFollow);
+				}
+			}) : null
+		]
+	});
+}
+
+//#endregion
+export { UserListItem };

package/dist/components/pages/(follow)/fans/index.mjs

@@ -1,2 +1,11 @@
 
-import{FansPage as e}from"./page.mjs";import{jsx as t}from"react/jsx-runtime";function n({userId:n}={}){return t(e,{userId:n})}export{n as FansPage};
+import { FansPage as FansPage$1 } from "./page.mjs";
+import { jsx } from "react/jsx-runtime";
+
+//#region components/pages/(follow)/fans/index.tsx
+function FansPage({ userId } = {}) {
+	return /* @__PURE__ */ jsx(FansPage$1, { userId });
+}
+
+//#endregion
+export { FansPage };

package/dist/components/pages/(follow)/fans/page.mjs

@@ -1,2 +1,96 @@
 
-import{gInteractionGetFollowerList as e,gUserViewUserInfo as t}from"../../../../service/generated/client.mjs";import{Box as n}from"../../../ui/box.mjs";import{EmptyState as r}from"../../../ui/empty.mjs";import{HydrationBoundary as i}from"../../../../hooks/query/hydration-boundary.mjs";import{defaultLocale as a,isValidLocale as o,resolveLocaleByPriority as s,resolveLocaleFromAcceptLanguage as c}from"../../../../i18n.mjs";import{getTranslator as l}from"../../../../i18n/translator.mjs";import{FollowHeaderNav as u}from"../_components/header-nav/index.mjs";import{UserList as d}from"../_components/user-list/index.mjs";import{jsx as f,jsxs as p}from"react/jsx-runtime";import{cookies as m,headers as h}from"next/headers";function g(e){return o(e)?e:a}function _(e){return e.map(e=>({user_id:e.user_brief?.user_id??e.user_id??``,name:e.user_brief?.nickname??e.user_brief?.username??``,avatar:e.user_brief?.avatar_url??``,signature:e.user_brief?.signature??``,is_friend:`0`,browse_flag:`0`,self_flag:`0`,follow_flag:e.is_mutual?`1`:`0`,background:``}))}function v(e,t,n){return{code:0,msg:`OK`,data:{page:String(t),page_size:String(n),list:_(e)},trace:``}}async function y({userId:o}){let _=`fans`,y=await m(),b=await h(),x=l(g(s(y.get(`NEXT_LOCALE`)?.value,c(b.get(`accept-language`)),a))),S=y.get(`token`)?.value||``,C=y.get(`userId`)?.value||``,w=!!o,T=w?await t({target_user_id:o,user_id:C||o},S?{headers:{Authorization:`Bearer ${S}`}}:void 0):null,E=!w||Number(T?.data?.follower_open??1)>0,D=w&&!E;return f(i,{prefetch:o&&!D?[{type:`infinite`,queryKey:[`user-list`,_,o,1],initialPageParam:1,async queryFn(){return v((await e({page:1,page_size:20,user_id:o})).data?.followers??[],1,20)}}]:[],children:p(n,{children:[f(u,{defaultTab:`fans`}),D?f(r,{type:`no-content`,text:x(`components.pages.follow.pages.fans.privateListUnavailable`)}):f(d,{type:_,userId:o,showAction:!o,page:1,followText:x(`components.pages.follow.components.userList.followBack`)})]})})}export{y as FansPage};
+import { gInteractionGetFollowerList, gUserViewUserInfo } from "../../../../service/generated/client.mjs";
+import { Box } from "../../../ui/box.mjs";
+import { EmptyState } from "../../../ui/empty.mjs";
+import { HydrationBoundary } from "../../../../hooks/query/hydration-boundary.mjs";
+import { defaultLocale, isValidLocale, resolveLocaleByPriority, resolveLocaleFromAcceptLanguage } from "../../../../i18n.mjs";
+import { getTranslator } from "../../../../i18n/translator.mjs";
+import { FollowHeaderNav } from "../_components/header-nav/index.mjs";
+import { UserList } from "../_components/user-list/index.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cookies, headers } from "next/headers";
+
+//#region components/pages/(follow)/fans/page.tsx
+function resolveLocale(requestedLocale) {
+	if (isValidLocale(requestedLocale)) return requestedLocale;
+	return defaultLocale;
+}
+/**
+* 映射粉丝列表数据
+*/
+function mapFansList(users) {
+	return users.map((user) => ({
+		user_id: user.user_brief?.user_id ?? user.user_id ?? "",
+		name: user.user_brief?.nickname ?? user.user_brief?.username ?? "",
+		avatar: user.user_brief?.avatar_url ?? "",
+		signature: user.user_brief?.signature ?? "",
+		is_friend: "0",
+		browse_flag: "0",
+		self_flag: "0",
+		follow_flag: user.is_mutual ? "1" : "0",
+		background: ""
+	}));
+}
+/**
+* 组装粉丝列表响应
+*/
+function buildFansResponse(list, page, pageSize) {
+	return {
+		code: 0,
+		msg: "OK",
+		data: {
+			page: String(page),
+			page_size: String(pageSize),
+			list: mapFansList(list)
+		},
+		trace: ""
+	};
+}
+async function FansPage({ userId }) {
+	const type = "fans";
+	const initialPage = 1;
+	const cookie = await cookies();
+	const headerStore = await headers();
+	const t = getTranslator(resolveLocale(resolveLocaleByPriority(cookie.get("NEXT_LOCALE")?.value, resolveLocaleFromAcceptLanguage(headerStore.get("accept-language")), defaultLocale)));
+	const token = cookie.get("token")?.value || "";
+	const currentUserId = cookie.get("userId")?.value || "";
+	const shouldCheckPrivacy = Boolean(userId);
+	const privacyResponse = shouldCheckPrivacy ? await gUserViewUserInfo({
+		target_user_id: userId,
+		user_id: currentUserId || userId
+	}, token ? { headers: { Authorization: `Bearer ${token}` } } : void 0) : null;
+	const isFollowerOpen = !shouldCheckPrivacy || Number(privacyResponse?.data?.follower_open ?? 1) > 0;
+	const shouldShowPrivate = shouldCheckPrivacy && !isFollowerOpen;
+	return /* @__PURE__ */ jsx(HydrationBoundary, {
+		prefetch: userId && !shouldShowPrivate ? [{
+			type: "infinite",
+			queryKey: [
+				"user-list",
+				type,
+				userId,
+				initialPage
+			],
+			initialPageParam: initialPage,
+			async queryFn() {
+				return buildFansResponse((await gInteractionGetFollowerList({
+					page: initialPage,
+					page_size: 20,
+					user_id: userId
+				})).data?.followers ?? [], initialPage, 20);
+			}
+		}] : [],
+		children: /* @__PURE__ */ jsxs(Box, { children: [/* @__PURE__ */ jsx(FollowHeaderNav, { defaultTab: "fans" }), shouldShowPrivate ? /* @__PURE__ */ jsx(EmptyState, {
+			type: "no-content",
+			text: t("components.pages.follow.pages.fans.privateListUnavailable")
+		}) : /* @__PURE__ */ jsx(UserList, {
+			type,
+			userId,
+			showAction: !userId,
+			page: initialPage,
+			followText: t("components.pages.follow.components.userList.followBack")
+		})] })
+	});
+}
+
+//#endregion
+export { FansPage };

package/dist/components/pages/(follow)/followed/index.mjs

@@ -1,2 +1,11 @@
 
-import{FollowedPage as e}from"./page.mjs";import{jsx as t}from"react/jsx-runtime";function n({userId:n}={}){return t(e,{userId:n})}export{n as FollowedPage};
+import { FollowedPage as FollowedPage$1 } from "./page.mjs";
+import { jsx } from "react/jsx-runtime";
+
+//#region components/pages/(follow)/followed/index.tsx
+function FollowedPage({ userId } = {}) {
+	return /* @__PURE__ */ jsx(FollowedPage$1, { userId });
+}
+
+//#endregion
+export { FollowedPage };