@funhub/platform 0.1.62 → 0.1.63

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

@@ -1,111 +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 { 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 { userInfo } = useUserStore();
-	const userId = userInfo?.user_id || "guest";
-	const q = useSearchParams().get("q")?.toString() || "";
-	const initialQuery = q ? decodeURIComponent(q) : "";
-	const [searchInputVal, setSearchInputVal] = useState(initialQuery);
-	const [initInputVal] = useState(initialQuery);
-	const [initInputVersion] = useState(0);
-	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]);
-	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,
-				initInputVersion,
-				addSearchHistory: addHistory
-			}),
-			/* @__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{useSearchParams as v}from"next/navigation";const y=[{label:`综合`,value:`all`},{label:`视频`,value:`video`},{label:`用户`,value:`user`}];function b(){let{userInfo:b}=n(),x=b?.user_id||`guest`,S=v().get(`q`)?.toString()||``,C=S?decodeURIComponent(S):``,[w,T]=m(C),[E]=m(C),[D]=m(0),[O,k]=m(y[0].value),[A,j]=m(u[0].value),[M,N]=m(0),[,P]=m([]),{addHistory:F}=a({storageKey:x}),I=p(()=>w.trim()!==``,[w]);return f(()=>(t.on(i.EXCHANGE_SEARCH_TYPE,k),()=>{t.off(i.EXCHANGE_SEARCH_TYPE,k)}),[k]),_(r,{className:`w-full min-h-screen bg-bg1 pb-[12px] overscroll-y-none`,children:[g(o,{setSearchInputVal:t=>{t!==w&&(P([]),T(t),e({q:t}))},initInputVal:E,initInputVersion:D,addSearchHistory:F}),g(d,{searchType:O,tabList:y,onChange:e=>{k(e),P([])},sort:A,onSortChange:e=>{j(e),N(e=>e+1)}}),I&&_(h,{children:[O===`user`&&g(s,{mode:`user`,inputVal:w,sort:A,refreshVersion:M}),O===`all`&&g(l,{searchInputVal:w,sort:A,refreshVersion:M}),O===`video`&&g(c,{mode:`video`,inputVal:w,sort:A,refreshVersion:M})]}),!I&&g(r,{className:`w-full pt-[12px]`})]})}export{b as default};

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

@@ -1,80 +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 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 } = 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]);
-	if (videoList.length === 0 && userList.length === 0 && !isFetching) 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 a from"./search-user.mjs";import o from"./search-video.mjs";import{useMemo as s}from"react";import{jsx as c,jsxs as l}from"react/jsx-runtime";import{useTranslations as u}from"next-intl";function d(e,t=1){return JSON.stringify({type:1,keywords:e,sort:t})}function f({searchInputVal:f,sort:p,refreshVersion:m}){let h=u(`components.pages.search.searchResult`),g=s(()=>d(f,p),[f,p]),{data:_,isFetching:v}=i(s(()=>[...t({data_type:2,extra_params:g,page:1,page_size:10}),m],[m,g]),async()=>(await e({data_type:2,extra_params:g,page:1,page_size:10})).data??{}),y=s(()=>_?.videos?.list??[],[_]),b=s(()=>!!_?.videos?.has_more,[_]),x=s(()=>_?.users?.list??[],[_]);return y.length===0&&x.length===0&&!v?c(n,{className:`w-full pt-[12px]`,children:c(r,{loading:v,empty:`nodata`,emptyText:h(`searchAll.emptyResult`)})}):l(n,{className:`w-full pt-[12px]`,children:[x.length>0&&c(a,{mode:`all`,list:x}),c(o,{mode:`all`,list:y,hasMore:b})]})}export{f as default};

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,259 +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 { FollowButton } from "../(follow)/_components/follow-button/index.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();
-	const handleUpdate = useCallback((isFollow) => {
-		onUpdate({
-			...item,
-			is_following: isFollow ? 1 : 0
-		});
-	}, [item, onUpdate]);
-	return /* @__PURE__ */ jsxs(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 overflow-hidden max-w-[200px] line-clamp-1",
-					children: item.nick_name
-				}), /* @__PURE__ */ jsxs(Text, {
-					as: "span",
-					className: "text-text2 leading-[22px] text-[14px]",
-					children: [item.follower_count ?? 0, t("searchUser.followersSuffix")]
-				})]
-			})]
-		}), userInfo.user_id !== item.user_id && /* @__PURE__ */ jsx(FollowButton, {
-			userId: item.user_id,
-			hasFollow: !!item.is_following,
-			onChange: handleUpdate
-		})]
-	});
-});
-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{FollowButton as h}from"../(follow)/_components/follow-button/index.mjs";import g from"../../../assets/images/user/default_avatar.mjs";import{memo as _,useCallback as v,useEffect as y,useMemo as b,useState as x}from"react";import{jsx as S,jsxs as C}from"react/jsx-runtime";import{useTranslations as w}from"next-intl";import T from"next/link";const E=typeof g==`string`?g:g.src;function D(){return S(a,{className:`w-full`,children:Array.from({length:6}).map((e,t)=>C(a,{className:`w-full h-[56px] flex items-center justify-between mb-[12px]`,children:[C(a,{className:`flex items-center`,children:[S(c,{className:`w-[56px] h-[56px] rounded-[28px]`}),C(a,{className:`ml-[8px]`,children:[S(c,{className:`w-[120px] h-[18px] mb-[8px]`}),S(c,{className:`w-[72px] h-[14px]`})]})]}),S(c,{className:`w-[76px] h-[34px] rounded-[18px]`})]},`search-user-skeleton-${t}`))})}const O=_(({item:e,onUpdate:t})=>{let r=w(`components.pages.search.searchResult`),{userInfo:o}=n(),s=v(n=>{t({...e,is_following:n?1:0})},[e,t]);return C(a,{className:`w-full h-[56px] bg-bg1 flex flex-row items-center justify-between mb-[12px]`,children:[C(T,{className:`cursor-pointer flex flex-row items-center justify-center`,href:`/profile/${e.user_id}`,children:[S(a,{className:`w-[56px] h-[56px] rounded-[28px] overflow-hidden bg-bg2 relative`,children:S(i,{src:e.avatar||E,fill:!0,objectFit:`cover`,alt:e.nick_name})}),C(a,{className:`flex flex-col ml-[8px]`,children:[S(l,{as:`span`,className:`text-text1 text-[16px] leading-[24px] h-[24px] font-bold overflow-hidden max-w-[200px] line-clamp-1`,children:e.nick_name}),C(l,{as:`span`,className:`text-text2 leading-[22px] text-[14px]`,children:[e.follower_count??0,r(`searchUser.followersSuffix`)]})]})]}),o.user_id!==e.user_id&&S(h,{userId:e.user_id,hasFollow:!!e.is_following,onChange:s})]})});O.displayName=`UserItem`;const k=_(({list:n})=>{let r=f(),[i,o]=x({});y(()=>{o({})},[n]);let s=v(e=>{e.user_id&&o(t=>({...t,[e.user_id]:e.is_following?1:0}))},[]),c=b(()=>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=v(()=>{t.emit(p.EXCHANGE_SEARCH_TYPE,`user`)},[]);return c.length===0?null:C(a,{className:`w-full pt-[12px]`,children:[S(a,{className:`px-[12px]`,children:c.map((e,t)=>S(O,{item:e,onUpdate:e=>{r(()=>s(e))}},String(e.user_id??t)))}),u&&S(a,{className:`w-full flex items-center justify-center`,children:C(e,{variant:`ghost`,className:`w-fit h-[46px] leading-[46px] mx-auto mt-[-12px] text-[14px] text-text2`,onClick:d,children:[S(l,{as:`span`,children:`查看更多`}),S(m,{className:`w-[12px] h-[12px]`})]})})]})});k.displayName=`SearchUserWithLimit`;const A=_(({inputVal:e,sort:t,refreshVersion:n})=>{let i=w(`components.pages.search.searchResult`),c=f(),l=v(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=b(()=>[`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=v((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]),_=async e=>{try{await m.fetchNextPage()}catch(e){console.error(`获取用户列表失败`,e)}},y=(m?.data?.pages??[]).flatMap(e=>e.list??[]),x=!!(m?.isPending||m?.isFetching);return x&&y.length===0?S(D,{}):S(a,{className:`w-full`,children:S(s,{loading:x,hasMore:m?.hasNextPage??!1,loadMore:_,empty:`nodata`,emptyText:i(`searchUser.emptyResult`),children:y.map((e,t)=>S(o,{children:S(O,{item:e,onUpdate:e=>{c(()=>{g(e.user_id||``,!!e.is_following)})}})},String(e.user_id??t)))})})});A.displayName=`SearchUserWithPagination`;const j=_(e=>e.mode===`all`?S(k,{list:e.list??[]}):S(A,{inputVal:e.inputVal??``,sort:e.sort??1,refreshVersion:e.refreshVersion??0}));j.displayName=`SearchUser`;export{j as default};