@mybricks/to-code-taro 1.0.0

package/dist/esm/utils/pageConfig/tabBarConfig.d.ts

@@ -0,0 +1,13 @@
+/**
+ * TabBar 配置工具
+ * 负责从 tabBar 数据生成 app.config.ts 中的 tabBar 配置字符串
+ */
+import type { ImageFileInfo } from './types';
+/**
+ * 从 tabBar 数据生成 TabBar 配置字符串（用于 app.config.ts）
+ * @param tabBar tabBar 数据数组（来自 scenes[x].coms[id].model.data.tabBar）
+ * @param pageIdToPath 页面 ID 到路径的映射函数（默认使用 pages/${pageId}/index）
+ * @param imageFiles 用于收集需要保存的图片文件的数组（可选）
+ * @returns TabBar 配置字符串，如果验证失败则返回 null
+ */
+export declare function generateTabBarConfigContent(tabBar: any[] | undefined, pageIdToPath?: (pageId: string) => string, imageFiles?: ImageFileInfo[]): string | null;

package/dist/esm/utils/pageConfig/tabBarConfig.js

@@ -0,0 +1,82 @@
+/**
+ * TabBar 配置工具
+ * 负责从 tabBar 数据生成 app.config.ts 中的 tabBar 配置字符串
+ */
+
+import { convertToTaroTabBarConfig } from "./converter";
+import { processTabBarIcon } from "./saveBase64Image";
+
+/**
+ * 从 tabBar 数据生成 TabBar 配置字符串（用于 app.config.ts）
+ * @param tabBar tabBar 数据数组（来自 scenes[x].coms[id].model.data.tabBar）
+ * @param pageIdToPath 页面 ID 到路径的映射函数（默认使用 pages/${pageId}/index）
+ * @param imageFiles 用于收集需要保存的图片文件的数组（可选）
+ * @returns TabBar 配置字符串，如果验证失败则返回 null
+ */
+export function generateTabBarConfigContent(tabBar) {
+  var pageIdToPath = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : function (pageId) {
+    return "pages/".concat(pageId, "/index");
+  };
+  var imageFiles = arguments.length > 2 ? arguments[2] : undefined;
+  if (!tabBar || !Array.isArray(tabBar)) {
+    return null;
+  }
+
+  // 转换为 Taro 配置格式
+  // 如果启用 base64 处理，传入 processTabBarIcon 函数
+  var iconProcessor = imageFiles ? function (iconPath, index, type) {
+    return processTabBarIcon(iconPath, index, type, imageFiles);
+  } : undefined;
+  var config = convertToTaroTabBarConfig(tabBar, pageIdToPath, iconProcessor);
+  if (!config) {
+    return null;
+  }
+
+  // 转换为 app.config.ts 中的字符串格式
+  return formatTabBarConfigForAppConfig(config);
+}
+
+/**
+ * 将 TabBar 配置转换为 app.config.ts 中的字符串格式
+ * @param config TabBar 配置
+ * @param indent 缩进字符串，默认为 2 个空格
+ * @returns 配置字符串
+ */
+function formatTabBarConfigForAppConfig(config) {
+  var indent = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '  ';
+  var lines = [];
+  lines.push("".concat(indent, "tabBar: {"));
+
+  // 添加颜色配置（如果存在）
+  if (config.color) {
+    lines.push("".concat(indent, "  color: '").concat(config.color, "',"));
+  }
+  if (config.selectedColor) {
+    lines.push("".concat(indent, "  selectedColor: '").concat(config.selectedColor, "',"));
+  }
+  if (config.backgroundColor) {
+    lines.push("".concat(indent, "  backgroundColor: '").concat(config.backgroundColor, "',"));
+  }
+  if (config.borderStyle) {
+    lines.push("".concat(indent, "  borderStyle: '").concat(config.borderStyle, "',"));
+  }
+
+  // 添加 list 配置
+  lines.push("".concat(indent, "  list: ["));
+  config.list.forEach(function (item, index) {
+    var isLast = index === config.list.length - 1;
+    lines.push("".concat(indent, "    {"));
+    lines.push("".concat(indent, "      pagePath: '").concat(item.pagePath, "',"));
+    lines.push("".concat(indent, "      text: '").concat(item.text, "',"));
+    if (item.iconPath) {
+      lines.push("".concat(indent, "      iconPath: '").concat(item.iconPath, "',"));
+    }
+    if (item.selectedIconPath) {
+      lines.push("".concat(indent, "      selectedIconPath: '").concat(item.selectedIconPath, "',"));
+    }
+    lines.push("".concat(indent, "    }").concat(isLast ? '' : ','));
+  });
+  lines.push("".concat(indent, "  ]"));
+  lines.push("".concat(indent, "}"));
+  return lines.join('\n');
+}

package/dist/esm/utils/pageConfig/types.d.ts

@@ -0,0 +1,68 @@
+/**
+ * TabBar 相关类型定义
+ */
+/// <reference types="node" />
+/// <reference types="node" />
+/**
+ * TabBar 项源数据（来自 toJson.tabbar）
+ */
+export interface TabBarItemSource {
+    scene: {
+        id: string;
+        title?: string;
+    };
+    text?: string;
+    type?: string;
+    normalIconPath?: string;
+    selectedIconPath?: string;
+    normalTextStyle?: Record<string, any>;
+    selectedTextStyle?: Record<string, any>;
+    normalIconStyle?: Record<string, any>;
+    selectedIconStyle?: Record<string, any>;
+    normalBackgroundStyle?: Record<string, any>;
+    selectedBackgroundStyle?: Record<string, any>;
+    subMenu?: Array<{
+        scene: {
+            id: string;
+            title?: string;
+        };
+        normalIconPath?: string;
+        normalTextStyle?: Record<string, any>;
+        normalIconStyle?: Record<string, any>;
+        normalBackgroundStyle?: Record<string, any>;
+    }>;
+}
+/**
+ * Taro TabBar 项配置
+ */
+export interface TaroTabBarItem {
+    pagePath: string;
+    text: string;
+    iconPath?: string;
+    selectedIconPath?: string;
+}
+/**
+ * Taro TabBar 配置
+ */
+export interface TaroTabBarConfig {
+    color?: string;
+    selectedColor?: string;
+    backgroundColor?: string;
+    borderStyle?: string;
+    list: TaroTabBarItem[];
+}
+/**
+ * TabBar 验证结果
+ */
+export interface TabBarValidationResult {
+    useTabBar: boolean;
+    validItems: TabBarItemSource[];
+    error?: string;
+}
+/**
+ * 图片文件信息
+ */
+export interface ImageFileInfo {
+    filePath: string;
+    fileContent: Buffer;
+}

package/dist/esm/utils/pageConfig/types.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/utils/pageConfig/validator.d.ts

@@ -0,0 +1,13 @@
+import type { TabBarItemSource, TabBarValidationResult } from './types';
+/**
+ * 验证 TabBar 配置
+ * @param tabBar TabBar 项数组（来自 toJson.tabbar）
+ * @returns 验证结果
+ */
+export declare function validateTabBar(tabBar: TabBarItemSource[] | undefined | null): TabBarValidationResult;
+/**
+ * 判断是否启用 TabBar
+ * @param tabBar TabBar 项数组
+ * @returns 是否启用
+ */
+export declare function shouldUseTabBar(tabBar: TabBarItemSource[] | undefined | null): boolean;

package/dist/esm/utils/pageConfig/validator.js

@@ -0,0 +1,64 @@
+/**
+ * TabBar 验证器
+ * 负责验证 TabBar 配置是否有效
+ */
+
+/** TabBar 项的最小数量 */
+var MIN_TAB_BAR_ITEMS = 2;
+
+/** TabBar 项的最大数量 */
+var MAX_TAB_BAR_ITEMS = 5;
+
+/**
+ * 验证 TabBar 配置
+ * @param tabBar TabBar 项数组（来自 toJson.tabbar）
+ * @returns 验证结果
+ */
+export function validateTabBar(tabBar) {
+  // 如果 tabBar 不存在或不是数组，返回不启用
+  if (!Array.isArray(tabBar)) {
+    return {
+      useTabBar: false,
+      validItems: [],
+      error: 'TabBar 配置不存在或格式错误'
+    };
+  }
+
+  // 过滤出有效的 TabBar 项（必须有 scene.id）
+  var validItems = tabBar.filter(function (item) {
+    var _item$scene;
+    return !!(item !== null && item !== void 0 && (_item$scene = item.scene) !== null && _item$scene !== void 0 && _item$scene.id);
+  });
+
+  // 检查数量是否在有效范围内
+  var itemCount = validItems.length;
+  if (itemCount < MIN_TAB_BAR_ITEMS) {
+    return {
+      useTabBar: false,
+      validItems: [],
+      error: "TabBar \u9879\u6570\u91CF\u4E0D\u8DB3\uFF0C\u9700\u8981\u81F3\u5C11 ".concat(MIN_TAB_BAR_ITEMS, " \u4E2A\uFF0C\u5F53\u524D ").concat(itemCount, " \u4E2A")
+    };
+  }
+  if (itemCount > MAX_TAB_BAR_ITEMS) {
+    return {
+      useTabBar: false,
+      validItems: [],
+      error: "TabBar \u9879\u6570\u91CF\u8FC7\u591A\uFF0C\u6700\u591A ".concat(MAX_TAB_BAR_ITEMS, " \u4E2A\uFF0C\u5F53\u524D ").concat(itemCount, " \u4E2A")
+    };
+  }
+
+  // 验证通过
+  return {
+    useTabBar: true,
+    validItems: validItems
+  };
+}
+
+/**
+ * 判断是否启用 TabBar
+ * @param tabBar TabBar 项数组
+ * @returns 是否启用
+ */
+export function shouldUseTabBar(tabBar) {
+  return validateTabBar(tabBar).useTabBar;
+}

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

@@ -0,0 +1,28 @@
+/**
+ * px 转 rpx 适配方法
+ * 用于 Taro/小程序样式转换
+ *
+ * 转换规则：
+ * - 如果 px 值 <= MIN_PX_THRESHOLD，保持为 px（避免 1px 边框等问题）
+ * - 否则转换为 rpx（px * 2，基于 375px 设计稿）
+ *
+ * 注意：Taro 中 rpx 需要作为字符串使用，如 "20rpx"
+ */
+/** 最小 px 阈值，小于等于此值的 px 不转换为 rpx */
+export declare const MIN_PX_THRESHOLD = 1;
+/** rem 基准值，默认 px = 1rem */
+export declare const REM_BASE = 20;
+/**
+ * 将 px 值转换为 rpx（用于 Taro 小程序）
+ * @param value - 样式值，可以是字符串（如 "10px"）或数字（如 10）
+ * @returns 转换后的值，字符串类型（如 "20rpx"）或数字（如 1，用于小于等于 MIN_PX_THRESHOLD 的情况）
+ */
+export declare function pxToRpx(value: string | number): string | number;
+/**
+ * 将 px 值转换为 rem（用于 H5/Web）
+ * @param value - 样式值，可以是字符串（如 "16px"）或数字（如 16）
+ * @returns 转换后的值，字符串类型（如 "1rem"）或数字（如 1，用于小于等于 MIN_PX_THRESHOLD 的情况）
+ */
+export declare function pxToRem(value: string | number): string | number;
+declare const pxtransform: (value: string | number, type?: "rpx" | "rem") => string | number;
+export default pxtransform;

package/dist/esm/utils/pxtransform.js

@@ -0,0 +1,121 @@
+/**
+ * px 转 rpx 适配方法
+ * 用于 Taro/小程序样式转换
+ * 
+ * 转换规则：
+ * - 如果 px 值 <= MIN_PX_THRESHOLD，保持为 px（避免 1px 边框等问题）
+ * - 否则转换为 rpx（px * 2，基于 375px 设计稿）
+ * 
+ * 注意：Taro 中 rpx 需要作为字符串使用，如 "20rpx"
+ */
+
+/** 最小 px 阈值，小于等于此值的 px 不转换为 rpx */
+export var MIN_PX_THRESHOLD = 1;
+
+/** rem 基准值，默认 px = 1rem */
+export var REM_BASE = 20;
+
+/**
+ * 检查值是否是 px 格式（数字+px 或纯数字）
+ * @param value - 样式值
+ * @returns 如果是 px 格式返回 true，否则返回 false
+ */
+function isPxValue(value) {
+  if (typeof value === "number") {
+    return true; // 纯数字视为 px
+  }
+  if (typeof value === "string") {
+    // 匹配 "数字px" 格式
+    var regex = /^(\d*\.?\d+)px$/;
+    return regex.test(value);
+  }
+  return false;
+}
+
+/**
+ * 将 px 值转换为 rpx（用于 Taro 小程序）
+ * @param value - 样式值，可以是字符串（如 "10px"）或数字（如 10）
+ * @returns 转换后的值，字符串类型（如 "20rpx"）或数字（如 1，用于小于等于 MIN_PX_THRESHOLD 的情况）
+ */
+export function pxToRpx(value) {
+  // 如果是数字
+  if (typeof value === "number") {
+    // 小于等于 MIN_PX_THRESHOLD 的保持原值（作为 px，返回数字）
+    if (value <= MIN_PX_THRESHOLD) {
+      return value;
+    }
+    // 其他值转换为 rpx 字符串
+    return "".concat(value * 2, "rpx");
+  }
+
+  // 如果是字符串
+  if (typeof value === "string") {
+    // 匹配 "数字px" 格式
+    var regex = /^(\d*\.?\d+)px$/;
+    var match = value.match(regex);
+    if (match) {
+      var pxValue = parseFloat(match[1]);
+      // 小于等于 MIN_PX_THRESHOLD 的保持为 px（返回数字，React 会自动添加 "px"）
+      if (pxValue <= MIN_PX_THRESHOLD) {
+        return pxValue;
+      }
+      // 其他值转换为 rpx 字符串
+      return "".concat(pxValue * 2, "rpx");
+    }
+
+    // 如果不包含 px，可能是百分比或其他单位，保持原样
+    return value;
+  }
+  return value;
+}
+
+/**
+ * 将 px 值转换为 rem（用于 H5/Web）
+ * @param value - 样式值，可以是字符串（如 "16px"）或数字（如 16）
+ * @returns 转换后的值，字符串类型（如 "1rem"）或数字（如 1，用于小于等于 MIN_PX_THRESHOLD 的情况）
+ */
+export function pxToRem(value) {
+  // 如果是数字
+  if (typeof value === "number") {
+    // 小于等于 MIN_PX_THRESHOLD 的保持原值（作为 px，返回数字）
+    if (value <= MIN_PX_THRESHOLD) {
+      return value;
+    }
+    // 其他值转换为 rem 字符串
+    var remValue = value / REM_BASE;
+    return "".concat(remValue, "rem");
+  }
+
+  // 如果是字符串
+  if (typeof value === "string") {
+    // 匹配 "数字px" 格式
+    var regex = /^(\d*\.?\d+)px$/;
+    var match = value.match(regex);
+    if (match) {
+      var pxValue = parseFloat(match[1]);
+      // 小于等于 MIN_PX_THRESHOLD 的保持为 px（返回数字，React 会自动添加 "px"）
+      if (pxValue <= MIN_PX_THRESHOLD) {
+        return pxValue;
+      }
+      // 其他值转换为 rem 字符串
+      var _remValue = pxValue / REM_BASE;
+      return "".concat(_remValue, "rem");
+    }
+
+    // 如果不包含 px，可能是百分比或其他单位，保持原样
+    return value;
+  }
+  return value;
+}
+var pxtransform = function pxtransform(value) {
+  var type = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "rpx";
+  if (isPxValue(value)) {
+    if (type === "rpx") {
+      return pxToRpx(value);
+    } else if (type === "rem") {
+      return pxToRem(value);
+    }
+  }
+  return value;
+};
+export default pxtransform;

package/package.json

@@ -0,0 +1,74 @@
+{
+  "name": "@mybricks/to-code-taro",
+  "version": "1.0.0",
+  "description": "To code for Taro",
+  "main": "dist/cjs/index.js",
+  "module": "dist/esm/index.js",
+  "types": "dist/esm/index.d.ts",
+  "scripts": {
+    "dev": "father dev",
+    "build": "father build",
+    "gen": "tsx src/generateFiles.ts",
+    "build:deps": "father prebundle",
+    "prepublishOnly": "father doctor && npm run build",
+    "test": "tsx test/index.ts",
+    "test:project": "tsx test/genProject.ts", 
+    "test:template": "tsx test/genTemplate.ts",
+    "test:watch": "ts-node-dev --respawn test/index.ts",
+    "test:harmony": "tsx test/write-harmony-output.ts",
+    "test:taro": "tsx test/write-taro-output.ts"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/mybricks/to-code-taro"
+  },
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org"
+  },
+  "author": "MyBricks Team",
+  "license": "ISC",
+  "keywords": [
+    "taro",
+    "code-generator",
+    "mybricks"
+  ],
+  "files": [
+    "dist",
+    "compiled"
+  ],
+  "dependencies": {
+    "@babel/runtime": "^7.26.0",
+    "@mybricks/to-code-react": "^0.0.5-next.160"
+  },
+  "devDependencies": {
+    "@types/node": "^20.0.0",
+    "@types/react": "^18.0.0",
+    "csstype": "^3.1.3",
+    "father": "^4.5.1",
+    "ts-node": "^10.9.2",
+    "ts-node-dev": "^2.0.0",
+    "tsx": "^4.21.0",
+    "typescript": "^5.0.0"
+  },
+  "peerDependencies": {
+    "@mybricks/code-next": "*",
+    "@tarojs/components": "*",
+    "@tarojs/taro": "*",
+    "react": "*"
+  },
+  "peerDependenciesMeta": {
+    "@mybricks/code-next": {
+      "optional": true
+    },
+    "@tarojs/components": {
+      "optional": true
+    },
+    "@tarojs/taro": {
+      "optional": true
+    },
+    "react": {
+      "optional": true
+    }
+  }
+}