@funhub/platform 0.1.53 → 0.1.54

package/dist/components/biz/business/detail/video-detail-recommend/client.mjs

@@ -0,0 +1,270 @@
+
+'use client';
+
+import { gContentGetGuessYouLikeVideos } from "../../../../../service/generated/client.mjs";
+import { Box } from "../../../../ui/box.mjs";
+import { Text } from "../../../../ui/text.mjs";
+import { useRequest } from "../../../../../hooks/query/use-query.mjs";
+import SvgVideoFlag from "../../../../../assets/icons/detail/video_flag.mjs";
+import { MiniThreeCard } from "../../../../common/cards/mini-three-card.mjs";
+import { useCardDecoration } from "../../../../../hooks/use-card-decoration.mjs";
+import { buildEditorPreviewRecommendList } from "../shared/editor-preview.mjs";
+import { useVideoDetailMaterialRuntimeContext } from "../shared/runtime-context-provider.mjs";
+import { buildEpisodeLabel, clampColumns, mergeManualAndPool, mockPagedList, resolveRows } from "./utils.mjs";
+import { useEffect, useMemo, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region components/biz/business/detail/video-detail-recommend/client.tsx
+const MAX_MOCK_PAGES = 5;
+const CARD_HORIZONTAL_GAP = 8;
+/**
+* 推荐模块客户端组件。
+*/
+function VideoDetailRecommendClient({ rows, columns, smartTagEnabled, smartTagIds, title, showPlayCount, playCountDelta: _playCountDelta, showEpisode, enableInfinite, items, mode = "renderer" }) {
+	const detailId = useVideoDetailMaterialRuntimeContext()?.detailId || "";
+	const isEditor = mode === "editor";
+	const isPreview = isEditor || !detailId;
+	const { getVerticalHoCoverImageUrl, getTitleText } = useCardDecoration();
+	const [page, setPage] = useState(1);
+	const sentinelRef = useRef(null);
+	const resolvedSmartTagIds = useMemo(() => smartTagIds ?? [], [smartTagIds]);
+	const resolvedItems = useMemo(() => items ?? [], [items]);
+	const resolvedEnableInfinite = Boolean(enableInfinite) && !isEditor;
+	const resolvedRows = resolveRows(rows, resolvedEnableInfinite);
+	const resolvedColumns = clampColumns(columns);
+	const pageSize = resolvedRows * resolvedColumns;
+	const editorPreviewPool = useMemo(() => buildEditorPreviewRecommendList(pageSize), [pageSize]);
+	const { data } = useRequest(["video-detail-recommend", detailId], async () => {
+		if (!detailId || isPreview) return null;
+		return await gContentGetGuessYouLikeVideos();
+	}, { enabled: !isPreview && Boolean(detailId) });
+	const normalizedPool = useMemo(() => {
+		if (isPreview) return editorPreviewPool;
+		const list = data?.data?.videos;
+		if (!Array.isArray(list)) return [];
+		return list.map((item) => normalizeGuessYouLikeVideo(item)).filter((item) => !detailId || !item.id || item.id !== detailId);
+	}, [
+		data?.data?.videos,
+		detailId,
+		editorPreviewPool,
+		isPreview
+	]);
+	const manualIdSet = useMemo(() => {
+		if (smartTagEnabled) return /* @__PURE__ */ new Set();
+		return new Set(resolvedItems.map((item) => item.contentId));
+	}, [resolvedItems, smartTagEnabled]);
+	const filteredPool = useMemo(() => {
+		if (isPreview) return normalizedPool;
+		const basePool = normalizedPool.filter((item) => !manualIdSet.has(item.id));
+		if (!smartTagEnabled || resolvedSmartTagIds.length === 0) return basePool;
+		const tagSet = new Set(resolvedSmartTagIds.map(String));
+		return basePool.filter((item) => {
+			return (Array.isArray(item.source_tags) ? item.source_tags : String(item.source_tags || "").split(",").filter(Boolean)).some((tag) => tagSet.has(String(tag?.id ?? tag)));
+		});
+	}, [
+		isPreview,
+		manualIdSet,
+		normalizedPool,
+		smartTagEnabled,
+		resolvedSmartTagIds
+	]);
+	const manualList = useMemo(() => {
+		if (smartTagEnabled) return [];
+		if (!resolvedItems.length) return [];
+		const poolMap = new Map(filteredPool.map((item) => [item.id, item]));
+		return resolvedItems.map((item, index) => {
+			const fallbackBase = editorPreviewPool[index % Math.max(1, editorPreviewPool.length)];
+			const base = poolMap.get(item.contentId) ?? (isPreview ? {
+				...fallbackBase,
+				id: item.contentId || fallbackBase.id || `preview-manual-${index + 1}`,
+				name: fallbackBase.name || `猜你喜欢 ${index + 1}`
+			} : null);
+			if (!base) return null;
+			const resolvedTitle = item.titleMode === "custom" ? item.title : getTitleText(base);
+			const resolvedCover = item.coverMode === "upload" ? item.coverUrl : getVerticalHoCoverImageUrl(base);
+			return {
+				info: {
+					...base,
+					name: resolvedTitle || base.name,
+					img_y: resolvedCover || base.img_y,
+					img_x: resolvedCover || base.img_x
+				},
+				config: {
+					showPlayCount: item.showPlayCount,
+					playCountDelta: item.playCountDelta,
+					showEpisode: item.showEpisode
+				}
+			};
+		}).filter(Boolean);
+	}, [
+		editorPreviewPool,
+		filteredPool,
+		getTitleText,
+		getVerticalHoCoverImageUrl,
+		isPreview,
+		resolvedItems,
+		smartTagEnabled
+	]);
+	const poolDisplayItems = useMemo(() => {
+		return filteredPool.map((item) => ({ info: item }));
+	}, [filteredPool]);
+	const baseList = useMemo(() => {
+		return mergeManualAndPool(manualList, poolDisplayItems, pageSize);
+	}, [
+		manualList,
+		pageSize,
+		poolDisplayItems
+	]);
+	const displayList = useMemo(() => {
+		if (!resolvedEnableInfinite) return baseList;
+		const extra = mockPagedList(poolDisplayItems, page, pageSize, MAX_MOCK_PAGES);
+		return page === 1 ? baseList : baseList.concat(extra);
+	}, [
+		baseList,
+		page,
+		pageSize,
+		poolDisplayItems,
+		resolvedEnableInfinite
+	]);
+	const hasMore = resolvedEnableInfinite && page < MAX_MOCK_PAGES && poolDisplayItems.length > 0;
+	const resolvedModuleTitle = String(title || "").trim();
+	useEffect(() => {
+		if (!resolvedEnableInfinite) return;
+		setPage(1);
+	}, [detailId, resolvedEnableInfinite]);
+	useEffect(() => {
+		if (!resolvedEnableInfinite) return;
+		const target = sentinelRef.current;
+		if (!target || !hasMore) return;
+		const observer = new IntersectionObserver((entries) => {
+			if (entries[0]?.isIntersecting) setPage((prev) => Math.min(prev + 1, MAX_MOCK_PAGES));
+		});
+		observer.observe(target);
+		return () => {
+			observer.disconnect();
+		};
+	}, [hasMore, resolvedEnableInfinite]);
+	if (!displayList.length) return null;
+	return /* @__PURE__ */ jsxs(Box, {
+		className: `w-full mt-[16px] ${isPreview ? "pointer-events-none" : ""}`,
+		children: [
+			resolvedModuleTitle ? /* @__PURE__ */ jsx(Text, {
+				className: "block pl-[12px] mb-[8px] text-text1 text-[18px] leading-[26px] font-bold",
+				children: resolvedModuleTitle
+			}) : null,
+			/* @__PURE__ */ jsx(Box, {
+				className: "w-full flex flex-wrap px-[12px]",
+				children: displayList.map((item, index) => {
+					const itemTitle = getTitleText(item.info);
+					const resolvedShowPlayCount = showPlayCount !== false && (item.config?.showPlayCount ?? true);
+					const resolvedShowEpisode = item.config?.showEpisode ?? showEpisode;
+					const playCountText = formatNumber(item.info.play_count || 0);
+					const episodeLabel = buildEpisodeLabel(Number(item.info.update_status) === 1 ? "done" : "updating", item.info.episode_cnt || item.info.links?.length, item.info.episode_cnt || item.info.links?.length);
+					const columnCount = Number.isFinite(resolvedColumns) && resolvedColumns > 0 ? resolvedColumns : 3;
+					const widthPercent = `${100 / columnCount}%`;
+					const columnIndex = index % columnCount;
+					const cardHorizontalStyle = columnCount > 1 ? {
+						paddingLeft: CARD_HORIZONTAL_GAP * columnIndex / columnCount,
+						paddingRight: CARD_HORIZONTAL_GAP * (columnCount - columnIndex - 1) / columnCount
+					} : null;
+					return /* @__PURE__ */ jsx(MiniThreeCard, {
+						url: getVerticalHoCoverImageUrl(item.info),
+						text: itemTitle,
+						textChild: /* @__PURE__ */ jsx(Text, {
+							as: "h3",
+							className: "text-text1 text-[16px] h-[24px] leading-[24px] mt-[4px] line-clamp-1",
+							children: itemTitle
+						}),
+						style: {
+							width: widthPercent,
+							...cardHorizontalStyle || {}
+						},
+						bottomLeftChild: resolvedShowPlayCount ? /* @__PURE__ */ jsxs("div", {
+							className: "h-[20px] leading-[20px] text-[#fff] text-[12px] px-[4px] rounded-[4px] bg-[#333] ml-[4px] flex items-center",
+							children: [/* @__PURE__ */ jsx(SvgVideoFlag, { className: "w-[16px] h-[auto] text-[#fff] mr-[4px]" }), playCountText]
+						}) : null,
+						bottomRightChild: resolvedShowEpisode && episodeLabel ? /* @__PURE__ */ jsx("div", {
+							className: "text-[#fff] text-[12px] leading-[20px] pr-2",
+							children: episodeLabel
+						}) : null,
+						linkPath: isPreview ? "" : buildDetailPath(item.info)
+					}, `guess-like-${index}`);
+				})
+			}),
+			resolvedEnableInfinite && /* @__PURE__ */ jsx("div", {
+				ref: sentinelRef,
+				className: "h-[1px] w-full"
+			})
+		]
+	});
+}
+/**
+* 推荐数据映射。
+*/
+function normalizeGuessYouLikeVideo(raw) {
+	return {
+		id: raw.video_id || "",
+		mid: "",
+		name: raw.name || "",
+		cat_id: "",
+		cat_name: "",
+		status: "1",
+		status_text: "",
+		create_time: "",
+		content_type: 0,
+		episode_cnt: raw.episode_count || 0,
+		show_at: raw.show_at ?? "",
+		position: "",
+		img_type: raw.img_type ?? "",
+		img_x: raw.img_x ?? "",
+		img_y: raw.img_y ?? "",
+		img_width: "",
+		img_height: "",
+		play_count: raw.play_count,
+		preview_images: [],
+		duration: String(raw.duration ?? ""),
+		score: String(raw.score ?? ""),
+		is_more_link: raw.is_more_link ? "y" : "n",
+		update_status: String(raw.update_status ?? ""),
+		description: raw.description ?? "",
+		language: "",
+		director: "",
+		actor: "",
+		area: "",
+		issue_date: "",
+		publisher: "",
+		series: "",
+		number: "",
+		tags: [],
+		source_tags: raw.source_tags ?? "",
+		source_actor: [],
+		links: Array.isArray(raw.episodes) ? raw.episodes.map((link) => ({
+			id: link.id ?? "",
+			name: link.name ?? "",
+			preview_m3u8_url: link.preview_m3u8_url ?? "",
+			m3u8_url: link.m3u8_url ?? ""
+		})) : [],
+		money: "",
+		up_user: "",
+		source_username: "",
+		task_id: "",
+		file_status: ""
+	};
+}
+function formatNumber(input) {
+	const num = Number(input || "0");
+	if (Number.isNaN(num) || num <= 0) return "0";
+	if (num >= 1e4) return `${(num / 1e4).toFixed(1)}w`;
+	if (num >= 1e3) return `${(num / 1e3).toFixed(1)}k`;
+	return String(num);
+}
+function buildDetailPath(info) {
+	if (info.content_type === 0) {
+		const encodedName = encodeURIComponent(info.name || "");
+		return `/video/${info.id}/${encodedName}/episode/1`;
+	}
+	return `/post/${info.id}`;
+}
+
+//#endregion
+export { VideoDetailRecommendClient };

package/dist/components/biz/business/detail/{materials/video-detail-recommend → video-detail-recommend}/material.d.mts

@@ -1,13 +1,13 @@
 
-import { SchemaHasDefaultValue } from "../../../../../../utils/schema/schema.mjs";
-import { DefineMaterialOption } from "../../../../../../utils/schema/material.mjs";
-import "../../../../../../utils/schema/index.mjs";
+import { SchemaHasDefaultValue } from "../../../../../utils/schema/schema.mjs";
+import { DefineMaterialOption } from "../../../../../utils/schema/material.mjs";
+import "../../../../../utils/schema/index.mjs";
 import { VideoDetailRecommendClient } from "./client.mjs";
 import { VideoDetailRecommend } from "./server.mjs";
 import * as zod from "zod";
 import * as zod_v4_core0 from "zod/v4/core";
 
-//#region components/biz/business/detail/materials/video-detail-recommend/material.d.ts
+//#region components/biz/business/detail/video-detail-recommend/material.d.ts
 declare const videoDetailRecommendMaterial: DefineMaterialOption<typeof VideoDetailRecommend, typeof VideoDetailRecommendClient, zod.ZodObject<{
   rows: zod.ZodNumber & SchemaHasDefaultValue;
   columns: zod.ZodNumber & SchemaHasDefaultValue;
@@ -39,6 +39,6 @@ declare const videoDetailRecommendMaterial: DefineMaterialOption<typeof VideoDet
     renderer: "renderer";
     editor: "editor";
   }>>;
-}, zod_v4_core0.$strip>, "video-detail-recommend">;
+}, zod_v4_core0.$strip>, "video-detail-recommend", "详情页">;
 //#endregion
 export { videoDetailRecommendMaterial };

package/dist/components/biz/business/detail/video-detail-recommend/material.mjs

@@ -0,0 +1,19 @@
+
+import { defineMaterial } from "../../../../../utils/schema/material.mjs";
+import { VideoDetailRecommendClient } from "./client.mjs";
+import { videoDetailRecommendInspectorPropsSchema } from "./schema.mjs";
+import { VideoDetailRecommend } from "./server.mjs";
+
+//#region components/biz/business/detail/video-detail-recommend/material.ts
+const videoDetailRecommendMaterial = defineMaterial({
+	type: "video-detail-recommend",
+	name: "详情页-推荐模块",
+	icon: "/static/components-thumb/video_guess_you_like.png",
+	category: "详情页",
+	serverComponent: VideoDetailRecommend,
+	clientComponent: VideoDetailRecommendClient,
+	propsSchema: videoDetailRecommendInspectorPropsSchema
+});
+
+//#endregion
+export { videoDetailRecommendMaterial };

package/dist/components/biz/business/detail/{materials/video-detail-recommend → video-detail-recommend}/schema.d.mts

@@ -1,9 +1,9 @@
 
-import { SchemaHasDefaultValue } from "../../../../../../utils/schema/schema.mjs";
-import "../../../../../../utils/schema/index.mjs";
+import { SchemaHasDefaultValue } from "../../../../../utils/schema/schema.mjs";
+import "../../../../../utils/schema/index.mjs";
 import z$1 from "zod";
 
-//#region components/biz/business/detail/materials/video-detail-recommend/schema.d.ts
+//#region components/biz/business/detail/video-detail-recommend/schema.d.ts
 declare const videoDetailRecommendInspectorPropsSchema: z$1.ZodObject<{
   rows: z$1.ZodNumber & SchemaHasDefaultValue;
   columns: z$1.ZodNumber & SchemaHasDefaultValue;

package/dist/components/biz/business/detail/video-detail-recommend/schema.mjs

@@ -0,0 +1,59 @@
+
+import { defineComponentPropsSchema, defineNumberPropSchema, defineSwitchPropSchema, defineTextPropSchema, getSchemaDefaultProps } from "../../../../../utils/schema/schema.mjs";
+import z$1 from "zod";
+
+//#region components/biz/business/detail/video-detail-recommend/schema.ts
+const videoDetailRecommendInspectorPropsSchema = defineComponentPropsSchema({
+	rows: defineNumberPropSchema({
+		label: "行数",
+		defaultValue: 1
+	}),
+	columns: defineNumberPropSchema({
+		label: "列数",
+		defaultValue: 2
+	}),
+	smartTagEnabled: defineSwitchPropSchema({
+		label: "智能铺设",
+		defaultValue: false
+	}),
+	title: defineTextPropSchema({
+		label: "推荐位名称",
+		defaultValue: "猜你喜欢"
+	}),
+	showPlayCount: defineSwitchPropSchema({
+		label: "显示播放量",
+		defaultValue: true
+	}),
+	playCountDelta: defineNumberPropSchema({
+		label: "播放量浮动",
+		defaultValue: 0
+	}),
+	showEpisode: defineSwitchPropSchema({
+		label: "显示集数",
+		defaultValue: true
+	}),
+	enableInfinite: defineSwitchPropSchema({
+		label: "无限下拉",
+		defaultValue: false
+	}),
+	smartTagIds: z$1.array(z$1.string()).optional(),
+	items: z$1.array(z$1.object({
+		contentId: z$1.string(),
+		coverMode: z$1.enum(["upload", "content"]).optional(),
+		coverUrl: z$1.string().optional(),
+		titleMode: z$1.enum(["custom", "content"]).optional(),
+		title: z$1.string().optional(),
+		description: z$1.string().optional(),
+		showPlayCount: z$1.boolean().optional(),
+		playCountDelta: z$1.number().optional(),
+		showEpisode: z$1.boolean().optional()
+	})).optional()
+});
+const videoDetailRecommendInspectorDefaultProps = {
+	...getSchemaDefaultProps(videoDetailRecommendInspectorPropsSchema),
+	smartTagIds: [],
+	items: []
+};
+
+//#endregion
+export { videoDetailRecommendInspectorPropsSchema };

package/dist/components/biz/business/detail/{materials/video-detail-recommend → video-detail-recommend}/server.d.mts

@@ -2,7 +2,7 @@
 import { VideoDetailRecommendProps } from "./schema.mjs";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
 
-//#region components/biz/business/detail/materials/video-detail-recommend/server.d.ts
+//#region components/biz/business/detail/video-detail-recommend/server.d.ts
 /**
  * 推荐模块服务端组件。
  */

package/dist/components/biz/business/detail/video-detail-recommend/server.mjs

@@ -0,0 +1,18 @@
+
+import { VideoDetailRecommendClient } from "./client.mjs";
+import { jsx } from "react/jsx-runtime";
+
+//#region components/biz/business/detail/video-detail-recommend/server.tsx
+/**
+* 推荐模块服务端组件。
+*/
+function VideoDetailRecommend(props) {
+	const { mode = "renderer", ...rest } = props;
+	return /* @__PURE__ */ jsx(VideoDetailRecommendClient, {
+		...rest,
+		mode
+	});
+}
+
+//#endregion
+export { VideoDetailRecommend };

package/dist/components/biz/business/detail/video-detail-recommend/utils.mjs

@@ -0,0 +1,52 @@
+
+//#region components/biz/business/detail/video-detail-recommend/utils.ts
+/**
+* 计算实际行数。
+*/
+function resolveRows(rows, enableInfinite) {
+	const resolved = Number(rows || 1);
+	if (!Number.isFinite(resolved)) return 1;
+	const normalized = Math.max(1, Math.floor(resolved));
+	if (enableInfinite) return normalized;
+	return Math.min(10, normalized);
+}
+/**
+* 列数限制 1-6。
+*/
+function clampColumns(columns) {
+	const resolved = Number(columns ?? 3);
+	if (!Number.isFinite(resolved)) return 3;
+	return Math.min(6, Math.max(1, Math.floor(resolved)));
+}
+/**
+* 集数文案。
+*/
+function buildEpisodeLabel(status, total, current) {
+	if (status === "done") return `全${Number(total || 0)}集`;
+	if (status === "updating") return `更新至${Number(current || 0)}`;
+	return "";
+}
+/**
+* 手动卡片优先，不足则补推荐池。
+*/
+function mergeManualAndPool(manual, pool, size) {
+	const sliceSize = Math.max(0, size);
+	const manualList = manual.slice(0, sliceSize);
+	if (manualList.length >= sliceSize) return manualList;
+	return manualList.concat(pool.slice(0, sliceSize - manualList.length));
+}
+/**
+* 本地分页模拟，循环切片并限制最大页数。
+*/
+function mockPagedList(pool, page, pageSize, maxPages) {
+	if (!pool.length || page < 1 || page > maxPages) return [];
+	const totalSize = Math.max(0, pageSize);
+	if (!totalSize) return [];
+	const start = (page - 1) * totalSize % pool.length;
+	const end = start + totalSize;
+	if (end <= pool.length) return pool.slice(start, end);
+	return pool.slice(start).concat(pool.slice(0, end - pool.length));
+}
+
+//#endregion
+export { buildEpisodeLabel, clampColumns, mergeManualAndPool, mockPagedList, resolveRows };

package/dist/components/biz/business/feature-grid/variants/basic-feature-grid/defaults/default-props.mjs

@@ -1,2 +1,13 @@
 
-const e={titleFontSize:12,iconTitleGap:2,containerPadding:16};export{e as defaultProps};
+//#region components/biz/business/feature-grid/variants/basic-feature-grid/defaults/default-props.ts
+/**
+* BasicFeatureGrid 组件默认 Props 配置
+*/
+const defaultProps = {
+	titleFontSize: 12,
+	iconTitleGap: 2,
+	containerPadding: 16
+};
+
+//#endregion
+export { defaultProps };

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

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

@@ -1,2 +1,67 @@
 
-"use client";import{mergeStyles as e}from"../../../../../utils/styles/helpers.mjs";import{pxToVw as t}from"../../../../../../../utils/helper.mjs";import{Image as n}from"../../../../../../ui/image.mjs";import{Box as r}from"../../../../../../ui/box.mjs";import{Text as i}from"../../../../../../ui/text.mjs";import a from"../../../../../../ui/link.mjs";import{defaultProps as o}from"../defaults/default-props.mjs";import{jsx as s,jsxs as c}from"react/jsx-runtime";const l={},u={list:[],title:``};function d({props:d=l,styles:f,events:p,data:m=u}){let{titleFontSize:h=o.titleFontSize,containerPadding:g=o.containerPadding}={...o,...d},_=f?e(f,{}):void 0,{list:v}=m,y=(e,t)=>{p?.onItemClick?.(e,t)};return!v||v.length===0?null:s(r,{className:`w-full pt-[16px]`,style:_,children:s(r,{className:`flex flex-wrap`,style:{paddingLeft:t(g),paddingRight:t(g)},children:v.map((e,o)=>c(a,{href:e.jump_url,className:`flex flex-col items-center`,style:{width:`25%`,paddingBottom:t(12)},onClick:()=>y(e,o),children:[s(r,{className:`flex items-center justify-center shrink-0 w-[56px] h-[40px] relative mb-[2px]`,children:s(n,{src:e.material_url,alt:e.name,fill:!0,unoptimized:!0})}),s(i,{className:`text-center text-text2 whitespace-nowrap overflow-hidden text-ellipsis w-full h-[20px] leading-[20px]`,style:{fontSize:t(h)},title:e.name,children:e.name})]},o))})})}export{d as default};
+'use client';
+
+import { mergeStyles } from "../../../../../utils/styles/helpers.mjs";
+import { pxToVw } from "../../../../../../../utils/helper.mjs";
+import { Image } from "../../../../../../ui/image.mjs";
+import { Box } from "../../../../../../ui/box.mjs";
+import { Text } from "../../../../../../ui/text.mjs";
+import Link from "../../../../../../ui/link.mjs";
+import { defaultProps } from "../defaults/default-props.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region components/biz/business/feature-grid/variants/basic-feature-grid/runtime/client.tsx
+const emptyPropsConfig = {};
+const emptyFeatureGridData = {
+	list: [],
+	title: ""
+};
+function BasicFeatureGridClient({ props: propsConfig = emptyPropsConfig, styles, events, data = emptyFeatureGridData }) {
+	const { titleFontSize = defaultProps.titleFontSize, containerPadding = defaultProps.containerPadding } = {
+		...defaultProps,
+		...propsConfig
+	};
+	const wrapperStyle = styles ? mergeStyles(styles, {}) : void 0;
+	const { list } = data;
+	const handleItemClick = (item, index) => {
+		events?.onItemClick?.(item, index);
+	};
+	if (!list || list.length === 0) return null;
+	return /* @__PURE__ */ jsx(Box, {
+		className: "w-full pt-[16px]",
+		style: wrapperStyle,
+		children: /* @__PURE__ */ jsx(Box, {
+			className: "flex flex-wrap",
+			style: {
+				paddingLeft: pxToVw(containerPadding),
+				paddingRight: pxToVw(containerPadding)
+			},
+			children: list.map((item, index) => /* @__PURE__ */ jsxs(Link, {
+				href: item.jump_url,
+				className: "flex flex-col items-center",
+				style: {
+					width: "25%",
+					paddingBottom: pxToVw(12)
+				},
+				onClick: () => handleItemClick(item, index),
+				children: [/* @__PURE__ */ jsx(Box, {
+					className: "flex items-center justify-center shrink-0 w-[56px] h-[40px] relative mb-[2px]",
+					children: /* @__PURE__ */ jsx(Image, {
+						src: item.material_url,
+						alt: item.name,
+						fill: true,
+						unoptimized: true
+					})
+				}), /* @__PURE__ */ jsx(Text, {
+					className: "text-center text-text2 whitespace-nowrap overflow-hidden text-ellipsis w-full h-[20px] leading-[20px]",
+					style: { fontSize: pxToVw(titleFontSize) },
+					title: item.name,
+					children: item.name
+				})]
+			}, index))
+		})
+	});
+}
+
+//#endregion
+export { BasicFeatureGridClient as default };

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

@@ -1,2 +1,15 @@
 
-const e={componentName:`BasicFeatureGrid`,displayName:`金刚区`,category:`FeatureGrid`,categoryName:`功能网格`,enabled:!0};export{e as componentMeta};
+//#region components/biz/business/feature-grid/variants/basic-feature-grid/schema/component.ts
+/**
+* BasicFeatureGrid 组件元信息配置
+*/
+const componentMeta = {
+	componentName: "BasicFeatureGrid",
+	displayName: "金刚区",
+	category: "FeatureGrid",
+	categoryName: "功能网格",
+	enabled: true
+};
+
+//#endregion
+export { componentMeta };

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

@@ -1,2 +1,44 @@
 
-const e={dataBinding:{field:`icons`,sourceType:`static`},slots:{data:{title:`功能列表数据`,description:`功能网格数据列表`,required:!0,schema:{type:`array`,item:{type:`object`,fields:{material_url:{type:`string`,title:`金刚区图标地址`,description:`图标 URL`},name:{type:`string`,title:`标题`,description:`金刚区标题文本`},jump_url:{type:`string`,title:`跳转链接`,description:`点击金刚区跳转的 URL`}}}}}}};export{e as dataSchema};
+//#region components/biz/business/feature-grid/variants/basic-feature-grid/schema/data.schema.ts
+/**
+* Feature 项结构定义
+*/
+const featureItemSchema = {
+	type: "object",
+	fields: {
+		material_url: {
+			type: "string",
+			title: "金刚区图标地址",
+			description: "图标 URL"
+		},
+		name: {
+			type: "string",
+			title: "标题",
+			description: "金刚区标题文本"
+		},
+		jump_url: {
+			type: "string",
+			title: "跳转链接",
+			description: "点击金刚区跳转的 URL"
+		}
+	}
+};
+/** 数据 Schema 结构 */
+const dataSchema = {
+	dataBinding: {
+		field: "icons",
+		sourceType: "static"
+	},
+	slots: { data: {
+		title: "功能列表数据",
+		description: "功能网格数据列表",
+		required: true,
+		schema: {
+			type: "array",
+			item: featureItemSchema
+		}
+	} }
+};
+
+//#endregion
+export { dataSchema };

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

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

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