112 lines
4.2 KiB
JavaScript
112 lines
4.2 KiB
JavaScript
|
"use strict";
|
|||
|
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|||
|
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|||
|
|
};
|
|||
|
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|||
|
|
exports.uniEasycomPlugin = void 0;
|
|||
|
|
const path_1 = __importDefault(require("path"));
|
|||
|
|
const pluginutils_1 = require("@rollup/pluginutils");
|
|||
|
|
const shared_1 = require("@vue/shared");
|
|||
|
|
const uni_shared_1 = require("@dcloudio/uni-shared");
|
|||
|
|
const uni_cli_shared_1 = require("@dcloudio/uni-cli-shared");
|
|||
|
|
const H5_COMPONENTS_PATH = '@dcloudio/uni-h5';
|
|||
|
|
const baseComponents = [
|
|||
|
|
'audio',
|
|||
|
|
'button',
|
|||
|
|
'canvas',
|
|||
|
|
'checkbox',
|
|||
|
|
'checkbox-group',
|
|||
|
|
'editor',
|
|||
|
|
'form',
|
|||
|
|
'icon',
|
|||
|
|
'image',
|
|||
|
|
'input',
|
|||
|
|
'label',
|
|||
|
|
'movable-area',
|
|||
|
|
'movable-view',
|
|||
|
|
'navigator',
|
|||
|
|
'picker-view',
|
|||
|
|
'picker-view-column',
|
|||
|
|
'progress',
|
|||
|
|
'radio',
|
|||
|
|
'radio-group',
|
|||
|
|
'resize-sensor',
|
|||
|
|
'rich-text',
|
|||
|
|
'scroll-view',
|
|||
|
|
'slider',
|
|||
|
|
'swiper',
|
|||
|
|
'swiper-item',
|
|||
|
|
'switch',
|
|||
|
|
'text',
|
|||
|
|
'textarea',
|
|||
|
|
'view',
|
|||
|
|
];
|
|||
|
|
function uniEasycomPlugin(options) {
|
|||
|
|
const filter = (0, pluginutils_1.createFilter)(options.include, options.exclude);
|
|||
|
|
let needCombineBuiltInCss = false;
|
|||
|
|
return {
|
|||
|
|
name: 'uni:h5-easycom',
|
|||
|
|
configResolved(config) {
|
|||
|
|
needCombineBuiltInCss = (0, uni_cli_shared_1.isCombineBuiltInCss)(config);
|
|||
|
|
},
|
|||
|
|
transform(code, id) {
|
|||
|
|
if (!filter(id)) {
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
const { filename } = (0, uni_cli_shared_1.parseVueRequest)(id);
|
|||
|
|
if (!uni_cli_shared_1.EXTNAME_VUE_TEMPLATE.includes(path_1.default.extname(filename))) {
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
if (!code.includes('_resolveComponent')) {
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
let i = 0;
|
|||
|
|
const importDeclarations = [];
|
|||
|
|
code = code.replace(/_resolveComponent\("(.+?)"(, true)?\)/g, (str, name) => {
|
|||
|
|
if (name && !name.startsWith('_')) {
|
|||
|
|
if ((0, uni_shared_1.isBuiltInComponent)(name)) {
|
|||
|
|
name = name.replace(uni_shared_1.COMPONENT_PREFIX, '');
|
|||
|
|
const local = `__syscom_${i++}`;
|
|||
|
|
if (needCombineBuiltInCss) {
|
|||
|
|
// 发行模式下，应该将内置组件css输出到入口css中
|
|||
|
|
resolveBuiltInCssImport(name).forEach((cssImport) => uni_cli_shared_1.buildInCssSet.add(cssImport));
|
|||
|
|
return (0, uni_cli_shared_1.addImportDeclaration)(importDeclarations, local, H5_COMPONENTS_PATH, (0, shared_1.capitalize)((0, shared_1.camelize)(name)));
|
|||
|
|
}
|
|||
|
|
return addBuiltInImportDeclaration(importDeclarations, local, name);
|
|||
|
|
}
|
|||
|
|
const source = (0, uni_cli_shared_1.matchEasycom)(name);
|
|||
|
|
if (source) {
|
|||
|
|
// 处理easycom组件优先级
|
|||
|
|
return (0, uni_cli_shared_1.genResolveEasycomCode)(importDeclarations, str, (0, uni_cli_shared_1.addImportDeclaration)(importDeclarations, `__easycom_${i++}`, source));
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
return str;
|
|||
|
|
});
|
|||
|
|
if (importDeclarations.length) {
|
|||
|
|
code = importDeclarations.join('') + code;
|
|||
|
|
}
|
|||
|
|
return {
|
|||
|
|
code,
|
|||
|
|
map: null,
|
|||
|
|
};
|
|||
|
|
},
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
exports.uniEasycomPlugin = uniEasycomPlugin;
|
|||
|
|
function resolveBuiltInCssImport(name) {
|
|||
|
|
const cssImports = [];
|
|||
|
|
if (baseComponents.includes(name)) {
|
|||
|
|
cssImports.push(uni_cli_shared_1.BASE_COMPONENTS_STYLE_PATH + name + '.css');
|
|||
|
|
}
|
|||
|
|
else {
|
|||
|
|
cssImports.push(uni_cli_shared_1.H5_COMPONENTS_STYLE_PATH + name + '.css');
|
|||
|
|
}
|
|||
|
|
const deps = uni_cli_shared_1.COMPONENT_DEPS_CSS[name];
|
|||
|
|
deps && deps.forEach((dep) => cssImports.push(dep));
|
|||
|
|
return cssImports;
|
|||
|
|
}
|
|||
|
|
function addBuiltInImportDeclaration(importDeclarations, local, name) {
|
|||
|
|
resolveBuiltInCssImport(name).forEach((cssImport) => importDeclarations.push(`import '${cssImport}';`));
|
|||
|
|
return (0, uni_cli_shared_1.addImportDeclaration)(importDeclarations, local, H5_COMPONENTS_PATH, (0, shared_1.capitalize)((0, shared_1.camelize)(name)));
|
|||
|
|
}
|