@funhub/platform 0.2.30 → 0.2.31

package/dist/components/common/icons/video.mjs

@@ -1,2 +1,23 @@
 
-import{jsx as e}from"react/jsx-runtime";function t(t){let{className:n,...r}=t;return e(`svg`,{width:`12`,height:`12`,viewBox:`0 0 12 12`,fill:`none`,xmlns:`http://www.w3.org/2000/svg`,className:n,...r,children:e(`path`,{d:`M7.59003 6.5457L5.04303 7.9287C4.92303 7.9947 4.79103 8.0307 4.66803 8.0307C4.29903 8.0307 4.03203 7.7487 4.03203 7.3587V4.6437C4.03203 4.2537 4.29903 3.97169 4.66803 3.97169C4.79403 3.97169 4.92303 4.0077 5.04303 4.0707L7.60203 5.4537C7.83303 5.5797 7.96803 5.7777 7.96803 5.9937C7.96803 6.2127 7.83003 6.4167 7.59003 6.5457ZM9.83703 10.6377L2.16303 9.8907C0.984029 9.8907 0.0300293 8.9367 0.0300293 7.7577V4.1607C0.0300293 2.9817 0.984029 2.0277 2.16303 2.0277L9.84003 1.3617C11.019 1.3617 11.973 2.31569 11.973 3.4947V8.5047C11.9722 9.07068 11.7468 9.61321 11.3463 10.0131C10.9459 10.4131 10.403 10.6377 9.83703 10.6377ZM10.905 3.4947C10.905 3.35484 10.8775 3.21635 10.824 3.08714C10.7704 2.95793 10.692 2.84052 10.5931 2.74163C10.4942 2.64273 10.3768 2.56429 10.2476 2.51076C10.1184 2.45724 9.97989 2.4297 9.84003 2.4297L2.16303 3.0957C2.02317 3.0957 1.88468 3.12324 1.75547 3.17676C1.62626 3.23028 1.50885 3.30873 1.40996 3.40763C1.31107 3.50652 1.23262 3.62393 1.1791 3.75314C1.12558 3.88235 1.09803 4.02084 1.09803 4.1607V7.7577C1.09803 8.04015 1.21023 8.31104 1.40996 8.51076C1.60969 8.71049 1.88057 8.8227 2.16303 8.8227L9.83703 9.5697C9.97689 9.5697 10.1154 9.54215 10.2446 9.48863C10.3738 9.43511 10.4912 9.35666 10.5901 9.25776C10.689 9.15887 10.7674 9.04146 10.821 8.91225C10.8745 8.78304 10.902 8.64455 10.902 8.5047V3.4947H10.905Z`,fill:`currentColor`})})}export{t as VideoIcon};
+import { jsx } from "react/jsx-runtime";
+
+//#region components/common/icons/video.tsx
+function VideoIcon(props) {
+	const { className, ...rest } = props;
+	return /* @__PURE__ */ jsx("svg", {
+		width: "12",
+		height: "12",
+		viewBox: "0 0 12 12",
+		fill: "none",
+		xmlns: "http://www.w3.org/2000/svg",
+		className,
+		...rest,
+		children: /* @__PURE__ */ jsx("path", {
+			d: "M7.59003 6.5457L5.04303 7.9287C4.92303 7.9947 4.79103 8.0307 4.66803 8.0307C4.29903 8.0307 4.03203 7.7487 4.03203 7.3587V4.6437C4.03203 4.2537 4.29903 3.97169 4.66803 3.97169C4.79403 3.97169 4.92303 4.0077 5.04303 4.0707L7.60203 5.4537C7.83303 5.5797 7.96803 5.7777 7.96803 5.9937C7.96803 6.2127 7.83003 6.4167 7.59003 6.5457ZM9.83703 10.6377L2.16303 9.8907C0.984029 9.8907 0.0300293 8.9367 0.0300293 7.7577V4.1607C0.0300293 2.9817 0.984029 2.0277 2.16303 2.0277L9.84003 1.3617C11.019 1.3617 11.973 2.31569 11.973 3.4947V8.5047C11.9722 9.07068 11.7468 9.61321 11.3463 10.0131C10.9459 10.4131 10.403 10.6377 9.83703 10.6377ZM10.905 3.4947C10.905 3.35484 10.8775 3.21635 10.824 3.08714C10.7704 2.95793 10.692 2.84052 10.5931 2.74163C10.4942 2.64273 10.3768 2.56429 10.2476 2.51076C10.1184 2.45724 9.97989 2.4297 9.84003 2.4297L2.16303 3.0957C2.02317 3.0957 1.88468 3.12324 1.75547 3.17676C1.62626 3.23028 1.50885 3.30873 1.40996 3.40763C1.31107 3.50652 1.23262 3.62393 1.1791 3.75314C1.12558 3.88235 1.09803 4.02084 1.09803 4.1607V7.7577C1.09803 8.04015 1.21023 8.31104 1.40996 8.51076C1.60969 8.71049 1.88057 8.8227 2.16303 8.8227L9.83703 9.5697C9.97689 9.5697 10.1154 9.54215 10.2446 9.48863C10.3738 9.43511 10.4912 9.35666 10.5901 9.25776C10.689 9.15887 10.7674 9.04146 10.821 8.91225C10.8745 8.78304 10.902 8.64455 10.902 8.5047V3.4947H10.905Z",
+			fill: "currentColor"
+		})
+	});
+}
+
+//#endregion
+export { VideoIcon };

package/dist/components/common/image-crop-modal/image-crop-modal.mjs

@@ -1,5 +1,102 @@
 
-"use client";import{cn as e}from"../../../utils/cn.mjs";import{Dialog as t,DialogContent as n}from"../../ui/dialog.mjs";import{getCroppedImg as r}from"../../../utils/image-crop.mjs";import{useCallback as i,useState as a}from"react";import{jsx as o,jsxs as s}from"react/jsx-runtime";import{useTranslations as c}from"next-intl";import l from"react-easy-crop";function u({open:u,onClose:d,imageSrc:f,onConfirm:p,cropShape:m=`round`,aspectRatio:h=1}){let g=c(`components.common`),[_,v]=a({x:0,y:0}),[y,b]=a(1),[x,S]=a(null),[C,w]=a(!1),T=i((e,t)=>{S(t)},[]);async function E(){if(x)try{w(!0),p(await r(f,x,{circular:m===`round`,maxWidth:800,maxHeight:800})),D()}catch(e){console.error(`裁剪图片失败`,e)}finally{w(!1)}}function D(){v({x:0,y:0}),b(1),S(null),d()}return o(t,{open:u,onOpenChange:D,children:o(n,{showCloseButton:!1,className:`bg-black/90 !m-0 !p-0 !fixed !inset-0 !w-screen !h-screen !max-w-none !rounded-none !top-0 !left-0 !translate-x-0 !translate-y-0 !transform-none z-[9999] !pointer-events-auto`,children:s(`div`,{className:`relative flex h-full w-full flex-col`,children:[o(`div`,{className:`relative flex-1 overflow-hidden bg-black`,children:o(l,{image:f,crop:_,zoom:y,aspect:h,cropShape:m,onCropChange:v,onZoomChange:b,onCropComplete:T})}),o(`div`,{className:`absolute bottom-28 left-0 right-0 px-8`,children:s(`div`,{className:`mx-auto max-w-md`,children:[o(`input`,{type:`range`,min:1,max:3,step:.1,value:y,onChange:e=>b(Number(e.target.value)),className:`w-full appearance-none bg-tra nsparent cursor-pointer focus-within:outline-none`,style:{WebkitAppearance:`none`,background:`rgba(255, 255, 255, 0.3)`,height:`4px`,borderRadius:`2px`}}),o(`style`,{children:`
+'use client';
+
+import { cn } from "../../../utils/cn.mjs";
+import { Dialog, DialogContent } from "../../ui/dialog.mjs";
+import { getCroppedImg } from "../../../utils/image-crop.mjs";
+import { useCallback, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useTranslations } from "next-intl";
+import Cropper from "react-easy-crop";
+
+//#region components/common/image-crop-modal/image-crop-modal.tsx
+function ImageCropModal({ open, onClose, imageSrc, onConfirm, cropShape = "round", aspectRatio = 1 }) {
+	const t = useTranslations("components.common");
+	const [crop, setCrop] = useState({
+		x: 0,
+		y: 0
+	});
+	const [zoom, setZoom] = useState(1);
+	const [croppedAreaPixels, setCroppedAreaPixels] = useState(null);
+	const [isProcessing, setIsProcessing] = useState(false);
+	/**
+	* 处理裁剪区域变化
+	*/
+	const onCropComplete = useCallback((croppedArea, croppedAreaPixels) => {
+		setCroppedAreaPixels(croppedAreaPixels);
+	}, []);
+	/**
+	* 处理确认按钮点击
+	*/
+	async function handleConfirm() {
+		if (!croppedAreaPixels) return;
+		try {
+			setIsProcessing(true);
+			onConfirm(await getCroppedImg(imageSrc, croppedAreaPixels, {
+				circular: cropShape === "round",
+				maxWidth: 800,
+				maxHeight: 800
+			}));
+			handleClose();
+		} catch (error) {
+			console.error("裁剪图片失败", error);
+		} finally {
+			setIsProcessing(false);
+		}
+	}
+	/**
+	* 处理关闭弹窗
+	*/
+	function handleClose() {
+		setCrop({
+			x: 0,
+			y: 0
+		});
+		setZoom(1);
+		setCroppedAreaPixels(null);
+		onClose();
+	}
+	return /* @__PURE__ */ jsx(Dialog, {
+		open,
+		onOpenChange: handleClose,
+		children: /* @__PURE__ */ jsx(DialogContent, {
+			showCloseButton: false,
+			className: "bg-black/90 !m-0 !p-0 !fixed !inset-0 !w-screen !h-screen !max-w-none !rounded-none !top-0 !left-0 !translate-x-0 !translate-y-0 !transform-none z-[9999] !pointer-events-auto",
+			children: /* @__PURE__ */ jsxs("div", {
+				className: "relative flex h-full w-full flex-col",
+				children: [
+					/* @__PURE__ */ jsx("div", {
+						className: "relative flex-1 overflow-hidden bg-black",
+						children: /* @__PURE__ */ jsx(Cropper, {
+							image: imageSrc,
+							crop,
+							zoom,
+							aspect: aspectRatio,
+							cropShape,
+							onCropChange: setCrop,
+							onZoomChange: setZoom,
+							onCropComplete
+						})
+					}),
+					/* @__PURE__ */ jsx("div", {
+						className: "absolute bottom-28 left-0 right-0 px-8",
+						children: /* @__PURE__ */ jsxs("div", {
+							className: "mx-auto max-w-md",
+							children: [/* @__PURE__ */ jsx("input", {
+								type: "range",
+								min: 1,
+								max: 3,
+								step: .1,
+								value: zoom,
+								onChange: (e) => setZoom(Number(e.target.value)),
+								className: "w-full appearance-none bg-tra nsparent cursor-pointer focus-within:outline-none",
+								style: {
+									WebkitAppearance: "none",
+									background: "rgba(255, 255, 255, 0.3)",
+									height: "4px",
+									borderRadius: "2px"
+								}
+							}), /* @__PURE__ */ jsx("style", { children: `
                 input[type="range"] {
                   outline: none;
                 }
@@ -31,4 +128,33 @@
                 input[type="range"]::-moz-range-thumb:focus {
                   outline: none;
                 }
-              `})]})}),o(`div`,{className:`absolute bottom-8 left-0 right-0 px-8`,children:s(`div`,{className:`mx-auto flex max-w-md gap-4`,children:[o(`button`,{type:`button`,onClick:D,disabled:C,className:e(`flex-1 rounded-full py-3 text-base font-medium transition-colors`,`bg-bg1 text-text1 hover:bg-bg1/90`,`disabled:opacity-50 disabled:cursor-not-allowed`),children:g(`imageCropModal.cancel`)}),o(`button`,{type:`button`,onClick:E,disabled:C,className:e(`flex-1 rounded-full py-3 text-base font-medium transition-colors`,`bg-primary text-primary-foreground hover:bg-primary/80`,`disabled:opacity-50 disabled:cursor-not-allowed`),children:g(C?`imageCropModal.processing`:`imageCropModal.confirm`)})]})})]})})})}export{u as ImageCropModal};
+              ` })]
+						})
+					}),
+					/* @__PURE__ */ jsx("div", {
+						className: "absolute bottom-8 left-0 right-0 px-8",
+						children: /* @__PURE__ */ jsxs("div", {
+							className: "mx-auto flex max-w-md gap-4",
+							children: [/* @__PURE__ */ jsx("button", {
+								type: "button",
+								onClick: handleClose,
+								disabled: isProcessing,
+								className: cn("flex-1 rounded-full py-3 text-base font-medium transition-colors", "bg-bg1 text-text1 hover:bg-bg1/90", "disabled:opacity-50 disabled:cursor-not-allowed"),
+								children: t("imageCropModal.cancel")
+							}), /* @__PURE__ */ jsx("button", {
+								type: "button",
+								onClick: handleConfirm,
+								disabled: isProcessing,
+								className: cn("flex-1 rounded-full py-3 text-base font-medium transition-colors", "bg-primary text-primary-foreground hover:bg-primary/80", "disabled:opacity-50 disabled:cursor-not-allowed"),
+								children: isProcessing ? t("imageCropModal.processing") : t("imageCropModal.confirm")
+							})]
+						})
+					})
+				]
+			})
+		})
+	});
+}
+
+//#endregion
+export { ImageCropModal };

package/dist/components/common/info-card/card-header.mjs

@@ -1,2 +1,72 @@
 
-"use client";import{useRouter as e}from"../../../utils/use-compatible-router.mjs";import{Image as t}from"../../ui/image.mjs";import{Box as n}from"../../ui/box.mjs";import{Text as r}from"../../ui/text.mjs";import{Time as i}from"../../ui/time.mjs";import{FollowButton as a}from"../../pages/(follow)/_components/follow-button/index.mjs";import{usePathname as o}from"next/navigation";import{jsx as s,jsxs as c}from"react/jsx-runtime";function l({className:l,infoData:u,onChangeFollow:d,rightChild:f}){let p=o(),m=e(),h=u?.author?.user_id||``,g=u?.author?.nickname||``,_=u?.show_at||u?.create_time;return s(n,{className:`w-full mb-[8px] pt-[16px] px-[12px] ${l}`,children:c(n,{className:`w-full flex items-center justify-between`,children:[c(n,{className:`flex items-center cursor-pointer`,onClick:e=>{e.stopPropagation(),e.preventDefault();let t=`/profile/${h}`;p!==t&&m.push(t)},children:[s(n,{className:`w-[36px] h-[36px] mr-[8px] rounded-full bg-bg2 overflow-hidden`,children:u?.author?.avatar&&s(t,{width:36,height:36,src:u?.author?.avatar,className:`w-full h-full object-cover`,alt:`avatar`})}),c(n,{className:`flex flex-col`,children:[s(r,{className:`block text-text1 text-[14px] leading-[18px] max-w-[220px] overflow-hidden whitespace-nowrap text-ellipsis`,children:g}),s(n,{className:`mt-[4px] h-[14px] leading-[14px]`,children:s(i,{mode:`relative`,value:_,className:`text-text3 text-[12px]`})})]})]}),s(n,{onClick:e=>{e.stopPropagation(),e.preventDefault()},children:f||(h?s(a,{userId:h,hasFollow:!1,onChange:d}):null)})]})})}export{l as default};
+'use client';
+
+import { useRouter as useRouter$1 } from "../../../utils/use-compatible-router.mjs";
+import { Image } from "../../ui/image.mjs";
+import { Box } from "../../ui/box.mjs";
+import { Text } from "../../ui/text.mjs";
+import { Time } from "../../ui/time.mjs";
+import { FollowButton } from "../../pages/(follow)/_components/follow-button/index.mjs";
+import { usePathname } from "next/navigation";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region components/common/info-card/card-header.tsx
+function InfoCardHeader({ className, infoData, onChangeFollow, rightChild }) {
+	const pathname = usePathname();
+	const router = useRouter$1();
+	const userId = infoData?.author?.user_id || "";
+	const userName = infoData?.author?.nickname || "";
+	const publishTime = infoData?.show_at || infoData?.create_time;
+	return /* @__PURE__ */ jsx(Box, {
+		className: `w-full mb-[8px] pt-[16px] px-[12px] ${className}`,
+		children: /* @__PURE__ */ jsxs(Box, {
+			className: "w-full flex items-center justify-between",
+			children: [/* @__PURE__ */ jsxs(Box, {
+				className: "flex items-center cursor-pointer",
+				onClick: (e) => {
+					e.stopPropagation();
+					e.preventDefault();
+					const userPath = `/profile/${userId}`;
+					if (pathname === userPath) return;
+					router.push(userPath);
+				},
+				children: [/* @__PURE__ */ jsx(Box, {
+					className: "w-[36px] h-[36px] mr-[8px] rounded-full bg-bg2 overflow-hidden",
+					children: infoData?.author?.avatar && /* @__PURE__ */ jsx(Image, {
+						width: 36,
+						height: 36,
+						src: infoData?.author?.avatar,
+						className: "w-full h-full object-cover",
+						alt: "avatar"
+					})
+				}), /* @__PURE__ */ jsxs(Box, {
+					className: "flex flex-col",
+					children: [/* @__PURE__ */ jsx(Text, {
+						className: "block text-text1 text-[14px] leading-[18px] max-w-[220px] overflow-hidden whitespace-nowrap text-ellipsis",
+						children: userName
+					}), /* @__PURE__ */ jsx(Box, {
+						className: "mt-[4px] h-[14px] leading-[14px]",
+						children: /* @__PURE__ */ jsx(Time, {
+							mode: "relative",
+							value: publishTime,
+							className: "text-text3 text-[12px]"
+						})
+					})]
+				})]
+			}), /* @__PURE__ */ jsx(Box, {
+				onClick: (e) => {
+					e.stopPropagation();
+					e.preventDefault();
+				},
+				children: rightChild || (userId ? /* @__PURE__ */ jsx(FollowButton, {
+					userId,
+					hasFollow: false,
+					onChange: onChangeFollow
+				}) : null)
+			})]
+		})
+	});
+}
+
+//#endregion
+export { InfoCardHeader as default };

package/dist/components/common/info-card/card-text.mjs

@@ -1,2 +1,50 @@
 
-"use client";import{Box as e}from"../../ui/box.mjs";import{Text as t}from"../../ui/text.mjs";import n from"../at-element/index.mjs";import{useEffect as r,useState as i}from"react";import{Fragment as a,jsx as o,jsxs as s}from"react/jsx-runtime";function c({className:c,infoData:l,tagsChild:u}){let[d,f]=i(!1);function p(e){return!!(e&&e.length>120)}function m(){f(e=>!e)}return r(()=>{f(!1)},[l.content]),s(e,{className:`w-full mb-[8px] px-[12px] cursor-pointer ${c}`,children:[l.content&&o(t,{suppressHydrationWarning:!0,className:`text-text1 text-[16px] leading-[24px] break-all break-words ${d?``:`line-clamp-3`}`,children:o(n,{text:l.content,atUsers:l.author.nickname})}),p(l.content)&&o(e,{className:`mt-1 text-xs text-text3`,onClick:e=>{e.stopPropagation(),e.preventDefault(),m()},children:d?`收起`:`展开`}),u||o(a,{})]})}export{c as default};
+'use client';
+
+import { Box } from "../../ui/box.mjs";
+import { Text } from "../../ui/text.mjs";
+import AtUserText from "../at-element/index.mjs";
+import { useEffect, useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+
+//#region components/common/info-card/card-text.tsx
+function InfoCardText({ className, infoData, tagsChild }) {
+	const [isExpanded, setIsExpanded] = useState(false);
+	/** 判断是否需要展示展开/收起按钮。 */
+	function shouldShowToggleButton(text) {
+		return Boolean(text && text.length > 120);
+	}
+	/** 切换文本展开/收起。 */
+	function handleToggleExpand() {
+		setIsExpanded((prev) => !prev);
+	}
+	useEffect(() => {
+		setIsExpanded(false);
+	}, [infoData.content]);
+	return /* @__PURE__ */ jsxs(Box, {
+		className: `w-full mb-[8px] px-[12px] cursor-pointer ${className}`,
+		children: [
+			infoData.content && /* @__PURE__ */ jsx(Text, {
+				suppressHydrationWarning: true,
+				className: `text-text1 text-[16px] leading-[24px] break-all break-words ${isExpanded ? "" : "line-clamp-3"}`,
+				children: /* @__PURE__ */ jsx(AtUserText, {
+					text: infoData.content,
+					atUsers: infoData.author.nickname
+				})
+			}),
+			shouldShowToggleButton(infoData.content) && /* @__PURE__ */ jsx(Box, {
+				className: "mt-1 text-xs text-text3",
+				onClick: (e) => {
+					e.stopPropagation();
+					e.preventDefault();
+					handleToggleExpand();
+				},
+				children: isExpanded ? "收起" : "展开"
+			}),
+			tagsChild || /* @__PURE__ */ jsx(Fragment$1, {})
+		]
+	});
+}
+
+//#endregion
+export { InfoCardText as default };

package/dist/components/common/interaction-animations.module.mjs

@@ -1,85 +1,15 @@
 
-import e from"../../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inject/dist/style-inject.es.mjs";var t=`@keyframes interaction-animations-module_likeShake__7Bfbc {
-  0% {
-    transform: scale(1);
-  }
-
-  15% {
-    transform: scale(1.3) rotate(5deg);
-  }
-
-  30% {
-    transform: scale(1.1) rotate(-5deg);
-  }
-
-  45% {
-    transform: scale(1.25) rotate(3deg);
-  }
-
-  60% {
-    transform: scale(1.05) rotate(-2deg);
-  }
-
-  75% {
-    transform: scale(1.15) rotate(1deg);
-  }
-
-  100% {
-    transform: scale(1);
-  }
-}
-
-@keyframes interaction-animations-module_dislikeShake__zk6gc {
-  0% {
-    transform: translateY(0);
-  }
-
-  10% {
-    transform: translateY(-3px);
-  }
-
-  20% {
-    transform: translateY(3px);
-  }
-
-  30% {
-    transform: translateY(-3px);
-  }
-
-  40% {
-    transform: translateY(3px);
-  }
-
-  50% {
-    transform: translateY(-2px);
-  }
-
-  60% {
-    transform: translateY(2px);
-  }
-
-  70% {
-    transform: translateY(-1px);
-  }
-
-  80% {
-    transform: translateY(1px);
-  }
-
-  90% {
-    transform: translateY(-0.5px);
-  }
-
-  100% {
-    transform: translateY(0);
-  }
-}
-
-.interaction-animations-module_likeShakeAnimation__oo47A {
-  animation: interaction-animations-module_likeShake__7Bfbc 0.6s ease-in-out;
-}
-
-.interaction-animations-module_dislikeShakeAnimation__q1xZy {
-  animation: interaction-animations-module_dislikeShake__zk6gc 0.6s ease-in-out;
-}
-`,n={likeShakeAnimation:`interaction-animations-module_likeShakeAnimation__oo47A`,likeShake:`interaction-animations-module_likeShake__7Bfbc`,dislikeShakeAnimation:`interaction-animations-module_dislikeShakeAnimation__q1xZy`,dislikeShake:`interaction-animations-module_dislikeShake__zk6gc`};e(t);export{n as default};
+import styleInject from "../../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inject/dist/style-inject.es.mjs";
+
+//#region components/common/interaction-animations.module.css
+var css_248z = "@keyframes interaction-animations-module_likeShake__7Bfbc {\n  0% {\n    transform: scale(1);\n  }\n\n  15% {\n    transform: scale(1.3) rotate(5deg);\n  }\n\n  30% {\n    transform: scale(1.1) rotate(-5deg);\n  }\n\n  45% {\n    transform: scale(1.25) rotate(3deg);\n  }\n\n  60% {\n    transform: scale(1.05) rotate(-2deg);\n  }\n\n  75% {\n    transform: scale(1.15) rotate(1deg);\n  }\n\n  100% {\n    transform: scale(1);\n  }\n}\n\n@keyframes interaction-animations-module_dislikeShake__zk6gc {\n  0% {\n    transform: translateY(0);\n  }\n\n  10% {\n    transform: translateY(-3px);\n  }\n\n  20% {\n    transform: translateY(3px);\n  }\n\n  30% {\n    transform: translateY(-3px);\n  }\n\n  40% {\n    transform: translateY(3px);\n  }\n\n  50% {\n    transform: translateY(-2px);\n  }\n\n  60% {\n    transform: translateY(2px);\n  }\n\n  70% {\n    transform: translateY(-1px);\n  }\n\n  80% {\n    transform: translateY(1px);\n  }\n\n  90% {\n    transform: translateY(-0.5px);\n  }\n\n  100% {\n    transform: translateY(0);\n  }\n}\n\n.interaction-animations-module_likeShakeAnimation__oo47A {\n  animation: interaction-animations-module_likeShake__7Bfbc 0.6s ease-in-out;\n}\n\n.interaction-animations-module_dislikeShakeAnimation__q1xZy {\n  animation: interaction-animations-module_dislikeShake__zk6gc 0.6s ease-in-out;\n}\n";
+var interaction_animations_module_default = {
+	"likeShakeAnimation": "interaction-animations-module_likeShakeAnimation__oo47A",
+	"likeShake": "interaction-animations-module_likeShake__7Bfbc",
+	"dislikeShakeAnimation": "interaction-animations-module_dislikeShakeAnimation__q1xZy",
+	"dislikeShake": "interaction-animations-module_dislikeShake__zk6gc"
+};
+styleInject(css_248z);
+
+//#endregion
+export { interaction_animations_module_default as default };

package/dist/components/common/intl-provider/intl-provider.mjs

@@ -1,2 +1,22 @@
 
-"use client";import{defaultTimeZone as e}from"../../../i18n.mjs";import{jsx as t}from"react/jsx-runtime";import{NextIntlClientProvider as n}from"next-intl";function r({locale:r,messages:i,timeZone:a,children:o}){return t(n,{locale:r,messages:i,timeZone:a??e,children:o})}export{r as IntlProvider};
+'use client';
+
+import { defaultTimeZone } from "../../../i18n.mjs";
+import { jsx } from "react/jsx-runtime";
+import { NextIntlClientProvider } from "next-intl";
+
+//#region components/common/intl-provider/intl-provider.tsx
+/**
+* 统一的国际化 Provider（保持与平台组件的 next-intl 实例一致）。
+*/
+function IntlProvider({ locale, messages, timeZone, children }) {
+	return /* @__PURE__ */ jsx(NextIntlClientProvider, {
+		locale,
+		messages,
+		timeZone: timeZone ?? defaultTimeZone,
+		children
+	});
+}
+
+//#endregion
+export { IntlProvider };

package/dist/components/common/keep-scroll-position/index.mjs

@@ -1,2 +1,40 @@
 
-"use client";import{useEffect as e,useMemo as t,useRef as n,useState as r}from"react";const i=new Map,a=new Map;function o(a,o){let[s,c]=r(t(()=>i.has(a)?i.get(a):o,[o,a])),l=n(a);return e(()=>{i.set(a,s)},[a,s]),e(()=>{l.current!==a&&!i.has(a)&&i.set(a,s),l.current=a},[a,s]),e(()=>()=>{i.set(l.current,s)},[s]),[s,c]}function s(n,r,i){let o=t(()=>i??n.toString(),[n,i]);e(()=>{let e=JSON.stringify(r??[]);if(a.get(o)!==e)return a.set(o,e),n()},r)}export{s as useKeepAliveEffect,o as useKeepAliveState};
+'use client';
+
+import { useEffect, useMemo, useRef, useState } from "react";
+
+//#region components/common/keep-scroll-position/index.tsx
+const globalStateCache = /* @__PURE__ */ new Map();
+const effectDepsCache = /* @__PURE__ */ new Map();
+function useKeepAliveState(key, initialValue) {
+	const [state, setState] = useState(useMemo(() => {
+		if (globalStateCache.has(key)) return globalStateCache.get(key);
+		return initialValue;
+	}, [initialValue, key]));
+	const keyRef = useRef(key);
+	useEffect(() => {
+		globalStateCache.set(key, state);
+	}, [key, state]);
+	useEffect(() => {
+		if (keyRef.current !== key && !globalStateCache.has(key)) globalStateCache.set(key, state);
+		keyRef.current = key;
+	}, [key, state]);
+	useEffect(() => {
+		return () => {
+			globalStateCache.set(keyRef.current, state);
+		};
+	}, [state]);
+	return [state, setState];
+}
+function useKeepAliveEffect(effect, deps, key) {
+	const effectKey = useMemo(() => key ?? effect.toString(), [effect, key]);
+	useEffect(() => {
+		const depsHash = JSON.stringify(deps ?? []);
+		if (effectDepsCache.get(effectKey) === depsHash) return;
+		effectDepsCache.set(effectKey, depsHash);
+		return effect();
+	}, deps);
+}
+
+//#endregion
+export { useKeepAliveEffect, useKeepAliveState };

package/dist/components/common/list/collection-list/collection-list-item.mjs

@@ -1,2 +1,140 @@
 
-"use client";import{Image as e}from"../../../ui/image.mjs";import{Box as t}from"../../../ui/box.mjs";import{Text as n}from"../../../ui/text.mjs";import{RightArrowIcon as r}from"../../icons/right-arrow.mjs";import{CollectionSelectIcon as i,CollectionSelectedIcon as a}from"./collection-select-icon.mjs";import{Fragment as o,jsx as s,jsxs as c}from"react/jsx-runtime";import{useTranslations as l}from"next-intl";import u from"next/link";const d=[];function f({size:e=12}){return s(`svg`,{width:e,height:e,viewBox:`0 0 24 24`,fill:`currentColor`,children:s(`path`,{d:`M8 5v14l11-7z`})})}function p(e){if(!e)return``;let t=Math.floor(e/3600),n=Math.floor(e%3600/60),r=Math.floor(e%60);return`${t.toString().padStart(2,`0`)}:${n.toString().padStart(2,`0`)}:${r.toString().padStart(2,`0`)}`}function m(m){let h=l(`components.common.list.collectionList`),{id:g,title:_,contentCount:v,contents:y=d,isDefaultCollection:b=!1,isEditMode:x=!1,isSelected:S=!1,onToggleSelection:C}=m,w=y.slice(0,3),T=!!b,E=x&&typeof C==`function`;function D(){C?.(g)}function O(r,i){if(r.isPlaceholder)return s(t,{className:`h-[130px] w-full rounded-[8px] bg-[var(--color-surface-white10)]`},r.id??`${_}-${i}`);let a=c(t,{className:`relative h-full w-full overflow-hidden rounded-[8px] bg-gray-100`,children:[s(e,{src:r.coverImage||`/empty/default-cover.png`,alt:r.title||_,fill:!0,className:`object-cover`}),r.isVideo&&c(o,{children:[s(t,{className:`absolute inset-0 flex items-center justify-center bg-black/20`,children:s(t,{className:`flex h-6 w-6 items-center justify-center rounded-full bg-[var(--color-text-white80)]`,children:s(f,{size:12})})}),r.isMovie&&s(t,{className:`absolute bottom-1 left-1 rounded-xs bg-[var(--color-surface-mask-black60)] px-1 text-[10px] text-text1`,children:h(`collectionListItem.movieLabel`)}),r.videoDuration&&s(t,{className:`absolute bottom-1 right-1 rounded-xs bg-[var(--color-surface-mask-black60)] px-1 text-[10px] text-text1`,children:p(r.videoDuration)})]}),s(t,{className:`pointer-events-none absolute inset-x-0 bottom-0 h-[58px] rounded-b-[8px] bg-[image:var(--gradient-card-mask-strong)]`}),s(n,{className:`absolute bottom-3 left-2 right-2 line-clamp-2 text-[12px] leading-[16px] text-[var(--color-text-white80)]`,dangerouslySetInnerHTML:{__html:r.title||``}})]});return E?s(`button`,{type:`button`,className:`block h-[130px] w-[103px] shrink-0 overflow-hidden rounded-[8px] bg-[rgba(255,255,255,0.05)]`,onClick:D,"aria-pressed":S,children:a},r.id??`${_}-${i}`):s(u,{href:`/${r.contentType===1?`video`:`post`}/${r.id}`,className:`block h-[130px] w-full shrink-0 overflow-hidden rounded-[8px] bg-[rgba(255,255,255,0.05)]`,children:a},r.id??`${_}-${i}`)}return c(t,{className:`h-[200px] rounded-[8px] bg-[rgba(255,255,255,0.05)] p-4`,children:[c(t,{className:`mb-4 flex items-center justify-between gap-2`,children:[E?c(`button`,{type:`button`,className:`flex min-w-0 items-center gap-1${T?` opacity-50`:``}`,onClick:D,"aria-pressed":T?!1:S,"aria-disabled":T,children:[s(!T&&S?a:i,{}),s(n,{className:`line-clamp-1 text-[16px] font-normal leading-[22px] text-[var(--color-text-primary)]`,children:_})]}):s(n,{className:`line-clamp-1 text-[16px] font-normal leading-[22px] text-[var(--color-text-primary)]`,children:_}),E?c(t,{className:`flex shrink-0 items-center text-[var(--color-text-tertiary)]`,children:[c(n,{className:`text-[14px] leading-[20px] text-[var(--color-text-tertiary)]`,children:[v,h(`collectionListItem.contentCountSuffix`)]}),s(t,{className:`flex size-6 items-center justify-center`,children:s(r,{className:`h-4 w-4 text-[var(--color-text-tertiary)]`})})]}):c(u,{href:`/collection/${g}`,className:`flex shrink-0 items-center text-[var(--color-text-tertiary)]`,children:[c(n,{className:`text-[14px] leading-[20px] text-[var(--color-text-tertiary)]`,children:[v,h(`collectionListItem.contentCountSuffix`)]}),s(t,{className:`flex size-6 items-center justify-center`,children:s(r,{className:`h-4 w-4 text-[var(--color-text-tertiary)]`})})]})]}),s(t,{className:`grid h-[130px] w-full grid-cols-3 gap-2`,children:w.map(O)})]})}export{m as CollectionListItem};
+'use client';
+
+import { Image } from "../../../ui/image.mjs";
+import { Box } from "../../../ui/box.mjs";
+import { Text } from "../../../ui/text.mjs";
+import { RightArrowIcon } from "../../icons/right-arrow.mjs";
+import { CollectionSelectIcon, CollectionSelectedIcon } from "./collection-select-icon.mjs";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useTranslations } from "next-intl";
+import Link from "next/link";
+
+//#region components/common/list/collection-list/collection-list-item.tsx
+const emptyContents = [];
+function PlayIcon({ size = 12 }) {
+	return /* @__PURE__ */ jsx("svg", {
+		width: size,
+		height: size,
+		viewBox: "0 0 24 24",
+		fill: "currentColor",
+		children: /* @__PURE__ */ jsx("path", { d: "M8 5v14l11-7z" })
+	});
+}
+function formatDuration(seconds) {
+	if (!seconds) return "";
+	const hrs = Math.floor(seconds / 3600);
+	const mins = Math.floor(seconds % 3600 / 60);
+	const secs = Math.floor(seconds % 60);
+	return `${hrs.toString().padStart(2, "0")}:${mins.toString().padStart(2, "0")}:${secs.toString().padStart(2, "0")}`;
+}
+function CollectionListItem(props) {
+	const t = useTranslations("components.common.list.collectionList");
+	const { id, title, contentCount, contents = emptyContents, isDefaultCollection = false, isEditMode = false, isSelected = false, onToggleSelection } = props;
+	const previewItems = contents.slice(0, 3);
+	const isSelectionDisabled = Boolean(isDefaultCollection);
+	/** 编辑态下始终可点，由父级处理默认夹（toast / 不可选）。 */
+	const canToggleSelection = isEditMode && typeof onToggleSelection === "function";
+	/**
+	* 切换当前收藏夹选中态。
+	*/
+	function handleToggleSelection() {
+		onToggleSelection?.(id);
+	}
+	/**
+	* 渲染预览卡片内容。
+	*/
+	function renderPreviewCard(item, index) {
+		if (item.isPlaceholder) return /* @__PURE__ */ jsx(Box, { className: "h-[130px] w-full rounded-[8px] bg-[var(--color-surface-white10)]" }, item.id ?? `${title}-${index}`);
+		const previewContent = /* @__PURE__ */ jsxs(Box, {
+			className: "relative h-full w-full overflow-hidden rounded-[8px] bg-gray-100",
+			children: [
+				/* @__PURE__ */ jsx(Image, {
+					src: item.coverImage || "/empty/default-cover.png",
+					alt: item.title || title,
+					fill: true,
+					className: "object-cover"
+				}),
+				item.isVideo && /* @__PURE__ */ jsxs(Fragment, { children: [
+					/* @__PURE__ */ jsx(Box, {
+						className: "absolute inset-0 flex items-center justify-center bg-black/20",
+						children: /* @__PURE__ */ jsx(Box, {
+							className: "flex h-6 w-6 items-center justify-center rounded-full bg-[var(--color-text-white80)]",
+							children: /* @__PURE__ */ jsx(PlayIcon, { size: 12 })
+						})
+					}),
+					item.isMovie && /* @__PURE__ */ jsx(Box, {
+						className: "absolute bottom-1 left-1 rounded-xs bg-[var(--color-surface-mask-black60)] px-1 text-[10px] text-text1",
+						children: t("collectionListItem.movieLabel")
+					}),
+					item.videoDuration && /* @__PURE__ */ jsx(Box, {
+						className: "absolute bottom-1 right-1 rounded-xs bg-[var(--color-surface-mask-black60)] px-1 text-[10px] text-text1",
+						children: formatDuration(item.videoDuration)
+					})
+				] }),
+				/* @__PURE__ */ jsx(Box, { className: "pointer-events-none absolute inset-x-0 bottom-0 h-[58px] rounded-b-[8px] bg-[image:var(--gradient-card-mask-strong)]" }),
+				/* @__PURE__ */ jsx(Text, {
+					className: "absolute bottom-3 left-2 right-2 line-clamp-2 text-[12px] leading-[16px] text-[var(--color-text-white80)]",
+					dangerouslySetInnerHTML: { __html: item.title || "" }
+				})
+			]
+		});
+		if (canToggleSelection) return /* @__PURE__ */ jsx("button", {
+			type: "button",
+			className: "block h-[130px] w-[103px] shrink-0 overflow-hidden rounded-[8px] bg-[rgba(255,255,255,0.05)]",
+			onClick: handleToggleSelection,
+			"aria-pressed": isSelected,
+			children: previewContent
+		}, item.id ?? `${title}-${index}`);
+		return /* @__PURE__ */ jsx(Link, {
+			href: `/${item.contentType === 1 ? "video" : "post"}/${item.id}`,
+			className: "block h-[130px] w-full shrink-0 overflow-hidden rounded-[8px] bg-[rgba(255,255,255,0.05)]",
+			children: previewContent
+		}, item.id ?? `${title}-${index}`);
+	}
+	return /* @__PURE__ */ jsxs(Box, {
+		className: "h-[200px] rounded-[8px] bg-[rgba(255,255,255,0.05)] p-4",
+		children: [/* @__PURE__ */ jsxs(Box, {
+			className: "mb-4 flex items-center justify-between gap-2",
+			children: [canToggleSelection ? /* @__PURE__ */ jsxs("button", {
+				type: "button",
+				className: `flex min-w-0 items-center gap-1${isSelectionDisabled ? " opacity-50" : ""}`,
+				onClick: handleToggleSelection,
+				"aria-pressed": isSelectionDisabled ? false : isSelected,
+				"aria-disabled": isSelectionDisabled,
+				children: [!isSelectionDisabled && isSelected ? /* @__PURE__ */ jsx(CollectionSelectedIcon, {}) : /* @__PURE__ */ jsx(CollectionSelectIcon, {}), /* @__PURE__ */ jsx(Text, {
+					className: "line-clamp-1 text-[16px] font-normal leading-[22px] text-[var(--color-text-primary)]",
+					children: title
+				})]
+			}) : /* @__PURE__ */ jsx(Text, {
+				className: "line-clamp-1 text-[16px] font-normal leading-[22px] text-[var(--color-text-primary)]",
+				children: title
+			}), canToggleSelection ? /* @__PURE__ */ jsxs(Box, {
+				className: "flex shrink-0 items-center text-[var(--color-text-tertiary)]",
+				children: [/* @__PURE__ */ jsxs(Text, {
+					className: "text-[14px] leading-[20px] text-[var(--color-text-tertiary)]",
+					children: [contentCount, t("collectionListItem.contentCountSuffix")]
+				}), /* @__PURE__ */ jsx(Box, {
+					className: "flex size-6 items-center justify-center",
+					children: /* @__PURE__ */ jsx(RightArrowIcon, { className: "h-4 w-4 text-[var(--color-text-tertiary)]" })
+				})]
+			}) : /* @__PURE__ */ jsxs(Link, {
+				href: `/collection/${id}`,
+				className: "flex shrink-0 items-center text-[var(--color-text-tertiary)]",
+				children: [/* @__PURE__ */ jsxs(Text, {
+					className: "text-[14px] leading-[20px] text-[var(--color-text-tertiary)]",
+					children: [contentCount, t("collectionListItem.contentCountSuffix")]
+				}), /* @__PURE__ */ jsx(Box, {
+					className: "flex size-6 items-center justify-center",
+					children: /* @__PURE__ */ jsx(RightArrowIcon, { className: "h-4 w-4 text-[var(--color-text-tertiary)]" })
+				})]
+			})]
+		}), /* @__PURE__ */ jsx(Box, {
+			className: "grid h-[130px] w-full grid-cols-3 gap-2",
+			children: previewItems.map(renderPreviewCard)
+		})]
+	});
+}
+
+//#endregion
+export { CollectionListItem };

package/dist/components/common/list/collection-list/collection-list.mjs

@@ -1,2 +1,28 @@
 
-"use client";import{List as e}from"../../../ui/list.mjs";import{CollectionListItem as t}from"./collection-list-item.mjs";import{jsx as n}from"react/jsx-runtime";function r(r){let{list:i,loading:a,hasMore:o=!1,loadMore:s,emptyText:c=`暂无合集`,isEditMode:l=!1,selectedIds:u,onToggleSelection:d}=r;return n(e,{loading:a,loadMore:s,hasMore:o,empty:`no-content`,emptyText:c,className:`!bg-transparent flex flex-col gap-4`,children:i.map(e=>n(t,{...e,isEditMode:l,isSelected:u?.has(e.id)??!1,onToggleSelection:d},e.id))})}export{r as CollectionList};
+'use client';
+
+import { List } from "../../../ui/list.mjs";
+import { CollectionListItem } from "./collection-list-item.mjs";
+import { jsx } from "react/jsx-runtime";
+
+//#region components/common/list/collection-list/collection-list.tsx
+function CollectionList(props) {
+	const { list, loading, hasMore = false, loadMore, emptyText = "暂无合集", isEditMode = false, selectedIds, onToggleSelection } = props;
+	return /* @__PURE__ */ jsx(List, {
+		loading,
+		loadMore,
+		hasMore,
+		empty: "no-content",
+		emptyText,
+		className: "!bg-transparent flex flex-col gap-4",
+		children: list.map((item) => /* @__PURE__ */ jsx(CollectionListItem, {
+			...item,
+			isEditMode,
+			isSelected: selectedIds?.has(item.id) ?? false,
+			onToggleSelection
+		}, item.id))
+	});
+}
+
+//#endregion
+export { CollectionList };