@mybricks/to-code-taro 1.0.1 → 1.0.3

package/dist/esm/generate/generateTaroProjectJson.js

@@ -1,51 +1,55 @@
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
-import * as fs from 'fs';
-import * as path from 'path';
+import * as fs from "fs";
+import * as path from "path";
 import { findDir, ensureDir } from "./utils/fileNode";
 import { handleCommonDir } from "./utils/commonDir";
 import { handleTabBarImages } from "./utils/tabBarImages";
 import { updateAppConfig } from "./utils/appConfig";
 /**
  * 根据数组生成文件结构 JSON 对象
- * @param items 包含 content、cssContent、pageConfigContent、tabBarConfig 等信息的数组
+ * @param result 包含 files 和 assets 的生成结果对象
  * @returns 返回文件结构的 JSON 对象数组
  */
-var generateTaroProjectJson = function generateTaroProjectJson() {
+var generateTaroProjectJson = function generateTaroProjectJson(result) {
   var _pagesDir$children, _srcDir$children;
-  var items = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  var _result$files = result.files,
+    files = _result$files === void 0 ? [] : _result$files,
+    _result$assets = result.assets,
+    assets = _result$assets === void 0 ? {} : _result$assets;
+
   // 读取模板 JSON 文件
-  var templateJsonPath = path.join(__dirname, '../taro-template.json');
+  var templateJsonPath = path.join(__dirname, "../taro-template.json");
   if (!fs.existsSync(templateJsonPath)) {
     throw new Error("\u6A21\u677F\u6587\u4EF6\u4E0D\u5B58\u5728: ".concat(templateJsonPath));
   }
-  var templateJson = JSON.parse(fs.readFileSync(templateJsonPath, 'utf-8'));
+  var templateJson = JSON.parse(fs.readFileSync(templateJsonPath, "utf-8"));
 
   // 找到 src 目录
   var srcDir = templateJson.find(function (node) {
-    return node.path === 'src';
+    return node.path === "src";
   });
   srcDir.children = srcDir.children || [];
 
   // 找到 pages 目录
-  var pagesDir = findDir(templateJson, 'src/pages');
+  var pagesDir = findDir(templateJson, "src/pages");
   if (!pagesDir) {
-    throw new Error('未找到 pages 目录');
+    throw new Error("未找到 pages 目录");
   }
   pagesDir.children = pagesDir.children || [];
 
   // 确保 common 目录存在
-  var commonDir = ensureDir(srcDir, 'src/common');
+  var commonDir = ensureDir(srcDir, "src/common");
 
   // 确保 assets/tabbar 目录存在
-  var assetsDir = ensureDir(srcDir, 'src/assets');
-  var tabbarDir = ensureDir(assetsDir, 'src/assets/tabbar');
+  var assetsDir = ensureDir(srcDir, "src/assets");
+  var tabbarDir = ensureDir(assetsDir, "src/assets/tabbar");
 
-  // 从 items 的扩展字段中获取 TabBar 图片文件信息
-  var imageFiles = items.__tabBarImageFiles || [];
+  // 从 assets 中获取 TabBar 图片文件信息
+  var imageFiles = assets.tabBarImages || [];
 
   // 过滤出类型为 normal 的项
-  var normalItems = items.filter(function (item) {
-    return item.type === 'normal';
+  var normalItems = files.filter(function (item) {
+    return item.type === "normal";
   });
 
   // 处理所有 normal 类型的项，生成页面节点数组
@@ -54,8 +58,8 @@ var generateTaroProjectJson = function generateTaroProjectJson() {
     var pageName = item.meta.id;
 
     // 生成完整的文件内容：import 语句 + content
-    var importCode = ((_item$importManager = item.importManager) === null || _item$importManager === void 0 ? void 0 : _item$importManager.toCode()) || '';
-    var fileContent = item.content || '';
+    var importCode = ((_item$importManager = item.importManager) === null || _item$importManager === void 0 ? void 0 : _item$importManager.toCode()) || "";
+    var fileContent = item.content || "";
     var fullContent = importCode ? "".concat(importCode, "\n").concat(fileContent) : fileContent;
 
     // 使用 item 中的 pageConfigContent，如果没有则使用默认配置
@@ -67,7 +71,7 @@ var generateTaroProjectJson = function generateTaroProjectJson() {
       content: configContent
     }, {
       path: "src/pages/".concat(pageName, "/index.less"),
-      content: item.cssContent || ''
+      content: item.cssContent || ""
     }, {
       path: "src/pages/".concat(pageName, "/index.tsx"),
       content: fullContent
@@ -86,17 +90,17 @@ var generateTaroProjectJson = function generateTaroProjectJson() {
 
   // 更新 app.config.ts
   var appConfigFile = (_srcDir$children = srcDir.children) === null || _srcDir$children === void 0 ? void 0 : _srcDir$children.find(function (node) {
-    return node.path === 'src/app.config.ts';
+    return node.path === "src/app.config.ts";
   });
   if (appConfigFile) {
-    updateAppConfig(appConfigFile, normalItems, items);
+    updateAppConfig(appConfigFile, normalItems, files);
   }
 
   // 处理 TabBar 图片文件
   handleTabBarImages(tabbarDir, imageFiles);
 
   // 处理 common 目录下的文件
-  handleCommonDir(commonDir, items);
+  handleCommonDir(commonDir, files);
   return templateJson;
 };
 export default generateTaroProjectJson;

package/dist/esm/generate/utils/tabBarImages.d.ts

@@ -1,7 +1,7 @@
 /**
  * TabBar 图片文件处理工具
  */
-import type { ImageFileInfo } from '../../utils/pageConfig';
+import type { ImageFileInfo } from '../../utils/config/content';
 interface FileNode {
     path: string;
     content: string | null;

package/dist/esm/handleCom.d.ts

@@ -1,5 +1,5 @@
 import { ImportManager } from "./utils";
-import { RenderManager } from "./utils/code/renderManager";
+import { RenderManager } from "./utils/templates/renderManager";
 import type { UI, BaseConfig } from "./toCodeTaro";
 export type Com = Extract<UI["children"][0], {
     type: "com";

package/dist/esm/handleCom.js

@@ -1,54 +1,59 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 /* eslint-disable @typescript-eslint/no-explicit-any */
-import { convertComponentStyle, firstCharToUpperCase, indentation, convertStyleAryToCss } from "./utils";
-import { getUiComponentCode } from "./utils/code";
+import { convertComponentStyle, firstCharToUpperCase, convertStyleAryToCss, indentation } from "./utils";
+import { getUiComponentCode } from "./utils/templates";
 import handleSlot from "./handleSlot";
-import { genSlotRenderRef, formatSlotContent } from "./utils/code/component";
-import { RenderManager } from "./utils/code/renderManager";
-import { handleProcess } from "./utils/handleProcess";
+import { RenderManager } from "./utils/templates/renderManager";
+import { processComEvents } from "./processors/processComEvents";
+import { genSlotRenderRef, formatSlotContent } from "./utils/templates/component";
 var handleCom = function handleCom(com, config) {
-  var _config$getComponentC, _scene$coms, _props$style;
   var meta = com.meta,
-    props = com.props,
-    slots = com.slots,
-    events = com.events;
-  var isModule = meta.def.namespace.startsWith("mybricks.taro.module");
-  var _config$getComponentM = config.getComponentMeta(meta),
-    importInfo = _config$getComponentM.importInfo,
-    callName = _config$getComponentM.callName;
+    props = com.props;
 
-  // 检查是否是 JS 计算组件（_muilt-inputJs 或 js-ai）
-  var isJsCalculationComponent = meta.def.namespace === "mybricks.taro._muilt-inputJs" || meta.def.namespace === "mybricks.core-comlib.js-ai";
-  if (isJsCalculationComponent) {
-    var _props$data, _props$data2, _props$data3;
-    // 收集 JS 计算组件信息
-    // 优先使用原始代码（code），而不是转译后的代码（transformCode），避免包含 Babel 辅助函数
-    var transformCode = ((_props$data = props.data) === null || _props$data === void 0 || (_props$data = _props$data.fns) === null || _props$data === void 0 ? void 0 : _props$data.code) || ((_props$data2 = props.data) === null || _props$data2 === void 0 || (_props$data2 = _props$data2.fns) === null || _props$data2 === void 0 ? void 0 : _props$data2.transformCode) || ((_props$data3 = props.data) === null || _props$data3 === void 0 ? void 0 : _props$data3.fns);
-    if (transformCode && config.addJSModule) {
-      var _meta$model, _meta$model2;
-      config.addJSModule({
-        id: meta.id,
-        title: meta.title || "JS计算",
-        transformCode: typeof transformCode === 'string' ? transformCode : '',
-        inputs: ((_meta$model = meta.model) === null || _meta$model === void 0 ? void 0 : _meta$model.inputs) || [],
-        outputs: ((_meta$model2 = meta.model) === null || _meta$model2 === void 0 ? void 0 : _meta$model2.outputs) || [],
-        data: props.data || {}
-      });
-    }
-    // JS 计算组件：不引入组件，在调用时使用 jsModules
-    return {
-      slots: [],
-      scopeSlots: [],
-      ui: '',
-      js: '',
-      cssContent: '',
-      outputsConfig: undefined
-    };
+  // 1. 处理 JS 计算组件
+  if (isJsCalculation(meta)) {
+    return handleJsCalculation(com, config);
   }
 
-  // 确保组件名是大驼峰
+  // 2. 注册到 Provider 并获取元信息
+  var _prepareComponent = prepareComponent(com, config),
+    componentName = _prepareComponent.componentName,
+    eventHandlers = _prepareComponent.eventHandlers,
+    comEventCode = _prepareComponent.comEventCode;
+
+  // 3. 处理样式
+  var _prepareStyles = prepareStyles(com),
+    cssContent = _prepareStyles.cssContent,
+    rootStyle = _prepareStyles.rootStyle;
+
+  // 4. 处理插槽
+  var _processComSlots = processComSlots(com, config, cssContent),
+    slotsCode = _processComSlots.slotsCode,
+    accumulatedCssContent = _processComSlots.accumulatedCssContent,
+    eventCode = _processComSlots.eventCode;
+
+  // 5. 生成组件 UI 代码
+  var ui = generateUiCode(com, config, componentName, rootStyle, comEventCode, slotsCode, eventHandlers);
+  return {
+    slots: [],
+    scopeSlots: [],
+    ui: ui,
+    js: eventCode,
+    cssContent: accumulatedCssContent,
+    outputsConfig: Object.keys(eventHandlers).length > 0 ? _defineProperty({}, meta.id, eventHandlers) : undefined
+  };
+};
+
+/**
+ * 准备组件信息
+ */
+var prepareComponent = function prepareComponent(com, config) {
+  var meta = com.meta;
+  var _config$getComponentM = config.getComponentMeta(meta),
+    importInfo = _config$getComponentM.importInfo,
+    callName = _config$getComponentM.callName;
   var componentName = firstCharToUpperCase(callName || importInfo.name);
   var importName = firstCharToUpperCase(importInfo.name);
   config.addParentDependencyImport({
@@ -57,241 +62,151 @@ var handleCom = function handleCom(com, config) {
     importType: importInfo.type
   });
   var currentProvider = config.getCurrentProvider();
-  var providerName = currentProvider.name;
-  var componentController = ((_config$getComponentC = config.getComponentController) === null || _config$getComponentC === void 0 ? void 0 : _config$getComponentC.call(config, {
-    com: meta,
-    scene: config.getCurrentScene()
-  })) || "controller_".concat(meta.id);
-  var providerPath = "controllers.current.".concat(providerName);
-  var controllerPath = "".concat(providerPath, ".").concat(componentController);
+  currentProvider.coms.add(meta.id);
+  currentProvider.controllers.add(meta.id);
+  var _processComEvents = processComEvents(com, config),
+    comEventCode = _processComEvents.comEventCode,
+    outputsConfig = _processComEvents.outputsConfig;
+  return {
+    componentName: componentName,
+    eventHandlers: outputsConfig[meta.id] || {},
+    comEventCode: comEventCode
+  };
+};
 
-  // 在 JS 块中生成 inputs 映射逻辑
-  var indentJs = indentation(config.codeStyle.indent * (config.depth + 1));
-  var eventCode = "";
+/**
+ * 准备样式
+ */
+var prepareStyles = function prepareStyles(com) {
+  var _props$style;
+  var meta = com.meta,
+    props = com.props;
+  var resultStyle = convertComponentStyle(props.style);
+  var cssContent = convertStyleAryToCss((_props$style = props.style) === null || _props$style === void 0 ? void 0 : _props$style.styleAry, meta.id);
+  return {
+    cssContent: cssContent,
+    rootStyle: resultStyle.root || {}
+  };
+};
+
+/**
+ * 生成 UI 代码
+ */
+var generateUiCode = function generateUiCode(com, config, componentName, rootStyle, comEventCode, slotsCode, eventHandlers) {
+  var _scene$coms;
+  var meta = com.meta,
+    props = com.props;
   var scene = config.getCurrentScene();
   var sceneCom = (_scene$coms = scene.coms) === null || _scene$coms === void 0 ? void 0 : _scene$coms[meta.id];
-
-  // 恢复：使用实例级激活的 inputs（无论是否连线）
   var componentInputs = (sceneCom === null || sceneCom === void 0 ? void 0 : sceneCom.inputs) || [];
   var componentOutputs = (sceneCom === null || sceneCom === void 0 ? void 0 : sceneCom.outputs) || meta.outputs || [];
-
-  // 不再生成 data_${meta.id}，WithCom 内部会使用 useModel
-  // 不再生成 inputs 映射逻辑，WithCom 内部会使用 useBindInputs
-
-  var comEventCode = "";
-  // 收集 outputs 配置数据（用于 Provider）
-  var outputsConfig = {};
-  var eventConfig = {};
-  var resultStyle = convertComponentStyle(props.style);
-  var cssContent = convertStyleAryToCss((_props$style = props.style) === null || _props$style === void 0 ? void 0 : _props$style.styleAry, meta.id);
-  var outputEvents = events || {};
-  Object.entries(outputEvents).forEach(function (_ref) {
-    var _ref2 = _slicedToArray(_ref, 2),
-      eventId = _ref2[0],
-      eventInfo = _ref2[1];
-    var type = eventInfo.type,
-      isAbstract = eventInfo.isAbstract,
-      diagramId = eventInfo.diagramId,
-      schema = eventInfo.schema,
-      active = eventInfo.active;
-    if (active === false) return; // 过滤未激活的事件
-
-    if (isAbstract) {
-      config.setAbstractEventTypeDefMap({
-        comId: com.meta.id,
-        eventId: eventId,
-        typeDef: config.getTypeDef(),
-        schema: schema
-      });
-      return;
-    }
-    if (type === "fx") {
-      var fxsMap = config.getFxsMap();
-      var _currentProvider = config.getCurrentProvider();
-      var _scene = config.getCurrentScene();
-      var pinProxy = _scene.pinProxies["".concat(props.id, "-").concat(eventId)];
-      var fxProvider = fxsMap[pinProxy.frameId];
-      var isGlobal = fxProvider.name === "global";
-      if (fxProvider.name !== _currentProvider.name) {
-        if (isGlobal) {
-          config.addParentDependencyImport({
-            packageName: config.getComponentPackageName(),
-            dependencyNames: ["globalFxs"],
-            importType: "named"
-          });
-        } else {
-          config.addConsumer(fxProvider);
-        }
-      }
-      var _indent = indentation(config.codeStyle.indent * (config.depth + 2));
-      comEventCode += "".concat(_indent).concat(eventId, ": ").concat(isGlobal ? "globalFxs" : "comRefs.current.".concat(fxProvider.name, "_Fxs"), ".").concat(pinProxy.frameId, ",\n");
-      // 收集 fx 类型的 outputs 配置
-      eventConfig[eventId] = {
-        connected: true
-      };
-      return;
-    }
-    if (type !== "defined") {
-      return;
-    }
-    if (!diagramId) {
-      return;
-    }
-    var event = config.getEventByDiagramId(diagramId);
-    if (!event) {
-      return;
-    }
-
-    // 事件处理函数的参数名
-    var paramName = "value";
-    var process = handleProcess(event, _objectSpread(_objectSpread({}, config), {}, {
-      target: 'comRefs.current',
-      depth: config.depth + 3,
-      addParentDependencyImport: config.addParentDependencyImport,
-      getParams: function getParams() {
-        // 返回参数名，这样在 process 中会使用这个变量名
-        return _defineProperty({}, eventId, paramName);
-      }
-    })).replace(/this\./g, 'comRefs.current.').replace(/comRefs\.current\.([a-zA-Z0-9_]+)\.controller_/g, 'comRefs.current.$1.').replace(/comRefs\.current\.slot_Index\./g, 'comRefs.current.'); // 移除 slot_Index 作用域
-
-    if (process.includes("pageParams")) {
-      config.addParentDependencyImport({
-        packageName: config.getComponentPackageName(),
-        dependencyNames: ["page"],
-        importType: "named"
-      });
-      process = indentation(config.codeStyle.indent * (config.depth + 3)) + "const pageParams: any = page.getParams(\"".concat(config.getCurrentScene().id, "\");\n") + process;
-    }
-
-    // 生成事件处理函数代码（参照鸿蒙的实现方式）
-    // handlerCode 应该是函数体代码，不包含事件名
-    var handlerCode = "(".concat(paramName, ": any) => {\n").concat(process, "\n").concat(indentation(config.codeStyle.indent * (config.depth + 2)), "}");
-    if (!outputsConfig[meta.id]) {
-      outputsConfig[meta.id] = {};
-    }
-    // 将事件名转换为 onXxx 格式（onClick, onScroll 等）
-    // 如果 eventId 已经是 onXxx 格式，直接使用；否则转换为 onXxx
-    var onEventName = eventId.startsWith('on') ? eventId : "on".concat(eventId.charAt(0).toUpperCase()).concat(eventId.slice(1));
-    outputsConfig[meta.id][onEventName] = handlerCode;
-
-    // 收集 defined 类型的 outputs 配置
-    eventConfig[eventId] = {
-      connected: true
-    };
+  return getUiComponentCode({
+    componentName: componentName,
+    meta: meta,
+    props: props,
+    resultStyle: {
+      root: rootStyle
+    },
+    componentInputs: componentInputs.length > 0 ? componentInputs : undefined,
+    componentOutputs: componentOutputs.length > 0 ? componentOutputs : undefined,
+    comEventCode: comEventCode,
+    slotsCode: slotsCode,
+    eventHandlers: eventHandlers
+  }, {
+    codeStyle: config.codeStyle,
+    depth: config.depth + 1,
+    verbose: config.verbose
   });
-  currentProvider.coms.add(meta.id);
-  currentProvider.controllers.add(meta.id);
+};
+var isJsCalculation = function isJsCalculation(meta) {
+  return meta.def.namespace === "mybricks.taro._muilt-inputJs" || meta.def.namespace === "mybricks.core-comlib.js-ai";
+};
 
-  // 生成组件 JSX 代码
-  // 使用 getUiComponentCode 函数生成组件代码（参照鸿蒙的实现方式）
-  var indent = indentation(config.codeStyle.indent * config.depth);
-  var indent2 = indentation(config.codeStyle.indent * (config.depth + 1));
+/**
+ * 处理 JS 计算组件
+ */
+var handleJsCalculation = function handleJsCalculation(com, config) {
+  var _props$data, _props$data2, _props$data3;
+  var meta = com.meta,
+    props = com.props;
+  var transformCode = ((_props$data = props.data) === null || _props$data === void 0 || (_props$data = _props$data.fns) === null || _props$data === void 0 ? void 0 : _props$data.code) || ((_props$data2 = props.data) === null || _props$data2 === void 0 || (_props$data2 = _props$data2.fns) === null || _props$data2 === void 0 ? void 0 : _props$data2.transformCode) || ((_props$data3 = props.data) === null || _props$data3 === void 0 ? void 0 : _props$data3.fns);
+  if (transformCode && config.addJSModule) {
+    var _meta$model, _meta$model2;
+    config.addJSModule({
+      id: meta.id,
+      title: meta.title || "JS计算",
+      transformCode: typeof transformCode === "string" ? transformCode : "",
+      inputs: ((_meta$model = meta.model) === null || _meta$model === void 0 ? void 0 : _meta$model.inputs) || [],
+      outputs: ((_meta$model2 = meta.model) === null || _meta$model2 === void 0 ? void 0 : _meta$model2.outputs) || [],
+      data: props.data || {}
+    });
+  }
+  return {
+    slots: [],
+    scopeSlots: [],
+    ui: "",
+    js: "",
+    cssContent: "",
+    outputsConfig: undefined
+  };
+};
 
-  // 处理插槽代码
+/**
+ * 处理组件插槽
+ */
+var processComSlots = function processComSlots(com, config, initialCss) {
+  var meta = com.meta,
+    props = com.props,
+    slots = com.slots;
   var slotsCode = "";
-  var accumulatedCssContent = cssContent;
-  var renderCode = ""; // 收集的 render 函数定义代码
-  var renderManager = config.renderManager || new RenderManager();
+  var accumulatedCssContent = initialCss;
+  var eventCode = "";
   if (slots) {
-    // 处理插槽 - 在 Taro/React 中，插槽通过 slots prop 传递
-    // 参照鸿蒙的思考方式：非作用域插槽直接处理，作用域插槽需要特殊处理
-    var slotsObjectCode = "";
+    var renderManager = config.renderManager || new RenderManager();
     var slotEntries = Object.entries(slots);
-    slotEntries.forEach(function (_ref4, index) {
+    slotEntries.forEach(function (_ref2, index) {
       var _props$style2;
-      var _ref5 = _slicedToArray(_ref4, 2),
-        slotId = _ref5[0],
-        slot = _ref5[1];
-      // 尝试从 props.style.slots 中获取原始 layout 信息
+      var _ref3 = _slicedToArray(_ref2, 2),
+        slotId = _ref3[0],
+        slot = _ref3[1];
       var rawSlotInfo = (_props$style2 = props.style) === null || _props$style2 === void 0 || (_props$style2 = _props$style2.slots) === null || _props$style2 === void 0 ? void 0 : _props$style2[slotId];
       if (rawSlotInfo !== null && rawSlotInfo !== void 0 && rawSlotInfo.layout) {
         slot.layout = rawSlotInfo.layout;
       }
-
-      // 参照鸿蒙：非作用域插槽 depth 从 1 开始
-      // 因为插槽内容会在 render 函数内部，需要从第 1 层开始缩进
-      var _handleSlot = handleSlot(slot, _objectSpread(_objectSpread({}, config), {}, {
-          checkIsRoot: function checkIsRoot() {
-            return false;
-          },
-          depth: 1,
-          // 参照鸿蒙：非作用域插槽 depth 从 1 开始
-          renderManager: renderManager // 传递 renderManager
-        })),
-        js = _handleSlot.js,
-        ui = _handleSlot.ui,
-        slotCssContent = _handleSlot.cssContent;
-      eventCode += js;
-      if (slotCssContent) {
-        accumulatedCssContent += (accumulatedCssContent ? "\n" : "") + slotCssContent;
+      var result = handleSlot(slot, _objectSpread(_objectSpread({}, config), {}, {
+        checkIsRoot: function checkIsRoot() {
+          return false;
+        },
+        depth: 1,
+        renderManager: renderManager
+      }));
+      eventCode += result.js;
+      if (result.cssContent) {
+        accumulatedCssContent += (accumulatedCssContent ? "\n" : "") + result.cssContent;
       }
-
-      // 生成 render 函数ID：组件ID_插槽ID
       var renderId = "".concat(meta.id, "_").concat(slotId);
-
-      // 格式化插槽内容为 render 函数体代码
-      var baseIndentSize = config.codeStyle.indent; // 通常是 2
-      // render 函数定义在根组件内部，缩进是根组件的缩进（通常是 2 个空格）
-      // render 函数体内部的缩进 = 根组件缩进（2个空格） + 函数体内部缩进（2个空格）= 4个空格
-      var rootIndent = config.codeStyle.indent; // 根组件缩进
+      var baseIndentSize = config.codeStyle.indent;
+      var rootIndent = config.codeStyle.indent;
       var renderBodyIndent = indentation(rootIndent + config.codeStyle.indent);
       var formattedContent = formatSlotContent({
-        uiContent: ui,
+        uiContent: result.ui,
         baseIndentSize: baseIndentSize,
         renderBodyIndent: renderBodyIndent
       });
-
-      // 注册 render 函数到 renderManager
       renderManager.register(renderId, formattedContent);
-
-      // 生成插槽渲染函数引用
       var slotIndent = indentation(config.codeStyle.indent * (config.depth + 2));
-      slotsObjectCode += genSlotRenderRef({
+      slotsCode += genSlotRenderRef({
         slotId: slotId,
         renderId: renderId,
         indent: slotIndent,
         isLast: index === slotEntries.length - 1
       });
     });
-    slotsCode = slotsObjectCode;
-    // render 函数定义代码会在根组件级别统一生成，这里不需要单独生成
   }
-
-  // 使用 getUiComponentCode 函数生成组件代码
-  var componentResultStyle = _objectSpread({}, resultStyle);
-  var rootStyle = componentResultStyle.root || {};
-  delete componentResultStyle.root;
-
-  // 从 outputsConfig 中提取事件处理函数
-  var eventHandlers = outputsConfig[meta.id] || {};
-  var uiComponentCode = getUiComponentCode({
-    componentName: componentName,
-    meta: meta,
-    props: props,
-    resultStyle: {
-      root: rootStyle
-    },
-    // 传递 root style
-    componentInputs: componentInputs.length > 0 ? componentInputs : undefined,
-    componentOutputs: componentOutputs.length > 0 ? componentOutputs : undefined,
-    comEventCode: comEventCode,
-    slotsCode: slotsCode,
-    eventHandlers: eventHandlers // 传递事件处理函数
-  }, {
-    codeStyle: config.codeStyle,
-    depth: config.depth + 1,
-    verbose: config.verbose
-  });
-
-  // WithCom 内部已经包含了 View 包装，不需要外层再包一层 View
-  var ui = uiComponentCode;
   return {
-    slots: [],
-    scopeSlots: [],
-    ui: ui,
-    js: eventCode,
-    cssContent: accumulatedCssContent,
-    outputsConfig: Object.keys(outputsConfig).length > 0 ? outputsConfig : undefined
+    slotsCode: slotsCode,
+    accumulatedCssContent: accumulatedCssContent,
+    eventCode: eventCode
   };
 };
 export default handleCom;

package/dist/esm/handleDom.js

@@ -1,62 +1,23 @@
-import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import { indentation, convertStyleAryToCss, convertRootStyle } from "./utils";
-import handleCom from "./handleCom";
+import { processChildren } from "./utils/logic/processChildren";
 var handleDom = function handleDom(dom, config) {
   var _domProps$style;
   var props = dom.props,
     children = dom.children;
-  var domProps = props; // 扩展类型以支持 id 属性
-  var uiCode = "";
-  var jsCode = "";
-  var cssContent = convertStyleAryToCss((_domProps$style = domProps.style) === null || _domProps$style === void 0 ? void 0 : _domProps$style.styleAry, domProps.id);
-  var level0Slots = [];
-  var level1Slots = [];
-  var nextConfig = _objectSpread(_objectSpread({}, config), {}, {
+  var domProps = props;
+  var childResults = processChildren(children, _objectSpread(_objectSpread({}, config), {}, {
     depth: config.depth + 1
-  });
-  children.forEach(function (child) {
-    if (child.type === "com") {
-      var _handleCom = handleCom(child, nextConfig),
-        _ui = _handleCom.ui,
-        js = _handleCom.js,
-        slots = _handleCom.slots,
-        scopeSlots = _handleCom.scopeSlots,
-        childCssContent = _handleCom.cssContent;
-      uiCode += uiCode ? "\n" + _ui : _ui;
-      jsCode += js;
-      if (childCssContent) {
-        cssContent += (cssContent ? "\n" : "") + childCssContent;
-      }
-      level0Slots.push.apply(level0Slots, _toConsumableArray(slots));
-      level1Slots.push.apply(level1Slots, _toConsumableArray(scopeSlots));
-    } else if (child.type === "module") {
-      // 模块处理
-      uiCode += uiCode ? "\n" + "模块" : "模块";
-    } else {
-      var _handleDom = handleDom(child, nextConfig),
-        _ui2 = _handleDom.ui,
-        _js = _handleDom.js,
-        _slots = _handleDom.slots,
-        _scopeSlots = _handleDom.scopeSlots,
-        _childCssContent = _handleDom.cssContent;
-      uiCode += uiCode ? "\n" + _ui2 : _ui2;
-      jsCode += _js;
-      if (_childCssContent) {
-        cssContent += (cssContent ? "\n" : "") + _childCssContent;
-      }
-      level0Slots.push.apply(level0Slots, _toConsumableArray(_slots));
-      level1Slots.push.apply(level1Slots, _toConsumableArray(_scopeSlots));
-    }
-  });
+  }));
+  var cssContent = (convertStyleAryToCss((_domProps$style = domProps.style) === null || _domProps$style === void 0 ? void 0 : _domProps$style.styleAry, domProps.id) || "") + (childResults.cssContent ? "\n" + childResults.cssContent : "");
   var indent = indentation(config.codeStyle.indent * config.depth);
   var styleCode = JSON.stringify(convertRootStyle(domProps.style));
-  var ui = "".concat(indent, "<View").concat(domProps.id ? " id=\"".concat(domProps.id, "\" className=\"").concat(domProps.id, "\"") : "", " style={").concat(styleCode, "}>\n").concat(uiCode, "\n").concat(indent, "</View>");
+  var ui = "".concat(indent, "<View").concat(domProps.id ? " id=\"".concat(domProps.id, "\" className=\"").concat(domProps.id, "\"") : "", " style={").concat(styleCode, "}>\n").concat(childResults.ui, "\n").concat(indent, "</View>");
   return {
     ui: ui,
-    js: jsCode,
-    slots: level0Slots,
-    scopeSlots: level1Slots,
+    js: childResults.js,
+    slots: childResults.slots,
+    scopeSlots: childResults.scopeSlots,
     cssContent: cssContent
   };
 };