@funhub/platform 0.2.31 → 0.2.33

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

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

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

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

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

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

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

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

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

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