@funhub/platform 0.2.29 → 0.2.31

package/dist/components/common/collection-popup/create-collection-sheet.mjs

@@ -1,2 +1,272 @@
 
-"use client";import{cn as e}from"../../../utils/cn.mjs";import{useUserStore as t}from"../../../store/modules/user-store.mjs";import{gCommunityGetCollectionInfo as n,pCommunityCreateCollection as r,pCommunityUpdateCollection as i}from"../../../service/generated/client.mjs";import{Box as a}from"../../ui/box.mjs";import{InputGroup as o,InputGroupAddon as s,InputGroupTextarea as c}from"../../ui/input-group.mjs";import{useDeleteRequest as l,useRequest as u}from"../../../hooks/query/use-query.mjs";import d from"../../ui/popup.mjs";import{toast as f}from"sonner";import{useCallback as p,useEffect as m,useMemo as h,useRef as g,useState as _}from"react";import{XIcon as v}from"lucide-react";import{jsx as y,jsxs as b}from"react/jsx-runtime";import{useTranslations as x}from"next-intl";function S(e){return{title:(e?.title??``).slice(0,50),description:(e?.description??``).slice(0,100)}}function C({visible:C,mode:w=`create`,showDescription:T=!0,collectionId:E,initialValues:D,onClose:O,onCreated:k,onUpdated:A,onSuccess:j}){let M=x(`components.pages.collectionCreate`),N=x(`components.common.collectionPopup`),{userId:P}=t(),F=l(),I=w===`edit`,L=D?.title!==void 0||D?.description!==void 0,R=C&&I&&!!E&&!L,z=typeof document>`u`?void 0:document.body,B=g(!1),[V,H]=_(!1),[U,W]=_(()=>S()),G=u([`collection-detail`,E,`sheet`],()=>n({collection_id:E}),{enabled:R}),K=G.data?.data?.data?.collection;m(()=>{C||(B.current=!1,H(!1))},[C]),m(()=>{if(!(!C||B.current)){if(!I){W(S()),B.current=!0;return}if(L){W(S(D)),B.current=!0;return}K&&(W(S({title:K.title,description:K.description})),B.current=!0)}},[K,L,D,I,C]);let q=p((e,t)=>{W(n=>({...n,[e]:t}))},[]),J=h(()=>R&&!B.current&&G.isLoading,[G.isLoading,R]),Y=M(I?`form.editTitle`:`form.createTitle`),X=I?M(`form.save`):N(`createModalAction`),Z=M(I?`form.saving`:`form.creating`);function Q(e){e||O?.()}function $(e){P&&(F([`user-profile`,`mine`]),F([`user-profile`,`mine`,P]),F([`user-profile`,`mine`,P,`user-collection-created`,P])),e&&F([`collection-detail`,e])}async function ee(){if(V)return;let e=U.title.trim(),t=U.description.trim();if(!e){f.error(M(`form.titleRequired`));return}if(I&&!E){f.error(M(`form.collectionNotFound`));return}let n=f.loading(Z);try{H(!0);let a=I?await i({collection_id:E,title:e,description:t,cover_image:``}):await r({title:e,description:t,cover_image:``});if(a.code!==0){f.error(a.message||M(I?`form.saveFailed`:`form.createFailed`),{id:n});return}$(E),f.success(I?N(`updateSuccess`):M(`form.createSuccess`),{id:n}),j?.(),I?A?.():k?.(),O?.()}catch(e){console.error(I?`编辑收藏夹失败`:`创建收藏夹失败`,e),f.error(M(I?`form.saveFailed`:`form.createFailed`),{id:n})}finally{H(!1)}}return y(d,{open:C,onOpenChange:Q,showCloseButton:!1,className:`!z-[1210] max-h-[85vh] rounded-t-[24px] bg-[var(--color-surface-panel-dark)] p-0 text-[var(--color-text-primary)] backdrop-blur-[50px]`,overlayClassName:`!z-[1200] overlay-create-collection`,overlayForceRender:!0,portalContainer:z,children:b(`div`,{className:`flex flex-col pb-[34px]`,children:[b(`div`,{className:`flex h-14 items-center justify-between px-4`,children:[y(`span`,{className:`text-lg font-medium text-[var(--color-text-primary)]`,children:Y}),y(`button`,{type:`button`,className:`flex h-6 w-6 items-center justify-center rounded text-[var(--color-text-primary)] opacity-60 hover:opacity-100`,onClick:()=>O?.(),"aria-label":`关闭`,children:y(v,{size:24})})]}),b(`div`,{className:`flex flex-col gap-4 px-4`,children:[b(a,{className:`flex flex-col gap-2`,children:[b(`label`,{className:`text-sm text-[var(--color-text-dimmed)]`,children:[y(`span`,{className:`text-[var(--color-border-required)]`,children:`* `}),M(`form.label`)]}),b(o,{className:e(`min-h-[160px] rounded-2xl border border-transparent bg-[var(--color-surface-field-bg)] px-4 py-3`,`focus-within:!border-[var(--color-border-danger)] focus-within:!ring-0`,J?`opacity-60`:``),children:[y(c,{maxLength:50,className:`min-h-[120px] resize-none bg-transparent text-sm text-[var(--color-text-primary)] placeholder:text-[var(--color-text-quaternary)] focus-visible:ring-0 focus-visible:ring-offset-0`,placeholder:M(`form.titlePlaceholder`),value:U.title,onChange:e=>q(`title`,e.target.value),disabled:V||J}),b(s,{align:`block-end`,className:`flex items-center justify-end gap-2 bg-transparent px-0`,children:[b(`span`,{className:`text-sm text-[var(--color-text-disabled)]`,children:[U.title.length,`/`,50]}),y(`button`,{type:`button`,className:`text-sm text-[var(--color-text-disabled)] hover:text-[var(--color-text-primary)] disabled:opacity-50`,onClick:()=>q(`title`,``),disabled:V||J,children:M(`form.clear`)})]})]})]}),T&&b(a,{className:`flex flex-col gap-2`,children:[y(`label`,{className:`text-sm text-[var(--color-text-dimmed)]`,children:M(`form.descriptionLabel`)}),b(o,{className:e(`min-h-[160px] rounded-2xl border border-transparent bg-[var(--color-surface-field-bg)] px-4 py-3 focus-within:ring-0`,`focus-within:!border-[var(--color-border-danger)]`,J?`opacity-60`:``),children:[y(c,{maxLength:100,className:`min-h-[120px] resize-none bg-transparent text-sm text-[var(--color-text-primary)] placeholder:text-[var(--color-text-quaternary)] focus-visible:ring-0 focus-visible:ring-offset-0`,placeholder:M(`form.descriptionPlaceholder`),value:U.description,onChange:e=>q(`description`,e.target.value),disabled:V||J}),b(s,{align:`block-end`,className:`flex items-center justify-end gap-2 bg-transparent px-0`,children:[b(`span`,{className:`text-sm text-[var(--color-text-disabled)]`,children:[U.description.length,`/`,100]}),y(`button`,{type:`button`,className:`text-sm text-[var(--color-text-disabled)] hover:text-[var(--color-text-primary)] disabled:opacity-50`,onClick:()=>q(`description`,``),disabled:V||J,children:M(`form.clear`)})]})]})]}),y(`button`,{type:`button`,className:`h-12 w-full max-w-[358px] self-center rounded-[var(--radius-pill)] text-base font-medium text-[var(--color-text-primary)] transition-opacity hover:opacity-90 disabled:pointer-events-none disabled:opacity-50`,style:{background:`var(--gradient-action-button)`},onClick:ee,disabled:V||J,children:V?Z:X})]})]})})}export{C as CreateCollectionSheet};
+'use client';
+
+import { cn } from "../../../utils/cn.mjs";
+import { useUserStore } from "../../../store/modules/user-store.mjs";
+import { gCommunityGetCollectionInfo, pCommunityCreateCollection, pCommunityUpdateCollection } from "../../../service/generated/client.mjs";
+import { Box } from "../../ui/box.mjs";
+import { InputGroup, InputGroupAddon, InputGroupTextarea } from "../../ui/input-group.mjs";
+import { useDeleteRequest, useRequest } from "../../../hooks/query/use-query.mjs";
+import Popup from "../../ui/popup.mjs";
+import { toast } from "sonner";
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { XIcon } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useTranslations } from "next-intl";
+
+//#region components/common/collection-popup/create-collection-sheet.tsx
+/**
+* 创建/编辑收藏夹底部抽屉弹窗。
+*/
+/** 标题最大字符数。 */
+const TITLE_MAX_LENGTH = 50;
+/** 详情最大字符数。 */
+const DESCRIPTION_MAX_LENGTH = 100;
+/**
+* 规范化表单默认值。
+*/
+function resolveFormDefaults(initialValues) {
+	return {
+		title: (initialValues?.title ?? "").slice(0, TITLE_MAX_LENGTH),
+		description: (initialValues?.description ?? "").slice(0, DESCRIPTION_MAX_LENGTH)
+	};
+}
+/**
+* 创建/编辑收藏夹底部抽屉弹窗。
+*/
+function CreateCollectionSheet({ visible, mode = "create", showDescription = true, collectionId, initialValues, onClose, onCreated, onUpdated, onSuccess }) {
+	const t = useTranslations("components.pages.collectionCreate");
+	const tPopup = useTranslations("components.common.collectionPopup");
+	const { userId } = useUserStore();
+	const invalidateRequest = useDeleteRequest();
+	const isEdit = mode === "edit";
+	const hasProvidedInitialValues = initialValues?.title !== void 0 || initialValues?.description !== void 0;
+	const shouldFetchEditDetail = visible && isEdit && Boolean(collectionId) && !hasProvidedInitialValues;
+	const portalContainer = typeof document === "undefined" ? void 0 : document.body;
+	const initFormRef = useRef(false);
+	const [isSubmitting, setIsSubmitting] = useState(false);
+	const [form, setForm] = useState(() => resolveFormDefaults());
+	const detailQuery = useRequest([
+		"collection-detail",
+		collectionId,
+		"sheet"
+	], () => gCommunityGetCollectionInfo({ collection_id: collectionId }), { enabled: shouldFetchEditDetail });
+	const fetchedCollectionData = detailQuery.data?.data?.data?.collection;
+	useEffect(() => {
+		if (!visible) {
+			initFormRef.current = false;
+			setIsSubmitting(false);
+		}
+	}, [visible]);
+	useEffect(() => {
+		if (!visible || initFormRef.current) return;
+		if (!isEdit) {
+			setForm(resolveFormDefaults());
+			initFormRef.current = true;
+			return;
+		}
+		if (hasProvidedInitialValues) {
+			setForm(resolveFormDefaults(initialValues));
+			initFormRef.current = true;
+			return;
+		}
+		if (!fetchedCollectionData) return;
+		setForm(resolveFormDefaults({
+			title: fetchedCollectionData.title,
+			description: fetchedCollectionData.description
+		}));
+		initFormRef.current = true;
+	}, [
+		fetchedCollectionData,
+		hasProvidedInitialValues,
+		initialValues,
+		isEdit,
+		visible
+	]);
+	const handleUpdateFormField = useCallback((key, value) => {
+		setForm((prev) => ({
+			...prev,
+			[key]: value
+		}));
+	}, []);
+	const isLoadingInitialValues = useMemo(() => {
+		return shouldFetchEditDetail && !initFormRef.current && detailQuery.isLoading;
+	}, [detailQuery.isLoading, shouldFetchEditDetail]);
+	const resolvedTitle = isEdit ? t("form.editTitle") : t("form.createTitle");
+	const resolvedSubmitText = isEdit ? t("form.save") : tPopup("createModalAction");
+	const resolvedSubmittingText = isEdit ? t("form.saving") : t("form.creating");
+	function handleOpenChange(nextOpen) {
+		if (!nextOpen) onClose?.();
+	}
+	function invalidateCollectionRelatedRequests(targetCollectionId) {
+		if (userId) {
+			invalidateRequest(["user-profile", "mine"]);
+			invalidateRequest([
+				"user-profile",
+				"mine",
+				userId
+			]);
+			invalidateRequest([
+				"user-profile",
+				"mine",
+				userId,
+				"user-collection-created",
+				userId
+			]);
+		}
+		if (targetCollectionId) invalidateRequest(["collection-detail", targetCollectionId]);
+	}
+	async function handleSubmit() {
+		if (isSubmitting) return;
+		const title = form.title.trim();
+		const description = form.description.trim();
+		if (!title) {
+			toast.error(t("form.titleRequired"));
+			return;
+		}
+		if (isEdit && !collectionId) {
+			toast.error(t("form.collectionNotFound"));
+			return;
+		}
+		const loadingToastId = toast.loading(resolvedSubmittingText);
+		try {
+			setIsSubmitting(true);
+			const response = isEdit ? await pCommunityUpdateCollection({
+				collection_id: collectionId,
+				title,
+				description,
+				cover_image: ""
+			}) : await pCommunityCreateCollection({
+				title,
+				description,
+				cover_image: ""
+			});
+			if (response.code !== 0) {
+				toast.error(response.message || (isEdit ? t("form.saveFailed") : t("form.createFailed")), { id: loadingToastId });
+				return;
+			}
+			invalidateCollectionRelatedRequests(collectionId);
+			toast.success(isEdit ? tPopup("updateSuccess") : t("form.createSuccess"), { id: loadingToastId });
+			onSuccess?.();
+			if (isEdit) onUpdated?.();
+			else onCreated?.();
+			onClose?.();
+		} catch (error) {
+			console.error(isEdit ? "编辑收藏夹失败" : "创建收藏夹失败", error);
+			toast.error(isEdit ? t("form.saveFailed") : t("form.createFailed"), { id: loadingToastId });
+		} finally {
+			setIsSubmitting(false);
+		}
+	}
+	return /* @__PURE__ */ jsx(Popup, {
+		open: visible,
+		onOpenChange: handleOpenChange,
+		showCloseButton: false,
+		className: "!z-[1210] max-h-[85vh] rounded-t-[24px] bg-[var(--color-surface-panel-dark)] p-0 text-[var(--color-text-primary)] backdrop-blur-[50px]",
+		overlayClassName: "!z-[1200] overlay-create-collection",
+		overlayForceRender: true,
+		portalContainer,
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "flex flex-col pb-[34px]",
+			children: [/* @__PURE__ */ jsxs("div", {
+				className: "flex h-14 items-center justify-between px-4",
+				children: [/* @__PURE__ */ jsx("span", {
+					className: "text-lg font-medium text-[var(--color-text-primary)]",
+					children: resolvedTitle
+				}), /* @__PURE__ */ jsx("button", {
+					type: "button",
+					className: "flex h-6 w-6 items-center justify-center rounded text-[var(--color-text-primary)] opacity-60 hover:opacity-100",
+					onClick: () => onClose?.(),
+					"aria-label": "关闭",
+					children: /* @__PURE__ */ jsx(XIcon, { size: 24 })
+				})]
+			}), /* @__PURE__ */ jsxs("div", {
+				className: "flex flex-col gap-4 px-4",
+				children: [
+					/* @__PURE__ */ jsxs(Box, {
+						className: "flex flex-col gap-2",
+						children: [/* @__PURE__ */ jsxs("label", {
+							className: "text-sm text-[var(--color-text-dimmed)]",
+							children: [/* @__PURE__ */ jsx("span", {
+								className: "text-[var(--color-border-required)]",
+								children: "* "
+							}), t("form.label")]
+						}), /* @__PURE__ */ jsxs(InputGroup, {
+							className: cn("min-h-[160px] rounded-2xl border border-transparent bg-[var(--color-surface-field-bg)] px-4 py-3", "focus-within:!border-[var(--color-border-danger)] focus-within:!ring-0", isLoadingInitialValues ? "opacity-60" : ""),
+							children: [/* @__PURE__ */ jsx(InputGroupTextarea, {
+								maxLength: TITLE_MAX_LENGTH,
+								className: "min-h-[120px] resize-none bg-transparent text-sm text-[var(--color-text-primary)] placeholder:text-[var(--color-text-quaternary)] focus-visible:ring-0 focus-visible:ring-offset-0",
+								placeholder: t("form.titlePlaceholder"),
+								value: form.title,
+								onChange: (e) => handleUpdateFormField("title", e.target.value),
+								disabled: isSubmitting || isLoadingInitialValues
+							}), /* @__PURE__ */ jsxs(InputGroupAddon, {
+								align: "block-end",
+								className: "flex items-center justify-end gap-2 bg-transparent px-0",
+								children: [/* @__PURE__ */ jsxs("span", {
+									className: "text-sm text-[var(--color-text-disabled)]",
+									children: [
+										form.title.length,
+										"/",
+										TITLE_MAX_LENGTH
+									]
+								}), /* @__PURE__ */ jsx("button", {
+									type: "button",
+									className: "text-sm text-[var(--color-text-disabled)] hover:text-[var(--color-text-primary)] disabled:opacity-50",
+									onClick: () => handleUpdateFormField("title", ""),
+									disabled: isSubmitting || isLoadingInitialValues,
+									children: t("form.clear")
+								})]
+							})]
+						})]
+					}),
+					showDescription && /* @__PURE__ */ jsxs(Box, {
+						className: "flex flex-col gap-2",
+						children: [/* @__PURE__ */ jsx("label", {
+							className: "text-sm text-[var(--color-text-dimmed)]",
+							children: t("form.descriptionLabel")
+						}), /* @__PURE__ */ jsxs(InputGroup, {
+							className: cn("min-h-[160px] rounded-2xl border border-transparent bg-[var(--color-surface-field-bg)] px-4 py-3 focus-within:ring-0", "focus-within:!border-[var(--color-border-danger)]", isLoadingInitialValues ? "opacity-60" : ""),
+							children: [/* @__PURE__ */ jsx(InputGroupTextarea, {
+								maxLength: DESCRIPTION_MAX_LENGTH,
+								className: "min-h-[120px] resize-none bg-transparent text-sm text-[var(--color-text-primary)] placeholder:text-[var(--color-text-quaternary)] focus-visible:ring-0 focus-visible:ring-offset-0",
+								placeholder: t("form.descriptionPlaceholder"),
+								value: form.description,
+								onChange: (e) => handleUpdateFormField("description", e.target.value),
+								disabled: isSubmitting || isLoadingInitialValues
+							}), /* @__PURE__ */ jsxs(InputGroupAddon, {
+								align: "block-end",
+								className: "flex items-center justify-end gap-2 bg-transparent px-0",
+								children: [/* @__PURE__ */ jsxs("span", {
+									className: "text-sm text-[var(--color-text-disabled)]",
+									children: [
+										form.description.length,
+										"/",
+										DESCRIPTION_MAX_LENGTH
+									]
+								}), /* @__PURE__ */ jsx("button", {
+									type: "button",
+									className: "text-sm text-[var(--color-text-disabled)] hover:text-[var(--color-text-primary)] disabled:opacity-50",
+									onClick: () => handleUpdateFormField("description", ""),
+									disabled: isSubmitting || isLoadingInitialValues,
+									children: t("form.clear")
+								})]
+							})]
+						})]
+					}),
+					/* @__PURE__ */ jsx("button", {
+						type: "button",
+						className: "h-12 w-full max-w-[358px] self-center rounded-[var(--radius-pill)] text-base font-medium text-[var(--color-text-primary)] transition-opacity hover:opacity-90 disabled:pointer-events-none disabled:opacity-50",
+						style: { background: "var(--gradient-action-button)" },
+						onClick: handleSubmit,
+						disabled: isSubmitting || isLoadingInitialValues,
+						children: isSubmitting ? resolvedSubmittingText : resolvedSubmitText
+					})
+				]
+			})]
+		})
+	});
+}
+
+//#endregion
+export { CreateCollectionSheet };

package/dist/components/common/collection-popup/index.mjs

@@ -1,2 +1,294 @@
 
-"use client";import{createStore as e}from"../../../store/create-store.mjs";import{useUserStore as t}from"../../../store/modules/user-store.mjs";import{gCommunityGetUserCollections as n}from"../../../service/generated/client.mjs";import{Image as r}from"../../ui/image.mjs";import{InfiniteScroll as i}from"../../ui/infinite-scroll.mjs";import a from"../../../assets/icons/close.mjs";import o from"../../../assets/icons/common/right_arrow.mjs";import s from"../../../assets/icons/detail/min-collection.mjs";import c from"../../../assets/icons/empty/img-empty-nodata.mjs";import l from"../../ui/popup.mjs";import{CreateCollectionSheet as u}from"./create-collection-sheet.mjs";import d from"../page-loading/index.mjs";import{toast as f}from"sonner";import{useCallback as p,useEffect as m,useMemo as h,useState as g}from"react";import{Fragment as _,jsx as v,jsxs as y}from"react/jsx-runtime";import{useTranslations as b}from"next-intl";const x=e(e=>({isOpen:!1,options:null,open:t=>e(e=>({...e,isOpen:!0,options:t})),close:()=>e(e=>({...e,isOpen:!1,options:null}))}),{name:`collection-popup-store`,persist:!1});function S(e){return{id:String(e?.collection_id||``),cover:e?.cover_image||``,title:e?.title||``,contentCount:Number(e?.content_count||0)}}function C(e){let x=b(`components.common.collectionPopup`),{visible:C,mode:w=`favorite`,onClose:T,toCreateCollection:E,onCollect:D}=e,{userInfo:O,userId:k}=t(),[A,j]=g(!0),[M,N]=g([]),[P,F]=g(!0),[I,L]=g(1),[R,z]=g(!1),B=h(()=>String(k||O?.userId||`0`),[k,O?.userId]),V=p(async e=>{if(!B||!e?.reset&&(!P||A&&M.length>0))return;let t=e?.nextPage??I;j(!0);try{let e=await n({page:t,page_size:10});if(e.code!==0){F(!1);return}let r=(e.data?.data?.collections??[]).map(S);N(e=>t===1?r:[...e,...r]),e.data?.data?.has_more===!1||r.length<10?F(!1):(F(!0),L(t+1))}catch(e){console.error(`获取合集列表失败:`,e),F(!1)}finally{j(!1)}},[M.length,P,A,I,10,B]);m(()=>{C&&V()},[V,C]);let[H,U]=g(!0);m(()=>{U(!A&&M.length===0)},[M.length,A]);function W(e){e||T?.()}function G(){if(w===`select`){z(!0);return}E?.()}function K(e){D?.(e),w===`favorite`&&f.message(x(`collectSuccess`))}function q(e){return function(){K(e)}}function J(){return V()}let Y=p(()=>{F(!0),L(1),N([]),V({nextPage:1,reset:!0})},[V]);return y(l,{open:C,onOpenChange:W,showCloseButton:!1,className:`z-[1000] h-[450px] rounded-t-[16px] bg-bg1 p-0 text-text1`,children:[y(`div`,{className:`bg-bg1 h-[450px] pb-[24px] flex flex-col`,children:[y(`div`,{className:`w-full px-[16px] relative`,children:[y(`div`,{className:`w-full h-[60px] flex items-center justify-center`,children:[v(`button`,{type:`button`,className:`cursor-pointer absolute w-[48px] h-[60px] left-0 top-0 flex items-center justify-center focus:outline-none`,onClick:T,children:v(a,{className:`w-[16px] h-[16px] text-text1`})}),v(`div`,{className:`text-[18px] text-text1 font-semibold`,children:x(w===`select`?`selectTitle`:`favoriteToCollectionTitle`)}),w===`select`&&v(`button`,{type:`button`,className:`absolute right-0 top-0 h-[60px] px-[16px] text-[14px] text-theme5 font-semibold`,onClick:G,children:x(`newCollection`)})]}),w===`favorite`&&y(`button`,{type:`button`,className:`cursor-pointer w-full h-[48px] rounded-[16px] px-[12px] border border-solid border-line1 flex items-center justify-between`,onClick:G,children:[y(`div`,{className:`flex items-center`,children:[v(s,{className:`w-[24px] h-[24px]`}),v(`span`,{className:`ml-[8px] text-text1 text-[14px] font-semibold leading-[18px]`,children:x(`createCollection`)})]}),v(o,{className:`text-text2 w-[12px] h-[12px]`})]})]}),v(`div`,{className:`w-full px-[16px] flex-1 h-[0] overflow-y-auto`,children:A?v(d,{}):H?y(`div`,{className:`flex flex-col items-center justify-center py-[48px] text-text2`,children:[v(c,{className:`w-[120px] h-[120px]`}),y(`span`,{className:`mt-[16px] text-[14px]`,children:[x(`noCollections`),`，`,x(`createCollectionHint`)]})]}):y(_,{children:[M.map((e,t)=>y(`button`,{type:`button`,className:`cursor-pointer w-full h-[92px] flex items-center text-left`,onClick:q(e.id),children:[v(`div`,{className:`w-[60px] h-[60px] bg-bg2 rounded-[8px] overflow-hidden relative`,children:e.cover&&v(r,{src:e.cover,fill:!0,objectFit:`cover`,alt:x(`coverAlt`)})}),y(`div`,{className:`ml-[12px] flex flex-col justify-center`,children:[v(`span`,{className:`max-w-[200px] text-text1 text-[18px] leading-[24px] font-semibold line-clamp-1`,children:e.title||``}),y(`span`,{className:`mt-[3px] text-text2 text-[14px]`,children:[e.contentCount||0,x(`postsCountSuffix`)]})]})]},e.id||`collection-${t}`)),M.length>0&&v(i,{loadMore:J,hasMore:P})]})})]}),v(u,{visible:R,showDescription:!1,onClose:()=>z(!1),onCreated:()=>{z(!1),Y()}})]})}function w(){let{isOpen:e,options:t,close:n}=x();return e?v(C,{visible:e,mode:t?.mode,onClose:()=>{n(),t?.onClose?.()},toCreateCollection:()=>{n(),t?.toCreateCollection?.()},onCollect:e=>{n(),t?.onCollect?.(e)}}):null}var T=class{static show(e){x.getState().open(e)}static clear(){x.getState().close()}};export{C as CollectionPopupComponent,w as CollectionPopupHost,T as default};
+'use client';
+
+import { createStore } from "../../../store/create-store.mjs";
+import { useUserStore } from "../../../store/modules/user-store.mjs";
+import { gCommunityGetUserCollections } from "../../../service/generated/client.mjs";
+import { Image } from "../../ui/image.mjs";
+import { InfiniteScroll } from "../../ui/infinite-scroll.mjs";
+import SvgClose from "../../../assets/icons/close.mjs";
+import SvgRightArrow from "../../../assets/icons/common/right_arrow.mjs";
+import SvgMinCollection from "../../../assets/icons/detail/min-collection.mjs";
+import SvgImgEmptyNodata from "../../../assets/icons/empty/img-empty-nodata.mjs";
+import Popup from "../../ui/popup.mjs";
+import { CreateCollectionSheet } from "./create-collection-sheet.mjs";
+import PageLoading from "../page-loading/index.mjs";
+import { toast } from "sonner";
+import { useCallback, useEffect, useMemo, useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { useTranslations } from "next-intl";
+
+//#region components/common/collection-popup/index.tsx
+const useCollectionPopupStore = createStore((set) => ({
+	isOpen: false,
+	options: null,
+	open: (options) => set((s) => ({
+		...s,
+		isOpen: true,
+		options
+	})),
+	close: () => set((s) => ({
+		...s,
+		isOpen: false,
+		options: null
+	}))
+}), {
+	name: "collection-popup-store",
+	persist: false
+});
+/**
+* 适配接口合集数据结构。
+* @param item 接口返回的合集对象
+* @returns 适配后的合集项
+*/
+function mapCollectionItem(item) {
+	return {
+		id: String(item?.collection_id || ""),
+		cover: item?.cover_image || "",
+		title: item?.title || "",
+		contentCount: Number(item?.content_count || 0)
+	};
+}
+/**
+* 收藏到合集弹窗主体。
+* @param props 组件参数
+*/
+function CollectionPopupComponent(props) {
+	const t = useTranslations("components.common.collectionPopup");
+	const { visible, mode = "favorite", onClose, toCreateCollection, onCollect } = props;
+	const { userInfo, userId } = useUserStore();
+	const [isLoading, setIsLoading] = useState(true);
+	const [collectList, setCollectList] = useState([]);
+	const [hasMore, setHasMore] = useState(true);
+	const [page, setPage] = useState(1);
+	const [isCreateSheetOpen, setIsCreateSheetOpen] = useState(false);
+	const pageSize = 10;
+	const resolvedUserId = useMemo(() => {
+		return String(userId || userInfo?.userId || "0");
+	}, [userId, userInfo?.userId]);
+	/**
+	* 加载更多合集数据。
+	*/
+	const loadMoreData = useCallback(async (options) => {
+		if (!resolvedUserId) return;
+		if (!options?.reset && (!hasMore || isLoading && collectList.length > 0)) return;
+		const targetPage = options?.nextPage ?? page;
+		setIsLoading(true);
+		try {
+			const result = await gCommunityGetUserCollections({
+				page: targetPage,
+				page_size: pageSize
+			});
+			if (result.code !== 0) {
+				setHasMore(false);
+				return;
+			}
+			const nextList = (result.data?.data?.collections ?? []).map(mapCollectionItem);
+			setCollectList((prev) => targetPage === 1 ? nextList : [...prev, ...nextList]);
+			if (result.data?.data?.has_more === false || nextList.length < pageSize) setHasMore(false);
+			else {
+				setHasMore(true);
+				setPage(targetPage + 1);
+			}
+		} catch (error) {
+			console.error("获取合集列表失败:", error);
+			setHasMore(false);
+		} finally {
+			setIsLoading(false);
+		}
+	}, [
+		collectList.length,
+		hasMore,
+		isLoading,
+		page,
+		pageSize,
+		resolvedUserId
+	]);
+	useEffect(() => {
+		if (visible) loadMoreData();
+	}, [loadMoreData, visible]);
+	const [isEmpty, setIsEmpty] = useState(true);
+	useEffect(() => {
+		setIsEmpty(!isLoading && collectList.length === 0);
+	}, [collectList.length, isLoading]);
+	/**
+	* 点击遮罩关闭。
+	* @param nextOpen 是否打开
+	*/
+	function handleOpenChange(nextOpen) {
+		if (!nextOpen) onClose?.();
+	}
+	/**
+	* 点击创建合集。
+	*/
+	function handleCreateCollection() {
+		if (mode === "select") {
+			setIsCreateSheetOpen(true);
+			return;
+		}
+		toCreateCollection?.();
+	}
+	/**
+	* 点击收藏到指定合集。
+	* @param id 合集ID
+	*/
+	function handleCollectClick(id) {
+		onCollect?.(id);
+		if (mode === "favorite") toast.message(t("collectSuccess"));
+	}
+	/**
+	* 创建收藏点击回调。
+	* @param id 合集ID
+	* @returns 点击回调
+	*/
+	function createCollectClickHandler(id) {
+		return function handleClick() {
+			handleCollectClick(id);
+		};
+	}
+	/**
+	* 触发滚动加载。
+	*/
+	function handleLoadMore() {
+		return loadMoreData();
+	}
+	/**
+	* 刷新收藏夹列表。
+	*/
+	const refreshCollectionList = useCallback(() => {
+		setHasMore(true);
+		setPage(1);
+		setCollectList([]);
+		loadMoreData({
+			nextPage: 1,
+			reset: true
+		});
+	}, [loadMoreData]);
+	return /* @__PURE__ */ jsxs(Popup, {
+		open: visible,
+		onOpenChange: handleOpenChange,
+		showCloseButton: false,
+		className: "z-[1000] h-[450px] rounded-t-[16px] bg-bg1 p-0 text-text1",
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "bg-bg1 h-[450px] pb-[24px] flex flex-col",
+			children: [/* @__PURE__ */ jsxs("div", {
+				className: "w-full px-[16px] relative",
+				children: [/* @__PURE__ */ jsxs("div", {
+					className: "w-full h-[60px] flex items-center justify-center",
+					children: [
+						/* @__PURE__ */ jsx("button", {
+							type: "button",
+							className: "cursor-pointer absolute w-[48px] h-[60px] left-0 top-0 flex items-center justify-center focus:outline-none",
+							onClick: onClose,
+							children: /* @__PURE__ */ jsx(SvgClose, { className: "w-[16px] h-[16px] text-text1" })
+						}),
+						/* @__PURE__ */ jsx("div", {
+							className: "text-[18px] text-text1 font-semibold",
+							children: mode === "select" ? t("selectTitle") : t("favoriteToCollectionTitle")
+						}),
+						mode === "select" && /* @__PURE__ */ jsx("button", {
+							type: "button",
+							className: "absolute right-0 top-0 h-[60px] px-[16px] text-[14px] text-theme5 font-semibold",
+							onClick: handleCreateCollection,
+							children: t("newCollection")
+						})
+					]
+				}), mode === "favorite" && /* @__PURE__ */ jsxs("button", {
+					type: "button",
+					className: "cursor-pointer w-full h-[48px] rounded-[16px] px-[12px] border border-solid border-line1 flex items-center justify-between",
+					onClick: handleCreateCollection,
+					children: [/* @__PURE__ */ jsxs("div", {
+						className: "flex items-center",
+						children: [/* @__PURE__ */ jsx(SvgMinCollection, { className: "w-[24px] h-[24px]" }), /* @__PURE__ */ jsx("span", {
+							className: "ml-[8px] text-text1 text-[14px] font-semibold leading-[18px]",
+							children: t("createCollection")
+						})]
+					}), /* @__PURE__ */ jsx(SvgRightArrow, { className: "text-text2 w-[12px] h-[12px]" })]
+				})]
+			}), /* @__PURE__ */ jsx("div", {
+				className: "w-full px-[16px] flex-1 h-[0] overflow-y-auto",
+				children: isLoading ? /* @__PURE__ */ jsx(PageLoading, {}) : isEmpty ? /* @__PURE__ */ jsxs("div", {
+					className: "flex flex-col items-center justify-center py-[48px] text-text2",
+					children: [/* @__PURE__ */ jsx(SvgImgEmptyNodata, { className: "w-[120px] h-[120px]" }), /* @__PURE__ */ jsxs("span", {
+						className: "mt-[16px] text-[14px]",
+						children: [
+							t("noCollections"),
+							"，",
+							t("createCollectionHint")
+						]
+					})]
+				}) : /* @__PURE__ */ jsxs(Fragment$1, { children: [collectList.map((item, index) => /* @__PURE__ */ jsxs("button", {
+					type: "button",
+					className: "cursor-pointer w-full h-[92px] flex items-center text-left",
+					onClick: createCollectClickHandler(item.id),
+					children: [/* @__PURE__ */ jsx("div", {
+						className: "w-[60px] h-[60px] bg-bg2 rounded-[8px] overflow-hidden relative",
+						children: item.cover && /* @__PURE__ */ jsx(Image, {
+							src: item.cover,
+							fill: true,
+							objectFit: "cover",
+							alt: t("coverAlt")
+						})
+					}), /* @__PURE__ */ jsxs("div", {
+						className: "ml-[12px] flex flex-col justify-center",
+						children: [/* @__PURE__ */ jsx("span", {
+							className: "max-w-[200px] text-text1 text-[18px] leading-[24px] font-semibold line-clamp-1",
+							children: item.title || ""
+						}), /* @__PURE__ */ jsxs("span", {
+							className: "mt-[3px] text-text2 text-[14px]",
+							children: [item.contentCount || 0, t("postsCountSuffix")]
+						})]
+					})]
+				}, item.id || `collection-${index}`)), collectList.length > 0 && /* @__PURE__ */ jsx(InfiniteScroll, {
+					loadMore: handleLoadMore,
+					hasMore
+				})] })
+			})]
+		}), /* @__PURE__ */ jsx(CreateCollectionSheet, {
+			visible: isCreateSheetOpen,
+			showDescription: false,
+			onClose: () => setIsCreateSheetOpen(false),
+			onCreated: () => {
+				setIsCreateSheetOpen(false);
+				refreshCollectionList();
+			}
+		})]
+	});
+}
+function CollectionPopupHost() {
+	const { isOpen, options, close } = useCollectionPopupStore();
+	if (!isOpen) return null;
+	return /* @__PURE__ */ jsx(CollectionPopupComponent, {
+		visible: isOpen,
+		mode: options?.mode,
+		onClose: () => {
+			close();
+			options?.onClose?.();
+		},
+		toCreateCollection: () => {
+			close();
+			options?.toCreateCollection?.();
+		},
+		onCollect: (id) => {
+			close();
+			options?.onCollect?.(id);
+		}
+	});
+}
+/**
+* CollectionPopup 控制器：通过 store 触发弹窗。
+*
+* 注意：必须在应用根部渲染 <CollectionPopupHost />，
+* 以确保弹窗在同一个 React root 中，从而保留 next-intl 等 context。
+*/
+var CollectionPopup = class {
+	static show(options) {
+		useCollectionPopupStore.getState().open(options);
+	}
+	static clear() {
+		useCollectionPopupStore.getState().close();
+	}
+};
+
+//#endregion
+export { CollectionPopupComponent, CollectionPopupHost, CollectionPopup as default };

package/dist/components/common/debug-locale-switcher/index.mjs

@@ -1,2 +1,60 @@
 
-"use client";import{Box as e}from"../../ui/box.mjs";import{Text as t}from"../../ui/text.mjs";import n from"../../ui/legacy/button.mjs";import{locales as r,persistLocalePreference as i}from"../../../i18n.mjs";import{jsx as a,jsxs as o}from"react/jsx-runtime";import{useLocale as s,useTranslations as c}from"next-intl";function l(l){let{className:u}=l,d=s(),f=c(`components.common.debugLocaleSwitcher`),p=process.env.NODE_ENV===`development`;function m(e){i(e),window.location.reload()}return p?o(e,{className:`fixed top-[10px] right-[10px] z-[9999] p-2 bg-black/80 text-white rounded text-xs font-mono ${u||``}`,children:[a(e,{className:`mb-2 font-bold`,children:o(t,{children:[`🌐`,f(`languageDebugging`)]})}),a(e,{className:`mb-1`,children:o(t,{children:[f(`current`),`:`,` `,a(t,{as:`strong`,children:d})]})}),a(e,{className:`flex gap-1 flex-wrap`,children:r.map(e=>a(n,{onClick:()=>m(e.code),size:`small`,className:`text-[11px] ${d===e.code?`bg-primary text-primary-foreground`:`bg-transparent border border-white/30 text-white hover:bg-white/10`}`,children:e.code},e.code))})]}):null}export{l as DebugLocaleSwitcher};
+'use client';
+
+import { Box } from "../../ui/box.mjs";
+import { Text } from "../../ui/text.mjs";
+import Button from "../../ui/legacy/button.mjs";
+import { locales, persistLocalePreference } from "../../../i18n.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useLocale, useTranslations } from "next-intl";
+
+//#region components/common/debug-locale-switcher/index.tsx
+/**
+* 临时调试组件：语言切换器
+*
+* 仅在开发环境使用，用于调试国际化功能
+*/
+function DebugLocaleSwitcher(props) {
+	const { className } = props;
+	const locale = useLocale();
+	const t = useTranslations("components.common.debugLocaleSwitcher");
+	const isDev = process.env.NODE_ENV === "development";
+	function handleLocaleChange(newLocale) {
+		persistLocalePreference(newLocale);
+		window.location.reload();
+	}
+	if (!isDev) return null;
+	return /* @__PURE__ */ jsxs(Box, {
+		className: `fixed top-[10px] right-[10px] z-[9999] p-2 bg-black/80 text-white rounded text-xs font-mono ${className || ""}`,
+		children: [
+			/* @__PURE__ */ jsx(Box, {
+				className: "mb-2 font-bold",
+				children: /* @__PURE__ */ jsxs(Text, { children: ["🌐", t("languageDebugging")] })
+			}),
+			/* @__PURE__ */ jsx(Box, {
+				className: "mb-1",
+				children: /* @__PURE__ */ jsxs(Text, { children: [
+					t("current"),
+					":",
+					" ",
+					/* @__PURE__ */ jsx(Text, {
+						as: "strong",
+						children: locale
+					})
+				] })
+			}),
+			/* @__PURE__ */ jsx(Box, {
+				className: "flex gap-1 flex-wrap",
+				children: locales.map((loc) => /* @__PURE__ */ jsx(Button, {
+					onClick: () => handleLocaleChange(loc.code),
+					size: "small",
+					className: `text-[11px] ${locale === loc.code ? "bg-primary text-primary-foreground" : "bg-transparent border border-white/30 text-white hover:bg-white/10"}`,
+					children: loc.code
+				}, loc.code))
+			})
+		]
+	});
+}
+
+//#endregion
+export { DebugLocaleSwitcher };