@funhub/platform 0.1.126 → 0.1.130

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

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

package/dist/components/biz/business/nav-bar/variants/basic-nav-bar/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/nav-bar/variants/basic-nav-bar/schema/style.schema.ts
+const styleSchema = { ...commonStyleSchema };
+
+//#endregion
+export { styleSchema };

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

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

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

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

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,244 @@
 
-"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}from"../../../../../service/generated/client.mjs";import{Box as a}from"../../../../ui/box.mjs";import{Skeleton as o}from"../../../../ui/skeleton.mjs";import{Text as s}from"../../../../ui/text.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{UserProfileAvatar as f}from"./user-profile-avatar.mjs";import{UserProfileCoverBackground as ee}from"./user-profile-cover-background.mjs";import{useEffect as te,useMemo as p,useState as m}from"react";import{jsx as h,jsxs as g}from"react/jsx-runtime";import{useTranslations as _}from"next-intl";import v from"next/link";import{useRouter as y}from"next/navigation";const b=n.persist,x=`https://guadd-sg-ccs-sing-dev.s3.ap-southeast-1.amazonaws.com/default/default_avatar.png`,S=`/images/mine/img_mine_head_bg.png`;function C({showBackButton:n,isMine:r,enableCustomBackground:i,className:s}){return g(a,{className:e(`flex flex-col relative`,s),children:[g(a,{className:`absolute top-0 p-3 z-10 flex items-center justify-between w-full`,children:[h(t,{variant:`ghost`,size:`icon-xs`,className:e(`h-4 w-4 p-0 hover:bg-transparent`,{invisible:!n}),disabled:!0,children:h(u,{className:`w-4 h-4`})}),h(a,{className:e({invisible:!r}),children:h(d,{})})]}),h(a,{className:i?`h-33.75`:`h-24`,children:h(o,{className:`h-full w-full rounded-none`})}),g(a,{className:`flex-1 px-3`,children:[g(a,{className:`relative flex justify-end`,children:[h(o,{className:`absolute bottom-3 left-0 h-22 w-22 rounded-full`}),h(a,{className:`py-4 h-12`})]}),g(a,{className:`flex items-center justify-between gap-1`,children:[h(o,{className:`h-7 w-[132px]`}),h(o,{className:`h-10 w-[104px] rounded-full shrink-0`})]}),g(a,{className:`min-h-11 pt-1 pb-0 flex flex-col gap-2`,children:[h(o,{className:`h-4 w-[76%]`}),h(o,{className:`h-4 w-[58%]`})]})]})]})}function w({id:o,enableCustomBackground:w=!0,showBackButton:T=!0,requireLogin:E=!1,isEditorPreview:D=!1,className:O,mode:k=`renderer`}){let A=_(`components.pages.profile`),j=D||k===`editor`,M=!j,ne=y(),{open:re}=c(),{isLogin:N,userId:P,token:F}=n(),[ie,I]=m(!1);te(()=>{if(!b){I(!0);return}I(b.hasHydrated());let e=b.onHydrate(()=>{I(!1)}),t=b.onFinishHydration(()=>{I(!0)});return()=>{e(),t()}},[]);let L=j?!1:N&&!!P&&!!F,R=j?``:P,z=R,B=o==null||!!o&&!!z&&o===z,V=B?[`user-profile`,`mine`]:[`user-profile`,`profile`,o],{data:H,isLoading:U}=l(j?[`editor-preview`,...V]:V,()=>o?i({target_user_id:o,user_id:R||o}):r({user_id:o||R||``}),{staleTime:0,enabled:M&&(!!o||!!R)}),W=p(()=>{let e=H?H.data:void 0;return e?{userId:e.user_id,isFollowing:e.is_following||!1,name:e.nick_name||`User${o??``}`,avatar:e.avatar||x,followingCnt:e.following_count??0,followersCnt:e.follower_count??0,likeCnt:e.like_count??0,signature:e.signature||``,background:e.bg_image||S}:{}},[o,H]),G=j||E&&B&&!L,K=B&&L&&!G,q=!L,J=w&&K,Y=w&&q,ae={name:A(`client.welcomeToPlanet`),description:A(`client.exploreAdventures`),avatar:x,followingCnt:0,followersCnt:0,likeCnt:0,background:S};function X(){re()}function oe(){ne.back()}let se=G?h(t,{className:`rounded-full`,size:`lg`,onClick:X,children:A(`client.loginNow`)}):B?h(v,{href:`/edit`,children:h(t,{variant:`outline`,className:`rounded-full`,children:A(`client.editProfile`)})}):null,Z=G?ae:W,Q=Z.name||``,$=Z.description||Z.signature||``,ce=Z.avatar||``;return M&&U&&!H?h(C,{showBackButton:T,isMine:B,enableCustomBackground:w,className:O}):g(a,{className:e(`flex flex-col relative`,O),children:[g(a,{className:`absolute top-0 p-3 z-10 flex items-center justify-between w-full`,children:[h(t,{variant:`ghost`,size:`icon-xs`,onClick:oe,className:e(`h-4 w-4 p-0 hover:bg-transparent`,{invisible:!T}),children:h(u,{className:`w-4 h-4`})}),h(v,{href:`/settings`,className:e({invisible:!B}),children:h(d,{})})]}),h(ee,{isMine:J,enableCustomBackground:w,src:Z.background,onUnauthorizedClick:Y?X:void 0}),g(a,{className:`flex-1 px-3`,children:[g(a,{className:`relative flex justify-end`,children:[h(f,{isMine:K,src:ce,alt:Q||`avatar`,onUnauthorizedClick:q?X:void 0}),h(a,{className:`flex divide-x divide-text1/5 py-4 h-12`})]}),g(a,{className:`flex items-center justify-between gap-1`,children:[N&&B?h(v,{href:`/edit`,children:h(s,{as:`p`,className:`text-text1 max-w-[14em] text-xl overflow-hidden whitespace-nowrap text-ellipsis font-bold `,children:Q})}):h(s,{as:`p`,className:`text-text1 max-w-[14em] text-xl overflow-hidden whitespace-nowrap text-ellipsis font-bold `,children:Q}),se]}),$&&h(a,{className:`min-h-11 pt-1 pb-0`,children:h(s,{as:`p`,className:`text-sm line-clamp-2 break-all text-text1/66`,children:$})})]})]})}export{w as UserProfileHeaderClient};
+'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 } from "../../../../../service/generated/client.mjs";
+import { Box } from "../../../../ui/box.mjs";
+import { Skeleton } from "../../../../ui/skeleton.mjs";
+import { Text } from "../../../../ui/text.mjs";
+import { useLoginModalStore } from "../../../../../store/modules/login-modal-store.mjs";
+import { useRequest } 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 { 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 UserProfileHeaderSkeleton({ showBackButton, isMine, enableCustomBackground, className }) {
+	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",
+					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, {})
+				})]
+			}),
+			/* @__PURE__ */ jsx(Box, {
+				className: enableCustomBackground ? "h-33.75" : "h-24",
+				children: /* @__PURE__ */ jsx(Skeleton, { className: "h-full w-full rounded-none" })
+			}),
+			/* @__PURE__ */ jsxs(Box, {
+				className: "flex-1 px-3",
+				children: [
+					/* @__PURE__ */ jsxs(Box, {
+						className: "relative flex justify-end",
+						children: [/* @__PURE__ */ jsx(Skeleton, { className: "absolute bottom-3 left-0 h-22 w-22 rounded-full" }), /* @__PURE__ */ jsx(Box, { className: "py-4 h-12" })]
+					}),
+					/* @__PURE__ */ jsxs(Box, {
+						className: "flex items-center justify-between gap-1",
+						children: [/* @__PURE__ */ jsx(Skeleton, { className: "h-7 w-[132px]" }), /* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-[104px] rounded-full shrink-0" })]
+					}),
+					/* @__PURE__ */ jsxs(Box, {
+						className: "min-h-11 pt-1 pb-0 flex flex-col gap-2",
+						children: [/* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-[76%]" }), /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-[58%]" })]
+					})
+				]
+			})
+		]
+	});
+}
+/**
+* 用户资料头部组件，包含资料请求与头部交互。
+*/
+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 ? /* @__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")
+		})
+	}) : null;
+	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("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: [storeIsLogin && isMine ? /* @__PURE__ */ jsx(Link, {
+							href: "/edit",
+							children: /* @__PURE__ */ jsx(Text, {
+								as: "p",
+								className: "text-text1 max-w-[14em] text-xl overflow-hidden whitespace-nowrap text-ellipsis font-bold ",
+								children: name
+							})
+						}) : /* @__PURE__ */ jsx(Text, {
+							as: "p",
+							className: "text-text1 max-w-[14em] text-xl overflow-hidden whitespace-nowrap text-ellipsis font-bold ",
+							children: name
+						}), actionButton]
+					}),
+					description && /* @__PURE__ */ jsx(Box, {
+						className: "min-h-11 pt-1 pb-0",
+						children: /* @__PURE__ */ jsx(Text, {
+							as: "p",
+							className: "text-sm line-clamp-2 break-all text-text1/66",
+							children: description
+						})
+					})
+				]
+			})
+		]
+	});
+}
+
+//#endregion
+export { UserProfileHeaderClient };

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

@@ -1,2 +1,60 @@
 
-import{UserProfileHeaderClient as e}from"./client.mjs";import{profileHeaderInspectorPropsSchema as t}from"./schema.mjs";import{jsx as n}from"react/jsx-runtime";import{defineMaterial as r}from"create-funhub/sdk";function i(e){return e===`editor`?{id:void 0,requireLogin:!0,cookieToken:``,cookieUserId:``,token:``,currentUserId:``}:{}}const a=r({type:`profile-header`,category:`内容组件`,name:`用户信息模块（有背景图）`,icon:`/static/components-thumb/user_profile_with_background.png`,serverComponent:({mode:t=`renderer`,...r})=>n(e,{...r,...i(t),mode:t}),clientComponent:({mode:t=`renderer`,...r})=>n(e,{...r,...i(t),mode:t}),propsSchema:t}),o=r({type:`profile-header-with-disabled-background`,category:`内容组件`,name:`用户信息模块（无背景图）`,icon:`/static/components-thumb/user_profile_plain.png`,serverComponent:({mode:t=`renderer`,...r})=>n(e,{...r,...i(t),mode:t,enableCustomBackground:!1}),clientComponent:({mode:t=`renderer`,...r})=>n(e,{...r,...i(t),mode:t,enableCustomBackground:!1}),propsSchema:t});export{a as profileHeaderMaterial,o as profileHeaderMaterialWithDisabledBackground};
+import { UserProfileHeaderClient } from "./client.mjs";
+import { profileHeaderInspectorPropsSchema } from "./schema.mjs";
+import { jsx } from "react/jsx-runtime";
+import { defineMaterial } from "create-funhub/sdk";
+
+//#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 };