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

package/lib/ux/utils/StyleUtil.js

@@ -12,86 +12,84 @@ var _path = _interopRequireDefault(require("path"));
 var _CompressConfig = require("../config/CompressConfig");
 var _StyleSelectorType = require("../enum/StyleSelectorType");
 var _StyleAttributeConfig = require("../config/vela/StyleAttributeConfig");
-var colord = _interopRequireWildcard(require("colord"));
-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; }
+var _tinycolor = _interopRequireDefault(require("tinycolor2"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-/**
- * StyleUtil
+/**
+ * StyleUtil
  */
 class StyleUtil {
-  /**
-   * 判断节点是否为declaration节点
-   * @param node
-   * @returns
+  /**
+   * 判断节点是否为declaration节点
+   * @param node
+   * @returns
    */
   static isDeclaration(node) {
     return node.type === 'Declaration';
   }
 
-  /**
-   * 判断节点是否为Identifier类型
-   * @param node
-   * @returns
+  /**
+   * 判断节点是否为Identifier类型
+   * @param node
+   * @returns
    */
   static isIdentifier(node) {
     return node.type === 'Identifier';
   }
 
-  /**
-   * 判断节点是否为SelectorList类型
-   * @param node
-   * @returns
+  /**
+   * 判断节点是否为SelectorList类型
+   * @param node
+   * @returns
    */
   static isSelectorList(node) {
     return node.type === 'SelectorList';
   }
 
-  /**
-   * 判断节点是否为AtrulePrelude类型
-   * @param node
-   * @returns
+  /**
+   * 判断节点是否为AtrulePrelude类型
+   * @param node
+   * @returns
    */
   static isAtrulePrelude(node) {
     return node.type === 'AtrulePrelude';
   }
 
-  /**
-   * 判断节点是否为MediaFeature类型
-   * @param node
-   * @returns
+  /**
+   * 判断节点是否为MediaFeature类型
+   * @param node
+   * @returns
    */
   static isMediaFeature(node) {
     return node.type === 'MediaFeature';
   }
-  /**
-   * 判断节点是否为MediaQuery类型
-   * @param node
-   * @returns
+  /**
+   * 判断节点是否为MediaQuery类型
+   * @param node
+   * @returns
    */
   static isMediaQuery(node) {
     return node.type === 'MediaQuery';
   }
 
-  /**
-   * 判断节点是否为MediaQueryList类型
-   * @param node
-   * @returns
+  /**
+   * 判断节点是否为MediaQueryList类型
+   * @param node
+   * @returns
    */
   static isMediaQueryList(node) {
     return node.type === 'MediaQueryList';
   }
 
-  /**
-   * 生成节点的name
-   * 1. 节点存在name且存在value时，nodeName = generate(node)生成css代码
-   * 2. 节点存在name且没有value时，nodeName = node.name
-   * 3. 节点存在value且没有name时，nodeName = node.value
-   *
-   * 例如：#title为存在name且没有value的情况，应返回node.name返回;
-   * 例如：50% {}时，节点存在value没有name,应返回node.value
-   * @param node
-   * @returns
+  /**
+   * 生成节点的name
+   * 1. 节点存在name且存在value时，nodeName = generate(node)生成css代码
+   * 2. 节点存在name且没有value时，nodeName = node.name
+   * 3. 节点存在value且没有name时，nodeName = node.value
+   *
+   * 例如：#title为存在name且没有value的情况，应返回node.name返回;
+   * 例如：50% {}时，节点存在value没有name,应返回node.value
+   * @param node
+   * @returns
    */
   static generateNodename(node) {
     let nodeName = '';
@@ -108,13 +106,13 @@ class StyleUtil {
     }
     return nodeName;
   }
-  /**
-   * 处理 @media 媒体查询条件
-   * 1. 循环MediaQueryList节点的子节点（MediaQuery节点）
-   * 2. 检查每个MediaQuery节点的媒体类型
-   *
-   * @param node
-   * @returns
+  /**
+   * 处理 @media 媒体查询条件
+   * 1. 循环MediaQueryList节点的子节点（MediaQuery节点）
+   * 2. 检查每个MediaQuery节点的媒体类型
+   *
+   * @param node
+   * @returns
    */
   static parseMediaQueryList(options, node, styleMapUtil) {
     let resultList = [];
@@ -165,15 +163,15 @@ class StyleUtil {
     return resultList;
   }
 
-  /**
-   * 处理css中资源引入
-   * 1. 判断是否为绝对路径
-   *  1.1 资源路径为绝对路径时
-   *  1.2 资源路径为非绝对路径时，拼接路径为一个绝对路径
-   * 2. 判断由第一步生成的绝对路径是否在指定路径外
-   *  2.1 资源在指定路径外，复制资源到指定文件夹下，返回修改后的路径
-   *  2.2 资源在指定路径内，返回相对路径
-   *
+  /**
+   * 处理css中资源引入
+   * 1. 判断是否为绝对路径
+   *  1.1 资源路径为绝对路径时
+   *  1.2 资源路径为非绝对路径时，拼接路径为一个绝对路径
+   * 2. 判断由第一步生成的绝对路径是否在指定路径外
+   *  2.1 资源在指定路径外，复制资源到指定文件夹下，返回修改后的路径
+   *  2.2 资源在指定路径内，返回相对路径
+   *
    */
   static handleDynamicAssets(options, compilerOption, assetsPath, collectImageResource, position) {
     // 判断url值是否为网址等
@@ -237,14 +235,14 @@ class StyleUtil {
     }
   }
 
-  /**
-   * 转换相对路径为 “相对项目源码目录的绝对路径”
-   *
-   * 例如：有文件`project/src/page/a.so`，则将 `./a.so` 转换为 `/page/a.so`
-   * @param reslovePath 路径值， 例如  `require('./a.so'), 则此值为 `./a.so`
-   * @param options
-   * @param compilerOption
-   * @returns
+  /**
+   * 转换相对路径为 “相对项目源码目录的绝对路径”
+   *
+   * 例如：有文件`project/src/page/a.so`，则将 `./a.so` 转换为 `/page/a.so`
+   * @param reslovePath 路径值， 例如  `require('./a.so'), 则此值为 `./a.so`
+   * @param options
+   * @param compilerOption
+   * @returns
    */
   static getRelativePath(reslovePath, options, compilerOption) {
     const {
@@ -275,11 +273,11 @@ class StyleUtil {
     return true;
   }
 
-  /**
-   * 收集解析错误
-   * @param error
-   * @param fallbackNode
-   * @returns
+  /**
+   * 收集解析错误
+   * @param error
+   * @param fallbackNode
+   * @returns
    */
   static collectParserError(error, fallbackNode) {
     // 检查错误解析是否为需要输出
@@ -309,11 +307,11 @@ class StyleUtil {
     }
   }
 
-  /**
-   * 收集CSS语法错误
-   * @param errors
-   * @param trace 是否需要追溯到上一次sourcemap, default: false
-   * @returns
+  /**
+   * 收集CSS语法错误
+   * @param errors
+   * @param trace 是否需要追溯到上一次sourcemap, default: false
+   * @returns
    */
   static collectSyntaxError(errors, instance) {
     let trace = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
@@ -415,15 +413,15 @@ class StyleUtil {
     return syntaxErrors;
   }
 
-  /**
-   * 相同选择器时融合样式
-   * 1. 遍历待融合列表，如果元素长度为3，判断选择器列表是否在存储列表中存在
-   * 2. 存在相同选择器列表时，再判断condition是否一致，都一致表示为相同选择器
-   * 3. 如果元素长度为2,判断选择器列表是否在存储列表中存在，是则表示为相同选择器
-   * 4. 如果元素长度为1,则提示样式内容为空，去掉该选择器
-   * @param compareList 存储融合结果的样式列表
-   * @param candidateList 待融合的样式列表
-   * @returns
+  /**
+   * 相同选择器时融合样式
+   * 1. 遍历待融合列表，如果元素长度为3，判断选择器列表是否在存储列表中存在
+   * 2. 存在相同选择器列表时，再判断condition是否一致，都一致表示为相同选择器
+   * 3. 如果元素长度为2,判断选择器列表是否在存储列表中存在，是则表示为相同选择器
+   * 4. 如果元素长度为1,则提示样式内容为空，去掉该选择器
+   * @param compareList 存储融合结果的样式列表
+   * @param candidateList 待融合的样式列表
+   * @returns
    */
   static mergeSelectorList(compareList, candidateList) {
     let resultList = [...compareList];
@@ -483,19 +481,19 @@ class StyleUtil {
     return resultList;
   }
 
-  /**
-   * 判断StyleItem类型的节点是否有"condition"属性
-   * @param conditionNode
-   * @returns
+  /**
+   * 判断StyleItem类型的节点是否有"condition"属性
+   * @param conditionNode
+   * @returns
    */
   static isConditionStyleItem(conditionNode) {
     return 'condition' in conditionNode && typeof conditionNode['condition'] === 'string';
   }
 
-  /**
-   * 转换百分号
-   * @param unit
-   * @returns
+  /**
+   * 转换百分号
+   * @param unit
+   * @returns
    */
   static translatePercentage(unit) {
     return unit === 'Percentage' ? '%' : unit;
@@ -504,25 +502,25 @@ class StyleUtil {
     return obj && 'name' in obj && 'param' in obj;
   }
 
-  /**
-   * 压缩css属性名
-   * 1. 取出转换结果中的每一组样式（ 选择器 + 样式对象）styleNode
-   *  一般样式的格式为：
-   *  [
-   *    [[]],
-   *    {}
-   *  ]
-   *  1.1 @meida的样式不需要压缩 (condition + 选择器 + 样式对象)
-   *  [
-   *    {},
-   *    [[]],
-   *    {}
-   *  ]
-   * 2. 从styleNode中取出样式对象 AttrObj
-   * 3. 遍历样式对象，找到属性对应的压缩值
-   * 4. 替换属性名和属性值
-   * @param sourceNodes
-   * @returns
+  /**
+   * 压缩css属性名
+   * 1. 取出转换结果中的每一组样式（ 选择器 + 样式对象）styleNode
+   *  一般样式的格式为：
+   *  [
+   *    [[]],
+   *    {}
+   *  ]
+   *  1.1 @meida的样式不需要压缩 (condition + 选择器 + 样式对象)
+   *  [
+   *    {},
+   *    [[]],
+   *    {}
+   *  ]
+   * 2. 从styleNode中取出样式对象 AttrObj
+   * 3. 遍历样式对象，找到属性对应的压缩值
+   * 4. 替换属性名和属性值
+   * @param sourceNodes
+   * @returns
    */
   static compressStyleAttributeName(sourceNodes) {
     const cloneNodes = _lodash.default.cloneDeep(sourceNodes);
@@ -547,16 +545,16 @@ class StyleUtil {
     return cloneNodes;
   }
 
-  /**
-   * 检查每一个MediaQuery的MediaType
-   * 1. 判断节点是否为MediaQuery类型，非MediaQuery暂不处理
-   * 2. 取出节点的所有子节点
-   * 3. MediaType应该只出现在前两个Identifier节点中
-   *  3.1 @media screen and...时，screen在第一个Identifier节点上
-   *  3.2 @media not|only screen and...时，screen在第二个Identifier节点上
-   *  3.3 @media not {}
-   * 4. 校验MediaType是否合法
-   *
+  /**
+   * 检查每一个MediaQuery的MediaType
+   * 1. 判断节点是否为MediaQuery类型，非MediaQuery暂不处理
+   * 2. 取出节点的所有子节点
+   * 3. MediaType应该只出现在前两个Identifier节点中
+   *  3.1 @media screen and...时，screen在第一个Identifier节点上
+   *  3.2 @media not|only screen and...时，screen在第二个Identifier节点上
+   *  3.3 @media not {}
+   * 4. 校验MediaType是否合法
+   *
    */
   static checkMediaType(options, node, styleMapUil) {
     const {
@@ -612,18 +610,18 @@ class StyleUtil {
     }
   }
 
-  /**
-   * 转换 keyframe 的规则项
-   *
-   * @param rule 规则项。 示例
-   * ```css
-   * from {
-   *  width: 100px;
-   *  color: red;
-   * }
-   * ```
-   * @param options
-   * @returns
+  /**
+   * 转换 keyframe 的规则项
+   *
+   * @param rule 规则项。 示例
+   * ```css
+   * from {
+   *  width: 100px;
+   *  color: red;
+   * }
+   * ```
+   * @param options
+   * @returns
    */
   static translateKeyFramesRule(rule, options) {
     const {
@@ -671,17 +669,17 @@ class StyleUtil {
     return result;
   }
 
-  /**
-   * 转换样式块
-   * @param sourceNodes 样式块. 示例
-   * ```css
-   * {
-   *    color: red;
-   *    font-size: 12px
-   * }
-   * ```
-   * @param options
-   * @returns
+  /**
+   * 转换样式块
+   * @param sourceNodes 样式块. 示例
+   * ```css
+   * {
+   *    color: red;
+   *    font-size: 12px
+   * }
+   * ```
+   * @param options
+   * @returns
    */
   static translateBlock(sourceNodes, options) {
     let targetList = {};
@@ -719,15 +717,15 @@ class StyleUtil {
     return targetList;
   }
 
-  /**
-   * 转换值节点
-   *
-   * 1. ComplexValueType类型
-   * 2. SimpleValueType类型
-   * 无论哪种类型，转换后还是数组
-   *
-   * @param sourceNode sourceNode为数组，且数组元素只会是一种类型
-   * @returns
+  /**
+   * 转换值节点
+   *
+   * 1. ComplexValueType类型
+   * 2. SimpleValueType类型
+   * 无论哪种类型，转换后还是数组
+   *
+   * @param sourceNode sourceNode为数组，且数组元素只会是一种类型
+   * @returns
    */
   static translateValueNode(sourceNode) {
     // 1.
@@ -750,12 +748,12 @@ class StyleUtil {
     }
   }
 
-  /**
-   * 1. 数字值且无单位，则转换为数字, 示例: opaticy: 1 的"1" -->1
-   * 2. 颜色值，进行格式化，示例: rgba(1,1,1,.88) --> rgba(1,1,1.0.88)
-   * 3. 其它，保持原值，但百分比单位转换为%
-   * @param node
-   * @returns
+  /**
+   * 1. 数字值且无单位，则转换为数字, 示例: opaticy: 1 的"1" -->1
+   * 2. 颜色值，进行格式化，示例: rgba(1,1,1,.88) --> rgba(1,1,1.0.88)
+   * 3. 其它，保持原值，但百分比单位转换为%
+   * @param node
+   * @returns
    */
   static translateNodeValue(node) {
     const {
@@ -769,41 +767,45 @@ class StyleUtil {
       return numberValue;
     }
     // 2
-    else if (StyleUtil.isColor(value)) {
-      return StyleUtil.formatColor(value);
+    else if (StyleUtil.isColor(`${value}${unit}`)) {
+      return StyleUtil.formatColor(`${value}${unit}`);
     }
     // 3
     return node.value + this.translatePercentage(unit);
   }
   static isColor(color) {
-    const colorItem = colord.colord(color);
+    const colorItem = (0, _tinycolor.default)(color);
     return colorItem.isValid();
   }
   static formatColor(color) {
-    const colorItem = colord.colord(color);
+    const colorItem = (0, _tinycolor.default)(color);
     if (!colorItem.isValid()) {
       return color;
     }
-    const format = colord.getFormat(color);
+    const format = colorItem.getFormat();
     switch (format) {
       case 'hex':
-        return colorItem.toHex().toString();
+        return colorItem.toHexString();
+      case 'hex8':
+        return colorItem.toHex8String();
       case 'rgb':
         return colorItem.toRgbString();
       case 'hsl':
         return colorItem.toHslString();
+      case 'name':
+        return color;
       default:
         return colorItem.toRgbString();
     }
   }
 
-  /**
-   * 属性值目前存储在数组中，该函数将数组中的值转换为字符串、数字
-   * animation-name属性值为 ['GO','Color','scaleX'] --> "GO, Color, scaleX"
-   * opacity属性值为 [1] --> 数字1
-   * transform属性值为对象`transform: scale(1) rotate(180deg)` --> `transform: '{"scaleX":1,"scaleY":1,"rotate":"180deg"}'`
-   * @param value
-   * @returns
+  /**
+   * 属性值目前存储在数组中，该函数将数组中的值转换为字符串、数字
+   * animation-name属性值为 ['GO','Color','scaleX'] --> "GO, Color, scaleX"
+   * opacity属性值为 [1] --> 数字1
+   * transform属性值为对象`transform: scale(1) rotate(180deg)` --> `transform: '{"scaleX":1,"scaleY":1,"rotate":"180deg"}'`
+   * @param value
+   * @returns
    */
   static translateToNormalValue(value) {
     if (typeof value === 'object') {

package/lib/ux/utils/UxUtil.js

@@ -6,15 +6,15 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _path = _interopRequireDefault(require("path"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-/**
- * UxParserUtil
+/**
+ * UxParserUtil
  */
 class UxUtil {
-  /**
-   * 重组文件名
-   * @param fileName
-   * @param extValue
-   * @returns
+  /**
+   * 重组文件名
+   * @param fileName
+   * @param extValue
+   * @returns
    */
   static spliceFileName(fileName, extValue) {
     const {
@@ -22,10 +22,10 @@ class UxUtil {
     } = _path.default.parse(fileName);
     return name && extValue ? `${name}.${extValue}` : '';
   }
-  /**
-   * 获取css的lang类型
-   * @param node
-   * @returns
+  /**
+   * 获取css的lang类型
+   * @param node
+   * @returns
    */
   static getLangType(node) {
     let langType = 'css';
@@ -37,27 +37,27 @@ class UxUtil {
     }
     return langType;
   }
-  /**
-   * 更新文件路径中的后缀
-   * @param path
-   * @param extValue
-   * @returns
+  /**
+   * 更新文件路径中的后缀
+   * @param path
+   * @param extValue
+   * @returns
    */
   static updateFileName(path, extValue) {
     const dirName = _path.default.dirname(path);
     let newFileName = UxUtil.spliceFileName(path, extValue);
     return newFileName ? _path.default.posix.join(dirName, newFileName) : path;
   }
-  /**
-   * 将全局变量根据样式语言类型转为对应的变量声明
-   * {
-   *  "a": "#fff"
-   * }
-   * 转为
-   * $a: #fff 或者 @a: #fff
-   * @param globalVar
-   * @param langType
-   * @returns
+  /**
+   * 将全局变量根据样式语言类型转为对应的变量声明
+   * {
+   *  "a": "#fff"
+   * }
+   * 转为
+   * $a: #fff 或者 @a: #fff
+   * @param globalVar
+   * @param langType
+   * @returns
    */
   static convertGlobalJson(globalVar) {
     let langType = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'css';
@@ -73,12 +73,12 @@ class UxUtil {
     return varArray.join('\n');
   }
 
-  /**
-   * 是否是绝对资源路径
-   *
-   * 1. 以/开头：/a/b/c.png
-   * 2. 以 ***://开头的视为绝对路径: package://a.png
-   * @param path
+  /**
+   * 是否是绝对资源路径
+   *
+   * 1. 以/开头：/a/b/c.png
+   * 2. 以 ***://开头的视为绝对路径: package://a.png
+   * @param path
    */
   static isAbsoluteResource(path) {
     if (!path) {

package/lib/ux/validate/ElementValidate.js

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

package/lib/ux/validate/UxFileValidate.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aiot-toolkit/parser",
-  "version": "2.0.5-beta.8",
+  "version": "2.0.5-widget-provider-beta.1",
   "description": "Parse the source code of aiot and convert it to the AST (Abstract Syntax Tree) of the target code.",
   "keywords": [
     "aiot",
@@ -20,8 +20,7 @@
     "test": "node ./__tests__/parser.test.js"
   },
   "dependencies": {
-    "@aiot-toolkit/generator": "2.0.5-beta.8",
-    "@aiot-toolkit/shared-utils": "2.0.5-beta.8",
+    "@aiot-toolkit/shared-utils": "2.0.5-widget-provider-beta.1",
     "@babel/core": "^7.23.6",
     "@babel/generator": "^7.24.10",
     "@babel/parser": "^7.24.8",
@@ -29,11 +28,10 @@
     "@babel/traverse": "^7.23.7",
     "@babel/types": "^7.23.6",
     "aiot-parse5": "^1.0.2",
-    "colord": "^2.9.3",
     "css-tree": "npm:aiot-css-tree@^2.3.1",
     "csstree-validator": "^3.0.0",
     "eslint": "^8.46.0",
-    "file-lane": "2.0.5-beta.8",
+    "file-lane": "2.0.5-widget-provider-beta.1",
     "fs-extra": "^11.2.0",
     "google-protobuf": "^3.21.2",
     "less": "^4.2.0",
@@ -46,6 +44,7 @@
     "sass": "^1.69.5",
     "sass-alias": "^2.0.1",
     "source-map": "^0.7.4",
+    "tinycolor2": "^1.6.0",
     "ts-morph": "^19.0.0",
     "vela-chai": "^1.0.2",
     "vela-quickapp-test": "^1.0.13"
@@ -58,7 +57,8 @@
     "@types/postcss-import": "^14.0.3",
     "@types/postcss-url": "^10.0.4",
     "@types/reserved-words": "^0.1.4",
+    "@types/tinycolor2": "^1.4.6",
     "babel-plugin-tester": "^11.0.4"
   },
-  "gitHead": "4604e54b9b009689782201b828f39a067f5fb0d4"
+  "gitHead": "64842a2c374b8b3b344cef377d9c032eaf1a99a7"
 }