@funhub/platform 0.2.30 → 0.2.31

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

@@ -1,2 +1,120 @@
 
-"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,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};
+'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,
+		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 };

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

@@ -1,2 +1,15 @@
 
-const e={componentName:`BasicPostCard`,displayName:`基础动态卡片`,category:`PostCard`,categoryName:`动态卡片`,enabled:!0};export{e as componentMeta};
+//#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 };

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

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

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

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

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

@@ -1,2 +1,18 @@
 
-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};
+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 };

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

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

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

@@ -1,2 +1,8 @@
 
-import{commonStyleSchema as e}from"../../../../../utils/styles/schema.mjs";const t={...e};export{t as styleSchema};
+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 };

package/dist/components/biz/business/profile/index.d.mts

@@ -1,15 +1,12 @@
 
 import { ProfileHeaderInspectorProps, UserProfileHeaderAuthConfig, UserProfileHeaderClientProps, profileHeaderInspectorDefaultProps, profileHeaderInspectorPropsSchema } from "./profile-header/schema.mjs";
-import { UserProfileHeaderClient } from "./profile-header/client.mjs";
-import { MyProfileHeaderClient } from "./profile-header/my-client.mjs";
-import { VisitorProfileHeaderClient } from "./profile-header/visitor-client.mjs";
-import { myProfileHeaderMaterial, profileHeaderMaterial, profileHeaderMaterialWithDisabledBackground, visitorProfileHeaderMaterial } from "./profile-header/material.mjs";
+import { UserProfileHeaderClient, defaultBackground } from "./profile-header/client.mjs";
+import { profileHeaderMaterial, profileHeaderMaterialWithDisabledBackground } from "./profile-header/material.mjs";
 import "./profile-header/index.mjs";
 import { ProfileMainInspectorProps, UserProfileMainProps, profileMainInspectorDefaultProps, profileMainInspectorPropsSchema } from "./profile-main/schema.mjs";
 import { UserProfileMainClient } from "./profile-main/client.mjs";
 import { UserProfileMain } from "./profile-main/server.mjs";
 import { profileMainMaterial } from "./profile-main/material.mjs";
-import { ProfileMainBaseTabKey, ProfileMainContentType, ProfileMainSecondaryTabKey, ProfileMainTabKey, getProfileMainSecondaryTabOptions, getProfileMainTabOptions, profileMainBaseTabOptions, profileMainCollectCollectionTabOptions, profileMainCollectTabOptions, profileMainContentTypeOptions, profileMainHistoryTabOptions, profileMainLikeTabOptions, profileMainMineTabOptions, profileMainProfileTabOptions, profileMainPublishTabOption, profileMainSecondaryTabDisplayOrder, profileMainTabOptions } from "./profile-main/variants.mjs";
 import { UserProfileMainRenderMode, UserProfileMainShell, UserProfileMainShellProps } from "./profile-main/shell.mjs";
 import { CollectTab, CollectTabProps } from "./profile-main/tabs/collect-tab/client.mjs";
 import { CollectTabServer } from "./profile-main/tabs/collect-tab/server.mjs";
@@ -19,4 +16,5 @@ import { LikeDetailItem, LikeTab, LikeTabProps } from "./profile-main/tabs/like-
 import { LikeTabServer } from "./profile-main/tabs/like-tab/server.mjs";
 import { PublishTab, PublishTabProps, PublishTabUserInfo } from "./profile-main/tabs/publish-tab/client.mjs";
 import { PublishTabServer } from "./profile-main/tabs/publish-tab/server.mjs";
+import { profileMainCollectCollectionTabOptions, profileMainCollectTabOptions, profileMainHistoryTabOptions, profileMainLikeTabOptions, profileMainMineTabOptions, profileMainProfileTabOptions, profileMainTabOptions } from "./profile-main/variants.mjs";
 import "./profile-main/index.mjs";

package/dist/components/biz/business/profile/profile-header/client.d.mts

@@ -3,15 +3,13 @@ import { UserProfileHeaderClientProps } from "./schema.mjs";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region components/biz/business/profile/profile-header/client.d.ts
+declare const defaultBackground = "/images/mine/img_mine_head_bg.png";
 /**
  * 用户资料头部组件，包含资料请求与头部交互。
  */
 declare function UserProfileHeaderClient({
   id,
-  isMine,
-  defaultBackgroundSrc,
   enableCustomBackground,
-  showInteractionSection,
   showBackButton,
   requireLogin,
   isEditorPreview,
@@ -19,4 +17,4 @@ declare function UserProfileHeaderClient({
   mode
 }: UserProfileHeaderClientProps): react_jsx_runtime0.JSX.Element;
 //#endregion
-export { UserProfileHeaderClient };
+export { UserProfileHeaderClient, defaultBackground };

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

@@ -1,2 +1,344 @@
 
-"use client";import{cn as e}from"../../../../../utils/cn.mjs";import{useUserStore as t}from"../../../../../store/modules/user-store.mjs";import{gUserGetUserInfo as n,gUserViewUserInfo as r}from"../../../../../service/generated/client.mjs";import{useRouter as i}from"../../../../../utils/use-compatible-router.mjs";import{Button as a}from"../../../../ui/button.mjs";import{Box as o}from"../../../../ui/box.mjs";import{Skeleton as s}from"../../../../ui/skeleton.mjs";import{useLoginModalStore as c}from"../../../../../store/modules/login-modal-store.mjs";import{useRequest as l}from"../../../../../hooks/query/use-query.mjs";import{LeftArrowIcon as u}from"../../../../common/icons/left-arrow.mjs";import{SettingIcon as d}from"../../../../common/icons/setting.mjs";import{trackProfilePageClick as ee}from"../tracking.mjs";import{defaultBackground as f}from"./shared.mjs";import{MyProfileHeader as p}from"./my-profile-header.mjs";import{UserProfileCoverBackground as m}from"./user-profile-cover-background.mjs";import{VisitorProfileHeader as h}from"./visitor-profile-header.mjs";import{useEffect as g,useMemo as te,useState as ne}from"react";import{jsx as _,jsxs as v}from"react/jsx-runtime";import{useTranslations as re}from"next-intl";import ie from"next/link";const y=t.persist,b=`https://guadd-sg-ccs-sing-dev.s3.ap-southeast-1.amazonaws.com/default/default_avatar.png`,ae={userId:`editor-preview-user`,isFollowing:!0,name:`昵称`,avatar:b,followingCnt:1200,followersCnt:45800,likeCnt:128e3,signature:`这里是个人简介，描述创作者的信息，展示创作者的爱好、名称及相关一切信息..`,background:f},x={followingCnt:1200,followersCnt:45800,likeCnt:128e3};function S({showBackButton:t,isMine:n,enableCustomBackground:r,className:i}){return v(o,{className:e(`relative overflow-hidden px-4 pb-8 pt-[16px]`,i),children:[_(o,{className:e(`pointer-events-none absolute inset-x-0 top-0 h-[220px]`,r?`bg-[image:var(--gradient-card-mask-strong)]`:`bg-[linear-gradient(180deg,var(--color-overlay-mask-start)_0%,var(--color-overlay-mask-end80)_100%)]`)}),v(o,{className:`absolute left-4 right-4 top-[16px] z-10 flex items-center justify-between`,children:[_(a,{variant:`ghost`,size:`icon-xs`,className:e(`h-4 w-4 p-0 hover:bg-transparent`,{invisible:!t}),disabled:!0,children:_(u,{className:`w-4 h-4`})}),_(o,{className:e({invisible:!n}),children:_(d,{className:`text-text1`})})]}),v(o,{className:`relative z-10 mt-[56px] flex items-start gap-4`,children:[_(s,{className:`h-[72px] w-[72px] shrink-0 rounded-full bg-[var(--color-surface-white10)]`}),v(o,{className:`min-w-0 flex-1`,children:[_(s,{className:`h-[26px] w-[132px] rounded-md bg-[var(--color-surface-white10)]`}),v(o,{className:`mt-1 flex flex-col gap-1`,children:[_(s,{className:`h-[20px] w-[76%] rounded-md bg-[var(--color-surface-white10)]`}),_(s,{className:`h-[20px] w-[58%] rounded-md bg-[var(--color-surface-white10)]`})]})]})]})]})}function C({id:s,isMine:C=!1,defaultBackgroundSrc:w=``,enableCustomBackground:T=!0,showInteractionSection:oe=!0,showBackButton:E=!0,requireLogin:D=!1,isEditorPreview:O=!1,className:k,mode:A=`renderer`}){let j=re(`components.pages.profile`),M=O||A===`editor`,N=!M,P=i(),{open:F}=c(),{isLogin:I,userId:L,token:R}=t(),[se,z]=ne(!1);g(()=>{if(!y){z(!0);return}z(y.hasHydrated());let e=y.onHydrate(()=>{z(!1)}),t=y.onFinishHydration(()=>{z(!0)});return()=>{e(),t()}},[]);let B=M?!1:I&&!!L&&!!R,V=M?``:L,H=s,U=C?[`user-profile`,`mine`]:[`user-profile`,`profile`,H],{data:W,isLoading:G}=l(M?[`editor-preview`,...U]:U,()=>H?r({target_user_id:H,user_id:V||H}):n({user_id:s||V||``}),{staleTime:0,enabled:N&&(!!H||!!V)}),K=te(()=>{let e=W?W.data:void 0;return e?{userId:e.user_id,isFollowing:e.is_following||!1,name:e.nick_name||`User${H??``}`,avatar:e.avatar||b,followingCnt:e.following_count??0,followersCnt:e.follower_count??0,likeCnt:e.like_count??0,signature:e.signature||``,background:e.bg_image||w||f}:{}},[w,W,H]),q=!M&&D&&C&&!B,J=C&&B&&!q,Y=!B,ce=T&&J,le=T&&Y,ue={name:j(`client.welcomeToPlanet`),description:j(`client.exploreAdventures`),avatar:b,followingCnt:0,followersCnt:0,likeCnt:0,background:w||f};function X(){F()}function de(){P.back()}let Z=M?{...ae,background:w||f}:q?ue:K,fe=Z.followingCnt||x.followingCnt,pe=Z.followersCnt||x.followersCnt,me=Z.likeCnt||x.likeCnt,he=Z.userId||H||V||``,Q=oe&&!q,$=[{key:`follow`,label:j(`components.userProfileHeader.follow`),value:fe},{key:`fans`,label:j(`components.userProfileHeader.fans`),value:pe},{key:`likesReceived`,label:j(`components.userProfileHeader.likesReceived`),value:me}];return N&&G&&!W?_(S,{showBackButton:E,isMine:C,enableCustomBackground:T,className:k}):v(o,{className:e(`relative px-4 pb-8 pt-[16px]`,k),children:[_(o,{className:`absolute inset-x-0 top-0 overflow-hidden`,children:_(m,{isMine:ce,enableCustomBackground:T,src:Z.background,onUnauthorizedClick:le?X:void 0})}),_(o,{className:e(`pointer-events-none absolute inset-x-0 top-0 h-[220px]`,T?`bg-[image:var(--gradient-card-mask-strong)]`:`bg-[linear-gradient(180deg,var(--color-overlay-mask-start)_0%,var(--color-overlay-mask-end80)_100%)]`)}),v(o,{className:`absolute left-4 right-4 top-[16px] z-10 flex items-center justify-between`,children:[_(a,{variant:`ghost`,size:`icon-xs`,onClick:de,className:e(`h-6 w-6 p-0 text-text1 hover:bg-transparent hover:text-[var(--color-text-secondary)]`,{invisible:!E}),children:_(u,{className:`h-4 w-4`})}),C?_(ie,{href:`/settings`,className:`text-[var(--color-text-secondary)] opacity-80 transition-opacity hover:opacity-100`,onClick:e=>{ee(e,`settings`)},children:_(d,{})}):_(o,{className:`h-8 w-8`})]}),C?_(p,{userInfo:Z,interactionStats:$,showInteractionSection:Q,canEditProfileMedia:J,shouldPromptLoginOnMediaClick:Y,storeIsLogin:I,isMine:C,isAuthenticated:B,onOpenLoginDialog:X}):_(h,{userInfo:{...Z,userId:he},interactionStats:$,showInteractionSection:Q,canEditProfileMedia:J,shouldPromptLoginOnMediaClick:Y,storeIsLogin:I,isMine:C,currentUserId:V,onOpenLoginDialog:X,useLocalPreview:M})]})}export{C as UserProfileHeaderClient};
+'use client';
+
+import { cn } from "../../../../../utils/cn.mjs";
+import { useUserStore } from "../../../../../store/modules/user-store.mjs";
+import { gUserGetUserInfo, gUserViewUserInfo, pInteractionFollow, pInteractionUnfollow } from "../../../../../service/generated/client.mjs";
+import { useRouter } from "../../../../../utils/use-compatible-router.mjs";
+import { Button } from "../../../../ui/button.mjs";
+import { Box } from "../../../../ui/box.mjs";
+import { Text } from "../../../../ui/text.mjs";
+import { Skeleton } from "../../../../ui/skeleton.mjs";
+import { toast } from "../../../../../ui.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 { trackProfilePageClick } from "../tracking.mjs";
+import { UserProfileAvatar } from "./user-profile-avatar.mjs";
+import { UserProfileCoverBackground } from "./user-profile-cover-background.mjs";
+import { useEffect, useMemo, useState } from "react";
+import { Check, Plus } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useTranslations } from "next-intl";
+import Link from "next/link";
+
+//#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 UserProfileHeaderSkeleton({ showBackButton, isMine, enableCustomBackground, className }) {
+	return /* @__PURE__ */ jsxs(Box, {
+		className: cn("relative overflow-hidden px-4 pb-8 pt-[16px]", className),
+		children: [
+			/* @__PURE__ */ jsx(Box, { className: cn("pointer-events-none absolute inset-x-0 top-0 h-[220px]", enableCustomBackground ? "bg-[image:var(--gradient-card-mask-strong)]" : "bg-[linear-gradient(180deg,var(--color-overlay-mask-start)_0%,var(--color-overlay-mask-end80)_100%)]") }),
+			/* @__PURE__ */ jsxs(Box, {
+				className: "absolute left-4 right-4 top-[16px] z-10 flex items-center justify-between",
+				children: [/* @__PURE__ */ jsx(Button, {
+					variant: "ghost",
+					size: "icon-xs",
+					className: cn("h-4 w-4 p-0 hover:bg-transparent", { invisible: !showBackButton }),
+					disabled: true,
+					children: /* @__PURE__ */ jsx(LeftArrowIcon, { className: "w-4 h-4" })
+				}), /* @__PURE__ */ jsx(Box, {
+					className: cn({ invisible: !isMine }),
+					children: /* @__PURE__ */ jsx(SettingIcon, { className: "text-text1" })
+				})]
+			}),
+			/* @__PURE__ */ jsxs(Box, {
+				className: "relative z-10 mt-[56px] flex items-start gap-4",
+				children: [/* @__PURE__ */ jsx(Skeleton, { className: "h-[72px] w-[72px] shrink-0 rounded-full bg-[var(--color-surface-white10)]" }), /* @__PURE__ */ jsxs(Box, {
+					className: "min-w-0 flex-1",
+					children: [/* @__PURE__ */ jsx(Skeleton, { className: "h-[26px] w-[132px] rounded-md bg-[var(--color-surface-white10)]" }), /* @__PURE__ */ jsxs(Box, {
+						className: "mt-1 flex flex-col gap-1",
+						children: [/* @__PURE__ */ jsx(Skeleton, { className: "h-[20px] w-[76%] rounded-md bg-[var(--color-surface-white10)]" }), /* @__PURE__ */ jsx(Skeleton, { className: "h-[20px] w-[58%] rounded-md bg-[var(--color-surface-white10)]" })]
+					})]
+				})]
+			})
+		]
+	});
+}
+/**
+*
+* 关注按钮组件。
+*/
+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__ */ jsxs(Button, {
+		type: "button",
+		variant: "ghost",
+		size: "xs",
+		className: cn("h-6 min-w-0 gap-1 rounded-full border px-2 py-0 text-[14px] font-normal leading-5 shadow-none", "disabled:pointer-events-none disabled:opacity-100", isFollowing ? "border-[var(--color-text-tertiary)] bg-transparent text-[var(--color-text-tertiary)] hover:!bg-[var(--color-surface-white10)] hover:!text-[var(--color-text-tertiary)]" : "border-[var(--color-text-secondary)] bg-[var(--color-overlay-create-top-black50)] text-[var(--color-text-secondary)] backdrop-blur-[2px] hover:!bg-[var(--color-overlay-create-top-black50)] hover:!text-[var(--color-text-secondary)]"),
+		onClick: handleToggleFollow,
+		disabled: isPending,
+		children: [isFollowing ? /* @__PURE__ */ jsx(Check, { className: "size-[14px]" }) : /* @__PURE__ */ jsx(Plus, { className: "size-[14px]" }), isPending ? t("client.processing") : isFollowing ? t("client.followed") : t("client.follow")]
+	});
+}
+/**
+* 用户资料头部组件，包含资料请求与头部交互。
+*/
+function UserProfileHeaderClient({ id, enableCustomBackground = true, showBackButton = true, requireLogin = false, isEditorPreview = false, className, mode = "renderer" }) {
+	const t = useTranslations("components.pages.profile");
+	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 : storeIsLogin && Boolean(storeUserId) && Boolean(storeToken);
+	const currentUserId = isEditorMode ? "" : isUserStoreHydrated ? storeUserId : storeUserId;
+	const authUserId = currentUserId;
+	const isMine = id === void 0 || id === null || !!id && !!authUserId && id === authUserId;
+	const profileQueryKeyBase = isMine ? ["user-profile", "mine"] : [
+		"user-profile",
+		"profile",
+		id
+	];
+	const { data: profileInfoResponse, isLoading: isProfileLoading } = 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 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 ? null : isMine ? !isAuthenticated ? null : /* @__PURE__ */ jsx(Link, {
+		href: "/edit",
+		onClick: (e) => {
+			trackProfilePageClick(e, "edit_profile");
+		},
+		children: /* @__PURE__ */ jsx(Button, {
+			variant: "ghost",
+			className: "h-auto min-h-0 rounded-full border border-[rgba(255,255,255,0.8)] bg-[rgba(11,3,23,0.5)] px-2 py-1 text-[14px] font-normal leading-5 text-[rgba(255,255,255,0.8)] backdrop-blur-[2px] hover:bg-[rgba(11,3,23,0.65)] hover:text-[rgba(255,255,255,0.9)]",
+			children: t("client.editProfile")
+		})
+	}) : /* @__PURE__ */ jsx(FollowButton, {
+		userId: id || "",
+		currentUserId,
+		isFollowing: profileUserInfo?.isFollowing
+	});
+	/**
+	* 头部右侧仅展示「关注」：客态/编辑器预览、本人主页、无目标用户 ID 时不展示。
+	* 未登录看他人时仍展示 FollowButton（内部会打开登录）；逻辑对齐原注释分支。
+	*/
+	const displayUserInfo = shouldShowLoginPrompt ? guestUserInfo : profileUserInfo;
+	const name = displayUserInfo.name || "";
+	const description = displayUserInfo.description || displayUserInfo.signature || "";
+	const avatar = displayUserInfo.avatar || "";
+	if (isRenderer && isProfileLoading && !profileInfoResponse) return /* @__PURE__ */ jsx(UserProfileHeaderSkeleton, {
+		showBackButton,
+		isMine,
+		enableCustomBackground,
+		className
+	});
+	return /* @__PURE__ */ jsxs(Box, {
+		className: cn("relative px-4 pb-8 pt-[16px]", className),
+		children: [
+			/* @__PURE__ */ jsx(Box, {
+				className: "absolute inset-x-0 top-0 overflow-hidden",
+				children: /* @__PURE__ */ jsx(UserProfileCoverBackground, {
+					isMine: canCustomizeBackground,
+					enableCustomBackground,
+					src: displayUserInfo.background,
+					onUnauthorizedClick: shouldPromptLoginOnBackgroundClick ? handleOpenLoginDialog : void 0
+				})
+			}),
+			/* @__PURE__ */ jsx(Box, { className: cn("pointer-events-none absolute inset-x-0 top-0 h-[220px]", enableCustomBackground ? "bg-[image:var(--gradient-card-mask-strong)]" : "bg-[linear-gradient(180deg,var(--color-overlay-mask-start)_0%,var(--color-overlay-mask-end80)_100%)]") }),
+			/* @__PURE__ */ jsxs(Box, {
+				className: "absolute left-4 right-4 top-[16px] z-10 flex items-center justify-between",
+				children: [/* @__PURE__ */ jsx(Button, {
+					variant: "ghost",
+					size: "icon-xs",
+					onClick: handleBack,
+					className: cn("h-6 w-6 p-0 text-text1 hover:bg-transparent hover:text-[var(--color-text-secondary)]", { invisible: !showBackButton }),
+					children: /* @__PURE__ */ jsx(LeftArrowIcon, { className: "h-4 w-4" })
+				}), /* @__PURE__ */ jsx(Link, {
+					href: "/settings",
+					className: cn("text-[var(--color-text-secondary)] opacity-80 transition-opacity hover:opacity-100", { invisible: !isMine }),
+					onClick: (e) => {
+						trackProfilePageClick(e, "settings");
+					},
+					children: /* @__PURE__ */ jsx(SettingIcon, {})
+				})]
+			}),
+			/* @__PURE__ */ jsxs(Box, {
+				className: cn("relative z-10 mt-[56px] flex justify-between gap-3 items-center"),
+				children: [/* @__PURE__ */ jsx(UserProfileAvatar, {
+					isMine: canEditProfileMedia,
+					src: avatar,
+					alt: name || "avatar",
+					onUnauthorizedClick: shouldPromptLoginOnMediaClick ? handleOpenLoginDialog : void 0
+				}), /* @__PURE__ */ jsxs(Box, {
+					className: "min-w-0 flex-1",
+					children: [/* @__PURE__ */ jsxs(Box, {
+						className: cn("flex justify-between gap-3 items-center"),
+						children: [storeIsLogin && isMine ? /* @__PURE__ */ jsx(Link, {
+							href: "/edit",
+							className: "block min-w-0 max-w-[195px]",
+							children: /* @__PURE__ */ jsx(Text, {
+								as: "p",
+								className: "truncate text-[18px] font-semibold leading-[26px] text-[var(--color-text-primary)]",
+								children: name
+							})
+						}) : /* @__PURE__ */ jsx(Text, {
+							as: "p",
+							className: "min-w-0 max-w-[195px] truncate text-[18px] font-semibold leading-[26px] text-[var(--color-text-primary)]",
+							onClick: () => {
+								if (!storeIsLogin && isMine) handleOpenLoginDialog();
+							},
+							children: name
+						}), actionButton ? /* @__PURE__ */ jsx(Box, {
+							className: "shrink-0 pt-0.5",
+							children: actionButton
+						}) : null]
+					}), description && /* @__PURE__ */ jsx(Box, {
+						className: "pt-1",
+						children: /* @__PURE__ */ jsx(Text, {
+							as: "p",
+							className: "line-clamp-2 max-w-[195px] break-words text-[14px] leading-[20px] text-[var(--color-text-white80)]",
+							children: description
+						})
+					})]
+				})]
+			})
+		]
+	});
+}
+
+//#endregion
+export { UserProfileHeaderClient, defaultBackground };

package/dist/components/biz/business/profile/profile-header/index.d.mts

@@ -1,6 +1,4 @@
 
 import { ProfileHeaderInspectorProps, UserProfileHeaderAuthConfig, UserProfileHeaderClientProps, profileHeaderInspectorDefaultProps, profileHeaderInspectorPropsSchema } from "./schema.mjs";
-import { UserProfileHeaderClient } from "./client.mjs";
-import { MyProfileHeaderClient } from "./my-client.mjs";
-import { VisitorProfileHeaderClient } from "./visitor-client.mjs";
-import { myProfileHeaderMaterial, profileHeaderMaterial, profileHeaderMaterialWithDisabledBackground, visitorProfileHeaderMaterial } from "./material.mjs";
+import { UserProfileHeaderClient, defaultBackground } from "./client.mjs";
+import { profileHeaderMaterial, profileHeaderMaterialWithDisabledBackground } from "./material.mjs";