@mybricks/to-code-taro 1.0.0

package/dist/cjs/utils/handleProcess.js

@@ -0,0 +1,370 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/utils/handleProcess.ts
+var handleProcess_exports = {};
+__export(handleProcess_exports, {
+  handleProcess: () => handleProcess
+});
+module.exports = __toCommonJS(handleProcess_exports);
+var import_index = require("./index");
+var isJsCalculationComponent = (namespace) => {
+  return namespace === "mybricks.taro._muilt-inputJs" || namespace === "mybricks.core-comlib.js-ai";
+};
+var isJsApiComponent = (namespace, rtType) => {
+  return namespace.startsWith("mybricks.taro._") && (rtType == null ? void 0 : rtType.match(/^js/gi)) !== null;
+};
+var handleProcess = (event, config) => {
+  let code = "";
+  const { process } = event;
+  const indent = (0, import_index.indentation)(config.codeStyle.indent * config.depth);
+  const indent2 = (0, import_index.indentation)(config.codeStyle.indent * (config.depth + 1));
+  const hasJsCalculationComponent = process.nodesDeclaration.some(
+    ({ meta }) => isJsCalculationComponent(meta.def.namespace)
+  );
+  if (hasJsCalculationComponent) {
+    config.addParentDependencyImport({
+      packageName: "../../common/index",
+      dependencyNames: ["jsModules"],
+      importType: "named"
+    });
+  }
+  process.nodesDeclaration.forEach(({ meta, props }) => {
+    var _a;
+    if (meta.def.namespace.startsWith("mybricks.taro.module")) {
+      return;
+    }
+    const isJsCalc = isJsCalculationComponent(meta.def.namespace);
+    const isJsApi = isJsApiComponent(meta.def.namespace, meta.def.rtType);
+    const { importInfo, name, callName } = config.getComponentMeta(meta);
+    const componentName = name;
+    if (isJsCalc) {
+      code += generateJsCalculationComponentCode({
+        meta,
+        props,
+        componentName,
+        config,
+        event,
+        indent,
+        indent2
+      });
+      return;
+    }
+    if (isJsApi) {
+      code += generateJsApiComponentCode({
+        meta,
+        props,
+        componentName,
+        callName,
+        importInfo,
+        config,
+        event,
+        indent,
+        indent2
+      });
+      return;
+    }
+    config.addParentDependencyImport({
+      packageName: importInfo.from,
+      dependencyNames: [importInfo.name],
+      importType: importInfo.type
+    });
+    const componentNameWithId = ((_a = config.getEventNodeName) == null ? void 0 : _a.call(config, {
+      com: meta,
+      scene: config.getCurrentScene(),
+      type: "declaration",
+      event
+    })) || `${componentName}_${meta.id}`;
+    config.addParentDependencyImport({
+      packageName: config.getComponentPackageName(),
+      dependencyNames: ["useAppContext"],
+      importType: "named"
+    });
+    code += `${indent}/** ${meta.title} */
+${indent}const ${componentNameWithId} = ${callName || componentName}({` + (config.verbose ? `
+${indent2}title: "${meta.title}",` : "") + (props.data ? `
+${indent2}data: ${(0, import_index.genObjectCode)(props.data, {
+      initialIndent: config.codeStyle.indent * (config.depth + 1),
+      indentSize: config.codeStyle.indent
+    })},` : "") + (props.inputs ? `
+${indent2}inputs: [${props.inputs.map((input) => `"${input}"`).join(", ")}],` : "") + (props.outputs ? `
+${indent2}outputs: [${props.outputs.map((output) => `"${output}"`).join(", ")}],` : "") + `
+${indent}}, appContext)
+`;
+  });
+  process.nodesInvocation.forEach((props) => {
+    var _a, _b;
+    const { componentType, category, runType } = props;
+    let nextValue = getNextValue(props, config, event);
+    const isSameScope = checkIsSameScope(event, props);
+    const nextCode = getNextCode(props, config, isSameScope, event);
+    if (code) {
+      code += "\n";
+    }
+    if (componentType === "js") {
+      if (category === "scene") {
+        config.addParentDependencyImport({
+          packageName: config.getComponentPackageName(),
+          dependencyNames: ["page"],
+          importType: "named"
+        });
+        const _sceneId = props.meta.model.data._sceneId;
+        const operateName = props.meta.model.data.openType === "redirect" ? "replace" : "open";
+        code += `${indent}/** 打开 ${props.meta.title} */
+${indent}${nextCode}page.${operateName}("${((_a = config.getPageId) == null ? void 0 : _a.call(config, _sceneId)) || _sceneId}", ${nextValue})`;
+      } else if (category === "normal") {
+        let componentNameWithId = getComponentNameWithId(props, config, event);
+        code += `${indent}/** 调用 ${props.meta.title} */
+${indent}${nextCode}${componentNameWithId}(${runType === "input" ? nextValue : ""})`;
+      } else if (category === "var") {
+        if (props.meta.global) {
+          config.addParentDependencyImport({
+            packageName: config.getComponentPackageName(),
+            dependencyNames: ["globalVars"],
+            importType: "named"
+          });
+          code += `${indent}/** ${props.title} 全局变量 ${props.meta.title} */
+${indent}${nextCode}globalVars.${props.meta.title}.${props.id}(${nextValue})`;
+        } else {
+          const currentProvider = getCurrentProvider(
+            { isSameScope, props },
+            config
+          );
+          code += `${indent}/** ${props.title} 变量 ${props.meta.title} */
+${indent}${nextCode}this.${currentProvider.name}_Vars.${props.meta.title}.${props.id}(${nextValue})`;
+        }
+      } else if (category === "fx") {
+        if (props.meta.global) {
+          config.addParentDependencyImport({
+            packageName: config.getComponentPackageName(),
+            dependencyNames: ["globalFxs"],
+            importType: "named"
+          });
+          code += `${indent}/** 调用全局Fx ${props.meta.title} */
+${indent}${nextCode}globalFxs.${props.meta.ioProxy.id}(${nextValue})`;
+        } else {
+          const currentProvider = getCurrentProvider(
+            { isSameScope, props },
+            config
+          );
+          code += `${indent}/** 调用Fx ${props.meta.title} */
+${indent}${nextCode}this.${currentProvider.name}_Fxs.${props.meta.ioProxy.id}(${nextValue})`;
+        }
+      }
+    } else {
+      const currentProvider = getCurrentProvider({ isSameScope, props }, config);
+      currentProvider.controllers.add(props.meta.id);
+      const componentController = ((_b = config.getComponentController) == null ? void 0 : _b.call(config, {
+        com: props.meta,
+        scene: config.getCurrentScene()
+      })) || `controller_${props.meta.id}`;
+      code += `${indent}/** 调用 ${props.meta.title} 的 ${props.title} */
+${indent}${nextCode}this.${currentProvider.name}.${componentController}.${props.id}(${nextValue})`;
+    }
+  });
+  if (["fx", "extension-api", "extension-bus"].includes(event.type)) {
+    const returnCode = Object.entries(event.frameOutputs).reduce(
+      (pre, [, { id, outputs }]) => {
+        if (!outputs) {
+          return pre + `${indent2}${id}: undefined,
+`;
+        } else {
+          const next = outputs.map((output) => {
+            return getNextValueWithParam(output, config, event);
+          }).join(", ");
+          return pre + `${indent2}${id}: ${next},
+`;
+        }
+      },
+      ""
+    );
+    if (returnCode) {
+      code += `
+${indent}return {
+${returnCode}${indent}}`;
+    }
+  }
+  return code;
+};
+var 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 = (props, config, event) => {
+  if (isJsCalculationComponent(props.meta.def.namespace)) {
+    if (config.getEventNodeName) {
+      const componentName = config.getEventNodeName({
+        com: props.meta,
+        scene: config.getCurrentScene(),
+        event,
+        type: "declaration"
+      });
+      if (componentName) {
+        return componentName;
+      }
+    }
+    return `jsModules_${props.meta.id}`;
+  }
+  if (config.getEventNodeName) {
+    const componentName = config.getEventNodeName({
+      com: props.meta,
+      scene: config.getCurrentScene(),
+      event,
+      type: "declaration"
+    });
+    if (componentName) {
+      return componentName;
+    }
+  }
+  const { name } = config.getComponentMeta(props.meta);
+  const sanitizedName = name.replace(/-/g, "_");
+  return `${sanitizedName}_${props.meta.id}`;
+};
+var getNextCode = (props, config, isSameScope, event) => {
+  const { nextParam } = props;
+  if (!nextParam.length) {
+    return "";
+  }
+  const componentNameWithId = getComponentNameWithId(props, config, event);
+  return `const ${componentNameWithId}_result = `;
+};
+var getNextValue = (props, config, event) => {
+  const { paramSource } = props;
+  const nextValue = paramSource.map((param) => {
+    if (param.type === "params") {
+      const params = config.getParams();
+      return params[param.id];
+    } else if (param.type === "constant") {
+      return JSON.stringify(param.value);
+    }
+    const componentNameWithId = getComponentNameWithId(param, config, event);
+    if (param.connectId) {
+      return `${componentNameWithId}_${param.connectId}.${param.id}`;
+    }
+    return `${componentNameWithId}_result.${param.id}`;
+  });
+  return nextValue.join(", ");
+};
+var getNextValueWithParam = (param, config, event) => {
+  if (param.type === "params") {
+    const params = config.getParams();
+    return params[param.id];
+  }
+  const componentNameWithId = getComponentNameWithId(param, config, event);
+  if (param.connectId) {
+    return `${componentNameWithId}_${param.connectId}.${param.id}`;
+  }
+  return `${componentNameWithId}_result.${param.id}`;
+};
+var getCurrentProvider = (params, config) => {
+  var _a;
+  const providerMap = config.getProviderMap();
+  const { isSameScope, props } = params;
+  const { meta } = props;
+  const { parentComId, frameId } = meta;
+  const providerName = ((_a = config.getProviderName) == null ? void 0 : _a.call(config, { com: meta, scene: config.getCurrentScene() })) || (!parentComId ? "slot_Index" : `slot_${frameId[0].toUpperCase() + frameId.slice(1)}_${parentComId}`);
+  const provider = providerMap[providerName];
+  if (!isSameScope) {
+    config.addConsumer(provider);
+  }
+  return provider;
+};
+var generateJsCalculationComponentCode = (params) => {
+  var _a;
+  const { meta, props, componentName, config, event, indent, indent2 } = params;
+  const componentNameWithId = ((_a = config.getEventNodeName) == null ? void 0 : _a.call(config, {
+    com: meta,
+    scene: config.getCurrentScene(),
+    type: "declaration",
+    event
+  })) || `jsModules_${meta.id}`;
+  const jsData = {};
+  if (props.data && "runImmediate" in props.data) {
+    jsData.runImmediate = props.data.runImmediate;
+  }
+  return `${indent}/** ${meta.title} */
+${indent}const ${componentNameWithId} = jsModules.${meta.id}({` + (config.verbose ? `
+${indent2}title: "${meta.title}",` : "") + (Object.keys(jsData).length > 0 ? `
+${indent2}data: ${(0, import_index.genObjectCode)(jsData, {
+    initialIndent: config.codeStyle.indent * (config.depth + 1),
+    indentSize: config.codeStyle.indent
+  })},` : "") + (props.inputs ? `
+${indent2}inputs: [${props.inputs.map((input) => `"${input}"`).join(", ")}],` : "") + (props.outputs ? `
+${indent2}outputs: [${props.outputs.map((output) => `"${output}"`).join(", ")}],` : "") + `
+${indent}}, appContext)
+`;
+};
+var generateJsApiComponentCode = (params) => {
+  var _a;
+  const {
+    meta,
+    props,
+    componentName,
+    callName,
+    importInfo,
+    config,
+    event,
+    indent,
+    indent2
+  } = params;
+  config.addParentDependencyImport({
+    packageName: "../../core/mybricks/index",
+    dependencyNames: ["createJSHandle"],
+    importType: "named"
+  });
+  config.addParentDependencyImport({
+    packageName: importInfo.from,
+    dependencyNames: [importInfo.name],
+    importType: importInfo.type
+  });
+  const componentNameWithId = ((_a = config.getEventNodeName) == null ? void 0 : _a.call(config, {
+    com: meta,
+    scene: config.getCurrentScene(),
+    type: "declaration",
+    event
+  })) || `${componentName}_${meta.id}`;
+  config.addParentDependencyImport({
+    packageName: config.getComponentPackageName(),
+    dependencyNames: ["useAppContext"],
+    importType: "named"
+  });
+  return `${indent}/** ${meta.title} */
+${indent}const ${componentNameWithId} = createJSHandle(${callName || componentName}, {
+${indent2}props: {` + (config.verbose ? `
+${indent2}  title: "${meta.title}",` : "") + (props.data ? `
+${indent2}  data: ${(0, import_index.genObjectCode)(props.data, {
+    initialIndent: config.codeStyle.indent * (config.depth + 2),
+    indentSize: config.codeStyle.indent
+  })},` : "") + (props.inputs ? `
+${indent2}  inputs: [${props.inputs.map((input) => `"${input}"`).join(", ")}],` : "") + (props.outputs ? `
+${indent2}  outputs: [${props.outputs.map((output) => `"${output}"`).join(", ")}],` : "") + `
+${indent2}},
+${indent2}appContext
+${indent}})
+`;
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  handleProcess
+});

package/dist/cjs/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";