@funhub/platform 0.1.126 → 0.1.130

package/dist/components/biz/business/banner/variants/basic-banner/material.mjs

@@ -1,2 +1,22 @@
 
-import{basicBannerInspectorPropsSchema as e}from"./inspector-schema.mjs";import{BasicBanner as t}from"./server.mjs";import{defineMaterial as n}from"create-funhub/sdk";const r=n({type:`basic-banner`,name:`基础轮播图`,icon:`/static/components-thumb/carousel_banner.png`,category:`内容组件`,serverComponent:t,clientComponent:t,propsSchema:e});export{r as basicBannerMaterial};
+import { basicBannerInspectorPropsSchema } from "./inspector-schema.mjs";
+import { BasicBanner } from "./server.mjs";
+import { defineMaterial } from "create-funhub/sdk";
+
+//#region components/biz/business/banner/variants/basic-banner/material.ts
+/**
+* BasicBanner 低代码物料注册
+* 参照 packages/platform/components/biz/example/button 的 material 结构
+*/
+const basicBannerMaterial = defineMaterial({
+	type: "basic-banner",
+	name: "基础轮播图",
+	icon: "/static/components-thumb/carousel_banner.png",
+	category: "内容组件",
+	serverComponent: BasicBanner,
+	clientComponent: BasicBanner,
+	propsSchema: basicBannerInspectorPropsSchema
+});
+
+//#endregion
+export { basicBannerMaterial };

package/dist/components/biz/business/banner/variants/basic-banner/runtime/client.mjs

@@ -1,2 +1,127 @@
 
-"use client";import{buildContentUrl as e}from"../../../../../utils/helpers/url.mjs";import{mergeStyles as t}from"../../../../../utils/styles/helpers.mjs";import{Image as n}from"../../../../../../ui/image.mjs";import{Box as r}from"../../../../../../ui/box.mjs";import{Carousel as i,CarouselContent as a,CarouselItem as o}from"../../../../../../ui/carousel.mjs";import{Text as s}from"../../../../../../ui/text.mjs";import c from"../../../../../../ui/legacy/button.mjs";import l from"../../../../../../ui/link.mjs";import{defaultProps as u}from"../defaults/default-props.mjs";import d from"clsx";import{useIsClient as f}from"foxact/use-is-client";import{useEffect as p,useRef as m,useState as h}from"react";import{jsx as g,jsxs as _}from"react/jsx-runtime";const v={list:[]};function y({mode:y=`renderer`,props:b=v,styles:x,events:S}){let C=y===`editor`,{autoplay:w=u.autoplay,interval:T=u.interval,loop:E=u.loop,showTitle:D=u.showTitle,showIndicator:O=u.showIndicator,list:k=[]}={...u,...b},[A,j]=h(),[M,N]=h(0),P=f(),F=m(null);if(p(()=>{if(!A||!P)return;let e=()=>{N(A.selectedScrollSnap())};return A.on(`select`,e),e(),()=>{A.off(`select`,e)}},[A,S,P]),p(()=>!w||!A||k.length<=1?void 0:(F.current=setInterval(()=>{A.canScrollNext()?A.scrollNext():E&&A.scrollTo(0)},T),()=>{F.current&&=(clearInterval(F.current),null)}),[w,A,T,E,k.length]),!k||k.length===0)return null;let I=k[M],L=x?t(x,{}):void 0;return _(r,{className:C?`relative w-full pointer-events-none`:`relative w-full`,style:L,children:[g(i,{setApi:j,opts:{align:`start`,loop:E,skipSnaps:!1,dragFree:!1},className:`w-full`,children:g(a,{className:`ml-0`,children:k.map((t,r)=>g(o,{className:`pl-0`,children:g(l,{href:e({url:``,contentId:t.contentId,contentType:1,title:t.title}),className:`block relative w-full h-[242px] overflow-hidden touch-manipulation`,children:g(n,{src:t.coverUrl,alt:t.title||`Banner ${r+1}`,fill:!0,objectFit:`cover`,unoptimized:!0})})},r))})}),D&&I?.title&&g(r,{className:`absolute bottom-[8px] left-[8px]`,children:g(s,{as:`p`,className:`text-white text-[16px] line-clamp-1`,children:I.title})}),O&&k.length>1&&g(r,{className:`absolute bottom-[16px] right-[8px] flex items-center gap-[4px]`,children:k.map((e,t)=>g(c,{type:`button`,className:d(`transition-all duration-300 rounded-full !p-0`,t===M?`w-[10px] h-[6px] bg-black`:`w-[6px] h-[6px] bg-white/50`),"aria-label":`跳转到第 ${t+1} 个 Banner`},t))})]})}export{y as default};
+'use client';
+
+import { buildContentUrl } from "../../../../../utils/helpers/url.mjs";
+import { mergeStyles } from "../../../../../utils/styles/helpers.mjs";
+import { Image } from "../../../../../../ui/image.mjs";
+import { Box } from "../../../../../../ui/box.mjs";
+import { Carousel, CarouselContent, CarouselItem } from "../../../../../../ui/carousel.mjs";
+import { Text } from "../../../../../../ui/text.mjs";
+import Button from "../../../../../../ui/legacy/button.mjs";
+import Link from "../../../../../../ui/link.mjs";
+import { defaultProps } from "../defaults/default-props.mjs";
+import clsx from "clsx";
+import { useIsClient } from "foxact/use-is-client";
+import { useEffect, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region components/biz/business/banner/variants/basic-banner/runtime/client.tsx
+const emptyPropsConfig = { list: [] };
+function BasicBannerClient({ mode = "renderer", props: propsConfig = emptyPropsConfig, styles, events }) {
+	const isEditor = mode === "editor";
+	const { autoplay = defaultProps.autoplay, interval = defaultProps.interval, loop = defaultProps.loop, showTitle = defaultProps.showTitle, showIndicator = defaultProps.showIndicator, list = [] } = {
+		...defaultProps,
+		...propsConfig
+	};
+	const [api, setApi] = useState();
+	const [currentIndex, setCurrentIndex] = useState(0);
+	const isClient = useIsClient();
+	const autoplayTimerRef = useRef(null);
+	useEffect(() => {
+		if (!api || !isClient) return;
+		const onSelect = () => {
+			setCurrentIndex(api.selectedScrollSnap());
+		};
+		api.on("select", onSelect);
+		onSelect();
+		return () => {
+			api.off("select", onSelect);
+		};
+	}, [
+		api,
+		events,
+		isClient
+	]);
+	useEffect(() => {
+		if (!autoplay || !api || list.length <= 1) return;
+		const startAutoplay = () => {
+			autoplayTimerRef.current = setInterval(() => {
+				if (api.canScrollNext()) api.scrollNext();
+				else if (loop) api.scrollTo(0);
+			}, interval);
+		};
+		startAutoplay();
+		return () => {
+			if (autoplayTimerRef.current) {
+				clearInterval(autoplayTimerRef.current);
+				autoplayTimerRef.current = null;
+			}
+		};
+	}, [
+		autoplay,
+		api,
+		interval,
+		loop,
+		list.length
+	]);
+	if (!list || list.length === 0) return null;
+	const currentItem = list[currentIndex];
+	const wrapperStyle = styles ? mergeStyles(styles, {}) : void 0;
+	return /* @__PURE__ */ jsxs(Box, {
+		className: isEditor ? "relative w-full pointer-events-none" : "relative w-full",
+		style: wrapperStyle,
+		children: [
+			/* @__PURE__ */ jsx(Carousel, {
+				setApi,
+				opts: {
+					align: "start",
+					loop,
+					skipSnaps: false,
+					dragFree: false
+				},
+				className: "w-full",
+				children: /* @__PURE__ */ jsx(CarouselContent, {
+					className: "ml-0",
+					children: list.map((item, index) => /* @__PURE__ */ jsx(CarouselItem, {
+						className: "pl-0",
+						children: /* @__PURE__ */ jsx(Link, {
+							href: buildContentUrl({
+								url: "",
+								contentId: item.contentId,
+								contentType: 1,
+								title: item.title
+							}),
+							className: "block relative w-full h-[242px] overflow-hidden touch-manipulation",
+							children: /* @__PURE__ */ jsx(Image, {
+								src: item.coverUrl,
+								alt: item.title || `Banner ${index + 1}`,
+								fill: true,
+								objectFit: "cover",
+								unoptimized: true
+							})
+						})
+					}, index))
+				})
+			}),
+			showTitle && currentItem?.title && /* @__PURE__ */ jsx(Box, {
+				className: "absolute bottom-[8px] left-[8px]",
+				children: /* @__PURE__ */ jsx(Text, {
+					as: "p",
+					className: "text-white text-[16px] line-clamp-1",
+					children: currentItem.title
+				})
+			}),
+			showIndicator && list.length > 1 && /* @__PURE__ */ jsx(Box, {
+				className: "absolute bottom-[16px] right-[8px] flex items-center gap-[4px]",
+				children: list.map((_, index) => /* @__PURE__ */ jsx(Button, {
+					type: "button",
+					className: clsx("transition-all duration-300 rounded-full !p-0", index === currentIndex ? "w-[10px] h-[6px] bg-black" : "w-[6px] h-[6px] bg-white/50"),
+					"aria-label": `跳转到第 ${index + 1} 个 Banner`
+				}, index))
+			})
+		]
+	});
+}
+
+//#endregion
+export { BasicBannerClient as default };

package/dist/components/biz/business/banner/variants/basic-banner/schema/component.mjs

@@ -1,2 +1,15 @@
 
-const e={componentName:`BasicBanner`,displayName:`基础轮播图`,category:`Banner`,categoryName:`轮播图`,enabled:!0};export{e as componentMeta};
+//#region components/biz/business/banner/variants/basic-banner/schema/component.ts
+/**
+* BasicBanner 组件元信息配置
+*/
+const componentMeta = {
+	componentName: "BasicBanner",
+	displayName: "基础轮播图",
+	category: "Banner",
+	categoryName: "轮播图",
+	enabled: true
+};
+
+//#endregion
+export { componentMeta };

package/dist/components/biz/business/banner/variants/basic-banner/schema/data.schema.mjs

@@ -1,2 +1,54 @@
 
-const e={dataBinding:{field:`banners`,sourceType:`static`},slots:{data:{title:`Banner 列表数据`,description:`Banner 轮播图数据列表`,required:!0,schema:{type:`array`,item:{type:`object`,fields:{type:{type:`number`,title:`类型`,description:`Banner 类型，1: 图片，2: 视频`},cover:{type:`string`,title:`图片地址`,description:`Banner 图片 URL`},cn_name:{type:`string`,title:`标题`,description:`Banner 标题（可选）`},content_id:{type:`string`,title:`内容ID`,description:`Banner 内容ID，没有内容ID按照跳转链接跳转（可选）`},url:{type:`string`,title:`跳转链接`,description:`Banner 点击跳转链接，没有链接按照内容ID跳转（可选）`}}}}}}};export{e as dataSchema};
+//#region components/biz/business/banner/variants/basic-banner/schema/data.schema.ts
+/**
+* Banner 项结构定义
+*/
+const bannerItemSchema = {
+	type: "object",
+	fields: {
+		type: {
+			type: "number",
+			title: "类型",
+			description: "Banner 类型，1: 图片，2: 视频"
+		},
+		cover: {
+			type: "string",
+			title: "图片地址",
+			description: "Banner 图片 URL"
+		},
+		cn_name: {
+			type: "string",
+			title: "标题",
+			description: "Banner 标题（可选）"
+		},
+		content_id: {
+			type: "string",
+			title: "内容ID",
+			description: "Banner 内容ID，没有内容ID按照跳转链接跳转（可选）"
+		},
+		url: {
+			type: "string",
+			title: "跳转链接",
+			description: "Banner 点击跳转链接，没有链接按照内容ID跳转（可选）"
+		}
+	}
+};
+/** 数据 Schema 结构 */
+const dataSchema = {
+	dataBinding: {
+		field: "banners",
+		sourceType: "static"
+	},
+	slots: { data: {
+		title: "Banner 列表数据",
+		description: "Banner 轮播图数据列表",
+		required: true,
+		schema: {
+			type: "array",
+			item: bannerItemSchema
+		}
+	} }
+};
+
+//#endregion
+export { dataSchema };

package/dist/components/biz/business/banner/variants/basic-banner/schema/event.schema.mjs

@@ -1,2 +1,6 @@
 
-const e={};export{e as eventSchema};
+//#region components/biz/business/banner/variants/basic-banner/schema/event.schema.ts
+const eventSchema = {};
+
+//#endregion
+export { eventSchema };

package/dist/components/biz/business/banner/variants/basic-banner/schema/index.mjs

@@ -1,2 +1,18 @@
 
-import{componentMeta as e}from"./component.mjs";import{dataSchema as t}from"./data.schema.mjs";import{eventSchema as n}from"./event.schema.mjs";import{propsSchema as r}from"./props.schema.mjs";import{styleSchema as i}from"./style.schema.mjs";const a={...e,propsSchema:r,dataSchema:t,styleSchema:i,eventSchema:n};export{a as schema};
+import { componentMeta } from "./component.mjs";
+import { dataSchema } from "./data.schema.mjs";
+import { eventSchema } from "./event.schema.mjs";
+import { propsSchema } from "./props.schema.mjs";
+import { styleSchema } from "./style.schema.mjs";
+
+//#region components/biz/business/banner/variants/basic-banner/schema/index.ts
+const schema = {
+	...componentMeta,
+	propsSchema,
+	dataSchema,
+	styleSchema,
+	eventSchema
+};
+
+//#endregion
+export { schema };

package/dist/components/biz/business/banner/variants/basic-banner/schema/props.schema.mjs

@@ -1,2 +1,41 @@
 
-import{defaultProps as e}from"../defaults/default-props.mjs";const t={autoplay:{type:`boolean`,title:`自动播放`,description:`是否开启自动播放`,default:e.autoplay},interval:{type:`number`,title:`播放间隔`,description:`自动播放间隔时间（毫秒）`,default:e.interval,minimum:1e3,maximum:1e4},loop:{type:`boolean`,title:`循环播放`,description:`是否开启循环播放`,default:e.loop},showTitle:{type:`boolean`,title:`显示标题`,description:`是否在左下角显示标题`,default:e.showTitle},showIndicator:{type:`boolean`,title:`显示指示器`,description:`是否在右下角显示指示器`,default:e.showIndicator}};export{t as propsSchema};
+import { defaultProps } from "../defaults/default-props.mjs";
+
+//#region components/biz/business/banner/variants/basic-banner/schema/props.schema.ts
+const propsSchema = {
+	autoplay: {
+		type: "boolean",
+		title: "自动播放",
+		description: "是否开启自动播放",
+		default: defaultProps.autoplay
+	},
+	interval: {
+		type: "number",
+		title: "播放间隔",
+		description: "自动播放间隔时间（毫秒）",
+		default: defaultProps.interval,
+		minimum: 1e3,
+		maximum: 1e4
+	},
+	loop: {
+		type: "boolean",
+		title: "循环播放",
+		description: "是否开启循环播放",
+		default: defaultProps.loop
+	},
+	showTitle: {
+		type: "boolean",
+		title: "显示标题",
+		description: "是否在左下角显示标题",
+		default: defaultProps.showTitle
+	},
+	showIndicator: {
+		type: "boolean",
+		title: "显示指示器",
+		description: "是否在右下角显示指示器",
+		default: defaultProps.showIndicator
+	}
+};
+
+//#endregion
+export { propsSchema };

package/dist/components/biz/business/banner/variants/basic-banner/schema/style.schema.mjs

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

package/dist/components/biz/business/banner/variants/basic-banner/server.mjs

@@ -1,2 +1,26 @@
 
-import{defaultProps as e}from"./defaults/default-props.mjs";import t from"./runtime/client.mjs";import{jsx as n}from"react/jsx-runtime";function r(r){let{mode:i=`renderer`,interval:a,list:o}=r,s=typeof a==`string`?Number(a)||e.interval:a??e.interval;return n(t,{mode:i,props:{autoplay:e.autoplay,interval:s,loop:e.loop,list:o}})}export{r as BasicBanner};
+import { defaultProps } from "./defaults/default-props.mjs";
+import BasicBannerClient from "./runtime/client.mjs";
+import { jsx } from "react/jsx-runtime";
+
+//#region components/biz/business/banner/variants/basic-banner/server.tsx
+/**
+* BasicBanner 物料组件
+* 接收 inspector 可编辑的 props，转换为 BaseComponentProps 传给 runtime client
+*/
+function BasicBanner(props) {
+	const { mode = "renderer", interval, list } = props;
+	const intervalNum = typeof interval === "string" ? Number(interval) || defaultProps.interval : interval ?? defaultProps.interval;
+	return /* @__PURE__ */ jsx(BasicBannerClient, {
+		mode,
+		props: {
+			autoplay: defaultProps.autoplay,
+			interval: intervalNum,
+			loop: defaultProps.loop,
+			list
+		}
+	});
+}
+
+//#endregion
+export { BasicBanner };

package/dist/components/biz/business/banner-carousel/client.mjs

@@ -1,2 +1,123 @@
 
-"use client";import{mergeStyles as e}from"../../utils/styles/helpers.mjs";import{Button as t}from"../../../ui/button.mjs";import{Image as n}from"../../../ui/image.mjs";import{Box as r}from"../../../ui/box.mjs";import{Carousel as i,CarouselContent as a,CarouselItem as o}from"../../../ui/carousel.mjs";import{Text as s}from"../../../ui/text.mjs";import c from"../../../ui/link.mjs";import{defaultProps as l}from"./default-props.mjs";import u from"clsx";import{useIsClient as d}from"foxact/use-is-client";import{useEffect as f,useRef as p,useState as m}from"react";import{jsx as h,jsxs as g}from"react/jsx-runtime";const _={list:[]};function v({mode:v=`renderer`,props:y=_,styles:b,events:x}){let S=v===`editor`,{autoplay:C=l.autoplay,interval:w=l.interval,loop:T=l.loop,showTitle:E=l.showTitle,showIndicator:D=l.showIndicator,list:O=[]}={...l,...y},[k,A]=m(),[j,M]=m(0),N=d(),P=p(null);if(f(()=>{if(!k||!N)return;let e=()=>{M(k.selectedScrollSnap())};return k.on(`select`,e),e(),()=>{k.off(`select`,e)}},[k,x,N]),f(()=>!C||!k||O.length<=1?void 0:(P.current=setInterval(()=>{k.canScrollNext()?k.scrollNext():T&&k.scrollTo(0)},w*1e3),()=>{P.current&&=(clearInterval(P.current),null)}),[C,k,w,T,O.length]),!O||O.length===0)return null;let F=O[j],I=b?e(b,{}):void 0;return g(r,{className:S?`relative w-full pointer-events-none`:`relative w-full`,style:I,children:[h(i,{setApi:A,opts:{align:`start`,loop:T,skipSnaps:!1,dragFree:!1},className:`w-full`,children:h(a,{className:`ml-0`,children:O.map((e,t)=>h(o,{className:`pl-0`,children:h(c,{href:e.target,className:`block relative w-full h-[242px] overflow-hidden touch-manipulation`,children:h(n,{src:e.coverUrl,alt:e.title||`Banner ${t+1}`,fill:!0,objectFit:`cover`,unoptimized:!0})})},t))})}),E&&F?.title&&h(r,{className:`absolute bottom-[8px] left-[8px]`,children:h(s,{as:`p`,className:`text-white text-[16px] line-clamp-1`,children:F.title})}),D&&O.length>1&&h(r,{className:`absolute bottom-[16px] right-[8px] flex items-center gap-[4px]`,children:O.map((e,n)=>h(t,{type:`button`,size:`xs`,className:u(`transition-all duration-300 rounded-full !p-0 px-0`,n===j?`w-[10px] h-[6px] bg-black`:`w-[6px] h-[6px] bg-white/50`),style:{padding:`0 !important`},"aria-label":`跳转到第 ${n+1} 个 Banner`},n))})]})}export{v as default};
+'use client';
+
+import { mergeStyles } from "../../utils/styles/helpers.mjs";
+import { Button } from "../../../ui/button.mjs";
+import { Image } from "../../../ui/image.mjs";
+import { Box } from "../../../ui/box.mjs";
+import { Carousel, CarouselContent, CarouselItem } from "../../../ui/carousel.mjs";
+import { Text } from "../../../ui/text.mjs";
+import Link from "../../../ui/link.mjs";
+import { defaultProps } from "./default-props.mjs";
+import clsx from "clsx";
+import { useIsClient } from "foxact/use-is-client";
+import { useEffect, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region components/biz/business/banner-carousel/client.tsx
+const emptyPropsConfig = { list: [] };
+function BannerCarouselClient({ mode = "renderer", props: propsConfig = emptyPropsConfig, styles, events }) {
+	const isEditor = mode === "editor";
+	const { autoplay = defaultProps.autoplay, interval = defaultProps.interval, loop = defaultProps.loop, showTitle = defaultProps.showTitle, showIndicator = defaultProps.showIndicator, list = [] } = {
+		...defaultProps,
+		...propsConfig
+	};
+	const [api, setApi] = useState();
+	const [currentIndex, setCurrentIndex] = useState(0);
+	const isClient = useIsClient();
+	const autoplayTimerRef = useRef(null);
+	useEffect(() => {
+		if (!api || !isClient) return;
+		const onSelect = () => {
+			setCurrentIndex(api.selectedScrollSnap());
+		};
+		api.on("select", onSelect);
+		onSelect();
+		return () => {
+			api.off("select", onSelect);
+		};
+	}, [
+		api,
+		events,
+		isClient
+	]);
+	useEffect(() => {
+		if (!autoplay || !api || list.length <= 1) return;
+		const startAutoplay = () => {
+			autoplayTimerRef.current = setInterval(() => {
+				if (api.canScrollNext()) api.scrollNext();
+				else if (loop) api.scrollTo(0);
+			}, interval * 1e3);
+		};
+		startAutoplay();
+		return () => {
+			if (autoplayTimerRef.current) {
+				clearInterval(autoplayTimerRef.current);
+				autoplayTimerRef.current = null;
+			}
+		};
+	}, [
+		autoplay,
+		api,
+		interval,
+		loop,
+		list.length
+	]);
+	if (!list || list.length === 0) return null;
+	const currentItem = list[currentIndex];
+	const wrapperStyle = styles ? mergeStyles(styles, {}) : void 0;
+	return /* @__PURE__ */ jsxs(Box, {
+		className: isEditor ? "relative w-full pointer-events-none" : "relative w-full",
+		style: wrapperStyle,
+		children: [
+			/* @__PURE__ */ jsx(Carousel, {
+				setApi,
+				opts: {
+					align: "start",
+					loop,
+					skipSnaps: false,
+					dragFree: false
+				},
+				className: "w-full",
+				children: /* @__PURE__ */ jsx(CarouselContent, {
+					className: "ml-0",
+					children: list.map((item, index) => /* @__PURE__ */ jsx(CarouselItem, {
+						className: "pl-0",
+						children: /* @__PURE__ */ jsx(Link, {
+							href: item.target,
+							className: "block relative w-full h-[242px] overflow-hidden touch-manipulation",
+							children: /* @__PURE__ */ jsx(Image, {
+								src: item.coverUrl,
+								alt: item.title || `Banner ${index + 1}`,
+								fill: true,
+								objectFit: "cover",
+								unoptimized: true
+							})
+						})
+					}, index))
+				})
+			}),
+			showTitle && currentItem?.title && /* @__PURE__ */ jsx(Box, {
+				className: "absolute bottom-[8px] left-[8px]",
+				children: /* @__PURE__ */ jsx(Text, {
+					as: "p",
+					className: "text-white text-[16px] line-clamp-1",
+					children: currentItem.title
+				})
+			}),
+			showIndicator && list.length > 1 && /* @__PURE__ */ jsx(Box, {
+				className: "absolute bottom-[16px] right-[8px] flex items-center gap-[4px]",
+				children: list.map((_, index) => /* @__PURE__ */ jsx(Button, {
+					type: "button",
+					size: "xs",
+					className: clsx("transition-all duration-300 rounded-full !p-0 px-0", index === currentIndex ? "w-[10px] h-[6px] bg-black" : "w-[6px] h-[6px] bg-white/50"),
+					style: { padding: "0 !important" },
+					"aria-label": `跳转到第 ${index + 1} 个 Banner`
+				}, index))
+			})
+		]
+	});
+}
+
+//#endregion
+export { BannerCarouselClient as default };

package/dist/components/biz/business/banner-carousel/default-props.mjs

@@ -1,2 +1,16 @@
 
-const e={autoplay:!0,interval:3,loop:!0,showTitle:!1,showIndicator:!0,list:[]};export{e as defaultProps};
+//#region components/biz/business/banner-carousel/default-props.ts
+/**
+* BasicBanner 组件默认 Props 配置
+*/
+const defaultProps = {
+	autoplay: true,
+	interval: 3,
+	loop: true,
+	showTitle: false,
+	showIndicator: true,
+	list: []
+};
+
+//#endregion
+export { defaultProps };

package/dist/components/biz/business/banner-carousel/material.mjs

@@ -1,2 +1,22 @@
 
-import{basicBannerInspectorPropsSchema as e}from"./schema.mjs";import{BannerCarousel as t}from"./server.mjs";import{defineMaterial as n}from"create-funhub/sdk";const r=n({type:`banner-carousel`,name:`基础轮播图`,icon:`/static/components-thumb/carousel_banner.png`,category:`内容组件`,serverComponent:t,clientComponent:t,propsSchema:e});export{r as BannerCarouselMaterial};
+import { basicBannerInspectorPropsSchema } from "./schema.mjs";
+import { BannerCarousel } from "./server.mjs";
+import { defineMaterial } from "create-funhub/sdk";
+
+//#region components/biz/business/banner-carousel/material.ts
+/**
+* BasicBanner 低代码物料注册
+* 参照 packages/platform/components/biz/example/button 的 material 结构
+*/
+const BannerCarouselMaterial = defineMaterial({
+	type: "banner-carousel",
+	name: "基础轮播图",
+	icon: "/static/components-thumb/carousel_banner.png",
+	category: "内容组件",
+	serverComponent: BannerCarousel,
+	clientComponent: BannerCarousel,
+	propsSchema: basicBannerInspectorPropsSchema
+});
+
+//#endregion
+export { BannerCarouselMaterial };

package/dist/components/biz/business/banner-carousel/schema.mjs

@@ -1,2 +1,86 @@
 
-import{defaultProps as e}from"./default-props.mjs";import t from"zod";import{defineArrayItemPropSchema as n,defineComponentPropsSchema as r,defineNumberPropSchema as i,defineSwitchPropSchema as a,defineTextPropSchema as o,getSchemaDefaultProps as s}from"create-funhub/sdk";const c=r({interval:i({label:`播放间隔`,defaultValue:e.interval}),list:n(t.object({contentId:i({label:`内容ID`,required:!1}),title:o({label:`内容标题`,required:!1}),coverUrl:o({label:`封面`,required:!1}),badgeUrl:o({label:`角标`,required:!1}),showPlayCount:a({label:`展示播放量`,required:!1}),showEpisodeCount:a({label:`展示集数`,required:!1}),target:o({label:`跳转地址`,required:!1})}),{required:!1,label:`list`,defaultValue:[{contentId:1,title:`视频标题一`,desc:`视频描述`,coverUrl:`/static/components-resource/banner.png`,badgeUrl:``,showPlayCount:!1,showEpisodeCount:!1,target:``},{contentId:2,title:`视频标题二`,coverUrl:`/static/components-resource/banner.png`,badgeUrl:``,showPlayCount:!1,showEpisodeCount:!1,target:``},{contentId:3,title:`视频标题三`,coverUrl:`/static/components-resource/banner.png`,badgeUrl:``,showPlayCount:!1,showEpisodeCount:!1,target:``}]})});s(c);export{c as basicBannerInspectorPropsSchema};
+import { defaultProps } from "./default-props.mjs";
+import z$1 from "zod";
+import { defineArrayItemPropSchema, defineComponentPropsSchema, defineNumberPropSchema, defineSwitchPropSchema, defineTextPropSchema, getSchemaDefaultProps } from "create-funhub/sdk";
+
+//#region components/biz/business/banner-carousel/schema.ts
+/**
+* BasicBanner 低代码物料 inspector 可编辑 props 的 schema 定义
+* 参照 packages/platform/components/biz/example/button 的 schema 结构
+*/
+/**
+* 定义可以被低代码右侧 inspector 编辑的 props
+*/
+const basicBannerInspectorPropsSchema = defineComponentPropsSchema({
+	interval: defineNumberPropSchema({
+		label: "播放间隔",
+		defaultValue: defaultProps.interval
+	}),
+	list: defineArrayItemPropSchema(z$1.object({
+		contentId: defineNumberPropSchema({
+			label: "内容ID",
+			required: false
+		}),
+		title: defineTextPropSchema({
+			label: "内容标题",
+			required: false
+		}),
+		coverUrl: defineTextPropSchema({
+			label: "封面",
+			required: false
+		}),
+		badgeUrl: defineTextPropSchema({
+			label: "角标",
+			required: false
+		}),
+		showPlayCount: defineSwitchPropSchema({
+			label: "展示播放量",
+			required: false
+		}),
+		showEpisodeCount: defineSwitchPropSchema({
+			label: "展示集数",
+			required: false
+		}),
+		target: defineTextPropSchema({
+			label: "跳转地址",
+			required: false
+		})
+	}), {
+		required: false,
+		label: "list",
+		defaultValue: [
+			{
+				contentId: 1,
+				title: "视频标题一",
+				desc: "视频描述",
+				coverUrl: "/static/components-resource/banner.png",
+				badgeUrl: "",
+				showPlayCount: false,
+				showEpisodeCount: false,
+				target: ""
+			},
+			{
+				contentId: 2,
+				title: "视频标题二",
+				coverUrl: "/static/components-resource/banner.png",
+				badgeUrl: "",
+				showPlayCount: false,
+				showEpisodeCount: false,
+				target: ""
+			},
+			{
+				contentId: 3,
+				title: "视频标题三",
+				coverUrl: "/static/components-resource/banner.png",
+				badgeUrl: "",
+				showPlayCount: false,
+				showEpisodeCount: false,
+				target: ""
+			}
+		]
+	})
+});
+const basicBannerInspectorDefaultProps = getSchemaDefaultProps(basicBannerInspectorPropsSchema);
+
+//#endregion
+export { basicBannerInspectorPropsSchema };

package/dist/components/biz/business/banner-carousel/server.mjs

@@ -1,2 +1,23 @@
 
-import{defaultProps as e}from"./default-props.mjs";import t from"./client.mjs";import{jsx as n}from"react/jsx-runtime";function r(r){let{mode:i=`renderer`,interval:a,list:o}=r;return n(t,{mode:i,props:{interval:typeof a==`string`?Number(a)||e.interval:a??e.interval,list:o}})}export{r as BannerCarousel};
+import { defaultProps } from "./default-props.mjs";
+import BannerCarouselClient from "./client.mjs";
+import { jsx } from "react/jsx-runtime";
+
+//#region components/biz/business/banner-carousel/server.tsx
+/**
+* BasicBanner 物料组件
+* 接收 inspector 可编辑的 props，转换为 BaseComponentProps 传给 runtime client
+*/
+function BannerCarousel(props) {
+	const { mode = "renderer", interval, list } = props;
+	return /* @__PURE__ */ jsx(BannerCarouselClient, {
+		mode,
+		props: {
+			interval: typeof interval === "string" ? Number(interval) || defaultProps.interval : interval ?? defaultProps.interval,
+			list
+		}
+	});
+}
+
+//#endregion
+export { BannerCarousel };

package/dist/components/biz/business/card-grid/variants/card-grid-2x3/defaults/default-props.mjs

@@ -1,2 +1,9 @@
 
-const e={gap:8};export{e as defaultProps};
+//#region components/biz/business/card-grid/variants/card-grid-2x3/defaults/default-props.ts
+/**
+* CardGrid2x3 组件默认 Props 配置
+*/
+const defaultProps = { gap: 8 };
+
+//#endregion
+export { defaultProps };

package/dist/components/biz/business/card-grid/variants/card-grid-2x3/index.mjs

@@ -1,2 +1,10 @@
 
-import{defaultProps as e}from"./defaults/default-props.mjs";import t from"./runtime/client.mjs";import{schema as n}from"./schema/index.mjs";var r=t;export{r as default};
+import { defaultProps } from "./defaults/default-props.mjs";
+import CardGrid2x3Client from "./runtime/client.mjs";
+import { schema } from "./schema/index.mjs";
+
+//#region components/biz/business/card-grid/variants/card-grid-2x3/index.ts
+var card_grid_2x3_default = CardGrid2x3Client;
+
+//#endregion
+export { card_grid_2x3_default as default };