@funhub/platform 0.2.31 → 0.2.32

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

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

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

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

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

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