@funhub/platform 0.2.29 → 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/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,pInteractionFollow as i,pInteractionUnfollow as a}from"../../../../../service/generated/client.mjs";import{useRouter as o}from"../../../../../utils/use-compatible-router.mjs";import{Button as s}from"../../../../ui/button.mjs";import{Box as c}from"../../../../ui/box.mjs";import{Text as l}from"../../../../ui/text.mjs";import{Skeleton as u}from"../../../../ui/skeleton.mjs";import{toast as d}from"../../../../../ui.mjs";import{useLoginModalStore as f}from"../../../../../store/modules/login-modal-store.mjs";import{useDeleteRequest as p,useMutation as m,useRequest as h,useUpdateRequest as g}from"../../../../../hooks/query/use-query.mjs";import{LeftArrowIcon as _}from"../../../../common/icons/left-arrow.mjs";import{SettingIcon as v}from"../../../../common/icons/setting.mjs";import{trackProfilePageClick as y}from"../tracking.mjs";import{UserProfileAvatar as b}from"./user-profile-avatar.mjs";import{UserProfileCoverBackground as x}from"./user-profile-cover-background.mjs";import{useEffect as S,useMemo as ee,useState as te}from"react";import{Check as C,Plus as w}from"lucide-react";import{jsx as T,jsxs as E}from"react/jsx-runtime";import{useTranslations as D}from"next-intl";import O from"next/link";const k=t.persist,A=`https://guadd-sg-ccs-sing-dev.s3.ap-southeast-1.amazonaws.com/default/default_avatar.png`,j=`/images/mine/img_mine_head_bg.png`;function M({showBackButton:t,isMine:n,enableCustomBackground:r,className:i}){return E(c,{className:e(`relative overflow-hidden px-4 pb-8 pt-[16px]`,i),children:[T(c,{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%)]`)}),E(c,{className:`absolute left-4 right-4 top-[16px] z-10 flex items-center justify-between`,children:[T(s,{variant:`ghost`,size:`icon-xs`,className:e(`h-4 w-4 p-0 hover:bg-transparent`,{invisible:!t}),disabled:!0,children:T(_,{className:`w-4 h-4`})}),T(c,{className:e({invisible:!n}),children:T(v,{className:`text-text1`})})]}),E(c,{className:`relative z-10 mt-[56px] flex items-start gap-4`,children:[T(u,{className:`h-[72px] w-[72px] shrink-0 rounded-full bg-[var(--color-surface-white10)]`}),E(c,{className:`min-w-0 flex-1`,children:[T(u,{className:`h-[26px] w-[132px] rounded-md bg-[var(--color-surface-white10)]`}),E(c,{className:`mt-1 flex flex-col gap-1`,children:[T(u,{className:`h-[20px] w-[76%] rounded-md bg-[var(--color-surface-white10)]`}),T(u,{className:`h-[20px] w-[58%] rounded-md bg-[var(--color-surface-white10)]`})]})]})]})]})}function ne({userId:t,currentUserId:n,isFollowing:r}){let o=D(`components.pages.profile`),{open:c}=f(),l=p(),u=g(),{mutateAsync:h,isPending:_}=m(async e=>i(e)),{mutateAsync:v,isPending:y}=m(async e=>a(e)),b=_||y;async function x(){if(!b){if(!n){c();return}try{if(r){let e=await v({app_id:0,follower_id:n,followee_id:t});e.code===0?(d.success(o(`client.unfollowSuccess`)),S(!1),l([`check-follow`,t]),l([`user-profile`,`profile`,t])):d.error(e.message||o(`client.unfollowFailed`))}else{let e=await h({app_id:0,follower_id:n,followee_id:t});e.code===0?(d.success(o(`client.followSuccess`)),S(!0),l([`check-follow`,t]),l([`user-profile`,`profile`,t])):d.error(e.message||o(`client.followFailed`))}}catch(e){console.error(`关注操作失败`,e),d.error(o(`client.operationFailed`))}}}function S(e){u([`user-profile`,`profile`,t],t=>!t||!t.data?t:{...t,data:{...t.data,is_following:e}})}return E(s,{type:`button`,variant:`ghost`,size:`xs`,className:e(`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`,r?`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:x,disabled:b,children:[T(r?C:w,{className:`size-[14px]`}),o(b?`client.processing`:r?`client.followed`:`client.follow`)]})}function N({id:i,enableCustomBackground:a=!0,showBackButton:u=!0,requireLogin:d=!1,isEditorPreview:p=!1,className:m,mode:g=`renderer`}){let C=D(`components.pages.profile`),w=p||g===`editor`,N=!w,re=o(),{open:P}=f(),{isLogin:F,userId:I,token:L}=t(),[ie,R]=te(!1);S(()=>{if(!k){R(!0);return}R(k.hasHydrated());let e=k.onHydrate(()=>{R(!1)}),t=k.onFinishHydration(()=>{R(!0)});return()=>{e(),t()}},[]);let z=w?!1:F&&!!I&&!!L,B=w?``:I,V=B,H=i==null||!!i&&!!V&&i===V,U=H?[`user-profile`,`mine`]:[`user-profile`,`profile`,i],{data:W,isLoading:ae}=h(w?[`editor-preview`,...U]:U,()=>i?r({target_user_id:i,user_id:B||i}):n({user_id:i||B||``}),{staleTime:0,enabled:N&&(!!i||!!B)}),G=ee(()=>{let e=W?W.data:void 0;return e?{userId:e.user_id,isFollowing:e.is_following||!1,name:e.nick_name||`User${i??``}`,avatar:e.avatar||A,followingCnt:e.following_count??0,followersCnt:e.follower_count??0,likeCnt:e.like_count??0,signature:e.signature||``,background:e.bg_image||j}:{}},[i,W]),K=w||d&&H&&!z,q=H&&z&&!K,J=!z,oe=a&&q,se=a&&J,ce={name:C(`client.welcomeToPlanet`),description:C(`client.exploreAdventures`),avatar:A,followingCnt:0,followersCnt:0,likeCnt:0,background:j};function Y(){P()}function le(){re.back()}let X=K?null:H?z?T(O,{href:`/edit`,onClick:e=>{y(e,`edit_profile`)},children:T(s,{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:C(`client.editProfile`)})}):null:T(ne,{userId:i||``,currentUserId:B,isFollowing:G?.isFollowing}),Z=K?ce:G,Q=Z.name||``,$=Z.description||Z.signature||``,ue=Z.avatar||``;return N&&ae&&!W?T(M,{showBackButton:u,isMine:H,enableCustomBackground:a,className:m}):E(c,{className:e(`relative px-4 pb-8 pt-[16px]`,m),children:[T(c,{className:`absolute inset-x-0 top-0 overflow-hidden`,children:T(x,{isMine:oe,enableCustomBackground:a,src:Z.background,onUnauthorizedClick:se?Y:void 0})}),T(c,{className:e(`pointer-events-none absolute inset-x-0 top-0 h-[220px]`,a?`bg-[image:var(--gradient-card-mask-strong)]`:`bg-[linear-gradient(180deg,var(--color-overlay-mask-start)_0%,var(--color-overlay-mask-end80)_100%)]`)}),E(c,{className:`absolute left-4 right-4 top-[16px] z-10 flex items-center justify-between`,children:[T(s,{variant:`ghost`,size:`icon-xs`,onClick:le,className:e(`h-6 w-6 p-0 text-text1 hover:bg-transparent hover:text-[var(--color-text-secondary)]`,{invisible:!u}),children:T(_,{className:`h-4 w-4`})}),T(O,{href:`/settings`,className:e(`text-[var(--color-text-secondary)] opacity-80 transition-opacity hover:opacity-100`,{invisible:!H}),onClick:e=>{y(e,`settings`)},children:T(v,{})})]}),E(c,{className:e(`relative z-10 mt-[56px] flex justify-between gap-3 items-center`),children:[T(b,{isMine:q,src:ue,alt:Q||`avatar`,onUnauthorizedClick:J?Y:void 0}),E(c,{className:`min-w-0 flex-1`,children:[E(c,{className:e(`flex justify-between gap-3 items-center`),children:[F&&H?T(O,{href:`/edit`,className:`block min-w-0 max-w-[195px]`,children:T(l,{as:`p`,className:`truncate text-[18px] font-semibold leading-[26px] text-[var(--color-text-primary)]`,children:Q})}):T(l,{as:`p`,className:`min-w-0 max-w-[195px] truncate text-[18px] font-semibold leading-[26px] text-[var(--color-text-primary)]`,onClick:()=>{!F&&H&&Y()},children:Q}),X?T(c,{className:`shrink-0 pt-0.5`,children:X}):null]}),$&&T(c,{className:`pt-1`,children:T(l,{as:`p`,className:`line-clamp-2 max-w-[195px] break-words text-[14px] leading-[20px] text-[var(--color-text-white80)]`,children:$})})]})]})]})}export{N as UserProfileHeaderClient,j as defaultBackground};
+'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/material.mjs

@@ -1,2 +1,60 @@
 
-import{defineMaterial as e}from"../../../../../utils/schema/material.mjs";import{UserProfileHeaderClient as t}from"./client.mjs";import{profileHeaderInspectorPropsSchema as n}from"./schema.mjs";import{jsx as r}from"react/jsx-runtime";function i(e){return e===`editor`?{id:void 0,requireLogin:!0,cookieToken:``,cookieUserId:``,token:``,currentUserId:``}:{}}const a=e({type:`profile-header`,category:`内容组件`,name:`用户信息模块（有背景图）`,icon:`/static/components-thumb/user_profile_with_background.png`,serverComponent:({mode:e=`renderer`,...n})=>r(t,{...n,...i(e),mode:e}),clientComponent:({mode:e=`renderer`,...n})=>r(t,{...n,...i(e),mode:e}),propsSchema:n}),o=e({type:`profile-header-with-disabled-background`,category:`内容组件`,name:`用户信息模块（无背景图）`,icon:`/static/components-thumb/user_profile_plain.png`,serverComponent:({mode:e=`renderer`,...n})=>r(t,{...n,...i(e),mode:e,enableCustomBackground:!1}),clientComponent:({mode:e=`renderer`,...n})=>r(t,{...n,...i(e),mode:e,enableCustomBackground:!1}),propsSchema:n});export{a as profileHeaderMaterial,o as profileHeaderMaterialWithDisabledBackground};
+import { defineMaterial } from "../../../../../utils/schema/material.mjs";
+import { UserProfileHeaderClient } from "./client.mjs";
+import { profileHeaderInspectorPropsSchema } from "./schema.mjs";
+import { jsx } from "react/jsx-runtime";
+
+//#region components/biz/business/profile/profile-header/material.tsx
+/**
+* 编辑态统一展示未登录态预览，避免受到真实登录信息影响。
+*/
+function resolveEditorGuestOverrides(mode) {
+	if (mode !== "editor") return {};
+	return {
+		id: void 0,
+		requireLogin: true,
+		cookieToken: "",
+		cookieUserId: "",
+		token: "",
+		currentUserId: ""
+	};
+}
+const profileHeaderMaterial = defineMaterial({
+	type: "profile-header",
+	category: "内容组件",
+	name: "用户信息模块（有背景图）",
+	icon: "/static/components-thumb/user_profile_with_background.png",
+	serverComponent: ({ mode = "renderer", ...props }) => /* @__PURE__ */ jsx(UserProfileHeaderClient, {
+		...props,
+		...resolveEditorGuestOverrides(mode),
+		mode
+	}),
+	clientComponent: ({ mode = "renderer", ...props }) => /* @__PURE__ */ jsx(UserProfileHeaderClient, {
+		...props,
+		...resolveEditorGuestOverrides(mode),
+		mode
+	}),
+	propsSchema: profileHeaderInspectorPropsSchema
+});
+const profileHeaderMaterialWithDisabledBackground = defineMaterial({
+	type: "profile-header-with-disabled-background",
+	category: "内容组件",
+	name: "用户信息模块（无背景图）",
+	icon: "/static/components-thumb/user_profile_plain.png",
+	serverComponent: ({ mode = "renderer", ...props }) => /* @__PURE__ */ jsx(UserProfileHeaderClient, {
+		...props,
+		...resolveEditorGuestOverrides(mode),
+		mode,
+		enableCustomBackground: false
+	}),
+	clientComponent: ({ mode = "renderer", ...props }) => /* @__PURE__ */ jsx(UserProfileHeaderClient, {
+		...props,
+		...resolveEditorGuestOverrides(mode),
+		mode,
+		enableCustomBackground: false
+	}),
+	propsSchema: profileHeaderInspectorPropsSchema
+});
+
+//#endregion
+export { profileHeaderMaterial, profileHeaderMaterialWithDisabledBackground };

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

@@ -1,2 +1,12 @@
 
-import{defineComponentPropsSchema as e,getSchemaDefaultProps as t}from"../../../../../utils/schema/schema.mjs";const n=e(e=>({})),r=t(n);export{r as profileHeaderInspectorDefaultProps,n as profileHeaderInspectorPropsSchema};
+import { defineComponentPropsSchema, getSchemaDefaultProps } from "../../../../../utils/schema/schema.mjs";
+
+//#region components/biz/business/profile/profile-header/schema.ts
+/**
+* 用户资料头部物料 inspector 配置。
+*/
+const profileHeaderInspectorPropsSchema = defineComponentPropsSchema((_t) => ({}));
+const profileHeaderInspectorDefaultProps = getSchemaDefaultProps(profileHeaderInspectorPropsSchema);
+
+//#endregion
+export { profileHeaderInspectorDefaultProps, profileHeaderInspectorPropsSchema };