@funhub/platform 0.2.31 → 0.2.32

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

@@ -1,53 +1,2 @@
 
-'use client';
-
-import { Box } from "../../ui/box.mjs";
-import { Text } from "../../ui/text.mjs";
-import { jsx, jsxs } from "react/jsx-runtime";
-
-//#region components/pages/search-result/search-empty.tsx
-/**
-* 搜索结果空状态图标 — 折角文件 + 放大镜。
-* 精确还原 Figma bridge 节点 3014:9811。
-*/
-function SearchEmptyIcon() {
-	return /* @__PURE__ */ jsxs("svg", {
-		width: "64",
-		height: "64",
-		viewBox: "0 0 64 64",
-		fill: "none",
-		"aria-hidden": true,
-		children: [
-			/* @__PURE__ */ jsx("path", {
-				d: "M0 56V8C0 3.58172 3.58172 0 8 0H44.1975L63.9564 19.1496V56C63.9564 60.4183 60.3747 64 55.9564 64H8C3.58172 64 0 60.4183 0 56Z",
-				fill: "#1B1829",
-				stroke: "#322F3E"
-			}),
-			/* @__PURE__ */ jsx("path", {
-				d: "M44.198 11.2184V0L63.9996 19.2184H52.198C47.7797 19.2184 44.198 15.6367 44.198 11.2184Z",
-				fill: "#302D3E"
-			}),
-			/* @__PURE__ */ jsx("path", {
-				transform: "translate(20.982, 21.076)",
-				d: "M10.0632 0C15.621 0 20.1265 4.50548 20.1265 10.0632C20.1265 12.2975 19.3968 14.3606 18.1649 16.0304L21.5505 19.415C22.1398 20.0045 22.1399 20.961 21.5505 21.5505C20.961 22.1399 20.0045 22.1398 19.415 21.5505L16.0304 18.1649C14.3606 19.3968 12.2975 20.1265 10.0632 20.1265C4.50548 20.1265 0 15.621 0 10.0632C0 4.50548 4.50548 0 10.0632 0ZM10.0632 3.01897C6.17282 3.01897 3.01897 6.17282 3.01897 10.0632C3.01897 13.9537 6.17282 17.1075 10.0632 17.1075C13.9537 17.1075 17.1075 13.9537 17.1075 10.0632C17.1075 6.17282 13.9537 3.01897 10.0632 3.01897Z",
-				fill: "#54525E"
-			})
-		]
-	});
-}
-/**
-* 搜索结果空状态。
-* bridge: Group 657 (3014:9811), icon 64×64, gap 16px, text 15px #54525E。
-*/
-function SearchResultEmpty({ text }) {
-	return /* @__PURE__ */ jsxs(Box, {
-		className: "flex flex-1 flex-col items-center pt-[72px]",
-		children: [/* @__PURE__ */ jsx(SearchEmptyIcon, {}), /* @__PURE__ */ jsx(Text, {
-			className: "mt-[16px] text-center text-[15px] font-normal text-[#54525E]",
-			children: text
-		})]
-	});
-}
-
-//#endregion
-export { SearchResultEmpty };
+"use client";import{Box as e}from"../../ui/box.mjs";import{Text as t}from"../../ui/text.mjs";import{jsx as n,jsxs as r}from"react/jsx-runtime";function i(){return r(`svg`,{width:`64`,height:`64`,viewBox:`0 0 64 64`,fill:`none`,"aria-hidden":!0,children:[n(`path`,{d:`M0 56V8C0 3.58172 3.58172 0 8 0H44.1975L63.9564 19.1496V56C63.9564 60.4183 60.3747 64 55.9564 64H8C3.58172 64 0 60.4183 0 56Z`,fill:`#1B1829`,stroke:`#322F3E`}),n(`path`,{d:`M44.198 11.2184V0L63.9996 19.2184H52.198C47.7797 19.2184 44.198 15.6367 44.198 11.2184Z`,fill:`#302D3E`}),n(`path`,{transform:`translate(20.982, 21.076)`,d:`M10.0632 0C15.621 0 20.1265 4.50548 20.1265 10.0632C20.1265 12.2975 19.3968 14.3606 18.1649 16.0304L21.5505 19.415C22.1398 20.0045 22.1399 20.961 21.5505 21.5505C20.961 22.1399 20.0045 22.1398 19.415 21.5505L16.0304 18.1649C14.3606 19.3968 12.2975 20.1265 10.0632 20.1265C4.50548 20.1265 0 15.621 0 10.0632C0 4.50548 4.50548 0 10.0632 0ZM10.0632 3.01897C6.17282 3.01897 3.01897 6.17282 3.01897 10.0632C3.01897 13.9537 6.17282 17.1075 10.0632 17.1075C13.9537 17.1075 17.1075 13.9537 17.1075 10.0632C17.1075 6.17282 13.9537 3.01897 10.0632 3.01897Z`,fill:`#54525E`})]})}function a({text:a}){return r(e,{className:`flex flex-1 flex-col items-center pt-[72px]`,children:[n(i,{}),n(t,{className:`mt-[16px] text-center text-[15px] font-normal text-[#54525E]`,children:a})]})}export{a as SearchResultEmpty};

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

@@ -1,96 +1,2 @@
 
-'use client';
-
-import { Box } from "../../ui/box.mjs";
-import { Popover, PopoverContent, PopoverTrigger } from "../../ui/popover.mjs";
-import { SEARCH_RESULT_SORT_OPTIONS } from "./shared.mjs";
-import { memo, useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-
-//#region components/pages/search-result/search-tab.tsx
-function SearchSortIcon({ className }) {
-	return /* @__PURE__ */ jsxs("svg", {
-		viewBox: "0 0 22 15",
-		fill: "currentColor",
-		"aria-hidden": true,
-		className,
-		children: [
-			/* @__PURE__ */ jsx("rect", {
-				x: "0",
-				y: "0",
-				width: "13.5",
-				height: "2",
-				rx: "1"
-			}),
-			/* @__PURE__ */ jsx("rect", {
-				x: "0",
-				y: "6.5",
-				width: "13.5",
-				height: "2",
-				rx: "1"
-			}),
-			/* @__PURE__ */ jsx("rect", {
-				x: "0",
-				y: "13",
-				width: "13.5",
-				height: "2",
-				rx: "1"
-			}),
-			/* @__PURE__ */ jsx("path", { d: "M15 1C15 0.447715 15.4477 0 16 0C16.5523 0 17 0.447715 17 1V11.2969L18.2412 9.84961C18.6006 9.43028 19.2311 9.38179 19.6504 9.74121C20.0697 10.1006 20.1182 10.7311 19.7588 11.1504L16.7588 14.6504C16.4865 14.9681 16.0458 15.0826 15.6533 14.9375C15.2608 14.7923 15 14.4185 15 14V1Z" })
-		]
-	});
-}
-/**
-* 搜索类型切换 Tab，右侧带排序筛选弹出层。
-*/
-const SearchTab = memo(({ searchType, onChange, tabList, sort, onSortChange }) => {
-	const [popoverOpen, setPopoverOpen] = useState(false);
-	return /* @__PURE__ */ jsx(Box, {
-		as: "nav",
-		className: "sticky top-0 z-40 no-vw-x-16 pb-[16px] pt-[12px]",
-		children: /* @__PURE__ */ jsxs(Box, {
-			className: "flex h-[24px] items-center justify-between",
-			children: [/* @__PURE__ */ jsx(Box, {
-				className: "flex items-center gap-[10px]",
-				children: tabList.map((item) => /* @__PURE__ */ jsx("button", {
-					type: "button",
-					className: `text-[16px] leading-[24px] transition-colors ${searchType === item.value ? "font-medium text-white" : "font-normal text-white/80"}`,
-					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: "flex size-[24px] items-center justify-center",
-					children: /* @__PURE__ */ jsx(SearchSortIcon, { className: "h-[15px] w-[20px] text-white/40" })
-				}), /* @__PURE__ */ jsx(PopoverContent, {
-					side: "bottom",
-					align: "end",
-					sideOffset: 8,
-					className: "w-[132px] border border-white/10 bg-[#10071E]/95 p-[8px] backdrop-blur-[18px]",
-					children: /* @__PURE__ */ jsx(Box, {
-						className: "flex flex-col gap-[4px]",
-						children: SEARCH_RESULT_SORT_OPTIONS.map((option) => /* @__PURE__ */ jsx("button", {
-							type: "button",
-							className: `rounded-[8px] px-[12px] py-[8px] text-left text-[14px] leading-[20px] ${option.value === sort ? "bg-white/10 text-white" : "text-white/70"}`,
-							onClick: () => {
-								onSortChange(option.value);
-								setPopoverOpen(false);
-							},
-							children: option.label
-						}, option.value))
-					})
-				})]
-			})]
-		})
-	});
-});
-SearchTab.displayName = "SearchTab";
-
-//#endregion
-export { SearchTab };
+"use client";import{Box as e}from"../../ui/box.mjs";import{Popover as t,PopoverContent as n,PopoverTrigger as r}from"../../ui/popover.mjs";import{SEARCH_RESULT_SORT_OPTIONS as i}from"./shared.mjs";import{memo as a,useState as o}from"react";import{jsx as s,jsxs as c}from"react/jsx-runtime";function l({className:e}){return c(`svg`,{viewBox:`0 0 22 15`,fill:`currentColor`,"aria-hidden":!0,className:e,children:[s(`rect`,{x:`0`,y:`0`,width:`13.5`,height:`2`,rx:`1`}),s(`rect`,{x:`0`,y:`6.5`,width:`13.5`,height:`2`,rx:`1`}),s(`rect`,{x:`0`,y:`13`,width:`13.5`,height:`2`,rx:`1`}),s(`path`,{d:`M15 1C15 0.447715 15.4477 0 16 0C16.5523 0 17 0.447715 17 1V11.2969L18.2412 9.84961C18.6006 9.43028 19.2311 9.38179 19.6504 9.74121C20.0697 10.1006 20.1182 10.7311 19.7588 11.1504L16.7588 14.6504C16.4865 14.9681 16.0458 15.0826 15.6533 14.9375C15.2608 14.7923 15 14.4185 15 14V1Z`})]})}const u=a(({searchType:a,onChange:u,tabList:d,sort:f,onSortChange:p})=>{let[m,h]=o(!1);return s(e,{as:`nav`,className:`sticky top-0 z-40 no-vw-x-16 pb-[16px] pt-[12px]`,children:c(e,{className:`flex h-[24px] items-center justify-between`,children:[s(e,{className:`flex items-center gap-[10px]`,children:d.map(e=>s(`button`,{type:`button`,className:`text-[16px] leading-[24px] transition-colors ${a===e.value?`font-medium text-white`:`font-normal text-white/80`}`,onClick:()=>{a!==e.value&&u(e.value)},children:e.label},e.value))}),c(t,{open:m,onOpenChange:h,children:[s(r,{"aria-label":`排序筛选`,className:`flex size-[24px] items-center justify-center`,children:s(l,{className:`h-[15px] w-[20px] text-white/40`})}),s(n,{side:`bottom`,align:`end`,sideOffset:8,className:`w-[132px] border border-white/10 bg-[#10071E]/95 p-[8px] backdrop-blur-[18px]`,children:s(e,{className:`flex flex-col gap-[4px]`,children:i.map(e=>s(`button`,{type:`button`,className:`rounded-[8px] px-[12px] py-[8px] text-left text-[14px] leading-[20px] ${e.value===f?`bg-white/10 text-white`:`text-white/70`}`,onClick:()=>{p(e.value),h(!1)},children:e.label},e.value))})})]})]})})});u.displayName=`SearchTab`;export{u as SearchTab};

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

@@ -1,316 +1,2 @@
 
-'use client';
-
-import { useUserStore } from "../../../store/modules/user-store.mjs";
-import { gContentGetRecommendVideoList, pInteractionFollow, pInteractionUnfollow } from "../../../service/generated/client.mjs";
-import { Image } from "../../ui/image.mjs";
-import { Box } from "../../ui/box.mjs";
-import { InfiniteScroll } from "../../ui/infinite-scroll.mjs";
-import { Text } from "../../ui/text.mjs";
-import { Skeleton } from "../../ui/skeleton.mjs";
-import { usePaginated } from "../../../hooks/query/use-query.mjs";
-import { useRequireLogin } from "../../../hooks/use-auth.mjs";
-import default_avatar_default from "../../../assets/images/user/default_avatar.mjs";
-import { SearchResultEmpty } from "./search-empty.mjs";
-import { formatSearchFollowerCount, resolveSearchUserDescription, resolveSearchUserName } from "./shared.mjs";
-import { toast } from "sonner";
-import { memo, useCallback, useEffect, useMemo, useState } from "react";
-import { Check, Plus } from "lucide-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 SEARCH_USER_TYPE = 4;
-const SEARCH_USER_PAGE_SIZE = 20;
-function resolveViewerUserId(userInfo, storeUserId) {
-	return String(storeUserId || userInfo?.user_id || userInfo?.userId || "").trim();
-}
-function SearchUserAvatar({ src, alt, variant }) {
-	const outerClassName = variant === "row" ? "size-[56px] p-[4.375px]" : "size-[40px] p-[3px]";
-	const innerBorderClassName = variant === "row" ? "border-[3px]" : "border-[2px]";
-	return /* @__PURE__ */ jsx(Box, {
-		className: `rounded-full bg-white/20 ${outerClassName}`,
-		children: /* @__PURE__ */ jsx(Box, {
-			className: `relative size-full overflow-hidden rounded-full border-solid border-white/40 ${innerBorderClassName}`,
-			children: /* @__PURE__ */ jsx(Image, {
-				src: src || DEFAULT_AVATAR_SRC,
-				fill: true,
-				objectFit: "cover",
-				alt
-			})
-		})
-	});
-}
-function SearchUserFollowAction({ item, variant, onFollowChange }) {
-	const requireLogin = useRequireLogin();
-	const { userInfo, userId: storeUserId } = useUserStore();
-	const [pending, setPending] = useState(false);
-	const viewerUserId = resolveViewerUserId(userInfo, storeUserId);
-	const isSelf = viewerUserId !== "" && viewerUserId === String(item.user_id || "").trim();
-	const isFollowing = Boolean(item.is_following);
-	const handleClick = useCallback(() => {
-		if (!item.user_id || pending) return;
-		requireLogin(() => {
-			const currentUserId = resolveViewerUserId(useUserStore.getState().userInfo, useUserStore.getState().userId);
-			if (!currentUserId) {
-				toast.error("请先登录");
-				return;
-			}
-			(async () => {
-				setPending(true);
-				try {
-					const response = isFollowing ? await pInteractionUnfollow({
-						follower_id: currentUserId,
-						followee_id: item.user_id
-					}) : await pInteractionFollow({
-						follower_id: currentUserId,
-						followee_id: item.user_id
-					});
-					if (response.code !== 0) {
-						toast.error(response.message || (isFollowing ? "取消关注失败" : "关注失败"));
-						return;
-					}
-					onFollowChange?.(!isFollowing);
-				} catch (error) {
-					console.error("切换关注状态失败", error);
-					toast.error(isFollowing ? "取消关注失败" : "关注失败");
-				} finally {
-					setPending(false);
-				}
-			})();
-		});
-	}, [
-		isFollowing,
-		item.user_id,
-		onFollowChange,
-		pending,
-		requireLogin
-	]);
-	if (isSelf) return null;
-	if (variant === "grid") return /* @__PURE__ */ jsx("button", {
-		type: "button",
-		"aria-label": isFollowing ? "取消关注" : "关注",
-		className: `flex size-[24px] shrink-0 items-center justify-center rounded-full transition-opacity ${isFollowing ? "bg-white/15 text-white" : "bg-black/30 text-white/75"} ${pending ? "opacity-50" : ""}`,
-		onClick: handleClick,
-		children: isFollowing ? /* @__PURE__ */ jsx(Check, { className: "size-[14px]" }) : /* @__PURE__ */ jsx(Plus, { className: "size-[14px]" })
-	});
-	return /* @__PURE__ */ jsxs("button", {
-		type: "button",
-		className: `flex h-[24px] shrink-0 items-center justify-center rounded-full transition-opacity ${isFollowing ? "border border-white/25 bg-white/10 px-[8px] text-white/85" : "w-[64px] border border-white/60 bg-black/20 text-white/60"} ${pending ? "opacity-50" : ""}`,
-		onClick: handleClick,
-		children: [!isFollowing && /* @__PURE__ */ jsx(Plus, { className: "mr-[2px] size-[16px]" }), /* @__PURE__ */ jsx(Text, {
-			className: isFollowing ? "text-[12px] leading-[18px]" : "text-[14px] leading-[20px]",
-			children: isFollowing ? "已关注" : "关注"
-		})]
-	});
-}
-const SearchUserRowCard = memo(({ item, onFollowChange }) => {
-	const userName = resolveSearchUserName(item);
-	const description = resolveSearchUserDescription(item);
-	const followerText = formatSearchFollowerCount(item.follower_count);
-	return /* @__PURE__ */ jsxs(Box, {
-		className: "flex w-full items-center gap-[8px]",
-		children: [/* @__PURE__ */ jsxs(Link, {
-			href: `/profile/${item.user_id || ""}`,
-			className: "flex min-w-0 flex-1 items-center gap-[8px]",
-			children: [/* @__PURE__ */ jsx(SearchUserAvatar, {
-				src: item.avatar,
-				alt: userName || "用户头像",
-				variant: "row"
-			}), /* @__PURE__ */ jsxs(Box, {
-				className: "min-w-0 max-w-[194px] flex-1",
-				children: [
-					/* @__PURE__ */ jsx(Text, {
-						className: "block truncate text-[14px] leading-[20px] font-normal text-white",
-						children: userName
-					}),
-					/* @__PURE__ */ jsx(Text, {
-						className: "mt-[2px] block truncate text-[14px] leading-[20px] text-white/60",
-						children: description
-					}),
-					/* @__PURE__ */ jsxs(Text, {
-						className: "mt-[2px] block truncate text-[14px] leading-[20px] text-white/60",
-						children: ["粉丝：", followerText]
-					})
-				]
-			})]
-		}), /* @__PURE__ */ jsx(SearchUserFollowAction, {
-			item,
-			variant: "row",
-			onFollowChange
-		})]
-	});
-});
-SearchUserRowCard.displayName = "SearchUserRowCard";
-const SearchUserGridCard = memo(({ item, onFollowChange }) => {
-	const userName = resolveSearchUserName(item);
-	const description = resolveSearchUserDescription(item);
-	return /* @__PURE__ */ jsxs(Box, {
-		className: "h-[170px] rounded-[8px] bg-white/10 px-[16px] py-[16px]",
-		children: [/* @__PURE__ */ jsxs(Box, {
-			className: "flex items-start justify-between",
-			children: [/* @__PURE__ */ jsx(Link, {
-				href: `/profile/${item.user_id || ""}`,
-				className: "flex items-center",
-				children: /* @__PURE__ */ jsx(SearchUserAvatar, {
-					src: item.avatar,
-					alt: userName || "用户头像",
-					variant: "grid"
-				})
-			}), /* @__PURE__ */ jsx(SearchUserFollowAction, {
-				item,
-				variant: "grid",
-				onFollowChange
-			})]
-		}), /* @__PURE__ */ jsxs(Link, {
-			href: `/profile/${item.user_id || ""}`,
-			className: "mt-[16px] block",
-			children: [/* @__PURE__ */ jsx(Text, {
-				className: "block truncate text-[14px] leading-[20px] font-medium text-white",
-				children: userName
-			}), /* @__PURE__ */ jsx(Text, {
-				className: "mt-[8px] block text-[14px] leading-[20px] text-white/60 line-clamp-4",
-				children: description
-			})]
-		})]
-	});
-});
-SearchUserGridCard.displayName = "SearchUserGridCard";
-const FIRST_CARD_GRADIENT_BORDER_STYLE = {
-	background: "linear-gradient(180deg, rgba(255,30,255,0.8) 0%, rgba(108,67,238,0) 100%), linear-gradient(145deg, rgba(255,30,172,0.6) 2.9%, rgba(108,67,238,0) 100%), linear-gradient(180deg, rgba(151,86,227,1) 0%, rgba(108,67,238,1) 100%)",
-	WebkitMask: "linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0)",
-	WebkitMaskComposite: "xor",
-	maskComposite: "exclude",
-	padding: "0.5px"
-};
-const SearchUserCard = memo(({ item, isFirst, onFollowChange }) => {
-	return /* @__PURE__ */ jsxs(Box, {
-		className: "relative flex h-[88px] items-center rounded-[8px] bg-white/10 px-[12px] py-[8px]",
-		children: [isFirst && /* @__PURE__ */ jsx(Box, {
-			className: "pointer-events-none absolute inset-0 rounded-[8px]",
-			style: FIRST_CARD_GRADIENT_BORDER_STYLE
-		}), /* @__PURE__ */ jsx(SearchUserRowCard, {
-			item,
-			onFollowChange
-		})]
-	});
-});
-SearchUserCard.displayName = "SearchUserCard";
-function SearchUserSkeleton() {
-	return /* @__PURE__ */ jsx(Box, {
-		className: "flex flex-col gap-[12px] px-[16px]",
-		children: Array.from({ length: 6 }).map((_, index) => /* @__PURE__ */ jsxs(Box, {
-			className: "flex h-[88px] items-center gap-[8px] rounded-[8px] bg-white/8 px-[12px] py-[8px]",
-			children: [
-				/* @__PURE__ */ jsx(Skeleton, { className: "size-[56px] shrink-0 rounded-full bg-white/10" }),
-				/* @__PURE__ */ jsxs(Box, {
-					className: "min-w-0 flex-1",
-					children: [
-						/* @__PURE__ */ jsx(Skeleton, { className: "h-[20px] w-[100px] rounded-[4px] bg-white/10" }),
-						/* @__PURE__ */ jsx(Skeleton, { className: "mt-[4px] h-[20px] w-[160px] rounded-[4px] bg-white/10" }),
-						/* @__PURE__ */ jsx(Skeleton, { className: "mt-[4px] h-[20px] w-[80px] rounded-[4px] bg-white/10" })
-					]
-				}),
-				/* @__PURE__ */ jsx(Skeleton, { className: "h-[24px] w-[64px] shrink-0 rounded-full bg-white/10" })
-			]
-		}, `search-user-row-skeleton-${index}`))
-	});
-}
-const SearchUser = memo(({ inputVal, sort, refreshVersion }) => {
-	const t = useTranslations("components.pages.search.searchResult");
-	const [followStatusMap, setFollowStatusMap] = useState({});
-	useEffect(() => {
-		setFollowStatusMap({});
-	}, [
-		inputVal,
-		refreshVersion,
-		sort
-	]);
-	const fetchSearchData = useCallback(async (page) => {
-		return await gContentGetRecommendVideoList({
-			data_type: 2,
-			extra_params: JSON.stringify({
-				type: SEARCH_USER_TYPE,
-				keywords: inputVal,
-				sort
-			}),
-			page: page || 1,
-			page_size: SEARCH_USER_PAGE_SIZE
-		});
-	}, [inputVal, sort]);
-	const pageData = usePaginated({
-		key: useMemo(() => [
-			"search-result",
-			"user",
-			inputVal,
-			sort,
-			refreshVersion
-		], [
-			inputVal,
-			refreshVersion,
-			sort
-		]),
-		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 userList = useMemo(() => {
-		return (pageData.data?.pages ?? []).flatMap((page) => page.list ?? []).map((item) => {
-			const userId = String(item.user_id || "").trim();
-			if (!userId || followStatusMap[userId] === void 0) return item;
-			return {
-				...item,
-				is_following: followStatusMap[userId]
-			};
-		});
-	}, [followStatusMap, pageData.data?.pages]);
-	const isInitialLoading = Boolean((pageData.isPending || pageData.isFetching) && userList.length === 0);
-	const handleFollowChange = useCallback((userId, isFollowing) => {
-		if (!userId) return;
-		setFollowStatusMap((prev) => ({
-			...prev,
-			[userId]: isFollowing ? 1 : 0
-		}));
-	}, []);
-	const loadMore = useCallback(async () => {
-		try {
-			await pageData.fetchNextPage();
-		} catch (error) {
-			console.error("获取用户搜索结果失败", error);
-		}
-	}, [pageData]);
-	if (isInitialLoading) return /* @__PURE__ */ jsx(SearchUserSkeleton, {});
-	if (userList.length === 0) return /* @__PURE__ */ jsx(SearchResultEmpty, { text: t("searchUser.emptyResult") });
-	return /* @__PURE__ */ jsxs(Box, {
-		className: "w-full pb-[24px]",
-		children: [/* @__PURE__ */ jsx(Box, {
-			className: "flex flex-col gap-[12px] no-vw-x-16",
-			children: userList.map((item, index) => /* @__PURE__ */ jsx(SearchUserCard, {
-				item,
-				isFirst: index === 0,
-				onFollowChange: (isFollowing) => {
-					handleFollowChange(String(item.user_id || ""), isFollowing);
-				}
-			}, String(item.user_id ?? index)))
-		}), pageData.hasNextPage && /* @__PURE__ */ jsx(InfiniteScroll, {
-			loadMore: async (_isRetry) => loadMore(),
-			hasMore: pageData.hasNextPage,
-			className: "w-full"
-		})]
-	});
-});
-SearchUser.displayName = "SearchUser";
-
-//#endregion
-export { SearchUserRowCard, SearchUser as default };
+"use client";import{useUserStore as e}from"../../../store/modules/user-store.mjs";import{gContentGetRecommendVideoList as t,pInteractionFollow as n,pInteractionUnfollow as r}from"../../../service/generated/client.mjs";import{Image as i}from"../../ui/image.mjs";import{Box as a}from"../../ui/box.mjs";import{InfiniteScroll as o}from"../../ui/infinite-scroll.mjs";import{Text as s}from"../../ui/text.mjs";import{Skeleton as c}from"../../ui/skeleton.mjs";import{usePaginated as l}from"../../../hooks/query/use-query.mjs";import{useRequireLogin as u}from"../../../hooks/use-auth.mjs";import d from"../../../assets/images/user/default_avatar.mjs";import{SearchResultEmpty as f}from"./search-empty.mjs";import{formatSearchFollowerCount as p,resolveSearchUserDescription as m,resolveSearchUserName as h}from"./shared.mjs";import{toast as g}from"sonner";import{memo as _,useCallback as v,useEffect as y,useMemo as b,useState as x}from"react";import{Check as S,Plus as C}from"lucide-react";import{jsx as w,jsxs as T}from"react/jsx-runtime";import{useTranslations as E}from"next-intl";import D from"next/link";const O=typeof d==`string`?d:d.src;function k(e,t){return String(t||e?.user_id||e?.userId||``).trim()}function A({src:e,alt:t,variant:n}){let r=n===`row`?`size-[56px] p-[4.375px]`:`size-[40px] p-[3px]`,o=n===`row`?`border-[3px]`:`border-[2px]`;return w(a,{className:`rounded-full bg-white/20 ${r}`,children:w(a,{className:`relative size-full overflow-hidden rounded-full border-solid border-white/40 ${o}`,children:w(i,{src:e||O,fill:!0,objectFit:`cover`,alt:t})})})}function j({item:t,variant:i,onFollowChange:a}){let o=u(),{userInfo:c,userId:l}=e(),[d,f]=x(!1),p=k(c,l),m=p!==``&&p===String(t.user_id||``).trim(),h=!!t.is_following,_=v(()=>{!t.user_id||d||o(()=>{let i=k(e.getState().userInfo,e.getState().userId);if(!i){g.error(`请先登录`);return}(async()=>{f(!0);try{let e=h?await r({follower_id:i,followee_id:t.user_id}):await n({follower_id:i,followee_id:t.user_id});if(e.code!==0){g.error(e.message||(h?`取消关注失败`:`关注失败`));return}a?.(!h)}catch(e){console.error(`切换关注状态失败`,e),g.error(h?`取消关注失败`:`关注失败`)}finally{f(!1)}})()})},[h,t.user_id,a,d,o]);return m?null:i===`grid`?w(`button`,{type:`button`,"aria-label":h?`取消关注`:`关注`,className:`flex size-[24px] shrink-0 items-center justify-center rounded-full transition-opacity ${h?`bg-white/15 text-white`:`bg-black/30 text-white/75`} ${d?`opacity-50`:``}`,onClick:_,children:w(h?S:C,{className:`size-[14px]`})}):T(`button`,{type:`button`,className:`flex h-[24px] shrink-0 items-center justify-center rounded-full transition-opacity ${h?`border border-white/25 bg-white/10 px-[8px] text-white/85`:`w-[64px] border border-white/60 bg-black/20 text-white/60`} ${d?`opacity-50`:``}`,onClick:_,children:[!h&&w(C,{className:`mr-[2px] size-[16px]`}),w(s,{className:h?`text-[12px] leading-[18px]`:`text-[14px] leading-[20px]`,children:h?`已关注`:`关注`})]})}const M=_(({item:e,onFollowChange:t})=>{let n=h(e),r=m(e),i=p(e.follower_count);return T(a,{className:`flex w-full items-center gap-[8px]`,children:[T(D,{href:`/profile/${e.user_id||``}`,className:`flex min-w-0 flex-1 items-center gap-[8px]`,children:[w(A,{src:e.avatar,alt:n||`用户头像`,variant:`row`}),T(a,{className:`min-w-0 max-w-[194px] flex-1`,children:[w(s,{className:`block truncate text-[14px] leading-[20px] font-normal text-white`,children:n}),w(s,{className:`mt-[2px] block truncate text-[14px] leading-[20px] text-white/60`,children:r}),T(s,{className:`mt-[2px] block truncate text-[14px] leading-[20px] text-white/60`,children:[`粉丝：`,i]})]})]}),w(j,{item:e,variant:`row`,onFollowChange:t})]})});M.displayName=`SearchUserRowCard`;const N=_(({item:e,onFollowChange:t})=>{let n=h(e),r=m(e);return T(a,{className:`h-[170px] rounded-[8px] bg-white/10 px-[16px] py-[16px]`,children:[T(a,{className:`flex items-start justify-between`,children:[w(D,{href:`/profile/${e.user_id||``}`,className:`flex items-center`,children:w(A,{src:e.avatar,alt:n||`用户头像`,variant:`grid`})}),w(j,{item:e,variant:`grid`,onFollowChange:t})]}),T(D,{href:`/profile/${e.user_id||``}`,className:`mt-[16px] block`,children:[w(s,{className:`block truncate text-[14px] leading-[20px] font-medium text-white`,children:n}),w(s,{className:`mt-[8px] block text-[14px] leading-[20px] text-white/60 line-clamp-4`,children:r})]})]})});N.displayName=`SearchUserGridCard`;const P={background:`linear-gradient(180deg, rgba(255,30,255,0.8) 0%, rgba(108,67,238,0) 100%), linear-gradient(145deg, rgba(255,30,172,0.6) 2.9%, rgba(108,67,238,0) 100%), linear-gradient(180deg, rgba(151,86,227,1) 0%, rgba(108,67,238,1) 100%)`,WebkitMask:`linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0)`,WebkitMaskComposite:`xor`,maskComposite:`exclude`,padding:`0.5px`},F=_(({item:e,isFirst:t,onFollowChange:n})=>T(a,{className:`relative flex h-[88px] items-center rounded-[8px] bg-white/10 px-[12px] py-[8px]`,children:[t&&w(a,{className:`pointer-events-none absolute inset-0 rounded-[8px]`,style:P}),w(M,{item:e,onFollowChange:n})]}));F.displayName=`SearchUserCard`;function I(){return w(a,{className:`flex flex-col gap-[12px] px-[16px]`,children:Array.from({length:6}).map((e,t)=>T(a,{className:`flex h-[88px] items-center gap-[8px] rounded-[8px] bg-white/8 px-[12px] py-[8px]`,children:[w(c,{className:`size-[56px] shrink-0 rounded-full bg-white/10`}),T(a,{className:`min-w-0 flex-1`,children:[w(c,{className:`h-[20px] w-[100px] rounded-[4px] bg-white/10`}),w(c,{className:`mt-[4px] h-[20px] w-[160px] rounded-[4px] bg-white/10`}),w(c,{className:`mt-[4px] h-[20px] w-[80px] rounded-[4px] bg-white/10`})]}),w(c,{className:`h-[24px] w-[64px] shrink-0 rounded-full bg-white/10`})]},`search-user-row-skeleton-${t}`))})}const L=_(({inputVal:e,sort:n,refreshVersion:r})=>{let i=E(`components.pages.search.searchResult`),[s,c]=x({});y(()=>{c({})},[e,r,n]);let u=v(async r=>await t({data_type:2,extra_params:JSON.stringify({type:4,keywords:e,sort:n}),page:r||1,page_size:20}),[e,n]),d=l({key:b(()=>[`search-result`,`user`,e,n,r],[e,r,n]),initialPageParam:1,async queryFn(e){return(await u(e))?.data?.users??{has_more:!1,total:0,list:[]}},getNextPageParam(e,t){if(e.has_more)return t.length+1}}),p=b(()=>(d.data?.pages??[]).flatMap(e=>e.list??[]).map(e=>{let t=String(e.user_id||``).trim();return!t||s[t]===void 0?e:{...e,is_following:s[t]}}),[s,d.data?.pages]),m=!!((d.isPending||d.isFetching)&&p.length===0),h=v((e,t)=>{e&&c(n=>({...n,[e]:t?1:0}))},[]),g=v(async()=>{try{await d.fetchNextPage()}catch(e){console.error(`获取用户搜索结果失败`,e)}},[d]);return m?w(I,{}):p.length===0?w(f,{text:i(`searchUser.emptyResult`)}):T(a,{className:`w-full pb-[24px]`,children:[w(a,{className:`flex flex-col gap-[12px] no-vw-x-16`,children:p.map((e,t)=>w(F,{item:e,isFirst:t===0,onFollowChange:t=>{h(String(e.user_id||``),t)}},String(e.user_id??t)))}),d.hasNextPage&&w(o,{loadMore:async e=>g(),hasMore:d.hasNextPage,className:`w-full`})]})});L.displayName=`SearchUser`;export{M as SearchUserRowCard,L as default};