uni.compiler.js 10 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320
  1. 'use strict';
  2. var initMiniProgramPlugin = require('@dcloudio/uni-mp-vite');
  3. var shared = require('@vue/shared');
  4. var path = require('path');
  5. var fs = require('fs');
  6. var uniCliShared = require('@dcloudio/uni-cli-shared');
  7. var compilerCore = require('@vue/compiler-core');
  8. function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
  9. var initMiniProgramPlugin__default = /*#__PURE__*/_interopDefault(initMiniProgramPlugin);
  10. var path__default = /*#__PURE__*/_interopDefault(path);
  11. var fs__default = /*#__PURE__*/_interopDefault(fs);
  12. var appid = "touristappid";
  13. var component2 = true;
  14. var enableAppxNg = true;
  15. var enableNodeModuleBabelTransform = true;
  16. var source = {
  17. appid: appid,
  18. component2: component2,
  19. enableAppxNg: enableAppxNg,
  20. enableNodeModuleBabelTransform: enableNodeModuleBabelTransform
  21. };
  22. function transformRef(node, context) {
  23. if (!uniCliShared.isUserComponent(node, context)) {
  24. return;
  25. }
  26. addVueRef(node, context);
  27. }
  28. function addVueRef(node, context) {
  29. // 仅配置了 ref 属性的,才需要增补 vue-ref
  30. const refProp = compilerCore.findProp(node, 'ref');
  31. if (!refProp) {
  32. return;
  33. }
  34. const dataRef = 'u-' +
  35. (context.inVFor
  36. ? uniCliShared.VUE_REF_IN_FOR
  37. : uniCliShared.VUE_REF);
  38. if (refProp.type === 6 /* NodeTypes.ATTRIBUTE */) {
  39. refProp.name = dataRef;
  40. }
  41. else {
  42. refProp.arg.content = dataRef;
  43. }
  44. const { props } = node;
  45. props.splice(props.indexOf(refProp), 0, uniCliShared.createAttributeNode('ref', '__r'));
  46. }
  47. const customizeRE = /:/g;
  48. function customizeEvent(str) {
  49. return shared.camelize(str.replace(customizeRE, '-'));
  50. }
  51. const event = {
  52. format(name, { isCatch, isComponent }) {
  53. if (!isComponent && name === 'click') {
  54. name = 'tap';
  55. }
  56. name = eventMap[name] || name;
  57. return `${isCatch ? 'catch' : 'on'}${shared.capitalize(customizeEvent(name))}`;
  58. },
  59. };
  60. const eventMap = {
  61. touchstart: 'touchStart',
  62. touchmove: 'touchMove',
  63. touchend: 'touchEnd',
  64. touchcancel: 'touchCancel',
  65. longtap: 'longTap',
  66. longpress: 'longTap',
  67. transitionend: 'transitionEnd',
  68. animationstart: 'animationStart',
  69. animationiteration: 'animationIteration',
  70. animationend: 'animationEnd',
  71. firstappear: 'firstAppear',
  72. // map
  73. markertap: 'markerTap',
  74. callouttap: 'calloutTap',
  75. controltap: 'controlTap',
  76. regionchange: 'regionChange',
  77. paneltap: 'panelTap',
  78. // scroll-view
  79. scrolltoupper: 'scrollToUpper',
  80. scrolltolower: 'scrollToLower',
  81. // movable-view
  82. changeend: 'changeEnd',
  83. // video
  84. timeupdate: 'timeUpdate',
  85. waiting: 'loading',
  86. fullscreenchange: 'fullScreenChange',
  87. useraction: 'userAction',
  88. renderstart: 'renderStart',
  89. loadedmetadata: 'renderStart',
  90. // swiper
  91. animationfinish: 'animationEnd',
  92. };
  93. function transformOpenType(node) {
  94. var _a;
  95. if (node.type !== 1 /* NodeTypes.ELEMENT */ || node.tag !== 'button') {
  96. return;
  97. }
  98. const openTypeProp = compilerCore.findProp(node, 'open-type');
  99. if (!openTypeProp) {
  100. return;
  101. }
  102. if (openTypeProp.type !== 6 /* NodeTypes.ATTRIBUTE */ ||
  103. ((_a = openTypeProp.value) === null || _a === void 0 ? void 0 : _a.content) !== 'getPhoneNumber') {
  104. return;
  105. }
  106. openTypeProp.value.content = 'getAuthorize';
  107. const { props } = node;
  108. props.splice(props.indexOf(openTypeProp) + 1, 0, uniCliShared.createAttributeNode('scope', 'phoneNumber'));
  109. let getPhoneNumberMethodName = '';
  110. const getPhoneNumberPropIndex = props.findIndex((prop) => {
  111. if (prop.type === 7 /* NodeTypes.DIRECTIVE */ && prop.name === 'on') {
  112. const { arg, exp } = prop;
  113. if ((arg === null || arg === void 0 ? void 0 : arg.type) === 4 /* NodeTypes.SIMPLE_EXPRESSION */ &&
  114. (exp === null || exp === void 0 ? void 0 : exp.type) === 4 /* NodeTypes.SIMPLE_EXPRESSION */ &&
  115. arg.isStatic &&
  116. arg.content === 'getphonenumber') {
  117. getPhoneNumberMethodName = exp.content;
  118. return true;
  119. }
  120. }
  121. });
  122. if (!getPhoneNumberMethodName) {
  123. return;
  124. }
  125. props.splice(getPhoneNumberPropIndex, 1);
  126. const method = compilerCore.isSimpleIdentifier(getPhoneNumberMethodName)
  127. ? getPhoneNumberMethodName
  128. : `$event => { ${getPhoneNumberMethodName} }`;
  129. props.push(uniCliShared.createOnDirectiveNode('getAuthorize', `$onAliGetAuthorize(${method},$event)`));
  130. props.push(uniCliShared.createOnDirectiveNode('error', `$onAliAuthError(${method},$event)`));
  131. }
  132. const projectConfigFilename = 'mini.project.json';
  133. const COMPONENTS_DIR = 'mycomponents';
  134. const miniProgram = {
  135. event,
  136. class: {
  137. array: false,
  138. },
  139. slot: {
  140. $slots: false,
  141. // 支付宝 fallback 有 bug,当多个带默认 slot 组件嵌套使用时,所有的默认slot均会显示,如uni-file-picker(image)
  142. fallbackContent: true,
  143. dynamicSlotNames: true,
  144. },
  145. directive: 'a:',
  146. component: {
  147. dir: COMPONENTS_DIR,
  148. getPropertySync: true,
  149. },
  150. };
  151. const nodeTransforms = [
  152. transformRef,
  153. transformOpenType,
  154. uniCliShared.transformMatchMedia,
  155. uniCliShared.createTransformComponentLink(uniCliShared.COMPONENT_ON_LINK, 6 /* NodeTypes.ATTRIBUTE */),
  156. ];
  157. const compilerOptions = {
  158. nodeTransforms,
  159. };
  160. const customElements = [
  161. 'lifestyle',
  162. 'life-follow',
  163. 'contact-button',
  164. 'spread',
  165. 'error-view',
  166. 'poster',
  167. 'cashier',
  168. 'ix-grid',
  169. 'ix-native-grid',
  170. 'ix-native-list',
  171. 'mkt',
  172. 'page-container',
  173. 'page-meta',
  174. 'lottie',
  175. ];
  176. const options = {
  177. cdn: 2,
  178. vite: {
  179. inject: {
  180. uni: [path__default.default.resolve(__dirname, 'uni.api.esm.js'), 'default'],
  181. },
  182. alias: {
  183. 'uni-mp-runtime': path__default.default.resolve(__dirname, 'uni.mp.esm.js'),
  184. },
  185. copyOptions: {
  186. assets: [COMPONENTS_DIR],
  187. targets: [
  188. ...(process.env.UNI_MP_PLUGIN ? [uniCliShared.copyMiniProgramPluginJson] : []),
  189. {
  190. src: ['customize-tab-bar', 'ext.json', 'preload.json'],
  191. get dest() {
  192. return process.env.UNI_OUTPUT_DIR;
  193. },
  194. },
  195. ],
  196. },
  197. },
  198. global: 'my',
  199. json: {
  200. windowOptionsMap: {
  201. defaultTitle: 'navigationBarTitleText',
  202. pullRefresh: 'enablePullDownRefresh',
  203. allowsBounceVertical: 'allowsBounceVertical',
  204. titleBarColor: 'navigationBarBackgroundColor',
  205. optionMenu: 'optionMenu',
  206. backgroundColor: 'backgroundColor',
  207. usingComponents: 'usingComponents',
  208. navigationBarShadow: 'navigationBarShadow',
  209. titleImage: 'titleImage',
  210. transparentTitle: 'transparentTitle',
  211. titlePenetrate: 'titlePenetrate',
  212. },
  213. tabBarOptionsMap: {
  214. customize: 'customize',
  215. textColor: 'color',
  216. selectedColor: 'selectedColor',
  217. backgroundColor: 'backgroundColor',
  218. items: 'list',
  219. },
  220. tabBarItemOptionsMap: {
  221. pagePath: 'pagePath',
  222. name: 'text',
  223. icon: 'iconPath',
  224. activeIcon: 'selectedIconPath',
  225. },
  226. },
  227. app: {
  228. darkmode: false,
  229. subpackages: true,
  230. plugins: true,
  231. usingComponents: false,
  232. normalize(appJson) {
  233. // 支付宝小程序默认主包,分包 js 模块不共享,会导致 getCurrentInstance,setCurrentInstance 不一致
  234. appJson.subPackageBuildType = 'shared';
  235. return appJson;
  236. },
  237. },
  238. project: {
  239. filename: projectConfigFilename,
  240. config: ['mini.project.json', 'project.my.json'],
  241. source,
  242. normalize(projectJson) {
  243. var _a;
  244. const miniprogram = (_a = projectJson.condition) === null || _a === void 0 ? void 0 : _a.miniprogram;
  245. if (miniprogram && shared.isArray(miniprogram.list) && miniprogram.list.length) {
  246. const compileModeJson = {
  247. modes: [],
  248. };
  249. compileModeJson.modes = miniprogram.list.map((item) => {
  250. return {
  251. title: item.name,
  252. page: item.pathName,
  253. pageQuery: item.query,
  254. };
  255. });
  256. const miniIdeDir = path__default.default.join(process.env.UNI_OUTPUT_DIR, '.mini-ide');
  257. if (!fs__default.default.existsSync(miniIdeDir)) {
  258. fs__default.default.mkdirSync(miniIdeDir, { recursive: true });
  259. fs__default.default.writeFileSync(path__default.default.join(miniIdeDir, 'compileMode.json'), JSON.stringify(compileModeJson, null, 2));
  260. }
  261. delete projectJson.condition;
  262. }
  263. return projectJson;
  264. },
  265. },
  266. template: Object.assign(Object.assign({}, miniProgram), { customElements, filter: {
  267. extname: '.sjs',
  268. lang: 'sjs',
  269. generate(filter, filename) {
  270. // TODO 标签内的 code 代码需要独立生成一个 sjs 文件
  271. // 暂不处理,让开发者自己全部使用 src 引入
  272. return `<import-sjs name="${filter.name}" from="${filename}.sjs"/>`;
  273. },
  274. }, extname: '.axml', compilerOptions }),
  275. style: {
  276. extname: '.acss',
  277. },
  278. };
  279. const uniMiniProgramAlipayPlugin = {
  280. name: 'uni:mp-alipay',
  281. config() {
  282. const buildOptions = {};
  283. if (process.env.NODE_ENV === 'production') {
  284. buildOptions.terserOptions = {
  285. compress: false,
  286. mangle: false,
  287. };
  288. }
  289. return {
  290. define: {
  291. __VUE_CREATED_DEFERRED__: false,
  292. },
  293. build: shared.extend({
  294. assetsInlineLimit: 0,
  295. }, buildOptions),
  296. };
  297. },
  298. // fix question/159362
  299. transform(code, id) {
  300. if (id.includes('@vue/shared') || id.includes('@vue\\shared')) {
  301. return {
  302. code: code.replace('//gs', '//g'),
  303. map: { mappings: '' },
  304. };
  305. }
  306. },
  307. };
  308. var index = [uniMiniProgramAlipayPlugin, ...initMiniProgramPlugin__default.default(options)];
  309. module.exports = index;