@funhub/platform 0.1.126 → 0.1.130

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

@@ -1,2 +1,118 @@
 
-"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{Box as r}from"../../ui/box.mjs";import{eventKey as i}from"../../../constants/event-key.mjs";import{useSearchHistory as a}from"../../../hooks/use-search-history.mjs";import o from"../search/top-header.mjs";import s from"./search-user.mjs";import c from"./search-video.mjs";import l from"./search-all.mjs";import{SORT_OPTIONS as u,SearchTab as d}from"./search-tab.mjs";import{useEffect as f,useMemo as p,useState as m}from"react";import{Fragment as h,jsx as g,jsxs as _}from"react/jsx-runtime";import{useRouter as v,useSearchParams as y}from"next/navigation";const b=[{label:`综合`,value:`all`},{label:`视频`,value:`video`},{label:`用户`,value:`user`}];function x(){let x=v(),{userInfo:S}=n(),C=S?.user_id||`guest`,w=y().get(`q`)?.toString()||``,[T,E]=m(w),[D,O]=m(0);f(()=>{E(w),O(e=>e+1)},[w]);let[k,A]=m(b[0].value),[j,M]=m(u[0].value),[N,P]=m(0),[,F]=m([]),{addHistory:I}=a({storageKey:C}),L=p(()=>T.trim()!==``,[T]);f(()=>(t.on(i.EXCHANGE_SEARCH_TYPE,A),()=>{t.off(i.EXCHANGE_SEARCH_TYPE,A)}),[A]);function R(){x.back()}return _(r,{className:`w-full min-h-screen bg-bg1 pb-[12px] overscroll-y-none`,children:[g(o,{setSearchInputVal:t=>{t!==T&&(F([]),E(t),e({q:t}))},initInputVal:w,initInputVersion:D,addSearchHistory:I,clearCallback:R}),g(d,{searchType:k,tabList:b,onChange:e=>{A(e),F([])},sort:j,onSortChange:e=>{M(e),P(e=>e+1)}}),L&&_(h,{children:[k===`user`&&g(s,{mode:`user`,inputVal:T,sort:j,refreshVersion:N}),k===`all`&&g(l,{searchInputVal:T,sort:j,refreshVersion:N}),k===`video`&&g(c,{mode:`video`,inputVal:T,sort:j,refreshVersion:N})]}),!L&&g(r,{className:`w-full pt-[12px]`})]})}export{x 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 { Box } from "../../ui/box.mjs";
+import { eventKey } from "../../../constants/event-key.mjs";
+import { useSearchHistory } from "../../../hooks/use-search-history.mjs";
+import SearchTopHeader from "../search/top-header.mjs";
+import SearchUser from "./search-user.mjs";
+import SearchVideo from "./search-video.mjs";
+import SearchAll from "./search-all.mjs";
+import { SORT_OPTIONS, SearchTab } from "./search-tab.mjs";
+import { useEffect, useMemo, useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { useRouter, useSearchParams } from "next/navigation";
+
+//#region components/pages/search-result/page-client.tsx
+const searchTabList = [
+	{
+		label: "综合",
+		value: "all"
+	},
+	{
+		label: "视频",
+		value: "video"
+	},
+	{
+		label: "用户",
+		value: "user"
+	}
+];
+/**
+* 搜索结果页
+*/
+function SearchResultPageClient() {
+	const router = useRouter();
+	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(SORT_OPTIONS[0].value);
+	const [refreshVersion, setRefreshVersion] = useState(0);
+	const [, setQueryVideoList] = useState([]);
+	const { addHistory } = useSearchHistory({ storageKey: userId });
+	const showSearchResult = useMemo(() => {
+		return searchInputVal.trim() !== "";
+	}, [searchInputVal]);
+	useEffect(() => {
+		eventBus.on(eventKey.EXCHANGE_SEARCH_TYPE, setSearchType);
+		return () => {
+			eventBus.off(eventKey.EXCHANGE_SEARCH_TYPE, setSearchType);
+		};
+	}, [setSearchType]);
+	function handleClearCallback() {
+		router.back();
+	}
+	return /* @__PURE__ */ jsxs(Box, {
+		className: "w-full min-h-screen bg-bg1 pb-[12px] overscroll-y-none",
+		children: [
+			/* @__PURE__ */ jsx(SearchTopHeader, {
+				setSearchInputVal: (val) => {
+					if (val === searchInputVal) return;
+					setQueryVideoList([]);
+					setSearchInputVal(val);
+					updateUrlParams({ q: val });
+				},
+				initInputVal: initialQuery,
+				initInputVersion,
+				addSearchHistory: addHistory,
+				clearCallback: handleClearCallback
+			}),
+			/* @__PURE__ */ jsx(SearchTab, {
+				searchType,
+				tabList: searchTabList,
+				onChange: (type) => {
+					setSearchType(type);
+					setQueryVideoList([]);
+				},
+				sort,
+				onSortChange: (nextSort) => {
+					setSort(nextSort);
+					setRefreshVersion((prev) => prev + 1);
+				}
+			}),
+			showSearchResult && /* @__PURE__ */ jsxs(Fragment$1, { children: [
+				searchType === "user" && /* @__PURE__ */ jsx(SearchUser, {
+					mode: "user",
+					inputVal: searchInputVal,
+					sort,
+					refreshVersion
+				}),
+				searchType === "all" && /* @__PURE__ */ jsx(SearchAll, {
+					searchInputVal,
+					sort,
+					refreshVersion
+				}),
+				searchType === "video" && /* @__PURE__ */ jsx(SearchVideo, {
+					mode: "video",
+					inputVal: searchInputVal,
+					sort,
+					refreshVersion
+				})
+			] }),
+			!showSearchResult && /* @__PURE__ */ jsx(Box, { className: "w-full pt-[12px]" })
+		]
+	});
+}
+
+//#endregion
+export { SearchResultPageClient as default };

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

@@ -1,2 +1,83 @@
 
-"use client";import{gContentGetRecommendVideoList as e}from"../../../service/generated/client.mjs";import{gContentGetRecommendVideoListKey as t}from"../../../service/generated/tanstack.mjs";import{Box as n}from"../../ui/box.mjs";import{List as r}from"../../ui/list.mjs";import{useRequest as i}from"../../../hooks/query/use-query.mjs";import{SearchResultSkeleton as a}from"./search-result-skeleton.mjs";import o from"./search-user.mjs";import s from"./search-video.mjs";import{useMemo as c}from"react";import{jsx as l,jsxs as u}from"react/jsx-runtime";import{useTranslations as d}from"next-intl";function f(e,t=1){return JSON.stringify({type:1,keywords:e,sort:t})}function p({searchInputVal:p,sort:m,refreshVersion:h}){let g=d(`components.pages.search.searchResult`),_=c(()=>f(p,m),[p,m]),{data:v,isFetching:y,isLoading:b}=i(c(()=>[...t({data_type:2,extra_params:_,page:1,page_size:10}),h],[h,_]),async()=>(await e({data_type:2,extra_params:_,page:1,page_size:10})).data??{}),x=c(()=>v?.videos?.list??[],[v]),S=c(()=>!!v?.videos?.has_more,[v]),C=c(()=>v?.users?.list??[],[v]),w=x.length===0&&C.length===0&&!y;return x.length===0&&C.length===0&&(b||y)?l(a,{}):w?l(n,{className:`w-full pt-[12px]`,children:l(r,{loading:y,empty:`nodata`,emptyText:g(`searchAll.emptyResult`)})}):u(n,{className:`w-full pt-[12px]`,children:[C.length>0&&l(o,{mode:`all`,list:C}),l(s,{mode:`all`,list:x,hasMore:S})]})}export{p as default};
+'use client';
+
+import { gContentGetRecommendVideoList } from "../../../service/generated/client.mjs";
+import { gContentGetRecommendVideoListKey } from "../../../service/generated/tanstack.mjs";
+import { Box } from "../../ui/box.mjs";
+import { List } from "../../ui/list.mjs";
+import { useRequest } from "../../../hooks/query/use-query.mjs";
+import { SearchResultSkeleton } from "./search-result-skeleton.mjs";
+import SearchUser from "./search-user.mjs";
+import SearchVideo from "./search-video.mjs";
+import { useMemo } 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;
+/** 推荐接口 data_type */
+const RECOMMEND_DATA_TYPE = 2;
+/** 默认排序 */
+const SORT_DEFAULT = 1;
+/**
+* 构建推荐搜索 extra_params。
+*/
+function buildSearchExtraParams(keywords, sort = SORT_DEFAULT) {
+	return JSON.stringify({
+		type: 1,
+		keywords,
+		sort
+	});
+}
+/**
+* 搜索综合结果。
+*/
+function SearchAll({ searchInputVal, sort, refreshVersion }) {
+	const t = useTranslations("components.pages.search.searchResult");
+	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 videoList = useMemo(() => data?.videos?.list ?? [], [data]);
+	const videoHasMore = useMemo(() => Boolean(data?.videos?.has_more), [data]);
+	const userList = useMemo(() => data?.users?.list ?? [], [data]);
+	const isEmpty = videoList.length === 0 && userList.length === 0 && !isFetching;
+	if (videoList.length === 0 && userList.length === 0 && (isLoading || isFetching)) return /* @__PURE__ */ jsx(SearchResultSkeleton, {});
+	if (isEmpty) return /* @__PURE__ */ jsx(Box, {
+		className: "w-full pt-[12px]",
+		children: /* @__PURE__ */ jsx(List, {
+			loading: isFetching,
+			empty: "nodata",
+			emptyText: t("searchAll.emptyResult")
+		})
+	});
+	return /* @__PURE__ */ jsxs(Box, {
+		className: "w-full pt-[12px]",
+		children: [userList.length > 0 && /* @__PURE__ */ jsx(SearchUser, {
+			mode: "all",
+			list: userList
+		}), /* @__PURE__ */ jsx(SearchVideo, {
+			mode: "all",
+			list: videoList,
+			hasMore: videoHasMore
+		})]
+	});
+}
+
+//#endregion
+export { SearchAll as default };

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

@@ -1,2 +1,23 @@
 
-"use client";import{Box as e}from"../../ui/box.mjs";import{VideoListItemSkeleton as t}from"../../common/skeleton/video-list-item-skeleton.mjs";import{jsx as n}from"react/jsx-runtime";function r({count:r=6}){return n(e,{className:`w-full pt-[12px] bg-bg1`,children:Array.from({length:r}).map((e,r)=>n(t,{isEditMode:!1,showVideoProgress:!1},`search-result-skeleton-${r}`))})}export{r as SearchResultSkeleton};
+'use client';
+
+import { Box } from "../../ui/box.mjs";
+import { VideoListItemSkeleton } from "../../common/skeleton/video-list-item-skeleton.mjs";
+import { jsx } from "react/jsx-runtime";
+
+//#region components/pages/search-result/search-result-skeleton.tsx
+/**
+* 搜索结果页骨架屏（视频列表样式）。
+*/
+function SearchResultSkeleton({ count = 6 }) {
+	return /* @__PURE__ */ jsx(Box, {
+		className: "w-full pt-[12px] bg-bg1",
+		children: Array.from({ length: count }).map((_, index) => /* @__PURE__ */ jsx(VideoListItemSkeleton, {
+			isEditMode: false,
+			showVideoProgress: false
+		}, `search-result-skeleton-${index}`))
+	});
+}
+
+//#endregion
+export { SearchResultSkeleton };

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

@@ -1,2 +1,90 @@
 
-"use client";import{Button as e}from"../../ui/button.mjs";import{Box as t}from"../../ui/box.mjs";import{Popover as n,PopoverContent as r,PopoverTrigger as i}from"../../ui/popover.mjs";import{Text as a}from"../../ui/text.mjs";import o from"../../../assets/icons/search/filter.mjs";import{memo as s,useState as c}from"react";import{ChevronUpIcon as l}from"lucide-react";import{Fragment as u,jsx as d,jsxs as f}from"react/jsx-runtime";const p=[{label:`综合`,value:1},{label:`最新`,value:2},{label:`最热`,value:3}],m=s(({searchType:s,onChange:m,tabList:h,sort:g,onSortChange:_})=>{let[v,y]=c(!1);return f(u,{children:[f(t,{as:`nav`,className:`w-full h-[42px] bg-bg1 flex items-center justify-between px-[3px] fixed top-[54px] left-0 right-0 z-40`,children:[d(t,{className:`flex items-center`,children:h.map(e=>d(a,{className:`h-[30px] rounded-[15px] leading-[30px] px-[9px] text-[16px] bg-transparent transition-all duration-150 ${s===e.value?`text-theme5 !text-[20px] font-bold`:`text-text2`}`,onClick:()=>{s!==e.value&&m(e.value)},children:e.label},e.value))}),f(n,{open:v,onOpenChange:y,children:[d(i,{"aria-label":`排序筛选`,className:`shrink-0 w-7 h-7 rounded-[min(var(--radius-md),12px)] inline-flex items-center justify-center`,children:d(o,{className:`w-[16px] h-[16px]`})}),f(r,{side:`bottom`,align:`end`,className:`w-[100vw] bg-muted`,children:[d(a,{as:`p`,className:`text-[14px] font-medium text-text1 mb-[12px]`,children:`排序方式`}),f(t,{className:`flex flex-col gap-[8px]`,children:[d(t,{className:`flex justify-between gap-[8px]`,children:p.map(t=>d(e,{variant:g===t.value?`default`:`outline`,size:`sm`,className:`w-[100px]`,onClick:()=>{_(t.value),y(!1)},children:t.label},t.value))}),f(e,{variant:`ghost`,size:`sm`,className:`w-full justify-center gap-[4px] text-text2`,onClick:()=>y(!1),children:[d(l,{className:`w-[14px] h-[14px]`}),`收起`]})]})]})]})]}),d(t,{className:`w-full h-[42px]`})]})});m.displayName=`SearchTab`;export{p as SORT_OPTIONS,m as SearchTab};
+'use client';
+
+import { Button } from "../../ui/button.mjs";
+import { Box } from "../../ui/box.mjs";
+import { Popover, PopoverContent, PopoverTrigger } from "../../ui/popover.mjs";
+import { Text } from "../../ui/text.mjs";
+import SvgFilter from "../../../assets/icons/search/filter.mjs";
+import { memo, useState } from "react";
+import { ChevronUpIcon } from "lucide-react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+
+//#region components/pages/search-result/search-tab.tsx
+const SORT_OPTIONS = [
+	{
+		label: "综合",
+		value: 1
+	},
+	{
+		label: "最新",
+		value: 2
+	},
+	{
+		label: "最热",
+		value: 3
+	}
+];
+/**
+* 搜索类型切换 Tab，右侧带排序筛选弹出层。
+*/
+const SearchTab = memo(({ searchType, onChange, tabList, sort, onSortChange }) => {
+	const [popoverOpen, setPopoverOpen] = useState(false);
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs(Box, {
+		as: "nav",
+		className: "w-full h-[42px] bg-bg1 flex items-center justify-between px-[3px] fixed top-[54px] left-0 right-0 z-40",
+		children: [/* @__PURE__ */ jsx(Box, {
+			className: "flex items-center",
+			children: tabList.map((item) => /* @__PURE__ */ jsx(Text, {
+				className: `h-[30px] rounded-[15px] leading-[30px] px-[9px] text-[16px] bg-transparent transition-all duration-150 ${searchType === item.value ? "text-theme5 !text-[20px] font-bold" : "text-text2"}`,
+				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: "shrink-0 w-7 h-7 rounded-[min(var(--radius-md),12px)] inline-flex items-center justify-center",
+				children: /* @__PURE__ */ jsx(SvgFilter, { className: "w-[16px] h-[16px]" })
+			}), /* @__PURE__ */ jsxs(PopoverContent, {
+				side: "bottom",
+				align: "end",
+				className: "w-[100vw] bg-muted",
+				children: [/* @__PURE__ */ jsx(Text, {
+					as: "p",
+					className: "text-[14px] font-medium text-text1 mb-[12px]",
+					children: "排序方式"
+				}), /* @__PURE__ */ jsxs(Box, {
+					className: "flex flex-col gap-[8px]",
+					children: [/* @__PURE__ */ jsx(Box, {
+						className: "flex justify-between gap-[8px]",
+						children: SORT_OPTIONS.map((opt) => /* @__PURE__ */ jsx(Button, {
+							variant: sort === opt.value ? "default" : "outline",
+							size: "sm",
+							className: "w-[100px]",
+							onClick: () => {
+								onSortChange(opt.value);
+								setPopoverOpen(false);
+							},
+							children: opt.label
+						}, opt.value))
+					}), /* @__PURE__ */ jsxs(Button, {
+						variant: "ghost",
+						size: "sm",
+						className: "w-full justify-center gap-[4px] text-text2",
+						onClick: () => setPopoverOpen(false),
+						children: [/* @__PURE__ */ jsx(ChevronUpIcon, { className: "w-[14px] h-[14px]" }), "收起"]
+					})]
+				})]
+			})]
+		})]
+	}), /* @__PURE__ */ jsx(Box, { className: "w-full h-[42px]" })] });
+});
+SearchTab.displayName = "SearchTab";
+
+//#endregion
+export { SORT_OPTIONS, SearchTab };

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

@@ -1,2 +1,254 @@
 
-"use client";import{Button as e}from"../../ui/button.mjs";import t from"../../../utils/event-bus.mjs";import{useUserStore as n}from"../../../store/modules/user-store.mjs";import{gContentGetRecommendVideoList as r}from"../../../service/generated/client.mjs";import{Image as i}from"../../ui/image.mjs";import{Box as a}from"../../ui/box.mjs";import{Item as o}from"../../ui/item.mjs";import{List as s}from"../../ui/list.mjs";import{Skeleton as c}from"../../ui/skeleton.mjs";import{Text as l}from"../../ui/text.mjs";import{usePaginated as u,useUpdateRequest as d}from"../../../hooks/query/use-query.mjs";import{useRequireLogin as f}from"../../../hooks/use-auth.mjs";import{eventKey as p}from"../../../constants/event-key.mjs";import m from"../../../assets/icons/right_arrow.mjs";import h from"../../../assets/images/user/default_avatar.mjs";import{memo as g,useCallback as _,useEffect as v,useMemo as y,useState as b}from"react";import{jsx as x,jsxs as S}from"react/jsx-runtime";import{useTranslations as C}from"next-intl";import w from"next/link";const T=typeof h==`string`?h:h.src;function E(){return x(a,{className:`w-full`,children:Array.from({length:6}).map((e,t)=>S(a,{className:`w-full h-[56px] flex items-center justify-between mb-[12px]`,children:[S(a,{className:`flex items-center`,children:[x(c,{className:`w-[56px] h-[56px] rounded-[28px]`}),S(a,{className:`ml-[8px]`,children:[x(c,{className:`w-[120px] h-[18px] mb-[8px]`}),x(c,{className:`w-[72px] h-[14px]`})]})]}),x(c,{className:`w-[76px] h-[34px] rounded-[18px]`})]},`search-user-skeleton-${t}`))})}const D=g(({item:e,onUpdate:t})=>{let r=C(`components.pages.search.searchResult`),{userInfo:o}=n();return _(n=>{t({...e,is_following:n?1:0})},[e,t]),x(a,{className:`w-full h-[56px] bg-bg1 flex flex-row items-center justify-between mb-[12px]`,children:S(w,{className:`cursor-pointer flex flex-row items-center justify-center`,href:`/profile/${e.user_id}`,children:[x(a,{className:`w-[56px] h-[56px] rounded-[28px] overflow-hidden bg-bg2 relative`,children:x(i,{src:e.avatar||T,fill:!0,objectFit:`cover`,alt:e.nick_name})}),S(a,{className:`flex flex-col ml-[8px]`,children:[x(l,{as:`span`,className:`text-text1 text-[16px] leading-[24px] h-[24px] font-bold w-[200px] inline-block truncate`,children:e.nick_name}),S(l,{as:`span`,className:`text-text2 leading-[22px] text-[14px]`,children:[e.follower_count??0,r(`searchUser.followersSuffix`)]})]})]})})});D.displayName=`UserItem`;const O=g(({list:n})=>{let r=f(),[i,o]=b({});v(()=>{o({})},[n]);let s=_(e=>{e.user_id&&o(t=>({...t,[e.user_id]:e.is_following?1:0}))},[]),c=y(()=>n.slice(0,3).map(e=>{let t=e.user_id||``;return!t||i[t]===void 0?e:{...e,is_following:i[t]}}),[i,n,3]),u=n.length>3,d=_(()=>{t.emit(p.EXCHANGE_SEARCH_TYPE,`user`)},[]);return c.length===0?null:S(a,{className:`w-full pt-[12px]`,children:[x(a,{className:`px-[12px]`,children:c.map((e,t)=>x(D,{item:e,onUpdate:e=>{r(()=>s(e))}},String(e.user_id??t)))}),u&&x(a,{className:`w-full flex items-center justify-center`,children:S(e,{variant:`ghost`,className:`w-fit h-[46px] leading-[46px] mx-auto mt-[-12px] text-[14px] text-text2`,onClick:d,children:[x(l,{as:`span`,children:`查看更多`}),x(m,{className:`w-[12px] h-[12px]`})]})})]})});O.displayName=`SearchUserWithLimit`;const k=g(({inputVal:e,sort:t,refreshVersion:n})=>{let i=C(`components.pages.search.searchResult`),c=f(),l=_(async n=>await r({data_type:2,extra_params:JSON.stringify({type:4,keywords:e,sort:t}),page:n||1,page_size:20}),[e,t]),p=y(()=>[`searchByKeyForUser`,e,4,t,n],[e,t,n]),m=u({key:p,initialPageParam:1,async queryFn(e){return(await l(e))?.data?.users??{has_more:!1,total:0,list:[]}},getNextPageParam(e,t){if(e.has_more)return t.length+1}}),h=d(),g=_((e,t)=>{e&&h(p,n=>n&&{...n,pages:n.pages.map(n=>({...n,list:(n.list??[]).map(n=>n.user_id===e?{...n,is_following:t?1:0}:n)}))})},[h,p]),v=async e=>{try{await m.fetchNextPage()}catch(e){console.error(`获取用户列表失败`,e)}},b=(m?.data?.pages??[]).flatMap(e=>e.list??[]),S=!!(m?.isPending||m?.isFetching);return S&&b.length===0?x(E,{}):x(a,{className:`w-full`,children:x(s,{loading:S,hasMore:m?.hasNextPage??!1,loadMore:v,empty:`nodata`,emptyText:i(`searchUser.emptyResult`),children:b.map((e,t)=>x(o,{children:x(D,{item:e,onUpdate:e=>{c(()=>{g(e.user_id||``,!!e.is_following)})}})},String(e.user_id??t)))})})});k.displayName=`SearchUserWithPagination`;const A=g(e=>e.mode===`all`?x(O,{list:e.list??[]}):x(k,{inputVal:e.inputVal??``,sort:e.sort??1,refreshVersion:e.refreshVersion??0}));A.displayName=`SearchUser`;export{A as default};
+'use client';
+
+import { Button } from "../../ui/button.mjs";
+import eventBus from "../../../utils/event-bus.mjs";
+import { useUserStore } from "../../../store/modules/user-store.mjs";
+import { gContentGetRecommendVideoList } from "../../../service/generated/client.mjs";
+import { Image } from "../../ui/image.mjs";
+import { Box } from "../../ui/box.mjs";
+import { Item } from "../../ui/item.mjs";
+import { List } from "../../ui/list.mjs";
+import { Skeleton } from "../../ui/skeleton.mjs";
+import { Text } from "../../ui/text.mjs";
+import { usePaginated, useUpdateRequest } from "../../../hooks/query/use-query.mjs";
+import { useRequireLogin } from "../../../hooks/use-auth.mjs";
+import { eventKey } from "../../../constants/event-key.mjs";
+import SvgRightArrow from "../../../assets/icons/right_arrow.mjs";
+import default_avatar_default from "../../../assets/images/user/default_avatar.mjs";
+import { memo, useCallback, useEffect, useMemo, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useTranslations } from "next-intl";
+import Link from "next/link";
+
+//#region components/pages/search-result/search-user.tsx
+const DEFAULT_AVATAR_SRC = typeof default_avatar_default === "string" ? default_avatar_default : default_avatar_default.src;
+const DEFAULT_USER_SKELETON_COUNT = 6;
+const DEFAULT_PAGE_SIZE = 20;
+const USER_SEARCH_TYPE = 4;
+/**
+* 用户列表首屏骨架。
+*/
+function SearchUserSkeleton() {
+	return /* @__PURE__ */ jsx(Box, {
+		className: "w-full",
+		children: Array.from({ length: DEFAULT_USER_SKELETON_COUNT }).map((_, index) => /* @__PURE__ */ jsxs(Box, {
+			className: "w-full h-[56px] flex items-center justify-between mb-[12px]",
+			children: [/* @__PURE__ */ jsxs(Box, {
+				className: "flex items-center",
+				children: [/* @__PURE__ */ jsx(Skeleton, { className: "w-[56px] h-[56px] rounded-[28px]" }), /* @__PURE__ */ jsxs(Box, {
+					className: "ml-[8px]",
+					children: [/* @__PURE__ */ jsx(Skeleton, { className: "w-[120px] h-[18px] mb-[8px]" }), /* @__PURE__ */ jsx(Skeleton, { className: "w-[72px] h-[14px]" })]
+				})]
+			}), /* @__PURE__ */ jsx(Skeleton, { className: "w-[76px] h-[34px] rounded-[18px]" })]
+		}, `search-user-skeleton-${index}`))
+	});
+}
+/**
+* 用户项组件。
+*/
+const UserItem = memo(({ item, onUpdate }) => {
+	const t = useTranslations("components.pages.search.searchResult");
+	const { userInfo } = useUserStore();
+	useCallback((isFollow) => {
+		onUpdate({
+			...item,
+			is_following: isFollow ? 1 : 0
+		});
+	}, [item, onUpdate]);
+	return /* @__PURE__ */ jsx(Box, {
+		className: "w-full h-[56px] bg-bg1 flex flex-row items-center justify-between mb-[12px]",
+		children: /* @__PURE__ */ jsxs(Link, {
+			className: "cursor-pointer flex flex-row items-center justify-center",
+			href: `/profile/${item.user_id}`,
+			children: [/* @__PURE__ */ jsx(Box, {
+				className: "w-[56px] h-[56px] rounded-[28px] overflow-hidden bg-bg2 relative",
+				children: /* @__PURE__ */ jsx(Image, {
+					src: item.avatar || DEFAULT_AVATAR_SRC,
+					fill: true,
+					objectFit: "cover",
+					alt: item.nick_name
+				})
+			}), /* @__PURE__ */ jsxs(Box, {
+				className: "flex flex-col ml-[8px]",
+				children: [/* @__PURE__ */ jsx(Text, {
+					as: "span",
+					className: "text-text1 text-[16px] leading-[24px] h-[24px] font-bold w-[200px] inline-block truncate",
+					children: item.nick_name
+				}), /* @__PURE__ */ jsxs(Text, {
+					as: "span",
+					className: "text-text2 leading-[22px] text-[14px]",
+					children: [item.follower_count ?? 0, t("searchUser.followersSuffix")]
+				})]
+			})]
+		})
+	});
+});
+UserItem.displayName = "UserItem";
+/**
+* all tab 用户模块。
+*/
+const SearchUserWithLimit = memo(({ list }) => {
+	const requireLogin = useRequireLogin();
+	const [followStatusMap, setFollowStatusMap] = useState({});
+	const limit = 3;
+	useEffect(() => {
+		setFollowStatusMap({});
+	}, [list]);
+	const handleUpdateFollowStatus = useCallback((updateItem) => {
+		if (!updateItem.user_id) return;
+		setFollowStatusMap((prev) => ({
+			...prev,
+			[updateItem.user_id]: updateItem.is_following ? 1 : 0
+		}));
+	}, []);
+	const displayList = useMemo(() => {
+		return list.slice(0, limit).map((item) => {
+			const userId = item.user_id || "";
+			if (!userId || followStatusMap[userId] === void 0) return item;
+			return {
+				...item,
+				is_following: followStatusMap[userId]
+			};
+		});
+	}, [
+		followStatusMap,
+		list,
+		limit
+	]);
+	const hasMore = list.length > limit;
+	const handleViewMore = useCallback(() => {
+		eventBus.emit(eventKey.EXCHANGE_SEARCH_TYPE, "user");
+	}, []);
+	if (displayList.length === 0) return null;
+	return /* @__PURE__ */ jsxs(Box, {
+		className: "w-full pt-[12px]",
+		children: [/* @__PURE__ */ jsx(Box, {
+			className: "px-[12px]",
+			children: displayList.map((item, index) => /* @__PURE__ */ jsx(UserItem, {
+				item,
+				onUpdate: (updateItem) => {
+					requireLogin(() => handleUpdateFollowStatus(updateItem));
+				}
+			}, String(item.user_id ?? index)))
+		}), hasMore && /* @__PURE__ */ jsx(Box, {
+			className: "w-full flex items-center justify-center",
+			children: /* @__PURE__ */ jsxs(Button, {
+				variant: "ghost",
+				className: "w-fit h-[46px] leading-[46px] mx-auto mt-[-12px] text-[14px] text-text2",
+				onClick: handleViewMore,
+				children: [/* @__PURE__ */ jsx(Text, {
+					as: "span",
+					children: "查看更多"
+				}), /* @__PURE__ */ jsx(SvgRightArrow, { className: "w-[12px] h-[12px]" })]
+			})
+		})]
+	});
+});
+SearchUserWithLimit.displayName = "SearchUserWithLimit";
+/**
+* user tab 用户模块。
+*/
+const SearchUserWithPagination = memo(({ inputVal, sort, refreshVersion }) => {
+	const t = useTranslations("components.pages.search.searchResult");
+	const requireLogin = useRequireLogin();
+	const fetchSearchData = useCallback(async (page) => {
+		return await gContentGetRecommendVideoList({
+			data_type: 2,
+			extra_params: JSON.stringify({
+				type: USER_SEARCH_TYPE,
+				keywords: inputVal,
+				sort
+			}),
+			page: page || 1,
+			page_size: DEFAULT_PAGE_SIZE
+		});
+	}, [inputVal, sort]);
+	const queryKey = useMemo(() => [
+		"searchByKeyForUser",
+		inputVal,
+		USER_SEARCH_TYPE,
+		sort,
+		refreshVersion
+	], [
+		inputVal,
+		sort,
+		refreshVersion
+	]);
+	const pageData = usePaginated({
+		key: queryKey,
+		initialPageParam: 1,
+		async queryFn(pageParam) {
+			return (await fetchSearchData(pageParam))?.data?.users ?? {
+				has_more: false,
+				total: 0,
+				list: []
+			};
+		},
+		getNextPageParam(lastPage, allPages) {
+			if (!lastPage.has_more) return;
+			return allPages.length + 1;
+		}
+	});
+	const mutate = useUpdateRequest();
+	const handleUpdateFollowStatus = useCallback((userId, isFollow) => {
+		if (!userId) return;
+		mutate(queryKey, (prev) => {
+			if (!prev) return prev;
+			return {
+				...prev,
+				pages: prev.pages.map((page) => ({
+					...page,
+					list: (page.list ?? []).map((item) => item.user_id === userId ? {
+						...item,
+						is_following: isFollow ? 1 : 0
+					} : item)
+				}))
+			};
+		});
+	}, [mutate, queryKey]);
+	const loadMore = async (_isRetry) => {
+		try {
+			await pageData.fetchNextPage();
+		} catch (error) {
+			console.error("获取用户列表失败", error);
+		}
+	};
+	const userList = (pageData?.data?.pages ?? []).flatMap((page) => page.list ?? []);
+	const isLoading = Boolean(pageData?.isPending || pageData?.isFetching);
+	if (isLoading && userList.length === 0) return /* @__PURE__ */ jsx(SearchUserSkeleton, {});
+	return /* @__PURE__ */ jsx(Box, {
+		className: "w-full",
+		children: /* @__PURE__ */ jsx(List, {
+			loading: isLoading,
+			hasMore: pageData?.hasNextPage ?? false,
+			loadMore,
+			empty: "nodata",
+			emptyText: t("searchUser.emptyResult"),
+			children: userList.map((item, index) => /* @__PURE__ */ jsx(Item, { children: /* @__PURE__ */ jsx(UserItem, {
+				item,
+				onUpdate: (updateItem) => {
+					requireLogin(() => {
+						handleUpdateFollowStatus(updateItem.user_id || "", !!updateItem.is_following);
+					});
+				}
+			}) }, String(item.user_id ?? index)))
+		})
+	});
+});
+SearchUserWithPagination.displayName = "SearchUserWithPagination";
+/**
+* 搜索用户列表。
+*/
+const SearchUser = memo((props) => {
+	if (props.mode === "all") return /* @__PURE__ */ jsx(SearchUserWithLimit, { list: props.list ?? [] });
+	return /* @__PURE__ */ jsx(SearchUserWithPagination, {
+		inputVal: props.inputVal ?? "",
+		sort: props.sort ?? 1,
+		refreshVersion: props.refreshVersion ?? 0
+	});
+});
+SearchUser.displayName = "SearchUser";
+
+//#endregion
+export { SearchUser as default };