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

package/README.md

@@ -1,11 +1,11 @@
-# `parser`
-
-> TODO: description
-
-## Usage
-
-```
-const parser = require('parser');
-
-// TODO: DEMONSTRATE API
-```
+# `parser`
+
+> TODO: description
+
+## Usage
+
+```
+const parser = require('parser');
+
+// TODO: DEMONSTRATE API
+```

package/lib/utils/ParserUtil.js

@@ -5,15 +5,15 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _tsMorph = require("ts-morph");
-/**
- * ParserUtil
+/**
+ * ParserUtil
  */
 class ParserUtil {
-  /**
-   * 根据偏移列表，查找 pos 对应的偏移量
-   * @param pos
-   * @param offsetList
-   * @returns
+  /**
+   * 根据偏移列表，查找 pos 对应的偏移量
+   * @param pos
+   * @param offsetList
+   * @returns
    */
   static getOffsetPos(pos, offsetList) {
     if (!offsetList.length) {
@@ -26,14 +26,14 @@ class ParserUtil {
     return item ? item.offset : 0;
   }
 
-  /**
-   * 获取指定位置的列偏移量
-   *
-   * 偏移量= 从offsetList 中获取 (在同一行  且 位置小于 position ) 的项，偏移量进行累加。
-   *
-   * 确保同一行有多个偏移项也可获取正确的偏移量
-   * @param position
-   * @param offsetList
+  /**
+   * 获取指定位置的列偏移量
+   *
+   * 偏移量= 从offsetList 中获取 (在同一行  且 位置小于 position ) 的项，偏移量进行累加。
+   *
+   * 确保同一行有多个偏移项也可获取正确的偏移量
+   * @param position
+   * @param offsetList
    */
   static getOffsetColumn(position, offsetList) {
     if (!offsetList?.length) {

package/lib/ux/config/ExtensionConfig.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-/**
- * ExtensionConfig
+/**
+ * ExtensionConfig
  */
 class ExtensionConfig {
   static UX = '.ux';

package/lib/ux/config/FeatureConfig.js

@@ -4,11 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-/**
- * FeatureConfig
+/**
+ * FeatureConfig
  */
-/**
- * FeatureConfig
+/**
+ * FeatureConfig
  */
 class FeatureConfig {
   SYSTEM = 'system';
@@ -18,14 +18,14 @@ class FeatureConfig {
   SYSTEM_FEATURE = ['app', 'model', 'router', 'configuration', 'alarm', 'audio', 'barcode', 'bluetooth', 'brightness', 'calendar', 'cipher', 'clipboard', 'contact', 'device', 'fetch', 'file', 'geolocation', 'image', 'keyguard', 'media', 'network', 'notification', 'package', 'prompt', 'record', 'request', 'resident', 'sensor', 'share', 'shortcut', 'sms', 'storage', 'vibrator', 'volume', 'websocketfactory', 'webview', 'battery', 'wifi', 'mediaquery', 'zip', 'telecom', 'decode', 'uploadtask', 'downloadtask', 'interconnect', 'crypto', 'exchange', 'internal.message', 'microphone', 'internal.ota', 'internal.power', 'internal.settings', 'internal.micamera', 'serviceUtil', 'event'].map(item => `${this.SYSTEM}.${item}`);
   SERVICE_FEATURE = ['account', 'alipay', 'ad', 'wxaccount', 'qqaccount', 'wbaccount', 'exchange', 'health', 'pay', 'push', 'qqaccount', 'share', 'stats', 'wbaccount', 'wxaccount', 'wxpay', 'biometriverify', 'texttoaudio', 'wechat', 'internal.audiosync', 'internal.audiofocus', 'internal.alarm', 'mihome', 'bootstrap', 'miai'].map(item => `${this.SERVICE}.${item}`);
 
-  /**
-   * 是否为系统模块
-   *
-   * 以特定名称开头的为系统模块
-   *
-   * @example isSystemModule("@system.route")
-   * @param modulePath
-   * @returns
+  /**
+   * 是否为系统模块
+   *
+   * 以特定名称开头的为系统模块
+   *
+   * @example isSystemModule("@system.route")
+   * @param modulePath
+   * @returns
    */
   isSystemModule(modulePath) {
     if (!modulePath) {
@@ -35,13 +35,13 @@ class FeatureConfig {
     return name.findIndex(item => modulePath.startsWith(`@${item}`)) >= 0;
   }
 
-  /**
-   * 是否为有效的系统模块
-   *
-   * 有效系统模块指：显式配置的模块
-   *
-   * @param modulePath
-   * @returns
+  /**
+   * 是否为有效的系统模块
+   *
+   * 有效系统模块指：显式配置的模块
+   *
+   * @param modulePath
+   * @returns
    */
   isEffectSystemModule(modulePath) {
     if (!modulePath) {

package/lib/ux/config/vela/ElementConfig.js

@@ -798,14 +798,6 @@ const elementConfig = {
           enums: ['none', 'forwards']
         }
       }
-    },
-    'widget-container': {
-      events: ['load'],
-      attributes: {
-        uri: {},
-        size: {},
-        uidata: {}
-      }
     }
   }
 };

package/lib/ux/config/vela/StyleAttributeConfig.js

@@ -333,7 +333,10 @@ const STYLE_ATTRIBUTE_CONFIG = exports.STYLE_ATTRIBUTE_CONFIG = {
     // 按照一般转换即可，无需额外转换
   },
   zIndex: {
-    // csstree-validator可校验
+    // csstree-validator可校验，但与1.0校验原理不同，目前按照1.0逻辑进行校验
+    validate: sourceNode => {
+      return validIntegerNode(sourceNode);
+    }
     // 按照一般转换即可，无需额外转换
   },
   // common
@@ -343,10 +346,10 @@ const STYLE_ATTRIBUTE_CONFIG = exports.STYLE_ATTRIBUTE_CONFIG = {
   },
   background: {
     // csstree-validator可校验,但与1.0校验原理不同，目前按照1.0逻辑进行校验
-    /**
-     * 验证属性值每个参数的格式
-     * @param sourceNode
-     * @returns
+    /**
+     * 验证属性值每个参数的格式
+     * @param sourceNode
+     * @returns
      */
     validate: sourceNode => {
       let validateInfo = {
@@ -357,11 +360,11 @@ const STYLE_ATTRIBUTE_CONFIG = exports.STYLE_ATTRIBUTE_CONFIG = {
         value,
         name: attributeName
       } = sourceNode;
-      /**
-       * 创建线性渐变背景的函数
-       * 参数分为两类：direction渐变的方向、color-stop渐变颜色的位置
-       * @param valueStr
-       * @returns
+      /**
+       * 创建线性渐变背景的函数
+       * 参数分为两类：direction渐变的方向、color-stop渐变颜色的位置
+       * @param valueStr
+       * @returns
        */
       const validLinearGradient = sourceNode => {
         let validInfo = {
@@ -502,23 +505,23 @@ const STYLE_ATTRIBUTE_CONFIG = exports.STYLE_ATTRIBUTE_CONFIG = {
         }
         return validInfo;
       };
-      /**
-       * 创建径向渐变背景的函数
-       * 参数分为四类：
-       *  1. sharp 圆的类型，可选参数
-       *    1.1 ellipse
-       *    1.2 circle
-       *  2. size 渐变尺寸，可选参数
-       *    2.1 [farthest-corner、closest-side、closest-corner、farthest-side]
-       *    2.2 50% 60px
-       *    2.3 30%
-       * 3. position 渐变位置，可选参数
-       *    3.1 at [center、top、left、right、bottom]
-       *    3.2 at 30% 20%
-       *    3.3 at center top
-       *  4. color 渐变颜色
-       * @param sourceNode
-       * @returns
+      /**
+       * 创建径向渐变背景的函数
+       * 参数分为四类：
+       *  1. sharp 圆的类型，可选参数
+       *    1.1 ellipse
+       *    1.2 circle
+       *  2. size 渐变尺寸，可选参数
+       *    2.1 [farthest-corner、closest-side、closest-corner、farthest-side]
+       *    2.2 50% 60px
+       *    2.3 30%
+       * 3. position 渐变位置，可选参数
+       *    3.1 at [center、top、left、right、bottom]
+       *    3.2 at 30% 20%
+       *    3.3 at center top
+       *  4. color 渐变颜色
+       * @param sourceNode
+       * @returns
        */
       const validRadialGradient = sourceNode => {
         let validInfo = {
@@ -837,17 +840,17 @@ const STYLE_ATTRIBUTE_CONFIG = exports.STYLE_ATTRIBUTE_CONFIG = {
     // 转换扩展，待实现translate
   },
   display: {
-    /**
-     * sourceNode 示例：
-     * {
-     *  name: 'display',
-     *  value: [{
-     *    unit: '',
-     *    value: 'flex'
-     *  }]
-     * }
-     * @param sourceNode
-     * @returns
+    /**
+     * sourceNode 示例：
+     * {
+     *  name: 'display',
+     *  value: [{
+     *    unit: '',
+     *    value: 'flex'
+     *  }]
+     * }
+     * @param sourceNode
+     * @returns
      */
     validate: function (sourceNode) {
       const supportValues = ['flex', 'none'];
@@ -1320,10 +1323,10 @@ const STYLE_ATTRIBUTE_CONFIG = exports.STYLE_ATTRIBUTE_CONFIG = {
     // 按照一般转换即可，无需额外转换
   }
 };
-/**
- * 校验节点的长度值
- * @param sourceNode
- * @returns
+/**
+ * 校验节点的长度值
+ * @param sourceNode
+ * @returns
  */
 function validateLengthNode(sourceNode) {
   const {
@@ -1349,10 +1352,10 @@ function validateLengthNode(sourceNode) {
   }
   return validateInfo;
 }
-/**
- * 使用css-tree的语法解析来做校验
- * @param value
- * @returns
+/**
+ * 使用css-tree的语法解析来做校验
+ * @param value
+ * @returns
  */
 function validLength(value) {
   let validateInfo = {
@@ -1368,8 +1371,8 @@ function validLength(value) {
   }
   return validateInfo;
 }
-/**
- * 校验枚举值
+/**
+ * 校验枚举值
  */
 function enumValidate(enumList, sourceNode) {
   const {
@@ -1399,8 +1402,8 @@ function enumValidate(enumList, sourceNode) {
   }
   return validateInfo;
 }
-/**
- * 校验ValueType[]数组中的仅有一个值，且结构为SimpleValueType
+/**
+ * 校验ValueType[]数组中的仅有一个值，且结构为SimpleValueType
  */
 function validSimpleValue(sourceNode) {
   const {
@@ -1428,9 +1431,9 @@ function validSimpleValue(sourceNode) {
   }
   return validateInfo;
 }
-/**
- * 颜色值校验, 支持 rgb, rgba, hsl, hsla, #fff, #fffa, #ffffff, #ffffffaa, named-color
- * @param value
+/**
+ * 颜色值校验, 支持 rgb, rgba, hsl, hsla, #fff, #fffa, #ffffff, #ffffffaa, named-color
+ * @param value
  */
 function validColorNode(sourceNode) {
   const {
@@ -1457,10 +1460,35 @@ function validColorNode(sourceNode) {
     return validateInfo;
   }
 }
-/**
- * 使用css-tree的语法解析来做校验
- * @param value
- * @returns
+function validIntegerNode(sourceNode) {
+  const {
+    value,
+    name: attributeName
+  } = sourceNode;
+  const simpleValueInfo = validSimpleValue(sourceNode);
+  let validateInfo = {
+    level: _sharedUtils.Loglevel.WARN,
+    message: []
+  };
+  if (simpleValueInfo.message.length > 0) {
+    return simpleValueInfo;
+  } else {
+    // 符合单值要求，继续校验
+    value[0] = value[0];
+    const valueStr = value[0].value;
+    const validResult = validInteger(valueStr);
+    if (validResult.message.length > 0) {
+      validateInfo.message = [`The value verification of attribute `, {
+        word: attributeName
+      }, `failed.`, ...validResult.message];
+    }
+    return validateInfo;
+  }
+}
+/**
+ * 使用css-tree的语法解析来做校验
+ * @param value
+ * @returns
  */
 function validColor(value) {
   let validateInfo = {
@@ -1474,10 +1502,10 @@ function validColor(value) {
   }
   return validateInfo;
 }
-/**
- * 校验值符合REGEXP_NAME正则表达式
- * @param sourceNode
- * @returns
+/**
+ * 校验值符合REGEXP_NAME正则表达式
+ * @param sourceNode
+ * @returns
  */
 function validName(sourceNode) {
   const {
@@ -1504,12 +1532,12 @@ function validName(sourceNode) {
   }
   return validateInfo;
 }
-/**
- * 校验位置
- * 1. 位置值长度最多为3
- * 2. 每一个(旧版本中要求值类型必须为长度值)
- * @param sourceNode
- * @returns
+/**
+ * 校验位置
+ * 1. 位置值长度最多为3
+ * 2. 每一个(旧版本中要求值类型必须为长度值)
+ * @param sourceNode
+ * @returns
  */
 function validPosition(sourceNode) {
   let validateInfo = {
@@ -1548,16 +1576,16 @@ function validPosition(sourceNode) {
   }
   return validateInfo;
 }
-/**
- * 校验mylocation属性
- * 1. 属性值最多有三个
- * 2. 扩展值
- *  2.1 第一次出现的颜色为mylocationFillColor属性值
- *  2.2 第二次出现的颜色为mylocationStrokeColor属性值
- *  2.3 url值为mylocationIconPath属性值
- *
- * @param sourceNode
- * @returns
+/**
+ * 校验mylocation属性
+ * 1. 属性值最多有三个
+ * 2. 扩展值
+ *  2.1 第一次出现的颜色为mylocationFillColor属性值
+ *  2.2 第二次出现的颜色为mylocationStrokeColor属性值
+ *  2.3 url值为mylocationIconPath属性值
+ *
+ * @param sourceNode
+ * @returns
  */
 function validMyLocation(sourceNode) {
   let validateInfo = {
@@ -1602,13 +1630,13 @@ function validMyLocation(sourceNode) {
   }
   return validateInfo;
 }
-/**
- * 校验url值，由于parser时已转换了url值，所以校验步骤修改如下：
- * 1. 是否绝对路径
- * 2. 是否为网络值
- * 3. 是否为none
- * @param sourceNode
- * @returns
+/**
+ * 校验url值，由于parser时已转换了url值，所以校验步骤修改如下：
+ * 1. 是否绝对路径
+ * 2. 是否为网络值
+ * 3. 是否为none
+ * @param sourceNode
+ * @returns
  */
 function validUrl(sourceNode) {
   let validateInfo = {
@@ -1636,10 +1664,10 @@ function validUrl(sourceNode) {
   }
   return validateInfo;
 }
-/**
- * 校验单位
- * @param sourceNode
- * @returns
+/**
+ * 校验单位
+ * @param sourceNode
+ * @returns
  */
 function validAngleNode(sourceNode) {
   let validateInfo = {
@@ -1700,4 +1728,22 @@ function translateMyLocation(sourceNode) {
   });
   return targetNode;
 }
+
+/**
+ * 整数校验
+ * @param value 待校验的值
+ * @returns 校验结果信息
+ */
+function validInteger(value) {
+  let validateInfo = {
+    level: _sharedUtils.Loglevel.WARN,
+    message: []
+  };
+  if (!Number.isInteger(Number(value))) {
+    validateInfo.message = [`The value`, {
+      word: `'${value}'`
+    }, `is not an integer`];
+  }
+  return validateInfo;
+}
 const STYLE_ATTRIBUTE_LIST = exports.STYLE_ATTRIBUTE_LIST = Object.keys(STYLE_ATTRIBUTE_CONFIG);

package/lib/ux/enum/StyleSelectorType.js

@@ -58,12 +58,12 @@ function findSelectorIndex(type) {
 function isMeidaType(type) {
   return Object.values(MediaType).includes(type);
 }
-/**
- * 安卓快应用支持所有的媒体类型，只需要判断媒体类型是否合法
- * vela快应用仅支持 MediaType.SCREEN
- * @param type
- * @param projectType
- * @returns
+/**
+ * 安卓快应用支持所有的媒体类型，只需要判断媒体类型是否合法
+ * vela快应用仅支持 MediaType.SCREEN
+ * @param type
+ * @param projectType
+ * @returns
  */
 function isSupportMediaType(type, projectType) {
   let supportedMediaList = [];

package/lib/ux/enum/TemplateNodeType.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-/**
- * TemplateNode 类型枚举
+/**
+ * TemplateNode 类型枚举
  */
 var TemplateNodeType = /*#__PURE__*/function (TemplateNodeType) {
   TemplateNodeType["TEMPLATE"] = "template";

package/lib/ux/enum/android/StyleSelectorName.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-/**
- * StyleSelectorName
+/**
+ * StyleSelectorName
  */
 var StyleSelectorName = /*#__PURE__*/function (StyleSelectorName) {
   StyleSelectorName["FONT_FACE"] = "@FONT-FACE";

package/lib/ux/interface/IUxAst.d.ts

@@ -11,4 +11,6 @@ export default interface IUxAst {
     style: IStyleAst;
     script: IScriptAst;
     data?: any;
+    comments?: any;
+    texts?: any;
 }

package/lib/ux/parser/ScriptParser.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-/**
- * ScriptParser
+/**
+ * ScriptParser
  */
 class ScriptParser {
   constructor(options) {