@funhub/platform 0.1.127 → 0.1.130

package/dist/components/pages/publish/utils/file-upload.mjs

@@ -1,2 +1,156 @@
 
-"use client";import{getCoverImage as e,getImageResolutionFromFile as t}from"../../../../utils/media.mjs";import{uploadFile as n}from"../../../../utils/upload-file.mjs";import{MAX_IMAGE_SIZE as r,MAX_VIDEO_SIZE as i}from"../constants.mjs";import{toast as a}from"sonner";async function o(e,t){let r=await n(e,e.type.includes(`video`)?2:1,t.encryptImages);return t.onProgress&&t.onProgress(1),{url:r.objectKey}}function s(e){let t=document.createElement(`input`);return t.style.position=`absolute`,t.style.left=`-9999px`,t.style.top=`-9999px`,t.style.opacity=`0`,t.multiple=e===`material`,t.type=`file`,e===`cover`?t.accept=`image/*`:e===`video`?t.accept=`video/*`:t.accept=`video/*,image/*`,t}function c(e,t){let n=t===`video`?i:r,a=t===`video`?`200MB`:`20MB`;return e.size>n?`${e.name} 超出大小限制（${a}）`:null}async function l(r,i,a){let o=r.type.includes(`video`),s=c(r,o?`video`:`image`);if(s)return{success:!1,error:s};try{let s={index:i+1,is_video:o,media_url:``};if(o){let[t,i,o,c]=await e(r);if(c<1)return{success:!1,error:`${r.name} 视频时长不能小于 1 秒`};let l=await n(r,2,!1);a?.(1,2);let u=await n(t,1,!0);return a?.(2,2),s.media_url=l.objectKey,s.cover_image=u.objectKey,s.video_resolution=`${i}x${o}`,s.cover_image_resolution=`${i}x${o}`,s.video_size=r.size,s.video_duration=c,{success:!0,data:s}}let{width:c,height:l}=await t(r),u=await n(r,1,!0);return a?.(1,1),s.media_url=u.objectKey,s.image_resolution=`${c}x${l}`,{success:!0,data:s}}catch(e){return console.error(e),{success:!1,error:`${r.name} 上传失败`}}}async function u(t,n,r){let i=c(t,`video`);if(i)return{success:!1,error:i};try{let[i,a,s,c]=await e(t);if(c<1)return{success:!1,error:`${t.name} 视频时长不能小于 1 秒`};let l=await o(t,{encryptImages:!1});n.setVideoUrl(l.url),r?.(1,2);let u=await o(i,{encryptImages:!0});return n.setCoverUrl(u.url),r?.(2,2),n.setCoverImageResolution(`${a}x${s}`),n.setResolution(`${a}x${s}`),n.setVideoDuration(c),n.setVideoSize(t.size),{success:!0}}catch{return{success:!1,error:`视频上传失败`}}}async function d(e,n,r){let i=c(e,`image`);if(i)return{success:!1,error:i};try{let i=await o(e,{encryptImages:!0});n.setCoverUrl(i.url),r?.(1,1);let{width:a,height:s}=await t(e);return n.setCoverImageResolution(`${a}x${s}`),{success:!0}}catch{return{success:!1,error:`封面上传失败`}}}export{s as createFileInput,d as processCoverFile,l as processMaterialFile,u as processVideoFile};
+'use client';
+
+import { getCoverImage, getImageResolutionFromFile } from "../../../../utils/media.mjs";
+import { uploadFile } from "../../../../utils/upload-file.mjs";
+import { MAX_IMAGE_SIZE, MAX_VIDEO_SIZE } from "../constants.mjs";
+import { toast } from "sonner";
+
+//#region components/pages/publish/utils/file-upload.ts
+/**
+* transformFileForBnc 包装函数，基于 uploadFile
+*/
+async function transformFileForBnc(file, options) {
+	const result = await uploadFile(file, file.type.includes("video") ? 2 : 1, options.encryptImages);
+	if (options.onProgress) options.onProgress(1);
+	return { url: result.objectKey };
+}
+/**
+* 创建文件输入元素
+*/
+function createFileInput(type) {
+	const input = document.createElement("input");
+	input.style.position = "absolute";
+	input.style.left = "-9999px";
+	input.style.top = "-9999px";
+	input.style.opacity = "0";
+	input.multiple = type === "material";
+	input.type = "file";
+	if (type === "cover") input.accept = "image/*";
+	else if (type === "video") input.accept = "video/*";
+	else input.accept = "video/*,image/*";
+	return input;
+}
+/**
+* 验证文件大小
+*/
+function validateFileSize(file, fileType) {
+	const maxSize = fileType === "video" ? MAX_VIDEO_SIZE : MAX_IMAGE_SIZE;
+	const sizeLimitText = fileType === "video" ? "200MB" : "20MB";
+	if (file.size > maxSize) return `${file.name} 超出大小限制（${sizeLimitText}）`;
+	return null;
+}
+/**
+* 处理素材文件（图片/视频）
+* 注意：当前实现被注释，需要根据实际需求实现
+*/
+async function processMaterialFile(file, index, onProgress) {
+	const isVideo = file.type.includes("video");
+	const sizeError = validateFileSize(file, isVideo ? "video" : "image");
+	if (sizeError) return {
+		success: false,
+		error: sizeError
+	};
+	try {
+		const materialItem = {
+			index: index + 1,
+			is_video: isVideo,
+			media_url: ""
+		};
+		if (isVideo) {
+			const [coverFile, width, height, duration] = await getCoverImage(file);
+			if (duration < 1) return {
+				success: false,
+				error: `${file.name} 视频时长不能小于 1 秒`
+			};
+			const videoResult = await uploadFile(file, 2, false);
+			onProgress?.(1, 2);
+			const coverResult = await uploadFile(coverFile, 1, true);
+			onProgress?.(2, 2);
+			materialItem.media_url = videoResult.objectKey;
+			materialItem.cover_image = coverResult.objectKey;
+			materialItem.video_resolution = `${width}x${height}`;
+			materialItem.cover_image_resolution = `${width}x${height}`;
+			materialItem.video_size = file.size;
+			materialItem.video_duration = duration;
+			return {
+				success: true,
+				data: materialItem
+			};
+		}
+		const { width, height } = await getImageResolutionFromFile(file);
+		const imageResult = await uploadFile(file, 1, true);
+		onProgress?.(1, 1);
+		materialItem.media_url = imageResult.objectKey;
+		materialItem.image_resolution = `${width}x${height}`;
+		return {
+			success: true,
+			data: materialItem
+		};
+	} catch (error) {
+		console.error(error);
+		return {
+			success: false,
+			error: `${file.name} 上传失败`
+		};
+	}
+}
+/**
+* 处理视频文件
+*/
+async function processVideoFile(file, callbacks, onProgress) {
+	const sizeError = validateFileSize(file, "video");
+	if (sizeError) return {
+		success: false,
+		error: sizeError
+	};
+	try {
+		const [coverFile, width, height, duration] = await getCoverImage(file);
+		if (duration < 1) return {
+			success: false,
+			error: `${file.name} 视频时长不能小于 1 秒`
+		};
+		const videoResult = await transformFileForBnc(file, { encryptImages: false });
+		callbacks.setVideoUrl(videoResult.url);
+		onProgress?.(1, 2);
+		const coverResult = await transformFileForBnc(coverFile, { encryptImages: true });
+		callbacks.setCoverUrl(coverResult.url);
+		onProgress?.(2, 2);
+		callbacks.setCoverImageResolution(`${width}x${height}`);
+		callbacks.setResolution(`${width}x${height}`);
+		callbacks.setVideoDuration(duration);
+		callbacks.setVideoSize(file.size);
+		return { success: true };
+	} catch {
+		return {
+			success: false,
+			error: "视频上传失败"
+		};
+	}
+}
+/**
+* 处理封面文件
+*/
+async function processCoverFile(file, callbacks, onProgress) {
+	const sizeError = validateFileSize(file, "image");
+	if (sizeError) return {
+		success: false,
+		error: sizeError
+	};
+	try {
+		const coverResult = await transformFileForBnc(file, { encryptImages: true });
+		callbacks.setCoverUrl(coverResult.url);
+		onProgress?.(1, 1);
+		const { width, height } = await getImageResolutionFromFile(file);
+		callbacks.setCoverImageResolution(`${width}x${height}`);
+		return { success: true };
+	} catch {
+		return {
+			success: false,
+			error: "封面上传失败"
+		};
+	}
+}
+
+//#endregion
+export { createFileInput, processCoverFile, processMaterialFile, processVideoFile };

package/dist/components/pages/publish/utils/publish-utils.mjs

@@ -1,2 +1,12 @@
 
-"use client";import"react";function e(e,t){return t.filter(t=>e.includes(`@${t.name}`)).map(e=>e.id)}export{e as filterAtUserNames};
+'use client';
+
+import "react";
+
+//#region components/pages/publish/utils/publish-utils.ts
+function filterAtUserNames(text, atUsers) {
+	return atUsers.filter((user) => text.includes(`@${user.name}`)).map((user) => user.id);
+}
+
+//#endregion
+export { filterAtUserNames };

package/dist/components/pages/search/hot-recommend.mjs

@@ -1,2 +1,186 @@
 
-"use client";import{useUserStore as e}from"../../../store/modules/user-store.mjs";import{gCommunityGetHotContentList as t,gContentGetHotVideoList as n}from"../../../service/generated/client.mjs";import{Image as r}from"../../ui/image.mjs";import{Box as i}from"../../ui/box.mjs";import{Skeleton as a}from"../../ui/skeleton.mjs";import{Text as o}from"../../ui/text.mjs";import{useRequest as s}from"../../../hooks/query/use-query.mjs";import{getPostDetailPagePath as c}from"../../../utils/tools.mjs";import l from"../../common/at-element/index.mjs";import{useCardDecoration as u}from"../../../hooks/use-card-decoration.mjs";import d from"../../ui/rate.mjs";import f from"./style.module.mjs";import{memo as p}from"react";import{jsx as m,jsxs as h}from"react/jsx-runtime";import{useTranslations as g}from"next-intl";import _ from"next/link";const v=p(({list:e})=>{let t=g(`components.pages.search`),{getCalculationScore:n}=u();return e.length===0?m(i,{className:`w-[324px] h-auto border rounded-[12px] shrink-0 p-[12px]`,style:{background:`linear-gradient( 156deg, rgba(254,201,207,0.5) 0%, rgba(254,201,207,0.1) 100%)`,borderColor:`rgba(255,119,131,0.2)`},children:h(i,{children:[m(o,{className:`leading-[26px] block text-theme5 text-[18px] font-bold`,children:t(`hotRecommend.hotVideosTitle`)}),h(`div`,{className:`flex flex-col gap-[8px]`,children:[m(a,{className:`w-full h-[28px] mt-[8px]`}),m(a,{className:`w-full h-[28px] mt-[8px]`}),m(a,{className:`w-full h-[28px] mt-[8px]`}),m(a,{className:`w-full h-[28px] mt-[8px]`}),m(a,{className:`w-full h-[28px] mt-[8px]`}),m(a,{className:`w-full h-[28px] mt-[8px]`}),m(a,{className:`w-full h-[28px] mt-[8px]`}),m(a,{className:`w-full h-[28px] mt-[8px]`}),m(a,{className:`w-full h-[28px] mt-[8px]`})]})]})}):h(i,{className:`w-[324px] h-auto border rounded-[12px] shrink-0 p-[12px]`,style:{background:`linear-gradient( 156deg, rgba(254,201,207,0.5) 0%, rgba(254,201,207,0.1) 100%)`,borderColor:`rgba(255,119,131,0.2)`},children:[m(o,{className:`leading-[26px] block text-theme5 text-[18px] font-bold`,children:t(`hotRecommend.hotVideosTitle`)}),e.map((e,t)=>h(_,{className:`w-full flex items-center justify-between mt-[12px] shrink-0`,href:c({id:e.video_id,contentType:0}),children:[h(i,{className:`w-[76px] h-[102px] rounded-[8px] overflow-hidden relative bg-bg2`,children:[m(r,{src:e.cover||``,fill:!0,alt:e.name||``,objectFit:`cover`}),m(i,{className:`w-[18px] h-[18px] rounded-tl-[8px] rounded-br-[8px] flex items-center justify-center overflow-hidden absolute left-0 top-0 z-[1]`,style:{background:t>2?`linear-gradient( 218deg, #909BB7 0%, #5D7198 100%)`:`linear-gradient( 175deg, #FD4C5E 0%, #F05D19 100%)`},children:m(o,{className:`text-[12px] leading-[12px] text-white`,children:t+1})})]}),h(i,{className:`flex-1 flex flex-col ml-[12px]`,children:[m(o,{className:`leading-[26px] text-text1 text-[18px] font-bold max-w-[200px] line-clamp-1 mb-[4px]`,children:e.name}),h(i,{className:`flex items-center`,style:{transform:`scale(0.6)`,transformOrigin:`left center`},children:[m(d,{allowHalf:!0,value:n({score:String(e.score??0)})}),m(o,{className:`ml-[8px] text-[24px] text-[#F59E0B] font-bold leading-[24px]`,children:e.score?(Number(e.score)/10).toFixed(1):0})]}),m(i,{className:`w-fit mt-[4px] h-[20px] leading-[20px] px-[6px] text-text2 text-[12px] bg-line1 rounded-[4px]`,children:e.cat_name})]})]},String(e.video_id??t)))]})}),y=p(({list:e})=>{let t=g(`components.pages.search`);return e.length===0?h(i,{className:`w-[324px] h-auto border rounded-[12px] shrink-0 p-[12px]`,style:{background:`linear-gradient( 156deg, rgba(153,215,255,0.5) 0%, rgba(153,215,255,0.1) 100%)`,borderColor:`rgba(31,167,255,0.2)`},children:[m(o,{className:`leading-[26px] block text-theme1 text-[18px] font-bold mb-[4px]`,children:t(`hotRecommend.hotPostsTitle`)}),h(`div`,{className:`flex flex-col gap-[8px]`,children:[m(a,{className:`w-full h-[28px] mt-[8px]`}),m(a,{className:`w-full h-[28px] mt-[8px]`}),m(a,{className:`w-full h-[28px] mt-[8px]`}),m(a,{className:`w-full h-[28px] mt-[8px]`}),m(a,{className:`w-full h-[28px] mt-[8px]`}),m(a,{className:`w-full h-[28px] mt-[8px]`}),m(a,{className:`w-full h-[28px] mt-[8px]`}),m(a,{className:`w-full h-[28px] mt-[8px]`}),m(a,{className:`w-full h-[28px] mt-[8px]`})]})]}):h(i,{className:`w-[324px] h-auto border rounded-[12px] shrink-0 p-[12px]`,style:{background:`linear-gradient( 156deg, rgba(153,215,255,0.5) 0%, rgba(153,215,255,0.1) 100%)`,borderColor:`rgba(31,167,255,0.2)`},children:[m(o,{className:`leading-[26px] block text-theme1 text-[18px] font-bold mb-[4px]`,children:t(`hotRecommend.hotPostsTitle`)}),e.map((e,t)=>h(_,{className:`w-full h-[48px] mt-[8px] flex items-center`,href:c({id:e.content_id,contentType:1}),children:[h(o,{className:`text-[16px] leading-[24px] font-bold ${t<3?`text-theme1`:`text-text3`}`,children:[t+1,`.`]}),m(o,{className:`ml-[8px] text-[16px] text-text1 leading-[24px] line-clamp-1 max-w-[260px] ${f.hotInfoTitle}`,children:m(l,{text:e.title??``,atUsers:[]})})]},String(e.content_id??t)))]})});function b({isShow:r}){let{userInfo:a}=e(),{data:o}=s([`hotVideo`],()=>n({user_id:a.user_id})),c=o?.data?.hot_video_list??[],{data:l}=s([`hotContent`],()=>t({user_id:a.user_id})),u=l?.data?.hot_content_list??[];return r?h(i,{className:`w-full px-[12px] flex gap-x-[12px] flex-nowrap pb-[24px] ${f.gScrollBoxX}`,children:[m(v,{list:c}),m(y,{list:u})]}):null}export{b as default};
+'use client';
+
+import { useUserStore } from "../../../store/modules/user-store.mjs";
+import { gCommunityGetHotContentList, gContentGetHotVideoList } from "../../../service/generated/client.mjs";
+import { Image } from "../../ui/image.mjs";
+import { Box } from "../../ui/box.mjs";
+import { Skeleton } from "../../ui/skeleton.mjs";
+import { Text } from "../../ui/text.mjs";
+import { useRequest } from "../../../hooks/query/use-query.mjs";
+import { getPostDetailPagePath } from "../../../utils/tools.mjs";
+import AtUserText from "../../common/at-element/index.mjs";
+import { useCardDecoration } from "../../../hooks/use-card-decoration.mjs";
+import Rate from "../../ui/rate.mjs";
+import style_module_default from "./style.module.mjs";
+import { memo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useTranslations } from "next-intl";
+import Link from "next/link";
+
+//#region components/pages/search/hot-recommend.tsx
+/**
+* 热门视频列表。
+*/
+const HotVideoList = memo(({ list }) => {
+	const t = useTranslations("components.pages.search");
+	const { getCalculationScore } = useCardDecoration();
+	if (list.length === 0) return /* @__PURE__ */ jsx(Box, {
+		className: "w-[324px] h-auto border rounded-[12px] shrink-0 p-[12px]",
+		style: {
+			background: "linear-gradient( 156deg, rgba(254,201,207,0.5) 0%, rgba(254,201,207,0.1) 100%)",
+			borderColor: "rgba(255,119,131,0.2)"
+		},
+		children: /* @__PURE__ */ jsxs(Box, { children: [/* @__PURE__ */ jsx(Text, {
+			className: "leading-[26px] block text-theme5 text-[18px] font-bold",
+			children: t("hotRecommend.hotVideosTitle")
+		}), /* @__PURE__ */ jsxs("div", {
+			className: "flex flex-col gap-[8px]",
+			children: [
+				/* @__PURE__ */ jsx(Skeleton, { className: "w-full h-[28px] mt-[8px]" }),
+				/* @__PURE__ */ jsx(Skeleton, { className: "w-full h-[28px] mt-[8px]" }),
+				/* @__PURE__ */ jsx(Skeleton, { className: "w-full h-[28px] mt-[8px]" }),
+				/* @__PURE__ */ jsx(Skeleton, { className: "w-full h-[28px] mt-[8px]" }),
+				/* @__PURE__ */ jsx(Skeleton, { className: "w-full h-[28px] mt-[8px]" }),
+				/* @__PURE__ */ jsx(Skeleton, { className: "w-full h-[28px] mt-[8px]" }),
+				/* @__PURE__ */ jsx(Skeleton, { className: "w-full h-[28px] mt-[8px]" }),
+				/* @__PURE__ */ jsx(Skeleton, { className: "w-full h-[28px] mt-[8px]" }),
+				/* @__PURE__ */ jsx(Skeleton, { className: "w-full h-[28px] mt-[8px]" })
+			]
+		})] })
+	});
+	return /* @__PURE__ */ jsxs(Box, {
+		className: "w-[324px] h-auto border rounded-[12px] shrink-0 p-[12px]",
+		style: {
+			background: "linear-gradient( 156deg, rgba(254,201,207,0.5) 0%, rgba(254,201,207,0.1) 100%)",
+			borderColor: "rgba(255,119,131,0.2)"
+		},
+		children: [/* @__PURE__ */ jsx(Text, {
+			className: "leading-[26px] block text-theme5 text-[18px] font-bold",
+			children: t("hotRecommend.hotVideosTitle")
+		}), list.map((item, index) => /* @__PURE__ */ jsxs(Link, {
+			className: "w-full flex items-center justify-between mt-[12px] shrink-0",
+			href: getPostDetailPagePath({
+				id: item.video_id,
+				contentType: 0
+			}),
+			children: [/* @__PURE__ */ jsxs(Box, {
+				className: "w-[76px] h-[102px] rounded-[8px] overflow-hidden relative bg-bg2",
+				children: [/* @__PURE__ */ jsx(Image, {
+					src: item.cover || "",
+					fill: true,
+					alt: item.name || "",
+					objectFit: "cover"
+				}), /* @__PURE__ */ jsx(Box, {
+					className: "w-[18px] h-[18px] rounded-tl-[8px] rounded-br-[8px] flex items-center justify-center overflow-hidden absolute left-0 top-0 z-[1]",
+					style: { background: index > 2 ? "linear-gradient( 218deg, #909BB7 0%, #5D7198 100%)" : "linear-gradient( 175deg, #FD4C5E 0%, #F05D19 100%)" },
+					children: /* @__PURE__ */ jsx(Text, {
+						className: "text-[12px] leading-[12px] text-white",
+						children: index + 1
+					})
+				})]
+			}), /* @__PURE__ */ jsxs(Box, {
+				className: "flex-1 flex flex-col ml-[12px]",
+				children: [
+					/* @__PURE__ */ jsx(Text, {
+						className: "leading-[26px] text-text1 text-[18px] font-bold max-w-[200px] line-clamp-1 mb-[4px]",
+						children: item.name
+					}),
+					/* @__PURE__ */ jsxs(Box, {
+						className: "flex items-center",
+						style: {
+							transform: "scale(0.6)",
+							transformOrigin: "left center"
+						},
+						children: [/* @__PURE__ */ jsx(Rate, {
+							allowHalf: true,
+							value: getCalculationScore({ score: String(item.score ?? 0) })
+						}), /* @__PURE__ */ jsx(Text, {
+							className: "ml-[8px] text-[24px] text-[#F59E0B] font-bold leading-[24px]",
+							children: item.score ? (Number(item.score) / 10).toFixed(1) : 0
+						})]
+					}),
+					/* @__PURE__ */ jsx(Box, {
+						className: "w-fit mt-[4px] h-[20px] leading-[20px] px-[6px] text-text2 text-[12px] bg-line1 rounded-[4px]",
+						children: item.cat_name
+					})
+				]
+			})]
+		}, String(item.video_id ?? index)))]
+	});
+});
+/**
+* 热门帖子列表。
+*/
+const HotInfoList = memo(({ list }) => {
+	const t = useTranslations("components.pages.search");
+	if (list.length === 0) return /* @__PURE__ */ jsxs(Box, {
+		className: "w-[324px] h-auto border rounded-[12px] shrink-0 p-[12px]",
+		style: {
+			background: "linear-gradient( 156deg, rgba(153,215,255,0.5) 0%, rgba(153,215,255,0.1) 100%)",
+			borderColor: "rgba(31,167,255,0.2)"
+		},
+		children: [/* @__PURE__ */ jsx(Text, {
+			className: "leading-[26px] block text-theme1 text-[18px] font-bold mb-[4px]",
+			children: t("hotRecommend.hotPostsTitle")
+		}), /* @__PURE__ */ jsxs("div", {
+			className: "flex flex-col gap-[8px]",
+			children: [
+				/* @__PURE__ */ jsx(Skeleton, { className: "w-full h-[28px] mt-[8px]" }),
+				/* @__PURE__ */ jsx(Skeleton, { className: "w-full h-[28px] mt-[8px]" }),
+				/* @__PURE__ */ jsx(Skeleton, { className: "w-full h-[28px] mt-[8px]" }),
+				/* @__PURE__ */ jsx(Skeleton, { className: "w-full h-[28px] mt-[8px]" }),
+				/* @__PURE__ */ jsx(Skeleton, { className: "w-full h-[28px] mt-[8px]" }),
+				/* @__PURE__ */ jsx(Skeleton, { className: "w-full h-[28px] mt-[8px]" }),
+				/* @__PURE__ */ jsx(Skeleton, { className: "w-full h-[28px] mt-[8px]" }),
+				/* @__PURE__ */ jsx(Skeleton, { className: "w-full h-[28px] mt-[8px]" }),
+				/* @__PURE__ */ jsx(Skeleton, { className: "w-full h-[28px] mt-[8px]" })
+			]
+		})]
+	});
+	return /* @__PURE__ */ jsxs(Box, {
+		className: "w-[324px] h-auto border rounded-[12px] shrink-0 p-[12px]",
+		style: {
+			background: "linear-gradient( 156deg, rgba(153,215,255,0.5) 0%, rgba(153,215,255,0.1) 100%)",
+			borderColor: "rgba(31,167,255,0.2)"
+		},
+		children: [/* @__PURE__ */ jsx(Text, {
+			className: "leading-[26px] block text-theme1 text-[18px] font-bold mb-[4px]",
+			children: t("hotRecommend.hotPostsTitle")
+		}), list.map((item, index) => /* @__PURE__ */ jsxs(Link, {
+			className: "w-full h-[48px] mt-[8px] flex items-center",
+			href: getPostDetailPagePath({
+				id: item.content_id,
+				contentType: 1
+			}),
+			children: [/* @__PURE__ */ jsxs(Text, {
+				className: `text-[16px] leading-[24px] font-bold ${index < 3 ? "text-theme1" : "text-text3"}`,
+				children: [index + 1, "."]
+			}), /* @__PURE__ */ jsx(Text, {
+				className: `ml-[8px] text-[16px] text-text1 leading-[24px] line-clamp-1 max-w-[260px] ${style_module_default.hotInfoTitle}`,
+				children: /* @__PURE__ */ jsx(AtUserText, {
+					text: item.title ?? "",
+					atUsers: []
+				})
+			})]
+		}, String(item.content_id ?? index)))]
+	});
+});
+/**
+* 搜索页热门推荐模块。
+*/
+function HotRecommend({ isShow }) {
+	const { userInfo } = useUserStore();
+	const { data: _hotVideoData } = useRequest(["hotVideo"], () => gContentGetHotVideoList({ user_id: userInfo.user_id }));
+	const videoList = _hotVideoData?.data?.hot_video_list ?? [];
+	const { data: _hotContentData } = useRequest(["hotContent"], () => gCommunityGetHotContentList({ user_id: userInfo.user_id }));
+	const infoList = _hotContentData?.data?.hot_content_list ?? [];
+	if (!isShow) return null;
+	return /* @__PURE__ */ jsxs(Box, {
+		className: `w-full px-[12px] flex gap-x-[12px] flex-nowrap pb-[24px] ${style_module_default.gScrollBoxX}`,
+		children: [/* @__PURE__ */ jsx(HotVideoList, { list: videoList }), /* @__PURE__ */ jsx(HotInfoList, { list: infoList })]
+	});
+}
+
+//#endregion
+export { HotRecommend as default };

package/dist/components/pages/search/hot-search.mjs

@@ -1,2 +1,71 @@
 
-"use client";import{Skeleton as e}from"../../ui/skeleton.mjs";import t from"../../../assets/icons/refresh.mjs";import{useCallback as n,useEffect as r,useMemo as i,useReducer as a,useState as o}from"react";import{Fragment as s,jsx as c,jsxs as l}from"react/jsx-runtime";import{useTranslations as u}from"next-intl";function d(){return c(s,{children:Array.from({length:6}).map((t,n)=>c(`div`,{className:`w-[50%] ${n%2==0?`pr-[4px]`:`pl-[4px]`}`,children:c(e,{className:`w-[70%] h-[22px]`})},`hot-search-skeleton-${n}`))})}function f(e,t){return t}function p({initHotSearchKeywordList:e,onClick:s,onRefreshHotKey:p}){let m=u(`components.pages.search`),[h,g]=a(f,e),[_,v]=o(!1),y=n(async()=>{v(!0),g((await p?.())?.data?.recommend_list??[]),v(!1)},[p]),b=i(()=>_||h.length===0,[_,h]);return r(()=>{g(e)},[e]),l(`div`,{className:`w-full mb-[24px] pt-[8px]`,children:[l(`div`,{className:`w-full pl-[12px] h-[24px] mb-[12px] flex items-center justify-between`,children:[c(`span`,{className:`leading-[24px] text-[16px] text-text1 font-semibold`,children:m(`hotSearch.recommendedSearches`)}),c(`div`,{className:`h-full px-[12px] flex items-center`,onClick:y,children:c(t,{className:`w-[16px] h-[16px] text-text2`})})]}),c(`div`,{className:`w-full px-[12px] flex gap-y-[16px] flex-wrap`,children:b?c(d,{}):h.map((e,t)=>c(`div`,{className:`w-[50%] ${t%2==0?`pr-[4px]`:`pl-[4px]`}`,onClick:()=>s?.(e),children:c(`span`,{className:`text-text1 text-[14px] leading-[22px] max-w-[90%] line-clamp-1`,children:e.title})},String(e.title??t)))})]})}export{p as default};
+'use client';
+
+import { Skeleton } from "../../ui/skeleton.mjs";
+import SvgRefresh from "../../../assets/icons/refresh.mjs";
+import { useCallback, useEffect, useMemo, useReducer, useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { useTranslations } from "next-intl";
+
+//#region components/pages/search/hot-search.tsx
+/**
+* 推荐搜索加载态骨架屏。
+*/
+function HotSearchSkeleton() {
+	return /* @__PURE__ */ jsx(Fragment$1, { children: Array.from({ length: 6 }).map((_, index) => /* @__PURE__ */ jsx("div", {
+		className: `w-[50%] ${index % 2 === 0 ? "pr-[4px]" : "pl-[4px]"}`,
+		children: /* @__PURE__ */ jsx(Skeleton, { className: "w-[70%] h-[22px]" })
+	}, `hot-search-skeleton-${index}`)) });
+}
+/**
+* 热搜列表状态更新器。
+*/
+function hotSearchReducer(_prevList, nextList) {
+	return nextList;
+}
+/**
+* 推荐搜索关键字列表。
+*/
+function HotSearch({ initHotSearchKeywordList, onClick, onRefreshHotKey }) {
+	const t = useTranslations("components.pages.search");
+	const [hotSearchList, dispatchHotSearchList] = useReducer(hotSearchReducer, initHotSearchKeywordList);
+	const [isRefreshLoading, setIsRefreshLoading] = useState(false);
+	const refreshHotSearchList = useCallback(async () => {
+		setIsRefreshLoading(true);
+		dispatchHotSearchList((await onRefreshHotKey?.())?.data?.recommend_list ?? []);
+		setIsRefreshLoading(false);
+	}, [onRefreshHotKey]);
+	const isLoading = useMemo(() => {
+		return isRefreshLoading || hotSearchList.length === 0;
+	}, [isRefreshLoading, hotSearchList]);
+	useEffect(() => {
+		dispatchHotSearchList(initHotSearchKeywordList);
+	}, [initHotSearchKeywordList]);
+	return /* @__PURE__ */ jsxs("div", {
+		className: "w-full mb-[24px] pt-[8px]",
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "w-full pl-[12px] h-[24px] mb-[12px] flex items-center justify-between",
+			children: [/* @__PURE__ */ jsx("span", {
+				className: "leading-[24px] text-[16px] text-text1 font-semibold",
+				children: t("hotSearch.recommendedSearches")
+			}), /* @__PURE__ */ jsx("div", {
+				className: "h-full px-[12px] flex items-center",
+				onClick: refreshHotSearchList,
+				children: /* @__PURE__ */ jsx(SvgRefresh, { className: "w-[16px] h-[16px] text-text2" })
+			})]
+		}), /* @__PURE__ */ jsx("div", {
+			className: "w-full px-[12px] flex gap-y-[16px] flex-wrap",
+			children: isLoading ? /* @__PURE__ */ jsx(HotSearchSkeleton, {}) : hotSearchList.map((item, index) => /* @__PURE__ */ jsx("div", {
+				className: `w-[50%] ${index % 2 === 0 ? "pr-[4px]" : "pl-[4px]"}`,
+				onClick: () => onClick?.(item),
+				children: /* @__PURE__ */ jsx("span", {
+					className: "text-text1 text-[14px] leading-[22px] max-w-[90%] line-clamp-1",
+					children: item.title
+				})
+			}, String(item.title ?? index)))
+		})]
+	});
+}
+
+//#endregion
+export { HotSearch as default };

package/dist/components/pages/search/index.mjs

@@ -1,2 +1,18 @@
 
-import e from"./page-client.mjs";import{Suspense as t}from"react";import{jsx as n}from"react/jsx-runtime";async function r({fallback:r}={}){return n(t,{fallback:r??null,children:n(e,{})})}export{r as SearchPage};
+import SearchPageClient from "./page-client.mjs";
+import { Suspense } from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region components/pages/search/index.tsx
+/**
+* 搜索页入口。
+*/
+async function SearchPage({ fallback } = {}) {
+	return /* @__PURE__ */ jsx(Suspense, {
+		fallback: fallback ?? null,
+		children: /* @__PURE__ */ jsx(SearchPageClient, {})
+	});
+}
+
+//#endregion
+export { SearchPage };

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

@@ -1,2 +1,160 @@
 
-"use client";import{updateUrlParams as e}from"../../../utils/common.mjs";import t from"../../../utils/event-bus.mjs";import{useUserStore as n}from"../../../store/modules/user-store.mjs";import{gContentGetRecommendSearchList as r}from"../../../service/generated/client.mjs";import{Text as i}from"../../ui/text.mjs";import{useRequest as a}from"../../../hooks/query/use-query.mjs";import{eventKey as o}from"../../../constants/event-key.mjs";import{useSearchHistory as s}from"../../../hooks/use-search-history.mjs";import{SearchHistoryClient as c}from"../../biz/business/search-history/client.mjs";import l from"./hot-recommend.mjs";import u from"./hot-search.mjs";import d from"./search-result/index.mjs";import f from"./top-header.mjs";import{memo as p,useEffect as m,useMemo as h,useState as g}from"react";import{Fragment as _,jsx as v,jsxs as y}from"react/jsx-runtime";import{useTranslations as b}from"next-intl";import{usePathname as x,useRouter as S,useSearchParams as C}from"next/navigation";const w=[{labelKey:`tabs.all`,value:`all`},{labelKey:`tabs.video`,value:`video`},{labelKey:`tabs.post`,value:`info`},{labelKey:`tabs.user`,value:`user`}],T=p(({searchType:e,onChange:t,tabList:n})=>v(`nav`,{className:`w-full h-[42px] bg-bg1 flex items-center px-[3px] sticky top-[53px] left-0 z-50`,children:n.map(n=>v(i,{className:`h-[30px] rounded-[15px] leading-[30px] px-[9px] text-[16px] bg-transparent transition-all duration-150 ${e===n.value?`text-theme5 !text-[20px] font-bold`:`text-text2`}`,onClick:()=>{e!==n.value&&t(n.value)},children:n.label},n.value))}));function E(){let i=b(`components.pages.search.pageClient`),{userInfo:p}=n(),E=p?.user_id||`guest`,D=C(),O=x(),k=S(),A=D.get(`q`)?.toString()||``,{data:j,refetch:M}=a([`hotSearchKey`],()=>r({user_id:E})),N=h(()=>j?.data?.recommend_list??[],[j]),[P,F]=g(A),I=h(()=>w.map(e=>({value:e.value,label:i(e.labelKey)})),[i]),[L,R]=g(A),[z,B]=g(0),[V,H]=g(w[0].value),[,U]=g([]),{history:W,addHistory:G}=s({storageKey:E}),K=h(()=>P.trim()===``?N.length>0||W.length>0||P.trim()===``:!1,[N,P,W]),q=h(()=>P.trim()!==``&&!K,[P,K]);return m(()=>(t.on(o.EXCHANGE_SEARCH_TYPE,H),()=>{t.off(o.EXCHANGE_SEARCH_TYPE,H)}),[H]),y(`div`,{className:`w-full min-h-screen bg-bg1 pb-[12px]`,children:[v(f,{setSearchInputVal:t=>{t!==P&&(U([]),F(t),e({q:t}))},initInputVal:L,initInputVersion:z,addSearchHistory:G}),K&&y(`div`,{className:`w-full pt-[8px]`,children:[W.length>0&&v(c,{title:i(`searchHistory`),rows:2,storageKey:E,onHistoryClick:e=>{R(e),B(e=>e+1);let t=new URLSearchParams(D.toString());t.set(`q`,e),k.push(`${O}?${t.toString()}`)}}),v(u,{initHotSearchKeywordList:N,onRefreshHotKey:async()=>(await M()).data??{code:0,message:``,data:{recommend_list:[]}},onClick:e=>{R(e.title||``),B(e=>e+1),G(e.title)}})]}),v(l,{isShow:P.trim()===``}),q&&y(_,{children:[v(T,{searchType:V,tabList:I,onChange:e=>{H(e),U([])}}),v(d,{inputVal:P,searchType:V},`${V}-${P}`)]})]})}export{E as default};
+'use client';
+
+import { updateUrlParams } from "../../../utils/common.mjs";
+import eventBus from "../../../utils/event-bus.mjs";
+import { useUserStore } from "../../../store/modules/user-store.mjs";
+import { gContentGetRecommendSearchList } from "../../../service/generated/client.mjs";
+import { Text } from "../../ui/text.mjs";
+import { useRequest } from "../../../hooks/query/use-query.mjs";
+import { eventKey } from "../../../constants/event-key.mjs";
+import { useSearchHistory } from "../../../hooks/use-search-history.mjs";
+import { SearchHistoryClient } from "../../biz/business/search-history/client.mjs";
+import HotRecommend from "./hot-recommend.mjs";
+import HotSearch from "./hot-search.mjs";
+import SearchResult from "./search-result/index.mjs";
+import SearchTopHeader from "./top-header.mjs";
+import { memo, useEffect, useMemo, useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { useTranslations } from "next-intl";
+import { usePathname, useRouter, useSearchParams } from "next/navigation";
+
+//#region components/pages/search/page-client.tsx
+const searchTabList = [
+	{
+		labelKey: "tabs.all",
+		value: "all"
+	},
+	{
+		labelKey: "tabs.video",
+		value: "video"
+	},
+	{
+		labelKey: "tabs.post",
+		value: "info"
+	},
+	{
+		labelKey: "tabs.user",
+		value: "user"
+	}
+];
+/**
+* 搜索类型切换 Tab。
+*/
+const SearchTab = memo(({ searchType, onChange, tabList }) => {
+	return /* @__PURE__ */ jsx("nav", {
+		className: "w-full h-[42px] bg-bg1 flex items-center px-[3px] sticky top-[53px] left-0 z-50",
+		children: tabList.map((item) => /* @__PURE__ */ jsx(Text, {
+			className: `h-[30px] rounded-[15px] leading-[30px] px-[9px] text-[16px] bg-transparent transition-all duration-150 ${searchType === item.value ? "text-theme5 !text-[20px] font-bold" : "text-text2"}`,
+			onClick: () => {
+				if (searchType === item.value) return;
+				onChange(item.value);
+			},
+			children: item.label
+		}, item.value))
+	});
+});
+function SearchPageClient() {
+	const t = useTranslations("components.pages.search.pageClient");
+	const { userInfo } = useUserStore();
+	const userId = userInfo?.user_id || "guest";
+	const searchParams = useSearchParams();
+	const pathname = usePathname();
+	const router = useRouter();
+	const initialQuery = searchParams.get("q")?.toString() || "";
+	const { data: _hotSearchKeywordData, refetch } = useRequest(["hotSearchKey"], () => {
+		return gContentGetRecommendSearchList({ user_id: userId });
+	});
+	const hotSearchKeywordList = useMemo(() => {
+		return _hotSearchKeywordData?.data?.recommend_list ?? [];
+	}, [_hotSearchKeywordData]);
+	const [searchInputVal, setSearchInputVal] = useState(initialQuery);
+	const localizedSearchTabList = useMemo(() => {
+		return searchTabList.map((item) => ({
+			value: item.value,
+			label: t(item.labelKey)
+		}));
+	}, [t]);
+	const [initInputVal, setInitInputVal] = useState(initialQuery);
+	const [initInputVersion, setInitInputVersion] = useState(0);
+	const [searchType, setSearchType] = useState(searchTabList[0].value);
+	const [, setQueryVideoList] = useState([]);
+	const { history, addHistory } = useSearchHistory({ storageKey: userId });
+	const showHotEle = useMemo(() => {
+		if (searchInputVal.trim() !== "") return false;
+		return hotSearchKeywordList.length > 0 || history.length > 0 || searchInputVal.trim() === "";
+	}, [
+		hotSearchKeywordList,
+		searchInputVal,
+		history
+	]);
+	const showSearchResult = useMemo(() => {
+		return searchInputVal.trim() !== "" && !showHotEle;
+	}, [searchInputVal, showHotEle]);
+	useEffect(() => {
+		eventBus.on(eventKey.EXCHANGE_SEARCH_TYPE, setSearchType);
+		return () => {
+			eventBus.off(eventKey.EXCHANGE_SEARCH_TYPE, setSearchType);
+		};
+	}, [setSearchType]);
+	return /* @__PURE__ */ jsxs("div", {
+		className: "w-full min-h-screen bg-bg1 pb-[12px]",
+		children: [
+			/* @__PURE__ */ jsx(SearchTopHeader, {
+				setSearchInputVal: (val) => {
+					if (val === searchInputVal) return;
+					setQueryVideoList([]);
+					setSearchInputVal(val);
+					updateUrlParams({ q: val });
+				},
+				initInputVal,
+				initInputVersion,
+				addSearchHistory: addHistory
+			}),
+			showHotEle && /* @__PURE__ */ jsxs("div", {
+				className: "w-full pt-[8px]",
+				children: [history.length > 0 && /* @__PURE__ */ jsx(SearchHistoryClient, {
+					title: t("searchHistory"),
+					rows: 2,
+					storageKey: userId,
+					onHistoryClick: (keyword) => {
+						setInitInputVal(keyword);
+						setInitInputVersion((version) => version + 1);
+						const params = new URLSearchParams(searchParams.toString());
+						params.set("q", keyword);
+						router.push(`${pathname}?${params.toString()}`);
+					}
+				}), /* @__PURE__ */ jsx(HotSearch, {
+					initHotSearchKeywordList: hotSearchKeywordList,
+					onRefreshHotKey: async () => {
+						return (await refetch()).data ?? {
+							code: 0,
+							message: "",
+							data: { recommend_list: [] }
+						};
+					},
+					onClick: (tag) => {
+						setInitInputVal(tag.title || "");
+						setInitInputVersion((version) => version + 1);
+						addHistory(tag.title);
+					}
+				})]
+			}),
+			/* @__PURE__ */ jsx(HotRecommend, { isShow: searchInputVal.trim() === "" }),
+			showSearchResult && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(SearchTab, {
+				searchType,
+				tabList: localizedSearchTabList,
+				onChange: (type) => {
+					setSearchType(type);
+					setQueryVideoList([]);
+				}
+			}), /* @__PURE__ */ jsx(SearchResult, {
+				inputVal: searchInputVal,
+				searchType
+			}, `${searchType}-${searchInputVal}`)] })
+		]
+	});
+}
+
+//#endregion
+export { SearchPageClient as default };

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

@@ -1,2 +1,23 @@
 
-"use client";import e from"./search-user.mjs";import t from"./search-video-info.mjs";import n from"./search-all.mjs";import{jsx as r}from"react/jsx-runtime";function i({searchType:i,inputVal:a}){return i===`user`?r(e,{inputVal:a}):i===`all`?r(n,{inputVal:a}):r(t,{searchType:i,inputVal:a})}export{i as default};
+'use client';
+
+import SearchUser from "./search-user.mjs";
+import SearchInfoOrVideoList from "./search-video-info.mjs";
+import SearchAll from "./search-all.mjs";
+import { jsx } from "react/jsx-runtime";
+
+//#region components/pages/search/search-result/index.tsx
+/**
+* 搜索结果内容区域。
+*/
+function SearchResult({ searchType, inputVal }) {
+	if (searchType === "user") return /* @__PURE__ */ jsx(SearchUser, { inputVal });
+	if (searchType === "all") return /* @__PURE__ */ jsx(SearchAll, { inputVal });
+	return /* @__PURE__ */ jsx(SearchInfoOrVideoList, {
+		searchType,
+		inputVal
+	});
+}
+
+//#endregion
+export { SearchResult as default };