@funhub/platform 0.2.30 → 0.2.31

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

@@ -1,2 +1,88 @@
 
-import{pContentBatchGetVideoDetail as e}from"../../../../service/generated/client.mjs";import{defaultProps as t}from"./default-props.mjs";import n from"./client.mjs";import{jsx as r}from"react/jsx-runtime";function i(e){let t=[];for(let n of e){let e=n.video;if(e&&typeof e==`object`&&`id`in e){let n=e.id;typeof n==`string`&&n.trim()&&t.push(n.trim())}}return Array.from(new Set(t))}function a(e,t){let n=String(t.id||t.mid||``),r=String(t.name||``),i=String(t.img_y||t.img_x||e.coverUrl||``),a=n?`/video/${n}/${encodeURIComponent(r||``)}/episode/1`:String(e.target||``),o=!!e.showPlayCount,s=t.static,c=Number(s?.browse_cnt??t.play_count??0),l={...e,contentId:e.contentId??n,title:r||e.title,coverUrl:i||e.coverUrl,target:a||e.target,video:{...typeof e.video==`object`&&e.video?e.video:{},...t}};return o&&Number.isFinite(c)&&c>=0&&(l.playCount=c),l}async function o(t){let n=i(t);if(!n.length)return t;let r=new Map;try{let t=await e({ids:n}),i=Array.isArray(t.data?.videos)?t.data.videos:[];for(let e of i){let t=String(e.video_id||e.id||e.mid||``);t&&r.set(t,e)}}catch(e){return console.warn(`[banner-carousel] 批量获取视频详情失败，使用原始 list`,e),t}return t.map(e=>{let t=e.video;if(!t||typeof t!=`object`||!(`id`in t))return e;let n=String(t.id||``).trim();if(!n)return e;let i=r.get(n);return i?a(e,i):e})}async function s(e){let{mode:i=`renderer`,interval:a,list:s}=e,c=s??t.list;return r(n,{mode:i,interval:typeof a==`string`?Number(a)||t.interval:a??t.interval,list:Array.isArray(c)?await o(c):[]})}export{s as BannerCarousel};
+import { pContentBatchGetVideoDetail } from "../../../../service/generated/client.mjs";
+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
+/** 从 list 项中提取 video.id，无 video 或 video.id 的项忽略 */
+function extractVideoIds(list) {
+	const ids = [];
+	for (const item of list) {
+		const video = item.video;
+		if (video && typeof video === "object" && "id" in video) {
+			const id = video.id;
+			if (typeof id === "string" && id.trim()) ids.push(id.trim());
+		}
+	}
+	return Array.from(new Set(ids));
+}
+/** 将 ContentVideoDetail 合并为 list 项展示字段，覆盖原有属性；仅当 showPlayCount 为 true 时填充 playCount，集数文案由父级处理 */
+function mergeVideoDetailIntoItem(item, detail) {
+	const id = String(detail.id || detail.mid || "");
+	const name = String(detail.name || "");
+	const coverUrl = String(detail.img_y || detail.img_x || item.coverUrl || "");
+	const target = id ? `/video/${id}/${encodeURIComponent(name || "")}/episode/1` : String(item.target || "");
+	const showPlayCount = Boolean(item.showPlayCount);
+	const staticData = detail.static;
+	const rawPlayCount = Number(staticData?.browse_cnt ?? detail.play_count ?? 0);
+	const merged = {
+		...item,
+		contentId: item.contentId ?? id,
+		title: name || item.title,
+		coverUrl: coverUrl || item.coverUrl,
+		target: target || item.target,
+		video: {
+			...typeof item.video === "object" && item.video ? item.video : {},
+			...detail
+		}
+	};
+	if (showPlayCount && Number.isFinite(rawPlayCount) && rawPlayCount >= 0) merged.playCount = rawPlayCount;
+	return merged;
+}
+/**
+* 批量拉取 list 中有 video.id 的项的视频详情，并覆盖回 list
+* 无 video 或 video.id 的项保持不变
+*/
+async function enrichListWithVideoDetails(list) {
+	const ids = extractVideoIds(list);
+	if (!ids.length) return list;
+	const detailMap = /* @__PURE__ */ new Map();
+	try {
+		const res = await pContentBatchGetVideoDetail({ ids });
+		const videos = Array.isArray(res.data?.videos) ? res.data.videos : [];
+		for (const v of videos) {
+			const vid = String(v.video_id || v.id || v.mid || "");
+			if (vid) detailMap.set(vid, v);
+		}
+	} catch (error) {
+		console.warn("[banner-carousel] 批量获取视频详情失败，使用原始 list", error);
+		return list;
+	}
+	return list.map((item) => {
+		const video = item.video;
+		if (!video || typeof video !== "object" || !("id" in video)) return item;
+		const vid = String(video.id || "").trim();
+		if (!vid) return item;
+		const detail = detailMap.get(vid);
+		if (!detail) return item;
+		return mergeVideoDetailIntoItem(item, detail);
+	});
+}
+/**
+* BasicBanner 物料组件
+* 接收 inspector 可编辑的 props，转换为 BaseComponentProps 传给 runtime client
+* 对 list 中带 video.id 的项批量拉取视频详情并覆盖
+*/
+async function BannerCarousel(props) {
+	const { mode = "renderer", interval, list } = props;
+	const listData = list ?? defaultProps.list;
+	return /* @__PURE__ */ jsx(BannerCarouselClient, {
+		mode,
+		interval: typeof interval === "string" ? Number(interval) || defaultProps.interval : interval ?? defaultProps.interval,
+		list: Array.isArray(listData) ? await enrichListWithVideoDetails(listData) : []
+	});
+}
+
+//#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 };

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

@@ -1,2 +1,42 @@
 
-"use client";import{CardSpec as e}from"../../../../../utils/constants/card-spec.mjs";import{mergeStyles as t}from"../../../../../utils/styles/helpers.mjs";import{transformContentListToCardItems as n}from"../../../../../utils/transformers/card-grid.mjs";import{Box as r}from"../../../../../../ui/box.mjs";import{Text as i}from"../../../../../../ui/text.mjs";import a from"../../../../../basics/card-layout/runtime/client.mjs";import{jsx as o,jsxs as s}from"react/jsx-runtime";const c={},l={list:[],title:``};function u({props:u=c,styles:d,data:f=l}){let p=e.V2_LARGE,{gap:m=8}=u||{},{list:h,title:g}=f,_=d?t(d,{}):void 0,v=n(h,`view-duration`);return s(r,{children:[g&&o(i,{as:`h2`,className:`text-[18px] font-bold text-text1 mb-[10px] px-[12px]`,children:g}),o(a,{props:{cardSpec:p,gap:m},data:v,styles:_})]})}export{u as default};
+'use client';
+
+import { CardSpec } from "../../../../../utils/constants/card-spec.mjs";
+import { mergeStyles } from "../../../../../utils/styles/helpers.mjs";
+import { transformContentListToCardItems } from "../../../../../utils/transformers/card-grid.mjs";
+import { Box } from "../../../../../../ui/box.mjs";
+import { Text } from "../../../../../../ui/text.mjs";
+import CardLayoutClient from "../../../../../basics/card-layout/runtime/client.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region components/biz/business/card-grid/variants/card-grid-2x3/runtime/client.tsx
+/**
+* CardGrid2x3 客户端渲染组件
+*/
+const emptyPropsConfig = {};
+const emptyCardGridData = {
+	list: [],
+	title: ""
+};
+function CardGrid2x3Client({ props: propsConfig = emptyPropsConfig, styles, data = emptyCardGridData }) {
+	const fixedCardSpec = CardSpec.V2_LARGE;
+	const { gap = 8 } = propsConfig || {};
+	const { list, title } = data;
+	const wrapperStyle = styles ? mergeStyles(styles, {}) : void 0;
+	const cardItems = transformContentListToCardItems(list, "view-duration");
+	return /* @__PURE__ */ jsxs(Box, { children: [title && /* @__PURE__ */ jsx(Text, {
+		as: "h2",
+		className: "text-[18px] font-bold text-text1 mb-[10px] px-[12px]",
+		children: title
+	}), /* @__PURE__ */ jsx(CardLayoutClient, {
+		props: {
+			cardSpec: fixedCardSpec,
+			gap
+		},
+		data: cardItems,
+		styles: wrapperStyle
+	})] });
+}
+
+//#endregion
+export { CardGrid2x3Client as default };

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

@@ -1,2 +1,15 @@
 
-const e={componentName:`CardGrid2x3`,displayName:`卡片网格 2×3`,category:`CardGrid`,categoryName:`卡片网格`,enabled:!0};export{e as componentMeta};
+//#region components/biz/business/card-grid/variants/card-grid-2x3/schema/component.ts
+/**
+* CardGrid2x3 组件元信息配置
+*/
+const componentMeta = {
+	componentName: "CardGrid2x3",
+	displayName: "卡片网格 2×3",
+	category: "CardGrid",
+	categoryName: "卡片网格",
+	enabled: true
+};
+
+//#endregion
+export { componentMeta };

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

@@ -1,2 +1,9 @@
 
-const e={dataBinding:{field:`videos`,sourceType:`dynamic`}};export{e as dataSchema};
+//#region components/biz/business/card-grid/variants/card-grid-2x3/schema/data.schema.ts
+const dataSchema = { dataBinding: {
+	field: "videos",
+	sourceType: "dynamic"
+} };
+
+//#endregion
+export { dataSchema };

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

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

package/dist/components/biz/business/card-grid/variants/card-grid-2x3/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/card-grid/variants/card-grid-2x3/schema/index.ts
+const schema = {
+	...componentMeta,
+	propsSchema,
+	dataSchema,
+	styleSchema,
+	eventSchema
+};
+
+//#endregion
+export { schema };

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

@@ -1,2 +1,13 @@
 
-const e={gap:{type:`number`,title:`间距`,description:`卡片之间的间距（像素）`,default:8,minimum:0,maximum:32}};export{e as propsSchema};
+//#region components/biz/business/card-grid/variants/card-grid-2x3/schema/props.schema.ts
+const propsSchema = { gap: {
+	type: "number",
+	title: "间距",
+	description: "卡片之间的间距（像素）",
+	default: 8,
+	minimum: 0,
+	maximum: 32
+} };
+
+//#endregion
+export { propsSchema };

package/dist/components/biz/business/card-grid/variants/card-grid-2x3/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/card-grid/variants/card-grid-2x3/schema/style.schema.ts
+const styleSchema = { ...commonStyleSchema };
+
+//#endregion
+export { styleSchema };

package/dist/components/biz/business/card-grid/variants/card-grid-2x3-infinite/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-infinite/defaults/default-props.ts
+/**
+* CardGrid2x3Infinite 组件默认 Props 配置
+*/
+const defaultProps = { gap: 8 };
+
+//#endregion
+export { defaultProps };

package/dist/components/biz/business/card-grid/variants/card-grid-2x3-infinite/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 CardGrid2x3InfiniteClient from "./runtime/client.mjs";
+import { schema } from "./schema/index.mjs";
+
+//#region components/biz/business/card-grid/variants/card-grid-2x3-infinite/index.ts
+var card_grid_2x3_infinite_default = CardGrid2x3InfiniteClient;
+
+//#endregion
+export { card_grid_2x3_infinite_default as default };

package/dist/components/biz/business/card-grid/variants/card-grid-2x3-infinite/runtime/client.mjs

@@ -1,2 +1,107 @@
 
-"use client";import{CardSpec as e}from"../../../../../utils/constants/card-spec.mjs";import{mergeStyles as t}from"../../../../../utils/styles/helpers.mjs";import{gContentGetAppChannelBlockData as n}from"../../../../../../../service/generated/client.mjs";import{transformContentListToCardItems as r}from"../../../../../utils/transformers/card-grid.mjs";import{Box as i}from"../../../../../../ui/box.mjs";import{InfiniteScroll as a}from"../../../../../../ui/infinite-scroll.mjs";import{Text as o}from"../../../../../../ui/text.mjs";import{usePaginated as s}from"../../../../../../../hooks/query/use-query.mjs";import c from"../../../../../basics/card-layout/runtime/client.mjs";import{useLayoutEffect as l,useMemo as u,useRef as d,useState as f}from"react";import{jsx as p,jsxs as m}from"react/jsx-runtime";const h={},g={list:[],title:``,cursor:``,block_id:``};function _({props:_=h,styles:v,data:y=g}){let b=e.V2_LARGE,{gap:x=8}=_||{},{title:S,cursor:C,block_id:w,list:T}=y,E=v?t(v,{}):void 0,D=T&&T.length>0,O=u(()=>{if(!D)return;let e=C&&C.trim()?C:void 0;return{pages:[{data:{block:{data:{videos:T,cursor:C||``}}}}],pageParams:[e]}},[D,T,C]),{data:k,fetchNextPage:A,hasNextPage:j}=s({key:[`card-grid-2x3-infinite`,w],queryFn:e=>n({block_id:w,cursor:e||void 0,page_size:20}),getNextPageParam:e=>{let t=e.data?.block?.data?.cursor;return t&&t.trim()?t:void 0},options:{enabled:!!w,initialData:O,refetchOnMount:!1,refetchOnWindowFocus:!1,refetchOnReconnect:!1},initialPageParam:D&&C&&C.trim()?C:void 0}),M=d(T),[N,P]=f(!1);l(()=>{P(!0)},[]);let F=u(()=>{let e=[...M.current];if(!N)return e;let t=[...e],n=k?.pages;if(n&&n.length>1)for(let e=1;e<n.length;e++){let r=n[e].data?.block?.data?.videos||[];t.push(...r)}return t},[N,k?.pages]),I=u(()=>r(F,`view-duration`),[F]);return m(i,{children:[S&&p(o,{as:`h2`,className:`text-[18px] font-bold text-text1 mb-[10px] px-[12px]`,children:S}),p(a,{loadMore:()=>A().then(()=>void 0),hasMore:j===!0||j===void 0&&!!C&&T.length>0,initialLoad:!0,threshold:1e3,className:``,children:p(c,{props:{cardSpec:b,gap:x},data:I,styles:E})})]})}export{_ as default};
+'use client';
+
+import { CardSpec } from "../../../../../utils/constants/card-spec.mjs";
+import { mergeStyles } from "../../../../../utils/styles/helpers.mjs";
+import { gContentGetAppChannelBlockData } from "../../../../../../../service/generated/client.mjs";
+import { transformContentListToCardItems } from "../../../../../utils/transformers/card-grid.mjs";
+import { Box } from "../../../../../../ui/box.mjs";
+import { InfiniteScroll } from "../../../../../../ui/infinite-scroll.mjs";
+import { Text } from "../../../../../../ui/text.mjs";
+import { usePaginated } from "../../../../../../../hooks/query/use-query.mjs";
+import CardLayoutClient from "../../../../../basics/card-layout/runtime/client.mjs";
+import { useLayoutEffect, useMemo, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region components/biz/business/card-grid/variants/card-grid-2x3-infinite/runtime/client.tsx
+/**
+* CardGrid2x3Infinite 客户端渲染组件
+*/
+const defaultProps = {};
+const defaultData = {
+	list: [],
+	title: "",
+	cursor: "",
+	block_id: ""
+};
+function CardGrid2x3InfiniteClient({ props: propsConfig = defaultProps, styles, data = defaultData }) {
+	const fixedCardSpec = CardSpec.V2_LARGE;
+	const { gap = 8 } = propsConfig || {};
+	const { title, cursor: initialCursor, block_id, list: initialList } = data;
+	const wrapperStyle = styles ? mergeStyles(styles, {}) : void 0;
+	const hasInitialData = initialList && initialList.length > 0;
+	const initialData = useMemo(() => {
+		if (!hasInitialData) return;
+		const pageParam = initialCursor && initialCursor.trim() ? initialCursor : void 0;
+		return {
+			pages: [{ data: { block: { data: {
+				videos: initialList,
+				cursor: initialCursor || ""
+			} } } }],
+			pageParams: [pageParam]
+		};
+	}, [
+		hasInitialData,
+		initialList,
+		initialCursor
+	]);
+	const { data: paginatedData, fetchNextPage, hasNextPage } = usePaginated({
+		key: ["card-grid-2x3-infinite", block_id],
+		queryFn: (cursor) => gContentGetAppChannelBlockData({
+			block_id,
+			cursor: cursor || void 0,
+			page_size: 20
+		}),
+		getNextPageParam: (last) => {
+			const nextCursor = (last.data?.block?.data)?.cursor;
+			return nextCursor && nextCursor.trim() ? nextCursor : void 0;
+		},
+		options: {
+			enabled: !!block_id,
+			initialData,
+			refetchOnMount: false,
+			refetchOnWindowFocus: false,
+			refetchOnReconnect: false
+		},
+		initialPageParam: hasInitialData && initialCursor && initialCursor.trim() ? initialCursor : void 0
+	});
+	const initialListRef = useRef(initialList);
+	const [isHydrated, setIsHydrated] = useState(false);
+	useLayoutEffect(() => {
+		setIsHydrated(true);
+	}, []);
+	const items = useMemo(() => {
+		const firstPageItems = [...initialListRef.current];
+		if (!isHydrated) return firstPageItems;
+		const allItems = [...firstPageItems];
+		const pages = paginatedData?.pages;
+		if (pages && pages.length > 1) for (let i = 1; i < pages.length; i++) {
+			const videos = (pages[i].data?.block?.data)?.videos || [];
+			allItems.push(...videos);
+		}
+		return allItems;
+	}, [isHydrated, paginatedData?.pages]);
+	const cardItems = useMemo(() => transformContentListToCardItems(items, "view-duration"), [items]);
+	return /* @__PURE__ */ jsxs(Box, { children: [title && /* @__PURE__ */ jsx(Text, {
+		as: "h2",
+		className: "text-[18px] font-bold text-text1 mb-[10px] px-[12px]",
+		children: title
+	}), /* @__PURE__ */ jsx(InfiniteScroll, {
+		loadMore: () => fetchNextPage().then(() => void 0),
+		hasMore: hasNextPage === true || hasNextPage === void 0 && !!initialCursor && initialList.length > 0,
+		initialLoad: true,
+		threshold: 1e3,
+		className: "",
+		children: /* @__PURE__ */ jsx(CardLayoutClient, {
+			props: {
+				cardSpec: fixedCardSpec,
+				gap
+			},
+			data: cardItems,
+			styles: wrapperStyle
+		})
+	})] });
+}
+
+//#endregion
+export { CardGrid2x3InfiniteClient as default };

package/dist/components/biz/business/card-grid/variants/card-grid-2x3-infinite/schema/component.mjs

@@ -1,2 +1,15 @@
 
-const e={componentName:`CardGrid2x3Infinite`,displayName:`卡片网格 2×3（无限滚动）`,category:`CardGrid`,categoryName:`卡片网格`,enabled:!0};export{e as componentMeta};
+//#region components/biz/business/card-grid/variants/card-grid-2x3-infinite/schema/component.ts
+/**
+* CardGrid2x3Infinite 组件元信息配置
+*/
+const componentMeta = {
+	componentName: "CardGrid2x3Infinite",
+	displayName: "卡片网格 2×3（无限滚动）",
+	category: "CardGrid",
+	categoryName: "卡片网格",
+	enabled: true
+};
+
+//#endregion
+export { componentMeta };

package/dist/components/biz/business/card-grid/variants/card-grid-2x3-infinite/schema/data.schema.mjs

@@ -1,2 +1,9 @@
 
-const e={dataBinding:{field:`videos`,sourceType:`dynamic`}};export{e as dataSchema};
+//#region components/biz/business/card-grid/variants/card-grid-2x3-infinite/schema/data.schema.ts
+const dataSchema = { dataBinding: {
+	field: "videos",
+	sourceType: "dynamic"
+} };
+
+//#endregion
+export { dataSchema };

package/dist/components/biz/business/card-grid/variants/card-grid-2x3-infinite/schema/event.schema.mjs

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

package/dist/components/biz/business/card-grid/variants/card-grid-2x3-infinite/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/card-grid/variants/card-grid-2x3-infinite/schema/index.ts
+const schema = {
+	...componentMeta,
+	propsSchema,
+	dataSchema,
+	styleSchema,
+	eventSchema
+};
+
+//#endregion
+export { schema };

package/dist/components/biz/business/card-grid/variants/card-grid-2x3-infinite/schema/props.schema.mjs

@@ -1,2 +1,13 @@
 
-const e={gap:{type:`number`,title:`间距`,description:`卡片之间的间距（像素）`,default:8,minimum:0,maximum:32}};export{e as propsSchema};
+//#region components/biz/business/card-grid/variants/card-grid-2x3-infinite/schema/props.schema.ts
+const propsSchema = { gap: {
+	type: "number",
+	title: "间距",
+	description: "卡片之间的间距（像素）",
+	default: 8,
+	minimum: 0,
+	maximum: 32
+} };
+
+//#endregion
+export { propsSchema };

package/dist/components/biz/business/card-grid/variants/card-grid-2x3-infinite/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/card-grid/variants/card-grid-2x3-infinite/schema/style.schema.ts
+const styleSchema = { ...commonStyleSchema };
+
+//#endregion
+export { styleSchema };

package/dist/components/biz/business/card-grid/variants/card-grid-2x4/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-2x4/defaults/default-props.ts
+/**
+* CardGrid2x4 组件默认 Props 配置
+*/
+const defaultProps = { gap: 8 };
+
+//#endregion
+export { defaultProps };

package/dist/components/biz/business/card-grid/variants/card-grid-2x4/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 CardGrid2x4Client from "./runtime/client.mjs";
+import { schema } from "./schema/index.mjs";
+
+//#region components/biz/business/card-grid/variants/card-grid-2x4/index.ts
+var card_grid_2x4_default = CardGrid2x4Client;
+
+//#endregion
+export { card_grid_2x4_default as default };

package/dist/components/biz/business/card-grid/variants/card-grid-2x4/runtime/client.mjs

@@ -1,2 +1,42 @@
 
-"use client";import{CardSpec as e}from"../../../../../utils/constants/card-spec.mjs";import{mergeStyles as t}from"../../../../../utils/styles/helpers.mjs";import{transformContentListToCardItems as n}from"../../../../../utils/transformers/card-grid.mjs";import{Box as r}from"../../../../../../ui/box.mjs";import{Text as i}from"../../../../../../ui/text.mjs";import a from"../../../../../basics/card-layout/runtime/client.mjs";import{jsx as o,jsxs as s}from"react/jsx-runtime";const c={},l={list:[],title:``};function u({props:u=c,styles:d,data:f=l}){let p=e.H2_SMALL,{gap:m=8}=u||{},{list:h,title:g}=f,_=d?t(d,{}):void 0,v=n(h,`view-duration`);return s(r,{children:[g&&o(i,{as:`h2`,className:`text-[18px] font-bold text-text1 mb-[10px] px-[12px]`,children:g}),o(a,{props:{cardSpec:p,gap:m},data:v,styles:_})]})}export{u as default};
+'use client';
+
+import { CardSpec } from "../../../../../utils/constants/card-spec.mjs";
+import { mergeStyles } from "../../../../../utils/styles/helpers.mjs";
+import { transformContentListToCardItems } from "../../../../../utils/transformers/card-grid.mjs";
+import { Box } from "../../../../../../ui/box.mjs";
+import { Text } from "../../../../../../ui/text.mjs";
+import CardLayoutClient from "../../../../../basics/card-layout/runtime/client.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region components/biz/business/card-grid/variants/card-grid-2x4/runtime/client.tsx
+/**
+* CardGrid2x4 客户端渲染组件
+*/
+const emptyPropsConfig = {};
+const emptyCardGridData = {
+	list: [],
+	title: ""
+};
+function CardGrid2x4Client({ props: propsConfig = emptyPropsConfig, styles, data = emptyCardGridData }) {
+	const fixedCardSpec = CardSpec.H2_SMALL;
+	const { gap = 8 } = propsConfig || {};
+	const { list, title } = data;
+	const wrapperStyle = styles ? mergeStyles(styles, {}) : void 0;
+	const cardItems = transformContentListToCardItems(list, "view-duration");
+	return /* @__PURE__ */ jsxs(Box, { children: [title && /* @__PURE__ */ jsx(Text, {
+		as: "h2",
+		className: "text-[18px] font-bold text-text1 mb-[10px] px-[12px]",
+		children: title
+	}), /* @__PURE__ */ jsx(CardLayoutClient, {
+		props: {
+			cardSpec: fixedCardSpec,
+			gap
+		},
+		data: cardItems,
+		styles: wrapperStyle
+	})] });
+}
+
+//#endregion
+export { CardGrid2x4Client as default };

package/dist/components/biz/business/card-grid/variants/card-grid-2x4/schema/component.mjs

@@ -1,2 +1,15 @@
 
-const e={componentName:`CardGrid2x4`,displayName:`卡片网格 2×4`,category:`CardGrid`,categoryName:`卡片网格`,enabled:!0};export{e as componentMeta};
+//#region components/biz/business/card-grid/variants/card-grid-2x4/schema/component.ts
+/**
+* CardGrid2x4 组件元信息配置
+*/
+const componentMeta = {
+	componentName: "CardGrid2x4",
+	displayName: "卡片网格 2×4",
+	category: "CardGrid",
+	categoryName: "卡片网格",
+	enabled: true
+};
+
+//#endregion
+export { componentMeta };

package/dist/components/biz/business/card-grid/variants/card-grid-2x4/schema/data.schema.mjs

@@ -1,2 +1,9 @@
 
-const e={dataBinding:{field:`videos`,sourceType:`dynamic`}};export{e as dataSchema};
+//#region components/biz/business/card-grid/variants/card-grid-2x4/schema/data.schema.ts
+const dataSchema = { dataBinding: {
+	field: "videos",
+	sourceType: "dynamic"
+} };
+
+//#endregion
+export { dataSchema };

package/dist/components/biz/business/card-grid/variants/card-grid-2x4/schema/event.schema.mjs

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

package/dist/components/biz/business/card-grid/variants/card-grid-2x4/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/card-grid/variants/card-grid-2x4/schema/index.ts
+const schema = {
+	...componentMeta,
+	propsSchema,
+	dataSchema,
+	styleSchema,
+	eventSchema
+};
+
+//#endregion
+export { schema };

package/dist/components/biz/business/card-grid/variants/card-grid-2x4/schema/props.schema.mjs

@@ -1,2 +1,13 @@
 
-const e={gap:{type:`number`,title:`间距`,description:`卡片之间的间距（像素）`,default:8,minimum:0,maximum:32}};export{e as propsSchema};
+//#region components/biz/business/card-grid/variants/card-grid-2x4/schema/props.schema.ts
+const propsSchema = { gap: {
+	type: "number",
+	title: "间距",
+	description: "卡片之间的间距（像素）",
+	default: 8,
+	minimum: 0,
+	maximum: 32
+} };
+
+//#endregion
+export { propsSchema };

package/dist/components/biz/business/card-grid/variants/card-grid-2x4/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/card-grid/variants/card-grid-2x4/schema/style.schema.ts
+const styleSchema = { ...commonStyleSchema };
+
+//#endregion
+export { styleSchema };

package/dist/components/biz/business/card-grid/variants/card-grid-3x3/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-3x3/defaults/default-props.ts
+/**
+* CardGrid3x3 组件默认 Props 配置
+*/
+const defaultProps = { gap: 8 };
+
+//#endregion
+export { defaultProps };