@funhub/platform 0.2.30 → 0.2.31

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

@@ -1,2 +1,141 @@
 
-"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/link.mjs";import{defaultProps as l}from"../defaults/default-props.mjs";import u from"clsx";import{useEffect as d,useRef as f,useState as p}from"react";import{useIsClient as m}from"foxact/use-is-client";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]=p(),[j,M]=p(0),N=m(),P=f(null);if(d(()=>{if(!k||!N)return;let e=()=>{M(k.selectedScrollSnap())};return k.on(`select`,e),e(),()=>{k.off(`select`,e)}},[k,x,N]),d(()=>!C||!k||O.length<=1?void 0:(P.current=setInterval(()=>{k.canScrollNext()?k.scrollNext():T&&k.scrollTo(0)},w),()=>{P.current&&=(clearInterval(P.current),null)}),[C,k,w,T,O.length]),!O||O.length===0)return null;let F=O[j],I=b?t(b,{}):void 0;return h(r,{className:u(`w-full px-[16px]`,S&&`pointer-events-none`),style:I,children:g(r,{className:`relative w-full`,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((t,r)=>h(o,{className:`pl-0`,children:h(c,{href:e({url:``,contentId:t.contentId,contentType:1,title:t.title}),className:u(`block relative w-full overflow-hidden touch-manipulation`,`aspect-[358/166]`),children:h(n,{src:t.coverUrl,alt:t.title||`Banner ${r+1}`,fill:!0,objectFit:`cover`,unoptimized:!0})})},r))})}),(E||D&&O.length>1)&&h(r,{className:`absolute inset-x-0 bottom-0 h-[72px] pointer-events-none`,style:{background:`linear-gradient(180deg, rgba(8, 2, 17, 0) 0%, rgba(8, 2, 17, 0.28) 55%, rgba(8, 2, 17, 0.4) 100%)`}}),E&&F?.title&&h(r,{className:`absolute left-[12px] right-[12px] bottom-[34px] pointer-events-none`,children:h(s,{as:`p`,className:`text-white text-[16px] leading-[22px] font-medium line-clamp-1`,children:F.title})}),D&&O.length>1&&h(r,{className:`absolute left-1/2 -translate-x-1/2 bottom-[16px] flex items-center gap-[4px] pointer-events-auto`,children:O.map((e,t)=>h(`button`,{type:`button`,className:u(`block size-[6px] rounded-full`,t===j?`bg-theme5`:`bg-[rgba(0,0,0,0.6)]`),"aria-label":`跳转到第 ${t+1} 个 Banner`},t))})]})})}export{v 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 Link from "../../../../../../ui/link.mjs";
+import { defaultProps } from "../defaults/default-props.mjs";
+import clsx from "clsx";
+import { useEffect, useRef, useState } from "react";
+import { useIsClient } from "foxact/use-is-client";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region components/biz/business/banner/variants/basic-banner/runtime/client.tsx
+const emptyPropsConfig = { list: [] };
+/**
+* Figma 参考稿使用 358 x 166 画板，这里保持响应式等比缩放。
+*/
+const BANNER_ASPECT_RATIO_CLASS = "aspect-[358/166]";
+const BANNER_OVERLAY_GRADIENT = "linear-gradient(180deg, rgba(8, 2, 17, 0) 0%, rgba(8, 2, 17, 0.28) 55%, rgba(8, 2, 17, 0.4) 100%)";
+const BANNER_INDICATOR_BASE_CLASS = "block size-[6px] rounded-full";
+const BANNER_INDICATOR_ACTIVE_CLASS = "bg-theme5";
+const BANNER_INDICATOR_INACTIVE_CLASS = "bg-[rgba(0,0,0,0.6)]";
+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__ */ jsx(Box, {
+		className: clsx("w-full px-[16px]", isEditor && "pointer-events-none"),
+		style: wrapperStyle,
+		children: /* @__PURE__ */ jsxs(Box, {
+			className: "relative w-full",
+			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: clsx("block relative w-full overflow-hidden touch-manipulation", BANNER_ASPECT_RATIO_CLASS),
+								children: /* @__PURE__ */ jsx(Image, {
+									src: item.coverUrl,
+									alt: item.title || `Banner ${index + 1}`,
+									fill: true,
+									objectFit: "cover",
+									unoptimized: true
+								})
+							})
+						}, index))
+					})
+				}),
+				(showTitle || showIndicator && list.length > 1) && /* @__PURE__ */ jsx(Box, {
+					className: "absolute inset-x-0 bottom-0 h-[72px] pointer-events-none",
+					style: { background: BANNER_OVERLAY_GRADIENT }
+				}),
+				showTitle && currentItem?.title && /* @__PURE__ */ jsx(Box, {
+					className: "absolute left-[12px] right-[12px] bottom-[34px] pointer-events-none",
+					children: /* @__PURE__ */ jsx(Text, {
+						as: "p",
+						className: "text-white text-[16px] leading-[22px] font-medium line-clamp-1",
+						children: currentItem.title
+					})
+				}),
+				showIndicator && list.length > 1 && /* @__PURE__ */ jsx(Box, {
+					className: "absolute left-1/2 -translate-x-1/2 bottom-[16px] flex items-center gap-[4px] pointer-events-auto",
+					children: list.map((_, index) => /* @__PURE__ */ jsx("button", {
+						type: "button",
+						className: clsx(BANNER_INDICATOR_BASE_CLASS, index === currentIndex ? BANNER_INDICATOR_ACTIVE_CLASS : BANNER_INDICATOR_INACTIVE_CLASS),
+						"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,134 @@
 
-"use client";import{mergeStyles as e}from"../../utils/styles/helpers.mjs";import{Image as t}from"../../../ui/image.mjs";import{Box as n}from"../../../ui/box.mjs";import{Carousel as r,CarouselContent as i,CarouselItem as a}from"../../../ui/carousel.mjs";import{Text as o}from"../../../ui/text.mjs";import s from"../../../ui/link.mjs";import{defaultProps as c}from"./default-props.mjs";import l from"clsx";import{useEffect as u,useRef as d,useState as f}from"react";import{useIsClient as p}from"foxact/use-is-client";import{jsx as m,jsxs as h}from"react/jsx-runtime";const g={list:[]};function _({mode:_=`renderer`,props:v=g,styles:y,events:b,...x}){let S=_===`editor`,{autoplay:C=c.autoplay,interval:w=c.interval,loop:T=c.loop,showIndicator:E=c.showIndicator,list:D=[]}={...c,...v,...x},[O,k]=f(),[A,j]=f(0),M=p(),N=d(null);if(u(()=>{if(!O||!M)return;let e=()=>{j(O.selectedScrollSnap())};return O.on(`select`,e),e(),()=>{O.off(`select`,e)}},[O,b,M]),u(()=>{if(!(!C||!O||D.length<=1))return N.current=setInterval(()=>{O.canScrollNext()?O.scrollNext():T&&O.scrollTo(0)},w*1e3),()=>{N.current&&=(clearInterval(N.current),null)}},[C,O,w,T,D.length]),!D||D.length===0)return null;let P=D[A],F=y?e(y,{}):void 0,I=P?.title==null?``:String(P.title).trim();return m(n,{className:l(`w-full px-[16px]`,S&&`pointer-events-none`),style:F,children:h(n,{className:`relative w-full overflow-hidden rounded-[8px]`,children:[m(r,{setApi:k,opts:{align:`start`,loop:T,skipSnaps:!1,dragFree:!1},className:`w-full`,children:m(i,{className:`ml-0`,children:D.map((e,n)=>m(a,{className:`pl-0`,children:m(s,{href:e.target,className:l(`block relative w-full overflow-hidden touch-manipulation`,`aspect-[358/166]`),children:m(t,{src:e.coverUrl,alt:e.title||`Banner ${n+1}`,fill:!0,objectFit:`cover`,unoptimized:!0})})},n))})}),(I||E&&D.length>1)&&m(n,{className:`absolute inset-0 pointer-events-none`,style:{background:`linear-gradient(180deg, rgba(8, 2, 17, 0) 0%, rgba(8, 2, 17, 0.28) 55%, rgba(8, 2, 17, 0.4) 100%)`}}),I&&m(n,{className:l(`absolute left-[16px] bottom-[14px] pointer-events-none`,`right-[58px]`),children:m(o,{as:`p`,className:`text-[16px] leading-[22px] text-white/90 line-clamp-1`,children:I})}),E&&D.length>1&&m(n,{className:l(`absolute bottom-[22px] flex items-center gap-[6px] pointer-events-auto`,`right-[16px]`),children:D.map((e,t)=>m(`button`,{type:`button`,className:l(`block size-[4px] rounded-full`,t===A?`bg-white`:`bg-white/60`),"aria-label":`跳转到第 ${t+1} 个 Banner`,onClick:()=>O?.scrollTo(t)},t))})]})})}export{_ as default};
+'use client';
+
+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 Link from "../../../ui/link.mjs";
+import { defaultProps } from "./default-props.mjs";
+import clsx from "clsx";
+import { useEffect, useRef, useState } from "react";
+import { useIsClient } from "foxact/use-is-client";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region components/biz/business/banner-carousel/client.tsx
+const emptyPropsConfig = { list: [] };
+const BANNER_ASPECT_RATIO_CLASS = "aspect-[358/166]";
+const BANNER_OVERLAY_GRADIENT = "linear-gradient(180deg, rgba(8, 2, 17, 0) 0%, rgba(8, 2, 17, 0.28) 55%, rgba(8, 2, 17, 0.4) 100%)";
+const BANNER_INDICATOR_BASE_CLASS = "block size-[4px] rounded-full";
+const BANNER_INDICATOR_ACTIVE_CLASS = "bg-white";
+const BANNER_INDICATOR_INACTIVE_CLASS = "bg-white/60";
+const BANNER_TITLE_RIGHT_CLASS = "right-[58px]";
+const BANNER_INDICATOR_RIGHT_CLASS = "right-[16px]";
+function BannerCarouselClient({ mode = "renderer", props: nestedPropsConfig = emptyPropsConfig, styles, events, ...directPropsConfig }) {
+	const isEditor = mode === "editor";
+	const { autoplay = defaultProps.autoplay, interval = defaultProps.interval, loop = defaultProps.loop, showIndicator = defaultProps.showIndicator, list = [] } = {
+		...defaultProps,
+		...nestedPropsConfig,
+		...directPropsConfig
+	};
+	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;
+		autoplayTimerRef.current = setInterval(() => {
+			if (api.canScrollNext()) api.scrollNext();
+			else if (loop) api.scrollTo(0);
+		}, interval * 1e3);
+		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;
+	const currentTitle = currentItem?.title == null ? "" : String(currentItem.title).trim();
+	return /* @__PURE__ */ jsx(Box, {
+		className: clsx("w-full px-[16px]", isEditor && "pointer-events-none"),
+		style: wrapperStyle,
+		children: /* @__PURE__ */ jsxs(Box, {
+			className: "relative w-full overflow-hidden rounded-[8px]",
+			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: clsx("block relative w-full overflow-hidden touch-manipulation", BANNER_ASPECT_RATIO_CLASS),
+								children: /* @__PURE__ */ jsx(Image, {
+									src: item.coverUrl,
+									alt: item.title || `Banner ${index + 1}`,
+									fill: true,
+									objectFit: "cover",
+									unoptimized: true
+								})
+							})
+						}, index))
+					})
+				}),
+				(currentTitle || showIndicator && list.length > 1) && /* @__PURE__ */ jsx(Box, {
+					className: "absolute inset-0 pointer-events-none",
+					style: { background: BANNER_OVERLAY_GRADIENT }
+				}),
+				currentTitle && /* @__PURE__ */ jsx(Box, {
+					className: clsx("absolute left-[16px] bottom-[14px] pointer-events-none", BANNER_TITLE_RIGHT_CLASS),
+					children: /* @__PURE__ */ jsx(Text, {
+						as: "p",
+						className: "text-[16px] leading-[22px] text-white/90 line-clamp-1",
+						children: currentTitle
+					})
+				}),
+				showIndicator && list.length > 1 && /* @__PURE__ */ jsx(Box, {
+					className: clsx("absolute bottom-[22px] flex items-center gap-[6px] pointer-events-auto", BANNER_INDICATOR_RIGHT_CLASS),
+					children: list.map((_, index) => /* @__PURE__ */ jsx("button", {
+						type: "button",
+						className: clsx(BANNER_INDICATOR_BASE_CLASS, index === currentIndex ? BANNER_INDICATOR_ACTIVE_CLASS : BANNER_INDICATOR_INACTIVE_CLASS),
+						"aria-label": `跳转到第 ${index + 1} 个 Banner`,
+						onClick: () => api?.scrollTo(index)
+					}, 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,23 @@
 
-import{defineMaterial as e}from"../../../../utils/schema/material.mjs";import t from"./client.mjs";import{basicBannerInspectorPropsSchema as n}from"./schema.mjs";import{BannerCarousel as r}from"./server.mjs";const i=e({type:`banner-carousel`,name:`基础轮播图`,icon:`/static/components-thumb/carousel_banner.png`,category:`内容组件`,serverComponent:r,clientComponent:t,propsSchema:n});export{i as BannerCarouselMaterial};
+import { defineMaterial } from "../../../../utils/schema/material.mjs";
+import BannerCarouselClient from "./client.mjs";
+import { basicBannerInspectorPropsSchema } from "./schema.mjs";
+import { BannerCarousel } from "./server.mjs";
+
+//#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: BannerCarouselClient,
+	propsSchema: basicBannerInspectorPropsSchema
+});
+
+//#endregion
+export { BannerCarouselMaterial };

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

@@ -1,2 +1,95 @@
 
-import{defineComponentPropsSchema as e,getSchemaDefaultProps as t}from"../../../../utils/schema/schema.mjs";import{defaultProps as n}from"./default-props.mjs";import r from"zod";const i=e(e=>({interval:e.number(n.interval,{label:`播放间隔`}),list:e.array(r.object({contentId:e.number(void 0,{label:`内容ID`,required:!1}),title:e.string(void 0,{label:`内容标题`,required:!1}),coverUrl:e.string(void 0,{label:`封面`,required:!1}),badgeUrl:e.string(void 0,{label:`角标图片`,required:!1}),showPlayCount:e.boolean(void 0,{fieldType:`switch`,label:`展示播放量`,required:!1}),showEpisodeCount:e.boolean(void 0,{fieldType:`switch`,label:`展示集数`,required:!1}),target:e.string(void 0,{label:`跳转地址`,required:!1}),playCount:e.number(void 0,{label:`播放量`,required:!1}),episodeInfo:e.string(void 0,{label:`集数文案`,required:!1})}),{required:!1,label:`list`,defaultValue:[{contentId:1,title:`兴趣圈层up主扶持计划，启动！`,desc:`视频描述`,coverUrl:`/static/components-resource/banner.png`,badgeUrl:``,showPlayCount:!0,showEpisodeCount:!0,target:``,playCount:24e3,episodeInfo:`56集全`},{contentId:2,title:`视频标题二`,coverUrl:`/static/components-resource/banner.png`,badgeUrl:``,showPlayCount:!0,showEpisodeCount:!0,target:``},{contentId:3,title:`视频标题三`,coverUrl:`/static/components-resource/banner.png`,badgeUrl:``,showPlayCount:!0,showEpisodeCount:!0,target:``}]})}));t(i);export{i as basicBannerInspectorPropsSchema};
+import { defineComponentPropsSchema, getSchemaDefaultProps } from "../../../../utils/schema/schema.mjs";
+import { defaultProps } from "./default-props.mjs";
+import z$1 from "zod";
+
+//#region components/biz/business/banner-carousel/schema.ts
+/**
+* BasicBanner 低代码物料 inspector 可编辑 props 的 schema 定义
+* 参照 packages/platform/components/biz/example/button 的 schema 结构
+*/
+/**
+* 定义可以被低代码右侧 inspector 编辑的 props
+*/
+const basicBannerInspectorPropsSchema = defineComponentPropsSchema((t) => ({
+	interval: t.number(defaultProps.interval, { label: "播放间隔" }),
+	list: t.array(z$1.object({
+		contentId: t.number(void 0, {
+			label: "内容ID",
+			required: false
+		}),
+		title: t.string(void 0, {
+			label: "内容标题",
+			required: false
+		}),
+		coverUrl: t.string(void 0, {
+			label: "封面",
+			required: false
+		}),
+		badgeUrl: t.string(void 0, {
+			label: "角标图片",
+			required: false
+		}),
+		showPlayCount: t.boolean(void 0, {
+			fieldType: "switch",
+			label: "展示播放量",
+			required: false
+		}),
+		showEpisodeCount: t.boolean(void 0, {
+			fieldType: "switch",
+			label: "展示集数",
+			required: false
+		}),
+		target: t.string(void 0, {
+			label: "跳转地址",
+			required: false
+		}),
+		playCount: t.number(void 0, {
+			label: "播放量",
+			required: false
+		}),
+		episodeInfo: t.string(void 0, {
+			label: "集数文案",
+			required: false
+		})
+	}), {
+		required: false,
+		label: "list",
+		defaultValue: [
+			{
+				contentId: 1,
+				title: "兴趣圈层up主扶持计划，启动！",
+				desc: "视频描述",
+				coverUrl: "/static/components-resource/banner.png",
+				badgeUrl: "",
+				showPlayCount: true,
+				showEpisodeCount: true,
+				target: "",
+				playCount: 24e3,
+				episodeInfo: "56集全"
+			},
+			{
+				contentId: 2,
+				title: "视频标题二",
+				coverUrl: "/static/components-resource/banner.png",
+				badgeUrl: "",
+				showPlayCount: true,
+				showEpisodeCount: true,
+				target: ""
+			},
+			{
+				contentId: 3,
+				title: "视频标题三",
+				coverUrl: "/static/components-resource/banner.png",
+				badgeUrl: "",
+				showPlayCount: true,
+				showEpisodeCount: true,
+				target: ""
+			}
+		]
+	})
+}));
+const basicBannerInspectorDefaultProps = getSchemaDefaultProps(basicBannerInspectorPropsSchema);
+
+//#endregion
+export { basicBannerInspectorPropsSchema };