@funhub/platform 0.1.61 → 0.1.62

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

@@ -1,2 +1,122 @@
 
-"use client";import{Button as e}from"../../../ui/button.mjs";import t from"../../../../utils/event-bus.mjs";import{Box as n}from"../../../ui/box.mjs";import{Text as r}from"../../../ui/text.mjs";import{eventKey as i}from"../../../../constants/event-key.mjs";import{DeleteConfirmDialog as a}from"../../../common/delete-confirm-dialog/delete-confirm-dialog.mjs";import{useCallback as o,useEffect as s,useMemo as c,useState as l}from"react";import{jsx as u,jsxs as d}from"react/jsx-runtime";import{useTranslations as f}from"next-intl";import{usePathname as p,useRouter as m,useSearchParams as h}from"next/navigation";function g(g){let _=f(`components.biz.business.searchHistory`),{title:v,rows:y=1,clearText:b,confirmDescription:x,storageKey:S=`guest`,onHistoryClick:C,mode:w=`renderer`}=g,T=b??_(`clear`),E=x??_(`confirmClearDescription`),D=c(()=>[_(`mockHistory1`),_(`mockHistory2`),_(`mockHistory3`)],[_]),[O,k]=l([]),[A,j]=l(!1),M=m(),N=p(),P=h(),F=`search_history_${S}`,I=o(()=>{let e=localStorage.getItem(F);if(e)try{k(JSON.parse(e))}catch(e){console.error(`Failed to parse search history`,e)}else k([])},[F]);s(()=>{I()},[I]),s(()=>(t.on(i.SEARCH_HISTORY_UPDATE,I),()=>{t.off(i.SEARCH_HISTORY_UPDATE,I)}),[I]);let L=()=>{k([]),localStorage.removeItem(F),j(!1),t.emit(i.SEARCH_HISTORY_UPDATE)},R=c(()=>{let e=O.length>0?O:w===`editor`?D:[],t=y*10;return e.slice(0,t)},[O,w,D,y]);if(R.length===0)return null;let z=e=>{if(C)C(e);else{let t=new URLSearchParams(P.toString());t.set(`q`,e);let n=N.includes(`/search`)?N:`/search`;M.push(`${n}?${t.toString()}`)}};return d(n,{className:`px-4 py-2`,children:[d(n,{className:`flex justify-between items-center mb-2`,children:[u(r,{className:`text-[16px] font-bold text-text1`,children:v}),u(e,{variant:`ghost`,size:`sm`,className:`text-text3 text-[12px] p-0 h-auto`,onClick:()=>j(!0),children:T})]}),u(n,{className:`flex flex-wrap gap-2 overflow-hidden`,style:{maxHeight:`${y*40}px`},children:R.map((e,t)=>u(n,{className:`px-3 py-1 bg-bg2 rounded-full cursor-pointer`,onClick:()=>z(e),children:u(r,{className:`text-[14px] text-text2 truncate max-w-[150px]`,children:e})},t))}),u(a,{open:A,onOpenChange:j,onConfirm:()=>{L()},title:``,description:E})]})}export{g as SearchHistoryClient};
+'use client';
+
+import { Button } from "../../../ui/button.mjs";
+import eventBus from "../../../../utils/event-bus.mjs";
+import { Box } from "../../../ui/box.mjs";
+import { Text } from "../../../ui/text.mjs";
+import { eventKey } from "../../../../constants/event-key.mjs";
+import { DeleteConfirmDialog } from "../../../common/delete-confirm-dialog/delete-confirm-dialog.mjs";
+import { useCallback, useEffect, useMemo, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useTranslations } from "next-intl";
+import { usePathname, useRouter, useSearchParams } from "next/navigation";
+
+//#region components/biz/business/search-history/client.tsx
+/**
+* 搜索历史物料组件 (search-history) - 客户端交互部分
+*/
+function SearchHistoryClient(props) {
+	const t = useTranslations("components.biz.business.searchHistory");
+	const { title, rows = 1, clearText, confirmDescription, storageKey = "guest", onHistoryClick, mode = "renderer" } = props;
+	const resolvedClearText = clearText ?? t("clear");
+	const resolvedConfirmDescription = confirmDescription ?? t("confirmClearDescription");
+	const mockHistory = useMemo(() => [
+		t("mockHistory1"),
+		t("mockHistory2"),
+		t("mockHistory3")
+	], [t]);
+	const [history, setHistory] = useState([]);
+	const [isDialogOpen, setIsDialogOpen] = useState(false);
+	const router = useRouter();
+	const pathname = usePathname();
+	const searchParams = useSearchParams();
+	const fullKey = `search_history_${storageKey}`;
+	const loadHistory = useCallback(() => {
+		const saved = localStorage.getItem(fullKey);
+		if (saved) try {
+			setHistory(JSON.parse(saved));
+		} catch (e) {
+			console.error("Failed to parse search history", e);
+		}
+		else setHistory([]);
+	}, [fullKey]);
+	useEffect(() => {
+		loadHistory();
+	}, [loadHistory]);
+	useEffect(() => {
+		eventBus.on(eventKey.SEARCH_HISTORY_UPDATE, loadHistory);
+		return () => {
+			eventBus.off(eventKey.SEARCH_HISTORY_UPDATE, loadHistory);
+		};
+	}, [loadHistory]);
+	const clearHistory = () => {
+		setHistory([]);
+		localStorage.removeItem(fullKey);
+		setIsDialogOpen(false);
+		eventBus.emit(eventKey.SEARCH_HISTORY_UPDATE);
+	};
+	const displayHistory = useMemo(() => {
+		const data = history.length > 0 ? history : mode === "editor" ? mockHistory : [];
+		const limit = rows * 10;
+		return data.slice(0, limit);
+	}, [
+		history,
+		mode,
+		mockHistory,
+		rows
+	]);
+	if (displayHistory.length === 0) return null;
+	const handleHistoryClick = (keyword) => {
+		if (onHistoryClick) onHistoryClick(keyword);
+		else {
+			const params = new URLSearchParams(searchParams.toString());
+			params.set("q", keyword);
+			const targetPath = pathname.includes("/search") ? pathname : "/search";
+			router.push(`${targetPath}?${params.toString()}`);
+		}
+	};
+	const handleClear = () => {
+		clearHistory();
+	};
+	return /* @__PURE__ */ jsxs(Box, {
+		className: "px-4 py-2",
+		children: [
+			/* @__PURE__ */ jsxs(Box, {
+				className: "flex justify-between items-center mb-2",
+				children: [/* @__PURE__ */ jsx(Text, {
+					className: "text-[16px] font-bold text-text1",
+					children: title
+				}), /* @__PURE__ */ jsx(Button, {
+					variant: "ghost",
+					size: "sm",
+					className: "text-text3 text-[12px] p-0 h-auto",
+					onClick: () => setIsDialogOpen(true),
+					children: resolvedClearText
+				})]
+			}),
+			/* @__PURE__ */ jsx(Box, {
+				className: "flex flex-wrap gap-2 overflow-hidden",
+				style: { maxHeight: `${rows * 40}px` },
+				children: displayHistory.map((item, index) => /* @__PURE__ */ jsx(Box, {
+					className: "px-3 py-1 bg-bg2 rounded-full cursor-pointer",
+					onClick: () => handleHistoryClick(item),
+					children: /* @__PURE__ */ jsx(Text, {
+						className: "text-[14px] text-text2 truncate max-w-[150px]",
+						children: item
+					})
+				}, index))
+			}),
+			/* @__PURE__ */ jsx(DeleteConfirmDialog, {
+				open: isDialogOpen,
+				onOpenChange: setIsDialogOpen,
+				onConfirm: handleClear,
+				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,21 @@
 
-import{defineComponentPropsSchema as e,defineNumberPropSchema as t,defineTextPropSchema as n}from"../../../../utils/schema/schema.mjs";const r=e({title:n({label:`标题名称`,defaultValue:`搜索历史`,description:`支持输入，中/英/数/符，6个字符`}),rows:t({label:`展示行数`,defaultValue:1})});export{r as searchHistoryInspectorPropsSchema};
+import { defineComponentPropsSchema, defineNumberPropSchema, defineTextPropSchema } from "../../../../utils/schema/schema.mjs";
+
+//#region components/biz/business/search-history/schema.ts
+/**
+* 搜索历史物料属性定义
+*/
+const searchHistoryInspectorPropsSchema = defineComponentPropsSchema({
+	title: defineTextPropSchema({
+		label: "标题名称",
+		defaultValue: "搜索历史",
+		description: "支持输入，中/英/数/符，6个字符"
+	}),
+	rows: defineNumberPropSchema({
+		label: "展示行数",
+		defaultValue: 1
+	})
+});
+
+//#endregion
+export { searchHistoryInspectorPropsSchema };

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

@@ -1,2 +1,23 @@
 
-import{SearchHistoryClient as e}from"./client.mjs";import{jsx as t}from"react/jsx-runtime";import{getTranslations as n}from"next-intl/server";async function r(r){let{mode:i=`renderer`,...a}=r,o=await n(`components.biz.business.searchHistory`);return t(e,{...a,mode:i,title:a.title||o(`defaultTitle`),clearText:o(`clear`),confirmDescription:o(`confirmClearDescription`)})}export{r as SearchHistoryServer};
+import { SearchHistoryClient } from "./client.mjs";
+import { jsx } from "react/jsx-runtime";
+import { getTranslations } from "next-intl/server";
+
+//#region components/biz/business/search-history/server.tsx
+/**
+* 搜索历史物料组件 (search-history) - 服务端部分
+*/
+async function SearchHistoryServer(props) {
+	const { mode = "renderer", ...rest } = props;
+	const t = await getTranslations("components.biz.business.searchHistory");
+	return /* @__PURE__ */ jsx(SearchHistoryClient, {
+		...rest,
+		mode,
+		title: rest.title || t("defaultTitle"),
+		clearText: t("clear"),
+		confirmDescription: t("confirmClearDescription")
+	});
+}
+
+//#endregion
+export { SearchHistoryServer };

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

@@ -1,2 +1,140 @@
 
-"use client";import e from"../../../../utils/event-bus.mjs";import{Box as t}from"../../../ui/box.mjs";import{Input as n}from"../../../ui/input.mjs";import{Text as r}from"../../../ui/text.mjs";import{eventKey as i}from"../../../../constants/event-key.mjs";import a from"../../../../assets/icons/left_arrow.mjs";import o from"../../../../assets/icons/search.mjs";import s from"../../../../assets/icons/clear.mjs";import{useCallback as c,useEffect as l,useState as u}from"react";import{jsx as d,jsxs as f}from"react/jsx-runtime";import{useTranslations as p}from"next-intl";import{usePathname as m,useRouter as h,useSearchParams as g}from"next/navigation";function _(_){let v=p(`components.pages.search`),{placeholder:y,defaultPlaceholder:b,searchLabel:x,storageKey:S=`guest`,onSearch:C,mode:w=`renderer`}=_,T=y||(b??v(`topHeader.placeholder`)),E=x??v(`topHeader.search`),D=w===`editor`,[O,k]=u(``),A=h(),j=m(),M=g(),N=`search_history_${S}`,P=c(t=>{if(!D&&t.trim()){try{let n=localStorage.getItem(N),r=n?JSON.parse(n):[];r=[t,...r.filter(e=>e!==t)],localStorage.setItem(N,JSON.stringify(r.slice(0,20))),e.emit(i.SEARCH_HISTORY_UPDATE)}catch(e){console.error(`Failed to save search history`,e)}if(C)C(t);else{let e=new URLSearchParams(M.toString());e.set(`q`,t);let n=j.includes(`/search`)?j:`/search`;A.push(`${n}?${e.toString()}`)}}},[N,D,C,j,A,M]);l(()=>{let e=M.get(`q`);e&&e!==O&&(k(e),P(e))},[M,P,O]),l(()=>{if(!D&&O===``){if(M.has(`q`)){let e=new URLSearchParams(M.toString());e.delete(`q`);let t=j.includes(`/search`)?j:`/search`;A.push(`${t}${e.toString()?`?${e.toString()}`:``}`)}e.emit(i.SEARCH_HISTORY_UPDATE)}},[D,O,j,A,M]);let F=()=>{P(O)};return f(t,{className:D?`px-3 py-2 bg-bg1 flex items-center gap-3 w-full pointer-events-none`:`px-3 py-2 bg-bg1 flex items-center gap-3 w-full`,children:[d(t,{className:`shrink-0 cursor-pointer active:opacity-70`,onClick:()=>{D||A.back()},children:d(a,{className:`w-4 h-4 text-text1`})}),f(t,{className:`flex-1 flex items-center gap-1 bg-bg2 border border-theme5 rounded-[20px] px-2 py-1.5 overflow-hidden`,children:[d(t,{className:`p-1 shrink-0`,children:d(o,{className:`w-[14px] h-[14px] text-text3`})}),d(n,{className:`flex-1 border-none bg-transparent p-0 h-auto text-[14px] leading-[22px] focus-visible:ring-0 text-text1 placeholder:text-text3`,placeholder:T,value:O,onChange:e=>k(e.target.value),onKeyDown:e=>e.key===`Enter`&&F()}),O&&d(s,{className:`w-[15px] h-[15px] text-text3 shrink-0 cursor-pointer active:opacity-70`,onClick:()=>{k(``)}})]}),d(t,{className:`shrink-0 cursor-pointer active:opacity-70`,onClick:F,children:d(r,{className:`text-[16px] text-text1 leading-[24px] font-normal`,children:E})})]})}export{_ as SearchInputClient};
+'use client';
+
+import eventBus from "../../../../utils/event-bus.mjs";
+import { Box } from "../../../ui/box.mjs";
+import { Input } from "../../../ui/input.mjs";
+import { Text } from "../../../ui/text.mjs";
+import { eventKey } from "../../../../constants/event-key.mjs";
+import SvgLeftArrow from "../../../../assets/icons/left_arrow.mjs";
+import SvgSearch from "../../../../assets/icons/search.mjs";
+import SvgClear from "../../../../assets/icons/clear.mjs";
+import { useCallback, useEffect, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useTranslations } from "next-intl";
+import { usePathname, useRouter, useSearchParams } from "next/navigation";
+
+//#region components/biz/business/search-input/client.tsx
+/**
+* 搜索输入框物料组件 (SearchInput) - 客户端交互部分
+* 适配 Figma 设计稿布局：包含返回按钮、带边框的输入框、外部搜索按钮
+*/
+function SearchInputClient(props) {
+	const t = useTranslations("components.pages.search");
+	const { placeholder, defaultPlaceholder, searchLabel, storageKey = "guest", onSearch, mode = "renderer" } = props;
+	const resolvedPlaceholder = placeholder || (defaultPlaceholder ?? t("topHeader.placeholder"));
+	const resolvedSearchLabel = searchLabel ?? t("topHeader.search");
+	const isEditor = mode === "editor";
+	const [keyword, setKeyword] = useState("");
+	const router = useRouter();
+	const pathname = usePathname();
+	const searchParams = useSearchParams();
+	const fullKey = `search_history_${storageKey}`;
+	const performSearch = useCallback((finalKeyword) => {
+		if (isEditor) return;
+		if (!finalKeyword.trim()) return;
+		try {
+			const saved = localStorage.getItem(fullKey);
+			let history = saved ? JSON.parse(saved) : [];
+			history = [finalKeyword, ...history.filter((item) => item !== finalKeyword)];
+			localStorage.setItem(fullKey, JSON.stringify(history.slice(0, 20)));
+			eventBus.emit(eventKey.SEARCH_HISTORY_UPDATE);
+		} catch (e) {
+			console.error("Failed to save search history", e);
+		}
+		if (onSearch) onSearch(finalKeyword);
+		else {
+			const params = new URLSearchParams(searchParams.toString());
+			params.set("q", finalKeyword);
+			const targetPath = pathname.includes("/search") ? pathname : "/search";
+			router.push(`${targetPath}?${params.toString()}`);
+		}
+	}, [
+		fullKey,
+		isEditor,
+		onSearch,
+		pathname,
+		router,
+		searchParams
+	]);
+	useEffect(() => {
+		const q = searchParams.get("q");
+		if (q && q !== keyword) {
+			setKeyword(q);
+			performSearch(q);
+		}
+	}, [
+		searchParams,
+		performSearch,
+		keyword
+	]);
+	useEffect(() => {
+		if (isEditor) return;
+		if (keyword === "") {
+			if (searchParams.has("q")) {
+				const params = new URLSearchParams(searchParams.toString());
+				params.delete("q");
+				const targetPath = pathname.includes("/search") ? pathname : "/search";
+				router.push(`${targetPath}${params.toString() ? `?${params.toString()}` : ""}`);
+			}
+			eventBus.emit(eventKey.SEARCH_HISTORY_UPDATE);
+		}
+	}, [
+		isEditor,
+		keyword,
+		pathname,
+		router,
+		searchParams
+	]);
+	const handleSearch = () => {
+		performSearch(keyword);
+	};
+	const handleClear = () => {
+		setKeyword("");
+	};
+	const handleBack = () => {
+		if (isEditor) return;
+		router.back();
+	};
+	return /* @__PURE__ */ jsxs(Box, {
+		className: isEditor ? "px-3 py-2 bg-bg1 flex items-center gap-3 w-full pointer-events-none" : "px-3 py-2 bg-bg1 flex items-center gap-3 w-full",
+		children: [
+			/* @__PURE__ */ jsx(Box, {
+				className: "shrink-0 cursor-pointer active:opacity-70",
+				onClick: handleBack,
+				children: /* @__PURE__ */ jsx(SvgLeftArrow, { className: "w-4 h-4 text-text1" })
+			}),
+			/* @__PURE__ */ jsxs(Box, {
+				className: "flex-1 flex items-center gap-1 bg-bg2 border border-theme5 rounded-[20px] px-2 py-1.5 overflow-hidden",
+				children: [
+					/* @__PURE__ */ jsx(Box, {
+						className: "p-1 shrink-0",
+						children: /* @__PURE__ */ jsx(SvgSearch, { className: "w-[14px] h-[14px] text-text3" })
+					}),
+					/* @__PURE__ */ jsx(Input, {
+						className: "flex-1 border-none bg-transparent p-0 h-auto text-[14px] leading-[22px] focus-visible:ring-0 text-text1 placeholder:text-text3",
+						placeholder: resolvedPlaceholder,
+						value: keyword,
+						onChange: (e) => setKeyword(e.target.value),
+						onKeyDown: (e) => e.key === "Enter" && handleSearch()
+					}),
+					keyword && /* @__PURE__ */ jsx(SvgClear, {
+						className: "w-[15px] h-[15px] text-text3 shrink-0 cursor-pointer active:opacity-70",
+						onClick: handleClear
+					})
+				]
+			}),
+			/* @__PURE__ */ jsx(Box, {
+				className: "shrink-0 cursor-pointer active:opacity-70",
+				onClick: handleSearch,
+				children: /* @__PURE__ */ jsx(Text, {
+					className: "text-[16px] text-text1 leading-[24px] font-normal",
+					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}from"../../../../utils/schema/schema.mjs";const t=e({});export{t as searchInputInspectorPropsSchema};
+import { defineComponentPropsSchema } from "../../../../utils/schema/schema.mjs";
+
+//#region components/biz/business/search-input/schema.ts
+/**
+* 搜索输入框物料属性定义
+* 无需配置，低代码平台不展示配置面板；占位符等由服务端 i18n 注入。
+*/
+const searchInputInspectorPropsSchema = defineComponentPropsSchema({});
+
+//#endregion
+export { searchInputInspectorPropsSchema };

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

@@ -1,2 +1,22 @@
 
-import{SearchInputClient as e}from"./client.mjs";import{jsx as t}from"react/jsx-runtime";import{getTranslations as n}from"next-intl/server";async function r(r){let{mode:i=`renderer`,...a}=r,o=await n(`components.pages.search`);return t(e,{...a,mode:i,defaultPlaceholder:o(`topHeader.placeholder`),searchLabel:o(`topHeader.search`)})}export{r as SearchInputServer};
+import { SearchInputClient } from "./client.mjs";
+import { jsx } from "react/jsx-runtime";
+import { getTranslations } from "next-intl/server";
+
+//#region components/biz/business/search-input/server.tsx
+/**
+* 搜索输入框物料组件 (SearchInput) - 服务端部分
+*/
+async function SearchInputServer(props) {
+	const { mode = "renderer", ...rest } = props;
+	const t = await getTranslations("components.pages.search");
+	return /* @__PURE__ */ jsx(SearchInputClient, {
+		...rest,
+		mode,
+		defaultPlaceholder: t("topHeader.placeholder"),
+		searchLabel: t("topHeader.search")
+	});
+}
+
+//#endregion
+export { SearchInputServer };

package/dist/components/biz/business/shortcut-grid/client.mjs

@@ -1,2 +1,65 @@
 
-"use client";import{Image as e}from"../../../ui/image.mjs";import{Box as t}from"../../../ui/box.mjs";import{Text as n}from"../../../ui/text.mjs";import r from"../../../ui/link.mjs";import{shortcutGridInspectorDefaultProps as i}from"./schema.mjs";import{jsx as a,jsxs as o}from"react/jsx-runtime";function s(s){let{mode:c=`renderer`,title:l,shortcutCount:u,isShortcutTitle:d,shortcuts:f}={...i,...s},p=c===`editor`,m=(()=>{let e=u??f.length??0;return Math.min(Math.max(e,3),5)})(),h=(f??[]).slice(0,m);return o(t,{as:`section`,className:p?`p-[12px] pointer-events-none`:`p-[12px]`,"aria-label":`金刚区`,children:[l?.trim()?a(n,{as:`h2`,className:`font-bold text-[16px] text-text1`,children:l}):null,a(t,{className:`flex justify-around mt-[8px]`,children:h.map((i,s)=>{let c=o(t,{className:`flex flex-col items-center justify-center gap-[10px] w-[52px]`,children:[a(t,{className:`flex h-[39px] w-[52px] items-center justify-center relative`,"aria-hidden":!i.label,children:a(e,{src:i.icon,alt:i.label||`入口图标`,fill:!0,className:`object-cover`})}),d?a(n,{className:`text-[12px] w-[52px] truncate text-center`,title:d?i.label:void 0,children:i.label}):null]});return a(r,{href:i.href,className:`block`,children:c},s)})})]})}export{s as ShortcutGridClient};
+'use client';
+
+import { Image } from "../../../ui/image.mjs";
+import { Box } from "../../../ui/box.mjs";
+import { Text } from "../../../ui/text.mjs";
+import Link from "../../../ui/link.mjs";
+import { shortcutGridInspectorDefaultProps } from "./schema.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region components/biz/business/shortcut-grid/client.tsx
+/**
+* 金刚区客户端组件：
+*/
+function ShortcutGridClient(props) {
+	const { mode = "renderer", title, shortcutCount, isShortcutTitle, shortcuts } = {
+		...shortcutGridInspectorDefaultProps,
+		...props
+	};
+	const isEditor = mode === "editor";
+	const normalizedCount = (() => {
+		const base = shortcutCount ?? shortcuts.length ?? 0;
+		return Math.min(Math.max(base, 3), 5);
+	})();
+	const visibleShortcuts = (shortcuts ?? []).slice(0, normalizedCount);
+	return /* @__PURE__ */ jsxs(Box, {
+		as: "section",
+		className: isEditor ? "p-[12px] pointer-events-none" : "p-[12px]",
+		"aria-label": "金刚区",
+		children: [title?.trim() ? /* @__PURE__ */ jsx(Text, {
+			as: "h2",
+			className: "font-bold text-[16px] text-text1",
+			children: title
+		}) : null, /* @__PURE__ */ jsx(Box, {
+			className: "flex justify-around mt-[8px]",
+			children: visibleShortcuts.map((item, index) => {
+				const content = /* @__PURE__ */ jsxs(Box, {
+					className: "flex flex-col items-center justify-center gap-[10px] w-[52px]",
+					children: [/* @__PURE__ */ jsx(Box, {
+						className: "flex h-[39px] w-[52px] items-center justify-center relative",
+						"aria-hidden": !item.label,
+						children: /* @__PURE__ */ jsx(Image, {
+							src: item.icon,
+							alt: item.label || "入口图标",
+							fill: true,
+							className: "object-cover"
+						})
+					}), isShortcutTitle ? /* @__PURE__ */ jsx(Text, {
+						className: "text-[12px] w-[52px] truncate text-center",
+						title: isShortcutTitle ? item.label : void 0,
+						children: item.label
+					}) : null]
+				});
+				return /* @__PURE__ */ jsx(Link, {
+					href: item.href,
+					className: "block",
+					children: content
+				}, index);
+			})
+		})]
+	});
+}
+
+//#endregion
+export { ShortcutGridClient };

package/dist/components/biz/business/shortcut-grid/material.mjs

@@ -1,2 +1,19 @@
 
-import{defineMaterial as e}from"../../../../utils/schema/material.mjs";import{shortcutGridInspectorPropsSchema as t}from"./schema.mjs";import{ShortcutGridClient as n}from"./client.mjs";import{ShortcutGrid as r}from"./server.mjs";const i=e({type:`shortcut-grid`,name:`金刚区`,icon:`/static/components-thumb/shortcut_grid_5.png`,category:`金刚组件`,serverComponent:r,clientComponent:n,propsSchema:t});export{i as shortcutGridMaterial};
+import { defineMaterial } from "../../../../utils/schema/material.mjs";
+import { shortcutGridInspectorPropsSchema } from "./schema.mjs";
+import { ShortcutGridClient } from "./client.mjs";
+import { ShortcutGrid } from "./server.mjs";
+
+//#region components/biz/business/shortcut-grid/material.ts
+const shortcutGridMaterial = defineMaterial({
+	type: "shortcut-grid",
+	name: "金刚区",
+	icon: "/static/components-thumb/shortcut_grid_5.png",
+	category: "金刚组件",
+	serverComponent: ShortcutGrid,
+	clientComponent: ShortcutGridClient,
+	propsSchema: shortcutGridInspectorPropsSchema
+});
+
+//#endregion
+export { shortcutGridMaterial };

package/dist/components/biz/business/shortcut-grid/schema.mjs

@@ -1,2 +1,71 @@
 
-import{defineArrayItemPropSchema as e,defineComponentPropsSchema as t,defineNumberPropSchema as n,defineSwitchPropSchema as r,defineTextPropSchema as i,getSchemaDefaultProps as a}from"../../../../utils/schema/schema.mjs";import o from"zod";const s=t({title:i({label:`推荐位名称`,required:!0,defaultValue:`推荐列表`}),shortcutCount:n({label:`入口数量`,required:!0,defaultValue:4}).refine(e=>e>=3&&e<=5,`入口数量必须为 3-5`),isShortcutTitle:r({label:`是否显示入口标题`,required:!0,defaultValue:!0}),shortcuts:e(o.object({label:i({label:`入口标题`,required:!1,defaultValue:`最新`}),icon:i({label:`图标`,required:!0,defaultValue:``}),href:i({label:`跳转指向`,required:!0,defaultValue:``})}),{label:`推荐列表`,required:!0,defaultValue:[{label:`热门`,icon:`/images/2026/01/21/6967aec2d806ed47d5238861/fce0a95c-1e8f-4872-ab69-86212435e1bc.jpegxxx`,href:`/video-list?title=穷小伙刚离婚，找了他3年的女总裁蒙着面纱出现了，一身红嫁衣当众求嫁，前妻嘲笑她是丑八怪，下秒揭开面纱后全场沉默了&tags=动作`},{label:`新上架`,icon:`/images/2026/01/21/6967aec2d806ed47d5238861/fce0a95c-1e8f-4872-ab69-86212435e1bc.jpegxxx`,href:`/video-list?title=穷小伙刚离婚，找了他3年的女总裁蒙着面纱出现了，一身红嫁衣当众求嫁，前妻嘲笑她是丑八怪，下秒揭开面纱后全场沉默了&tags=动作`},{label:`排行榜`,icon:`/images/2026/01/21/6967aec2d806ed47d5238861/fce0a95c-1e8f-4872-ab69-86212435e1bc.jpegxxx`,href:`/video-list?title=穷小伙刚离婚，找了他3年的女总裁蒙着面纱出现了，一身红嫁衣当众求嫁，前妻嘲笑她是丑八怪，下秒揭开面纱后全场沉默了&tags=动作`},{label:`筛选`,icon:`/images/2026/01/21/6967aec2d806ed47d5238861/fce0a95c-1e8f-4872-ab69-86212435e1bc.jpegxxx`,href:`/video-list?title=穷小伙刚离婚，找了他3年的女总裁蒙着面纱出现了，一身红嫁衣当众求嫁，前妻嘲笑她是丑八怪，下秒揭开面纱后全场沉默了&tags=动作`}]})}),c=a(s);export{c as shortcutGridInspectorDefaultProps,s as shortcutGridInspectorPropsSchema};
+import { defineArrayItemPropSchema, defineComponentPropsSchema, defineNumberPropSchema, defineSwitchPropSchema, defineTextPropSchema, getSchemaDefaultProps } from "../../../../utils/schema/schema.mjs";
+import z$1 from "zod";
+
+//#region components/biz/business/shortcut-grid/schema.ts
+/**
+* 金刚区物料可配置字段：
+*/
+const shortcutGridInspectorPropsSchema = defineComponentPropsSchema({
+	title: defineTextPropSchema({
+		label: "推荐位名称",
+		required: true,
+		defaultValue: "推荐列表"
+	}),
+	shortcutCount: defineNumberPropSchema({
+		label: "入口数量",
+		required: true,
+		defaultValue: 4
+	}).refine((value) => value >= 3 && value <= 5, "入口数量必须为 3-5"),
+	isShortcutTitle: defineSwitchPropSchema({
+		label: "是否显示入口标题",
+		required: true,
+		defaultValue: true
+	}),
+	shortcuts: defineArrayItemPropSchema(z$1.object({
+		label: defineTextPropSchema({
+			label: "入口标题",
+			required: false,
+			defaultValue: "最新"
+		}),
+		icon: defineTextPropSchema({
+			label: "图标",
+			required: true,
+			defaultValue: ""
+		}),
+		href: defineTextPropSchema({
+			label: "跳转指向",
+			required: true,
+			defaultValue: ""
+		})
+	}), {
+		label: "推荐列表",
+		required: true,
+		defaultValue: [
+			{
+				label: "热门",
+				icon: "/images/2026/01/21/6967aec2d806ed47d5238861/fce0a95c-1e8f-4872-ab69-86212435e1bc.jpegxxx",
+				href: "/video-list?title=穷小伙刚离婚，找了他3年的女总裁蒙着面纱出现了，一身红嫁衣当众求嫁，前妻嘲笑她是丑八怪，下秒揭开面纱后全场沉默了&tags=动作"
+			},
+			{
+				label: "新上架",
+				icon: "/images/2026/01/21/6967aec2d806ed47d5238861/fce0a95c-1e8f-4872-ab69-86212435e1bc.jpegxxx",
+				href: "/video-list?title=穷小伙刚离婚，找了他3年的女总裁蒙着面纱出现了，一身红嫁衣当众求嫁，前妻嘲笑她是丑八怪，下秒揭开面纱后全场沉默了&tags=动作"
+			},
+			{
+				label: "排行榜",
+				icon: "/images/2026/01/21/6967aec2d806ed47d5238861/fce0a95c-1e8f-4872-ab69-86212435e1bc.jpegxxx",
+				href: "/video-list?title=穷小伙刚离婚，找了他3年的女总裁蒙着面纱出现了，一身红嫁衣当众求嫁，前妻嘲笑她是丑八怪，下秒揭开面纱后全场沉默了&tags=动作"
+			},
+			{
+				label: "筛选",
+				icon: "/images/2026/01/21/6967aec2d806ed47d5238861/fce0a95c-1e8f-4872-ab69-86212435e1bc.jpegxxx",
+				href: "/video-list?title=穷小伙刚离婚，找了他3年的女总裁蒙着面纱出现了，一身红嫁衣当众求嫁，前妻嘲笑她是丑八怪，下秒揭开面纱后全场沉默了&tags=动作"
+			}
+		]
+	})
+});
+const shortcutGridInspectorDefaultProps = getSchemaDefaultProps(shortcutGridInspectorPropsSchema);
+
+//#endregion
+export { shortcutGridInspectorDefaultProps, shortcutGridInspectorPropsSchema };

package/dist/components/biz/business/shortcut-grid/server.mjs

@@ -1,2 +1,18 @@
 
-import{ShortcutGridClient 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 ShortcutGrid};
+import { ShortcutGridClient } from "./client.mjs";
+import { jsx } from "react/jsx-runtime";
+
+//#region components/biz/business/shortcut-grid/server.tsx
+/**
+* 金刚区服务端组件，直接渲染客户端组件。
+*/
+function ShortcutGrid(props) {
+	const { mode = "renderer", ...rest } = props;
+	return /* @__PURE__ */ jsx(ShortcutGridClient, {
+		...rest,
+		mode
+	});
+}
+
+//#endregion
+export { ShortcutGrid };