@mybricks/to-code-taro 1.0.0

package/dist/esm/utils/handleProcess.js

@@ -0,0 +1,379 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+/* eslint-disable @typescript-eslint/no-explicit-any */
+import { indentation, genObjectCode } from "./index";
+/**
+ * 判断是否是 JS 计算组件
+ */
+var isJsCalculationComponent = function isJsCalculationComponent(namespace) {
+  return namespace === "mybricks.taro._muilt-inputJs" || namespace === "mybricks.core-comlib.js-ai";
+};
+
+/**
+ * 判断是否是 JS API 组件
+ */
+var isJsApiComponent = function isJsApiComponent(namespace, rtType) {
+  return namespace.startsWith("mybricks.taro._") && (rtType === null || rtType === void 0 ? void 0 : rtType.match(/^js/gi)) !== null;
+};
+export var handleProcess = function handleProcess(event, config) {
+  var code = "";
+  var process = event.process;
+  var indent = indentation(config.codeStyle.indent * config.depth);
+  var indent2 = indentation(config.codeStyle.indent * (config.depth + 1));
+
+  // 检查是否有 JS 计算组件
+  var hasJsCalculationComponent = process.nodesDeclaration.some(function (_ref) {
+    var meta = _ref.meta;
+    return isJsCalculationComponent(meta.def.namespace);
+  });
+
+  // 如果有 JS 计算组件，导入已初始化的 jsModules
+  if (hasJsCalculationComponent) {
+    config.addParentDependencyImport({
+      packageName: "../../common/index",
+      dependencyNames: ["jsModules"],
+      importType: "named"
+    });
+  }
+
+  // 处理节点声明
+  process.nodesDeclaration.forEach(function (_ref2) {
+    var _config$getEventNodeN;
+    var meta = _ref2.meta,
+      props = _ref2.props;
+    if (meta.def.namespace.startsWith("mybricks.taro.module")) {
+      return;
+    }
+
+    // 检查组件类型
+    var isJsCalc = isJsCalculationComponent(meta.def.namespace);
+    var isJsApi = isJsApiComponent(meta.def.namespace, meta.def.rtType);
+    var _config$getComponentM = config.getComponentMeta(meta),
+      importInfo = _config$getComponentM.importInfo,
+      name = _config$getComponentM.name,
+      callName = _config$getComponentM.callName;
+    var componentName = name;
+    if (isJsCalc) {
+      code += generateJsCalculationComponentCode({
+        meta: meta,
+        props: props,
+        componentName: componentName,
+        config: config,
+        event: event,
+        indent: indent,
+        indent2: indent2
+      });
+      return;
+    }
+    if (isJsApi) {
+      code += generateJsApiComponentCode({
+        meta: meta,
+        props: props,
+        componentName: componentName,
+        callName: callName,
+        importInfo: importInfo,
+        config: config,
+        event: event,
+        indent: indent,
+        indent2: indent2
+      });
+      return;
+    }
+    config.addParentDependencyImport({
+      packageName: importInfo.from,
+      dependencyNames: [importInfo.name],
+      importType: importInfo.type
+    });
+    var componentNameWithId = ((_config$getEventNodeN = config.getEventNodeName) === null || _config$getEventNodeN === void 0 ? void 0 : _config$getEventNodeN.call(config, {
+      com: meta,
+      scene: config.getCurrentScene(),
+      type: "declaration",
+      event: event
+    })) || "".concat(componentName, "_").concat(meta.id);
+    config.addParentDependencyImport({
+      packageName: config.getComponentPackageName(),
+      dependencyNames: ["useAppContext"],
+      importType: "named"
+    });
+    code += "".concat(indent, "/** ").concat(meta.title, " */") + "\n".concat(indent, "const ").concat(componentNameWithId, " = ").concat(callName || componentName, "({") + (config.verbose ? "\n".concat(indent2, "title: \"").concat(meta.title, "\",") : "") + (props.data ? "\n".concat(indent2, "data: ").concat(genObjectCode(props.data, {
+      initialIndent: config.codeStyle.indent * (config.depth + 1),
+      indentSize: config.codeStyle.indent
+    }), ",") : "") + (props.inputs ? "\n".concat(indent2, "inputs: [").concat(props.inputs.map(function (input) {
+      return "\"".concat(input, "\"");
+    }).join(", "), "],") : "") + (props.outputs ? "\n".concat(indent2, "outputs: [").concat(props.outputs.map(function (output) {
+      return "\"".concat(output, "\"");
+    }).join(", "), "],") : "") + "\n".concat(indent, "}, appContext)\n");
+  });
+
+  // 处理节点调用
+  process.nodesInvocation.forEach(function (props) {
+    var componentType = props.componentType,
+      category = props.category,
+      runType = props.runType;
+    var nextValue = getNextValue(props, config, event);
+    var isSameScope = checkIsSameScope(event, props);
+    var nextCode = getNextCode(props, config, isSameScope, event);
+    if (code) {
+      code += "\n";
+    }
+    if (componentType === "js") {
+      if (category === "scene") {
+        var _config$getPageId;
+        config.addParentDependencyImport({
+          packageName: config.getComponentPackageName(),
+          dependencyNames: ["page"],
+          importType: "named"
+        });
+        var _sceneId = props.meta.model.data._sceneId;
+        var operateName = props.meta.model.data.openType === "redirect" ? "replace" : "open";
+        code += "".concat(indent, "/** \u6253\u5F00 ").concat(props.meta.title, " */") + "\n".concat(indent).concat(nextCode, "page.").concat(operateName, "(\"").concat(((_config$getPageId = config.getPageId) === null || _config$getPageId === void 0 ? void 0 : _config$getPageId.call(config, _sceneId)) || _sceneId, "\", ").concat(nextValue, ")");
+      } else if (category === "normal") {
+        var componentNameWithId = getComponentNameWithId(props, config, event);
+        code += "".concat(indent, "/** \u8C03\u7528 ").concat(props.meta.title, " */") + "\n".concat(indent).concat(nextCode).concat(componentNameWithId, "(").concat(runType === "input" ? nextValue : "", ")");
+      } else if (category === "var") {
+        if (props.meta.global) {
+          config.addParentDependencyImport({
+            packageName: config.getComponentPackageName(),
+            dependencyNames: ["globalVars"],
+            importType: "named"
+          });
+          code += "".concat(indent, "/** ").concat(props.title, " \u5168\u5C40\u53D8\u91CF ").concat(props.meta.title, " */") + "\n".concat(indent).concat(nextCode, "globalVars.").concat(props.meta.title, ".").concat(props.id, "(").concat(nextValue, ")");
+        } else {
+          var currentProvider = getCurrentProvider({
+            isSameScope: isSameScope,
+            props: props
+          }, config);
+          code += "".concat(indent, "/** ").concat(props.title, " \u53D8\u91CF ").concat(props.meta.title, " */") + "\n".concat(indent).concat(nextCode, "this.").concat(currentProvider.name, "_Vars.").concat(props.meta.title, ".").concat(props.id, "(").concat(nextValue, ")");
+        }
+      } else if (category === "fx") {
+        if (props.meta.global) {
+          config.addParentDependencyImport({
+            packageName: config.getComponentPackageName(),
+            dependencyNames: ["globalFxs"],
+            importType: "named"
+          });
+          code += "".concat(indent, "/** \u8C03\u7528\u5168\u5C40Fx ").concat(props.meta.title, " */") + "\n".concat(indent).concat(nextCode, "globalFxs.").concat(props.meta.ioProxy.id, "(").concat(nextValue, ")");
+        } else {
+          var _currentProvider = getCurrentProvider({
+            isSameScope: isSameScope,
+            props: props
+          }, config);
+          code += "".concat(indent, "/** \u8C03\u7528Fx ").concat(props.meta.title, " */") + "\n".concat(indent).concat(nextCode, "this.").concat(_currentProvider.name, "_Fxs.").concat(props.meta.ioProxy.id, "(").concat(nextValue, ")");
+        }
+      }
+    } else {
+      var _config$getComponentC;
+      // UI 组件处理
+      var _currentProvider2 = getCurrentProvider({
+        isSameScope: isSameScope,
+        props: props
+      }, config);
+      _currentProvider2.controllers.add(props.meta.id);
+      var componentController = ((_config$getComponentC = config.getComponentController) === null || _config$getComponentC === void 0 ? void 0 : _config$getComponentC.call(config, {
+        com: props.meta,
+        scene: config.getCurrentScene()
+      })) || "controller_".concat(props.meta.id);
+      code += "".concat(indent, "/** \u8C03\u7528 ").concat(props.meta.title, " \u7684 ").concat(props.title, " */") + "\n".concat(indent).concat(nextCode, "this.").concat(_currentProvider2.name, ".").concat(componentController, ".").concat(props.id, "(").concat(nextValue, ")");
+    }
+  });
+  if (["fx", "extension-api", "extension-bus"].includes(event.type)) {
+    var returnCode = Object.entries(event.frameOutputs).reduce(function (pre, _ref3) {
+      var _ref4 = _slicedToArray(_ref3, 2),
+        _ref4$ = _ref4[1],
+        id = _ref4$.id,
+        outputs = _ref4$.outputs;
+      if (!outputs) {
+        return pre + "".concat(indent2).concat(id, ": undefined,\n");
+      } else {
+        var next = outputs.map(function (output) {
+          return getNextValueWithParam(output, config, event);
+        }).join(", ");
+        return pre + "".concat(indent2).concat(id, ": ").concat(next, ",\n");
+      }
+    }, "");
+    if (returnCode) {
+      code += "\n".concat(indent, "return {\n").concat(returnCode).concat(indent, "}");
+    }
+  }
+  return code;
+};
+var checkIsSameScope = function checkIsSameScope(event, props) {
+  if (event.type === "com" && event.meta.parentComId === props.meta.parentComId && event.meta.frameId === props.meta.frameId) {
+    return true;
+  } else if (event.type === "slot" && event.comId === props.meta.parentComId && event.slotId === props.meta.frameId) {
+    return true;
+  } else if (event.type === "fx" && event.parentComId === props.meta.parentComId && event.parentSlotId === props.meta.frameId) {
+    return true;
+  }
+  return false;
+};
+var getComponentNameWithId = function getComponentNameWithId(props, config, event) {
+  // 检查是否是 JS 计算组件
+  if (isJsCalculationComponent(props.meta.def.namespace)) {
+    // JS 计算组件：使用 jsModules_${meta.id} 作为变量名
+    if (config.getEventNodeName) {
+      var componentName = config.getEventNodeName({
+        com: props.meta,
+        scene: config.getCurrentScene(),
+        event: event,
+        type: "declaration"
+      });
+      if (componentName) {
+        return componentName;
+      }
+    }
+    return "jsModules_".concat(props.meta.id);
+  }
+  if (config.getEventNodeName) {
+    var _componentName = config.getEventNodeName({
+      com: props.meta,
+      scene: config.getCurrentScene(),
+      event: event,
+      type: "declaration"
+    });
+    if (_componentName) {
+      return _componentName;
+    }
+  }
+  var _config$getComponentM2 = config.getComponentMeta(props.meta),
+    name = _config$getComponentM2.name;
+  // 确保变量名合法（将连字符替换为下划线）
+  var sanitizedName = name.replace(/-/g, '_');
+  return "".concat(sanitizedName, "_").concat(props.meta.id);
+};
+var getNextCode = function getNextCode(props, config, isSameScope, event) {
+  var nextParam = props.nextParam;
+  if (!nextParam.length) {
+    return "";
+  }
+  var componentNameWithId = getComponentNameWithId(props, config, event);
+  return "const ".concat(componentNameWithId, "_result = ");
+};
+var getNextValue = function getNextValue(props, config, event) {
+  var paramSource = props.paramSource;
+  var nextValue = paramSource.map(function (param) {
+    if (param.type === "params") {
+      var params = config.getParams();
+      return params[param.id];
+    } else if (param.type === "constant") {
+      return JSON.stringify(param.value);
+    }
+    var componentNameWithId = getComponentNameWithId(param, config, event);
+    if (param.connectId) {
+      return "".concat(componentNameWithId, "_").concat(param.connectId, ".").concat(param.id);
+    }
+    return "".concat(componentNameWithId, "_result.").concat(param.id);
+  });
+  return nextValue.join(", ");
+};
+var getNextValueWithParam = function getNextValueWithParam(param, config, event) {
+  if (param.type === "params") {
+    var params = config.getParams();
+    return params[param.id];
+  }
+  var componentNameWithId = getComponentNameWithId(param, config, event);
+  if (param.connectId) {
+    return "".concat(componentNameWithId, "_").concat(param.connectId, ".").concat(param.id);
+  }
+  return "".concat(componentNameWithId, "_result.").concat(param.id);
+};
+var getCurrentProvider = function getCurrentProvider(params, config) {
+  var _config$getProviderNa;
+  var providerMap = config.getProviderMap();
+  var isSameScope = params.isSameScope,
+    props = params.props;
+  var meta = props.meta;
+  var parentComId = meta.parentComId,
+    frameId = meta.frameId;
+  var providerName = ((_config$getProviderNa = config.getProviderName) === null || _config$getProviderNa === void 0 ? void 0 : _config$getProviderNa.call(config, {
+    com: meta,
+    scene: config.getCurrentScene()
+  })) || (!parentComId ? "slot_Index" : "slot_".concat(frameId[0].toUpperCase() + frameId.slice(1), "_").concat(parentComId));
+  var provider = providerMap[providerName];
+  if (!isSameScope) {
+    config.addConsumer(provider);
+  }
+  return provider;
+};
+
+/**
+ * 生成 JS 计算组件的代码
+ */
+var generateJsCalculationComponentCode = function generateJsCalculationComponentCode(params) {
+  var _config$getEventNodeN2;
+  var meta = params.meta,
+    props = params.props,
+    componentName = params.componentName,
+    config = params.config,
+    event = params.event,
+    indent = params.indent,
+    indent2 = params.indent2;
+  var componentNameWithId = ((_config$getEventNodeN2 = config.getEventNodeName) === null || _config$getEventNodeN2 === void 0 ? void 0 : _config$getEventNodeN2.call(config, {
+    com: meta,
+    scene: config.getCurrentScene(),
+    type: "declaration",
+    event: event
+  })) || "jsModules_".concat(meta.id);
+
+  // JS 计算组件的 data 只包含必要配置（如 runImmediate），不包含 fns、transformCode 等
+  var jsData = {};
+  if (props.data && 'runImmediate' in props.data) {
+    jsData.runImmediate = props.data.runImmediate;
+  }
+  return "".concat(indent, "/** ").concat(meta.title, " */") + "\n".concat(indent, "const ").concat(componentNameWithId, " = jsModules.").concat(meta.id, "({") + (config.verbose ? "\n".concat(indent2, "title: \"").concat(meta.title, "\",") : "") + (Object.keys(jsData).length > 0 ? "\n".concat(indent2, "data: ").concat(genObjectCode(jsData, {
+    initialIndent: config.codeStyle.indent * (config.depth + 1),
+    indentSize: config.codeStyle.indent
+  }), ",") : "") + (props.inputs ? "\n".concat(indent2, "inputs: [").concat(props.inputs.map(function (input) {
+    return "\"".concat(input, "\"");
+  }).join(", "), "],") : "") + (props.outputs ? "\n".concat(indent2, "outputs: [").concat(props.outputs.map(function (output) {
+    return "\"".concat(output, "\"");
+  }).join(", "), "],") : "") + "\n".concat(indent, "}, appContext)\n");
+};
+
+/**
+ * 生成 JS API 组件的代码
+ */
+var generateJsApiComponentCode = function generateJsApiComponentCode(params) {
+  var _config$getEventNodeN3;
+  var meta = params.meta,
+    props = params.props,
+    componentName = params.componentName,
+    callName = params.callName,
+    importInfo = params.importInfo,
+    config = params.config,
+    event = params.event,
+    indent = params.indent,
+    indent2 = params.indent2;
+
+  // 导入 createJSHandle
+  config.addParentDependencyImport({
+    packageName: "../../core/mybricks/index",
+    dependencyNames: ["createJSHandle"],
+    importType: "named"
+  });
+
+  // 导入 JS API 组件
+  config.addParentDependencyImport({
+    packageName: importInfo.from,
+    dependencyNames: [importInfo.name],
+    importType: importInfo.type
+  });
+  var componentNameWithId = ((_config$getEventNodeN3 = config.getEventNodeName) === null || _config$getEventNodeN3 === void 0 ? void 0 : _config$getEventNodeN3.call(config, {
+    com: meta,
+    scene: config.getCurrentScene(),
+    type: "declaration",
+    event: event
+  })) || "".concat(componentName, "_").concat(meta.id);
+  config.addParentDependencyImport({
+    packageName: config.getComponentPackageName(),
+    dependencyNames: ["useAppContext"],
+    importType: "named"
+  });
+  return "".concat(indent, "/** ").concat(meta.title, " */") + "\n".concat(indent, "const ").concat(componentNameWithId, " = createJSHandle(").concat(callName || componentName, ", {") + "\n".concat(indent2, "props: {") + (config.verbose ? "\n".concat(indent2, "  title: \"").concat(meta.title, "\",") : "") + (props.data ? "\n".concat(indent2, "  data: ").concat(genObjectCode(props.data, {
+    initialIndent: config.codeStyle.indent * (config.depth + 2),
+    indentSize: config.codeStyle.indent
+  }), ",") : "") + (props.inputs ? "\n".concat(indent2, "  inputs: [").concat(props.inputs.map(function (input) {
+    return "\"".concat(input, "\"");
+  }).join(", "), "],") : "") + (props.outputs ? "\n".concat(indent2, "  outputs: [").concat(props.outputs.map(function (output) {
+    return "\"".concat(output, "\"");
+  }).join(", "), "],") : "") + "\n".concat(indent2, "},") + "\n".concat(indent2, "appContext") + "\n".concat(indent, "})\n");
+};

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

@@ -0,0 +1,62 @@
+import type { ToTaroCodeConfig } from "../toCodeTaro";
+export interface Style {
+    layout?: "smart" | "flex-column" | "flex-row" | {
+        display?: string;
+        position?: string;
+        flexDirection?: string;
+        alignItems?: string;
+        justifyContent?: string;
+        flexWrap?: string;
+        rowGap?: number;
+        columnGap?: number;
+    };
+    width?: string | number;
+    height?: string | number;
+    styleAry?: Array<{
+        selector: string;
+        css: Record<string, any>;
+    }>;
+    slots?: Record<string, {
+        layout?: string | object;
+        [key: string]: any;
+    }>;
+    [key: string]: any;
+}
+type ImportType = "default" | "named" | "module";
+/** 导入依赖收集、解析 */
+export declare class ImportManager {
+    private _config;
+    private _imports;
+    constructor(_config: ToTaroCodeConfig);
+    /** 添加依赖 */
+    addImport({ packageName, dependencyNames, importType, }: {
+        packageName: string;
+        dependencyNames: string[];
+        importType: ImportType;
+    }): void;
+    /** 依赖解析为code */
+    toCode(): string;
+}
+/** 将第一个字符转大写 */
+export declare const firstCharToUpperCase: (str: string) => string;
+/** 将第一个字符转小写 */
+export declare const firstCharToLowerCase: (str: string) => string;
+/** 缩进 */
+export declare const indentation: (level: number) => string;
+/** 驼峰转中划线 */
+export declare const camelToKebab: (str: string) => string;
+/** 中划线转驼峰 */
+export declare const kebabToCamel: (str: string) => string;
+/** 转换根节点样式 */
+export declare const convertRootStyle: (style: Style) => Record<string, string | number>;
+/** 转换组件样式为 Taro/React 样式 */
+export declare const convertComponentStyle: (style: Style) => Record<string, Record<string, string | number>>;
+/** 转换 styleAry 为 CSS 字符串 */
+export declare const convertStyleAryToCss: (styleAry: any[], parentSelector?: string) => string;
+/** 生成对象代码 */
+export declare const genObjectCode: (object: any, config: {
+    initialIndent: number;
+    indentSize: number;
+}) => string;
+export { getUiComponentCode } from "./code";
+export { getRootComponentClassName } from "./getComponentClassName";