@funhub/platform 0.1.127 → 0.1.130

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

@@ -1,2 +1,71 @@
 
-import e from"zod";import{defineArrayItemPropSchema as t,defineComponentPropsSchema as n,defineNumberPropSchema as r,defineSwitchPropSchema as i,defineTextPropSchema as a,getSchemaDefaultProps as o}from"create-funhub/sdk";const s=n({title:a({label:`推荐位名称`,required:!0,defaultValue:`推荐列表`}),shortcutCount:r({label:`入口数量`,required:!0,defaultValue:4}).refine(e=>e>=3&&e<=5,`入口数量必须为 3-5`),isShortcutTitle:i({label:`是否显示入口标题`,required:!0,defaultValue:!0}),shortcuts:t(e.object({label:a({label:`入口标题`,required:!1,defaultValue:`最新`}),icon:a({label:`图标`,required:!0,defaultValue:``}),href:a({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=o(s);export{c as shortcutGridInspectorDefaultProps,s as shortcutGridInspectorPropsSchema};
+import z$1 from "zod";
+import { defineArrayItemPropSchema, defineComponentPropsSchema, defineNumberPropSchema, defineSwitchPropSchema, defineTextPropSchema, getSchemaDefaultProps } from "create-funhub/sdk";
+
+//#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 };

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

@@ -1,2 +1,103 @@
 
-"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 o from"next/link";import{usePathname as s}from"next/navigation";const c=[];function l(e){return e.split(`?`)[0].replace(/\/+$/,``)||`/`}function u(e){if(e.configType===1)switch(e.functionPageType){case`搜索`:return`/search`;case`个人中心`:return`/user/mine`;case`内容列表`:return`/video-list?tags=${e.tags}&title=${e.title}`;default:return`/`}let t=(e.domainId??``).toString().trim();return t?`/domain/${t}`:`/`}function d(e,t){let n=l(t);if(e.configType===1){let t=l(u(e).split(`?`)[0]);return n===t||n.startsWith(`${t}/`)}let r=e.domainId.trim();if(!r)return n===`/`||n.startsWith(`/category/`);let i=`/domain/${r}`;return n===i||n.startsWith(`${i}/`)}function f(e,t){return e.findIndex(e=>d(e,t))}function p(l){let{items:d=c,mode:p=`renderer`}=l,m=s(),h=r(()=>{if(p===`editor`)return 0;let e=f(d??[],m);return e>=0?e:0},[d,m,p]),g=r(()=>(d??[]).some(e=>e.label.trim()!==``),[d]);if(!d?.length)return null;function _(e){p===`editor`&&e.preventDefault()}let v=`flex min-w-0 flex-1 cursor-pointer flex-col items-center justify-center ${g?`gap-1`:``}`;return i(t,{className:`fixed bottom-0 left-0 right-0 z-50 h-[var(--tab-bar-height)] border-t border-line1 bg-bg1 py-3 backdrop-blur-[2px] shadow-[0px_-4px_10px_0px_rgba(0,0,0,0.02)]`,children:i(t,{className:`flex w-full items-center`,children:d.map((r,s)=>{let c=h===s,l=c?r.activeIcon:r.icon,d=r.label;return a(o,{href:u(r),className:v,"data-index":s,"data-webview-nav":`spa`,onClick:_,children:[i(t,{className:`relative size-[22px] shrink-0`,children:l?i(e,{src:l,alt:d,fill:!0,className:`object-contain`}):i(t,{"data-active":c,className:`size-full rounded-sm bg-text3 data-[active=true]:bg-theme5`})}),g&&i(n,{"data-active":c,className:`truncate text-center text-[10px] leading-[10px] font-medium min-w-0 max-w-full px-0.5 text-text2 data-[active=true]:text-theme5`,children:d})]},s)})})})}export{p 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 Link from "next/link";
+import { usePathname } from "next/navigation";
+
+//#region components/biz/business/tab-bar/client.tsx
+const DEFAULT_ITEMS = [];
+function normalizePathname(pathname) {
+	return pathname.split("?")[0].replace(/\/+$/, "") || "/";
+}
+function getPathForItem(item) {
+	if (item.configType === 1) switch (item.functionPageType) {
+		case "搜索": return "/search";
+		case "个人中心": return "/user/mine";
+		case "内容列表": return `/video-list?tags=${item.tags}&title=${item.title}`;
+		default: return "/";
+	}
+	const domainId = (item.domainId ?? "").toString().trim();
+	return domainId ? `/domain/${domainId}` : "/";
+}
+/** 根据当前路由匹配目标路由（含首屏初次高亮）。 */
+function isItemActive(item, pathname) {
+	const currentPath = normalizePathname(pathname);
+	if (item.configType === 1) {
+		const targetPath = normalizePathname(getPathForItem(item).split("?")[0]);
+		return currentPath === targetPath || currentPath.startsWith(`${targetPath}/`);
+	}
+	const domainId = item.domainId.trim();
+	if (!domainId) return currentPath === "/" || currentPath.startsWith("/category/");
+	const domainPath = `/domain/${domainId}`;
+	return currentPath === domainPath || currentPath.startsWith(`${domainPath}/`);
+}
+function getActiveIndexByPath(items, pathname) {
+	return items.findIndex((item) => isItemActive(item, pathname));
+}
+/**
+* TabBar 物料组件
+*/
+function TabBarClient(props) {
+	const { items = DEFAULT_ITEMS, mode = "renderer" } = props;
+	const pathname = usePathname();
+	const activeIndex = useMemo(() => {
+		if (mode === "editor") return 0;
+		const matchedIndex = getActiveIndexByPath(items ?? [], pathname);
+		return matchedIndex >= 0 ? matchedIndex : 0;
+	}, [
+		items,
+		pathname,
+		mode
+	]);
+	const hasAnyLabel = useMemo(() => (items ?? []).some((item) => item.label.trim() !== ""), [items]);
+	if (!items?.length) return null;
+	function handleItemClick(event) {
+		if (mode === "editor") event.preventDefault();
+	}
+	const barClass = "fixed bottom-0 left-0 right-0 z-50 h-[var(--tab-bar-height)] border-t border-line1 bg-bg1 py-3 backdrop-blur-[2px] shadow-[0px_-4px_10px_0px_rgba(0,0,0,0.02)]";
+	const itemClass = `flex min-w-0 flex-1 cursor-pointer flex-col items-center justify-center ${hasAnyLabel ? "gap-1" : ""}`;
+	const textClass = "truncate text-center text-[10px] leading-[10px] font-medium min-w-0 max-w-full px-0.5 text-text2 data-[active=true]:text-theme5";
+	const fallbackIconClass = "size-full rounded-sm bg-text3 data-[active=true]:bg-theme5";
+	return /* @__PURE__ */ jsx(Box, {
+		className: barClass,
+		children: /* @__PURE__ */ jsx(Box, {
+			className: "flex w-full items-center",
+			children: items.map((item, index) => {
+				const active = activeIndex === index;
+				const iconSrc = active ? item.activeIcon : item.icon;
+				const label = item.label;
+				return /* @__PURE__ */ jsxs(Link, {
+					href: getPathForItem(item),
+					className: itemClass,
+					"data-index": index,
+					"data-webview-nav": "spa",
+					onClick: handleItemClick,
+					children: [/* @__PURE__ */ jsx(Box, {
+						className: "relative size-[22px] shrink-0",
+						children: iconSrc ? /* @__PURE__ */ jsx(Image, {
+							src: iconSrc,
+							alt: label,
+							fill: true,
+							className: "object-contain"
+						}) : /* @__PURE__ */ jsx(Box, {
+							"data-active": active,
+							className: fallbackIconClass
+						})
+					}), hasAnyLabel && /* @__PURE__ */ jsx(Text, {
+						"data-active": active,
+						className: textClass,
+						children: label
+					})]
+				}, index);
+			})
+		})
+	});
+}
+
+//#endregion
+export { TabBarClient };

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

@@ -1,2 +1,22 @@
 
-import{TabBarClient as e}from"./client.mjs";import{tabBarInspectorPropsSchema as t}from"./schema.mjs";import{TabBarServer as n}from"./server.mjs";import{defineMaterial as r}from"create-funhub/sdk";const i=r({type:`tab-bar`,name:`底部导航栏`,icon:``,category:`行为组件`,serverComponent:n,clientComponent:e,propsSchema:t});export{i as tabBarMaterial};
+import { TabBarClient } from "./client.mjs";
+import { tabBarInspectorPropsSchema } from "./schema.mjs";
+import { TabBarServer } from "./server.mjs";
+import { defineMaterial } from "create-funhub/sdk";
+
+//#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.mjs

@@ -1,2 +1,12 @@
 
-import{defineComponentPropsSchema as e,getSchemaDefaultProps as t}from"create-funhub/sdk";const n=e({}),r=t(n);export{r as tabBarInspectorDefaultProps,n as tabBarInspectorPropsSchema};
+import { defineComponentPropsSchema, getSchemaDefaultProps } from "create-funhub/sdk";
+
+//#region components/biz/business/tab-bar/schema.ts
+/**
+* TabBar 物料暂不对外开放配置，仅做占位展示。
+*/
+const tabBarInspectorPropsSchema = defineComponentPropsSchema({});
+const tabBarInspectorDefaultProps = getSchemaDefaultProps(tabBarInspectorPropsSchema);
+
+//#endregion
+export { tabBarInspectorDefaultProps, tabBarInspectorPropsSchema };

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

@@ -1,2 +1,18 @@
 
-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) {
+	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,70 @@
 
-"use client";import{Box as e}from"../../../ui/box.mjs";import{Text as t}from"../../../ui/text.mjs";import{useMemo as n,useState as r}from"react";import{jsx as i,jsxs as a}from"react/jsx-runtime";import{usePathname as o,useRouter as s,useSearchParams as c}from"next/navigation";const l=[];function u(e,t){if(e.length<=t)return[...e];let n=[...e];for(let e=0;e<t;e++){let t=e+Math.floor(Math.random()*(n.length-e));[n[e],n[t]]=[n[t],n[e]]}return n.slice(0,t)}function d(d){let{title:f,items:p=l,onItemClick:m,mode:h=`renderer`}=d,g=h===`editor`,_=s(),v=o(),y=c(),[b,x]=r(0),S=n(()=>u(p,6),[p,b]);if(p.length===0)return null;let C=e=>{if(m){m(e);return}let t=new URLSearchParams(y.toString());t.set(`q`,e);let n=v.includes(`/search-result`)?v:`/search-result`;_.push(`${n}?${t.toString()}`)};return a(e,{className:`bg-bg1 p-3 flex flex-col gap-3 w-full${g?` pointer-events-none`:``}`,children:[i(e,{className:`flex items-center justify-between w-full`,children:i(t,{className:`text-[18px] font-bold text-text1 leading-[26px]`,children:f})}),i(e,{className:`grid grid-cols-2 gap-x-1 gap-y-1 w-full`,children:S.map((n,r)=>i(e,{className:`flex items-center h-[32px] cursor-pointer active:opacity-70 transition-opacity overflow-hidden`,onClick:()=>C(n.label),children:i(t,{className:`text-[14px] text-text1 leading-[22px] truncate w-full`,children:n.label})},`${b}-${r}`))})]})}export{d as TextRecommendClient};
+'use client';
+
+import { Box } from "../../../ui/box.mjs";
+import { Text } from "../../../ui/text.mjs";
+import { useMemo, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { usePathname, useRouter, useSearchParams } from "next/navigation";
+
+//#region components/biz/business/text-recommend/client.tsx
+const BATCH_SIZE = 6;
+const DEFAULT_ITEMS = [];
+/** 从数组中随机取最多 n 个（不重复） */
+function randomPick(arr, n) {
+	if (arr.length <= n) return [...arr];
+	const copy = [...arr];
+	for (let i = 0; i < n; i++) {
+		const j = i + Math.floor(Math.random() * (copy.length - i));
+		[copy[i], copy[j]] = [copy[j], copy[i]];
+	}
+	return copy.slice(0, n);
+}
+/**
+* 文字推荐物料组件 (推荐搜索) - 客户端交互部分
+*/
+function TextRecommendClient(props) {
+	const { title, items = DEFAULT_ITEMS, onItemClick, mode = "renderer" } = props;
+	const isEditor = mode === "editor";
+	const router = useRouter();
+	const pathname = usePathname();
+	const searchParams = useSearchParams();
+	const [refreshKey, setRefreshKey] = useState(0);
+	const displayList = useMemo(() => {
+		return randomPick(items, BATCH_SIZE);
+	}, [items, refreshKey]);
+	if (items.length === 0) return null;
+	const handleClick = (keyword) => {
+		if (onItemClick) {
+			onItemClick(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: `bg-bg1 p-3 flex flex-col gap-3 w-full${isEditor ? " pointer-events-none" : ""}`,
+		children: [/* @__PURE__ */ jsx(Box, {
+			className: "flex items-center justify-between w-full",
+			children: /* @__PURE__ */ jsx(Text, {
+				className: "text-[18px] font-bold text-text1 leading-[26px]",
+				children: title
+			})
+		}), /* @__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
+				})
+			}, `${refreshKey}-${index}`))
+		})]
+	});
+}
+
+//#endregion
+export { TextRecommendClient };

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

@@ -1,2 +1,19 @@
 
-import{TextRecommendClient as e}from"./client.mjs";import{textRecommendInspectorPropsSchema as t}from"./schema.mjs";import{TextRecommendServer as n}from"./server.mjs";import{defineMaterial as r}from"create-funhub/sdk";const i=r({type:`text-recommend`,name:`文字推荐`,icon:`/static/components-thumb/search_recommend_text.png`,category:`内容组件`,serverComponent:n,clientComponent:e,propsSchema:t});export{i as textRecommendMaterial};
+import { TextRecommendClient } from "./client.mjs";
+import { textRecommendInspectorPropsSchema } from "./schema.mjs";
+import { TextRecommendServer } from "./server.mjs";
+import { defineMaterial } from "create-funhub/sdk";
+
+//#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.mjs

@@ -1,2 +1,29 @@
 
-import{z as e}from"zod";import{defineArrayItemPropSchema as t,defineComponentPropsSchema as n,defineNumberPropSchema as r,defineTextPropSchema as i}from"create-funhub/sdk";const a=n({title:i({label:`标题名称`,defaultValue:`文字推荐标题`,description:`支持输入，中/英/数/符，6个字符`}),displayCount:r({label:`展示数`,defaultValue:2}),items:t(e.object({label:i({label:`热词`,defaultValue:`推荐搜索1`})}),{label:`推荐位模块`,defaultValue:[{label:`推荐搜索2`},{label:`推荐搜索3`}]})});export{a as textRecommendInspectorPropsSchema};
+import { z } from "zod";
+import { defineArrayItemPropSchema, defineComponentPropsSchema, defineNumberPropSchema, defineTextPropSchema } from "create-funhub/sdk";
+
+//#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: "推荐搜索1"
+	}) }), {
+		label: "推荐位模块",
+		defaultValue: [{ label: "推荐搜索2" }, { label: "推荐搜索3" }]
+	})
+});
+
+//#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{ButtonClient as e}from"./client.mjs";import{buttonInspectorPropsSchema as t}from"./schema.mjs";import{Button as n}from"./server.mjs";import{defineMaterial as r}from"create-funhub/sdk";const i=r({type:`example-button`,name:`按钮`,icon:`/icon/button.png`,category:`行为组件`,serverComponent:n,clientComponent:e,propsSchema:t});export{i as exampleButtonMaterial};
+import { ButtonClient } from "./client.mjs";
+import { buttonInspectorPropsSchema } from "./schema.mjs";
+import { Button } from "./server.mjs";
+import { defineMaterial } from "create-funhub/sdk";
+
+//#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{buttonVariantOptions as e}from"./variants.mjs";import t from"zod";import{defineArrayItemPropSchema as n,defineCheckboxPropSchema as r,defineComponentPropsSchema as i,defineObjectPropSchema as a,defineSelectEnumPropSchema as o,defineSwitchPropSchema as s,defineTextPropSchema as c,getSchemaDefaultProps as l}from"create-funhub/sdk";const u=i({text:c({label:`文本`,defaultValue:`example button`}),variant:o(e,{label:`变体`,defaultValue:`red`}),disabled:r({label:`禁用`,defaultValue:!1,required:!1}),loading:s({label:`加载`,required:!1}),items:n(t.object({name:c({label:`名称`,required:!1})}),{required:!1,label:`items`,defaultValue:[{name:`string`}]}),info:a({address:c({label:`地址`,required:!1})},{label:`info`,required:!1,defaultValue:{address:`SHENZHEN`}})}),d=l(u);export{d as buttonInspectorDefaultProps,u as buttonInspectorPropsSchema};
+import { buttonVariantOptions } from "./variants.mjs";
+import z$1 from "zod";
+import { defineArrayItemPropSchema, defineCheckboxPropSchema, defineComponentPropsSchema, defineObjectPropSchema, defineSelectEnumPropSchema, defineSwitchPropSchema, defineTextPropSchema, getSchemaDefaultProps } from "create-funhub/sdk";
+
+//#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 };