@funhub/platform 0.1.61 → 0.1.62

package/dist/components/biz/business/detail/shared/detail-info-tags.mjs

@@ -1,2 +1,25 @@
 
-import{Box as e}from"../../../../ui/box.mjs";import{Text as t}from"../../../../ui/text.mjs";import{jsx as n,jsxs as r}from"react/jsx-runtime";function i({tags:i,className:a=``}){return!i||i.length===0?null:n(e,{className:`flex items-center gap-[6px] overflow-x-auto overflow-y-hidden flex-nowrap [scrollbar-width:none] [-ms-overflow-style:none] [&::-webkit-scrollbar]:hidden ${a}`,children:i.map((e,i)=>n(`div`,{className:`shrink-0 h-[28px] border-line1 border-[1px] rounded-[6px] px-[6px] flex items-center`,children:r(t,{className:`text-[14px] text-text1 leading-[20px]`,children:[`#`,e.name]})},`${i}-tag-${e.id}`))})}export{i as DetailInfoTags};
+import { Box } from "../../../../ui/box.mjs";
+import { Text } from "../../../../ui/text.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region components/biz/business/detail/shared/detail-info-tags.tsx
+/**
+* 详情标签单行横向滚动展示。
+*/
+function DetailInfoTags({ tags, className = "" }) {
+	if (!tags || tags.length === 0) return null;
+	return /* @__PURE__ */ jsx(Box, {
+		className: `flex items-center gap-[6px] overflow-x-auto overflow-y-hidden flex-nowrap [scrollbar-width:none] [-ms-overflow-style:none] [&::-webkit-scrollbar]:hidden ${className}`,
+		children: tags.map((tag, index) => /* @__PURE__ */ jsx("div", {
+			className: "shrink-0 h-[28px] border-line1 border-[1px] rounded-[6px] px-[6px] flex items-center",
+			children: /* @__PURE__ */ jsxs(Text, {
+				className: "text-[14px] text-text1 leading-[20px]",
+				children: ["#", tag.name]
+			})
+		}, `${index}-tag-${tag.id}`))
+	});
+}
+
+//#endregion
+export { DetailInfoTags };

package/dist/components/biz/business/detail/shared/detail-info-title.mjs

@@ -1,2 +1,83 @@
 
-"use client";import{Box as e}from"../../../../ui/box.mjs";import t from"../../../../../assets/icons/common/right_arrow.mjs";import{useEffect as n,useMemo as r,useRef as i,useState as a}from"react";import{jsx as o,jsxs as s}from"react/jsx-runtime";function c({title:c,className:l=``}){let[u,d]=a(!1),[f,p]=a(!1),m=i(null),h=i(null),g=i(null),_=r(()=>c?.trim()??``,[c]);if(n(()=>{d(!1)},[_]),n(()=>{if(u){p(!0);return}if(!_){p(!1);return}let e=h.current,t=g.current;if(!e||!t){p(!1);return}let n=()=>{let n=e.clientWidth||e.getBoundingClientRect().width,r=t.getBoundingClientRect().width;p(r>n+1)};n();let r=new ResizeObserver(n);return r.observe(e),m.current&&r.observe(m.current),()=>{r.disconnect()}},[u,_]),!_)return null;function v(){d(e=>!e)}return s(e,{ref:m,className:`relative flex items-start min-w-0 ${l}`,children:[o(`span`,{ref:g,className:`absolute invisible whitespace-nowrap text-[20px] leading-[28px] font-bold`,children:_}),o(`p`,{ref:h,className:`flex-1 min-w-0 text-[20px] leading-[28px] font-bold text-text1 ${u?``:`line-clamp-1`}`,children:_}),f&&o(`button`,{type:`button`,className:`ml-[8px] h-[24px] w-[24px] flex items-center justify-center`,onClick:v,children:o(t,{className:`h-[12px] w-[12px] text-text2 transition-transform ${u?`-rotate-90`:`rotate-90`}`})})]})}export{c as DetailInfoTitle};
+'use client';
+
+import { Box } from "../../../../ui/box.mjs";
+import SvgRightArrow from "../../../../../assets/icons/common/right_arrow.mjs";
+import { useEffect, useMemo, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region components/biz/business/detail/shared/detail-info-title.tsx
+/**
+* 详情标题（支持展开/收起）。
+*/
+function DetailInfoTitle({ title, className = "" }) {
+	const [isExpanded, setIsExpanded] = useState(false);
+	const [isOverflow, setIsOverflow] = useState(false);
+	const containerRef = useRef(null);
+	const titleRef = useRef(null);
+	const measureRef = useRef(null);
+	const resolvedTitle = useMemo(() => title?.trim() ?? "", [title]);
+	useEffect(() => {
+		setIsExpanded(false);
+	}, [resolvedTitle]);
+	useEffect(() => {
+		if (isExpanded) {
+			setIsOverflow(true);
+			return;
+		}
+		if (!resolvedTitle) {
+			setIsOverflow(false);
+			return;
+		}
+		const titleEl = titleRef.current;
+		const measureEl = measureRef.current;
+		if (!titleEl || !measureEl) {
+			setIsOverflow(false);
+			return;
+		}
+		const updateOverflow = () => {
+			const availableWidth = titleEl.clientWidth || titleEl.getBoundingClientRect().width;
+			const neededWidth = measureEl.getBoundingClientRect().width;
+			setIsOverflow(neededWidth > availableWidth + 1);
+		};
+		updateOverflow();
+		const observer = new ResizeObserver(updateOverflow);
+		observer.observe(titleEl);
+		if (containerRef.current) observer.observe(containerRef.current);
+		return () => {
+			observer.disconnect();
+		};
+	}, [isExpanded, resolvedTitle]);
+	if (!resolvedTitle) return null;
+	/**
+	* 切换标题展开状态。
+	*/
+	function handleToggle() {
+		setIsExpanded((prev) => !prev);
+	}
+	return /* @__PURE__ */ jsxs(Box, {
+		ref: containerRef,
+		className: `relative flex items-start min-w-0 ${className}`,
+		children: [
+			/* @__PURE__ */ jsx("span", {
+				ref: measureRef,
+				className: "absolute invisible whitespace-nowrap text-[20px] leading-[28px] font-bold",
+				children: resolvedTitle
+			}),
+			/* @__PURE__ */ jsx("p", {
+				ref: titleRef,
+				className: `flex-1 min-w-0 text-[20px] leading-[28px] font-bold text-text1 ${isExpanded ? "" : "line-clamp-1"}`,
+				children: resolvedTitle
+			}),
+			isOverflow && /* @__PURE__ */ jsx("button", {
+				type: "button",
+				className: "ml-[8px] h-[24px] w-[24px] flex items-center justify-center",
+				onClick: handleToggle,
+				children: /* @__PURE__ */ jsx(SvgRightArrow, { className: `h-[12px] w-[12px] text-text2 transition-transform ${isExpanded ? "-rotate-90" : "rotate-90"}` })
+			})
+		]
+	});
+}
+
+//#endregion
+export { DetailInfoTitle };

package/dist/components/biz/business/detail/shared/detail-introduction.mjs

@@ -1,2 +1,65 @@
 
-"use client";import{Box as e}from"../../../../ui/box.mjs";import{Text as t}from"../../../../ui/text.mjs";import{useCardDecoration as n}from"../../../../../hooks/use-card-decoration.mjs";import{DetailInfoTags as r}from"./detail-info-tags.mjs";import{DetailInfoTitle as i}from"./detail-info-title.mjs";import{useMemo as a}from"react";import{jsx as o,jsxs as s}from"react/jsx-runtime";import{useTranslations as c}from"next-intl";function l({information:l,isShow:d,showTags:f=!0}){let p=c(`components.biz.business.detail`),{getTitleText:m}=n(),h=a(()=>m(l),[m,l]),g=a(()=>l.description||``,[l.description]),_=a(()=>u(l.score),[l.score]),v=l.tags||[],y=f&&v.length>0;return!h&&!g&&!y?null:s(e,{className:`w-full mt-4 px-[12px]`,children:[s(e,{className:`w-full flex items-start justify-between min-w-0`,children:[o(e,{className:`flex-1 pr-[12px] min-w-0`,children:o(i,{title:h})}),s(e,{className:`ml-4 shrink-0 flex flex-col items-center`,children:[o(e,{className:`text-[28px] leading-[36px] h-[36px] font-bold text-[#FF9F1A]`,children:_}),o(t,{className:`text-[12px] text-text2 leading-4`,children:p(`detailIntroduction.score`)})]})]}),g&&d&&o(t,{className:`mt-[12px] text-[14px] leading-[22px] text-text2`,children:g}),y&&o(r,{tags:v,className:`mt-[12px]`})]})}function u(e){let t=Number(e||`0`);return Number.isFinite(t)?(t>10?t/10:t).toFixed(1):`0`}export{l as DetailIntroduction};
+'use client';
+
+import { Box } from "../../../../ui/box.mjs";
+import { Text } from "../../../../ui/text.mjs";
+import { useCardDecoration } from "../../../../../hooks/use-card-decoration.mjs";
+import { DetailInfoTags } from "./detail-info-tags.mjs";
+import { DetailInfoTitle } from "./detail-info-title.mjs";
+import { useMemo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useTranslations } from "next-intl";
+
+//#region components/biz/business/detail/shared/detail-introduction.tsx
+function DetailIntroduction({ information, isShow, showTags = true }) {
+	const t = useTranslations("components.biz.business.detail");
+	const { getTitleText } = useCardDecoration();
+	const titleText = useMemo(() => getTitleText(information), [getTitleText, information]);
+	const abstractText = useMemo(() => {
+		return information.description || "";
+	}, [information.description]);
+	const scoreText = useMemo(() => formatScoreText(information.score), [information.score]);
+	const tags = information.tags || [];
+	const shouldShowTags = showTags && tags.length > 0;
+	if (!titleText && !abstractText && !shouldShowTags) return null;
+	return /* @__PURE__ */ jsxs(Box, {
+		className: "w-full mt-4 px-[12px]",
+		children: [
+			/* @__PURE__ */ jsxs(Box, {
+				className: "w-full flex items-start justify-between min-w-0",
+				children: [/* @__PURE__ */ jsx(Box, {
+					className: "flex-1 pr-[12px] min-w-0",
+					children: /* @__PURE__ */ jsx(DetailInfoTitle, { title: titleText })
+				}), /* @__PURE__ */ jsxs(Box, {
+					className: "ml-4 shrink-0 flex flex-col items-center",
+					children: [/* @__PURE__ */ jsx(Box, {
+						className: "text-[28px] leading-[36px] h-[36px] font-bold text-[#FF9F1A]",
+						children: scoreText
+					}), /* @__PURE__ */ jsx(Text, {
+						className: "text-[12px] text-text2 leading-4",
+						children: t("detailIntroduction.score")
+					})]
+				})]
+			}),
+			abstractText && isShow && /* @__PURE__ */ jsx(Text, {
+				className: "mt-[12px] text-[14px] leading-[22px] text-text2",
+				children: abstractText
+			}),
+			shouldShowTags && /* @__PURE__ */ jsx(DetailInfoTags, {
+				tags,
+				className: "mt-[12px]"
+			})
+		]
+	});
+}
+/**
+* 评分文本格式化。
+*/
+function formatScoreText(score) {
+	const numericScore = Number(score || "0");
+	if (!Number.isFinite(numericScore)) return "0";
+	return (numericScore > 10 ? numericScore / 10 : numericScore).toFixed(1);
+}
+
+//#endregion
+export { DetailIntroduction };

package/dist/components/biz/business/detail/shared/detail-operate.mjs

@@ -1,2 +1,331 @@
 
-"use client";import{useUserStore as e}from"../../../../../store/modules/user-store.mjs";import{Box as t}from"../../../../ui/box.mjs";import{Text as n}from"../../../../ui/text.mjs";import{useLoginModalStore as r}from"../../../../../store/modules/login-modal-store.mjs";import{useDeleteRequest as i}from"../../../../../hooks/query/use-query.mjs";import{debounceFun as a}from"../../../../../utils/tools.mjs";import o from"../../../../common/interaction-animations.module.mjs";import s from"../../../../common/collection-popup/index.mjs";import{useContentOperate as c}from"../../../../../hooks/use-content-operate.mjs";import l from"../../../../../assets/icons/detail/check-ok.mjs";import u from"../../../../../assets/icons/detail/collect_nor.mjs";import d from"../../../../../assets/icons/detail/collect_sel.mjs";import f from"../../../../../assets/icons/detail/give_like.mjs";import p from"../../../../../assets/icons/detail/give_like_sel.mjs";import m from"../../../../../assets/icons/detail/share.mjs";import{useCallback as h,useMemo as g,useRef as _,useState as v}from"react";import{jsx as y,jsxs as b}from"react/jsx-runtime";import{toast as x}from"sonner";import{useTranslations as S}from"next-intl";function C({mode:C=`renderer`,information:E,onUpdate:D}){let O=C===`editor`||!E?.id||E.id.startsWith(`preview-`),k=S(`components.biz.business.detail`),[A,j]=v(!1),[M,N]=v(!1),P=_(0),F=e(e=>e.userId),I=e(e=>e.isLogin),L=i(),R=h(()=>{F&&(L([`user-profile`,`mine`,F,`user-like-video`]),L([`user-profile`,`mine`,F,`user-like-post`]),L([`user-profile`,`mine`,F,`user-collect-video`,F]),L([`user-profile`,`mine`,F,`user-collect-post`,F]))},[L,F]),{likeAnimation:z,handleLikeOperate:B,handleDefaultCollectionOperate:V,handleShareOperate:H}=c({id:E.id,isLike:E.like||!1,isDislike:E.dislike||!1,isCollect:E.collect||!1,likeCnt:T(E.static?.like_cnt),dislikeCnt:T(E.static?.dislike_cnt),contentType:E.content_type,prefetchDefaultCollection:!O,animationClasses:{like:o.likeShakeAnimation,dislike:o.dislikeShakeAnimation}}),U=h(e=>{D?.({...e})},[D]),W=h(async()=>{if(A)return;if(!I){r.getState().open();return}let e=Date.now();if(e-P.current<300)return;P.current=e,j(!0);let t=E.like||!1,n=E.dislike||!1,i=T(E.static?.like_cnt),a=T(E.static?.dislike_cnt),o=!t,s=Math.max(0,i+(o?1:-1)),c=o?!1:n,l=o&&n?Math.max(0,a-1):a;U({like:o,dislike:c,static:{...E.static,like_cnt:s,dislike_cnt:l}});try{let e=await B();if(!e){U({like:t,dislike:n,static:{...E.static,like_cnt:i,dislike_cnt:a}});return}U({like:e.isLike,dislike:e.isDislike??c,static:{...E.static,like_cnt:e.likeCnt,dislike_cnt:e.dislikeCnt??l}}),R(),window.sensors?.track?.(`detail_like_click`,{object_id:E.id,action:e.isLike?`点赞`:`取消点赞`,like_count:e.likeCnt})}catch(e){console.error(`点赞操作失败:`,e),x.error(k(`detailOperate.operateFailed`))}finally{j(!1)}},[B,E,R,A,I,k,U]),G=g(()=>E.id,[E.id]),K=h(()=>{H(({isCollect:e})=>{U({collect:e})},G)},[H,G,U]);async function q(e){return await new Promise(e=>setTimeout(e,300)),e}let J=h(()=>{s.show({mode:`select`,onCollect:async e=>{try{await q({contentId:E.id,collectionId:e}),U({collect:!0}),R(),x.success(k(`detailOperate.modifyCollectionSuccess`))}catch(e){console.error(`修改收藏夹失败:`,e),x.error(k(`detailOperate.collectFailed`))}}})},[E.id,R,k,U]),Y=h(e=>{let t=e||k(`detailOperate.defaultCollection`);x.custom(e=>b(`div`,{className:`flex items-center justify-between gap-[16px] px-[16px] py-[12px] rounded-[12px] bg-black text-white shadow-lg min-w-[280px]`,children:[b(`div`,{className:`flex items-center gap-[10px]`,children:[y(`div`,{className:`w-[24px] h-[24px] rounded-full bg-white flex items-center justify-center`,children:y(l,{className:`w-[14px] h-[14px]`})}),b(`div`,{className:`flex items-center gap-[6px]`,children:[y(`span`,{className:`text-[14px] leading-[20px]`,children:k(`detailOperate.collectAdded`)}),y(`span`,{className:`text-[14px] leading-[20px] font-semibold`,children:t})]})]}),y(`button`,{type:`button`,className:`text-[14px] text-theme5 font-semibold`,onClick:()=>{x.dismiss(e),J()},children:k(`detailOperate.modifyCollection`)})]}))},[J,k]),X=h(async()=>{if(M)return;if(!I){r.getState().open();return}let e=E.collect||!1;N(!0),window.sensors?.track?.(`detail_fav_click`,{object_id:E.id,action:e?`取消收藏`:`收藏`});try{let t=await V({currentCollect:e,onUpdate:({isCollect:e})=>{U({collect:e})}});if(!t?.success){x.error(t?.message||k(`detailOperate.collectFailed`));return}R(),window.sensors?.track?.(`detail_fav_click`,{object_id:E.id,action:t.isCollect?`收藏`:`取消收藏`}),!e&&t.isCollect&&Y(t.collectionTitle)}catch(e){console.error(`收藏操作失败:`,e),x.error(e?.message||k(`detailOperate.collectFailed`))}finally{N(!1)}},[V,E.collect,E.id,R,M,I,Y,k,U]),Z=g(()=>a(X,300),[X]);return b(t,{className:`w-full h-[42px] mt-[16px] flex items-center justify-between ${O?`pointer-events-none`:``}`,children:[b(t,{className:`w-[25%] h-full flex flex-col items-center justify-center ${A?`opacity-50 cursor-not-allowed`:`cursor-pointer`}`,onClick:W,children:[E.like?y(p,{className:`w-[20px] h-[20px] ${z.animationClass}`}):y(f,{className:`w-[20px] h-[20px] text-text2`}),y(n,{className:`text-[12px] text-text2 leading-[20px]`,children:E.static?E.static.like_cnt===0?k(`detailOperate.like`):w(E.static?.like_cnt):k(`detailOperate.like`)})]}),b(t,{className:`w-[25%] h-full flex flex-col items-center justify-center ${M?`opacity-50 cursor-not-allowed`:`cursor-pointer`}`,onClick:Z,children:[E.collect?y(d,{className:`w-[20px] h-[20px]`}):y(u,{className:`w-[20px] h-[20px] text-text2`}),y(n,{className:`text-[12px] text-text2 leading-[20px]`,children:k(`detailOperate.collection`)})]}),b(t,{className:`w-[25%] h-full flex flex-col items-center justify-center cursor-pointer`,onClick:K,children:[y(m,{className:`w-[20px] h-[20px] text-text2`}),y(n,{className:`text-[12px] text-text2 leading-[20px]`,children:k(`detailOperate.share`)})]})]})}function w(e){let t=Number(e||0);return Number.isNaN(t)||t<=0?`0`:t>=1e4?`${(t/1e4).toFixed(1)}w`:t>=1e3?`${(t/1e3).toFixed(1)}k`:String(t)}function T(e){if(e==null)return 0;if(typeof e==`number`)return e;let t=Number(e);return Number.isNaN(t)?0:t}export{C as DetailOperate};
+'use client';
+
+import { useUserStore } from "../../../../../store/modules/user-store.mjs";
+import { Box } from "../../../../ui/box.mjs";
+import { Text } from "../../../../ui/text.mjs";
+import { useLoginModalStore } from "../../../../../store/modules/login-modal-store.mjs";
+import { useDeleteRequest } from "../../../../../hooks/query/use-query.mjs";
+import { debounceFun } from "../../../../../utils/tools.mjs";
+import interaction_animations_module_default from "../../../../common/interaction-animations.module.mjs";
+import CollectionPopup from "../../../../common/collection-popup/index.mjs";
+import { useContentOperate } from "../../../../../hooks/use-content-operate.mjs";
+import SvgCheckOk from "../../../../../assets/icons/detail/check-ok.mjs";
+import SvgCollectNor from "../../../../../assets/icons/detail/collect_nor.mjs";
+import SvgCollectSel from "../../../../../assets/icons/detail/collect_sel.mjs";
+import SvgGiveLike from "../../../../../assets/icons/detail/give_like.mjs";
+import SvgGiveLikeSel from "../../../../../assets/icons/detail/give_like_sel.mjs";
+import SvgShare from "../../../../../assets/icons/detail/share.mjs";
+import { useCallback, useMemo, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { toast } from "sonner";
+import { useTranslations } from "next-intl";
+
+//#region components/biz/business/detail/shared/detail-operate.tsx
+/**
+* 详情页操作区（点赞/收藏/分享）。
+* 样式与交互对齐原项目 `detail/common/operate.tsx`。
+*/
+function DetailOperate({ mode = "renderer", information, onUpdate }) {
+	const isPreview = mode === "editor" || !information?.id || information.id.startsWith("preview-");
+	const t = useTranslations("components.biz.business.detail");
+	const [isLikeLoading, setIsLikeLoading] = useState(false);
+	const [isCollectLoading, setIsCollectLoading] = useState(false);
+	const likeThrottleRef = useRef(0);
+	const userId = useUserStore((state) => state.userId);
+	const isLogin = useUserStore((state) => state.isLogin);
+	const invalidateRequest = useDeleteRequest();
+	/**
+	* 使个人中心的点赞/收藏列表失效。
+	*/
+	const invalidateProfileInteractionList = useCallback(() => {
+		if (!userId) return;
+		invalidateRequest([
+			"user-profile",
+			"mine",
+			userId,
+			"user-like-video"
+		]);
+		invalidateRequest([
+			"user-profile",
+			"mine",
+			userId,
+			"user-like-post"
+		]);
+		invalidateRequest([
+			"user-profile",
+			"mine",
+			userId,
+			"user-collect-video",
+			userId
+		]);
+		invalidateRequest([
+			"user-profile",
+			"mine",
+			userId,
+			"user-collect-post",
+			userId
+		]);
+	}, [invalidateRequest, userId]);
+	const { likeAnimation, handleLikeOperate, handleDefaultCollectionOperate, handleShareOperate } = useContentOperate({
+		id: information.id,
+		isLike: information.like || false,
+		isDislike: information.dislike || false,
+		isCollect: information.collect || false,
+		likeCnt: stringToNumber(information.static?.like_cnt),
+		dislikeCnt: stringToNumber(information.static?.dislike_cnt),
+		contentType: information.content_type,
+		prefetchDefaultCollection: !isPreview,
+		animationClasses: {
+			like: interaction_animations_module_default.likeShakeAnimation,
+			dislike: interaction_animations_module_default.dislikeShakeAnimation
+		}
+	});
+	const updateOperateData = useCallback((newData) => {
+		onUpdate?.({ ...newData });
+	}, [onUpdate]);
+	const handleLike = useCallback(async () => {
+		if (isLikeLoading) return;
+		if (!isLogin) {
+			useLoginModalStore.getState().open();
+			return;
+		}
+		const now = Date.now();
+		if (now - likeThrottleRef.current < 300) return;
+		likeThrottleRef.current = now;
+		setIsLikeLoading(true);
+		const prevLike = information.like || false;
+		const prevDislike = information.dislike || false;
+		const prevLikeCnt = stringToNumber(information.static?.like_cnt);
+		const prevDislikeCnt = stringToNumber(information.static?.dislike_cnt);
+		const nextLike = !prevLike;
+		const nextLikeCnt = Math.max(0, prevLikeCnt + (nextLike ? 1 : -1));
+		const nextDislike = nextLike ? false : prevDislike;
+		const nextDislikeCnt = nextLike && prevDislike ? Math.max(0, prevDislikeCnt - 1) : prevDislikeCnt;
+		updateOperateData({
+			like: nextLike,
+			dislike: nextDislike,
+			static: {
+				...information.static,
+				like_cnt: nextLikeCnt,
+				dislike_cnt: nextDislikeCnt
+			}
+		});
+		try {
+			const result = await handleLikeOperate();
+			if (!result) {
+				updateOperateData({
+					like: prevLike,
+					dislike: prevDislike,
+					static: {
+						...information.static,
+						like_cnt: prevLikeCnt,
+						dislike_cnt: prevDislikeCnt
+					}
+				});
+				return;
+			}
+			updateOperateData({
+				like: result.isLike,
+				dislike: result.isDislike ?? nextDislike,
+				static: {
+					...information.static,
+					like_cnt: result.likeCnt,
+					dislike_cnt: result.dislikeCnt ?? nextDislikeCnt
+				}
+			});
+			invalidateProfileInteractionList();
+			window.sensors?.track?.("detail_like_click", {
+				object_id: information.id,
+				action: result.isLike ? "点赞" : "取消点赞",
+				like_count: result.likeCnt
+			});
+		} catch (error) {
+			console.error("点赞操作失败:", error);
+			toast.error(t("detailOperate.operateFailed"));
+		} finally {
+			setIsLikeLoading(false);
+		}
+	}, [
+		handleLikeOperate,
+		information,
+		invalidateProfileInteractionList,
+		isLikeLoading,
+		isLogin,
+		t,
+		updateOperateData
+	]);
+	const targetOperateId = useMemo(() => {
+		return information.id;
+	}, [information.id]);
+	const handleShare = useCallback(() => {
+		handleShareOperate(({ isCollect }) => {
+			updateOperateData({ collect: isCollect });
+		}, targetOperateId);
+	}, [
+		handleShareOperate,
+		targetOperateId,
+		updateOperateData
+	]);
+	/**
+	* mock 转移收藏夹接口。
+	* @param payload 转移参数
+	*/
+	async function mockMoveToCollection(payload) {
+		await new Promise((resolve) => setTimeout(resolve, 300));
+		return payload;
+	}
+	/**
+	* 打开修改收藏夹弹窗。
+	*/
+	const openModifyCollectionPopup = useCallback(() => {
+		CollectionPopup.show({
+			mode: "select",
+			onCollect: async (collectionId) => {
+				try {
+					await mockMoveToCollection({
+						contentId: information.id,
+						collectionId
+					});
+					updateOperateData({ collect: true });
+					invalidateProfileInteractionList();
+					toast.success(t("detailOperate.modifyCollectionSuccess"));
+				} catch (error) {
+					console.error("修改收藏夹失败:", error);
+					toast.error(t("detailOperate.collectFailed"));
+				}
+			}
+		});
+	}, [
+		information.id,
+		invalidateProfileInteractionList,
+		t,
+		updateOperateData
+	]);
+	/**
+	* 展示收藏成功 toast。
+	* @param collectionTitle 收藏夹名称
+	*/
+	const showCollectToast = useCallback((collectionTitle) => {
+		const title = collectionTitle || t("detailOperate.defaultCollection");
+		toast.custom((id) => /* @__PURE__ */ jsxs("div", {
+			className: "flex items-center justify-between gap-[16px] px-[16px] py-[12px] rounded-[12px] bg-black text-white shadow-lg min-w-[280px]",
+			children: [/* @__PURE__ */ jsxs("div", {
+				className: "flex items-center gap-[10px]",
+				children: [/* @__PURE__ */ jsx("div", {
+					className: "w-[24px] h-[24px] rounded-full bg-white flex items-center justify-center",
+					children: /* @__PURE__ */ jsx(SvgCheckOk, { className: "w-[14px] h-[14px]" })
+				}), /* @__PURE__ */ jsxs("div", {
+					className: "flex items-center gap-[6px]",
+					children: [/* @__PURE__ */ jsx("span", {
+						className: "text-[14px] leading-[20px]",
+						children: t("detailOperate.collectAdded")
+					}), /* @__PURE__ */ jsx("span", {
+						className: "text-[14px] leading-[20px] font-semibold",
+						children: title
+					})]
+				})]
+			}), /* @__PURE__ */ jsx("button", {
+				type: "button",
+				className: "text-[14px] text-theme5 font-semibold",
+				onClick: () => {
+					toast.dismiss(id);
+					openModifyCollectionPopup();
+				},
+				children: t("detailOperate.modifyCollection")
+			})]
+		}));
+	}, [openModifyCollectionPopup, t]);
+	const handleCollect = useCallback(async () => {
+		if (isCollectLoading) return;
+		if (!isLogin) {
+			useLoginModalStore.getState().open();
+			return;
+		}
+		const currentCollect = information.collect || false;
+		setIsCollectLoading(true);
+		window.sensors?.track?.("detail_fav_click", {
+			object_id: information.id,
+			action: currentCollect ? "取消收藏" : "收藏"
+		});
+		try {
+			const result = await handleDefaultCollectionOperate({
+				currentCollect,
+				onUpdate: ({ isCollect }) => {
+					updateOperateData({ collect: isCollect });
+				}
+			});
+			if (!result?.success) {
+				toast.error(result?.message || t("detailOperate.collectFailed"));
+				return;
+			}
+			invalidateProfileInteractionList();
+			window.sensors?.track?.("detail_fav_click", {
+				object_id: information.id,
+				action: result.isCollect ? "收藏" : "取消收藏"
+			});
+			if (!currentCollect && result.isCollect) showCollectToast(result.collectionTitle);
+		} catch (error) {
+			console.error("收藏操作失败:", error);
+			toast.error(error?.message || t("detailOperate.collectFailed"));
+		} finally {
+			setIsCollectLoading(false);
+		}
+	}, [
+		handleDefaultCollectionOperate,
+		information.collect,
+		information.id,
+		invalidateProfileInteractionList,
+		isCollectLoading,
+		isLogin,
+		showCollectToast,
+		t,
+		updateOperateData
+	]);
+	const debouncedHandleCollect = useMemo(() => debounceFun(handleCollect, 300), [handleCollect]);
+	return /* @__PURE__ */ jsxs(Box, {
+		className: `w-full h-[42px] mt-[16px] flex items-center justify-between ${isPreview ? "pointer-events-none" : ""}`,
+		children: [
+			/* @__PURE__ */ jsxs(Box, {
+				className: `w-[25%] h-full flex flex-col items-center justify-center ${isLikeLoading ? "opacity-50 cursor-not-allowed" : "cursor-pointer"}`,
+				onClick: handleLike,
+				children: [information.like ? /* @__PURE__ */ jsx(SvgGiveLikeSel, { className: `w-[20px] h-[20px] ${likeAnimation.animationClass}` }) : /* @__PURE__ */ jsx(SvgGiveLike, { className: "w-[20px] h-[20px] text-text2" }), /* @__PURE__ */ jsx(Text, {
+					className: "text-[12px] text-text2 leading-[20px]",
+					children: information.static ? information.static.like_cnt === 0 ? t("detailOperate.like") : formatNumber(information.static?.like_cnt) : t("detailOperate.like")
+				})]
+			}),
+			/* @__PURE__ */ jsxs(Box, {
+				className: `w-[25%] h-full flex flex-col items-center justify-center ${isCollectLoading ? "opacity-50 cursor-not-allowed" : "cursor-pointer"}`,
+				onClick: debouncedHandleCollect,
+				children: [information.collect ? /* @__PURE__ */ jsx(SvgCollectSel, { className: "w-[20px] h-[20px]" }) : /* @__PURE__ */ jsx(SvgCollectNor, { className: "w-[20px] h-[20px] text-text2" }), /* @__PURE__ */ jsx(Text, {
+					className: "text-[12px] text-text2 leading-[20px]",
+					children: t("detailOperate.collection")
+				})]
+			}),
+			/* @__PURE__ */ jsxs(Box, {
+				className: "w-[25%] h-full flex flex-col items-center justify-center cursor-pointer",
+				onClick: handleShare,
+				children: [/* @__PURE__ */ jsx(SvgShare, { className: "w-[20px] h-[20px] text-text2" }), /* @__PURE__ */ jsx(Text, {
+					className: "text-[12px] text-text2 leading-[20px]",
+					children: t("detailOperate.share")
+				})]
+			})
+		]
+	});
+}
+function formatNumber(input) {
+	const num = Number(input || 0);
+	if (Number.isNaN(num) || num <= 0) return "0";
+	if (num >= 1e4) return `${(num / 1e4).toFixed(1)}w`;
+	if (num >= 1e3) return `${(num / 1e3).toFixed(1)}k`;
+	return String(num);
+}
+function stringToNumber(value) {
+	if (value === void 0 || value === null) return 0;
+	if (typeof value === "number") return value;
+	const parsed = Number(value);
+	return Number.isNaN(parsed) ? 0 : parsed;
+}
+
+//#endregion
+export { DetailOperate };

package/dist/components/biz/business/detail/shared/detail-structured-data.mjs

@@ -1,2 +1,64 @@
 
-import{getSeoConfig as e}from"./seo-config.mjs";import{getGenerateSeoData as t}from"./metadata-utils.mjs";import{Fragment as n,jsx as r,jsxs as i}from"react/jsx-runtime";async function a({information:a,detailId:o}){if(!a||!o)return null;let s=await t({dataType:1,dataId:Number.parseInt(o,10)||0}),c=String(s?.title||``),l=String(s?.description||``),u=a.content_type===0||!!a.links?.length,d=c.substring(0,100),f=l.substring(0,200),p=e(),m=a.img_y||a.img_x||a.preview_images?.[0]||p.logoUrl,h=a.source_username||`用户`,g=a.show_at?new Date(a.show_at.replace(/-/g,`/`)).toISOString():new Date().toISOString(),_={"@context":`https://schema.org`,author:{"@type":`Person`,name:h}},v=u?{..._,"@type":`VideoObject`,name:d,description:f,thumbnailUrl:m,uploadDate:g,duration:a.duration?`PT${Math.floor(Number(a.duration))}S`:void 0}:{..._,"@type":`Article`,headline:d,description:f,image:m,datePublished:g,dateModified:g,publisher:{"@type":`Organization`,name:p.siteName,logo:{"@type":`ImageObject`,url:`${p.siteUrl}/favicon.png`}}};return i(n,{children:[r(`h1`,{className:`sr-only`,children:f}),r(`script`,{type:`application/ld+json`,dangerouslySetInnerHTML:{__html:JSON.stringify(v)}})]})}export{a as DetailStructuredData};
+import { getSeoConfig } from "./seo-config.mjs";
+import { getGenerateSeoData } from "./metadata-utils.mjs";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+
+//#region components/biz/business/detail/shared/detail-structured-data.tsx
+async function DetailStructuredData({ information, detailId }) {
+	if (!information || !detailId) return null;
+	const seoData = await getGenerateSeoData({
+		dataType: 1,
+		dataId: Number.parseInt(detailId, 10) || 0
+	});
+	const seoTitle = String(seoData?.title || "");
+	const seoDescription = String(seoData?.description || "");
+	const isVideo = information.content_type === 0 || Boolean(information.links?.length);
+	const title = seoTitle.substring(0, 100);
+	const description = seoDescription.substring(0, 200);
+	const seoConfig = getSeoConfig();
+	const image = information.img_y || information.img_x || information.preview_images?.[0] || seoConfig.logoUrl;
+	const authorName = information.source_username || "用户";
+	const publishDate = information.show_at ? new Date(information.show_at.replace(/-/g, "/")).toISOString() : (/* @__PURE__ */ new Date()).toISOString();
+	const baseStructuredData = {
+		"@context": "https://schema.org",
+		"author": {
+			"@type": "Person",
+			"name": authorName
+		}
+	};
+	const structuredData = isVideo ? {
+		...baseStructuredData,
+		"@type": "VideoObject",
+		"name": title,
+		description,
+		"thumbnailUrl": image,
+		"uploadDate": publishDate,
+		"duration": information.duration ? `PT${Math.floor(Number(information.duration))}S` : void 0
+	} : {
+		...baseStructuredData,
+		"@type": "Article",
+		"headline": title,
+		description,
+		image,
+		"datePublished": publishDate,
+		"dateModified": publishDate,
+		"publisher": {
+			"@type": "Organization",
+			"name": seoConfig.siteName,
+			"logo": {
+				"@type": "ImageObject",
+				"url": `${seoConfig.siteUrl}/favicon.png`
+			}
+		}
+	};
+	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("h1", {
+		className: "sr-only",
+		children: description
+	}), /* @__PURE__ */ jsx("script", {
+		type: "application/ld+json",
+		dangerouslySetInnerHTML: { __html: JSON.stringify(structuredData) }
+	})] });
+}
+
+//#endregion
+export { DetailStructuredData };

package/dist/components/biz/business/detail/shared/editor-preview.mjs

@@ -1,2 +1,68 @@
 
-const e=`/static/components-thumb/video_player.png`,t=[{id:`tag-1`,name:`标签`,group:`类型`},{id:`tag-2`,name:`标签`,group:`类型`},{id:`tag-3`,name:`标签`,group:`类型`}],n=Array.from({length:6}).map((e,t)=>({id:`episode-${t+1}`,name:`第${t+1}集`,preview_m3u8_url:``,m3u8_url:``})),r={id:`preview-detail`,mid:`preview-detail`,name:`电影名称电影名称电影名称电影名称电影名称`,img_x:e,img_y:e,preview_images:[e],description:`简介文案，简介文案简介文案简介文案简介文案简介文案简介文案简介文案简介文案简介文案简介文案简介文案简介文案简介文案。`,score:`9.6`,is_more_link:`y`,update_status:`1`,tags:t,links:n,content_type:0,play_count:123,episode_cnt:n.length,like:!1,dislike:!1,collect:!1,static:{like_cnt:0,dislike_cnt:0}};function i(e=6){let t=Math.max(1,Math.floor(e));return Array.from({length:t}).map((e,t)=>({...r,id:`preview-recommend-${t+1}`,name:`猜你喜欢 ${t+1}`,play_count:8e3+t*873}))}export{i as buildEditorPreviewRecommendList,r as editorPreviewInformation};
+//#region components/biz/business/detail/shared/editor-preview.ts
+const EDITOR_PREVIEW_COVER = "/static/components-thumb/video_player.png";
+const editorPreviewTags = [
+	{
+		id: "tag-1",
+		name: "标签",
+		group: "类型"
+	},
+	{
+		id: "tag-2",
+		name: "标签",
+		group: "类型"
+	},
+	{
+		id: "tag-3",
+		name: "标签",
+		group: "类型"
+	}
+];
+const editorPreviewLinks = Array.from({ length: 6 }).map((_, index) => ({
+	id: `episode-${index + 1}`,
+	name: `第${index + 1}集`,
+	preview_m3u8_url: "",
+	m3u8_url: ""
+}));
+/**
+* 视频详情物料编辑器预览数据。
+*/
+const editorPreviewInformation = {
+	id: "preview-detail",
+	mid: "preview-detail",
+	name: "电影名称电影名称电影名称电影名称电影名称",
+	img_x: EDITOR_PREVIEW_COVER,
+	img_y: EDITOR_PREVIEW_COVER,
+	preview_images: [EDITOR_PREVIEW_COVER],
+	description: "简介文案，简介文案简介文案简介文案简介文案简介文案简介文案简介文案简介文案简介文案简介文案简介文案简介文案简介文案。",
+	score: "9.6",
+	is_more_link: "y",
+	update_status: "1",
+	tags: editorPreviewTags,
+	links: editorPreviewLinks,
+	content_type: 0,
+	play_count: 123,
+	episode_cnt: editorPreviewLinks.length,
+	like: false,
+	dislike: false,
+	collect: false,
+	static: {
+		like_cnt: 0,
+		dislike_cnt: 0
+	}
+};
+/**
+* 生成编辑器预览的推荐列表数据。
+*/
+function buildEditorPreviewRecommendList(count = 6) {
+	const total = Math.max(1, Math.floor(count));
+	return Array.from({ length: total }).map((_, index) => ({
+		...editorPreviewInformation,
+		id: `preview-recommend-${index + 1}`,
+		name: `猜你喜欢 ${index + 1}`,
+		play_count: 8e3 + index * 873
+	}));
+}
+
+//#endregion
+export { buildEditorPreviewRecommendList, editorPreviewInformation };