@funhub/platform 0.2.29 → 0.2.31

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

@@ -1,2 +1,236 @@
 
-"use client";import{useUserStore as e}from"../../../../../store/modules/user-store.mjs";import{gUserViewUserInfo as t}from"../../../../../service/generated/client.mjs";import{useRequest as n}from"../../../../../hooks/query/use-query.mjs";import{profileMainMineTabOptions as r,profileMainProfileTabOptions as i}from"./variants.mjs";import{UserProfileMainShell as a}from"./shell.mjs";import{CollectVideoWaterfall as o}from"./tabs/collect-tab/video-waterfall.mjs";import{CollectTab as s}from"./tabs/collect-tab/client.mjs";import{HistoryTab as c}from"./tabs/history-tab/client.mjs";import{LikeTab as l}from"./tabs/like-tab/client.mjs";import{useMemo as u}from"react";import{jsx as d}from"react/jsx-runtime";import{parseAsString as f,useQueryState as p}from"nuqs";function m(e){return e*1e3}const h=[{id:`00d21b841126c976`,title:`朝朝暮暮都是你`,coverImage:`/md-204/uploads/default/other/2024-04-15/2750647625e6193940163169b77fb566.jpg`,duration:192,viewCount:237,createTime:1772175066,isMoreLink:!0},{id:`009f2e1820718add`,title:`狗哥的乡村爱情故事`,coverImage:`/md-204/uploads/default/other/2024-04-11/579bc5eb807d29657828945330b0ac47.jpg`,duration:74,viewCount:191,createTime:1770714221,isMoreLink:!0},{id:`02e2a11f78a3ffbf`,title:`唯爱百分之十二`,coverImage:`/md-204/resource/b6/b689e34f40d0e5baccb8f79630b99425.jpg`,duration:3348,viewCount:214,createTime:1770347155,isMoreLink:!0},{id:`2c19073cbd3c5c5a`,title:`疯狂磕学家`,coverImage:`/md-204/uploads/default/other/2024-08-23/5e174eeb8f2009dd7bb797fcabd5a649.jpg`,duration:2359,viewCount:17,createTime:1769757646,isMoreLink:!0},{id:`07e029915c2a9c96`,title:`我和祖宗做交易`,coverImage:`/md-204/uploads/default/other/2024-05-23/b53e50fa75986b41aac766c253a91fea.jpg`,duration:194,viewCount:75,createTime:1769670600,isMoreLink:!0},{id:`0ae1056a620b286f`,title:`识汝不识丁`,coverImage:`/md-204/uploads/default/other/2024-08-24/8958d46da3087a420d1d55e691dcb10a.jpg`,duration:2053,viewCount:13,createTime:1769651310,isMoreLink:!0},{id:`05564bf1aaf5fad6`,title:`我们的天空`,coverImage:`/md-204/resource/1a/1af6ce7117dcda390cf08db26e832684.jpg`,duration:2737,viewCount:180,createTime:1769566315,isMoreLink:!0},{id:`00f61e5be01409bb`,title:`我初初爱你`,coverImage:`/md-204/resource/bd/bd657a65bc6adc202a94acb8aca33f38.jpg`,duration:2898,viewCount:362,createTime:1769410683,isMoreLink:!0},{id:`062cd69d44fcb772`,title:`料理情缘`,coverImage:`/md-204/uploads/default/other/2023-11-27/de0491f07909b05fa012d15552e02cd0.png`,duration:2726,viewCount:33,createTime:1769157580,isMoreLink:!0},{id:`05751871b640b1a7`,title:`穷小伙被碎玻璃割伤眼睛，却因祸得福获得了一只超能神眼，人生直接开挂，之前欺负他的人统统匍匐在他脚下，征服姐妹花，走向人生巅峰！`,coverImage:`/md-204/dcc-file/29/29a0fdc86f0d756ad8f123e81693d233-small.jpgbnc`,duration:9236,viewCount:137,createTime:1769157575,isMoreLink:!1}].map((e,t)=>({id:e.id,title:e.title,coverImage:e.coverImage,duration:e.duration,authorName:``,viewCount:e.viewCount,publishTime:m(e.createTime),is_more_link:e.isMoreLink,imgType:t%3==1?`long`:`short`,description:`示例文案，用于低代码编辑器预览列表第二行。`}));function g({isMine:e,tab:t}){let n=e?r:i;return t&&n.includes(t)?t:n[0]}function _(e,t){return e&&(t===`collect`||t===`like`)}function v({id:r,showCreateAction:i=!1,requireLogin:m=!1,className:v,currentUserId:y,mode:b=`renderer`,tab:x}){let S=b===`renderer`,C=e(e=>e.userId),[w]=p(`tab`,f),T=b===`editor`?``:y||C||``,E=r==null||!!T&&r===T,D=!E&&!!r,O=E?T:r?String(r):void 0,k=E?[`user-profile`,`mine`]:[`user-profile`,`profile`,r],A=u(()=>g({isMine:E,tab:w??x}),[E,x,w]),j=S&&_(D,A)&&!!r,{data:M}=n([`user-profile`,`privacy`,r,T],async()=>await t({target_user_id:String(r),user_id:T||String(r)}),{staleTime:0,enabled:j}),N=`content`;if(b===`editor`)N=`content`;else if(m&&E&&!T)N=`login-required`;else if(j&&M){let e=M.data??{},t=Number(e.collections_open??1)>0,n=Number(e.like_open??1)>0;A===`collect`&&!t&&(N=`privacy-collect`),A===`like`&&!n&&(N=`privacy-like`)}let P=N===`content`&&(!j||!!M),F=null;if(b===`editor`)F=d(o,{list:h,loading:!1,hasMore:!1});else if(P)switch(A){case`like`:F=d(l,{mode:b,isMine:E,targetUserId:O,queryKeyPrefix:k});break;case`history`:F=d(c,{mode:b,targetUserId:O,queryKeyPrefix:k});break;default:F=d(s,{mode:b,isMine:E,userId:O,showCreateAction:i&&E,queryKeyPrefix:k});break}return d(a,{profileId:r,currentUserId:T,isMine:E,renderMode:N,className:v,children:F})}export{v as UserProfileMainClient};
+'use client';
+
+import { useUserStore } from "../../../../../store/modules/user-store.mjs";
+import { gUserViewUserInfo } from "../../../../../service/generated/client.mjs";
+import { useRequest } from "../../../../../hooks/query/use-query.mjs";
+import { profileMainMineTabOptions, profileMainProfileTabOptions } from "./variants.mjs";
+import { UserProfileMainShell } from "./shell.mjs";
+import { CollectVideoWaterfall } from "./tabs/collect-tab/video-waterfall.mjs";
+import { CollectTab } from "./tabs/collect-tab/client.mjs";
+import { HistoryTab } from "./tabs/history-tab/client.mjs";
+import { LikeTab } from "./tabs/like-tab/client.mjs";
+import { useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+import { parseAsString, useQueryState } from "nuqs";
+
+//#region components/biz/business/profile/profile-main/client.tsx
+/**
+* 将秒级 Unix 时间戳转换为毫秒。
+*/
+function toMilliseconds(unixSeconds) {
+	return unixSeconds * 1e3;
+}
+const mockCollectVideoList = [
+	{
+		id: "00d21b841126c976",
+		title: "朝朝暮暮都是你",
+		coverImage: "/md-204/uploads/default/other/2024-04-15/2750647625e6193940163169b77fb566.jpg",
+		duration: 192,
+		viewCount: 237,
+		createTime: 1772175066,
+		isMoreLink: true
+	},
+	{
+		id: "009f2e1820718add",
+		title: "狗哥的乡村爱情故事",
+		coverImage: "/md-204/uploads/default/other/2024-04-11/579bc5eb807d29657828945330b0ac47.jpg",
+		duration: 74,
+		viewCount: 191,
+		createTime: 1770714221,
+		isMoreLink: true
+	},
+	{
+		id: "02e2a11f78a3ffbf",
+		title: "唯爱百分之十二",
+		coverImage: "/md-204/resource/b6/b689e34f40d0e5baccb8f79630b99425.jpg",
+		duration: 3348,
+		viewCount: 214,
+		createTime: 1770347155,
+		isMoreLink: true
+	},
+	{
+		id: "2c19073cbd3c5c5a",
+		title: "疯狂磕学家",
+		coverImage: "/md-204/uploads/default/other/2024-08-23/5e174eeb8f2009dd7bb797fcabd5a649.jpg",
+		duration: 2359,
+		viewCount: 17,
+		createTime: 1769757646,
+		isMoreLink: true
+	},
+	{
+		id: "07e029915c2a9c96",
+		title: "我和祖宗做交易",
+		coverImage: "/md-204/uploads/default/other/2024-05-23/b53e50fa75986b41aac766c253a91fea.jpg",
+		duration: 194,
+		viewCount: 75,
+		createTime: 1769670600,
+		isMoreLink: true
+	},
+	{
+		id: "0ae1056a620b286f",
+		title: "识汝不识丁",
+		coverImage: "/md-204/uploads/default/other/2024-08-24/8958d46da3087a420d1d55e691dcb10a.jpg",
+		duration: 2053,
+		viewCount: 13,
+		createTime: 1769651310,
+		isMoreLink: true
+	},
+	{
+		id: "05564bf1aaf5fad6",
+		title: "我们的天空",
+		coverImage: "/md-204/resource/1a/1af6ce7117dcda390cf08db26e832684.jpg",
+		duration: 2737,
+		viewCount: 180,
+		createTime: 1769566315,
+		isMoreLink: true
+	},
+	{
+		id: "00f61e5be01409bb",
+		title: "我初初爱你",
+		coverImage: "/md-204/resource/bd/bd657a65bc6adc202a94acb8aca33f38.jpg",
+		duration: 2898,
+		viewCount: 362,
+		createTime: 1769410683,
+		isMoreLink: true
+	},
+	{
+		id: "062cd69d44fcb772",
+		title: "料理情缘",
+		coverImage: "/md-204/uploads/default/other/2023-11-27/de0491f07909b05fa012d15552e02cd0.png",
+		duration: 2726,
+		viewCount: 33,
+		createTime: 1769157580,
+		isMoreLink: true
+	},
+	{
+		id: "05751871b640b1a7",
+		title: "穷小伙被碎玻璃割伤眼睛，却因祸得福获得了一只超能神眼，人生直接开挂，之前欺负他的人统统匍匐在他脚下，征服姐妹花，走向人生巅峰！",
+		coverImage: "/md-204/dcc-file/29/29a0fdc86f0d756ad8f123e81693d233-small.jpgbnc",
+		duration: 9236,
+		viewCount: 137,
+		createTime: 1769157575,
+		isMoreLink: false
+	}
+].map((item, index) => ({
+	id: item.id,
+	title: item.title,
+	coverImage: item.coverImage,
+	duration: item.duration,
+	authorName: "",
+	viewCount: item.viewCount,
+	publishTime: toMilliseconds(item.createTime),
+	is_more_link: item.isMoreLink,
+	imgType: index % 3 === 1 ? "long" : "short",
+	description: "示例文案，用于低代码编辑器预览列表第二行。"
+}));
+/**
+* 解析主 Tab，保持与现有 URL 查询参数行为一致。
+*/
+function resolveMainTab({ isMine, tab }) {
+	const availableTabs = isMine ? profileMainMineTabOptions : profileMainProfileTabOptions;
+	if (tab && availableTabs.includes(tab)) return tab;
+	return availableTabs[0];
+}
+/**
+* 判断当前主 Tab 是否需要检查他人主页隐私配置。
+*/
+function shouldCheckPrivacy(isViewingOtherUser, tab) {
+	return isViewingOtherUser && (tab === "collect" || tab === "like");
+}
+/**
+* 用户资料主体客户端组件。
+*/
+function UserProfileMainClient({ id, showCreateAction = false, requireLogin = false, className, currentUserId, mode = "renderer", tab }) {
+	const isRenderer = mode === "renderer";
+	const storeUserId = useUserStore((state) => state.userId);
+	const [tabQuery] = useQueryState("tab", parseAsString);
+	const resolvedCurrentUserId = mode === "editor" ? "" : currentUserId || storeUserId || "";
+	const isMine = id === void 0 || id === null || !!resolvedCurrentUserId && id === resolvedCurrentUserId;
+	const isViewingOtherUser = !isMine && Boolean(id);
+	const targetUserId = isMine ? resolvedCurrentUserId : id ? String(id) : void 0;
+	const queryKeyPrefix = isMine ? ["user-profile", "mine"] : [
+		"user-profile",
+		"profile",
+		id
+	];
+	const resolvedTab = useMemo(() => {
+		return resolveMainTab({
+			isMine,
+			tab: tabQuery ?? tab
+		});
+	}, [
+		isMine,
+		tab,
+		tabQuery
+	]);
+	const shouldLoadPrivacy = isRenderer && shouldCheckPrivacy(isViewingOtherUser, resolvedTab) && Boolean(id);
+	const { data: profileResponse } = useRequest([
+		"user-profile",
+		"privacy",
+		id,
+		resolvedCurrentUserId
+	], async () => {
+		return await gUserViewUserInfo({
+			target_user_id: String(id),
+			user_id: resolvedCurrentUserId || String(id)
+		});
+	}, {
+		staleTime: 0,
+		enabled: shouldLoadPrivacy
+	});
+	let renderMode = "content";
+	if (mode === "editor") renderMode = "content";
+	else if (requireLogin && isMine && !resolvedCurrentUserId) renderMode = "login-required";
+	else if (shouldLoadPrivacy && profileResponse) {
+		const profileData = profileResponse.data ?? {};
+		const collectionsOpen = Number(profileData.collections_open ?? 1) > 0;
+		const likeOpen = Number(profileData.like_open ?? 1) > 0;
+		if (resolvedTab === "collect" && !collectionsOpen) renderMode = "privacy-collect";
+		if (resolvedTab === "like" && !likeOpen) renderMode = "privacy-like";
+	}
+	const canRenderTabContent = renderMode === "content" && (!shouldLoadPrivacy || Boolean(profileResponse));
+	let content = null;
+	if (mode === "editor") content = /* @__PURE__ */ jsx(CollectVideoWaterfall, {
+		list: mockCollectVideoList,
+		loading: false,
+		hasMore: false
+	});
+	else if (canRenderTabContent) switch (resolvedTab) {
+		case "like":
+			content = /* @__PURE__ */ jsx(LikeTab, {
+				mode,
+				isMine,
+				targetUserId,
+				queryKeyPrefix
+			});
+			break;
+		case "history":
+			content = /* @__PURE__ */ jsx(HistoryTab, {
+				mode,
+				targetUserId,
+				queryKeyPrefix
+			});
+			break;
+		default:
+			content = /* @__PURE__ */ jsx(CollectTab, {
+				mode,
+				isMine,
+				userId: targetUserId,
+				showCreateAction: showCreateAction && isMine,
+				queryKeyPrefix
+			});
+			break;
+	}
+	return /* @__PURE__ */ jsx(UserProfileMainShell, {
+		profileId: id,
+		currentUserId: resolvedCurrentUserId,
+		isMine,
+		renderMode,
+		className,
+		children: content
+	});
+}
+
+//#endregion
+export { UserProfileMainClient };

package/dist/components/biz/business/profile/profile-main/empty-state.mjs

@@ -1,2 +1,44 @@
 
-"use client";import{cn as e}from"../../../../../utils/cn.mjs";import{Box as t}from"../../../../ui/box.mjs";import{Text as n}from"../../../../ui/text.mjs";import{jsx as r,jsxs as i}from"react/jsx-runtime";function a(a){let{text:o,className:s}=a;return i(t,{className:e(`flex min-h-[360px] w-full flex-col items-center pt-[132px]`,s),children:[i(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:`68`,height:`58`,viewBox:`0 0 68 58`,fill:`none`,className:`h-[58px] w-[68px]`,children:[r(`rect`,{x:`0.5`,y:`0.5`,width:`67`,height:`57`,rx:`7.5`,fill:`#1B1829`,stroke:`#322F3E`}),r(`path`,{d:`M27.1175 33.8211L27.118 23.9652C27.1182 21.7159 29.502 20.2667 31.4989 21.3021L40.5835 26.0125C42.6976 27.1086 42.7531 30.1126 40.681 31.2861L31.5959 36.4317C29.596 37.5644 27.1173 36.1195 27.1175 33.8211Z`,fill:`#54525E`})]}),r(n,{className:`mt-[16px] text-center text-[15px] leading-[normal] text-[#54525E]`,children:o})]})}export{a as ProfileMainEmptyState};
+'use client';
+
+import { cn } from "../../../../../utils/cn.mjs";
+import { Box } from "../../../../ui/box.mjs";
+import { Text } from "../../../../ui/text.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region components/biz/business/profile/profile-main/empty-state.tsx
+/**
+* 个人中心内容区空状态。
+*/
+function ProfileMainEmptyState(props) {
+	const { text, className } = props;
+	return /* @__PURE__ */ jsxs(Box, {
+		className: cn("flex min-h-[360px] w-full flex-col items-center pt-[132px]", className),
+		children: [/* @__PURE__ */ jsxs("svg", {
+			xmlns: "http://www.w3.org/2000/svg",
+			width: "68",
+			height: "58",
+			viewBox: "0 0 68 58",
+			fill: "none",
+			className: "h-[58px] w-[68px]",
+			children: [/* @__PURE__ */ jsx("rect", {
+				x: "0.5",
+				y: "0.5",
+				width: "67",
+				height: "57",
+				rx: "7.5",
+				fill: "#1B1829",
+				stroke: "#322F3E"
+			}), /* @__PURE__ */ jsx("path", {
+				d: "M27.1175 33.8211L27.118 23.9652C27.1182 21.7159 29.502 20.2667 31.4989 21.3021L40.5835 26.0125C42.6976 27.1086 42.7531 30.1126 40.681 31.2861L31.5959 36.4317C29.596 37.5644 27.1173 36.1195 27.1175 33.8211Z",
+				fill: "#54525E"
+			})]
+		}), /* @__PURE__ */ jsx(Text, {
+			className: "mt-[16px] text-center text-[15px] leading-[normal] text-[#54525E]",
+			children: text
+		})]
+	});
+}
+
+//#endregion
+export { ProfileMainEmptyState };

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

@@ -1,2 +1,19 @@
 
-import{defineMaterial as e}from"../../../../../utils/schema/material.mjs";import{UserProfileMainClient as t}from"./client.mjs";import{profileMainInspectorPropsSchema as n}from"./schema.mjs";import{UserProfileMain as r}from"./server.mjs";const i=e({type:`profile-main`,category:`内容组件`,name:`用户行为模块`,icon:`/static/components-thumb/user_profile_action.png`,serverComponent:r,clientComponent:t,propsSchema:n});export{i as profileMainMaterial};
+import { defineMaterial } from "../../../../../utils/schema/material.mjs";
+import { UserProfileMainClient } from "./client.mjs";
+import { profileMainInspectorPropsSchema } from "./schema.mjs";
+import { UserProfileMain } from "./server.mjs";
+
+//#region components/biz/business/profile/profile-main/material.ts
+const profileMainMaterial = defineMaterial({
+	type: "profile-main",
+	category: "内容组件",
+	name: "用户行为模块",
+	icon: "/static/components-thumb/user_profile_action.png",
+	serverComponent: UserProfileMain,
+	clientComponent: UserProfileMainClient,
+	propsSchema: profileMainInspectorPropsSchema
+});
+
+//#endregion
+export { profileMainMaterial };

package/dist/components/biz/business/profile/profile-main/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 profileMainInspectorDefaultProps,n as profileMainInspectorPropsSchema};
+import { defineComponentPropsSchema, getSchemaDefaultProps } from "../../../../../utils/schema/schema.mjs";
+
+//#region components/biz/business/profile/profile-main/schema.ts
+/**
+* 用户资料主体物料暂不对外开放 inspector 配置。
+*/
+const profileMainInspectorPropsSchema = defineComponentPropsSchema((_t) => ({}));
+const profileMainInspectorDefaultProps = getSchemaDefaultProps(profileMainInspectorPropsSchema);
+
+//#endregion
+export { profileMainInspectorDefaultProps, profileMainInspectorPropsSchema };

package/dist/components/biz/business/profile/profile-main/server.mjs

@@ -1,2 +1,14 @@
 
-import{UserProfileMainClient as e}from"./client.mjs";import{jsx as t}from"react/jsx-runtime";function n(n){return t(e,{...n})}export{n as UserProfileMain};
+import { UserProfileMainClient } from "./client.mjs";
+import { jsx } from "react/jsx-runtime";
+
+//#region components/biz/business/profile/profile-main/server.tsx
+/**
+* 用户资料主体兼容包装组件。
+*/
+function UserProfileMain(props) {
+	return /* @__PURE__ */ jsx(UserProfileMainClient, { ...props });
+}
+
+//#endregion
+export { UserProfileMain };

package/dist/components/biz/business/profile/profile-main/shell.mjs

@@ -1,2 +1,276 @@
 
-"use client";import{cn as e}from"../../../../../utils/cn.mjs";import{useUserStore as t}from"../../../../../store/modules/user-store.mjs";import{Button as n}from"../../../../ui/button.mjs";import{Box as r}from"../../../../ui/box.mjs";import{EmptyState as i}from"../../../../ui/empty.mjs";import{Text as a}from"../../../../ui/text.mjs";import{Tabs as o,TabsList as s,TabsTrigger as c}from"../../../../ui/tabs.mjs";import{useLoginModalStore as l}from"../../../../../store/modules/login-modal-store.mjs";import{trackProfilePageClick as u}from"../tracking.mjs";import{profileMainMineTabOptions as d,profileMainProfileTabOptions as f}from"./variants.mjs";import{useEffect as p,useId as m,useMemo as h,useRef as g}from"react";import{jsx as _,jsxs as v}from"react/jsx-runtime";import{useTranslations as y}from"next-intl";import{parseAsString as b,useQueryState as x}from"nuqs";function S(e){let t=m();return v(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:`37`,height:`10`,viewBox:`0 0 37 10`,fill:`none`,...e,children:[_(`path`,{d:`M32.8921 0.212888C34.4317 -0.398985 36.1765 0.353067 36.7886 1.89258C37.4004 3.43219 36.6484 5.17704 35.1089 5.78906L29.9204 7.85058C26.0475 9.38961 21.7156 9.29046 17.9175 7.57519C15.9234 6.67463 13.6771 6.5 11.5679 7.08203L3.79833 9.22656C2.20143 9.66708 0.549808 8.72958 0.108873 7.13281C-0.331916 5.53567 0.605478 3.88317 2.20262 3.44238L9.97118 1.29785C13.431 0.342993 17.1161 0.629191 20.3872 2.10644C22.7028 3.15218 25.3434 3.21271 27.7046 2.27441L32.8921 0.212888Z`,fill:`url(#${t})`}),_(`defs`,{children:v(`linearGradient`,{id:t,x1:`3.00047`,y1:`5.00097`,x2:`34.0005`,y2:`5.00097`,gradientUnits:`userSpaceOnUse`,children:[_(`stop`,{stopColor:`var(--color-brand-tag-gradient-start)`}),_(`stop`,{offset:`1`,stopColor:`var(--color-brand-tag-gradient-end)`})]})})]})}function C(e){return v(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:`68`,height:`58`,viewBox:`0 0 68 58`,fill:`none`,...e,children:[_(`rect`,{x:`0.5`,y:`0.5`,width:`67`,height:`57`,rx:`7.5`,fill:`#1B1829`,stroke:`#322F3E`}),_(`path`,{d:`M27.1175 33.8211L27.118 23.9652C27.1182 21.7159 29.502 20.2667 31.4989 21.3021L40.5835 26.0125C42.6976 27.1086 42.7531 30.1126 40.681 31.2861L31.5959 36.4317C29.596 37.5644 27.1173 36.1195 27.1175 33.8211Z`,fill:`#54525E`})]})}function w(e){return e?[...d]:[...f]}function T(e,t){let n=w(t);return n.includes(e)?e:n[0]}function E(e){let t=window.getComputedStyle(e);return/auto|scroll|overlay/.test(t.overflowY)}function D(e){if(typeof window>`u`)return null;let t=e?.parentElement??null;for(;t;){if(E(t))return t;t=t.parentElement}return null}function O(e){return typeof window>`u`?0:e?e.scrollTop:window.scrollY||window.pageYOffset||0}function k(e,t){if(!(typeof window>`u`)){if(e){e.scrollTo({top:t});return}window.scrollTo({top:t,left:0})}}function A({profileId:d,currentUserId:f,isMine:m,renderMode:E,className:A,children:j}){let M=y(`components.pages.profile`),N=g(null),P=l(e=>e.open),F=t(e=>e.userId),I=g(``),L=w(m),[R,z]=x(`tab`,b.withDefault(`collect`)),B=h(()=>T(R,m),[m,R]),V=f||F||``,H=m?V:d,U=h(()=>`profile-scroll:${H||(m?`mine`:`guest`)}:${B}`,[m,B,H]);p(()=>{R!==B&&z(B,{shallow:!1})},[B,z,R]),p(()=>{if(typeof window>`u`)return;let e=`${m?`mine`:`profile`}:${H||``}:${B}`;I.current!==e&&(I.current=e)},[m,d,V,B,H]),p(()=>{if(typeof window>`u`)return;let e=D(N.current),t=window.sessionStorage.getItem(U),n=t?Number(t):0;Number.isFinite(n)&&n>0&&requestAnimationFrame(()=>{k(e,n)});let r=!1,i=()=>{r||(r=!0,requestAnimationFrame(()=>{window.sessionStorage.setItem(U,String(O(e))),r=!1}))};return e?(e.addEventListener(`scroll`,i,{passive:!0}),()=>{e.removeEventListener(`scroll`,i)}):(window.addEventListener(`scroll`,i,{passive:!0}),()=>{window.removeEventListener(`scroll`,i)})},[U]);let W={collect:M(`client.collect`),like:M(`client.like`),history:M(`client.history`)},G=j;return E===`login-required`?G=v(r,{className:`flex flex-col items-center pt-[132px] text-center`,children:[_(C,{className:`h-[58px] w-[68px]`}),_(a,{className:`mt-[16px] text-[15px] leading-[normal] text-[#54525E]`,children:M(`client.loginToSeeMoreVideos`)}),_(n,{type:`button`,onClick:P,className:`mt-[16px] h-[40px] min-w-[100px] rounded-[8px] border-0 bg-[linear-gradient(90deg,#9756E3_0%,#6C43EE_100%)] px-[24px] py-0 text-[16px] font-normal leading-[24px] text-white active:opacity-90`,children:M(`client.loginNow`)})]}):E===`privacy-collect`?G=_(i,{type:`no-content`,text:M(`client.collectionNotPublic`)}):E===`privacy-like`&&(G=_(i,{type:`no-content`,text:M(`client.likeNotPublic`)})),v(r,{ref:N,className:e(`relative grow overflow-hidden rounded-t-[24px] bg-[var(--color-surface-panel-dark)]`,A),children:[_(r,{className:`sticky top-0 z-10 bg-[var(--color-surface-panel-dark)] no-vw-x-16 pt-8`,children:_(o,{value:B,onValueChange:e=>{z(e,{shallow:!1})},className:`h-6 w-full`,children:_(s,{variant:`default`,className:`h-6 w-fit gap-8 px-0`,children:L.map(t=>v(c,{value:t,onClick:e=>{u(e,`${t}_tab`)},className:e(`group/profile-main-tab !flex-none !h-6 min-w-8 !px-0 !py-0 !pb-0 text-[16px] !font-normal leading-6 text-[var(--color-text-secondary)]`,`data-[active]:!text-text1 data-[active]:!font-semibold data-[active]:!text-[18px]`,`data-[state=active]:!text-text1 data-[state=active]:!font-semibold data-[state=active]:!text-[18px]`,`after:hidden`),children:[_(S,{"aria-hidden":`true`,className:e(`pointer-events-none absolute bottom-0 left-1/2 h-[10px] w-[37px] -translate-x-1/2 opacity-0 transition-opacity duration-200`,`group-data-[active]/profile-main-tab:opacity-100`,`group-data-[state=active]/profile-main-tab:opacity-100`)}),_(`span`,{className:`relative z-10`,children:W[t]})]},t))})})}),_(r,{className:`relative no-vw-x-16 pb-6 pt-7`,children:G})]})}export{A as UserProfileMainShell};
+'use client';
+
+import { cn } from "../../../../../utils/cn.mjs";
+import { useUserStore } from "../../../../../store/modules/user-store.mjs";
+import { Button } from "../../../../ui/button.mjs";
+import { Box } from "../../../../ui/box.mjs";
+import { EmptyState } from "../../../../ui/empty.mjs";
+import { Text } from "../../../../ui/text.mjs";
+import { Tabs, TabsList, TabsTrigger } from "../../../../ui/tabs.mjs";
+import { useLoginModalStore } from "../../../../../store/modules/login-modal-store.mjs";
+import { trackProfilePageClick } from "../tracking.mjs";
+import { profileMainMineTabOptions, profileMainProfileTabOptions } from "./variants.mjs";
+import { useEffect, useId, useMemo, useRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useTranslations } from "next-intl";
+import { parseAsString, useQueryState } from "nuqs";
+
+//#region components/biz/business/profile/profile-main/shell.tsx
+/**
+* 个人中心主 Tab 选中态底图。
+*/
+function ProfileMainActiveTabBackground(props) {
+	const gradientId = useId();
+	return /* @__PURE__ */ jsxs("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		width: "37",
+		height: "10",
+		viewBox: "0 0 37 10",
+		fill: "none",
+		...props,
+		children: [/* @__PURE__ */ jsx("path", {
+			d: "M32.8921 0.212888C34.4317 -0.398985 36.1765 0.353067 36.7886 1.89258C37.4004 3.43219 36.6484 5.17704 35.1089 5.78906L29.9204 7.85058C26.0475 9.38961 21.7156 9.29046 17.9175 7.57519C15.9234 6.67463 13.6771 6.5 11.5679 7.08203L3.79833 9.22656C2.20143 9.66708 0.549808 8.72958 0.108873 7.13281C-0.331916 5.53567 0.605478 3.88317 2.20262 3.44238L9.97118 1.29785C13.431 0.342993 17.1161 0.629191 20.3872 2.10644C22.7028 3.15218 25.3434 3.21271 27.7046 2.27441L32.8921 0.212888Z",
+			fill: `url(#${gradientId})`
+		}), /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsxs("linearGradient", {
+			id: gradientId,
+			x1: "3.00047",
+			y1: "5.00097",
+			x2: "34.0005",
+			y2: "5.00097",
+			gradientUnits: "userSpaceOnUse",
+			children: [/* @__PURE__ */ jsx("stop", { stopColor: "var(--color-brand-tag-gradient-start)" }), /* @__PURE__ */ jsx("stop", {
+				offset: "1",
+				stopColor: "var(--color-brand-tag-gradient-end)"
+			})]
+		}) })]
+	});
+}
+/**
+* 个人中心未登录态视频占位图标。
+*/
+function ProfileLoginRequiredVideoIcon(props) {
+	return /* @__PURE__ */ jsxs("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		width: "68",
+		height: "58",
+		viewBox: "0 0 68 58",
+		fill: "none",
+		...props,
+		children: [/* @__PURE__ */ jsx("rect", {
+			x: "0.5",
+			y: "0.5",
+			width: "67",
+			height: "57",
+			rx: "7.5",
+			fill: "#1B1829",
+			stroke: "#322F3E"
+		}), /* @__PURE__ */ jsx("path", {
+			d: "M27.1175 33.8211L27.118 23.9652C27.1182 21.7159 29.502 20.2667 31.4989 21.3021L40.5835 26.0125C42.6976 27.1086 42.7531 30.1126 40.681 31.2861L31.5959 36.4317C29.596 37.5644 27.1173 36.1195 27.1175 33.8211Z",
+			fill: "#54525E"
+		})]
+	});
+}
+/**
+* 获取当前视角可用的主 Tab 列表。
+*/
+function getAvailableTabs(isMine) {
+	return isMine ? [...profileMainMineTabOptions] : [...profileMainProfileTabOptions];
+}
+/**
+* 解析主 Tab，保持与服务端默认逻辑一致。
+*/
+function resolveMainTab(tab, isMine) {
+	const tabs = getAvailableTabs(isMine);
+	if (tabs.includes(tab)) return tab;
+	return tabs[0];
+}
+/**
+* 判断元素是否具备可滚动的纵向溢出能力。
+*/
+function hasScrollableOverflow(element) {
+	const styles = window.getComputedStyle(element);
+	return /auto|scroll|overlay/.test(styles.overflowY);
+}
+/**
+* 解析当前页面应监听的滚动容器。
+*/
+function resolveScrollContainer(root) {
+	if (typeof window === "undefined") return null;
+	let parentElement = root?.parentElement ?? null;
+	while (parentElement) {
+		if (hasScrollableOverflow(parentElement)) return parentElement;
+		parentElement = parentElement.parentElement;
+	}
+	return null;
+}
+/**
+* 读取当前滚动位置。
+*/
+function getScrollTop(container) {
+	if (typeof window === "undefined") return 0;
+	if (container) return container.scrollTop;
+	return window.scrollY || window.pageYOffset || 0;
+}
+/**
+* 应用滚动位置到目标容器。
+*/
+function setScrollTop(container, top) {
+	if (typeof window === "undefined") return;
+	if (container) {
+		container.scrollTo({ top });
+		return;
+	}
+	window.scrollTo({
+		top,
+		left: 0
+	});
+}
+/**
+* 用户资料主体客户端壳层，仅负责主 Tab 交互与占位渲染。
+*/
+function UserProfileMainShell({ profileId, currentUserId, isMine, renderMode, className, children }) {
+	const t = useTranslations("components.pages.profile");
+	const rootRef = useRef(null);
+	const openLoginModal = useLoginModalStore((state) => state.open);
+	const storeUserId = useUserStore((state) => state.userId);
+	const lastTabViewReportKeyRef = useRef("");
+	const tabs = getAvailableTabs(isMine);
+	const [tabQuery, setTabQuery] = useQueryState("tab", parseAsString.withDefault("collect"));
+	const resolvedTab = useMemo(() => {
+		return resolveMainTab(tabQuery, isMine);
+	}, [isMine, tabQuery]);
+	const resolvedCurrentUserId = currentUserId || storeUserId || "";
+	const targetUserId = isMine ? resolvedCurrentUserId : profileId;
+	const scrollStorageKey = useMemo(() => {
+		return `profile-scroll:${targetUserId || (isMine ? "mine" : "guest")}:${resolvedTab}`;
+	}, [
+		isMine,
+		resolvedTab,
+		targetUserId
+	]);
+	useEffect(() => {
+		if (tabQuery !== resolvedTab) setTabQuery(resolvedTab, { shallow: false });
+	}, [
+		resolvedTab,
+		setTabQuery,
+		tabQuery
+	]);
+	/**
+	* 个人中心主 Tab 曝光埋点：
+	* - 首次进入页面时，上报默认 Tab（如 collect）
+	* - 切换 Tab 后，上报最新 Tab
+	* - 相同用户/页面/Tab 组合仅上报一次，避免重复渲染导致连发
+	*/
+	useEffect(() => {
+		if (typeof window === "undefined") return;
+		const reportKey = `${isMine ? "mine" : "profile"}:${targetUserId || ""}:${resolvedTab}`;
+		if (lastTabViewReportKeyRef.current === reportKey) return;
+		lastTabViewReportKeyRef.current = reportKey;
+	}, [
+		isMine,
+		profileId,
+		resolvedCurrentUserId,
+		resolvedTab,
+		targetUserId
+	]);
+	/**
+	* 按用户与主 Tab 维度记忆整页滚动位置。
+	*/
+	useEffect(() => {
+		if (typeof window === "undefined") return;
+		const container = resolveScrollContainer(rootRef.current);
+		const rawStorageValue = window.sessionStorage.getItem(scrollStorageKey);
+		const savedScrollTop = rawStorageValue ? Number(rawStorageValue) : 0;
+		if (Number.isFinite(savedScrollTop) && savedScrollTop > 0) requestAnimationFrame(() => {
+			setScrollTop(container, savedScrollTop);
+		});
+		let ticking = false;
+		const handleScroll = () => {
+			if (ticking) return;
+			ticking = true;
+			requestAnimationFrame(() => {
+				window.sessionStorage.setItem(scrollStorageKey, String(getScrollTop(container)));
+				ticking = false;
+			});
+		};
+		if (container) {
+			container.addEventListener("scroll", handleScroll, { passive: true });
+			return () => {
+				container.removeEventListener("scroll", handleScroll);
+			};
+		}
+		window.addEventListener("scroll", handleScroll, { passive: true });
+		return () => {
+			window.removeEventListener("scroll", handleScroll);
+		};
+	}, [scrollStorageKey]);
+	const tabTitleMap = {
+		collect: t("client.collect"),
+		like: t("client.like"),
+		history: t("client.history")
+	};
+	let content = children;
+	if (renderMode === "login-required") content = /* @__PURE__ */ jsxs(Box, {
+		className: "flex flex-col items-center pt-[132px] text-center",
+		children: [
+			/* @__PURE__ */ jsx(ProfileLoginRequiredVideoIcon, { className: "h-[58px] w-[68px]" }),
+			/* @__PURE__ */ jsx(Text, {
+				className: "mt-[16px] text-[15px] leading-[normal] text-[#54525E]",
+				children: t("client.loginToSeeMoreVideos")
+			}),
+			/* @__PURE__ */ jsx(Button, {
+				type: "button",
+				onClick: openLoginModal,
+				className: "mt-[16px] h-[40px] min-w-[100px] rounded-[8px] border-0 bg-[linear-gradient(90deg,#9756E3_0%,#6C43EE_100%)] px-[24px] py-0 text-[16px] font-normal leading-[24px] text-white active:opacity-90",
+				children: t("client.loginNow")
+			})
+		]
+	});
+	else if (renderMode === "privacy-collect") content = /* @__PURE__ */ jsx(EmptyState, {
+		type: "no-content",
+		text: t("client.collectionNotPublic")
+	});
+	else if (renderMode === "privacy-like") content = /* @__PURE__ */ jsx(EmptyState, {
+		type: "no-content",
+		text: t("client.likeNotPublic")
+	});
+	return /* @__PURE__ */ jsxs(Box, {
+		ref: rootRef,
+		className: cn("relative grow overflow-hidden rounded-t-[24px] bg-[var(--color-surface-panel-dark)]", className),
+		children: [/* @__PURE__ */ jsx(Box, {
+			className: "sticky top-0 z-10 bg-[var(--color-surface-panel-dark)] no-vw-x-16 pt-8",
+			children: /* @__PURE__ */ jsx(Tabs, {
+				value: resolvedTab,
+				onValueChange: (value) => {
+					setTabQuery(value, { shallow: false });
+				},
+				className: "h-6 w-full",
+				children: /* @__PURE__ */ jsx(TabsList, {
+					variant: "default",
+					className: "h-6 w-fit gap-8 px-0",
+					children: tabs.map((tabKey) => /* @__PURE__ */ jsxs(TabsTrigger, {
+						value: tabKey,
+						onClick: (e) => {
+							trackProfilePageClick(e, `${tabKey}_tab`);
+						},
+						className: cn("group/profile-main-tab !flex-none !h-6 min-w-8 !px-0 !py-0 !pb-0 text-[16px] !font-normal leading-6 text-[var(--color-text-secondary)]", "data-[active]:!text-text1 data-[active]:!font-semibold data-[active]:!text-[18px]", "data-[state=active]:!text-text1 data-[state=active]:!font-semibold data-[state=active]:!text-[18px]", "after:hidden"),
+						children: [/* @__PURE__ */ jsx(ProfileMainActiveTabBackground, {
+							"aria-hidden": "true",
+							className: cn("pointer-events-none absolute bottom-0 left-1/2 h-[10px] w-[37px] -translate-x-1/2 opacity-0 transition-opacity duration-200", "group-data-[active]/profile-main-tab:opacity-100", "group-data-[state=active]/profile-main-tab:opacity-100")
+						}), /* @__PURE__ */ jsx("span", {
+							className: "relative z-10",
+							children: tabTitleMap[tabKey]
+						})]
+					}, tabKey))
+				})
+			})
+		}), /* @__PURE__ */ jsx(Box, {
+			className: "relative no-vw-x-16 pb-6 pt-7",
+			children: content
+		})]
+	});
+}
+
+//#endregion
+export { UserProfileMainShell };