@funhub/platform 0.1.130 → 0.1.131

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

@@ -1,118 +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 { 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 };
+"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};

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

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

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

@@ -1,23 +1,2 @@
 
-'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 };
+"use client";import{SearchVideoCardSkeleton as e}from"../../common/skeleton/search-video-card-skeleton.mjs";import{jsx as t}from"react/jsx-runtime";function n({count:n=6}){return t(e,{count:n,uniqueKeyPrefix:`search-result-skeleton`})}export{n as SearchResultSkeleton};

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

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

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

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