@aiot-toolkit/parser 2.0.6-beta.9 → 2.1.0-prender.1

package/lib/ux/config/IElement.d.ts

@@ -1,4 +1,5 @@
 import { Dictionary, Logger } from '@aiot-toolkit/shared-utils';
+import { IAttributeNode } from '../interface/IIdentifierNode';
 interface IElement {
     /**
      * 别名
@@ -8,6 +9,19 @@ interface IElement {
      * @example <img /> 生成为 image
      */
     aliasName?: string;
+    /**
+     * 别名属性
+     *
+     * aliasName 生效时，会将别名属性合并到属性列表中
+     *
+     * @example
+     * ```
+     *  // <button /> 生成为 <input type="button" />
+     *  aliasName='input'
+     *  aliasAttributes=[{name:'type',value:'button'}]
+     * ```
+     */
+    aliasAttributes?: IAttributeNode[];
     /**
      * 允许文字子节点
      *

package/lib/ux/config/StyleBaseConfig.js

@@ -1321,6 +1321,12 @@ const STYLE_ATTRIBUTE_CONFIG = exports.STYLE_ATTRIBUTE_CONFIG = {
   scrollSnapAlign: {
     // csstree-validator可校验
     // 按照一般转换即可，无需额外转换
+  },
+  selectedFontSize: {
+    validate: validateLengthNode
+  },
+  selectedBackgroundColor: {
+    validate: validColorNode
   }
 };
 /**

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

@@ -217,6 +217,17 @@ const elementConfig = {
         name: {}
       }
     },
+    button: {
+      aliasName: 'input',
+      aliasAttributes: [{
+        name: 'type',
+        value: 'button'
+      }],
+      attributes: {
+        name: {},
+        value: {}
+      }
+    },
     input: {
       events: ['change', 'enterkeyclick', 'selectionchange'],
       attributes: {
@@ -804,6 +815,14 @@ const elementConfig = {
           enums: ['none', 'forwards']
         }
       }
+    },
+    'widget-container': {
+      events: ['load'],
+      attributes: {
+        uri: {},
+        size: {},
+        uidata: {}
+      }
     }
   }
 };

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

@@ -0,0 +1,49 @@
+/**
+ * IE2eConfig
+ */
+export default interface IE2eConfig {
+    /**
+     * 测试文件的目录
+     *
+     * 绝对路径 或 相对config文件的路径
+     *
+     * @default "test"
+     */
+    dir: string;
+    /**
+     * 测试模式打包，入口文件的在manifest中的名称
+     */
+    entry: {
+        /**
+         * 自动化测试文件路径：相对config文件的路径 或 绝对路径
+         *
+         * @example "pages/index"
+         */
+        path: string;
+        launchMode?: string;
+    };
+    /**
+     * 待测试的页面配置
+     */
+    testcases?: Array<ITestCase>;
+}
+export interface ITestCase {
+    /**
+     * 页面名称, 对应manifest中的路由名称
+     *
+     * @example "pages/index"
+     */
+    name: string;
+    /**
+     * 测试完成后，等待多久回退到上一个页面，单位ms
+     *
+     * @default 0
+     */
+    sleep?: number;
+    /**
+     * 测试完成后，是否回退到上一个页面
+     *
+     * @default true
+     */
+    back?: boolean;
+}

package/lib/ux/interface/IE2eConfig.js

@@ -0,0 +1 @@
+"use strict";

package/lib/ux/parser/UxParser.js

@@ -11,6 +11,7 @@ var _TemplateUtil = _interopRequireDefault(require("../translate/vela/utils/Temp
 var _UxUtil = _interopRequireDefault(require("../utils/UxUtil"));
 var _ScriptParser = _interopRequireDefault(require("./ScriptParser"));
 var _StyleParser = _interopRequireDefault(require("./StyleParser"));
+var _fsExtra = _interopRequireDefault(require("fs-extra"));
 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; }
@@ -72,14 +73,51 @@ class UxParser {
             };
             break;
           case 'style':
-            const cssContent = parse5.serialize(childNode);
+            // 如果 style 标签有 src 属性，则读取对应的文件内容，否则直接使用 style 标签的内容
+            const src = _UxUtil.default.getStyleSrc(childNode, this.options.filePath);
+            let cssContent = '';
+            const filePath = this.options.filePath;
+            if (src) {
+              // 如果有 src 属性，且 style 标签内有内容，则提示用户 style 标签内的内容会被 src 文件覆盖
+              if (childNode.childNodes && childNode.childNodes.length > 0) {
+                this.options.onLog({
+                  level: _sharedUtils.Loglevel.WARN,
+                  filePath: this.options.filePath,
+                  position: {
+                    startLine: childNode.sourceCodeLocation?.startLine || 0,
+                    startColumn: 0
+                  },
+                  message: [`style tag with src should not have inline content, src file will be used directly`]
+                });
+              }
+              // 读取 src 文件内容，如果文件不存在，则提示用户
+              if (!_fsExtra.default.existsSync(src)) {
+                this.options.onLog({
+                  level: _sharedUtils.Loglevel.WARN,
+                  filePath: this.options.filePath,
+                  position: {
+                    startLine: childNode.sourceCodeLocation?.startLine || 0,
+                    startColumn: 0
+                  },
+                  message: [`style src file does not exist: ${src}`]
+                });
+              } else {
+                cssContent = _fsExtra.default.readFileSync(src).toString();
+                // 解析 css 时需要用到文件路径，所以将options.filePath暂时替换为src，解析完成后再还原
+                this.options.filePath = src;
+              }
+            } else cssContent = parse5.serialize(childNode);
+
             // 获取lang值，组合成文件名
             const langType = _UxUtil.default.getLangType(childNode);
-            const cssFileName = _UxUtil.default.spliceFileName(fileName, langType);
+            // 使用 src 时，cssFileName 以 src 的文件名为准，否则以当前解析的文件名为准
+            const cssFileName = src ? _path.default.basename(src) : _UxUtil.default.spliceFileName(fileName, langType);
             // 转换全局变量为符合lang类型的字符串
             const globalStyle = _UxUtil.default.convertGlobalJson(this.globalVar, langType);
             // 解析CSS 转为 js格式的内容
             const cssParserResult = await new _StyleParser.default(this.options, this.compilerOption, this.collectImageResource, childNode.sourceCodeLocation?.startLine || 0).parser(`${cssContent}\n${globalStyle}`, cssFileName);
+            // 还原 this.options.filePath
+            this.options.filePath = filePath;
             // 多Style标签(TODO: 应该不支持多style标签)
             ast.style.styleContent.push(...cssParserResult.ast.styleContent);
             ast.style.content = parse5.serialize(childNode);

package/lib/ux/translate/vela/ScriptToTypescript.d.ts

@@ -12,8 +12,9 @@ declare class ScriptToTypescript implements ITranslate<IScriptAst, SourceFile> {
     options: IOptions;
     readonly compilerOption: ITranslateOption;
     readonly context: IFileLaneContext;
+    readonly disableCheckCode: boolean;
     private _systemFeatures;
-    constructor(options: IOptions, compilerOption: ITranslateOption, context: IFileLaneContext);
+    constructor(options: IOptions, compilerOption: ITranslateOption, context: IFileLaneContext, disableCheckCode?: boolean);
     translate(sourceTree: IScriptAst, offsetList: IOffset[]): Promise<{
         targetTree: SourceFile;
         mapList: never[];

package/lib/ux/translate/vela/ScriptToTypescript.js

@@ -21,19 +21,23 @@ const BabelPreset = require('@babel/preset-env');
 class ScriptToTypescript {
   _systemFeatures = (() => new Set())();
   constructor(options, compilerOption, context) {
+    let disableCheckCode = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
     this.options = options;
     this.compilerOption = compilerOption;
     this.context = context;
+    this.disableCheckCode = disableCheckCode;
   }
   async translate(sourceTree,
   // eslint-disable-next-line
   offsetList) {
     // 检查代码错误
-    const logs = await this.checkCode(sourceTree);
-    if (logs) {
-      logs.forEach(log => {
-        this.options.onLog(log);
-      });
+    if (!this.disableCheckCode) {
+      const logs = await this.checkCode(sourceTree);
+      if (logs) {
+        logs.forEach(log => {
+          this.options.onLog(log);
+        });
+      }
     }
     // 使用babel实现替换，由此实现自动更新source map
     const content = this.babelScript(sourceTree);
@@ -64,8 +68,11 @@ class ScriptToTypescript {
       compilerOption: this.compilerOption
     }]];
     const pluginList = [{
-      enable: this.compilerOption.enableE2e,
+      enable: this.compilerOption.enableE2e && this.compilerOption.e2eConfigPath,
       path: _path.default.resolve(__dirname, './plugins/e2e.js')
+    }, {
+      enable: this.compilerOption.enableE2e && !this.compilerOption.e2eConfigPath,
+      path: _path.default.resolve(__dirname, './plugins/e2e1.js')
     }, {
       enable: this.compilerOption.startPage && this.options.fileType === 'app',
       path: _path.default.resolve(__dirname, './plugins/startPage.js')
@@ -88,7 +95,7 @@ class ScriptToTypescript {
           targets: {
             node: 8
           },
-          modules: 'commonjs'
+          modules: false
         }]],
         plugins
       });
@@ -99,7 +106,7 @@ class ScriptToTypescript {
       let position = undefined;
       let message = babelError.message;
       if (loc) {
-        const offsetLine = (sourceTree.sourceCodeLocation?.startLine || 0) - 1;
+        const offsetLine = (sourceTree.sourceCodeLocation?.startLine || 1) - 1;
         const startLine = loc.line + offsetLine;
         const startColumn = loc.column;
         // babel 错误信息中包含行列信息，需要替换

package/lib/ux/translate/vela/plugins/e2e.js

@@ -8,7 +8,7 @@ var t = _interopRequireWildcard(require("@babel/types"));
 var parser = _interopRequireWildcard(require("@babel/parser"));
 var _path = _interopRequireDefault(require("path"));
 var _fsExtra = _interopRequireDefault(require("fs-extra"));
-var _sharedUtils = require("@aiot-toolkit/shared-utils");
+var _UxUtil = _interopRequireDefault(require("../../../utils/UxUtil"));
 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; }
@@ -62,10 +62,6 @@ function addAppTestCode(path) {
  *    b. 设置测试函数: 如果 onTestStart 方法已存在，则在其内部添加测试代码；否则，添加 onTestStart方法
  *
  *
- * 2. 如果启用自动路由，且当前页面是首页
- *    a. 从routerList 中过滤出有测试文件的路由
- *    b. 在末尾添加 $generateAutoRunTest
- *    c. 在onShow 方法中调用 $generateAutoRunTest
  *
  *
  * @description 示例
@@ -91,12 +87,20 @@ function addAppTestCode(path) {
  * @param opts
  */
 function addPageTestCode(path, opts) {
-  const e2eConfig = getE2eConfig(opts);
-  const testFilePath = getTestFilePath(opts.options.filePath, opts, e2eConfig);
+  if (!opts.compilerOption.e2eConfigPath) {
+    return;
+  }
+  const e2eConfig = _UxUtil.default.getE2eConfig({
+    projectPath: opts.options.projectPath,
+    e2eConfigPath: opts.compilerOption.e2eConfigPath
+  });
+  const filePath = opts.options.filePath;
+  const testFilePath = getTestFilePath(filePath, opts, e2eConfig);
+  const testCaseConfig = getTestcaseConfig(filePath, opts, e2eConfig);
   // 1
   if (_fsExtra.default.existsSync(testFilePath)) {
     // 1.a
-    const relativePath = _path.default.relative(_path.default.dirname(opts.options.filePath), testFilePath);
+    const relativePath = _path.default.relative(_path.default.dirname(filePath), testFilePath);
     const vmImport = t.importDeclaration([t.importDefaultSpecifier(t.identifier('fnTestCase'))], t.stringLiteral(relativePath));
     if (path.parent.type === 'Program') {
       path.parent.body.unshift(vmImport);
@@ -105,36 +109,21 @@ function addPageTestCode(path, opts) {
     // 1.b
     if (path.node.declaration.type === 'ObjectExpression') {
       const properties = path.node.declaration.properties;
-      insertFun('onTestStart', generateTestFn(), properties);
-    }
-  }
-
-  // 2
-  if (isIndexPage(opts) && e2eConfig.autoRoute) {
-    let {
-      routerList,
-      pageSleep
-    } = e2eConfig.autoRoute;
-    routerList = routerList?.filter(item => hasTestFile(item, opts, e2eConfig));
-    if (!routerList?.length) {
-      opts.options.onLog({
-        level: _sharedUtils.Loglevel.WARN,
-        message: 'missing autoRoute.routerList'
-      });
-      return;
-    }
-    // 2.a
-
-    if (path.node.declaration.type === 'ObjectExpression') {
-      const properties = path.node.declaration.properties;
-
-      // 2.b
-      insertFun('$generateAutoRunTest', generateAutoRouterFn(pageSleep, routerList), properties);
-      // 2.c
-      insertFun('onShow', generateAutoRouterInOnShow(), properties);
+      insertFn('onTestStart', generateTestFn(testCaseConfig), properties);
     }
   }
 }
+function getTestcaseConfig(filePath, opts, e2eConfig) {
+  const {
+    projectPath
+  } = opts.options;
+  const {
+    sourceRoot
+  } = opts.compilerOption;
+  const relativeSrc = _path.default.relative(_path.default.join(projectPath, sourceRoot || ''), filePath);
+  const pageName = _path.default.dirname(relativeSrc).replace(/\\/g, _path.default.posix.sep);
+  return e2eConfig.testcases?.find(item => item.name === pageName);
+}
 
 /**
  * 插入函数
@@ -144,7 +133,7 @@ function addPageTestCode(path, opts) {
  * @param name 函数名
  * @param body 函数体
  */
-function insertFun(name, body, properties) {
+function insertFn(name, body, properties) {
   const fun = properties.find(p => p.type === 'ObjectMethod' && p.key.name === name);
   if (fun) {
     fun.body.body.push(...body.body);
@@ -155,77 +144,6 @@ function insertFun(name, body, properties) {
     }, [], body));
   }
 }
-function hasTestFile(router, opts, e2eConfig) {
-  const manifest = getManifest(opts);
-  if (manifest) {
-    const {
-      pages
-    } = manifest.router;
-    const pageRouter = pages[router];
-    if (!pageRouter) {
-      opts.options.onLog({
-        level: _sharedUtils.Loglevel.WARN,
-        message: [{
-          word: router
-        }, `missing router in manifest.json`]
-      });
-      return false;
-    }
-    const pagePath = `${opts.compilerOption.sourceRoot}/${router}/${pageRouter.component}`;
-    const testFilePath = getTestFilePath(pagePath, opts, e2eConfig);
-    return _fsExtra.default.existsSync(testFilePath);
-  }
-  return false;
-}
-function isIndexPage(opts) {
-  const manifest = getManifest(opts);
-  if (manifest) {
-    const {
-      entry,
-      pages
-    } = manifest.router;
-    const entryItem = pages[entry];
-    const entryPath = `${entry}/${entryItem.component}`;
-    const sourcePath = _path.default.join(opts.options.projectPath, opts.compilerOption.sourceRoot);
-    const filePath = _path.default.relative(sourcePath, opts.options.filePath);
-    const filePathParsed = _path.default.parse(filePath);
-    return entryPath === `${filePathParsed.dir}/${filePathParsed.name}`;
-  }
-  return false;
-}
-function getManifest(opts) {
-  const manifestPath = _path.default.resolve(opts.options.projectPath, opts.compilerOption.sourceRoot, 'manifest.json');
-  if (manifestPath) {
-    return _fsExtra.default.readJSONSync(manifestPath);
-  }
-}
-function getE2eConfig(opts) {
-  const defaultTestDir = 'test';
-  let result = {
-    testDir: _path.default.join(opts.options.projectPath, defaultTestDir)
-  };
-  const {
-    projectPath
-  } = opts.options;
-  const {
-    e2eConfigPath
-  } = opts.compilerOption;
-  if (e2eConfigPath) {
-    const configFilePath = _path.default.resolve(projectPath, e2eConfigPath);
-    const configFileDir = _path.default.dirname(configFilePath);
-    if (_fsExtra.default.existsSync(configFilePath)) {
-      result = _fsExtra.default.readJSONSync(configFilePath, 'utf-8');
-
-      // 目录转换为绝对路径
-      if (result) {
-        result.testDir = _path.default.resolve(configFileDir, result.testDir || defaultTestDir);
-      }
-    } else {
-      throw new Error(`e2e Configuration file does not exist: ${configFilePath}`);
-    }
-  }
-  return result;
-}
 
 /**
  * 获取源文件对应的测试文件地址
@@ -243,14 +161,18 @@ function getTestFilePath(sourceFile, opts, e2eConfig) {
   } = opts.compilerOption;
   const relativeSrc = _path.default.relative(_path.default.join(projectPath, sourceRoot || ''), sourceFile);
   const parsed = _path.default.parse(relativeSrc);
-  return _path.default.join(e2eConfig.testDir, parsed.dir, `${parsed.name}.js`);
+  return _path.default.join(e2eConfig.dir, parsed.dir, `${parsed.name}.js`);
 }
 
 /**
  * 获取测试函数的函数体
  * @returns
  */
-function generateTestFn() {
+function generateTestFn(config) {
+  const {
+    sleep,
+    back = true
+  } = config || {};
   const fn = `function(){
   this.$options = this._options || this.$options;
   if (this.$options._descriptor) {
@@ -262,46 +184,16 @@ function generateTestFn() {
   global.qat = new VelaQuickappTest();
   setTimeout(() => {
     typeof fnTestCase === 'function' && fnTestCase(this)
-    qat.run(() => {
+    qat.run(async () => {
       if (this.back !== "false") {
         console.info("拥有关联测试用例，测试完毕，返回到之前的页面");
         function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
         var _system = _interopRequireDefault($app_require$('@app-module/system.router'));
-        _system.default.back();
+        ${sleep ? `await new Promise(resolve => setTimeout(resolve, ${sleep}));` : ''}
+        ${back ? `_system.default.back();` : ''}
       }
     });
   }, global.CASE_TEST_START);
   }`;
   return parser.parseExpression(fn).body;
-}
-function generateAutoRouterFn() {
-  let sleep = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 3000;
-  let routerList = arguments.length > 1 ? arguments[1] : undefined;
-  const fn = `function(){
-  const routerList = ${JSON.stringify(routerList)}
-  if (!routerList) {
-      console.log('missing routerList');
-      return;
-    }
-    if (this.autoTestPageIndex === undefined) {
-      this.autoTestPageIndex = -1;
-    }
-
-    setTimeout(() => {
-      if (++this.autoTestPageIndex < routerList.length) {
-        const uri = routerList[this.autoTestPageIndex];
-        console.log(\`auto test page=\${uri}, index=\${this.autoTestPageIndex}\`);
-        router.push({ uri });
-      } else {
-        console.log('auto test finish');
-      }
-    }, ${sleep});
-  }`;
-  return parser.parseExpression(fn).body;
-}
-function generateAutoRouterInOnShow() {
-  const fn = `function(){
-  this.$generateAutoRunTest();
-  }`;
-  return parser.parseExpression(fn).body;
 }

package/lib/ux/translate/vela/plugins/e2e1.d.ts

@@ -0,0 +1,8 @@
+import { PluginObj, PluginPass } from '@babel/core';
+/**
+ * 用于添加应用自动化测试代码
+ * 分为两种情况
+ * 1. app文件
+ * 2. page 文件
+ */
+export default function e2e(): PluginObj<PluginPass>;

package/lib/ux/translate/vela/plugins/e2e1.js

@@ -0,0 +1,307 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = e2e;
+var t = _interopRequireWildcard(require("@babel/types"));
+var parser = _interopRequireWildcard(require("@babel/parser"));
+var _path = _interopRequireDefault(require("path"));
+var _fsExtra = _interopRequireDefault(require("fs-extra"));
+var _sharedUtils = require("@aiot-toolkit/shared-utils");
+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; }
+/**
+ * 用于添加应用自动化测试代码
+ * 分为两种情况
+ * 1. app文件
+ * 2. page 文件
+ */
+function e2e() {
+  return {
+    visitor: {
+      ExportDefaultDeclaration(path, _ref) {
+        let {
+          opts
+        } = _ref;
+        const opts2 = opts;
+        const options = opts2.options;
+        switch (options.fileType) {
+          case 'page':
+            addPageTestCode(path, opts2);
+            break;
+          case 'app':
+            addAppTestCode(path);
+            break;
+        }
+      }
+    }
+  };
+}
+
+/**
+ * 添加 app 的测试代码
+ *
+ * 引入测试框架文件
+ * @param path
+ * @param opts
+ */
+function addAppTestCode(path) {
+  const runtimePath = _path.default.join(__dirname, '../runtime/velaTestLibrary.js');
+  const appImport = t.importDeclaration([], t.stringLiteral(runtimePath));
+  if (path.parent.type === 'Program') {
+    path.parent.body.unshift(appImport);
+  }
+}
+
+/**
+ * 添加页面的测试代码
+ * 1. 如果测试文件存在，则
+ *    a. import 测试文件
+ *    b. 设置测试函数: 如果 onTestStart 方法已存在，则在其内部添加测试代码；否则，添加 onTestStart方法
+ *
+ *
+ * 2. 如果启用自动路由，且当前页面是首页
+ *    a. 从routerList 中过滤出有测试文件的路由
+ *    b. 在末尾添加 $generateAutoRunTest
+ *    c. 在onShow 方法中调用 $generateAutoRunTest
+ *
+ *
+ * @description 示例
+ *
+ * 源码 `src/home/myHome.ux`
+ * ```
+ *
+ * export default {}
+ * ```
+ *
+ * 产物
+ * ```
+ * import fnTestCase from 'test/home/myHome.js'
+ *
+ * export default {
+ *  onTestStart: (){
+ *      // code
+ *   }
+ * }
+ * ```
+ *
+ * @param path
+ * @param opts
+ */
+function addPageTestCode(path, opts) {
+  const e2eConfig = getE2eConfig(opts);
+  const testFilePath = getTestFilePath(opts.options.filePath, opts, e2eConfig);
+  // 1
+  if (_fsExtra.default.existsSync(testFilePath)) {
+    // 1.a
+    const relativePath = _path.default.relative(_path.default.dirname(opts.options.filePath), testFilePath);
+    const vmImport = t.importDeclaration([t.importDefaultSpecifier(t.identifier('fnTestCase'))], t.stringLiteral(relativePath));
+    if (path.parent.type === 'Program') {
+      path.parent.body.unshift(vmImport);
+    }
+
+    // 1.b
+    if (path.node.declaration.type === 'ObjectExpression') {
+      const properties = path.node.declaration.properties;
+      insertFun('onTestStart', generateTestFn(), properties);
+    }
+  }
+
+  // 2
+  if (isIndexPage(opts) && e2eConfig.autoRoute) {
+    let {
+      routerList,
+      pageSleep
+    } = e2eConfig.autoRoute;
+    routerList = routerList?.filter(item => hasTestFile(item, opts, e2eConfig));
+    if (!routerList?.length) {
+      opts.options.onLog({
+        level: _sharedUtils.Loglevel.WARN,
+        message: 'missing autoRoute.routerList'
+      });
+      return;
+    }
+    // 2.a
+
+    if (path.node.declaration.type === 'ObjectExpression') {
+      const properties = path.node.declaration.properties;
+
+      // 2.b
+      insertFun('$generateAutoRunTest', generateAutoRouterFn(pageSleep, routerList), properties);
+      // 2.c
+      insertFun('onShow', generateAutoRouterInOnShow(), properties);
+    }
+  }
+}
+
+/**
+ * 插入函数
+ *
+ * 如果已存在，把函数体插入到指定函数末尾；不存在，则添加
+ *
+ * @param name 函数名
+ * @param body 函数体
+ */
+function insertFun(name, body, properties) {
+  const fun = properties.find(p => p.type === 'ObjectMethod' && p.key.name === name);
+  if (fun) {
+    fun.body.body.push(...body.body);
+  } else {
+    properties.push(t.objectMethod('method', {
+      name: name,
+      type: 'Identifier'
+    }, [], body));
+  }
+}
+function hasTestFile(router, opts, e2eConfig) {
+  const manifest = getManifest(opts);
+  if (manifest) {
+    const {
+      pages
+    } = manifest.router;
+    const pageRouter = pages[router];
+    if (!pageRouter) {
+      opts.options.onLog({
+        level: _sharedUtils.Loglevel.WARN,
+        message: [{
+          word: router
+        }, `missing router in manifest.json`]
+      });
+      return false;
+    }
+    const pagePath = `${opts.compilerOption.sourceRoot}/${router}/${pageRouter.component}`;
+    const testFilePath = getTestFilePath(pagePath, opts, e2eConfig);
+    return _fsExtra.default.existsSync(testFilePath);
+  }
+  return false;
+}
+function isIndexPage(opts) {
+  const manifest = getManifest(opts);
+  if (manifest) {
+    const {
+      entry,
+      pages
+    } = manifest.router;
+    const entryItem = pages[entry];
+    const entryPath = `${entry}/${entryItem.component}`;
+    const sourcePath = _path.default.join(opts.options.projectPath, opts.compilerOption.sourceRoot);
+    const filePath = _path.default.relative(sourcePath, opts.options.filePath);
+    const filePathParsed = _path.default.parse(filePath);
+    return entryPath === `${filePathParsed.dir}/${filePathParsed.name}`;
+  }
+  return false;
+}
+function getManifest(opts) {
+  const manifestPath = _path.default.resolve(opts.options.projectPath, opts.compilerOption.sourceRoot, 'manifest.json');
+  if (manifestPath) {
+    return _fsExtra.default.readJSONSync(manifestPath);
+  }
+}
+function getE2eConfig(opts) {
+  const defaultTestDir = 'test';
+  let result = {
+    testDir: _path.default.join(opts.options.projectPath, defaultTestDir)
+  };
+  const {
+    projectPath
+  } = opts.options;
+  const {
+    e2eConfigPath
+  } = opts.compilerOption;
+  if (e2eConfigPath) {
+    const configFilePath = _path.default.resolve(projectPath, e2eConfigPath);
+    const configFileDir = _path.default.dirname(configFilePath);
+    if (_fsExtra.default.existsSync(configFilePath)) {
+      result = _fsExtra.default.readJSONSync(configFilePath, 'utf-8');
+
+      // 目录转换为绝对路径
+      if (result) {
+        result.testDir = _path.default.resolve(configFileDir, result.testDir || defaultTestDir);
+      }
+    } else {
+      throw new Error(`e2e Configuration file does not exist: ${configFilePath}`);
+    }
+  }
+  return result;
+}
+
+/**
+ * 获取源文件对应的测试文件地址
+ * @param sourceFile 源文件
+ * @param opts
+ * @param e2eConfig
+ * @returns
+ */
+function getTestFilePath(sourceFile, opts, e2eConfig) {
+  const {
+    projectPath
+  } = opts.options;
+  const {
+    sourceRoot
+  } = opts.compilerOption;
+  const relativeSrc = _path.default.relative(_path.default.join(projectPath, sourceRoot || ''), sourceFile);
+  const parsed = _path.default.parse(relativeSrc);
+  return _path.default.join(e2eConfig.testDir, parsed.dir, `${parsed.name}.js`);
+}
+
+/**
+ * 获取测试函数的函数体
+ * @returns
+ */
+function generateTestFn() {
+  const fn = `function(){
+  this.$options = this._options || this.$options;
+  if (this.$options._descriptor) {
+    this.$options._descriptor["back"] = {
+      access: "public",
+    };
+  }
+  global.CASE_TEST_START = global.CASE_TEST_START || 1000;
+  global.qat = new VelaQuickappTest();
+  setTimeout(() => {
+    typeof fnTestCase === 'function' && fnTestCase(this)
+    qat.run(() => {
+      if (this.back !== "false") {
+        console.info("拥有关联测试用例，测试完毕，返回到之前的页面");
+        function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+        var _system = _interopRequireDefault($app_require$('@app-module/system.router'));
+        _system.default.back();
+      }
+    });
+  }, global.CASE_TEST_START);
+  }`;
+  return parser.parseExpression(fn).body;
+}
+function generateAutoRouterFn() {
+  let sleep = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 3000;
+  let routerList = arguments.length > 1 ? arguments[1] : undefined;
+  const fn = `function(){
+  const routerList = ${JSON.stringify(routerList)}
+  if (!routerList) {
+      console.log('missing routerList');
+      return;
+    }
+    if (this.autoTestPageIndex === undefined) {
+      this.autoTestPageIndex = -1;
+    }
+
+    setTimeout(() => {
+      if (++this.autoTestPageIndex < routerList.length) {
+        const uri = routerList[this.autoTestPageIndex];
+        console.log(\`auto test page=\${uri}, index=\${this.autoTestPageIndex}\`);
+        router.push({ uri });
+      } else {
+        console.log('auto test finish');
+      }
+    }, ${sleep});
+  }`;
+  return parser.parseExpression(fn).body;
+}
+function generateAutoRouterInOnShow() {
+  const fn = `function(){
+  this.$generateAutoRunTest();
+  }`;
+  return parser.parseExpression(fn).body;
+}

package/lib/ux/translate/vela/utils/SourceMapUtil.d.ts

@@ -52,5 +52,9 @@ declare class SourceMapUtil {
      * @returns
      */
     static countStatementLines(originStr: string): number;
+    /**
+     * 拼接正文和source map
+     */
+    static concatSourceMap(content: string, sourceMap: string): string;
 }
 export default SourceMapUtil;

package/lib/ux/translate/vela/utils/SourceMapUtil.js

@@ -114,5 +114,11 @@ class SourceMapUtil {
     let lineCount = (originStr.match(/\n/g) || []).length + 1;
     return lineCount;
   }
+  /**
+   * 拼接正文和source map
+   */
+  static concatSourceMap(content, sourceMap) {
+    return `${content}\n//# sourceMappingURL=data:application/json;base64,${Buffer.from(sourceMap).toString('base64')}`;
+  }
 }
 var _default = exports.default = SourceMapUtil;

package/lib/ux/translate/vela/utils/TemplateUtil.js

@@ -367,6 +367,7 @@ class TemplateUtil {
     }
     const elementConfig = getElementConfig(tag.name);
     const effectTag = elementConfig?.aliasName || tag.name;
+    const aliasAttributes = elementConfig?.aliasAttributes;
     const {
       globalInstance,
       dataInstance,
@@ -374,7 +375,7 @@ class TemplateUtil {
     } = this.context;
     const result = `${globalInstance}.${callerName}("${effectTag}", ${_sharedUtils.StringUtil.objectToString({
       [dataInstance]: dataInstanceValue,
-      __opts__: await this.attributesToObject(attributes, identifiers, {
+      __opts__: await this.attributesToObject(aliasAttributes ? [...aliasAttributes, ...attributes] : attributes, identifiers, {
         nameToCamel: true
       })
     })}, ${children})`;

package/lib/ux/utils/StyleUtil.js

@@ -537,7 +537,7 @@ class StyleUtil {
         if (!(0, _StyleSelectorType.isSupportMediaType)(mediaTypeName, projectType)) {
           // 报错
           onLog({
-            level: _sharedUtils.Loglevel.ERROR,
+            level: _sharedUtils.Loglevel.WARN,
             filePath: filePath,
             position: node.loc ? styleMapUil.transfromLocToPosition(node.loc) : undefined,
             message: [`Unsupported media type `, {

package/lib/ux/utils/UxUtil.d.ts

@@ -2,6 +2,7 @@ import { Dictionary } from '@aiot-toolkit/shared-utils';
 import { Element } from 'aiot-parse5/dist/tree-adapters/default';
 import IImportAst from '../interface/IImportAst';
 import ITranslateOption from '../interface/ITranslateOption';
+import IE2eConfig from '../interface/IE2eConfig';
 /**
  * UxParserUtil
  */
@@ -47,5 +48,18 @@ declare class UxUtil {
      */
     static isAbsoluteResource(path?: string): boolean;
     static importToTypescript(importList: IImportAst[], compilerOption: ITranslateOption): string[];
+    static getE2eConfig(option: {
+        projectPath: string;
+        e2eConfigPath: string;
+    }): IE2eConfig;
+    /**
+     * 获取 style 标签的 src 属性值
+     * 如果 src 是相对路径，则需要拼接路径
+     *
+     * @param node
+     * @param filePath
+     * @returns
+     */
+    static getStyleSrc(node: Element, filePath: string): string;
 }
 export default UxUtil;

package/lib/ux/utils/UxUtil.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _path = _interopRequireDefault(require("path"));
+var _fsExtra = _interopRequireDefault(require("fs-extra"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /**
  * UxParserUtil
@@ -97,7 +98,7 @@ class UxUtil {
         name,
         src
       } = item;
-      const pushList = [`$app_exports$['${name.toLowerCase()}'] = require('${src}')`];
+      const pushList = [`import ${name.toLowerCase().replace(/-/g, '_')}_comp from '${src}'`];
 
       // 如果开启统计，添加引用组件耗时日志
       if (compilerOption.enableStats) {
@@ -108,5 +109,45 @@ class UxUtil {
     }
     return appImport;
   }
+  static getE2eConfig(option) {
+    const defaultTestDir = 'test';
+    const {
+      projectPath,
+      e2eConfigPath
+    } = option;
+    const configFilePath = _path.default.resolve(projectPath, e2eConfigPath);
+    const configFileDir = _path.default.dirname(configFilePath);
+    if (_fsExtra.default.existsSync(configFilePath)) {
+      const obj = _fsExtra.default.readJSONSync(configFilePath, 'utf-8');
+      const dir = _path.default.resolve(configFileDir, obj.dir || defaultTestDir);
+      if (!obj.entry) {
+        throw new Error(`e2e Configuration file error: missing entry field`);
+      }
+      const result = {
+        ...obj,
+        dir
+      };
+      return result;
+    } else {
+      throw new Error(`e2e Configuration file does not exist: ${configFilePath}`);
+    }
+  }
+
+  /**
+   * 获取 style 标签的 src 属性值
+   * 如果 src 是相对路径，则需要拼接路径
+   *
+   * @param node
+   * @param filePath
+   * @returns
+   */
+  static getStyleSrc(node, filePath) {
+    for (let attr of node.attrs) {
+      if (attr.name === 'src') {
+        return UxUtil.isAbsoluteResource(attr.value) ? attr.value : _path.default.join(_path.default.dirname(filePath), attr.value);
+      }
+    }
+    return '';
+  }
 }
 var _default = exports.default = UxUtil;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aiot-toolkit/parser",
-  "version": "2.0.6-beta.9",
+  "version": "2.1.0-prender.1",
   "description": "Parse the source code of aiot and convert it to the AST (Abstract Syntax Tree) of the target code.",
   "keywords": [
     "aiot",
@@ -20,7 +20,7 @@
     "test": "node ./__tests__/parser.test.js"
   },
   "dependencies": {
-    "@aiot-toolkit/shared-utils": "2.0.6-beta.9",
+    "@aiot-toolkit/shared-utils": "2.1.0-prender.1",
     "@babel/core": "^7.23.6",
     "@babel/generator": "^7.24.10",
     "@babel/parser": "^7.24.8",
@@ -31,7 +31,7 @@
     "css-tree": "npm:aiot-css-tree@^2.3.1",
     "csstree-validator": "^3.0.0",
     "eslint": "^8.46.0",
-    "file-lane": "2.0.6-beta.9",
+    "file-lane": "2.1.0-prender.1",
     "fs-extra": "^11.2.0",
     "google-protobuf": "^3.21.2",
     "less": "^4.2.0",
@@ -60,5 +60,5 @@
     "@types/tinycolor2": "^1.4.6",
     "babel-plugin-tester": "^11.0.4"
   },
-  "gitHead": "18718f09f1ee7f1d7361022c5fb7858c87cee2bd"
+  "gitHead": "8bb39a59fbe7a7c22c1167e69d44c78024330cec"
 }