@tarojs/transformer-wx 2.2.19 → 3.6.20

package/lib/src/index.js

@@ -1,19 +1,20 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-const babel_traverse_1 = require("babel-traverse");
-const babel_generator_1 = require("babel-generator");
+const generator_1 = require("@babel/generator");
+const parser_1 = require("@babel/parser");
+const traverse_1 = require("@babel/traverse");
+const t = require("@babel/types");
 const html_1 = require("html");
-const babel_core_1 = require("babel-core");
+const lodash_1 = require("lodash");
 const ts = require("typescript");
+const adapter_1 = require("./adapter");
 const class_1 = require("./class");
-const utils_1 = require("./utils");
-const t = require("babel-types");
 const constant_1 = require("./constant");
-const adapter_1 = require("./adapter");
-const options_1 = require("./options");
-const lodash_1 = require("lodash");
 const env_1 = require("./env");
-const template = require('babel-template');
+const options_1 = require("./options");
+const utils_1 = require("./utils");
+const wxs_1 = require("./wxs");
+const template = require('@babel/template');
 function getIdsFromMemberProps(member) {
     let ids = [];
     const { object, property } = member;
@@ -41,16 +42,14 @@ function resetTSClassProperty(body) {
     for (const method of body) {
         if (t.isClassMethod(method) && method.kind === 'constructor') {
             if (t.isBlockStatement(method.body)) {
-                method.body.body = method.body.body.filter(statement => {
+                method.body.body = method.body.body.filter((statement) => {
                     if (t.isExpressionStatement(statement) && t.isAssignmentExpression(statement.expression)) {
                         const expr = statement.expression;
                         const { left, right } = expr;
-                        if (t.isMemberExpression(left) &&
-                            t.isThisExpression(left.object) &&
-                            t.isIdentifier(left.property)) {
-                            if ((t.isArrowFunctionExpression(right) || t.isFunctionExpression(right))
-                                ||
-                                    (left.property.name === 'config' && t.isObjectExpression(right))) {
+                        if (t.isMemberExpression(left) && t.isThisExpression(left.object) && t.isIdentifier(left.property)) {
+                            if (t.isArrowFunctionExpression(right) ||
+                                t.isFunctionExpression(right) ||
+                                (left.property.name === 'config' && t.isObjectExpression(right))) {
                                 const classProp = t.classProperty(left.property, right);
                                 body.push(classProp);
                                 handleThirdPartyComponent(classProp);
@@ -67,14 +66,14 @@ function resetTSClassProperty(body) {
 function handleClosureJSXFunc(jsx, mainClass) {
     // 在 ./functional.ts 会把 FunctionExpression 转化为 arrowFunctionExpr
     // 所以我们这里只处理一种情况
-    const arrowFunc = jsx.findParent(p => p.isArrowFunctionExpression());
+    const arrowFunc = jsx.findParent((p) => p.isArrowFunctionExpression());
     if (arrowFunc && arrowFunc.isArrowFunctionExpression()) {
         const parentPath = arrowFunc.parentPath;
         if (parentPath.isVariableDeclarator()) {
             const id = parentPath.node.id;
             if (t.isIdentifier(id) && /^render[A-Z]/.test(id.name)) {
                 const funcName = `renderClosure${id.name.slice(6, id.name.length)}`;
-                mainClass.node.body.body.push(t.classProperty(t.identifier(funcName), lodash_1.cloneDeep(arrowFunc.node)));
+                mainClass.node.body.body.push(t.classProperty(t.identifier(funcName), (0, lodash_1.cloneDeep)(arrowFunc.node)));
                 parentPath.scope.rename(id.name, funcName);
                 arrowFunc.replaceWith(t.memberExpression(t.thisExpression(), t.identifier(funcName)));
             }
@@ -82,11 +81,11 @@ function handleClosureJSXFunc(jsx, mainClass) {
     }
 }
 function findDeclarationScope(path, id) {
-    const scopePath = path.findParent(p => !!p.scope.getOwnBindingIdentifier(id.name));
+    const scopePath = path.findParent((p) => !!p.scope.getOwnBindingIdentifier(id.name));
     if (scopePath) {
         return scopePath;
     }
-    throw utils_1.codeFrameError(path.node, '该引用从未被定义');
+    throw (0, utils_1.codeFrameError)(path.node, '该引用从未被定义');
 }
 function buildFullPathThisPropsRef(id, memberIds, path) {
     const scopePath = findDeclarationScope(path, id);
@@ -97,9 +96,9 @@ function buildFullPathThisPropsRef(id, memberIds, path) {
             const dclId = bindingPath.get('id');
             const dclInit = bindingPath.get('init');
             let dclInitIds = [];
-            if (dclInit.isMemberExpression()) {
+            if (t.isMemberExpression(dclInit)) {
                 dclInitIds = getIdsFromMemberProps(dclInit.node);
-                if (dclId.isIdentifier()) {
+                if (t.isIdentifier(dclId)) {
                     memberIds.shift();
                 }
                 if (dclInitIds[0] === 'this' && dclInitIds[1] === 'props') {
@@ -118,7 +117,8 @@ function handleThirdPartyComponent(expr) {
 function findThirdPartyComponent(properties) {
     for (const prop of properties) {
         if (t.isObjectProperty(prop) &&
-            (t.isIdentifier(prop.key, { name: 'usingComponents' }) || t.isStringLiteral(prop.key, { value: 'usingComponents' })) &&
+            (t.isIdentifier(prop.key, { name: 'usingComponents' }) ||
+                t.isStringLiteral(prop.key, { value: 'usingComponents' })) &&
             t.isObjectExpression(prop.value)) {
             for (const value of prop.value.properties) {
                 if (t.isObjectProperty(value)) {
@@ -133,31 +133,53 @@ function findThirdPartyComponent(properties) {
         }
     }
 }
+function parseCode(code) {
+    const ast = (0, parser_1.parse)(code, {
+        sourceType: 'module',
+        plugins: [
+            'jsx',
+            'flow',
+            'decorators-legacy',
+            ['optionalChainingAssign', { version: '2023-07' }],
+            'sourcePhaseImports',
+            'throwExpressions',
+            'deferredImportEvaluation',
+            'exportDefaultFrom'
+        ],
+    });
+    // 移除Flow类型注释
+    (0, traverse_1.default)(ast, {
+        TypeAnnotation(path) {
+            path.remove();
+        },
+    });
+    return ast;
+}
 function transform(options) {
     if (options.adapter) {
-        adapter_1.setAdapter(options.adapter);
-        if (adapter_1.Adapter.type === "quickapp" /* quickapp */) {
+        (0, adapter_1.setAdapter)(options.adapter);
+        if (adapter_1.Adapter.type === "quickapp" /* Adapters.quickapp */) {
             constant_1.DEFAULT_Component_SET.clear();
             constant_1.DEFAULT_Component_SET.add('div');
             constant_1.DEFAULT_Component_SET.add('Text');
-            constant_1.setFnPrefix('prv-fn-');
+            (0, constant_1.setFnPrefix)('prv-fn-');
         }
     }
-    if (adapter_1.Adapter.type === "swan" /* swan */ || adapter_1.Adapter.type === "quickapp" /* quickapp */) {
-        constant_1.setLoopOriginal('privateOriginal');
-        constant_1.setLoopCallee('anonymousCallee_');
-        constant_1.setLoopState('loopState');
+    if (adapter_1.Adapter.type === "swan" /* Adapters.swan */ || adapter_1.Adapter.type === "quickapp" /* Adapters.quickapp */) {
+        (0, constant_1.setLoopOriginal)('privateOriginal');
+        (0, constant_1.setLoopCallee)('anonymousCallee_');
+        (0, constant_1.setLoopState)('loopState');
     }
-    if (adapter_1.Adapter.type === "quickapp" /* quickapp */) {
-        constant_1.setIsTaroReady('priTaroCompReady');
-        constant_1.setCompId('priCompid');
+    if (adapter_1.Adapter.type === "quickapp" /* Adapters.quickapp */) {
+        (0, constant_1.setIsTaroReady)('priTaroCompReady');
+        (0, constant_1.setCompId)('priCompid');
     }
     const defaultResult = {
         ast: {},
         code: '',
         imageSrcs: '',
         compressedTemplate: '',
-        components: []
+        components: [],
     };
     constant_1.THIRD_PARTY_COMPONENTS.clear();
     const code = options.isTyped
@@ -166,18 +188,19 @@ function transform(options) {
             target: ts.ScriptTarget.ESNext,
             importHelpers: true,
             noEmitHelpers: true,
-            emitDecoratorMetadata: process.env.TS_METADATA === 'true'
+            emitDecoratorMetadata: process.env.TS_METADATA === 'true',
         })
         : options.code;
     options.env = Object.assign({ 'process.env.TARO_ENV': options.adapter || 'weapp' }, options.env || {});
-    options_1.setTransformOptions(options);
+    (0, options_1.setTransformOptions)(options);
     utils_1.setting.sourceCode = code;
     let hasReduxBinding = false;
     // babel-traverse 无法生成 Hub
     // 导致 Path#getSource|buildCodeFrameError 都无法直接使用
     // 原因大概是 babylon.parse 没有生成 File 实例导致 scope 和 path 原型上都没有 `file`
     // 将来升级到 babel@7 可以直接用 parse 而不是 transform
-    const ast = babel_core_1.transform(code, options_1.buildBabelTransformOptions()).ast;
+    // const ast = parser.parse(code, buildBabelTransformOptions() as any) as t.File
+    const ast = parseCode(code);
     // traverse(ast, {
     //   JSXElement (p) {
     //     setIsNormal(false)
@@ -195,14 +218,18 @@ function transform(options) {
     // })
     if (options.isNormal) {
         if (options.isTyped) {
-            const mainClassNode = ast.program.body.find(v => {
+            const mainClassNode = ast.program.body.find((v) => {
                 return t.isClassDeclaration(v);
             });
             if (mainClassNode) {
                 resetTSClassProperty(mainClassNode.body.body);
             }
         }
-        const code = babel_generator_1.default(ast).code;
+        // 对wxs文件进行转换
+        if (options.sourcePath.endsWith('.wxs')) {
+            return (0, wxs_1.traverseWxsFile)(ast, defaultResult);
+        }
+        const code = (0, generator_1.default)(ast.program).code;
         return Object.assign(Object.assign({}, defaultResult), { ast,
             code });
     }
@@ -217,39 +244,41 @@ function transform(options) {
     let storeName;
     let renderMethod;
     let isImportTaro = false;
-    babel_traverse_1.default(ast, {
+    (0, traverse_1.default)(ast, {
         Program: {
             exit(path) {
                 for (const stem of path.node.body) {
                     if (t.isImportDeclaration(stem)) {
                         if (stem.source.value === constant_1.TARO_PACKAGE_NAME) {
                             const specs = stem.specifiers;
-                            if (specs.some(s => t.isImportDefaultSpecifier(s) && s.local.name === 'Taro')) {
+                            if (specs.some((s) => t.isImportDefaultSpecifier(s) && s.local.name === 'Taro')) {
                                 continue;
                             }
                             specs.unshift(t.importDefaultSpecifier(t.identifier('Taro')));
                         }
                     }
                 }
-            }
+            },
         },
         MemberExpression(path) {
             const { property } = path.node;
             const right = path.getSibling('right');
-            if (t.isIdentifier(property, { name: 'config' }) && path.parentPath.isAssignmentExpression() && right.isObjectExpression()) {
+            if (t.isIdentifier(property, { name: 'config' }) &&
+                path.parentPath.isAssignmentExpression() &&
+                right.isObjectExpression()) {
                 const properties = right.node.properties;
                 findThirdPartyComponent(properties);
             }
         },
         JSXText(path) {
-            if (adapter_1.Adapter.type !== "quickapp" /* quickapp */) {
+            if (adapter_1.Adapter.type !== "quickapp" /* Adapters.quickapp */) {
                 return;
             }
             const value = path.node.value;
             if (!value.trim()) {
                 return;
             }
-            utils_1.replaceJSXTextWithTextComponent(path);
+            (0, utils_1.replaceJSXTextWithTextComponent)(path);
         },
         TemplateLiteral(path) {
             const nodes = [];
@@ -281,7 +310,7 @@ function transform(options) {
         },
         ClassDeclaration(path) {
             mainClass = path;
-            const superClass = utils_1.getSuperClassCode(path);
+            const superClass = (0, utils_1.getSuperClassCode)(path);
             if (superClass) {
                 try {
                     componentProperies = transform({
@@ -290,7 +319,7 @@ function transform(options) {
                         code: superClass.code,
                         isTyped: true,
                         sourcePath: superClass.sourcePath,
-                        sourceDir: options.sourceDir
+                        sourceDir: options.sourceDir,
                     }).componentProperies;
                 }
                 catch (error) {
@@ -312,30 +341,30 @@ function transform(options) {
         IfStatement(path) {
             const consequent = path.get('consequent');
             if (!consequent.isBlockStatement()) {
-                consequent.replaceWith(t.blockStatement([
-                    consequent.node
-                ]));
+                consequent.replaceWith(t.blockStatement([consequent.node]));
             }
         },
         CallExpression(path) {
             const callee = path.get('callee');
-            if (utils_1.isContainJSXElement(path)) {
+            if ((0, utils_1.isContainJSXElement)(path)) {
                 return;
             }
             if (callee.isReferencedMemberExpression()) {
-                const id = utils_1.findFirstIdentifierFromMemberExpression(callee.node);
+                const id = (0, utils_1.findFirstIdentifierFromMemberExpression)(callee.node);
                 const property = callee.node.property;
                 if (t.isIdentifier(property) && property.name.startsWith('on')) {
-                    const funcExpr = path.findParent(p => p.isFunctionExpression());
+                    const funcExpr = path.findParent((p) => p.isFunctionExpression());
                     if (funcExpr && funcExpr.isFunctionExpression()) {
-                        const taroAPI = funcExpr.findParent(p => p.isCallExpression() && t.isMemberExpression(p.node.callee) && t.isIdentifier(p.node.callee.object, { name: 'Taro' }));
+                        const taroAPI = funcExpr.findParent((p) => p.isCallExpression() &&
+                            t.isMemberExpression(p.node.callee) &&
+                            t.isIdentifier(p.node.callee.object, { name: 'Taro' }));
                         if (taroAPI && taroAPI.isCallExpression()) {
-                            throw utils_1.codeFrameError(funcExpr.node, '在回调函数使用从 props 传递的函数时，请把回调函数改造为箭头函数并一直使用 `this` 取值');
+                            throw (0, utils_1.codeFrameError)(funcExpr.node, '在回调函数使用从 props 传递的函数时，请把回调函数改造为箭头函数并一直使用 `this` 取值');
                         }
                     }
                 }
                 const calleeIds = getIdsFromMemberProps(callee.node);
-                if (t.isIdentifier(id) && id.name.startsWith('on') && "alipay" /* alipay */ !== adapter_1.Adapter.type) {
+                if (t.isIdentifier(id) && id.name.startsWith('on') && "alipay" /* Adapters.alipay */ !== adapter_1.Adapter.type) {
                     const fullPath = buildFullPathThisPropsRef(id, calleeIds, path);
                     if (fullPath) {
                         path.replaceWith(t.callExpression(fullPath, path.node.arguments));
@@ -345,12 +374,14 @@ function transform(options) {
             if (callee.isReferencedIdentifier()) {
                 const id = callee.node;
                 const ids = [id.name];
-                if (t.isIdentifier(id) && id.name.startsWith('on')) {
-                    const funcExpr = path.findParent(p => p.isFunctionExpression());
+                if (id.name.startsWith('on')) {
+                    const funcExpr = path.findParent((p) => p.isFunctionExpression());
                     if (funcExpr && funcExpr.isFunctionExpression()) {
-                        const taroAPI = funcExpr.findParent(p => p.isCallExpression() && t.isMemberExpression(p.node.callee) && t.isIdentifier(p.node.callee.object, { name: 'Taro' }));
+                        const taroAPI = funcExpr.findParent((p) => p.isCallExpression() &&
+                            t.isMemberExpression(p.node.callee) &&
+                            t.isIdentifier(p.node.callee.object, { name: 'Taro' }));
                         if (taroAPI && taroAPI.isCallExpression()) {
-                            throw utils_1.codeFrameError(funcExpr.node, '在回调函数使用从 props 传递的函数时，请把回调函数改造为箭头函数并一直使用 `this` 取值');
+                            throw (0, utils_1.codeFrameError)(funcExpr.node, '在回调函数使用从 props 传递的函数时，请把回调函数改造为箭头函数并一直使用 `this` 取值');
                         }
                     }
                     const fullPath = buildFullPathThisPropsRef(id, ids, path);
@@ -381,13 +412,13 @@ function transform(options) {
         JSXMemberExpression(path) {
             const { property, object } = path.node;
             if (!t.isJSXIdentifier(property, { name: 'Provider' })) {
-                throw utils_1.codeFrameError(property, '只能在使用 Context.Provider 的情况下才能使用 JSX 成员表达式');
+                throw (0, utils_1.codeFrameError)(property, '只能在使用 Context.Provider 的情况下才能使用 JSX 成员表达式');
             }
             if (!t.isJSXIdentifier(object)) {
                 return;
             }
             const jsx = path.parentPath.parentPath;
-            if (jsx.isJSXElement()) {
+            if (jsx === null || jsx === void 0 ? void 0 : jsx.isJSXElement()) {
                 const componentName = `${object.name}${constant_1.CONTEXT_PROVIDER}`;
                 jsx.node.openingElement.name = t.jSXIdentifier(componentName);
                 if (jsx.node.closingElement) {
@@ -396,7 +427,7 @@ function transform(options) {
             }
         },
         JSXElement(path) {
-            const assignment = path.findParent(p => p.isAssignmentExpression());
+            const assignment = path.findParent((p) => p.isAssignmentExpression());
             if (assignment && assignment.isAssignmentExpression() && !options.isTyped) {
                 const left = assignment.node.left;
                 if (t.isIdentifier(left)) {
@@ -407,34 +438,34 @@ function transform(options) {
                             assignment.remove();
                         }
                         else {
-                            throw utils_1.codeFrameError(path.node, '同一个作用域的JSX 变量延时赋值没有意义。详见：https://github.com/NervJS/taro/issues/550');
+                            throw (0, utils_1.codeFrameError)(path.node, '同一个作用域的JSX 变量延时赋值没有意义。详见：https://github.com/NervJS/taro/issues/550');
                         }
                     }
                 }
             }
-            const switchStatement = path.findParent(p => p.isSwitchStatement());
+            const switchStatement = path.findParent((p) => p.isSwitchStatement());
             if (switchStatement && switchStatement.isSwitchStatement()) {
                 const { discriminant, cases } = switchStatement.node;
-                const ifStatement = cases.map((Case, index) => {
+                const ifStatement = cases
+                    .map((Case, index) => {
                     const [consequent] = Case.consequent;
                     if (!t.isBlockStatement(consequent)) {
-                        throw utils_1.codeFrameError(switchStatement.node, '含有 JSX 的 switch case 语句必须每种情况都用花括号 `{}` 包裹结果');
+                        throw (0, utils_1.codeFrameError)(switchStatement.node, '含有 JSX 的 switch case 语句必须每种情况都用花括号 `{}` 包裹结果');
                     }
-                    const block = t.blockStatement(consequent.body.filter(b => !t.isBreakStatement(b)));
+                    const block = t.blockStatement(consequent.body.filter((b) => !t.isBreakStatement(b)));
                     if (index !== cases.length - 1 && t.isNullLiteral(Case.test)) {
-                        throw utils_1.codeFrameError(Case, '含有 JSX 的 switch case 语句只有最后一个 case 才能是 default');
+                        throw (0, utils_1.codeFrameError)(Case, '含有 JSX 的 switch case 语句只有最后一个 case 才能是 default');
                     }
                     // tslint:disable-next-line: strict-type-predicates
                     const test = Case.test === null ? t.nullLiteral() : t.binaryExpression('===', discriminant, Case.test);
                     return { block, test };
-                }).reduceRight((ifStatement, item) => {
+                })
+                    .reduceRight((ifStatement, item) => {
                     if (t.isNullLiteral(item.test)) {
                         ifStatement.alternate = item.block;
                         return ifStatement;
                     }
-                    const newStatement = t.ifStatement(item.test, item.block, t.isBooleanLiteral(ifStatement.test, { value: false })
-                        ? ifStatement.alternate
-                        : ifStatement);
+                    const newStatement = t.ifStatement(item.test, item.block, t.isBooleanLiteral(ifStatement.test, { value: false }) ? ifStatement.alternate : ifStatement);
                     return newStatement;
                 }, t.ifStatement(t.booleanLiteral(false), t.blockStatement([])));
                 switchStatement.insertAfter(ifStatement);
@@ -443,35 +474,34 @@ function transform(options) {
             const isForStatement = (p) => p && (p.isForStatement() || p.isForInStatement() || p.isForOfStatement());
             const forStatement = path.findParent(isForStatement);
             if (isForStatement(forStatement)) {
-                throw utils_1.codeFrameError(forStatement.node, '不能使用 for 循环操作 JSX 元素，详情：https://github.com/NervJS/taro/blob/master/packages/eslint-plugin-taro/docs/manipulate-jsx-as-array.md');
+                throw (0, utils_1.codeFrameError)(forStatement === null || forStatement === void 0 ? void 0 : forStatement.node, '不能使用 for 循环操作 JSX 元素，详情：https://github.com/NervJS/taro/blob/master/packages/eslint-plugin-taro/docs/manipulate-jsx-as-array.md');
             }
-            const loopCallExpr = path.findParent(p => utils_1.isArrayMapCallExpression(p));
+            const loopCallExpr = path.findParent((p) => (0, utils_1.isArrayMapCallExpression)(p));
             if (loopCallExpr && loopCallExpr.isCallExpression()) {
                 const [func] = loopCallExpr.node.arguments;
                 if (t.isArrowFunctionExpression(func) && !t.isBlockStatement(func.body)) {
-                    func.body = t.blockStatement([
-                        t.returnStatement(func.body)
-                    ]);
+                    func.body = t.blockStatement([t.returnStatement(func.body)]);
                 }
             }
             handleClosureJSXFunc(path, mainClass);
         },
         JSXOpeningElement(path) {
+            var _a;
             const { name } = path.node.name;
             const binding = path.scope.getBinding(name);
             if (process.env.NODE_ENV !== 'test' && binding && binding.kind === 'module') {
                 const bindingPath = binding.path;
-                if (bindingPath.parentPath.isImportDeclaration()) {
+                if ((_a = bindingPath.parentPath) === null || _a === void 0 ? void 0 : _a.isImportDeclaration()) {
                     const source = bindingPath.parentPath.node.source;
                     if (constant_1.DEFAULT_Component_SET.has(name) && source.value !== constant_1.COMPONENTS_PACKAGE_NAME) {
-                        throw utils_1.codeFrameError(bindingPath.parentPath.node, `内置组件名: '${name}' 只能从 ${constant_1.COMPONENTS_PACKAGE_NAME} 引入。`);
+                        throw (0, utils_1.codeFrameError)(bindingPath.parentPath.node, `内置组件名: '${name}' 只能从 ${constant_1.COMPONENTS_PACKAGE_NAME} 引入。`);
                     }
                     if (name === 'Fragment') {
                         path.node.name = t.jSXIdentifier('block');
                     }
                 }
             }
-            if (adapter_1.Adapter.type === "quickapp" /* quickapp */) {
+            if (adapter_1.Adapter.type === "quickapp" /* Adapters.quickapp */) {
                 if (name === 'View') {
                     path.node.name = t.jSXIdentifier('div');
                 }
@@ -484,8 +514,11 @@ function transform(options) {
                 const providerBinding = Object.values(modules).some((m) => m.identifier.name === 'Provider');
                 if (providerBinding) {
                     path.node.name = t.jSXIdentifier('View');
-                    const store = path.node.attributes.find(attr => attr.name.name === 'store');
-                    if (store && t.isJSXExpressionContainer(store.value) && t.isIdentifier(store.value.expression)) {
+                    const store = path.node.attributes.find((attr) => t.isJSXAttribute(attr) && attr.name.name === 'store');
+                    if (store &&
+                        t.isJSXAttribute(store) &&
+                        t.isJSXExpressionContainer(store.value) &&
+                        t.isIdentifier(store.value.expression)) {
                         storeName = store.value.expression.name;
                     }
                     path.node.attributes = [];
@@ -493,11 +526,11 @@ function transform(options) {
             }
             if (constant_1.IMAGE_COMPONENTS.has(name)) {
                 for (const attr of path.node.attributes) {
-                    if (attr.name.name === 'src') {
-                        if (t.isStringLiteral(attr.value)) {
+                    if (t.isJSXAttribute(attr) && attr.name.name === 'src') {
+                        if (t.isJSXAttribute(attr) && t.isStringLiteral(attr.value)) {
                             imageSource.add(attr.value.value);
                         }
-                        else if (t.isJSXExpressionContainer(attr.value)) {
+                        else if (t.isJSXAttribute(attr) && t.isJSXExpressionContainer(attr.value)) {
                             if (t.isStringLiteral(attr.value.expression)) {
                                 imageSource.add(attr.value.expression.value);
                             }
@@ -507,6 +540,7 @@ function transform(options) {
             }
         },
         JSXAttribute(path) {
+            var _a;
             const { name, value } = path.node;
             if (options.jsxAttributeNameReplace) {
                 for (const r in options.jsxAttributeNameReplace) {
@@ -522,18 +556,26 @@ function transform(options) {
             if (!t.isJSXIdentifier(name) || value === null || t.isStringLiteral(value) || t.isJSXElement(value)) {
                 return;
             }
-            const expr = value.expression;
+            const expr = value === null || value === void 0 ? void 0 : value.expression;
             const exprPath = path.get('value.expression');
-            const classDecl = path.findParent(p => p.isClassDeclaration());
-            const classDeclName = classDecl && classDecl.isClassDeclaration() && lodash_1.get(classDecl, 'node.id.name', '');
+            const classDecl = path.findParent((p) => p.isClassDeclaration());
+            const classDeclName = classDecl && classDecl.isClassDeclaration() && (0, lodash_1.get)(classDecl, 'node.id.name', '');
             let isConverted = false;
             if (classDeclName) {
                 isConverted = classDeclName === '_C' || classDeclName.endsWith('Tmpl');
             }
-            if (!t.isBinaryExpression(expr, { operator: '+' }) && !t.isLiteral(expr) && name.name === 'style' && !isConverted) {
-                const jsxID = path.findParent(p => p.isJSXOpeningElement()).get('name');
+            if (!t.isBinaryExpression(expr, { operator: '+' }) &&
+                !t.isLiteral(expr) &&
+                name.name === 'style' &&
+                !isConverted) {
+                const jsxID = (_a = path.findParent((p) => p.isJSXOpeningElement())) === null || _a === void 0 ? void 0 : _a.get('name');
                 if (jsxID && jsxID.isJSXIdentifier() && constant_1.DEFAULT_Component_SET.has(jsxID.node.name)) {
-                    exprPath.replaceWith(t.callExpression(t.identifier(constant_1.INTERNAL_INLINE_STYLE), [expr]));
+                    if (!(0, lodash_1.isArray)(exprPath)) {
+                        exprPath.replaceWith(t.callExpression(t.identifier(constant_1.INTERNAL_INLINE_STYLE), [expr]));
+                    }
+                    else {
+                        exprPath.forEach((item) => item.replaceWith(t.callExpression(t.identifier(constant_1.INTERNAL_INLINE_STYLE), [expr])));
+                    }
                 }
             }
             if (name.name.startsWith('on')) {
@@ -545,7 +587,7 @@ function transform(options) {
                     }
                 }
                 if (exprPath.isReferencedMemberExpression()) {
-                    const id = utils_1.findFirstIdentifierFromMemberExpression(expr);
+                    const id = (0, utils_1.findFirstIdentifierFromMemberExpression)(expr);
                     const ids = getIdsFromMemberProps(expr);
                     if (t.isIdentifier(id)) {
                         const fullPath = buildFullPathThisPropsRef(id, ids, path);
@@ -558,16 +600,14 @@ function transform(options) {
             }
         },
         ClassProperty(path) {
-            const { key: { name }, value } = path.node;
+            const { key: { name }, value, } = path.node;
             if (t.isArrowFunctionExpression(value) || t.isFunctionExpression(value)) {
                 classMethods.set(name, path);
                 if (name.startsWith('render')) {
-                    path.replaceWith(t.classMethod('method', t.identifier(name), value.params, t.isBlockStatement(value.body) ? value.body : t.blockStatement([
-                        t.returnStatement(value.body)
-                    ])));
+                    path.replaceWith(t.classMethod('method', t.identifier(name), value.params, t.isBlockStatement(value.body) ? value.body : t.blockStatement([t.returnStatement(value.body)])));
                 }
             }
-            if (adapter_1.Adapter.type !== "quickapp" /* quickapp */) {
+            if (adapter_1.Adapter.type !== "quickapp" /* Adapters.quickapp */) {
                 return;
             }
             if (path.node.key.name === 'defaultProps' && t.isObjectExpression(path.node.value)) {
@@ -575,29 +615,31 @@ function transform(options) {
                 for (const prop of props) {
                     if (t.isObjectProperty(prop)) {
                         if (t.isStringLiteral(prop.key) && /[A-Z]/.test(prop.key.value) && !prop.key.value.startsWith('on')) {
-                            prop.key = t.stringLiteral(lodash_1.snakeCase(prop.key.value));
+                            prop.key = t.stringLiteral((0, lodash_1.snakeCase)(prop.key.value));
                         }
                         if (t.isIdentifier(prop.key) && /[A-Z]/.test(prop.key.name) && !prop.key.name.startsWith('on')) {
-                            prop.key = t.identifier(lodash_1.snakeCase(prop.key.name));
+                            prop.key = t.identifier((0, lodash_1.snakeCase)(prop.key.name));
                         }
                     }
                 }
             }
         },
         AssignmentExpression(path) {
-            if (adapter_1.Adapter.type !== "quickapp" /* quickapp */) {
+            if (adapter_1.Adapter.type !== "quickapp" /* Adapters.quickapp */) {
                 return;
             }
             const { left, right } = path.node;
-            if (t.isMemberExpression(left) && t.isIdentifier(left.property, { name: 'defaultProps' }) && t.isObjectExpression(right)) {
+            if (t.isMemberExpression(left) &&
+                t.isIdentifier(left.property, { name: 'defaultProps' }) &&
+                t.isObjectExpression(right)) {
                 const props = right.properties;
                 for (const prop of props) {
                     if (t.isObjectProperty(prop)) {
                         if (t.isStringLiteral(prop.key) && /[A-Z]/.test(prop.key.value) && !prop.key.value.startsWith('on')) {
-                            prop.key = t.stringLiteral(lodash_1.snakeCase(prop.key.value));
+                            prop.key = t.stringLiteral((0, lodash_1.snakeCase)(prop.key.value));
                         }
                         if (t.isIdentifier(prop.key) && /[A-Z]/.test(prop.key.name) && !prop.key.name.startsWith('on')) {
-                            prop.key = t.identifier(lodash_1.snakeCase(prop.key.name));
+                            prop.key = t.identifier((0, lodash_1.snakeCase)(prop.key.name));
                         }
                     }
                 }
@@ -606,13 +648,13 @@ function transform(options) {
         ImportDeclaration(path) {
             const source = path.node.source.value;
             if (importSources.has(source)) {
-                throw utils_1.codeFrameError(path.node, '无法在同一文件重复 import 相同的包。');
+                throw (0, utils_1.codeFrameError)(path.node, '无法在同一文件重复 import 相同的包。');
             }
             else {
                 importSources.add(source);
             }
             const names = [];
-            if (source === constant_1.COMPONENTS_PACKAGE_NAME && "quickapp" /* quickapp */ === adapter_1.Adapter.type) {
+            if (source === constant_1.COMPONENTS_PACKAGE_NAME && "quickapp" /* Adapters.quickapp */ === adapter_1.Adapter.type) {
                 path.node.specifiers.forEach((s) => {
                     if (t.isImportSpecifier(s)) {
                         const originalName = s.imported.name;
@@ -627,7 +669,7 @@ function transform(options) {
             if (source === constant_1.TARO_PACKAGE_NAME) {
                 isImportTaro = true;
                 path.node.specifiers.push(t.importSpecifier(t.identifier(constant_1.INTERNAL_SAFE_GET), t.identifier(constant_1.INTERNAL_SAFE_GET)), t.importSpecifier(t.identifier(constant_1.INTERNAL_GET_ORIGNAL), t.identifier(constant_1.INTERNAL_GET_ORIGNAL)), t.importSpecifier(t.identifier(constant_1.INTERNAL_INLINE_STYLE), t.identifier(constant_1.INTERNAL_INLINE_STYLE)), t.importSpecifier(t.identifier(constant_1.HANDLE_LOOP_REF), t.identifier(constant_1.HANDLE_LOOP_REF)), t.importSpecifier(t.identifier(constant_1.GEN_COMP_ID), t.identifier(constant_1.GEN_COMP_ID)), t.importSpecifier(t.identifier(constant_1.GEN_LOOP_COMPID), t.identifier(constant_1.GEN_LOOP_COMPID)));
-                if (adapter_1.Adapter.type !== "alipay" /* alipay */) {
+                if (adapter_1.Adapter.type !== "alipay" /* Adapters.alipay */) {
                     path.node.specifiers.push(t.importSpecifier(t.identifier(constant_1.PROPS_MANAGER), t.identifier(constant_1.PROPS_MANAGER)));
                 }
             }
@@ -654,10 +696,10 @@ function transform(options) {
                     if (source === constant_1.TARO_PACKAGE_NAME && name === 'Component') {
                         path.node.local = t.identifier('__BaseComponent');
                     }
-                }
+                },
             });
             componentSourceMap.set(source, names);
-        }
+        },
     });
     if (!isImportTaro) {
         const specifiers = [
@@ -667,23 +709,25 @@ function transform(options) {
             t.importSpecifier(t.identifier(constant_1.INTERNAL_INLINE_STYLE), t.identifier(constant_1.INTERNAL_INLINE_STYLE)),
             t.importSpecifier(t.identifier(constant_1.HANDLE_LOOP_REF), t.identifier(constant_1.HANDLE_LOOP_REF)),
             t.importSpecifier(t.identifier(constant_1.GEN_COMP_ID), t.identifier(constant_1.GEN_COMP_ID)),
-            t.importSpecifier(t.identifier(constant_1.GEN_LOOP_COMPID), t.identifier(constant_1.GEN_LOOP_COMPID))
+            t.importSpecifier(t.identifier(constant_1.GEN_LOOP_COMPID), t.identifier(constant_1.GEN_LOOP_COMPID)),
         ];
-        if (adapter_1.Adapter.type !== "alipay" /* alipay */) {
+        if (adapter_1.Adapter.type !== "alipay" /* Adapters.alipay */) {
             specifiers.push(t.importSpecifier(t.identifier(constant_1.PROPS_MANAGER), t.identifier(constant_1.PROPS_MANAGER)));
         }
         ast.program.body.unshift(t.importDeclaration(specifiers, t.stringLiteral('@tarojs/taro')));
     }
     if (!mainClass) {
-        const code = babel_generator_1.default(ast).code;
+        const code = (0, generator_1.default)(ast.program).code;
         return Object.assign(Object.assign({}, defaultResult), { ast,
             code });
     }
-    if (adapter_1.Adapter.type === "alipay" /* alipay */) {
+    if (adapter_1.Adapter.type === "alipay" /* Adapters.alipay */) {
         const body = ast.program.body;
         for (const i in body) {
             if (t.isImportDeclaration(body[i]) && !t.isImportDeclaration(body[Number(i) + 1])) {
-                body.splice(Number(i) + 1, 0, t.variableDeclaration('const', [t.variableDeclarator(t.identifier('propsManager'), t.memberExpression(t.identifier('my'), t.identifier('propsManager')))]));
+                body.splice(Number(i) + 1, 0, t.variableDeclaration('const', [
+                    t.variableDeclarator(t.identifier('propsManager'), t.memberExpression(t.identifier('my'), t.identifier('propsManager'))),
+                ]));
                 break;
             }
         }
@@ -697,17 +741,13 @@ function transform(options) {
             ast.program.body.every((node, index, body) => {
                 if (node === statementPath.node) {
                     const settingReduxProvider = t.expressionStatement(t.callExpression(t.memberExpression(t.identifier('ReduxContext'), t.identifier('Provider')), [
-                        t.objectExpression([
-                            t.objectProperty(t.identifier('store'), t.identifier(storeName))
-                        ])
+                        t.objectExpression([t.objectProperty(t.identifier('store'), t.identifier(storeName))]),
                     ]));
                     const ifStem = t.ifStatement(t.memberExpression(t.identifier('ReduxContext'), t.identifier('Provider')), t.blockStatement([
                         settingReduxProvider,
-                        settingReduxProvider // 第一次调用初始化，第二次赋值
+                        settingReduxProvider, // 第一次调用初始化，第二次赋值
                     ]));
-                    body.splice(index + 1, 0, t.expressionStatement(t.callExpression(t.identifier('setStore'), [
-                        t.identifier(storeName)
-                    ])), hasReduxBinding ? ifStem : t.emptyStatement());
+                    body.splice(index + 1, 0, t.expressionStatement(t.callExpression(t.identifier('setStore'), [t.identifier(storeName)])), hasReduxBinding ? ifStem : t.emptyStatement());
                     return false;
                 }
                 return true;
@@ -717,18 +757,18 @@ function transform(options) {
     resetTSClassProperty(mainClass.node.body.body);
     if (options.isApp) {
         renderMethod.replaceWith(t.classMethod('method', t.identifier('_createData'), [], t.blockStatement([])));
-        const code = babel_generator_1.default(ast).code;
+        const code = (0, generator_1.default)(ast.program).code;
         return Object.assign(Object.assign({}, defaultResult), { ast,
             code });
     }
     result = new class_1.Transformer(mainClass, options.sourcePath, componentProperies, options.sourceDir, classMethods).result;
-    result.code = babel_generator_1.default(ast).code;
+    result.code = (0, generator_1.default)(ast.program).code;
     result.ast = ast;
     const lessThanSignReg = new RegExp(constant_1.lessThanSignPlacehold, 'g');
     result.compressedTemplate = result.template.replace(lessThanSignReg, '<');
-    result.template = html_1.prettyPrint(result.template, {
+    result.template = (0, html_1.prettyPrint)(result.template, {
         max_char: 0,
-        unformatted: env_1.isTestEnv ? [] : ['text']
+        unformatted: env_1.isTestEnv ? [] : ['text'],
     });
     result.template = result.template.replace(lessThanSignReg, '<');
     result.imageSrcs = Array.from(imageSource);