@mybricks/to-code-taro 1.0.0

package/dist/esm/handleExtension.js

@@ -0,0 +1,243 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+/* eslint-disable @typescript-eslint/no-explicit-any */
+/**
+ * 处理Extension事件卡片
+ */
+
+import { ImportManager, indentation } from "./utils";
+import { handleProcess } from "./utils/handleProcess";
+var handleExtension = function handleExtension(params, config) {
+  var tojson = params.tojson,
+    extensionEvents = params.extensionEvents;
+  var result = [];
+  var importManager = new ImportManager(config);
+  var addDependencyImport = importManager.addImport.bind(importManager);
+  var eventCode = genEvent({
+    tojson: tojson,
+    extensionEvents: extensionEvents.filter(function (extensionEvent) {
+      return extensionEvent.meta.type === "extension-event";
+    })
+  }, _objectSpread(_objectSpread({}, config), {}, {
+    addParentDependencyImport: addDependencyImport
+  }));
+  var apiCode = genApi({
+    tojson: tojson,
+    extensionEvents: extensionEvents.filter(function (extensionEvent) {
+      return extensionEvent.meta.type === "extension-api";
+    })
+  }, _objectSpread(_objectSpread({}, config), {}, {
+    addParentDependencyImport: addDependencyImport
+  }));
+  var configCode = genConfig({
+    tojson: tojson,
+    extensionEvents: extensionEvents.filter(function (extensionEvent) {
+      return extensionEvent.meta.type === "extension-config";
+    })
+  }, _objectSpread(_objectSpread({}, config), {}, {
+    addParentDependencyImport: addDependencyImport
+  }));
+  result.push({
+    type: "api",
+    content: (apiCode ? "".concat(apiCode, "\n\n") : "") + (configCode ? "".concat(configCode, "\n\n") : "") + eventCode,
+    importManager: importManager,
+    name: "abstractEventTypeDef"
+  });
+  var extensionBusImportManager = new ImportManager(config);
+  var addDependencyExtensionBusImport = extensionBusImportManager.addImport.bind(extensionBusImportManager);
+  var busCode = genBus({
+    tojson: tojson,
+    extensionEvents: extensionEvents.filter(function (extensionEvent) {
+      return extensionEvent.meta.type === "extension-bus";
+    })
+  }, _objectSpread(_objectSpread({}, config), {}, {
+    addParentDependencyImport: addDependencyExtensionBusImport
+  }));
+  if (busCode) {
+    result.push({
+      content: busCode,
+      importManager: extensionBusImportManager,
+      type: "extension-bus",
+      name: "系统总线"
+    });
+  }
+  return result;
+};
+export default handleExtension;
+var genConfig = function genConfig(params, config) {
+  var _event$paramPins;
+  var extensionEvents = params.extensionEvents;
+  var addParentDependencyImport = config.addParentDependencyImport;
+  if (!extensionEvents.length) {
+    return "";
+  }
+  var extensionEvent = extensionEvents[0];
+  var event = extensionEvent.events[0];
+  var eventParams = {};
+  (event.paramPins || []).forEach(function (cur) {
+    eventParams[cur.id] = "value.".concat(cur.id);
+  });
+  var code = handleProcess(event, _objectSpread(_objectSpread({}, config), {}, {
+    depth: 2,
+    getParams: function getParams() {
+      return eventParams;
+    },
+    getComponentPackageName: function getComponentPackageName() {
+      return config.getComponentPackageName({
+        type: "extensionEvent"
+      });
+    },
+    addParentDependencyImport: addParentDependencyImport,
+    getComponentMeta: function (com, configMeta) {
+      return config.getComponentMeta(com, _objectSpread(_objectSpread({}, configMeta), {}, {
+        json: extensionEvent.meta
+      }));
+    }
+  }));
+  addParentDependencyImport({
+    packageName: config.getUtilsPackageName(),
+    dependencyNames: ["MyBricks"],
+    importType: "named"
+  });
+  return "export const config = (".concat((_event$paramPins = event.paramPins) !== null && _event$paramPins !== void 0 && _event$paramPins.length ? "value: any" : "", ") => {") + (code ? "\n".concat(code) : "") + "\n}";
+};
+var genApi = function genApi(params, config) {
+  var extensionEvents = params.extensionEvents;
+  var addParentDependencyImport = config.addParentDependencyImport;
+  if (!extensionEvents.length) {
+    return "";
+  }
+  var apiCode = "";
+  extensionEvents.forEach(function (extension) {
+    var meta = extension.meta,
+      events = extension.events;
+    var event = events[0];
+    var params = {
+      open: "value",
+      call: "value"
+    };
+    var code = handleProcess(event, _objectSpread(_objectSpread({}, config), {}, {
+      depth: 2,
+      getParams: function getParams() {
+        return params;
+      },
+      getComponentPackageName: function getComponentPackageName() {
+        return config.getComponentPackageName({
+          type: "extensionEvent"
+        });
+      },
+      addParentDependencyImport: addParentDependencyImport,
+      getComponentMeta: function (com, configMeta) {
+        return config.getComponentMeta(com, _objectSpread(_objectSpread({}, configMeta), {}, {
+          json: meta
+        }));
+      }
+    }));
+    var indent = indentation(config.codeStyle.indent);
+    var indent2 = indentation(config.codeStyle.indent * 2);
+    apiCode += "".concat(indent, "/** ").concat(event.title, " */") + "\n".concat(indent).concat(event.title, ": any = transformApi((value: any) => {") + "\n".concat(code) + "\n".concat(indent, "})\n");
+    addParentDependencyImport({
+      packageName: config.getUtilsPackageName(),
+      dependencyNames: ["MyBricks", "transformApi"],
+      importType: "named"
+    });
+  });
+  return "class Api {" + "\n".concat(apiCode, "}") + "\n\nexport const api = new Api()";
+};
+var genBus = function genBus(params, config) {
+  var extensionEvents = params.extensionEvents;
+  var addParentDependencyImport = config.addParentDependencyImport;
+  if (!extensionEvents.length) {
+    return "";
+  }
+  var busCode = "";
+  extensionEvents.forEach(function (extension) {
+    var meta = extension.meta,
+      events = extension.events;
+    var event = events[0];
+    var params = {
+      open: "value",
+      call: "value"
+    };
+    var code = handleProcess(event, _objectSpread(_objectSpread({}, config), {}, {
+      depth: 2,
+      getParams: function getParams() {
+        return params;
+      },
+      getComponentPackageName: function getComponentPackageName() {
+        return config.getComponentPackageName({
+          type: "extensionEvent"
+        });
+      },
+      addParentDependencyImport: addParentDependencyImport,
+      getComponentMeta: function (com, configMeta) {
+        return config.getComponentMeta(com, _objectSpread(_objectSpread({}, configMeta), {}, {
+          json: meta
+        }));
+      }
+    }));
+    var indent = indentation(config.codeStyle.indent);
+    busCode += "".concat(indent, "/** ").concat(event.title, " */") + "\n".concat(indent).concat(event.title, ": any = createFx((value: any) => {") + "\n".concat(code) + "\n".concat(indent, "})\n");
+    addParentDependencyImport({
+      packageName: config.getUtilsPackageName(),
+      dependencyNames: ["MyBricks", "createFx"],
+      importType: "named"
+    });
+  });
+  return "/** 系统总线 */" + "\nclass Bus {" + "\n".concat(busCode, "}") + "\n\nexport const bus = new Bus()";
+};
+var genEvent = function genEvent(params, config) {
+  var tojson = params.tojson,
+    extensionEvents = params.extensionEvents;
+  var addParentDependencyImport = config.addParentDependencyImport;
+  if (!extensionEvents.length) {
+    return "";
+  }
+  addParentDependencyImport({
+    packageName: config.getUtilsPackageName(),
+    dependencyNames: ["MyBricks", "createEvent", "transformEvents"],
+    importType: "named"
+  });
+  var typeCode = "";
+  var eventCode = "";
+  var eventCreateCode = "";
+  var indent = indentation(config.codeStyle.indent);
+  extensionEvents.forEach(function (event) {
+    var extensionEvent = tojson.frames.find(function (frame) {
+      return frame.id === event.meta.id;
+    });
+    var typeParams = "T".concat(extensionEvent.title, "Params");
+    var interfaceCallBack = "I".concat(extensionEvent.title, "CallBack");
+    typeCode += "type ".concat(typeParams, " = any;\n");
+    var interfaceCallBackCode = "";
+    extensionEvent.outputs.forEach(function (output) {
+      var title = output.title;
+      interfaceCallBackCode += (title ? "\n".concat(indent, "/** ").concat(title, " */") : "") + "\n".concat(indent).concat(output.id, ": (value: any) => void;");
+    });
+    if (interfaceCallBackCode) {
+      typeCode += "interface ".concat(interfaceCallBack, " {") + "".concat(interfaceCallBackCode, "\n}\n");
+    }
+    eventCode += "".concat(indent).concat(extensionEvent.title, "?: ").concat(interfaceCallBackCode ? "EventWithCallBack" : "Event", "<").concat(typeParams).concat(interfaceCallBackCode ? ", ".concat(interfaceCallBack) : "", ">;\n");
+    var params = {
+      open: "value",
+      call: "value"
+    };
+    var code = handleProcess(event.events[0], _objectSpread(_objectSpread({}, config), {}, {
+      depth: 2,
+      getParams: function getParams() {
+        return params;
+      },
+      getComponentPackageName: function getComponentPackageName() {
+        return config.getComponentPackageName({
+          type: "extensionEvent"
+        });
+      },
+      getComponentMeta: function (com, configMeta) {
+        return config.getComponentMeta(com, _objectSpread(_objectSpread({}, configMeta), {}, {
+          json: event.meta
+        }));
+      }
+    }));
+    eventCreateCode += "".concat(indent).concat(extensionEvent.title, ": any = createEvent((value: ").concat(typeParams).concat(interfaceCallBackCode ? ", callBack: ".concat(interfaceCallBack) : "", ") => {") + code + "\n".concat(indent, "})\n");
+  });
+  return "type Event<ParamsType> = (params: ParamsType) => void;" + "\ntype EventWithCallBack<ParamsType, CallbackType> = (value: ParamsType, callBack: CallbackType) => void;" + "\n".concat(typeCode) + "class Events {" + "\n".concat(eventCreateCode, "}") + "\n\nexport const events = new Events();" + "\n\ninterface OnEventParams {" + "\n".concat(eventCode, "}") + "\n\nexport const onEvent: (events: OnEventParams) => void = transformEvents(events);";
+};

package/dist/esm/handleGlobal.d.ts

@@ -0,0 +1,21 @@
+/**
+ * 处理全局变量和全局Fx
+ */
+import { ImportManager } from "./utils";
+import type { ToTaroCodeConfig } 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" | "normal" | "popup" | "global" | "extension-config" | "extension-api" | "extension-bus" | "abstractEventTypeDef" | "fx" | "api" | "extension-event" | "jsModules" | "commonIndex" | "tabBarConfig";
+    meta?: import("@mybricks/render-web/packages/code-next/dist/esm/toCode/types").Scene;
+    name: string;
+    tabBarConfig?: string;
+};
+export default handleGlobal;

package/dist/esm/handleGlobal.js

@@ -0,0 +1,117 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+/**
+ * 处理全局变量和全局Fx
+ */
+
+/* eslint-disable @typescript-eslint/no-explicit-any */
+import { ImportManager, indentation } from "./utils";
+import { handleProcess } from "./utils/handleProcess";
+var handleGlobal = function handleGlobal(params, config) {
+  var tojson = params.tojson,
+    globalFxs = params.globalFxs,
+    globalVars = params.globalVars;
+  var globalImportManager = new ImportManager(config);
+  var globalAddDependencyImport = globalImportManager.addImport.bind(globalImportManager);
+  globalAddDependencyImport({
+    packageName: config.getComponentPackageName(),
+    dependencyNames: ["useAppContext"],
+    importType: "named"
+  });
+  var globalVarsInitCode = "";
+  var globalVarsRegisterChangeCode = "";
+  var indent = indentation(config.codeStyle.indent);
+  var indent2 = indentation(config.codeStyle.indent * 2);
+  Object.entries(tojson.global.comsReg).forEach(function (_ref) {
+    var _ref2 = _slicedToArray(_ref, 2),
+      com = _ref2[1];
+    if (com.def.namespace !== "mybricks.core-comlib.var") {
+      // 非变量，不需要初始化
+      return;
+    }
+    var event = globalVars.find(function (globalVar) {
+      return globalVar.meta.id === com.id;
+    });
+    var res = handleProcess(event, _objectSpread(_objectSpread({}, config), {}, {
+      depth: 2,
+      getParams: function getParams() {
+        return _defineProperty({}, event.paramId, "value");
+      },
+      getComponentPackageName: function getComponentPackageName(props) {
+        if (props !== null && props !== void 0 && props.meta.global) {
+          return "";
+        }
+        return config.getComponentPackageName(props);
+      },
+      addParentDependencyImport: globalAddDependencyImport,
+      getComponentMeta: config.getComponentMeta,
+      getCurrentScene: function getCurrentScene() {
+        return tojson.global;
+      }
+    }));
+    globalVarsRegisterChangeCode += "\n".concat(indent2, "this.").concat(com.title, ".registerChange((value: any) => {") + "\n".concat(res) + "\n".concat(indent2, "})");
+    globalVarsInitCode += "".concat(indent).concat(com.title, ": any = createVariable(").concat(JSON.stringify(com.model.data.initValue || {}), ")\n");
+  });
+  var globalFxsInitCode = "";
+  globalFxs.forEach(function (event) {
+    var currentScene = tojson.global.fxFrames.find(function (fxFrame) {
+      return fxFrame.id === event.frameId;
+    });
+    var res = handleProcess(event, _objectSpread(_objectSpread({}, config), {}, {
+      depth: 2,
+      getCurrentScene: function getCurrentScene() {
+        return currentScene;
+      },
+      getParams: function getParams() {
+        return event.paramPins.reduce(function (pre, cur, index) {
+          pre[cur.id] = "value".concat(index);
+          return pre;
+        }, {});
+      },
+      getComponentPackageName: function getComponentPackageName(props) {
+        if (props !== null && props !== void 0 && props.meta.global) {
+          return "";
+        }
+        return config.getComponentPackageName(props);
+      },
+      addParentDependencyImport: function addParentDependencyImport(params) {
+        var dependencyNames = params.dependencyNames;
+        var filterDependencyNames = dependencyNames.filter(function (dependencyName) {
+          return !["globalVars", "globalFxs"].includes(dependencyName);
+        });
+        if (filterDependencyNames.length) {
+          globalAddDependencyImport(_objectSpread(_objectSpread({}, params), {}, {
+            dependencyNames: filterDependencyNames
+          }));
+        }
+      },
+      getComponentMeta: config.getComponentMeta
+    }));
+
+    /** 入参 */
+    var values = event.paramPins.map(function (paramPin, index) {
+      if (paramPin.type === "config") {
+        return "value".concat(index, ": any = ").concat(JSON.stringify(event.initValues[paramPin.id]));
+      }
+      return "value".concat(index, ": any");
+    }).join(", ");
+    globalFxsInitCode += "".concat(indent, "/** ").concat(event.title, " */") + "\n".concat(indent).concat(event.frameId, ": any = createFx((").concat(values, ") => {") + "\n".concat(res) + "\n".concat(indent, "})\n");
+  });
+  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 (fxCode.includes("merge(")) {
+    globalAddDependencyImport({
+      packageName: config.getUtilsPackageName(),
+      dependencyNames: ["merge"],
+      importType: "named"
+    });
+  }
+  return {
+    type: "global",
+    content: varCode + "\n\n" + fxCode,
+    importManager: globalImportManager,
+    name: "global"
+  };
+};
+export default handleGlobal;

package/dist/esm/handleModule.d.ts

@@ -0,0 +1,15 @@
+import type { UI, BaseConfig } from "./toCodeTaro";
+import { ImportManager } from "./utils";
+type Module = Extract<UI["children"][0], {
+    type: "module";
+}>;
+interface HandleModuleConfig extends BaseConfig {
+    addParentDependencyImport: (typeof ImportManager)["prototype"]["addImport"];
+    addConsumer: (provider: ReturnType<BaseConfig["getCurrentProvider"]>) => void;
+    addComId: (comId: string) => void;
+}
+declare const handleModule: (module: Module, config: HandleModuleConfig) => {
+    ui: string;
+    cssContent: string;
+};
+export default handleModule;

package/dist/esm/handleModule.js

@@ -0,0 +1,78 @@
+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";
+var handleModule = function handleModule(module, config) {
+  var _config$getFileName, _props$style, _config$getComponentC;
+  var events = module.events,
+    moduleId = module.moduleId,
+    props = module.props;
+  var moduleScene = config.getSceneById(moduleId);
+  var rawName = ((_config$getFileName = config.getFileName) === null || _config$getFileName === void 0 ? void 0 : _config$getFileName.call(config, moduleId)) || moduleScene.title;
+  var name = firstCharToUpperCase(rawName);
+  var comEventCode = "";
+  var indent = indentation(config.codeStyle.indent * (config.depth + 1));
+  Object.entries(events).forEach(function (_ref) {
+    var _ref2 = _slicedToArray(_ref, 2),
+      eventId = _ref2[0],
+      diagramId = _ref2[1].diagramId;
+    if (!diagramId) {
+      return;
+    }
+    var event = config.getEventByDiagramId(diagramId);
+    if (!event) {
+      return;
+    }
+    var defaultValue = "value";
+    var process = handleProcess(event, _objectSpread(_objectSpread({}, config), {}, {
+      depth: config.depth + 2,
+      addParentDependencyImport: config.addParentDependencyImport,
+      getParams: function getParams() {
+        return _defineProperty({}, eventId, defaultValue);
+      }
+    }));
+    if (process.includes("pageParams")) {
+      config.addParentDependencyImport({
+        packageName: config.getComponentPackageName(),
+        dependencyNames: ["page"],
+        importType: "named"
+      });
+      process = indentation(config.codeStyle.indent * (config.depth + 2)) + "const pageParams: any = page.getParams(\"".concat(config.getCurrentScene().id, "\");\n") + process;
+    }
+    comEventCode += "".concat(indent).concat(eventId, ": (").concat(defaultValue, ": any) => {\n") + process + "\n".concat(indent, "},\n");
+  });
+  config.addParentDependencyImport({
+    packageName: "../sections/Index",
+    dependencyNames: [name],
+    importType: "named"
+  });
+  var configs = module.meta.model.data.configs;
+  var currentProvider = config.getCurrentProvider();
+  currentProvider.coms.add(module.meta.id);
+  currentProvider.controllers.add(module.meta.id);
+  var resultStyle = convertComponentStyle(module.props.style);
+  var cssContent = convertStyleAryToCss((_props$style = props.style) === null || _props$style === void 0 ? void 0 : _props$style.styleAry, module.meta.id);
+  var componentController = ((_config$getComponentC = config.getComponentController) === null || _config$getComponentC === void 0 ? void 0 : _config$getComponentC.call(config, {
+    com: module.meta,
+    scene: config.getCurrentScene()
+  })) || "controller_".concat(module.meta.id);
+  var initialIndent = config.codeStyle.indent * config.depth;
+  var indentView = indentation(initialIndent);
+  var indent2 = indentation(initialIndent + config.codeStyle.indent);
+  var indent3 = indentation(initialIndent + config.codeStyle.indent * 2);
+  var moduleCode = "".concat(indent2, "<").concat(name) + (config.verbose ? "\n".concat(indent3, "title=\"").concat(module.meta.title, "\"") : "") + (configs ? "\n".concat(indent3, "data={").concat(genObjectCode(configs, {
+    initialIndent: initialIndent + config.codeStyle.indent * 2,
+    indentSize: config.codeStyle.indent
+  }), "}") : "") + "\n".concat(indent3, "controller={this.").concat(currentProvider.name, ".").concat(componentController, "}") + (comEventCode ? "\n".concat(indent3, "onEvents={{").concat(comEventCode.replace(/\n/g, "\n" + indent3), "}}") : "") + "\n".concat(indent2, "/>");
+  var ui = "".concat(indentView, "<View id=\"").concat(module.meta.id, "\" className=\"").concat(module.meta.id, "\" style={").concat(JSON.stringify(resultStyle.root), "}>\n").concat(moduleCode, "\n").concat(indentView, "</View>");
+  return {
+    ui: ui,
+    cssContent: cssContent
+  };
+  return {
+    ui: ui,
+    cssContent: cssContent
+  };
+};
+export default handleModule;

package/dist/esm/handleSlot.d.ts

@@ -0,0 +1,27 @@
+import { ImportManager } from "./utils";
+import { RenderManager } from "./utils/code/renderManager";
+import type { UI, BaseConfig } from "./toCodeTaro";
+interface HandleSlotConfig extends BaseConfig {
+    addParentDependencyImport?: (typeof ImportManager)["prototype"]["addImport"];
+    addComId?: (comId: string) => void;
+    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;
+}
+declare const handleSlot: (ui: UI, config: HandleSlotConfig) => {
+    js: string;
+    combinedJsCode: string;
+    ui: string;
+    cssContent: string;
+    slots: any[];
+    scopeSlots: any[];
+};
+export default handleSlot;