@funhub/platform 0.1.126 → 0.1.130

package/dist/components/biz/business/profile/profile-header/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 profileHeaderInspectorDefaultProps,n as profileHeaderInspectorPropsSchema};
+import { defineComponentPropsSchema, getSchemaDefaultProps } from "create-funhub/sdk";
+
+//#region components/biz/business/profile/profile-header/schema.ts
+/**
+* 用户资料头部物料 inspector 配置。
+*/
+const profileHeaderInspectorPropsSchema = defineComponentPropsSchema({});
+const profileHeaderInspectorDefaultProps = getSchemaDefaultProps(profileHeaderInspectorPropsSchema);
+
+//#endregion
+export { profileHeaderInspectorDefaultProps, profileHeaderInspectorPropsSchema };

package/dist/components/biz/business/profile/profile-header/user-profile-avatar.mjs

@@ -1,2 +1,236 @@
 
-"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{pUserEditUserInfo as r}from"../../../../../service/generated/client.mjs";import{uploadFile as i}from"../../../../../utils/upload-file.mjs";import{Avatar as a,AvatarFallback as o,AvatarImage as s}from"../../../../ui/avatar.mjs";import{Box as c}from"../../../../ui/box.mjs";import{Input as l}from"../../../../ui/input.mjs";import{Dialog as u,DialogContent as d}from"../../../../ui/dialog.mjs";import{Text as f}from"../../../../ui/text.mjs";import{useDeleteRequest as p}from"../../../../../hooks/query/use-query.mjs";import{ImageCropModal as m}from"../../../../common/image-crop-modal/image-crop-modal.mjs";import{useRef as h,useState as g}from"react";import{Fragment as _,jsx as v,jsxs as y}from"react/jsx-runtime";import{toast as b}from"sonner";import{useTranslations as x}from"next-intl";const S=`https://guadd-sg-ccs-sing-dev.s3.ap-southeast-1.amazonaws.com/default/default_avatar.png`,C=[`image/jpeg`,`image/png`];function w(e){let t=e.name.toLowerCase(),n=e.type.toLowerCase();return C.includes(n)||/\.(?:jpg|jpeg|png)$/i.test(t)}function T({isMine:C,src:T,alt:E,onUnauthorizedClick:D}){let O=x(`components.pages.profile`),k=h(null),{userId:A,setUserInfo:j,userInfo:M}=n(),N=p(),[P,F]=g(!1),[I,L]=g(!1),[R,z]=g(``),[B,V]=g(!1);function H(){if(!B){if(C){F(!0);return}D?.()}}function U(){R&&(URL.revokeObjectURL(R),z(``))}function W(){F(!1)}function G(){B||k.current?.click()}function K(e){let t=e.target.files?.[0];if(t){if(!w(t)){b.error(O(`client.imageTypeInvalid`)),e.target&&(e.target.value=``);return}if(t.size>5242880){b.error(O(`client.imageTooLarge`)),e.target&&(e.target.value=``);return}z(URL.createObjectURL(t)),L(!0),e.target&&(e.target.value=``)}}async function q(e){if(!A){b.error(O(`client.loginRequiredForUpload`));return}try{V(!0);let t=await i(new File([e],`avatar.jpg`,{type:`image/jpeg`}),1);await r({user_id:String(A),avatar:t.objectKey}),j({...M,avatar:t.objectKey}),N([`user-profile`,`mine`]),N([`user-edit-info`,String(A)]),F(!1),L(!1),b.success(O(`client.mediaUpdateSuccess`))}catch(e){console.error(`上传头像失败`,e),b.error(O(`client.uploadFailed`))}finally{U(),V(!1)}}function J(){L(!1),U()}return y(_,{children:[C||D?v(t,{variant:`ghost`,size:`icon`,className:`!absolute bottom-3 left-0 h-22 w-22 rounded-full p-0 hover:bg-transparent`,onClick:H,"aria-label":`打开头像预览`,children:y(a,{className:`w-22 h-22`,children:[v(s,{src:T||S,alt:E||`avatar`}),v(o,{})]})}):y(a,{className:`!absolute bottom-3 left-0 w-22 h-22`,children:[v(s,{src:T||S,alt:E||`avatar`}),v(o,{})]}),v(u,{open:P,onOpenChange:W,children:v(d,{showCloseButton:!1,className:`bg-black !m-0 !p-0 !fixed !inset-0 !w-screen !h-screen !max-w-none !rounded-none !top-0 !left-0 !translate-x-0 !translate-y-0 !transform-none z-[9999] !pointer-events-auto`,children:y(c,{className:`relative flex h-full w-full flex-col items-center justify-center`,children:[v(t,{variant:`ghost`,size:`icon`,className:`absolute left-0 top-0 h-14 w-14 text-white hover:bg-transparent hover:text-white/80`,onClick:W,"aria-label":`关闭头像预览`,children:v(`svg`,{className:`w-4 h-4`,xmlns:`http://www.w3.org/2000/svg`,fill:`currentColor`,viewBox:`0 0 16 16`,children:v(`path`,{d:`M14.55.2a.889.889 0 0 1 1.25 1.25l-.06.067L9.255 8l6.483 6.482.06.069a.888.888 0 0 1-1.25 1.25l-.067-.062L8 9.256l-6.482 6.483A.888.888 0 1 1 .26 14.482L6.742 8 .26 1.517.2 1.45A.888.888 0 0 1 1.45.2l.067.062 6.482 6.482L14.482.261l.068-.062Z`})})}),y(a,{className:`w-50 h-50`,children:[v(s,{src:T||S,alt:E||`avatar`}),v(o,{})]}),y(t,{variant:`ghost`,className:e(`absolute bottom-8 left-0 right-0 mx-auto flex w-[366px] max-w-[90%] items-center justify-between rounded-3xl bg-white/10 px-3 py-3 transition-colors hover:bg-white/20`,`active:scale-95`),onClick:G,disabled:B,children:[v(f,{as:`span`,className:`text-base font-medium text-white`,children:B?`上传中...`:`更换头像`}),y(`svg`,{className:`w-6 h-6 text-white`,xmlns:`http://www.w3.org/2000/svg`,fill:`none`,viewBox:`0 0 24 24`,stroke:`currentColor`,strokeWidth:2,children:[v(`path`,{strokeLinecap:`round`,strokeLinejoin:`round`,d:`M3 9a2 2 0 012-2h.93a2 2 0 001.664-.89l.812-1.22A2 2 0 0110.07 4h3.86a2 2 0 011.664.89l.812 1.22A2 2 0 0018.07 7H19a2 2 0 012 2v9a2 2 0 01-2 2H5a2 2 0 01-2-2V9z`}),v(`path`,{strokeLinecap:`round`,strokeLinejoin:`round`,d:`M15 13a3 3 0 11-6 0 3 3 0 016 0z`})]})]})]})})}),v(l,{ref:k,type:`file`,accept:`.jpg,.jpeg,.png,image/jpeg,image/png`,className:`hidden`,onChange:K}),v(m,{open:I,onClose:J,imageSrc:R,onConfirm:q})]})}export{T as UserProfileAvatar};
+'use client';
+
+import { cn } from "../../../../../utils/cn.mjs";
+import { Button } from "../../../../ui/button.mjs";
+import { useUserStore } from "../../../../../store/modules/user-store.mjs";
+import { pUserEditUserInfo } from "../../../../../service/generated/client.mjs";
+import { uploadFile } from "../../../../../utils/upload-file.mjs";
+import { Avatar, AvatarFallback, AvatarImage } from "../../../../ui/avatar.mjs";
+import { Box } from "../../../../ui/box.mjs";
+import { Input } from "../../../../ui/input.mjs";
+import { Dialog, DialogContent } from "../../../../ui/dialog.mjs";
+import { Text } from "../../../../ui/text.mjs";
+import { useDeleteRequest } from "../../../../../hooks/query/use-query.mjs";
+import { ImageCropModal } from "../../../../common/image-crop-modal/image-crop-modal.mjs";
+import { useRef, useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { toast } from "sonner";
+import { useTranslations } from "next-intl";
+
+//#region components/biz/business/profile/profile-header/user-profile-avatar.tsx
+const defaultAvatar = "https://guadd-sg-ccs-sing-dev.s3.ap-southeast-1.amazonaws.com/default/default_avatar.png";
+const acceptedAvatarFileTypes = ".jpg,.jpeg,.png,image/jpeg,image/png";
+const allowedAvatarMimeTypes = ["image/jpeg", "image/png"];
+const maxAvatarFileSize = 5 * 1024 * 1024;
+/**
+* 校验头像文件格式是否受支持。
+*/
+function isSupportedAvatarFile(file) {
+	const fileName = file.name.toLowerCase();
+	const fileType = file.type.toLowerCase();
+	return allowedAvatarMimeTypes.includes(fileType) || /\.(?:jpg|jpeg|png)$/i.test(fileName);
+}
+/**
+* 用户资料页头像，支持本人预览与更换。
+*/
+function UserProfileAvatar({ isMine, src, alt, onUnauthorizedClick }) {
+	const t = useTranslations("components.pages.profile");
+	const fileInputRef = useRef(null);
+	const { userId, setUserInfo, userInfo } = useUserStore();
+	const invalidateRequest = useDeleteRequest();
+	const [previewOpen, setPreviewOpen] = useState(false);
+	const [cropModalOpen, setCropModalOpen] = useState(false);
+	const [selectedImage, setSelectedImage] = useState("");
+	const [isUploading, setIsUploading] = useState(false);
+	/**
+	* 处理头像点击。
+	*/
+	function handleAvatarClick() {
+		if (isUploading) return;
+		if (isMine) {
+			setPreviewOpen(true);
+			return;
+		}
+		onUnauthorizedClick?.();
+	}
+	/**
+	* 清理当前待裁剪图片。
+	*/
+	function clearSelectedImage() {
+		if (!selectedImage) return;
+		URL.revokeObjectURL(selectedImage);
+		setSelectedImage("");
+	}
+	/**
+	* 处理头像预览弹窗关闭。
+	*/
+	function handlePreviewClose() {
+		setPreviewOpen(false);
+	}
+	/**
+	* 触发头像文件选择。
+	*/
+	function handleSelectAvatar() {
+		if (isUploading) return;
+		fileInputRef.current?.click();
+	}
+	/**
+	* 处理头像文件变更。
+	*/
+	function handleAvatarFileChange(event) {
+		const file = event.target.files?.[0];
+		if (!file) return;
+		if (!isSupportedAvatarFile(file)) {
+			toast.error(t("client.imageTypeInvalid"));
+			if (event.target) event.target.value = "";
+			return;
+		}
+		if (file.size > maxAvatarFileSize) {
+			toast.error(t("client.imageTooLarge"));
+			if (event.target) event.target.value = "";
+			return;
+		}
+		setSelectedImage(URL.createObjectURL(file));
+		setCropModalOpen(true);
+		if (event.target) event.target.value = "";
+	}
+	/**
+	* 处理头像裁剪确认。
+	*/
+	async function handleCropConfirm(croppedBlob) {
+		if (!userId) {
+			toast.error(t("client.loginRequiredForUpload"));
+			return;
+		}
+		try {
+			setIsUploading(true);
+			const data = await uploadFile(new File([croppedBlob], "avatar.jpg", { type: "image/jpeg" }), 1);
+			await pUserEditUserInfo({
+				user_id: String(userId),
+				avatar: data.objectKey
+			});
+			setUserInfo({
+				...userInfo,
+				avatar: data.objectKey
+			});
+			invalidateRequest(["user-profile", "mine"]);
+			invalidateRequest(["user-edit-info", String(userId)]);
+			setPreviewOpen(false);
+			setCropModalOpen(false);
+			toast.success(t("client.mediaUpdateSuccess"));
+		} catch (error) {
+			console.error("上传头像失败", error);
+			toast.error(t("client.uploadFailed"));
+		} finally {
+			clearSelectedImage();
+			setIsUploading(false);
+		}
+	}
+	/**
+	* 处理头像裁剪取消。
+	*/
+	function handleCropCancel() {
+		setCropModalOpen(false);
+		clearSelectedImage();
+	}
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [
+		isMine || onUnauthorizedClick ? /* @__PURE__ */ jsx(Button, {
+			variant: "ghost",
+			size: "icon",
+			className: "!absolute bottom-3 left-0 h-22 w-22 rounded-full p-0 hover:bg-transparent",
+			onClick: handleAvatarClick,
+			"aria-label": "打开头像预览",
+			children: /* @__PURE__ */ jsxs(Avatar, {
+				className: "w-22 h-22",
+				children: [/* @__PURE__ */ jsx(AvatarImage, {
+					src: src || defaultAvatar,
+					alt: alt || "avatar"
+				}), /* @__PURE__ */ jsx(AvatarFallback, {})]
+			})
+		}) : /* @__PURE__ */ jsxs(Avatar, {
+			className: "!absolute bottom-3 left-0 w-22 h-22",
+			children: [/* @__PURE__ */ jsx(AvatarImage, {
+				src: src || defaultAvatar,
+				alt: alt || "avatar"
+			}), /* @__PURE__ */ jsx(AvatarFallback, {})]
+		}),
+		/* @__PURE__ */ jsx(Dialog, {
+			open: previewOpen,
+			onOpenChange: handlePreviewClose,
+			children: /* @__PURE__ */ jsx(DialogContent, {
+				showCloseButton: false,
+				className: "bg-black !m-0 !p-0 !fixed !inset-0 !w-screen !h-screen !max-w-none !rounded-none !top-0 !left-0 !translate-x-0 !translate-y-0 !transform-none z-[9999] !pointer-events-auto",
+				children: /* @__PURE__ */ jsxs(Box, {
+					className: "relative flex h-full w-full flex-col items-center justify-center",
+					children: [
+						/* @__PURE__ */ jsx(Button, {
+							variant: "ghost",
+							size: "icon",
+							className: "absolute left-0 top-0 h-14 w-14 text-white hover:bg-transparent hover:text-white/80",
+							onClick: handlePreviewClose,
+							"aria-label": "关闭头像预览",
+							children: /* @__PURE__ */ jsx("svg", {
+								className: "w-4 h-4",
+								xmlns: "http://www.w3.org/2000/svg",
+								fill: "currentColor",
+								viewBox: "0 0 16 16",
+								children: /* @__PURE__ */ jsx("path", { d: "M14.55.2a.889.889 0 0 1 1.25 1.25l-.06.067L9.255 8l6.483 6.482.06.069a.888.888 0 0 1-1.25 1.25l-.067-.062L8 9.256l-6.482 6.483A.888.888 0 1 1 .26 14.482L6.742 8 .26 1.517.2 1.45A.888.888 0 0 1 1.45.2l.067.062 6.482 6.482L14.482.261l.068-.062Z" })
+							})
+						}),
+						/* @__PURE__ */ jsxs(Avatar, {
+							className: "w-50 h-50",
+							children: [/* @__PURE__ */ jsx(AvatarImage, {
+								src: src || defaultAvatar,
+								alt: alt || "avatar"
+							}), /* @__PURE__ */ jsx(AvatarFallback, {})]
+						}),
+						/* @__PURE__ */ jsxs(Button, {
+							variant: "ghost",
+							className: cn("absolute bottom-8 left-0 right-0 mx-auto flex w-[366px] max-w-[90%] items-center justify-between rounded-3xl bg-white/10 px-3 py-3 transition-colors hover:bg-white/20", "active:scale-95"),
+							onClick: handleSelectAvatar,
+							disabled: isUploading,
+							children: [/* @__PURE__ */ jsx(Text, {
+								as: "span",
+								className: "text-base font-medium text-white",
+								children: isUploading ? "上传中..." : "更换头像"
+							}), /* @__PURE__ */ jsxs("svg", {
+								className: "w-6 h-6 text-white",
+								xmlns: "http://www.w3.org/2000/svg",
+								fill: "none",
+								viewBox: "0 0 24 24",
+								stroke: "currentColor",
+								strokeWidth: 2,
+								children: [/* @__PURE__ */ jsx("path", {
+									strokeLinecap: "round",
+									strokeLinejoin: "round",
+									d: "M3 9a2 2 0 012-2h.93a2 2 0 001.664-.89l.812-1.22A2 2 0 0110.07 4h3.86a2 2 0 011.664.89l.812 1.22A2 2 0 0018.07 7H19a2 2 0 012 2v9a2 2 0 01-2 2H5a2 2 0 01-2-2V9z"
+								}), /* @__PURE__ */ jsx("path", {
+									strokeLinecap: "round",
+									strokeLinejoin: "round",
+									d: "M15 13a3 3 0 11-6 0 3 3 0 016 0z"
+								})]
+							})]
+						})
+					]
+				})
+			})
+		}),
+		/* @__PURE__ */ jsx(Input, {
+			ref: fileInputRef,
+			type: "file",
+			accept: acceptedAvatarFileTypes,
+			className: "hidden",
+			onChange: handleAvatarFileChange
+		}),
+		/* @__PURE__ */ jsx(ImageCropModal, {
+			open: cropModalOpen,
+			onClose: handleCropCancel,
+			imageSrc: selectedImage,
+			onConfirm: handleCropConfirm
+		})
+	] });
+}
+
+//#endregion
+export { UserProfileAvatar };

package/dist/components/biz/business/profile/profile-header/user-profile-cover-background.mjs

@@ -1,2 +1,136 @@
 
-"use client";import{useUserStore as e}from"../../../../../store/modules/user-store.mjs";import{pUserUploadUserBgImage as t}from"../../../../../service/generated/client.mjs";import{uploadFile as n}from"../../../../../utils/upload-file.mjs";import{Image as r}from"../../../../ui/image.mjs";import{Box as i}from"../../../../ui/box.mjs";import{Input as a}from"../../../../ui/input.mjs";import{useDeleteRequest as o}from"../../../../../hooks/query/use-query.mjs";import{BackgroundPreviewModal as s}from"../../../../common/background-preview-modal/background-preview-modal.mjs";import{showImageCrop as c}from"../../../../common/image-crop/show-image-crop.mjs";import{useEffect as l,useRef as u,useState as d}from"react";import{Fragment as f,jsx as p,jsxs as m}from"react/jsx-runtime";import{toast as h}from"sonner";import{useTranslations as g}from"next-intl";const _=[`image/jpeg`,`image/png`];function v(e){let t=e.name.toLowerCase(),n=e.type.toLowerCase();return _.includes(n)||/\.(?:jpg|jpeg|png)$/i.test(t)}function y({isMine:_,enableCustomBackground:y=!0,src:b,onUnauthorizedClick:x}){let S=g(`components.pages.profile`),C=`/images/mine/img_mine_head_bg.png`,w=u(null),{userId:T,setUserInfo:E,userInfo:D}=e(),O=o(),[k,A]=d(!1),[j,M]=d(!1),N=y&&(!!_||typeof x==`function`);l(()=>{y||M(!1)},[y]);let P=()=>{if(y){if(_){k||M(!0);return}x?.()}},F=()=>{M(!1)};function I(){k||w.current?.click()}async function L(e){let r=e.target.files?.[0];if(e.target&&(e.target.value=``),r)try{if(!v(r)){h.error(S(`client.imageTypeInvalid`));return}if(r.size>5242880){h.error(S(`client.imageTooLarge`));return}A(!0);let e=await n(await c(r,{aspectRatio:430/256,cropShape:`rect`,quality:.92,maxWidth:1920,maxHeight:1920}),1);await t({user_id:String(T),bg_image:e.objectKey}),E({...D,bg_image:e.objectKey}),O([`user-profile`,`mine`]),M(!1),h.success(S(`client.mediaUpdateSuccess`))}catch(e){console.error(`上传背景图失败`,e),e instanceof Error&&e.message!==`用户取消`&&h.error(S(`client.uploadFailed`))}finally{A(!1)}}return m(f,{children:[p(i,{className:y?`h-33.75`:`h-24`,children:y?p(i,{className:`relative h-full w-full`,onClick:N?P:void 0,children:p(r,{alt:`cover background`,fill:!0,objectFit:`cover`,className:`pointer-events-none`,src:b||C})}):p(i,{className:`h-full w-full bg-bg1`})}),y&&m(f,{children:[p(s,{open:j,onClose:F,bgUrl:b||C,onUpload:I}),p(a,{ref:w,type:`file`,accept:`.jpg,.jpeg,.png,image/jpeg,image/png`,className:`hidden`,onChange:L})]})]})}export{y as UserProfileCoverBackground};
+'use client';
+
+import { useUserStore } from "../../../../../store/modules/user-store.mjs";
+import { pUserUploadUserBgImage } from "../../../../../service/generated/client.mjs";
+import { uploadFile } from "../../../../../utils/upload-file.mjs";
+import { Image } from "../../../../ui/image.mjs";
+import { Box } from "../../../../ui/box.mjs";
+import { Input } from "../../../../ui/input.mjs";
+import { useDeleteRequest } from "../../../../../hooks/query/use-query.mjs";
+import { BackgroundPreviewModal } from "../../../../common/background-preview-modal/background-preview-modal.mjs";
+import { showImageCrop } from "../../../../common/image-crop/show-image-crop.mjs";
+import { useEffect, useRef, useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { toast } from "sonner";
+import { useTranslations } from "next-intl";
+
+//#region components/biz/business/profile/profile-header/user-profile-cover-background.tsx
+const acceptedBackgroundFileTypes = ".jpg,.jpeg,.png,image/jpeg,image/png";
+const allowedBackgroundMimeTypes = ["image/jpeg", "image/png"];
+const maxBackgroundFileSize = 5 * 1024 * 1024;
+/**
+* 校验背景图文件格式是否受支持。
+*/
+function isSupportedBackgroundFile(file) {
+	const fileName = file.name.toLowerCase();
+	const fileType = file.type.toLowerCase();
+	return allowedBackgroundMimeTypes.includes(fileType) || /\.(?:jpg|jpeg|png)$/i.test(fileName);
+}
+function UserProfileCoverBackground({ isMine, enableCustomBackground = true, src, onUnauthorizedClick }) {
+	const t = useTranslations("components.pages.profile");
+	const defaultSrc = "/images/mine/img_mine_head_bg.png";
+	const fileInputRef = useRef(null);
+	const { userId, setUserInfo, userInfo } = useUserStore();
+	const invalidateRequest = useDeleteRequest();
+	const [isUploading, setIsUploading] = useState(false);
+	const [previewOpen, setPreviewOpen] = useState(false);
+	const canHandleBackgroundClick = enableCustomBackground && (Boolean(isMine) || typeof onUnauthorizedClick === "function");
+	useEffect(() => {
+		if (!enableCustomBackground) setPreviewOpen(false);
+	}, [enableCustomBackground]);
+	/**
+	* 处理背景图点击。
+	*/
+	const handleBackgroundClick = () => {
+		if (!enableCustomBackground) return;
+		if (isMine) {
+			if (!isUploading) setPreviewOpen(true);
+			return;
+		}
+		onUnauthorizedClick?.();
+	};
+	/**
+	* 处理预览弹窗关闭。
+	*/
+	const handlePreviewClose = () => {
+		setPreviewOpen(false);
+	};
+	/**
+	* 处理更换背景图。
+	*/
+	function handleUploadBackground() {
+		if (isUploading) return;
+		fileInputRef.current?.click();
+	}
+	/**
+	* 处理背景图文件变更。
+	*/
+	async function handleBackgroundFileChange(event) {
+		const file = event.target.files?.[0];
+		if (event.target) event.target.value = "";
+		if (!file) return;
+		try {
+			if (!isSupportedBackgroundFile(file)) {
+				toast.error(t("client.imageTypeInvalid"));
+				return;
+			}
+			if (file.size > maxBackgroundFileSize) {
+				toast.error(t("client.imageTooLarge"));
+				return;
+			}
+			setIsUploading(true);
+			const data = await uploadFile(await showImageCrop(file, {
+				aspectRatio: 430 / 256,
+				cropShape: "rect",
+				quality: .92,
+				maxWidth: 1920,
+				maxHeight: 1920
+			}), 1);
+			await pUserUploadUserBgImage({
+				user_id: String(userId),
+				bg_image: data.objectKey
+			});
+			setUserInfo({
+				...userInfo,
+				bg_image: data.objectKey
+			});
+			invalidateRequest(["user-profile", "mine"]);
+			setPreviewOpen(false);
+			toast.success(t("client.mediaUpdateSuccess"));
+		} catch (error) {
+			console.error("上传背景图失败", error);
+			if (error instanceof Error && error.message !== "用户取消") toast.error(t("client.uploadFailed"));
+		} finally {
+			setIsUploading(false);
+		}
+	}
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Box, {
+		className: enableCustomBackground ? "h-33.75" : "h-24",
+		children: enableCustomBackground ? /* @__PURE__ */ jsx(Box, {
+			className: "relative h-full w-full",
+			onClick: canHandleBackgroundClick ? handleBackgroundClick : void 0,
+			children: /* @__PURE__ */ jsx(Image, {
+				alt: "cover background",
+				fill: true,
+				objectFit: "cover",
+				className: "pointer-events-none",
+				src: src || defaultSrc
+			})
+		}) : /* @__PURE__ */ jsx(Box, { className: "h-full w-full bg-bg1" })
+	}), enableCustomBackground && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(BackgroundPreviewModal, {
+		open: previewOpen,
+		onClose: handlePreviewClose,
+		bgUrl: src || defaultSrc,
+		onUpload: handleUploadBackground
+	}), /* @__PURE__ */ jsx(Input, {
+		ref: fileInputRef,
+		type: "file",
+		accept: acceptedBackgroundFileTypes,
+		className: "hidden",
+		onChange: handleBackgroundFileChange
+	})] })] });
+}
+
+//#endregion
+export { UserProfileCoverBackground };

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

@@ -1,2 +1,235 @@
 
-"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{VideoList as r}from"../../../../common/list/video-list/video-list.mjs";import{profileMainMineTabOptions as i,profileMainProfileTabOptions as a}from"./variants.mjs";import{UserProfileMainShell as o}from"./shell.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=>({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}));function g({isMine:e,tab:t}){let n=e?i:a;return t&&n.includes(t)?t:n[0]}function _(e,t){return e&&(t===`collect`||t===`like`)}function v({id:i,showCreateAction:a=!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=i==null||!!T&&i===T,D=!E&&!!i,O=E?T:i?String(i):void 0,k=E?[`user-profile`,`mine`]:[`user-profile`,`profile`,i],A=u(()=>g({isMine:E,tab:w??x}),[E,x,w]),j=S&&_(D,A)&&!!i,{data:M}=n([`user-profile`,`privacy`,i,T],async()=>await t({target_user_id:String(i),user_id:T||String(i)}),{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(r,{list:h,loading:!1,hasMore:!1,showVideoProgress:!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:a&&E,queryKeyPrefix:k});break}return d(o,{profileId:i,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 { VideoList } from "../../../../common/list/video-list/video-list.mjs";
+import { profileMainMineTabOptions, profileMainProfileTabOptions } from "./variants.mjs";
+import { UserProfileMainShell } from "./shell.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) => ({
+	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
+}));
+/**
+* 解析主 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(VideoList, {
+		list: mockCollectVideoList,
+		loading: false,
+		hasMore: false,
+		showVideoProgress: 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/material.mjs

@@ -1,2 +1,19 @@
 
-import{UserProfileMainClient as e}from"./client.mjs";import{profileMainInspectorPropsSchema as t}from"./schema.mjs";import{UserProfileMain as n}from"./server.mjs";import{defineMaterial as r}from"create-funhub/sdk";const i=r({type:`profile-main`,category:`内容组件`,name:`用户行为模块`,icon:`/static/components-thumb/user_profile_action.png`,serverComponent:n,clientComponent:e,propsSchema:t});export{i as profileMainMaterial};
+import { UserProfileMainClient } from "./client.mjs";
+import { profileMainInspectorPropsSchema } from "./schema.mjs";
+import { UserProfileMain } from "./server.mjs";
+import { defineMaterial } from "create-funhub/sdk";
+
+//#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 };