@funhub/platform 0.1.127 → 0.1.130

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 overflow-hidden ${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 overflow-hidden ${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,110 @@
 
-"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{useEffect as a,useMemo as o,useRef as s,useState as c}from"react";import{jsx as l,jsxs as u}from"react/jsx-runtime";import{useTranslations as d}from"next-intl";function f({information:f,isShow:m,showTags:h=!0}){let g=d(`components.biz.business.detail`),{getTitleText:_}=n(),v=o(()=>_(f),[_,f]),y=o(()=>f.description||``,[f.description]),[b,x]=c(!1),[S,C]=c(!1),w=s(null),T=o(()=>p(f.score),[f.score]),E=f.tags||[],D=h&&E.length>0;a(()=>{x(!1)},[y]),a(()=>{if(b){C(!0);return}let e=w.current;if(!y||!m||!e){C(!1);return}let t=()=>{C(e.scrollHeight>e.clientHeight+1)};t();let n=new ResizeObserver(t);return n.observe(e),()=>{n.disconnect()}},[y,b,m]);function O(){x(e=>!e)}return!v&&!y&&!D?null:u(e,{className:`w-full mt-4 px-[12px]`,children:[u(e,{className:`w-full flex items-start justify-between min-w-0`,children:[l(e,{className:`flex-1 pr-[12px] min-w-0`,children:l(i,{title:v})}),u(e,{className:`ml-4 shrink-0 flex flex-col items-center`,children:[l(e,{className:`text-[28px] leading-[36px] h-[36px] font-bold text-[#FF9F1A]`,children:T}),l(t,{className:`text-[12px] text-text2 leading-4`,children:g(`detailIntroduction.score`)})]})]}),y&&m&&u(e,{className:`mt-[12px]`,children:[l(`p`,{ref:w,className:`text-[14px] leading-[22px] text-text2 break-all ${b?``:`line-clamp-1`}`,children:y}),S&&l(`button`,{type:`button`,className:`mt-[8px] text-theme5 inline-flex items-center text-[12px] leading-[18px] text-text2`,onClick:O,children:g(b?`detailIntroduction.collapse`:`detailIntroduction.expand`)})]}),D&&l(r,{tags:E,className:`mt-[12px]`})]})}function p(e){let t=Number(e||`0`);return Number.isFinite(t)?(t>10?t/10:t).toFixed(1):`0`}export{f 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 { useEffect, useMemo, useRef, useState } 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 [isAbstractExpanded, setIsAbstractExpanded] = useState(false);
+	const [isAbstractOverflow, setIsAbstractOverflow] = useState(false);
+	const abstractRef = useRef(null);
+	const scoreText = useMemo(() => formatScoreText(information.score), [information.score]);
+	const tags = information.tags || [];
+	const shouldShowTags = showTags && tags.length > 0;
+	useEffect(() => {
+		setIsAbstractExpanded(false);
+	}, [abstractText]);
+	useEffect(() => {
+		if (isAbstractExpanded) {
+			setIsAbstractOverflow(true);
+			return;
+		}
+		const abstractEl = abstractRef.current;
+		if (!abstractText || !isShow || !abstractEl) {
+			setIsAbstractOverflow(false);
+			return;
+		}
+		const updateOverflow = () => {
+			setIsAbstractOverflow(abstractEl.scrollHeight > abstractEl.clientHeight + 1);
+		};
+		updateOverflow();
+		const observer = new ResizeObserver(updateOverflow);
+		observer.observe(abstractEl);
+		return () => {
+			observer.disconnect();
+		};
+	}, [
+		abstractText,
+		isAbstractExpanded,
+		isShow
+	]);
+	/**
+	* 切换简介展开/收起。
+	*/
+	function handleAbstractToggle() {
+		setIsAbstractExpanded((prev) => !prev);
+	}
+	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__ */ jsxs(Box, {
+				className: "mt-[12px]",
+				children: [/* @__PURE__ */ jsx("p", {
+					ref: abstractRef,
+					className: `text-[14px] leading-[22px] text-text2 break-all ${isAbstractExpanded ? "" : "line-clamp-1"}`,
+					children: abstractText
+				}), isAbstractOverflow && /* @__PURE__ */ jsx("button", {
+					type: "button",
+					className: "mt-[8px] text-theme5 inline-flex items-center text-[12px] leading-[18px] text-text2",
+					onClick: handleAbstractToggle,
+					children: isAbstractExpanded ? t("detailIntroduction.collapse") : t("detailIntroduction.expand")
+				})]
+			}),
+			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,341 @@
 
-"use client";import{useUserStore as e}from"../../../../../store/modules/user-store.mjs";import{pCommunityMoveCollectionContent as t}from"../../../../../service/generated/client.mjs";import{Box as n}from"../../../../ui/box.mjs";import{Text as r}from"../../../../ui/text.mjs";import{useLoginModalStore as i}from"../../../../../store/modules/login-modal-store.mjs";import{useDeleteRequest as a}from"../../../../../hooks/query/use-query.mjs";import{debounceFun as o}from"../../../../../utils/tools.mjs";import s from"../../../../common/interaction-animations.module.mjs";import c from"../../../../common/collection-popup/index.mjs";import l from"../../../../common/share-popup/share-popup.mjs";import{useContentOperate as u}from"../../../../../hooks/use-content-operate.mjs";import d from"../../../../../assets/icons/detail/check-ok.mjs";import f from"../../../../../assets/icons/detail/collect_nor.mjs";import p from"../../../../../assets/icons/detail/collect_sel.mjs";import ee from"../../../../../assets/icons/detail/give_like.mjs";import m from"../../../../../assets/icons/detail/give_like_sel.mjs";import te from"../../../../../assets/icons/detail/share.mjs";import{useCallback as h,useEffect as g,useMemo as _,useRef as v,useState as y}from"react";import{jsx as b,jsxs as x}from"react/jsx-runtime";import{toast as S}from"sonner";import{useTranslations as C}from"next-intl";import{usePathname as w,useSearchParams as ne}from"next/navigation";function T({mode:T=`renderer`,information:O,onUpdate:k}){let A=T===`editor`||!O?.id||O.id.startsWith(`preview-`),j=`${w()}?${ne()?.toString()||``}`,M=v(j),N=C(`components.biz.business.detail`),[P,F]=y(!1),[I,L]=y(!1),R=v(0),z=e(e=>e.userId),B=e(e=>e.isLogin),V=a();g(()=>{M.current!==j&&(l.clear(),M.current=j)},[j]),g(()=>()=>{l.clear()},[]);let H=h(()=>{z&&(V([`user-profile`,`mine`,z,`user-like-video`]),V([`user-profile`,`mine`,z,`user-like-post`]),V([`user-profile`,`mine`,z,`user-collect-video`,z]),V([`user-profile`,`mine`,z,`user-collect-post`,z]))},[V,z]),{likeAnimation:U,handleLikeOperate:W,handleDefaultCollectionOperate:G,handleShareOperate:K}=u({id:O.id,isLike:O.like||!1,isDislike:O.dislike||!1,isCollect:O.collect||!1,likeCnt:D(O.static?.like_cnt),dislikeCnt:D(O.static?.dislike_cnt),contentType:1,prefetchDefaultCollection:!A,animationClasses:{like:s.likeShakeAnimation,dislike:s.dislikeShakeAnimation}}),q=h(e=>{k?.({...e})},[k]),J=h(async()=>{if(P)return;if(!B){i.getState().open();return}let e=Date.now();if(e-R.current<300)return;R.current=e,F(!0);let t=O.like||!1,n=O.dislike||!1,r=D(O.static?.like_cnt),a=D(O.static?.dislike_cnt),o=!t,s=Math.max(0,r+(o?1:-1)),c=o?!1:n,l=o&&n?Math.max(0,a-1):a;q({like:o,dislike:c,static:{...O.static,like_cnt:s,dislike_cnt:l}});try{let e=await W();if(!e){q({like:t,dislike:n,static:{...O.static,like_cnt:r,dislike_cnt:a}});return}q({like:e.isLike,dislike:e.isDislike??c,static:{...O.static,like_cnt:e.likeCnt,dislike_cnt:e.dislikeCnt??l}}),H(),window.sensors?.track?.(`detail_like_click`,{object_id:O.id,action:e.isLike?`点赞`:`取消点赞`,like_count:e.likeCnt})}catch(e){console.error(`点赞操作失败:`,e),S.error(N(`detailOperate.operateFailed`))}finally{F(!1)}},[W,O,H,P,B,N,q]),Y=_(()=>O.id,[O.id]),X=h(()=>{K(({isCollect:e})=>{q({collect:e})},Y)},[K,Y,q]),Z=h(()=>{c.show({mode:`select`,onCollect:async e=>{try{let n=await t({new_collection_id:e,content_id:O.id});if(n.code!==0)throw Error(n.message||N(`detailOperate.collectFailed`));q({collect:!0}),H(),S.success(N(`detailOperate.modifyCollectionSuccess`))}catch(e){console.error(`修改收藏夹失败:`,e),S.error(N(`detailOperate.collectFailed`))}}})},[O.id,H,N,q]),Q=h(e=>{let t=e||N(`detailOperate.defaultCollection`);S.custom(e=>x(`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:[x(`div`,{className:`flex items-center gap-[10px]`,children:[b(`div`,{className:`w-[24px] h-[24px] rounded-full bg-white flex items-center justify-center`,children:b(d,{className:`w-[14px] h-[14px]`})}),x(`div`,{className:`flex items-center gap-[6px]`,children:[b(`span`,{className:`text-[14px] leading-[20px]`,children:N(`detailOperate.collectAdded`)}),b(`span`,{className:`text-[14px] leading-[20px] font-semibold`,children:t})]})]}),b(`button`,{type:`button`,className:`text-[14px] text-theme5 font-semibold`,onClick:()=>{S.dismiss(e),Z()},children:N(`detailOperate.modifyCollection`)})]}))},[Z,N]),$=h(async()=>{if(I)return;if(!B){i.getState().open();return}let e=O.collect||!1;L(!0),window.sensors?.track?.(`detail_fav_click`,{object_id:O.id,action:e?`取消收藏`:`收藏`});try{let t=await G({currentCollect:e,onUpdate:({isCollect:e})=>{q({collect:e})}});if(!t?.success){S.error(t?.message||N(`detailOperate.collectFailed`));return}H(),window.sensors?.track?.(`detail_fav_click`,{object_id:O.id,action:t.isCollect?`收藏`:`取消收藏`}),!e&&t.isCollect&&Q(t.collectionTitle),e&&t.isCollect===!1&&S.success(N(`detailOperate.uncollectSuccess`))}catch(e){console.error(`收藏操作失败:`,e),S.error(e?.message||N(`detailOperate.collectFailed`))}finally{L(!1)}},[G,O.collect,O.id,H,I,B,Q,N,q]),re=_(()=>o($,300),[$]);return x(n,{className:`w-full h-[42px] mt-[16px] flex items-center justify-between ${A?`pointer-events-none`:``}`,children:[x(n,{className:`w-[25%] h-full flex flex-col items-center justify-center ${P?`opacity-50 cursor-not-allowed`:`cursor-pointer`}`,onClick:J,children:[O.like?b(m,{className:`w-[20px] h-[20px] ${U.animationClass}`}):b(ee,{className:`w-[20px] h-[20px] text-text2`}),b(r,{className:`text-[12px] text-text2 leading-[20px]`,children:O.static?O.static.like_cnt===0?N(`detailOperate.like`):E(O.static?.like_cnt):N(`detailOperate.like`)})]}),x(n,{className:`w-[25%] h-full flex flex-col items-center justify-center ${I?`opacity-50 cursor-not-allowed`:`cursor-pointer`}`,onClick:re,children:[O.collect?b(p,{className:`w-[20px] h-[20px]`}):b(f,{className:`w-[20px] h-[20px] text-text2`}),b(r,{className:`text-[12px] text-text2 leading-[20px]`,children:N(`detailOperate.collection`)})]}),x(n,{className:`w-[25%] h-full flex flex-col items-center justify-center cursor-pointer`,onClick:X,children:[b(te,{className:`w-[20px] h-[20px] text-text2`}),b(r,{className:`text-[12px] text-text2 leading-[20px]`,children:N(`detailOperate.share`)})]})]})}function E(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 D(e){if(e==null)return 0;if(typeof e==`number`)return e;let t=Number(e);return Number.isNaN(t)?0:t}export{T as DetailOperate};
+'use client';
+
+import { useUserStore } from "../../../../../store/modules/user-store.mjs";
+import { pCommunityMoveCollectionContent } from "../../../../../service/generated/client.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 SharePopup from "../../../../common/share-popup/share-popup.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, useEffect, useMemo, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { toast } from "sonner";
+import { useTranslations } from "next-intl";
+import { usePathname, useSearchParams } from "next/navigation";
+
+//#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 routeKey = `${usePathname()}?${useSearchParams()?.toString() || ""}`;
+	const lastRouteKeyRef = useRef(routeKey);
+	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();
+	useEffect(() => {
+		if (lastRouteKeyRef.current !== routeKey) {
+			SharePopup.clear();
+			lastRouteKeyRef.current = routeKey;
+		}
+	}, [routeKey]);
+	useEffect(() => {
+		return () => {
+			SharePopup.clear();
+		};
+	}, []);
+	/**
+	* 使个人中心的点赞/收藏列表失效。
+	*/
+	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: 1,
+		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
+	]);
+	/**
+	* 打开修改收藏夹弹窗。
+	*/
+	const openModifyCollectionPopup = useCallback(() => {
+		CollectionPopup.show({
+			mode: "select",
+			onCollect: async (collectionId) => {
+				try {
+					const response = await pCommunityMoveCollectionContent({
+						new_collection_id: collectionId,
+						content_id: information.id
+					});
+					if (response.code !== 0) throw new Error(response.message || t("detailOperate.collectFailed"));
+					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);
+			if (currentCollect && result.isCollect === false) toast.success(t("detailOperate.uncollectSuccess"));
+		} 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 };