@funhub/platform 0.1.52 → 0.1.54

package/dist/components/biz/business/tab-bar/client.mjs

@@ -1,2 +1,79 @@
 
-"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{useMemo as r}from"react";import{jsx as i,jsxs as a}from"react/jsx-runtime";import{usePathname as o,useRouter as s}from"next/navigation";const c=[];function l(l){let{items:u=c,mode:d=`renderer`}=l,f=s(),p=o(),m=r(()=>d===`editor`?0:u.findIndex(e=>!!(e.domainId===`home`&&p===`/`||e.domainId===`mine`&&p.includes(`/mine`))),[u,p,d]),h=e=>{if(d!==`editor`)if(e.configType===`function`)switch(e.functionPageType){case`search`:f.push(`/search`);break;case`profile`:f.push(`/user/mine`);break;case`detail`:e.selectData&&f.push(`/video/detail/${e.selectData}`);break;case`content_list`:f.push(`/video/list?tag=${e.selectData}`);break;default:f.push(`/`)}else f.push(`/`)};return!u||u.length===0?null:i(t,{className:`fixed bottom-0 left-0 right-0 bg-bg1 border-t border-line safe-area-bottom z-50`,children:i(t,{className:`flex h-[50px] items-center justify-around`,children:u.map((r,o)=>{let s=m===o,c=r.icon;return s&&r.activeIcon&&(c=r.activeIcon),a(t,{className:`flex flex-col items-center justify-center flex-1 cursor-pointer`,onClick:h,children:[i(t,{className:`relative w-6 h-6`,children:c?i(e,{src:c,alt:r.label,fill:!0,className:`object-contain`}):i(t,{className:`w-full h-full rounded-sm ${s?`bg-theme5`:`bg-text3`}`})}),i(n,{className:`text-[10px] mt-1 truncate max-w-full px-1 ${s?`text-theme5 font-medium`:`text-text3`}`,children:r.label})]},o)})})})}export{l as TabBarClient};
+'use client';
+
+import { Image } from "../../../ui/image.mjs";
+import { Box } from "../../../ui/box.mjs";
+import { Text } from "../../../ui/text.mjs";
+import { useMemo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { usePathname, useRouter } from "next/navigation";
+
+//#region components/biz/business/tab-bar/client.tsx
+const DEFAULT_ITEMS = [];
+/**
+* TabBar 物料组件 - 客户端交互部分
+*/
+function TabBarClient(props) {
+	const { items = DEFAULT_ITEMS, mode = "renderer" } = props;
+	const router = useRouter();
+	const pathname = usePathname();
+	const activeIndex = useMemo(() => {
+		if (mode === "editor") return 0;
+		return items.findIndex((item) => {
+			if (item.domainId === "home" && pathname === "/") return true;
+			if (item.domainId === "mine" && pathname.includes("/mine")) return true;
+			return false;
+		});
+	}, [
+		items,
+		pathname,
+		mode
+	]);
+	const handleItemClick = (item) => {
+		if (mode === "editor") return;
+		if (item.configType === 1) switch (item.functionPageType) {
+			case "搜索":
+				router.push("/search");
+				break;
+			case "个人中心":
+				router.push("/user/mine");
+				break;
+			case "内容列表":
+				router.push(`/video-list?tags=${item.tags}&title=${item.title}`);
+				break;
+			default: router.push("/");
+		}
+		else router.push(`/domain/category/${item.categoryName}`);
+	};
+	if (!items || items.length === 0) return null;
+	return /* @__PURE__ */ jsx(Box, {
+		className: "fixed bottom-0 left-0 right-0 bg-bg1 border-t border-line safe-area-bottom z-50",
+		children: /* @__PURE__ */ jsx(Box, {
+			className: "flex h-[50px] items-center justify-around",
+			children: items.map((item, index) => {
+				const active = activeIndex === index;
+				let iconSrc = item.icon;
+				if (active && item.activeIcon) iconSrc = item.activeIcon;
+				return /* @__PURE__ */ jsxs(Box, {
+					className: "flex flex-col items-center justify-center flex-1 cursor-pointer",
+					onClick: handleItemClick,
+					children: [/* @__PURE__ */ jsx(Box, {
+						className: "relative w-6 h-6",
+						children: iconSrc ? /* @__PURE__ */ jsx(Image, {
+							src: iconSrc,
+							alt: item.label,
+							fill: true,
+							className: "object-contain"
+						}) : /* @__PURE__ */ jsx(Box, { className: `w-full h-full rounded-sm ${active ? "bg-theme5" : "bg-text3"}` })
+					}), /* @__PURE__ */ jsx(Text, {
+						className: `text-[10px] mt-1 truncate max-w-full px-1 ${active ? "text-theme5 font-medium" : "text-text3"}`,
+						children: item.label
+					})]
+				}, index);
+			})
+		})
+	});
+}
+
+//#endregion
+export { TabBarClient };

package/dist/components/biz/business/tab-bar/material.mjs

@@ -1,2 +1,22 @@
 
-import{defineMaterial as e}from"../../../../utils/schema/material.mjs";import{TabBarClient as t}from"./client.mjs";import{tabBarInspectorPropsSchema as n}from"./schema.mjs";import{TabBarServer as r}from"./server.mjs";const i=e({type:`tab-bar`,name:`底部导航栏`,icon:``,category:`行为组件`,serverComponent:r,clientComponent:t,propsSchema:n});export{i as tabBarMaterial};
+import { defineMaterial } from "../../../../utils/schema/material.mjs";
+import { TabBarClient } from "./client.mjs";
+import { tabBarInspectorPropsSchema } from "./schema.mjs";
+import { TabBarServer } from "./server.mjs";
+
+//#region components/biz/business/tab-bar/material.ts
+/**
+* TabBar 物料定义
+*/
+const tabBarMaterial = defineMaterial({
+	type: "tab-bar",
+	name: "底部导航栏",
+	icon: "",
+	category: "行为组件",
+	serverComponent: TabBarServer,
+	clientComponent: TabBarClient,
+	propsSchema: tabBarInspectorPropsSchema
+});
+
+//#endregion
+export { tabBarMaterial };

package/dist/components/biz/business/tab-bar/schema.d.mts

@@ -1,6 +1,6 @@
 
 import { SchemaHasDefaultValue } from "../../../../utils/schema/schema.mjs";
-import "../../../../utils.mjs";
+import "../../../../utils/schema/index.mjs";
 import * as zod from "zod";
 import * as zod_v4_core0 from "zod/v4/core";
 

package/dist/components/biz/business/tab-bar/schema.mjs

@@ -1,2 +1,70 @@
 
-import{defineArrayItemPropSchema as e,defineComponentPropsSchema as t,defineSelectEnumPropSchema as n,defineTextPropSchema as r}from"../../../../utils/schema/schema.mjs";const i=t({items:e(t({label:r({label:`导航入口名称`,defaultValue:`入口`,description:`支持输入，中/英/数/符，不支持Emoji，4个字符`}),domainId:r({label:`导航入口域名ID`,defaultValue:``,description:`输入，英/数，10个字符`}),icon:r({label:`导航外显图标`,defaultValue:``,description:`支持上传，尺寸为1:1，支持jpg/png，50KB左右`}),activeIcon:r({label:`导航外显图标（选中）`,defaultValue:``,description:`支持上传，尺寸为1:1，支持jpg/png，50KB左右`}),configType:n([`product`,`function`],{label:`配置类型`,defaultValue:`function`}),functionPageType:n([`detail`,`search`,`profile`,`content_list`],{label:`功能页面类型`,defaultValue:`search`}),selectData:r({label:`选择数据`,defaultValue:``,required:!1})}),{label:`底部导航入口`,description:`注最少2个，最多5个，自动居中`,defaultValue:[{label:`首页`,domainId:`home`,icon:``,activeIcon:``,configType:`function`,functionPageType:`search`,selectData:``},{label:`我的`,domainId:`mine`,icon:``,activeIcon:``,configType:`function`,functionPageType:`profile`,selectData:``}]})});export{i as tabBarInspectorPropsSchema};
+import { defineArrayItemPropSchema, defineComponentPropsSchema, defineSelectEnumPropSchema, defineTextPropSchema } from "../../../../utils/schema/schema.mjs";
+
+//#region components/biz/business/tab-bar/schema.ts
+/**
+* TabBar 物料属性定义
+*/
+const tabBarInspectorPropsSchema = defineComponentPropsSchema({ items: defineArrayItemPropSchema(defineComponentPropsSchema({
+	label: defineTextPropSchema({
+		label: "导航入口名称",
+		defaultValue: "入口",
+		description: "支持输入，中/英/数/符，不支持Emoji，4个字符"
+	}),
+	domainId: defineTextPropSchema({
+		label: "导航入口域名ID",
+		defaultValue: "",
+		description: "输入，英/数，10个字符"
+	}),
+	icon: defineTextPropSchema({
+		label: "导航外显图标",
+		defaultValue: "",
+		description: "支持上传，尺寸为1:1，支持jpg/png，50KB左右"
+	}),
+	activeIcon: defineTextPropSchema({
+		label: "导航外显图标（选中）",
+		defaultValue: "",
+		description: "支持上传，尺寸为1:1，支持jpg/png，50KB左右"
+	}),
+	configType: defineSelectEnumPropSchema(["product", "function"], {
+		label: "配置类型",
+		defaultValue: "function"
+	}),
+	functionPageType: defineSelectEnumPropSchema([
+		"detail",
+		"search",
+		"profile",
+		"content_list"
+	], {
+		label: "功能页面类型",
+		defaultValue: "search"
+	}),
+	selectData: defineTextPropSchema({
+		label: "选择数据",
+		defaultValue: "",
+		required: false
+	})
+}), {
+	label: "底部导航入口",
+	description: "注最少2个，最多5个，自动居中",
+	defaultValue: [{
+		label: "首页",
+		domainId: "home",
+		icon: "",
+		activeIcon: "",
+		configType: "function",
+		functionPageType: "search",
+		selectData: ""
+	}, {
+		label: "我的",
+		domainId: "mine",
+		icon: "",
+		activeIcon: "",
+		configType: "function",
+		functionPageType: "profile",
+		selectData: ""
+	}]
+}) });
+
+//#endregion
+export { tabBarInspectorPropsSchema };

package/dist/components/biz/business/tab-bar/server.mjs

@@ -1,2 +1,19 @@
 
-import{TabBarClient as e}from"./client.mjs";import{jsx as t}from"react/jsx-runtime";async function n(n){let{mode:r=`renderer`,...i}=n;return t(e,{...i,mode:r})}export{n as TabBarServer};
+import { TabBarClient } from "./client.mjs";
+import { jsx } from "react/jsx-runtime";
+
+//#region components/biz/business/tab-bar/server.tsx
+/**
+* TabBar 物料组件 - 服务端部分
+*/
+async function TabBarServer(props) {
+	console.log("TabBarServer props", props);
+	const { mode = "renderer", ...rest } = props;
+	return /* @__PURE__ */ jsx(TabBarClient, {
+		...rest,
+		mode
+	});
+}
+
+//#endregion
+export { TabBarServer };

package/dist/components/biz/business/text-recommend/client.mjs

@@ -1,2 +1,81 @@
 
-"use client";import{Box as e}from"../../../ui/box.mjs";import{Text as t}from"../../../ui/text.mjs";import n from"../../../../assets/icons/refresh.mjs";import{useMemo as r,useState as i}from"react";import{jsx as a,jsxs as o}from"react/jsx-runtime";import{usePathname as s,useRouter as c,useSearchParams as l}from"next/navigation";const u=[];function d(d){let{title:f,displayCount:p=6,items:m=u,onItemClick:h,mode:g=`renderer`}=d,_=g===`editor`,v=c(),y=s(),b=l(),[x,S]=i(0),C=Math.ceil(m.length/p),w=r(()=>{if(m.length<=p)return m;let e=x%C*p;return m.slice(e,e+p)},[m,p,x,C]);if(m.length===0)return null;let T=e=>{e.stopPropagation(),S(e=>e+1)},E=e=>{if(h)h(e);else{let t=new URLSearchParams(b.toString());t.set(`q`,e);let n=y.includes(`/search`)?y:`/search`;v.push(`${n}?${t.toString()}`)}};return o(e,{className:_?`bg-bg1 p-3 flex flex-col gap-3 w-full pointer-events-none`:`bg-bg1 p-3 flex flex-col gap-3 w-full`,children:[o(e,{className:`flex items-center justify-between w-full`,children:[a(t,{className:`text-[18px] font-bold text-text1 leading-[26px]`,children:f||`推荐搜索`}),m.length>p&&o(e,{className:`flex items-center gap-1 cursor-pointer active:opacity-70 transition-opacity`,onClick:T,children:[a(t,{className:`text-[14px] text-text3 leading-[22px]`,children:`换一批`}),a(n,{className:`w-3 h-3 text-text3`})]})]}),a(e,{className:`grid grid-cols-2 gap-x-1 gap-y-1 w-full`,children:w.map((n,r)=>a(e,{className:`flex items-center h-[32px] cursor-pointer active:opacity-70 transition-opacity overflow-hidden`,onClick:()=>E(n.label),children:a(t,{className:`text-[14px] text-text1 leading-[22px] truncate w-full`,children:n.label})},`${x}-${r}`))})]})}export{d as TextRecommendClient};
+'use client';
+
+import { Box } from "../../../ui/box.mjs";
+import { Text } from "../../../ui/text.mjs";
+import SvgRefresh from "../../../../assets/icons/refresh.mjs";
+import { 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/text-recommend/client.tsx
+const DEFAULT_ITEMS = [];
+/**
+* 文字推荐物料组件 (推荐搜索) - 客户端交互部分
+* 适配 Figma 设计稿布局：一行展示2个，包含“换一批”功能
+*/
+function TextRecommendClient(props) {
+	const t = useTranslations("components.biz.business.textRecommend");
+	const { title, displayCount = 6, items = DEFAULT_ITEMS, onItemClick, mode = "renderer" } = props;
+	const isEditor = mode === "editor";
+	const router = useRouter();
+	const pathname = usePathname();
+	const searchParams = useSearchParams();
+	const [page, setPage] = useState(0);
+	const totalPages = Math.ceil(items.length / displayCount);
+	const displayList = useMemo(() => {
+		if (items.length <= displayCount) return items;
+		const start = page % totalPages * displayCount;
+		return items.slice(start, start + displayCount);
+	}, [
+		items,
+		displayCount,
+		page,
+		totalPages
+	]);
+	if (items.length === 0) return null;
+	const handleRefresh = (e) => {
+		e.stopPropagation();
+		setPage((prev) => prev + 1);
+	};
+	const handleClick = (keyword) => {
+		if (onItemClick) onItemClick(keyword);
+		else {
+			const params = new URLSearchParams(searchParams.toString());
+			params.set("q", keyword);
+			const targetPath = pathname.includes("/search") ? pathname : "/search";
+			router.push(`${targetPath}?${params.toString()}`);
+		}
+	};
+	return /* @__PURE__ */ jsxs(Box, {
+		className: isEditor ? "bg-bg1 p-3 flex flex-col gap-3 w-full pointer-events-none" : "bg-bg1 p-3 flex flex-col gap-3 w-full",
+		children: [/* @__PURE__ */ jsxs(Box, {
+			className: "flex items-center justify-between w-full",
+			children: [/* @__PURE__ */ jsx(Text, {
+				className: "text-[18px] font-bold text-text1 leading-[26px]",
+				children: title || t("defaultTitle")
+			}), /* @__PURE__ */ jsxs(Box, {
+				className: "flex items-center gap-1 cursor-pointer active:opacity-70 transition-opacity",
+				onClick: handleRefresh,
+				children: [/* @__PURE__ */ jsx(Text, {
+					className: "text-[14px] text-text3 leading-[22px]",
+					children: t("refreshBatch")
+				}), /* @__PURE__ */ jsx(SvgRefresh, { className: "w-3 h-3 text-text3" })]
+			})]
+		}), /* @__PURE__ */ jsx(Box, {
+			className: "grid grid-cols-2 gap-x-1 gap-y-1 w-full",
+			children: displayList.map((item, index) => /* @__PURE__ */ jsx(Box, {
+				className: "flex items-center h-[32px] cursor-pointer active:opacity-70 transition-opacity overflow-hidden",
+				onClick: () => handleClick(item.label),
+				children: /* @__PURE__ */ jsx(Text, {
+					className: "text-[14px] text-text1 leading-[22px] truncate w-full",
+					children: item.label
+				})
+			}, `${page}-${index}`))
+		})]
+	});
+}
+
+//#endregion
+export { TextRecommendClient };

package/dist/components/biz/business/text-recommend/material.mjs

@@ -1,2 +1,19 @@
 
-import{defineMaterial as e}from"../../../../utils/schema/material.mjs";import{TextRecommendClient as t}from"./client.mjs";import{textRecommendInspectorPropsSchema as n}from"./schema.mjs";import{TextRecommendServer as r}from"./server.mjs";const i=e({type:`text-recommend`,name:`文字推荐`,icon:`/static/components-thumb/search_recommend_text.png`,category:`内容组件`,serverComponent:r,clientComponent:t,propsSchema:n});export{i as textRecommendMaterial};
+import { defineMaterial } from "../../../../utils/schema/material.mjs";
+import { TextRecommendClient } from "./client.mjs";
+import { textRecommendInspectorPropsSchema } from "./schema.mjs";
+import { TextRecommendServer } from "./server.mjs";
+
+//#region components/biz/business/text-recommend/material.ts
+const textRecommendMaterial = defineMaterial({
+	type: "text-recommend",
+	name: "文字推荐",
+	icon: "/static/components-thumb/search_recommend_text.png",
+	category: "内容组件",
+	serverComponent: TextRecommendServer,
+	clientComponent: TextRecommendClient,
+	propsSchema: textRecommendInspectorPropsSchema
+});
+
+//#endregion
+export { textRecommendMaterial };

package/dist/components/biz/business/text-recommend/schema.d.mts

@@ -1,6 +1,6 @@
 
 import { SchemaHasDefaultValue } from "../../../../utils/schema/schema.mjs";
-import "../../../../utils.mjs";
+import "../../../../utils/schema/index.mjs";
 import { z } from "zod";
 
 //#region components/biz/business/text-recommend/schema.d.ts

package/dist/components/biz/business/text-recommend/schema.mjs

@@ -1,2 +1,29 @@
 
-import{defineArrayItemPropSchema as e,defineComponentPropsSchema as t,defineNumberPropSchema as n,defineTextPropSchema as r}from"../../../../utils/schema/schema.mjs";import{z as i}from"zod";const a=t({title:r({label:`标题名称`,defaultValue:`推荐搜索`,description:`支持输入，中/英/数/符，6个字符`}),displayCount:n({label:`展示数`,defaultValue:2}),items:e(i.object({label:r({label:`热词`,defaultValue:`爱回家中文`})}),{label:`推荐位模块`,defaultValue:[{label:`爱回家中文`},{label:`爱回家中文`}]})});export{a as textRecommendInspectorPropsSchema};
+import { defineArrayItemPropSchema, defineComponentPropsSchema, defineNumberPropSchema, defineTextPropSchema } from "../../../../utils/schema/schema.mjs";
+import { z } from "zod";
+
+//#region components/biz/business/text-recommend/schema.ts
+/**
+* 文字推荐物料属性定义
+*/
+const textRecommendInspectorPropsSchema = defineComponentPropsSchema({
+	title: defineTextPropSchema({
+		label: "标题名称",
+		defaultValue: "推荐搜索",
+		description: "支持输入，中/英/数/符，6个字符"
+	}),
+	displayCount: defineNumberPropSchema({
+		label: "展示数",
+		defaultValue: 2
+	}),
+	items: defineArrayItemPropSchema(z.object({ label: defineTextPropSchema({
+		label: "热词",
+		defaultValue: "爱回家中文"
+	}) }), {
+		label: "推荐位模块",
+		defaultValue: [{ label: "爱回家中文" }, { label: "爱回家中文" }]
+	})
+});
+
+//#endregion
+export { textRecommendInspectorPropsSchema };

package/dist/components/biz/business/text-recommend/server.mjs

@@ -1,2 +1,19 @@
 
-import{TextRecommendClient as e}from"./client.mjs";import{jsx as t}from"react/jsx-runtime";async function n(n){let{mode:r=`renderer`,...i}=n;return t(e,{...i,mode:r})}export{n as TextRecommendServer};
+import { TextRecommendClient } from "./client.mjs";
+import { jsx } from "react/jsx-runtime";
+
+//#region components/biz/business/text-recommend/server.tsx
+/**
+* 文字推荐物料组件 (推荐搜索) - 服务端部分
+* 负责初始数据的预取
+*/
+async function TextRecommendServer(props) {
+	const { mode = "renderer", ...rest } = props;
+	return /* @__PURE__ */ jsx(TextRecommendClient, {
+		...rest,
+		mode
+	});
+}
+
+//#endregion
+export { TextRecommendServer };

package/dist/components/biz/example/button/client.mjs

@@ -1,2 +1,44 @@
 
-"use client";import{cn as e}from"../../../../utils/cn.mjs";import{useRequest as t}from"../../../../hooks/query/use-query.mjs";import{buttonVariants as n}from"./variants.mjs";import{jsx as r}from"react/jsx-runtime";function i(i){let{text:a,disabled:o,loading:s,variant:c=`default`,mode:l=`renderer`}=i;console.log({clientMode:l,text:a});function u(){l!==`editor`&&console.log(`invoke`)}return t([`demo`],()=>new Promise(e=>{setTimeout(()=>{e({message:`Hello World`})},200)}),{enabled:l===`renderer`}),l===`editor`?r(`div`,{children:`editor preview button`}):r(`button`,{className:e(n({variant:c})),onClick:u,disabled:o||s,children:a})}export{i as ButtonClient};
+'use client';
+
+import { cn } from "../../../../utils/cn.mjs";
+import { useRequest } from "../../../../hooks/query/use-query.mjs";
+import { buttonVariants } from "./variants.mjs";
+import { jsx } from "react/jsx-runtime";
+
+//#region components/biz/example/button/client.tsx
+function ButtonClient(props) {
+	const { text, disabled, loading, variant = "default", mode = "renderer" } = props;
+	console.log({
+		clientMode: mode,
+		text
+	});
+	function handleClick() {
+		/**
+		* 如果mode为editor则不响应事件
+		*/
+		if (mode === "editor") return;
+		console.log("invoke");
+	}
+	/**
+	* 如果是使用了useRequest，可以使用enabled参数控制是否发起请求，只有mode为renderer的时候请求，
+	* 如果是使用了useEffect发起请求的情况 ，请自行在useEffect中进行判断，注意将mode加入到useEffect的deps中
+	*/
+	useRequest(["demo"], () => {
+		return new Promise((resolve) => {
+			setTimeout(() => {
+				resolve({ message: "Hello World" });
+			}, 200);
+		});
+	}, { enabled: mode === "renderer" });
+	if (mode === "editor") return /* @__PURE__ */ jsx("div", { children: "editor preview button" });
+	return /* @__PURE__ */ jsx("button", {
+		className: cn(buttonVariants({ variant })),
+		onClick: handleClick,
+		disabled: disabled || loading,
+		children: text
+	});
+}
+
+//#endregion
+export { ButtonClient };

package/dist/components/biz/example/button/material.mjs

@@ -1,2 +1,19 @@
 
-import{defineMaterial as e}from"../../../../utils/schema/material.mjs";import{ButtonClient as t}from"./client.mjs";import{buttonInspectorPropsSchema as n}from"./schema.mjs";import{Button as r}from"./server.mjs";const i=e({type:`example-button`,name:`按钮`,icon:`/icon/button.png`,category:`行为组件`,serverComponent:r,clientComponent:t,propsSchema:n});export{i as exampleButtonMaterial};
+import { defineMaterial } from "../../../../utils/schema/material.mjs";
+import { ButtonClient } from "./client.mjs";
+import { buttonInspectorPropsSchema } from "./schema.mjs";
+import { Button } from "./server.mjs";
+
+//#region components/biz/example/button/material.ts
+const exampleButtonMaterial = defineMaterial({
+	type: "example-button",
+	name: "按钮",
+	icon: "/icon/button.png",
+	category: "行为组件",
+	serverComponent: Button,
+	clientComponent: ButtonClient,
+	propsSchema: buttonInspectorPropsSchema
+});
+
+//#endregion
+export { exampleButtonMaterial };

package/dist/components/biz/example/button/schema.mjs

@@ -1,2 +1,48 @@
 
-import{defineArrayItemPropSchema as e,defineCheckboxPropSchema as t,defineComponentPropsSchema as n,defineObjectPropSchema as r,defineSelectEnumPropSchema as i,defineSwitchPropSchema as a,defineTextPropSchema as o,getSchemaDefaultProps as s}from"../../../../utils/schema/schema.mjs";import{buttonVariantOptions as c}from"./variants.mjs";import l from"zod";const u=n({text:o({label:`文本`,defaultValue:`example button`}),variant:i(c,{label:`变体`,defaultValue:`red`}),disabled:t({label:`禁用`,defaultValue:!1,required:!1}),loading:a({label:`加载`,required:!1}),items:e(l.object({name:o({label:`名称`,required:!1})}),{required:!1,label:`items`,defaultValue:[{name:`string`}]}),info:r({address:o({label:`地址`,required:!1})},{label:`info`,required:!1,defaultValue:{address:`SHENZHEN`}})}),d=s(u);export{d as buttonInspectorDefaultProps,u as buttonInspectorPropsSchema};
+import { defineArrayItemPropSchema, defineCheckboxPropSchema, defineComponentPropsSchema, defineObjectPropSchema, defineSelectEnumPropSchema, defineSwitchPropSchema, defineTextPropSchema, getSchemaDefaultProps } from "../../../../utils/schema/schema.mjs";
+import { buttonVariantOptions } from "./variants.mjs";
+import z$1 from "zod";
+
+//#region components/biz/example/button/schema.ts
+/**
+* 定义可以被低代码右侧inspector编辑的props
+*/
+const buttonInspectorPropsSchema = defineComponentPropsSchema({
+	text: defineTextPropSchema({
+		label: "文本",
+		defaultValue: "example button"
+	}),
+	variant: defineSelectEnumPropSchema(buttonVariantOptions, {
+		label: "变体",
+		defaultValue: "red"
+	}),
+	disabled: defineCheckboxPropSchema({
+		label: "禁用",
+		defaultValue: false,
+		required: false
+	}),
+	loading: defineSwitchPropSchema({
+		label: "加载",
+		required: false
+	}),
+	items: defineArrayItemPropSchema(z$1.object({ name: defineTextPropSchema({
+		label: "名称",
+		required: false
+	}) }), {
+		required: false,
+		label: "items",
+		defaultValue: [{ name: "string" }]
+	}),
+	info: defineObjectPropSchema({ address: defineTextPropSchema({
+		label: "地址",
+		required: false
+	}) }, {
+		label: "info",
+		required: false,
+		defaultValue: { address: "SHENZHEN" }
+	})
+});
+const buttonInspectorDefaultProps = getSchemaDefaultProps(buttonInspectorPropsSchema);
+
+//#endregion
+export { buttonInspectorDefaultProps, buttonInspectorPropsSchema };

package/dist/components/biz/example/button/server.mjs

@@ -1,2 +1,33 @@
 
-import{HydrationBoundary as e}from"../../../../hooks/query/hydration-boundary.mjs";import{ButtonClient as t}from"./client.mjs";import{jsx as n}from"react/jsx-runtime";function r({mode:r=`renderer`,...i}){return console.log({serverMode:r}),n(e,{prefetch:[{queryKey:[`demo`],queryFn(){return new Promise(e=>{setTimeout(()=>{e({message:`Hello World`})},200)})}}],children:n(t,{...i,mode:r})})}export{r as Button};
+import { HydrationBoundary } from "../../../../hooks/query/hydration-boundary.mjs";
+import { ButtonClient } from "./client.mjs";
+import { jsx } from "react/jsx-runtime";
+
+//#region components/biz/example/button/server.tsx
+function Button({ mode = "renderer", ...props }) {
+	console.log({ serverMode: mode });
+	/**
+	* 组件使用的数据收敛到组件内部请求，做prefetch
+	* @param props
+	* @returns
+	*/
+	return /* @__PURE__ */ jsx(HydrationBoundary, {
+		prefetch: [{
+			queryKey: ["demo"],
+			queryFn() {
+				return new Promise((resolve) => {
+					setTimeout(() => {
+						resolve({ message: "Hello World" });
+					}, 200);
+				});
+			}
+		}],
+		children: /* @__PURE__ */ jsx(ButtonClient, {
+			...props,
+			mode
+		})
+	});
+}
+
+//#endregion
+export { Button };

package/dist/components/biz/example/button/variants.mjs

@@ -1,2 +1,23 @@
 
-import{cva as e}from"class-variance-authority";const t=e(`transition-colors duration-150 active:opacity-50 border p-2 rounded-md`,{variants:{variant:{default:`bg-white text-white`,blue:`bg-blue-400 text-white`,red:`bg-red-600 text-white`}},defaultVariants:{variant:`default`}}),n=[`default`,`blue`,`red`];export{n as buttonVariantOptions,t as buttonVariants};
+import { cva } from "class-variance-authority";
+
+//#region components/biz/example/button/variants.ts
+/**
+* Button 物料视觉样式变体。
+*/
+const buttonVariants = cva("transition-colors duration-150 active:opacity-50 border p-2 rounded-md", {
+	variants: { variant: {
+		default: "bg-white text-white",
+		blue: "bg-blue-400 text-white",
+		red: "bg-red-600 text-white"
+	} },
+	defaultVariants: { variant: "default" }
+});
+const buttonVariantOptions = [
+	"default",
+	"blue",
+	"red"
+];
+
+//#endregion
+export { buttonVariantOptions, buttonVariants };

package/dist/components/biz/renderer/renderer.mjs

@@ -1,2 +1,74 @@
 
-import{cn as e}from"../../../utils/cn.mjs";import{generateMaterialMap as t}from"../../../utils/schema/utils.mjs";import{materials_exports as n}from"../../../materials.mjs";import{Fragment as r,jsx as i,jsxs as a}from"react/jsx-runtime";function o(e,t){let n=t.props,r=e.propsSchema.safeParse(n);return r.success?{isValid:!0,props:r.data}:{isValid:!1,props:n,message:r.error?.message}}function s(e){let{document:t,materialMap:n,nodeId:c,ancestors:l,mode:u}=e;if(l.has(c))return null;let d=t.page.nodes[c];if(!d)return null;let f=new Set(l);f.add(c);let p=d.children.map(e=>i(s,{document:t,materialMap:n,nodeId:e,ancestors:f,mode:u},e)),m=n[d.type];if(!m)return p.length===0?null:i(r,{children:p});let h=o(m,d);return h.isValid?i(u===`client`?m.clientComponent:m.serverComponent,{...h.props,children:p}):a(`div`,{children:[`组件配置错误`,h.message]})}function c(r){let{className:a,document:o,materials:c,mode:l=`server`}=r,u=o.page.nodes[o.page.rootId];if(!u)return i(`div`,{className:e(`funhub-renderer`,a)});let d=t(c??Object.values(n));return i(`div`,{className:e(`funhub-renderer`,a),children:i(s,{document:o,materialMap:d,nodeId:u.id,ancestors:new Set,mode:l})})}export{c as Renderer};
+import { cn } from "../../../utils/cn.mjs";
+import { generateMaterialMap } from "../../../utils/schema/utils.mjs";
+import { materials_exports } from "../../../materials.mjs";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+
+//#region components/biz/renderer/renderer.tsx
+/**
+* 合并节点 props 并执行 schema 校验。
+*/
+function resolveMaterialProps(material, node) {
+	const mergedProps = node.props;
+	const parsed = material.propsSchema.safeParse(mergedProps);
+	if (!parsed.success) return {
+		isValid: false,
+		props: mergedProps,
+		message: parsed.error?.message
+	};
+	return {
+		isValid: true,
+		props: parsed.data
+	};
+}
+/**
+* 递归渲染文档节点。
+*/
+function RendererDocumentNode(props) {
+	const { document, materialMap, nodeId, ancestors, mode } = props;
+	if (ancestors.has(nodeId)) return null;
+	const node = document.page.nodes[nodeId];
+	if (!node) return null;
+	const nextAncestors = new Set(ancestors);
+	nextAncestors.add(nodeId);
+	const children = node.children.map((childId) => /* @__PURE__ */ jsx(RendererDocumentNode, {
+		document,
+		materialMap,
+		nodeId: childId,
+		ancestors: nextAncestors,
+		mode
+	}, childId));
+	const material = materialMap[node.type];
+	if (!material) {
+		if (children.length === 0) return null;
+		return /* @__PURE__ */ jsx(Fragment, { children });
+	}
+	const resolvedProps = resolveMaterialProps(material, node);
+	if (!resolvedProps.isValid) return /* @__PURE__ */ jsxs("div", { children: ["组件配置错误", resolvedProps.message] });
+	return /* @__PURE__ */ jsx(mode === "client" ? material.clientComponent : material.serverComponent, {
+		...resolvedProps.props,
+		children
+	});
+}
+/**
+* 页面渲染器（服务端组件）。
+*/
+function Renderer(props) {
+	const { className, document, materials, mode = "server" } = props;
+	const rootNode = document.page.nodes[document.page.rootId];
+	if (!rootNode) return /* @__PURE__ */ jsx("div", { className: cn("funhub-renderer", className) });
+	const materialMap = generateMaterialMap(materials ?? Object.values(materials_exports));
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("funhub-renderer", className),
+		children: /* @__PURE__ */ jsx(RendererDocumentNode, {
+			document,
+			materialMap,
+			nodeId: rootNode.id,
+			ancestors: /* @__PURE__ */ new Set(),
+			mode
+		})
+	});
+}
+
+//#endregion
+export { Renderer };