@blocklet/pages-kit-block-studio 0.4.89 → 0.4.91

package/lib/cjs/utils/generate-wrapper-code.js

@@ -38,8 +38,10 @@ exports.generatePropertiesJsonSchemaWithZod = generatePropertiesJsonSchemaWithZo
 exports.generatePageDataJsonSchemasWithZod = generatePageDataJsonSchemasWithZod;
 exports.generatePageDataTypesWithZod = generatePageDataTypesWithZod;
 exports.generatePropertiesTypesWithZod = generatePropertiesTypesWithZod;
+exports.generatePageSectionsDataZod = generatePageSectionsDataZod;
 // 导入 Zod 工具集
 const property_1 = require("@blocklet/pages-kit/utils/property");
+const zod_1 = require("zod");
 const block_props_utils_1 = require("./block-props-utils");
 const zod_utils_1 = require("./zod-utils");
 async function generateWrapperCode({ project, state, version }) {
@@ -501,4 +503,74 @@ function generatePropertiesTypesWithZod(properties) {
     const typeString = (0, zod_utils_1.zodSchemaToTypeString)(zodSchema, 'Props');
     return typeString;
 }
+/**
+ * 生成特定页面所有 section 数据的 Zod 类型定义
+ * @param state 应用状态
+ * @param pageId 目标页面ID
+ * @returns 包含所有 section 数据类型的 Zod schema
+ */
+function generatePageSectionsDataZod(state, pageId) {
+    const page = state.pages[pageId];
+    if (!page) {
+        return zod_1.z.object({}).describe('Empty page data');
+    }
+    const sectionSchemas = {};
+    // 收集页面所有section的配置信息
+    page.sectionIds.forEach((sectionId) => {
+        const section = page.sections[sectionId];
+        if (!section || !section.isTemplateSection)
+            return;
+        const sectionName = section.name || section.id;
+        if (section.component === 'custom-component') {
+            const componentId = section.config?.componentId;
+            if (!componentId)
+                return;
+            const component = state.components[componentId]?.data || state.resources.components?.[componentId]?.component;
+            if (!component)
+                return;
+            // 使用propertiesToZodSchema生成Zod Schema，并包含llmConfig配置
+            const zodSchema = (0, zod_utils_1.propertiesToZodSchema)(component.properties || {}, {
+                addZodDescribe: false,
+                llmConfig: section.llmConfig?.properties || {},
+            });
+            // 添加section描述
+            sectionSchemas[sectionName] = zodSchema.describe(section.templateDescription || '');
+        }
+        else if (block_props_utils_1.BASIC_COMPONENT_SECTION_TYPES[section.component]) {
+            // 处理基本组件类型
+            const componentType = section.component;
+            const schemaProperties = block_props_utils_1.BASIC_COMPONENT_SECTION_JSON_SCHEMAS[componentType];
+            // 将JSON Schema转换为Zod Schema
+            const zodProperties = Object.entries(schemaProperties || {}).reduce((acc, [key, value]) => {
+                // 简单处理常见类型
+                if (value.type === 'string') {
+                    acc[key] = zod_1.z.string().optional();
+                }
+                else if (value.type === 'number') {
+                    acc[key] = zod_1.z.number().optional();
+                }
+                else if (value.type === 'boolean') {
+                    acc[key] = zod_1.z.boolean().optional();
+                }
+                else if (value.type === 'array') {
+                    acc[key] = zod_1.z.array(zod_1.z.any()).optional();
+                }
+                else if (value.type === 'object') {
+                    acc[key] = zod_1.z.record(zod_1.z.string(), zod_1.z.any()).optional();
+                }
+                else {
+                    acc[key] = zod_1.z.any().optional();
+                }
+                return acc;
+            }, {});
+            sectionSchemas[sectionName] = zod_1.z.object(zodProperties).describe(section.templateDescription || '');
+        }
+        else {
+            // 其他类型的section，使用默认对象
+            sectionSchemas[sectionName] = zod_1.z.object({}).describe(section.templateDescription || '');
+        }
+    });
+    // 创建包含所有section的schema
+    return zod_1.z.object(sectionSchemas).describe(`Page ${page.title || pageId} sections data`);
+}
 exports.default = generateWrapperCode;

package/lib/esm/plugins/_theme.js

@@ -456,7 +456,13 @@ function Layout({ loadState, loadedData }) {
                                                             Toast.error('生成接口预览失败');
                                                         }
                                                     }, children: "Properties \u2192 Interface" })] })] }) }), state.metadata.id && (_jsx(ListItem, { children: _jsx(Box, { sx: { width: '100%' }, children: _jsx(ParametersConfig, { config: state.metadata, allComponents: mergedAllBlocks, defaultLocale: defaultLocale, locale: locale, propertiesValue: mergedPropertiesValues, onChange: ({ key, value, id, path, ...rest }) => {
-                                            const property = get(state.metadata, [...path, 'data']);
+                                            const realPath = [...path, 'data'];
+                                            const property = get(state.metadata, realPath);
+                                            // ensure property exist
+                                            if (!property) {
+                                                Toast.warning(`无法找到属性，请检查在 @metadata.json 中，是否存在该属性: ${realPath.join('.')}`);
+                                                return;
+                                            }
                                             const realValue = parsePropertyValue(property, value.value, {
                                                 locale,
                                                 defaultLocale,