@mybricks/to-code-taro 1.0.0

package/dist/esm/handleSlot.js

@@ -0,0 +1,205 @@
+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";
+var handleSlot = function handleSlot(ui, config) {
+  var _meta, _props$style;
+  var importManager = new ImportManager(config);
+  var _ui$props = ui.props,
+    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 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();
+  var addDependencyImport = config.addParentDependencyImport || importManager.addImport.bind(importManager);
+  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 cssContent = convertStyleAryToCss((_props$style = props.style) === null || _props$style === void 0 ? void 0 : _props$style.styleAry, slotId);
+  var nextConfig = _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;
+      }
+    }
+  });
+
+  // 识别场景级逻辑（如 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 作用域
+
+            if (process.trim()) {
+              effectCode += "\n".concat(indent2, "  ").concat(process.trim());
+            }
+          }
+        }
+      });
+    }
+  }
+
+  // 如果是根组件，生成所有 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));
+  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 || {});
+  var styleCode = JSON.stringify(convertRootStyle(_objectSpread(_objectSpread({}, mergedStyle), {}, {
+    layout: ui.layout || mergedStyle.layout
+  })));
+
+  // 获取根组件的 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,
+    combinedJsCode: combinedJsCode,
+    ui: uiResult,
+    cssContent: cssContent,
+    slots: [],
+    scopeSlots: []
+  };
+};
+export default handleSlot;

package/dist/esm/index.d.ts

@@ -0,0 +1,3 @@
+export { default } from './toCodeTaro';
+export { default as generateTaroProjectJson } from './generate/generateTaroProjectJson';
+export { default as generateTaroTempalteJson } from './generate/generateTaroTempalteJson';

package/dist/esm/index.js

@@ -0,0 +1,3 @@
+export { default } from "./toCodeTaro";
+export { default as generateTaroProjectJson } from "./generate/generateTaroProjectJson";
+export { default as generateTaroTempalteJson } from "./generate/generateTaroTempalteJson";