@funhub/platform 0.2.30 → 0.2.31

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,193 @@
 
-"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{Text as a}from"../../ui/text.mjs";import{Skeleton as o}from"../../ui/skeleton.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{trackSearchMediaRecommendClick as p}from"./tracking.mjs";import{memo as m}from"react";import{jsx as h,jsxs as g}from"react/jsx-runtime";import{useTranslations as _}from"next-intl";import v from"next/link";const y=m(({list:e})=>{let t=_(`components.pages.search`),{getCalculationScore:n}=u();return e.length===0?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:g(i,{children:[h(a,{className:`leading-[26px] block text-theme5 text-[18px] font-bold`,children:t(`hotRecommend.hotVideosTitle`)}),g(`div`,{className:`flex flex-col gap-[8px]`,children:[h(o,{className:`w-full h-[28px] mt-[8px]`}),h(o,{className:`w-full h-[28px] mt-[8px]`}),h(o,{className:`w-full h-[28px] mt-[8px]`}),h(o,{className:`w-full h-[28px] mt-[8px]`}),h(o,{className:`w-full h-[28px] mt-[8px]`}),h(o,{className:`w-full h-[28px] mt-[8px]`}),h(o,{className:`w-full h-[28px] mt-[8px]`}),h(o,{className:`w-full h-[28px] mt-[8px]`}),h(o,{className:`w-full h-[28px] mt-[8px]`})]})]})}):g(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(a,{className:`leading-[26px] block text-theme5 text-[18px] font-bold`,children:t(`hotRecommend.hotVideosTitle`)}),e.map((e,t)=>g(v,{className:`w-full flex items-center justify-between mt-[12px] shrink-0`,href:c({id:e.video_id,contentType:0}),onClick:()=>{p(String(e.video_id??``))},children:[g(i,{className:`w-[76px] h-[102px] rounded-[8px] overflow-hidden relative bg-bg2`,children:[h(r,{src:e.cover||``,fill:!0,alt:e.name||``,objectFit:`cover`}),h(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:h(a,{className:`text-[12px] leading-[12px] text-white`,children:t+1})})]}),g(i,{className:`flex-1 flex flex-col ml-[12px]`,children:[h(a,{className:`leading-[26px] text-text1 text-[18px] font-bold max-w-[200px] line-clamp-1 mb-[4px]`,children:e.name}),g(i,{className:`flex items-center`,style:{transform:`scale(0.6)`,transformOrigin:`left center`},children:[h(d,{allowHalf:!0,value:n({score:String(e.score??0)})}),h(a,{className:`ml-[8px] text-[24px] text-[#F59E0B] font-bold leading-[24px]`,children:e.score?(Number(e.score)/10).toFixed(1):0})]}),h(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)))]})}),b=m(({list:e})=>{let t=_(`components.pages.search`);return e.length===0?g(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:[h(a,{className:`leading-[26px] block text-theme1 text-[18px] font-bold mb-[4px]`,children:t(`hotRecommend.hotPostsTitle`)}),g(`div`,{className:`flex flex-col gap-[8px]`,children:[h(o,{className:`w-full h-[28px] mt-[8px]`}),h(o,{className:`w-full h-[28px] mt-[8px]`}),h(o,{className:`w-full h-[28px] mt-[8px]`}),h(o,{className:`w-full h-[28px] mt-[8px]`}),h(o,{className:`w-full h-[28px] mt-[8px]`}),h(o,{className:`w-full h-[28px] mt-[8px]`}),h(o,{className:`w-full h-[28px] mt-[8px]`}),h(o,{className:`w-full h-[28px] mt-[8px]`}),h(o,{className:`w-full h-[28px] mt-[8px]`})]})]}):g(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:[h(a,{className:`leading-[26px] block text-theme1 text-[18px] font-bold mb-[4px]`,children:t(`hotRecommend.hotPostsTitle`)}),e.map((e,t)=>g(v,{className:`w-full h-[48px] mt-[8px] flex items-center`,href:c({id:e.content_id,contentType:1}),onClick:()=>{p(String(e.content_id??``))},children:[g(a,{className:`text-[16px] leading-[24px] font-bold ${t<3?`text-theme1`:`text-text3`}`,children:[t+1,`.`]}),h(a,{className:`ml-[8px] text-[16px] text-text1 leading-[24px] line-clamp-1 max-w-[260px] ${f.hotInfoTitle}`,children:h(l,{text:e.title??``,atUsers:[]})})]},String(e.content_id??t)))]})});function x({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?g(i,{className:`w-full px-[12px] flex gap-x-[12px] flex-nowrap pb-[24px] ${f.gScrollBoxX}`,children:[h(y,{list:c}),h(b,{list:u})]}):null}export{x 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 { Text } from "../../ui/text.mjs";
+import { Skeleton } from "../../ui/skeleton.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 { trackSearchMediaRecommendClick } from "./tracking.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
+			}),
+			onClick: () => {
+				trackSearchMediaRecommendClick(String(item.video_id ?? ""));
+			},
+			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
+			}),
+			onClick: () => {
+				trackSearchMediaRecommendClick(String(item.content_id ?? ""));
+			},
+			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 no-vw-x-16 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 no-vw-pl-16 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 no-vw-x-16 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 };