@funhub/platform 0.2.30 → 0.2.31

package/dist/components/biz/business/profile/profile-main/tabs/collect-tab/server.mjs

@@ -1,2 +1,14 @@
 
-import{CollectTab as e}from"./client.mjs";import{jsx as t}from"react/jsx-runtime";function n(n){return t(e,{...n})}export{n as CollectTabServer};
+import { CollectTab } from "./client.mjs";
+import { jsx } from "react/jsx-runtime";
+
+//#region components/biz/business/profile/profile-main/tabs/collect-tab/server.tsx
+/**
+* 收藏 Tab 兼容包装组件。
+*/
+function CollectTabServer(props) {
+	return /* @__PURE__ */ jsx(CollectTab, { ...props });
+}
+
+//#endregion
+export { CollectTabServer };

package/dist/components/biz/business/profile/profile-main/tabs/collect-tab/video-waterfall.mjs

@@ -1,2 +1,179 @@
 
-"use client";import{formatCompactCount as e}from"../../../../../../../utils/common.mjs";import{Image as t}from"../../../../../../ui/image.mjs";import{Box as n}from"../../../../../../ui/box.mjs";import{EmptyState as r}from"../../../../../../ui/empty.mjs";import{InfiniteScroll as i}from"../../../../../../ui/infinite-scroll.mjs";import{Text as a}from"../../../../../../ui/text.mjs";import{Skeleton as o}from"../../../../../../ui/skeleton.mjs";import s from"../../../../../../ui/link.mjs";import{CollectionSelectIcon as c,CollectionSelectedIcon as l}from"../../../../../../common/list/collection-list/collection-select-icon.mjs";import{VideoIcon as u}from"../../../../../../common/icons/video.mjs";import{Fragment as d,jsx as f,jsxs as p}from"react/jsx-runtime";import{useTranslations as m}from"next-intl";const h=`h-[128px] w-[173px]`,g={backgroundImage:`linear-gradient(179.56deg, rgba(8, 2, 17, 0.5) 1.27%, rgba(8, 2, 17, 0) 33.97%, rgba(8, 2, 17, 0) 63.33%, rgba(8, 2, 17, 0.5) 98.57%)`};function _(t){return e(Number.isFinite(t)?Math.max(0,t):0)}function v(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 y(){return f(n,{className:`flex w-full flex-col gap-4`,children:Array.from({length:4},(e,t)=>p(n,{className:`flex gap-3`,children:[f(o,{className:`shrink-0 rounded-[8px] bg-white/8 ${h}`}),p(n,{className:`flex min-w-0 flex-1 flex-col gap-4 pt-1`,children:[f(o,{className:`h-5 w-full rounded bg-white/8`}),f(o,{className:`h-4 w-full rounded bg-white/8`})]})]},`collect-video-skeleton-${t}`))})}function b({item:e,isEditMode:r,isSelected:i,onToggleSelection:o}){let y=m(`components.ui.list.videoList`),b=e.id||``,x=_(e.viewCount),S=v(e.duration),C=e.is_more_link!==void 0&&e.is_more_link!==null,w=e.is_more_link?y(`videoListItem.series`):y(`videoListItem.movie`),T=e.description?.trim()?`简介：${e.description.trim()}`:``;function E(){!r||!b||o?.(b)}let D=p(n,{className:`flex min-w-0 gap-3`,children:[p(n,{className:`relative shrink-0 overflow-hidden rounded-[8px] bg-[#18111f] ${h}`,children:[e.coverImage&&f(t,{src:e.coverImage,alt:e.title||`cover`,fill:!0,objectFit:`cover`,className:`object-cover`}),f(n,{className:`pointer-events-none absolute inset-0 rounded-[8px]`,style:g,"aria-hidden":!0}),!r&&p(d,{children:[C&&f(n,{className:`absolute left-2 top-3 z-10 flex max-h-[18px] items-center rounded bg-white/20 px-1 py-0.5`,children:f(a,{className:`text-center text-[12px] leading-[14px] text-white`,children:w})}),p(n,{className:`absolute bottom-3 left-2 right-2 z-10 flex items-center justify-between`,children:[p(n,{className:`flex min-w-0 items-center gap-1`,children:[f(u,{className:`size-4 shrink-0 text-white opacity-80`,"aria-hidden":!0}),x?f(a,{className:`truncate text-[14px] leading-5 text-white`,children:x}):null]}),S?f(a,{className:`shrink-0 text-[14px] leading-5 text-white`,children:S}):null]})]}),r&&f(n,{className:`pointer-events-none absolute left-2 top-2 z-20`,children:f(i?l:c,{})})]}),p(n,{className:`flex min-w-0 flex-1 flex-col gap-4 pt-[20px]`,children:[f(a,{as:`h3`,className:`line-clamp-2 text-[14px] font-normal leading-5 text-[rgba(255,255,255,0.8)]`,children:e.title}),T?f(a,{className:`line-clamp-2 text-[12px] leading-4 text-[rgba(255,255,255,0.5)]`,children:T}):null]})]});return r?f(`button`,{type:`button`,className:`w-full cursor-pointer border-0 bg-transparent p-0 text-left`,onClick:E,"aria-pressed":i,disabled:!b,children:D}):f(s,{href:e.id?`/video/${e.id}/${e.title}`:`#`,className:`block w-full`,children:D})}function x({list:e,loading:t=!1,hasMore:a=!1,loadMore:o,emptyText:s=``,isEditMode:c=!1,selectedIds:l,onToggleSelection:u}){return t&&e.length===0?f(y,{}):e.length===0?f(r,{type:`no-content`,text:s,className:`!pt-[72px]`}):f(i,{loadMore:async()=>{await o?.()},hasMore:!!o&&a,noMoreText:`没有更多了`,className:`w-full`,children:f(n,{className:`flex w-full flex-col gap-4`,children:e.map((e,t)=>{let n=e.id?`collect-video-row-${e.id}-${t}`:`collect-video-row-${t}`;return f(b,{item:e,isEditMode:c,isSelected:!!(e.id&&l?.has(e.id)),onToggleSelection:u},n)})})})}export{x as CollectVideoWaterfall};
+'use client';
+
+import { formatCompactCount } from "../../../../../../../utils/common.mjs";
+import { Image } from "../../../../../../ui/image.mjs";
+import { Box } from "../../../../../../ui/box.mjs";
+import { EmptyState } from "../../../../../../ui/empty.mjs";
+import { InfiniteScroll } from "../../../../../../ui/infinite-scroll.mjs";
+import { Text } from "../../../../../../ui/text.mjs";
+import { Skeleton } from "../../../../../../ui/skeleton.mjs";
+import Link from "../../../../../../ui/link.mjs";
+import { CollectionSelectIcon, CollectionSelectedIcon } from "../../../../../../common/list/collection-list/collection-select-icon.mjs";
+import { VideoIcon } from "../../../../../../common/icons/video.mjs";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useTranslations } from "next-intl";
+
+//#region components/biz/business/profile/profile-main/tabs/collect-tab/video-waterfall.tsx
+const THUMB_FRAME_CLASS = "h-[128px] w-[173px]";
+const THUMB_MASK_STYLE = { backgroundImage: "linear-gradient(179.56deg, rgba(8, 2, 17, 0.5) 1.27%, rgba(8, 2, 17, 0) 33.97%, rgba(8, 2, 17, 0) 63.33%, rgba(8, 2, 17, 0.5) 98.57%)" };
+/**
+* 将播放量格式化为列表卡片里的热度文案。
+*/
+function formatHeatText(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 CollectVideoWaterfallSkeleton() {
+	return /* @__PURE__ */ jsx(Box, {
+		className: "flex w-full flex-col gap-4",
+		children: Array.from({ length: 4 }, (_, index) => /* @__PURE__ */ jsxs(Box, {
+			className: "flex min-w-0 gap-3",
+			children: [/* @__PURE__ */ jsx(Skeleton, { className: `shrink-0 rounded-[8px] ${THUMB_FRAME_CLASS}` }), /* @__PURE__ */ jsxs(Box, {
+				className: "flex min-w-0 flex-1 flex-col gap-4 pt-[20px]",
+				children: [/* @__PURE__ */ jsxs(Box, {
+					className: "flex flex-col gap-2",
+					children: [/* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-[88%] rounded" }), /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-[62%] rounded" })]
+				}), /* @__PURE__ */ jsxs(Box, {
+					className: "flex flex-col gap-2",
+					children: [/* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-full rounded" }), /* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-[72%] rounded" })]
+				})]
+			})]
+		}, `collect-video-skeleton-${index}`))
+	});
+}
+/**
+* 单条视频：左封面、右文案；选择模式下勾选在封面左上角，封面内隐藏角标与底部信息。
+*/
+function CollectVideoListRow({ item, isEditMode, isSelected, onToggleSelection }) {
+	const t = useTranslations("components.ui.list.videoList");
+	const selectionKey = item.id || "";
+	const heatText = formatHeatText(item.viewCount);
+	const durationText = formatVideoDuration(item.duration);
+	const hasTypeBadge = item.is_more_link !== void 0 && item.is_more_link !== null;
+	const typeBadgeLabel = item.is_more_link ? t("videoListItem.series") : t("videoListItem.movie");
+	const summaryLine = item.description?.trim() ? `简介：${item.description.trim()}` : "";
+	function handleRowClick() {
+		if (!isEditMode || !selectionKey) return;
+		onToggleSelection?.(selectionKey);
+	}
+	/** 选择模式下仍展示标题与简介；封面区隐藏角标与底部信息，左上角展示勾选。 */
+	const rowContent = /* @__PURE__ */ jsxs(Box, {
+		className: "flex min-w-0 gap-3",
+		children: [/* @__PURE__ */ jsxs(Box, {
+			className: `relative shrink-0 overflow-hidden rounded-[8px] bg-[#18111f] ${THUMB_FRAME_CLASS}`,
+			children: [
+				item.coverImage && /* @__PURE__ */ jsx(Image, {
+					src: item.coverImage,
+					alt: item.title || "cover",
+					fill: true,
+					objectFit: "cover",
+					className: "object-cover"
+				}),
+				/* @__PURE__ */ jsx(Box, {
+					className: "pointer-events-none absolute inset-0 rounded-[8px]",
+					style: THUMB_MASK_STYLE,
+					"aria-hidden": true
+				}),
+				!isEditMode && /* @__PURE__ */ jsxs(Fragment, { children: [hasTypeBadge && /* @__PURE__ */ jsx(Box, {
+					className: "absolute left-2 top-3 z-10 flex max-h-[18px] items-center rounded bg-white/20 px-1 py-0.5",
+					children: /* @__PURE__ */ jsx(Text, {
+						className: "text-center text-[12px] leading-[14px] text-white",
+						children: typeBadgeLabel
+					})
+				}), /* @__PURE__ */ jsxs(Box, {
+					className: "absolute bottom-3 left-2 right-2 z-10 flex items-center justify-between",
+					children: [/* @__PURE__ */ jsxs(Box, {
+						className: "flex min-w-0 items-center gap-1",
+						children: [/* @__PURE__ */ jsx(VideoIcon, {
+							className: "size-4 shrink-0 text-white opacity-80",
+							"aria-hidden": true
+						}), heatText ? /* @__PURE__ */ jsx(Text, {
+							className: "truncate text-[14px] leading-5 text-white",
+							children: heatText
+						}) : null]
+					}), durationText ? /* @__PURE__ */ jsx(Text, {
+						className: "shrink-0 text-[14px] leading-5 text-white",
+						children: durationText
+					}) : null]
+				})] }),
+				isEditMode && /* @__PURE__ */ jsx(Box, {
+					className: "pointer-events-none absolute left-2 top-2 z-20",
+					children: isSelected ? /* @__PURE__ */ jsx(CollectionSelectedIcon, {}) : /* @__PURE__ */ jsx(CollectionSelectIcon, {})
+				})
+			]
+		}), /* @__PURE__ */ jsxs(Box, {
+			className: "flex min-w-0 flex-1 flex-col gap-4 pt-[20px]",
+			children: [/* @__PURE__ */ jsx(Text, {
+				as: "h3",
+				className: "line-clamp-2 text-[14px] font-normal leading-5 text-[rgba(255,255,255,0.8)]",
+				children: item.title
+			}), summaryLine ? /* @__PURE__ */ jsx(Text, {
+				className: "line-clamp-2 text-[12px] leading-4 text-[rgba(255,255,255,0.5)]",
+				children: summaryLine
+			}) : null]
+		})]
+	});
+	if (isEditMode) return /* @__PURE__ */ jsx("button", {
+		type: "button",
+		className: "w-full cursor-pointer border-0 bg-transparent p-0 text-left",
+		onClick: handleRowClick,
+		"aria-pressed": isSelected,
+		disabled: !selectionKey,
+		children: rowContent
+	});
+	return /* @__PURE__ */ jsx(Link, {
+		href: item.id ? `/video/${item.id}/${item.title}` : "#",
+		className: "block w-full",
+		children: rowContent
+	});
+}
+/**
+* 收藏页视频列表，外层用 InfiniteScroll 包装实现无限下拉加载。
+*/
+function CollectVideoWaterfall({ list, loading = false, hasMore = false, loadMore, emptyText = "", isEditMode = false, selectedIds, onToggleSelection }) {
+	if (loading && list.length === 0) return /* @__PURE__ */ jsx(CollectVideoWaterfallSkeleton, {});
+	if (list.length === 0) return /* @__PURE__ */ jsx(EmptyState, {
+		type: "no-content",
+		text: emptyText,
+		className: "!pt-[72px]"
+	});
+	return /* @__PURE__ */ jsx(InfiniteScroll, {
+		loadMore: async () => {
+			await loadMore?.();
+		},
+		hasMore: Boolean(loadMore) && hasMore,
+		noMoreText: "没有更多了",
+		className: "w-full",
+		children: /* @__PURE__ */ jsx(Box, {
+			className: "flex w-full flex-col gap-4",
+			children: list.map((item, index) => {
+				const key = item.id ? `collect-video-row-${item.id}-${index}` : `collect-video-row-${index}`;
+				return /* @__PURE__ */ jsx(CollectVideoListRow, {
+					item,
+					isEditMode,
+					isSelected: Boolean(item.id && selectedIds?.has(item.id)),
+					onToggleSelection
+				}, key);
+			})
+		})
+	});
+}
+
+//#endregion
+export { CollectVideoWaterfall };

package/dist/components/biz/business/profile/profile-main/tabs/history-tab/client.d.mts

@@ -1,7 +1,6 @@
 
 import { MaterialComponentMode } from "../../../../../../../utils/schema/schema.mjs";
 import "../../../../../../../utils.mjs";
-import { ProfileMainContentType } from "../../variants.mjs";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region components/biz/business/profile/profile-main/tabs/history-tab/client.d.ts
@@ -12,8 +11,6 @@ interface HistoryTabProps {
   targetUserId?: string;
   /** Query Key 前缀 */
   queryKeyPrefix?: Array<string | number | undefined>;
-  /** 二级标签配置。 */
-  contentTypes?: ProfileMainContentType[];
 }
 /**
  * 浏览历史 Tab
@@ -21,8 +18,7 @@ interface HistoryTabProps {
 declare function HistoryTab({
   mode,
   targetUserId,
-  queryKeyPrefix,
-  contentTypes
+  queryKeyPrefix
 }: HistoryTabProps): react_jsx_runtime0.JSX.Element;
 //#endregion
 export { HistoryTab, HistoryTabProps };

package/dist/components/biz/business/profile/profile-main/tabs/history-tab/client.mjs

@@ -1,2 +1,260 @@
 
-"use client";import{cn as e}from"../../../../../../../utils/cn.mjs";import{useUserStore as t}from"../../../../../../../store/modules/user-store.mjs";import{pInteractionBatchClearBrowse as n}from"../../../../../../../service/generated/client.mjs";import{Button as r}from"../../../../../../ui/button.mjs";import{Box as i}from"../../../../../../ui/box.mjs";import{Checkbox as a}from"../../../../../../ui/checkbox.mjs";import{Text as o}from"../../../../../../ui/text.mjs";import{Tabs as s,TabsList as c,TabsTrigger as l}from"../../../../../../ui/tabs.mjs";import{useMutation as u,usePaginated as d,useUpdateRequest as f}from"../../../../../../../hooks/query/use-query.mjs";import{PostList as p}from"../../../../../../common/list/post-list/post-list.mjs";import{trackProfilePageClick as m}from"../../../tracking.mjs";import{ProfileMainEmptyState as h}from"../../empty-state.mjs";import{getProfileMainSecondaryTabOptions as ee}from"../../variants.mjs";import{EditorPreviewWaterfall as te}from"../editor-preview-waterfall.mjs";import{CollectVideoWaterfall as ne}from"../collect-tab/video-waterfall.mjs";import{getHistoryData as re,likeContentType as ie}from"../../utils.mjs";import{toast as g}from"sonner";import{useEffect as _,useMemo as v,useState as y}from"react";import{jsx as b,jsxs as x}from"react/jsx-runtime";import{useTranslations as ae}from"next-intl";import{parseAsString as oe,useQueryState as S}from"nuqs";function C(e){let{detail:t}=e,{info:n,publish_time:r}=t;return{id:e.id,title:n.title||n.text||``,coverImage:n.cover_image_thumbnail||n.cover_image||n.cover_horizontal_image_thumbnail||void 0,publishTime:r}}function w(e){let{detail:t,content_play_progress:n}=e,{user_info:r,info:i,statics_cnt:a,publish_time:o,parent_content_info:s}=t,c=(Array.isArray(i?.tags)?i.tags:[]).map(e=>typeof e==`string`?e.trim():e&&typeof e==`object`&&`name`in e?String(e.name||``).trim():``).find(Boolean)||``,l=String(i?.img_type||``).trim().toLowerCase(),u=l===`long`||!l&&!!i?.cover_horizontal_image_thumbnail,d=u?i?.cover_horizontal_image_thumbnail||i?.img_x||i?.cover_image_thumbnail||i?.img_y||i?.cover_image||``:i?.cover_image_thumbnail||i?.img_y||i?.cover_horizontal_image_thumbnail||i?.img_x||i?.cover_image||``,f=String(i?.description||``).trim()||c;return{is_more_link:i.is_more_link,id:e.id,title:i.title||i.text||i.name||``,coverImage:d,duration:Number(i.video_duration??0),progress:n?.percent??0,seriesNum:n?.series_num,authorName:r.name,viewCount:i?.play_count??a?.browse_cnt??0,publishTime:o,type:s?.type,imgType:l||(u?`long`:`short`),score:i?.score,description:f}}function T(e,t,n){if(!e)return e;let r=0,i=e.pages.map(e=>({page:e,filteredList:(e.data?.list??[]).filter(e=>{let i=n(e)??``,a=t.has(i);return a&&(r+=1),!a})}));return{...e,pages:i.map(({page:e,filteredList:t})=>{if(!e.data)return e;let n=typeof e.data.total==`number`?Math.max(0,e.data.total-r):e.data.total;return{...e,data:{...e.data,list:t,total:n}}})}}function E(){return e(`!flex !items-center !flex-none !h-auto !w-auto !rounded-[4px] !px-2 !py-[5px] !bg-[var(--color-surface-chip-gray20)] !text-[12px] !font-normal !leading-[14px] !text-text1 hover:!text-text1`,`data-[active]:!text-text1 data-[state=active]:!text-text1`,`data-[active]:!bg-[image:var(--gradient-action-button)]`,`data-[state=active]:!bg-[image:var(--gradient-action-button)]`)}function D({mode:e=`renderer`,targetUserId:D,queryKeyPrefix:O,contentTypes:k}){let A=ae(`components.pages.profile.components.tabs`),j=e===`renderer`,M=O??[],N=v(()=>ee(k),[k]),[P,F]=S(`historyTab`,oe.withDefault(`video`)),I=v(()=>{let e=N[0]??`video`;return N.includes(P??``)?P:e},[N,P]),[L,se]=y(!1),[R,z]=y(()=>new Set),B=t(e=>e.userId),V=f(),H=[...M,`user-history-video`],U=[...M,`user-history-post`],W=d({key:H,initialPageParam:1,async queryFn(e){return re({targetUserId:D,page:e,contentType:ie.video})},options:{staleTime:0,enabled:j},getNextPageParam(e,t){if(!((e?.data?.list??[]).length===0||e?.data?.total===0))return t.length+1}}),G=d({key:U,initialPageParam:1,async queryFn(e){return{data:{list:[],total:0,has_more:!1}}},options:{staleTime:0,enabled:j},getNextPageParam(e,t){if(!((e?.data?.list??[]).length===0||e?.data?.total===0))return t.length+1}}),K=I===`video`?W:G,q=W.data?.pages.flatMap(e=>(e.data?.list??[]).map(w))??[],J=G.data?.pages.flatMap(e=>(e.data?.list??[]).map(C))??[],ce=I===`video`?q:J,Y=I===`video`?q.length===0&&!K.isFetching:J.length===0&&!K.isFetching,X=new Set(ce.map(e=>e.id)),Z=I===`video`,{mutateAsync:le,isPending:Q}=u(async e=>await n({app_id:0,user_id:B,content_type:e.contentType,content_ids:e.contentIds}));_(()=>{z(new Set)},[I]),_(()=>{P!==I&&F(I)},[I,P,F]);let ue=e=>{z(t=>{let n=new Set(t);return n.has(e)?n.delete(e):n.add(e),n})},de=()=>{R.size===X.size&&X.size>0?z(new Set):z(new Set(X))},fe=async()=>{if(!(R.size===0||Q)){if(!B){g.error(A(`historyTab.pleaseLogin`));return}try{let e=Array.from(R),t=await le({contentIds:e,contentType:Z?1:2});if(t.code===0){g.success(A(`historyTab.historyDeletedSuccess`));let t=new Set(e);V(Z?H:U,e=>T(e,t,e=>e.id)),z(new Set),se(!1)}else g.error(t.message||A(`historyTab.deleteFailed`))}catch(e){console.error(`删除浏览记录失败`,e),g.error(A(`historyTab.operationFailed`))}}},$=async()=>{j&&await K.fetchNextPage()};return x(i,{children:[b(i,{className:`flex items-center justify-between`,children:N.length>0&&b(s,{value:I,onValueChange:e=>{F(e)},children:x(c,{variant:`tag`,className:`!h-auto !gap-4 !p-0`,children:[N.includes(`video`)&&b(l,{value:`video`,className:E(),children:A(`historyTab.video`)}),N.includes(`novel`)&&b(l,{value:`novel`,className:E(),children:A(`historyTab.novel`)}),N.includes(`comic`)&&b(l,{value:`comic`,className:E(),children:A(`historyTab.comic`)}),N.includes(`post`)&&b(l,{value:`post`,className:E(),children:A(`historyTab.posts`)})]})})}),b(i,{className:``,onClick:e=>{m(e,`content_item`)},children:!j&&(I===`video`||I===`post`||I===`novel`||I===`comic`)?b(te,{contentType:I}):I===`video`?Y?b(h,{text:A(`historyTab.emptyContent`)}):b(ne,{list:q,loading:K.isFetching,hasMore:K.hasNextPage??!1,loadMore:$,emptyText:A(`historyTab.emptyContent`)}):I===`post`?Y?b(h,{text:A(`historyTab.emptyContent`)}):b(p,{list:J,loading:K.isFetching,hasMore:K.hasNextPage??!1,loadMore:$,emptyText:A(`historyTab.emptyContent`),isEditMode:L,selectedIds:R,onToggleSelection:ue}):b(h,{text:A(`historyTab.emptyContent`)})}),L&&x(i,{className:`fixed left-0 z-10 flex w-full items-center justify-between bg-bg1 px-3 py-2 bottom-[var(--tab-bar-occupied-height)]`,children:[x(i,{className:`flex items-center gap-2`,children:[b(a,{checked:R.size===X.size&&X.size>0,onCheckedChange:de}),b(o,{className:`text-sm text-text1`,children:A(`historyTab.selectAll`)})]}),b(r,{className:`rounded-full py-2.5 h-auto px-6.5`,variant:R.size>0?`default`:`outline`,disabled:R.size===0||Q,onClick:fe,children:A(Q?`historyTab.processing`:`historyTab.delete`)})]})]})}export{D as HistoryTab};
+'use client';
+
+import { useUserStore } from "../../../../../../../store/modules/user-store.mjs";
+import { pInteractionBatchClearBrowse } from "../../../../../../../service/generated/client.mjs";
+import { Button } from "../../../../../../ui/button.mjs";
+import { Box } from "../../../../../../ui/box.mjs";
+import { Checkbox } from "../../../../../../ui/checkbox.mjs";
+import { Text } from "../../../../../../ui/text.mjs";
+import { useMutation, usePaginated, useUpdateRequest } from "../../../../../../../hooks/query/use-query.mjs";
+import { PostList } from "../../../../../../common/list/post-list/post-list.mjs";
+import { trackProfilePageClick } from "../../../tracking.mjs";
+import { ProfileMainEmptyState } from "../../empty-state.mjs";
+import { CollectVideoWaterfall } from "../collect-tab/video-waterfall.mjs";
+import { getHistoryData, likeContentType } from "../../utils.mjs";
+import { toast } from "sonner";
+import { useEffect, useMemo, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useTranslations } from "next-intl";
+import { parseAsString, useQueryState } from "nuqs";
+
+//#region components/biz/business/profile/profile-main/tabs/history-tab/client.tsx
+/** 将 API 数据转换为 PostListItemProps */
+function transformToPostItem(item) {
+	const { detail } = item;
+	const { info, publish_time } = detail;
+	return {
+		id: item.id,
+		title: info.title || info.text || "",
+		coverImage: info.cover_image_thumbnail || info.cover_image || info.cover_horizontal_image_thumbnail || void 0,
+		publishTime: publish_time
+	};
+}
+/** 将 API 数据转换为 VideoListItemProps */
+function transformToVideoItem(item) {
+	const { detail, content_play_progress } = item;
+	const { user_info, info, statics_cnt, publish_time, parent_content_info } = detail;
+	const normalizedImgType = String(info?.img_type || "").trim().toLowerCase();
+	const hasHorizontalCover = normalizedImgType === "long" || !normalizedImgType && Boolean(info?.cover_horizontal_image_thumbnail);
+	const coverImage = hasHorizontalCover ? info?.cover_horizontal_image_thumbnail || info?.img_x || info?.cover_image_thumbnail || info?.img_y || info?.cover_image || "" : info?.cover_image_thumbnail || info?.img_y || info?.cover_horizontal_image_thumbnail || info?.img_x || info?.cover_image || "";
+	const description = String(info?.description || "").trim();
+	return {
+		is_more_link: info.is_more_link,
+		id: item.id,
+		title: info.title || info.text || info.name || "",
+		coverImage,
+		duration: Number(info.video_duration ?? 0),
+		progress: content_play_progress?.percent ?? 0,
+		seriesNum: content_play_progress?.series_num,
+		authorName: user_info.name,
+		viewCount: info?.play_count ?? statics_cnt?.browse_cnt ?? 0,
+		publishTime: publish_time,
+		type: parent_content_info?.type,
+		imgType: normalizedImgType || (hasHorizontalCover ? "long" : "short"),
+		score: info?.score,
+		description
+	};
+}
+/**
+* 从分页缓存中移除指定的历史项。
+*/
+function removeItemsFromPaginatedList(data, ids, getId) {
+	if (!data) return data;
+	let removedCount = 0;
+	const nextPages = data.pages.map((page) => {
+		return {
+			page,
+			filteredList: (page.data?.list ?? []).filter((item) => {
+				const itemId = getId(item) ?? "";
+				const shouldRemove = ids.has(itemId);
+				if (shouldRemove) removedCount += 1;
+				return !shouldRemove;
+			})
+		};
+	});
+	return {
+		...data,
+		pages: nextPages.map(({ page, filteredList }) => {
+			if (!page.data) return page;
+			const nextTotal = typeof page.data.total === "number" ? Math.max(0, page.data.total - removedCount) : page.data.total;
+			return {
+				...page,
+				data: {
+					...page.data,
+					list: filteredList,
+					total: nextTotal
+				}
+			};
+		})
+	};
+}
+const tabOptions = ["video", "post"];
+/**
+* 浏览历史 Tab
+*/
+function HistoryTab({ mode = "renderer", targetUserId, queryKeyPrefix }) {
+	const t = useTranslations("components.pages.profile.components.tabs");
+	const isRenderer = mode === "renderer";
+	const resolvedQueryKeyPrefix = queryKeyPrefix ?? [];
+	const [tabQuery, setTabQuery] = useQueryState("historyTab", parseAsString.withDefault("video"));
+	const tab = useMemo(() => {
+		return tabOptions.includes(tabQuery) ? tabQuery : "video";
+	}, [tabQuery]);
+	const [isEditMode, setIsEditMode] = useState(false);
+	const [selectedIds, setSelectedIds] = useState(() => /* @__PURE__ */ new Set());
+	const userId = useUserStore((state) => state.userId);
+	const updateRequest = useUpdateRequest();
+	const videoQueryKey = [...resolvedQueryKeyPrefix, "user-history-video"];
+	const postQueryKey = [...resolvedQueryKeyPrefix, "user-history-post"];
+	const videoData = usePaginated({
+		key: videoQueryKey,
+		initialPageParam: 1,
+		async queryFn(pageParam) {
+			return getHistoryData({
+				targetUserId,
+				page: pageParam,
+				contentType: likeContentType.video
+			});
+		},
+		options: {
+			staleTime: 0,
+			enabled: isRenderer
+		},
+		getNextPageParam(lastPage, allPages) {
+			if ((lastPage?.data?.list ?? []).length === 0 || lastPage?.data?.total === 0) return;
+			return allPages.length + 1;
+		}
+	});
+	const postData = usePaginated({
+		key: postQueryKey,
+		initialPageParam: 1,
+		async queryFn(_pageParam) {
+			return { data: {
+				list: [],
+				total: 0,
+				has_more: false
+			} };
+		},
+		options: {
+			staleTime: 0,
+			enabled: isRenderer
+		},
+		getNextPageParam(lastPage, allPages) {
+			if ((lastPage?.data?.list ?? []).length === 0 || lastPage?.data?.total === 0) return;
+			return allPages.length + 1;
+		}
+	});
+	const currentData = tab === "video" ? videoData : postData;
+	const videoList = videoData.data?.pages.flatMap((page) => (page.data?.list ?? []).map(transformToVideoItem)) ?? [];
+	const postList = postData.data?.pages.flatMap((page) => (page.data?.list ?? []).map(transformToPostItem)) ?? [];
+	const currentList = tab === "video" ? videoList : postList;
+	const isCurrentContentEmpty = tab === "video" ? videoList.length === 0 && !currentData.isFetching : postList.length === 0 && !currentData.isFetching;
+	const availableIds = new Set(currentList.map((item) => item.id));
+	const isVideoTab = tab === "video";
+	/** 批量删除浏览记录 */
+	const { mutateAsync: batchClearBrowse, isPending: isDeleting } = useMutation(async (payload) => {
+		return await pInteractionBatchClearBrowse({
+			app_id: 0,
+			user_id: userId,
+			content_type: payload.contentType,
+			content_ids: payload.contentIds
+		});
+	});
+	useEffect(() => {
+		setSelectedIds(/* @__PURE__ */ new Set());
+	}, [tab]);
+	useEffect(() => {
+		if (tabQuery !== tab) setTabQuery(tab);
+	}, [
+		tab,
+		tabQuery,
+		setTabQuery
+	]);
+	const toggleItemSelection = (id) => {
+		setSelectedIds((prev) => {
+			const newSet = new Set(prev);
+			if (newSet.has(id)) newSet.delete(id);
+			else newSet.add(id);
+			return newSet;
+		});
+	};
+	const handleToggleAll = () => {
+		if (selectedIds.size === availableIds.size && availableIds.size > 0) setSelectedIds(/* @__PURE__ */ new Set());
+		else setSelectedIds(new Set(availableIds));
+	};
+	/** 删除选中的浏览记录 */
+	const handleDelete = async () => {
+		if (selectedIds.size === 0 || isDeleting) return;
+		if (!userId) {
+			toast.error(t("historyTab.pleaseLogin"));
+			return;
+		}
+		try {
+			const contentIds = Array.from(selectedIds);
+			const response = await batchClearBrowse({
+				contentIds,
+				contentType: isVideoTab ? 1 : 2
+			});
+			if (response.code === 0) {
+				toast.success(t("historyTab.historyDeletedSuccess"));
+				const deleteIds = new Set(contentIds);
+				updateRequest(isVideoTab ? videoQueryKey : postQueryKey, (old) => {
+					return removeItemsFromPaginatedList(old, deleteIds, (item) => item.id);
+				});
+				setSelectedIds(/* @__PURE__ */ new Set());
+				setIsEditMode(false);
+			} else toast.error(response.message || t("historyTab.deleteFailed"));
+		} catch (error) {
+			console.error("删除浏览记录失败", error);
+			toast.error(t("historyTab.operationFailed"));
+		}
+	};
+	const loadMore = async () => {
+		if (!isRenderer) return;
+		await currentData.fetchNextPage();
+	};
+	return /* @__PURE__ */ jsxs(Box, { children: [/* @__PURE__ */ jsx(Box, {
+		className: "",
+		onClick: (e) => {
+			trackProfilePageClick(e, "content_item");
+		},
+		children: tab === "video" ? isCurrentContentEmpty ? /* @__PURE__ */ jsx(ProfileMainEmptyState, { text: t("historyTab.emptyContent") }) : /* @__PURE__ */ jsx(CollectVideoWaterfall, {
+			list: videoList,
+			loading: currentData.isFetching,
+			hasMore: currentData.hasNextPage ?? false,
+			loadMore,
+			emptyText: t("historyTab.emptyContent")
+		}) : isCurrentContentEmpty ? /* @__PURE__ */ jsx(ProfileMainEmptyState, { text: t("historyTab.emptyContent") }) : /* @__PURE__ */ jsx(PostList, {
+			list: postList,
+			loading: currentData.isFetching,
+			hasMore: currentData.hasNextPage ?? false,
+			loadMore,
+			emptyText: t("historyTab.emptyContent"),
+			isEditMode,
+			selectedIds,
+			onToggleSelection: toggleItemSelection
+		})
+	}), isEditMode && /* @__PURE__ */ jsxs(Box, {
+		className: "fixed left-0 z-10 flex w-full items-center justify-between bg-bg1 px-3 py-2 bottom-[var(--tab-bar-occupied-height)]",
+		children: [/* @__PURE__ */ jsxs(Box, {
+			className: "flex items-center gap-2",
+			children: [/* @__PURE__ */ jsx(Checkbox, {
+				checked: selectedIds.size === availableIds.size && availableIds.size > 0,
+				onCheckedChange: handleToggleAll
+			}), /* @__PURE__ */ jsx(Text, {
+				className: "text-sm text-text1",
+				children: t("historyTab.selectAll")
+			})]
+		}), /* @__PURE__ */ jsx(Button, {
+			className: "rounded-full py-2.5 h-auto px-6.5",
+			variant: selectedIds.size > 0 ? "default" : "outline",
+			disabled: selectedIds.size === 0 || isDeleting,
+			onClick: handleDelete,
+			children: isDeleting ? t("historyTab.processing") : t("historyTab.delete")
+		})]
+	})] });
+}
+
+//#endregion
+export { HistoryTab };

package/dist/components/biz/business/profile/profile-main/tabs/history-tab/server.mjs

@@ -1,2 +1,14 @@
 
-import{HistoryTab as e}from"./client.mjs";import{jsx as t}from"react/jsx-runtime";function n(n){return t(e,{...n})}export{n as HistoryTabServer};
+import { HistoryTab } from "./client.mjs";
+import { jsx } from "react/jsx-runtime";
+
+//#region components/biz/business/profile/profile-main/tabs/history-tab/server.tsx
+/**
+* 历史 Tab 兼容包装组件。
+*/
+function HistoryTabServer(props) {
+	return /* @__PURE__ */ jsx(HistoryTab, { ...props });
+}
+
+//#endregion
+export { HistoryTabServer };

package/dist/components/biz/business/profile/profile-main/tabs/like-tab/client.d.mts

@@ -2,7 +2,6 @@
 import { CommunityContentInfo } from "../../../../../../../types/community-types.mjs";
 import { MaterialComponentMode } from "../../../../../../../utils/schema/schema.mjs";
 import "../../../../../../../utils.mjs";
-import { ProfileMainContentType } from "../../variants.mjs";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region components/biz/business/profile/profile-main/tabs/like-tab/client.d.ts
@@ -77,15 +76,12 @@ interface LikeTabProps {
   queryKeyPrefix?: Array<string | number | undefined>;
   /** 是否为本人视角。 */
   isMine?: boolean;
-  /** 二级标签配置。 */
-  contentTypes?: ProfileMainContentType[];
 }
 declare function LikeTab({
   mode,
   targetUserId,
   queryKeyPrefix,
-  isMine: _isMine,
-  contentTypes
+  isMine: _isMine
 }: LikeTabProps): react_jsx_runtime0.JSX.Element;
 //#endregion
 export { LikeDetailItem, LikeTab, LikeTabProps };