@funhub/platform 0.1.126 → 0.1.130

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

@@ -1,2 +1,12 @@
 
-import{defineComponentPropsSchema as e,getSchemaDefaultProps as t}from"create-funhub/sdk";const n=e({}),r=t(n);export{r as profileMainInspectorDefaultProps,n as profileMainInspectorPropsSchema};
+import { defineComponentPropsSchema, getSchemaDefaultProps } from "create-funhub/sdk";
+
+//#region components/biz/business/profile/profile-main/schema.ts
+/**
+* 用户资料主体物料暂不对外开放 inspector 配置。
+*/
+const profileMainInspectorPropsSchema = defineComponentPropsSchema({});
+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,188 @@
 
-"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{Box as r}from"../../../../ui/box.mjs";import{EmptyState as i}from"../../../../ui/empty.mjs";import{Tabs as a,TabsList as o,TabsTrigger as s}from"../../../../ui/tabs.mjs";import{Text as c}from"../../../../ui/text.mjs";import{useLoginModalStore as l}from"../../../../../store/modules/login-modal-store.mjs";import{profileMainMineTabOptions as u,profileMainProfileTabOptions as d}from"./variants.mjs";import{useEffect as f,useMemo as p,useRef as m}from"react";import{jsx as h,jsxs as g}from"react/jsx-runtime";import{useTranslations as _}from"next-intl";import{parseAsString as v,useQueryState as y}from"nuqs";function b(e){return e?[...u]:[...d]}function x(e,t){let n=b(t);return n.includes(e)?e:n[0]}function S(e){let t=window.getComputedStyle(e);return/auto|scroll|overlay/.test(t.overflowY)}function C(e){if(typeof window>`u`)return null;let t=e?.parentElement??null;for(;t;){if(S(t))return t;t=t.parentElement}return null}function w(e){return typeof window>`u`?0:e?e.scrollTop:window.scrollY||window.pageYOffset||0}function T(e,t){if(!(typeof window>`u`)){if(e){e.scrollTo({top:t});return}window.scrollTo({top:t,left:0})}}function E({profileId:u,currentUserId:d,isMine:S,renderMode:E,className:D,children:O}){let k=_(`components.pages.profile`),A=m(null),j=l(e=>e.open),M=n(e=>e.userId),N=b(S),[P,F]=y(`tab`,v.withDefault(`collect`)),I=p(()=>x(P,S),[S,P]),L=S?d||M||``:u,R=p(()=>`profile-scroll:${L||(S?`mine`:`guest`)}:${I}`,[S,I,L]);f(()=>{P!==I&&F(I,{shallow:!1})},[I,F,P]),f(()=>{if(typeof window>`u`)return;let e=C(A.current),t=window.sessionStorage.getItem(R),n=t?Number(t):0;Number.isFinite(n)&&n>0&&requestAnimationFrame(()=>{T(e,n)});let r=!1,i=()=>{r||(r=!0,requestAnimationFrame(()=>{window.sessionStorage.setItem(R,String(w(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)})},[R]);let z={collect:k(`client.collect`),like:k(`client.like`),history:k(`client.history`)},B=O;return E===`login-required`?B=g(r,{className:`flex gap-4 flex-col items-center justify-center py-10 text-center`,children:[h(c,{className:`text-base text-text1`,children:k(`client.loginToView`)}),h(t,{size:`lg`,variant:`secondary`,onClick:j,children:k(`client.loginNow`)})]}):E===`privacy-collect`?B=h(i,{type:`no-content`,text:k(`client.collectionNotPublic`)}):E===`privacy-like`&&(B=h(i,{type:`no-content`,text:k(`client.likeNotPublic`)})),g(r,{ref:A,className:e(D),children:[h(r,{className:`border-b bg-bg1 sticky z-10 top-0 border-text1/5 h-10`,children:h(a,{value:I,onValueChange:e=>{F(e,{shallow:!1})},className:`w-fit`,children:h(o,{variant:`default`,className:`inline-flex h-9`,children:N.map(e=>h(s,{value:e,className:`p-2.5 !text-base !w-fit data-active:!text-lg data-active:font-bold`,children:z[e]},e))})})}),h(r,{className:`p-2`,children:B})]})}export{E as UserProfileMainShell};
+'use client';
+
+import { cn } from "../../../../../utils/cn.mjs";
+import { Button } from "../../../../ui/button.mjs";
+import { useUserStore } from "../../../../../store/modules/user-store.mjs";
+import { Box } from "../../../../ui/box.mjs";
+import { EmptyState } from "../../../../ui/empty.mjs";
+import { Tabs, TabsList, TabsTrigger } from "../../../../ui/tabs.mjs";
+import { Text } from "../../../../ui/text.mjs";
+import { useLoginModalStore } from "../../../../../store/modules/login-modal-store.mjs";
+import { profileMainMineTabOptions, profileMainProfileTabOptions } from "./variants.mjs";
+import { useEffect, 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 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 tabs = getAvailableTabs(isMine);
+	const [tabQuery, setTabQuery] = useQueryState("tab", parseAsString.withDefault("collect"));
+	const resolvedTab = useMemo(() => {
+		return resolveMainTab(tabQuery, isMine);
+	}, [isMine, tabQuery]);
+	const targetUserId = isMine ? currentUserId || storeUserId || "" : 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 维度记忆整页滚动位置。
+	*/
+	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 gap-4 flex-col items-center justify-center py-10 text-center",
+		children: [/* @__PURE__ */ jsx(Text, {
+			className: "text-base text-text1",
+			children: t("client.loginToView")
+		}), /* @__PURE__ */ jsx(Button, {
+			size: "lg",
+			variant: "secondary",
+			onClick: openLoginModal,
+			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(className),
+		children: [/* @__PURE__ */ jsx(Box, {
+			className: "border-b bg-bg1 sticky z-10 top-0 border-text1/5 h-10",
+			children: /* @__PURE__ */ jsx(Tabs, {
+				value: resolvedTab,
+				onValueChange: (value) => {
+					setTabQuery(value, { shallow: false });
+				},
+				className: "w-fit",
+				children: /* @__PURE__ */ jsx(TabsList, {
+					variant: "default",
+					className: "inline-flex h-9",
+					children: tabs.map((tabKey) => /* @__PURE__ */ jsx(TabsTrigger, {
+						value: tabKey,
+						className: "p-2.5 !text-base !w-fit data-active:!text-lg data-active:font-bold",
+						children: tabTitleMap[tabKey]
+					}, tabKey))
+				})
+			})
+		}), /* @__PURE__ */ jsx(Box, {
+			className: "p-2",
+			children: content
+		})]
+	});
+}
+
+//#endregion
+export { UserProfileMainShell };