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

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';
@@ -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 {

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) {
@@ -190,11 +190,11 @@ class UxParser {
     };
   }
 
-  /**
-   * 验证内容
-   * 1. template：
-   *    a. 最多1个
-   *    b. 子元素有且仅有1个，不能是 block
+  /**
+   * 验证内容
+   * 1. template：
+   *    a. 最多1个
+   *    b. 子元素有且仅有1个，不能是 block
    */
   validateContent(childNodes) {
     let result = true;
@@ -260,10 +260,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 {

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

@@ -15,8 +15,8 @@ var _AndroidContext = _interopRequireDefault(require("./AndroidContext"));
 var _ForTranslate = _interopRequireDefault(require("./attributeTranslate/ForTranslate"));
 var _IfTranslate = _interopRequireDefault(require("./attributeTranslate/IfTranslate"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-/**
- * TemplateToTypescript
+/**
+ * TemplateToTypescript
  */
 class TemplateToTypescript {
   _mapList = [];
@@ -47,13 +47,13 @@ class TemplateToTypescript {
     };
   }
 
-  /**
-   * 创建节点对象
-   *
-   * 1. 创建对象
-   * 2. 把对象的属性依次加到sourceFile中，并记录位置
-   * 3.
-   * @param node
+  /**
+   * 创建节点对象
+   *
+   * 1. 创建对象
+   * 2. 把对象的属性依次加到sourceFile中，并记录位置
+   * 3.
+   * @param node
    */
   async translateNoe(node) {
     if (_TemplateUtil.default.isElement(node)) {
@@ -62,36 +62,36 @@ class TemplateToTypescript {
     }
   }
 
-  /**
-   * 产物节点添加到代码中，并记录位置映射关系
-   *
-   * 1. 循环非 children 的属性，依次添加到产物树，并记录位置映射关系
-   * 2. 如果 children有值，递归处理 children
-   *
-   * 此函数修改 this._target 和 this._mapList
-   * @param node
+  /**
+   * 产物节点添加到代码中，并记录位置映射关系
+   *
+   * 1. 循环非 children 的属性，依次添加到产物树，并记录位置映射关系
+   * 2. 如果 children有值，递归处理 children
+   *
+   * 此函数修改 this._target 和 this._mapList
+   * @param node
    */
   addTargetNodeToCode(node) {
     const str = _sharedUtils.StringUtil.objectToString(node);
     this._target.addStatements(str);
   }
 
-  /**
-   * 创建节点（此函数生成节点，不修改产物树）
-   *
-   * 1. 元素处理
-   *    a. 创建节点
-   * 2. 普通属性生成: **属性名需要转成驼峰**
-   * 3. 特殊属性处理
-   *    a. classList、style、events, 单独赋值
-   *    b. dataset 放到attr 中
-   *    c. 如果有 id 属性，id在attr同级也要设置
-   *    d. for  if 单独处理
-   *    e. models 属性转换后放到 events , attr 中
-   *
-   * 4. 递归子元素生成 children
-   * @param node 元素节点
-   * @param existingIdentifiers 已存在的标识符列表
+  /**
+   * 创建节点（此函数生成节点，不修改产物树）
+   *
+   * 1. 元素处理
+   *    a. 创建节点
+   * 2. 普通属性生成: **属性名需要转成驼峰**
+   * 3. 特殊属性处理
+   *    a. classList、style、events, 单独赋值
+   *    b. dataset 放到attr 中
+   *    c. 如果有 id 属性，id在attr同级也要设置
+   *    d. for  if 单独处理
+   *    e. models 属性转换后放到 events , attr 中
+   *
+   * 4. 递归子元素生成 children
+   * @param node 元素节点
+   * @param existingIdentifiers 已存在的标识符列表
    */
   async createTargetNode(node, existingIdentifiers) {
     const {
@@ -180,16 +180,16 @@ class TemplateToTypescript {
     return result;
   }
 
-  /**
-   * 转换 model 数据
-   * 1. 自定义组件转换为
-   *    events[update:NAME] = function(evt){ VALUE = evt.detail}
-   *    attr[驼峰名称(NAME)] = function(){ return VALUE }
-   * 2. 普通组件转换为
-   *    events['change'] = function(evt){ VALUE = evt.target.NAME}
-   * @param node
-   * @param models
-   * @returns
+  /**
+   * 转换 model 数据
+   * 1. 自定义组件转换为
+   *    events[update:NAME] = function(evt){ VALUE = evt.detail}
+   *    attr[驼峰名称(NAME)] = function(){ return VALUE }
+   * 2. 普通组件转换为
+   *    events['change'] = function(evt){ VALUE = evt.target.NAME}
+   * @param node
+   * @param models
+   * @returns
    */
   translateModels(node, models) {
     const result = {
@@ -219,14 +219,14 @@ class TemplateToTypescript {
     return result;
   }
 
-  /**
-   * 预处理属性
-   * 1. 特定元素和特定属性处理
-   *    a. 特定元素：文本子元素做为 value 属性
-   *    b. 特定元素的特定属性：如果是静态路径，加上 require
-   * 2. 去除特殊属性
-   * 3. 事件、逻辑属性强制设置为动态属性
-   * @param node
+  /**
+   * 预处理属性
+   * 1. 特定元素和特定属性处理
+   *    a. 特定元素：文本子元素做为 value 属性
+   *    b. 特定元素的特定属性：如果是静态路径，加上 require
+   * 2. 去除特殊属性
+   * 3. 事件、逻辑属性强制设置为动态属性
+   * @param node
    */
   preprocessingProperties(node) {
     const {

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

@@ -11,8 +11,8 @@ var _SourceMapUtil = _interopRequireDefault(require("../vela/utils/SourceMapUtil
 var _StyleToTypescript = _interopRequireDefault(require("./StyleToTypescript"));
 var _TemplateToTypescript = _interopRequireDefault(require("./TemplateToTypescript"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-/**
- * UxToTypescript
+/**
+ * UxToTypescript
  */
 class UxToTypescript {
   contenAccess = `\n
@@ -43,18 +43,18 @@ class UxToTypescript {
     this.compilerOption = compilerOption;
     this.contxt = contxt;
   }
-  /**
-   *
-   * 转换过程
-   * 1. 源树分为 import  template  script  style 4部分
-   * 2. 转换import: 此步骤使用 import
-   * 3. 转换template: 此步骤使用 template
-   * 4. 转换script: 此步骤使用 import  script
-   * 5. 转换style: 此步骤使用 style
-   * 6. 添加包裹函数
-   * @param sourceTree
-   * @param offsetList
-   * @param param
+  /**
+   *
+   * 转换过程
+   * 1. 源树分为 import  template  script  style 4部分
+   * 2. 转换import: 此步骤使用 import
+   * 3. 转换template: 此步骤使用 template
+   * 4. 转换script: 此步骤使用 import  script
+   * 5. 转换style: 此步骤使用 style
+   * 6. 添加包裹函数
+   * @param sourceTree
+   * @param offsetList
+   * @param param
    */
   async translate(sourceTree, offsetList) {
     const sourceFile = _ParserUtil.default.createSourceFile('', _path.default.basename(this.options.filePath));