@mybricks/to-code-taro 1.0.0

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

@@ -0,0 +1,71 @@
+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/code/index.ts
+var code_exports = {};
+__export(code_exports, {
+  getUiComponentCode: () => getUiComponentCode
+});
+module.exports = __toCommonJS(code_exports);
+var import__ = require("../index");
+var getUiComponentCode = (params, config) => {
+  const {
+    componentName,
+    meta,
+    props,
+    resultStyle,
+    componentInputs,
+    componentOutputs,
+    comEventCode,
+    slotsCode,
+    eventHandlers = {}
+  } = params;
+  const indent = (0, import__.indentation)(config.codeStyle.indent * config.depth);
+  const indent2 = (0, import__.indentation)(config.codeStyle.indent * (config.depth + 1));
+  let ui = `${indent}<WithCom`;
+  ui += `
+${indent2}component={${componentName}}`;
+  ui += `
+${indent2}id='${meta.id}'`;
+  ui += `
+${indent2}className='${meta.id}'`;
+  if (resultStyle.root && Object.keys(resultStyle.root).length > 0) {
+    const styleCode = JSON.stringify(resultStyle.root);
+    ui += `
+${indent2}style={${styleCode}}`;
+  }
+  const initialData = JSON.stringify(props.data || {});
+  ui += `
+${indent2}data={${initialData}}`;
+  Object.entries(eventHandlers).forEach(([eventName, handlerCode]) => {
+    ui += `
+${indent2}${eventName}={${handlerCode}}`;
+  });
+  if (slotsCode) {
+    ui += `
+${indent2}slots={{
+${slotsCode}${indent2}}}`;
+  }
+  ui += `
+${indent}/>`;
+  return ui;
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  getUiComponentCode
+});

package/dist/cjs/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/cjs/utils/code/renderManager.js

@@ -0,0 +1,80 @@
+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/code/renderManager.ts
+var renderManager_exports = {};
+__export(renderManager_exports, {
+  RenderManager: () => RenderManager
+});
+module.exports = __toCommonJS(renderManager_exports);
+var import__ = require("../index");
+var RenderManager = class {
+  constructor() {
+    this._renders = /* @__PURE__ */ new Map();
+  }
+  /**
+   * 注册一个 render 函数
+   * @param renderId 唯一标识符，格式：组件ID_插槽ID
+   * @param renderCode render 函数的代码内容（不包含函数声明）
+   */
+  register(renderId, renderCode) {
+    this._renders.set(renderId, renderCode);
+  }
+  /**
+   * 生成所有 render 函数的定义代码
+   * @param indent 基础缩进
+   */
+  toCode(indent) {
+    if (this._renders.size === 0) {
+      return "";
+    }
+    let code = "";
+    const indentSize = 2;
+    const indent2 = (0, import__.indentation)(indentSize);
+    this._renders.forEach((renderCode, renderId) => {
+      code += `${indent}const ${renderId}_Render = (params?: { style?: any }) => {
+`;
+      code += `${indent}${indent2}return (
+`;
+      code += renderCode;
+      code += `
+${indent}${indent2});
+`;
+      code += `${indent}};
+
+`;
+    });
+    return code;
+  }
+  /**
+   * 生成 render 对象的引用代码
+   * @param slotId 插槽ID
+   * @param renderId render 函数ID
+   * @param indent 缩进
+   */
+  genRenderRef(slotId, renderId, indent) {
+    return `${indent}${slotId}: {
+${indent}  render: ${renderId}_Render,
+${indent}},
+`;
+  }
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  RenderManager
+});

package/dist/cjs/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/cjs/utils/code/scene.js

@@ -0,0 +1,82 @@
+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/code/scene.ts
+var scene_exports = {};
+__export(scene_exports, {
+  genComponentTemplate: () => genComponentTemplate,
+  genControllerInitCode: () => genControllerInitCode,
+  genReactiveDataManager: () => genReactiveDataManager,
+  genRootDefineCode: () => genRootDefineCode,
+  genSlotDefineCode: () => genSlotDefineCode,
+  wrapInEffect: () => wrapInEffect
+});
+module.exports = __toCommonJS(scene_exports);
+var genReactiveDataManager = (indent, utilsPackageName) => {
+  return ``;
+};
+var genRootDefineCode = (indent, utilsPackageName, hasJsModules = false) => {
+  let code = `${indent}const {comRefs, appContext} = useAppContext();
+`;
+  if (hasJsModules) {
+    code += `${indent}const comModules = jsModules({ createJSHandle });
+`;
+  }
+  return code;
+};
+var genSlotDefineCode = (indent) => {
+  return `${indent}const {comRefs, appContext} = useAppContext();
+`;
+};
+var genControllerInitCode = (indent, providerName) => {
+  return `${indent}if (!controllers.current.${providerName}) controllers.current.${providerName} = {};
+`;
+};
+var genComponentTemplate = ({
+  componentName,
+  combinedJsCode,
+  uiResult,
+  outputsConfig,
+  scopeName,
+  utilsPackageName
+}) => {
+  return `function ${componentName}() {
+${combinedJsCode}
+  return (
+${uiResult.split("\n").map((line) => `    ${line}`).join("\n")}
+  );
+}
+
+export default WithWrapper(${componentName})`;
+};
+var wrapInEffect = (indent, effectCode) => {
+  return `
+${indent}useEffect(() => {
+${indent}  /** 场景/组件初始化逻辑 */${effectCode}
+${indent}}, []);
+`;
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  genComponentTemplate,
+  genControllerInitCode,
+  genReactiveDataManager,
+  genRootDefineCode,
+  genSlotDefineCode,
+  wrapInEffect
+});

package/dist/cjs/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/cjs/utils/convertNamespace.js

@@ -0,0 +1,43 @@
+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/convertNamespace.ts
+var convertNamespace_exports = {};
+__export(convertNamespace_exports, {
+  convertNamespaceToComponentName: () => convertNamespaceToComponentName,
+  convertNamespaceToImportName: () => convertNamespaceToImportName
+});
+module.exports = __toCommonJS(convertNamespace_exports);
+function convertNamespaceToComponentName(namespace) {
+  return namespace.split(".").map((part, index) => {
+    if (index === 0) {
+      return part.toLowerCase();
+    }
+    let result = part.replace(/^_/, "");
+    result = result.replace(/-([a-z])/g, (_, letter) => letter.toUpperCase());
+    return result;
+  }).join("_");
+}
+function convertNamespaceToImportName(namespace) {
+  return convertNamespaceToComponentName(namespace);
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  convertNamespaceToComponentName,
+  convertNamespaceToImportName
+});

package/dist/cjs/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/cjs/utils/genJSModules.js

@@ -0,0 +1,116 @@
+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/genJSModules.ts
+var genJSModules_exports = {};
+__export(genJSModules_exports, {
+  genJSModules: () => genJSModules
+});
+module.exports = __toCommonJS(genJSModules_exports);
+var genJSModules = (jsModules) => {
+  if (jsModules.length === 0) {
+    return `export default function({ createJSHandle }) {
+  const comModules = {};
+  return comModules;
+}`;
+  }
+  const convertObject2ArrayCode = `
+function convertObject2Array(input) {
+  let result = [];
+  Object.keys(input)
+    .sort((a, b) => {
+      let _a = extractNumbers(a) || 0;
+      let _b = extractNumbers(b) || 0;
+      return +_a - +_b;
+    })
+    .forEach((key) => {
+      result.push(input[key]);
+    });
+  return result;
+}
+function extractNumbers(str) {
+  let number = "";
+  for (let i = 0; i < str.length; i++) {
+    if (!isNaN(parseInt(str[i]))) {
+      number += str[i];
+    }
+  }
+  return number;
+}
+function _execJs(script) {
+  return function ({ env, data, inputs, outputs, logger, onError }) {
+    const { fns, runImmediate } = data || {};
+    const runJSParams = {
+      logger,
+      outputs: convertObject2Array(outputs),
+    };
+    try {
+      if (runImmediate) {
+        script(runJSParams);
+      }
+      inputs["input"]((val) => {
+        try {
+          script({
+            ...runJSParams,
+            inputs: convertObject2Array(val),
+          });
+        } catch (ex) {
+          console.error("js计算组件运行错误.", ex);
+        }
+      });
+    } catch (ex) {
+      console.error("js计算组件运行错误.", ex);
+    }
+  };
+}
+`;
+  let code = `export default function({ createJSHandle }) {
+  const comModules = {};
+  ${convertObject2ArrayCode}
+`;
+  jsModules.forEach((module2) => {
+    const { id, title, transformCode, inputs, outputs } = module2;
+    let decodedCode = transformCode;
+    try {
+      decodedCode = decodeURIComponent(transformCode);
+    } catch (e) {
+      decodedCode = transformCode;
+    }
+    code += `
+  // ${title}
+`;
+    code += `  const js_${id} = ${decodedCode};
+`;
+    code += `  const _execJs_${id} = _execJs(js_${id});
+`;
+    code += `  comModules["${id}"] = (props, appContext) => {
+`;
+    code += `    return createJSHandle(_execJs_${id}, { props, appContext });
+`;
+    code += `  };
+`;
+  });
+  code += `
+  return comModules;
+}`;
+  return code;
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  genJSModules
+});

package/dist/cjs/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/cjs/utils/getComponentClassName.js

@@ -0,0 +1,47 @@
+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/getComponentClassName.ts
+var getComponentClassName_exports = {};
+__export(getComponentClassName_exports, {
+  getComponentClassName: () => getComponentClassName,
+  getRootComponentClassName: () => getRootComponentClassName
+});
+module.exports = __toCommonJS(getComponentClassName_exports);
+function getComponentClassName(namespace) {
+  if (!namespace) {
+    return "";
+  }
+  return namespace.replace(/\./g, "_");
+}
+function getRootComponentClassName(scene, isRoot = false) {
+  var _a;
+  if (!isRoot || !scene || !scene.coms) {
+    return "";
+  }
+  const firstCom = Object.values(scene.coms)[0];
+  if ((_a = firstCom == null ? void 0 : firstCom.def) == null ? void 0 : _a.namespace) {
+    return getComponentClassName(firstCom.def.namespace);
+  }
+  return "";
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  getComponentClassName,
+  getRootComponentClassName
+});

package/dist/cjs/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/cjs/utils/handlePageConfig.js

@@ -0,0 +1,73 @@
+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/handlePageConfig.ts
+var handlePageConfig_exports = {};
+__export(handlePageConfig_exports, {
+  HandlePageConfig: () => HandlePageConfig
+});
+module.exports = __toCommonJS(handlePageConfig_exports);
+var import_pageConfig = require("./pageConfig");
+var HandlePageConfig = class {
+  constructor() {
+    this.globalTabBarConfig = null;
+    this.tabBarImageFiles = [];
+  }
+  /**
+   * 处理页面配置（提取 systemPage 组件数据）
+   * @param scene 场景数据
+   * @returns 页面配置内容
+   */
+  handle(scene) {
+    var _a;
+    let pageConfigContent;
+    const systemPageCom = Object.values(scene.coms || {}).find((com) => {
+      var _a2;
+      return ((_a2 = com.def) == null ? void 0 : _a2.namespace) === "mybricks.taro.systemPage";
+    });
+    if ((_a = systemPageCom == null ? void 0 : systemPageCom.model) == null ? void 0 : _a.data) {
+      const systemPageData = systemPageCom.model.data;
+      pageConfigContent = (0, import_pageConfig.generatePageConfigContent)(systemPageData);
+      if (!this.globalTabBarConfig && systemPageData.tabBar && Array.isArray(systemPageData.tabBar)) {
+        const pageIdToPath = (pageId) => `pages/${pageId}/index`;
+        this.globalTabBarConfig = (0, import_pageConfig.generateTabBarConfigContent)(
+          systemPageData.tabBar,
+          pageIdToPath,
+          this.tabBarImageFiles
+        );
+      }
+    }
+    return pageConfigContent;
+  }
+  /**
+   * 获取全局 TabBar 配置
+   */
+  getTabBarConfig() {
+    return this.globalTabBarConfig;
+  }
+  /**
+   * 获取 TabBar 图片文件数组
+   */
+  getTabBarImageFiles() {
+    return this.tabBarImageFiles;
+  }
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  HandlePageConfig
+});

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