@funhub/platform 0.2.30 → 0.2.31

package/dist/components/pages/search/style.module.mjs

@@ -1,87 +1,14 @@
 
-import e from"../../../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inject/dist/style-inject.es.mjs";var t=`.style-module_customSearchHistory__sDuK0 {
-	display: flex;
-	flex-direction: column-reverse;
-	align-items: flex-end;
-	margin-bottom: 24px;
-	position: relative;
-}
-.style-module_customSearchHistory__sDuK0::before {
-	content: '搜索历史';
-	position: absolute;
-	line-height: 24px;
-	top: 8px;
-	left: 12px;
-	font-size: 16px;
-	font-weight: bold;
-	color: var(--color-text1);
-}
-.style-module_customSearchHistory__sDuK0 > div {
-	padding: 0 12px;
-	height: 24px;
-	display: flex;
-	align-items: center;
-	margin: 0 !important;
-}
-.style-module_customSearchHistory__sDuK0 > div > span {
-	display: none;
-}
-.style-module_customSearchHistory__sDuK0 > div > svg {
-	display: block;
-	width: 16px;
-	height: 16px;
-	color: var(--color-text3);
-}
-.style-module_customSearchHistory__sDuK0 > ul {
-	margin-top: 12px;
-	display: flex;
-	gap: 12px;
-	flex-wrap: wrap;
-	padding: 0 12px;
-}
+import styleInject from "../../../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inject/dist/style-inject.es.mjs";
 
-.style-module_customSearchHistory__sDuK0 > ul > li {
-	width: auto;
-	padding: 0 12px;
-	height: 30px;
-	border-radius: 4px;
-	background-color: var(--color-bg2);
-	min-width: 40px;
-	display: flex;
-	align-items: center;
-	justify-content: center;
-}
-.style-module_customSearchHistory__sDuK0 > ul > li > svg {
-	display: none;
-}
-.style-module_customSearchHistory__sDuK0 > ul > li > div:nth-of-type(1) {
-	width: 100%;
-	line-height: 30px;
-	font-size: 14px;
-	max-width: 124px;
-	text-align: center;
-}
-.style-module_customSearchHistory__sDuK0 > ul > li > div:nth-of-type(2) {
-	display: none;
-}
-.style-module_hotInfoTitle__fVniI * {
-	color: var(--color-text1) !important;
-	font-size: 16px !important;
-	font-family: inherit !important;
-	font-weight: normal !important;
-}
-.style-module_hotInfoTitle__fVniI .mention {
-	color: #1fa7ff !important;
-}
-.style-module_gScrollBoxX__CRiTV {
-	overflow: hidden;
-	overflow-x: auto;
-	scroll-behavior: smooth;
-	will-change: scroll-position;
-	scrollbar-width: none;
-	-ms-overflow-style: none;
-}
-.style-module_gScrollBoxX__CRiTV::-webkit-scrollbar {
-	display: none; /* Chrome, Safari and Opera */
-}
-`,n={customSearchHistory:`style-module_customSearchHistory__sDuK0`,hotInfoTitle:`style-module_hotInfoTitle__fVniI`,gScrollBoxX:`style-module_gScrollBoxX__CRiTV`};e(t);export{n as default};
+//#region components/pages/search/style.module.css
+var css_248z = ".style-module_customSearchHistory__sDuK0 {\n	display: flex;\n	flex-direction: column-reverse;\n	align-items: flex-end;\n	margin-bottom: 24px;\n	position: relative;\n}\n.style-module_customSearchHistory__sDuK0::before {\n	content: '搜索历史';\n	position: absolute;\n	line-height: 24px;\n	top: 8px;\n	left: 12px;\n	font-size: 16px;\n	font-weight: bold;\n	color: var(--color-text1);\n}\n.style-module_customSearchHistory__sDuK0 > div {\n	padding: 0 12px;\n	height: 24px;\n	display: flex;\n	align-items: center;\n	margin: 0 !important;\n}\n.style-module_customSearchHistory__sDuK0 > div > span {\n	display: none;\n}\n.style-module_customSearchHistory__sDuK0 > div > svg {\n	display: block;\n	width: 16px;\n	height: 16px;\n	color: var(--color-text3);\n}\n.style-module_customSearchHistory__sDuK0 > ul {\n	margin-top: 12px;\n	display: flex;\n	gap: 12px;\n	flex-wrap: wrap;\n	padding: 0 12px;\n}\n\n.style-module_customSearchHistory__sDuK0 > ul > li {\n	width: auto;\n	padding: 0 12px;\n	height: 30px;\n	border-radius: 4px;\n	background-color: var(--color-bg2);\n	min-width: 40px;\n	display: flex;\n	align-items: center;\n	justify-content: center;\n}\n.style-module_customSearchHistory__sDuK0 > ul > li > svg {\n	display: none;\n}\n.style-module_customSearchHistory__sDuK0 > ul > li > div:nth-of-type(1) {\n	width: 100%;\n	line-height: 30px;\n	font-size: 14px;\n	max-width: 124px;\n	text-align: center;\n}\n.style-module_customSearchHistory__sDuK0 > ul > li > div:nth-of-type(2) {\n	display: none;\n}\n.style-module_hotInfoTitle__fVniI * {\n	color: var(--color-text1) !important;\n	font-size: 16px !important;\n	font-family: inherit !important;\n	font-weight: normal !important;\n}\n.style-module_hotInfoTitle__fVniI .mention {\n	color: #1fa7ff !important;\n}\n.style-module_gScrollBoxX__CRiTV {\n	overflow: hidden;\n	overflow-x: auto;\n	scroll-behavior: smooth;\n	will-change: scroll-position;\n	scrollbar-width: none;\n	-ms-overflow-style: none;\n}\n.style-module_gScrollBoxX__CRiTV::-webkit-scrollbar {\n	display: none; /* Chrome, Safari and Opera */\n}\n";
+var style_module_default = {
+	"customSearchHistory": "style-module_customSearchHistory__sDuK0",
+	"hotInfoTitle": "style-module_hotInfoTitle__fVniI",
+	"gScrollBoxX": "style-module_gScrollBoxX__CRiTV"
+};
+styleInject(css_248z);
+
+//#endregion
+export { style_module_default as default };

package/dist/components/pages/search/top-header.mjs

@@ -1,2 +1,132 @@
 
-"use client";import{useRouter as e}from"../../../utils/use-compatible-router.mjs";import{Input as t}from"../../ui/input.mjs";import{toast as n}from"../../../ui.mjs";import{useKeepAliveEffect as r,useKeepAliveState as i}from"../../common/keep-scroll-position/index.mjs";import{isPCEnv as a}from"../../../utils/tools.mjs";import{LeftArrowIcon as o}from"../../common/icons/left-arrow.mjs";import s from"../../../assets/icons/search.mjs";import c from"../../../assets/icons/clear.mjs";import{memo as l,useCallback as u}from"react";import{useSearchParams as d}from"next/navigation";import{jsx as f,jsxs as p}from"react/jsx-runtime";import{useTranslations as m}from"next-intl";function h(){}const g=l(({setSearchInputVal:l,initInputVal:g,initInputVersion:_,addSearchHistory:v,clearCallback:y=h})=>{let b=m(`components.pages.search`),x=e(),[S,C]=i(`search-input-val`,``),w=d().get(`q`),T=e=>{C(e.target.value)},E=u(e=>{l(e),v(e)},[v,l]);r(()=>{g&&(C(g),E(g))},[E,g,_,C],`search-init-input-effect`),r(()=>{w&&(C(w),E(w))},[E,C,w],`search-url-params-effect`);function D(){if(n.dismiss(),window.location.search.split(`from_code=`)[1]){x.push(`/`);return}x.back()}return f(`div`,{className:`app-top-nav relative h-[66px] w-full`,children:f(`header`,{className:`fixed left-0 right-0 top-0 z-50`,style:{willChange:`transform`,transform:`translateZ(0)`},children:p(`div`,{className:`mx-auto flex h-[66px] items-end gap-[8px] px-[16px] pb-[16px] pt-[16px]`,children:[f(`button`,{type:`button`,"aria-label":`返回`,className:`flex size-[24px] shrink-0 items-center justify-center text-white`,onClick:D,children:f(o,{className:`h-[16px] w-[16px]`})}),p(`div`,{className:`flex h-[34px] min-w-0 flex-1 items-center overflow-hidden rounded-[100px] border border-[#E62AFF]/90 bg-black/40 backdrop-blur-[2px]`,children:[p(`div`,{className:`relative flex h-full min-w-0 flex-1 items-center pl-[12px] pr-[10px]`,children:[f(`span`,{className:`pointer-events-none absolute inset-y-0 left-[12px] flex items-center justify-center`,children:f(s,{className:`h-[14px] w-[14px] text-white/60`})}),f(t,{placeholder:b(`topHeader.placeholder`),maxLength:20,value:S,className:`!h-[20px] !w-full !rounded-none !border-0 !bg-transparent !px-0 !pl-[22px] !pr-[18px] !py-0 !text-[14px] !leading-[20px] !text-white placeholder:!text-white/90`,onChange:T,onKeyDown:e=>{if(e.key===`Enter`){if(e.preventDefault(),!S.trim())return;E(S.trim())}}}),S&&f(`span`,{className:`absolute inset-y-0 right-0 flex items-center justify-center`,children:f(c,{className:`h-[15px] w-[15px] text-white/50`,onClick:()=>{a()||(C(``),l(``),y())}})})]}),f(`button`,{type:`button`,className:`mx-[2px] flex h-[30px] w-[56px] shrink-0 items-center justify-center rounded-[100px] bg-[linear-gradient(90deg,#9756E3_0%,#6C43EE_100%)] text-[14px] leading-[20px] text-white`,onClick:()=>{S.trim()&&E(S.trim())},children:b(`topHeader.search`)})]})]})})})});g.displayName=`SearchTopHeader`;export{g as default};
+'use client';
+
+import { useRouter as useRouter$1 } from "../../../utils/use-compatible-router.mjs";
+import { Input } from "../../ui/input.mjs";
+import { toast } from "../../../ui.mjs";
+import { useKeepAliveEffect, useKeepAliveState } from "../../common/keep-scroll-position/index.mjs";
+import { isPCEnv } from "../../../utils/tools.mjs";
+import { LeftArrowIcon } from "../../common/icons/left-arrow.mjs";
+import SvgSearch from "../../../assets/icons/search.mjs";
+import SvgClear from "../../../assets/icons/clear.mjs";
+import { useSearchParams } from "next/navigation";
+import { memo, useCallback } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useTranslations } from "next-intl";
+
+//#region components/pages/search/top-header.tsx
+function noop() {}
+/**
+* 搜索页顶部输入栏。
+*/
+const SearchTopHeader = memo(({ setSearchInputVal, initInputVal, initInputVersion, addSearchHistory, clearCallback = noop }) => {
+	const t = useTranslations("components.pages.search");
+	const router = useRouter$1();
+	const [inputVal, setInputVal] = useKeepAliveState("search-input-val", "");
+	const urlKeyword = useSearchParams().get("q");
+	const handleInputChange = (e) => {
+		setInputVal(e.target.value);
+	};
+	const handleSearchValue = useCallback((value) => {
+		setSearchInputVal(value);
+		addSearchHistory(value);
+	}, [addSearchHistory, setSearchInputVal]);
+	useKeepAliveEffect(() => {
+		if (initInputVal) {
+			setInputVal(initInputVal);
+			handleSearchValue(initInputVal);
+		}
+	}, [
+		handleSearchValue,
+		initInputVal,
+		initInputVersion,
+		setInputVal
+	], "search-init-input-effect");
+	useKeepAliveEffect(() => {
+		if (urlKeyword) {
+			setInputVal(urlKeyword);
+			handleSearchValue(urlKeyword);
+		}
+	}, [
+		handleSearchValue,
+		setInputVal,
+		urlKeyword
+	], "search-url-params-effect");
+	function handleBack() {
+		toast.dismiss();
+		if (window.location.search.split("from_code=")[1]) {
+			router.push("/");
+			return;
+		}
+		router.back();
+	}
+	return /* @__PURE__ */ jsx("div", {
+		className: "app-top-nav relative h-[66px] w-full",
+		children: /* @__PURE__ */ jsx("header", {
+			className: "fixed left-0 right-0 top-0 z-50",
+			style: {
+				willChange: "transform",
+				transform: "translateZ(0)"
+			},
+			children: /* @__PURE__ */ jsxs("div", {
+				className: "mx-auto flex h-[66px] items-center gap-[8px] no-vw-x-16 pb-[16px] pt-[16px]",
+				children: [/* @__PURE__ */ jsx("button", {
+					type: "button",
+					"aria-label": "返回",
+					className: "flex size-[24px] shrink-0 items-center justify-center text-white",
+					onClick: handleBack,
+					children: /* @__PURE__ */ jsx(LeftArrowIcon, { className: "h-[16px] w-[16px]" })
+				}), /* @__PURE__ */ jsxs("div", {
+					className: "flex h-[34px] min-w-0 flex-1 items-center overflow-hidden rounded-[100px] border border-[#E62AFF]/90 bg-black/40 backdrop-blur-[2px]",
+					children: [/* @__PURE__ */ jsxs("div", {
+						className: "relative flex h-full min-w-0 flex-1 items-center pl-[12px] pr-[10px]",
+						children: [
+							/* @__PURE__ */ jsx("span", {
+								className: "pointer-events-none absolute inset-y-0 left-[12px] flex items-center justify-center",
+								children: /* @__PURE__ */ jsx(SvgSearch, { className: "h-[14px] w-[14px] text-white/60" })
+							}),
+							/* @__PURE__ */ jsx(Input, {
+								placeholder: t("topHeader.placeholder"),
+								maxLength: 20,
+								value: inputVal,
+								className: "!h-[20px] !w-full !rounded-none !border-0 !bg-transparent !px-0 !pl-[22px] !pr-[18px] !py-0 !text-[14px] !leading-[20px] !text-white placeholder:!text-white/90",
+								onChange: handleInputChange,
+								onKeyDown: (e) => {
+									if (e.key === "Enter") {
+										e.preventDefault();
+										if (!inputVal.trim()) return;
+										handleSearchValue(inputVal.trim());
+									}
+								}
+							}),
+							inputVal && /* @__PURE__ */ jsx("span", {
+								className: "absolute inset-y-0 right-0 flex items-center justify-center",
+								children: /* @__PURE__ */ jsx(SvgClear, {
+									className: "h-[15px] w-[15px] text-white/50",
+									onClick: () => {
+										if (isPCEnv()) return;
+										setInputVal("");
+										setSearchInputVal("");
+										clearCallback();
+									}
+								})
+							})
+						]
+					}), /* @__PURE__ */ jsx("button", {
+						type: "button",
+						className: "mx-[2px] flex h-[30px] w-[56px] shrink-0 items-center justify-center rounded-[100px] bg-[linear-gradient(90deg,#9756E3_0%,#6C43EE_100%)] text-[14px] leading-[20px] text-white",
+						onClick: () => {
+							if (!inputVal.trim()) return;
+							handleSearchValue(inputVal.trim());
+						},
+						children: t("topHeader.search")
+					})]
+				})]
+			})
+		})
+	});
+});
+SearchTopHeader.displayName = "SearchTopHeader";
+
+//#endregion
+export { SearchTopHeader as default };

package/dist/components/pages/search/tracking.mjs

@@ -1,2 +1,52 @@
 
-"use client";import{trackAppPageView as e,trackRecommendListClick as t}from"../../../utils/tracking.mjs";const n=`search`,r=`搜索`;function i(){e({page_key:n,page_name:r,current_page_key:n,current_page_name:r})}function a(e,i=``,a=``){t({page_key:n,page_name:r,recommend_id:e,recommend_trace_id:i,recommend_trace_info:a})}function o(e,i=``,a=``){t({page_key:n,page_name:r,recommend_id:e,recommend_trace_id:i,recommend_trace_info:a})}export{o as trackSearchMediaRecommendClick,i as trackSearchPageView,a as trackSearchTextRecommendClick};
+'use client';
+
+import { trackAppPageView, trackRecommendListClick } from "../../../utils/tracking.mjs";
+
+//#region components/pages/search/tracking.ts
+const PAGE_KEY = "search";
+const PAGE_NAME = "搜索";
+/**
+* 搜索页曝光埋点（app_page_view）。
+*/
+function trackSearchPageView() {
+	trackAppPageView({
+		page_key: PAGE_KEY,
+		page_name: PAGE_NAME,
+		current_page_key: PAGE_KEY,
+		current_page_name: PAGE_NAME
+	});
+}
+/**
+* 搜索文字推荐点击埋点（recommend_list_click）。
+* @param recommendId    推荐内容 ID（如关键词文本）。
+* @param traceId        推荐引擎 trace_id。
+* @param traceInfo      推荐引擎 trace_info。
+*/
+function trackSearchTextRecommendClick(recommendId, traceId = "", traceInfo = "") {
+	trackRecommendListClick({
+		page_key: PAGE_KEY,
+		page_name: PAGE_NAME,
+		recommend_id: recommendId,
+		recommend_trace_id: traceId,
+		recommend_trace_info: traceInfo
+	});
+}
+/**
+* 搜索图文推荐点击埋点（recommend_list_click）。
+* @param recommendId    推荐内容 ID（视频/帖子 ID）。
+* @param traceId        推荐引擎 trace_id。
+* @param traceInfo      推荐引擎 trace_info。
+*/
+function trackSearchMediaRecommendClick(recommendId, traceId = "", traceInfo = "") {
+	trackRecommendListClick({
+		page_key: PAGE_KEY,
+		page_name: PAGE_NAME,
+		recommend_id: recommendId,
+		recommend_trace_id: traceId,
+		recommend_trace_info: traceInfo
+	});
+}
+
+//#endregion
+export { trackSearchMediaRecommendClick, trackSearchPageView, trackSearchTextRecommendClick };

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

@@ -1,2 +1,131 @@
 
-"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{useRouter as r}from"../../../utils/use-compatible-router.mjs";import{Box as i}from"../../ui/box.mjs";import{eventKey as a}from"../../../constants/event-key.mjs";import{useSearchHistory as o}from"../../../hooks/use-search-history.mjs";import{trackSearchResultPageView as s}from"./tracking.mjs";import{SEARCH_RESULT_SORT_OPTIONS as c}from"./shared.mjs";import l from"./search-user.mjs";import u from"./search-video-info.mjs";import d from"./search-all.mjs";import{SearchTab as f}from"./search-tab.mjs";import p from"./top-header.mjs";import{useEffect as m,useMemo as h,useState as g}from"react";import{useSearchParams as _}from"next/navigation";import{jsx as v,jsxs as y}from"react/jsx-runtime";import{useTranslations as b}from"next-intl";const x=[{labelKey:`tabs.all`,value:`all`},{labelKey:`tabs.video`,value:`video`},{labelKey:`tabs.user`,value:`user`}];function S(){r();let S=b(`components.pages.search.pageClient`),{userInfo:C}=n(),w=C?.user_id||`guest`,T=_().get(`q`)?.toString()||``,[E,D]=g(T),[O,k]=g(0);m(()=>{D(T),k(e=>e+1)},[T]);let[A,j]=g(x[0].value),[M,N]=g(c[0].value),[P,F]=g(0),{addHistory:I}=o({storageKey:w}),L=h(()=>x.map(e=>({value:e.value,label:S(e.labelKey)})),[S]),R=h(()=>E.trim()!==``,[E]);return m(()=>(t.on(a.EXCHANGE_SEARCH_TYPE,j),()=>{t.off(a.EXCHANGE_SEARCH_TYPE,j)}),[j]),m(()=>{E.trim()&&s(A,E)},[A,E]),y(i,{className:`flex h-dvh w-full flex-col`,children:[v(i,{className:`shrink-0`,children:v(p,{setSearchInputVal:t=>{t!==E&&(D(t),e({q:t}))},initInputVal:T,initInputVersion:O,addSearchHistory:I})}),v(i,{className:`mt-[16px] min-h-0 flex-1 overflow-hidden rounded-t-[16px]`,children:R&&y(i,{className:`flex h-full flex-col bg-[linear-gradient(180deg,rgba(6,3,21,0.9)_0%,rgba(6,3,21,0)_100%)] backdrop-blur-[2px]`,children:[v(f,{searchType:A,tabList:L,onChange:e=>{j(e)},sort:M,onSortChange:e=>{N(e),F(e=>e+1)}}),y(`div`,{className:`min-h-0 flex-1 overflow-y-auto pb-[24px]`,children:[A===`user`&&v(l,{inputVal:E,sort:M,refreshVersion:P}),A===`all`&&v(d,{searchInputVal:E,sort:M,refreshVersion:P}),A===`video`&&v(u,{inputVal:E,sort:M,refreshVersion:P})]})]})})]})}export{S 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 { useRouter as useRouter$1 } from "../../../utils/use-compatible-router.mjs";
+import { Box } from "../../ui/box.mjs";
+import { eventKey } from "../../../constants/event-key.mjs";
+import { useSearchHistory } from "../../../hooks/use-search-history.mjs";
+import { trackSearchResultPageView } from "./tracking.mjs";
+import { SEARCH_RESULT_SORT_OPTIONS } from "./shared.mjs";
+import SearchUser from "./search-user.mjs";
+import SearchVideoInfo from "./search-video-info.mjs";
+import SearchAll from "./search-all.mjs";
+import { SearchTab } from "./search-tab.mjs";
+import SearchTopHeader from "./top-header.mjs";
+import { useSearchParams } from "next/navigation";
+import { useEffect, useMemo, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useTranslations } from "next-intl";
+
+//#region components/pages/search-result/page-client.tsx
+const searchTabList = [
+	{
+		labelKey: "tabs.all",
+		value: "all"
+	},
+	{
+		labelKey: "tabs.video",
+		value: "video"
+	},
+	{
+		labelKey: "tabs.user",
+		value: "user"
+	}
+];
+/**
+* 搜索结果页
+*/
+function SearchResultPageClient() {
+	useRouter$1();
+	const t = useTranslations("components.pages.search.pageClient");
+	const { userInfo } = useUserStore();
+	const userId = userInfo?.user_id || "guest";
+	const initialQuery = useSearchParams().get("q")?.toString() || "";
+	const [searchInputVal, setSearchInputVal] = useState(initialQuery);
+	const [initInputVersion, setInitInputVersion] = useState(0);
+	useEffect(() => {
+		setSearchInputVal(initialQuery);
+		setInitInputVersion((v) => v + 1);
+	}, [initialQuery]);
+	const [searchType, setSearchType] = useState(searchTabList[0].value);
+	const [sort, setSort] = useState(SEARCH_RESULT_SORT_OPTIONS[0].value);
+	const [refreshVersion, setRefreshVersion] = useState(0);
+	const { addHistory } = useSearchHistory({ storageKey: userId });
+	const localizedSearchTabList = useMemo(() => {
+		return searchTabList.map((item) => ({
+			value: item.value,
+			label: t(item.labelKey)
+		}));
+	}, [t]);
+	const showSearchResult = useMemo(() => {
+		return searchInputVal.trim() !== "";
+	}, [searchInputVal]);
+	useEffect(() => {
+		eventBus.on(eventKey.EXCHANGE_SEARCH_TYPE, setSearchType);
+		return () => {
+			eventBus.off(eventKey.EXCHANGE_SEARCH_TYPE, setSearchType);
+		};
+	}, [setSearchType]);
+	useEffect(() => {
+		if (!searchInputVal.trim()) return;
+		trackSearchResultPageView(searchType, searchInputVal);
+	}, [searchType, searchInputVal]);
+	return /* @__PURE__ */ jsxs(Box, {
+		className: "flex h-dvh w-full flex-col",
+		children: [/* @__PURE__ */ jsx(Box, {
+			className: "shrink-0",
+			children: /* @__PURE__ */ jsx(SearchTopHeader, {
+				setSearchInputVal: (val) => {
+					if (val === searchInputVal) return;
+					setSearchInputVal(val);
+					updateUrlParams({ q: val });
+				},
+				initInputVal: initialQuery,
+				initInputVersion,
+				addSearchHistory: addHistory
+			})
+		}), /* @__PURE__ */ jsx(Box, {
+			className: "mt-[16px] min-h-0 flex-1 overflow-hidden rounded-t-[16px]",
+			children: showSearchResult && /* @__PURE__ */ jsxs(Box, {
+				className: "flex h-full flex-col bg-[linear-gradient(180deg,rgba(6,3,21,0.9)_0%,rgba(6,3,21,0)_100%)] backdrop-blur-[2px]",
+				children: [/* @__PURE__ */ jsx(SearchTab, {
+					searchType,
+					tabList: localizedSearchTabList,
+					onChange: (type) => {
+						setSearchType(type);
+					},
+					sort,
+					onSortChange: (nextSort) => {
+						setSort(nextSort);
+						setRefreshVersion((prev) => prev + 1);
+					}
+				}), /* @__PURE__ */ jsxs("div", {
+					className: "min-h-0 flex-1 overflow-y-auto pb-[24px]",
+					children: [
+						searchType === "user" && /* @__PURE__ */ jsx(SearchUser, {
+							inputVal: searchInputVal,
+							sort,
+							refreshVersion
+						}),
+						searchType === "all" && /* @__PURE__ */ jsx(SearchAll, {
+							searchInputVal,
+							sort,
+							refreshVersion
+						}),
+						searchType === "video" && /* @__PURE__ */ jsx(SearchVideoInfo, {
+							inputVal: searchInputVal,
+							sort,
+							refreshVersion
+						})
+					]
+				})]
+			})
+		})]
+	});
+}
+
+//#endregion
+export { SearchResultPageClient as default };

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

@@ -1,2 +1,181 @@
 
-"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{Text as i}from"../../ui/text.mjs";import{Skeleton as a}from"../../ui/skeleton.mjs";import{useRequest as o}from"../../../hooks/query/use-query.mjs";import{eventKey as s}from"../../../constants/event-key.mjs";import{SearchResultEmpty as c}from"./search-empty.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{jsx as m,jsxs as h}from"react/jsx-runtime";import{useTranslations as g}from"next-intl";function _({className:e}){return m(`svg`,{viewBox:`0 0 12.728 7.778`,fill:`currentColor`,"aria-hidden":!0,className:e,children:m(`path`,{d:`M6.36391 4.94972L11.3137 0L12.7279 1.41421L6.36391 7.77822L0 1.41421L1.41421 0L6.36391 4.94972Z`})})}function v(e,t){return JSON.stringify({type:1,keywords:e,sort:t})}function y(){return h(r,{className:`w-full`,children:[m(r,{className:`px-[16px]`,children:h(r,{className:`overflow-hidden rounded-[8px] bg-white/8`,children:[m(r,{className:`flex flex-col gap-[16px] px-[15px] pt-[16px]`,children:Array.from({length:3}).map((e,t)=>h(r,{className:`flex h-[66px] items-center gap-[8px]`,children:[m(a,{className:`size-[56px] rounded-full bg-white/10`}),h(r,{className:`min-w-0 flex-1`,children:[m(a,{className:`h-[20px] w-[96px] rounded-[4px] bg-white/10`}),m(a,{className:`mt-[2px] h-[20px] w-full rounded-[4px] bg-white/10`}),m(a,{className:`mt-[2px] h-[20px] w-[120px] rounded-[4px] bg-white/10`})]}),m(a,{className:`h-[24px] w-[64px] rounded-full bg-white/10`})]},`search-all-user-skeleton-${t}`))}),m(r,{className:`flex h-[48px] items-center justify-center`,children:m(a,{className:`h-[20px] w-[88px] rounded-[4px] bg-white/10`})})]})}),h(r,{className:`mt-[24px] flex w-full justify-between gap-[16px] px-[16px]`,children:[h(r,{className:`flex w-[171px] shrink-0 flex-col gap-[16px]`,children:[m(a,{className:`h-[218px] w-[171px] rounded-[8px] bg-white/8`}),m(a,{className:`h-[120px] w-[171px] rounded-[8px] bg-white/8`})]}),h(r,{className:`flex w-[171px] shrink-0 flex-col gap-[16px]`,children:[m(a,{className:`h-[120px] w-[171px] rounded-[8px] bg-white/8`}),m(a,{className:`h-[218px] w-[171px] rounded-[8px] bg-white/8`})]})]})]})}function b({searchInputVal:a,sort:b,refreshVersion:x}){let S=g(`components.pages.search.searchResult`),[C,w]=p(!1),[T,E]=p({});d(()=>{w(!1),E({})},[x,a,b]);let D=f(()=>v(a,b),[a,b]),{data:O,isFetching:k,isLoading:A}=o(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,3),[C,M]),F=!C&&M.length>3,I=!!((A||k)&&M.length===0&&N.length===0),L=!k&&M.length===0&&N.length===0;return I?m(y,{}):L?m(c,{text:S(`searchAll.emptyResult`)}):h(r,{className:`w-full pb-[24px]`,children:[P.length>0&&m(r,{className:`px-[16px]`,children:h(r,{className:`overflow-hidden rounded-[8px] bg-white/10`,children:[m(r,{className:`flex flex-col gap-[16px] px-[15px] pt-[16px] ${F?``:`pb-[16px]`}`.trim(),children:P.map((e,t)=>m(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&&h(`button`,{type:`button`,className:`flex h-[48px] w-full items-center justify-center gap-[4px] rounded-bl-[8px] rounded-br-[8px] text-[rgba(255,255,255,0.7)]`,onClick:()=>w(!0),children:[m(i,{className:`text-[14px] leading-[20px] font-normal`,children:`展开全部`}),m(r,{className:`flex size-[24px] items-center justify-center`,children:m(_,{className:`h-[7.778px] w-[12.728px] text-[rgba(255,255,255,0.7)]`})})]})]})}),N.length>0&&m(u,{list:N,title:`相似推荐`,onMoreClick:()=>{e.emit(s.EXCHANGE_SEARCH_TYPE,`video`)},sectionClassName:P.length>0?`mt-[24px] 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 { 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 { SearchResultEmpty } from "./search-empty.mjs";
+import { SearchUserRowCard } from "./search-user.mjs";
+import { SearchVideoWaterfall } from "./search-video-info.mjs";
+import { useEffect, useMemo, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useTranslations } from "next-intl";
+
+//#region components/pages/search-result/search-all.tsx
+const DEFAULT_PAGE_SIZE = 10;
+const RECOMMEND_DATA_TYPE = 2;
+function SearchExpandArrowIcon({ className }) {
+	return /* @__PURE__ */ jsx("svg", {
+		viewBox: "0 0 12.728 7.778",
+		fill: "currentColor",
+		"aria-hidden": true,
+		className,
+		children: /* @__PURE__ */ jsx("path", { d: "M6.36391 4.94972L11.3137 0L12.7279 1.41421L6.36391 7.77822L0 1.41421L1.41421 0L6.36391 4.94972Z" })
+	});
+}
+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__ */ jsxs(Box, {
+				className: "overflow-hidden rounded-[8px] bg-white/8",
+				children: [/* @__PURE__ */ jsx(Box, {
+					className: "flex flex-col gap-[16px] px-[15px] pt-[16px]",
+					children: Array.from({ length: 3 }).map((_, index) => /* @__PURE__ */ jsxs(Box, {
+						className: "flex h-[66px] items-center gap-[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-[2px] h-[20px] w-full rounded-[4px] bg-white/10" }),
+									/* @__PURE__ */ jsx(Skeleton, { className: "mt-[2px] 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__ */ jsx(Box, {
+					className: "flex h-[48px] items-center justify-center",
+					children: /* @__PURE__ */ jsx(Skeleton, { className: "h-[20px] w-[88px] rounded-[4px] bg-white/10" })
+				})]
+			})
+		}), /* @__PURE__ */ jsxs(Box, {
+			className: "mt-[24px] flex w-full justify-between gap-[16px] px-[16px]",
+			children: [/* @__PURE__ */ jsxs(Box, {
+				className: "flex w-[171px] shrink-0 flex-col gap-[16px]",
+				children: [/* @__PURE__ */ jsx(Skeleton, { className: "h-[218px] w-[171px] rounded-[8px] bg-white/8" }), /* @__PURE__ */ jsx(Skeleton, { className: "h-[120px] w-[171px] rounded-[8px] bg-white/8" })]
+			}), /* @__PURE__ */ jsxs(Box, {
+				className: "flex w-[171px] shrink-0 flex-col gap-[16px]",
+				children: [/* @__PURE__ */ jsx(Skeleton, { className: "h-[120px] w-[171px] rounded-[8px] bg-white/8" }), /* @__PURE__ */ jsx(Skeleton, { className: "h-[218px] w-[171px] 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, 3);
+	}, [expandedUsers, userList]);
+	const shouldShowExpand = !expandedUsers && userList.length > 3;
+	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(SearchResultEmpty, { text: t("searchAll.emptyResult") });
+	return /* @__PURE__ */ jsxs(Box, {
+		className: "w-full pb-[24px]",
+		children: [visibleUserList.length > 0 && /* @__PURE__ */ jsx(Box, {
+			className: "no-vw-x-16",
+			children: /* @__PURE__ */ jsxs(Box, {
+				className: "overflow-hidden rounded-[8px] bg-white/10",
+				children: [/* @__PURE__ */ jsx(Box, {
+					className: `flex flex-col gap-[16px] px-[15px] pt-[16px] ${shouldShowExpand ? "" : "pb-[16px]"}`.trim(),
+					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: "flex h-[48px] w-full items-center justify-center gap-[4px] rounded-bl-[8px] rounded-br-[8px] text-[rgba(255,255,255,0.7)]",
+					onClick: () => setExpandedUsers(true),
+					children: [/* @__PURE__ */ jsx(Text, {
+						className: "text-[14px] leading-[20px] font-normal",
+						children: "展开全部"
+					}), /* @__PURE__ */ jsx(Box, {
+						className: "flex size-[24px] items-center justify-center",
+						children: /* @__PURE__ */ jsx(SearchExpandArrowIcon, { className: "h-[7.778px] w-[12.728px] text-[rgba(255,255,255,0.7)]" })
+					})]
+				})]
+			})
+		}), videoList.length > 0 && /* @__PURE__ */ jsx(SearchVideoWaterfall, {
+			list: videoList,
+			title: "相似推荐",
+			onMoreClick: () => {
+				eventBus.emit(eventKey.EXCHANGE_SEARCH_TYPE, "video");
+			},
+			sectionClassName: visibleUserList.length > 0 ? "mt-[24px] w-full" : "w-full"
+		})]
+	});
+}
+
+//#endregion
+export { SearchAll as default };