@funhub/platform 0.2.31 → 0.2.32

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

@@ -1,101 +1,2 @@
 
-'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 };
+"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};

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

@@ -1,153 +1,2 @@
 
-'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 };
+"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};

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

@@ -1,19 +1,2 @@
 
-//#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 };
+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};

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

@@ -1,27 +1,2 @@
 
-//#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 };
+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};

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

@@ -1,184 +1,2 @@
 
-'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 };
+"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-light)`};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};

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

@@ -1,63 +1,2 @@
 
-'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 };
+"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};

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

@@ -1,47 +1,2 @@
 
-'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 };
+"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};