xhs-mp-compiler-cli 1.0.1-beta.0

package/dist/webpack-config/loaders/component-entry-requirements-loader.js

@@ -0,0 +1,24 @@
+"use strict";
+// @ts-nocheck
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const getMlSuffixName_1 = __importDefault(require("../../utils/getMlSuffixName"));
+const common_1 = require("../../utils/common");
+function entryLoader() {
+    const { miniprogramDir, jsonDependencies } = this._compiler.xhsData;
+    const { compPath } = this.getOptions();
+    const { pkg, root } = this.getOptions();
+    for (const file of jsonDependencies) {
+        this.addDependency(file);
+    }
+    let name = 'XHS_COMPONENTS';
+    if (pkg === 'sub') {
+        name = `XHS_COMPONENTS_${root}`;
+    }
+    return `
+  ;(globalThis['${name}'] || (globalThis['${name}'] = { default: {} })).default['${compPath}'] = () => require('${(0, common_1.unixJoin)(miniprogramDir, `${compPath}.${(0, getMlSuffixName_1.default)()}`)}')
+   `;
+}
+module.exports = entryLoader;

package/dist/webpack-config/loaders/mini-style-loader.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/webpack-config/loaders/mini-style-loader.js

@@ -0,0 +1,69 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const webpack_sources_1 = require("webpack-sources");
+const cssnano_1 = __importDefault(require("cssnano"));
+const common_1 = require("../../utils/common");
+const CSS_MINIMIZER_OPTIONS = {
+    preset: ['default', { normalizeUrl: false, calc: false }],
+};
+const minify = (source, name) => __awaiter(void 0, void 0, void 0, function* () {
+    var _a, _b;
+    const postcssOptions = {
+        to: name,
+        from: name,
+    };
+    try {
+        const result = yield cssnano_1.default.process(source, postcssOptions, CSS_MINIMIZER_OPTIONS);
+        return {
+            code: result.css,
+            warnings: (_b = (_a = result.warnings()) === null || _a === void 0 ? void 0 : _a.map) === null || _b === void 0 ? void 0 : _b.call(_a, i => i.toString())
+        };
+    }
+    catch (error) {
+        return {
+            code: source,
+        };
+    }
+});
+function miniStyleLoader(source) {
+    var _a;
+    const callback = this.async();
+    const { resourcePath } = this;
+    const { miniprogramDir, enableVDom, enableV1, enableV2, independent } = this.getOptions();
+    const shortPath = (0, common_1.getShortPath)(miniprogramDir, resourcePath).replace(/\.wxss$/, ".css");
+    source = (_a = source === null || source === void 0 ? void 0 : source.trim) === null || _a === void 0 ? void 0 : _a.call(source);
+    function result(code) {
+        if (!code) {
+            return `export default void 0;`;
+        }
+        // 判断浏览器环境，注入css添加逻辑
+        return new webpack_sources_1.RawSource(`globalThis.localStorage && globalThis.__XHS_APPEND_CSS(${JSON.stringify(code)});
+export default ${JSON.stringify(shortPath)};
+    `).source();
+    }
+    // 压缩css
+    minify(source, shortPath)
+        .then(({ code, warnings }) => {
+        // vdom架构下emit出一份css文件
+        if ((independent || enableVDom) && code) {
+            enableV1 && this.emitFile(`v1/${shortPath}`, code);
+            enableV2 && this.emitFile(`v2/${shortPath}`, code);
+        }
+        callback(null, result(code));
+    }).catch(error => {
+        callback(error);
+    });
+}
+module.exports = miniStyleLoader;

package/dist/webpack-config/loaders/ml-loader/index.d.ts

@@ -0,0 +1,3 @@
+import { LoaderContext } from 'webpack';
+declare function mlLoader(this: LoaderContext<{}>, source: string): Promise<void>;
+export default mlLoader;

package/dist/webpack-config/loaders/ml-loader/index.js

@@ -0,0 +1,66 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const fs_extra_1 = __importDefault(require("fs-extra"));
+const ml2vue_1 = __importDefault(require("./ml2vue"));
+const getCssSuffixName_1 = __importDefault(require("../../../utils/getCssSuffixName"));
+const getMlSuffixName_1 = __importDefault(require("../../../utils/getMlSuffixName"));
+const common_1 = require("../../../utils/common");
+const isCustomComponents = (filePath) => {
+    try {
+        const json = JSON.parse(fs_extra_1.default.readFileSync(`${filePath}.json`, 'utf-8'));
+        return json.component;
+    }
+    catch (error) {
+        return false;
+    }
+};
+function mlLoader(source) {
+    return __awaiter(this, void 0, void 0, function* () {
+        var _a, _b, _c, _d, _e, _f, _g, _h;
+        const callback = this.async();
+        try {
+            const { resourcePath, _compiler, resourceQuery } = this;
+            // @ts-ignore
+            const xhsData = (_compiler === null || _compiler === void 0 ? void 0 : _compiler.xhsData) || {};
+            const shortPath = (0, common_1.getShortPath)(xhsData.miniprogramDir, resourcePath);
+            const styleIsolation = (_d = (_c = (_b = (_a = xhsData.appJSON) === null || _a === void 0 ? void 0 : _a.componentsMap) === null || _b === void 0 ? void 0 : _b[shortPath]) === null || _c === void 0 ? void 0 : _c.styleIsolation) !== null && _d !== void 0 ? _d : null;
+            const componentIndex = styleIsolation === 'shared' ? 0 : (_h = (_g = (_f = (_e = xhsData.appJSON) === null || _e === void 0 ? void 0 : _e.componentsMap) === null || _f === void 0 ? void 0 : _f[shortPath]) === null || _g === void 0 ? void 0 : _g.index) !== null && _h !== void 0 ? _h : null;
+            const reg = new RegExp(`.${(0, getMlSuffixName_1.default)()}$`);
+            const filePath = (0, common_1.toUnixPath)(resourcePath.replace(reg, ''));
+            // 收集 imports / includes
+            const importMap = {};
+            const includeMap = {};
+            // 收集 sjs module name
+            const sjsScopeNames = [];
+            const res = yield (0, ml2vue_1.default)(this, xhsData.miniprogramDir, source, shortPath, filePath, importMap, includeMap, isCustomComponents(filePath), componentIndex, resourceQuery, sjsScopeNames);
+            if (fs_extra_1.default.existsSync(`${filePath}.${(0, getCssSuffixName_1.default)()}`)) {
+                this.addDependency(`${filePath}.${(0, getCssSuffixName_1.default)()}`);
+            }
+            // fse.writeFileSync(`${__dirname}/.testTemp.vue`, res)
+            // if (/catchTapTest/g.test(res)) {
+            //   fse.writeFileSync(`${__dirname}/.testTemp.vue`, res)
+            // }
+            // if (res.includes('include')) {
+            // fse.writeFileSync(`${__dirname}/.testTemp.vue`, res)
+            // debugger
+            // }
+            callback(null, res);
+        }
+        catch (error) {
+            callback(error);
+        }
+    });
+}
+exports.default = mlLoader;

package/dist/webpack-config/loaders/ml-loader/ml2vue/generator.d.ts

@@ -0,0 +1,2 @@
+declare const HTMLGenerator: (item: any, parent: any, eachFn: any) => any;
+export default HTMLGenerator;

package/dist/webpack-config/loaders/ml-loader/ml2vue/generator.js

@@ -0,0 +1,107 @@
+"use strict";
+// @ts-nocheck
+Object.defineProperty(exports, "__esModule", { value: true });
+let result = '';
+const emptyTags = {
+    area: 1,
+    base: 1,
+    basefont: 1,
+    br: 1,
+    col: 1,
+    frame: 1,
+    hr: 1,
+    img: 1,
+    input: 1,
+    isindex: 1,
+    link: 1,
+    meta: 1,
+    param: 1,
+    embed: 1,
+    '?xml': 1,
+};
+const ampRe = /&/g;
+// var looseAmpRe = /&([^a-z#]|#(?:[^0-9x]|x(?:[^0-9a-f]|$)|$)|$)/gi
+const ltRe = /</g;
+const gtRe = />/g;
+const quotRe = /"/g;
+const eqRe = /=/g;
+const config = {
+    disableAttribEscape: true,
+};
+function escapeAttrib(s) {
+    if (config.disableAttribEscape === true) {
+        return s.toString();
+    }
+    // null or undefined
+    if (s == null) {
+        return '';
+    }
+    if (s.toString && typeof s.toString === 'function') {
+        // Escaping '=' defangs many UTF-7 and SGML short-tag attacks.
+        return s
+            .toString()
+            .replace(ampRe, '&amp;')
+            .replace(ltRe, '&lt;')
+            .replace(gtRe, '&gt;')
+            .replace(quotRe, '&#34;')
+            .replace(eqRe, '&#61;');
+    }
+    return '';
+}
+const HTMLGenerator = (item, parent, eachFn) => {
+    // apply recursively to arrays
+    if (Array.isArray(item)) {
+        // parent, not item: the parent of an array item is not the array,
+        // but rather the element that contained the array
+        return item.map(subitem => HTMLGenerator(subitem, parent, eachFn)).join('');
+    }
+    let orig = item;
+    if (eachFn) {
+        item = eachFn(item, parent);
+    }
+    if (typeof item !== 'undefined' && typeof item.type !== 'undefined') {
+        switch (item.type) {
+            case 'text':
+                return item.data;
+            case 'directive':
+                return `<${item.data}>`;
+            case 'comment':
+                return `<!--${item.data}-->`;
+            case 'style':
+            case 'script':
+            case 'tag':
+                result = `<${item.name}`;
+                if (item.attribs && Object.keys(item.attribs).length > 0) {
+                    const attrString = Object.keys(item.attribs)
+                        .map(key => {
+                        if (key === 'v-else' || key.startsWith('v-slot:')) {
+                            return key;
+                        }
+                        return `${key}="${escapeAttrib(item.attribs[key])}"`;
+                    })
+                        .join(' ');
+                    result += ` ${attrString}`;
+                }
+                if (item.children) {
+                    // parent becomes the current element
+                    // check if the current item (before any eachFns are run) - is a renderable
+                    if (!orig.render) {
+                        orig = parent;
+                    }
+                    result += `>${HTMLGenerator(item.children, orig, eachFn)}${emptyTags[item.name] ? '' : `</${item.name}>`}`;
+                }
+                else if (emptyTags[item.name]) {
+                    result += '>';
+                }
+                else {
+                    result += `></${item.name}>`;
+                }
+                return result;
+            case 'cdata':
+                return `<!CDATA[${item.data}]]>`;
+            default:
+        }
+    }
+    return item;
+};
+exports.default = HTMLGenerator;

package/dist/webpack-config/loaders/ml-loader/ml2vue/index.d.ts

@@ -0,0 +1,6 @@
+declare const ml2vue: (context: any, miniprogramDir: string, sourceCode: string, shortPath: string, filePath: string, importMap: {
+    [key: string]: string[];
+} | undefined, includeMap: {
+    [key: string]: string[];
+} | undefined, isCustomComponents: boolean, componentIndex: number | null, resourceQuery: any, sjsScopeNames: string[]) => Promise<any>;
+export default ml2vue;

package/dist/webpack-config/loaders/ml-loader/ml2vue/index.js

@@ -0,0 +1,64 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const fs_extra_1 = __importDefault(require("fs-extra"));
+const parser_1 = __importDefault(require("./parser"));
+const transformer_1 = __importDefault(require("./transformer"));
+const generator_1 = __importDefault(require("./generator"));
+const injectTemplate_1 = __importDefault(require("./injectTemplate"));
+const injectScript_1 = __importDefault(require("./injectScript"));
+const getCssSuffixName_1 = __importDefault(require("../../../../utils/getCssSuffixName"));
+const SjsModule_1 = __importDefault(require("../../../../globalData/SjsModule"));
+const utils_1 = require("./utils");
+const ml2vue = (context_1, miniprogramDir_1, sourceCode_1, shortPath_1, filePath_1, ...args_1) => __awaiter(void 0, [context_1, miniprogramDir_1, sourceCode_1, shortPath_1, filePath_1, ...args_1], void 0, function* (context, miniprogramDir, sourceCode, shortPath, filePath, importMap = {}, includeMap = {}, isCustomComponents, componentIndex, resourceQuery, sjsScopeNames) {
+    let ast = yield (0, parser_1.default)(sourceCode);
+    let importBy = '';
+    const isInclude = resourceQuery.includes('include=true');
+    ast = (0, utils_1.sortNodes)(ast);
+    if (resourceQuery.includes('importBy="')) {
+        // 被 import 的文件，只有 template name 下的内容、import 标签生效
+        const filterImportNodes = node => node.type === 'tag' && ((0, utils_1.isTemplateDefineNode)(node) || (0, utils_1.isImportNode)(node));
+        ast = ast.filter(filterImportNodes);
+        importBy = resourceQuery.match(/importBy="(.+?)"/)[1];
+    }
+    if (isInclude) {
+        const includeTagFilter = node => !(0, utils_1.isTemplateDefineNode)(node) || node.name !== 'wxs';
+        ast = ast.filter(includeTagFilter);
+    }
+    const distAst = yield (0, transformer_1.default)(context, ast, filePath, importMap, includeMap, componentIndex, importBy, sjsScopeNames);
+    // @ts-ignore
+    let distCode = (0, generator_1.default)(distAst);
+    // 使用 <template> <xhs-page> 等标签包裹
+    const isPage = !(isCustomComponents || importBy || isInclude);
+    distCode = (0, injectTemplate_1.default)(distCode, shortPath, isPage);
+    const cssPath = `${filePath}.${(0, getCssSuffixName_1.default)()}`;
+    const cssExists = !importBy && !isInclude && fs_extra_1.default.existsSync(cssPath);
+    // 当前文件存在 import 或者 include 时，或者使用了 sjs 时，修改 script 部分
+    if (importMap[filePath] ||
+        includeMap[filePath] ||
+        Object.keys(SjsModule_1.default.moduleMap).includes(filePath) ||
+        cssExists) {
+        distCode = (0, injectScript_1.default)({
+            cssPath: cssExists ? cssPath : '',
+            miniprogramDir,
+            source: distCode,
+            filePath,
+            imports: importMap[filePath],
+            includes: includeMap[filePath],
+            sjsModules: SjsModule_1.default.moduleMap,
+        });
+    }
+    return distCode;
+});
+exports.default = ml2vue;

package/dist/webpack-config/loaders/ml-loader/ml2vue/injectScript.d.ts

@@ -0,0 +1,11 @@
+import { ModuleMap } from '../../../../globalData/SjsModule';
+declare const injectScript: ({ cssPath, miniprogramDir, source, filePath, imports, includes, sjsModules, }: {
+    cssPath: string;
+    miniprogramDir: string;
+    source: string;
+    filePath: string;
+    imports: string[];
+    includes: string[];
+    sjsModules: ModuleMap;
+}) => string;
+export default injectScript;

package/dist/webpack-config/loaders/ml-loader/ml2vue/injectScript.js

@@ -0,0 +1,41 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const path_1 = __importDefault(require("path"));
+const utils_1 = require("./utils");
+const common_1 = require("../../../../utils/common");
+const injectScript = ({ cssPath, miniprogramDir, source, filePath, imports = [], includes = [], sjsModules, }) => {
+    const importStatements = {};
+    const sjsRelations = {};
+    for (const targetPath of imports) {
+        const compName = (0, utils_1.formatPathToVar)(targetPath);
+        importStatements[compName] = `import ${compName} from '${(0, common_1.toUnixPath)(targetPath)}?importBy="${(0, utils_1.formatPathToVar)(filePath)}"'`;
+    }
+    for (const targetPath of includes) {
+        const compName = (0, utils_1.formatPathToVar)(targetPath);
+        importStatements[compName] = `import ${compName} from '${(0, common_1.toUnixPath)(targetPath)}?include=true'`;
+    }
+    for (const [moduleName, target] of Object.entries((sjsModules === null || sjsModules === void 0 ? void 0 : sjsModules[filePath]) || [])) {
+        sjsRelations[moduleName] = (0, common_1.unixResolve)(path_1.default.dirname(filePath), target).replace(`${miniprogramDir}/`, '');
+    }
+    const useImport = Object.keys(importStatements).length > 0;
+    const useSjs = Object.keys(sjsRelations).length > 0;
+    return `${source}
+  <script>
+    ${cssPath ? `import cssPath from "${cssPath}?from=xhsml"` : ''}
+    ${useImport ? Object.values(importStatements).join(';\n') : ''}
+    export default {
+      ${cssPath ? `cssPath,` : ''}
+      ${useSjs ? `sjsRelations: ${JSON.stringify(sjsRelations)},` : ''}
+      ${useImport
+        ? `
+      methods: {
+        getComp: () => ({${Object.keys(importStatements).join(',')}})
+      }`
+        : ''}
+    }
+  </script>`;
+};
+exports.default = injectScript;

package/dist/webpack-config/loaders/ml-loader/ml2vue/injectTemplate.d.ts

@@ -0,0 +1,2 @@
+declare const injectTemplate: (source: string, shortPath: string, isPage: boolean) => string;
+export default injectTemplate;

package/dist/webpack-config/loaders/ml-loader/ml2vue/injectTemplate.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const injectTemplate = (source, shortPath, isPage) => {
+    // 当是 page 时，需要使用 xhs-page 包裹以支持 :host 选择器
+    if (isPage) {
+        return `
+    <template>
+      <xhs-page is="${shortPath}">
+        ${source}
+      </xhs-page>
+    </template>`;
+    }
+    return `
+  <template>
+    ${source}
+  </template>`;
+};
+exports.default = injectTemplate;

package/dist/webpack-config/loaders/ml-loader/ml2vue/parser.d.ts

@@ -0,0 +1,2 @@
+declare const parse: (sourceCode: string) => Promise<unknown>;
+export default parse;

package/dist/webpack-config/loaders/ml-loader/ml2vue/parser.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const htmlparser2_1 = require("htmlparser2");
+const parse = (sourceCode) => new Promise((resolve, reject) => {
+    const handler = new htmlparser2_1.DomHandler((err, dom) => {
+        if (err) {
+            reject(err);
+        }
+        resolve(dom);
+    });
+    const parser = new htmlparser2_1.Parser(handler, {
+        xmlMode: false,
+        lowerCaseAttributeNames: false,
+        lowerCaseTags: false,
+        recognizeSelfClosing: true,
+        decodeEntities: false,
+    });
+    parser.write(sourceCode);
+    parser.end();
+});
+exports.default = parse;

package/dist/webpack-config/loaders/ml-loader/ml2vue/transformer.d.ts

@@ -0,0 +1,7 @@
+export declare const attributeTransformer: (node: any, filePath: string, importBy: string) => void;
+declare const templateTransformer: (context: any, ast: any, filePath: string, importMap: {
+    [key: string]: string[];
+} | undefined, includeMap: {
+    [key: string]: string[];
+} | undefined, componentIndex: number | null, importBy: string, sjsScopeNames: string[]) => Promise<any>;
+export default templateTransformer;

package/dist/webpack-config/loaders/ml-loader/ml2vue/transformer.js

@@ -0,0 +1,185 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.attributeTransformer = void 0;
+const path_1 = __importDefault(require("path"));
+const xhs_mp_compiler_utils_1 = require("xhs-mp-compiler-utils");
+const tagTransformMap_1 = __importDefault(require("../../../lib/tagTransformMap"));
+const getPrefixName_1 = __importDefault(require("../../../../utils/getPrefixName"));
+const utils_1 = require("./utils");
+const handleStyleAttribute_1 = __importDefault(require("./transformerUtils/handleStyleAttribute"));
+const handleClassAttribute_1 = __importDefault(require("./transformerUtils/handleClassAttribute"));
+const handleCatchAttribute_1 = __importDefault(require("./transformerUtils/handleCatchAttribute"));
+const handleMLAttribute_1 = __importDefault(require("./transformerUtils/handleMLAttribute"));
+const handleLoopAttribute_1 = __importDefault(require("./transformerUtils/handleLoopAttribute"));
+const handleImportTag_1 = __importDefault(require("./transformerUtils/handleImportTag"));
+const handleBindAttribute_1 = __importDefault(require("./transformerUtils/handleBindAttribute"));
+const handleIncludeTag_1 = __importDefault(require("./transformerUtils/handleIncludeTag"));
+const handleDataAttribute_1 = __importDefault(require("./transformerUtils/handleDataAttribute"));
+const handleModelAttribute_1 = __importDefault(require("./transformerUtils/handleModelAttribute"));
+const handleOtherAttribute_1 = __importDefault(require("./transformerUtils/handleOtherAttribute"));
+const handleSlotAttribute_1 = __importDefault(require("./transformerUtils/handleSlotAttribute"));
+const handleHiddenAttribute_1 = __importDefault(require("./transformerUtils/handleHiddenAttribute"));
+const handleSpaceAttribute_1 = __importDefault(require("./transformerUtils/handleSpaceAttribute"));
+const handleBlockTag_1 = __importDefault(require("./transformerUtils/handleBlockTag"));
+const utils_2 = require("./transformerUtils/utils");
+const SjsModule_1 = __importDefault(require("../../../../globalData/SjsModule"));
+const common_1 = require("../../../../utils/common");
+const attributeTransformer = (node, filePath, importBy) => {
+    // **:for 场景下多个 attr 存在联动关系，因此单独处理
+    const attrKeys = Object.keys(node.attribs || {});
+    if (attrKeys.join().includes(`${(0, getPrefixName_1.default)()}:for`)) {
+        (0, handleLoopAttribute_1.default)(node);
+    }
+    if (attrKeys.includes('slot')) {
+        (0, handleSlotAttribute_1.default)(node);
+    }
+    const reg = new RegExp(`^${(0, getPrefixName_1.default)()}:`);
+    Object.keys(node.attribs || {}).forEach(attribute => {
+        const value = node.attribs[attribute];
+        if (node.name === 'XhsVueTemplate' && attribute === 'data') {
+            node.attribs[':data'] = (0, utils_2.injectContext2Exp)(value, node, 6);
+            delete node.attribs.data;
+        }
+        else if (attribute === 'class' ||
+            attribute === 'hover-class' ||
+            attribute === 'placeholder-class') {
+            (0, handleClassAttribute_1.default)(attribute, value, node);
+        }
+        else if (attribute === 'style') {
+            (0, handleStyleAttribute_1.default)(value, node);
+        }
+        else if (attribute.match(/^capture-bind/) || attribute.match(/^bind/)) {
+            (0, handleBindAttribute_1.default)(value, attribute, node, filePath, importBy);
+        }
+        else if (attribute.match(/^catch/)) {
+            (0, handleCatchAttribute_1.default)(value, attribute, node, filePath, importBy);
+        }
+        else if (attribute.match(reg)) {
+            (0, handleMLAttribute_1.default)(value, attribute, node);
+        }
+        else if (attribute === 'space') {
+            (0, handleSpaceAttribute_1.default)(value, node);
+        }
+        else if (attribute === 'mfConfig') {
+            delete node.attribs[attribute];
+        }
+        else if (attribute.match(/^data-/)) {
+            (0, handleDataAttribute_1.default)(value, attribute, node);
+        }
+        else if (attribute === 'hidden') {
+            (0, handleHiddenAttribute_1.default)(value, attribute, node);
+        }
+        else if (attribute.match(/^model:/)) {
+            (0, handleModelAttribute_1.default)(value, attribute, node);
+        }
+        else {
+            (0, handleOtherAttribute_1.default)(value, attribute, node);
+        }
+    });
+};
+exports.attributeTransformer = attributeTransformer;
+const templateTransformer = (context_1, ast_1, filePath_1, ...args_1) => __awaiter(void 0, [context_1, ast_1, filePath_1, ...args_1], void 0, function* (context, ast, filePath, importMap = {}, includeMap = {}, componentIndex, importBy, sjsScopeNames) {
+    var _a, _b;
+    for (const node of ast) {
+        if (node.children) {
+            node.children = (0, utils_1.sortNodes)(node.children);
+        }
+        if (node.type === 'tag') {
+            // 未来可以考虑放在 vue-laoder plugin 中处理
+            if (['wxs', 'sjs'].includes(node.name)) {
+                SjsModule_1.default.add(filePath, node.attribs.module, node.attribs.src || node.attribs.from);
+                const sjsPath = (0, common_1.unixResolve)(path_1.default.dirname(filePath), node.attribs.src || node.attribs.from);
+                context.addDependency(sjsPath);
+                SjsModule_1.default.addPath(sjsPath);
+                sjsScopeNames.push(node.attribs.module);
+                node.type = 'text';
+                node.data = '';
+                node.children = [];
+                continue;
+            }
+            if (node.name === 'import') {
+                (0, utils_1.notifyImport)('import');
+                yield (0, handleImportTag_1.default)(node, filePath, importMap);
+            }
+            if (node.name === 'include') {
+                (0, utils_1.notifyImport)('include');
+                yield (0, handleIncludeTag_1.default)(node, filePath, includeMap);
+            }
+            if (node.name === 'template' && (node.attribs.name || node.attribs.is)) {
+                (0, utils_1.notifyImport)('template');
+                node.name = 'XhsVueTemplate';
+                const filePathVar = (0, utils_1.formatPathToVar)(filePath);
+                if (node.attribs.name) {
+                    if (node.attribs[`${(0, getPrefixName_1.default)()}:if`]) {
+                        node.type = 'text';
+                        node.children = '';
+                        continue;
+                    }
+                    // importBy => 1234
+                    node.attribs[':xhsTplDefineScope'] = importBy
+                        ? `['${importBy}', '${filePathVar}']`
+                        : `['${filePathVar}']`;
+                    node.attribs['#default'] = 'data';
+                    (0, utils_2.addContextToNode)({
+                        nodes: node,
+                        underTemplate: true,
+                    });
+                }
+                if (node.attribs.is) {
+                    // filePathVar => hash 1234
+                    const templateDataString = (_a = node.attribs) === null || _a === void 0 ? void 0 : _a.data;
+                    if (templateDataString && typeof templateDataString === 'string') {
+                        let index = sjsScopeNames.length;
+                        while (index--) {
+                            /**
+                             * - {{ name: 'data' }} => ['name’, 'data']
+                             */
+                            const reg = new RegExp(`(\\w+)(?:\\s+)?\\:(?:\\s+)?(${sjsScopeNames[index]})`);
+                            const match = templateDataString.match(reg);
+                            // 匹配出 template data 上的 sjs 变量别名加入 scopes 数组
+                            if (match === null || match === void 0 ? void 0 : match[1]) {
+                                sjsScopeNames.push(match[1]);
+                            }
+                        }
+                    }
+                    SjsModule_1.default.addTemplateHash(filePathVar, sjsScopeNames);
+                    node.attribs.xhsTplConsumeScope = filePathVar;
+                }
+            }
+            if (node.name === 'block') {
+                (0, handleBlockTag_1.default)(node);
+            }
+            // @ts-ignore
+            node.name = tagTransformMap_1.default[node.name] || node.name;
+            (0, exports.attributeTransformer)(node, filePath, importBy);
+            // 暂时忽略 自定义元素，挂载后对运行时无影响
+            if ((0, utils_1.isCustomComponent)(node.name)) {
+                const { OwnerId, ComponentIndex } = xhs_mp_compiler_utils_1.CompileAddedAttrs;
+                node.attribs[`:${OwnerId}`] = `${OwnerId}`;
+                componentIndex !== null && (node.attribs[`:${ComponentIndex}`] = componentIndex);
+            }
+        }
+        if (node.type === 'text' && ((_b = (0, utils_2.matchMustache)(node.data)) === null || _b === void 0 ? void 0 : _b.length)) {
+            if (!node.data.includes(`${xhs_mp_compiler_utils_1.COMPILE_CALL_RUNTIME}(`)) {
+                node.data = (0, utils_2.injectContext2Exp)(node.data, node, 4);
+            }
+        }
+        if (node.children) {
+            yield templateTransformer(context, node.children, filePath, importMap, includeMap, componentIndex, importBy, sjsScopeNames);
+        }
+    }
+    return ast;
+});
+exports.default = templateTransformer;

package/dist/webpack-config/loaders/ml-loader/ml2vue/transformerUtils/handleBindAttribute.d.ts

@@ -0,0 +1,2 @@
+declare const handleBindAttribute: (value: any, attribute: string, node: any, filePath: string, importBy: string) => boolean;
+export default handleBindAttribute;