@funhub/platform 0.1.130 → 0.1.132

package/dist/components/pages/collection-detail/_components/collection-detail-card.mjs

@@ -1,184 +1,2 @@
 
-'use client';
-
-import { Image } from "../../../ui/image.mjs";
-import { Box } from "../../../ui/box.mjs";
-import { Checkbox } from "../../../ui/checkbox.mjs";
-import { Text } from "../../../ui/text.mjs";
-import { VideoListItem } from "../../../common/list/video-list/video-list-item.mjs";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useTranslations } from "next-intl";
-import Link from "next/link";
-
-//#region components/pages/collection-detail/_components/collection-detail-card.tsx
-const EMPTY_TAGS = [];
-/**
-* 格式化评分显示。
-*/
-function formatScore(score) {
-	if (!Number.isFinite(score)) return "--";
-	return score.toFixed(1);
-}
-/**
-* 判断当前内容是否为视频。
-*/
-function isVideoContent(type) {
-	return type === 1;
-}
-/**
-* 合集详情列表的卡片。
-*/
-function CollectionDetailCard(props) {
-	const { title, coverImage, score = 0, isMovie = false, collectedAt, tags = EMPTY_TAGS, id, type, duration = 0, authorName = "", viewCount = 0, publishTime, is_more_link = false, seriesNum, isEditMode = false, isSelected = false, onToggleSelection } = props;
-	const t = useTranslations("components.pages.collectionDetail");
-	function handleToggleSelection() {
-		onToggleSelection?.(id);
-	}
-	function handleSelectionKeyDown(event) {
-		if (event.target !== event.currentTarget) return;
-		if (event.key === "Enter" || event.key === " ") {
-			event.preventDefault();
-			handleToggleSelection();
-		}
-	}
-	function handleCheckboxAreaClick(event) {
-		event.stopPropagation();
-		handleToggleSelection();
-	}
-	if (isVideoContent(type)) {
-		if (isEditMode) return /* @__PURE__ */ jsx(Box, {
-			role: "button",
-			tabIndex: 0,
-			className: "w-full text-left",
-			onClick: handleToggleSelection,
-			onKeyDown: handleSelectionKeyDown,
-			children: /* @__PURE__ */ jsxs(Box, {
-				className: "flex items-start gap-2",
-				children: [/* @__PURE__ */ jsx("button", {
-					type: "button",
-					className: "-m-2 p-2 shrink-0 self-center",
-					onClick: handleCheckboxAreaClick,
-					children: /* @__PURE__ */ jsx(Checkbox, {
-						checked: isSelected,
-						className: "pointer-events-none"
-					})
-				}), /* @__PURE__ */ jsx(Box, {
-					className: "flex-1 min-w-0",
-					children: /* @__PURE__ */ jsx(VideoListItem, {
-						id,
-						title,
-						coverImage,
-						duration,
-						authorName,
-						viewCount,
-						publishTime: publishTime ?? collectedAt ?? "",
-						is_more_link,
-						seriesNum,
-						showVideoProgress: false
-					})
-				})]
-			})
-		});
-		return /* @__PURE__ */ jsx(Link, {
-			className: "block",
-			href: `/video/${id}/${title}`,
-			children: /* @__PURE__ */ jsx(VideoListItem, {
-				id,
-				title,
-				coverImage,
-				duration,
-				authorName,
-				viewCount,
-				publishTime: publishTime ?? collectedAt ?? "",
-				is_more_link,
-				seriesNum,
-				showVideoProgress: false
-			})
-		});
-	}
-	if (isEditMode) return /* @__PURE__ */ jsx(Box, {
-		role: "button",
-		tabIndex: 0,
-		className: "w-full text-left",
-		onClick: handleToggleSelection,
-		onKeyDown: handleSelectionKeyDown,
-		children: /* @__PURE__ */ jsxs(Box, {
-			className: "flex items-start gap-2 py-1.5",
-			children: [/* @__PURE__ */ jsx("button", {
-				type: "button",
-				className: "-m-2 p-2 shrink-0 self-center",
-				onClick: handleCheckboxAreaClick,
-				children: /* @__PURE__ */ jsx(Checkbox, {
-					checked: isSelected,
-					className: "pointer-events-none"
-				})
-			}), /* @__PURE__ */ jsxs(Box, {
-				className: "flex-1 min-w-0 flex items-start gap-3",
-				children: [/* @__PURE__ */ jsx(Box, {
-					className: "relative w-32 h-20 shrink-0 rounded-lg overflow-hidden bg-gray-100",
-					children: /* @__PURE__ */ jsx(Image, {
-						src: coverImage || "/empty/default-cover.png",
-						alt: title || t("detail.coverAlt"),
-						fill: true,
-						className: "object-cover"
-					})
-				}), /* @__PURE__ */ jsxs(Box, {
-					className: "flex-1 min-w-0 flex flex-col gap-1.5",
-					children: [/* @__PURE__ */ jsxs(Box, {
-						className: "flex justify-between ",
-						children: [/* @__PURE__ */ jsx(Text, {
-							className: "text-base font-bold  text-text1 line-clamp-1",
-							dangerouslySetInnerHTML: { __html: title }
-						}), isMovie && /* @__PURE__ */ jsx(Text, {
-							className: "text-xl font-bold text-[#ff9f1a]",
-							children: formatScore(score)
-						})]
-					}), /* @__PURE__ */ jsx(Box, {
-						className: "flex flex-wrap gap-1",
-						children: tags.map((tag) => /* @__PURE__ */ jsx(Box, {
-							className: "px-2 py-0.5 rounded-full  scale-90 text-sm text-[rgb(226,76,37)] bg-[rgba(226,76,37,.3)] ",
-							children: tag
-						}, tag))
-					})]
-				})]
-			})]
-		})
-	});
-	return /* @__PURE__ */ jsx(Box, {
-		className: "pt-2",
-		children: /* @__PURE__ */ jsxs(Link, {
-			className: "flex items-start gap-3 py-3",
-			href: type === 1 ? `/video/${id}/${title}` : `/post/${id}`,
-			children: [/* @__PURE__ */ jsx(Box, {
-				className: "relative w-32 h-20 shrink-0 rounded-lg overflow-hidden bg-gray-100",
-				children: /* @__PURE__ */ jsx(Image, {
-					src: coverImage || "/empty/default-cover.png",
-					alt: title || t("detail.coverAlt"),
-					fill: true,
-					className: "object-cover"
-				})
-			}), /* @__PURE__ */ jsxs(Box, {
-				className: "flex-1 min-w-0 flex flex-col gap-1.5",
-				children: [/* @__PURE__ */ jsxs(Box, {
-					className: "flex justify-between ",
-					children: [/* @__PURE__ */ jsx(Text, {
-						className: "text-base font-bold  text-text1 line-clamp-1",
-						dangerouslySetInnerHTML: { __html: title }
-					}), isMovie && /* @__PURE__ */ jsx(Text, {
-						className: "text-xl font-bold text-[#ff9f1a]",
-						children: formatScore(score)
-					})]
-				}), /* @__PURE__ */ jsx(Box, {
-					className: "flex flex-wrap gap-1",
-					children: tags.map((tag) => /* @__PURE__ */ jsx(Box, {
-						className: "px-2 py-0.5 rounded-full  scale-90 text-sm text-[rgb(226,76,37)] bg-[rgba(226,76,37,.3)] ",
-						children: tag
-					}, tag))
-				})]
-			})]
-		})
-	});
-}
-
-//#endregion
-export { CollectionDetailCard };
+"use client";import{Image as e}from"../../../ui/image.mjs";import{Box as t}from"../../../ui/box.mjs";import{Checkbox as n}from"../../../ui/checkbox.mjs";import{Text as r}from"../../../ui/text.mjs";import{VideoListItem as i}from"../../../common/list/video-list/video-list-item.mjs";import{jsx as a,jsxs as o}from"react/jsx-runtime";import{useTranslations as s}from"next-intl";import c from"next/link";const l=[];function u(e){return Number.isFinite(e)?e.toFixed(1):`--`}function d(e){return e===1}function f(f){let{title:p,coverImage:m,score:h=0,isMovie:g=!1,collectedAt:_,tags:v=l,id:y,type:b,duration:x=0,authorName:S=``,viewCount:C=0,publishTime:w,is_more_link:T=!1,seriesNum:E,isEditMode:D=!1,isSelected:O=!1,onToggleSelection:k}=f,A=s(`components.pages.collectionDetail`);function j(){k?.(y)}function M(e){e.target===e.currentTarget&&(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),j())}function N(e){e.stopPropagation(),j()}return d(b)?D?a(t,{role:`button`,tabIndex:0,className:`w-full text-left`,onClick:j,onKeyDown:M,children:o(t,{className:`flex items-start gap-2`,children:[a(`button`,{type:`button`,className:`-m-2 p-2 shrink-0 self-center`,onClick:N,children:a(n,{checked:O,className:`pointer-events-none`})}),a(t,{className:`flex-1 min-w-0`,children:a(i,{id:y,title:p,coverImage:m,duration:x,authorName:S,viewCount:C,publishTime:w??_??``,is_more_link:T,seriesNum:E,showVideoProgress:!1})})]})}):a(c,{className:`block`,href:`/video/${y}/${p}`,children:a(i,{id:y,title:p,coverImage:m,duration:x,authorName:S,viewCount:C,publishTime:w??_??``,is_more_link:T,seriesNum:E,showVideoProgress:!1})}):D?a(t,{role:`button`,tabIndex:0,className:`w-full text-left`,onClick:j,onKeyDown:M,children:o(t,{className:`flex items-start gap-2 py-1.5`,children:[a(`button`,{type:`button`,className:`-m-2 p-2 shrink-0 self-center`,onClick:N,children:a(n,{checked:O,className:`pointer-events-none`})}),o(t,{className:`flex-1 min-w-0 flex items-start gap-3`,children:[a(t,{className:`relative w-32 h-20 shrink-0 rounded-lg overflow-hidden bg-gray-100`,children:a(e,{src:m||`/empty/default-cover.png`,alt:p||A(`detail.coverAlt`),fill:!0,className:`object-cover`})}),o(t,{className:`flex-1 min-w-0 flex flex-col gap-1.5`,children:[o(t,{className:`flex justify-between `,children:[a(r,{className:`text-base font-bold  text-text1 line-clamp-1`,dangerouslySetInnerHTML:{__html:p}}),g&&a(r,{className:`text-xl font-bold text-[#ff9f1a]`,children:u(h)})]}),a(t,{className:`flex flex-wrap gap-1`,children:v.map(e=>a(t,{className:`px-2 py-0.5 rounded-full  scale-90 text-sm text-[rgb(226,76,37)] bg-[rgba(226,76,37,.3)] `,children:e},e))})]})]})]})}):a(t,{className:`pt-2`,children:o(c,{className:`flex items-start gap-3 py-3`,href:b===1?`/video/${y}/${p}`:`/post/${y}`,children:[a(t,{className:`relative w-32 h-20 shrink-0 rounded-lg overflow-hidden bg-gray-100`,children:a(e,{src:m||`/empty/default-cover.png`,alt:p||A(`detail.coverAlt`),fill:!0,className:`object-cover`})}),o(t,{className:`flex-1 min-w-0 flex flex-col gap-1.5`,children:[o(t,{className:`flex justify-between `,children:[a(r,{className:`text-base font-bold  text-text1 line-clamp-1`,dangerouslySetInnerHTML:{__html:p}}),g&&a(r,{className:`text-xl font-bold text-[#ff9f1a]`,children:u(h)})]}),a(t,{className:`flex flex-wrap gap-1`,children:v.map(e=>a(t,{className:`px-2 py-0.5 rounded-full  scale-90 text-sm text-[rgb(226,76,37)] bg-[rgba(226,76,37,.3)] `,children:e},e))})]})]})})}export{f as CollectionDetailCard};