@funhub/platform 0.1.126 → 0.1.130

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

@@ -1,2 +1,293 @@
 
-"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{CollectionCreateModal as u}from"./collection-create-modal.mjs";import d from"../page-loading/index.mjs";import{useCallback as f,useEffect as p,useMemo as m,useState as h}from"react";import{Fragment as g,jsx as _,jsxs as v}from"react/jsx-runtime";import{toast as y}from"sonner";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]=h(!0),[M,N]=h([]),[P,F]=h(!0),[I,L]=h(1),[R,z]=h(!1),B=m(()=>String(k||O?.userId||`0`),[k,O?.userId]),V=f(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]);p(()=>{C&&V()},[V,C]);let[H,U]=h(!0);p(()=>{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`&&y.message(x(`collectSuccess`))}function q(e){return function(){K(e)}}function J(){return V()}let Y=f(()=>{F(!0),L(1),N([]),V({nextPage:1,reset:!0})},[V]);return v(l,{open:C,onOpenChange:W,showCloseButton:!1,className:`z-[1000] h-[450px] rounded-t-[16px] bg-bg1 p-0 text-text1`,children:[v(`div`,{className:`bg-bg1 h-[450px] pb-[24px] flex flex-col`,children:[v(`div`,{className:`w-full px-[16px] relative`,children:[v(`div`,{className:`w-full h-[60px] flex items-center justify-center`,children:[_(`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:_(a,{className:`w-[16px] h-[16px] text-text1`})}),_(`div`,{className:`text-[18px] text-text1 font-semibold`,children:x(w===`select`?`selectTitle`:`favoriteToCollectionTitle`)}),w===`select`&&_(`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`&&v(`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:[v(`div`,{className:`flex items-center`,children:[_(s,{className:`w-[24px] h-[24px]`}),_(`span`,{className:`ml-[8px] text-text1 text-[14px] font-semibold leading-[18px]`,children:x(`createCollection`)})]}),_(o,{className:`text-text2 w-[12px] h-[12px]`})]})]}),_(`div`,{className:`w-full px-[16px] flex-1 h-[0] overflow-y-auto`,children:A?_(d,{}):H?v(`div`,{className:`flex flex-col items-center justify-center py-[48px] text-text2`,children:[_(c,{className:`w-[120px] h-[120px]`}),v(`span`,{className:`mt-[16px] text-[14px]`,children:[x(`noCollections`),`，`,x(`createCollectionHint`)]})]}):v(g,{children:[M.map((e,t)=>v(`button`,{type:`button`,className:`cursor-pointer w-full h-[92px] flex items-center text-left`,onClick:q(e.id),children:[_(`div`,{className:`w-[60px] h-[60px] bg-bg2 rounded-[8px] overflow-hidden relative`,children:e.cover&&_(r,{src:e.cover,fill:!0,objectFit:`cover`,alt:x(`coverAlt`)})}),v(`div`,{className:`ml-[12px] flex flex-col justify-center`,children:[_(`span`,{className:`max-w-[200px] text-text1 text-[18px] leading-[24px] font-semibold line-clamp-1`,children:e.title||``}),v(`span`,{className:`mt-[3px] text-text2 text-[14px]`,children:[e.contentCount||0,x(`postsCountSuffix`)]})]})]},e.id||`collection-${t}`)),M.length>0&&_(i,{loadMore:J,hasMore:P})]})})]}),_(u,{visible:R,onClose:()=>z(!1),onCreated:()=>{z(!1),Y()}})]})}function w(){let{isOpen:e,options:t,close:n}=x();return e?_(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{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 { CollectionCreateModal } from "./collection-create-modal.mjs";
+import PageLoading from "../page-loading/index.mjs";
+import { useCallback, useEffect, useMemo, 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/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 [isCreateModalOpen, setIsCreateModalOpen] = 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") {
+			setIsCreateModalOpen(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(CollectionCreateModal, {
+			visible: isCreateModalOpen,
+			onClose: () => setIsCreateModalOpen(false),
+			onCreated: () => {
+				setIsCreateModalOpen(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 { 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 };

package/dist/components/common/delete-confirm-dialog/delete-confirm-dialog.mjs

@@ -1,2 +1,67 @@
 
-"use client";import{AlertDialog as e,AlertDialogAction as t,AlertDialogCancel as n,AlertDialogContent as r,AlertDialogDescription as i,AlertDialogHeader as a,AlertDialogTitle as o}from"../../ui/alert-dialog.mjs";import{jsx as s,jsxs as c}from"react/jsx-runtime";import{useTranslations as l}from"next-intl";function u({open:u,onOpenChange:d,onConfirm:f,onCancel:p,title:m,description:h,confirmText:g,cancelText:_,isConfirming:v=!1,children:y}){let b=l(`components.common`),x=m??(m===``?``:b(`title`)),S=h??b(`deleteConfirmDialog.description`),C=g??b(`deleteConfirmDialog.confirm`),w=_??b(`deleteConfirmDialog.cancel`);function T(e){e||p?.(),d(e)}function E(){v||f()}return s(e,{open:u,onOpenChange:T,children:c(r,{size:`sm`,className:`w-[calc(100vw-32px)] max-w-[360px] gap-0 overflow-hidden rounded-xl bg-bg1 p-0 shadow-2xl`,children:[c(a,{className:`flex min-h-[124px] flex-col items-center justify-center gap-3 px-5 py-6 text-center`,children:[x&&s(o,{className:`text-[17px] font-medium leading-7 text-text1`,style:{fontFamily:`"Source Code Pro", sans-serif`},children:x}),S&&s(i,{className:`px-1 text-[17px] leading-7 text-text2`,children:S})]}),y,c(`div`,{className:`grid h-[54px] grid-cols-[1fr_1px_1fr] items-center border-t border-line1`,children:[s(n,{disabled:v,className:`h-full rounded-none border-none bg-transparent px-3 text-[17px] font-medium text-text1 transition-opacity hover:bg-line1/10 active:opacity-70`,style:{fontFamily:`"Source Code Pro", sans-serif`},children:w}),s(`div`,{className:`h-6 w-px bg-line1`}),s(t,{disabled:v,onClick:E,className:`h-full rounded-none border-none bg-transparent px-3 text-[17px] font-medium text-theme5 transition-opacity hover:bg-line1/10 active:opacity-70`,style:{fontFamily:`"Source Code Pro", sans-serif`},children:C})]})]})})}export{u as DeleteConfirmDialog};
+'use client';
+
+import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogHeader, AlertDialogTitle } from "../../ui/alert-dialog.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useTranslations } from "next-intl";
+
+//#region components/common/delete-confirm-dialog/delete-confirm-dialog.tsx
+function DeleteConfirmDialog({ open, onOpenChange, onConfirm, onCancel, title, description, confirmText, cancelText, isConfirming = false, children }) {
+	const t = useTranslations("components.common");
+	const resolvedTitle = title ?? (title === "" ? "" : t("title"));
+	const resolvedDescription = description ?? t("deleteConfirmDialog.description");
+	const resolvedConfirmText = confirmText ?? t("deleteConfirmDialog.confirm");
+	const resolvedCancelText = cancelText ?? t("deleteConfirmDialog.cancel");
+	function handleOpenChange(nextOpen) {
+		if (!nextOpen) onCancel?.();
+		onOpenChange(nextOpen);
+	}
+	function handleConfirm() {
+		if (isConfirming) return;
+		onConfirm();
+	}
+	return /* @__PURE__ */ jsx(AlertDialog, {
+		open,
+		onOpenChange: handleOpenChange,
+		children: /* @__PURE__ */ jsxs(AlertDialogContent, {
+			size: "sm",
+			className: "w-[calc(100vw-32px)] max-w-[360px] gap-0 overflow-hidden rounded-xl bg-bg1 p-0 shadow-2xl",
+			children: [
+				/* @__PURE__ */ jsxs(AlertDialogHeader, {
+					className: "flex min-h-[124px] flex-col items-center justify-center gap-3 px-5 py-6 text-center",
+					children: [resolvedTitle && /* @__PURE__ */ jsx(AlertDialogTitle, {
+						className: "text-[17px] font-medium leading-7 text-text1",
+						style: { fontFamily: "\"Source Code Pro\", sans-serif" },
+						children: resolvedTitle
+					}), resolvedDescription && /* @__PURE__ */ jsx(AlertDialogDescription, {
+						className: "px-1 text-[17px] leading-7 text-text2",
+						children: resolvedDescription
+					})]
+				}),
+				children,
+				/* @__PURE__ */ jsxs("div", {
+					className: "grid h-[54px] grid-cols-[1fr_1px_1fr] items-center border-t border-line1",
+					children: [
+						/* @__PURE__ */ jsx(AlertDialogCancel, {
+							disabled: isConfirming,
+							className: "h-full rounded-none border-none bg-transparent px-3 text-[17px] font-medium text-text1 transition-opacity hover:bg-line1/10 active:opacity-70",
+							style: { fontFamily: "\"Source Code Pro\", sans-serif" },
+							children: resolvedCancelText
+						}),
+						/* @__PURE__ */ jsx("div", { className: "h-6 w-px bg-line1" }),
+						/* @__PURE__ */ jsx(AlertDialogAction, {
+							disabled: isConfirming,
+							onClick: handleConfirm,
+							className: "h-full rounded-none border-none bg-transparent px-3 text-[17px] font-medium text-theme5 transition-opacity hover:bg-line1/10 active:opacity-70",
+							style: { fontFamily: "\"Source Code Pro\", sans-serif" },
+							children: resolvedConfirmText
+						})
+					]
+				})
+			]
+		})
+	});
+}
+
+//#endregion
+export { DeleteConfirmDialog };

package/dist/components/common/empty/index.mjs

@@ -1,2 +1,52 @@
 
-import e from"../../../assets/images/empty/img_empty_adduser.mjs";import t from"../../../assets/images/empty/img_empty_message.mjs";import n from"../../../assets/images/empty/img_empty_network.mjs";import r from"../../../assets/images/empty/img_empty_nodata.mjs";import i from"../../../assets/images/empty/img_empty_picture.mjs";import a from"../../../assets/images/empty/img_empty_search.mjs";import"react";import{jsx as o,jsxs as s}from"react/jsx-runtime";const c={img_empty_adduser:e,img_empty_message:t,img_empty_network:n,img_empty_nodata:r,img_empty_picture:i,img_empty_search:a};function l({icon:e,title:t,className:n,btnText:r,btnClick:i}){let a=e?c[e]:null;return s(`div`,{className:`empty-box h-full w-full flex flex-col items-center justify-center ${n}`,children:[a&&o(`div`,{className:`!w-[145px] !h-[145px] shrink-0`,children:o(a,{width:145,height:145})}),t&&o(`div`,{className:`text-[14px] text-text3 leading-[22px] mt-[14px] shrink-0 text-center whitespace-break-spaces`,children:t}),r&&i&&o(`div`,{className:`mt-[8px] px-[20px] h-[40px] flex items-center justify-center rounded-[12px] shrink-0`,style:{background:`var(--color-line1)`},onClick:()=>{i?.()},children:o(`span`,{className:`text-[14px] text-text1`,children:r})})]},e)}export{l as default};
+import SvgImgEmptyAdduser from "../../../assets/images/empty/img_empty_adduser.mjs";
+import SvgImgEmptyMessage from "../../../assets/images/empty/img_empty_message.mjs";
+import SvgImgEmptyNetwork from "../../../assets/images/empty/img_empty_network.mjs";
+import SvgImgEmptyNodata from "../../../assets/images/empty/img_empty_nodata.mjs";
+import SvgImgEmptyPicture from "../../../assets/images/empty/img_empty_picture.mjs";
+import SvgImgEmptySearch from "../../../assets/images/empty/img_empty_search.mjs";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region components/common/empty/index.tsx
+const emptyIconMap = {
+	img_empty_adduser: SvgImgEmptyAdduser,
+	img_empty_message: SvgImgEmptyMessage,
+	img_empty_network: SvgImgEmptyNetwork,
+	img_empty_nodata: SvgImgEmptyNodata,
+	img_empty_picture: SvgImgEmptyPicture,
+	img_empty_search: SvgImgEmptySearch
+};
+function Empty({ icon, title, className, btnText, btnClick }) {
+	const EmptyIcon = icon ? emptyIconMap[icon] : null;
+	return /* @__PURE__ */ jsxs("div", {
+		className: `empty-box h-full w-full flex flex-col items-center justify-center ${className}`,
+		children: [
+			EmptyIcon && /* @__PURE__ */ jsx("div", {
+				className: "!w-[145px] !h-[145px] shrink-0",
+				children: /* @__PURE__ */ jsx(EmptyIcon, {
+					width: 145,
+					height: 145
+				})
+			}),
+			title && /* @__PURE__ */ jsx("div", {
+				className: "text-[14px] text-text3 leading-[22px] mt-[14px] shrink-0 text-center whitespace-break-spaces",
+				children: title
+			}),
+			btnText && btnClick && /* @__PURE__ */ jsx("div", {
+				className: "mt-[8px] px-[20px] h-[40px] flex items-center justify-center rounded-[12px] shrink-0",
+				style: { background: "var(--color-line1)" },
+				onClick: () => {
+					btnClick?.();
+				},
+				children: /* @__PURE__ */ jsx("span", {
+					className: "text-[14px] text-text1",
+					children: btnText
+				})
+			})
+		]
+	}, icon);
+}
+
+//#endregion
+export { Empty as default };

package/dist/components/common/follow-button/index.mjs

@@ -1,2 +1,134 @@
 
-"use client";import{useFollowIdsState as e}from"../../../store/modules/follow-ids-store.mjs";import{useUserStore as t}from"../../../store/modules/user-store.mjs";import{pInteractionFollow as n,pInteractionUnfollow as r}from"../../../service/generated/client.mjs";import{useOpenLoginAsync as i}from"../../../hooks/use-auth.mjs";import a from"../../../assets/icons/common/follow_sel.mjs";import o from"../../../assets/icons/common/follow_user.mjs";import{UnfollowConfirmDialog as s}from"./unfollow-confirm-dialog.mjs";import{useCallback as c,useEffect as l,useMemo 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";function _({userId:_,hasFollow:v=!1,onChange:y}){let b=g(`components.common.followButton`),[x,S]=d(v),[C,w]=d(!1),{isLogin:T,userInfo:E,userId:D}=t(),{followIds:O}=e(),k=D||E?.userId||``,A=i(),j=u(()=>E?.userId===_,[E,_]),M=u(()=>v||O.includes(_),[_,O,v]);l(()=>{S(M)},[M]);let N=c(async()=>{if(!_)return;if(!k){h.error(b(`loginRequired`));return}try{if(x){let e=await r({follower_id:k,followee_id:_});if(e.code!==0){h.error(e.message||b(`unfollowFailed`));return}}else{let e=await n({follower_id:k,followee_id:_});if(e.code!==0){h.error(e.message||b(`followFailed`));return}}window.sensors?.track(`detail_follow_click`,{object_id:``,action:x?`取消关注`:`关注`,author_id:_})}catch(e){console.error(`关注或取消关注失败:`,e),h.error(b(x?`unfollowFailed`:`followFailed`));return}let{followIds:t,setFollowIds:i}=e.getState(),a=new Set(t);x?a.delete(_):a.add(_),i(Array.from(a)),S(!x),y?.(!x)},[k,x,y,b,_]);function P(){w(!1),N()}function F(){w(!1)}let I=c(()=>{if(!T){A().then(e=>{e||h.error(b(`loginFailed`))});return}if(x){w(!0);return}N()},[N,x,T,A,b]);return j?null:m(f,{children:[p(`div`,{className:` h-[28px] rounded-[14px] px-[8px] border-[1px] border-solid cursor-pointer flex items-center justify-center ${x?`border-text3`:`border-theme5`}`,onClick:I,children:x?m(f,{children:[p(a,{className:`w-[12px] h-[12px] text-text3 shrink-0`}),p(`span`,{className:`text-text3 text-[12px] leading-[18px] ml-[4px] shrink-0`,children:b(`following`)})]}):m(f,{children:[p(o,{className:`block w-[12px] h-[12px] text-theme5 shrink-0`}),p(`span`,{className:`block text-theme5 text-[12px] leading-[18px] ml-[4px] shrink-0`,children:b(`follow`)})]})}),p(s,{open:C,onOpenChange:w,onCancel:F,onConfirm:P})]})}export{_ as default};
+'use client';
+
+import { useFollowIdsState } from "../../../store/modules/follow-ids-store.mjs";
+import { useUserStore } from "../../../store/modules/user-store.mjs";
+import { pInteractionFollow, pInteractionUnfollow } from "../../../service/generated/client.mjs";
+import { useOpenLoginAsync } from "../../../hooks/use-auth.mjs";
+import SvgFollowSel from "../../../assets/icons/common/follow_sel.mjs";
+import SvgFollowUser from "../../../assets/icons/common/follow_user.mjs";
+import { UnfollowConfirmDialog } from "./unfollow-confirm-dialog.mjs";
+import { useCallback, useEffect, useMemo, 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/common/follow-button/index.tsx
+function FollowButton({ userId, hasFollow = false, onChange }) {
+	const t = useTranslations("components.common.followButton");
+	const [isFollow, setIsFollow] = useState(hasFollow);
+	const [confirmOpen, setConfirmOpen] = useState(false);
+	const { isLogin, userInfo, userId: storeUserId } = useUserStore();
+	const { followIds } = useFollowIdsState();
+	const currentUserId = storeUserId || userInfo?.userId || "";
+	const openLoginAsync = useOpenLoginAsync();
+	const isSelf = useMemo(() => {
+		return userInfo?.userId === userId;
+	}, [userInfo, userId]);
+	const isHasFollowedStatus = useMemo(() => {
+		return hasFollow || followIds.includes(userId);
+	}, [
+		userId,
+		followIds,
+		hasFollow
+	]);
+	useEffect(() => {
+		setIsFollow(isHasFollowedStatus);
+	}, [isHasFollowedStatus]);
+	const changeFollowStatus = useCallback(async () => {
+		if (!userId) return;
+		if (!currentUserId) {
+			toast.error(t("loginRequired"));
+			return;
+		}
+		try {
+			if (isFollow) {
+				const res = await pInteractionUnfollow({
+					follower_id: currentUserId,
+					followee_id: userId
+				});
+				if (res.code !== 0) {
+					toast.error(res.message || t("unfollowFailed"));
+					return;
+				}
+			} else {
+				const res = await pInteractionFollow({
+					follower_id: currentUserId,
+					followee_id: userId
+				});
+				if (res.code !== 0) {
+					toast.error(res.message || t("followFailed"));
+					return;
+				}
+			}
+			window.sensors?.track("detail_follow_click", {
+				object_id: "",
+				action: isFollow ? "取消关注" : "关注",
+				author_id: userId
+			});
+		} catch (error) {
+			console.error("关注或取消关注失败:", error);
+			toast.error(isFollow ? t("unfollowFailed") : t("followFailed"));
+			return;
+		}
+		const { followIds: prevIds, setFollowIds } = useFollowIdsState.getState();
+		const nextIds = new Set(prevIds);
+		if (isFollow) nextIds.delete(userId);
+		else nextIds.add(userId);
+		setFollowIds(Array.from(nextIds));
+		setIsFollow(!isFollow);
+		onChange?.(!isFollow);
+	}, [
+		currentUserId,
+		isFollow,
+		onChange,
+		t,
+		userId
+	]);
+	function handleConfirmUnfollow() {
+		setConfirmOpen(false);
+		changeFollowStatus();
+	}
+	function handleCancelUnfollow() {
+		setConfirmOpen(false);
+	}
+	const followHandler = useCallback(() => {
+		if (!isLogin) {
+			openLoginAsync().then((ok) => {
+				if (!ok) toast.error(t("loginFailed"));
+			});
+			return;
+		}
+		if (isFollow) {
+			setConfirmOpen(true);
+			return;
+		}
+		changeFollowStatus();
+	}, [
+		changeFollowStatus,
+		isFollow,
+		isLogin,
+		openLoginAsync,
+		t
+	]);
+	if (isSelf) return null;
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("div", {
+		className: ` h-[28px] rounded-[14px] px-[8px] border-[1px] border-solid cursor-pointer flex items-center justify-center ${!isFollow ? "border-theme5" : "border-text3"}`,
+		onClick: followHandler,
+		children: !isFollow ? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(SvgFollowUser, { className: "block w-[12px] h-[12px] text-theme5 shrink-0" }), /* @__PURE__ */ jsx("span", {
+			className: "block text-theme5 text-[12px] leading-[18px] ml-[4px] shrink-0",
+			children: t("follow")
+		})] }) : /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(SvgFollowSel, { className: "w-[12px] h-[12px] text-text3 shrink-0" }), /* @__PURE__ */ jsx("span", {
+			className: "text-text3 text-[12px] leading-[18px] ml-[4px] shrink-0",
+			children: t("following")
+		})] })
+	}), /* @__PURE__ */ jsx(UnfollowConfirmDialog, {
+		open: confirmOpen,
+		onOpenChange: setConfirmOpen,
+		onCancel: handleCancelUnfollow,
+		onConfirm: handleConfirmUnfollow
+	})] });
+}
+
+//#endregion
+export { FollowButton as default };

package/dist/components/common/follow-button/unfollow-confirm-dialog.mjs

@@ -1,2 +1,24 @@
 
-"use client";import{DeleteConfirmDialog as e}from"../delete-confirm-dialog/delete-confirm-dialog.mjs";import{jsx as t}from"react/jsx-runtime";import{useTranslations as n}from"next-intl";function r({open:r,onOpenChange:i,onConfirm:a,onCancel:o}){let s=n(`components.common.followButton`);return t(e,{open:r,onOpenChange:i,onConfirm:a,onCancel:o,title:``,description:`${s(`unfollowConfirmDialog.confirmUnfollow`)}？`,confirmText:s(`unfollowConfirmDialog.confirm`),cancelText:s(`unfollowConfirmDialog.cancel`)})}export{r as UnfollowConfirmDialog};
+'use client';
+
+import { DeleteConfirmDialog } from "../delete-confirm-dialog/delete-confirm-dialog.mjs";
+import { jsx } from "react/jsx-runtime";
+import { useTranslations } from "next-intl";
+
+//#region components/common/follow-button/unfollow-confirm-dialog.tsx
+function UnfollowConfirmDialog({ open, onOpenChange, onConfirm, onCancel }) {
+	const t = useTranslations("components.common.followButton");
+	return /* @__PURE__ */ jsx(DeleteConfirmDialog, {
+		open,
+		onOpenChange,
+		onConfirm,
+		onCancel,
+		title: "",
+		description: `${t("unfollowConfirmDialog.confirmUnfollow")}？`,
+		confirmText: t("unfollowConfirmDialog.confirm"),
+		cancelText: t("unfollowConfirmDialog.cancel")
+	});
+}
+
+//#endregion
+export { UnfollowConfirmDialog };