@funhub/platform 0.2.30 → 0.2.31

package/dist/components/pages/search/page-client.mjs

@@ -1,2 +1,212 @@
 
-"use client";import{updateUrlParams as e}from"../../../utils/common.mjs";import t from"../../../utils/event-bus.mjs";import{useUserStore as n}from"../../../store/modules/user-store.mjs";import{gContentGetRecommendSearchList as r}from"../../../service/generated/client.mjs";import{useRouter as i}from"../../../utils/use-compatible-router.mjs";import{Box as a}from"../../ui/box.mjs";import{Popover as o,PopoverContent as s,PopoverTrigger as c}from"../../ui/popover.mjs";import{useRequest as l}from"../../../hooks/query/use-query.mjs";import{eventKey as u}from"../../../constants/event-key.mjs";import{useSearchHistory as d}from"../../../hooks/use-search-history.mjs";import{SearchHistoryClient as f}from"../../biz/business/search-history/client.mjs";import p from"../../../assets/icons/search/filter.mjs";import{trackSearchResultPageView as m}from"../search-result/tracking.mjs";import{trackSearchPageView as h,trackSearchTextRecommendClick as g}from"./tracking.mjs";import _ from"./hot-recommend.mjs";import v from"./hot-search.mjs";import{SEARCH_RESULT_SORT_OPTIONS as y}from"./search-result/shared.mjs";import ee from"./search-result/index.mjs";import te from"./top-header.mjs";import{memo as b,useEffect as x,useMemo as S,useRef as C,useState as w}from"react";import{usePathname as T,useSearchParams as E}from"next/navigation";import{jsx as D,jsxs as O}from"react/jsx-runtime";import{useTranslations as ne}from"next-intl";const k=[{labelKey:`tabs.all`,value:`all`},{labelKey:`tabs.video`,value:`video`},{labelKey:`tabs.user`,value:`user`}],A=b(({searchType:e,sort:t,tabList:n,onChange:r,onSortChange:i})=>{let[l,u]=w(!1);return O(a,{as:`nav`,className:`sticky top-[66px] z-40 flex items-center justify-between bg-[linear-gradient(180deg,rgba(6,3,21,0.98)_0%,rgba(6,3,21,0.88)_100%)] px-[16px] pb-[24px] pt-[23px] backdrop-blur-[16px]`,children:[D(a,{className:`flex items-center gap-[10px]`,children:n.map(t=>D(`button`,{type:`button`,className:`text-[16px] leading-[22px] transition-colors ${e===t.value?`font-medium text-white`:`font-normal text-white/80`}`,onClick:()=>{e!==t.value&&r(t.value)},children:t.label},t.value))}),O(o,{open:l,onOpenChange:u,children:[D(c,{"aria-label":`排序筛选`,className:`flex size-[24px] items-center justify-center text-white/70`,children:D(p,{className:`size-[20px]`})}),D(s,{side:`bottom`,align:`end`,sideOffset:8,className:`w-[132px] border border-white/10 bg-[#10071E]/95 p-[8px] backdrop-blur-[18px]`,children:D(a,{className:`flex flex-col gap-[4px]`,children:y.map(e=>D(`button`,{type:`button`,className:`rounded-[8px] px-[12px] py-[8px] text-left text-[14px] leading-[20px] ${e.value===t?`bg-white/10 text-white`:`text-white/70`}`,onClick:()=>{i(e.value),u(!1)},children:e.label},e.value))})})]})]})});A.displayName=`SearchResultTabs`;function j(){let o=ne(`components.pages.search.pageClient`),{userInfo:s}=n(),c=s?.user_id||`guest`,p=E(),b=T(),j=i(),M=p.get(`q`)?.toString()||``,{data:N,refetch:P}=l([`hotSearchKey`],()=>r({user_id:c})),F=S(()=>N?.data?.recommend_list??[],[N]),[I,L]=w(M),[R,z]=w(M),[B,V]=w(0),[H,U]=w(k[0].value),[W,G]=w(y[0].value),[K,q]=w(0),{history:J,addHistory:Y}=d({storageKey:c}),X=S(()=>k.map(e=>({value:e.value,label:o(e.labelKey)})),[o]),Z=S(()=>I.trim()===``?F.length>0||J.length>0||I.trim()===``:!1,[J.length,F.length,I]),Q=S(()=>I.trim()!==``&&!Z,[I,Z]);x(()=>(t.on(u.EXCHANGE_SEARCH_TYPE,U),()=>{t.off(u.EXCHANGE_SEARCH_TYPE,U)}),[]),x(()=>{h()},[]);let $=C(I);return $.current=I,x(()=>{Q&&m(H,$.current)},[Q,H]),O(a,{className:`min-h-screen w-full bg-[radial-gradient(79.9%_42.18%_at_50%_0%,rgba(71,20,126,0.95)_0%,rgba(14,6,32,0.98)_42%,#05010F_100%)] pb-[24px]`,children:[D(te,{setSearchInputVal:t=>{t!==I&&(L(t),e({q:t}))},initInputVal:R,initInputVersion:B,addSearchHistory:Y}),Z&&O(a,{className:`w-full pt-[8px]`,children:[J.length>0&&D(f,{title:o(`searchHistory`),rows:2,storageKey:c,onHistoryClick:e=>{z(e),V(e=>e+1);let t=new URLSearchParams(p.toString());t.set(`q`,e),j.push(`${b}?${t.toString()}`)}}),D(v,{initHotSearchKeywordList:F,onRefreshHotKey:async()=>(await P()).data??{code:0,message:``,data:{recommend_list:[]}},onClick:e=>{g(e.title||``,e.trace_id||``,e.trace_info||``),z(e.title||``),V(e=>e+1),Y(e.title)}})]}),D(_,{isShow:I.trim()===``}),Q&&O(a,{className:`relative mt-[8px] min-h-[calc(100vh-74px)] overflow-hidden rounded-t-[16px] bg-[linear-gradient(180deg,rgba(6,3,21,0.9)_19.905%,rgba(6,3,21,0)_100%)] backdrop-blur-[2px]`,children:[D(A,{searchType:H,sort:W,tabList:X,onChange:e=>{U(e)},onSortChange:e=>{G(e),q(e=>e+1)}}),D(ee,{inputVal:I,searchType:H,sort:W,refreshVersion:K},`${H}-${I}-${W}-${K}`)]})]})}export{j as default};
+'use client';
+
+import { updateUrlParams } from "../../../utils/common.mjs";
+import eventBus from "../../../utils/event-bus.mjs";
+import { useUserStore } from "../../../store/modules/user-store.mjs";
+import { gContentGetRecommendSearchList } from "../../../service/generated/client.mjs";
+import { useRouter as useRouter$1 } from "../../../utils/use-compatible-router.mjs";
+import { Box } from "../../ui/box.mjs";
+import { Popover, PopoverContent, PopoverTrigger } from "../../ui/popover.mjs";
+import { useRequest } from "../../../hooks/query/use-query.mjs";
+import { eventKey } from "../../../constants/event-key.mjs";
+import { useSearchHistory } from "../../../hooks/use-search-history.mjs";
+import { SearchHistoryClient } from "../../biz/business/search-history/client.mjs";
+import SvgFilter from "../../../assets/icons/search/filter.mjs";
+import { trackSearchResultPageView } from "../search-result/tracking.mjs";
+import { trackSearchPageView, trackSearchTextRecommendClick } from "./tracking.mjs";
+import HotRecommend from "./hot-recommend.mjs";
+import HotSearch from "./hot-search.mjs";
+import { SEARCH_RESULT_SORT_OPTIONS } from "./search-result/shared.mjs";
+import SearchResult from "./search-result/index.mjs";
+import SearchTopHeader from "./top-header.mjs";
+import { usePathname, useSearchParams } from "next/navigation";
+import { memo, useEffect, useMemo, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useTranslations } from "next-intl";
+
+//#region components/pages/search/page-client.tsx
+const searchTabList = [
+	{
+		labelKey: "tabs.all",
+		value: "all"
+	},
+	{
+		labelKey: "tabs.video",
+		value: "video"
+	},
+	{
+		labelKey: "tabs.user",
+		value: "user"
+	}
+];
+const SearchResultTabs = memo(({ searchType, sort, tabList, onChange, onSortChange }) => {
+	const [popoverOpen, setPopoverOpen] = useState(false);
+	return /* @__PURE__ */ jsxs(Box, {
+		as: "nav",
+		className: "sticky top-[66px] z-40 flex items-center justify-between bg-[linear-gradient(180deg,rgba(6,3,21,0.98)_0%,rgba(6,3,21,0.88)_100%)] no-vw-x-16 pb-[24px] pt-[23px] backdrop-blur-[16px]",
+		children: [/* @__PURE__ */ jsx(Box, {
+			className: "flex items-center gap-[10px]",
+			children: tabList.map((item) => /* @__PURE__ */ jsx("button", {
+				type: "button",
+				className: `text-[16px] leading-[22px] transition-colors ${searchType === item.value ? "font-medium text-white" : "font-normal text-white/80"}`,
+				onClick: () => {
+					if (searchType === item.value) return;
+					onChange(item.value);
+				},
+				children: item.label
+			}, item.value))
+		}), /* @__PURE__ */ jsxs(Popover, {
+			open: popoverOpen,
+			onOpenChange: setPopoverOpen,
+			children: [/* @__PURE__ */ jsx(PopoverTrigger, {
+				"aria-label": "排序筛选",
+				className: "flex size-[24px] items-center justify-center text-white/70",
+				children: /* @__PURE__ */ jsx(SvgFilter, { className: "size-[20px]" })
+			}), /* @__PURE__ */ jsx(PopoverContent, {
+				side: "bottom",
+				align: "end",
+				sideOffset: 8,
+				className: "w-[132px] border border-white/10 bg-[#10071E]/95 p-[8px] backdrop-blur-[18px]",
+				children: /* @__PURE__ */ jsx(Box, {
+					className: "flex flex-col gap-[4px]",
+					children: SEARCH_RESULT_SORT_OPTIONS.map((option) => /* @__PURE__ */ jsx("button", {
+						type: "button",
+						className: `rounded-[8px] px-[12px] py-[8px] text-left text-[14px] leading-[20px] ${option.value === sort ? "bg-white/10 text-white" : "text-white/70"}`,
+						onClick: () => {
+							onSortChange(option.value);
+							setPopoverOpen(false);
+						},
+						children: option.label
+					}, option.value))
+				})
+			})]
+		})]
+	});
+});
+SearchResultTabs.displayName = "SearchResultTabs";
+/**
+* 搜索页。
+*/
+function SearchPageClient() {
+	const t = useTranslations("components.pages.search.pageClient");
+	const { userInfo } = useUserStore();
+	const userId = userInfo?.user_id || "guest";
+	const searchParams = useSearchParams();
+	const pathname = usePathname();
+	const router = useRouter$1();
+	const initialQuery = searchParams.get("q")?.toString() || "";
+	const { data: _hotSearchKeywordData, refetch } = useRequest(["hotSearchKey"], () => {
+		return gContentGetRecommendSearchList({ user_id: userId });
+	});
+	const hotSearchKeywordList = useMemo(() => {
+		return _hotSearchKeywordData?.data?.recommend_list ?? [];
+	}, [_hotSearchKeywordData]);
+	const [searchInputVal, setSearchInputVal] = useState(initialQuery);
+	const [initInputVal, setInitInputVal] = useState(initialQuery);
+	const [initInputVersion, setInitInputVersion] = useState(0);
+	const [searchType, setSearchType] = useState(searchTabList[0].value);
+	const [sort, setSort] = useState(SEARCH_RESULT_SORT_OPTIONS[0].value);
+	const [refreshVersion, setRefreshVersion] = useState(0);
+	const { history, addHistory } = useSearchHistory({ storageKey: userId });
+	const localizedSearchTabList = useMemo(() => {
+		return searchTabList.map((item) => ({
+			value: item.value,
+			label: t(item.labelKey)
+		}));
+	}, [t]);
+	const showHotEle = useMemo(() => {
+		if (searchInputVal.trim() !== "") return false;
+		return hotSearchKeywordList.length > 0 || history.length > 0 || searchInputVal.trim() === "";
+	}, [
+		history.length,
+		hotSearchKeywordList.length,
+		searchInputVal
+	]);
+	const showSearchResult = useMemo(() => {
+		return searchInputVal.trim() !== "" && !showHotEle;
+	}, [searchInputVal, showHotEle]);
+	useEffect(() => {
+		eventBus.on(eventKey.EXCHANGE_SEARCH_TYPE, setSearchType);
+		return () => {
+			eventBus.off(eventKey.EXCHANGE_SEARCH_TYPE, setSearchType);
+		};
+	}, []);
+	useEffect(() => {
+		trackSearchPageView();
+	}, []);
+	const searchInputValRef = useRef(searchInputVal);
+	searchInputValRef.current = searchInputVal;
+	useEffect(() => {
+		if (showSearchResult) trackSearchResultPageView(searchType, searchInputValRef.current);
+	}, [showSearchResult, searchType]);
+	return /* @__PURE__ */ jsxs(Box, {
+		className: "min-h-screen w-full bg-[radial-gradient(79.9%_42.18%_at_50%_0%,rgba(71,20,126,0.95)_0%,rgba(14,6,32,0.98)_42%,#05010F_100%)] pb-[24px]",
+		children: [
+			/* @__PURE__ */ jsx(SearchTopHeader, {
+				setSearchInputVal: (val) => {
+					if (val === searchInputVal) return;
+					setSearchInputVal(val);
+					updateUrlParams({ q: val });
+				},
+				initInputVal,
+				initInputVersion,
+				addSearchHistory: addHistory
+			}),
+			showHotEle && /* @__PURE__ */ jsxs(Box, {
+				className: "w-full pt-[8px]",
+				children: [history.length > 0 && /* @__PURE__ */ jsx(SearchHistoryClient, {
+					title: t("searchHistory"),
+					rows: 2,
+					storageKey: userId,
+					onHistoryClick: (keyword) => {
+						setInitInputVal(keyword);
+						setInitInputVersion((version) => version + 1);
+						const params = new URLSearchParams(searchParams.toString());
+						params.set("q", keyword);
+						router.push(`${pathname}?${params.toString()}`);
+					}
+				}), /* @__PURE__ */ jsx(HotSearch, {
+					initHotSearchKeywordList: hotSearchKeywordList,
+					onRefreshHotKey: async () => {
+						return (await refetch()).data ?? {
+							code: 0,
+							message: "",
+							data: { recommend_list: [] }
+						};
+					},
+					onClick: (tag) => {
+						trackSearchTextRecommendClick(tag.title || "", tag.trace_id || "", tag.trace_info || "");
+						setInitInputVal(tag.title || "");
+						setInitInputVersion((version) => version + 1);
+						addHistory(tag.title);
+					}
+				})]
+			}),
+			/* @__PURE__ */ jsx(HotRecommend, { isShow: searchInputVal.trim() === "" }),
+			showSearchResult && /* @__PURE__ */ jsxs(Box, {
+				className: "relative mt-[8px] min-h-[calc(100vh-74px)] overflow-hidden rounded-t-[16px] bg-[linear-gradient(180deg,rgba(6,3,21,0.9)_19.905%,rgba(6,3,21,0)_100%)] backdrop-blur-[2px]",
+				children: [/* @__PURE__ */ jsx(SearchResultTabs, {
+					searchType,
+					sort,
+					tabList: localizedSearchTabList,
+					onChange: (type) => {
+						setSearchType(type);
+					},
+					onSortChange: (nextSort) => {
+						setSort(nextSort);
+						setRefreshVersion((version) => version + 1);
+					}
+				}), /* @__PURE__ */ jsx(SearchResult, {
+					inputVal: searchInputVal,
+					searchType,
+					sort,
+					refreshVersion
+				}, `${searchType}-${searchInputVal}-${sort}-${refreshVersion}`)]
+			})
+		]
+	});
+}
+
+//#endregion
+export { SearchPageClient as default };

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

@@ -1,2 +1,32 @@
 
-"use client";import e from"./search-user.mjs";import t from"./search-video-info.mjs";import n from"./search-all.mjs";import{jsx as r}from"react/jsx-runtime";function i({searchType:i,inputVal:a,sort:o,refreshVersion:s}){return i===`user`?r(e,{inputVal:a,sort:o,refreshVersion:s}):i===`all`?r(n,{searchInputVal:a,sort:o,refreshVersion:s}):r(t,{inputVal:a,sort:o,refreshVersion:s})}export{i as default};
+'use client';
+
+import SearchUser from "./search-user.mjs";
+import SearchVideoInfo from "./search-video-info.mjs";
+import SearchAll from "./search-all.mjs";
+import { jsx } from "react/jsx-runtime";
+
+//#region components/pages/search/search-result/index.tsx
+/**
+* 搜索结果内容区域。
+*/
+function SearchResult({ searchType, inputVal, sort, refreshVersion }) {
+	if (searchType === "user") return /* @__PURE__ */ jsx(SearchUser, {
+		inputVal,
+		sort,
+		refreshVersion
+	});
+	if (searchType === "all") return /* @__PURE__ */ jsx(SearchAll, {
+		searchInputVal: inputVal,
+		sort,
+		refreshVersion
+	});
+	return /* @__PURE__ */ jsx(SearchVideoInfo, {
+		inputVal,
+		sort,
+		refreshVersion
+	});
+}
+
+//#endregion
+export { SearchResult as default };

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

@@ -1,2 +1,168 @@
 
-"use client";import e from"../../../../utils/event-bus.mjs";import{gContentGetRecommendVideoList as t}from"../../../../service/generated/client.mjs";import{gContentGetRecommendVideoListKey as n}from"../../../../service/generated/tanstack.mjs";import{Box as r}from"../../../ui/box.mjs";import{EmptyState as i}from"../../../ui/empty.mjs";import{Text as a}from"../../../ui/text.mjs";import{Skeleton as o}from"../../../ui/skeleton.mjs";import{useRequest as s}from"../../../../hooks/query/use-query.mjs";import{eventKey as c}from"../../../../constants/event-key.mjs";import{SearchUserRowCard as l}from"./search-user.mjs";import{SearchVideoWaterfall as u}from"./search-video-info.mjs";import{useEffect as d,useMemo as f,useState as p}from"react";import{ChevronDown as m}from"lucide-react";import{jsx as h,jsxs as g}from"react/jsx-runtime";import{useTranslations as _}from"next-intl";function v(e,t){return JSON.stringify({type:1,keywords:e,sort:t})}function y(){return g(r,{className:`w-full`,children:[h(r,{className:`px-[16px]`,children:h(r,{className:`flex flex-col gap-[12px]`,children:Array.from({length:2}).map((e,t)=>g(r,{className:`flex h-[88px] items-center gap-[8px] rounded-[8px] bg-white/8 px-[12px] py-[8px]`,children:[h(o,{className:`size-[56px] rounded-full bg-white/10`}),g(r,{className:`min-w-0 flex-1`,children:[h(o,{className:`h-[20px] w-[96px] rounded-[4px] bg-white/10`}),h(o,{className:`mt-[6px] h-[20px] w-full rounded-[4px] bg-white/10`}),h(o,{className:`mt-[6px] h-[20px] w-[120px] rounded-[4px] bg-white/10`})]}),h(o,{className:`h-[24px] w-[64px] rounded-full bg-white/10`})]},`search-all-user-skeleton-${t}`))})}),g(r,{className:`mt-[32px] flex w-full gap-[15px] px-[16px]`,children:[g(r,{className:`flex min-w-0 flex-1 flex-col gap-[16px]`,children:[h(o,{className:`h-[218px] w-full rounded-[8px] bg-white/8`}),h(o,{className:`h-[120px] w-full rounded-[8px] bg-white/8`})]}),g(r,{className:`flex min-w-0 flex-1 flex-col gap-[16px]`,children:[h(o,{className:`h-[120px] w-full rounded-[8px] bg-white/8`}),h(o,{className:`h-[218px] w-full rounded-[8px] bg-white/8`})]})]})]})}function b({searchInputVal:o,sort:b,refreshVersion:x}){let S=_(`components.pages.search.searchResult`),[C,w]=p(!1),[T,E]=p({});d(()=>{w(!1),E({})},[x,o,b]);let D=f(()=>v(o,b),[o,b]),{data:O,isFetching:k,isLoading:A}=s(f(()=>[...n({data_type:2,extra_params:D,page:1,page_size:10}),x],[x,D]),async()=>(await t({data_type:2,extra_params:D,page:1,page_size:10})).data??{}),j=f(()=>O?.users?.list??[],[O]),M=f(()=>j.map(e=>{let t=String(e.user_id||``).trim();return!t||T[t]===void 0?e:{...e,is_following:T[t]}}),[T,j]),N=f(()=>O?.videos?.list??[],[O]),P=f(()=>C?M:M.slice(0,2),[C,M]),F=!C&&M.length>2,I=!!((A||k)&&M.length===0&&N.length===0),L=!k&&M.length===0&&N.length===0;return I?h(y,{}):L?h(i,{type:`nodata`,text:S(`searchAll.emptyResult`),className:`!pt-[72px]`}):g(r,{className:`w-full pb-[24px]`,children:[P.length>0&&g(r,{className:`px-[16px]`,children:[h(r,{className:`flex flex-col gap-[12px]`,children:P.map((e,t)=>h(l,{item:e,onFollowChange:t=>{let n=String(e.user_id||``).trim();n&&E(e=>({...e,[n]:t?1:0}))}},String(e.user_id??t)))}),F&&g(`button`,{type:`button`,className:`mt-[12px] flex h-[48px] w-full items-center justify-center gap-[4px] rounded-[8px] bg-[linear-gradient(180deg,#15041B_8.824%,#250561_113.72%)] text-white/70 backdrop-blur-[4px]`,onClick:()=>w(!0),children:[h(a,{className:`text-[14px] leading-[20px]`,children:`展开全部`}),h(m,{className:`size-[16px]`,strokeWidth:1.5})]})]}),N.length>0&&h(u,{list:N,title:`相似推荐`,onMoreClick:()=>{e.emit(c.EXCHANGE_SEARCH_TYPE,`video`)},sectionClassName:P.length>0?`mt-[32px] w-full`:`w-full`})]})}export{b as default};
+'use client';
+
+import eventBus from "../../../../utils/event-bus.mjs";
+import { gContentGetRecommendVideoList } from "../../../../service/generated/client.mjs";
+import { gContentGetRecommendVideoListKey } from "../../../../service/generated/tanstack.mjs";
+import { Box } from "../../../ui/box.mjs";
+import { EmptyState } from "../../../ui/empty.mjs";
+import { Text } from "../../../ui/text.mjs";
+import { Skeleton } from "../../../ui/skeleton.mjs";
+import { useRequest } from "../../../../hooks/query/use-query.mjs";
+import { eventKey } from "../../../../constants/event-key.mjs";
+import { SearchUserRowCard } from "./search-user.mjs";
+import { SearchVideoWaterfall } from "./search-video-info.mjs";
+import { useEffect, useMemo, useState } from "react";
+import { ChevronDown } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useTranslations } from "next-intl";
+
+//#region components/pages/search/search-result/search-all.tsx
+const DEFAULT_PAGE_SIZE = 10;
+const RECOMMEND_DATA_TYPE = 2;
+function buildSearchExtraParams(keywords, sort) {
+	return JSON.stringify({
+		type: 1,
+		keywords,
+		sort
+	});
+}
+function SearchAllSkeleton() {
+	return /* @__PURE__ */ jsxs(Box, {
+		className: "w-full",
+		children: [/* @__PURE__ */ jsx(Box, {
+			className: "no-vw-x-16",
+			children: /* @__PURE__ */ jsx(Box, {
+				className: "flex flex-col gap-[12px]",
+				children: Array.from({ length: 2 }).map((_, index) => /* @__PURE__ */ jsxs(Box, {
+					className: "flex h-[88px] items-center gap-[8px] rounded-[8px] bg-white/8 px-[12px] py-[8px]",
+					children: [
+						/* @__PURE__ */ jsx(Skeleton, { className: "size-[56px] rounded-full bg-white/10" }),
+						/* @__PURE__ */ jsxs(Box, {
+							className: "min-w-0 flex-1",
+							children: [
+								/* @__PURE__ */ jsx(Skeleton, { className: "h-[20px] w-[96px] rounded-[4px] bg-white/10" }),
+								/* @__PURE__ */ jsx(Skeleton, { className: "mt-[6px] h-[20px] w-full rounded-[4px] bg-white/10" }),
+								/* @__PURE__ */ jsx(Skeleton, { className: "mt-[6px] h-[20px] w-[120px] rounded-[4px] bg-white/10" })
+							]
+						}),
+						/* @__PURE__ */ jsx(Skeleton, { className: "h-[24px] w-[64px] rounded-full bg-white/10" })
+					]
+				}, `search-all-user-skeleton-${index}`))
+			})
+		}), /* @__PURE__ */ jsxs(Box, {
+			className: "mt-[32px] 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__ */ 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" })]
+			})]
+		})]
+	});
+}
+/**
+* 搜索综合结果。
+*/
+function SearchAll({ searchInputVal, sort, refreshVersion }) {
+	const t = useTranslations("components.pages.search.searchResult");
+	const [expandedUsers, setExpandedUsers] = useState(false);
+	const [followStatusMap, setFollowStatusMap] = useState({});
+	useEffect(() => {
+		setExpandedUsers(false);
+		setFollowStatusMap({});
+	}, [
+		refreshVersion,
+		searchInputVal,
+		sort
+	]);
+	const searchExtraParams = useMemo(() => {
+		return buildSearchExtraParams(searchInputVal, sort);
+	}, [searchInputVal, sort]);
+	const { data, isFetching, isLoading } = useRequest(useMemo(() => {
+		return [...gContentGetRecommendVideoListKey({
+			data_type: RECOMMEND_DATA_TYPE,
+			extra_params: searchExtraParams,
+			page: 1,
+			page_size: DEFAULT_PAGE_SIZE
+		}), refreshVersion];
+	}, [refreshVersion, searchExtraParams]), async () => {
+		return (await gContentGetRecommendVideoList({
+			data_type: RECOMMEND_DATA_TYPE,
+			extra_params: searchExtraParams,
+			page: 1,
+			page_size: DEFAULT_PAGE_SIZE
+		})).data ?? {};
+	});
+	const rawUserList = useMemo(() => {
+		return data?.users?.list ?? [];
+	}, [data]);
+	const userList = useMemo(() => {
+		return rawUserList.map((item) => {
+			const userId = String(item.user_id || "").trim();
+			if (!userId || followStatusMap[userId] === void 0) return item;
+			return {
+				...item,
+				is_following: followStatusMap[userId]
+			};
+		});
+	}, [followStatusMap, rawUserList]);
+	const videoList = useMemo(() => {
+		return data?.videos?.list ?? [];
+	}, [data]);
+	const visibleUserList = useMemo(() => {
+		if (expandedUsers) return userList;
+		return userList.slice(0, 2);
+	}, [expandedUsers, userList]);
+	const shouldShowExpand = !expandedUsers && userList.length > 2;
+	const isInitialLoading = Boolean((isLoading || isFetching) && userList.length === 0 && videoList.length === 0);
+	const isEmpty = !isFetching && userList.length === 0 && videoList.length === 0;
+	if (isInitialLoading) return /* @__PURE__ */ jsx(SearchAllSkeleton, {});
+	if (isEmpty) return /* @__PURE__ */ jsx(EmptyState, {
+		type: "nodata",
+		text: t("searchAll.emptyResult"),
+		className: "!pt-[72px]"
+	});
+	return /* @__PURE__ */ jsxs(Box, {
+		className: "w-full pb-[24px]",
+		children: [visibleUserList.length > 0 && /* @__PURE__ */ jsxs(Box, {
+			className: "no-vw-x-16",
+			children: [/* @__PURE__ */ jsx(Box, {
+				className: "flex flex-col gap-[12px]",
+				children: visibleUserList.map((item, index) => /* @__PURE__ */ jsx(SearchUserRowCard, {
+					item,
+					onFollowChange: (isFollowing) => {
+						const userId = String(item.user_id || "").trim();
+						if (!userId) return;
+						setFollowStatusMap((prev) => ({
+							...prev,
+							[userId]: isFollowing ? 1 : 0
+						}));
+					}
+				}, String(item.user_id ?? index)))
+			}), shouldShowExpand && /* @__PURE__ */ jsxs("button", {
+				type: "button",
+				className: "mt-[12px] flex h-[48px] w-full items-center justify-center gap-[4px] rounded-[8px] bg-[linear-gradient(180deg,#15041B_8.824%,#250561_113.72%)] text-white/70 backdrop-blur-[4px]",
+				onClick: () => setExpandedUsers(true),
+				children: [/* @__PURE__ */ jsx(Text, {
+					className: "text-[14px] leading-[20px]",
+					children: "展开全部"
+				}), /* @__PURE__ */ jsx(ChevronDown, {
+					className: "size-[16px]",
+					strokeWidth: 1.5
+				})]
+			})]
+		}), videoList.length > 0 && /* @__PURE__ */ jsx(SearchVideoWaterfall, {
+			list: videoList,
+			title: "相似推荐",
+			onMoreClick: () => {
+				eventBus.emit(eventKey.EXCHANGE_SEARCH_TYPE, "video");
+			},
+			sectionClassName: visibleUserList.length > 0 ? "mt-[32px] w-full" : "w-full"
+		})]
+	});
+}
+
+//#endregion
+export { SearchAll as default };