@funhub/platform 0.2.31 → 0.2.33

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

@@ -1,263 +1,2 @@
 
-'use client';
-
-import { cn } from "../../../../../utils/cn.mjs";
-import { useUserStore } from "../../../../../store/modules/user-store.mjs";
-import { gUserGetUserEditInfo, pUserEditUserInfo } from "../../../../../service/generated/client.mjs";
-import { uploadFile } from "../../../../../utils/upload-file.mjs";
-import { Button } from "../../../../ui/button.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 { trackProfilePageClick } from "../tracking.mjs";
-import { ImageCropModal } from "../../../../common/image-crop-modal/image-crop-modal.mjs";
-import { toast } from "sonner";
-import { useRef, useState } from "react";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-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(e) {
-		trackProfilePageClick(e, "avatar");
-		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();
-	}
-	/**
-	* 构造头像更新请求，补齐其余可编辑字段，避免接口覆盖为空。
-	*/
-	async function buildAvatarUpdatePayload(nextAvatar) {
-		const editInfo = (await gUserGetUserEditInfo({ user_id: String(userId) })).data;
-		return {
-			user_id: String(userId),
-			nick_name: editInfo?.nick_name ?? userInfo?.nick_name ?? void 0,
-			avatar: nextAvatar || void 0,
-			signature: editInfo?.signature ?? userInfo?.signature ?? void 0,
-			gender: editInfo?.gender ?? userInfo?.gender ?? void 0
-		};
-	}
-	/**
-	* 处理头像文件变更。
-	*/
-	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);
-			const payload = await buildAvatarUpdatePayload(data.objectKey);
-			await pUserEditUserInfo(payload);
-			setUserInfo({
-				...userInfo,
-				nick_name: payload.nick_name,
-				avatar: data.objectKey,
-				signature: payload.signature,
-				gender: payload.gender
-			});
-			invalidateRequest(["user-profile", "mine"]);
-			invalidateRequest([
-				"user-profile",
-				"profile",
-				String(userId)
-			]);
-			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: "h-[72px] w-[72px] rounded-full p-0 hover:bg-transparent",
-			onClick: handleAvatarClick,
-			"aria-label": "打开头像预览",
-			children: /* @__PURE__ */ jsx(Box, {
-				className: "flex h-[72px] w-[72px] items-center justify-center rounded-full bg-[var(--color-surface-white20)]",
-				children: /* @__PURE__ */ jsxs(Avatar, {
-					className: "h-[60px] w-[60px] border-[3px] border-[var(--color-surface-white20)]",
-					children: [/* @__PURE__ */ jsx(AvatarImage, {
-						src: src || defaultAvatar,
-						alt: alt || "avatar"
-					}), /* @__PURE__ */ jsx(AvatarFallback, {})]
-				})
-			})
-		}) : /* @__PURE__ */ jsx(Box, {
-			className: "flex h-[72px] w-[72px] items-center justify-center rounded-full bg-[var(--color-surface-white20)]",
-			children: /* @__PURE__ */ jsxs(Avatar, {
-				className: "h-[60px] w-[60px] border-[3px] border-[var(--color-surface-white20)]",
-				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-transparent !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: "fixed top-0 left-0 right-0 bottom-0 z-50 bg-black 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-text1 hover:bg-transparent hover:text-[var(--color-text-secondary)]",
-							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-[12px] bg-[var(--color-surface-white10)] p-[12px] transition-colors hover:bg-[var(--color-surface-white20)]", "active:scale-95 h-auto"),
-							onClick: handleSelectAvatar,
-							disabled: isUploading,
-							children: [/* @__PURE__ */ jsx(Text, {
-								as: "span",
-								className: "text-base font-medium text-text1",
-								children: isUploading ? "上传中..." : "更换头像"
-							}), /* @__PURE__ */ jsxs("svg", {
-								className: "w-6 h-6 text-text1",
-								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{useUserStore as t}from"../../../../../store/modules/user-store.mjs";import{gUserGetUserEditInfo as n,pUserEditUserInfo as r}from"../../../../../service/generated/client.mjs";import{uploadFile as i}from"../../../../../utils/upload-file.mjs";import{Button as a}from"../../../../ui/button.mjs";import{Avatar as o,AvatarFallback as s,AvatarImage as c}from"../../../../ui/avatar.mjs";import{Box as l}from"../../../../ui/box.mjs";import{Input as u}from"../../../../ui/input.mjs";import{Dialog as d,DialogContent as f}from"../../../../ui/dialog.mjs";import{Text as p}from"../../../../ui/text.mjs";import{useDeleteRequest as m}from"../../../../../hooks/query/use-query.mjs";import{trackProfilePageClick as h}from"../tracking.mjs";import{ImageCropModal as g}from"../../../../common/image-crop-modal/image-crop-modal.mjs";import{toast as _}from"sonner";import{useRef as v,useState as y}from"react";import{Fragment as b,jsx as x,jsxs as S}from"react/jsx-runtime";import{useTranslations as C}from"next-intl";const w=`https://guadd-sg-ccs-sing-dev.s3.ap-southeast-1.amazonaws.com/default/default_avatar.png`,T=[`image/jpeg`,`image/png`];function E(e){let t=e.name.toLowerCase(),n=e.type.toLowerCase();return T.includes(n)||/\.(?:jpg|jpeg|png)$/i.test(t)}function D({isMine:T,src:D,alt:O,onUnauthorizedClick:k}){let A=C(`components.pages.profile`),j=v(null),{userId:M,setUserInfo:N,userInfo:P}=t(),F=m(),[I,L]=y(!1),[R,z]=y(!1),[B,V]=y(``),[H,U]=y(!1);function W(e){if(h(e,`avatar`),!H){if(T){L(!0);return}k?.()}}function G(){B&&(URL.revokeObjectURL(B),V(``))}function K(){L(!1)}function q(){H||j.current?.click()}async function J(e){let t=(await n({user_id:String(M)})).data;return{user_id:String(M),nick_name:t?.nick_name??P?.nick_name??void 0,avatar:e||void 0,signature:t?.signature??P?.signature??void 0,gender:t?.gender??P?.gender??void 0}}function Y(e){let t=e.target.files?.[0];if(t){if(!E(t)){_.error(A(`client.imageTypeInvalid`)),e.target&&(e.target.value=``);return}if(t.size>5242880){_.error(A(`client.imageTooLarge`)),e.target&&(e.target.value=``);return}V(URL.createObjectURL(t)),z(!0),e.target&&(e.target.value=``)}}async function X(e){if(!M){_.error(A(`client.loginRequiredForUpload`));return}try{U(!0);let t=await i(new File([e],`avatar.jpg`,{type:`image/jpeg`}),1),n=await J(t.objectKey);await r(n),N({...P,nick_name:n.nick_name,avatar:t.objectKey,signature:n.signature,gender:n.gender}),F([`user-profile`,`mine`]),F([`user-profile`,`profile`,String(M)]),F([`user-edit-info`,String(M)]),L(!1),z(!1),_.success(A(`client.mediaUpdateSuccess`))}catch(e){console.error(`上传头像失败`,e),_.error(A(`client.uploadFailed`))}finally{G(),U(!1)}}function Z(){z(!1),G()}return S(b,{children:[T||k?x(a,{variant:`ghost`,size:`icon`,className:`h-[72px] w-[72px] rounded-full p-0 hover:bg-transparent`,onClick:W,"aria-label":`打开头像预览`,children:x(l,{className:`flex h-[72px] w-[72px] items-center justify-center rounded-full bg-[var(--color-surface-white20)]`,children:S(o,{className:`h-[60px] w-[60px] border-[3px] border-[var(--color-surface-white20)]`,children:[x(c,{src:D||w,alt:O||`avatar`}),x(s,{})]})})}):x(l,{className:`flex h-[72px] w-[72px] items-center justify-center rounded-full bg-[var(--color-surface-white20)]`,children:S(o,{className:`h-[60px] w-[60px] border-[3px] border-[var(--color-surface-white20)]`,children:[x(c,{src:D||w,alt:O||`avatar`}),x(s,{})]})}),x(d,{open:I,onOpenChange:K,children:x(f,{showCloseButton:!1,className:`bg-transparent !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:S(l,{className:`fixed top-0 left-0 right-0 bottom-0 z-50 bg-black flex h-full w-full flex-col items-center justify-center`,children:[x(a,{variant:`ghost`,size:`icon`,className:`absolute left-0 top-0 h-14 w-14 text-text1 hover:bg-transparent hover:text-[var(--color-text-secondary)]`,onClick:K,"aria-label":`关闭头像预览`,children:x(`svg`,{className:`w-4 h-4`,xmlns:`http://www.w3.org/2000/svg`,fill:`currentColor`,viewBox:`0 0 16 16`,children:x(`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`})})}),S(o,{className:`w-50 h-50`,children:[x(c,{src:D||w,alt:O||`avatar`}),x(s,{})]}),S(a,{variant:`ghost`,className:e(`absolute bottom-8 left-0 right-0 mx-auto flex w-[366px] max-w-[90%] items-center justify-between rounded-[12px] bg-[var(--color-surface-white10)] p-[12px] transition-colors hover:bg-[var(--color-surface-white20)]`,`active:scale-95 h-auto`),onClick:q,disabled:H,children:[x(p,{as:`span`,className:`text-base font-medium text-text1`,children:H?`上传中...`:`更换头像`}),S(`svg`,{className:`w-6 h-6 text-text1`,xmlns:`http://www.w3.org/2000/svg`,fill:`none`,viewBox:`0 0 24 24`,stroke:`currentColor`,strokeWidth:2,children:[x(`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`}),x(`path`,{strokeLinecap:`round`,strokeLinejoin:`round`,d:`M15 13a3 3 0 11-6 0 3 3 0 016 0z`})]})]})]})})}),x(u,{ref:j,type:`file`,accept:`.jpg,.jpeg,.png,image/jpeg,image/png`,className:`hidden`,onChange:Y}),x(g,{open:R,onClose:Z,imageSrc:B,onConfirm:X})]})}export{D as UserProfileAvatar};

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

@@ -1,183 +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 { ImageCropModal } from "../../../../common/image-crop-modal/image-crop-modal.mjs";
-import { BackgroundPreviewModal } from "../../../../common/background-preview-modal/background-preview-modal.mjs";
-import { defaultBackground } from "./client.mjs";
-import { toast } from "sonner";
-import { useCallback, useEffect, useRef, useState } from "react";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-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 = defaultBackground;
-	const fileInputRef = useRef(null);
-	const { userId, setUserInfo, userInfo } = useUserStore();
-	const invalidateRequest = useDeleteRequest();
-	const [isUploading, setIsUploading] = useState(false);
-	const [previewOpen, setPreviewOpen] = useState(false);
-	const [cropModalOpen, setCropModalOpen] = useState(false);
-	const [selectedImage, setSelectedImage] = useState("");
-	const canHandleBackgroundClick = enableCustomBackground && (Boolean(isMine) || typeof onUnauthorizedClick === "function");
-	/**
-	* 清理当前待裁剪图片。
-	*/
-	const clearSelectedImage = useCallback(() => {
-		if (!selectedImage) return;
-		URL.revokeObjectURL(selectedImage);
-		setSelectedImage("");
-	}, [selectedImage]);
-	/**
-	* 处理背景图点击。
-	*/
-	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;
-			}
-			clearSelectedImage();
-			setSelectedImage(URL.createObjectURL(file));
-			setPreviewOpen(false);
-			setCropModalOpen(true);
-		} catch (error) {
-			console.error("上传背景图失败", error);
-			toast.error(t("client.uploadFailed"));
-		}
-	}
-	/**
-	* 处理背景图裁剪关闭。
-	*/
-	const handleCropClose = useCallback(() => {
-		setCropModalOpen(false);
-		clearSelectedImage();
-	}, [clearSelectedImage]);
-	useEffect(() => {
-		if (!enableCustomBackground) {
-			setPreviewOpen(false);
-			setCropModalOpen(false);
-			clearSelectedImage();
-		}
-	}, [clearSelectedImage, enableCustomBackground]);
-	/**
-	* 处理背景图裁剪确认。
-	*/
-	async function handleCropConfirm(croppedBlob) {
-		if (!userId) {
-			toast.error(t("client.loginRequiredForUpload"));
-			return;
-		}
-		try {
-			setIsUploading(true);
-			const data = await uploadFile(new File([croppedBlob], "background.jpg", { type: "image/jpeg" }), 1);
-			await pUserUploadUserBgImage({
-				user_id: String(userId),
-				bg_image: data.objectKey
-			});
-			setUserInfo({
-				...userInfo,
-				bg_image: data.objectKey
-			});
-			invalidateRequest(["user-profile", "mine"]);
-			setPreviewOpen(false);
-			setCropModalOpen(false);
-			toast.success(t("client.mediaUpdateSuccess"));
-		} catch (error) {
-			console.error("上传背景图失败", error);
-			toast.error(t("client.uploadFailed"));
-		} finally {
-			clearSelectedImage();
-			setIsUploading(false);
-		}
-	}
-	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Box, {
-		className: "h-[284px]",
-		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
-		}),
-		/* @__PURE__ */ jsx(ImageCropModal, {
-			open: cropModalOpen,
-			onClose: handleCropClose,
-			imageSrc: selectedImage,
-			onConfirm: handleCropConfirm,
-			cropShape: "rect",
-			aspectRatio: 430 / 256
-		})
-	] })] });
-}
-
-//#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{ImageCropModal as s}from"../../../../common/image-crop-modal/image-crop-modal.mjs";import{BackgroundPreviewModal as c}from"../../../../common/background-preview-modal/background-preview-modal.mjs";import{defaultBackground as l}from"./client.mjs";import{toast as u}from"sonner";import{useCallback as d,useEffect as f,useRef as p,useState as m}from"react";import{Fragment as h,jsx as g,jsxs as _}from"react/jsx-runtime";import{useTranslations as v}from"next-intl";const y=[`image/jpeg`,`image/png`];function b(e){let t=e.name.toLowerCase(),n=e.type.toLowerCase();return y.includes(n)||/\.(?:jpg|jpeg|png)$/i.test(t)}function x({isMine:y,enableCustomBackground:x=!0,src:S,onUnauthorizedClick:C}){let w=v(`components.pages.profile`),T=l,E=p(null),{userId:D,setUserInfo:O,userInfo:k}=e(),A=o(),[j,M]=m(!1),[N,P]=m(!1),[F,I]=m(!1),[L,R]=m(``),z=x&&(!!y||typeof C==`function`),B=d(()=>{L&&(URL.revokeObjectURL(L),R(``))},[L]),V=()=>{if(x){if(y){j||P(!0);return}C?.()}},H=()=>{P(!1)};function U(){j||E.current?.click()}async function W(e){let t=e.target.files?.[0];if(e.target&&(e.target.value=``),t)try{if(!b(t)){u.error(w(`client.imageTypeInvalid`));return}if(t.size>5242880){u.error(w(`client.imageTooLarge`));return}B(),R(URL.createObjectURL(t)),P(!1),I(!0)}catch(e){console.error(`上传背景图失败`,e),u.error(w(`client.uploadFailed`))}}let G=d(()=>{I(!1),B()},[B]);f(()=>{x||(P(!1),I(!1),B())},[B,x]);async function K(e){if(!D){u.error(w(`client.loginRequiredForUpload`));return}try{M(!0);let r=await n(new File([e],`background.jpg`,{type:`image/jpeg`}),1);await t({user_id:String(D),bg_image:r.objectKey}),O({...k,bg_image:r.objectKey}),A([`user-profile`,`mine`]),P(!1),I(!1),u.success(w(`client.mediaUpdateSuccess`))}catch(e){console.error(`上传背景图失败`,e),u.error(w(`client.uploadFailed`))}finally{B(),M(!1)}}return _(h,{children:[g(i,{className:`h-[284px]`,children:x?g(i,{className:`relative h-full w-full`,onClick:z?V:void 0,children:g(r,{alt:`cover background`,fill:!0,objectFit:`cover`,className:`pointer-events-none`,src:S||T})}):g(i,{className:`h-full w-full bg-bg1`})}),x&&_(h,{children:[g(c,{open:N,onClose:H,bgUrl:S||T,onUpload:U}),g(a,{ref:E,type:`file`,accept:`.jpg,.jpeg,.png,image/jpeg,image/png`,className:`hidden`,onChange:W}),g(s,{open:F,onClose:G,imageSrc:L,onConfirm:K,cropShape:`rect`,aspectRatio:430/256})]})]})}export{x as UserProfileCoverBackground};