@funhub/platform 0.2.29 → 0.2.31

package/dist/components/biz/business/search-bar/variants/tag-search-bar/schema/props.schema.mjs

@@ -1,2 +1,145 @@
 
-import{defaultProps as e}from"../defaults/default-props.mjs";const t={gap:{type:`number`,title:`间距`,description:`Logo 和 Search 之间的间距（像素）`,default:e.gap,minimum:0,maximum:32},logo:{type:`object`,title:`Logo 配置`,description:`Logo 组件的配置项`,properties:{logoSrc:{type:`string`,title:`Logo图片地址`,default:e.logo.logoSrc},logoAlt:{type:`string`,title:`Logo图片描述`,default:e.logo.logoAlt},logoWidth:{type:`number`,title:`Logo宽度`,default:e.logo.logoWidth},logoHeight:{type:`number`,title:`Logo高度`,default:e.logo.logoHeight},sourceType:{type:`number`,title:`频道来源类型`,default:e.logo.sourceType},popoverPlacement:{type:`enum`,title:`弹出位置`,enum:[`bottom-start`,`bottom`,`bottom-end`],enumNames:[`左下`,`下方`,`右下`],default:e.logo.popoverPlacement},popoverWidth:{type:`number`,title:`弹出菜单宽度`,default:e.logo.popoverWidth},maxHeight:{type:`number`,title:`最大高度`,default:e.logo.maxHeight},itemHeight:{type:`number`,title:`菜单项高度`,default:e.logo.itemHeight},currentChannelId:{type:`string`,title:`当前频道ID`,default:e.logo.currentChannelId}}},search:{type:`object`,title:`搜索配置`,description:`搜索组件的配置项`,properties:{placeholder:{type:`string`,title:`占位符`,default:e.search.placeholder},searchUrl:{type:`string`,title:`搜索链接`,default:e.search.searchUrl},iconSize:{type:`number`,title:`图标大小`,default:e.search.iconSize,minimum:12,maximum:32},showPlaceholderText:{type:`boolean`,title:`显示占位符文本`,default:e.search.showPlaceholderText},borderColor:{type:`string`,title:`边框颜色`,default:e.search.borderColor},tags:{type:`array`,title:`标签列表`,description:`右侧显示的标签列表`,default:e.search.tags,items:{type:`object`,title:`标签项`,properties:{tag_name:{type:`string`,title:`标签文本`,description:`标签显示的文本`},url:{type:`string`,title:`标签链接`,description:`点击标签跳转的URL地址（可选）`},tag_id:{type:`string`,title:`标签ID`,description:`标签的唯一标识（可选）`}}}}}}};export{t as propsSchema};
+import { defaultProps } from "../defaults/default-props.mjs";
+
+//#region components/biz/business/search-bar/variants/tag-search-bar/schema/props.schema.ts
+const propsSchema = {
+	gap: {
+		type: "number",
+		title: "间距",
+		description: "Logo 和 Search 之间的间距（像素）",
+		default: defaultProps.gap,
+		minimum: 0,
+		maximum: 32
+	},
+	logo: {
+		type: "object",
+		title: "Logo 配置",
+		description: "Logo 组件的配置项",
+		properties: {
+			logoSrc: {
+				type: "string",
+				title: "Logo图片地址",
+				default: defaultProps.logo.logoSrc
+			},
+			logoAlt: {
+				type: "string",
+				title: "Logo图片描述",
+				default: defaultProps.logo.logoAlt
+			},
+			logoWidth: {
+				type: "number",
+				title: "Logo宽度",
+				default: defaultProps.logo.logoWidth
+			},
+			logoHeight: {
+				type: "number",
+				title: "Logo高度",
+				default: defaultProps.logo.logoHeight
+			},
+			sourceType: {
+				type: "number",
+				title: "频道来源类型",
+				default: defaultProps.logo.sourceType
+			},
+			popoverPlacement: {
+				type: "enum",
+				title: "弹出位置",
+				enum: [
+					"bottom-start",
+					"bottom",
+					"bottom-end"
+				],
+				enumNames: [
+					"左下",
+					"下方",
+					"右下"
+				],
+				default: defaultProps.logo.popoverPlacement
+			},
+			popoverWidth: {
+				type: "number",
+				title: "弹出菜单宽度",
+				default: defaultProps.logo.popoverWidth
+			},
+			maxHeight: {
+				type: "number",
+				title: "最大高度",
+				default: defaultProps.logo.maxHeight
+			},
+			itemHeight: {
+				type: "number",
+				title: "菜单项高度",
+				default: defaultProps.logo.itemHeight
+			},
+			currentChannelId: {
+				type: "string",
+				title: "当前频道ID",
+				default: defaultProps.logo.currentChannelId
+			}
+		}
+	},
+	search: {
+		type: "object",
+		title: "搜索配置",
+		description: "搜索组件的配置项",
+		properties: {
+			placeholder: {
+				type: "string",
+				title: "占位符",
+				default: defaultProps.search.placeholder
+			},
+			searchUrl: {
+				type: "string",
+				title: "搜索链接",
+				default: defaultProps.search.searchUrl
+			},
+			iconSize: {
+				type: "number",
+				title: "图标大小",
+				default: defaultProps.search.iconSize,
+				minimum: 12,
+				maximum: 32
+			},
+			showPlaceholderText: {
+				type: "boolean",
+				title: "显示占位符文本",
+				default: defaultProps.search.showPlaceholderText
+			},
+			borderColor: {
+				type: "string",
+				title: "边框颜色",
+				default: defaultProps.search.borderColor
+			},
+			tags: {
+				type: "array",
+				title: "标签列表",
+				description: "右侧显示的标签列表",
+				default: defaultProps.search.tags,
+				items: {
+					type: "object",
+					title: "标签项",
+					properties: {
+						tag_name: {
+							type: "string",
+							title: "标签文本",
+							description: "标签显示的文本"
+						},
+						url: {
+							type: "string",
+							title: "标签链接",
+							description: "点击标签跳转的URL地址（可选）"
+						},
+						tag_id: {
+							type: "string",
+							title: "标签ID",
+							description: "标签的唯一标识（可选）"
+						}
+					}
+				}
+			}
+		}
+	}
+};
+
+//#endregion
+export { propsSchema };

package/dist/components/biz/business/search-bar/variants/tag-search-bar/schema/style.schema.mjs

@@ -1,2 +1,8 @@
 
-import{commonStyleSchema as e}from"../../../../../utils/styles/schema.mjs";const t={...e};export{t as styleSchema};
+import { commonStyleSchema } from "../../../../../utils/styles/schema.mjs";
+
+//#region components/biz/business/search-bar/variants/tag-search-bar/schema/style.schema.ts
+const styleSchema = { ...commonStyleSchema };
+
+//#endregion
+export { styleSchema };

package/dist/components/biz/business/search-history/client.mjs

@@ -1,2 +1,183 @@
 
-"use client";import e from"../../../../utils/event-bus.mjs";import{useUserStore as t}from"../../../../store/modules/user-store.mjs";import{trackKeywordClick as n}from"../../../../utils/tracking.mjs";import{useRouter as r}from"../../../../utils/use-compatible-router.mjs";import{Box as i}from"../../../ui/box.mjs";import{Text as a}from"../../../ui/text.mjs";import{eventKey as o}from"../../../../constants/event-key.mjs";import{useSearchHistory as s}from"../../../../hooks/use-search-history.mjs";import{DeleteConfirmDialog as c}from"../../../common/delete-confirm-dialog/delete-confirm-dialog.mjs";import{DeleteIcon as l}from"../../../common/icons/delete.mjs";import{usePathname as u,useSearchParams as d}from"next/navigation";import{useLayoutEffect as f,useMemo as p,useRef as m,useState as h}from"react";import{jsx as g,jsxs as _}from"react/jsx-runtime";function v(e,t){let n=Array.from(e);return n.length<=t?e:`${n.slice(0,t).join(``)}...`}function y(y){let{title:b,rows:x=2,clearText:S,confirmDescription:C,onHistoryClick:w,mode:T=`renderer`}=y,E=T===`editor`,D=b??`搜索历史`,O=S??`清空`,k=C??`确定要清除所有搜索历史吗？`,A=p(()=>[`海市蜃楼`,`迷雾追凶`,`夜行者`,`狂飙`,`三大队`,`破冰行动`],[]),[j,M]=h(!1),[N,P]=h(null),F=m(null),I=m([]),L=m(null),R=r(),z=u(),B=d(),{userInfo:V}=t(),{history:H,addHistory:U,clearHistory:W}=s({storageKey:V?.user_id||`guest`}),G=()=>{W(),M(!1),e.emit(o.SEARCH_HISTORY_UPDATE)},K=p(()=>(H.length?H:T===`editor`?A:[]).slice(0,x*10),[H,T,A,x]);if(f(()=>{if(K.length===0){P(null);return}let e=F.current;if(!e)return;let t=()=>{let t=e.getBoundingClientRect(),n=[];I.current.slice(0,K.length).forEach(e=>{if(!e)return;let r=e.getBoundingClientRect(),i=Math.round(r.top-t.top),a=Math.round(r.bottom-t.top),o=n.find(e=>Math.abs(e.top-i)<=1);if(o){o.bottom=Math.max(o.bottom,a);return}n.push({top:i,bottom:a})}),n.sort((e,t)=>e.top-t.top);let r=n.slice(0,x).reduce((e,t)=>Math.max(e,t.bottom),0);P(e=>e===r?e:r)},n=()=>{L.current!=null&&cancelAnimationFrame(L.current),L.current=requestAnimationFrame(()=>{L.current=null,t()})};if(n(),typeof ResizeObserver>`u`)return()=>{L.current!=null&&(cancelAnimationFrame(L.current),L.current=null)};let r=new ResizeObserver(()=>{n()});return r.observe(e),I.current.slice(0,K.length).forEach(e=>{e&&r.observe(e)}),()=>{r.disconnect(),L.current!=null&&(cancelAnimationFrame(L.current),L.current=null)}},[K,x]),K.length===0)return null;let q=(e,t)=>{if(n({keyword:e,click_item_id:``,click_item_type_key:``,click_item_type_name:``,click_position:t,search_trace_id:``}),U(e),w){w(e);return}let r=new URLSearchParams(B.toString());r.set(`q`,e);let i=z.includes(`/search-result`)?z:`/search-result`;R.push(`${i}?${r.toString()}`)};return _(i,{className:E?`mt-[24px] no-vw-x-16 py-[16px]`:`mt-[24px] no-vw-x-16 py-0`,children:[_(i,{className:`mb-[15px] flex items-center justify-between`,children:[g(a,{className:`font-['PingFang_SC'] text-[16px] font-medium not-italic leading-normal text-white`,children:D}),g(`button`,{type:`button`,"aria-label":O,className:`flex h-[24px] w-[24px] shrink-0 items-center justify-center text-white/50`,onClick:()=>M(!0),children:g(l,{className:`h-[24px] w-[24px]`})})]}),g(i,{ref:F,className:`flex flex-wrap content-start items-center gap-[6px] overflow-hidden`,style:N?{maxHeight:`${N}px`}:void 0,children:K.map((e,t)=>g(i,{ref:e=>{I.current[t]=e},className:`flex min-w-[56px] cursor-pointer items-center justify-center rounded-full px-[8px] py-[4px] ${E?`bg-[#1F1F1F]/10`:`bg-white/20`}`,onClick:()=>q(e,t),children:g(a,{className:`max-w-full whitespace-nowrap font-['PingFang_SC'] text-[14px] font-normal not-italic leading-[20px] text-white`,children:v(e,8)})},t))}),g(c,{open:j,onOpenChange:M,onConfirm:G,title:``,description:k})]})}export{y as SearchHistoryClient};
+'use client';
+
+import eventBus from "../../../../utils/event-bus.mjs";
+import { useUserStore } from "../../../../store/modules/user-store.mjs";
+import { trackKeywordClick } from "../../../../utils/tracking.mjs";
+import { useRouter as useRouter$1 } from "../../../../utils/use-compatible-router.mjs";
+import { Box } from "../../../ui/box.mjs";
+import { Text } from "../../../ui/text.mjs";
+import { eventKey } from "../../../../constants/event-key.mjs";
+import { useSearchHistory } from "../../../../hooks/use-search-history.mjs";
+import { DeleteConfirmDialog } from "../../../common/delete-confirm-dialog/delete-confirm-dialog.mjs";
+import { DeleteIcon } from "../../../common/icons/delete.mjs";
+import { usePathname, useSearchParams } from "next/navigation";
+import { useLayoutEffect, useMemo, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region components/biz/business/search-history/client.tsx
+function truncateText(text, maxChars) {
+	const chars = Array.from(text);
+	return chars.length <= maxChars ? text : `${chars.slice(0, maxChars).join("")}...`;
+}
+/**
+* 搜索历史物料组件 (search-history) - 客户端交互部分
+*/
+function SearchHistoryClient(props) {
+	const { title, rows = 2, clearText, confirmDescription, onHistoryClick, mode = "renderer" } = props;
+	const isEditor = mode === "editor";
+	const resolvedTitle = title ?? "搜索历史";
+	const resolvedClearText = clearText ?? "清空";
+	const resolvedConfirmDescription = confirmDescription ?? "确定要清除所有搜索历史吗？";
+	const mockHistory = useMemo(() => [
+		"海市蜃楼",
+		"迷雾追凶",
+		"夜行者",
+		"狂飙",
+		"三大队",
+		"破冰行动"
+	], []);
+	const [isDialogOpen, setIsDialogOpen] = useState(false);
+	const [visibleHeight, setVisibleHeight] = useState(null);
+	const historyContainerRef = useRef(null);
+	const historyItemsRef = useRef([]);
+	const frameRef = useRef(null);
+	const router = useRouter$1();
+	const pathname = usePathname();
+	const searchParams = useSearchParams();
+	const { userInfo } = useUserStore();
+	const { history, addHistory, clearHistory: _clearHistory } = useSearchHistory({ storageKey: userInfo?.user_id || "guest" });
+	const clearHistory = () => {
+		_clearHistory();
+		setIsDialogOpen(false);
+		eventBus.emit(eventKey.SEARCH_HISTORY_UPDATE);
+	};
+	const displayHistory = useMemo(() => (history.length ? history : mode === "editor" ? mockHistory : []).slice(0, rows * 10), [
+		history,
+		mode,
+		mockHistory,
+		rows
+	]);
+	useLayoutEffect(() => {
+		if (displayHistory.length === 0) {
+			setVisibleHeight(null);
+			return;
+		}
+		const container = historyContainerRef.current;
+		if (!container) return;
+		const measureVisibleHeight = () => {
+			const containerRect = container.getBoundingClientRect();
+			const rowMetrics = [];
+			historyItemsRef.current.slice(0, displayHistory.length).forEach((node) => {
+				if (!node) return;
+				const rect = node.getBoundingClientRect();
+				const top = Math.round(rect.top - containerRect.top);
+				const bottom = Math.round(rect.bottom - containerRect.top);
+				const currentRow = rowMetrics.find((row) => Math.abs(row.top - top) <= 1);
+				if (currentRow) {
+					currentRow.bottom = Math.max(currentRow.bottom, bottom);
+					return;
+				}
+				rowMetrics.push({
+					top,
+					bottom
+				});
+			});
+			rowMetrics.sort((left, right) => left.top - right.top);
+			const nextVisibleHeight = rowMetrics.slice(0, rows).reduce((maxBottom, row) => Math.max(maxBottom, row.bottom), 0);
+			setVisibleHeight((prev) => prev === nextVisibleHeight ? prev : nextVisibleHeight);
+		};
+		const scheduleMeasure = () => {
+			if (frameRef.current != null) cancelAnimationFrame(frameRef.current);
+			frameRef.current = requestAnimationFrame(() => {
+				frameRef.current = null;
+				measureVisibleHeight();
+			});
+		};
+		scheduleMeasure();
+		if (typeof ResizeObserver === "undefined") return () => {
+			if (frameRef.current != null) {
+				cancelAnimationFrame(frameRef.current);
+				frameRef.current = null;
+			}
+		};
+		const observer = new ResizeObserver(() => {
+			scheduleMeasure();
+		});
+		observer.observe(container);
+		historyItemsRef.current.slice(0, displayHistory.length).forEach((node) => {
+			if (node) observer.observe(node);
+		});
+		return () => {
+			observer.disconnect();
+			if (frameRef.current != null) {
+				cancelAnimationFrame(frameRef.current);
+				frameRef.current = null;
+			}
+		};
+	}, [displayHistory, rows]);
+	if (displayHistory.length === 0) return null;
+	const handleHistoryClick = (keyword, position) => {
+		trackKeywordClick({
+			keyword,
+			click_item_id: "",
+			click_item_type_key: "",
+			click_item_type_name: "",
+			click_position: position,
+			search_trace_id: ""
+		});
+		addHistory(keyword);
+		if (onHistoryClick) {
+			onHistoryClick(keyword);
+			return;
+		}
+		const params = new URLSearchParams(searchParams.toString());
+		params.set("q", keyword);
+		const target = pathname.includes("/search-result") ? pathname : "/search-result";
+		router.push(`${target}?${params.toString()}`);
+	};
+	return /* @__PURE__ */ jsxs(Box, {
+		className: isEditor ? "mt-[24px] no-vw-x-16 py-[16px]" : "mt-[24px] no-vw-x-16 py-0",
+		children: [
+			/* @__PURE__ */ jsxs(Box, {
+				className: "mb-[15px] flex items-center justify-between",
+				children: [/* @__PURE__ */ jsx(Text, {
+					className: "font-['PingFang_SC'] text-[16px] font-medium not-italic leading-normal text-white",
+					children: resolvedTitle
+				}), /* @__PURE__ */ jsx("button", {
+					type: "button",
+					"aria-label": resolvedClearText,
+					className: "flex h-[24px] w-[24px] shrink-0 items-center justify-center text-white/50",
+					onClick: () => setIsDialogOpen(true),
+					children: /* @__PURE__ */ jsx(DeleteIcon, { className: "h-[24px] w-[24px]" })
+				})]
+			}),
+			/* @__PURE__ */ jsx(Box, {
+				ref: historyContainerRef,
+				className: "flex flex-wrap content-start items-center gap-[6px] overflow-hidden",
+				style: visibleHeight ? { maxHeight: `${visibleHeight}px` } : void 0,
+				children: displayHistory.map((item, index) => /* @__PURE__ */ jsx(Box, {
+					ref: (node) => {
+						historyItemsRef.current[index] = node;
+					},
+					className: `flex min-w-[56px] cursor-pointer items-center justify-center rounded-full px-[8px] py-[4px] ${isEditor ? "bg-[#1F1F1F]/10" : "bg-white/20"}`,
+					onClick: () => handleHistoryClick(item, index),
+					children: /* @__PURE__ */ jsx(Text, {
+						className: "max-w-full whitespace-nowrap font-['PingFang_SC'] text-[14px] font-normal not-italic leading-[20px] text-white",
+						children: truncateText(item, 8)
+					})
+				}, index))
+			}),
+			/* @__PURE__ */ jsx(DeleteConfirmDialog, {
+				open: isDialogOpen,
+				onOpenChange: setIsDialogOpen,
+				onConfirm: clearHistory,
+				title: "",
+				description: resolvedConfirmDescription
+			})
+		]
+	});
+}
+
+//#endregion
+export { SearchHistoryClient };

package/dist/components/biz/business/search-history/material.mjs

@@ -1,2 +1,19 @@
 
-import{defineMaterial as e}from"../../../../utils/schema/material.mjs";import{SearchHistoryClient as t}from"./client.mjs";import{searchHistoryInspectorPropsSchema as n}from"./schema.mjs";import{SearchHistoryServer as r}from"./server.mjs";const i=e({type:`search-history`,name:`搜索历史`,icon:`/static/components-thumb/search_history.png`,category:`行为组件`,serverComponent:r,clientComponent:t,propsSchema:n});export{i as searchHistoryMaterial};
+import { defineMaterial } from "../../../../utils/schema/material.mjs";
+import { SearchHistoryClient } from "./client.mjs";
+import { searchHistoryInspectorPropsSchema } from "./schema.mjs";
+import { SearchHistoryServer } from "./server.mjs";
+
+//#region components/biz/business/search-history/material.ts
+const searchHistoryMaterial = defineMaterial({
+	type: "search-history",
+	name: "搜索历史",
+	icon: "/static/components-thumb/search_history.png",
+	category: "行为组件",
+	serverComponent: SearchHistoryServer,
+	clientComponent: SearchHistoryClient,
+	propsSchema: searchHistoryInspectorPropsSchema
+});
+
+//#endregion
+export { searchHistoryMaterial };

package/dist/components/biz/business/search-history/schema.mjs

@@ -1,2 +1,17 @@
 
-import{defineComponentPropsSchema as e}from"../../../../utils/schema/schema.mjs";const t=e(e=>({title:e.string(`搜索历史`,{label:`标题名称`,description:`支持输入，中/英/数/符，6个字符`}),rows:e.number(2,{label:`展示行数`})}));export{t as searchHistoryInspectorPropsSchema};
+import { defineComponentPropsSchema } from "../../../../utils/schema/schema.mjs";
+
+//#region components/biz/business/search-history/schema.ts
+/**
+* 搜索历史物料属性定义
+*/
+const searchHistoryInspectorPropsSchema = defineComponentPropsSchema((t) => ({
+	title: t.string("搜索历史", {
+		label: "标题名称",
+		description: "支持输入，中/英/数/符，6个字符"
+	}),
+	rows: t.number(2, { label: "展示行数" })
+}));
+
+//#endregion
+export { searchHistoryInspectorPropsSchema };

package/dist/components/biz/business/search-history/server.mjs

@@ -1,2 +1,18 @@
 
-import{SearchHistoryClient as e}from"./client.mjs";import{jsx as t}from"react/jsx-runtime";function n(n){let{mode:r=`renderer`,...i}=n;return t(e,{...i,mode:r})}export{n as SearchHistoryServer};
+import { SearchHistoryClient } from "./client.mjs";
+import { jsx } from "react/jsx-runtime";
+
+//#region components/biz/business/search-history/server.tsx
+/**
+* 搜索历史物料组件 (search-history) - 服务端部分，国际化由 Client 内 useTranslations 处理
+*/
+function SearchHistoryServer(props) {
+	const { mode = "renderer", ...rest } = props;
+	return /* @__PURE__ */ jsx(SearchHistoryClient, {
+		...rest,
+		mode
+	});
+}
+
+//#endregion
+export { SearchHistoryServer };

package/dist/components/biz/business/search-input/client.mjs

@@ -1,2 +1,116 @@
 
-"use client";import{useRouter as e}from"../../../../utils/use-compatible-router.mjs";import{Box as t}from"../../../ui/box.mjs";import{Input as n}from"../../../ui/input.mjs";import{LeftArrowIcon as r}from"../../../common/icons/left-arrow.mjs";import i from"../../../../assets/icons/search.mjs";import a from"../../../../assets/icons/clear.mjs";import{usePathname as o,useSearchParams as s}from"next/navigation";import{useCallback as c,useState as l}from"react";import{jsx as u,jsxs as d}from"react/jsx-runtime";function f(e){if(!e||typeof e!=`string`)return[];try{let t=JSON.parse(e);return Array.isArray(t)?t.map(e=>e==null?``:String(e).trim()).filter(Boolean):[]}catch{return[]}}function p(p){let{placeholder:m,defaultPlaceholder:h,searchLabel:g,storageKey:_=`guest`,onSearch:v,mode:y=`renderer`}=p,b=m||(h??`请输入搜索内容`),x=g??`搜索`,S=y===`editor`,[C,w]=l(``),T=e(),E=o(),D=s(),O=`search_history_${_}`,k=c(e=>{if(S)return;let t=e.trim();if(t){try{let e=[t,...f(localStorage.getItem(O)).filter(e=>e!==t)].slice(0,20);localStorage.setItem(O,JSON.stringify(e))}catch(e){console.error(`Failed to save search history`,e)}if(v)v(t);else{let e=new URLSearchParams(D.toString());e.set(`q`,t);let n=E.includes(`/search-result`)?E:`/search-result`;T.push(`${n}?${e.toString()}`)}}},[O,S,v,E,T,D]),A=()=>{S||T.back()};return d(t,{className:`flex h-[66px] w-full items-center gap-[8px] no-vw-x-16 py-[16px]${S?` pointer-events-none`:``}`,children:[u(`button`,{type:`button`,"aria-label":`返回`,className:`flex size-[24px] shrink-0 items-center justify-center text-white active:opacity-70`,onClick:A,children:u(r,{className:`h-[16px] w-[16px]`})}),d(t,{className:`flex h-[34px] min-w-0 flex-1 items-center overflow-hidden rounded-[100px] border border-[#E62AFF]/90 bg-black/40 backdrop-blur-[2px]`,children:[d(t,{className:`relative flex h-full min-w-0 flex-1 items-center pl-[12px] pr-[10px]`,children:[u(`span`,{className:`pointer-events-none absolute inset-y-0 left-[12px] flex items-center justify-center`,children:u(i,{className:`h-[14px] w-[14px] text-white/60`})}),u(n,{className:`!h-[20px] !w-full !rounded-none !border-0 !bg-transparent !px-0 !pl-[22px] !pr-[18px] !py-0 !text-[14px] !leading-[20px] !text-white !caret-white placeholder:!text-white/90 focus-visible:!ring-0`,placeholder:b,value:C,maxLength:128,onChange:e=>w(e.target.value),onKeyDown:e=>{e.key===`Enter`&&(e.preventDefault(),k(C))}}),C&&u(`span`,{className:`absolute inset-y-0 right-0 flex items-center justify-center`,children:u(a,{className:`h-[15px] w-[15px] shrink-0 cursor-pointer text-white/50 active:opacity-70`,onClick:()=>w(``)})})]}),u(`button`,{type:`button`,className:`mx-[2px] flex h-[30px] w-[56px] shrink-0 items-center justify-center rounded-[100px] bg-[linear-gradient(90deg,#9756E3_0%,#6C43EE_100%)] text-[14px] leading-[20px] text-white active:opacity-90`,onClick:()=>k(C),children:x})]})]})}export{p as SearchInputClient};
+'use client';
+
+import { useRouter as useRouter$1 } from "../../../../utils/use-compatible-router.mjs";
+import { Box } from "../../../ui/box.mjs";
+import { Input } from "../../../ui/input.mjs";
+import { LeftArrowIcon } from "../../../common/icons/left-arrow.mjs";
+import SvgSearch from "../../../../assets/icons/search.mjs";
+import SvgClear from "../../../../assets/icons/clear.mjs";
+import { usePathname, useSearchParams } from "next/navigation";
+import { useCallback, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region components/biz/business/search-input/client.tsx
+/** 从 localStorage 解析搜索历史数组，与 useSearchHistory 逻辑一致 */
+function parseStoredHistory(saved) {
+	if (!saved || typeof saved !== "string") return [];
+	try {
+		const p = JSON.parse(saved);
+		if (!Array.isArray(p)) return [];
+		return p.map((item) => item != null ? String(item).trim() : "").filter(Boolean);
+	} catch {
+		return [];
+	}
+}
+/**
+* 搜索输入框物料组件 (SearchInput) - 客户端交互部分
+*/
+function SearchInputClient(props) {
+	const { placeholder, defaultPlaceholder, searchLabel, storageKey = "guest", onSearch, mode = "renderer" } = props;
+	const resolvedPlaceholder = placeholder || (defaultPlaceholder ?? "请输入搜索内容");
+	const resolvedSearchLabel = searchLabel ?? "搜索";
+	const isEditor = mode === "editor";
+	const [keyword, setKeyword] = useState("");
+	const router = useRouter$1();
+	const pathname = usePathname();
+	const searchParams = useSearchParams();
+	const fullKey = `search_history_${storageKey}`;
+	const handleSearch = useCallback((finalKeyword) => {
+		if (isEditor) return;
+		const trimmed = finalKeyword.trim();
+		if (!trimmed) return;
+		try {
+			const merged = [trimmed, ...parseStoredHistory(localStorage.getItem(fullKey)).filter((s) => s !== trimmed)].slice(0, 20);
+			localStorage.setItem(fullKey, JSON.stringify(merged));
+		} catch (e) {
+			console.error("Failed to save search history", e);
+		}
+		if (onSearch) onSearch(trimmed);
+		else {
+			const params = new URLSearchParams(searchParams.toString());
+			params.set("q", trimmed);
+			const target = pathname.includes("/search-result") ? pathname : "/search-result";
+			router.push(`${target}?${params.toString()}`);
+		}
+	}, [
+		fullKey,
+		isEditor,
+		onSearch,
+		pathname,
+		router,
+		searchParams
+	]);
+	const handleBack = () => {
+		if (!isEditor) router.back();
+	};
+	return /* @__PURE__ */ jsxs(Box, {
+		className: `flex h-[66px] w-full items-center gap-[8px] no-vw-x-16 py-[16px]${isEditor ? " pointer-events-none" : ""}`,
+		children: [/* @__PURE__ */ jsx("button", {
+			type: "button",
+			"aria-label": "返回",
+			className: "flex size-[24px] shrink-0 items-center justify-center text-white active:opacity-70",
+			onClick: handleBack,
+			children: /* @__PURE__ */ jsx(LeftArrowIcon, { className: "h-[16px] w-[16px]" })
+		}), /* @__PURE__ */ jsxs(Box, {
+			className: "flex h-[34px] min-w-0 flex-1 items-center overflow-hidden rounded-[100px] border border-[#E62AFF]/90 bg-black/40 backdrop-blur-[2px]",
+			children: [/* @__PURE__ */ jsxs(Box, {
+				className: "relative flex h-full min-w-0 flex-1 items-center pl-[12px] pr-[10px]",
+				children: [
+					/* @__PURE__ */ jsx("span", {
+						className: "pointer-events-none absolute inset-y-0 left-[12px] flex items-center justify-center",
+						children: /* @__PURE__ */ jsx(SvgSearch, { className: "h-[14px] w-[14px] text-white/60" })
+					}),
+					/* @__PURE__ */ jsx(Input, {
+						className: "!h-[20px] !w-full !rounded-none !border-0 !bg-transparent !px-0 !pl-[22px] !pr-[18px] !py-0 !text-[14px] !leading-[20px] !text-white !caret-white placeholder:!text-white/90 focus-visible:!ring-0",
+						placeholder: resolvedPlaceholder,
+						value: keyword,
+						maxLength: 128,
+						onChange: (e) => setKeyword(e.target.value),
+						onKeyDown: (e) => {
+							if (e.key === "Enter") {
+								e.preventDefault();
+								handleSearch(keyword);
+							}
+						}
+					}),
+					keyword && /* @__PURE__ */ jsx("span", {
+						className: "absolute inset-y-0 right-0 flex items-center justify-center",
+						children: /* @__PURE__ */ jsx(SvgClear, {
+							className: "h-[15px] w-[15px] shrink-0 cursor-pointer text-white/50 active:opacity-70",
+							onClick: () => setKeyword("")
+						})
+					})
+				]
+			}), /* @__PURE__ */ jsx("button", {
+				type: "button",
+				className: "mx-[2px] flex h-[30px] w-[56px] shrink-0 items-center justify-center rounded-[100px] bg-[linear-gradient(90deg,#9756E3_0%,#6C43EE_100%)] text-[14px] leading-[20px] text-white active:opacity-90",
+				onClick: () => handleSearch(keyword),
+				children: resolvedSearchLabel
+			})]
+		})]
+	});
+}
+
+//#endregion
+export { SearchInputClient };

package/dist/components/biz/business/search-input/material.mjs

@@ -1,2 +1,19 @@
 
-import{defineMaterial as e}from"../../../../utils/schema/material.mjs";import{SearchInputClient as t}from"./client.mjs";import{searchInputInspectorPropsSchema as n}from"./schema.mjs";import{SearchInputServer as r}from"./server.mjs";const i=e({type:`search-input`,name:`搜索输入框`,icon:`/static/components-thumb/search_input.png`,category:`行为组件`,serverComponent:r,clientComponent:t,propsSchema:n});export{i as searchInputMaterial};
+import { defineMaterial } from "../../../../utils/schema/material.mjs";
+import { SearchInputClient } from "./client.mjs";
+import { searchInputInspectorPropsSchema } from "./schema.mjs";
+import { SearchInputServer } from "./server.mjs";
+
+//#region components/biz/business/search-input/material.ts
+const searchInputMaterial = defineMaterial({
+	type: "search-input",
+	name: "搜索输入框",
+	icon: "/static/components-thumb/search_input.png",
+	category: "行为组件",
+	serverComponent: SearchInputServer,
+	clientComponent: SearchInputClient,
+	propsSchema: searchInputInspectorPropsSchema
+});
+
+//#endregion
+export { searchInputMaterial };

package/dist/components/biz/business/search-input/schema.mjs

@@ -1,2 +1,12 @@
 
-import{defineComponentPropsSchema as e,getSchemaDefaultProps as t}from"../../../../utils/schema/schema.mjs";const n=e(e=>({})),r=t(n);export{r as searchInputInspectorDefaultProps,n as searchInputInspectorPropsSchema};
+import { defineComponentPropsSchema, getSchemaDefaultProps } from "../../../../utils/schema/schema.mjs";
+
+//#region components/biz/business/search-input/schema.ts
+/**
+* 搜索输入框物料暂不对外开放配置，仅做占位展示；占位符等由服务端 i18n 注入。
+*/
+const searchInputInspectorPropsSchema = defineComponentPropsSchema((_t) => ({}));
+const searchInputInspectorDefaultProps = getSchemaDefaultProps(searchInputInspectorPropsSchema);
+
+//#endregion
+export { searchInputInspectorDefaultProps, searchInputInspectorPropsSchema };

package/dist/components/biz/business/search-input/server.mjs

@@ -1,2 +1,18 @@
 
-import{SearchInputClient as e}from"./client.mjs";import{jsx as t}from"react/jsx-runtime";function n(n){let{mode:r=`renderer`,...i}=n;return t(e,{...i,mode:r})}export{n as SearchInputServer};
+import { SearchInputClient } from "./client.mjs";
+import { jsx } from "react/jsx-runtime";
+
+//#region components/biz/business/search-input/server.tsx
+/**
+* 搜索输入框物料组件 (SearchInput) - 服务端部分，国际化由 Client 内 useTranslations 处理
+*/
+function SearchInputServer(props) {
+	const { mode = "renderer", ...rest } = props;
+	return /* @__PURE__ */ jsx(SearchInputClient, {
+		...rest,
+		mode
+	});
+}
+
+//#endregion
+export { SearchInputServer };