@aiot-toolkit/parser 2.0.5-widget-provider-beta.2 → 2.0.5

package/lib/ux/parser/StyleParser.js

@@ -25,11 +25,11 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 const {
   validate: CsstreeValidator
 } = require('csstree-validator');
-/**
- * StyleParser
- * 1. 根据语言类型分别转为CSS样式
- * 2. 用CSSTREE解析CSS内容
- * 3. 把解析结果转换为目标格式
+/**
+ * StyleParser
+ * 1. 根据语言类型分别转为CSS样式
+ * 2. 用CSSTREE解析CSS内容
+ * 3. 把解析结果转换为目标格式
  */
 class StyleParser {
   QUICKAPP_CONFIG = 'quickapp.config.js';
@@ -94,7 +94,7 @@ class StyleParser {
 
     // 解析错误全部抛出
     errors = this.printError('parserError', errors);
-    errors.push(..._StyleUtil.default.collectSyntaxError(CsstreeValidator(originAst, fileName), this.styleMapUtil, fileExt !== '.css', this.styleLineOffset));
+    errors.push(..._StyleUtil.default.collectSyntaxError(CsstreeValidator(originAst, fileName)));
     // 校验错误打印warn
     this.printError('validateError', errors);
     const cssAst = {
@@ -117,17 +117,17 @@ class StyleParser {
     };
   }
 
-  /**
-   * 获取用户配置的 alias
-   * @returns
+  /**
+   * 获取用户配置的 alias
+   * @returns
    */
   getAlias() {
     return _sharedUtils.CommonUtil.requireModule(_path.default.join(this.options.projectPath, this.QUICKAPP_CONFIG))?.webpack?.resolve?.alias || {};
   }
-  /**
-   * 将Less样式转为CSS
-   * @param sourceContent
-   * @returns
+  /**
+   * 将Less样式转为CSS
+   * @param sourceContent
+   * @returns
    */
   lessToCss(sourceContent) {
     let CSSCode = '';
@@ -167,10 +167,10 @@ class StyleParser {
       });
     });
   }
-  /**
-   * 将Scss样式转为CSS
-   * @param sourceContent
-   * @returns
+  /**
+   * 将Scss样式转为CSS
+   * @param sourceContent
+   * @returns
    */
   async scssToCss(sourceContent, isSass) {
     const {
@@ -206,11 +206,11 @@ class StyleParser {
       });
     }
   }
-  /**
-   * 使用postcss做css样式转换
-   * 例如：将@import 转换为引入的内容
-   * @param sourceContent
-   * @returns
+  /**
+   * 使用postcss做css样式转换
+   * 例如：将@import 转换为引入的内容
+   * @param sourceContent
+   * @returns
    */
   async parserCss(sourceContent) {
     const {
@@ -263,12 +263,12 @@ class StyleParser {
       }
     }
   }
-  /**
-   * 解析CSS语法树的上的节点
-   * 1. 将节点按照rule节点、Atrule节点、没有prelude属性的Atrule节点区分
-   * 2. 节点内容将按照定义的IRuleType类型返回
-   * @param sourceNode
-   * @returns
+  /**
+   * 解析CSS语法树的上的节点
+   * 1. 将节点按照rule节点、Atrule节点、没有prelude属性的Atrule节点区分
+   * 2. 节点内容将按照定义的IRuleType类型返回
+   * @param sourceNode
+   * @returns
    */
   parserNode(sourceNode) {
     let targetNode = {
@@ -297,10 +297,10 @@ class StyleParser {
     }
     return targetNode;
   }
-  /**
-   * 解析rule节点
-   * @param sourceNode
-   * @returns 返回预定义的RuleType结构
+  /**
+   * 解析rule节点
+   * @param sourceNode
+   * @returns 返回预定义的RuleType结构
    */
   paserRuleNode(sourceNode) {
     const targetNode = {
@@ -319,10 +319,10 @@ class StyleParser {
     targetNode.block = this.parserBlock(block);
     return targetNode;
   }
-  /**
-   * 解析一般的Atrule节点
-   * @param sourceNode
-   * @returns 返回预定义的AtRuleType结构
+  /**
+   * 解析一般的Atrule节点
+   * @param sourceNode
+   * @returns 返回预定义的AtRuleType结构
    */
   paserAtRuleNode(sourceNode) {
     const targetNode = {
@@ -365,11 +365,11 @@ class StyleParser {
     }
     return targetNode;
   }
-  /**
-   * 解析没有prelude属性的Atrule节点
-   * 1. 处理block中的属性和值的内容
-   * @param sourceNode
-   * @returns 返回预定义的NoPreludeAtRule结构
+  /**
+   * 解析没有prelude属性的Atrule节点
+   * 1. 处理block中的属性和值的内容
+   * @param sourceNode
+   * @returns 返回预定义的NoPreludeAtRule结构
    */
   parserNoPreludeAtRule(sourceNode) {
     const targetNode = {
@@ -389,12 +389,12 @@ class StyleParser {
     targetNode.block = this.parserBlock(block);
     return targetNode;
   }
-  /**
-   * 解析prelude节点
-   * 1. SelectorList时，返回选择器列表
-   * 2. AtrulePrelude时，返回条件字符串列表
-   * @param nodeList
-   * @returns
+  /**
+   * 解析prelude节点
+   * 1. SelectorList时，返回选择器列表
+   * 2. AtrulePrelude时，返回条件字符串列表
+   * @param nodeList
+   * @returns
    */
   parserPrelude(sourceNode) {
     let targetList = [];
@@ -434,17 +434,17 @@ class StyleParser {
     }
     return targetList;
   }
-  /**
-   * 解析block结构
-   * 生成属性name和value组成的对象列表
-   * [
-   *  {
-   *    name: '',
-   *    value: [{value:'', unit:''}, ...]
-   *  }, ...
-   * ]
-   * @param sourceNode
-   * @returns
+  /**
+   * 解析block结构
+   * 生成属性name和value组成的对象列表
+   * [
+   *  {
+   *    name: '',
+   *    value: [{value:'', unit:''}, ...]
+   *  }, ...
+   * ]
+   * @param sourceNode
+   * @returns
    */
   parserBlock(sourceNode) {
     const targetList = [];
@@ -470,11 +470,11 @@ class StyleParser {
     });
     return targetList;
   }
-  /**
-   * 解析value属性
-   * 1. 若value对象有'Children'属性则表示存在值，否则返回空列表
-   * 2. 循环Children列表，遇到操作符、Url做特殊处理
-   * 3. 其他子项，需要取出value和unit内容
+  /**
+   * 解析value属性
+   * 1. 若value对象有'Children'属性则表示存在值，否则返回空列表
+   * 2. 循环Children列表，遇到操作符、Url做特殊处理
+   * 3. 其他子项，需要取出value和unit内容
    */
   parserValue(nodeName, node) {
     const {
@@ -598,18 +598,25 @@ class StyleParser {
       const sourceCode = error.source ? [`, source code:`, {
         word: `${error.source}`
       }] : [];
+      const position = this.styleMapUtil.transfromLocToPosition({
+        start: {
+          line: error.startLine,
+          column: error.startCol,
+          offset: 0
+        },
+        end: {
+          line: error.endLine,
+          column: error.endCol,
+          offset: 0
+        },
+        source: error.source
+      });
+      position.startColumn++;
+      position.endColumn++;
       onLog({
         level: sourceCodeStyle,
         filePath,
-        position: {
-          pos: error.startOffset,
-          end: error.endOffset,
-          // 减1的原因是 <style>\n  <style>的位置和 css 的第1行重合，所以要去掉重合的1行
-          startLine: error.startLine + this.styleLineOffset - 1,
-          startColumn: error.startCol,
-          endLine: error.endLine + this.styleLineOffset - 1,
-          endColumn: error.endCol
-        },
+        position,
         message: [{
           word: error.message
         }, ...sourceCode]

package/lib/ux/parser/TemplateValueParser.js

@@ -16,55 +16,55 @@ var TemplateValueParseState = /*#__PURE__*/function (TemplateValueParseState) {
   return TemplateValueParseState;
 }(TemplateValueParseState || {});
 class TemplateValueParser {
-  /**
-   * 解析模板字符串
-   *
-   * 概述：模板字符串包含两种类型--文字类型和代码类型，代码类型被包裹在 {{}}中
-   * 例如 a{{b}}c，[{value:'a', type:'文字类型'}, {value:'b', type:'代码类型'}, {value:'c', type:'文字类型'}]
-   *
-   * @example `new TemplateValueParser().parse('a{{b}}c')`
-   *
-   * 解析过程
-   * 1. 初始
-   *    a. 状态为文字状态
-   *    b. 定义变量`bracketCounter`，记录'{'的数量
-   *    b. 遍历字符串进行解析
-   * 2. 文字状态
-   *    a. 遇到 { 且下个字符也是 {, 则：
-   *        a1. 如果当前值有值，则添加到结果列表中(文本类型)
-   *        a2. 循环序号+1
-   *        a4. bracketCounter重置为0
-   *        a3. 进入代码状态
-   *    b. 否则，字符添加到当前值中
-   * 3. 代码状态
-   *    a. 遇到 }
-   *        c1. 如计数为0
-   *            c11. 判断后面的字符是否为}
-   *                c111. 如果是，如果当前值有值，则添加到结果列表中(代码类型)并进入`文字状态`
-   *                c112. 否则，字符添加到当前值
-   *        c2. 否则，计数减1，但最小值为0
-   *    b. 遇到 {
-   *        b1. 如果下一个字符也是{，则报错
-   *        b2. 否则计数+1, 并把字符添加到当前值-因为js代码会有{}，例如
-   * ```
-   *
-   * {{()=>{}}}
-   * 12    3456
-   *
-   * // 遇到3时，是{，计数加1
-   * // 遇到4时，是}, 计数减1, 此时计数为0
-   * // 遇到5时，是{，计数为0，则判断下一个字符也是}, jscode 状态结束
-   * ```
-   *    c. 如果是"或', 进入`代码_字符串`状态，同时字符添加到当前值
-   *    d. 否则，字符添加到当前值
-   * 4. 代码_字符串
-   *    a. 字符添加到当前值中
-   *    c. 如果是"或', 则：退回到`代码状态`
-   * 5. 遇到最后一个字符
-   *    a. 如果仍处于代码状态，则把`{{ + 当前值`以文字类型添加到结果列表中. 示例：a{{b --> [a, {{b]
-   *    b. 否则，把`当前值`以`文字类型`添加到结果列表中
-   * 6. 返回结果列表
-   * @param template
+  /**
+   * 解析模板字符串
+   *
+   * 概述：模板字符串包含两种类型--文字类型和代码类型，代码类型被包裹在 {{}}中
+   * 例如 a{{b}}c，[{value:'a', type:'文字类型'}, {value:'b', type:'代码类型'}, {value:'c', type:'文字类型'}]
+   *
+   * @example `new TemplateValueParser().parse('a{{b}}c')`
+   *
+   * 解析过程
+   * 1. 初始
+   *    a. 状态为文字状态
+   *    b. 定义变量`bracketCounter`，记录'{'的数量
+   *    b. 遍历字符串进行解析
+   * 2. 文字状态
+   *    a. 遇到 { 且下个字符也是 {, 则：
+   *        a1. 如果当前值有值，则添加到结果列表中(文本类型)
+   *        a2. 循环序号+1
+   *        a4. bracketCounter重置为0
+   *        a3. 进入代码状态
+   *    b. 否则，字符添加到当前值中
+   * 3. 代码状态
+   *    a. 遇到 }
+   *        c1. 如计数为0
+   *            c11. 判断后面的字符是否为}
+   *                c111. 如果是，如果当前值有值，则添加到结果列表中(代码类型)并进入`文字状态`
+   *                c112. 否则，字符添加到当前值
+   *        c2. 否则，计数减1，但最小值为0
+   *    b. 遇到 {
+   *        b1. 如果下一个字符也是{，则报错
+   *        b2. 否则计数+1, 并把字符添加到当前值-因为js代码会有{}，例如
+   * ```
+   *
+   * {{()=>{}}}
+   * 12    3456
+   *
+   * // 遇到3时，是{，计数加1
+   * // 遇到4时，是}, 计数减1, 此时计数为0
+   * // 遇到5时，是{，计数为0，则判断下一个字符也是}, jscode 状态结束
+   * ```
+   *    c. 如果是"或', 进入`代码_字符串`状态，同时字符添加到当前值
+   *    d. 否则，字符添加到当前值
+   * 4. 代码_字符串
+   *    a. 字符添加到当前值中
+   *    c. 如果是"或', 则：退回到`代码状态`
+   * 5. 遇到最后一个字符
+   *    a. 如果仍处于代码状态，则把`{{ + 当前值`以文字类型添加到结果列表中. 示例：a{{b --> [a, {{b]
+   *    b. 否则，把`当前值`以`文字类型`添加到结果列表中
+   * 6. 返回结果列表
+   * @param template
    */
   parse(template) {
     let state = TemplateValueParseState.IN_CHAR;

package/lib/ux/parser/UxParser.js

@@ -14,8 +14,8 @@ var _StyleParser = _interopRequireDefault(require("./StyleParser"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 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; }
-/**
- * UxParser
+/**
+ * UxParser
  */
 class UxParser {
   constructor(options, compilerOption, globalVar, collectImageResource) {
@@ -112,7 +112,9 @@ class UxParser {
         styleContent: []
       },
       import: [],
-      data: {}
+      data: {},
+      comments: [],
+      texts: []
     };
     const uxAst = parse5.parseFragment(content, {
       scriptingEnabled: false,
@@ -179,6 +181,10 @@ class UxParser {
               ...childNode
             };
             break;
+          case '#comment':
+            ast.comments.push(childNode);
+          case '#text':
+            ast.texts.push(childNode);
           default:
             break;
         }
@@ -190,11 +196,11 @@ class UxParser {
     };
   }
 
-  /**
-   * 验证内容
-   * 1. template：
-   *    a. 最多1个
-   *    b. 子元素有且仅有1个，不能是 block
+  /**
+   * 验证内容
+   * 1. template：
+   *    a. 最多1个
+   *    b. 子元素有且仅有1个，不能是 block
    */
   validateContent(childNodes) {
     let result = true;
@@ -260,10 +266,10 @@ class UxParser {
 
     return result;
   }
-  /**
-   * 解析import内容
-   * @param sourceNode
-   * @param ast
+  /**
+   * 解析import内容
+   * @param sourceNode
+   * @param ast
    */
   parserImport(sourceNode, ast) {
     const {

package/lib/ux/translate/android/StyleToTypescript.js

@@ -9,8 +9,8 @@ var _StyleSelectorType = require("../../enum/StyleSelectorType");
 var _StyleSelectorName = _interopRequireDefault(require("../../enum/android/StyleSelectorName"));
 var _StyleUtil = _interopRequireDefault(require("../../utils/StyleUtil"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-/**
- * StyleToTypescript
+/**
+ * StyleToTypescript
  */
 class StyleToTypescript {
   constructor(options, compilerOption) {
@@ -28,13 +28,13 @@ class StyleToTypescript {
     };
   }
 
-  /**
-   * 转换节点列表
-   *
-   * 1. 对于任一节点，根据类型做不同的转换
-   * 2. 转换结果和已有的结果进行合并
-   * @param nodes
-   * @returns
+  /**
+   * 转换节点列表
+   *
+   * 1. 对于任一节点，根据类型做不同的转换
+   * 2. 转换结果和已有的结果进行合并
+   * @param nodes
+   * @returns
    */
   translateNodes(nodes) {
     const result = {};
@@ -58,14 +58,14 @@ class StyleToTypescript {
     return result;
   }
 
-  /**
-   * 合并样式
-   *
-   * 1. media: 合并数组
-   * 2. 其它（fontface, keyframes,  普通样式）：合并对象
-   * @param currentStyle
-   * @param newStyle
-   * @returns
+  /**
+   * 合并样式
+   *
+   * 1. media: 合并数组
+   * 2. 其它（fontface, keyframes,  普通样式）：合并对象
+   * @param currentStyle
+   * @param newStyle
+   * @returns
    */
   mergeStyle(currentStyle, newStyle) {
     for (const styleName in newStyle) {
@@ -84,11 +84,11 @@ class StyleToTypescript {
     }
   }
 
-  /**
-   * 转换@ 开头的样式
-   *
-   * @param node
-   * @returns
+  /**
+   * 转换@ 开头的样式
+   *
+   * @param node
+   * @returns
    */
   translateAtRule(node) {
     const {
@@ -107,10 +107,10 @@ class StyleToTypescript {
     }
   }
 
-  /**
-   * 转换keyframe
-   * @param node
-   * @returns
+  /**
+   * 转换keyframe
+   * @param node
+   * @returns
    */
   translateKeyFrames(node) {
     const result = {
@@ -128,14 +128,14 @@ class StyleToTypescript {
     return result;
   }
 
-  /**
-   * 转换  @font-face
-   *
-   * 1. 以font-family 为key
-   * 2. 额外生成fontName=fontFamily   fontSrc=src
-   *
-   * @param node
-   * @returns
+  /**
+   * 转换  @font-face
+   *
+   * 1. 以font-family 为key
+   * 2. 额外生成fontName=fontFamily   fontSrc=src
+   *
+   * @param node
+   * @returns
    */
   translateFontFace(node) {
     const {
@@ -172,14 +172,14 @@ class StyleToTypescript {
     };
   }
 
-  /**
-   * 转换 @media
-   *
-   * 1. 以"@MEDIA"为键
-   * 2. 以条件为 `condition` 的值
-   * 3. 递归 translateNodes 转换其中的内容
-   * @param node
-   * @returns
+  /**
+   * 转换 @media
+   *
+   * 1. 以"@MEDIA"为键
+   * 2. 以条件为 `condition` 的值
+   * 3. 递归 translateNodes 转换其中的内容
+   * @param node
+   * @returns
    */
   translateMedia(node) {
     const {
@@ -212,15 +212,15 @@ class StyleToTypescript {
     };
   }
 
-  /**
-   * 转换常规样式
-   * ```
-   * .a .b {
-   *   color: red;
-   * }
-   * ```
-   * @param node
-   * @returns
+  /**
+   * 转换常规样式
+   * ```
+   * .a .b {
+   *   color: red;
+   * }
+   * ```
+   * @param node
+   * @returns
    */
   translateRule(node) {
     const {