321 lines
10 KiB
JavaScript
321 lines
10 KiB
JavaScript
|
'use strict';
|
|||
|
|
|
|||
|
|
var initMiniProgramPlugin = require('@dcloudio/uni-mp-vite');
|
|||
|
|
var shared = require('@vue/shared');
|
|||
|
|
var path = require('path');
|
|||
|
|
var fs = require('fs');
|
|||
|
|
var uniCliShared = require('@dcloudio/uni-cli-shared');
|
|||
|
|
var compilerCore = require('@vue/compiler-core');
|
|||
|
|
|
|||
|
|
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|||
|
|
|
|||
|
|
var initMiniProgramPlugin__default = /*#__PURE__*/_interopDefault(initMiniProgramPlugin);
|
|||
|
|
var path__default = /*#__PURE__*/_interopDefault(path);
|
|||
|
|
var fs__default = /*#__PURE__*/_interopDefault(fs);
|
|||
|
|
|
|||
|
|
var appid = "touristappid";
|
|||
|
|
var component2 = true;
|
|||
|
|
var enableAppxNg = true;
|
|||
|
|
var enableNodeModuleBabelTransform = true;
|
|||
|
|
var source = {
|
|||
|
|
appid: appid,
|
|||
|
|
component2: component2,
|
|||
|
|
enableAppxNg: enableAppxNg,
|
|||
|
|
enableNodeModuleBabelTransform: enableNodeModuleBabelTransform
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
function transformRef(node, context) {
|
|||
|
|
if (!uniCliShared.isUserComponent(node, context)) {
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
addVueRef(node, context);
|
|||
|
|
}
|
|||
|
|
function addVueRef(node, context) {
|
|||
|
|
// 仅配置了 ref 属性的，才需要增补 vue-ref
|
|||
|
|
const refProp = compilerCore.findProp(node, 'ref');
|
|||
|
|
if (!refProp) {
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
const dataRef = 'u-' +
|
|||
|
|
(context.inVFor
|
|||
|
|
? uniCliShared.VUE_REF_IN_FOR
|
|||
|
|
: uniCliShared.VUE_REF);
|
|||
|
|
if (refProp.type === 6 /* NodeTypes.ATTRIBUTE */) {
|
|||
|
|
refProp.name = dataRef;
|
|||
|
|
}
|
|||
|
|
else {
|
|||
|
|
refProp.arg.content = dataRef;
|
|||
|
|
}
|
|||
|
|
const { props } = node;
|
|||
|
|
props.splice(props.indexOf(refProp), 0, uniCliShared.createAttributeNode('ref', '__r'));
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
const customizeRE = /:/g;
|
|||
|
|
function customizeEvent(str) {
|
|||
|
|
return shared.camelize(str.replace(customizeRE, '-'));
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
const event = {
|
|||
|
|
format(name, { isCatch, isComponent }) {
|
|||
|
|
if (!isComponent && name === 'click') {
|
|||
|
|
name = 'tap';
|
|||
|
|
}
|
|||
|
|
name = eventMap[name] || name;
|
|||
|
|
return `${isCatch ? 'catch' : 'on'}${shared.capitalize(customizeEvent(name))}`;
|
|||
|
|
},
|
|||
|
|
};
|
|||
|
|
const eventMap = {
|
|||
|
|
touchstart: 'touchStart',
|
|||
|
|
touchmove: 'touchMove',
|
|||
|
|
touchend: 'touchEnd',
|
|||
|
|
touchcancel: 'touchCancel',
|
|||
|
|
longtap: 'longTap',
|
|||
|
|
longpress: 'longTap',
|
|||
|
|
transitionend: 'transitionEnd',
|
|||
|
|
animationstart: 'animationStart',
|
|||
|
|
animationiteration: 'animationIteration',
|
|||
|
|
animationend: 'animationEnd',
|
|||
|
|
firstappear: 'firstAppear',
|
|||
|
|
// map
|
|||
|
|
markertap: 'markerTap',
|
|||
|
|
callouttap: 'calloutTap',
|
|||
|
|
controltap: 'controlTap',
|
|||
|
|
regionchange: 'regionChange',
|
|||
|
|
paneltap: 'panelTap',
|
|||
|
|
// scroll-view
|
|||
|
|
scrolltoupper: 'scrollToUpper',
|
|||
|
|
scrolltolower: 'scrollToLower',
|
|||
|
|
// movable-view
|
|||
|
|
changeend: 'changeEnd',
|
|||
|
|
// video
|
|||
|
|
timeupdate: 'timeUpdate',
|
|||
|
|
waiting: 'loading',
|
|||
|
|
fullscreenchange: 'fullScreenChange',
|
|||
|
|
useraction: 'userAction',
|
|||
|
|
renderstart: 'renderStart',
|
|||
|
|
loadedmetadata: 'renderStart',
|
|||
|
|
// swiper
|
|||
|
|
animationfinish: 'animationEnd',
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
function transformOpenType(node) {
|
|||
|
|
var _a;
|
|||
|
|
if (node.type !== 1 /* NodeTypes.ELEMENT */ || node.tag !== 'button') {
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
const openTypeProp = compilerCore.findProp(node, 'open-type');
|
|||
|
|
if (!openTypeProp) {
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
if (openTypeProp.type !== 6 /* NodeTypes.ATTRIBUTE */ ||
|
|||
|
|
((_a = openTypeProp.value) === null || _a === void 0 ? void 0 : _a.content) !== 'getPhoneNumber') {
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
openTypeProp.value.content = 'getAuthorize';
|
|||
|
|
const { props } = node;
|
|||
|
|
props.splice(props.indexOf(openTypeProp) + 1, 0, uniCliShared.createAttributeNode('scope', 'phoneNumber'));
|
|||
|
|
let getPhoneNumberMethodName = '';
|
|||
|
|
const getPhoneNumberPropIndex = props.findIndex((prop) => {
|
|||
|
|
if (prop.type === 7 /* NodeTypes.DIRECTIVE */ && prop.name === 'on') {
|
|||
|
|
const { arg, exp } = prop;
|
|||
|
|
if ((arg === null || arg === void 0 ? void 0 : arg.type) === 4 /* NodeTypes.SIMPLE_EXPRESSION */ &&
|
|||
|
|
(exp === null || exp === void 0 ? void 0 : exp.type) === 4 /* NodeTypes.SIMPLE_EXPRESSION */ &&
|
|||
|
|
arg.isStatic &&
|
|||
|
|
arg.content === 'getphonenumber') {
|
|||
|
|
getPhoneNumberMethodName = exp.content;
|
|||
|
|
return true;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
if (!getPhoneNumberMethodName) {
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
props.splice(getPhoneNumberPropIndex, 1);
|
|||
|
|
const method = compilerCore.isSimpleIdentifier(getPhoneNumberMethodName)
|
|||
|
|
? getPhoneNumberMethodName
|
|||
|
|
: `$event => { ${getPhoneNumberMethodName} }`;
|
|||
|
|
props.push(uniCliShared.createOnDirectiveNode('getAuthorize', `$onAliGetAuthorize(${method},$event)`));
|
|||
|
|
props.push(uniCliShared.createOnDirectiveNode('error', `$onAliAuthError(${method},$event)`));
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
const projectConfigFilename = 'mini.project.json';
|
|||
|
|
const COMPONENTS_DIR = 'mycomponents';
|
|||
|
|
const miniProgram = {
|
|||
|
|
event,
|
|||
|
|
class: {
|
|||
|
|
array: false,
|
|||
|
|
},
|
|||
|
|
slot: {
|
|||
|
|
$slots: false,
|
|||
|
|
// 支付宝 fallback 有 bug，当多个带默认 slot 组件嵌套使用时，所有的默认slot均会显示，如uni-file-picker(image)
|
|||
|
|
fallbackContent: true,
|
|||
|
|
dynamicSlotNames: true,
|
|||
|
|
},
|
|||
|
|
directive: 'a:',
|
|||
|
|
component: {
|
|||
|
|
dir: COMPONENTS_DIR,
|
|||
|
|
getPropertySync: true,
|
|||
|
|
},
|
|||
|
|
};
|
|||
|
|
const nodeTransforms = [
|
|||
|
|
transformRef,
|
|||
|
|
transformOpenType,
|
|||
|
|
uniCliShared.transformMatchMedia,
|
|||
|
|
uniCliShared.createTransformComponentLink(uniCliShared.COMPONENT_ON_LINK, 6 /* NodeTypes.ATTRIBUTE */),
|
|||
|
|
];
|
|||
|
|
const compilerOptions = {
|
|||
|
|
nodeTransforms,
|
|||
|
|
};
|
|||
|
|
const customElements = [
|
|||
|
|
'lifestyle',
|
|||
|
|
'life-follow',
|
|||
|
|
'contact-button',
|
|||
|
|
'spread',
|
|||
|
|
'error-view',
|
|||
|
|
'poster',
|
|||
|
|
'cashier',
|
|||
|
|
'ix-grid',
|
|||
|
|
'ix-native-grid',
|
|||
|
|
'ix-native-list',
|
|||
|
|
'mkt',
|
|||
|
|
'page-container',
|
|||
|
|
'page-meta',
|
|||
|
|
'lottie',
|
|||
|
|
];
|
|||
|
|
const options = {
|
|||
|
|
cdn: 2,
|
|||
|
|
vite: {
|
|||
|
|
inject: {
|
|||
|
|
uni: [path__default.default.resolve(__dirname, 'uni.api.esm.js'), 'default'],
|
|||
|
|
},
|
|||
|
|
alias: {
|
|||
|
|
'uni-mp-runtime': path__default.default.resolve(__dirname, 'uni.mp.esm.js'),
|
|||
|
|
},
|
|||
|
|
copyOptions: {
|
|||
|
|
assets: [COMPONENTS_DIR],
|
|||
|
|
targets: [
|
|||
|
|
...(process.env.UNI_MP_PLUGIN ? [uniCliShared.copyMiniProgramPluginJson] : []),
|
|||
|
|
{
|
|||
|
|
src: ['customize-tab-bar', 'ext.json', 'preload.json'],
|
|||
|
|
get dest() {
|
|||
|
|
return process.env.UNI_OUTPUT_DIR;
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
],
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
global: 'my',
|
|||
|
|
json: {
|
|||
|
|
windowOptionsMap: {
|
|||
|
|
defaultTitle: 'navigationBarTitleText',
|
|||
|
|
pullRefresh: 'enablePullDownRefresh',
|
|||
|
|
allowsBounceVertical: 'allowsBounceVertical',
|
|||
|
|
titleBarColor: 'navigationBarBackgroundColor',
|
|||
|
|
optionMenu: 'optionMenu',
|
|||
|
|
backgroundColor: 'backgroundColor',
|
|||
|
|
usingComponents: 'usingComponents',
|
|||
|
|
navigationBarShadow: 'navigationBarShadow',
|
|||
|
|
titleImage: 'titleImage',
|
|||
|
|
transparentTitle: 'transparentTitle',
|
|||
|
|
titlePenetrate: 'titlePenetrate',
|
|||
|
|
},
|
|||
|
|
tabBarOptionsMap: {
|
|||
|
|
customize: 'customize',
|
|||
|
|
textColor: 'color',
|
|||
|
|
selectedColor: 'selectedColor',
|
|||
|
|
backgroundColor: 'backgroundColor',
|
|||
|
|
items: 'list',
|
|||
|
|
},
|
|||
|
|
tabBarItemOptionsMap: {
|
|||
|
|
pagePath: 'pagePath',
|
|||
|
|
name: 'text',
|
|||
|
|
icon: 'iconPath',
|
|||
|
|
activeIcon: 'selectedIconPath',
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
app: {
|
|||
|
|
darkmode: false,
|
|||
|
|
subpackages: true,
|
|||
|
|
plugins: true,
|
|||
|
|
usingComponents: false,
|
|||
|
|
normalize(appJson) {
|
|||
|
|
// 支付宝小程序默认主包，分包 js 模块不共享，会导致 getCurrentInstance，setCurrentInstance 不一致
|
|||
|
|
appJson.subPackageBuildType = 'shared';
|
|||
|
|
return appJson;
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
project: {
|
|||
|
|
filename: projectConfigFilename,
|
|||
|
|
config: ['mini.project.json', 'project.my.json'],
|
|||
|
|
source,
|
|||
|
|
normalize(projectJson) {
|
|||
|
|
var _a;
|
|||
|
|
const miniprogram = (_a = projectJson.condition) === null || _a === void 0 ? void 0 : _a.miniprogram;
|
|||
|
|
if (miniprogram && shared.isArray(miniprogram.list) && miniprogram.list.length) {
|
|||
|
|
const compileModeJson = {
|
|||
|
|
modes: [],
|
|||
|
|
};
|
|||
|
|
compileModeJson.modes = miniprogram.list.map((item) => {
|
|||
|
|
return {
|
|||
|
|
title: item.name,
|
|||
|
|
page: item.pathName,
|
|||
|
|
pageQuery: item.query,
|
|||
|
|
};
|
|||
|
|
});
|
|||
|
|
const miniIdeDir = path__default.default.join(process.env.UNI_OUTPUT_DIR, '.mini-ide');
|
|||
|
|
if (!fs__default.default.existsSync(miniIdeDir)) {
|
|||
|
|
fs__default.default.mkdirSync(miniIdeDir, { recursive: true });
|
|||
|
|
fs__default.default.writeFileSync(path__default.default.join(miniIdeDir, 'compileMode.json'), JSON.stringify(compileModeJson, null, 2));
|
|||
|
|
}
|
|||
|
|
delete projectJson.condition;
|
|||
|
|
}
|
|||
|
|
return projectJson;
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
template: Object.assign(Object.assign({}, miniProgram), { customElements, filter: {
|
|||
|
|
extname: '.sjs',
|
|||
|
|
lang: 'sjs',
|
|||
|
|
generate(filter, filename) {
|
|||
|
|
// TODO 标签内的 code 代码需要独立生成一个 sjs 文件
|
|||
|
|
// 暂不处理，让开发者自己全部使用 src 引入
|
|||
|
|
return `<import-sjs name="${filter.name}" from="${filename}.sjs"/>`;
|
|||
|
|
},
|
|||
|
|
}, extname: '.axml', compilerOptions }),
|
|||
|
|
style: {
|
|||
|
|
extname: '.acss',
|
|||
|
|
},
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
const uniMiniProgramAlipayPlugin = {
|
|||
|
|
name: 'uni:mp-alipay',
|
|||
|
|
config() {
|
|||
|
|
const buildOptions = {};
|
|||
|
|
if (process.env.NODE_ENV === 'production') {
|
|||
|
|
buildOptions.terserOptions = {
|
|||
|
|
compress: false,
|
|||
|
|
mangle: false,
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
return {
|
|||
|
|
define: {
|
|||
|
|
__VUE_CREATED_DEFERRED__: false,
|
|||
|
|
},
|
|||
|
|
build: shared.extend({
|
|||
|
|
assetsInlineLimit: 0,
|
|||
|
|
}, buildOptions),
|
|||
|
|
};
|
|||
|
|
},
|
|||
|
|
// fix question/159362
|
|||
|
|
transform(code, id) {
|
|||
|
|
if (id.includes('@vue/shared') || id.includes('@vue\\shared')) {
|
|||
|
|
return {
|
|||
|
|
code: code.replace('//gs', '//g'),
|
|||
|
|
map: { mappings: '' },
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
};
|
|||
|
|
var index = [uniMiniProgramAlipayPlugin, ...initMiniProgramPlugin__default.default(options)];
|
|||
|
|
|
|||
|
|
module.exports = index;
|