@mybricks/to-code-taro 1.0.2 → 1.0.4

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
   };
 };

package/dist/esm/handleExtension.d.ts

@@ -1,10 +1,10 @@
 /**
  * 处理Extension事件卡片
  */
-import type { ToTaroCodeConfig, Result } from "./toCodeTaro";
+import type { ToTaroCodeConfig, GeneratedFile } from "./toCodeTaro";
 interface HandleExtensionParams {
     tojson: any;
     extensionEvents: any[];
 }
-declare const handleExtension: (params: HandleExtensionParams, config: ToTaroCodeConfig) => Result;
+declare const handleExtension: (params: HandleExtensionParams, config: ToTaroCodeConfig) => GeneratedFile[];
 export default handleExtension;

package/dist/esm/handleExtension.js

@@ -5,11 +5,11 @@ import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
  */
 
 import { ImportManager, indentation } from "./utils";
-import { handleProcess } from "./utils/handleProcess";
+import { handleProcess } from "./utils/logic/handleProcess";
 var handleExtension = function handleExtension(params, config) {
   var tojson = params.tojson,
     extensionEvents = params.extensionEvents;
-  var result = [];
+  var files = [];
   var importManager = new ImportManager(config);
   var addDependencyImport = importManager.addImport.bind(importManager);
   var eventCode = genEvent({
@@ -36,7 +36,7 @@ var handleExtension = function handleExtension(params, config) {
   }, _objectSpread(_objectSpread({}, config), {}, {
     addParentDependencyImport: addDependencyImport
   }));
-  result.push({
+  files.push({
     type: "api",
     content: (apiCode ? "".concat(apiCode, "\n\n") : "") + (configCode ? "".concat(configCode, "\n\n") : "") + eventCode,
     importManager: importManager,
@@ -53,14 +53,14 @@ var handleExtension = function handleExtension(params, config) {
     addParentDependencyImport: addDependencyExtensionBusImport
   }));
   if (busCode) {
-    result.push({
+    files.push({
       content: busCode,
       importManager: extensionBusImportManager,
       type: "extension-bus",
       name: "系统总线"
     });
   }
-  return result;
+  return files;
 };
 export default handleExtension;
 var genConfig = function genConfig(params, config) {

package/dist/esm/handleGlobal.d.ts

@@ -1,21 +1,11 @@
 /**
  * 处理全局变量和全局Fx
  */
-import { ImportManager } from "./utils";
-import type { ToTaroCodeConfig } from "./toCodeTaro";
+import type { ToTaroCodeConfig, GeneratedFile } from "./toCodeTaro";
 interface HandleGlobalParams {
     tojson: any;
     globalFxs: any[];
     globalVars: any[];
 }
-declare const handleGlobal: (params: HandleGlobalParams, config: ToTaroCodeConfig) => {
-    content: string;
-    cssContent?: string;
-    pageConfigContent?: string;
-    importManager: ImportManager;
-    type: "module" | "fx" | "global" | "extension-event" | "extension-api" | "extension-config" | "api" | "normal" | "popup" | "extension-bus" | "abstractEventTypeDef" | "jsModules" | "commonIndex" | "tabBarConfig";
-    meta?: import("@mybricks/to-code-react/dist/cjs/toCode/types").Scene;
-    name: string;
-    tabBarConfig?: string;
-};
+declare const handleGlobal: (params: HandleGlobalParams, config: ToTaroCodeConfig) => GeneratedFile[];
 export default handleGlobal;

package/dist/esm/handleGlobal.js

@@ -7,7 +7,7 @@ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 
 /* eslint-disable @typescript-eslint/no-explicit-any */
 import { ImportManager, indentation } from "./utils";
-import { handleProcess } from "./utils/handleProcess";
+import { handleProcess } from "./utils/logic/handleProcess";
 var handleGlobal = function handleGlobal(params, config) {
   var tojson = params.tojson,
     globalFxs = params.globalFxs,
@@ -100,6 +100,20 @@ var handleGlobal = function handleGlobal(params, config) {
   });
   var varCode = "/** 全局变量 */" + "\nclass GlobalVars {" + "\n".concat(globalVarsInitCode) + "\n".concat(indent, "init() {") + "".concat(globalVarsRegisterChangeCode) + "\n".concat(indent, "}") + "\n}" + "\n\nexport const globalVars = new GlobalVars()";
   var fxCode = "/** 全局Fx */" + "\nclass GlobalFxs {" + "\n".concat(globalFxsInitCode) + "}" + "\n\nexport const globalFxs = new GlobalFxs()";
+  if (varCode.includes("createVariable(")) {
+    globalAddDependencyImport({
+      packageName: config.getUtilsPackageName(),
+      dependencyNames: ["createVariable"],
+      importType: "named"
+    });
+  }
+  if (fxCode.includes("createFx(")) {
+    globalAddDependencyImport({
+      packageName: config.getUtilsPackageName(),
+      dependencyNames: ["createFx"],
+      importType: "named"
+    });
+  }
   if (fxCode.includes("merge(")) {
     globalAddDependencyImport({
       packageName: config.getUtilsPackageName(),
@@ -107,11 +121,11 @@ var handleGlobal = function handleGlobal(params, config) {
       importType: "named"
     });
   }
-  return {
+  return [{
     type: "global",
     content: varCode + "\n\n" + fxCode,
     importManager: globalImportManager,
     name: "global"
-  };
+  }];
 };
 export default handleGlobal;

package/dist/esm/handleModule.js

@@ -2,7 +2,7 @@ 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 { indentation, genObjectCode, convertComponentStyle, convertStyleAryToCss, firstCharToUpperCase } from "./utils";
-import { handleProcess } from "./utils/handleProcess";
+import { handleProcess } from "./utils/logic/handleProcess";
 var handleModule = function handleModule(module, config) {
   var _config$getFileName, _props$style, _config$getComponentC;
   var events = module.events,
@@ -35,10 +35,10 @@ var handleModule = function handleModule(module, config) {
     if (process.includes("pageParams")) {
       config.addParentDependencyImport({
         packageName: config.getComponentPackageName(),
-        dependencyNames: ["page"],
+        dependencyNames: ["page", "SUBJECT_VALUE"],
         importType: "named"
       });
-      process = indentation(config.codeStyle.indent * (config.depth + 2)) + "const pageParams: any = page.getParams(\"".concat(config.getCurrentScene().id, "\");\n") + process;
+      process = indentation(config.codeStyle.indent * (config.depth + 2)) + "const pageParams: any = page.getParams(\"".concat(config.getCurrentScene().id, "\")[SUBJECT_VALUE];\n") + process;
     }
     comEventCode += "".concat(indent).concat(eventId, ": (").concat(defaultValue, ": any) => {\n") + process + "\n".concat(indent, "},\n");
   });

package/dist/esm/handleSlot.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";
 interface HandleSlotConfig extends BaseConfig {
     addParentDependencyImport?: (typeof ImportManager)["prototype"]["addImport"];
@@ -7,14 +7,9 @@ interface HandleSlotConfig extends BaseConfig {
     addConsumer?: (provider: ReturnType<BaseConfig["getCurrentProvider"]>) => void;
     checkIsRoot: () => boolean;
     renderManager?: RenderManager;
-    addJSModule?: (module: {
-        id: string;
-        title: string;
-        transformCode: string;
-        inputs: string[];
-        outputs: string[];
-        data: any;
-    }) => void;
+    addJSModule?: (module: any) => void;
+    isPopup?: boolean;
+    hasPopups?: boolean;
 }
 declare const handleSlot: (ui: UI, config: HandleSlotConfig) => {
     js: string;

package/dist/esm/handleSlot.js

@@ -1,11 +1,9 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import { ImportManager, indentation, convertStyleAryToCss, convertRootStyle, getRootComponentClassName } from "./utils";
-import handleCom from "./handleCom";
-import { handleProcess } from "./utils/handleProcess";
-import { genRootDefineCode, genSlotDefineCode, genComponentTemplate, wrapInEffect } from "./utils/code/scene";
-import { RenderManager } from "./utils/code/renderManager";
-import handleDom from "./handleDom";
-import handleModule from "./handleModule";
+import { genRootDefineCode, genSlotDefineCode, genComponentTemplate, wrapInEffect } from "./utils/templates/scene";
+import { RenderManager } from "./utils/templates/renderManager";
+import { processChildren } from "./utils/logic/processChildren";
+import { processSceneLogic } from "./processors/processSceneLogic";
 var handleSlot = function handleSlot(ui, config) {
   var _meta, _props$style;
   var importManager = new ImportManager(config);
@@ -13,193 +11,134 @@ var handleSlot = function handleSlot(ui, config) {
     props = _ui$props === void 0 ? {} : _ui$props,
     _ui$children = ui.children,
     children = _ui$children === void 0 ? [] : _ui$children;
-  var uiCode = "";
-  var jsCode = "";
-  var effectCode = ""; // 专门存放需要在 useEffect 中执行的代码
+  var isRoot = config.checkIsRoot();
   var slotId = ((_meta = ui.meta) === null || _meta === void 0 ? void 0 : _meta.id) || ui.id;
 
-  // 创建或使用传入的 renderManager
-  // 如果是根组件，创建新的 renderManager；否则使用传入的（共享同一个实例）
-  var renderManager = config.checkIsRoot() ? new RenderManager() : config.renderManager || new RenderManager();
-  var currentProvider = config.getCurrentProvider();
+  // 1. 初始化依赖与基础定义
   var addDependencyImport = config.addParentDependencyImport || importManager.addImport.bind(importManager);
+  setupImports(addDependencyImport, config, isRoot);
   var indent2 = indentation(config.codeStyle.indent);
-  var envDefineCode = "";
-  if (config.checkIsRoot()) {
-    // 只有根节点需要注入 useRef 和基础定义
-    addDependencyImport({
-      packageName: "react",
-      dependencyNames: ["useRef", "useEffect", "useState"],
-      importType: "named"
-    });
-    // 添加 Taro View 组件的导入
-    addDependencyImport({
-      packageName: "@tarojs/components",
-      dependencyNames: ["View"],
-      importType: "named"
-    });
-    // 添加工具包的 import
-    var utilsPackageName = config.getUtilsPackageName();
-    addDependencyImport({
-      packageName: utilsPackageName,
-      dependencyNames: ["WithCom", "WithWrapper"],
-      importType: "named"
-    });
-    addDependencyImport({
-      packageName: "./index.less",
-      dependencyNames: [],
-      importType: "module"
-    });
-    envDefineCode = genRootDefineCode(indent2, utilsPackageName);
-    // 添加 useAppContext 的导入（根节点）
-    addDependencyImport({
-      packageName: config.getComponentPackageName(),
-      dependencyNames: ["useAppContext"],
-      importType: "named"
-    });
-  } else {
-    // 插槽内部也需要声明自己的 inputs/outputs 变量
-    envDefineCode = genSlotDefineCode(indent2);
-    // 非根节点也需要 useAppContext，需要添加导入
-    addDependencyImport({
-      packageName: config.getComponentPackageName(),
-      dependencyNames: ["useAppContext"],
-      importType: "named"
-    });
-  }
-
-  // 不再需要初始化控制器对象，WithCom 内部会处理
+  var envDefineCode = isRoot ? genRootDefineCode(indent2, config.getUtilsPackageName()) : genSlotDefineCode(indent2);
 
-  var cssContent = convertStyleAryToCss((_props$style = props.style) === null || _props$style === void 0 ? void 0 : _props$style.styleAry, slotId);
-  var nextConfig = _objectSpread(_objectSpread({}, config), {}, {
+  // 2. 处理子节点
+  var renderManager = isRoot ? new RenderManager() : config.renderManager || new RenderManager();
+  var childResults = processChildren(children, _objectSpread(_objectSpread({}, config), {}, {
     depth: config.depth + 1,
     addParentDependencyImport: addDependencyImport,
-    renderManager: renderManager // 传递 renderManager
-  });
-  children.forEach(function (child) {
-    if (child.type === "com") {
-      var _handleCom = handleCom(child, nextConfig),
-        _ui = _handleCom.ui,
-        js = _handleCom.js,
-        childCssContent = _handleCom.cssContent;
-      uiCode += uiCode ? "\n" + _ui : _ui;
-      jsCode += js;
-      if (childCssContent) {
-        cssContent += (cssContent ? "\n" : "") + childCssContent;
-      }
-    } else if (child.type === "module") {
-      var _handleModule = handleModule(child, nextConfig),
-        _ui2 = _handleModule.ui,
-        _childCssContent = _handleModule.cssContent;
-      uiCode += uiCode ? "\n" + _ui2 : _ui2;
-      if (_childCssContent) {
-        cssContent += (cssContent ? "\n" : "") + _childCssContent;
-      }
-    } else {
-      var _handleDom = handleDom(child, nextConfig),
-        _ui3 = _handleDom.ui,
-        _js = _handleDom.js,
-        _childCssContent2 = _handleDom.cssContent;
-      uiCode += uiCode ? "\n" + _ui3 : _ui3;
-      jsCode += _js;
-      if (_childCssContent2) {
-        cssContent += (cssContent ? "\n" : "") + _childCssContent2;
-      }
-    }
-  });
+    renderManager: renderManager
+  }));
 
-  // 识别场景级逻辑（如 Start 节点）
-  if (config.checkIsRoot()) {
-    var _ui$meta;
-    var _scene = ((_ui$meta = ui.meta) === null || _ui$meta === void 0 ? void 0 : _ui$meta.scene) || ui.meta;
-    // 深度识别：尝试从 scene.events 或 ui.events 中获取
-    var sceneEvents = (_scene === null || _scene === void 0 ? void 0 : _scene.events) || ui.events || [];
-    if (Array.isArray(sceneEvents)) {
-      sceneEvents.forEach(function (eventInfo) {
-        var type = eventInfo.type,
-          diagramId = eventInfo.diagramId,
-          active = eventInfo.active;
-        // 识别"启动"或"自动执行"类事件
-        if (active !== false && type === "defined" && diagramId) {
-          var event = config.getEventByDiagramId(diagramId);
-          if (event) {
-            var process = handleProcess(event, _objectSpread(_objectSpread({}, config), {}, {
-              target: 'comRefs.current',
-              depth: 2,
-              addParentDependencyImport: addDependencyImport,
-              getParams: function getParams() {
-                return {};
-              }
-            })).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 作用域
+  // 3. 处理场景逻辑 (Start, Inputs 等)
+  var effectCode = processSceneLogic(ui, config, addDependencyImport);
 
-            if (process.trim()) {
-              effectCode += "\n".concat(indent2, "  ").concat(process.trim());
-            }
-          }
-        }
+  // 4. 合并样式与代码
+  var cssContent = (convertStyleAryToCss((_props$style = props.style) === null || _props$style === void 0 ? void 0 : _props$style.styleAry, slotId) || "") + (childResults.cssContent ? "\n" + childResults.cssContent : "");
+  var renderCodeBlock = isRoot && renderManager ? renderManager.toCode(indentation(config.codeStyle.indent)) : "";
+  var combinedJsCode = "".concat(envDefineCode).concat(childResults.js).concat(renderCodeBlock ? "\n".concat(renderCodeBlock) : "").concat(wrapInEffect(indent2, effectCode));
+
+  // 5. 生成 UI 结构
+  var uiResult = generateSlotUi(ui, props, childResults.ui, config);
+
+  // 6. 如果是根场景，生成完整文件
+  if (isRoot) {
+    finalizeRootComponent(ui, config, importManager, combinedJsCode, uiResult, cssContent);
+  }
+  return {
+    js: childResults.js,
+    combinedJsCode: combinedJsCode,
+    ui: uiResult,
+    cssContent: cssContent,
+    slots: [],
+    scopeSlots: []
+  };
+};
+
+/**
+ * 设置基础导入
+ */
+var setupImports = function setupImports(addImport, config, isRoot) {
+  var importParams = {
+    isPopup: config.isPopup
+  };
+  var utilsPkg = config.getUtilsPackageName(importParams);
+  var comPkg = config.getComponentPackageName(importParams);
+  addImport({
+    packageName: "react",
+    dependencyNames: ["useRef", "useEffect", "useState"],
+    importType: "named"
+  });
+  addImport({
+    packageName: "@tarojs/components",
+    dependencyNames: ["View"],
+    importType: "named"
+  });
+  var dependencyNames = ["WithCom", "WithWrapper"];
+  if (isRoot && config.hasPopups) {
+    dependencyNames.push("PopupRenderer");
+  }
+  addImport({
+    packageName: utilsPkg,
+    dependencyNames: dependencyNames,
+    importType: "named"
+  });
+  addImport({
+    packageName: comPkg,
+    dependencyNames: ["useAppContext"],
+    importType: "named"
+  });
+  if (isRoot) {
+    if (config.hasPopups) {
+      addImport({
+        packageName: "../../common/popup",
+        dependencyNames: ["POPUP_MAP", "POPUP_IDS"],
+        importType: "named"
       });
     }
+    addImport({
+      packageName: "./index.less",
+      dependencyNames: [],
+      importType: "module"
+    });
   }
+};
 
-  // 如果是根组件，生成所有 render 函数定义代码（放在 inputs/outputs 映射之后）
-  var renderCodeBlock = "";
-  if (config.checkIsRoot() && renderManager) {
-    var renderIndent = indentation(config.codeStyle.indent);
-    renderCodeBlock = renderManager.toCode(renderIndent);
-  }
-  // 识别并提取 jsCode 中可能存在的自执行代码（如果有的话）
-  // render 函数定义放在 jsCode（inputs/outputs 映射）之后
-  var combinedJsCode = "".concat(envDefineCode).concat(jsCode).concat(renderCodeBlock ? "\n".concat(renderCodeBlock) : "").concat(wrapInEffect(indent2, effectCode));
+/**
+ * 生成 Slot 的 UI 代码
+ */
+var generateSlotUi = function generateSlotUi(ui, props, childrenUi, config) {
   var indent = indentation(config.codeStyle.indent * config.depth);
-
-  // 识别初始化逻辑（如果 handleCom 或逻辑处理层能标记哪些是初始化逻辑更好，
-  // 目前我们可以在这里做一层包装，或者在 handleCom 生成时就包装好）
-  // 暂时在根场景中，如果有特定的初始化执行逻辑，统一放入 useEffect
-
-  // 生成 Taro View 组件
   var mergedStyle = _objectSpread(_objectSpread({
-    width: '100%',
-    height: '100%'
-  }, ui.style), props.style || {});
+    width: "100%",
+    height: "100%"
+  }, ui.style || {}), props.style || {});
   var styleCode = JSON.stringify(convertRootStyle(_objectSpread(_objectSpread({}, mergedStyle), {}, {
     layout: ui.layout || mergedStyle.layout
   })));
+  var rootClassName = getRootComponentClassName(config.getCurrentScene(), config.checkIsRoot());
+  var classNameAttr = rootClassName ? " className='".concat(rootClassName, "'") : "";
+  return "".concat(indent, "<View").concat(classNameAttr, " style={").concat(styleCode, "}>\n").concat(childrenUi, "\n").concat(indent, "</View>");
+};
 
-  // 获取根组件的 className（只在根组件时获取）
-  var scene = config.getCurrentScene();
-  var rootClassName = getRootComponentClassName(scene, config.checkIsRoot());
-  var classNameAttr = rootClassName ? " className='".concat(rootClassName, "'") : '';
-  var uiResult = "".concat(indent, "<View").concat(classNameAttr, " style={").concat(styleCode, "}>\n").concat(uiCode, "\n").concat(indent, "</View>");
-
-  // 如果是根场景，需要将生成的代码添加到结果中
-  if (config.checkIsRoot()) {
-    var _config$getFileName, _meta2, _meta3;
-    var _scene2 = config.getCurrentScene();
-    var fileName = ((_config$getFileName = config.getFileName) === null || _config$getFileName === void 0 ? void 0 : _config$getFileName.call(config, ui.meta.slotId)) || ui.meta.title || "index";
-    var componentId = ((_meta2 = ui.meta) === null || _meta2 === void 0 ? void 0 : _meta2.id) || ui.id || ((_meta3 = ui.meta) === null || _meta3 === void 0 ? void 0 : _meta3.slotId) || "Index";
-    // 兼容首字符为数字的情况，添加 I 前缀
-    var componentName = "I".concat(String(componentId).replace(/[^a-zA-Z0-9]/g, '_'));
-
-    // 生成完整的组件代码，使用函数组件模板
-    var componentCode = genComponentTemplate({
-      componentName: componentName,
-      combinedJsCode: combinedJsCode,
-      uiResult: uiResult
-    });
-    config.add({
-      importManager: importManager,
-      content: componentCode,
-      cssContent: cssContent,
-      name: fileName
-    });
-  }
-  return {
-    js: jsCode,
+/**
+ * 完成根组件的注册
+ */
+var finalizeRootComponent = function finalizeRootComponent(ui, config, importManager, combinedJsCode, uiResult, cssContent) {
+  var _config$getFileName, _ui$meta, _ui$meta2;
+  var fileName = ((_config$getFileName = config.getFileName) === null || _config$getFileName === void 0 ? void 0 : _config$getFileName.call(config, ui.meta.slotId)) || ui.meta.title || "index";
+  var componentId = ((_ui$meta = ui.meta) === null || _ui$meta === void 0 ? void 0 : _ui$meta.id) || ui.id || ((_ui$meta2 = ui.meta) === null || _ui$meta2 === void 0 ? void 0 : _ui$meta2.slotId) || "Index";
+  var componentName = "I".concat(String(componentId).replace(/[^a-zA-Z0-9]/g, "_"));
+  var componentCode = genComponentTemplate({
+    componentName: componentName,
     combinedJsCode: combinedJsCode,
-    ui: uiResult,
+    uiResult: uiResult,
+    isPopup: config.isPopup,
+    hasPopups: config.hasPopups
+  });
+  config.add({
+    importManager: importManager,
+    content: componentCode,
     cssContent: cssContent,
-    slots: [],
-    scopeSlots: []
-  };
+    name: fileName
+  });
 };
 export default handleSlot;

package/dist/esm/processors/processComEvents.d.ts

@@ -0,0 +1,9 @@
+import type { HandleComConfig, Com } from "../handleCom";
+/**
+ * 处理组件事件
+ */
+export declare const processComEvents: (com: Com, config: HandleComConfig) => {
+    comEventCode: string;
+    outputsConfig: Record<string, any>;
+    eventConfig: Record<string, any>;
+};