+ 
+
+ )}
+
+
+
+ {category}
+ {date}
+
+
+ {items.map((zoneItem, i) => {
+ const item = zoneItem.item!;
+ const Renderer = getItemRenderer(item.modelCode);
+ if (!Renderer) {
+ return (
+
+ );
+ }
+
+ if (layout === 'carousel') {
+ return (
+
+
+ );
+ }
+ return (
+ 未知内容类型: {item.modelCode}
+
+
+ );
+ }
+
+ return (
+
+ {items.map((zoneItem, i) => {
+ const item = zoneItem.item!;
+ const Renderer = getItemRenderer(item.modelCode);
+ if (!Renderer) return null;
+ return (
+
+
+
+ );
+ })}
+
+ {items.map((zoneItem, i) => {
+ const item = zoneItem.item!;
+ const Renderer = getItemRenderer(item.modelCode);
+ if (!Renderer) {
+ return (
+
+ );
+}
diff --git a/src/lib/cms/client.ts b/src/lib/cms/client.ts
new file mode 100644
index 0000000..d96ad84
--- /dev/null
+++ b/src/lib/cms/client.ts
@@ -0,0 +1,238 @@
+import type {
+ ContentModel,
+ ContentItem,
+ ContentQueryParams,
+ PaginatedResult,
+ ContentZone,
+ ThemeConfig,
+} from './types';
+import {
+ getMockContentModel,
+ getMockItems,
+ getMockItemBySlug,
+ getMockItemById,
+ contentModels,
+ allMockItems,
+} from './mock-data';
+
+export interface CmsClientConfig {
+ baseUrl: string;
+ apiKey?: string;
+ timeout?: number;
+ mockMode?: boolean;
+}
+
+export class CmsClient {
+ private config: Required
+
+ );
+ }
+ return (
+ 未知内容类型: {item.modelCode}
+
+ {image && (
+
+ )}
+
+
+
+
+ );
+ }
+
+ return (
+
+
+ {category}
+ {date}
+
+ {title}
+{excerpt}
+
+
+
+ );
+}
+
+export function ServiceCardRenderer({ item, className = '' }: ContentItemComponentProps) {
+ const data = item.data as Record
+ {icon &&
+ {icon}
}
+ {formattedValue}
+ {label}
+ {description && {description}
}
+ {trendValue && (
+
+ {trendDirection === 'up' && '↑'}
+ {trendDirection === 'down' && '↓'}
+ {trendDirection === 'neutral' && '→'}
+ {trendValue}
+
+ )}
+
+ {icon && (
+
+
+ );
+}
+
+export function ProductCardRenderer({ item, className = '' }: ContentItemComponentProps) {
+ const data = item.data as Record
+ {icon}
+
+ )}
+ {title}
+{description}
+
+ 了解详情
+ →
+
+
+
+ {status && (
+
+ {status}
+
+ )}
+
+ )}
+
+ {category &&
+
+ );
+}
+
+export function SolutionCardRenderer({ item, className = '' }: ContentItemComponentProps) {
+ const data = item.data as Record{category}
}
+ {title}
+{description}
+
+ {icon && (
+
+
+ );
+}
+
+export function HeroBannerRenderer({ item, className = '' }: ContentItemComponentProps) {
+ const data = item.data as Record
+ {icon}
+
+ )}
+ {industry && {industry}
}
+ {title}
+{description}
+
+ 查看方案
+ →
+
+
+
+
+
+
+
+
+ {subheading && (
+
+
+
+ {subheading}
+
+ )}
+ + {heading} +
+ {description && ( ++ {description} +
+ )} + +