@mybricks/to-code-taro 1.0.0

package/dist/esm/utils/code/index.js

@@ -0,0 +1,51 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+/* eslint-disable @typescript-eslint/no-explicit-any */
+import { indentation } from "../index";
+
+/** Taro/React UI 组件代码生成 */
+export var getUiComponentCode = function getUiComponentCode(params, config) {
+  var componentName = params.componentName,
+    meta = params.meta,
+    props = params.props,
+    resultStyle = params.resultStyle,
+    componentInputs = params.componentInputs,
+    componentOutputs = params.componentOutputs,
+    comEventCode = params.comEventCode,
+    slotsCode = params.slotsCode,
+    _params$eventHandlers = params.eventHandlers,
+    eventHandlers = _params$eventHandlers === void 0 ? {} : _params$eventHandlers;
+  var indent = indentation(config.codeStyle.indent * config.depth);
+  var indent2 = indentation(config.codeStyle.indent * (config.depth + 1));
+
+  // 使用 WithCom 包裹组件
+  var ui = "".concat(indent, "<WithCom");
+  ui += "\n".concat(indent2, "component={").concat(componentName, "}");
+  ui += "\n".concat(indent2, "id='").concat(meta.id, "'");
+  ui += "\n".concat(indent2, "className='").concat(meta.id, "'");
+
+  // 添加 style（从 resultStyle.root 中提取）
+  if (resultStyle.root && Object.keys(resultStyle.root).length > 0) {
+    var styleCode = JSON.stringify(resultStyle.root);
+    ui += "\n".concat(indent2, "style={").concat(styleCode, "}");
+  }
+
+  // 添加 data（直接传递 props.data，WithCom 内部会使用 useModel）
+  var initialData = JSON.stringify(props.data || {});
+  ui += "\n".concat(indent2, "data={").concat(initialData, "}");
+
+  // 添加事件处理函数（onClick, onScroll 等）
+  Object.entries(eventHandlers).forEach(function (_ref) {
+    var _ref2 = _slicedToArray(_ref, 2),
+      eventName = _ref2[0],
+      handlerCode = _ref2[1];
+    // eventName 已经是 onXxx 格式（onClick, onScroll 等），直接使用
+    ui += "\n".concat(indent2).concat(eventName, "={").concat(handlerCode, "}");
+  });
+
+  // 添加插槽
+  if (slotsCode) {
+    ui += "\n".concat(indent2, "slots={{\n").concat(slotsCode).concat(indent2, "}}");
+  }
+  ui += "\n".concat(indent, "/>");
+  return ui;
+};

package/dist/esm/utils/code/renderManager.d.ts

@@ -0,0 +1,22 @@
+/** Render 函数管理器 */
+export declare class RenderManager {
+    private _renders;
+    /**
+     * 注册一个 render 函数
+     * @param renderId 唯一标识符，格式：组件ID_插槽ID
+     * @param renderCode render 函数的代码内容（不包含函数声明）
+     */
+    register(renderId: string, renderCode: string): void;
+    /**
+     * 生成所有 render 函数的定义代码
+     * @param indent 基础缩进
+     */
+    toCode(indent: string): string;
+    /**
+     * 生成 render 对象的引用代码
+     * @param slotId 插槽ID
+     * @param renderId render 函数ID
+     * @param indent 缩进
+     */
+    genRenderRef(slotId: string, renderId: string, indent: string): string;
+}

package/dist/esm/utils/code/renderManager.js

@@ -0,0 +1,62 @@
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import { indentation } from "../index";
+
+/** Render 函数管理器 */
+export var RenderManager = /*#__PURE__*/function () {
+  function RenderManager() {
+    _classCallCheck(this, RenderManager);
+    _defineProperty(this, "_renders", new Map());
+  }
+  _createClass(RenderManager, [{
+    key: "register",
+    value:
+    /**
+     * 注册一个 render 函数
+     * @param renderId 唯一标识符，格式：组件ID_插槽ID
+     * @param renderCode render 函数的代码内容（不包含函数声明）
+     */
+    function register(renderId, renderCode) {
+      this._renders.set(renderId, renderCode);
+    }
+
+    /**
+     * 生成所有 render 函数的定义代码
+     * @param indent 基础缩进
+     */
+  }, {
+    key: "toCode",
+    value: function toCode(indent) {
+      if (this._renders.size === 0) {
+        return "";
+      }
+      var code = "";
+      var indentSize = 2; // 函数体内部缩进大小（通常是 2 个空格）
+      var indent2 = indentation(indentSize); // 函数体内部缩进
+
+      this._renders.forEach(function (renderCode, renderId) {
+        code += "".concat(indent, "const ").concat(renderId, "_Render = (params?: { style?: any }) => {\n");
+        code += "".concat(indent).concat(indent2, "return (\n");
+        // renderCode 已经包含了正确的缩进，直接拼接
+        code += renderCode;
+        code += "\n".concat(indent).concat(indent2, ");\n");
+        code += "".concat(indent, "};\n\n");
+      });
+      return code;
+    }
+
+    /**
+     * 生成 render 对象的引用代码
+     * @param slotId 插槽ID
+     * @param renderId render 函数ID
+     * @param indent 缩进
+     */
+  }, {
+    key: "genRenderRef",
+    value: function genRenderRef(slotId, renderId, indent) {
+      return "".concat(indent).concat(slotId, ": {\n").concat(indent, "  render: ").concat(renderId, "_Render,\n").concat(indent, "},\n");
+    }
+  }]);
+  return RenderManager;
+}();

package/dist/esm/utils/code/scene.d.ts

@@ -0,0 +1,19 @@
+/** 生成响应式 data 管理器 */
+export declare const genReactiveDataManager: (indent: string, utilsPackageName: string) => string;
+/** 生成根组件定义代码 (useAppContext) */
+export declare const genRootDefineCode: (indent: string, utilsPackageName: string, hasJsModules?: boolean) => string;
+/** 生成普通插槽定义代码 */
+export declare const genSlotDefineCode: (indent: string) => string;
+/** 生成控制器初始化代码 */
+export declare const genControllerInitCode: (indent: string, providerName: string) => string;
+/** 生成完整的函数组件模板 */
+export declare const genComponentTemplate: ({ componentName, combinedJsCode, uiResult, outputsConfig, scopeName, utilsPackageName, }: {
+    componentName: string;
+    combinedJsCode: string;
+    uiResult: string;
+    outputsConfig?: Record<string, Record<string, any>>;
+    scopeName?: string;
+    utilsPackageName?: string;
+}) => string;
+/** 生成 useEffect 包装代码 */
+export declare const wrapInEffect: (indent: string, effectCode: string) => string;

package/dist/esm/utils/code/scene.js

@@ -0,0 +1,47 @@
+/** 生成响应式 data 管理器 */
+export var genReactiveDataManager = function genReactiveDataManager(indent, utilsPackageName) {
+  return "";
+};
+
+/** 生成根组件定义代码 (useAppContext) */
+export var genRootDefineCode = function genRootDefineCode(indent, utilsPackageName) {
+  var hasJsModules = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+  // 使用 useAppContext 获取 comRefs 和 appContext，不再需要 controllers, inputs, outputs
+  var code = "".concat(indent, "const {comRefs, appContext} = useAppContext();\n");
+  // 如果有 JS 计算组件，需要初始化 comModules
+  if (hasJsModules) {
+    code += "".concat(indent, "const comModules = jsModules({ createJSHandle });\n");
+  }
+  return code;
+};
+
+/** 生成普通插槽定义代码 */
+export var genSlotDefineCode = function genSlotDefineCode(indent) {
+  // 插槽内部也使用 useAppContext，获取 comRefs 和 appContext
+  return "".concat(indent, "const {comRefs, appContext} = useAppContext();\n");
+};
+
+/** 生成控制器初始化代码 */
+export var genControllerInitCode = function genControllerInitCode(indent, providerName) {
+  return "".concat(indent, "if (!controllers.current.").concat(providerName, ") controllers.current.").concat(providerName, " = {};\n");
+};
+
+/** 生成完整的函数组件模板 */
+export var genComponentTemplate = function genComponentTemplate(_ref) {
+  var componentName = _ref.componentName,
+    combinedJsCode = _ref.combinedJsCode,
+    uiResult = _ref.uiResult,
+    outputsConfig = _ref.outputsConfig,
+    scopeName = _ref.scopeName,
+    utilsPackageName = _ref.utilsPackageName;
+  // 使用 WithWrapper 作为高阶组件包裹根组件
+  // 格式：export default WithWrapper(ComponentName)
+  return "function ".concat(componentName, "() {\n") + "".concat(combinedJsCode, "\n") + "  return (\n" + "".concat(uiResult.split('\n').map(function (line) {
+    return "    ".concat(line);
+  }).join('\n'), "\n") + "  );\n" + "}\n\n" + "export default WithWrapper(".concat(componentName, ")");
+};
+
+/** 生成 useEffect 包装代码 */
+export var wrapInEffect = function wrapInEffect(indent, effectCode) {
+  return "\n".concat(indent, "useEffect(() => {\n").concat(indent, "  /** \u573A\u666F/\u7EC4\u4EF6\u521D\u59CB\u5316\u903B\u8F91 */").concat(effectCode, "\n").concat(indent, "}, []);\n");
+};

package/dist/esm/utils/convertNamespace.d.ts

@@ -0,0 +1,11 @@
+/**
+ * 将 namespace 转换为组件名
+ * 例如：mybricks.taro._showToast -> mybricks_taro_showToast
+ * 例如：mybricks.taro._scan-qrcode -> mybricks_taro_scanQrcode
+ */
+export declare function convertNamespaceToComponentName(namespace: string): string;
+/**
+ * 将 namespace 转换为组件导入名（用于 JS 类型组件）
+ * 例如：mybricks.taro._showToast -> mybricks_taro_showToast
+ */
+export declare function convertNamespaceToImportName(namespace: string): string;

package/dist/esm/utils/convertNamespace.js

@@ -0,0 +1,27 @@
+/**
+ * 将 namespace 转换为组件名
+ * 例如：mybricks.taro._showToast -> mybricks_taro_showToast
+ * 例如：mybricks.taro._scan-qrcode -> mybricks_taro_scanQrcode
+ */
+export function convertNamespaceToComponentName(namespace) {
+  return namespace.split('.').map(function (part, index) {
+    // 第一部分（mybricks）保持小写
+    if (index === 0) {
+      return part.toLowerCase();
+    }
+    // 其他部分：去掉下划线前缀，将连字符后的字母转为大写（驼峰命名）
+    var result = part.replace(/^_/, '');
+    result = result.replace(/-([a-z])/g, function (_, letter) {
+      return letter.toUpperCase();
+    });
+    return result;
+  }).join('_');
+}
+
+/**
+ * 将 namespace 转换为组件导入名（用于 JS 类型组件）
+ * 例如：mybricks.taro._showToast -> mybricks_taro_showToast
+ */
+export function convertNamespaceToImportName(namespace) {
+  return convertNamespaceToComponentName(namespace);
+}

package/dist/esm/utils/genJSModules.d.ts

@@ -0,0 +1,12 @@
+/**
+ * 生成 JSModules.ts 文件内容
+ * 参考鸿蒙的实现方式
+ */
+export declare const genJSModules: (jsModules: Array<{
+    id: string;
+    title: string;
+    transformCode: string;
+    inputs: string[];
+    outputs: string[];
+    data: any;
+}>) => string;

package/dist/esm/utils/genJSModules.js

@@ -0,0 +1,44 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+
+/**
+ * 生成 JSModules.ts 文件内容
+ * 参考鸿蒙的实现方式
+ */
+export var genJSModules = function genJSModules(jsModules) {
+  if (jsModules.length === 0) {
+    return "export default function({ createJSHandle }) {\n  const comModules = {};\n  return comModules;\n}";
+  }
+
+  // 工具函数：将对象转换为数组
+  var convertObject2ArrayCode = "\nfunction convertObject2Array(input) {\n  let result = [];\n  Object.keys(input)\n    .sort((a, b) => {\n      let _a = extractNumbers(a) || 0;\n      let _b = extractNumbers(b) || 0;\n      return +_a - +_b;\n    })\n    .forEach((key) => {\n      result.push(input[key]);\n    });\n  return result;\n}\nfunction extractNumbers(str) {\n  let number = \"\";\n  for (let i = 0; i < str.length; i++) {\n    if (!isNaN(parseInt(str[i]))) {\n      number += str[i];\n    }\n  }\n  return number;\n}\nfunction _execJs(script) {\n  return function ({ env, data, inputs, outputs, logger, onError }) {\n    const { fns, runImmediate } = data || {};\n    const runJSParams = {\n      logger,\n      outputs: convertObject2Array(outputs),\n    };\n    try {\n      if (runImmediate) {\n        script(runJSParams);\n      }\n      inputs[\"input\"]((val) => {\n        try {\n          script({\n            ...runJSParams,\n            inputs: convertObject2Array(val),\n          });\n        } catch (ex) {\n          console.error(\"js\u8BA1\u7B97\u7EC4\u4EF6\u8FD0\u884C\u9519\u8BEF.\", ex);\n        }\n      });\n    } catch (ex) {\n      console.error(\"js\u8BA1\u7B97\u7EC4\u4EF6\u8FD0\u884C\u9519\u8BEF.\", ex);\n    }\n  };\n}\n";
+  var code = "export default function({ createJSHandle }) {\n  const comModules = {};\n  ".concat(convertObject2ArrayCode, "\n");
+
+  // 为每个 JS 计算组件生成代码
+  jsModules.forEach(function (module) {
+    var id = module.id,
+      title = module.title,
+      transformCode = module.transformCode,
+      inputs = module.inputs,
+      outputs = module.outputs;
+
+    // 如果 transformCode 已经是解码后的代码，直接使用；否则解码
+    var decodedCode = transformCode;
+    try {
+      // 尝试解码，如果失败说明已经是原始代码
+      decodedCode = decodeURIComponent(transformCode);
+    } catch (e) {
+      // 如果解码失败，说明已经是原始代码，直接使用
+      decodedCode = transformCode;
+    }
+
+    // 生成 JS 函数
+    code += "\n  // ".concat(title, "\n");
+    code += "  const js_".concat(id, " = ").concat(decodedCode, ";\n");
+    code += "  const _execJs_".concat(id, " = _execJs(js_").concat(id, ");\n");
+    code += "  comModules[\"".concat(id, "\"] = (props, appContext) => {\n");
+    code += "    return createJSHandle(_execJs_".concat(id, ", { props, appContext });\n");
+    code += "  };\n";
+  });
+  code += "\n  return comModules;\n}";
+  return code;
+};

package/dist/esm/utils/getComponentClassName.d.ts

@@ -0,0 +1,16 @@
+/**
+ * 从组件的 namespace 转换为 className
+ * 例如：mybricks.taro.systemPage -> mybricks_taro_systemPage
+ * 例如：mybricks.taro.image -> mybricks_taro_image
+ * @param namespace 组件的 namespace
+ * @returns className（用下划线替换点）
+ */
+export declare function getComponentClassName(namespace: string): string;
+/**
+ * 从场景中获取根组件的 className
+ * 获取场景中第一个组件的命名空间并转换为 className（仅用于根组件）
+ * @param scene 场景对象
+ * @param isRoot 是否为根组件
+ * @returns className 字符串，如果不是根组件或未找到则返回空字符串
+ */
+export declare function getRootComponentClassName(scene: any, isRoot?: boolean): string;

package/dist/esm/utils/getComponentClassName.js

@@ -0,0 +1,37 @@
+/**
+ * 从组件的 namespace 转换为 className
+ * 例如：mybricks.taro.systemPage -> mybricks_taro_systemPage
+ * 例如：mybricks.taro.image -> mybricks_taro_image
+ * @param namespace 组件的 namespace
+ * @returns className（用下划线替换点）
+ */
+export function getComponentClassName(namespace) {
+  if (!namespace) {
+    return '';
+  }
+  // 将点替换为下划线
+  return namespace.replace(/\./g, '_');
+}
+
+/**
+ * 从场景中获取根组件的 className
+ * 获取场景中第一个组件的命名空间并转换为 className（仅用于根组件）
+ * @param scene 场景对象
+ * @param isRoot 是否为根组件
+ * @returns className 字符串，如果不是根组件或未找到则返回空字符串
+ */
+export function getRootComponentClassName(scene) {
+  var _firstCom$def;
+  var isRoot = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+  // 只在根组件时获取 className
+  if (!isRoot || !scene || !scene.coms) {
+    return '';
+  }
+
+  // 获取场景中第一个组件的 namespace
+  var firstCom = Object.values(scene.coms)[0];
+  if (firstCom !== null && firstCom !== void 0 && (_firstCom$def = firstCom.def) !== null && _firstCom$def !== void 0 && _firstCom$def.namespace) {
+    return getComponentClassName(firstCom.def.namespace);
+  }
+  return '';
+}

package/dist/esm/utils/handlePageConfig.d.ts

@@ -0,0 +1,24 @@
+import toCode from "@mybricks/to-code-react/dist/esm/toCode";
+import { type ImageFileInfo } from "./pageConfig";
+/**
+ * 处理页面配置的类
+ * 负责提取 systemPage 组件数据，生成页面配置和 TabBar 配置
+ */
+export declare class HandlePageConfig {
+    private globalTabBarConfig;
+    private tabBarImageFiles;
+    /**
+     * 处理页面配置（提取 systemPage 组件数据）
+     * @param scene 场景数据
+     * @returns 页面配置内容
+     */
+    handle(scene: ReturnType<typeof toCode>["scenes"][0]["scene"]): string | undefined;
+    /**
+     * 获取全局 TabBar 配置
+     */
+    getTabBarConfig(): string | null;
+    /**
+     * 获取 TabBar 图片文件数组
+     */
+    getTabBarImageFiles(): ImageFileInfo[];
+}

package/dist/esm/utils/handlePageConfig.js

@@ -0,0 +1,68 @@
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import { generatePageConfigContent, generateTabBarConfigContent } from "./pageConfig";
+
+/**
+ * 处理页面配置的类
+ * 负责提取 systemPage 组件数据，生成页面配置和 TabBar 配置
+ */
+export var HandlePageConfig = /*#__PURE__*/function () {
+  function HandlePageConfig() {
+    _classCallCheck(this, HandlePageConfig);
+    _defineProperty(this, "globalTabBarConfig", null);
+    _defineProperty(this, "tabBarImageFiles", []);
+  }
+  _createClass(HandlePageConfig, [{
+    key: "handle",
+    value:
+    /**
+     * 处理页面配置（提取 systemPage 组件数据）
+     * @param scene 场景数据
+     * @returns 页面配置内容
+     */
+    function handle(scene) {
+      var _systemPageCom$model;
+      // 提取 systemPage 组件数据，生成 pageConfigContent
+      var pageConfigContent;
+      var systemPageCom = Object.values(scene.coms || {}).find(function (com) {
+        var _com$def;
+        return ((_com$def = com.def) === null || _com$def === void 0 ? void 0 : _com$def.namespace) === 'mybricks.taro.systemPage';
+      });
+      if (systemPageCom !== null && systemPageCom !== void 0 && (_systemPageCom$model = systemPageCom.model) !== null && _systemPageCom$model !== void 0 && _systemPageCom$model.data) {
+        var systemPageData = systemPageCom.model.data;
+        // 生成页面配置
+        pageConfigContent = generatePageConfigContent(systemPageData);
+
+        // 提取 TabBar 配置（只提取一次，从第一个找到的 systemPage 组件）
+        if (!this.globalTabBarConfig && systemPageData.tabBar && Array.isArray(systemPageData.tabBar)) {
+          // 使用 tabBar[x].scene.id 作为路径的 id
+          var pageIdToPath = function pageIdToPath(pageId) {
+            return "pages/".concat(pageId, "/index");
+          };
+          this.globalTabBarConfig = generateTabBarConfigContent(systemPageData.tabBar, pageIdToPath, this.tabBarImageFiles);
+        }
+      }
+      return pageConfigContent;
+    }
+
+    /**
+     * 获取全局 TabBar 配置
+     */
+  }, {
+    key: "getTabBarConfig",
+    value: function getTabBarConfig() {
+      return this.globalTabBarConfig;
+    }
+
+    /**
+     * 获取 TabBar 图片文件数组
+     */
+  }, {
+    key: "getTabBarImageFiles",
+    value: function getTabBarImageFiles() {
+      return this.tabBarImageFiles;
+    }
+  }]);
+  return HandlePageConfig;
+}();

package/dist/esm/utils/handleProcess.d.ts

@@ -0,0 +1,9 @@
+import { ImportManager } from "./index";
+import type { BaseConfig } from "../toCodeTaro";
+export interface HandleProcessConfig extends BaseConfig {
+    addParentDependencyImport: (typeof ImportManager)["prototype"]["addImport"];
+    getParams: () => Record<string, string>;
+    addConsumer: (provider: ReturnType<BaseConfig["getCurrentProvider"]>) => void;
+    target?: string;
+}
+export declare const handleProcess: (event: Exclude<ReturnType<BaseConfig["getEventByDiagramId"]>, undefined>, config: HandleProcessConfig) => string;