sloth-d2c-mcp 1.0.4-beta90 → 1.0.4-beta92

package/dist/build/core/prompt-builder.js

@@ -164,7 +164,20 @@ export function buildComponentMappingPrompt(componentMappings, componentContexts
             }
         });
         prompt +=
-            '**重要**：在最终写入代码时，请根据设计稿需求合理传递 props 参数。请按照项目路径规范合理引入组件。如果组件有继承关系，请注意父类的 props 和方法也可以使用。\n';
+            '**重要**：在最终写入代码时，请根据设计稿需求合理传递组件参数。请按照项目路径规范合理引入组件。如果组件有继承关系，请注意父类的参数和方法也可以使用。\n';
+    }
+    // 构建组件映射的设计稿代码（用于 AI 提取组件参数）
+    const mappingsWithCode = componentMappings.filter((m) => m.code);
+    if (mappingsWithCode.length > 0) {
+        prompt += '\n\n## 组件映射设计稿代码\n\n';
+        prompt += '以下是已映射组件对应的设计稿绝对定位代码，请根据这些代码提取信息，在使用组件时传入相应参数：\n\n';
+        mappingsWithCode.forEach((mapping) => {
+            prompt += `### ${mapping.groupName}\n\n`;
+            prompt += '```html\n';
+            prompt += mapping.code;
+            prompt += '\n```\n\n';
+        });
+        prompt += '**重要**：请从上述 HTML 代码中提取信息，作为对应组件的初始化参数。\n';
     }
     // 构建标记组件提示词
     if (markedComponents.length > 0) {

package/dist/build/core/sampling.js

@@ -40,21 +40,33 @@ export function buildNestingStructure(groupsData) {
     return { childrenMap, rootGroups, groupMap, allChildIndices };
 }
 /**
- * 处理组件映射（如果已映射则跳过采样）
+ * 处理组件映射（生成 HTML 代码供 AI 提取 props）
  * @param group 分组数据
+ * @param nodeList 节点列表
  * @param componentMappings 组件映射数组
+ * @param imageMap 图片映射
+ * @param convertConfig 转换配置
  * @returns 采样结果或 null
  */
-export function handleComponentMapping(group, componentMappings) {
+export async function handleComponentMapping(group, nodeList, componentMappings, imageMap, convertConfig) {
     if (group.componentMapping) {
         const componentName = group.componentMapping.name || `Group${group.groupIndex + 1}`;
         group.name = componentName;
+        // 生成带绝对定位的 HTML 代码，供 AI 提取 props 信息
+        const resetNodeList = resetNodeListPosition(nodeList);
+        const code = await getCode({
+            d2cNodeList: resetNodeList,
+            config: convertConfig,
+        });
+        const replacedCode = replaceImageSrc(code, imageMap);
         componentMappings.push({
             groupIndex: group.groupIndex,
             groupName: componentName,
             component: group.componentMapping,
+            code: replacedCode,
         });
-        return { skipped: true, groupIndex: group.groupIndex, componentName };
+        Logger.log(`组 ${group.groupIndex} 已映射组件 ${componentName}，生成 HTML 代码长度: ${replacedCode.length}`);
+        return { skipped: true, groupIndex: group.groupIndex, componentName, code: replacedCode };
     }
     return null;
 }
@@ -138,7 +150,7 @@ export async function sampleSingleGroup(group, nodeList, config) {
     const { d2cNodeList, imageMap, convertConfig, frameworkPrompt, chunkPrompt, mcpServer, componentMappings, codeSnippets, componentContexts, isSupportSampling } = config;
     Logger.log(`开始采样组 ${group.groupIndex}, 元素数量: ${group.elements.length}, nodeList 长度: ${nodeList.length}`);
     // 检查组件映射
-    const mappingResult = handleComponentMapping(group, componentMappings);
+    const mappingResult = await handleComponentMapping(group, nodeList, componentMappings, imageMap, convertConfig);
     if (mappingResult) {
         Logger.log(`组 ${group.groupIndex} 已映射组件，跳过采样: ${mappingResult.componentName}`);
         return mappingResult;

package/dist/build/plugin/loader.js

@@ -17,7 +17,7 @@ function hasPnpm() {
 }
 // 获取包管理器命令
 function getPackageManager() {
-    return hasPnpm() ? 'pnpm' : 'npm';
+    return /* hasPnpm() ? 'pnpm' :  */ 'npm';
 }
 // 使用 env-paths 获取配置目录（与 config-manager 保持一致）
 const paths = envPaths('d2c-mcp');

package/dist/interceptor-web/dist/build-report.json

@@ -1,5 +1,5 @@
 {
-  "buildTime": "2026-01-07T02:01:53.150Z",
+  "buildTime": "2026-01-08T13:05:13.453Z",
   "mode": "build",
   "pages": {
     "main": {