@mybricks/to-code-taro 1.0.2 → 1.0.3

package/dist/cjs/utils/index.js

@@ -16,6 +16,7 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
   // If the importer is in node compatibility mode or this is not an ESM
   // file that has been converted to a CommonJS file using a Babel-
@@ -29,293 +30,31 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/utils/index.ts
 var utils_exports = {};
 __export(utils_exports, {
-  ImportManager: () => ImportManager,
-  camelToKebab: () => camelToKebab,
-  convertComponentStyle: () => convertComponentStyle,
-  convertRootStyle: () => convertRootStyle,
-  convertStyleAryToCss: () => convertStyleAryToCss,
-  firstCharToLowerCase: () => firstCharToLowerCase,
-  firstCharToUpperCase: () => firstCharToUpperCase,
-  genObjectCode: () => genObjectCode,
   getRootComponentClassName: () => import_getComponentClassName.getRootComponentClassName,
-  getUiComponentCode: () => import_code.getUiComponentCode,
-  indentation: () => indentation,
-  kebabToCamel: () => kebabToCamel
+  getUiComponentCode: () => import_templates.getUiComponentCode,
+  pxtransform: () => import_pxtransform.default
 });
 module.exports = __toCommonJS(utils_exports);
-var import_pxtransform = __toESM(require("./pxtransform"));
-var import_code = require("./code");
-var import_getComponentClassName = require("./getComponentClassName");
-var ImportManager = class {
-  constructor(_config) {
-    this._config = _config;
-    this._imports = {};
-  }
-  /** 添加依赖 */
-  addImport({
-    packageName,
-    dependencyNames,
-    importType
-  }) {
-    if (!packageName) {
-      return;
-    }
-    const { _imports } = this;
-    if (!_imports[packageName]) {
-      _imports[packageName] = {};
-    }
-    if (importType === "module" && dependencyNames.length === 0) {
-      _imports[packageName]["__module__"] = {
-        importType: "module"
-      };
-    } else {
-      dependencyNames.forEach((dependencyName) => {
-        _imports[packageName][dependencyName] = {
-          importType
-        };
-      });
-    }
-  }
-  /** 依赖解析为code */
-  toCode() {
-    const indent = indentation(this._config.codeStyle.indent);
-    return Object.entries(this._imports).reduce(
-      (pre, [packageName, dependencies]) => {
-        var _a;
-        let defaultDependency = "";
-        let namedDependencies = "";
-        let moduleDependency = "";
-        const dependencyEntries = Object.entries(dependencies);
-        const hasModuleType = ((_a = dependencies["__module__"]) == null ? void 0 : _a.importType) === "module" || dependencyEntries.some(([, { importType }]) => importType === "module");
-        if (hasModuleType) {
-          return pre + `import '${packageName}';
-`;
-        }
-        const validEntries = dependencyEntries.filter(([key]) => key !== "__module__");
-        const wrap = validEntries.length > 3;
-        validEntries.forEach(([dependencyName, { importType }], index) => {
-          if (importType === "default") {
-            defaultDependency = dependencyName;
-          } else if (importType === "named") {
-            if (wrap) {
-              namedDependencies += `${indent}${dependencyName},
-`;
-            } else {
-              namedDependencies += `${index ? ", " : ""}${dependencyName}`;
-            }
-          }
-        });
-        if (namedDependencies) {
-          if (wrap) {
-            namedDependencies = `{
-${namedDependencies}}`;
-          } else {
-            namedDependencies = `{ ${namedDependencies} }`;
-          }
-          if (defaultDependency) {
-            defaultDependency += ", ";
-          }
-        }
-        return pre + `import ${defaultDependency}${namedDependencies} from '${packageName}';
-`;
-      },
-      ""
-    );
-  }
-};
-var firstCharToUpperCase = (str) => {
-  return str.charAt(0).toUpperCase() + str.slice(1);
-};
-var firstCharToLowerCase = (str) => {
-  return str.charAt(0).toLowerCase() + str.slice(1);
-};
-var indentation = (level) => {
-  return " ".repeat(level);
-};
-var camelToKebab = (str) => {
-  return str.replace(/([A-Z])/g, "-$1").toLowerCase();
-};
-var kebabToCamel = (str) => {
-  return str.replace(/-([a-z])/g, (_, char) => char.toUpperCase());
-};
-var convertRootStyle = (style) => {
-  const rootStyle = {};
-  Object.entries(style || {}).forEach(([key, value]) => {
-    if (key === "_new" || key === "themesId" || key === "visibility" || key === "styleAry") {
-      return;
-    }
-    if (key === "layout") {
-      if (typeof value === "object" && value !== null) {
-        const layoutObj = value;
-        Object.entries(layoutObj).forEach(([lKey, lValue]) => {
-          if (lKey === "position") {
-            if (lValue === "smart") {
-              rootStyle["position"] = "absolute";
-            } else if (lValue !== "inherit") {
-              rootStyle["position"] = lValue;
-            }
-          } else {
-            const camelLayoutKey = kebabToCamel(lKey);
-            rootStyle[camelLayoutKey] = (0, import_pxtransform.default)(lValue);
-          }
-        });
-      } else if (value === "flex-row") {
-        rootStyle["display"] = "flex";
-        rootStyle["flexDirection"] = "row";
-      } else if (value === "flex-column") {
-        rootStyle["display"] = "flex";
-        rootStyle["flexDirection"] = "column";
-      } else if (value === "smart") {
-        rootStyle["position"] = "relative";
-      }
-      return;
-    }
-    const camelKey = key.includes("-") ? kebabToCamel(key) : key;
-    if (typeof value === "string" || typeof value === "number") {
-      rootStyle[camelKey] = (0, import_pxtransform.default)(value);
-    }
-  });
-  return rootStyle;
-};
-var convertComponentStyle = (style) => {
-  const resultStyle = {};
-  const rootStyle = convertRootStyle(style);
-  if (style.styleAry) {
-    style.styleAry.forEach(
-      ({
-        css,
-        selector
-      }) => {
-        const transformedCss = {};
-        Object.entries(css).forEach(([cssKey, cssValue]) => {
-          if (cssKey === "layout") {
-            if (typeof cssValue === "object" && cssValue !== null) {
-              const layoutObj = cssValue;
-              Object.entries(layoutObj).forEach(([lKey, lValue]) => {
-                if (lKey === "position") {
-                  if (lValue === "smart") {
-                    transformedCss["position"] = "absolute";
-                  } else if (lValue !== "inherit") {
-                    transformedCss["position"] = lValue;
-                  }
-                } else {
-                  transformedCss[kebabToCamel(lKey)] = lValue;
-                }
-              });
-            } else if (cssValue === "flex-row") {
-              transformedCss["display"] = "flex";
-              transformedCss["flexDirection"] = "row";
-            } else if (cssValue === "flex-column") {
-              transformedCss["display"] = "flex";
-              transformedCss["flexDirection"] = "column";
-            } else if (cssValue === "smart") {
-              transformedCss["position"] = "relative";
-            }
-          } else {
-            const camelKey = cssKey.includes("-") ? kebabToCamel(cssKey) : cssKey;
-            transformedCss[camelKey] = (0, import_pxtransform.default)(cssValue);
-          }
-        });
-        resultStyle[selector] = transformedCss;
-      }
-    );
-  }
-  resultStyle["root"] = rootStyle;
-  return resultStyle;
-};
-var convertStyleAryToCss = (styleAry, parentSelector) => {
-  if (!Array.isArray(styleAry))
-    return "";
-  const prefix = parentSelector ? `.${parentSelector} ` : "";
-  return styleAry.map(({ selector, css }) => {
-    if (!selector || !css)
-      return "";
-    let finalSelector = selector;
-    if (finalSelector.startsWith(">")) {
-      finalSelector = `${prefix}${finalSelector}`;
-    } else {
-      finalSelector = `${prefix}${finalSelector}`;
-    }
-    const transformedCss = {};
-    Object.entries(css).forEach(([key, value]) => {
-      if (key === "layout") {
-        if (typeof value === "object" && value !== null) {
-          const layoutObj = value;
-          Object.entries(layoutObj).forEach(([lKey, lValue]) => {
-            if (lKey === "position") {
-              if (lValue === "smart") {
-                transformedCss["position"] = "absolute";
-              } else if (lValue !== "inherit") {
-                transformedCss["position"] = lValue;
-              }
-            } else {
-              transformedCss[kebabToCamel(lKey)] = lValue;
-            }
-          });
-        } else if (value === "flex-row") {
-          transformedCss["display"] = "flex";
-          transformedCss["flexDirection"] = "row";
-        } else if (value === "flex-column") {
-          transformedCss["display"] = "flex";
-          transformedCss["flexDirection"] = "column";
-        } else if (value === "smart") {
-          transformedCss["position"] = "relative";
-        }
-      } else {
-        transformedCss[kebabToCamel(key)] = value;
-      }
-    });
-    const cssString = Object.entries(transformedCss).map(([key, value]) => {
-      const kebabKey = camelToKebab(key);
-      const formattedValue = typeof value === "number" ? `${value}px` : value;
-      return `  ${kebabKey}: ${formattedValue};`;
-    }).join("\n");
-    return `${finalSelector} {
-${cssString}
-}`;
-  }).join("\n\n");
-};
-var genObjectCode = (object, config) => {
-  const { initialIndent, indentSize } = config;
-  const keys = Object.keys(object);
-  if (keys.length === 0)
-    return "{}";
-  let result = "{\n";
-  keys.forEach((key, idx) => {
-    const value = object[key];
-    let formattedValue;
-    if (Array.isArray(value)) {
-      formattedValue = JSON.stringify(value);
-    } else if (value && typeof value === "object") {
-      formattedValue = genObjectCode(value, {
-        initialIndent: initialIndent + indentSize,
-        indentSize
-      });
-    } else if (typeof value === "string") {
-      formattedValue = JSON.stringify(value);
-    } else {
-      formattedValue = String(value);
-    }
-    result += indentation(initialIndent + indentSize) + `${JSON.stringify(key)}: ${formattedValue}`;
-    if (idx < keys.length - 1)
-      result += ",";
-    result += "\n";
-  });
-  result += indentation(initialIndent) + "}";
-  return result;
-};
+__reExport(utils_exports, require("./style/types"), module.exports);
+__reExport(utils_exports, require("./common/ImportManager"), module.exports);
+__reExport(utils_exports, require("./common/string"), module.exports);
+__reExport(utils_exports, require("./common/helper"), module.exports);
+__reExport(utils_exports, require("./common/object"), module.exports);
+__reExport(utils_exports, require("./style/color"), module.exports);
+__reExport(utils_exports, require("./style/converter"), module.exports);
+var import_pxtransform = __toESM(require("./style/pxtransform"));
+var import_getComponentClassName = require("./style/getComponentClassName");
+var import_templates = require("./templates");
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  ImportManager,
-  camelToKebab,
-  convertComponentStyle,
-  convertRootStyle,
-  convertStyleAryToCss,
-  firstCharToLowerCase,
-  firstCharToUpperCase,
-  genObjectCode,
   getRootComponentClassName,
   getUiComponentCode,
-  indentation,
-  kebabToCamel
+  pxtransform,
+  ...require("./style/types"),
+  ...require("./common/ImportManager"),
+  ...require("./common/string"),
+  ...require("./common/helper"),
+  ...require("./common/object"),
+  ...require("./style/color"),
+  ...require("./style/converter")
 });

package/dist/cjs/utils/{convertNamespace.js → logic/convertNamespace.js}

@@ -16,7 +16,7 @@ var __copyProps = (to, from, except, desc) => {
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// src/utils/convertNamespace.ts
+// src/utils/logic/convertNamespace.ts
 var convertNamespace_exports = {};
 __export(convertNamespace_exports, {
   convertNamespaceToComponentName: () => convertNamespaceToComponentName,

package/dist/cjs/utils/{genJSModules.js → logic/genJSModules.js}

@@ -16,7 +16,7 @@ var __copyProps = (to, from, except, desc) => {
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// src/utils/genJSModules.ts
+// src/utils/logic/genJSModules.ts
 var genJSModules_exports = {};
 __export(genJSModules_exports, {
   genJSModules: () => genJSModules

package/dist/{esm/utils → cjs/utils/logic}/handleProcess.d.ts

@@ -1,5 +1,5 @@
-import { ImportManager } from "./index";
-import type { BaseConfig } from "../toCodeTaro";
+import { ImportManager } from "../common/ImportManager";
+import type { BaseConfig } from "../../toCodeTaro";
 export interface HandleProcessConfig extends BaseConfig {
     addParentDependencyImport: (typeof ImportManager)["prototype"]["addImport"];
     getParams: () => Record<string, string>;

package/dist/cjs/utils/{handleProcess.js → logic/handleProcess.js}

@@ -16,13 +16,14 @@ var __copyProps = (to, from, except, desc) => {
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// src/utils/handleProcess.ts
+// src/utils/logic/handleProcess.ts
 var handleProcess_exports = {};
 __export(handleProcess_exports, {
   handleProcess: () => handleProcess
 });
 module.exports = __toCommonJS(handleProcess_exports);
-var import_index = require("./index");
+var import_helper = require("../common/helper");
+var import_object = require("../common/object");
 var isJsCalculationComponent = (namespace) => {
   return namespace === "mybricks.taro._muilt-inputJs" || namespace === "mybricks.core-comlib.js-ai";
 };
@@ -32,8 +33,8 @@ var isJsApiComponent = (namespace, rtType) => {
 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 indent = (0, import_helper.indentation)(config.codeStyle.indent * config.depth);
+  const indent2 = (0, import_helper.indentation)(config.codeStyle.indent * (config.depth + 1));
   const hasJsCalculationComponent = process.nodesDeclaration.some(
     ({ meta }) => isJsCalculationComponent(meta.def.namespace)
   );
@@ -98,7 +99,7 @@ var handleProcess = (event, config) => {
     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, {
+${indent2}data: ${(0, import_object.genObjectCode)(props.data, {
       initialIndent: config.codeStyle.indent * (config.depth + 1),
       indentSize: config.codeStyle.indent
     })},` : "") + (props.inputs ? `
@@ -252,6 +253,7 @@ var getNextCode = (props, config, isSameScope, event) => {
 var getNextValue = (props, config, event) => {
   const { paramSource } = props;
   const nextValue = paramSource.map((param) => {
+    var _a, _b, _c;
     if (param.type === "params") {
       const params = config.getParams();
       return params[param.id];
@@ -259,21 +261,22 @@ var getNextValue = (props, config, event) => {
       return JSON.stringify(param.value);
     }
     const componentNameWithId = getComponentNameWithId(param, config, event);
-    if (param.connectId) {
-      return `${componentNameWithId}_${param.connectId}.${param.id}`;
+    if ((_c = (_b = (_a = param.meta) == null ? void 0 : _a.def) == null ? void 0 : _b.namespace) == null ? void 0 : _c.includes(".var")) {
+      return `${componentNameWithId}_result`;
     }
     return `${componentNameWithId}_result.${param.id}`;
   });
   return nextValue.join(", ");
 };
 var getNextValueWithParam = (param, config, event) => {
+  var _a, _b, _c;
   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}`;
+  if ((_c = (_b = (_a = param.meta) == null ? void 0 : _a.def) == null ? void 0 : _b.namespace) == null ? void 0 : _c.includes(".var")) {
+    return `${componentNameWithId}_result`;
   }
   return `${componentNameWithId}_result.${param.id}`;
 };
@@ -306,7 +309,7 @@ var generateJsCalculationComponentCode = (params) => {
   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, {
+${indent2}data: ${(0, import_object.genObjectCode)(jsData, {
     initialIndent: config.codeStyle.indent * (config.depth + 1),
     indentSize: config.codeStyle.indent
   })},` : "") + (props.inputs ? `
@@ -353,7 +356,7 @@ var generateJsApiComponentCode = (params) => {
 ${indent}const ${componentNameWithId} = createJSHandle(${callName || componentName}, {
 ${indent2}props: {` + (config.verbose ? `
 ${indent2}  title: "${meta.title}",` : "") + (props.data ? `
-${indent2}  data: ${(0, import_index.genObjectCode)(props.data, {
+${indent2}  data: ${(0, import_object.genObjectCode)(props.data, {
     initialIndent: config.codeStyle.indent * (config.depth + 2),
     indentSize: config.codeStyle.indent
   })},` : "") + (props.inputs ? `

package/dist/cjs/utils/logic/processChildren.d.ts

@@ -0,0 +1,12 @@
+import type { UI } from "../../toCodeTaro";
+export type ChildResult = {
+    ui: string;
+    js: string;
+    cssContent: string;
+    slots: string[];
+    scopeSlots: string[];
+};
+/**
+ * 统一处理子节点（com, dom, module）
+ */
+export declare const processChildren: (children: UI["children"], config: any) => ChildResult;

package/dist/cjs/utils/logic/processChildren.js

@@ -0,0 +1,82 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/utils/logic/processChildren.ts
+var processChildren_exports = {};
+__export(processChildren_exports, {
+  processChildren: () => processChildren
+});
+module.exports = __toCommonJS(processChildren_exports);
+var import_handleCom = __toESM(require("../../handleCom"));
+var import_handleDom = __toESM(require("../../handleDom"));
+var import_handleModule = __toESM(require("../../handleModule"));
+var processChildren = (children, config) => {
+  let uiCode = "";
+  let jsCode = "";
+  let cssContent = "";
+  const slots = [];
+  const scopeSlots = [];
+  children.forEach((child) => {
+    let result;
+    if (child.type === "com") {
+      result = (0, import_handleCom.default)(child, config);
+    } else if (child.type === "module") {
+      result = (0, import_handleModule.default)(child, config);
+    } else {
+      result = (0, import_handleDom.default)(child, config);
+    }
+    if (result) {
+      if (result.ui) {
+        uiCode += (uiCode ? "\n" : "") + result.ui;
+      }
+      if (result.js) {
+        jsCode += result.js;
+      }
+      if (result.cssContent) {
+        cssContent += (cssContent ? "\n" : "") + result.cssContent;
+      }
+      if (result.slots) {
+        slots.push(...result.slots);
+      }
+      if (result.scopeSlots) {
+        scopeSlots.push(...result.scopeSlots);
+      }
+    }
+  });
+  return {
+    ui: uiCode,
+    js: jsCode,
+    cssContent,
+    slots,
+    scopeSlots
+  };
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  processChildren
+});

package/dist/cjs/utils/style/color.d.ts

@@ -0,0 +1,4 @@
+/**
+ * 将 rgba 或 rgb 颜色转换为 hex 颜色
+ */
+export declare function colorToHex(color: string): string;

package/dist/cjs/utils/style/color.js

@@ -0,0 +1,45 @@
+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/style/color.ts
+var color_exports = {};
+__export(color_exports, {
+  colorToHex: () => colorToHex
+});
+module.exports = __toCommonJS(color_exports);
+function colorToHex(color) {
+  if (!color || typeof color !== "string")
+    return color;
+  if (!color.startsWith("rgb"))
+    return color;
+  const match = color.match(/^rgba?\((\d+),\s*(\d+),\s*(\d+)(?:,\s*([\d.]+))?\)$/);
+  if (!match)
+    return color;
+  const r = parseInt(match[1]);
+  const g = parseInt(match[2]);
+  const b = parseInt(match[3]);
+  const toHex = (n) => {
+    const hex = n.toString(16);
+    return hex.length === 1 ? "0" + hex : hex;
+  };
+  return `#${toHex(r)}${toHex(g)}${toHex(b)}`.toLowerCase();
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  colorToHex
+});

package/dist/cjs/utils/style/converter.d.ts

@@ -0,0 +1,7 @@
+import type { Style } from "./types";
+/** 转换根节点样式 */
+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;