@mybricks/to-code-taro 1.2.6 → 1.2.8

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

@@ -1,7 +0,0 @@
-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;

package/dist/esm/utils/style/converter.js

@@ -1,175 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import _typeof from "@babel/runtime/helpers/esm/typeof";
-import pxtransform from "./pxtransform";
-import { kebabToCamel, camelToKebab } from "../common/string";
-/**
- * 鸿蒙/Taro 规范：尺寸相关属性（数值即 px，需转 rpx）
- */
-var DIMENSION_PROPS = /^(width|height|padding|margin|top|right|bottom|left|fontSize|borderRadius|borderWidth|gap|rowGap|columnGap)/i;
-/**
- * 混合属性：数值视为倍数（不转），px 字符串视为固定高度（需转 rpx）
- */
-var MIXED_PROPS = /^(lineHeight)/i;
-var MIN_MAX_PROPS = /^(min|max)/i;
-
-/**
- * 判断是否为尺寸相关属性（数值即 px）
- */
-function isDimensionProp(key) {
-  if (DIMENSION_PROPS.test(key)) return true;
-  if (MIN_MAX_PROPS.test(key)) {
-    var subKey = key.replace(/^(min|max)/i, "");
-    var normalizedSubKey = subKey.charAt(0).toLowerCase() + subKey.slice(1);
-    return DIMENSION_PROPS.test(normalizedSubKey);
-  }
-  return false;
-}
-
-/**
- * 统一处理样式值的转换逻辑
- */
-function transformStyleValue(key, value) {
-  if (typeof value !== "string" && typeof value !== "number") return value;
-
-  // 1. 尺寸属性：数值/px 字符串 均转换
-  if (isDimensionProp(key)) {
-    return pxtransform(value);
-  }
-
-  // 2. 混合属性 (如 lineHeight)：仅转换 px 字符串，数值视为倍数保持原样
-  if (MIXED_PROPS.test(key)) {
-    return typeof value === "string" ? pxtransform(value) : value;
-  }
-
-  // 3. 其他属性 (如 zIndex, flex, fontWeight)：保持原样
-  return value;
-}
-
-/**
- * 提取通用的 layout 属性转换逻辑
- */
-function handleLayoutProp(value, target) {
-  if (_typeof(value) === "object" && value !== null) {
-    var layoutObj = value;
-    Object.entries(layoutObj).forEach(function (_ref) {
-      var _ref2 = _slicedToArray(_ref, 2),
-        lKey = _ref2[0],
-        lValue = _ref2[1];
-      if (lKey === "position") {
-        if (lValue === "smart") {
-          if (target["position"] === undefined) {
-            target["position"] = "relative";
-          }
-        } else if (lValue !== "inherit") {
-          target["position"] = lValue;
-        }
-      } else {
-        var camelLKey = kebabToCamel(lKey);
-        target[camelLKey] = transformStyleValue(camelLKey, lValue);
-      }
-    });
-  } else if (value === "flex-row") {
-    target["display"] = "flex";
-    target["flexDirection"] = "row";
-  } else if (value === "flex-column") {
-    target["display"] = "flex";
-    target["flexDirection"] = "column";
-  } else if (value === "smart") {
-    if (target["position"] === undefined) {
-      target["position"] = "relative";
-    }
-  }
-}
-
-/** 转换根节点样式 */
-export var convertRootStyle = function convertRootStyle(style) {
-  var rootStyle = {};
-  Object.entries(style || {}).forEach(function (_ref3) {
-    var _ref4 = _slicedToArray(_ref3, 2),
-      key = _ref4[0],
-      value = _ref4[1];
-    if (key === "_new" || key === "themesId" || key === "visibility" || key === "styleAry") {
-      return;
-    }
-    if (key === "layout") {
-      handleLayoutProp(value, rootStyle);
-      return;
-    }
-
-    // widthAuto、heightAuto、widthFull、heightFull
-    if (key === "widthAuto" && value === true) {
-      rootStyle["width"] = "auto";
-    } else if (key === "heightAuto" && value === true) {
-      rootStyle["height"] = "auto";
-    } else if (key === "widthFull" && value === true) {
-      rootStyle["width"] = "100%";
-    } else if (key === "heightFull" && value === true) {
-      rootStyle["height"] = "100%";
-    }
-    var camelKey = key.includes("-") ? kebabToCamel(key) : key;
-    rootStyle[camelKey] = transformStyleValue(camelKey, value);
-  });
-  return rootStyle;
-};
-
-/** 转换组件样式为 Taro/React 样式 */
-export var convertComponentStyle = function convertComponentStyle(style) {
-  var resultStyle = {};
-  var rootStyle = convertRootStyle(style);
-  if (style.styleAry) {
-    style.styleAry.forEach(function (_ref5) {
-      var css = _ref5.css,
-        selector = _ref5.selector;
-      var transformedCss = {};
-      Object.entries(css).forEach(function (_ref6) {
-        var _ref7 = _slicedToArray(_ref6, 2),
-          cssKey = _ref7[0],
-          cssValue = _ref7[1];
-        if (cssKey === "layout") {
-          handleLayoutProp(cssValue, transformedCss);
-        } else {
-          var camelKey = cssKey.includes("-") ? kebabToCamel(cssKey) : cssKey;
-          transformedCss[camelKey] = transformStyleValue(camelKey, cssValue);
-        }
-      });
-      resultStyle[selector] = transformedCss;
-    });
-  }
-  resultStyle["root"] = rootStyle;
-  return resultStyle;
-};
-
-/** 转换 styleAry 为 CSS 字符串 */
-export var convertStyleAryToCss = function convertStyleAryToCss(styleAry, parentSelector) {
-  if (!Array.isArray(styleAry)) return "";
-  return styleAry.map(function (_ref8) {
-    var selector = _ref8.selector,
-      css = _ref8.css;
-    if (!selector || !css) return "";
-    var finalSelector = selector.trim();
-    if (parentSelector) {
-      var prefix = ".".concat(parentSelector);
-      finalSelector = "".concat(prefix, " ").concat(finalSelector);
-    }
-    var transformedCss = {};
-    Object.entries(css).forEach(function (_ref9) {
-      var _ref10 = _slicedToArray(_ref9, 2),
-        key = _ref10[0],
-        value = _ref10[1];
-      if (key === "layout") {
-        handleLayoutProp(value, transformedCss);
-      } else {
-        var camelKey = kebabToCamel(key);
-        transformedCss[camelKey] = transformStyleValue(camelKey, value);
-      }
-    });
-    var cssString = Object.entries(transformedCss).map(function (_ref11) {
-      var _ref12 = _slicedToArray(_ref11, 2),
-        key = _ref12[0],
-        value = _ref12[1];
-      var kebabKey = camelToKebab(key);
-      return "  ".concat(kebabKey, ": ").concat(value, ";");
-    }).join("\n");
-    return "".concat(finalSelector, " {\n").concat(cssString, "\n}");
-  }).join("\n\n");
-};

package/dist/esm/utils/style/getComponentClassName.d.ts

@@ -1,16 +0,0 @@
-/**
- * 从组件的 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/esm/utils/style/getComponentClassName.js

@@ -1,37 +0,0 @@
-/**
- * 从组件的 namespace 转换为 className
- * 例如：mybricks.taro.systemPage -> mybricks_taro_systemPage
- * 例如：mybricks.taro.image -> mybricks_taro_image
- * @param namespace 组件的 namespace
- * @returns className（用下划线替换点）
- */
-export function getComponentClassName(namespace) {
-  if (!namespace) {
-    return '';
-  }
-  // 将点替换为下划线
-  return namespace.replace(/\./g, '_');
-}
-
-/**
- * 从场景中获取根组件的 className
- * 获取场景中第一个组件的命名空间并转换为 className（仅用于根组件）
- * @param scene 场景对象
- * @param isRoot 是否为根组件
- * @returns className 字符串，如果不是根组件或未找到则返回空字符串
- */
-export function getRootComponentClassName(scene) {
-  var _firstCom$def;
-  var isRoot = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-  // 只在根组件时获取 className
-  if (!isRoot || !scene || !scene.coms) {
-    return '';
-  }
-
-  // 获取场景中第一个组件的 namespace
-  var firstCom = Object.values(scene.coms)[0];
-  if (firstCom !== null && firstCom !== void 0 && (_firstCom$def = firstCom.def) !== null && _firstCom$def !== void 0 && _firstCom$def.namespace) {
-    return getComponentClassName(firstCom.def.namespace);
-  }
-  return '';
-}

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

@@ -1,4 +0,0 @@
-/**
- * 样式转换主函数
- */
-export default function pxtransform(value: any, target?: "rpx" | "rem"): any;

package/dist/esm/utils/style/pxtransform.js

@@ -1,54 +0,0 @@
-/**
- * px 转 rpx (Taro 标准)
- */
-function pxToRpx(value) {
-  if (typeof value === "number") {
-    return "".concat(value * 2, "rpx");
-  }
-  if (typeof value !== "string") return String(value);
-
-  // 处理带有 px 的字符串，支持替换所有 px
-  return value.replace(/(\d*\.?\d+)px/g, function (_, num) {
-    return "".concat(parseFloat(num) * 2, "rpx");
-  });
-}
-
-/**
- * px 转 rem (H5 标准)
- */
-function pxToRem(value) {
-  if (typeof value === "number") {
-    return "".concat(value / 16, "rem");
-  }
-  if (typeof value !== "string") return String(value);
-  return value.replace(/(\d*\.?\d+)px/g, function (_, num) {
-    return "".concat(parseFloat(num) / 16, "rem");
-  });
-}
-
-/**
- * 判断是否需要转换
- */
-function isPxValue(value) {
-  if (typeof value === "number") {
-    return true;
-  }
-  if (typeof value === "string") {
-    return /\d*\.?\d+px/.test(value); // 包含 px 的字符串或数字需要转换
-  }
-  return false;
-}
-
-/**
- * 样式转换主函数
- */
-export default function pxtransform(value) {
-  var target = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "rpx";
-  if (!isPxValue(value)) {
-    return value;
-  }
-  if (target === "rem") {
-    return pxToRem(value);
-  }
-  return pxToRpx(value);
-}

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

@@ -1,23 +0,0 @@
-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;
-}

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

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

package/dist/esm/utils/templates/component.d.ts

@@ -1,19 +0,0 @@
-/** 生成组件 Inputs 映射代码 */
-export declare const genComponentInputsCode: (indent: string, providerName: string, comId: string) => string;
-/** 生成组件 Outputs 映射代码 */
-export declare const genComponentOutputsCode: (indent: string, comId: string, comEventCode: string) => string;
-/** 包装单个事件处理函数，注入 getConnections */
-export declare const wrapEventProcess: (indent: string, eventId: string, defaultValue: string, process: string) => string;
-/** 生成插槽渲染函数引用（使用 renderManager） */
-export declare const genSlotRenderRef: ({ slotId, renderId, indent, isLast }: {
-    slotId: string;
-    renderId: string;
-    indent: string;
-    isLast: boolean;
-}) => string;
-/** 格式化插槽内容为 render 函数体代码 */
-export declare const formatSlotContent: ({ uiContent, baseIndentSize, renderBodyIndent }: {
-    uiContent: string;
-    baseIndentSize: number;
-    renderBodyIndent: string;
-}) => string;

package/dist/esm/utils/templates/component.js

@@ -1,55 +0,0 @@
-import { indentation, toSlotFunctionName } from "./index";
-/** 生成组件 Inputs 映射代码 */
-export var genComponentInputsCode = function genComponentInputsCode(indent, providerName, comId) {
-  return "".concat(indent, "inputs['").concat(comId, "'] = useBindInputs(controllers.current.").concat(providerName, ", '").concat(comId, "');\n");
-};
-
-/** 生成组件 Outputs 映射代码 */
-export var genComponentOutputsCode = function genComponentOutputsCode(indent, comId, comEventCode) {
-  if (!comEventCode) return "";
-  return "".concat(indent, "outputs['").concat(comId, "'] = {\n") + "".concat(comEventCode) + "".concat(indent, "};\n");
-};
-
-/** 包装单个事件处理函数，注入 getConnections */
-export var wrapEventProcess = function wrapEventProcess(indent, eventId, defaultValue, process) {
-  return "".concat(indent).concat(eventId, ": Object.assign((").concat(defaultValue, ": any) => {\n") + "".concat(process, "\n") + "".concat(indent, "}, { getConnections: () => [1] }),\n");
-};
-
-/** 生成插槽渲染函数引用（使用 renderManager） */
-export var genSlotRenderRef = function genSlotRenderRef(_ref) {
-  var slotId = _ref.slotId,
-    renderId = _ref.renderId,
-    indent = _ref.indent,
-    isLast = _ref.isLast;
-  var renderFunctionName = toSlotFunctionName(renderId);
-  return "".concat(indent).concat(slotId, ": {\n").concat(indent, "  render: ").concat(renderFunctionName, ",\n").concat(indent, "}").concat(isLast ? '' : ',', "\n");
-};
-
-/** 格式化插槽内容为 render 函数体代码 */
-export var formatSlotContent = function formatSlotContent(_ref2) {
-  var uiContent = _ref2.uiContent,
-    baseIndentSize = _ref2.baseIndentSize,
-    renderBodyIndent = _ref2.renderBodyIndent;
-  var lines = uiContent.split('\n');
-  var formattedLines = [];
-  lines.forEach(function (line) {
-    var trimmedLine = line.trim();
-    if (!trimmedLine) {
-      return; // 跳过空行
-    }
-
-    // 计算原有缩进（相对于 depth=1 的缩进）
-    var originalIndentMatch = line.match(/^(\s*)/);
-    var originalIndent = originalIndentMatch ? originalIndentMatch[1].length : 0;
-
-    // 计算相对缩进层级（相对于 depth=1，即 baseIndentSize）
-    var relativeIndentLevel = Math.floor(originalIndent / baseIndentSize);
-
-    // 新的缩进 = render 函数体内部基础缩进 + 相对缩进
-    // renderBodyIndent 已经是函数体内部的缩进（通常是 4 个空格）
-    // 然后再加上相对缩进层级 * baseIndentSize
-    var newIndent = renderBodyIndent + indentation(baseIndentSize * relativeIndentLevel);
-    formattedLines.push(newIndent + trimmedLine);
-  });
-  return formattedLines.join('\n');
-};

package/dist/esm/utils/templates/index.d.ts

@@ -1,32 +0,0 @@
-import { indentation } from "../index";
-export { indentation };
-/** 将第一个字符转大写 */
-export declare const firstCharToUpperCase: (str: string) => string;
-/** 格式化插槽内容缩进 */
-export declare const formatSlotContent: (uiContent: string, baseIndentSize: number, renderBodyIndent: string) => string;
-/** 将字符串转为大驼峰 */
-export declare const toPascalCase: (str: string) => string;
-/** 生成插槽渲染函数名：S${ID} (SCREAMING_SNAKE_CASE) */
-export declare const toSlotFunctionName: (renderId: string) => string;
-/** Taro/React UI 组件代码生成 */
-export declare const getUiComponentCode: (params: {
-    componentName: string;
-    meta: any;
-    props: any;
-    resultStyle: Record<string, Record<string, string | number>>;
-    /** 可选：自定义 data 的表达式代码（用于插槽动态入参等场景） */
-    dataCode?: string;
-    componentInputs?: string[];
-    componentOutputs?: string[];
-    comEventCode?: string;
-    slotsCode?: string;
-    childrenUi?: string;
-    eventHandlers?: Record<string, string>;
-}, config: {
-    codeStyle: {
-        indent: number;
-    };
-    depth: number;
-    verbose?: boolean;
-    checkIsRoot: () => boolean;
-}) => string;

package/dist/esm/utils/templates/index.js

@@ -1,97 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-/* eslint-disable @typescript-eslint/no-explicit-any */
-import { indentation } from "../index";
-export { indentation };
-
-/** 将第一个字符转大写 */
-export var firstCharToUpperCase = function firstCharToUpperCase(str) {
-  if (!str) return str;
-  return str.charAt(0).toUpperCase() + str.slice(1);
-};
-
-/** 格式化插槽内容缩进 */
-export var formatSlotContent = function formatSlotContent(uiContent, baseIndentSize, renderBodyIndent) {
-  return uiContent.split("\n").map(function (line) {
-    return "".concat(renderBodyIndent).concat(line);
-  }).join("\n");
-};
-
-/** 将字符串转为大驼峰 */
-export var toPascalCase = function toPascalCase(str) {
-  return str.split(/[_-]/).map(function (word) {
-    return word.charAt(0).toUpperCase() + word.slice(1);
-  }).join("");
-};
-
-/** 生成插槽渲染函数名：S${ID} (SCREAMING_SNAKE_CASE) */
-export var toSlotFunctionName = function toSlotFunctionName(renderId) {
-  return "S".concat(renderId.replace(/[^a-zA-Z0-9]/g, "_").toUpperCase());
-};
-
-/** 根节点data去除无用属性 */
-var formatData = function formatData(data, isRoot) {
-  if (!data) return {};
-  if (!isRoot) return data;
-  var delKeys = ['tabBar', 'navigationStyle', 'navigationBarBackgroundColor', 'navigationBarTextStyle', 'navigationBarTitleText', 'backgroundColorTop', 'backgroundColorBottom'];
-  return Object.fromEntries(Object.entries(data).filter(function (_ref) {
-    var _ref2 = _slicedToArray(_ref, 1),
-      key = _ref2[0];
-    return !delKeys.includes(key);
-  }));
-};
-
-/** Taro/React UI 组件代码生成 */
-export var getUiComponentCode = function getUiComponentCode(params, config) {
-  var componentName = params.componentName,
-    meta = params.meta,
-    props = params.props,
-    resultStyle = params.resultStyle,
-    dataCode = params.dataCode,
-    slotsCode = params.slotsCode,
-    childrenUi = params.childrenUi,
-    _params$eventHandlers = params.eventHandlers,
-    eventHandlers = _params$eventHandlers === void 0 ? {} : _params$eventHandlers;
-  var isRoot = config.checkIsRoot();
-  var indent = indentation(config.codeStyle.indent * config.depth);
-  var indent2 = indentation(config.codeStyle.indent * (config.depth + 1));
-
-  // 使用 WithCom 包裹组件
-  var ui = "".concat(indent, "<WithCom");
-  ui += "\n".concat(indent2, "component={").concat(componentName, "}");
-  ui += "\n".concat(indent2, "id='").concat(meta.id, "'");
-  ui += "\n".concat(indent2, "className='mybricks_com ").concat(meta.id, "'");
-  if (meta.name) {
-    ui += "\n".concat(indent2, "name='").concat(meta.name, "'");
-  }
-
-  // 添加 style
-  if (resultStyle.root && Object.keys(resultStyle.root).length > 0) {
-    var styleCode = JSON.stringify(resultStyle.root);
-    ui += "\n".concat(indent2, "style={").concat(styleCode, "}");
-  }
-
-  // 添加 data
-  var initialDataCode = dataCode !== null && dataCode !== void 0 ? dataCode : JSON.stringify(formatData(props.data, isRoot));
-  ui += "\n".concat(indent2, "data={").concat(initialDataCode, "}");
-
-  // 添加事件处理函数
-  Object.entries(eventHandlers).forEach(function (_ref3) {
-    var _ref4 = _slicedToArray(_ref3, 2),
-      eventName = _ref4[0],
-      handlerCode = _ref4[1];
-    ui += "\n".concat(indent2).concat(eventName, "={").concat(handlerCode, "}");
-  });
-
-  // 添加插槽
-  if (slotsCode) {
-    ui += "\n".concat(indent2, "slots={{\n").concat(slotsCode).concat(indent2, "}}");
-  }
-  if (childrenUi) {
-    ui += "\n".concat(indent, ">");
-    ui += "\n".concat(childrenUi);
-    ui += "\n".concat(indent, "</WithCom>");
-  } else {
-    ui += "\n".concat(indent, "/>");
-  }
-  return ui;
-};

package/dist/esm/utils/templates/renderManager.d.ts

@@ -1,18 +0,0 @@
-/** Render 函数管理器 */
-export declare class RenderManager {
-    /** 存储格式：renderId -> { renderCode, children?, logicCode?, slotType?, useWrap?, description? } */
-    private _renders;
-    /**
-     * 注册一个 render 函数
-     */
-    register(renderId: string, renderCode: string, children?: any[], logicCode?: string, slotType?: string, useWrap?: boolean, description?: string): void;
-    /**
-     * 生成所有 render 函数的 definition 代码
-     */
-    toCode(indent: string): string;
-    /**
-     * 转义字符串并创建能够匹配任意空白符的正则
-     */
-    private createFlexibleRegex;
-    genRenderRef(slotId: string, renderId: string, indent: string): string;
-}