@funhub/platform 0.1.62 → 0.1.64

package/dist/components/biz/business/nav-bar/variants/basic-nav-bar/schema/props.schema.mjs

@@ -1,93 +1,2 @@
 
-import { defaultProps } from "../defaults/default-props.mjs";
-
-//#region components/biz/business/nav-bar/variants/basic-nav-bar/schema/props.schema.ts
-const propsSchema = {
-	currentChannelId: {
-		type: "string",
-		title: "当前频道ID",
-		description: "当前选中的频道ID",
-		default: defaultProps.currentChannelId
-	},
-	filterUrl: {
-		type: "string",
-		title: "过滤链接",
-		description: "点击过滤图标跳转的URL地址（可选，为空则不显示过滤图标）",
-		default: defaultProps.filterUrl
-	},
-	searchUrl: {
-		type: "string",
-		title: "搜索链接",
-		description: "点击搜索图标跳转的URL地址",
-		default: defaultProps.searchUrl
-	},
-	searchPlaceholder: {
-		type: "string",
-		title: "搜索占位符",
-		description: "搜索框占位符文本",
-		default: defaultProps.searchPlaceholder
-	},
-	searchIconSize: {
-		type: "number",
-		title: "搜索图标大小",
-		description: "搜索图标的大小（像素）",
-		default: defaultProps.searchIconSize,
-		minimum: 12,
-		maximum: 32
-	},
-	showSearchPlaceholderText: {
-		type: "boolean",
-		title: "显示搜索占位符文本",
-		description: "是否显示搜索占位符文本",
-		default: defaultProps.showSearchPlaceholderText
-	},
-	searchBorderColor: {
-		type: "string",
-		title: "搜索框边框颜色",
-		description: "搜索框边框颜色（十六进制）",
-		default: defaultProps.searchBorderColor
-	},
-	filterIconSize: {
-		type: "number",
-		title: "过滤图标大小",
-		description: "过滤图标的大小（像素）",
-		default: defaultProps.filterIconSize,
-		minimum: 12,
-		maximum: 32
-	},
-	channelItemHeight: {
-		type: "number",
-		title: "频道项高度",
-		description: "频道项的高度（像素）",
-		default: defaultProps.channelItemHeight,
-		minimum: 32,
-		maximum: 64
-	},
-	channelItemFontSize: {
-		type: "number",
-		title: "频道项字体大小",
-		description: "频道项的字体大小（像素）",
-		default: defaultProps.channelItemFontSize,
-		minimum: 12,
-		maximum: 24
-	},
-	channelItemActiveFontSize: {
-		type: "number",
-		title: "激活状态字体大小",
-		description: "激活状态频道项的字体大小（像素）",
-		default: defaultProps.channelItemActiveFontSize,
-		minimum: 12,
-		maximum: 24
-	},
-	channelItemGap: {
-		type: "number",
-		title: "频道项间距",
-		description: "频道项之间的间距（像素）",
-		default: defaultProps.channelItemGap,
-		minimum: 8,
-		maximum: 32
-	}
-};
-
-//#endregion
-export { propsSchema };
+import{defaultProps as e}from"../defaults/default-props.mjs";const t={currentChannelId:{type:`string`,title:`当前频道ID`,description:`当前选中的频道ID`,default:e.currentChannelId},filterUrl:{type:`string`,title:`过滤链接`,description:`点击过滤图标跳转的URL地址（可选，为空则不显示过滤图标）`,default:e.filterUrl},searchUrl:{type:`string`,title:`搜索链接`,description:`点击搜索图标跳转的URL地址`,default:e.searchUrl},searchPlaceholder:{type:`string`,title:`搜索占位符`,description:`搜索框占位符文本`,default:e.searchPlaceholder},searchIconSize:{type:`number`,title:`搜索图标大小`,description:`搜索图标的大小（像素）`,default:e.searchIconSize,minimum:12,maximum:32},showSearchPlaceholderText:{type:`boolean`,title:`显示搜索占位符文本`,description:`是否显示搜索占位符文本`,default:e.showSearchPlaceholderText},searchBorderColor:{type:`string`,title:`搜索框边框颜色`,description:`搜索框边框颜色（十六进制）`,default:e.searchBorderColor},filterIconSize:{type:`number`,title:`过滤图标大小`,description:`过滤图标的大小（像素）`,default:e.filterIconSize,minimum:12,maximum:32},channelItemHeight:{type:`number`,title:`频道项高度`,description:`频道项的高度（像素）`,default:e.channelItemHeight,minimum:32,maximum:64},channelItemFontSize:{type:`number`,title:`频道项字体大小`,description:`频道项的字体大小（像素）`,default:e.channelItemFontSize,minimum:12,maximum:24},channelItemActiveFontSize:{type:`number`,title:`激活状态字体大小`,description:`激活状态频道项的字体大小（像素）`,default:e.channelItemActiveFontSize,minimum:12,maximum:24},channelItemGap:{type:`number`,title:`频道项间距`,description:`频道项之间的间距（像素）`,default:e.channelItemGap,minimum:8,maximum:32}};export{t as propsSchema};

package/dist/components/biz/business/nav-bar/variants/basic-nav-bar/schema/style.schema.mjs

@@ -1,8 +1,2 @@
 
-import { commonStyleSchema } from "../../../../../utils/styles/schema.mjs";
-
-//#region components/biz/business/nav-bar/variants/basic-nav-bar/schema/style.schema.ts
-const styleSchema = { ...commonStyleSchema };
-
-//#endregion
-export { styleSchema };
+import{commonStyleSchema as e}from"../../../../../utils/styles/schema.mjs";const t={...e};export{t as styleSchema};

package/dist/components/biz/business/post-card/variants/basic-post-card/defaults/default-props.mjs

@@ -1,9 +1,2 @@
 
-//#region components/biz/business/post-card/variants/basic-post-card/defaults/default-props.ts
-/**
-* BasicPostCard 组件默认 Props 配置
-*/
-const defaultProps = {};
-
-//#endregion
-export { defaultProps };
+const e={};export{e as defaultProps};

package/dist/components/biz/business/post-card/variants/basic-post-card/index.mjs

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

package/dist/components/biz/business/post-card/variants/basic-post-card/runtime/client.mjs

@@ -1,121 +1,2 @@
 
-'use client';
-
-import { gContentGetAppChannelBlockData } from "../../../../../../../service/generated/client.mjs";
-import { Box } from "../../../../../../ui/box.mjs";
-import { InfiniteScroll } from "../../../../../../ui/infinite-scroll.mjs";
-import { usePaginated } from "../../../../../../../hooks/query/use-query.mjs";
-import { UserActivityListItem } from "../../../../../../common/list/user-activity-list/user-activity-list-item.mjs";
-import { useLayoutEffect, useMemo, useRef, useState } from "react";
-import { jsx } from "react/jsx-runtime";
-
-//#region components/biz/business/post-card/variants/basic-post-card/runtime/client.tsx
-/**
-* BasicPostCard 客户端渲染组件
-*/
-const defaultProps = {};
-const defaultData = {
-	list: [],
-	cursor: "",
-	block_id: ""
-};
-function BasicPostCardClient({ props: _propsConfig = defaultProps, styles: _styles, data = defaultData }) {
-	const { list: initialList, cursor: initialCursor, block_id } = data;
-	const hasInitialData = initialList && initialList.length > 0;
-	const initialData = useMemo(() => {
-		if (!hasInitialData) return;
-		const pageParam = initialCursor && initialCursor.trim() ? initialCursor : void 0;
-		return {
-			pages: [{ data: { block: { data: {
-				contents: initialList,
-				cursor: initialCursor || ""
-			} } } }],
-			pageParams: [pageParam]
-		};
-	}, [
-		hasInitialData,
-		initialList,
-		initialCursor
-	]);
-	const { data: paginatedData, fetchNextPage, hasNextPage } = usePaginated({
-		key: ["basic-post-card", block_id],
-		queryFn: (cursor) => gContentGetAppChannelBlockData({
-			block_id,
-			cursor: cursor || void 0,
-			page_size: 12
-		}),
-		getNextPageParam: (last) => {
-			const nextCursor = (last.data?.block?.data)?.cursor;
-			return nextCursor && nextCursor.trim() ? nextCursor : void 0;
-		},
-		options: {
-			enabled: !!block_id,
-			initialData,
-			refetchOnMount: false,
-			refetchOnWindowFocus: false,
-			refetchOnReconnect: false
-		},
-		initialPageParam: hasInitialData && initialCursor && initialCursor.trim() ? initialCursor : void 0
-	});
-	const initialListRef = useRef(initialList);
-	const [isHydrated, setIsHydrated] = useState(false);
-	useLayoutEffect(() => {
-		setIsHydrated(true);
-	}, []);
-	const [collectedMap, setCollectedMap] = useState({});
-	const mergedItems = useMemo(() => {
-		const firstPageItems = [...initialListRef.current];
-		if (!isHydrated) return firstPageItems.map((item) => {
-			const contentId = item.content_id;
-			if (!contentId) return item;
-			const collected = collectedMap[contentId];
-			if (collected === void 0) return item;
-			return {
-				...item,
-				is_collected: collected
-			};
-		});
-		const allItems = [...firstPageItems];
-		const pages = paginatedData?.pages;
-		if (pages && pages.length > 1) for (let i = 1; i < pages.length; i++) {
-			const contents = (pages[i].data?.block?.data)?.contents || [];
-			allItems.push(...contents);
-		}
-		return allItems.map((item) => {
-			const contentId = item.content_id;
-			if (!contentId) return item;
-			const collected = collectedMap[contentId];
-			if (collected === void 0) return item;
-			return {
-				...item,
-				isCollected: collected,
-				is_collected: collected
-			};
-		});
-	}, [
-		paginatedData?.pages,
-		isHydrated,
-		collectedMap
-	]);
-	return /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(InfiniteScroll, {
-		loadMore: () => fetchNextPage().then(() => {}),
-		hasMore: hasNextPage === true || hasNextPage === void 0 && !!initialCursor && initialList.length > 0,
-		initialLoad: true,
-		rootId: "app-scroll-container",
-		threshold: 1e3,
-		children: mergedItems.map((item) => /* @__PURE__ */ jsx(UserActivityListItem, {
-			is_collected: item.is_collected,
-			onCollectChange: (contentId, isCollected) => {
-				if (!contentId) return;
-				setCollectedMap((prev) => ({
-					...prev,
-					[contentId]: isCollected
-				}));
-			},
-			...item
-		}, item.content_id || `item-${item.author?.user_id}-${item.create_time}`))
-	}) });
-}
-
-//#endregion
-export { BasicPostCardClient as default };
+"use client";import{gContentGetAppChannelBlockData as e}from"../../../../../../../service/generated/client.mjs";import{Box as t}from"../../../../../../ui/box.mjs";import{InfiniteScroll as n}from"../../../../../../ui/infinite-scroll.mjs";import{usePaginated as r}from"../../../../../../../hooks/query/use-query.mjs";import{UserActivityListItem as i}from"../../../../../../common/list/user-activity-list/user-activity-list-item.mjs";import{useLayoutEffect as a,useMemo as o,useRef as s,useState as c}from"react";import{jsx as l}from"react/jsx-runtime";const u={},d={list:[],cursor:``,block_id:``};function f({props:f=u,styles:p,data:m=d}){let{list:h,cursor:g,block_id:_}=m,v=h&&h.length>0,y=o(()=>{if(!v)return;let e=g&&g.trim()?g:void 0;return{pages:[{data:{block:{data:{contents:h,cursor:g||``}}}}],pageParams:[e]}},[v,h,g]),{data:b,fetchNextPage:x,hasNextPage:S}=r({key:[`basic-post-card`,_],queryFn:t=>e({block_id:_,cursor:t||void 0,page_size:12}),getNextPageParam:e=>{let t=e.data?.block?.data?.cursor;return t&&t.trim()?t:void 0},options:{enabled:!!_,initialData:y,refetchOnMount:!1,refetchOnWindowFocus:!1,refetchOnReconnect:!1},initialPageParam:v&&g&&g.trim()?g:void 0}),C=s(h),[w,T]=c(!1);a(()=>{T(!0)},[]);let[E,D]=c({}),O=o(()=>{let e=[...C.current];if(!w)return e.map(e=>{let t=e.content_id;if(!t)return e;let n=E[t];return n===void 0?e:{...e,is_collected:n}});let t=[...e],n=b?.pages;if(n&&n.length>1)for(let e=1;e<n.length;e++){let r=n[e].data?.block?.data?.contents||[];t.push(...r)}return t.map(e=>{let t=e.content_id;if(!t)return e;let n=E[t];return n===void 0?e:{...e,isCollected:n,is_collected:n}})},[b?.pages,w,E]);return l(t,{children:l(n,{loadMore:()=>x().then(()=>{}),hasMore:S===!0||S===void 0&&!!g&&h.length>0,initialLoad:!0,rootId:`app-scroll-container`,threshold:1e3,children:O.map(e=>l(i,{is_collected:e.is_collected,onCollectChange:(e,t)=>{e&&D(n=>({...n,[e]:t}))},...e},e.content_id||`item-${e.author?.user_id}-${e.create_time}`))})})}export{f as default};

package/dist/components/biz/business/post-card/variants/basic-post-card/schema/component.mjs

@@ -1,15 +1,2 @@
 
-//#region components/biz/business/post-card/variants/basic-post-card/schema/component.ts
-/**
-* BasicPostCard 组件元信息配置
-*/
-const componentMeta = {
-	componentName: "BasicPostCard",
-	displayName: "基础动态卡片",
-	category: "PostCard",
-	categoryName: "动态卡片",
-	enabled: true
-};
-
-//#endregion
-export { componentMeta };
+const e={componentName:`BasicPostCard`,displayName:`基础动态卡片`,category:`PostCard`,categoryName:`动态卡片`,enabled:!0};export{e as componentMeta};

package/dist/components/biz/business/post-card/variants/basic-post-card/schema/data.schema.mjs

@@ -1,9 +1,2 @@
 
-//#region components/biz/business/post-card/variants/basic-post-card/schema/data.schema.ts
-const dataSchema = { dataBinding: {
-	field: "contents",
-	sourceType: "dynamic"
-} };
-
-//#endregion
-export { dataSchema };
+const e={dataBinding:{field:`contents`,sourceType:`dynamic`}};export{e as dataSchema};

package/dist/components/biz/business/post-card/variants/basic-post-card/schema/event.schema.mjs

@@ -1,6 +1,2 @@
 
-//#region components/biz/business/post-card/variants/basic-post-card/schema/event.schema.ts
-const eventSchema = {};
-
-//#endregion
-export { eventSchema };
+const e={};export{e as eventSchema};

package/dist/components/biz/business/post-card/variants/basic-post-card/schema/index.mjs

@@ -1,18 +1,2 @@
 
-import { componentMeta } from "./component.mjs";
-import { dataSchema } from "./data.schema.mjs";
-import { eventSchema } from "./event.schema.mjs";
-import { propsSchema } from "./props.schema.mjs";
-import { styleSchema } from "./style.schema.mjs";
-
-//#region components/biz/business/post-card/variants/basic-post-card/schema/index.ts
-const schema = {
-	...componentMeta,
-	propsSchema,
-	dataSchema,
-	styleSchema,
-	eventSchema
-};
-
-//#endregion
-export { schema };
+import{componentMeta as e}from"./component.mjs";import{dataSchema as t}from"./data.schema.mjs";import{eventSchema as n}from"./event.schema.mjs";import{propsSchema as r}from"./props.schema.mjs";import{styleSchema as i}from"./style.schema.mjs";const a={...e,propsSchema:r,dataSchema:t,styleSchema:i,eventSchema:n};export{a as schema};

package/dist/components/biz/business/post-card/variants/basic-post-card/schema/props.schema.mjs

@@ -1,6 +1,2 @@
 
-//#region components/biz/business/post-card/variants/basic-post-card/schema/props.schema.ts
-const propsSchema = {};
-
-//#endregion
-export { propsSchema };
+const e={};export{e as propsSchema};

package/dist/components/biz/business/post-card/variants/basic-post-card/schema/style.schema.mjs

@@ -1,8 +1,2 @@
 
-import { commonStyleSchema } from "../../../../../utils/styles/schema.mjs";
-
-//#region components/biz/business/post-card/variants/basic-post-card/schema/style.schema.ts
-const styleSchema = { ...commonStyleSchema };
-
-//#endregion
-export { styleSchema };
+import{commonStyleSchema as e}from"../../../../../utils/styles/schema.mjs";const t={...e};export{t as styleSchema};

package/dist/components/biz/business/profile/profile-header/client.mjs

@@ -1,290 +1,2 @@
 
-'use client';
-
-import { cn } from "../../../../../utils/cn.mjs";
-import { Button } from "../../../../ui/button.mjs";
-import { useUserStore } from "../../../../../store/modules/user-store.mjs";
-import { gUserGetUserInfo, gUserViewUserInfo, pInteractionFollow, pInteractionUnfollow } from "../../../../../service/generated/client.mjs";
-import { Box } from "../../../../ui/box.mjs";
-import { Text } from "../../../../ui/text.mjs";
-import { useLoginModalStore } from "../../../../../store/modules/login-modal-store.mjs";
-import { useDeleteRequest, useMutation, useRequest, useUpdateRequest } from "../../../../../hooks/query/use-query.mjs";
-import { LeftArrowIcon } from "../../../../common/icons/left-arrow.mjs";
-import { SettingIcon } from "../../../../common/icons/setting.mjs";
-import { UserProfileAvatar } from "./user-profile-avatar.mjs";
-import { UserProfileCoverBackground } from "./user-profile-cover-background.mjs";
-import { useEffect, useMemo, useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { toast } from "sonner";
-import { useTranslations } from "next-intl";
-import Link from "next/link";
-import { useRouter } from "next/navigation";
-
-//#region components/biz/business/profile/profile-header/client.tsx
-const userStorePersist = useUserStore.persist;
-const defaultAvatar = "https://guadd-sg-ccs-sing-dev.s3.ap-southeast-1.amazonaws.com/default/default_avatar.png";
-const defaultBackground = "/images/mine/img_mine_head_bg.png";
-/**
-* 关注按钮组件。
-*/
-function FollowButton({ userId, currentUserId, isFollowing }) {
-	const t = useTranslations("components.pages.profile");
-	const { open } = useLoginModalStore();
-	const invalidateRequest = useDeleteRequest();
-	const updateRequest = useUpdateRequest();
-	const { mutateAsync: followMutate, isPending: isFollowPending } = useMutation(async (params) => pInteractionFollow(params));
-	const { mutateAsync: unfollowMutate, isPending: isUnfollowPending } = useMutation(async (params) => pInteractionUnfollow(params));
-	const isPending = isFollowPending || isUnfollowPending;
-	/**
-	* 切换关注状态。
-	*/
-	async function handleToggleFollow() {
-		if (isPending) return;
-		if (!currentUserId) {
-			open();
-			return;
-		}
-		try {
-			if (isFollowing) {
-				const response = await unfollowMutate({
-					app_id: 0,
-					follower_id: currentUserId,
-					followee_id: userId
-				});
-				if (response.code === 0) {
-					toast.success(t("client.unfollowSuccess"));
-					updateFollowStatus(false);
-					invalidateRequest(["check-follow", userId]);
-					invalidateRequest([
-						"user-profile",
-						"profile",
-						userId
-					]);
-				} else toast.error(response.message || t("client.unfollowFailed"));
-			} else {
-				const response = await followMutate({
-					app_id: 0,
-					follower_id: currentUserId,
-					followee_id: userId
-				});
-				if (response.code === 0) {
-					toast.success(t("client.followSuccess"));
-					updateFollowStatus(true);
-					invalidateRequest(["check-follow", userId]);
-					invalidateRequest([
-						"user-profile",
-						"profile",
-						userId
-					]);
-				} else toast.error(response.message || t("client.followFailed"));
-			}
-		} catch (error) {
-			console.error("关注操作失败", error);
-			toast.error(t("client.operationFailed"));
-		}
-	}
-	/**
-	* 更新关注状态缓存，减少刷新延迟。
-	*/
-	function updateFollowStatus(nextIsFollowing) {
-		updateRequest([
-			"user-profile",
-			"profile",
-			userId
-		], (old) => {
-			if (!old || !old.data) return old;
-			return {
-				...old,
-				data: {
-					...old.data,
-					is_following: nextIsFollowing
-				}
-			};
-		});
-	}
-	return /* @__PURE__ */ jsx(Button, {
-		variant: isFollowing ? "outline" : "default",
-		className: "rounded-full disabled:opacity-100",
-		onClick: handleToggleFollow,
-		disabled: isPending,
-		children: isPending ? t("client.processing") : isFollowing ? t("client.followed") : t("client.follow")
-	});
-}
-/**
-* 用户资料头部组件，包含资料请求与头部交互。
-*/
-function UserProfileHeaderClient({ id, enableCustomBackground = true, showBackButton = true, requireLogin = false, cookieToken, cookieUserId, isEditorPreview = false, className, mode = "renderer" }) {
-	const t = useTranslations("components.pages.profile");
-	useTranslations("components.pages.profile.components");
-	const isEditorMode = isEditorPreview || mode === "editor";
-	const isRenderer = !isEditorMode;
-	const router = useRouter();
-	const { open } = useLoginModalStore();
-	const { isLogin: storeIsLogin, userId: storeUserId, token: storeToken } = useUserStore();
-	const [isUserStoreHydrated, setIsUserStoreHydrated] = useState(false);
-	useEffect(() => {
-		if (!userStorePersist) {
-			setIsUserStoreHydrated(true);
-			return;
-		}
-		setIsUserStoreHydrated(userStorePersist.hasHydrated());
-		const unsubscribeHydrate = userStorePersist.onHydrate(() => {
-			setIsUserStoreHydrated(false);
-		});
-		const unsubscribeFinishHydration = userStorePersist.onFinishHydration(() => {
-			setIsUserStoreHydrated(true);
-		});
-		return () => {
-			unsubscribeHydrate();
-			unsubscribeFinishHydration();
-		};
-	}, []);
-	const isAuthenticated = isEditorMode ? false : isUserStoreHydrated ? storeIsLogin && Boolean(storeUserId) && Boolean(storeToken) : Boolean(cookieUserId) && Boolean(cookieToken);
-	const currentUserId = isEditorMode ? "" : isUserStoreHydrated ? storeUserId : storeUserId || cookieUserId;
-	const authUserId = currentUserId;
-	const isMine = id === void 0 || id === null || !!id && !!authUserId && id === authUserId;
-	const isViewingOtherUser = !isMine && !!id;
-	const profileQueryKeyBase = isMine ? ["user-profile", "mine"] : [
-		"user-profile",
-		"profile",
-		id
-	];
-	const { data: profileInfoResponse } = useRequest(isEditorMode ? ["editor-preview", ...profileQueryKeyBase] : profileQueryKeyBase, () => {
-		if (id) return gUserViewUserInfo({
-			target_user_id: id,
-			user_id: currentUserId || id
-		});
-		return gUserGetUserInfo({ user_id: id || currentUserId || "" });
-	}, {
-		staleTime: 0,
-		enabled: isRenderer && (!!id || !!currentUserId)
-	});
-	const profileUserInfo = useMemo(() => {
-		const data = profileInfoResponse ? profileInfoResponse.data : void 0;
-		if (!data) return {};
-		return {
-			userId: data.user_id,
-			isFollowing: data.is_following || false,
-			name: data.nick_name || `User${id ?? ""}`,
-			avatar: data.avatar || defaultAvatar,
-			followingCnt: data.following_count ?? 0,
-			followersCnt: data.follower_count ?? 0,
-			likeCnt: data.like_count ?? 0,
-			signature: data.signature || "",
-			background: data.bg_image || defaultBackground
-		};
-	}, [id, profileInfoResponse]);
-	const shouldShowLoginPrompt = isEditorMode || requireLogin && isMine && !isAuthenticated;
-	const shouldShowFollowLoginButton = !shouldShowLoginPrompt && !isAuthenticated && isViewingOtherUser;
-	const canEditProfileMedia = isMine && isAuthenticated && !shouldShowLoginPrompt;
-	const shouldPromptLoginOnMediaClick = !isAuthenticated;
-	const canCustomizeBackground = enableCustomBackground && canEditProfileMedia;
-	const shouldPromptLoginOnBackgroundClick = enableCustomBackground && shouldPromptLoginOnMediaClick;
-	const guestUserInfo = {
-		name: t("client.welcomeToPlanet"),
-		description: t("client.exploreAdventures"),
-		avatar: defaultAvatar,
-		followingCnt: 0,
-		followersCnt: 0,
-		likeCnt: 0,
-		background: defaultBackground
-	};
-	/**
-	* 打开登录弹窗。
-	*/
-	function handleOpenLoginDialog() {
-		open();
-	}
-	function handleBack() {
-		router.back();
-	}
-	const actionButton = shouldShowLoginPrompt ? /* @__PURE__ */ jsx(Button, {
-		className: "rounded-full",
-		size: "lg",
-		onClick: handleOpenLoginDialog,
-		children: t("client.loginNow")
-	}) : shouldShowFollowLoginButton ? /* @__PURE__ */ jsx(Button, {
-		className: "rounded-full",
-		size: "lg",
-		onClick: handleOpenLoginDialog,
-		children: t("client.follow")
-	}) : !isAuthenticated ? /* @__PURE__ */ jsx(Button, {
-		className: "rounded-full",
-		size: "lg",
-		onClick: handleOpenLoginDialog,
-		children: t("client.loginNow")
-	}) : isMine ? /* @__PURE__ */ jsx(Link, {
-		href: "/edit",
-		children: /* @__PURE__ */ jsx(Button, {
-			variant: "outline",
-			className: "rounded-full",
-			children: t("client.editProfile")
-		})
-	}) : /* @__PURE__ */ jsx(FollowButton, {
-		userId: id || "",
-		currentUserId,
-		isFollowing: profileUserInfo?.isFollowing
-	});
-	const displayUserInfo = shouldShowLoginPrompt ? guestUserInfo : profileUserInfo;
-	const name = displayUserInfo.name || "";
-	const description = displayUserInfo.description || displayUserInfo.signature || "";
-	displayUserInfo.followingCnt;
-	displayUserInfo.followersCnt;
-	displayUserInfo.likeCnt;
-	const avatar = displayUserInfo.avatar || "";
-	return /* @__PURE__ */ jsxs(Box, {
-		className: cn("flex flex-col relative", className),
-		children: [
-			/* @__PURE__ */ jsxs(Box, {
-				className: "absolute top-0 p-3 z-10 flex items-center justify-between w-full",
-				children: [/* @__PURE__ */ jsx(Button, {
-					variant: "ghost",
-					size: "icon-xs",
-					onClick: handleBack,
-					className: cn("h-4 w-4 p-0 hover:bg-transparent", { invisible: !showBackButton }),
-					children: /* @__PURE__ */ jsx(LeftArrowIcon, { className: "w-4 h-4" })
-				}), /* @__PURE__ */ jsx(Link, {
-					href: "/settings",
-					className: cn({ invisible: !isMine }),
-					children: /* @__PURE__ */ jsx(SettingIcon, {})
-				})]
-			}),
-			/* @__PURE__ */ jsx(UserProfileCoverBackground, {
-				isMine: canCustomizeBackground,
-				enableCustomBackground,
-				src: displayUserInfo.background,
-				onUnauthorizedClick: shouldPromptLoginOnBackgroundClick ? handleOpenLoginDialog : void 0
-			}),
-			/* @__PURE__ */ jsxs(Box, {
-				className: "flex-1 px-3",
-				children: [
-					/* @__PURE__ */ jsxs(Box, {
-						className: "relative flex justify-end",
-						children: [/* @__PURE__ */ jsx(UserProfileAvatar, {
-							isMine: canEditProfileMedia,
-							src: avatar,
-							alt: name || "avatar",
-							onUnauthorizedClick: shouldPromptLoginOnMediaClick ? handleOpenLoginDialog : void 0
-						}), /* @__PURE__ */ jsx(Box, { className: "flex divide-x divide-text1/5 py-4 h-12" })]
-					}),
-					/* @__PURE__ */ jsxs(Box, {
-						className: "flex items-center justify-between gap-1",
-						children: [/* @__PURE__ */ jsx(Text, {
-							as: "p",
-							className: "text-text1 text-xl line-clamp-2 font-bold",
-							children: name
-						}), actionButton]
-					}),
-					description && /* @__PURE__ */ jsx(Text, {
-						as: "p",
-						className: "text-sm py-1 line-clamp-2 break-all text-text1/66",
-						children: description
-					})
-				]
-			})
-		]
-	});
-}
-
-//#endregion
-export { UserProfileHeaderClient };
+"use client";import{cn as e}from"../../../../../utils/cn.mjs";import{Button as t}from"../../../../ui/button.mjs";import{useUserStore as n}from"../../../../../store/modules/user-store.mjs";import{gUserGetUserInfo as r,gUserViewUserInfo as i,pInteractionFollow as a,pInteractionUnfollow as o}from"../../../../../service/generated/client.mjs";import{Box as s}from"../../../../ui/box.mjs";import{Text as c}from"../../../../ui/text.mjs";import{useLoginModalStore as l}from"../../../../../store/modules/login-modal-store.mjs";import{useDeleteRequest as u,useMutation as d,useRequest as f,useUpdateRequest as p}from"../../../../../hooks/query/use-query.mjs";import{LeftArrowIcon as m}from"../../../../common/icons/left-arrow.mjs";import{SettingIcon as h}from"../../../../common/icons/setting.mjs";import{UserProfileAvatar as g}from"./user-profile-avatar.mjs";import{UserProfileCoverBackground as _}from"./user-profile-cover-background.mjs";import{useEffect as v,useMemo as y,useState as b}from"react";import{jsx as x,jsxs as S}from"react/jsx-runtime";import{toast as C}from"sonner";import{useTranslations as w}from"next-intl";import T from"next/link";import{useRouter as ee}from"next/navigation";const E=n.persist,D=`https://guadd-sg-ccs-sing-dev.s3.ap-southeast-1.amazonaws.com/default/default_avatar.png`,O=`/images/mine/img_mine_head_bg.png`;function te({userId:e,currentUserId:n,isFollowing:r}){let i=w(`components.pages.profile`),{open:s}=l(),c=u(),f=p(),{mutateAsync:m,isPending:h}=d(async e=>a(e)),{mutateAsync:g,isPending:_}=d(async e=>o(e)),v=h||_;async function y(){if(!v){if(!n){s();return}try{if(r){let t=await g({app_id:0,follower_id:n,followee_id:e});t.code===0?(C.success(i(`client.unfollowSuccess`)),b(!1),c([`check-follow`,e]),c([`user-profile`,`profile`,e])):C.error(t.message||i(`client.unfollowFailed`))}else{let t=await m({app_id:0,follower_id:n,followee_id:e});t.code===0?(C.success(i(`client.followSuccess`)),b(!0),c([`check-follow`,e]),c([`user-profile`,`profile`,e])):C.error(t.message||i(`client.followFailed`))}}catch(e){console.error(`关注操作失败`,e),C.error(i(`client.operationFailed`))}}}function b(t){f([`user-profile`,`profile`,e],e=>!e||!e.data?e:{...e,data:{...e.data,is_following:t}})}return x(t,{variant:r?`outline`:`default`,className:`rounded-full disabled:opacity-100`,onClick:y,disabled:v,children:i(v?`client.processing`:r?`client.followed`:`client.follow`)})}function k({id:a,enableCustomBackground:o=!0,showBackButton:u=!0,requireLogin:d=!1,cookieToken:p,cookieUserId:C,isEditorPreview:k=!1,className:A,mode:j=`renderer`}){let M=w(`components.pages.profile`);w(`components.pages.profile.components`);let N=k||j===`editor`,ne=!N,re=ee(),{open:ie}=l(),{isLogin:ae,userId:P,token:F}=n(),[I,L]=b(!1);v(()=>{if(!E){L(!0);return}L(E.hasHydrated());let e=E.onHydrate(()=>{L(!1)}),t=E.onFinishHydration(()=>{L(!0)});return()=>{e(),t()}},[]);let R=N?!1:I?ae&&!!P&&!!F:!!C&&!!p,z=N?``:I?P:P||C,B=z,V=a==null||!!a&&!!B&&a===B,oe=!V&&!!a,H=V?[`user-profile`,`mine`]:[`user-profile`,`profile`,a],{data:U}=f(N?[`editor-preview`,...H]:H,()=>a?i({target_user_id:a,user_id:z||a}):r({user_id:a||z||``}),{staleTime:0,enabled:ne&&(!!a||!!z)}),W=y(()=>{let e=U?U.data:void 0;return e?{userId:e.user_id,isFollowing:e.is_following||!1,name:e.nick_name||`User${a??``}`,avatar:e.avatar||D,followingCnt:e.following_count??0,followersCnt:e.follower_count??0,likeCnt:e.like_count??0,signature:e.signature||``,background:e.bg_image||O}:{}},[a,U]),G=N||d&&V&&!R,K=!G&&!R&&oe,q=V&&R&&!G,J=!R,se=o&&q,ce=o&&J,le={name:M(`client.welcomeToPlanet`),description:M(`client.exploreAdventures`),avatar:D,followingCnt:0,followersCnt:0,likeCnt:0,background:O};function Y(){ie()}function X(){re.back()}let ue=G?x(t,{className:`rounded-full`,size:`lg`,onClick:Y,children:M(`client.loginNow`)}):K?x(t,{className:`rounded-full`,size:`lg`,onClick:Y,children:M(`client.follow`)}):R?V?x(T,{href:`/edit`,children:x(t,{variant:`outline`,className:`rounded-full`,children:M(`client.editProfile`)})}):x(te,{userId:a||``,currentUserId:z,isFollowing:W?.isFollowing}):x(t,{className:`rounded-full`,size:`lg`,onClick:Y,children:M(`client.loginNow`)}),Z=G?le:W,Q=Z.name||``,$=Z.description||Z.signature||``;Z.followingCnt,Z.followersCnt,Z.likeCnt;let de=Z.avatar||``;return S(s,{className:e(`flex flex-col relative`,A),children:[S(s,{className:`absolute top-0 p-3 z-10 flex items-center justify-between w-full`,children:[x(t,{variant:`ghost`,size:`icon-xs`,onClick:X,className:e(`h-4 w-4 p-0 hover:bg-transparent`,{invisible:!u}),children:x(m,{className:`w-4 h-4`})}),x(T,{href:`/settings`,className:e({invisible:!V}),children:x(h,{})})]}),x(_,{isMine:se,enableCustomBackground:o,src:Z.background,onUnauthorizedClick:ce?Y:void 0}),S(s,{className:`flex-1 px-3`,children:[S(s,{className:`relative flex justify-end`,children:[x(g,{isMine:q,src:de,alt:Q||`avatar`,onUnauthorizedClick:J?Y:void 0}),x(s,{className:`flex divide-x divide-text1/5 py-4 h-12`})]}),S(s,{className:`flex items-center justify-between gap-1`,children:[x(c,{as:`p`,className:`text-text1 text-xl overflow-hidden whitespace-nowrap text-ellipsis font-bold `,children:Q}),ue]}),$&&x(c,{as:`p`,className:`text-sm py-1 line-clamp-2 break-all text-text1/66`,children:$})]})]})}export{k as UserProfileHeaderClient};