@aiot-toolkit/parser 2.0.6-beta.2 → 2.0.6-beta.20

package/lib/ux/translate/vela/utils/TemplateUtil.js

@@ -20,8 +20,8 @@ var _reservedWords = _interopRequireDefault(require("reserved-words"));
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-/**
- * TemplateUtil
+/**
+ * TemplateUtil
  */
 class TemplateUtil {
   static DYNAMIC_REG = '{{([\\s\\S]*?)}}';
@@ -34,26 +34,26 @@ class TemplateUtil {
     this.elementConfigUtil = elementConfigUtil;
   }
 
-  /**
-   * 属性列表转换为字典格式
-   *
-   * @param obj
-   * @returns
+  /**
+   * 属性列表转换为字典格式
+   *
+   * @param obj
+   * @returns
    */
   async attributesToObject(attributes, identifiers, params) {
     if (!attributes || !Array.isArray(attributes)) {
       return {};
     }
     const dataSetStart = TemplateUtil.DATA_SET_START;
-    /**
-     * 重命名 dataset 属性
-     *
-     * 1. 去掉data-
-     * 2. -字母 转换为大写字母
-     *
-     * > data-aa-bbb 格式 转换成 aaBbb
-     * @param value
-     * @returns
+    /**
+     * 重命名 dataset 属性
+     *
+     * 1. 去掉data-
+     * 2. -字母 转换为大写字母
+     *
+     * > data-aa-bbb 格式 转换成 aaBbb
+     * @param value
+     * @returns
      */
     const renameDatasetAttribute = value => {
       return value.substring(dataSetStart.length).replace(/-([a-z])/g, function (s, m) {
@@ -100,12 +100,12 @@ class TemplateUtil {
     return result;
   }
 
-  /**
-   * 转换属性名称
-   * 1. 配置中有别名，使用别名
-   * 2. 如果是@， on开头，则取@ on后面的文本
-   * 3. 原名称
-   * @param name
+  /**
+   * 转换属性名称
+   * 1. 配置中有别名，使用别名
+   * 2. 如果是@， on开头，则取@ on后面的文本
+   * 3. 原名称
+   * @param name
    */
   translateAttributeName(name) {
     const config = _AttributeConfig.default[name];
@@ -118,16 +118,16 @@ class TemplateUtil {
     return name;
   }
 
-  /**
-   * 转换属性值
-   * 1. 无内容=true
-   * 2. 非字符串，直接返回结果
-   * 3. 属性值转换为 js 代码
-   *    a. 如果有单独的配置，则使用配置转换
-   *    b. 否则，如果是动态值，则分为事件和其它动态值
-   *    c. 否则，返回源内容
-   * @param attribute
-   * @returns
+  /**
+   * 转换属性值
+   * 1. 无内容=true
+   * 2. 非字符串，直接返回结果
+   * 3. 属性值转换为 js 代码
+   *    a. 如果有单独的配置，则使用配置转换
+   *    b. 否则，如果是动态值，则分为事件和其它动态值
+   *    c. 否则，返回源内容
+   * @param attribute
+   * @returns
    */
   async translateAttributeValue(attribute, identifiers) {
     let disabledWrap = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
@@ -175,21 +175,21 @@ class TemplateUtil {
     return result;
   }
 
-  /**
-   * 解析模板值
-   *
-   * 1. 使用TemplateValueParser.parse 解析出结果列表
-   * 2. 循环结果列表
-   *    a. 代码：部分标识符加上前缀
-   *    b. 文字：加上引号
-   * 3. 使用+连接各项结果
-   *
-   * @param source 模板值的原始内容: a{{b}}c
-   * @param identifiers 已存在的标识符. 存在于此参数中的标识符，不加前缀
-   * @param options
-   * @param ownerNode source 模板值所属的属性节点:  for="forvalue", 表示for 这个节点
-   *
-   * @returns
+  /**
+   * 解析模板值
+   *
+   * 1. 使用TemplateValueParser.parse 解析出结果列表
+   * 2. 循环结果列表
+   *    a. 代码：部分标识符加上前缀
+   *    b. 文字：加上引号
+   * 3. 使用+连接各项结果
+   *
+   * @param source 模板值的原始内容: a{{b}}c
+   * @param identifiers 已存在的标识符. 存在于此参数中的标识符，不加前缀
+   * @param options
+   * @param ownerNode source 模板值所属的属性节点:  for="forvalue", 表示for 这个节点
+   *
+   * @returns
    */
   translateTemplateValue(source, identifiers, ownerNode) {
     const {
@@ -198,15 +198,15 @@ class TemplateUtil {
     } = this.option;
     const nameLocation = ownerNode?.nameLocation;
 
-    /**
-     * 遍历标识符，如果满足以下条件，不加前缀
-     * a. 节点名称在参数的标签符中
-     * b. 全局定义: console
-     * c. 在局部作用域定义: `const a = 0;  log(a)` 中的 a
-     * d. 是调用链且是静态值: `data.x` 的 x. *注意*：data[x] 中的 x 是动态值, data[x] --> this.data[this.x]
-     * e. 是对象的属性: `{x:**}` 的 x
-     * @param code
-     * @returns
+    /**
+     * 遍历标识符，如果满足以下条件，不加前缀
+     * a. 节点名称在参数的标签符中
+     * b. 全局定义: console
+     * c. 在局部作用域定义: `const a = 0;  log(a)` 中的 a
+     * d. 是调用链且是静态值: `data.x` 的 x. *注意*：data[x] 中的 x 是动态值, data[x] --> this.data[this.x]
+     * e. 是对象的属性: `{x:**}` 的 x
+     * @param code
+     * @returns
      */
     const translateJsCode = code => {
       const {
@@ -327,17 +327,17 @@ class TemplateUtil {
     })}, ${elementExpression})`;
   }
 
-  /**
-   * 创建元素调用表达式
-   * ```
-   * aiot.__ce__(
-   *  "div",
-   *  {name:'div1'},
-   *  children
-   * )
-   * ```
-   * @param struct
-   * @returns
+  /**
+   * 创建元素调用表达式
+   * ```
+   * aiot.__ce__(
+   *  "div",
+   *  {name:'div1'},
+   *  children
+   * )
+   * ```
+   * @param struct
+   * @returns
    */
   async createElementCallExpression(struct) {
     const {
@@ -367,6 +367,7 @@ class TemplateUtil {
     }
     const elementConfig = getElementConfig(tag.name);
     const effectTag = elementConfig?.aliasName || tag.name;
+    const aliasAttributes = elementConfig?.aliasAttributes;
     const {
       globalInstance,
       dataInstance,
@@ -374,21 +375,21 @@ class TemplateUtil {
     } = this.context;
     const result = `${globalInstance}.${callerName}("${effectTag}", ${_sharedUtils.StringUtil.objectToString({
       [dataInstance]: dataInstanceValue,
-      __opts__: await this.attributesToObject(attributes, identifiers, {
+      __opts__: await this.attributesToObject(aliasAttributes ? [...aliasAttributes, ...attributes] : attributes, identifiers, {
         nameToCamel: true
       })
     })}, ${children})`;
     return result;
   }
 
-  /**
-   * 获取节点指定名称的属性
-   *
-   * 此方法会排除修饰符，例如<div for.static="123" />；使用getAttribute(node, "for") 仍可取到值
-   *
-   * @param node
-   * @param name
-   * @returns
+  /**
+   * 获取节点指定名称的属性
+   *
+   * 此方法会排除修饰符，例如<div for.static="123" />；使用getAttribute(node, "for") 仍可取到值
+   *
+   * @param node
+   * @param name
+   * @returns
    */
   static getAttribute(node, name) {
     const {
@@ -403,14 +404,14 @@ class TemplateUtil {
     }
   }
 
-  /**
-   * 解析属性名为名称、修饰符
-   *
-   * 以 attr.x.y.z="123"为例
-   * + 属性名使用.分隔为数组 [attr, x, y, z]
-   * + 第0项为属性名，1-最后一项为修饰符名
-   * @param name
-   * @returns
+  /**
+   * 解析属性名为名称、修饰符
+   *
+   * 以 attr.x.y.z="123"为例
+   * + 属性名使用.分隔为数组 [attr, x, y, z]
+   * + 第0项为属性名，1-最后一项为修饰符名
+   * @param name
+   * @returns
    */
   static parseAttributeName(name) {
     if (!name) {
@@ -425,14 +426,14 @@ class TemplateUtil {
     };
   }
 
-  /**
-   * 判断是否强制为动态值
-   * 1. 事件属性
-   * 2. if  for
-   * 3. 配置值
-   * @param nodeName 节点名称
-   * @param attributeName 属性名称
-   * @returns
+  /**
+   * 判断是否强制为动态值
+   * 1. 事件属性
+   * 2. if  for
+   * 3. 配置值
+   * @param nodeName 节点名称
+   * @param attributeName 属性名称
+   * @returns
    */
   isForceDynamicAttribute(nodeName, attributeName) {
     const {
@@ -468,12 +469,12 @@ class TemplateUtil {
     return node.nodeName === _TemplateNodeType.default.TEXT;
   }
 
-  /**
-   * 是否为节点元素
-   *
-   * @example <span></span>
-   * @param node
-   * @returns
+  /**
+   * 是否为节点元素
+   *
+   * @example <span></span>
+   * @param node
+   * @returns
    */
   static isElement(node) {
     return ![_TemplateNodeType.default.COMMENT, _TemplateNodeType.default.DOCUMENT_TYPE, _TemplateNodeType.default.TEMPLATE, _TemplateNodeType.default.TEXT].includes(node.nodeName);
@@ -488,20 +489,20 @@ class TemplateUtil {
     return name.startsWith(TemplateUtil.DATA_SET_START);
   }
 
-  /**
-   * 是否是 model 指令的属性
-   * @param name
-   * @returns
+  /**
+   * 是否是 model 指令的属性
+   * @param name
+   * @returns
    */
   static isModelAttribute(name) {
     return name.startsWith('model:');
   }
 
-  /**
-   * 解析model 指令属性的名称为： {modelName: '', modelValue: ''}
-   *
-   * 例如 `model:abcde="xyz"` 解析为 `{modelName: 'abcde', modelValue:'xyz'}`
-   * @param name
+  /**
+   * 解析model 指令属性的名称为： {modelName: '', modelValue: ''}
+   *
+   * 例如 `model:abcde="xyz"` 解析为 `{modelName: 'abcde', modelValue:'xyz'}`
+   * @param name
    */
   parseModelAttribute(node) {
     const {
@@ -519,12 +520,12 @@ class TemplateUtil {
     return;
   }
 
-  /**
-   * 值转换为动态值
-   *
-   * 如果已经是动态值，则不做修改
-   * @param value
-   * @returns
+  /**
+   * 值转换为动态值
+   *
+   * 如果已经是动态值，则不做修改
+   * @param value
+   * @returns
    */
   static toDynamicValue(value) {
     if (this.isDynamicValue(value)) {
@@ -533,12 +534,12 @@ class TemplateUtil {
     return `{{${value}}}`;
   }
 
-  /**
-   * 值转换为静态值
-   *
-   * 已经是静态值，不做修改
-   * @param value
-   * @returns
+  /**
+   * 值转换为静态值
+   *
+   * 已经是静态值，不做修改
+   * @param value
+   * @returns
    */
   static toStaticValue(value) {
     if (this.isDynamicValue(value)) {
@@ -547,22 +548,22 @@ class TemplateUtil {
     return value;
   }
 
-  /**
-   * 创建修饰符数据
-   *
-   *
-   * @example createDecoratorData(node, 'if', 'shown')
-   *
-   * 如果 node 有 if 属性, 例如<div if.static1.static2="aaa" />，则创建属性名为shown的修改符对象
-   * ```
-   * {
-   *   shown:{static1: true,static2: true}
-   * }
-   * ```
-   * @param node
-   * @param attributeName
-   * @param decoratorName
-   * @returns
+  /**
+   * 创建修饰符数据
+   *
+   *
+   * @example createDecoratorData(node, 'if', 'shown')
+   *
+   * 如果 node 有 if 属性, 例如<div if.static1.static2="aaa" />，则创建属性名为shown的修改符对象
+   * ```
+   * {
+   *   shown:{static1: true,static2: true}
+   * }
+   * ```
+   * @param node
+   * @param attributeName
+   * @param decoratorName
+   * @returns
    */
   static createDecoratorData(node, attributeName, decoratorName) {
     const attribute = TemplateUtil.getAttribute(node, attributeName);
@@ -579,13 +580,13 @@ class TemplateUtil {
     return undefined;
   }
 
-  /**
-   * 条件列表转换为表达式
-   *
-   * 转换规则为：前置条件全部取反 && 自身条件
-   *
-   * @param condition
-   * @returns
+  /**
+   * 条件列表转换为表达式
+   *
+   * 转换规则为：前置条件全部取反 && 自身条件
+   *
+   * @param condition
+   * @returns
    */
   genIfConditionList(condition, identifiers) {
     const {
@@ -598,14 +599,14 @@ class TemplateUtil {
     return result;
   }
 
-  /**
-   * 获取 `if` 的条件列表
-   *
-   * 1. selfCondition=需要取节点身的条件
-   * 2. preConditions=前置节点的条件--当前节点是 elif   else 时，需要取前置节点
-   * @param node
-   * @param options
-   * @returns
+  /**
+   * 获取 `if` 的条件列表
+   *
+   * 1. selfCondition=需要取节点身的条件
+   * 2. preConditions=前置节点的条件--当前节点是 elif   else 时，需要取前置节点
+   * @param node
+   * @param options
+   * @returns
    */
   getIfCoditionList(node) {
     const ifAttribute = TemplateUtil.getAttribute(node, 'if');
@@ -729,18 +730,18 @@ class TemplateUtil {
     }
   }
 
-  /**
-   * 元素的属性转换为资源路径
-   * 1. 不转换
-   *    1.1 属性本身无需转换
-   *    1.2 值不满足预设的条件: 不转换
-   *    1.3 绝对路径：不转换
-   * 2. 动态值:
-   *    2.1 第一段是静态值: 第一段转换为相对 src 的绝对路径, 示例：../a/b{{x}} --> /a/b{{x}} + 添加 warn
-   *    2.2 其它：不转换
-   * 3. 静态值:
-   *    3.1. 如果文件在src中，转换为相对src的路径, 示例：project/src/assets/a/b.png 转换为 /assets/a/b.png
-   *    3.2. 否则修改为 require()
+  /**
+   * 元素的属性转换为资源路径
+   * 1. 不转换
+   *    1.1 属性本身无需转换
+   *    1.2 值不满足预设的条件: 不转换
+   *    1.3 绝对路径：不转换
+   * 2. 动态值:
+   *    2.1 第一段是静态值: 第一段转换为相对 src 的绝对路径, 示例：../a/b{{x}} --> /a/b{{x}} + 添加 warn
+   *    2.2 其它：不转换
+   * 3. 静态值:
+   *    3.1. 如果文件在src中，转换为相对src的路径, 示例：project/src/assets/a/b.png 转换为 /assets/a/b.png
+   *    3.2. 否则修改为 require()
    */
   convertResourcePath(nodeName, attrs) {
     const shouldDic = {
@@ -872,28 +873,32 @@ class TemplateUtil {
     });
   }
 
-  /**
-   * 获取节点中的文字内容
-   *
-   * 1. 如果是文字元素，返回 value
-   * 1. 循环子元素列表
-   *    1. 如果子元素是文本，直接返回内容
-   *    2. 否则，如果子元素允许文本，则递归获取结果
-   * 2. 文字中连续的特定符号[\r\n\t ]
-   *    1. 首尾的替换为空字符串
-   *    2. 其它替换为1个空格
-   *
-   * @example
-   * `
-   *    a
-   *    b
-   *
-   * ` --> `a b
-   *
-   * @param node
+  /**
+   * 获取节点中的文字内容
+   *
+   * 1. 如果是文字元素，返回 value
+   * 2. 循环子元素列表
+   *    1. 如果子元素是文本，直接返回内容
+   *    2. 否则，如果子元素允许文本，则递归获取结果
+   * 3. 文字中连续的特定符号[\r\n\t ]
+   *    1. 首尾的替换为空字符串
+   *    2. 其它替换为1个空格
+   *
+   * @example
+   * `
+   *    a
+   *    b
+   *
+   * `
+   * -->
+   * `a b`
+   *
+   * @param node
    */
   getTextContent(node, elementConfig) {
     let result = '';
+    // 不压缩内容的节点名称列表
+    const noCompressTextNodeNames = ['markdown'];
     if (TemplateUtil.isText(node)) {
       result = node.value;
     } else {
@@ -908,6 +913,9 @@ class TemplateUtil {
         }
       });
     }
+    if (noCompressTextNodeNames.includes(node.nodeName)) {
+      return result;
+    }
     result = result.replace(/(^[\r\n\t ]+)|([\r\n\t ]+$)|[\r\n\t ]+/g, (match, p1, p2) => {
       if (p1 || p2) {
         return '';

package/lib/ux/utils/StyleMapUtil.d.ts

@@ -18,11 +18,10 @@ declare class StyleMapUtil {
      *  3.4 原始位置的endColumn根据map结果，发现存在1个位置的差异，所以-1
      *  3.5 source存储来源的文件
      * @param location 生成结果中节点的位置信息
-     * @param consumer 经过解析器获取的map信息生成的consumer对象
-     * @param offset 当前样式代码在ux文件中的偏移量
+     * @param useAbsolutePath 是否生成绝对路径
      * @returns
      */
-    transfromLocToPosition(location: CssLocation): {
+    transfromLocToPosition(location: CssLocation, useAbsolutePath?: boolean): {
         pos: number;
         end: number;
         startLine: number;

package/lib/ux/utils/StyleMapUtil.js

@@ -25,11 +25,11 @@ class StyleMapUtil {
    *  3.4 原始位置的endColumn根据map结果，发现存在1个位置的差异，所以-1
    *  3.5 source存储来源的文件
    * @param location 生成结果中节点的位置信息
-   * @param consumer 经过解析器获取的map信息生成的consumer对象
-   * @param offset 当前样式代码在ux文件中的偏移量
+   * @param useAbsolutePath 是否生成绝对路径
    * @returns
    */
   transfromLocToPosition(location) {
+    let useAbsolutePath = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
     const {
       projectPath
     } = this.options;
@@ -41,7 +41,7 @@ class StyleMapUtil {
       line: location.end.line,
       column: location.end.column
     });
-    let nodeRelativePath = '';
+    let nodePath = '';
     if (nodeStartPosition.source?.endsWith('.ux') && nodeStartPosition.line) {
       nodeStartPosition.line = nodeStartPosition.line - 1 + this.lineOffset;
     }
@@ -54,7 +54,8 @@ class StyleMapUtil {
       if (decodeStr.startsWith('file://')) {
         decodeStr = (0, _url.fileURLToPath)(decodeStr);
       }
-      nodeRelativePath = _path.default.relative(projectPath, decodeStr).replaceAll(_path.default.sep, _path.default.posix.sep);
+      // useAbsolutePath为false，返回相对路径
+      nodePath = (useAbsolutePath ? decodeStr : _path.default.relative(projectPath, decodeStr)).replaceAll(_path.default.sep, _path.default.posix.sep);
     }
     return {
       pos: 0,
@@ -63,7 +64,7 @@ class StyleMapUtil {
       startColumn: nodeStartPosition.column || 0,
       endLine: nodeEndPosition.line || 0,
       endColumn: nodeEndPosition.column || 0,
-      source: nodeRelativePath
+      source: nodePath
     };
   }
 }

package/lib/ux/utils/StyleUtil.d.ts

@@ -1,3 +1,4 @@
+import { IPosition, Loglevel, StyleMessage } from '@aiot-toolkit/shared-utils';
 import { AtrulePrelude, CssNode, Declaration, Identifier, MediaFeature, MediaQuery, MediaQueryList, SelectorList, SyntaxParseError } from 'css-tree';
 import IOptions from '../config/IOptions';
 import { IImageFunction } from '../interface/IImageResource';
@@ -226,5 +227,6 @@ declare class StyleUtil {
      * @returns
      */
     static translateToNormalValue(value: any): any;
+    static handleStyleError(errorLevel: Loglevel, messages: StyleMessage[], options: IOptions, position: IPosition | undefined): void;
 }
 export default StyleUtil;