@funhub/platform 0.2.16 → 0.2.18

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

@@ -1,214 +1,2 @@
 
-'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 { usePageLifecycle } from "../../../utils/tracking.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 { memo, useEffect, useMemo, useRef, useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { usePathname, useSearchParams } from "next/navigation";
-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%)] px-[16px] 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");
-	usePageLifecycle("page_search", "搜索");
-	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 };
+"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};

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

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

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

@@ -1,168 +1,2 @@
 
-'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: "px-[16px]",
-			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: "px-[16px]",
-			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 };
+"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};