@funhub/platform 0.2.31 → 0.2.32

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

@@ -1,141 +1,2 @@
 
-'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 };
+"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};

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

@@ -1,15 +1,2 @@
 
-//#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 };
+const e={componentName:`BasicBanner`,displayName:`基础轮播图`,category:`Banner`,categoryName:`轮播图`,enabled:!0};export{e as componentMeta};

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

@@ -1,54 +1,2 @@
 
-//#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 };
+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};

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

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

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

@@ -1,18 +1,2 @@
 
-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 };
+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};

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

@@ -1,41 +1,2 @@
 
-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 };
+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};

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

@@ -1,8 +1,2 @@
 
-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 };
+import{commonStyleSchema as e}from"../../../../../utils/styles/schema.mjs";const t={...e};export{t as styleSchema};

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

@@ -1,26 +1,2 @@
 
-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 };
+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};

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

@@ -1,134 +1,2 @@
 
-'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 };
+"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};

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

@@ -1,16 +1,2 @@
 
-//#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 };
+const e={autoplay:!0,interval:3,loop:!0,showTitle:!1,showIndicator:!0,list:[]};export{e as defaultProps};

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

@@ -1,23 +1,2 @@
 
-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 };
+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};

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

@@ -1,95 +1,2 @@
 
-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 };
+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};