@funhub/platform 0.1.127 → 0.1.130

package/dist/components/biz/renderer/renderer.mjs

@@ -1,2 +1,74 @@
 
-import{cn as e}from"../../../utils/cn.mjs";import{materials_exports as t}from"../../../materials.mjs";import{Fragment as n,jsx as r,jsxs as i}from"react/jsx-runtime";import{generateMaterialMap as a}from"create-funhub/sdk";function o(e,t){let n=t.props,r=e.propsSchema.safeParse(n);return r.success?{isValid:!0,props:r.data}:{isValid:!1,props:n,message:r.error?.message}}function s(e){let{document:t,materialMap:a,nodeId:c,ancestors:l,mode:u}=e;if(l.has(c))return null;let d=t.page.nodes[c];if(!d)return null;let f=new Set(l);f.add(c);let p=d.children.map(e=>r(s,{document:t,materialMap:a,nodeId:e,ancestors:f,mode:u},e)),m=a[d.type];if(!m)return p.length===0?null:r(n,{children:p});let h=o(m,d);return h.isValid?r(u===`client`?m.clientComponent:m.serverComponent,{...h.props,children:p}):i(`div`,{children:[`组件配置错误`,h.message]})}function c(n){let{className:i,document:o,materials:c,mode:l=`server`}=n,u=o.page.nodes[o.page.rootId];if(!u)return r(`div`,{className:e(`funhub-renderer`,i)});let d=a(c??Object.values(t));return r(`div`,{className:e(`funhub-renderer`,i),children:r(s,{document:o,materialMap:d,nodeId:u.id,ancestors:new Set,mode:l})})}export{c as Renderer};
+import { cn } from "../../../utils/cn.mjs";
+import { materials_exports } from "../../../materials.mjs";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { generateMaterialMap } from "create-funhub/sdk";
+
+//#region components/biz/renderer/renderer.tsx
+/**
+* 合并节点 props 并执行 schema 校验。
+*/
+function resolveMaterialProps(material, node) {
+	const mergedProps = node.props;
+	const parsed = material.propsSchema.safeParse(mergedProps);
+	if (!parsed.success) return {
+		isValid: false,
+		props: mergedProps,
+		message: parsed.error?.message
+	};
+	return {
+		isValid: true,
+		props: parsed.data
+	};
+}
+/**
+* 递归渲染文档节点。
+*/
+function RendererDocumentNode(props) {
+	const { document, materialMap, nodeId, ancestors, mode } = props;
+	if (ancestors.has(nodeId)) return null;
+	const node = document.page.nodes[nodeId];
+	if (!node) return null;
+	const nextAncestors = new Set(ancestors);
+	nextAncestors.add(nodeId);
+	const children = node.children.map((childId) => /* @__PURE__ */ jsx(RendererDocumentNode, {
+		document,
+		materialMap,
+		nodeId: childId,
+		ancestors: nextAncestors,
+		mode
+	}, childId));
+	const material = materialMap[node.type];
+	if (!material) {
+		if (children.length === 0) return null;
+		return /* @__PURE__ */ jsx(Fragment, { children });
+	}
+	const resolvedProps = resolveMaterialProps(material, node);
+	if (!resolvedProps.isValid) return /* @__PURE__ */ jsxs("div", { children: ["组件配置错误", resolvedProps.message] });
+	return /* @__PURE__ */ jsx(mode === "client" ? material.clientComponent : material.serverComponent, {
+		...resolvedProps.props,
+		children
+	});
+}
+/**
+* 页面渲染器（服务端组件）。
+*/
+function Renderer(props) {
+	const { className, document, materials, mode = "server" } = props;
+	const rootNode = document.page.nodes[document.page.rootId];
+	if (!rootNode) return /* @__PURE__ */ jsx("div", { className: cn("funhub-renderer", className) });
+	const materialMap = generateMaterialMap(materials ?? Object.values(materials_exports));
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("funhub-renderer", className),
+		children: /* @__PURE__ */ jsx(RendererDocumentNode, {
+			document,
+			materialMap,
+			nodeId: rootNode.id,
+			ancestors: /* @__PURE__ */ new Set(),
+			mode
+		})
+	});
+}
+
+//#endregion
+export { Renderer };

package/dist/components/biz/utils/constants/card-spec.mjs

@@ -1,2 +1,49 @@
 
-let e=function(e){return e.H2_SMALL=`h2_small`,e.V3_SMALL=`v3_small`,e.V2_LARGE=`v2_large`,e}({});const t={[e.H2_SMALL]:{columns:2,width:199,height:128,imageType:`horizontal`,aspectRatio:199/128},[e.V3_SMALL]:{columns:3,width:130,height:175,imageType:`vertical`,aspectRatio:130/175},[e.V2_LARGE]:{columns:2,width:199,height:268,imageType:`vertical`,aspectRatio:199/268}};function n(e){return t[e]}export{t as CARD_SPEC_MAP,e as CardSpec,n as getCardSpecConfig};
+//#region components/biz/utils/constants/card-spec.ts
+/**
+* CardSpec 卡片规格体系
+*/
+let CardSpec = /* @__PURE__ */ function(CardSpec) {
+	/** 横屏，一行 2 个（199 × 128） */
+	CardSpec["H2_SMALL"] = "h2_small";
+	/** 竖屏，一行 3 个（130 × 175） */
+	CardSpec["V3_SMALL"] = "v3_small";
+	/** 竖屏，一行 2 个（199 × 268） */
+	CardSpec["V2_LARGE"] = "v2_large";
+	return CardSpec;
+}({});
+/**
+* 卡片规格配置映射
+*/
+const CARD_SPEC_MAP = {
+	[CardSpec.H2_SMALL]: {
+		columns: 2,
+		width: 199,
+		height: 128,
+		imageType: "horizontal",
+		aspectRatio: 199 / 128
+	},
+	[CardSpec.V3_SMALL]: {
+		columns: 3,
+		width: 130,
+		height: 175,
+		imageType: "vertical",
+		aspectRatio: 130 / 175
+	},
+	[CardSpec.V2_LARGE]: {
+		columns: 2,
+		width: 199,
+		height: 268,
+		imageType: "vertical",
+		aspectRatio: 199 / 268
+	}
+};
+/**
+* 获取卡片规格配置
+*/
+function getCardSpecConfig(spec) {
+	return CARD_SPEC_MAP[spec];
+}
+
+//#endregion
+export { CARD_SPEC_MAP, CardSpec, getCardSpecConfig };

package/dist/components/biz/utils/helpers/get-channel-list.mjs

@@ -1,2 +1,15 @@
 
-function e(e){return Array.isArray(e?.channels)?e.channels:Array.isArray(e?.list)?e.list:[]}export{e as getChannelList};
+//#region components/biz/utils/helpers/get-channel-list.ts
+/**
+* 从频道接口响应中提取频道列表（兼容 channels / list）。
+* @param data - 接口 data 字段
+* @returns 频道列表
+*/
+function getChannelList(data) {
+	if (Array.isArray(data?.channels)) return data.channels;
+	if (Array.isArray(data?.list)) return data.list;
+	return [];
+}
+
+//#endregion
+export { getChannelList };

package/dist/components/biz/utils/helpers/url.mjs

@@ -1,2 +1,17 @@
 
-function e(e){let{url:t,contentId:n,contentType:r,title:i}=e;return r===1?`/video/${n}/${i}`:r===2?`/post/${n}`:t}export{e as buildContentUrl};
+//#region components/biz/utils/helpers/url.ts
+/**
+* URL 生成工具函数
+*/
+/**
+* 根据内容类型和 ID 构建内容详情页 URL
+*/
+function buildContentUrl(options) {
+	const { url, contentId, contentType, title } = options;
+	if (contentType === 1) return `/video/${contentId}/${title}`;
+	if (contentType === 2) return `/post/${contentId}`;
+	return url;
+}
+
+//#endregion
+export { buildContentUrl };

package/dist/components/biz/utils/schema/data.mjs

@@ -1,2 +1,23 @@
 
-let e=function(e){return e.PageFieldSelect=`PageFieldSelect`,e}({}),t=function(e){return e.API=`API`,e.Static=`Static`,e}({});export{e as DataBindingUIMode,t as DataSourceType};
+//#region components/biz/utils/schema/data.ts
+/**
+* 数据绑定 UI 模式枚举
+*/
+let DataBindingUIMode = /* @__PURE__ */ function(DataBindingUIMode) {
+	/** 页面字段选择 */
+	DataBindingUIMode["PageFieldSelect"] = "PageFieldSelect";
+	return DataBindingUIMode;
+}({});
+/**
+* 数据源类型枚举
+*/
+let DataSourceType = /* @__PURE__ */ function(DataSourceType) {
+	/** API 请求 */
+	DataSourceType["API"] = "API";
+	/** 静态数据 */
+	DataSourceType["Static"] = "Static";
+	return DataSourceType;
+}({});
+
+//#endregion
+export { DataBindingUIMode, DataSourceType };

package/dist/components/biz/utils/styles/helpers.mjs

@@ -1,2 +1,85 @@
 
-function e(e,t){return t==null||t===``?``:typeof t==`number`&&![`opacity`,`zIndex`,`fontWeight`,`lineHeight`].includes(e)?`${t}px`:String(t)}function t(t){let n={};return t.width!==void 0&&(n.width=e(`width`,t.width)),t.height!==void 0&&(n.height=e(`height`,t.height)),t.minWidth!==void 0&&(n.minWidth=e(`minWidth`,t.minWidth)),t.minHeight!==void 0&&(n.minHeight=e(`minHeight`,t.minHeight)),t.maxWidth!==void 0&&(n.maxWidth=e(`maxWidth`,t.maxWidth)),t.maxHeight!==void 0&&(n.maxHeight=e(`maxHeight`,t.maxHeight)),t.padding!==void 0&&(n.padding=e(`padding`,t.padding)),t.paddingTop!==void 0&&(n.paddingTop=e(`paddingTop`,t.paddingTop)),t.paddingRight!==void 0&&(n.paddingRight=e(`paddingRight`,t.paddingRight)),t.paddingBottom!==void 0&&(n.paddingBottom=e(`paddingBottom`,t.paddingBottom)),t.paddingLeft!==void 0&&(n.paddingLeft=e(`paddingLeft`,t.paddingLeft)),t.margin!==void 0&&(n.margin=e(`margin`,t.margin)),t.marginTop!==void 0&&(n.marginTop=e(`marginTop`,t.marginTop)),t.marginRight!==void 0&&(n.marginRight=e(`marginRight`,t.marginRight)),t.marginBottom!==void 0&&(n.marginBottom=e(`marginBottom`,t.marginBottom)),t.marginLeft!==void 0&&(n.marginLeft=e(`marginLeft`,t.marginLeft)),t.fontSize!==void 0&&(n.fontSize=e(`fontSize`,t.fontSize)),t.fontWeight!==void 0&&(n.fontWeight=e(`fontWeight`,t.fontWeight)),t.lineHeight!==void 0&&(n.lineHeight=e(`lineHeight`,t.lineHeight)),t.color!==void 0&&(n.color=e(`color`,t.color)),t.backgroundColor!==void 0&&(n.backgroundColor=e(`backgroundColor`,t.backgroundColor)),t.border!==void 0&&(n.border=e(`border`,t.border)),t.borderWidth!==void 0&&(n.borderWidth=e(`borderWidth`,t.borderWidth)),t.borderStyle!==void 0&&(n.borderStyle=e(`borderStyle`,t.borderStyle)),t.borderColor!==void 0&&(n.borderColor=e(`borderColor`,t.borderColor)),t.borderRadius!==void 0&&(n.borderRadius=e(`borderRadius`,t.borderRadius)),t.boxShadow!==void 0&&(n.boxShadow=e(`boxShadow`,t.boxShadow)),t.opacity!==void 0&&(n.opacity=t.opacity),t.display!==void 0&&(n.display=e(`display`,t.display)),t.position!==void 0&&(n.position=e(`position`,t.position)),t.top!==void 0&&(n.top=e(`top`,t.top)),t.right!==void 0&&(n.right=e(`right`,t.right)),t.bottom!==void 0&&(n.bottom=e(`bottom`,t.bottom)),t.left!==void 0&&(n.left=e(`left`,t.left)),t.zIndex!==void 0&&(n.zIndex=t.zIndex),t.overflow!==void 0&&(n.overflow=e(`overflow`,t.overflow)),t.textAlign!==void 0&&(n.textAlign=e(`textAlign`,t.textAlign)),t.cursor!==void 0&&(n.cursor=e(`cursor`,t.cursor)),n}function n(t){let n={};for(let[r,i]of Object.entries(t))if(i!=null&&i!==``){let t=r.replace(/([A-Z])/g,`-$1`).toLowerCase();n[t]=e(r,i)}return n}function r(e,r){let i=t(e||{}),a=n(r||{});return{...i,...a}}export{t as commonStylesToInline,n as customStylesToInline,r as mergeStyles};
+//#region components/biz/utils/styles/helpers.ts
+/**
+* 将样式值转换为 CSS 值
+*/
+function formatStyleValue(key, value) {
+	if (value === void 0 || value === null || value === "") return "";
+	if (typeof value === "number" && ![
+		"opacity",
+		"zIndex",
+		"fontWeight",
+		"lineHeight"
+	].includes(key)) return `${value}px`;
+	return String(value);
+}
+/**
+* 将通用样式转换为内联样式对象
+*/
+function commonStylesToInline(styles) {
+	const inlineStyles = {};
+	if (styles.width !== void 0) inlineStyles.width = formatStyleValue("width", styles.width);
+	if (styles.height !== void 0) inlineStyles.height = formatStyleValue("height", styles.height);
+	if (styles.minWidth !== void 0) inlineStyles.minWidth = formatStyleValue("minWidth", styles.minWidth);
+	if (styles.minHeight !== void 0) inlineStyles.minHeight = formatStyleValue("minHeight", styles.minHeight);
+	if (styles.maxWidth !== void 0) inlineStyles.maxWidth = formatStyleValue("maxWidth", styles.maxWidth);
+	if (styles.maxHeight !== void 0) inlineStyles.maxHeight = formatStyleValue("maxHeight", styles.maxHeight);
+	if (styles.padding !== void 0) inlineStyles.padding = formatStyleValue("padding", styles.padding);
+	if (styles.paddingTop !== void 0) inlineStyles.paddingTop = formatStyleValue("paddingTop", styles.paddingTop);
+	if (styles.paddingRight !== void 0) inlineStyles.paddingRight = formatStyleValue("paddingRight", styles.paddingRight);
+	if (styles.paddingBottom !== void 0) inlineStyles.paddingBottom = formatStyleValue("paddingBottom", styles.paddingBottom);
+	if (styles.paddingLeft !== void 0) inlineStyles.paddingLeft = formatStyleValue("paddingLeft", styles.paddingLeft);
+	if (styles.margin !== void 0) inlineStyles.margin = formatStyleValue("margin", styles.margin);
+	if (styles.marginTop !== void 0) inlineStyles.marginTop = formatStyleValue("marginTop", styles.marginTop);
+	if (styles.marginRight !== void 0) inlineStyles.marginRight = formatStyleValue("marginRight", styles.marginRight);
+	if (styles.marginBottom !== void 0) inlineStyles.marginBottom = formatStyleValue("marginBottom", styles.marginBottom);
+	if (styles.marginLeft !== void 0) inlineStyles.marginLeft = formatStyleValue("marginLeft", styles.marginLeft);
+	if (styles.fontSize !== void 0) inlineStyles.fontSize = formatStyleValue("fontSize", styles.fontSize);
+	if (styles.fontWeight !== void 0) inlineStyles.fontWeight = formatStyleValue("fontWeight", styles.fontWeight);
+	if (styles.lineHeight !== void 0) inlineStyles.lineHeight = formatStyleValue("lineHeight", styles.lineHeight);
+	if (styles.color !== void 0) inlineStyles.color = formatStyleValue("color", styles.color);
+	if (styles.backgroundColor !== void 0) inlineStyles.backgroundColor = formatStyleValue("backgroundColor", styles.backgroundColor);
+	if (styles.border !== void 0) inlineStyles.border = formatStyleValue("border", styles.border);
+	if (styles.borderWidth !== void 0) inlineStyles.borderWidth = formatStyleValue("borderWidth", styles.borderWidth);
+	if (styles.borderStyle !== void 0) inlineStyles.borderStyle = formatStyleValue("borderStyle", styles.borderStyle);
+	if (styles.borderColor !== void 0) inlineStyles.borderColor = formatStyleValue("borderColor", styles.borderColor);
+	if (styles.borderRadius !== void 0) inlineStyles.borderRadius = formatStyleValue("borderRadius", styles.borderRadius);
+	if (styles.boxShadow !== void 0) inlineStyles.boxShadow = formatStyleValue("boxShadow", styles.boxShadow);
+	if (styles.opacity !== void 0) inlineStyles.opacity = styles.opacity;
+	if (styles.display !== void 0) inlineStyles.display = formatStyleValue("display", styles.display);
+	if (styles.position !== void 0) inlineStyles.position = formatStyleValue("position", styles.position);
+	if (styles.top !== void 0) inlineStyles.top = formatStyleValue("top", styles.top);
+	if (styles.right !== void 0) inlineStyles.right = formatStyleValue("right", styles.right);
+	if (styles.bottom !== void 0) inlineStyles.bottom = formatStyleValue("bottom", styles.bottom);
+	if (styles.left !== void 0) inlineStyles.left = formatStyleValue("left", styles.left);
+	if (styles.zIndex !== void 0) inlineStyles.zIndex = styles.zIndex;
+	if (styles.overflow !== void 0) inlineStyles.overflow = formatStyleValue("overflow", styles.overflow);
+	if (styles.textAlign !== void 0) inlineStyles.textAlign = formatStyleValue("textAlign", styles.textAlign);
+	if (styles.cursor !== void 0) inlineStyles.cursor = formatStyleValue("cursor", styles.cursor);
+	return inlineStyles;
+}
+/**
+* 将自定义样式转换为内联样式对象
+*/
+function customStylesToInline(customStyles) {
+	const inlineStyles = {};
+	for (const [key, value] of Object.entries(customStyles)) if (value !== void 0 && value !== null && value !== "") {
+		const cssKey = key.replace(/([A-Z])/g, "-$1").toLowerCase();
+		inlineStyles[cssKey] = formatStyleValue(key, value);
+	}
+	return inlineStyles;
+}
+/**
+* 合并通用样式和自定义样式
+*/
+function mergeStyles(commonStyles, customStyles) {
+	const common = commonStylesToInline(commonStyles || {});
+	const custom = customStylesToInline(customStyles || {});
+	return {
+		...common,
+		...custom
+	};
+}
+
+//#endregion
+export { commonStylesToInline, customStylesToInline, mergeStyles };

package/dist/components/biz/utils/styles/schema.mjs

@@ -1,2 +1,307 @@
 
-const e={width:{type:`size`,title:`宽度`,description:`组件宽度`},height:{type:`size`,title:`高度`,description:`组件高度`},minWidth:{type:`size`,title:`最小宽度`,description:`组件最小宽度`},minHeight:{type:`size`,title:`最小高度`,description:`组件最小高度`},maxWidth:{type:`size`,title:`最大宽度`,description:`组件最大宽度`},maxHeight:{type:`size`,title:`最大高度`,description:`组件最大高度`},padding:{type:`spacing`,title:`内边距`,description:`组件内边距`},paddingTop:{type:`spacing`,title:`上内边距`,description:`组件上内边距`},paddingRight:{type:`spacing`,title:`右内边距`,description:`组件右内边距`},paddingBottom:{type:`spacing`,title:`下内边距`,description:`组件下内边距`},paddingLeft:{type:`spacing`,title:`左内边距`,description:`组件左内边距`},margin:{type:`spacing`,title:`外边距`,description:`组件外边距`},marginTop:{type:`spacing`,title:`上外边距`,description:`组件上外边距`},marginRight:{type:`spacing`,title:`右外边距`,description:`组件右外边距`},marginBottom:{type:`spacing`,title:`下外边距`,description:`组件下外边距`},marginLeft:{type:`spacing`,title:`左外边距`,description:`组件左外边距`},fontSize:{type:`size`,title:`字体大小`,description:`文字字体大小`},fontWeight:{type:`enum`,title:`字体粗细`,description:`文字字体粗细`,enum:[`normal`,`bold`,`100`,`200`,`300`,`400`,`500`,`600`,`700`,`800`,`900`],enumNames:[`正常`,`粗体`,`100`,`200`,`300`,`400`,`500`,`600`,`700`,`800`,`900`]},lineHeight:{type:`size`,title:`行高`,description:`文字行高`},color:{type:`color`,title:`文字颜色`,description:`文字颜色`},backgroundColor:{type:`color`,title:`背景颜色`,description:`背景颜色`},border:{type:`string`,title:`边框`,description:`边框样式（如：1px solid #000）`},borderWidth:{type:`size`,title:`边框宽度`,description:`边框宽度`},borderStyle:{type:`enum`,title:`边框样式`,description:`边框样式`,enum:[`none`,`solid`,`dashed`,`dotted`,`double`],enumNames:[`无`,`实线`,`虚线`,`点线`,`双线`]},borderColor:{type:`color`,title:`边框颜色`,description:`边框颜色`},borderRadius:{type:`size`,title:`圆角`,description:`边框圆角大小`},boxShadow:{type:`string`,title:`阴影`,description:`盒子阴影（如：0 2px 4px rgba(0,0,0,0.1)）`},opacity:{type:`number`,title:`透明度`,description:`透明度（0-1）`},display:{type:`enum`,title:`显示方式`,description:`元素的显示方式`,enum:[`block`,`inline`,`inline-block`,`flex`,`grid`,`none`],enumNames:[`块级`,`行内`,`行内块`,`弹性`,`网格`,`隐藏`]},position:{type:`enum`,title:`定位方式`,description:`元素的定位方式`,enum:[`static`,`relative`,`absolute`,`fixed`,`sticky`],enumNames:[`静态`,`相对`,`绝对`,`固定`,`粘性`]},top:{type:`size`,title:`顶部距离`,description:`距离顶部的距离`},right:{type:`size`,title:`右侧距离`,description:`距离右侧的距离`},bottom:{type:`size`,title:`底部距离`,description:`距离底部的距离`},left:{type:`size`,title:`左侧距离`,description:`距离左侧的距离`},zIndex:{type:`number`,title:`层级`,description:`元素的层级顺序`},overflow:{type:`enum`,title:`溢出处理`,description:`内容溢出时的处理方式`,enum:[`visible`,`hidden`,`scroll`,`auto`],enumNames:[`可见`,`隐藏`,`滚动`,`自动`]},textAlign:{type:`enum`,title:`文字对齐`,description:`文字对齐方式`,enum:[`left`,`center`,`right`,`justify`],enumNames:[`左对齐`,`居中`,`右对齐`,`两端对齐`]},cursor:{type:`enum`,title:`鼠标样式`,description:`鼠标悬停时的样式`,enum:[`default`,`pointer`,`text`,`not-allowed`,`wait`,`move`],enumNames:[`默认`,`手型`,`文本`,`禁止`,`等待`,`移动`]}};export{e as commonStyleSchema};
+//#region components/biz/utils/styles/schema.ts
+const commonStyleSchema = {
+	width: {
+		type: "size",
+		title: "宽度",
+		description: "组件宽度"
+	},
+	height: {
+		type: "size",
+		title: "高度",
+		description: "组件高度"
+	},
+	minWidth: {
+		type: "size",
+		title: "最小宽度",
+		description: "组件最小宽度"
+	},
+	minHeight: {
+		type: "size",
+		title: "最小高度",
+		description: "组件最小高度"
+	},
+	maxWidth: {
+		type: "size",
+		title: "最大宽度",
+		description: "组件最大宽度"
+	},
+	maxHeight: {
+		type: "size",
+		title: "最大高度",
+		description: "组件最大高度"
+	},
+	padding: {
+		type: "spacing",
+		title: "内边距",
+		description: "组件内边距"
+	},
+	paddingTop: {
+		type: "spacing",
+		title: "上内边距",
+		description: "组件上内边距"
+	},
+	paddingRight: {
+		type: "spacing",
+		title: "右内边距",
+		description: "组件右内边距"
+	},
+	paddingBottom: {
+		type: "spacing",
+		title: "下内边距",
+		description: "组件下内边距"
+	},
+	paddingLeft: {
+		type: "spacing",
+		title: "左内边距",
+		description: "组件左内边距"
+	},
+	margin: {
+		type: "spacing",
+		title: "外边距",
+		description: "组件外边距"
+	},
+	marginTop: {
+		type: "spacing",
+		title: "上外边距",
+		description: "组件上外边距"
+	},
+	marginRight: {
+		type: "spacing",
+		title: "右外边距",
+		description: "组件右外边距"
+	},
+	marginBottom: {
+		type: "spacing",
+		title: "下外边距",
+		description: "组件下外边距"
+	},
+	marginLeft: {
+		type: "spacing",
+		title: "左外边距",
+		description: "组件左外边距"
+	},
+	fontSize: {
+		type: "size",
+		title: "字体大小",
+		description: "文字字体大小"
+	},
+	fontWeight: {
+		type: "enum",
+		title: "字体粗细",
+		description: "文字字体粗细",
+		enum: [
+			"normal",
+			"bold",
+			"100",
+			"200",
+			"300",
+			"400",
+			"500",
+			"600",
+			"700",
+			"800",
+			"900"
+		],
+		enumNames: [
+			"正常",
+			"粗体",
+			"100",
+			"200",
+			"300",
+			"400",
+			"500",
+			"600",
+			"700",
+			"800",
+			"900"
+		]
+	},
+	lineHeight: {
+		type: "size",
+		title: "行高",
+		description: "文字行高"
+	},
+	color: {
+		type: "color",
+		title: "文字颜色",
+		description: "文字颜色"
+	},
+	backgroundColor: {
+		type: "color",
+		title: "背景颜色",
+		description: "背景颜色"
+	},
+	border: {
+		type: "string",
+		title: "边框",
+		description: "边框样式（如：1px solid #000）"
+	},
+	borderWidth: {
+		type: "size",
+		title: "边框宽度",
+		description: "边框宽度"
+	},
+	borderStyle: {
+		type: "enum",
+		title: "边框样式",
+		description: "边框样式",
+		enum: [
+			"none",
+			"solid",
+			"dashed",
+			"dotted",
+			"double"
+		],
+		enumNames: [
+			"无",
+			"实线",
+			"虚线",
+			"点线",
+			"双线"
+		]
+	},
+	borderColor: {
+		type: "color",
+		title: "边框颜色",
+		description: "边框颜色"
+	},
+	borderRadius: {
+		type: "size",
+		title: "圆角",
+		description: "边框圆角大小"
+	},
+	boxShadow: {
+		type: "string",
+		title: "阴影",
+		description: "盒子阴影（如：0 2px 4px rgba(0,0,0,0.1)）"
+	},
+	opacity: {
+		type: "number",
+		title: "透明度",
+		description: "透明度（0-1）"
+	},
+	display: {
+		type: "enum",
+		title: "显示方式",
+		description: "元素的显示方式",
+		enum: [
+			"block",
+			"inline",
+			"inline-block",
+			"flex",
+			"grid",
+			"none"
+		],
+		enumNames: [
+			"块级",
+			"行内",
+			"行内块",
+			"弹性",
+			"网格",
+			"隐藏"
+		]
+	},
+	position: {
+		type: "enum",
+		title: "定位方式",
+		description: "元素的定位方式",
+		enum: [
+			"static",
+			"relative",
+			"absolute",
+			"fixed",
+			"sticky"
+		],
+		enumNames: [
+			"静态",
+			"相对",
+			"绝对",
+			"固定",
+			"粘性"
+		]
+	},
+	top: {
+		type: "size",
+		title: "顶部距离",
+		description: "距离顶部的距离"
+	},
+	right: {
+		type: "size",
+		title: "右侧距离",
+		description: "距离右侧的距离"
+	},
+	bottom: {
+		type: "size",
+		title: "底部距离",
+		description: "距离底部的距离"
+	},
+	left: {
+		type: "size",
+		title: "左侧距离",
+		description: "距离左侧的距离"
+	},
+	zIndex: {
+		type: "number",
+		title: "层级",
+		description: "元素的层级顺序"
+	},
+	overflow: {
+		type: "enum",
+		title: "溢出处理",
+		description: "内容溢出时的处理方式",
+		enum: [
+			"visible",
+			"hidden",
+			"scroll",
+			"auto"
+		],
+		enumNames: [
+			"可见",
+			"隐藏",
+			"滚动",
+			"自动"
+		]
+	},
+	textAlign: {
+		type: "enum",
+		title: "文字对齐",
+		description: "文字对齐方式",
+		enum: [
+			"left",
+			"center",
+			"right",
+			"justify"
+		],
+		enumNames: [
+			"左对齐",
+			"居中",
+			"右对齐",
+			"两端对齐"
+		]
+	},
+	cursor: {
+		type: "enum",
+		title: "鼠标样式",
+		description: "鼠标悬停时的样式",
+		enum: [
+			"default",
+			"pointer",
+			"text",
+			"not-allowed",
+			"wait",
+			"move"
+		],
+		enumNames: [
+			"默认",
+			"手型",
+			"文本",
+			"禁止",
+			"等待",
+			"移动"
+		]
+	}
+};
+
+//#endregion
+export { commonStyleSchema };

package/dist/components/biz/utils/transformers/card-grid.mjs

@@ -1,2 +1,72 @@
 
-function e(e){if(!e||e<=0)return``;let t=Math.floor(e),n=Math.floor(t/3600),r=Math.floor(t%3600/60),i=t%60,a=e=>String(e).padStart(2,`0`);return n>0?`${a(n)}:${a(r)}:${a(i)}`:`${a(r)}:${a(i)}`}function t(e){return e<1e3?e.toString():e<1e4?`${(e/1e3).toFixed(1)}k`:e<1e5?`${(e/1e4).toFixed(1)}w`:`${Math.floor(e/1e4)}w`}function n(n,r=`view-duration`){let i={},a=n.update_status===`1`,o=n.type;return r===`view-duration`?(i.leftBottom={type:`viewCount`,value:t(n.static.browse_cnt)},o===1&&n.duration?i.rightBottom={type:`episodeCount`,value:e(n.duration)}:o===2&&(i.rightBottom={type:`episodeCount`,value:a?`${n.episode_cnt}集全`:`更新至${n.episode_cnt}集`})):r===`category-score`&&(i.leftBottom={type:`category`,value:o===1?`电影`:`剧集`},i.rightBottom={type:`score`,value:n.score}),{id:n.id,title:n.name,cover:{vertical:n.img_y,horizontal:n.img_x},corners:i,type:o}}function r(e,t=`view-duration`){return e.map(e=>n(e,t))}export{r as transformContentListToCardItems,n as transformContentToCardItem};
+//#region components/biz/utils/transformers/card-grid.ts
+/**
+* 格式化视频时长（秒）为 HH:mm:ss 或 mm:ss 格式
+* 使用纯 JavaScript 实现，避免 dayjs 在不同环境下可能导致 Hydration 错误的问题
+*/
+function formatVideoDuration(duration) {
+	if (!duration || duration <= 0) return "";
+	const totalSeconds = Math.floor(duration);
+	const hours = Math.floor(totalSeconds / 3600);
+	const minutes = Math.floor(totalSeconds % 3600 / 60);
+	const seconds = totalSeconds % 60;
+	const formatNumber = (num) => String(num).padStart(2, "0");
+	if (hours > 0) return `${formatNumber(hours)}:${formatNumber(minutes)}:${formatNumber(seconds)}`;
+	else return `${formatNumber(minutes)}:${formatNumber(seconds)}`;
+}
+function formatNumber(cnt) {
+	if (cnt < 1e3) return cnt.toString();
+	if (cnt < 1e4) return `${(cnt / 1e3).toFixed(1)}k`;
+	if (cnt < 1e5) return `${(cnt / 1e4).toFixed(1)}w`;
+	return `${Math.floor(cnt / 1e4)}w`;
+}
+/**
+* 将原始内容数据转换为 CardItemData 格式
+*/
+function transformContentToCardItem(rawData, cornerMode = "view-duration") {
+	const corners = {};
+	const finished = rawData.update_status === "1";
+	const contentType = rawData.type;
+	if (cornerMode === "view-duration") {
+		corners.leftBottom = {
+			type: "viewCount",
+			value: formatNumber(rawData.static.browse_cnt)
+		};
+		if (contentType === 1 && rawData.duration) corners.rightBottom = {
+			type: "episodeCount",
+			value: formatVideoDuration(rawData.duration)
+		};
+		else if (contentType === 2) corners.rightBottom = {
+			type: "episodeCount",
+			value: finished ? `${rawData.episode_cnt}集全` : `更新至${rawData.episode_cnt}集`
+		};
+	} else if (cornerMode === "category-score") {
+		corners.leftBottom = {
+			type: "category",
+			value: contentType === 1 ? "电影" : "剧集"
+		};
+		corners.rightBottom = {
+			type: "score",
+			value: rawData.score
+		};
+	}
+	return {
+		id: rawData.id,
+		title: rawData.name,
+		cover: {
+			vertical: rawData.img_y,
+			horizontal: rawData.img_x
+		},
+		corners,
+		type: contentType
+	};
+}
+/**
+* 将原始内容数据数组转换为 CardItemData 数组
+*/
+function transformContentListToCardItems(rawDataList, cornerMode = "view-duration") {
+	return rawDataList.map((item) => transformContentToCardItem(item, cornerMode));
+}
+
+//#endregion
+export { transformContentListToCardItems, transformContentToCardItem };