diff --git a/build/rollup.config.mp.js b/build/rollup.config.mp.js index 757d417682048ba2e506e881ca9b2c0a4441c653..53049162690b393e4f7398af1b76e41e38806d3c 100644 --- a/build/rollup.config.mp.js +++ b/build/rollup.config.mp.js @@ -28,6 +28,10 @@ const PLATFORMS = { prefix: 'ks', title: '快手小程序' }, + 'mp-lark': { + prefix: 'tt', + title: '飞书小程序' + }, 'quickapp-webview': { prefix: 'qa', title: '快应用(Webview)版' @@ -85,4 +89,4 @@ module.exports = { }) ], external: ['vue', '@dcloudio/uni-i18n'] -} +} diff --git a/package.json b/package.json index 62fd05763efe3a6ef244876e424334b0912fbc67..dc57932daab346d5734a4e7883e4dd8ffa9745b1 100644 --- a/package.json +++ b/package.json @@ -19,11 +19,12 @@ "build:mp-alipay": "cross-env UNI_PLATFORM=mp-alipay rollup -c build/rollup.config.mp.js", "build:mp-toutiao": "cross-env UNI_PLATFORM=mp-toutiao rollup -c build/rollup.config.mp.js", "build:mp-kuaishou": "cross-env UNI_PLATFORM=mp-kuaishou rollup -c build/rollup.config.mp.js", + "build:mp-lark": "cross-env UNI_PLATFORM=mp-lark rollup -c build/rollup.config.mp.js", "build:quickapp-webview": "cross-env UNI_PLATFORM=quickapp-webview rollup -c build/rollup.config.mp.js", "build:mp-weixin:mp": "cross-env UNI_PLATFORM=mp-weixin UNI_MP=true rollup -c build/rollup.config.mp.js", "build:mp-weixin:wxs": "rollup -c build/rollup.config.wxs.js", "build:quickapp-native": "cross-env NODE_ENV=development node build/build.qa.js && cross-env NODE_ENV=production node build/build.qa.js", - "build:runtime": "npm run lint && npm run build:mp-weixin && npm run build:mp-qq && npm run build:mp-alipay && npm run build:mp-baidu && npm run build:mp-toutiao && npm run build:app-plus && npm run build:quickapp-webview && npm run build:quickapp-native && npm run build:mp-kuaishou", + "build:runtime": "npm run lint && npm run build:mp-weixin && npm run build:mp-qq && npm run build:mp-alipay && npm run build:mp-baidu && npm run build:mp-toutiao && npm run build:app-plus && npm run build:quickapp-webview && npm run build:quickapp-native && npm run build:mp-kuaishou && npm run build:mp-lark", "build:stat": "npm run lint && rollup -c build/rollup.config.stat.js", "build:web-view": "rollup -c build/rollup.config.web-view.js", "test:cli": "cross-env NODE_ENV=test jest", diff --git a/packages/uni-cli-shared/lib/platform.js b/packages/uni-cli-shared/lib/platform.js index 923600ddbec2e4798291b3c83940d3dfd245312d..c3b212e722caafbdee549641df847ea1a5fd192a 100644 --- a/packages/uni-cli-shared/lib/platform.js +++ b/packages/uni-cli-shared/lib/platform.js @@ -122,7 +122,7 @@ module.exports = { getShadowCss, getShadowTemplate (colorType = 'grey') { let tagName = 'cover-image' - if (process.env.UNI_PLATFORM === 'mp-toutiao') { + if (process.env.UNI_PLATFORM === 'mp-toutiao' || process.env.UNI_PLATFORM === 'mp-lark') { tagName = 'image' } return `<${tagName} src="https://cdn.dcloud.net.cn/img/shadow-${colorType}.png" style="z-index:998;position:fixed;left:0;top:0;width:100%;height:3px;"/>` diff --git a/packages/uni-cli-shared/lib/url-loader.js b/packages/uni-cli-shared/lib/url-loader.js index 202e1c1bcc72fda35480ac41399849e4e9d4733a..5b24e497ac30f7a6513f283ab9a2b16a484482df 100644 --- a/packages/uni-cli-shared/lib/url-loader.js +++ b/packages/uni-cli-shared/lib/url-loader.js @@ -10,6 +10,7 @@ const inlineLimit = process.env.UNI_PLATFORM === 'mp-qq' || process.env.UNI_PLATFORM === 'mp-toutiao' || process.env.UNI_PLATFORM === 'mp-kuaishou' || + process.env.UNI_PLATFORM === 'mp-lark' || process.env.UNI_PLATFORM === 'app-plus' // v2需要base64,v3需要rewriteUrl // mp-weixin,mp-qq,app-plus 非v3(即:需要base64的平台) @@ -46,4 +47,4 @@ module.exports = { } }, rewriteUrl -} +} diff --git a/packages/uni-mp-lark/README.md b/packages/uni-mp-lark/README.md new file mode 100644 index 0000000000000000000000000000000000000000..2a5d82f09a3dcfc271af814d4e34d090f7fc9f99 --- /dev/null +++ b/packages/uni-mp-lark/README.md @@ -0,0 +1,11 @@ +# `uni-mp-lark` + +> TODO: description + +## Usage + +``` +const uniMpLark = require('uni-mp-lark'); + +// TODO: DEMONSTRATE API +``` diff --git a/packages/uni-mp-lark/dist/index.js b/packages/uni-mp-lark/dist/index.js new file mode 100644 index 0000000000000000000000000000000000000000..958f4ec594ff1de1da50017e8939e2dd1ef889c9 --- /dev/null +++ b/packages/uni-mp-lark/dist/index.js @@ -0,0 +1,2255 @@ +import Vue from 'vue'; +import { initVueI18n } from '@dcloudio/uni-i18n'; + +function b64DecodeUnicode (str) { + return decodeURIComponent(atob(str).split('').map(function (c) { + return '%' + ('00' + c.charCodeAt(0).toString(16)).slice(-2) + }).join('')) +} + +function getCurrentUserInfo () { + const token = ( tt).getStorageSync('uni_id_token') || ''; + const tokenArr = token.split('.'); + if (!token || tokenArr.length !== 3) { + return { + uid: null, + role: [], + permission: [], + tokenExpired: 0 + } + } + let userInfo; + try { + userInfo = JSON.parse(b64DecodeUnicode(tokenArr[1])); + } catch (error) { + throw new Error('获取当前用户信息出错,详细错误信息为:' + error.message) + } + userInfo.tokenExpired = userInfo.exp * 1000; + delete userInfo.exp; + delete userInfo.iat; + return userInfo +} + +function uniIdMixin (Vue) { + Vue.prototype.uniIDHasRole = function (roleId) { + const { + role + } = getCurrentUserInfo(); + return role.indexOf(roleId) > -1 + }; + Vue.prototype.uniIDHasPermission = function (permissionId) { + const { + permission + } = getCurrentUserInfo(); + return this.uniIDHasRole('admin') || permission.indexOf(permissionId) > -1 + }; + Vue.prototype.uniIDTokenValid = function () { + const { + tokenExpired + } = getCurrentUserInfo(); + return tokenExpired > Date.now() + }; +} + +const _toString = Object.prototype.toString; +const hasOwnProperty = Object.prototype.hasOwnProperty; + +function isFn (fn) { + return typeof fn === 'function' +} + +function isStr (str) { + return typeof str === 'string' +} + +function isPlainObject (obj) { + return _toString.call(obj) === '[object Object]' +} + +function hasOwn (obj, key) { + return hasOwnProperty.call(obj, key) +} + +function noop () {} + +/** + * Create a cached version of a pure function. + */ +function cached (fn) { + const cache = Object.create(null); + return function cachedFn (str) { + const hit = cache[str]; + return hit || (cache[str] = fn(str)) + } +} + +/** + * Camelize a hyphen-delimited string. + */ +const camelizeRE = /-(\w)/g; +const camelize = cached((str) => { + return str.replace(camelizeRE, (_, c) => c ? c.toUpperCase() : '') +}); + +const HOOKS = [ + 'invoke', + 'success', + 'fail', + 'complete', + 'returnValue' +]; + +const globalInterceptors = {}; +const scopedInterceptors = {}; + +function mergeHook (parentVal, childVal) { + const res = childVal + ? parentVal + ? parentVal.concat(childVal) + : Array.isArray(childVal) + ? childVal : [childVal] + : parentVal; + return res + ? dedupeHooks(res) + : res +} + +function dedupeHooks (hooks) { + const res = []; + for (let i = 0; i < hooks.length; i++) { + if (res.indexOf(hooks[i]) === -1) { + res.push(hooks[i]); + } + } + return res +} + +function removeHook (hooks, hook) { + const index = hooks.indexOf(hook); + if (index !== -1) { + hooks.splice(index, 1); + } +} + +function mergeInterceptorHook (interceptor, option) { + Object.keys(option).forEach(hook => { + if (HOOKS.indexOf(hook) !== -1 && isFn(option[hook])) { + interceptor[hook] = mergeHook(interceptor[hook], option[hook]); + } + }); +} + +function removeInterceptorHook (interceptor, option) { + if (!interceptor || !option) { + return + } + Object.keys(option).forEach(hook => { + if (HOOKS.indexOf(hook) !== -1 && isFn(option[hook])) { + removeHook(interceptor[hook], option[hook]); + } + }); +} + +function addInterceptor (method, option) { + if (typeof method === 'string' && isPlainObject(option)) { + mergeInterceptorHook(scopedInterceptors[method] || (scopedInterceptors[method] = {}), option); + } else if (isPlainObject(method)) { + mergeInterceptorHook(globalInterceptors, method); + } +} + +function removeInterceptor (method, option) { + if (typeof method === 'string') { + if (isPlainObject(option)) { + removeInterceptorHook(scopedInterceptors[method], option); + } else { + delete scopedInterceptors[method]; + } + } else if (isPlainObject(method)) { + removeInterceptorHook(globalInterceptors, method); + } +} + +function wrapperHook (hook) { + return function (data) { + return hook(data) || data + } +} + +function isPromise (obj) { + return !!obj && (typeof obj === 'object' || typeof obj === 'function') && typeof obj.then === 'function' +} + +function queue (hooks, data) { + let promise = false; + for (let i = 0; i < hooks.length; i++) { + const hook = hooks[i]; + if (promise) { + promise = Promise.resolve(wrapperHook(hook)); + } else { + const res = hook(data); + if (isPromise(res)) { + promise = Promise.resolve(res); + } + if (res === false) { + return { + then () { } + } + } + } + } + return promise || { + then (callback) { + return callback(data) + } + } +} + +function wrapperOptions (interceptor, options = {}) { + ['success', 'fail', 'complete'].forEach(name => { + if (Array.isArray(interceptor[name])) { + const oldCallback = options[name]; + options[name] = function callbackInterceptor (res) { + queue(interceptor[name], res).then((res) => { + /* eslint-disable no-mixed-operators */ + return isFn(oldCallback) && oldCallback(res) || res + }); + }; + } + }); + return options +} + +function wrapperReturnValue (method, returnValue) { + const returnValueHooks = []; + if (Array.isArray(globalInterceptors.returnValue)) { + returnValueHooks.push(...globalInterceptors.returnValue); + } + const interceptor = scopedInterceptors[method]; + if (interceptor && Array.isArray(interceptor.returnValue)) { + returnValueHooks.push(...interceptor.returnValue); + } + returnValueHooks.forEach(hook => { + returnValue = hook(returnValue) || returnValue; + }); + return returnValue +} + +function getApiInterceptorHooks (method) { + const interceptor = Object.create(null); + Object.keys(globalInterceptors).forEach(hook => { + if (hook !== 'returnValue') { + interceptor[hook] = globalInterceptors[hook].slice(); + } + }); + const scopedInterceptor = scopedInterceptors[method]; + if (scopedInterceptor) { + Object.keys(scopedInterceptor).forEach(hook => { + if (hook !== 'returnValue') { + interceptor[hook] = (interceptor[hook] || []).concat(scopedInterceptor[hook]); + } + }); + } + return interceptor +} + +function invokeApi (method, api, options, ...params) { + const interceptor = getApiInterceptorHooks(method); + if (interceptor && Object.keys(interceptor).length) { + if (Array.isArray(interceptor.invoke)) { + const res = queue(interceptor.invoke, options); + return res.then((options) => { + return api(wrapperOptions(interceptor, options), ...params) + }) + } else { + return api(wrapperOptions(interceptor, options), ...params) + } + } + return api(options, ...params) +} + +const promiseInterceptor = { + returnValue (res) { + if (!isPromise(res)) { + return res + } + return new Promise((resolve, reject) => { + res.then(res => { + if (res[0]) { + reject(res[0]); + } else { + resolve(res[1]); + } + }); + }) + } +}; + +const SYNC_API_RE = + /^\$|Window$|WindowStyle$|sendNativeEvent|restoreGlobal|getCurrentSubNVue|getMenuButtonBoundingClientRect|^report|interceptors|Interceptor$|getSubNVueById|requireNativePlugin|upx2px|hideKeyboard|canIUse|^create|Sync$|Manager$|base64ToArrayBuffer|arrayBufferToBase64|getLocale|setLocale/; + +const CONTEXT_API_RE = /^create|Manager$/; + +// Context例外情况 +const CONTEXT_API_RE_EXC = ['createBLEConnection']; + +// 同步例外情况 +const ASYNC_API = ['createBLEConnection']; + +const CALLBACK_API_RE = /^on|^off/; + +function isContextApi (name) { + return CONTEXT_API_RE.test(name) && CONTEXT_API_RE_EXC.indexOf(name) === -1 +} +function isSyncApi (name) { + return SYNC_API_RE.test(name) && ASYNC_API.indexOf(name) === -1 +} + +function isCallbackApi (name) { + return CALLBACK_API_RE.test(name) && name !== 'onPush' +} + +function handlePromise (promise) { + return promise.then(data => { + return [null, data] + }) + .catch(err => [err]) +} + +function shouldPromise (name) { + if ( + isContextApi(name) || + isSyncApi(name) || + isCallbackApi(name) + ) { + return false + } + return true +} + +/* eslint-disable no-extend-native */ +if (!Promise.prototype.finally) { + Promise.prototype.finally = function (callback) { + const promise = this.constructor; + return this.then( + value => promise.resolve(callback()).then(() => value), + reason => promise.resolve(callback()).then(() => { + throw reason + }) + ) + }; +} + +function promisify (name, api) { + if (!shouldPromise(name)) { + return api + } + return function promiseApi (options = {}, ...params) { + if (isFn(options.success) || isFn(options.fail) || isFn(options.complete)) { + return wrapperReturnValue(name, invokeApi(name, api, options, ...params)) + } + return wrapperReturnValue(name, handlePromise(new Promise((resolve, reject) => { + invokeApi(name, api, Object.assign({}, options, { + success: resolve, + fail: reject + }), ...params); + }))) + } +} + +const EPS = 1e-4; +const BASE_DEVICE_WIDTH = 750; +let isIOS = false; +let deviceWidth = 0; +let deviceDPR = 0; + +function checkDeviceWidth () { + const { + platform, + pixelRatio, + windowWidth + } = tt.getSystemInfoSync(); // uni=>tt runtime 编译目标是 uni 对象,内部不允许直接使用 uni + + deviceWidth = windowWidth; + deviceDPR = pixelRatio; + isIOS = platform === 'ios'; +} + +function upx2px (number, newDeviceWidth) { + if (deviceWidth === 0) { + checkDeviceWidth(); + } + + number = Number(number); + if (number === 0) { + return 0 + } + let result = (number / BASE_DEVICE_WIDTH) * (newDeviceWidth || deviceWidth); + if (result < 0) { + result = -result; + } + result = Math.floor(result + EPS); + if (result === 0) { + if (deviceDPR === 1 || !isIOS) { + result = 1; + } else { + result = 0.5; + } + } + return number < 0 ? -result : result +} + +function getLocale () { + // 优先使用 $locale + const app = getApp({ + allowDefault: true + }); + if (app && app.$vm) { + return app.$vm.$locale + } + return tt.getSystemInfoSync().language || 'zh-Hans' +} + +function setLocale (locale) { + const app = getApp(); + if (!app) { + return false + } + const oldLocale = app.$vm.$locale; + if (oldLocale !== locale) { + app.$vm.$locale = locale; + onLocaleChangeCallbacks.forEach((fn) => fn({ + locale + })); + return true + } + return false +} + +const onLocaleChangeCallbacks = []; +function onLocaleChange (fn) { + if (onLocaleChangeCallbacks.indexOf(fn) === -1) { + onLocaleChangeCallbacks.push(fn); + } +} + +const interceptors = { + promiseInterceptor +}; + +var baseApi = /*#__PURE__*/Object.freeze({ + __proto__: null, + upx2px: upx2px, + getLocale: getLocale, + setLocale: setLocale, + onLocaleChange: onLocaleChange, + addInterceptor: addInterceptor, + removeInterceptor: removeInterceptor, + interceptors: interceptors +}); + +class EventChannel { + constructor (id, events) { + this.id = id; + this.listener = {}; + this.emitCache = {}; + if (events) { + Object.keys(events).forEach(name => { + this.on(name, events[name]); + }); + } + } + + emit (eventName, ...args) { + const fns = this.listener[eventName]; + if (!fns) { + return (this.emitCache[eventName] || (this.emitCache[eventName] = [])).push(args) + } + fns.forEach(opt => { + opt.fn.apply(opt.fn, args); + }); + this.listener[eventName] = fns.filter(opt => opt.type !== 'once'); + } + + on (eventName, fn) { + this._addListener(eventName, 'on', fn); + this._clearCache(eventName); + } + + once (eventName, fn) { + this._addListener(eventName, 'once', fn); + this._clearCache(eventName); + } + + off (eventName, fn) { + const fns = this.listener[eventName]; + if (!fns) { + return + } + if (fn) { + for (let i = 0; i < fns.length;) { + if (fns[i].fn === fn) { + fns.splice(i, 1); + i--; + } + i++; + } + } else { + delete this.listener[eventName]; + } + } + + _clearCache (eventName) { + const cacheArgs = this.emitCache[eventName]; + if (cacheArgs) { + for (; cacheArgs.length > 0;) { + this.emit.apply(this, [eventName].concat(cacheArgs.shift())); + } + } + } + + _addListener (eventName, type, fn) { + (this.listener[eventName] || (this.listener[eventName] = [])).push({ + fn, + type + }); + } +} + +const eventChannels = {}; + +const eventChannelStack = []; + +let id = 0; + +function initEventChannel (events, cache = true) { + id++; + const eventChannel = new EventChannel(id, events); + if (cache) { + eventChannels[id] = eventChannel; + eventChannelStack.push(eventChannel); + } + return eventChannel +} + +function getEventChannel (id) { + if (id) { + const eventChannel = eventChannels[id]; + delete eventChannels[id]; + return eventChannel + } + return eventChannelStack.shift() +} + +var navigateTo = { + args (fromArgs, toArgs) { + const id = initEventChannel(fromArgs.events).id; + if (fromArgs.url) { + fromArgs.url = fromArgs.url + (fromArgs.url.indexOf('?') === -1 ? '?' : '&') + '__id__=' + id; + } + }, + returnValue (fromRes, toRes) { + fromRes.eventChannel = getEventChannel(); + } +}; + +function findExistsPageIndex (url) { + const pages = getCurrentPages(); + let len = pages.length; + while (len--) { + const page = pages[len]; + if (page.$page && page.$page.fullPath === url) { + return len + } + } + return -1 +} + +var redirectTo = { + name (fromArgs) { + if (fromArgs.exists === 'back' && fromArgs.delta) { + return 'navigateBack' + } + return 'redirectTo' + }, + args (fromArgs) { + if (fromArgs.exists === 'back' && fromArgs.url) { + const existsPageIndex = findExistsPageIndex(fromArgs.url); + if (existsPageIndex !== -1) { + const delta = getCurrentPages().length - 1 - existsPageIndex; + if (delta > 0) { + fromArgs.delta = delta; + } + } + } + } +}; + +var previewImage = { + args (fromArgs) { + let currentIndex = parseInt(fromArgs.current); + if (isNaN(currentIndex)) { + return + } + const urls = fromArgs.urls; + if (!Array.isArray(urls)) { + return + } + const len = urls.length; + if (!len) { + return + } + if (currentIndex < 0) { + currentIndex = 0; + } else if (currentIndex >= len) { + currentIndex = len - 1; + } + if (currentIndex > 0) { + fromArgs.current = urls[currentIndex]; + fromArgs.urls = urls.filter( + (item, index) => index < currentIndex ? item !== urls[currentIndex] : true + ); + } else { + fromArgs.current = urls[0]; + } + return { + indicator: false, + loop: false + } + } +}; + +const UUID_KEY = '__DC_STAT_UUID'; +let deviceId; +function addUuid (result) { + deviceId = deviceId || tt.getStorageSync(UUID_KEY); + if (!deviceId) { + deviceId = Date.now() + '' + Math.floor(Math.random() * 1e7); + tt.setStorage({ + key: UUID_KEY, + data: deviceId + }); + } + result.deviceId = deviceId; +} + +function addSafeAreaInsets (result) { + if (result.safeArea) { + const safeArea = result.safeArea; + result.safeAreaInsets = { + top: safeArea.top, + left: safeArea.left, + right: result.windowWidth - safeArea.right, + bottom: result.windowHeight - safeArea.bottom + }; + } +} + +var getSystemInfo = { + returnValue: function (result) { + addUuid(result); + addSafeAreaInsets(result); + } +}; + +const oName = 'getUserInfo'; +const nName = 'getUserProfile'; + +var getUserProfile = { + name: tt.canIUse(nName) ? nName : oName +}; + +// 需要做转换的 API 列表 +const protocols = { + navigateTo, + redirectTo, + previewImage, + getSystemInfo, + getSystemInfoSync: getSystemInfo, + getUserProfile, + connectSocket: { + args: { + method: false + } + }, + chooseVideo: { + args: { + camera: false + } + }, + scanCode: { + args: { + onlyFromCamera: false + } + }, + startAccelerometer: { + args: { + interval: false + } + }, + showToast: { + args: { + image: false + } + }, + showModal: { + args: { + cancelColor: false, + confirmColor: false + } + }, + showActionSheet: { + args: { + itemColor: false, + alertText: false + } + }, + login: { + args: { + scopes: false, + timeout: false + } + }, + getUserInfo: { + args: { + lang: false, + timeout: false + } + } +}; + +const todos = []; + +const canIUses = []; + +const CALLBACKS = ['success', 'fail', 'cancel', 'complete']; + +function processCallback (methodName, method, returnValue) { + return function (res) { + return method(processReturnValue(methodName, res, returnValue)) + } +} + +function processArgs (methodName, fromArgs, argsOption = {}, returnValue = {}, keepFromArgs = false) { + if (isPlainObject(fromArgs)) { // 一般 api 的参数解析 + const toArgs = keepFromArgs === true ? fromArgs : {}; // returnValue 为 false 时,说明是格式化返回值,直接在返回值对象上修改赋值 + if (isFn(argsOption)) { + argsOption = argsOption(fromArgs, toArgs) || {}; + } + for (const key in fromArgs) { + if (hasOwn(argsOption, key)) { + let keyOption = argsOption[key]; + if (isFn(keyOption)) { + keyOption = keyOption(fromArgs[key], fromArgs, toArgs); + } + if (!keyOption) { // 不支持的参数 + console.warn(`The '${methodName}' method of platform '飞书小程序' does not support option '${key}'`); + } else if (isStr(keyOption)) { // 重写参数 key + toArgs[keyOption] = fromArgs[key]; + } else if (isPlainObject(keyOption)) { // {name:newName,value:value}可重新指定参数 key:value + toArgs[keyOption.name ? keyOption.name : key] = keyOption.value; + } + } else if (CALLBACKS.indexOf(key) !== -1) { + if (isFn(fromArgs[key])) { + toArgs[key] = processCallback(methodName, fromArgs[key], returnValue); + } + } else { + if (!keepFromArgs) { + toArgs[key] = fromArgs[key]; + } + } + } + return toArgs + } else if (isFn(fromArgs)) { + fromArgs = processCallback(methodName, fromArgs, returnValue); + } + return fromArgs +} + +function processReturnValue (methodName, res, returnValue, keepReturnValue = false) { + if (isFn(protocols.returnValue)) { // 处理通用 returnValue + res = protocols.returnValue(methodName, res); + } + return processArgs(methodName, res, returnValue, {}, keepReturnValue) +} + +function wrapper (methodName, method) { + if (hasOwn(protocols, methodName)) { + const protocol = protocols[methodName]; + if (!protocol) { // 暂不支持的 api + return function () { + console.error(`Platform '飞书小程序' does not support '${methodName}'.`); + } + } + return function (arg1, arg2) { // 目前 api 最多两个参数 + let options = protocol; + if (isFn(protocol)) { + options = protocol(arg1); + } + + arg1 = processArgs(methodName, arg1, options.args, options.returnValue); + + const args = [arg1]; + if (typeof arg2 !== 'undefined') { + args.push(arg2); + } + if (isFn(options.name)) { + methodName = options.name(arg1); + } else if (isStr(options.name)) { + methodName = options.name; + } + const returnValue = tt[methodName].apply(tt, args); + if (isSyncApi(methodName)) { // 同步 api + return processReturnValue(methodName, returnValue, options.returnValue, isContextApi(methodName)) + } + return returnValue + } + } + return method +} + +const todoApis = Object.create(null); + +const TODOS = [ + 'onTabBarMidButtonTap', + 'subscribePush', + 'unsubscribePush', + 'onPush', + 'offPush', + 'share' +]; + +function createTodoApi (name) { + return function todoApi ({ + fail, + complete + }) { + const res = { + errMsg: `${name}:fail method '${name}' not supported` + }; + isFn(fail) && fail(res); + isFn(complete) && complete(res); + } +} + +TODOS.forEach(function (name) { + todoApis[name] = createTodoApi(name); +}); + +var providers = { + oauth: ['lark'], + share: ['lark'], + payment: [''], + push: [''] +}; + +function getProvider ({ + service, + success, + fail, + complete +}) { + let res = false; + if (providers[service]) { + res = { + errMsg: 'getProvider:ok', + service, + provider: providers[service] + }; + isFn(success) && success(res); + } else { + res = { + errMsg: 'getProvider:fail service not found' + }; + isFn(fail) && fail(res); + } + isFn(complete) && complete(res); +} + +var extraApi = /*#__PURE__*/Object.freeze({ + __proto__: null, + getProvider: getProvider +}); + +const getEmitter = (function () { + let Emitter; + return function getUniEmitter () { + if (!Emitter) { + Emitter = new Vue(); + } + return Emitter + } +})(); + +function apply (ctx, method, args) { + return ctx[method].apply(ctx, args) +} + +function $on () { + return apply(getEmitter(), '$on', [...arguments]) +} +function $off () { + return apply(getEmitter(), '$off', [...arguments]) +} +function $once () { + return apply(getEmitter(), '$once', [...arguments]) +} +function $emit () { + return apply(getEmitter(), '$emit', [...arguments]) +} + +var eventApi = /*#__PURE__*/Object.freeze({ + __proto__: null, + $on: $on, + $off: $off, + $once: $once, + $emit: $emit +}); + +var api = /*#__PURE__*/Object.freeze({ + __proto__: null +}); + +const MPPage = Page; +const MPComponent = Component; + +const customizeRE = /:/g; + +const customize = cached((str) => { + return camelize(str.replace(customizeRE, '-')) +}); + +function initTriggerEvent (mpInstance) { + const oldTriggerEvent = mpInstance.triggerEvent; + mpInstance.triggerEvent = function (event, ...args) { + return oldTriggerEvent.apply(mpInstance, [customize(event), ...args]) + }; +} + +function initHook (name, options, isComponent) { + const oldHook = options[name]; + if (!oldHook) { + options[name] = function () { + initTriggerEvent(this); + }; + } else { + options[name] = function (...args) { + initTriggerEvent(this); + return oldHook.apply(this, args) + }; + } +} +if (!MPPage.__$wrappered) { + MPPage.__$wrappered = true; + Page = function (options = {}) { + initHook('onLoad', options); + return MPPage(options) + }; + Page.after = MPPage.after; + + Component = function (options = {}) { + initHook('created', options); + return MPComponent(options) + }; +} + +const PAGE_EVENT_HOOKS = [ + 'onPullDownRefresh', + 'onReachBottom', + 'onAddToFavorites', + 'onShareTimeline', + 'onShareAppMessage', + 'onPageScroll', + 'onResize', + 'onTabItemTap' +]; + +function initMocks (vm, mocks) { + const mpInstance = vm.$mp[vm.mpType]; + mocks.forEach(mock => { + if (hasOwn(mpInstance, mock)) { + vm[mock] = mpInstance[mock]; + } + }); +} + +function hasHook (hook, vueOptions) { + if (!vueOptions) { + return true + } + + if (Vue.options && Array.isArray(Vue.options[hook])) { + return true + } + + vueOptions = vueOptions.default || vueOptions; + + if (isFn(vueOptions)) { + if (isFn(vueOptions.extendOptions[hook])) { + return true + } + if (vueOptions.super && + vueOptions.super.options && + Array.isArray(vueOptions.super.options[hook])) { + return true + } + return false + } + + if (isFn(vueOptions[hook])) { + return true + } + const mixins = vueOptions.mixins; + if (Array.isArray(mixins)) { + return !!mixins.find(mixin => hasHook(hook, mixin)) + } +} + +function initHooks (mpOptions, hooks, vueOptions) { + hooks.forEach(hook => { + if (hasHook(hook, vueOptions)) { + mpOptions[hook] = function (args) { + return this.$vm && this.$vm.__call_hook(hook, args) + }; + } + }); +} + +function initVueComponent (Vue, vueOptions) { + vueOptions = vueOptions.default || vueOptions; + let VueComponent; + if (isFn(vueOptions)) { + VueComponent = vueOptions; + } else { + VueComponent = Vue.extend(vueOptions); + } + vueOptions = VueComponent.options; + return [VueComponent, vueOptions] +} + +function initSlots (vm, vueSlots) { + if (Array.isArray(vueSlots) && vueSlots.length) { + const $slots = Object.create(null); + vueSlots.forEach(slotName => { + $slots[slotName] = true; + }); + vm.$scopedSlots = vm.$slots = $slots; + } +} + +function initVueIds (vueIds, mpInstance) { + vueIds = (vueIds || '').split(','); + const len = vueIds.length; + + if (len === 1) { + mpInstance._$vueId = vueIds[0]; + } else if (len === 2) { + mpInstance._$vueId = vueIds[0]; + mpInstance._$vuePid = vueIds[1]; + } +} + +function initData (vueOptions, context) { + let data = vueOptions.data || {}; + const methods = vueOptions.methods || {}; + + if (typeof data === 'function') { + try { + data = data.call(context); // 支持 Vue.prototype 上挂的数据 + } catch (e) { + if (process.env.VUE_APP_DEBUG) { + console.warn('根据 Vue 的 data 函数初始化小程序 data 失败,请尽量确保 data 函数中不访问 vm 对象,否则可能影响首次数据渲染速度。', data); + } + } + } else { + try { + // 对 data 格式化 + data = JSON.parse(JSON.stringify(data)); + } catch (e) {} + } + + if (!isPlainObject(data)) { + data = {}; + } + + Object.keys(methods).forEach(methodName => { + if (context.__lifecycle_hooks__.indexOf(methodName) === -1 && !hasOwn(data, methodName)) { + data[methodName] = methods[methodName]; + } + }); + + return data +} + +const PROP_TYPES = [String, Number, Boolean, Object, Array, null]; + +function createObserver (name) { + return function observer (newVal, oldVal) { + if (this.$vm) { + this.$vm[name] = newVal; // 为了触发其他非 render watcher + } + } +} + +function initBehaviors (vueOptions, initBehavior) { + const vueBehaviors = vueOptions.behaviors; + const vueExtends = vueOptions.extends; + const vueMixins = vueOptions.mixins; + + let vueProps = vueOptions.props; + + if (!vueProps) { + vueOptions.props = vueProps = []; + } + + const behaviors = []; + if (Array.isArray(vueBehaviors)) { + vueBehaviors.forEach(behavior => { + behaviors.push(behavior.replace('uni://', `${"tt"}://`)); + if (behavior === 'uni://form-field') { + if (Array.isArray(vueProps)) { + vueProps.push('name'); + vueProps.push('value'); + } else { + vueProps.name = { + type: String, + default: '' + }; + vueProps.value = { + type: [String, Number, Boolean, Array, Object, Date], + default: '' + }; + } + } + }); + } + if (isPlainObject(vueExtends) && vueExtends.props) { + behaviors.push( + initBehavior({ + properties: initProperties(vueExtends.props, true) + }) + ); + } + if (Array.isArray(vueMixins)) { + vueMixins.forEach(vueMixin => { + if (isPlainObject(vueMixin) && vueMixin.props) { + behaviors.push( + initBehavior({ + properties: initProperties(vueMixin.props, true) + }) + ); + } + }); + } + return behaviors +} + +function parsePropType (key, type, defaultValue, file) { + // [String]=>String + if (Array.isArray(type) && type.length === 1) { + return type[0] + } + return type +} + +function initProperties (props, isBehavior = false, file = '') { + const properties = {}; + if (!isBehavior) { + properties.vueId = { + type: String, + value: '' + }; + // 用于字节跳动小程序模拟抽象节点 + properties.generic = { + type: Object, + value: null + }; + // scopedSlotsCompiler auto + properties.scopedSlotsCompiler = { + type: String, + value: '' + }; + properties.vueSlots = { // 小程序不能直接定义 $slots 的 props,所以通过 vueSlots 转换到 $slots + type: null, + value: [], + observer: function (newVal, oldVal) { + const $slots = Object.create(null); + newVal.forEach(slotName => { + $slots[slotName] = true; + }); + this.setData({ + $slots + }); + } + }; + } + if (Array.isArray(props)) { // ['title'] + props.forEach(key => { + properties[key] = { + type: null, + observer: createObserver(key) + }; + }); + } else if (isPlainObject(props)) { // {title:{type:String,default:''},content:String} + Object.keys(props).forEach(key => { + const opts = props[key]; + if (isPlainObject(opts)) { // title:{type:String,default:''} + let value = opts.default; + if (isFn(value)) { + value = value(); + } + + opts.type = parsePropType(key, opts.type); + + properties[key] = { + type: PROP_TYPES.indexOf(opts.type) !== -1 ? opts.type : null, + value, + observer: createObserver(key) + }; + } else { // content:String + const type = parsePropType(key, opts); + properties[key] = { + type: PROP_TYPES.indexOf(type) !== -1 ? type : null, + observer: createObserver(key) + }; + } + }); + } + return properties +} + +function wrapper$1 (event) { + // TODO 又得兼容 mpvue 的 mp 对象 + try { + event.mp = JSON.parse(JSON.stringify(event)); + } catch (e) {} + + event.stopPropagation = noop; + event.preventDefault = noop; + + event.target = event.target || {}; + + if (!hasOwn(event, 'detail')) { + event.detail = {}; + } + + if (hasOwn(event, 'markerId')) { + event.detail = typeof event.detail === 'object' ? event.detail : {}; + event.detail.markerId = event.markerId; + } + + if (isPlainObject(event.detail)) { + event.target = Object.assign({}, event.target, event.detail); + } + + return event +} + +function getExtraValue (vm, dataPathsArray) { + let context = vm; + dataPathsArray.forEach(dataPathArray => { + const dataPath = dataPathArray[0]; + const value = dataPathArray[2]; + if (dataPath || typeof value !== 'undefined') { // ['','',index,'disable'] + const propPath = dataPathArray[1]; + const valuePath = dataPathArray[3]; + + let vFor; + if (Number.isInteger(dataPath)) { + vFor = dataPath; + } else if (!dataPath) { + vFor = context; + } else if (typeof dataPath === 'string' && dataPath) { + if (dataPath.indexOf('#s#') === 0) { + vFor = dataPath.substr(3); + } else { + vFor = vm.__get_value(dataPath, context); + } + } + + if (Number.isInteger(vFor)) { + context = value; + } else if (!propPath) { + context = vFor[value]; + } else { + if (Array.isArray(vFor)) { + context = vFor.find(vForItem => { + return vm.__get_value(propPath, vForItem) === value + }); + } else if (isPlainObject(vFor)) { + context = Object.keys(vFor).find(vForKey => { + return vm.__get_value(propPath, vFor[vForKey]) === value + }); + } else { + console.error('v-for 暂不支持循环数据:', vFor); + } + } + + if (valuePath) { + context = vm.__get_value(valuePath, context); + } + } + }); + return context +} + +function processEventExtra (vm, extra, event) { + const extraObj = {}; + + if (Array.isArray(extra) && extra.length) { + /** + *[ + * ['data.items', 'data.id', item.data.id], + * ['metas', 'id', meta.id] + *], + *[ + * ['data.items', 'data.id', item.data.id], + * ['metas', 'id', meta.id] + *], + *'test' + */ + extra.forEach((dataPath, index) => { + if (typeof dataPath === 'string') { + if (!dataPath) { // model,prop.sync + extraObj['$' + index] = vm; + } else { + if (dataPath === '$event') { // $event + extraObj['$' + index] = event; + } else if (dataPath === 'arguments') { + if (event.detail && event.detail.__args__) { + extraObj['$' + index] = event.detail.__args__; + } else { + extraObj['$' + index] = [event]; + } + } else if (dataPath.indexOf('$event.') === 0) { // $event.target.value + extraObj['$' + index] = vm.__get_value(dataPath.replace('$event.', ''), event); + } else { + extraObj['$' + index] = vm.__get_value(dataPath); + } + } + } else { + extraObj['$' + index] = getExtraValue(vm, dataPath); + } + }); + } + + return extraObj +} + +function getObjByArray (arr) { + const obj = {}; + for (let i = 1; i < arr.length; i++) { + const element = arr[i]; + obj[element[0]] = element[1]; + } + return obj +} + +function processEventArgs (vm, event, args = [], extra = [], isCustom, methodName) { + let isCustomMPEvent = false; // wxcomponent 组件,传递原始 event 对象 + if (isCustom) { // 自定义事件 + isCustomMPEvent = event.currentTarget && + event.currentTarget.dataset && + event.currentTarget.dataset.comType === 'wx'; + if (!args.length) { // 无参数,直接传入 event 或 detail 数组 + if (isCustomMPEvent) { + return [event] + } + return event.detail.__args__ || event.detail + } + } + + const extraObj = processEventExtra(vm, extra, event); + + const ret = []; + args.forEach(arg => { + if (arg === '$event') { + if (methodName === '__set_model' && !isCustom) { // input v-model value + ret.push(event.target.value); + } else { + if (isCustom && !isCustomMPEvent) { + ret.push(event.detail.__args__[0]); + } else { // wxcomponent 组件或内置组件 + ret.push(event); + } + } + } else { + if (Array.isArray(arg) && arg[0] === 'o') { + ret.push(getObjByArray(arg)); + } else if (typeof arg === 'string' && hasOwn(extraObj, arg)) { + ret.push(extraObj[arg]); + } else { + ret.push(arg); + } + } + }); + + return ret +} + +const ONCE = '~'; +const CUSTOM = '^'; + +function isMatchEventType (eventType, optType) { + return (eventType === optType) || + ( + optType === 'regionchange' && + ( + eventType === 'begin' || + eventType === 'end' + ) + ) +} + +function getContextVm (vm) { + let $parent = vm.$parent; + // 父组件是 scoped slots 或者其他自定义组件时继续查找 + while ($parent && $parent.$parent && ($parent.$options.generic || $parent.$parent.$options.generic || $parent.$scope._$vuePid)) { + $parent = $parent.$parent; + } + return $parent && $parent.$parent +} + +function handleEvent (event) { + event = wrapper$1(event); + + // [['tap',[['handle',[1,2,a]],['handle1',[1,2,a]]]]] + const dataset = (event.currentTarget || event.target).dataset; + if (!dataset) { + return console.warn('事件信息不存在') + } + const eventOpts = dataset.eventOpts || dataset['event-opts']; // 支付宝 web-view 组件 dataset 非驼峰 + if (!eventOpts) { + return console.warn('事件信息不存在') + } + + // [['handle',[1,2,a]],['handle1',[1,2,a]]] + const eventType = event.type; + + const ret = []; + + eventOpts.forEach(eventOpt => { + let type = eventOpt[0]; + const eventsArray = eventOpt[1]; + + const isCustom = type.charAt(0) === CUSTOM; + type = isCustom ? type.slice(1) : type; + const isOnce = type.charAt(0) === ONCE; + type = isOnce ? type.slice(1) : type; + + if (eventsArray && isMatchEventType(eventType, type)) { + eventsArray.forEach(eventArray => { + const methodName = eventArray[0]; + if (methodName) { + let handlerCtx = this.$vm; + if (handlerCtx.$options.generic) { // mp-weixin,mp-toutiao 抽象节点模拟 scoped slots + handlerCtx = getContextVm(handlerCtx) || handlerCtx; + } + if (methodName === '$emit') { + handlerCtx.$emit.apply(handlerCtx, + processEventArgs( + this.$vm, + event, + eventArray[1], + eventArray[2], + isCustom, + methodName + )); + return + } + const handler = handlerCtx[methodName]; + if (!isFn(handler)) { + throw new Error(` _vm.${methodName} is not a function`) + } + if (isOnce) { + if (handler.once) { + return + } + handler.once = true; + } + let params = processEventArgs( + this.$vm, + event, + eventArray[1], + eventArray[2], + isCustom, + methodName + ); + params = Array.isArray(params) ? params : []; + // 参数尾部增加原始事件对象用于复杂表达式内获取额外数据 + if (/=\s*\S+\.eventParams\s*\|\|\s*\S+\[['"]event-params['"]\]/.test(handler.toString())) { + // eslint-disable-next-line no-sparse-arrays + params = params.concat([, , , , , , , , , , event]); + } + ret.push(handler.apply(handlerCtx, params)); + } + }); + } + }); + + if ( + eventType === 'input' && + ret.length === 1 && + typeof ret[0] !== 'undefined' + ) { + return ret[0] + } +} + +let locale; + +{ + locale = tt.getSystemInfoSync().language; +} + +const i18n = initVueI18n( + locale, + {} +); +const t = i18n.t; +const i18nMixin = (i18n.mixin = { + beforeCreate () { + const unwatch = i18n.i18n.watchLocale(() => { + this.$forceUpdate(); + }); + this.$once('hook:beforeDestroy', function () { + unwatch(); + }); + }, + methods: { + $$t (key, values) { + return t(key, values) + } + } +}); +const setLocale$1 = i18n.setLocale; +const getLocale$1 = i18n.getLocale; + +function initAppLocale (Vue, appVm, locale) { + const state = Vue.observable({ + locale: locale || i18n.getLocale() + }); + const localeWatchers = []; + appVm.$watchLocale = fn => { + localeWatchers.push(fn); + }; + Object.defineProperty(appVm, '$locale', { + get () { + return state.locale + }, + set (v) { + state.locale = v; + localeWatchers.forEach(watch => watch(v)); + } + }); +} + +const hooks = [ + 'onShow', + 'onHide', + 'onError', + 'onPageNotFound', + 'onThemeChange', + 'onUnhandledRejection' +]; + +function initEventChannel$1 () { + Vue.prototype.getOpenerEventChannel = function () { + if (!this.__eventChannel__) { + this.__eventChannel__ = new EventChannel(); + } + return this.__eventChannel__ + }; + const callHook = Vue.prototype.__call_hook; + Vue.prototype.__call_hook = function (hook, args) { + if (hook === 'onLoad' && args && args.__id__) { + this.__eventChannel__ = getEventChannel(args.__id__); + delete args.__id__; + } + return callHook.call(this, hook, args) + }; +} + +function initScopedSlotsParams () { + const center = {}; + const parents = {}; + + Vue.prototype.$hasScopedSlotsParams = function (vueId) { + const has = center[vueId]; + if (!has) { + parents[vueId] = this; + this.$on('hook:destory', () => { + delete parents[vueId]; + }); + } + return has + }; + + Vue.prototype.$getScopedSlotsParams = function (vueId, name, key) { + const data = center[vueId]; + if (data) { + const object = data[name] || {}; + return key ? object[key] : object + } else { + parents[vueId] = this; + this.$on('hook:destory', () => { + delete parents[vueId]; + }); + } + }; + + Vue.prototype.$setScopedSlotsParams = function (name, value) { + const vueIds = this.$options.propsData.vueId; + if (vueIds) { + const vueId = vueIds.split(',')[0]; + const object = center[vueId] = center[vueId] || {}; + object[name] = value; + if (parents[vueId]) { + parents[vueId].$forceUpdate(); + } + } + }; + + Vue.mixin({ + destroyed () { + const propsData = this.$options.propsData; + const vueId = propsData && propsData.vueId; + if (vueId) { + delete center[vueId]; + delete parents[vueId]; + } + } + }); +} + +function parseBaseApp (vm, { + mocks, + initRefs +}) { + initEventChannel$1(); + { + initScopedSlotsParams(); + } + if (vm.$options.store) { + Vue.prototype.$store = vm.$options.store; + } + uniIdMixin(Vue); + + Vue.prototype.mpHost = "mp-lark"; + + Vue.mixin({ + beforeCreate () { + if (!this.$options.mpType) { + return + } + + this.mpType = this.$options.mpType; + + this.$mp = { + data: {}, + [this.mpType]: this.$options.mpInstance + }; + + this.$scope = this.$options.mpInstance; + + delete this.$options.mpType; + delete this.$options.mpInstance; + if (this.mpType === 'page' && typeof getApp === 'function') { // hack vue-i18n + const app = getApp(); + if (app.$vm && app.$vm.$i18n) { + this._i18n = app.$vm.$i18n; + } + } + if (this.mpType !== 'app') { + initRefs(this); + initMocks(this, mocks); + } + } + }); + + const appOptions = { + onLaunch (args) { + if (this.$vm) { // 已经初始化过了,主要是为了百度,百度 onShow 在 onLaunch 之前 + return + } + + this.$vm = vm; + + this.$vm.$mp = { + app: this + }; + + this.$vm.$scope = this; + // vm 上也挂载 globalData + this.$vm.globalData = this.globalData; + + this.$vm._isMounted = true; + this.$vm.__call_hook('mounted', args); + + this.$vm.__call_hook('onLaunch', args); + } + }; + + // 兼容旧版本 globalData + appOptions.globalData = vm.$options.globalData || {}; + // 将 methods 中的方法挂在 getApp() 中 + const methods = vm.$options.methods; + if (methods) { + Object.keys(methods).forEach(name => { + appOptions[name] = methods[name]; + }); + } + + initAppLocale(Vue, vm, tt.getSystemInfoSync().language || 'zh-Hans'); + + initHooks(appOptions, hooks); + + return appOptions +} + +function findVmByVueId (vm, vuePid) { + const $children = vm.$children; + // 优先查找直属(反向查找:https://github.com/dcloudio/uni-app/issues/1200) + for (let i = $children.length - 1; i >= 0; i--) { + const childVm = $children[i]; + if (childVm.$scope._$vueId === vuePid) { + return childVm + } + } + // 反向递归查找 + let parentVm; + for (let i = $children.length - 1; i >= 0; i--) { + parentVm = findVmByVueId($children[i], vuePid); + if (parentVm) { + return parentVm + } + } +} + +function initBehavior (options) { + return Behavior(options) +} + +function selectAllComponents (mpInstance, selector, $refs) { + const components = mpInstance.selectAllComponents(selector); + components.forEach(component => { + const ref = component.dataset.ref; + $refs[ref] = component.$vm || component; + }); +} + +function initRefs (vm) { + const mpInstance = vm.$scope; + Object.defineProperty(vm, '$refs', { + get () { + const $refs = {}; + selectAllComponents(mpInstance, '.vue-ref', $refs); + // TODO 暂不考虑 for 中的 scoped + const forComponents = mpInstance.selectAllComponents('.vue-ref-in-for'); + forComponents.forEach(component => { + const ref = component.dataset.ref; + if (!$refs[ref]) { + $refs[ref] = []; + } + $refs[ref].push(component.$vm || component); + }); + return $refs + } + }); +} + +function handleLink (event) { + const { + vuePid, + vueOptions + } = event.detail || event.value; // detail 是微信,value 是百度(dipatch) + + let parentVm; + + if (vuePid) { + parentVm = findVmByVueId(this.$vm, vuePid); + } + + if (!parentVm) { + parentVm = this.$vm; + } + + vueOptions.parent = parentVm; +} + +const mocks = ['__route__', '__webviewId__', '__nodeid__', '__nodeId__']; + +const instances = Object.create(null); + +function isPage () { + return this.__nodeid__ === 0 || this.__nodeId__ === 0 +} + +function initRelation ({ + vuePid, + mpInstance +}) { + // triggerEvent 后,接收事件时机特别晚,已经到了 ready 之后 + const nodeId = (mpInstance.__nodeId__ || mpInstance.__nodeid__) + ''; + const webviewId = mpInstance.__webviewId__ + ''; + + instances[webviewId + '_' + nodeId] = mpInstance.$vm; + + this.triggerEvent('__l', { + vuePid, + nodeId, + webviewId + }); +} + +function handleLink$1 ({ + detail: { + vuePid, + nodeId, + webviewId + } +}) { + const vm = instances[webviewId + '_' + nodeId]; + if (!vm) { + return + } + + let parentVm; + + if (vuePid) { + parentVm = findVmByVueId(this.$vm, vuePid); + } + + if (!parentVm) { + parentVm = this.$vm; + } + + vm.$parent = parentVm; + vm.$root = parentVm.$root; + parentVm.$children.push(vm); + + vm.__call_hook('created'); + vm.__call_hook('beforeMount'); + vm._isMounted = true; + vm.__call_hook('mounted'); + vm.__call_hook('onReady'); +} + +function parseApp (vm) { + Vue.prototype._$fallback = true; // 降级(调整原 vue 的部分生命周期,如 created,beforeMount,inject,provide) + + Vue.mixin({ + created () { // 处理 injections, triggerEvent 是异步,且触发时机很慢,故延迟 relation 设置 + if (this.mpType !== 'app') { + if (this.mpType === 'page' && !this.$scope.route && this.$scope.__route__ + ) { + this.$scope.route = this.$scope.__route__; + } + + initRefs(this); + + this.__init_injections(this); + this.__init_provide(this); + } + } + }); + + return parseBaseApp(vm, { + mocks, + initRefs: function () {} // attached 时,可能查询不到 + }) +} + +function createApp (vm) { + App(parseApp(vm)); + return vm +} + +const encodeReserveRE = /[!'()*]/g; +const encodeReserveReplacer = c => '%' + c.charCodeAt(0).toString(16); +const commaRE = /%2C/g; + +// fixed encodeURIComponent which is more conformant to RFC3986: +// - escapes [!'()*] +// - preserve commas +const encode = str => encodeURIComponent(str) + .replace(encodeReserveRE, encodeReserveReplacer) + .replace(commaRE, ','); + +function stringifyQuery (obj, encodeStr = encode) { + const res = obj ? Object.keys(obj).map(key => { + const val = obj[key]; + + if (val === undefined) { + return '' + } + + if (val === null) { + return encodeStr(key) + } + + if (Array.isArray(val)) { + const result = []; + val.forEach(val2 => { + if (val2 === undefined) { + return + } + if (val2 === null) { + result.push(encodeStr(key)); + } else { + result.push(encodeStr(key) + '=' + encodeStr(val2)); + } + }); + return result.join('&') + } + + return encodeStr(key) + '=' + encodeStr(val) + }).filter(x => x.length > 0).join('&') : null; + return res ? `?${res}` : '' +} + +function parseBaseComponent (vueComponentOptions, { + isPage, + initRelation +} = {}) { + const [VueComponent, vueOptions] = initVueComponent(Vue, vueComponentOptions); + + const options = { + multipleSlots: true, + addGlobalClass: true, + ...(vueOptions.options || {}) + }; + + const componentOptions = { + options, + data: initData(vueOptions, Vue.prototype), + behaviors: initBehaviors(vueOptions, initBehavior), + properties: initProperties(vueOptions.props, false, vueOptions.__file), + lifetimes: { + attached () { + const properties = this.properties; + + const options = { + mpType: isPage.call(this) ? 'page' : 'component', + mpInstance: this, + propsData: properties + }; + + initVueIds(properties.vueId, this); + + // 处理父子关系 + initRelation.call(this, { + vuePid: this._$vuePid, + vueOptions: options + }); + + // 初始化 vue 实例 + this.$vm = new VueComponent(options); + + // 处理$slots,$scopedSlots(暂不支持动态变化$slots) + initSlots(this.$vm, properties.vueSlots); + + // 触发首次 setData + this.$vm.$mount(); + }, + ready () { + // 当组件 props 默认值为 true,初始化时传入 false 会导致 created,ready 触发, 但 attached 不触发 + // https://developers.weixin.qq.com/community/develop/doc/00066ae2844cc0f8eb883e2a557800 + if (this.$vm) { + this.$vm._isMounted = true; + this.$vm.__call_hook('mounted'); + this.$vm.__call_hook('onReady'); + } + }, + detached () { + this.$vm && this.$vm.$destroy(); + } + }, + pageLifetimes: { + show (args) { + this.$vm && this.$vm.__call_hook('onPageShow', args); + }, + hide () { + this.$vm && this.$vm.__call_hook('onPageHide'); + }, + resize (size) { + this.$vm && this.$vm.__call_hook('onPageResize', size); + } + }, + methods: { + __l: handleLink, + __e: handleEvent + } + }; + // externalClasses + if (vueOptions.externalClasses) { + componentOptions.externalClasses = vueOptions.externalClasses; + } + + if (Array.isArray(vueOptions.wxsCallMethods)) { + vueOptions.wxsCallMethods.forEach(callMethod => { + componentOptions.methods[callMethod] = function (args) { + return this.$vm[callMethod](args) + }; + }); + } + + if (isPage) { + return componentOptions + } + return [componentOptions, VueComponent] +} + +function parseComponent (vueOptions) { + const [componentOptions, VueComponent] = parseBaseComponent(vueOptions); + + componentOptions.lifetimes.attached = function attached () { + const properties = this.properties; + + const options = { + mpType: isPage.call(this) ? 'page' : 'component', + mpInstance: this, + propsData: properties + }; + + initVueIds(properties.vueId, this); + + // 初始化 vue 实例 + this.$vm = new VueComponent(options); + + // 处理$slots,$scopedSlots(暂不支持动态变化$slots) + initSlots(this.$vm, properties.vueSlots); + + // 处理父子关系 + initRelation.call(this, { + vuePid: this._$vuePid, + mpInstance: this + }); + + // 触发首次 setData + this.$vm.$mount(); + }; + + // ready 比 handleLink 还早,初始化逻辑放到 handleLink 中 + delete componentOptions.lifetimes.ready; + + componentOptions.methods.__l = handleLink$1; + + return componentOptions +} + +const hooks$1 = [ + 'onShow', + 'onHide', + 'onUnload' +]; + +hooks$1.push(...PAGE_EVENT_HOOKS); + +function parseBasePage (vuePageOptions, { + isPage, + initRelation +}) { + const pageOptions = parseComponent(vuePageOptions); + + initHooks(pageOptions.methods, hooks$1, vuePageOptions); + + pageOptions.methods.onLoad = function (query) { + this.options = query; + const copyQuery = Object.assign({}, query); + delete copyQuery.__id__; + this.$page = { + fullPath: '/' + (this.route || this.is) + stringifyQuery(copyQuery) + }; + this.$vm.$mp.query = query; // 兼容 mpvue + this.$vm.__call_hook('onLoad', query); + }; + + return pageOptions +} + +function parsePage (vuePageOptions) { + const pageOptions = parseBasePage(vuePageOptions, { + isPage, + initRelation + }); + // 页面需要在 ready 中触发,其他组件是在 handleLink 中触发 + pageOptions.lifetimes.ready = function ready () { + if (this.$vm && this.$vm.mpType === 'page') { + this.$vm.__call_hook('created'); + this.$vm.__call_hook('beforeMount'); + this.$vm._isMounted = true; + this.$vm.__call_hook('mounted'); + this.$vm.__call_hook('onReady'); + } else { + this.is && console.warn(this.is + ' is not ready'); + } + }; + + pageOptions.lifetimes.detached = function detached () { + this.$vm && this.$vm.$destroy(); + // 清理 + const webviewId = this.__webviewId__; + webviewId && Object.keys(instances).forEach(key => { + if (key.indexOf(webviewId + '_') === 0) { + delete instances[key]; + } + }); + }; + + return pageOptions +} + +function createPage (vuePageOptions) { + { + return Component(parsePage(vuePageOptions)) + } +} + +function createComponent (vueOptions) { + { + return Component(parseComponent(vueOptions)) + } +} + +function createSubpackageApp (vm) { + const appOptions = parseApp(vm); + const app = getApp({ + allowDefault: true + }); + vm.$scope = app; + const globalData = app.globalData; + if (globalData) { + Object.keys(appOptions.globalData).forEach(name => { + if (!hasOwn(globalData, name)) { + globalData[name] = appOptions.globalData[name]; + } + }); + } + Object.keys(appOptions).forEach(name => { + if (!hasOwn(app, name)) { + app[name] = appOptions[name]; + } + }); + if (isFn(appOptions.onShow) && tt.onAppShow) { + tt.onAppShow((...args) => { + vm.__call_hook('onShow', args); + }); + } + if (isFn(appOptions.onHide) && tt.onAppHide) { + tt.onAppHide((...args) => { + vm.__call_hook('onHide', args); + }); + } + if (isFn(appOptions.onLaunch)) { + const args = tt.getLaunchOptionsSync && tt.getLaunchOptionsSync(); + vm.__call_hook('onLaunch', args); + } + return vm +} + +function createPlugin (vm) { + const appOptions = parseApp(vm); + if (isFn(appOptions.onShow) && tt.onAppShow) { + tt.onAppShow((...args) => { + appOptions.onShow.apply(vm, args); + }); + } + if (isFn(appOptions.onHide) && tt.onAppHide) { + tt.onAppHide((...args) => { + appOptions.onHide.apply(vm, args); + }); + } + if (isFn(appOptions.onLaunch)) { + const args = tt.getLaunchOptionsSync && tt.getLaunchOptionsSync(); + appOptions.onLaunch.call(vm, args); + } + return vm +} + +todos.forEach(todoApi => { + protocols[todoApi] = false; +}); + +canIUses.forEach(canIUseApi => { + const apiName = protocols[canIUseApi] && protocols[canIUseApi].name ? protocols[canIUseApi].name + : canIUseApi; + if (!tt.canIUse(apiName)) { + protocols[canIUseApi] = false; + } +}); + +let uni = {}; + +if (typeof Proxy !== 'undefined' && "mp-lark" !== 'app-plus') { + uni = new Proxy({}, { + get (target, name) { + if (hasOwn(target, name)) { + return target[name] + } + if (baseApi[name]) { + return baseApi[name] + } + if (api[name]) { + return promisify(name, api[name]) + } + { + if (extraApi[name]) { + return promisify(name, extraApi[name]) + } + if (todoApis[name]) { + return promisify(name, todoApis[name]) + } + } + if (eventApi[name]) { + return eventApi[name] + } + if (!hasOwn(tt, name) && !hasOwn(protocols, name)) { + return + } + return promisify(name, wrapper(name, tt[name])) + }, + set (target, name, value) { + target[name] = value; + return true + } + }); +} else { + Object.keys(baseApi).forEach(name => { + uni[name] = baseApi[name]; + }); + + { + Object.keys(todoApis).forEach(name => { + uni[name] = promisify(name, todoApis[name]); + }); + Object.keys(extraApi).forEach(name => { + uni[name] = promisify(name, todoApis[name]); + }); + } + + Object.keys(eventApi).forEach(name => { + uni[name] = eventApi[name]; + }); + + Object.keys(api).forEach(name => { + uni[name] = promisify(name, api[name]); + }); + + Object.keys(tt).forEach(name => { + if (hasOwn(tt, name) || hasOwn(protocols, name)) { + uni[name] = promisify(name, wrapper(name, tt[name])); + } + }); +} + +tt.createApp = createApp; +tt.createPage = createPage; +tt.createComponent = createComponent; +tt.createSubpackageApp = createSubpackageApp; +tt.createPlugin = createPlugin; + +var uni$1 = uni; + +export default uni$1; +export { createApp, createComponent, createPage, createPlugin, createSubpackageApp }; diff --git a/packages/uni-mp-lark/lib/uni.compiler.js b/packages/uni-mp-lark/lib/uni.compiler.js new file mode 100644 index 0000000000000000000000000000000000000000..1249639b13adcf237ffb7bac9d04a9a7fb6afc92 --- /dev/null +++ b/packages/uni-mp-lark/lib/uni.compiler.js @@ -0,0 +1,124 @@ +const compiler = require('@dcloudio/uni-mp-weixin/lib/uni.compiler.js') +const path = require('path') +const t = require('@babel/types') +const crypto = require('crypto') + +function generateJsCode (properties = '{}') { + return `tt.createComponent({ + generic: true, + props: ${properties}, + render: function(){} +}) +` +} + +function generateCssCode (filename) { + return `@import "./${filename}" +` +} + +function getBaseName (ownerName, parentName, slotName, resourcePath) { + const str = `${resourcePath}/${parentName}/${slotName}` + const md5 = crypto.createHash('md5').update(str).digest('hex') + if (process.env.NODE_ENV !== 'development') { + return `m${md5.substring(0, 8)}` + } + return `${ownerName}--${parentName}--${slotName}--${md5.substring(0, 4)}` +} + +function hasOwn (obj, key) { + return Object.prototype.hasOwnProperty.call(obj, key) +} + +module.exports = Object.assign({}, compiler, { + directive: 'tt:', + resolveScopedSlots (slotName, { + genCode, + generate, + ownerName, + parentName, + parentNode, + resourcePath, + paramExprNode, + returnExprNodes, + traverseExpr + }, state) { + if (!state.scopedSlots) { + state.scopedSlots = {} + } + const baseName = getBaseName(ownerName, parentName, slotName, resourcePath) + let componentName = baseName + if (!hasOwn(state.scopedSlots, baseName)) { + state.scopedSlots[baseName] = 0 + } + if (state.scopedSlots[baseName]) { + componentName = baseName + state.scopedSlots[baseName] + } + state.scopedSlots[baseName]++ + + if (!parentNode.attr.generic) { + parentNode.attr.generic = {} + } + parentNode.attr.generic[slotName] = componentName + + // 生成 scopedSlots 文件,包括 json,js, ttml, ttss, 还需要更新 owner 的 usingComponents + if (!state.files) { + state.files = {} + } + const extname = path.extname(resourcePath) + + const templateFile = resourcePath.replace(ownerName + extname, componentName + extname) + const templateContent = generate(traverseExpr(returnExprNodes, state), state) + + state.files[templateFile] = templateContent + + const jsFile = resourcePath.replace(ownerName + extname, componentName + '.js') + + const objectProperties = [] + + if (t.isObjectPattern(paramExprNode)) { + paramExprNode.properties.forEach(property => { + const key = property.key + const value = property.value + const valueObjectProperties = [ + t.objectProperty(t.identifier('type'), t.nullLiteral()) + ] + if (t.isIdentifier(value)) { + if (value.name !== key.name) { + state.errors.add(`解构插槽 Prop 时,不支持将${key.name}重命名为${value.name},重命名后会影响性能`) + } + } else if (t.isAssignmentPattern(value)) { + valueObjectProperties.push(t.objectProperty(t.identifier('default'), value.right)) + } + objectProperties.push(t.objectProperty(key, t.objectExpression(valueObjectProperties))) + }) + } else { + state.errors.add(`目前仅支持解构插槽 ${paramExprNode.name},如 v-slot="{ user }"`) + } + const jsContent = generateJsCode(genCode(t.objectExpression(objectProperties), true)) + state.files[jsFile] = jsContent + + try { + // TODO 使用 getPlatformExts 在单元测试报错,改从 state.options.platform 判断 + const { getPlatformExts } = require('@dcloudio/uni-cli-shared') + const styleExtname = getPlatformExts().style + const styleFile = resourcePath.replace(ownerName + extname, componentName + styleExtname) + const styleContent = generateCssCode(ownerName + styleExtname) + + state.files[styleFile] = styleContent + } catch (error) { } + + // webpack-uni-mp-loader/lib/plugin/generate-component 处理 json 文件还有修改 slot 模版 + const fixExtname = '.fix' + const extFile = resourcePath.replace(ownerName + extname, componentName + fixExtname) + state.files[extFile] = `${resourcePath.replace(ownerName + extname, ownerName)},${parentName},${componentName},scoped-slots-${slotName}` + + if (!state.generic) { + state.generic = [] + } + // 存储,方便后续生成 json + state.generic.push(componentName) + + return '' + } +}) diff --git a/packages/uni-mp-lark/lib/uni.config.js b/packages/uni-mp-lark/lib/uni.config.js new file mode 100644 index 0000000000000000000000000000000000000000..818881e5d81951fbb9b906f1d1724dfd96b8dfb5 --- /dev/null +++ b/packages/uni-mp-lark/lib/uni.config.js @@ -0,0 +1,24 @@ +module.exports = { + options: { + cssVars: { + '--status-bar-height': '25px', + '--window-top': '0px', + '--window-bottom': '0px', + '--window-left': '0px', + '--window-right': '0px' + }, + extnames: { + style: '.ttss', + template: '.ttml' + }, + subPackages: true, + project: 'project.lark.json' + }, + copyWebpackOptions (platformOptions, vueOptions) { + const copyOptions = ['ttcomponents'] + global.uniModules.forEach(module => { + copyOptions.push('uni_modules/' + module + '/ttcomponents') + }) + return copyOptions + } +} diff --git a/packages/uni-mp-lark/package.json b/packages/uni-mp-lark/package.json new file mode 100644 index 0000000000000000000000000000000000000000..bac20ce3419e8dda858d372446c2c3819c3050ef --- /dev/null +++ b/packages/uni-mp-lark/package.json @@ -0,0 +1,20 @@ +{ + "name": "@dcloudio/uni-mp-lark", + "version": "2.0.0-alpha-32520210827002", + "description": "uni-app mp-lark", + "main": "dist/index.js", + "repository": { + "type": "git", + "url": "git+https://github.com/dcloudio/uni-app.git", + "directory": "packages/uni-mp-lark" + }, + "scripts": { + "test": "echo \"Error: run tests from root\" && exit 1" + }, + "author": "PerfectPan", + "license": "Apache-2.0", + "uni-app": { + "name": "mp-lark", + "title": "飞书小程序" + } +} diff --git a/packages/uni-stat/src/parameter.js b/packages/uni-stat/src/parameter.js index dc765b1dd8a6a63db3e966bbdb710b40a54eca4a..9576c849d2fd4b46b89bcd418dcf96a6eea61199 100644 --- a/packages/uni-stat/src/parameter.js +++ b/packages/uni-stat/src/parameter.js @@ -79,7 +79,8 @@ export const getPlatformName = () => { 'mp-toutiao': 'tt', 'mp-qq': 'qq', 'quickapp-native': 'qn', - 'mp-kuaishou': 'ks' + 'mp-kuaishou': 'ks', + 'mp-lark': 'lark' } return platformList[process.env.VUE_APP_PLATFORM]; } diff --git a/packages/uni-template-compiler/lib/index.js b/packages/uni-template-compiler/lib/index.js index 4c8e44e61c55aa3a8707f423ee605d1b260aaf86..4e1ce71323a1d01f90d9603399a39c03f3150f72 100644 --- a/packages/uni-template-compiler/lib/index.js +++ b/packages/uni-template-compiler/lib/index.js @@ -94,7 +94,7 @@ module.exports = { if (options.mp.platform === 'mp-alipay') { options.modules.push(compilerAlipayModule) - } else if (options.mp.platform === 'mp-toutiao') { + } else if (options.mp.platform === 'mp-toutiao' || options.mp.platform === 'mp-lark') { options.modules.push(compilerToutiaoModule) } @@ -150,7 +150,7 @@ module.exports = { delete state.files // resolve scoped slots - res.generic = state.generic || [] + res.generic = state.generic || [] delete state.generic // define scoped slots @@ -290,4 +290,4 @@ at ${resourcePath}.vue:1`) ssrCompile, ssrCompileToFunctions, generateCodeFrame -} +} diff --git a/packages/uni-template-compiler/lib/script/traverse/data/class.js b/packages/uni-template-compiler/lib/script/traverse/data/class.js index 9ea60a5808c1ab411f23cf3ca233874a38bd1b39..b2d14d203160076bdf4e30a7e1ffb4ce74c4bf4a 100644 --- a/packages/uni-template-compiler/lib/script/traverse/data/class.js +++ b/packages/uni-template-compiler/lib/script/traverse/data/class.js @@ -38,10 +38,9 @@ function processStaticClass (classArrayExpression, staticClassPath, state) { } staticClassPath.remove() } - if ( - state.options.platform.name === 'mp-toutiao' || - state.options.platform.name === 'mp-alipay' - ) { + + const transPlatform = ['mp-toutiao', 'mp-alipay', 'mp-lark']; + if (transPlatform.includes(state.options.platform.name)) { // classArrayExpression => binaryExpression return processClassArrayExpressionElements(classArrayExpression) } diff --git a/packages/uni-template-compiler/lib/template/generate.js b/packages/uni-template-compiler/lib/template/generate.js index 0271b25fe1764d3171e1f43c5603ae5f4435821f..df91c829da10b1ad3f4e12eba8c29a1ac0130a21 100644 --- a/packages/uni-template-compiler/lib/template/generate.js +++ b/packages/uni-template-compiler/lib/template/generate.js @@ -71,8 +71,8 @@ function processElement (ast, state, isRoot) { Object.keys(ast.attr.generic).forEach(scopedSlotName => { slots.push(scopedSlotName) }) - if (platformName === 'mp-toutiao') { - // 用于字节跳动小程序模拟抽象节点 + if (platformName === 'mp-toutiao' || platformName === 'mp-lark') { + // 用于字节跳动|飞书小程序模拟抽象节点 ast.attr.generic = `{{${JSON.stringify(ast.attr.generic)}}}`.replace(/"/g, '\'') } else { delete ast.attr.generic diff --git a/packages/uni-template-compiler/lib/template/traverse.js b/packages/uni-template-compiler/lib/template/traverse.js index c83f41434cabe989616b67a4f7d42dc17134b867..2e572e7a35565da083f00bb9f39cac540d53b4f2 100644 --- a/packages/uni-template-compiler/lib/template/traverse.js +++ b/packages/uni-template-compiler/lib/template/traverse.js @@ -231,10 +231,10 @@ function traverseDataNode (dataNode, state, node) { let key // 自定义组件不支持 hidden 属性 const platform = state.options.platform.name - const platforms = ['mp-weixin', 'mp-qq', 'mp-toutiao'] + const platforms = ['mp-weixin', 'mp-qq', 'mp-toutiao', 'mp-lark'] if (isComponent(node.type) && platforms.includes(platform)) { - // 字节跳动小程序自定义属性不会反应在DOM上,只能使用事件格式 - key = `${platform === 'mp-toutiao' ? 'bind:-' : ''}${ATTE_DATA_CUSTOM_HIDDEN}` + // 字节跳动|飞书小程序自定义属性不会反应在DOM上,只能使用事件格式 + key = `${platform === 'mp-toutiao' || platform === 'mp-lark' ? 'bind:-' : ''}${ATTE_DATA_CUSTOM_HIDDEN}` } else { key = 'hidden' } diff --git a/packages/vue-cli-plugin-uni/commands/build.js b/packages/vue-cli-plugin-uni/commands/build.js index 00f5a8702542e2bd5607618327566ceba2e4a6ce..fdc90ae93ef97696000b7bfc8504cbb8ecfb742f 100644 --- a/packages/vue-cli-plugin-uni/commands/build.js +++ b/packages/vue-cli-plugin-uni/commands/build.js @@ -41,7 +41,7 @@ module.exports = (api, options) => { } } - const platforms = ['mp-weixin', 'mp-qq', 'mp-baidu', 'mp-alipay', 'mp-toutiao'] + const platforms = ['mp-weixin', 'mp-qq', 'mp-baidu', 'mp-alipay', 'mp-toutiao', 'mp-lark'] if (args.subpackage && platforms.includes(process.env.UNI_PLATFORM)) { process.env.UNI_SUBPACKGE = args.subpackage } diff --git a/packages/vue-cli-plugin-uni/generator.js b/packages/vue-cli-plugin-uni/generator.js index fdccc96da649897070adaa32209144757dae1ec2..307ca3bca8e2b2fa0fcb37d2d9c4ce4e27f0ccb8 100644 --- a/packages/vue-cli-plugin-uni/generator.js +++ b/packages/vue-cli-plugin-uni/generator.js @@ -17,6 +17,7 @@ module.exports = (api, options, rootOptions) => { 'dev:mp-alipay': 'cross-env NODE_ENV=development UNI_PLATFORM=mp-alipay vue-cli-service uni-build --watch', 'dev:mp-toutiao': 'cross-env NODE_ENV=development UNI_PLATFORM=mp-toutiao vue-cli-service uni-build --watch', 'dev:mp-kuaishou': 'cross-env NODE_ENV=development UNI_PLATFORM=mp-kuaishou vue-cli-service uni-build --watch', + 'dev:mp-lark': 'cross-env NODE_ENV=development UNI_PLATFORM=mp-lark vue-cli-service uni-build --watch', 'dev:quickapp-native': 'cross-env NODE_ENV=development UNI_PLATFORM=quickapp-native vue-cli-service uni-build --watch', 'dev:quickapp-webview': 'cross-env NODE_ENV=development UNI_PLATFORM=quickapp-webview vue-cli-service uni-build --watch', 'dev:quickapp-webview-huawei': 'cross-env NODE_ENV=development UNI_PLATFORM=quickapp-webview-huawei vue-cli-service uni-build --watch', @@ -28,6 +29,7 @@ module.exports = (api, options, rootOptions) => { 'build:mp-alipay': 'cross-env NODE_ENV=production UNI_PLATFORM=mp-alipay vue-cli-service uni-build', 'build:mp-toutiao': 'cross-env NODE_ENV=production UNI_PLATFORM=mp-toutiao vue-cli-service uni-build', 'build:mp-kuaishou': 'cross-env NODE_ENV=production UNI_PLATFORM=mp-kuaishou vue-cli-service uni-build', + 'build:mp-lark': 'cross-env NODE_ENV=production UNI_PLATFORM=mp-lark vue-cli-service uni-build', 'build:quickapp-native': 'cross-env NODE_ENV=production UNI_PLATFORM=quickapp-native vue-cli-service uni-build', 'build:quickapp-webview': 'cross-env NODE_ENV=production UNI_PLATFORM=quickapp-webview vue-cli-service uni-build', 'build:quickapp-webview-huawei': 'cross-env NODE_ENV=production UNI_PLATFORM=quickapp-webview-huawei vue-cli-service uni-build', diff --git a/packages/vue-cli-plugin-uni/lib/env.js b/packages/vue-cli-plugin-uni/lib/env.js index 84d35bcfda4ba9b4a3432a8abdda12ad3dabcdff..2ce61cf9add3898f1e8598feed65f39a30d7d7e3 100644 --- a/packages/vue-cli-plugin-uni/lib/env.js +++ b/packages/vue-cli-plugin-uni/lib/env.js @@ -410,7 +410,7 @@ if (process.env.UNI_PLATFORM === 'h5') { moduleAlias.addAlias('vue-style-loader', '@dcloudio/vue-cli-plugin-uni/packages/h5-vue-style-loader') } -if (process.env.UNI_PLATFORM === 'mp-toutiao') { +if (process.env.UNI_PLATFORM === 'mp-toutiao' || process.env.UNI_PLATFORM === 'mp-lark') { // !important 始终带有一个空格 moduleAlias.addAlias( 'postcss-normalize-whitespace', diff --git a/packages/webpack-uni-mp-loader/lib/plugin/generate-app.js b/packages/webpack-uni-mp-loader/lib/plugin/generate-app.js index d5a5a0897113ed94c8f3deee4a0e3a7239846325..090d06a80399cf55df2cf9673736cac461e68c10 100644 --- a/packages/webpack-uni-mp-loader/lib/plugin/generate-app.js +++ b/packages/webpack-uni-mp-loader/lib/plugin/generate-app.js @@ -47,7 +47,7 @@ module.exports = function generateApp (compilation) { // 框架预设样式 用于隐藏自定义组件 // TODO 分平台 import 不同 css - const platforms = ['mp-weixin', 'mp-qq', 'mp-toutiao'] + const platforms = ['mp-weixin', 'mp-qq', 'mp-toutiao', 'mp-lark'] const presetStyle = platforms.includes(process.env.UNI_PLATFORM) ? '[data-custom-hidden="true"],[bind-data-custom-hidden="true"]{display: none !important;}' : '' if (compilation.assets[`common/main${ext}`]) { // 是否存在 main.css diff --git a/packages/webpack-uni-mp-loader/lib/plugin/generate-component.js b/packages/webpack-uni-mp-loader/lib/plugin/generate-component.js index 5ed4860f59baa893c26e846f99cf023a792ea3ab..e52a14a7443e66ae287c73f0d10c16962e02d774 100644 --- a/packages/webpack-uni-mp-loader/lib/plugin/generate-component.js +++ b/packages/webpack-uni-mp-loader/lib/plugin/generate-component.js @@ -145,7 +145,7 @@ module.exports = function generateComponent (compilation, jsonpFunction = 'webpa } } } - // 处理字节跳动小程序作用域插槽 + // 处理字节跳动|飞书小程序作用域插槽 const fixExtname = '.fix' if (name.endsWith(fixExtname)) { const source = assets[name].source() diff --git a/packages/webpack-uni-pages-loader/lib/index-new.js b/packages/webpack-uni-pages-loader/lib/index-new.js index 857e2140c78ce1ed8b205580b4cdbcffa54e7ea3..86b75ac55b79d4f9cab2a7dd2fe75ecb19c40db5 100644 --- a/packages/webpack-uni-pages-loader/lib/index-new.js +++ b/packages/webpack-uni-pages-loader/lib/index-new.js @@ -214,4 +214,4 @@ module.exports = function (content, map) { } this.callback(null, '', map) -} +} diff --git a/packages/webpack-uni-pages-loader/lib/index.js b/packages/webpack-uni-pages-loader/lib/index.js index 93e61ebf99e4f6366b9511c13b40ab6d081b3ed2..f594209865aed2dad5c34b448cea1c4b4eee7546 100644 --- a/packages/webpack-uni-pages-loader/lib/index.js +++ b/packages/webpack-uni-pages-loader/lib/index.js @@ -107,4 +107,4 @@ module.exports = function (content, map) { }) this.callback(null, '', map) -} +} diff --git a/packages/webpack-uni-pages-loader/lib/platforms/mp-lark/index.js b/packages/webpack-uni-pages-loader/lib/platforms/mp-lark/index.js new file mode 100644 index 0000000000000000000000000000000000000000..1ee34cb5d1513489d7048669696cc53e58db9f92 --- /dev/null +++ b/packages/webpack-uni-pages-loader/lib/platforms/mp-lark/index.js @@ -0,0 +1,7 @@ +module.exports = function (pagesJson, manifestJson) { + const { + app, + project + } = require('../mp')(pagesJson, manifestJson, require('./project.config.json')) + return [app, project] +} \ No newline at end of file diff --git a/packages/webpack-uni-pages-loader/lib/platforms/mp-lark/project.config.json b/packages/webpack-uni-pages-loader/lib/platforms/mp-lark/project.config.json new file mode 100644 index 0000000000000000000000000000000000000000..c04409e40cbd9d2c4eda1f07a9da9d4d6b15c91c --- /dev/null +++ b/packages/webpack-uni-pages-loader/lib/platforms/mp-lark/project.config.json @@ -0,0 +1,11 @@ +{ + "setting": { + "urlCheck": true, + "es6": false, + "postcss": false, + "minified": false, + "newFeature": true + }, + "appid": "testAppId", + "projectname": "" +} diff --git a/src/core/runtime/web-view/index.js b/src/core/runtime/web-view/index.js index c01bf2650acb76178ecbc57c71f47c1714679e4a..325cbdb0f947a3c251f7d8e12477d191d17007c7 100644 --- a/src/core/runtime/web-view/index.js +++ b/src/core/runtime/web-view/index.js @@ -29,6 +29,9 @@ import { import { initWebviewApi as initKuaishouWebviewApi } from 'uni-platforms/mp-kuaishou/runtime/web-view' +import { + initWebviewApi as initLarkWebviewApi +} from 'uni-platforms/mp-lark/runtime/web-view' const UniAppJSBridgeReady = function () { window.UniAppJSBridge = true @@ -47,6 +50,7 @@ const initWebviewApis = [ initToutiaoWebviewApi, initQuickappWebviewApi, initKuaishouWebviewApi, + initLarkWebviewApi, initH5WebviewApi ] diff --git a/src/platforms/mp-lark/runtime/api/index.js b/src/platforms/mp-lark/runtime/api/index.js new file mode 100644 index 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391 diff --git a/src/platforms/mp-lark/runtime/api/protocols.js b/src/platforms/mp-lark/runtime/api/protocols.js new file mode 100644 index 0000000000000000000000000000000000000000..e9867218b457ac33a4ab3fc60fc26a601f980a0a --- /dev/null +++ b/src/platforms/mp-lark/runtime/api/protocols.js @@ -0,0 +1,68 @@ +import navigateTo from 'uni-helpers/navigate-to' +import redirectTo from '../../../mp-weixin/helpers/redirect-to' +import previewImage from '../../../mp-weixin/helpers/normalize-preview-image' +import getSystemInfo from '../../../mp-weixin/helpers/system-info' +import getUserProfile from '../../../mp-weixin/helpers/get-user-profile' + +// 需要做转换的 API 列表 +export const protocols = { + navigateTo, + redirectTo, + previewImage, + getSystemInfo, + getSystemInfoSync: getSystemInfo, + getUserProfile, + connectSocket: { + args: { + method: false + } + }, + chooseVideo: { + args: { + camera: false + } + }, + scanCode: { + args: { + onlyFromCamera: false + } + }, + startAccelerometer: { + args: { + interval: false + } + }, + showToast: { + args: { + image: false + } + }, + showModal: { + args: { + cancelColor: false, + confirmColor: false + } + }, + showActionSheet: { + args: { + itemColor: false, + alertText: false + } + }, + login: { + args: { + scopes: false, + timeout: false + } + }, + getUserInfo: { + args: { + lang: false, + timeout: false + } + } +} + +export const todos = [] + +export const canIUses = [] diff --git a/src/platforms/mp-lark/runtime/api/providers.js b/src/platforms/mp-lark/runtime/api/providers.js new file mode 100644 index 0000000000000000000000000000000000000000..61608582925f8f215273aa2cb708f28b5fdfd37d --- /dev/null +++ b/src/platforms/mp-lark/runtime/api/providers.js @@ -0,0 +1,6 @@ +export default { + oauth: ['lark'], + share: ['lark'], + payment: [''], + push: [''] +} diff --git a/src/platforms/mp-lark/runtime/index.js b/src/platforms/mp-lark/runtime/index.js new file mode 100644 index 0000000000000000000000000000000000000000..5a843bc821374df4c1959470c611958c8b82d732 --- /dev/null +++ b/src/platforms/mp-lark/runtime/index.js @@ -0,0 +1 @@ +import '../../mp-weixin/runtime/index' diff --git a/src/platforms/mp-lark/runtime/web-view.js b/src/platforms/mp-lark/runtime/web-view.js new file mode 100644 index 0000000000000000000000000000000000000000..22d820602dde363974d2e4f4535bef3bdb91098d --- /dev/null +++ b/src/platforms/mp-lark/runtime/web-view.js @@ -0,0 +1,11 @@ +const isLark = window.tt && + window.tt.miniProgram && + /Lark|Feishu/i.test(navigator.userAgent) + +export function initWebviewApi (readyCallback) { + if (!isLark) { + return + } + document.addEventListener('DOMContentLoaded', readyCallback) + return window.tt.miniProgram +} diff --git a/src/platforms/mp-lark/runtime/wrapper/app-parser.js b/src/platforms/mp-lark/runtime/wrapper/app-parser.js new file mode 100644 index 0000000000000000000000000000000000000000..58fb8a9392c845891f03352c10112896b81ebdf3 --- /dev/null +++ b/src/platforms/mp-lark/runtime/wrapper/app-parser.js @@ -0,0 +1,33 @@ +import Vue from 'vue' + +import parseBaseApp from '../../../mp-weixin/runtime/wrapper/app-base-parser' + +import { + mocks, + initRefs +} from './util' + +export default function parseApp (vm) { + Vue.prototype._$fallback = true // 降级(调整原 vue 的部分生命周期,如 created,beforeMount,inject,provide) + + Vue.mixin({ + created () { // 处理 injections, triggerEvent 是异步,且触发时机很慢,故延迟 relation 设置 + if (this.mpType !== 'app') { + if (this.mpType === 'page' && !this.$scope.route && this.$scope.__route__ + ) { + this.$scope.route = this.$scope.__route__ + } + + initRefs(this) + + this.__init_injections(this) + this.__init_provide(this) + } + } + }) + + return parseBaseApp(vm, { + mocks, + initRefs: function () {} // attached 时,可能查询不到 + }) +} diff --git a/src/platforms/mp-lark/runtime/wrapper/component-parser.js b/src/platforms/mp-lark/runtime/wrapper/component-parser.js new file mode 100644 index 0000000000000000000000000000000000000000..9d78729c8c9d3a856f7dd9d16088a0e804d7bd82 --- /dev/null +++ b/src/platforms/mp-lark/runtime/wrapper/component-parser.js @@ -0,0 +1,50 @@ +import { + isPage, + initRelation, + handleLink +} from './util' + +import { + initSlots, + initVueIds +} from 'uni-wrapper/util' + +import parseBaseComponent from '../../../mp-weixin/runtime/wrapper/component-base-parser' + +export default function parseComponent (vueOptions) { + const [componentOptions, VueComponent] = parseBaseComponent(vueOptions) + + componentOptions.lifetimes.attached = function attached () { + const properties = this.properties + + const options = { + mpType: isPage.call(this) ? 'page' : 'component', + mpInstance: this, + propsData: properties + } + + initVueIds(properties.vueId, this) + + // 初始化 vue 实例 + this.$vm = new VueComponent(options) + + // 处理$slots,$scopedSlots(暂不支持动态变化$slots) + initSlots(this.$vm, properties.vueSlots) + + // 处理父子关系 + initRelation.call(this, { + vuePid: this._$vuePid, + mpInstance: this + }) + + // 触发首次 setData + this.$vm.$mount() + } + + // ready 比 handleLink 还早,初始化逻辑放到 handleLink 中 + delete componentOptions.lifetimes.ready + + componentOptions.methods.__l = handleLink + + return componentOptions +} diff --git a/src/platforms/mp-lark/runtime/wrapper/page-parser.js b/src/platforms/mp-lark/runtime/wrapper/page-parser.js new file mode 100644 index 0000000000000000000000000000000000000000..6598851b0a2982bd538f235064b7cd82f9db1f8b --- /dev/null +++ b/src/platforms/mp-lark/runtime/wrapper/page-parser.js @@ -0,0 +1,39 @@ +import { + isPage, + instances, + initRelation +} from './util' + +import parseBasePage from '../../../mp-weixin/runtime/wrapper/page-base-parser' + +export default function parsePage (vuePageOptions) { + const pageOptions = parseBasePage(vuePageOptions, { + isPage, + initRelation + }) + // 页面需要在 ready 中触发,其他组件是在 handleLink 中触发 + pageOptions.lifetimes.ready = function ready () { + if (this.$vm && this.$vm.mpType === 'page') { + this.$vm.__call_hook('created') + this.$vm.__call_hook('beforeMount') + this.$vm._isMounted = true + this.$vm.__call_hook('mounted') + this.$vm.__call_hook('onReady') + } else { + this.is && console.warn(this.is + ' is not ready') + } + } + + pageOptions.lifetimes.detached = function detached () { + this.$vm && this.$vm.$destroy() + // 清理 + const webviewId = this.__webviewId__ + webviewId && Object.keys(instances).forEach(key => { + if (key.indexOf(webviewId + '_') === 0) { + delete instances[key] + } + }) + } + + return pageOptions +} diff --git a/src/platforms/mp-lark/runtime/wrapper/util.js b/src/platforms/mp-lark/runtime/wrapper/util.js new file mode 100644 index 0000000000000000000000000000000000000000..bdf6ba14f898608c34731bbe9c89a17acf7e5a2d --- /dev/null +++ b/src/platforms/mp-lark/runtime/wrapper/util.js @@ -0,0 +1,64 @@ +import { + findVmByVueId, + initRefs +} from '../../../mp-weixin/runtime/wrapper/util' + +export { initRefs } + +export const mocks = ['__route__', '__webviewId__', '__nodeid__', '__nodeId__'] + +export const instances = Object.create(null) + +export function isPage () { + return this.__nodeid__ === 0 || this.__nodeId__ === 0 +} + +export function initRelation ({ + vuePid, + mpInstance +}) { + // triggerEvent 后,接收事件时机特别晚,已经到了 ready 之后 + const nodeId = (mpInstance.__nodeId__ || mpInstance.__nodeid__) + '' + const webviewId = mpInstance.__webviewId__ + '' + + instances[webviewId + '_' + nodeId] = mpInstance.$vm + + this.triggerEvent('__l', { + vuePid, + nodeId, + webviewId + }) +} + +export function handleLink ({ + detail: { + vuePid, + nodeId, + webviewId + } +}) { + const vm = instances[webviewId + '_' + nodeId] + if (!vm) { + return + } + + let parentVm + + if (vuePid) { + parentVm = findVmByVueId(this.$vm, vuePid) + } + + if (!parentVm) { + parentVm = this.$vm + } + + vm.$parent = parentVm + vm.$root = parentVm.$root + parentVm.$children.push(vm) + + vm.__call_hook('created') + vm.__call_hook('beforeMount') + vm._isMounted = true + vm.__call_hook('mounted') + vm.__call_hook('onReady') +} diff --git a/src/platforms/mp-weixin/runtime/wrapper/app-base-parser.js b/src/platforms/mp-weixin/runtime/wrapper/app-base-parser.js index a41baed510dbeda352ce84b7d0c3786f8fd94d3f..5d57502908c9f3629493b0fb795b1dfde8b82a29 100644 --- a/src/platforms/mp-weixin/runtime/wrapper/app-base-parser.js +++ b/src/platforms/mp-weixin/runtime/wrapper/app-base-parser.js @@ -111,7 +111,7 @@ export default function parseBaseApp (vm, { }) { initEventChannel() if (__PLATFORM__ === 'mp-weixin' || __PLATFORM__ === 'mp-qq' || __PLATFORM__ === 'mp-toutiao' || __PLATFORM__ === - 'mp-kuaishou' || __PLATFORM__ === 'mp-alipay' || __PLATFORM__ === 'mp-baidu') { + 'mp-kuaishou' || __PLATFORM__ === 'mp-alipay' || __PLATFORM__ === 'mp-baidu' || __PLATFORM__ === 'mp-lark') { initScopedSlotsParams() } if (vm.$options.store) {