@funhub/platform 0.2.31 → 0.2.33

package/dist/components/pages/search/search-result/search-user.mjs

@@ -1,307 +1,2 @@
 
-'use client';
-
-import { useUserStore } from "../../../../store/modules/user-store.mjs";
-import { gContentGetRecommendVideoList, pInteractionFollow, pInteractionUnfollow } from "../../../../service/generated/client.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 { usePaginated } from "../../../../hooks/query/use-query.mjs";
-import { useRequireLogin } from "../../../../hooks/use-auth.mjs";
-import { trackSearchResultClick } from "../../search-result/tracking.mjs";
-import default_avatar_default from "../../../../assets/images/user/default_avatar.mjs";
-import { formatSearchFollowerCount, resolveSearchUserDescription, resolveSearchUserName } from "./shared.mjs";
-import { toast } from "sonner";
-import { memo, useCallback, useEffect, useMemo, useState } from "react";
-import { Check, Plus } from "lucide-react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useTranslations } from "next-intl";
-import Link from "next/link";
-
-//#region components/pages/search/search-result/search-user.tsx
-const DEFAULT_AVATAR_SRC = typeof default_avatar_default === "string" ? default_avatar_default : default_avatar_default.src;
-const SEARCH_USER_TYPE = 4;
-const SEARCH_USER_PAGE_SIZE = 20;
-function resolveViewerUserId(userInfo, storeUserId) {
-	return String(storeUserId || userInfo?.user_id || userInfo?.userId || "").trim();
-}
-function SearchUserAvatar({ src, alt, variant }) {
-	const outerClassName = variant === "row" ? "size-[56px] p-[4px]" : "size-[40px] p-[3px]";
-	const innerBorderClassName = variant === "row" ? "border-[3px]" : "border-[2px]";
-	return /* @__PURE__ */ jsx(Box, {
-		className: `rounded-full bg-white/20 ${outerClassName}`,
-		children: /* @__PURE__ */ jsx(Box, {
-			className: `relative size-full overflow-hidden rounded-full border-solid border-white/40 ${innerBorderClassName}`,
-			children: /* @__PURE__ */ jsx(Image, {
-				src: src || DEFAULT_AVATAR_SRC,
-				fill: true,
-				objectFit: "cover",
-				alt
-			})
-		})
-	});
-}
-function SearchUserFollowAction({ item, variant, onFollowChange }) {
-	const requireLogin = useRequireLogin();
-	const { userInfo, userId: storeUserId } = useUserStore();
-	const [pending, setPending] = useState(false);
-	const viewerUserId = resolveViewerUserId(userInfo, storeUserId);
-	const isSelf = viewerUserId !== "" && viewerUserId === String(item.user_id || "").trim();
-	const isFollowing = Boolean(item.is_following);
-	const handleClick = useCallback(() => {
-		if (!item.user_id || pending) return;
-		requireLogin(() => {
-			const currentUserId = resolveViewerUserId(useUserStore.getState().userInfo, useUserStore.getState().userId);
-			if (!currentUserId) {
-				toast.error("请先登录");
-				return;
-			}
-			(async () => {
-				setPending(true);
-				try {
-					const response = isFollowing ? await pInteractionUnfollow({
-						follower_id: currentUserId,
-						followee_id: item.user_id
-					}) : await pInteractionFollow({
-						follower_id: currentUserId,
-						followee_id: item.user_id
-					});
-					if (response.code !== 0) {
-						toast.error(response.message || (isFollowing ? "取消关注失败" : "关注失败"));
-						return;
-					}
-					onFollowChange?.(!isFollowing);
-				} catch (error) {
-					console.error("切换关注状态失败", error);
-					toast.error(isFollowing ? "取消关注失败" : "关注失败");
-				} finally {
-					setPending(false);
-				}
-			})();
-		});
-	}, [
-		isFollowing,
-		item.user_id,
-		onFollowChange,
-		pending,
-		requireLogin
-	]);
-	if (isSelf) return null;
-	if (variant === "grid") return /* @__PURE__ */ jsx("button", {
-		type: "button",
-		"aria-label": isFollowing ? "取消关注" : "关注",
-		className: `flex size-[24px] shrink-0 items-center justify-center rounded-full transition-opacity ${isFollowing ? "bg-white/15 text-white" : "bg-black/30 text-white/75"} ${pending ? "opacity-50" : ""}`,
-		onClick: handleClick,
-		children: isFollowing ? /* @__PURE__ */ jsx(Check, { className: "size-[14px]" }) : /* @__PURE__ */ jsx(Plus, { className: "size-[14px]" })
-	});
-	return /* @__PURE__ */ jsxs("button", {
-		type: "button",
-		className: `flex h-[24px] shrink-0 items-center justify-center rounded-full transition-opacity ${isFollowing ? "border border-white/25 bg-white/10 px-[8px] text-white/85" : "border border-white/60 bg-black/20 pl-[4px] pr-[8px] text-white/70"} ${pending ? "opacity-50" : ""}`,
-		onClick: handleClick,
-		children: [!isFollowing && /* @__PURE__ */ jsx(Plus, { className: "mr-[2px] size-[16px]" }), /* @__PURE__ */ jsx(Text, {
-			className: isFollowing ? "text-[12px] leading-[18px]" : "text-[14px] leading-[20px]",
-			children: isFollowing ? "已关注" : "关注"
-		})]
-	});
-}
-const SearchUserRowCard = memo(({ item, onFollowChange }) => {
-	const userName = resolveSearchUserName(item);
-	const description = resolveSearchUserDescription(item);
-	const followerText = formatSearchFollowerCount(item.follower_count);
-	return /* @__PURE__ */ jsxs(Box, {
-		className: "flex h-[88px] w-full items-center gap-[8px] rounded-[8px] bg-white/10 px-[12px] py-[8px]",
-		children: [/* @__PURE__ */ jsxs(Link, {
-			href: `/profile/${item.user_id || ""}`,
-			className: "flex min-w-0 flex-1 items-center gap-[8px]",
-			onClick: (e) => {
-				trackSearchResultClick(e, String(item.user_id ?? ""), "user");
-			},
-			children: [/* @__PURE__ */ jsx(SearchUserAvatar, {
-				src: item.avatar,
-				alt: userName || "用户头像",
-				variant: "row"
-			}), /* @__PURE__ */ jsxs(Box, {
-				className: "min-w-0 flex-1",
-				children: [
-					/* @__PURE__ */ jsx(Text, {
-						className: "block truncate text-[14px] leading-[20px] font-medium text-white",
-						children: userName
-					}),
-					/* @__PURE__ */ jsx(Text, {
-						className: "mt-[2px] block truncate text-[14px] leading-[20px] text-white/60",
-						children: description
-					}),
-					/* @__PURE__ */ jsxs(Text, {
-						className: "mt-[2px] block truncate text-[14px] leading-[20px] text-white/60",
-						children: ["粉丝：", followerText]
-					})
-				]
-			})]
-		}), /* @__PURE__ */ jsx(SearchUserFollowAction, {
-			item,
-			variant: "row",
-			onFollowChange
-		})]
-	});
-});
-SearchUserRowCard.displayName = "SearchUserRowCard";
-const SearchUserGridCard = memo(({ item, onFollowChange }) => {
-	const userName = resolveSearchUserName(item);
-	const description = resolveSearchUserDescription(item);
-	return /* @__PURE__ */ jsxs(Box, {
-		className: "h-[170px] rounded-[8px] bg-white/10 px-[16px] py-[16px]",
-		children: [/* @__PURE__ */ jsxs(Box, {
-			className: "flex items-start justify-between",
-			children: [/* @__PURE__ */ jsx(Link, {
-				href: `/profile/${item.user_id || ""}`,
-				className: "flex items-center",
-				onClick: (e) => {
-					trackSearchResultClick(e, String(item.user_id ?? ""), "user");
-				},
-				children: /* @__PURE__ */ jsx(SearchUserAvatar, {
-					src: item.avatar,
-					alt: userName || "用户头像",
-					variant: "grid"
-				})
-			}), /* @__PURE__ */ jsx(SearchUserFollowAction, {
-				item,
-				variant: "grid",
-				onFollowChange
-			})]
-		}), /* @__PURE__ */ jsxs(Link, {
-			href: `/profile/${item.user_id || ""}`,
-			className: "mt-[16px] block",
-			children: [/* @__PURE__ */ jsx(Text, {
-				className: "block truncate text-[14px] leading-[20px] font-medium text-white",
-				children: userName
-			}), /* @__PURE__ */ jsx(Text, {
-				className: "mt-[8px] block text-[14px] leading-[20px] text-white/60 line-clamp-4",
-				children: description
-			})]
-		})]
-	});
-});
-SearchUserGridCard.displayName = "SearchUserGridCard";
-function SearchUserSkeleton() {
-	return /* @__PURE__ */ jsx(Box, {
-		className: "grid grid-cols-2 gap-[16px] px-[16px]",
-		children: Array.from({ length: 6 }).map((_, index) => /* @__PURE__ */ jsxs(Box, {
-			className: "h-[170px] rounded-[8px] bg-white/8 px-[16px] py-[16px]",
-			children: [
-				/* @__PURE__ */ jsxs(Box, {
-					className: "flex items-start justify-between",
-					children: [/* @__PURE__ */ jsx(Skeleton, { className: "size-[40px] rounded-full bg-white/10" }), /* @__PURE__ */ jsx(Skeleton, { className: "size-[24px] rounded-full bg-white/10" })]
-				}),
-				/* @__PURE__ */ jsx(Skeleton, { className: "mt-[16px] h-[20px] w-[86px] rounded-[4px] bg-white/10" }),
-				/* @__PURE__ */ jsx(Skeleton, { className: "mt-[8px] h-[20px] w-full rounded-[4px] bg-white/10" }),
-				/* @__PURE__ */ jsx(Skeleton, { className: "mt-[6px] h-[20px] w-[90%] rounded-[4px] bg-white/10" }),
-				/* @__PURE__ */ jsx(Skeleton, { className: "mt-[6px] h-[20px] w-[72%] rounded-[4px] bg-white/10" })
-			]
-		}, `search-user-grid-skeleton-${index}`))
-	});
-}
-/**
-* 搜索用户结果。
-*/
-const SearchUser = memo(({ inputVal, sort, refreshVersion }) => {
-	const t = useTranslations("components.pages.search.searchResult");
-	const [followStatusMap, setFollowStatusMap] = useState({});
-	useEffect(() => {
-		setFollowStatusMap({});
-	}, [
-		inputVal,
-		refreshVersion,
-		sort
-	]);
-	const fetchSearchData = useCallback(async (page) => {
-		return await gContentGetRecommendVideoList({
-			data_type: 2,
-			extra_params: JSON.stringify({
-				type: SEARCH_USER_TYPE,
-				keywords: inputVal,
-				sort
-			}),
-			page: page || 1,
-			page_size: SEARCH_USER_PAGE_SIZE
-		});
-	}, [inputVal, sort]);
-	const pageData = usePaginated({
-		key: useMemo(() => [
-			"search-result",
-			"user",
-			inputVal,
-			sort,
-			refreshVersion
-		], [
-			inputVal,
-			refreshVersion,
-			sort
-		]),
-		initialPageParam: 1,
-		async queryFn(pageParam) {
-			return (await fetchSearchData(pageParam))?.data?.users ?? {
-				has_more: false,
-				total: 0,
-				list: []
-			};
-		},
-		getNextPageParam(lastPage, allPages) {
-			if (!lastPage.has_more) return;
-			return allPages.length + 1;
-		}
-	});
-	const userList = useMemo(() => {
-		return (pageData.data?.pages ?? []).flatMap((page) => page.list ?? []).map((item) => {
-			const userId = String(item.user_id || "").trim();
-			if (!userId || followStatusMap[userId] === void 0) return item;
-			return {
-				...item,
-				is_following: followStatusMap[userId]
-			};
-		});
-	}, [followStatusMap, pageData.data?.pages]);
-	const isInitialLoading = Boolean((pageData.isPending || pageData.isFetching) && userList.length === 0);
-	const handleFollowChange = useCallback((userId, isFollowing) => {
-		if (!userId) return;
-		setFollowStatusMap((prev) => ({
-			...prev,
-			[userId]: isFollowing ? 1 : 0
-		}));
-	}, []);
-	const loadMore = useCallback(async () => {
-		try {
-			await pageData.fetchNextPage();
-		} catch (error) {
-			console.error("获取用户搜索结果失败", error);
-		}
-	}, [pageData]);
-	if (isInitialLoading) return /* @__PURE__ */ jsx(SearchUserSkeleton, {});
-	if (userList.length === 0) return /* @__PURE__ */ jsx(EmptyState, {
-		type: "nodata",
-		text: t("searchUser.emptyResult"),
-		className: "!pt-[72px]"
-	});
-	return /* @__PURE__ */ jsxs(Box, {
-		className: "w-full pb-[24px]",
-		children: [/* @__PURE__ */ jsx(Box, {
-			className: "grid grid-cols-2 gap-[16px] px-[16px]",
-			children: userList.map((item, index) => /* @__PURE__ */ jsx(SearchUserGridCard, {
-				item,
-				onFollowChange: (isFollowing) => {
-					handleFollowChange(String(item.user_id || ""), isFollowing);
-				}
-			}, String(item.user_id ?? index)))
-		}), pageData.hasNextPage && /* @__PURE__ */ jsx(InfiniteScroll, {
-			loadMore: async (_isRetry) => loadMore(),
-			hasMore: pageData.hasNextPage,
-			className: "w-full"
-		})]
-	});
-});
-SearchUser.displayName = "SearchUser";
-
-//#endregion
-export { SearchUserRowCard, SearchUser as default };
+"use client";import{useUserStore as e}from"../../../../store/modules/user-store.mjs";import{gContentGetRecommendVideoList as t,pInteractionFollow as n,pInteractionUnfollow as r}from"../../../../service/generated/client.mjs";import{Image as i}from"../../../ui/image.mjs";import{Box as a}from"../../../ui/box.mjs";import{EmptyState as o}from"../../../ui/empty.mjs";import{InfiniteScroll as s}from"../../../ui/infinite-scroll.mjs";import{Text as c}from"../../../ui/text.mjs";import{Skeleton as l}from"../../../ui/skeleton.mjs";import{usePaginated as u}from"../../../../hooks/query/use-query.mjs";import{useRequireLogin as d}from"../../../../hooks/use-auth.mjs";import{trackSearchResultClick as f}from"../../search-result/tracking.mjs";import p from"../../../../assets/images/user/default_avatar.mjs";import{formatSearchFollowerCount as m,resolveSearchUserDescription as h,resolveSearchUserName as g}from"./shared.mjs";import{toast as _}from"sonner";import{memo as v,useCallback as y,useEffect as b,useMemo as x,useState as S}from"react";import{Check as C,Plus as w}from"lucide-react";import{jsx as T,jsxs as E}from"react/jsx-runtime";import{useTranslations as D}from"next-intl";import O from"next/link";const k=typeof p==`string`?p:p.src;function A(e,t){return String(t||e?.user_id||e?.userId||``).trim()}function j({src:e,alt:t,variant:n}){let r=n===`row`?`size-[56px] p-[4px]`:`size-[40px] p-[3px]`,o=n===`row`?`border-[3px]`:`border-[2px]`;return T(a,{className:`rounded-full bg-white/20 ${r}`,children:T(a,{className:`relative size-full overflow-hidden rounded-full border-solid border-white/40 ${o}`,children:T(i,{src:e||k,fill:!0,objectFit:`cover`,alt:t})})})}function M({item:t,variant:i,onFollowChange:a}){let o=d(),{userInfo:s,userId:l}=e(),[u,f]=S(!1),p=A(s,l),m=p!==``&&p===String(t.user_id||``).trim(),h=!!t.is_following,g=y(()=>{!t.user_id||u||o(()=>{let i=A(e.getState().userInfo,e.getState().userId);if(!i){_.error(`请先登录`);return}(async()=>{f(!0);try{let e=h?await r({follower_id:i,followee_id:t.user_id}):await n({follower_id:i,followee_id:t.user_id});if(e.code!==0){_.error(e.message||(h?`取消关注失败`:`关注失败`));return}a?.(!h)}catch(e){console.error(`切换关注状态失败`,e),_.error(h?`取消关注失败`:`关注失败`)}finally{f(!1)}})()})},[h,t.user_id,a,u,o]);return m?null:i===`grid`?T(`button`,{type:`button`,"aria-label":h?`取消关注`:`关注`,className:`flex size-[24px] shrink-0 items-center justify-center rounded-full transition-opacity ${h?`bg-white/15 text-white`:`bg-black/30 text-white/75`} ${u?`opacity-50`:``}`,onClick:g,children:T(h?C:w,{className:`size-[14px]`})}):E(`button`,{type:`button`,className:`flex h-[24px] shrink-0 items-center justify-center rounded-full transition-opacity ${h?`border border-white/25 bg-white/10 px-[8px] text-white/85`:`border border-white/60 bg-black/20 pl-[4px] pr-[8px] text-white/70`} ${u?`opacity-50`:``}`,onClick:g,children:[!h&&T(w,{className:`mr-[2px] size-[16px]`}),T(c,{className:h?`text-[12px] leading-[18px]`:`text-[14px] leading-[20px]`,children:h?`已关注`:`关注`})]})}const N=v(({item:e,onFollowChange:t})=>{let n=g(e),r=h(e),i=m(e.follower_count);return E(a,{className:`flex h-[88px] w-full items-center gap-[8px] rounded-[8px] bg-white/10 px-[12px] py-[8px]`,children:[E(O,{href:`/profile/${e.user_id||``}`,className:`flex min-w-0 flex-1 items-center gap-[8px]`,onClick:t=>{f(t,String(e.user_id??``),`user`)},children:[T(j,{src:e.avatar,alt:n||`用户头像`,variant:`row`}),E(a,{className:`min-w-0 flex-1`,children:[T(c,{className:`block truncate text-[14px] leading-[20px] font-medium text-white`,children:n}),T(c,{className:`mt-[2px] block truncate text-[14px] leading-[20px] text-white/60`,children:r}),E(c,{className:`mt-[2px] block truncate text-[14px] leading-[20px] text-white/60`,children:[`粉丝：`,i]})]})]}),T(M,{item:e,variant:`row`,onFollowChange:t})]})});N.displayName=`SearchUserRowCard`;const P=v(({item:e,onFollowChange:t})=>{let n=g(e),r=h(e);return E(a,{className:`h-[170px] rounded-[8px] bg-white/10 px-[16px] py-[16px]`,children:[E(a,{className:`flex items-start justify-between`,children:[T(O,{href:`/profile/${e.user_id||``}`,className:`flex items-center`,onClick:t=>{f(t,String(e.user_id??``),`user`)},children:T(j,{src:e.avatar,alt:n||`用户头像`,variant:`grid`})}),T(M,{item:e,variant:`grid`,onFollowChange:t})]}),E(O,{href:`/profile/${e.user_id||``}`,className:`mt-[16px] block`,children:[T(c,{className:`block truncate text-[14px] leading-[20px] font-medium text-white`,children:n}),T(c,{className:`mt-[8px] block text-[14px] leading-[20px] text-white/60 line-clamp-4`,children:r})]})]})});P.displayName=`SearchUserGridCard`;function F(){return T(a,{className:`grid grid-cols-2 gap-[16px] px-[16px]`,children:Array.from({length:6}).map((e,t)=>E(a,{className:`h-[170px] rounded-[8px] bg-white/8 px-[16px] py-[16px]`,children:[E(a,{className:`flex items-start justify-between`,children:[T(l,{className:`size-[40px] rounded-full bg-white/10`}),T(l,{className:`size-[24px] rounded-full bg-white/10`})]}),T(l,{className:`mt-[16px] h-[20px] w-[86px] rounded-[4px] bg-white/10`}),T(l,{className:`mt-[8px] h-[20px] w-full rounded-[4px] bg-white/10`}),T(l,{className:`mt-[6px] h-[20px] w-[90%] rounded-[4px] bg-white/10`}),T(l,{className:`mt-[6px] h-[20px] w-[72%] rounded-[4px] bg-white/10`})]},`search-user-grid-skeleton-${t}`))})}const I=v(({inputVal:e,sort:n,refreshVersion:r})=>{let i=D(`components.pages.search.searchResult`),[c,l]=S({});b(()=>{l({})},[e,r,n]);let d=y(async r=>await t({data_type:2,extra_params:JSON.stringify({type:4,keywords:e,sort:n}),page:r||1,page_size:20}),[e,n]),f=u({key:x(()=>[`search-result`,`user`,e,n,r],[e,r,n]),initialPageParam:1,async queryFn(e){return(await d(e))?.data?.users??{has_more:!1,total:0,list:[]}},getNextPageParam(e,t){if(e.has_more)return t.length+1}}),p=x(()=>(f.data?.pages??[]).flatMap(e=>e.list??[]).map(e=>{let t=String(e.user_id||``).trim();return!t||c[t]===void 0?e:{...e,is_following:c[t]}}),[c,f.data?.pages]),m=!!((f.isPending||f.isFetching)&&p.length===0),h=y((e,t)=>{e&&l(n=>({...n,[e]:t?1:0}))},[]),g=y(async()=>{try{await f.fetchNextPage()}catch(e){console.error(`获取用户搜索结果失败`,e)}},[f]);return m?T(F,{}):p.length===0?T(o,{type:`nodata`,text:i(`searchUser.emptyResult`),className:`!pt-[72px]`}):E(a,{className:`w-full pb-[24px]`,children:[T(a,{className:`grid grid-cols-2 gap-[16px] px-[16px]`,children:p.map((e,t)=>T(P,{item:e,onFollowChange:t=>{h(String(e.user_id||``),t)}},String(e.user_id??t)))}),f.hasNextPage&&T(s,{loadMore:async e=>g(),hasMore:f.hasNextPage,className:`w-full`})]})});I.displayName=`SearchUser`;export{N as SearchUserRowCard,I as default};

package/dist/components/pages/search/search-result/search-video-info.mjs

@@ -1,135 +1,2 @@
 
-'use client';
-
-import { gContentGetRecommendVideoList } from "../../../../service/generated/client.mjs";
-import { Box } from "../../../ui/box.mjs";
-import { EmptyState } from "../../../ui/empty.mjs";
-import { InfiniteScroll } from "../../../ui/infinite-scroll.mjs";
-import { Skeleton } from "../../../ui/skeleton.mjs";
-import { usePaginated } from "../../../../hooks/query/use-query.mjs";
-import SvgRightArrowThin from "../../../../assets/icons/common/right_arrow_thin.mjs";
-import { WaterfallRecommend } from "../../../common/list/waterfall-recommend/waterfall-recommend.mjs";
-import { trackSearchResultClick } from "../../search-result/tracking.mjs";
-import { buildSearchVideoWaterfallColumns } from "./shared.mjs";
-import { memo, useCallback, useMemo } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useTranslations } from "next-intl";
-
-//#region components/pages/search/search-result/search-video-info.tsx
-const SEARCH_VIDEO_TYPE = 3;
-const SEARCH_PAGE_SIZE = 20;
-function SearchWaterfallSkeleton() {
-	return /* @__PURE__ */ jsxs(Box, {
-		className: "flex w-full gap-[15px] px-[16px]",
-		children: [/* @__PURE__ */ jsxs(Box, {
-			className: "flex min-w-0 flex-1 flex-col gap-[16px]",
-			children: [
-				/* @__PURE__ */ jsx(Skeleton, { className: "h-[218px] w-full rounded-[8px] bg-white/8" }),
-				/* @__PURE__ */ jsx(Skeleton, { className: "h-[120px] w-full rounded-[8px] bg-white/8" }),
-				/* @__PURE__ */ jsx(Skeleton, { className: "h-[218px] w-full rounded-[8px] bg-white/8" })
-			]
-		}), /* @__PURE__ */ jsxs(Box, {
-			className: "flex min-w-0 flex-1 flex-col gap-[16px]",
-			children: [
-				/* @__PURE__ */ jsx(Skeleton, { className: "h-[120px] w-full rounded-[8px] bg-white/8" }),
-				/* @__PURE__ */ jsx(Skeleton, { className: "h-[218px] w-full rounded-[8px] bg-white/8" }),
-				/* @__PURE__ */ jsx(Skeleton, { className: "h-[120px] w-full rounded-[8px] bg-white/8" })
-			]
-		})]
-	});
-}
-/**
-* 搜索结果视频瀑布流。
-*/
-const SearchVideoWaterfall = memo(({ list, title, onMoreClick, sectionClassName = "w-full" }) => {
-	const columns = useMemo(() => buildSearchVideoWaterfallColumns(list), [list]);
-	const hasHeader = Boolean(title);
-	if (list.length === 0) return null;
-	return /* @__PURE__ */ jsx(WaterfallRecommend, {
-		title: title || "",
-		columns,
-		sectionClassName,
-		headerClassName: hasHeader ? "mb-[16px] flex items-center justify-between no-vw-x-16" : "hidden",
-		titleClassName: "min-w-0 flex-1 text-[18px] leading-[24px] font-medium text-white",
-		moreLinkClassName: "ml-[8px] flex size-[24px] shrink-0 items-center justify-center text-white/50",
-		moreIcon: hasHeader && onMoreClick ? /* @__PURE__ */ jsx(SvgRightArrowThin, { className: "size-[16px]" }) : void 0,
-		onMoreClick,
-		containerClassName: "relative flex w-full gap-[8px] no-vw-x-16",
-		onItemClick: (item) => {
-			if (item.selectionId) trackSearchResultClick(null, item.selectionId, "video");
-		}
-	});
-});
-SearchVideoWaterfall.displayName = "SearchVideoWaterfall";
-/**
-* 搜索视频结果。
-*/
-const SearchVideoInfo = memo(({ inputVal, sort, refreshVersion }) => {
-	const t = useTranslations("components.pages.search.searchResult");
-	const fetchSearchData = useCallback(async (page) => {
-		return await gContentGetRecommendVideoList({
-			data_type: 2,
-			extra_params: JSON.stringify({
-				type: SEARCH_VIDEO_TYPE,
-				keywords: inputVal,
-				sort
-			}),
-			page: page || 1,
-			page_size: SEARCH_PAGE_SIZE
-		});
-	}, [inputVal, sort]);
-	const pageData = usePaginated({
-		key: useMemo(() => [
-			"search-result",
-			"video",
-			inputVal,
-			sort,
-			refreshVersion
-		], [
-			inputVal,
-			refreshVersion,
-			sort
-		]),
-		initialPageParam: 1,
-		async queryFn(pageParam) {
-			return (await fetchSearchData(pageParam))?.data?.videos ?? {
-				has_more: false,
-				total: 0,
-				list: []
-			};
-		},
-		getNextPageParam(lastPage, allPages) {
-			if (!lastPage.has_more) return;
-			return allPages.length + 1;
-		}
-	});
-	const videoList = useMemo(() => {
-		return (pageData.data?.pages ?? []).flatMap((page) => page.list ?? []);
-	}, [pageData.data?.pages]);
-	const isInitialLoading = Boolean((pageData.isPending || pageData.isFetching) && videoList.length === 0);
-	const loadMore = useCallback(async () => {
-		try {
-			await pageData.fetchNextPage();
-		} catch (error) {
-			console.error("获取视频搜索结果失败", error);
-		}
-	}, [pageData]);
-	if (isInitialLoading) return /* @__PURE__ */ jsx(SearchWaterfallSkeleton, {});
-	if (videoList.length === 0) return /* @__PURE__ */ jsx(EmptyState, {
-		type: "nodata",
-		text: t("searchVideoInfo.noRelevantContent"),
-		className: "!pt-[72px]"
-	});
-	return /* @__PURE__ */ jsxs(Box, {
-		className: "w-full pb-[24px]",
-		children: [/* @__PURE__ */ jsx(SearchVideoWaterfall, { list: videoList }), pageData.hasNextPage && /* @__PURE__ */ jsx(InfiniteScroll, {
-			loadMore: async (_isRetry) => loadMore(),
-			hasMore: pageData.hasNextPage,
-			className: "w-full"
-		})]
-	});
-});
-SearchVideoInfo.displayName = "SearchVideoInfo";
-
-//#endregion
-export { SearchVideoWaterfall, SearchVideoInfo as default };
+"use client";import{gContentGetRecommendVideoList as e}from"../../../../service/generated/client.mjs";import{Box as t}from"../../../ui/box.mjs";import{EmptyState as n}from"../../../ui/empty.mjs";import{InfiniteScroll as r}from"../../../ui/infinite-scroll.mjs";import{Skeleton as i}from"../../../ui/skeleton.mjs";import{usePaginated as a}from"../../../../hooks/query/use-query.mjs";import o from"../../../../assets/icons/common/right_arrow_thin.mjs";import{WaterfallRecommend as s}from"../../../common/list/waterfall-recommend/waterfall-recommend.mjs";import{trackSearchResultClick as c}from"../../search-result/tracking.mjs";import{buildSearchVideoWaterfallColumns as l}from"./shared.mjs";import{memo as u,useCallback as d,useMemo as f}from"react";import{jsx as p,jsxs as m}from"react/jsx-runtime";import{useTranslations as h}from"next-intl";function g(){return m(t,{className:`flex w-full gap-[15px] px-[16px]`,children:[m(t,{className:`flex min-w-0 flex-1 flex-col gap-[16px]`,children:[p(i,{className:`h-[218px] w-full rounded-[8px] bg-white/8`}),p(i,{className:`h-[120px] w-full rounded-[8px] bg-white/8`}),p(i,{className:`h-[218px] w-full rounded-[8px] bg-white/8`})]}),m(t,{className:`flex min-w-0 flex-1 flex-col gap-[16px]`,children:[p(i,{className:`h-[120px] w-full rounded-[8px] bg-white/8`}),p(i,{className:`h-[218px] w-full rounded-[8px] bg-white/8`}),p(i,{className:`h-[120px] w-full rounded-[8px] bg-white/8`})]})]})}const _=u(({list:e,title:t,onMoreClick:n,sectionClassName:r=`w-full`})=>{let i=f(()=>l(e),[e]),a=!!t;return e.length===0?null:p(s,{title:t||``,columns:i,sectionClassName:r,headerClassName:a?`mb-[16px] flex items-center justify-between no-vw-x-16`:`hidden`,titleClassName:`min-w-0 flex-1 text-[18px] leading-[24px] font-medium text-white`,moreLinkClassName:`ml-[8px] flex size-[24px] shrink-0 items-center justify-center text-white/50`,moreIcon:a&&n?p(o,{className:`size-[16px]`}):void 0,onMoreClick:n,containerClassName:`relative flex w-full gap-[8px] no-vw-x-16`,onItemClick:e=>{e.selectionId&&c(null,e.selectionId,`video`)}})});_.displayName=`SearchVideoWaterfall`;const v=u(({inputVal:i,sort:o,refreshVersion:s})=>{let c=h(`components.pages.search.searchResult`),l=d(async t=>await e({data_type:2,extra_params:JSON.stringify({type:3,keywords:i,sort:o}),page:t||1,page_size:20}),[i,o]),u=a({key:f(()=>[`search-result`,`video`,i,o,s],[i,s,o]),initialPageParam:1,async queryFn(e){return(await l(e))?.data?.videos??{has_more:!1,total:0,list:[]}},getNextPageParam(e,t){if(e.has_more)return t.length+1}}),v=f(()=>(u.data?.pages??[]).flatMap(e=>e.list??[]),[u.data?.pages]),y=!!((u.isPending||u.isFetching)&&v.length===0),b=d(async()=>{try{await u.fetchNextPage()}catch(e){console.error(`获取视频搜索结果失败`,e)}},[u]);return y?p(g,{}):v.length===0?p(n,{type:`nodata`,text:c(`searchVideoInfo.noRelevantContent`),className:`!pt-[72px]`}):m(t,{className:`w-full pb-[24px]`,children:[p(_,{list:v}),u.hasNextPage&&p(r,{loadMore:async e=>b(),hasMore:u.hasNextPage,className:`w-full`})]})});v.displayName=`SearchVideoInfo`;export{_ as SearchVideoWaterfall,v as default};

package/dist/components/pages/search/search-result/shared.mjs

@@ -1,115 +1,2 @@
 
-import { formatCompactCount } from "../../../../utils/common.mjs";
-import { getPostDetailPagePath } from "../../../../utils/tools.mjs";
-
-//#region components/pages/search/search-result/shared.ts
-const WATERFALL_TALL_CARD_HEIGHT = 216;
-const WATERFALL_SHORT_CARD_HEIGHT = 142;
-const WATERFALL_CARD_GAP = 16;
-const SEARCH_RESULT_SORT_OPTIONS = [
-	{
-		label: "综合",
-		value: 1
-	},
-	{
-		label: "最新",
-		value: 2
-	},
-	{
-		label: "最热",
-		value: 3
-	}
-];
-function formatHeatCount(count) {
-	if (!Number.isFinite(count) || count <= 0) return "";
-	return `${formatCompactCount(count)}热度`;
-}
-function normalizeScore(value) {
-	const numericValue = Number(value);
-	if (!Number.isFinite(numericValue) || numericValue <= 0) return;
-	if (numericValue > 10 && numericValue <= 100) return numericValue / 10;
-	return Math.min(numericValue, 10);
-}
-function resolveCardKind(item) {
-	return String(item.img_type ?? "").trim().toLowerCase() === "long" ? "short" : "tall";
-}
-function buildWaterfallColumns(items) {
-	const left = [];
-	const right = [];
-	let leftHeight = 0;
-	let rightHeight = 0;
-	items.forEach((item) => {
-		const estimatedHeight = (item.cardKind === "short" ? WATERFALL_SHORT_CARD_HEIGHT : WATERFALL_TALL_CARD_HEIGHT) + WATERFALL_CARD_GAP;
-		if (leftHeight <= rightHeight) {
-			left.push(item);
-			leftHeight += estimatedHeight;
-			return;
-		}
-		right.push(item);
-		rightHeight += estimatedHeight;
-	});
-	return {
-		left,
-		right
-	};
-}
-function resolveVideoTitle(item) {
-	return String(item.name || "").trim();
-}
-function resolveVideoCover(item) {
-	return item.img_y || item.img_x || "";
-}
-function resolveVideoMetaText(item) {
-	return String(item.group_name || item.description || "").trim();
-}
-function resolveVideoHref(item) {
-	const videoId = String(item.video_id || "").trim();
-	if (!videoId) return "#";
-	return getPostDetailPagePath({
-		id: videoId,
-		contentType: 0
-	});
-}
-function buildSearchVideoWaterfallColumns(list) {
-	return buildWaterfallColumns(list.filter((item) => String(item.video_id || "").trim()).map((item, index) => ({
-		key: `${item.video_id ?? "video"}-${index}`,
-		sourceIndex: index,
-		href: resolveVideoHref(item),
-		cardKind: resolveCardKind(item),
-		coverUrl: resolveVideoCover(item),
-		title: resolveVideoTitle(item),
-		metaPrimaryText: resolveVideoMetaText(item),
-		heatText: formatHeatCount(Number(item.play_count || 0)),
-		score: normalizeScore(item.score),
-		selectionId: String(item.video_id ?? "").trim() || void 0
-	})));
-}
-function pickFirstString(values) {
-	for (const value of values) if (typeof value === "string" && value.trim()) return value.trim();
-	return "";
-}
-function resolveSearchUserName(item) {
-	return pickFirstString([
-		item.nick_name,
-		item.nickname,
-		item.display_id,
-		item.user_id
-	]);
-}
-function resolveSearchUserDescription(item) {
-	return pickFirstString([
-		item.signature,
-		item.description,
-		item.text,
-		item.introduce,
-		item.bio
-	]);
-}
-function formatSearchFollowerCount(value) {
-	const numericValue = Number(value || 0);
-	if (!Number.isFinite(numericValue) || numericValue <= 0) return "0";
-	return formatCompactCount(numericValue);
-}
-
-//#endregion
-export { SEARCH_RESULT_SORT_OPTIONS, buildSearchVideoWaterfallColumns, formatSearchFollowerCount, resolveSearchUserDescription, resolveSearchUserName };
+import{formatCompactCount as e}from"../../../../utils/common.mjs";import{getPostDetailPagePath as t}from"../../../../utils/tools.mjs";const n=[{label:`综合`,value:1},{label:`最新`,value:2},{label:`最热`,value:3}];function r(t){return!Number.isFinite(t)||t<=0?``:`${e(t)}热度`}function i(e){let t=Number(e);if(!(!Number.isFinite(t)||t<=0))return t>10&&t<=100?t/10:Math.min(t,10)}function a(e){return String(e.img_type??``).trim().toLowerCase()===`long`?`short`:`tall`}function o(e){let t=[],n=[],r=0,i=0;return e.forEach(e=>{let a=(e.cardKind===`short`?142:216)+16;if(r<=i){t.push(e),r+=a;return}n.push(e),i+=a}),{left:t,right:n}}function s(e){return String(e.name||``).trim()}function c(e){return e.img_y||e.img_x||``}function l(e){return String(e.group_name||e.description||``).trim()}function u(e){let n=String(e.video_id||``).trim();return n?t({id:n,contentType:0}):`#`}function d(e){return o(e.filter(e=>String(e.video_id||``).trim()).map((e,t)=>({key:`${e.video_id??`video`}-${t}`,sourceIndex:t,href:u(e),cardKind:a(e),coverUrl:c(e),title:s(e),metaPrimaryText:l(e),heatText:r(Number(e.play_count||0)),score:i(e.score),selectionId:String(e.video_id??``).trim()||void 0})))}function f(e){for(let t of e)if(typeof t==`string`&&t.trim())return t.trim();return``}function p(e){return f([e.nick_name,e.nickname,e.display_id,e.user_id])}function m(e){return f([e.signature,e.description,e.text,e.introduce,e.bio])}function h(t){let n=Number(t||0);return!Number.isFinite(n)||n<=0?`0`:e(n)}export{n as SEARCH_RESULT_SORT_OPTIONS,d as buildSearchVideoWaterfallColumns,h as formatSearchFollowerCount,m as resolveSearchUserDescription,p as resolveSearchUserName};