@funhub/platform 0.1.62 → 0.1.63

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

@@ -1,61 +1,2 @@
 
-import { defineMaterial } from "../../../../../utils/schema/material.mjs";
-import { UserProfileHeaderClient } from "./client.mjs";
-import { profileHeaderInspectorPropsSchema } from "./schema.mjs";
-import { UserProfileHeader } from "./server.mjs";
-import { jsx } from "react/jsx-runtime";
-
-//#region components/biz/business/profile/profile-header/material.tsx
-/**
-* 编辑态统一展示未登录态预览，避免受到真实登录信息影响。
-*/
-function resolveEditorGuestOverrides(mode) {
-	if (mode !== "editor") return {};
-	return {
-		id: void 0,
-		requireLogin: true,
-		cookieToken: "",
-		cookieUserId: "",
-		token: "",
-		currentUserId: ""
-	};
-}
-const profileHeaderMaterial = defineMaterial({
-	type: "profile-header",
-	category: "内容组件",
-	name: "用户信息模块（有背景图）",
-	icon: "/static/components-thumb/user_profile_with_background.png",
-	serverComponent: ({ mode = "renderer", ...props }) => /* @__PURE__ */ jsx(UserProfileHeader, {
-		...props,
-		...resolveEditorGuestOverrides(mode),
-		mode
-	}),
-	clientComponent: ({ mode = "renderer", ...props }) => /* @__PURE__ */ jsx(UserProfileHeaderClient, {
-		...props,
-		...resolveEditorGuestOverrides(mode),
-		mode
-	}),
-	propsSchema: profileHeaderInspectorPropsSchema
-});
-const profileHeaderMaterialWithDisabledBackground = defineMaterial({
-	type: "profile-header-with-disabled-background",
-	category: "内容组件",
-	name: "用户信息模块（无背景图）",
-	icon: "/static/components-thumb/user_profile_plain.png",
-	serverComponent: ({ mode = "renderer", ...props }) => /* @__PURE__ */ jsx(UserProfileHeader, {
-		...props,
-		...resolveEditorGuestOverrides(mode),
-		mode,
-		enableCustomBackground: false
-	}),
-	clientComponent: ({ mode = "renderer", ...props }) => /* @__PURE__ */ jsx(UserProfileHeaderClient, {
-		...props,
-		...resolveEditorGuestOverrides(mode),
-		mode,
-		enableCustomBackground: false
-	}),
-	propsSchema: profileHeaderInspectorPropsSchema
-});
-
-//#endregion
-export { profileHeaderMaterial, profileHeaderMaterialWithDisabledBackground };
+import{defineMaterial as e}from"../../../../../utils/schema/material.mjs";import{UserProfileHeaderClient as t}from"./client.mjs";import{profileHeaderInspectorPropsSchema as n}from"./schema.mjs";import{UserProfileHeader as r}from"./server.mjs";import{jsx as i}from"react/jsx-runtime";function a(e){return e===`editor`?{id:void 0,requireLogin:!0,cookieToken:``,cookieUserId:``,token:``,currentUserId:``}:{}}const o=e({type:`profile-header`,category:`内容组件`,name:`用户信息模块（有背景图）`,icon:`/static/components-thumb/user_profile_with_background.png`,serverComponent:({mode:e=`renderer`,...t})=>i(r,{...t,...a(e),mode:e}),clientComponent:({mode:e=`renderer`,...n})=>i(t,{...n,...a(e),mode:e}),propsSchema:n}),s=e({type:`profile-header-with-disabled-background`,category:`内容组件`,name:`用户信息模块（无背景图）`,icon:`/static/components-thumb/user_profile_plain.png`,serverComponent:({mode:e=`renderer`,...t})=>i(r,{...t,...a(e),mode:e,enableCustomBackground:!1}),clientComponent:({mode:e=`renderer`,...n})=>i(t,{...n,...a(e),mode:e,enableCustomBackground:!1}),propsSchema:n});export{o as profileHeaderMaterial,s as profileHeaderMaterialWithDisabledBackground};

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

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

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

@@ -1,112 +1,2 @@
 
-import { gUserGetUserInfo, gUserViewUserInfo } from "../../../../../service/generated/client.mjs";
-import { HydrationBoundary } from "../../../../../hooks/query/hydration-boundary.mjs";
-import { UserProfileHeaderClient } from "./client.mjs";
-import { jsx } from "react/jsx-runtime";
-import { cookies } from "next/headers";
-
-//#region components/biz/business/profile/profile-header/server.tsx
-/**
-* 构建用户资料头部接口请求头配置。
-*/
-function buildUserProfileHeaderAuthConfig(token, currentUserId) {
-	const authHeaders = {};
-	if (token) authHeaders.Authorization = `Bearer ${token}`;
-	if (currentUserId) authHeaders["X-User-Id"] = currentUserId;
-	if (Object.keys(authHeaders).length === 0) return;
-	return { headers: authHeaders };
-}
-/**
-* 解析用户资料头部服务端鉴权上下文。
-*/
-async function resolveUserProfileHeaderAuthContext({ cookieToken, cookieUserId, token, currentUserId, authConfig }) {
-	let requestCookieToken = "";
-	let requestCookieUserId = "";
-	try {
-		const cookieStore = await cookies();
-		requestCookieToken = cookieStore.get("token")?.value || "";
-		requestCookieUserId = cookieStore.get("userId")?.value || "";
-	} catch {}
-	const resolvedCookieToken = cookieToken || requestCookieToken;
-	const resolvedCookieUserId = cookieUserId || requestCookieUserId;
-	const resolvedToken = token || resolvedCookieToken;
-	const resolvedCurrentUserId = currentUserId || resolvedCookieUserId;
-	return {
-		cookieToken: resolvedCookieToken,
-		cookieUserId: resolvedCookieUserId,
-		token: resolvedToken,
-		currentUserId: resolvedCurrentUserId,
-		authConfig: authConfig || buildUserProfileHeaderAuthConfig(resolvedToken, resolvedCurrentUserId)
-	};
-}
-/**
-* 构建用户资料头部预取任务。
-*/
-function buildUserProfileHeaderPrefetch({ id, currentUserId, token, authConfig }) {
-	const queryKeyPrefix = id === void 0 || id === null || !!currentUserId && id === currentUserId ? ["user-profile", "mine"] : [
-		"user-profile",
-		"profile",
-		id
-	];
-	if (!(Boolean(id) || Boolean(currentUserId) && Boolean(token))) return [];
-	return [{
-		queryKey: queryKeyPrefix,
-		async queryFn() {
-			if (id !== void 0 && id !== null) return gUserViewUserInfo({
-				target_user_id: id,
-				user_id: currentUserId || id
-			}, authConfig);
-			return gUserGetUserInfo({ user_id: currentUserId }, authConfig);
-		}
-	}];
-}
-/**
-* 用户资料头部服务端组件（用于物料注册），内部包含预取逻辑。
-*/
-function UserProfileHeader({ mode = "renderer", ...props }) {
-	return /* @__PURE__ */ jsx(UserProfileHeaderWithPrefetch, {
-		...props,
-		mode
-	});
-}
-/**
-* 用户资料头部服务端包装组件。
-*/
-async function UserProfileHeaderWithPrefetch({ mode = "renderer", cookieToken, cookieUserId, token = "", currentUserId = "", authConfig, ...props }) {
-	if (mode === "editor") return /* @__PURE__ */ jsx(UserProfileHeaderClient, {
-		...props,
-		mode,
-		isEditorPreview: true
-	});
-	const resolvedAuthContext = await resolveUserProfileHeaderAuthContext({
-		cookieToken,
-		cookieUserId,
-		token,
-		currentUserId,
-		authConfig
-	});
-	const prefetch = buildUserProfileHeaderPrefetch({
-		id: props.id,
-		currentUserId: resolvedAuthContext.currentUserId,
-		token: resolvedAuthContext.token,
-		authConfig: resolvedAuthContext.authConfig
-	});
-	if (prefetch.length === 0) return /* @__PURE__ */ jsx(UserProfileHeaderClient, {
-		...props,
-		mode,
-		cookieToken: resolvedAuthContext.cookieToken,
-		cookieUserId: resolvedAuthContext.cookieUserId
-	});
-	return /* @__PURE__ */ jsx(HydrationBoundary, {
-		prefetch,
-		children: /* @__PURE__ */ jsx(UserProfileHeaderClient, {
-			...props,
-			mode,
-			cookieToken: resolvedAuthContext.cookieToken,
-			cookieUserId: resolvedAuthContext.cookieUserId
-		})
-	});
-}
-
-//#endregion
-export { UserProfileHeader, buildUserProfileHeaderPrefetch };
+import{gUserGetUserInfo as e,gUserViewUserInfo as t}from"../../../../../service/generated/client.mjs";import{HydrationBoundary as n}from"../../../../../hooks/query/hydration-boundary.mjs";import{UserProfileHeaderClient as r}from"./client.mjs";import{jsx as i}from"react/jsx-runtime";import{cookies as a}from"next/headers";function o(e,t){let n={};if(e&&(n.Authorization=`Bearer ${e}`),t&&(n[`X-User-Id`]=t),Object.keys(n).length!==0)return{headers:n}}async function s({cookieToken:e,cookieUserId:t,token:n,currentUserId:r,authConfig:i}){let s=``,c=``;try{let e=await a();s=e.get(`token`)?.value||``,c=e.get(`userId`)?.value||``}catch{}let l=e||s,u=t||c,d=n||l,f=r||u;return{cookieToken:l,cookieUserId:u,token:d,currentUserId:f,authConfig:i||o(d,f)}}function c({id:n,currentUserId:r,token:i,authConfig:a}){return n||r&&i?[{queryKey:n==null||r&&n===r?[`user-profile`,`mine`]:[`user-profile`,`profile`,n],async queryFn(){return n==null?e({user_id:r},a):t({target_user_id:n,user_id:r||n},a)}}]:[]}function l({mode:e=`renderer`,...t}){return i(u,{...t,mode:e})}async function u({mode:e=`renderer`,cookieToken:t,cookieUserId:a,token:o=``,currentUserId:l=``,authConfig:u,...d}){if(e===`editor`)return i(r,{...d,mode:e,isEditorPreview:!0});let f=await s({cookieToken:t,cookieUserId:a,token:o,currentUserId:l,authConfig:u}),p=c({id:d.id,currentUserId:f.currentUserId,token:f.token,authConfig:f.authConfig});return p.length===0?i(r,{...d,mode:e,cookieToken:f.cookieToken,cookieUserId:f.cookieUserId}):i(n,{prefetch:p,children:i(r,{...d,mode:e,cookieToken:f.cookieToken,cookieUserId:f.cookieUserId})})}export{l as UserProfileHeader,c as buildUserProfileHeaderPrefetch};

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};