@funhub/platform 0.2.30 → 0.2.31

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

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

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

@@ -1,2 +1,96 @@
 
-"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 px-[16px] 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};
+'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 };

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

@@ -1,2 +1,316 @@
 
-"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] px-[16px]`,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};
+'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 };