@funhub/platform 0.1.130 → 0.1.131

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

@@ -1,12 +1,2 @@
 
-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 };
+import{defineComponentPropsSchema as e,getSchemaDefaultProps as t}from"create-funhub/sdk";const n=e({}),r=t(n);export{r as profileHeaderInspectorDefaultProps,n as profileHeaderInspectorPropsSchema};

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

@@ -1,236 +1,2 @@
 
-'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 };
+"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};

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

@@ -1,136 +1,2 @@
 
-'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 };
+"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};

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

@@ -1,235 +1,2 @@
 
-'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 };
+"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};

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

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