@funhub/platform 0.2.30 → 0.2.31

package/dist/components/biz/business/comment/time-display.mjs

@@ -1,2 +1,21 @@
 
-"use client";import{Time as e}from"../../../ui/time.mjs";import{jsx as t}from"react/jsx-runtime";function n({timestamp:n,className:r}){return t(e,{value:n,className:r,mode:`relative`,unit:`second`})}export{n as TimeDisplay};
+'use client';
+
+import { Time } from "../../../ui/time.mjs";
+import { jsx } from "react/jsx-runtime";
+
+//#region components/biz/business/comment/time-display.tsx
+/**
+* 评论时间显示组件，统一复用 UI Time 的相对时间能力。
+*/
+function TimeDisplay({ timestamp, className }) {
+	return /* @__PURE__ */ jsx(Time, {
+		value: timestamp,
+		className,
+		mode: "relative",
+		unit: "second"
+	});
+}
+
+//#endregion
+export { TimeDisplay };

package/dist/components/biz/business/comment/use-keyboard-handler.mjs

@@ -1,2 +1,143 @@
 
-"use client";import{debounceFun as e,isMobileDevice as t}from"../../../../utils/common.mjs";import{useCallback as n,useEffect as r,useMemo as i,useRef as a,useState as o}from"react";function s(s=!0){let[c,l]=o({isVisible:!1,height:0,animationDuration:100}),[u,d]=o(!1),f=a(s?window.innerHeight:0),p=a(null),m=a(null),h=a(!1),g=a(null);r(()=>{s&&f.current===0&&(f.current=window.innerHeight)},[s]);let _=n(e=>{l(t=>({...t,...e}))},[]),v=n(()=>{if(!p.current||!m.current||!u)return!1;let e=p.current.getBoundingClientRect(),t=m.current;return Math.abs(e.top-t.top)>10},[u]),y=n(()=>{if(!s||!t())return{height:0};if(`visualViewport`in window&&window.visualViewport){let e=window.visualViewport.height,t=f.current-e;if(t>100)return g.current&&clearTimeout(g.current),g.current=window.setTimeout(()=>{requestAnimationFrame(()=>{v()?_({height:0}):_({height:t}),h.current=!1})},200),h.current=!0,{height:0}}else if(u)return{height:280};return{height:0}},[v,s,u,_]);r(()=>{if(!s||!t()||!(`visualViewport`in window))return;let n=e(()=>{if(h.current)return;let e=y();!h.current&&e.height!==void 0&&_({height:e.height})},100);return window.visualViewport?.addEventListener(`resize`,n),()=>window.visualViewport?.removeEventListener(`resize`,n)},[s,y,_]),r(()=>{if(u){if(p.current&&requestAnimationFrame(()=>{p.current&&(m.current=p.current.getBoundingClientRect())}),!(`visualViewport`in window)){let e=y();e.height!==void 0&&_({height:e.height})}}else m.current=null,g.current&&=(clearTimeout(g.current),null),h.current=!1},[u,y,_]);let b=n(()=>{d(!0),_({isVisible:!0})},[_]),x=n(()=>{d(!1),_({isVisible:!1,height:0})},[_]),S=n(e=>{p.current=e},[]);return{keyboardState:c,containerStyle:i(()=>({position:`fixed`,left:0,right:0,bottom:s?c.height:0,zIndex:100,transition:s?`all ${c.animationDuration}ms ease-out`:`none`,boxShadow:c.isVisible?`0px -4px 10px 0px rgba(0,0,0,0.1)`:`none`,transform:`translate3d(0, 0, 0)`,WebkitTransform:`translate3d(0, 0, 0)`,backfaceVisibility:`hidden`,WebkitBackfaceVisibility:`hidden`}),[s,c.animationDuration,c.height,c.isVisible]),onFocus:b,onBlur:x,inputRef:S}}export{s as useKeyboardHandler};
+'use client';
+
+import { debounceFun, isMobileDevice } from "../../../../utils/common.mjs";
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+
+//#region components/biz/business/comment/use-keyboard-handler.ts
+function useKeyboardHandler(enabled = true) {
+	const [keyboardState, setKeyboardState] = useState({
+		isVisible: false,
+		height: 0,
+		animationDuration: 100
+	});
+	const [isFocused, setIsFocused] = useState(false);
+	const initialViewportHeight = useRef(enabled ? window.innerHeight : 0);
+	const inputElement = useRef(null);
+	const initialInputRect = useRef(null);
+	const isDetecting = useRef(false);
+	const detectionTimer = useRef(null);
+	useEffect(() => {
+		if (enabled && initialViewportHeight.current === 0) initialViewportHeight.current = window.innerHeight;
+	}, [enabled]);
+	const updateKeyboardState = useCallback((next) => {
+		setKeyboardState((prev) => ({
+			...prev,
+			...next
+		}));
+	}, []);
+	const checkInputPosition = useCallback(() => {
+		if (!inputElement.current || !initialInputRect.current || !isFocused) return false;
+		const currentRect = inputElement.current.getBoundingClientRect();
+		const initialRect = initialInputRect.current;
+		return Math.abs(currentRect.top - initialRect.top) > 10;
+	}, [isFocused]);
+	const smartKeyboardAdaptation = useCallback(() => {
+		if (!enabled || !isMobileDevice()) return { height: 0 };
+		if ("visualViewport" in window && window.visualViewport) {
+			const currentViewportHeight = window.visualViewport.height;
+			const keyboardHeight = initialViewportHeight.current - currentViewportHeight;
+			if (keyboardHeight > 100) {
+				if (detectionTimer.current) clearTimeout(detectionTimer.current);
+				detectionTimer.current = window.setTimeout(() => {
+					requestAnimationFrame(() => {
+						if (checkInputPosition()) updateKeyboardState({ height: 0 });
+						else updateKeyboardState({ height: keyboardHeight });
+						isDetecting.current = false;
+					});
+				}, 200);
+				isDetecting.current = true;
+				return { height: 0 };
+			}
+		} else if (isFocused) return { height: 280 };
+		return { height: 0 };
+	}, [
+		checkInputPosition,
+		enabled,
+		isFocused,
+		updateKeyboardState
+	]);
+	useEffect(() => {
+		if (!enabled || !isMobileDevice() || !("visualViewport" in window)) return;
+		const handleViewportChange = debounceFun(() => {
+			if (isDetecting.current) return;
+			const result = smartKeyboardAdaptation();
+			if (!isDetecting.current && result.height !== void 0) updateKeyboardState({ height: result.height });
+		}, 100);
+		window.visualViewport?.addEventListener("resize", handleViewportChange);
+		return () => window.visualViewport?.removeEventListener("resize", handleViewportChange);
+	}, [
+		enabled,
+		smartKeyboardAdaptation,
+		updateKeyboardState
+	]);
+	useEffect(() => {
+		if (isFocused) {
+			if (inputElement.current) requestAnimationFrame(() => {
+				if (inputElement.current) initialInputRect.current = inputElement.current.getBoundingClientRect();
+			});
+			if (!("visualViewport" in window)) {
+				const result = smartKeyboardAdaptation();
+				if (result.height !== void 0) updateKeyboardState({ height: result.height });
+			}
+		} else {
+			initialInputRect.current = null;
+			if (detectionTimer.current) {
+				clearTimeout(detectionTimer.current);
+				detectionTimer.current = null;
+			}
+			isDetecting.current = false;
+		}
+	}, [
+		isFocused,
+		smartKeyboardAdaptation,
+		updateKeyboardState
+	]);
+	const onFocus = useCallback(() => {
+		setIsFocused(true);
+		updateKeyboardState({ isVisible: true });
+	}, [updateKeyboardState]);
+	const onBlur = useCallback(() => {
+		setIsFocused(false);
+		updateKeyboardState({
+			isVisible: false,
+			height: 0
+		});
+	}, [updateKeyboardState]);
+	const inputRef = useCallback((node) => {
+		inputElement.current = node;
+	}, []);
+	return {
+		keyboardState,
+		containerStyle: useMemo(() => {
+			/**
+			* 对齐 web-monorepo `useKeyboardHandler`：
+			* 容器始终 `fixed` 固定在底部，仅在 `enabled` 时参与键盘高度检测与动效。
+			*/
+			return {
+				position: "fixed",
+				left: 0,
+				right: 0,
+				bottom: enabled ? keyboardState.height : 0,
+				zIndex: 100,
+				transition: enabled ? `all ${keyboardState.animationDuration}ms ease-out` : "none",
+				boxShadow: keyboardState.isVisible ? "0px -4px 10px 0px rgba(0,0,0,0.1)" : "none",
+				transform: "translate3d(0, 0, 0)",
+				WebkitTransform: "translate3d(0, 0, 0)",
+				backfaceVisibility: "hidden",
+				WebkitBackfaceVisibility: "hidden"
+			};
+		}, [
+			enabled,
+			keyboardState.animationDuration,
+			keyboardState.height,
+			keyboardState.isVisible
+		]),
+		onFocus,
+		onBlur,
+		inputRef
+	};
+}
+
+//#endregion
+export { useKeyboardHandler };

package/dist/components/biz/business/contact/contact-item.mjs

@@ -1,2 +1,46 @@
 
-"use client";import{Image as e}from"../../../ui/image.mjs";import{memo as t}from"react";import{jsx as n,jsxs as r}from"react/jsx-runtime";const i=t(({user:t,onSelect:i})=>{function a(){i(t)}return n(`div`,{className:`h-[74px] flex items-center justify-between bg-bg1 px-4 border-b border-line1`,onClick:a,children:r(`div`,{className:`flex items-center`,children:[n(e,{src:t.avatar,alt:`avatar`,width:40,height:40,className:`w-[40px] h-[40px] rounded-full`}),r(`div`,{className:`ml-[8px] flex flex-col flex-1 w-[80%]`,children:[n(`p`,{className:`text-[16px] text-text1 font-bold line-clamp-1`,children:t.name}),n(`p`,{className:`text-[14px] min-h-[1em] text-text1 line-clamp-1`,children:t.signature||``})]})]})})});i.displayName=`ContactItem`;export{i as ContactItem};
+'use client';
+
+import { Image } from "../../../ui/image.mjs";
+import { memo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region components/biz/business/contact/contact-item.tsx
+/**
+* 联系人条目组件。
+*/
+const ContactItem = memo(({ user, onSelect }) => {
+	/**
+	* 选择联系人。
+	*/
+	function handleSelect() {
+		onSelect(user);
+	}
+	return /* @__PURE__ */ jsx("div", {
+		className: "h-[74px] flex items-center justify-between bg-bg1 px-4 border-b border-line1",
+		onClick: handleSelect,
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "flex items-center",
+			children: [/* @__PURE__ */ jsx(Image, {
+				src: user.avatar,
+				alt: "avatar",
+				width: 40,
+				height: 40,
+				className: "w-[40px] h-[40px] rounded-full"
+			}), /* @__PURE__ */ jsxs("div", {
+				className: "ml-[8px] flex flex-col flex-1 w-[80%]",
+				children: [/* @__PURE__ */ jsx("p", {
+					className: "text-[16px] text-text1 font-bold line-clamp-1",
+					children: user.name
+				}), /* @__PURE__ */ jsx("p", {
+					className: "text-[14px] min-h-[1em] text-text1 line-clamp-1",
+					children: user.signature || ""
+				})]
+			})]
+		})
+	});
+});
+ContactItem.displayName = "ContactItem";
+
+//#endregion
+export { ContactItem };

package/dist/components/biz/business/contact/contact-list.mjs

@@ -1,2 +1,213 @@
 
-"use client";import{useUserStore as e}from"../../../../store/modules/user-store.mjs";import{gInteractionGetFollowingList as t,pCommunitySearchCurAccountFollowingUsersInfo as n}from"../../../../service/generated/client.mjs";import{Box as r}from"../../../ui/box.mjs";import{InfiniteScroll as i}from"../../../ui/infinite-scroll.mjs";import{Text as a}from"../../../ui/text.mjs";import o from"../../../ui/loading.mjs";import{usePaginated as s}from"../../../../hooks/query/use-query.mjs";import{ContactItem as c}from"./contact-item.mjs";import l from"../../../../assets/icons/empty/img-empty-adduser.mjs";import{ContactSearch as u}from"./contact-search.mjs";import{useMemo as d,useState as f}from"react";import{jsx as p,jsxs as m}from"react/jsx-runtime";import{useTranslations as h}from"next-intl";function g(e){let t=e.user_brief;return{user_id:String(t?.user_id||``),name:t?.nickname||t?.username||``,avatar:t?.avatar_url||``,signature:t?.signature||``}}function _({onClose:_,onSelect:v}){let y=h(`components.biz.business.contact`),{userInfo:b}=e(),x=String(b.user_id||``),[S,C]=f(``),w=S.length>0,{data:T,fetchNextPage:E,hasNextPage:D,isLoading:O}=s({key:[`contact-list`,`following`,x],queryFn:e=>t({page:e,page_size:20,user_id:x}),getNextPageParam:(e,t)=>{let n=e.data.following||[],r=Number(e.data.total??0),i=t.reduce((e,t)=>e+(t.data.following||[]).length,0);if(r>0&&i>=r)return;let a=new Set;for(let e of t.slice(0,-1))for(let t of e.data.following||[]){let e=String(t?.user_brief?.user_id||``);e&&a.add(e)}if(!(!n.some(e=>{let t=String(e?.user_brief?.user_id||``);return!t||a.has(t)?!1:(a.add(t),!0)})&&t.length>1)&&!(n.length<20)&&!(t.length>=150))return t.length+1},options:{enabled:!!x},initialPageParam:1}),{data:k,fetchNextPage:A,hasNextPage:j,isLoading:M}=s({key:[`contact-list`,`search`,x,S],queryFn:e=>n({user_id:x,keyword:S,page_size:20,page:e}),getNextPageParam:(e,t)=>{if(e.data?.has_more===!1)return;let n=e.data?.following||[],r=Number(e.data?.total??0),i=t.reduce((e,t)=>e+(t.data?.following||[]).length,0);if(r>0&&i>=r)return;let a=new Set;for(let e of t.slice(0,-1))for(let t of e.data?.following||[]){let e=String(t?.user_brief?.user_id||``);e&&a.add(e)}if(!(!n.some(e=>{let t=String(e?.user_brief?.user_id||``);return!t||a.has(t)?!1:(a.add(t),!0)})&&t.length>1)&&!(n.length<20)&&!(t.length>=150))return t.length+1},options:{enabled:w&&!!x},initialPageParam:1}),N=d(()=>{let e=T?.pages??[],t=[];for(let n of e){let e=n.data?.following??[];t.push(...e)}return t},[T?.pages]),P=d(()=>{if(!w||!k?.pages)return[];let e=[];for(let t of k.pages){let n=t.data?.following??[];e.push(...n.map(e=>({name:e.user_brief?.username||``,avatar:e.user_brief?.avatar_url||``,user_id:e.user_id||e.user_brief?.user_id||``,...e})))}return e},[w,k?.pages]),F=w?P.map(e=>g(e)):N.map(e=>g(e)),I=w?!!j:!!D,L=w?M:O,R=y(w?`contactList.noSearchResult`:`contactList.noFollowingUsers`);function z(e){C(e)}function B(e){v(e),_()}function V(){P.length===0?_():C(``)}function H(e){return m(r,{className:`flex flex-col items-center justify-center py-12`,children:[p(l,{className:`w-[145px] h-[145px]`}),p(a,{className:`mt-[12px] text-[14px] text-text2`,children:e})]})}return m(r,{className:`w-full bg-bg2 h-[90vh] flex flex-col`,children:[p(u,{searchHandler:z,onCancel:V,searchList:P}),p(r,{className:`flex-1 overflow-y-auto`,children:m(r,{className:`flex flex-col`,children:[!w&&N.length>0&&p(r,{className:`mt-[12px] px-[16px]`,children:p(a,{children:y(`contactList.myFollowing`)})}),L&&F.length===0?p(r,{className:`flex items-center justify-center pt-[58px]`,children:p(o,{size:`medium`})}):p(r,{className:`mt-[10px] flex flex-col flex-1`,children:m(i,{loadMore:()=>w?A().then(()=>void 0):E().then(()=>void 0),hasMore:I,noMoreText:F.length?y(`contactList.noMore`):``,children:[F.map((e,t)=>p(r,{children:p(c,{user:e,onSelect:B,value:w?S:``})},`${e.user_id}-${t}`)),F.length===0&&H(R)]})})]})})]})}export{_ as ContactList};
+'use client';
+
+import { useUserStore } from "../../../../store/modules/user-store.mjs";
+import { gInteractionGetFollowingList, pCommunitySearchCurAccountFollowingUsersInfo } from "../../../../service/generated/client.mjs";
+import { Box } from "../../../ui/box.mjs";
+import { InfiniteScroll } from "../../../ui/infinite-scroll.mjs";
+import { Text } from "../../../ui/text.mjs";
+import Loading from "../../../ui/loading.mjs";
+import { usePaginated } from "../../../../hooks/query/use-query.mjs";
+import { ContactItem } from "./contact-item.mjs";
+import SvgImgEmptyAdduser from "../../../../assets/icons/empty/img-empty-adduser.mjs";
+import { ContactSearch } from "./contact-search.mjs";
+import { useMemo, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useTranslations } from "next-intl";
+
+//#region components/biz/business/contact/contact-list.tsx
+const PAGE_SIZE = 20;
+/**
+* 将 API 返回的用户信息转换为 ContactUser
+*/
+function mapApiUserToUser(followInfo) {
+	const userBrief = followInfo.user_brief;
+	return {
+		user_id: String(userBrief?.user_id || ""),
+		name: userBrief?.nickname || userBrief?.username || "",
+		avatar: userBrief?.avatar_url || "",
+		signature: userBrief?.signature || ""
+	};
+}
+/**
+* 联系人列表（用于 @ 提及）。
+*/
+function ContactList({ onClose, onSelect }) {
+	const t = useTranslations("components.biz.business.contact");
+	const { userInfo } = useUserStore();
+	const userId = String(userInfo.user_id || "");
+	const [searchValue, setSearchValue] = useState("");
+	const isSearch = searchValue.length > 0;
+	const { data: followingData, fetchNextPage: fetchNextFollowingPage, hasNextPage: hasNextFollowingPage, isLoading: isLoadingFollowing } = usePaginated({
+		key: [
+			"contact-list",
+			"following",
+			userId
+		],
+		queryFn: (pageParam) => gInteractionGetFollowingList({
+			page: pageParam,
+			page_size: PAGE_SIZE,
+			user_id: userId
+		}),
+		getNextPageParam: (last, all) => {
+			const responseData = last.data.following || [];
+			const total = Number(last.data.total ?? 0);
+			const loaded = all.reduce((sum, page) => sum + (page.data.following || []).length, 0);
+			if (total > 0 && loaded >= total) return;
+			const prevIds = /* @__PURE__ */ new Set();
+			for (const page of all.slice(0, -1)) for (const info of page.data.following || []) {
+				const id = String(info?.user_brief?.user_id || "");
+				if (id) prevIds.add(id);
+			}
+			if (!responseData.some((info) => {
+				const id = String(info?.user_brief?.user_id || "");
+				if (!id) return false;
+				if (prevIds.has(id)) return false;
+				prevIds.add(id);
+				return true;
+			}) && all.length > 1) return;
+			if (responseData.length < PAGE_SIZE) return;
+			if (all.length >= 150) return;
+			return all.length + 1;
+		},
+		options: { enabled: !!userId },
+		initialPageParam: 1
+	});
+	const { data: searchData, fetchNextPage: fetchNextSearchPage, hasNextPage: hasNextSearchPage, isLoading: isLoadingSearch } = usePaginated({
+		key: [
+			"contact-list",
+			"search",
+			userId,
+			searchValue
+		],
+		queryFn: (page) => pCommunitySearchCurAccountFollowingUsersInfo({
+			user_id: userId,
+			keyword: searchValue,
+			page_size: PAGE_SIZE,
+			page
+		}),
+		getNextPageParam: (last, all) => {
+			if (last.data?.has_more === false) return;
+			const responseData = last.data?.following || [];
+			const total = Number(last.data?.total ?? 0);
+			const loaded = all.reduce((sum, page) => sum + (page.data?.following || []).length, 0);
+			if (total > 0 && loaded >= total) return;
+			const prevIds = /* @__PURE__ */ new Set();
+			for (const page of all.slice(0, -1)) for (const info of page.data?.following || []) {
+				const id = String(info?.user_brief?.user_id || "");
+				if (id) prevIds.add(id);
+			}
+			if (!responseData.some((info) => {
+				const id = String(info?.user_brief?.user_id || "");
+				if (!id) return false;
+				if (prevIds.has(id)) return false;
+				prevIds.add(id);
+				return true;
+			}) && all.length > 1) return;
+			if (responseData.length < PAGE_SIZE) return;
+			if (all.length >= 150) return;
+			return all.length + 1;
+		},
+		options: { enabled: isSearch && Boolean(userId) },
+		initialPageParam: 1
+	});
+	const followingList = useMemo(() => {
+		const pages = followingData?.pages ?? [];
+		const result = [];
+		for (const page of pages) {
+			const apiList = page.data?.following ?? [];
+			result.push(...apiList);
+		}
+		return result;
+	}, [followingData?.pages]);
+	const searchList = useMemo(() => {
+		if (!isSearch || !searchData?.pages) return [];
+		const result = [];
+		for (const page of searchData.pages) {
+			const apiList = page.data?.following ?? [];
+			result.push(...apiList.map((item) => {
+				return {
+					name: item.user_brief?.username || "",
+					avatar: item.user_brief?.avatar_url || "",
+					user_id: item.user_id || item.user_brief?.user_id || "",
+					...item
+				};
+			}));
+		}
+		return result;
+	}, [isSearch, searchData?.pages]);
+	const currentList = isSearch ? searchList.map((item) => mapApiUserToUser(item)) : followingList.map((item) => mapApiUserToUser(item));
+	const currentHasMore = isSearch ? Boolean(hasNextSearchPage) : Boolean(hasNextFollowingPage);
+	const currentIsLoading = isSearch ? isLoadingSearch : isLoadingFollowing;
+	const emptyText = isSearch ? t("contactList.noSearchResult") : t("contactList.noFollowingUsers");
+	/**
+	* 搜索处理。
+	*/
+	function searchHandler(value) {
+		setSearchValue(value);
+	}
+	/**
+	* 选择联系人。
+	*/
+	function handleSelect(item) {
+		onSelect(item);
+		onClose();
+	}
+	/**
+	* 搜索取消/关闭。
+	*/
+	function handleSearchCancel() {
+		if (searchList.length === 0) onClose();
+		else setSearchValue("");
+	}
+	/**
+	* 空状态展示。
+	*/
+	function renderEmptyState(text) {
+		return /* @__PURE__ */ jsxs(Box, {
+			className: "flex flex-col items-center justify-center py-12",
+			children: [/* @__PURE__ */ jsx(SvgImgEmptyAdduser, { className: "w-[145px] h-[145px]" }), /* @__PURE__ */ jsx(Text, {
+				className: "mt-[12px] text-[14px] text-text2",
+				children: text
+			})]
+		});
+	}
+	return /* @__PURE__ */ jsxs(Box, {
+		className: "w-full bg-bg2 h-[90vh] flex flex-col",
+		children: [/* @__PURE__ */ jsx(ContactSearch, {
+			searchHandler,
+			onCancel: handleSearchCancel,
+			searchList
+		}), /* @__PURE__ */ jsx(Box, {
+			className: "flex-1 overflow-y-auto",
+			children: /* @__PURE__ */ jsxs(Box, {
+				className: "flex flex-col",
+				children: [!isSearch && followingList.length > 0 && /* @__PURE__ */ jsx(Box, {
+					className: "mt-[12px] px-[16px]",
+					children: /* @__PURE__ */ jsx(Text, { children: t("contactList.myFollowing") })
+				}), currentIsLoading && currentList.length === 0 ? /* @__PURE__ */ jsx(Box, {
+					className: "flex items-center justify-center pt-[58px]",
+					children: /* @__PURE__ */ jsx(Loading, { size: "medium" })
+				}) : /* @__PURE__ */ jsx(Box, {
+					className: "mt-[10px] flex flex-col flex-1",
+					children: /* @__PURE__ */ jsxs(InfiniteScroll, {
+						loadMore: () => {
+							if (isSearch) return fetchNextSearchPage().then(() => void 0);
+							else return fetchNextFollowingPage().then(() => void 0);
+						},
+						hasMore: currentHasMore,
+						noMoreText: currentList.length ? t("contactList.noMore") : "",
+						children: [currentList.map((item, index) => /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(ContactItem, {
+							user: item,
+							onSelect: handleSelect,
+							value: isSearch ? searchValue : ""
+						}) }, `${item.user_id}-${index}`)), currentList.length === 0 && renderEmptyState(emptyText)]
+					})
+				})]
+			})
+		})]
+	});
+}
+
+//#endregion
+export { ContactList };

package/dist/components/biz/business/contact/contact-search.mjs

@@ -1,2 +1,129 @@
 
-"use client";import{Box as e}from"../../../ui/box.mjs";import{Text as t}from"../../../ui/text.mjs";import n from"../../../ui/legacy/input.mjs";import{useState as r}from"react";import{jsx as i,jsxs as a}from"react/jsx-runtime";import{useTranslations as o}from"next-intl";function s({focus:r,value:o,searchList:s,onValueChange:c,onFocus:l,onBlur:u,onKeyUp:d,onCancel:f,onContainerClick:p,placeholder:m,cancelText:h,closeText:g}){function _(e){c(e),e.length===0&&setTimeout(()=>{},0)}function v(){c(``),f()}return a(e,{className:`h-[58px] bg-bg1 flex items-center justify-between px-[12px] gap-3`,onClick:p,children:[i(n,{type:`search`,value:o,onChange:_,onKeyUp:d,onFocus:l,onBlur:u,autoFocus:r,className:`h-[38px] rounded-[20px] bg-bg2 !text-[14px] text-text3`,placeholder:m}),i(t,{className:`text-[16px] text-text1 cursor-pointer whitespace-nowrap`,onClick:v,children:s.length>0?h:g})]})}function c({searchHandler:t,onCancel:n,searchList:a}){let c=o(`components.biz.business.contact`),[l,u]=r(!1),[d,f]=r(``);function p(e){e.key===`Enter`&&t(e.currentTarget.value)}function m(e){f(e),e.length===0&&t(``)}function h(){u(!0)}function g(){u(!1)}function _(e){e.stopPropagation()}function v(){u(!1)}return l?i(e,{className:`bg-black/50`,onClick:v,children:i(s,{focus:!0,value:d,searchList:a,onValueChange:m,onFocus:h,onBlur:g,onKeyUp:p,onCancel:n,onContainerClick:_,placeholder:c(`contactSearch.placeholder`),cancelText:c(`contactSearch.cancel`),closeText:c(`contactSearch.close`)})}):i(s,{focus:!1,value:d,searchList:a,onValueChange:m,onFocus:h,onBlur:g,onKeyUp:p,onCancel:n,onContainerClick:_,placeholder:c(`contactSearch.placeholder`),cancelText:c(`contactSearch.cancel`),closeText:c(`contactSearch.close`)})}export{c as ContactSearch};
+'use client';
+
+import { Box } from "../../../ui/box.mjs";
+import { Text } from "../../../ui/text.mjs";
+import Input from "../../../ui/legacy/input.mjs";
+import { useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useTranslations } from "next-intl";
+
+//#region components/biz/business/contact/contact-search.tsx
+/**
+* 搜索输入框组件
+*/
+function SearchInput({ focus, value, searchList, onValueChange, onFocus, onBlur, onKeyUp, onCancel, onContainerClick, placeholder, cancelText, closeText }) {
+	/**
+	* 处理输入变化。
+	*/
+	function handleChange(newValue) {
+		onValueChange(newValue);
+		if (newValue.length === 0) setTimeout(() => {}, 0);
+	}
+	/**
+	* 取消按钮点击。
+	*/
+	function handleCancelClick() {
+		onValueChange("");
+		onCancel();
+	}
+	return /* @__PURE__ */ jsxs(Box, {
+		className: "h-[58px] bg-bg1 flex items-center justify-between px-[12px] gap-3",
+		onClick: onContainerClick,
+		children: [/* @__PURE__ */ jsx(Input, {
+			type: "search",
+			value,
+			onChange: handleChange,
+			onKeyUp,
+			onFocus,
+			onBlur,
+			autoFocus: focus,
+			className: "h-[38px] rounded-[20px] bg-bg2 !text-[14px] text-text3",
+			placeholder
+		}), /* @__PURE__ */ jsx(Text, {
+			className: "text-[16px] text-text1 cursor-pointer whitespace-nowrap",
+			onClick: handleCancelClick,
+			children: searchList.length > 0 ? cancelText : closeText
+		})]
+	});
+}
+/**
+* 联系人搜索输入框。
+*/
+function ContactSearch({ searchHandler, onCancel, searchList }) {
+	const t = useTranslations("components.biz.business.contact");
+	const [visible, setVisible] = useState(false);
+	const [value, setValue] = useState("");
+	/**
+	* 处理回车搜索（无样式效果）。
+	*/
+	function handleKeyUp(event) {
+		if (event.key === "Enter") searchHandler(event.currentTarget.value);
+	}
+	/**
+	* 处理输入变化。
+	*/
+	function handleChange(newValue) {
+		setValue(newValue);
+		if (newValue.length === 0) searchHandler("");
+	}
+	/**
+	* 输入框聚焦。
+	*/
+	function handleFocus() {
+		setVisible(true);
+	}
+	/**
+	* 输入框失焦。
+	*/
+	function handleBlur() {
+		setVisible(false);
+	}
+	/**
+	* 阻止点击冒泡到遮罩层。
+	*/
+	function handleContainerClick(event) {
+		event.stopPropagation();
+	}
+	/**
+	* 点击遮罩关闭。
+	*/
+	function handleMaskClick() {
+		setVisible(false);
+	}
+	if (!visible) return /* @__PURE__ */ jsx(SearchInput, {
+		focus: false,
+		value,
+		searchList,
+		onValueChange: handleChange,
+		onFocus: handleFocus,
+		onBlur: handleBlur,
+		onKeyUp: handleKeyUp,
+		onCancel,
+		onContainerClick: handleContainerClick,
+		placeholder: t("contactSearch.placeholder"),
+		cancelText: t("contactSearch.cancel"),
+		closeText: t("contactSearch.close")
+	});
+	return /* @__PURE__ */ jsx(Box, {
+		className: "bg-black/50",
+		onClick: handleMaskClick,
+		children: /* @__PURE__ */ jsx(SearchInput, {
+			focus: true,
+			value,
+			searchList,
+			onValueChange: handleChange,
+			onFocus: handleFocus,
+			onBlur: handleBlur,
+			onKeyUp: handleKeyUp,
+			onCancel,
+			onContainerClick: handleContainerClick,
+			placeholder: t("contactSearch.placeholder"),
+			cancelText: t("contactSearch.cancel"),
+			closeText: t("contactSearch.close")
+		})
+	});
+}
+
+//#endregion
+export { ContactSearch };