@funhub/platform 0.2.31 → 0.2.32

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

@@ -1,14 +1,87 @@
 
-import styleInject from "../../../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inject/dist/style-inject.es.mjs";
+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;
+}
 
-//#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 };
+.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};

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

@@ -1,132 +1,2 @@
 
-'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 };
+"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{useSearchParams as l}from"next/navigation";import{memo as u,useCallback as d}from"react";import{jsx as f,jsxs as p}from"react/jsx-runtime";import{useTranslations as m}from"next-intl";function h(){}const g=u(({setSearchInputVal:u,initInputVal:g,initInputVersion:_,addSearchHistory:v,clearCallback:y=h})=>{let b=m(`components.pages.search`),x=e(),[S,C]=i(`search-input-val`,``),w=l().get(`q`),T=e=>{C(e.target.value)},E=d(e=>{u(e),v(e)},[v,u]);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-center gap-[8px] no-vw-x-16 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(``),u(``),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};

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

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

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

@@ -1,131 +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 { 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 };
+"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{useSearchParams as m}from"next/navigation";import{useEffect as h,useMemo as g,useState as _}from"react";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=m().get(`q`)?.toString()||``,[E,D]=_(T),[O,k]=_(0);h(()=>{D(T),k(e=>e+1)},[T]);let[A,j]=_(x[0].value),[M,N]=_(c[0].value),[P,F]=_(0),{addHistory:I}=o({storageKey:w}),L=g(()=>x.map(e=>({value:e.value,label:S(e.labelKey)})),[S]),R=g(()=>E.trim()!==``,[E]);return h(()=>(t.on(a.EXCHANGE_SEARCH_TYPE,j),()=>{t.off(a.EXCHANGE_SEARCH_TYPE,j)}),[j]),h(()=>{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};

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

@@ -1,181 +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 { 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 };
+"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:`no-vw-x-16`,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};