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

package/lib/ux/utils/BabelUtil.js

@@ -8,50 +8,50 @@ var parser = _interopRequireWildcard(require("@babel/parser"));
 var t = _interopRequireWildcard(require("@babel/types"));
 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; }
-/**
- * @see：node_modules/@vue/compiler-core/dist/compiler-core.cjs.prod.js的 walkIdentifiers函数
- * BabelUtil
+/**
+ * @see：node_modules/@vue/compiler-core/dist/compiler-core.cjs.prod.js的 walkIdentifiers函数
+ * BabelUtil
  */
 class BabelUtil {
-  /**
-   * 是否是对象的标识符
-   *
-   * 例如：  a = {}
-   * @param node
-   * @returns
+  /**
+   * 是否是对象的标识符
+   *
+   * 例如：  a = {}
+   * @param node
+   * @returns
    */
   static isObjectIdentifier(node) {
     return node && (node.type === 'ObjectProperty' || node.type === 'ObjectMethod') && !node.computed;
   }
 
-  /**
-   * 是否是对象键的标识符
-   *
-   * 例如： {x: **}  中的 x
-   * @param node
-   * @param parent
-   * @returns
+  /**
+   * 是否是对象键的标识符
+   *
+   * 例如： {x: **}  中的 x
+   * @param node
+   * @param parent
+   * @returns
    */
   static isObjectKeyIdentifier(node, parent) {
     return this.isObjectIdentifier(parent) && parent.key === node;
   }
 
-  /**
-   * 生成 babel的函数体
-   * @param code
-   * @returns
+  /**
+   * 生成 babel的函数体
+   * @param code
+   * @returns
    */
   static generateFunctionBody(code) {
     const func = `function() {${code}}`;
     return parser.parseExpression(func).body;
   }
 
-  /**
-   * 插入或更新函数到对象
-   *
-   * @param functionName 函数名. 如果存在此函数，则把body插入到最后；否则，添加函数
-   * @param body 新增的函数体
-   * @param path 对象路径(babel的路径)
+  /**
+   * 插入或更新函数到对象
+   *
+   * @param functionName 函数名. 如果存在此函数，则把body插入到最后；否则，添加函数
+   * @param body 新增的函数体
+   * @param path 对象路径(babel的路径)
    */
   static insertOrUpdateFunctionToObject(functionName, body, path) {
     if (path.node.declaration.type === 'ObjectExpression') {
@@ -68,15 +68,15 @@ class BabelUtil {
     }
   }
 
-  /**
-   * 插入import, 如果 `importName` 存在，则不执行操作
-   *
-   * @example
-   * import router from '@system/router'
-   *
-   * @param importName import的名称, 例如：router
-   * @param importPath import的路径, 例如：@system/router
-   * @param param babel节点， 只有 `Program` 类型时才执行
+  /**
+   * 插入import, 如果 `importName` 存在，则不执行操作
+   *
+   * @example
+   * import router from '@system/router'
+   *
+   * @param importName import的名称, 例如：router
+   * @param importPath import的路径, 例如：@system/router
+   * @param param babel节点， 只有 `Program` 类型时才执行
    */
   static insertImportToProgram(importName, importPath, param) {
     if (param.type === 'Program') {

package/lib/ux/utils/ElementConfigUtil.js

@@ -8,8 +8,8 @@ var _sharedUtils = require("@aiot-toolkit/shared-utils");
 var _TemplateUtil = _interopRequireDefault(require("../translate/vela/utils/TemplateUtil"));
 var _QuickAppDocHelp = require("@aiot-toolkit/shared-utils/lib/utils/QuickAppDocHelp");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-/**
- * ElementConfigUtil
+/**
+ * ElementConfigUtil
  */
 class ElementConfigUtil {
   constructor(config) {
@@ -27,15 +27,15 @@ class ElementConfigUtil {
     return false;
   };
 
-  /**
-   *
-   * 对非自定义组件检查元素合法性
-   * 1. 是否有配置
-   * 2. 检查属性值是否合法
-   * 3. 检查是否缺少必填属性
-   * @param tagName 元素名称  <com id="a"> 中的 com
-   * @param importList
-   * @returns
+  /**
+   *
+   * 对非自定义组件检查元素合法性
+   * 1. 是否有配置
+   * 2. 检查属性值是否合法
+   * 3. 检查是否缺少必填属性
+   * @param tagName 元素名称  <com id="a"> 中的 com
+   * @param importList
+   * @returns
    */
   validateElement = (options, tag, attributes, importList) => {
     const tagName = tag.name;
@@ -92,19 +92,19 @@ class ElementConfigUtil {
     return true;
   };
 
-  /**
-   * 检查属性
-   * 1. 是否忽略： data-* 忽略
-   * 2. 如果是事件
-   *    a. 检查是否在 元素 events 或 commonEvents 中
-   *    b. 检查是否有值
-   * 3. 不是事件
-   *    a. 检查是否在attributes配置中
-   *    b. 是否有 enum，如果有，则检查值是否在配置中(不检查动态值)
-   *    c. 是否有 validate，如果有，则执行并返回结果
-   * @param tagName 元素标签名
-   * @param attributeName 属性名
-   * @param attributeValue 属性值
+  /**
+   * 检查属性
+   * 1. 是否忽略： data-* 忽略
+   * 2. 如果是事件
+   *    a. 检查是否在 元素 events 或 commonEvents 中
+   *    b. 检查是否有值
+   * 3. 不是事件
+   *    a. 检查是否在attributes配置中
+   *    b. 是否有 enum，如果有，则检查值是否在配置中(不检查动态值)
+   *    c. 是否有 validate，如果有，则执行并返回结果
+   * @param tagName 元素标签名
+   * @param attributeName 属性名
+   * @param attributeValue 属性值
    */
   validateAttribute = (options, tagName, attribute) => {
     const elementConfig = this.getElementConfig(tagName);

package/lib/ux/utils/StyleMapUtil.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _path = _interopRequireDefault(require("path"));
+var _url = require("url");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 class StyleMapUtil {
   constructor(sourceMapConsumer, lineOffset, options) {
@@ -12,21 +13,21 @@ class StyleMapUtil {
     this.lineOffset = lineOffset;
     this.options = options;
   }
-  /**
-   * 1. 根据生成结果位置找转换前的行列值
-   * 2. 根据样式代码总体偏移量，计算出当前节点行在ux中的行
-   *  2.1 查看map信息，原始行总是从第三行开始计算，-2是去掉生成map信息时多余的偏移量
-   *  2.2 再加上样式代码总体偏移量，就可以计算出实际所在行数
-   * 3. 返回节点原始位置信息
-   *  3.1 原始位置的startLine即为上一步计算了偏移量的行信息
-   *  3.2 原始位置的startColumn为查找到的节点列信息（目前看结果不存在列偏移）
-   *  3.3 原始位置的endLine为startLine+生成结果中所占据行数的值
-   *  3.4 原始位置的endColumn根据map结果，发现存在1个位置的差异，所以-1
-   *  3.5 source存储来源的文件
-   * @param location 生成结果中节点的位置信息
-   * @param consumer 经过解析器获取的map信息生成的consumer对象
-   * @param offset 当前样式代码在ux文件中的偏移量
-   * @returns
+  /**
+   * 1. 根据生成结果位置找转换前的行列值
+   * 2. 根据样式代码总体偏移量，计算出当前节点行在ux中的行
+   *  2.1 查看map信息，原始行总是从第三行开始计算，-2是去掉生成map信息时多余的偏移量
+   *  2.2 再加上样式代码总体偏移量，就可以计算出实际所在行数
+   * 3. 返回节点原始位置信息
+   *  3.1 原始位置的startLine即为上一步计算了偏移量的行信息
+   *  3.2 原始位置的startColumn为查找到的节点列信息（目前看结果不存在列偏移）
+   *  3.3 原始位置的endLine为startLine+生成结果中所占据行数的值
+   *  3.4 原始位置的endColumn根据map结果，发现存在1个位置的差异，所以-1
+   *  3.5 source存储来源的文件
+   * @param location 生成结果中节点的位置信息
+   * @param consumer 经过解析器获取的map信息生成的consumer对象
+   * @param offset 当前样式代码在ux文件中的偏移量
+   * @returns
    */
   transfromLocToPosition(location) {
     const {
@@ -40,12 +41,21 @@ class StyleMapUtil {
       line: location.end.line,
       column: location.end.column
     });
+    let nodeRelativePath = '';
     if (nodeStartPosition.source?.endsWith('.ux') && nodeStartPosition.line) {
       nodeStartPosition.line = nodeStartPosition.line - 1 + this.lineOffset;
     }
     if (nodeEndPosition.source?.endsWith('.ux') && nodeEndPosition.line) {
       nodeEndPosition.line = nodeEndPosition.line - 1 + this.lineOffset;
     }
+    // nodeStartPosition.source在scss转css时会添加file://前缀，在这里需要去掉，以免影响路径的计算
+    if (nodeStartPosition.source) {
+      let decodeStr = decodeURI(nodeStartPosition.source);
+      if (decodeStr.startsWith('file://')) {
+        decodeStr = (0, _url.fileURLToPath)(decodeStr);
+      }
+      nodeRelativePath = _path.default.relative(projectPath, decodeStr).replaceAll(_path.default.sep, _path.default.posix.sep);
+    }
     return {
       pos: 0,
       end: 0,
@@ -53,7 +63,7 @@ class StyleMapUtil {
       startColumn: nodeStartPosition.column || 0,
       endLine: nodeEndPosition.line || 0,
       endColumn: nodeEndPosition.column || 0,
-      source: nodeStartPosition.source ? _path.default.relative(projectPath, decodeURI(nodeStartPosition.source)) : ''
+      source: nodeRelativePath
     };
   }
 }