@funhub/platform 0.2.29 → 0.2.31

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

@@ -1,2 +1,101 @@
 
-"use client";import{formatCompactCount as e}from"../../../../utils/common.mjs";import{cn as t}from"../../../../utils/cn.mjs";import{Image as n}from"../../../ui/image.mjs";import{Box as r}from"../../../ui/box.mjs";import{Checkbox as i}from"../../../ui/checkbox.mjs";import{Text as a}from"../../../ui/text.mjs";import{VideoIcon as o}from"../../icons/video.mjs";import{jsx as s,jsxs as c}from"react/jsx-runtime";import{useTranslations as l}from"next-intl";import{isNil as u}from"lodash-es";function d(t){return e(Number.isFinite(t)?Math.max(0,t):0)}function f(e){let t=Number.isFinite(e)?Math.max(0,Math.floor(e)):0;if(t<=0)return``;let n=Math.floor(t/3600),r=Math.floor(t%3600/60),i=t%60,a=e=>String(e).padStart(2,`0`);return n>0?`${a(n)}:${a(r)}:${a(i)}`:`${a(r)}:${a(i)}`}function p(e){let p=l(`components.ui.list.videoList`),{title:m,coverImage:h,duration:g,progress:_=0,seriesNum:v=1,authorName:y,viewCount:b,is_more_link:x,showVideoProgress:S,isEditMode:C=!1,isSelected:w=!1,onToggle:T}=e,E=p(x?`videoListItem.series`:`videoListItem.movie`),D=f(g);return c(r,{className:`flex items-start gap-2 py-1.5`,children:[C&&s(r,{className:`shrink-0 self-center  `,children:s(i,{checked:w,onCheckedChange:T})}),c(r,{className:`flex-1 h-22 min-w-0 flex items-center gap-[9px]`,children:[c(r,{className:`relative w-35.5 h-20 shrink-0 rounded-lg overflow-hidden `,children:[u(x)?null:s(r,{className:`absolute z-[2] bottom-1 left-1 rounded-xs bg-black/60 px-1 text-[10px] text-white`,children:s(a,{children:E})}),D?s(r,{className:`absolute z-[2] bottom-1 right-1 rounded-xs bg-black/60 px-1 text-[10px] text-white`,children:s(a,{children:D})}):null,s(n,{src:h||`/empty/default-cover.png`,alt:m||p(`videoListItem.coverAlt`),fill:!0,className:`object-cover`})]}),c(r,{className:`flex-1 min-w-0 flex flex-col justify-between py-1.5`,children:[s(a,{className:`text-base text-text1 line-clamp-2 leading-5`,children:m}),c(r,{className:t(`flex-1`,{invisible:!S}),children:[x&&v>=1?`第${v}集 · `:``,p(`videoListItem.watchUntil`),_,`%`]}),s(r,{className:`flex text-text1/33 h-[1em] items-center justify-between text-sm `,children:c(r,{className:`flex items-center gap-1`,children:[s(o,{className:`size-3.5`,"aria-hidden":`true`}),s(a,{children:d(b)})]})})]})]})]})}export{p as VideoListItem};
+'use client';
+
+import { formatCompactCount } from "../../../../utils/common.mjs";
+import { cn } from "../../../../utils/cn.mjs";
+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 { VideoIcon } from "../../icons/video.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useTranslations } from "next-intl";
+import { isNil } from "lodash-es";
+
+//#region components/common/list/video-list/video-list-item.tsx
+/**
+* 将播放量格式化为 K / M 简写。
+*/
+function formatPlayCount(value) {
+	return formatCompactCount(Number.isFinite(value) ? Math.max(0, value) : 0);
+}
+/**
+* 将视频时长（秒）格式化为 HH:MM:SS 或 MM:SS。
+*/
+function formatVideoDuration(value) {
+	const resolvedSeconds = Number.isFinite(value) ? Math.max(0, Math.floor(value)) : 0;
+	if (resolvedSeconds <= 0) return "";
+	const hours = Math.floor(resolvedSeconds / 3600);
+	const minutes = Math.floor(resolvedSeconds % 3600 / 60);
+	const seconds = resolvedSeconds % 60;
+	const formatPart = (num) => String(num).padStart(2, "0");
+	if (hours > 0) return `${formatPart(hours)}:${formatPart(minutes)}:${formatPart(seconds)}`;
+	return `${formatPart(minutes)}:${formatPart(seconds)}`;
+}
+function VideoListItem(props) {
+	const t = useTranslations("components.ui.list.videoList");
+	const { title, coverImage, duration, progress = 0, seriesNum = 1, authorName: _authorName, viewCount, is_more_link, showVideoProgress, isEditMode = false, isSelected = false, onToggle } = props;
+	const videoTypeLabel = is_more_link ? t("videoListItem.series") : t("videoListItem.movie");
+	const videoDurationLabel = formatVideoDuration(duration);
+	return /* @__PURE__ */ jsxs(Box, {
+		className: "flex items-start gap-2 py-1.5",
+		children: [isEditMode && /* @__PURE__ */ jsx(Box, {
+			className: "shrink-0 self-center  ",
+			children: /* @__PURE__ */ jsx(Checkbox, {
+				checked: isSelected,
+				onCheckedChange: onToggle
+			})
+		}), /* @__PURE__ */ jsxs(Box, {
+			className: "flex-1 h-22 min-w-0 flex items-center gap-[9px]",
+			children: [/* @__PURE__ */ jsxs(Box, {
+				className: "relative w-35.5 h-20 shrink-0 rounded-lg overflow-hidden ",
+				children: [
+					!isNil(is_more_link) ? /* @__PURE__ */ jsx(Box, {
+						className: "absolute z-[2] bottom-1 left-1 rounded-xs bg-black/60 px-1 text-[10px] text-white",
+						children: /* @__PURE__ */ jsx(Text, { children: videoTypeLabel })
+					}) : null,
+					videoDurationLabel ? /* @__PURE__ */ jsx(Box, {
+						className: "absolute z-[2] bottom-1 right-1 rounded-xs bg-black/60 px-1 text-[10px] text-white",
+						children: /* @__PURE__ */ jsx(Text, { children: videoDurationLabel })
+					}) : null,
+					/* @__PURE__ */ jsx(Image, {
+						src: coverImage || "/empty/default-cover.png",
+						alt: title || t("videoListItem.coverAlt"),
+						fill: true,
+						className: "object-cover"
+					})
+				]
+			}), /* @__PURE__ */ jsxs(Box, {
+				className: "flex-1 min-w-0 flex flex-col justify-between py-1.5",
+				children: [
+					/* @__PURE__ */ jsx(Text, {
+						className: "text-base text-text1 line-clamp-2 leading-5",
+						children: title
+					}),
+					/* @__PURE__ */ jsxs(Box, {
+						className: cn("flex-1", { invisible: !showVideoProgress }),
+						children: [
+							is_more_link && seriesNum >= 1 ? `第${seriesNum}集 · ` : "",
+							t("videoListItem.watchUntil"),
+							progress,
+							"%"
+						]
+					}),
+					/* @__PURE__ */ jsx(Box, {
+						className: "flex text-text1/33 h-[1em] items-center justify-between text-sm ",
+						children: /* @__PURE__ */ jsxs(Box, {
+							className: "flex items-center gap-1",
+							children: [/* @__PURE__ */ jsx(VideoIcon, {
+								className: "size-3.5",
+								"aria-hidden": "true"
+							}), /* @__PURE__ */ jsx(Text, { children: formatPlayCount(viewCount) })]
+						})
+					})
+				]
+			})]
+		})]
+	});
+}
+
+//#endregion
+export { VideoListItem };

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

@@ -1,2 +1,153 @@
 
-"use client";import{Box as e}from"../../../ui/box.mjs";import{List as t}from"../../../ui/list.mjs";import{Text as n}from"../../../ui/text.mjs";import{normalizeTimeToMilliseconds as r}from"../../../ui/time.mjs";import{VideoListItemSkeleton as i}from"../../skeleton/video-list-item-skeleton.mjs";import{VideoListItem as a}from"./video-list-item.mjs";import{useMemo as o}from"react";import{useIsClient as s}from"foxact/use-is-client";import{Fragment as c,jsx as l,jsxs as u}from"react/jsx-runtime";import{useTranslations as d}from"next-intl";import f from"next/link";import{orderBy as p}from"lodash-es";function m(e){let t=r(e);if(!t)return!1;let n=new Date(t),i=new Date;return n.getFullYear()===i.getFullYear()&&n.getMonth()===i.getMonth()&&n.getDate()===i.getDate()}function h(e){let t=r(e);if(!t)return!1;let n=new Date(t),i=new Date;return i.setDate(i.getDate()-1),n.getFullYear()===i.getFullYear()&&n.getMonth()===i.getMonth()&&n.getDate()===i.getDate()}function g(r){let g=d(`components.ui.list`),_=s(),{list:v,showVideoProgress:y,loading:b,hasMore:x=!1,loadMore:S,isEditMode:C,selectedIds:w,onToggleSelection:T,emptyText:E}=r,D=o(()=>p(v,[`publishTime`],[`desc`]),[v]),{todayList:O,yesterdayList:k,earlierList:A}=o(()=>{if(!_)return{todayList:[],yesterdayList:[],earlierList:D};let e=[],t=[],n=[];for(let r of v)m(r.publishTime)?e.push(r):h(r.publishTime)?t.push(r):n.push(r);return{todayList:p(e,[`publishTime`],[`desc`]),yesterdayList:p(t,[`publishTime`],[`desc`]),earlierList:p(n,[`publishTime`],[`desc`])}},[_,v,D]),j=!!b&&v.length===0,M=_;return j?l(e,{className:`bg-bg1`,children:Array.from({length:6}).map((e,t)=>l(i,{isEditMode:C,showVideoProgress:y},`video-list-item-skeleton-${t}`))}):u(t,{loading:b,loadMore:S,hasMore:x,empty:`no-content`,emptyText:E||g(`videoList.empty`),children:[M&&O.length>0&&u(c,{children:[l(e,{className:`  `,children:l(n,{className:`text-lg  text-text1`,children:g(`videoList.today`)})}),O.map(e=>C?l(a,{showVideoProgress:y,isEditMode:C,isSelected:w?.has(e.id),...e,onToggle:()=>T?.(e.id)},e.id):l(f,{href:`/video/${e.id}/${e.title}`,children:l(a,{showVideoProgress:y,isEditMode:C,isSelected:w?.has(e.id),...e,onToggle:()=>T?.(e.id)},e.id)},e.id))]}),M&&k.length>0&&u(c,{children:[l(e,{className:`  `,children:l(n,{className:`text-lg  text-text1`,children:g(`videoList.yesterday`)})}),k.map(e=>C?l(a,{showVideoProgress:y,isEditMode:C,isSelected:w?.has(e.id),...e,onToggle:()=>T?.(e.id)},e.id):l(f,{href:`/video/${e.id}/${e.title}`,children:l(a,{showVideoProgress:y,isEditMode:C,isSelected:w?.has(e.id),...e,onToggle:()=>T?.(e.id)},e.id)},e.id))]}),A.length>0&&u(c,{children:[l(e,{className:`  `,children:l(n,{className:`text-lg  text-text1`,children:g(`videoList.earlier`)})}),A.map(e=>C?l(a,{showVideoProgress:y,isEditMode:C,isSelected:w?.has(e.id),...e,onToggle:()=>T?.(e.id)},e.id):l(f,{href:`/video/${e.id}/${e.title}`,children:l(a,{showVideoProgress:y,isEditMode:C,isSelected:w?.has(e.id),...e,onToggle:()=>T?.(e.id)},e.id)},e.id))]})]})}export{g as VideoList};
+'use client';
+
+import { Box } from "../../../ui/box.mjs";
+import { List } from "../../../ui/list.mjs";
+import { Text } from "../../../ui/text.mjs";
+import { normalizeTimeToMilliseconds } from "../../../ui/time.mjs";
+import { VideoListItemSkeleton } from "../../skeleton/video-list-item-skeleton.mjs";
+import { VideoListItem } from "./video-list-item.mjs";
+import { useMemo } from "react";
+import { useIsClient } from "foxact/use-is-client";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { useTranslations } from "next-intl";
+import Link from "next/link";
+import { orderBy } from "lodash-es";
+
+//#region components/common/list/video-list/video-list.tsx
+const DEFAULT_SKELETON_COUNT = 6;
+/** 判断时间戳是否是今天 */
+function isToday(timestamp) {
+	const milliseconds = normalizeTimeToMilliseconds(timestamp);
+	if (!milliseconds) return false;
+	const date = new Date(milliseconds);
+	const today = /* @__PURE__ */ new Date();
+	return date.getFullYear() === today.getFullYear() && date.getMonth() === today.getMonth() && date.getDate() === today.getDate();
+}
+/** 判断时间戳是否是昨天 */
+function isYesterday(timestamp) {
+	const milliseconds = normalizeTimeToMilliseconds(timestamp);
+	if (!milliseconds) return false;
+	const date = new Date(milliseconds);
+	const yesterday = /* @__PURE__ */ new Date();
+	yesterday.setDate(yesterday.getDate() - 1);
+	return date.getFullYear() === yesterday.getFullYear() && date.getMonth() === yesterday.getMonth() && date.getDate() === yesterday.getDate();
+}
+/**
+* 视频列表组件。
+*/
+function VideoList(props) {
+	const t = useTranslations("components.ui.list");
+	const isClient = useIsClient();
+	const { list, showVideoProgress, loading, hasMore = false, loadMore, isEditMode, selectedIds, onToggleSelection, emptyText } = props;
+	const sortedList = useMemo(() => orderBy(list, ["publishTime"], ["desc"]), [list]);
+	const { todayList, yesterdayList, earlierList } = useMemo(() => {
+		if (!isClient) return {
+			todayList: [],
+			yesterdayList: [],
+			earlierList: sortedList
+		};
+		const today = [];
+		const yesterday = [];
+		const earlier = [];
+		for (const item of list) if (isToday(item.publishTime)) today.push(item);
+		else if (isYesterday(item.publishTime)) yesterday.push(item);
+		else earlier.push(item);
+		return {
+			todayList: orderBy(today, ["publishTime"], ["desc"]),
+			yesterdayList: orderBy(yesterday, ["publishTime"], ["desc"]),
+			earlierList: orderBy(earlier, ["publishTime"], ["desc"])
+		};
+	}, [
+		isClient,
+		list,
+		sortedList
+	]);
+	const shouldShowSkeleton = Boolean(loading) && list.length === 0;
+	const shouldShowGroupHeaders = isClient;
+	if (shouldShowSkeleton) return /* @__PURE__ */ jsx(Box, {
+		className: "bg-bg1",
+		children: Array.from({ length: DEFAULT_SKELETON_COUNT }).map((_, index) => /* @__PURE__ */ jsx(VideoListItemSkeleton, {
+			isEditMode,
+			showVideoProgress
+		}, `video-list-item-skeleton-${index}`))
+	});
+	return /* @__PURE__ */ jsxs(List, {
+		loading,
+		loadMore,
+		hasMore,
+		empty: "no-content",
+		emptyText: emptyText || t("videoList.empty"),
+		children: [
+			shouldShowGroupHeaders && todayList.length > 0 && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Box, {
+				className: "  ",
+				children: /* @__PURE__ */ jsx(Text, {
+					className: "text-lg  text-text1",
+					children: t("videoList.today")
+				})
+			}), todayList.map((item) => isEditMode ? /* @__PURE__ */ jsx(VideoListItem, {
+				showVideoProgress,
+				isEditMode,
+				isSelected: selectedIds?.has(item.id),
+				...item,
+				onToggle: () => onToggleSelection?.(item.id)
+			}, item.id) : /* @__PURE__ */ jsx(Link, {
+				href: `/video/${item.id}/${item.title}`,
+				children: /* @__PURE__ */ jsx(VideoListItem, {
+					showVideoProgress,
+					isEditMode,
+					isSelected: selectedIds?.has(item.id),
+					...item,
+					onToggle: () => onToggleSelection?.(item.id)
+				}, item.id)
+			}, item.id))] }),
+			shouldShowGroupHeaders && yesterdayList.length > 0 && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Box, {
+				className: "  ",
+				children: /* @__PURE__ */ jsx(Text, {
+					className: "text-lg  text-text1",
+					children: t("videoList.yesterday")
+				})
+			}), yesterdayList.map((item) => isEditMode ? /* @__PURE__ */ jsx(VideoListItem, {
+				showVideoProgress,
+				isEditMode,
+				isSelected: selectedIds?.has(item.id),
+				...item,
+				onToggle: () => onToggleSelection?.(item.id)
+			}, item.id) : /* @__PURE__ */ jsx(Link, {
+				href: `/video/${item.id}/${item.title}`,
+				children: /* @__PURE__ */ jsx(VideoListItem, {
+					showVideoProgress,
+					isEditMode,
+					isSelected: selectedIds?.has(item.id),
+					...item,
+					onToggle: () => onToggleSelection?.(item.id)
+				}, item.id)
+			}, item.id))] }),
+			earlierList.length > 0 && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Box, {
+				className: "  ",
+				children: /* @__PURE__ */ jsx(Text, {
+					className: "text-lg  text-text1",
+					children: t("videoList.earlier")
+				})
+			}), earlierList.map((item) => isEditMode ? /* @__PURE__ */ jsx(VideoListItem, {
+				showVideoProgress,
+				isEditMode,
+				isSelected: selectedIds?.has(item.id),
+				...item,
+				onToggle: () => onToggleSelection?.(item.id)
+			}, item.id) : /* @__PURE__ */ jsx(Link, {
+				href: `/video/${item.id}/${item.title}`,
+				children: /* @__PURE__ */ jsx(VideoListItem, {
+					showVideoProgress,
+					isEditMode,
+					isSelected: selectedIds?.has(item.id),
+					...item,
+					onToggle: () => onToggleSelection?.(item.id)
+				}, item.id)
+			}, item.id))] })
+		]
+	});
+}
+
+//#endregion
+export { VideoList };

package/dist/components/common/list/waterfall-recommend/recommend-badge-style.mjs

@@ -1,2 +1,19 @@
 
-const e=`absolute left-[8px] top-[12px] z-[1] flex min-w-0 items-center`,t=`h-[18px] w-auto max-w-[96px] rounded-[4px] object-contain`;function n(e){return typeof e==`string`?e.trim():``}export{t as RECOMMEND_BADGE_IMAGE_CLASS_NAME,e as RECOMMEND_TOP_LEFT_BADGE_WRAPPER_CLASS_NAME,n as normalizeRecommendBadgeUrl};
+//#region components/common/list/waterfall-recommend/recommend-badge-style.ts
+/**
+* 推荐位左上角角标容器样式。
+*/
+const RECOMMEND_TOP_LEFT_BADGE_WRAPPER_CLASS_NAME = "absolute left-[8px] top-[12px] z-[1] flex min-w-0 items-center";
+/**
+* 推荐位图片角标样式。
+*/
+const RECOMMEND_BADGE_IMAGE_CLASS_NAME = "h-[18px] w-auto max-w-[96px] rounded-[4px] object-contain";
+/**
+* 归一化角标图片地址。
+*/
+function normalizeRecommendBadgeUrl(value) {
+	return typeof value === "string" ? value.trim() : "";
+}
+
+//#endregion
+export { RECOMMEND_BADGE_IMAGE_CLASS_NAME, RECOMMEND_TOP_LEFT_BADGE_WRAPPER_CLASS_NAME, normalizeRecommendBadgeUrl };

package/dist/components/common/list/waterfall-recommend/waterfall-recommend-display.mjs

@@ -1,2 +1,27 @@
 
-const e=`173 / 216`,t=`173 / 142`;function n(e){let t=Number(e);return!Number.isFinite(t)||t<=0?``:Math.min(t,10).toFixed(1)}function r(e){return{title:e.title,topLeftBadgeImageUrl:e.badgeImageUrl,topRightScoreText:n(e.score),bottomLeftHeatText:e.heatText||``,bottomRightEpisodeText:e.episodeText||``}}export{t as WATERFALL_SHORT_CARD_ASPECT_RATIO,e as WATERFALL_TALL_CARD_ASPECT_RATIO,r as buildWaterfallRecommendLegacyDisplay};
+//#region components/common/list/waterfall-recommend/waterfall-recommend-display.ts
+const WATERFALL_TALL_CARD_ASPECT_RATIO = "173 / 216";
+const WATERFALL_SHORT_CARD_ASPECT_RATIO = "173 / 142";
+/**
+* 格式化旧版瀑布流右上角评分文案。
+*/
+function formatWaterfallRecommendScore(score) {
+	const normalizedScore = Number(score);
+	if (!Number.isFinite(normalizedScore) || normalizedScore <= 0) return "";
+	return Math.min(normalizedScore, 10).toFixed(1);
+}
+/**
+* 生成瀑布流卡片展示模型。
+*/
+function buildWaterfallRecommendLegacyDisplay(item) {
+	return {
+		title: item.title,
+		topLeftBadgeImageUrl: item.badgeImageUrl,
+		topRightScoreText: formatWaterfallRecommendScore(item.score),
+		bottomLeftHeatText: item.heatText || "",
+		bottomRightEpisodeText: item.episodeText || ""
+	};
+}
+
+//#endregion
+export { WATERFALL_SHORT_CARD_ASPECT_RATIO, WATERFALL_TALL_CARD_ASPECT_RATIO, buildWaterfallRecommendLegacyDisplay };

package/dist/components/common/list/waterfall-recommend/waterfall-recommend.mjs

@@ -1,2 +1,184 @@
 
-"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 r from"../../../ui/link.mjs";import i from"../../../../assets/icons/detail/video_flag.mjs";import{CollectionSelectIcon as a,CollectionSelectedIcon as o}from"../collection-list/collection-select-icon.mjs";import{RECOMMEND_BADGE_IMAGE_CLASS_NAME as s,RECOMMEND_TOP_LEFT_BADGE_WRAPPER_CLASS_NAME as c,normalizeRecommendBadgeUrl as l}from"./recommend-badge-style.mjs";import{WATERFALL_SHORT_CARD_ASPECT_RATIO as u,WATERFALL_TALL_CARD_ASPECT_RATIO as d,buildWaterfallRecommendLegacyDisplay as f}from"./waterfall-recommend-display.mjs";import{Fragment as p,jsx as m,jsxs as h}from"react/jsx-runtime";const g={backgroundImage:`var(--gradient-card-mask-strong)`};function _({title:e,moreHref:i,onMoreClick:a,moreIcon:o,columns:s,sectionClassName:c=`w-full`,headerClassName:l=`mb-[16px] flex items-center justify-between no-vw-x-16`,titleClassName:u=`flex-1 min-w-0 text-[18px] leading-[24px] font-medium line-clamp-1 text-text2`,moreLinkClassName:d=`ml-[8px] flex size-[24px] shrink-0 items-center justify-center opacity-50`,containerClassName:f=`relative flex w-full gap-[8px] no-vw-x-16`,overlay:p,footer:g,getItemRef:_,selectionMode:y=!1,selectedIds:b,onToggleSelection:x,onItemClick:S}){return h(t,{className:c,children:[h(t,{className:l,children:[m(n,{className:u,children:e}),o&&i&&m(r,{href:i,"aria-label":`更多`,className:d,onClick:a,children:o}),o&&!i&&a&&m(`button`,{type:`button`,"aria-label":`更多`,className:d,onClick:a,children:o})]}),h(t,{className:f,children:[m(t,{className:`flex-1 min-w-0 flex flex-col`,children:s.left.map((e,t)=>m(`div`,{ref:_?.({item:e,column:`left`,columnIndex:t}),children:m(v,{item:e,selectionMode:y,selectedIds:b,onToggleSelection:x,onItemClick:S})},e.key))}),m(t,{className:`flex-1 min-w-0 flex flex-col`,children:s.right.map((e,t)=>m(`div`,{ref:_?.({item:e,column:`right`,columnIndex:t}),children:m(v,{item:e,selectionMode:y,selectedIds:b,onToggleSelection:x,onItemClick:S})},e.key))}),p]}),g]})}function v({item:_,selectionMode:v=!1,selectedIds:y,onToggleSelection:b,onItemClick:x}){let S=_.cardKind===`short`?u:d,C=_.selectionId??``,w=!!(C&&y?.has(C)),T=f(_),E=l(T.topLeftBadgeImageUrl);function D(){!v||!C||b?.(C)}let O=h(p,{children:[h(t,{className:`relative w-full overflow-hidden rounded-[8px] bg-[#18111f]`,style:{aspectRatio:S},children:[_.coverUrl&&m(e,{src:_.coverUrl,alt:_.title||`推荐封面`,fill:!0,objectFit:`cover`,className:`object-cover`}),m(t,{className:`pointer-events-none absolute inset-0 rounded-[8px]`,style:g,"aria-hidden":!0}),v&&m(t,{className:`pointer-events-none absolute left-[8px] top-[8px] z-[2]`,children:m(w?o:a,{})}),!v&&h(p,{children:[E&&m(t,{className:c,children:m(e,{src:E,alt:`角标`,width:96,height:18,className:s})}),T.topRightScoreText&&m(n,{as:`span`,className:`absolute right-[8px] top-[8px] z-[1] shrink-0 text-[14px] leading-[22px] font-semibold text-[#FFC24B]`,children:T.topRightScoreText}),h(t,{className:`absolute left-[8px] right-[8px] bottom-[10px] z-[1] flex items-end justify-between gap-[8px]`,children:[m(t,{className:`flex min-w-0 items-center gap-[4px]`,children:T.bottomLeftHeatText&&h(p,{children:[m(i,{className:`h-[16px] w-[16px] shrink-0 text-white`}),m(n,{as:`span`,className:`min-w-0 truncate text-[14px] leading-[20px] text-white`,children:T.bottomLeftHeatText})]})}),T.bottomRightEpisodeText&&m(n,{as:`span`,className:`shrink-0 text-[14px] leading-[20px] text-white`,children:T.bottomRightEpisodeText})]})]})]}),!v&&m(t,{className:`mt-[8px] overflow-hidden`,children:m(n,{as:`h3`,className:`line-clamp-2 text-[16px] leading-[22px] text-[--color-text-white80]`,children:T.title})})]});return v?m(`button`,{type:`button`,className:`mb-[16px] block w-full cursor-pointer border-0 bg-transparent p-0 text-left`,onClick:D,"aria-pressed":w,disabled:!C,children:O}):m(r,{href:_.href,className:`mb-[16px] block w-full`,onClick:()=>x?.(_),children:O})}export{_ as WaterfallRecommend};
+'use client';
+
+import { Image } from "../../../ui/image.mjs";
+import { Box } from "../../../ui/box.mjs";
+import { Text } from "../../../ui/text.mjs";
+import Link from "../../../ui/link.mjs";
+import SvgVideoFlag from "../../../../assets/icons/detail/video_flag.mjs";
+import { CollectionSelectIcon, CollectionSelectedIcon } from "../collection-list/collection-select-icon.mjs";
+import { RECOMMEND_BADGE_IMAGE_CLASS_NAME, RECOMMEND_TOP_LEFT_BADGE_WRAPPER_CLASS_NAME, normalizeRecommendBadgeUrl } from "./recommend-badge-style.mjs";
+import { WATERFALL_SHORT_CARD_ASPECT_RATIO, WATERFALL_TALL_CARD_ASPECT_RATIO, buildWaterfallRecommendLegacyDisplay } from "./waterfall-recommend-display.mjs";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+
+//#region components/common/list/waterfall-recommend/waterfall-recommend.tsx
+const WATERFALL_CARD_MASK_STYLE = { backgroundImage: "var(--gradient-card-mask-strong)" };
+/**
+* 纯 UI 瀑布流组件。
+*/
+function WaterfallRecommend({ title, moreHref, onMoreClick, moreIcon, columns, sectionClassName = "w-full", headerClassName = "mb-[16px] flex items-center justify-between no-vw-x-16", titleClassName = "flex-1 min-w-0 text-[18px] leading-[24px] font-medium line-clamp-1 text-text2", moreLinkClassName = "ml-[8px] flex size-[24px] shrink-0 items-center justify-center opacity-50", containerClassName = "relative flex w-full gap-[8px] no-vw-x-16", overlay, footer, getItemRef, selectionMode = false, selectedIds, onToggleSelection, onItemClick }) {
+	return /* @__PURE__ */ jsxs(Box, {
+		className: sectionClassName,
+		children: [
+			/* @__PURE__ */ jsxs(Box, {
+				className: headerClassName,
+				children: [
+					/* @__PURE__ */ jsx(Text, {
+						className: titleClassName,
+						children: title
+					}),
+					moreIcon && moreHref && /* @__PURE__ */ jsx(Link, {
+						href: moreHref,
+						"aria-label": "更多",
+						className: moreLinkClassName,
+						onClick: onMoreClick,
+						children: moreIcon
+					}),
+					moreIcon && !moreHref && onMoreClick && /* @__PURE__ */ jsx("button", {
+						type: "button",
+						"aria-label": "更多",
+						className: moreLinkClassName,
+						onClick: onMoreClick,
+						children: moreIcon
+					})
+				]
+			}),
+			/* @__PURE__ */ jsxs(Box, {
+				className: containerClassName,
+				children: [
+					/* @__PURE__ */ jsx(Box, {
+						className: "flex-1 min-w-0 flex flex-col",
+						children: columns.left.map((item, columnIndex) => /* @__PURE__ */ jsx("div", {
+							ref: getItemRef?.({
+								item,
+								column: "left",
+								columnIndex
+							}),
+							children: /* @__PURE__ */ jsx(WaterfallRecommendCard, {
+								item,
+								selectionMode,
+								selectedIds,
+								onToggleSelection,
+								onItemClick
+							})
+						}, item.key))
+					}),
+					/* @__PURE__ */ jsx(Box, {
+						className: "flex-1 min-w-0 flex flex-col",
+						children: columns.right.map((item, columnIndex) => /* @__PURE__ */ jsx("div", {
+							ref: getItemRef?.({
+								item,
+								column: "right",
+								columnIndex
+							}),
+							children: /* @__PURE__ */ jsx(WaterfallRecommendCard, {
+								item,
+								selectionMode,
+								selectedIds,
+								onToggleSelection,
+								onItemClick
+							})
+						}, item.key))
+					}),
+					overlay
+				]
+			}),
+			footer
+		]
+	});
+}
+/**
+* 瀑布流卡片。
+*/
+function WaterfallRecommendCard({ item, selectionMode = false, selectedIds, onToggleSelection, onItemClick }) {
+	const cardAspectRatio = item.cardKind === "short" ? WATERFALL_SHORT_CARD_ASPECT_RATIO : WATERFALL_TALL_CARD_ASPECT_RATIO;
+	const selectionKey = item.selectionId ?? "";
+	const isItemSelected = Boolean(selectionKey && selectedIds?.has(selectionKey));
+	const legacyDisplay = buildWaterfallRecommendLegacyDisplay(item);
+	const badgeImageUrl = normalizeRecommendBadgeUrl(legacyDisplay.topLeftBadgeImageUrl);
+	/**
+	* 选择模式下点击整卡切换选中。
+	*/
+	function handleSelectionClick() {
+		if (!selectionMode || !selectionKey) return;
+		onToggleSelection?.(selectionKey);
+	}
+	const cardInner = /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs(Box, {
+		className: "relative w-full overflow-hidden rounded-[8px] bg-[#18111f]",
+		style: { aspectRatio: cardAspectRatio },
+		children: [
+			item.coverUrl && /* @__PURE__ */ jsx(Image, {
+				src: item.coverUrl,
+				alt: item.title || "推荐封面",
+				fill: true,
+				objectFit: "cover",
+				className: "object-cover"
+			}),
+			/* @__PURE__ */ jsx(Box, {
+				className: "pointer-events-none absolute inset-0 rounded-[8px]",
+				style: WATERFALL_CARD_MASK_STYLE,
+				"aria-hidden": true
+			}),
+			selectionMode && /* @__PURE__ */ jsx(Box, {
+				className: "pointer-events-none absolute left-[8px] top-[8px] z-[2]",
+				children: isItemSelected ? /* @__PURE__ */ jsx(CollectionSelectedIcon, {}) : /* @__PURE__ */ jsx(CollectionSelectIcon, {})
+			}),
+			!selectionMode && /* @__PURE__ */ jsxs(Fragment, { children: [
+				badgeImageUrl && /* @__PURE__ */ jsx(Box, {
+					className: RECOMMEND_TOP_LEFT_BADGE_WRAPPER_CLASS_NAME,
+					children: /* @__PURE__ */ jsx(Image, {
+						src: badgeImageUrl,
+						alt: "角标",
+						width: 96,
+						height: 18,
+						className: RECOMMEND_BADGE_IMAGE_CLASS_NAME
+					})
+				}),
+				legacyDisplay.topRightScoreText && /* @__PURE__ */ jsx(Text, {
+					as: "span",
+					className: "absolute right-[8px] top-[8px] z-[1] shrink-0 text-[14px] leading-[22px] font-semibold text-[#FFC24B]",
+					children: legacyDisplay.topRightScoreText
+				}),
+				/* @__PURE__ */ jsxs(Box, {
+					className: "absolute left-[8px] right-[8px] bottom-[10px] z-[1] flex items-end justify-between gap-[8px]",
+					children: [/* @__PURE__ */ jsx(Box, {
+						className: "flex min-w-0 items-center gap-[4px]",
+						children: legacyDisplay.bottomLeftHeatText && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(SvgVideoFlag, { className: "h-[16px] w-[16px] shrink-0 text-white" }), /* @__PURE__ */ jsx(Text, {
+							as: "span",
+							className: "min-w-0 truncate text-[14px] leading-[20px] text-white",
+							children: legacyDisplay.bottomLeftHeatText
+						})] })
+					}), legacyDisplay.bottomRightEpisodeText && /* @__PURE__ */ jsx(Text, {
+						as: "span",
+						className: "shrink-0 text-[14px] leading-[20px] text-white",
+						children: legacyDisplay.bottomRightEpisodeText
+					})]
+				})
+			] })
+		]
+	}), !selectionMode && /* @__PURE__ */ jsx(Box, {
+		className: "mt-[8px] overflow-hidden",
+		children: /* @__PURE__ */ jsx(Text, {
+			as: "h3",
+			className: "line-clamp-2 text-[16px] leading-[22px] text-[--color-text-white80]",
+			children: legacyDisplay.title
+		})
+	})] });
+	if (selectionMode) return /* @__PURE__ */ jsx("button", {
+		type: "button",
+		className: "mb-[16px] block w-full cursor-pointer border-0 bg-transparent p-0 text-left",
+		onClick: handleSelectionClick,
+		"aria-pressed": isItemSelected,
+		disabled: !selectionKey,
+		children: cardInner
+	});
+	return /* @__PURE__ */ jsx(Link, {
+		href: item.href,
+		className: "mb-[16px] block w-full",
+		onClick: () => onItemClick?.(item),
+		children: cardInner
+	});
+}
+
+//#endregion
+export { WaterfallRecommend };

package/dist/components/common/locale-sync/locale-sync.mjs

@@ -1,2 +1,63 @@
 
-"use client";import{getCachedLocalePreference as e,persistLocalePreference as t,resolveLocaleByPriority as n,resolveLocaleFromNavigator as r}from"../../../i18n.mjs";import{useEffect as i}from"react";const a=`funhub-locale-sync-attempt`;function o(){if(typeof window>`u`)return``;try{return window.sessionStorage.getItem(a)||``}catch{return``}}function s(e){if(!(typeof window>`u`))try{window.sessionStorage.setItem(a,e)}catch{}}function c(){if(!(typeof window>`u`))try{window.sessionStorage.removeItem(a)}catch{}}function l(a){let{locale:l}=a;return i(()=>{let i=e(),a=n(i,r(window.navigator.languages,window.navigator.language));if(a!==l){if(o()===a)return;s(a),t(a),window.location.reload();return}c(),i!==a&&t(a)},[l]),null}export{l as LocaleSync};
+'use client';
+
+import { getCachedLocalePreference, persistLocalePreference, resolveLocaleByPriority, resolveLocaleFromNavigator } from "../../../i18n.mjs";
+import { useEffect } from "react";
+
+//#region components/common/locale-sync/locale-sync.tsx
+/**
+* 语言同步重载标记，防止在 Cookie 不可用环境下无限刷新。
+*/
+const localeSyncAttemptKey = "funhub-locale-sync-attempt";
+/**
+* 读取当前会话中记录的同步语言。
+*/
+function getLocaleSyncAttempt() {
+	if (typeof window === "undefined") return "";
+	try {
+		return window.sessionStorage.getItem(localeSyncAttemptKey) || "";
+	} catch {
+		return "";
+	}
+}
+/**
+* 写入当前会话同步语言记录。
+*/
+function setLocaleSyncAttempt(locale) {
+	if (typeof window === "undefined") return;
+	try {
+		window.sessionStorage.setItem(localeSyncAttemptKey, locale);
+	} catch {}
+}
+/**
+* 清理当前会话同步语言记录。
+*/
+function clearLocaleSyncAttempt() {
+	if (typeof window === "undefined") return;
+	try {
+		window.sessionStorage.removeItem(localeSyncAttemptKey);
+	} catch {}
+}
+/**
+* 同步语言偏好：优先读取用户缓存，其次回退浏览器语言。
+*/
+function LocaleSync(props) {
+	const { locale } = props;
+	useEffect(() => {
+		const cachedLocale = getCachedLocalePreference();
+		const targetLocale = resolveLocaleByPriority(cachedLocale, resolveLocaleFromNavigator(window.navigator.languages, window.navigator.language));
+		if (targetLocale !== locale) {
+			if (getLocaleSyncAttempt() === targetLocale) return;
+			setLocaleSyncAttempt(targetLocale);
+			persistLocalePreference(targetLocale);
+			window.location.reload();
+			return;
+		}
+		clearLocaleSyncAttempt();
+		if (cachedLocale !== targetLocale) persistLocalePreference(targetLocale);
+	}, [locale]);
+	return null;
+}
+
+//#endregion
+export { LocaleSync };

package/dist/components/common/login-dialog/login-dialog.mjs

@@ -1,2 +1,47 @@
 
-"use client";import{ensureGuestIdentity as e}from"../../../store/modules/user-store.mjs";import{Dialog as t,DialogContent as n}from"../../ui/dialog.mjs";import{useLoginModalStore as r}from"../../../store/modules/login-modal-store.mjs";import{trackLoginPageClick as i,trackLoginPageView as a}from"../../pages/login/tracking.mjs";import{Login as o}from"../../pages/login/index.mjs";import{useEffect as s,useRef as c}from"react";import{jsx as l}from"react/jsx-runtime";function u(u){let{contentClassName:d}=u,{isOpen:f,setOpen:p,entryStep:m}=r(),h=c(0);return s(()=>{e()},[]),s(()=>{f&&(h.current=Date.now(),a(0))},[f]),l(t,{open:f,onOpenChange:p,children:l(n,{showCloseButton:!1,className:`bg-transparent !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 ${d||``}`,onClickCapture:e=>{e.target.closest(`[data-slot="checkbox"]`)&&i(e,`dialog_button`)},onClick:e=>{let t=e.target.closest(`button`);t&&t.dataset.skipDialogTrack!==`true`&&i(e,`dialog_button`)},children:l(o,{initialStep:m??`login`},`${f?`open`:`closed`}-${m??`login`}`)})})}export{u as LoginDialog};
+'use client';
+
+import { ensureGuestIdentity } from "../../../store/modules/user-store.mjs";
+import { Dialog, DialogContent } from "../../ui/dialog.mjs";
+import { useLoginModalStore } from "../../../store/modules/login-modal-store.mjs";
+import { trackLoginPageClick, trackLoginPageView } from "../../pages/login/tracking.mjs";
+import { Login } from "../../pages/login/index.mjs";
+import { useEffect, useRef } from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region components/common/login-dialog/login-dialog.tsx
+function LoginDialog(props) {
+	const { contentClassName } = props;
+	const { isOpen, setOpen, entryStep } = useLoginModalStore();
+	const openTimeRef = useRef(0);
+	useEffect(() => {
+		ensureGuestIdentity();
+	}, []);
+	/**
+	* 登录弹窗曝光埋点：弹窗首次展示时上报 app_page_view。
+	*/
+	useEffect(() => {
+		if (!isOpen) return;
+		openTimeRef.current = Date.now();
+		trackLoginPageView(0);
+	}, [isOpen]);
+	return /* @__PURE__ */ jsx(Dialog, {
+		open: isOpen,
+		onOpenChange: setOpen,
+		children: /* @__PURE__ */ jsx(DialogContent, {
+			showCloseButton: false,
+			className: `bg-transparent !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 ${contentClassName || ""}`,
+			onClickCapture: (e) => {
+				if (e.target.closest("[data-slot=\"checkbox\"]")) trackLoginPageClick(e, "dialog_button");
+			},
+			onClick: (e) => {
+				const btn = e.target.closest("button");
+				if (btn && btn.dataset.skipDialogTrack !== "true") trackLoginPageClick(e, "dialog_button");
+			},
+			children: /* @__PURE__ */ jsx(Login, { initialStep: entryStep ?? "login" }, `${isOpen ? "open" : "closed"}-${entryStep ?? "login"}`)
+		})
+	});
+}
+
+//#endregion
+export { LoginDialog };