@funhub/platform 0.2.30 → 0.2.31

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

@@ -1,2 +1,87 @@
 
-"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 i from"../../../../assets/images/shortcut-grid/shortcut-grid-card-bg-primary.mjs";import{shortcutGridInspectorDefaultProps as a}from"./schema.mjs";import{jsx as o,jsxs as s}from"react/jsx-runtime";function c(c){let{mode:l=`renderer`,title:u,shortcutCount:d,isShortcutTitle:f,shortcuts:p}={...a,...c},m=l===`editor`,h=(()=>{let e=d??p.length??0;return Math.min(Math.max(e,3),5)})(),g=(p??[]).slice(0,h);return o(t,{as:`section`,className:m?`pointer-events-none px-4 py-3`:`px-4 py-3`,"aria-label":`金刚区`,children:s(t,{className:`w-full`,children:[m&&u?.trim()?o(n,{as:`h2`,className:`mb-3 text-[12px] leading-[16px] text-white/45`,children:u}):null,o(t,{className:`grid w-full items-start gap-4`,style:{gridTemplateColumns:`repeat(${h}, minmax(0, 1fr))`},children:g.map((a,c)=>{let l=o(t,{className:`relative h-[79px] w-full min-w-0 overflow-visible`,children:s(t,{className:`absolute inset-x-0 bottom-0 h-[63px] w-full overflow-visible`,children:[o(i,{"aria-hidden":!0,className:`absolute inset-0 h-full w-full`}),o(t,{className:`pointer-events-none absolute left-1/2 top-[32px] z-20 -translate-x-1/2`,children:f?o(n,{className:`whitespace-nowrap text-center text-[12px] leading-[16px] text-white/80`,title:a.label||void 0,children:a.label}):null}),o(t,{className:`pointer-events-none absolute right-0 top-[-14px] z-30`,children:o(t,{className:`relative h-[43px] w-[42px] overflow-visible`,"aria-hidden":!a.label,children:a.icon?o(e,{src:a.icon,alt:a.label||`入口图标`,fill:!0,className:`object-contain drop-shadow-[0_10px_18px_rgba(0,0,0,0.3)]`}):o(t,{className:`h-full w-full rounded-full bg-white/12`})})})]})});return o(r,{href:a.href,className:`block w-full min-w-0 transition-transform duration-200 active:scale-[0.98]`,children:l},a.href||a.label||c)})})]})})}export{c 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 SvgShortcutGridCardBgPrimary from "../../../../assets/images/shortcut-grid/shortcut-grid-card-bg-primary.mjs";
+import { shortcutGridInspectorDefaultProps } from "./schema.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region components/biz/business/shortcut-grid/client.tsx
+const SHORTCUT_GRID_BADGE_CLASS = "h-[43px] w-[42px]";
+/**
+* 金刚区客户端组件：
+*/
+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__ */ jsx(Box, {
+		as: "section",
+		className: "py-3 no-vw-x-16",
+		"aria-label": "金刚区",
+		children: /* @__PURE__ */ jsxs(Box, {
+			className: "w-full",
+			children: [isEditor && title?.trim() ? /* @__PURE__ */ jsx(Text, {
+				as: "h2",
+				className: "mb-3 text-[12px] leading-[16px] text-white/45",
+				children: title
+			}) : null, /* @__PURE__ */ jsx(Box, {
+				className: "grid w-full items-start gap-4",
+				style: { gridTemplateColumns: `repeat(${normalizedCount}, minmax(0, 1fr))` },
+				children: visibleShortcuts.map((item, index) => {
+					const content = /* @__PURE__ */ jsx(Box, {
+						className: "relative h-[79px] w-full min-w-0 overflow-visible",
+						children: /* @__PURE__ */ jsxs(Box, {
+							className: "absolute inset-x-0 bottom-0 h-[63px] w-full overflow-visible",
+							children: [
+								/* @__PURE__ */ jsx(SvgShortcutGridCardBgPrimary, {
+									"aria-hidden": true,
+									className: "absolute inset-0 h-full w-full"
+								}),
+								/* @__PURE__ */ jsx(Box, {
+									className: "pointer-events-none absolute left-1/2 top-[32px] z-20 -translate-x-1/2",
+									children: isShortcutTitle ? /* @__PURE__ */ jsx(Text, {
+										className: "whitespace-nowrap text-center text-[12px] leading-[16px] text-white/80",
+										title: item.label || void 0,
+										children: item.label
+									}) : null
+								}),
+								/* @__PURE__ */ jsx(Box, {
+									className: "pointer-events-none absolute right-0 top-[-14px] z-30",
+									children: /* @__PURE__ */ jsx(Box, {
+										className: `relative ${SHORTCUT_GRID_BADGE_CLASS} overflow-visible`,
+										"aria-hidden": !item.label,
+										children: item.icon ? /* @__PURE__ */ jsx(Image, {
+											src: item.icon,
+											alt: item.label || "入口图标",
+											fill: true,
+											className: "object-contain drop-shadow-[0_10px_18px_rgba(0,0,0,0.3)]"
+										}) : /* @__PURE__ */ jsx(Box, { className: "h-full w-full rounded-full bg-white/12" })
+									})
+								})
+							]
+						})
+					});
+					return /* @__PURE__ */ jsx(Link, {
+						href: item.href,
+						className: "block w-full min-w-0 transition-transform duration-200 active:scale-[0.98]",
+						children: content
+					}, item.href || item.label || 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,66 @@
 
-import{defineComponentPropsSchema as e,getSchemaDefaultProps as t}from"../../../../utils/schema/schema.mjs";import n from"zod";const r=e(e=>({title:e.string(`推荐列表`,{label:`推荐位名称`,required:!0}),shortcutCount:e.number(4,{label:`入口数量`,required:!0}).refine(e=>e>=3&&e<=5,`入口数量必须为 3-5`),isShortcutTitle:e.boolean(!0,{fieldType:`switch`,label:`是否显示入口标题`,required:!0}),shortcuts:e.array(n.object({label:e.string(`最新`,{label:`入口标题`,required:!1}),icon:e.string(``,{label:`图标`,required:!0}),href:e.string(``,{label:`跳转指向`,required:!0})}),{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=动作`}]})})),i=t(r);export{i as shortcutGridInspectorDefaultProps,r as shortcutGridInspectorPropsSchema};
+import { defineComponentPropsSchema, getSchemaDefaultProps } from "../../../../utils/schema/schema.mjs";
+import z$1 from "zod";
+
+//#region components/biz/business/shortcut-grid/schema.ts
+/**
+* 金刚区物料可配置字段：
+*/
+const shortcutGridInspectorPropsSchema = defineComponentPropsSchema((t) => ({
+	title: t.string("推荐列表", {
+		label: "推荐位名称",
+		required: true
+	}),
+	shortcutCount: t.number(4, {
+		label: "入口数量",
+		required: true
+	}).refine((value) => value >= 3 && value <= 5, "入口数量必须为 3-5"),
+	isShortcutTitle: t.boolean(true, {
+		fieldType: "switch",
+		label: "是否显示入口标题",
+		required: true
+	}),
+	shortcuts: t.array(z$1.object({
+		label: t.string("最新", {
+			label: "入口标题",
+			required: false
+		}),
+		icon: t.string("", {
+			label: "图标",
+			required: true
+		}),
+		href: t.string("", {
+			label: "跳转指向",
+			required: true
+		})
+	}), {
+		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,158 @@
 
-"use client";import{trackNavigation as e}from"../../../../utils/tracking.mjs";import{Image as t}from"../../../ui/image.mjs";import{Box as n}from"../../../ui/box.mjs";import{Text as r}from"../../../ui/text.mjs";import{useMemo as i}from"react";import{usePathname as a}from"next/navigation";import{jsx as o,jsxs as s}from"react/jsx-runtime";import c from"next/link";const l=[],u={backgroundColor:`rgba(5, 1, 15, 0.9)`,backdropFilter:`blur(4px)`,WebkitBackdropFilter:`blur(4px)`,paddingBottom:`env(safe-area-inset-bottom, 0px)`},d={background:`rgba(1, 0, 2, 0.80)`,boxShadow:`0 12px 100px rgba(255, 255, 255, 0.20)`,backdropFilter:`blur(8px)`,WebkitBackdropFilter:`blur(8px)`};function f(e){return e.split(`?`)[0].replace(/\/+$/,``)||`/`}function p(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 m(e,t){let n=f(t);if(e.configType===1){let t=f(p(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 h(e,t){return e.findIndex(e=>m(e,t))}function g(e){return typeof e.show_nav_name==`boolean`?e.show_nav_name:typeof e.showNavName==`boolean`?e.showNavName:!0}function _(f){let{items:m=l,mode:_=`renderer`}=f,v=a(),y=i(()=>{if(_===`editor`)return 0;let e=h(m??[],v);return e>=0?e:0},[m,v,_]),b=i(()=>(m??[]).some(e=>g(e)&&e.label.trim()!==``),[m]);if(!m?.length)return null;function x(t,n){_===`editor`?t.preventDefault():e({navigation_key:`navigation_${n.label}`,navigation_name:n.label})}let S=`size-full rounded-[6px] bg-white/20`;return o(n,{as:`nav`,"aria-label":`Bottom navigation`,className:`fixed bottom-0 left-0 right-0 z-50 flex flex-col items-center`,style:u,children:o(n,{className:`my-[4px] flex h-[56px] w-[358px] items-center justify-between rounded-[100px] px-[40px]`,style:d,children:m.map((e,i)=>{let a=y===i,l=a?e.activeIcon:e.icon,u=e.label,d=g(e)&&u.trim()!==``,f=p(e),m=b?a?`gap-[5px]`:`gap-[4px]`:``,h=a?`whitespace-nowrap text-center text-[12px] leading-[16px] font-normal text-[#C043E8]`:`whitespace-nowrap text-center text-[12px] leading-[16px] font-normal text-[#BFBFBF]`;return s(c,{href:f,className:`flex flex-col items-center justify-center ${m}`,"aria-current":a?`page`:void 0,"data-index":i,"data-webview-nav":`spa`,onClick:t=>x(t,e),children:[o(n,{className:`relative size-5 shrink-0`,children:l?o(t,{src:l,alt:u,fill:!0,className:`object-contain`}):o(n,{className:a?`${S} bg-[#C043E8]`:S})}),b&&d?o(r,{"data-active":a,className:h,children:u}):null]},i)})})})}export{_ as TabBarClient};
+'use client';
+
+import { trackNavigation } from "../../../../utils/tracking.mjs";
+import { Image } from "../../../ui/image.mjs";
+import { Box } from "../../../ui/box.mjs";
+import { Text } from "../../../ui/text.mjs";
+import { usePathname } from "next/navigation";
+import { useMemo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import Link from "next/link";
+
+//#region components/biz/business/tab-bar/client.tsx
+const DEFAULT_ITEMS = [];
+/**
+* bridge 4364:10829 bg: fill=#05010f opacity=0.1, BGBLUR radius=8
+*  node.css blur(4px) 是减半值，实际 style.effects[].radius=8 → blur(8px)
+*/
+const TAB_BAR_BACKGROUND_STYLE = {
+	backgroundColor: "rgba(5, 1, 15, 0.1)",
+	backdropFilter: "blur(8px)",
+	WebkitBackdropFilter: "blur(8px)"
+};
+/**
+* bridge I4187:5172;2635:20190 Tab pill
+*  style.fills: SOLID white/0.1, SOLID #060315/0.03
+*  style.effects: GLASS(radius=20 lightIntensity=0.3 lightAngle=306 depth=31)
+*                 DROP_SHADOW(visible=false)
+*  strokes: [] cornerRadius: 100
+*/
+const TAB_BAR_PILL_FILL = { background: "linear-gradient(0deg, rgba(6, 3, 21, 0.03) 0%, rgba(6, 3, 21, 0.03) 100%), rgba(255, 255, 255, 0.10)" };
+/**
+* GLASS edge: lightAngle=306 lightIntensity=0.3 → gradient border via mask-composite
+*  截图验证：顶部亮底部暗 → CSS 180deg (top→bottom, bright→transparent)
+*/
+const TAB_BAR_PILL_GLASS_BORDER = {
+	background: "linear-gradient(180deg, rgba(255, 255, 255, 0.3) 0%, transparent 100%)",
+	padding: "1px",
+	WebkitMask: "linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0)",
+	WebkitMaskComposite: "xor",
+	mask: "linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0)",
+	maskComposite: "exclude"
+};
+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));
+}
+function shouldShowLabel(item) {
+	if (typeof item.show_nav_name === "boolean") return item.show_nav_name;
+	if (typeof item.showNavName === "boolean") return item.showNavName;
+	return true;
+}
+/**
+* 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) => shouldShowLabel(item) && item.label.trim() !== ""), [items]);
+	if (!items?.length) return null;
+	function handleItemClick(event, item) {
+		if (mode === "editor") event.preventDefault();
+		else
+ /** 底部导航栏点击：点击底部 tab 上报 navigation。 */
+		trackNavigation({
+			navigation_key: `navigation_${item.label}`,
+			navigation_name: item.label
+		});
+	}
+	const fallbackIconClass = "size-full rounded-[6px] bg-white/20";
+	return /* @__PURE__ */ jsx(Box, {
+		as: "nav",
+		"aria-label": "Bottom navigation",
+		className: "fixed bottom-0 left-0 right-0 z-50 flex flex-col items-center",
+		style: TAB_BAR_BACKGROUND_STYLE,
+		children: /* @__PURE__ */ jsxs(Box, {
+			className: "relative my-[4px] flex h-[56px] w-[358px] items-center justify-between rounded-[100px] px-[40px]",
+			children: [
+				/* @__PURE__ */ jsx(Box, {
+					className: "pointer-events-none absolute inset-0 rounded-[100px]",
+					style: TAB_BAR_PILL_FILL,
+					"aria-hidden": "true"
+				}),
+				/* @__PURE__ */ jsx(Box, {
+					className: "pointer-events-none absolute inset-0 rounded-[100px]",
+					style: TAB_BAR_PILL_GLASS_BORDER,
+					"aria-hidden": "true"
+				}),
+				items.map((item, index) => {
+					const active = activeIndex === index;
+					const iconSrc = active ? item.activeIcon : item.icon;
+					const label = item.label;
+					const showLabel = shouldShowLabel(item) && label.trim() !== "";
+					const href = getPathForItem(item);
+					const gapClass = hasAnyLabel ? active ? "gap-[5px]" : "gap-[4px]" : "";
+					const textClass = active ? "whitespace-nowrap text-center text-[12px] leading-[16px] font-normal text-[#C043E8]" : "whitespace-nowrap text-center text-[12px] leading-[16px] font-normal text-white/50";
+					return /* @__PURE__ */ jsxs(Link, {
+						href,
+						className: `flex flex-col items-center justify-center ${gapClass}`,
+						"aria-current": active ? "page" : void 0,
+						"data-index": index,
+						"data-webview-nav": "spa",
+						onClick: (e) => handleItemClick(e, item),
+						children: [/* @__PURE__ */ jsx(Box, {
+							className: "relative size-5 shrink-0",
+							children: iconSrc ? /* @__PURE__ */ jsx(Image, {
+								src: iconSrc,
+								alt: label,
+								fill: true,
+								className: "object-contain"
+							}) : /* @__PURE__ */ jsx(Box, { className: active ? `${fallbackIconClass} bg-[#C043E8]` : fallbackIconClass })
+						}), hasAnyLabel && showLabel ? /* @__PURE__ */ jsx(Text, {
+							"data-active": active,
+							className: textClass,
+							children: label
+						}) : null]
+					}, 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.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 tabBarInspectorDefaultProps,n as tabBarInspectorPropsSchema};
+import { defineComponentPropsSchema, getSchemaDefaultProps } from "../../../../utils/schema/schema.mjs";
+
+//#region components/biz/business/tab-bar/schema.ts
+/**
+* TabBar 物料暂不对外开放配置，仅做占位展示。
+*/
+const tabBarInspectorPropsSchema = defineComponentPropsSchema((_t) => ({}));
+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,105 @@
 
-"use client";import{useUserStore as e}from"../../../../store/modules/user-store.mjs";import{gContentGetRecommendSearchList as t}from"../../../../service/generated/client.mjs";import{useRouter as n}from"../../../../utils/use-compatible-router.mjs";import{Box as r}from"../../../ui/box.mjs";import{Text as i}from"../../../ui/text.mjs";import{useRequest as a}from"../../../../hooks/query/use-query.mjs";import o from"../../../../assets/icons/refresh.mjs";import{useMemo as s,useState as c}from"react";import{usePathname as l,useSearchParams as u}from"next/navigation";import{jsx as d,jsxs as f}from"react/jsx-runtime";import{useShallow as p}from"zustand/react/shallow";function m(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 h(h){let{title:g,displayCount:_=6,showRefresh:v=!1,onItemClick:y,mode:b=`renderer`}=h,x=b===`editor`,S=n(),C=l(),w=u(),[T,E]=c(0),{userInfo:D}=e(p(e=>({userInfo:e.userInfo}))),O=D?.user_id||`guest`,{data:k}=a([`text-recommend-keyword-list`,O],()=>t({user_id:O}),{enabled:!x}),A=s(()=>(k?.data?.recommend_list??[]).map(e=>({label:e.title??``})).filter(e=>e.label),[k]),j=_*2,M=s(()=>x?Array.from({length:j},(e,t)=>({label:`推荐搜索${t+1}`})):A,[x,A,j]),N=s(()=>m(M,j),[M,T,j]);if(!x&&A.length<2)return null;let P=e=>{e.stopPropagation(),E(e=>e+1)},F=e=>{if(y){y(e);return}let t=new URLSearchParams(w.toString());t.set(`q`,e);let n=C.includes(`/search-result`)?C:`/search-result`;S.push(`${n}?${t.toString()}`)};return f(r,{className:`bg-bg1 p-3 flex flex-col gap-3 w-full${x?` pointer-events-none`:``}`,children:[f(r,{className:`flex items-center justify-between w-full`,children:[d(i,{className:`text-[18px] font-bold text-text1 leading-[26px]`,children:g}),v&&f(r,{className:`flex items-center gap-1 cursor-pointer active:opacity-70 transition-opacity`,onClick:P,children:[d(i,{className:`text-[14px] text-text3 leading-[22px]`,children:`换一批`}),d(o,{className:`w-3 h-3 text-text3`})]})]}),d(r,{className:`grid grid-cols-2 gap-x-1 gap-y-1 w-full`,children:N.map((e,t)=>d(r,{className:`flex items-center h-[32px] cursor-pointer active:opacity-70 transition-opacity overflow-hidden`,onClick:()=>F(e.label),children:d(i,{className:`text-[14px] text-text1 leading-[22px] truncate w-full`,children:e.label})},`${T}-${t}`))})]})}export{h as TextRecommendClient};
+'use client';
+
+import { useUserStore } from "../../../../store/modules/user-store.mjs";
+import { gContentGetRecommendSearchList } from "../../../../service/generated/client.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 { useRequest } from "../../../../hooks/query/use-query.mjs";
+import SvgRefresh from "../../../../assets/icons/refresh.mjs";
+import { usePathname, useSearchParams } from "next/navigation";
+import { useMemo, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useShallow } from "zustand/react/shallow";
+
+//#region components/biz/business/text-recommend/client.tsx
+const DEFAULT_DISPLAY_COUNT = 6;
+/** 从数组中随机取最多 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, displayCount = DEFAULT_DISPLAY_COUNT, showRefresh = false, onItemClick, mode = "renderer" } = props;
+	const isEditor = mode === "editor";
+	const router = useRouter$1();
+	const pathname = usePathname();
+	const searchParams = useSearchParams();
+	const [refreshKey, setRefreshKey] = useState(0);
+	const { userInfo } = useUserStore(useShallow((state) => ({ userInfo: state.userInfo })));
+	const userId = userInfo?.user_id || "guest";
+	const { data: recommendSearchData } = useRequest(["text-recommend-keyword-list", userId], () => gContentGetRecommendSearchList({ user_id: userId }), { enabled: !isEditor });
+	const apiItems = useMemo(() => {
+		return (recommendSearchData?.data?.recommend_list ?? []).map((item) => ({ label: item.title ?? "" })).filter((item) => item.label);
+	}, [recommendSearchData]);
+	const totalCount = displayCount * 2;
+	const resolvedItems = useMemo(() => {
+		if (isEditor) return Array.from({ length: totalCount }, (_, i) => ({ label: `推荐搜索${i + 1}` }));
+		return apiItems;
+	}, [
+		isEditor,
+		apiItems,
+		totalCount
+	]);
+	const displayList = useMemo(() => {
+		return randomPick(resolvedItems, totalCount);
+	}, [
+		resolvedItems,
+		refreshKey,
+		totalCount
+	]);
+	if (!isEditor && apiItems.length < 2) return null;
+	const handleRefresh = (e) => {
+		e.stopPropagation();
+		setRefreshKey((prev) => prev + 1);
+	};
+	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__ */ 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
+			}), showRefresh && /* @__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: "换一批"
+				}), /* @__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
+				})
+			}, `${refreshKey}-${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.mjs

@@ -1,2 +1,26 @@
 
-import{defineComponentPropsSchema as e}from"../../../../utils/schema/schema.mjs";import{z as t}from"zod";const n=e(e=>({title:e.string(`文字推荐标题`,{label:`标题名称`,description:`支持输入，中/英/数/符，6个字符`}),displayCount:e.number(2,{label:`展示数`}),showRefresh:e.boolean(!1,{label:`是否展示换一批`,fieldType:`switch`}),items:e.array(t.object({label:e.string(``,{label:`热词`})}),{label:`关键词列表`,defaultValue:[]})}));export{n as textRecommendInspectorPropsSchema};
+import { defineComponentPropsSchema } from "../../../../utils/schema/schema.mjs";
+import { z } from "zod";
+
+//#region components/biz/business/text-recommend/schema.ts
+/**
+* 文字推荐物料属性定义
+*/
+const textRecommendInspectorPropsSchema = defineComponentPropsSchema((t) => ({
+	title: t.string("文字推荐标题", {
+		label: "标题名称",
+		description: "支持输入，中/英/数/符，6个字符"
+	}),
+	displayCount: t.number(2, { label: "展示数" }),
+	showRefresh: t.boolean(false, {
+		label: "是否展示换一批",
+		fieldType: "switch"
+	}),
+	items: t.array(z.object({ label: t.string("", { label: "热词" }) }), {
+		label: "关键词列表",
+		defaultValue: []
+	})
+}));
+
+//#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 };