@tarojs/taro-h5 3.4.0-beta.2 → 3.4.0-beta.3

package/dist/api/device/bluetooth.js

@@ -0,0 +1,15 @@
+import { temporarilyNotSupport } from '../utils';
+// 蓝牙-通用
+export const stopBluetoothDevicesDiscovery = temporarilyNotSupport('stopBluetoothDevicesDiscovery');
+export const startBluetoothDevicesDiscovery = temporarilyNotSupport('startBluetoothDevicesDiscovery');
+export const openBluetoothAdapter = temporarilyNotSupport('openBluetoothAdapter');
+export const onBluetoothDeviceFound = temporarilyNotSupport('onBluetoothDeviceFound');
+export const onBluetoothAdapterStateChange = temporarilyNotSupport('onBluetoothAdapterStateChange');
+export const offBluetoothDeviceFound = temporarilyNotSupport('offBluetoothDeviceFound');
+export const offBluetoothAdapterStateChange = temporarilyNotSupport('offBluetoothAdapterStateChange');
+export const makeBluetoothPair = temporarilyNotSupport('makeBluetoothPair');
+export const isBluetoothDevicePaired = temporarilyNotSupport('isBluetoothDevicePaired');
+export const getConnectedBluetoothDevices = temporarilyNotSupport('getConnectedBluetoothDevices');
+export const getBluetoothDevices = temporarilyNotSupport('getBluetoothDevices');
+export const getBluetoothAdapterState = temporarilyNotSupport('getBluetoothAdapterState');
+export const closeBluetoothAdapter = temporarilyNotSupport('closeBluetoothAdapter');

package/dist/api/device/calendar.js

@@ -0,0 +1,4 @@
+import { temporarilyNotSupport } from '../utils';
+// 日历
+export const addPhoneRepeatCalendar = temporarilyNotSupport('addPhoneRepeatCalendar');
+export const addPhoneCalendar = temporarilyNotSupport('addPhoneCalendar');

package/dist/api/device/clipboard.js

@@ -0,0 +1,65 @@
+/**
+ * 剪贴板部分的api参考了Chameleon项目的实现：
+ *
+ * setClipboardData: https://github.com/chameleon-team/chameleon-api/tree/master/src/interfaces/setClipBoardData
+ * getClipboardData: https://github.com/chameleon-team/chameleon-api/tree/master/src/interfaces/getClipBoardData
+ */
+import { setStorage, setStorageSync, getStorageSync } from '../storage/index';
+import { MethodHandler } from '../utils/handler';
+const CLIPBOARD_STORAGE_NAME = 'taro_clipboard';
+document.addEventListener('copy', () => {
+    var _a;
+    setStorage({
+        key: CLIPBOARD_STORAGE_NAME,
+        data: (_a = window.getSelection()) === null || _a === void 0 ? void 0 : _a.toString()
+    }).catch(e => {
+        console.error(e);
+    });
+});
+/**
+ * 设置系统剪贴板的内容
+ */
+export const setClipboardData = async ({ data, success, fail, complete }) => {
+    const handle = new MethodHandler({ name: 'setClipboardData', success, fail, complete });
+    try {
+        setStorageSync(CLIPBOARD_STORAGE_NAME, data);
+        /**
+         * 已于 iPhone 6s Plus iOS 13.1.3 上的 Safari 测试通过
+         * iOS < 10 的系统可能无法使用编程方式访问剪贴板，参考：
+         * https://stackoverflow.com/questions/34045777/copy-to-clipboard-using-javascript-in-ios/34046084
+         */
+        if (typeof document.execCommand === 'function') {
+            const textarea = document.createElement('textarea');
+            textarea.readOnly = true;
+            textarea.value = data;
+            textarea.style.position = 'absolute';
+            textarea.style.width = '100px';
+            textarea.style.left = '-10000px';
+            document.body.appendChild(textarea);
+            textarea.select();
+            textarea.setSelectionRange(0, textarea.value.length);
+            document.execCommand('copy');
+            document.body.removeChild(textarea);
+        }
+        else {
+            throw new Error('Unsupported Function: \'document.execCommand\'.');
+        }
+        return handle.success();
+    }
+    catch (e) {
+        return handle.fail({ errMsg: e.message });
+    }
+};
+/**
+ * 获取系统剪贴板的内容
+ */
+export const getClipboardData = async ({ success, fail, complete } = {}) => {
+    const handle = new MethodHandler({ name: 'getClipboardData', success, fail, complete });
+    try {
+        const data = getStorageSync(CLIPBOARD_STORAGE_NAME);
+        return handle.success({ data });
+    }
+    catch (e) {
+        return handle.fail({ errMsg: e.message });
+    }
+};

package/dist/api/device/compass.js

@@ -0,0 +1,64 @@
+import { CallbackManager, MethodHandler } from '../utils/handler';
+const callbackManager = new CallbackManager();
+let compassListener;
+/**
+ * 停止监听罗盘数据
+ */
+export const stopCompass = ({ success, fail, complete } = {}) => {
+    const handle = new MethodHandler({ name: 'stopCompass', success, fail, complete });
+    try {
+        window.removeEventListener('deviceorientation', compassListener, true);
+        return handle.success();
+    }
+    catch (e) {
+        return handle.fail({ errMsg: e.message });
+    }
+};
+const getDeviceOrientationListener = interval => {
+    let lock;
+    let timer;
+    return evt => {
+        if (lock)
+            return;
+        lock = true;
+        timer && clearTimeout(timer);
+        callbackManager.trigger({
+            direction: 360 - evt.alpha
+        });
+        timer = setTimeout(() => { lock = false; }, interval);
+    };
+};
+/**
+ * 开始监听罗盘数据
+ */
+export const startCompass = ({ success, fail, complete } = {}) => {
+    const handle = new MethodHandler({ name: 'startCompass', success, fail, complete });
+    try {
+        if (window.DeviceOrientationEvent) {
+            if (compassListener) {
+                stopCompass();
+            }
+            compassListener = getDeviceOrientationListener(200);
+            window.addEventListener('deviceorientation', compassListener, true);
+        }
+        else {
+            throw new Error('compass is not supported');
+        }
+        return handle.success();
+    }
+    catch (e) {
+        return handle.fail({ errMsg: e.message });
+    }
+};
+/**
+ * 监听罗盘数据变化事件。频率：5 次/秒，接口调用后会自动开始监听，可使用 wx.stopCompass 停止监听。
+ */
+export const onCompassChange = callback => {
+    callbackManager.add(callback);
+};
+/**
+ * 取消监听罗盘数据变化事件，参数为空，则取消所有的事件监听。
+ */
+export const offCompassChange = callback => {
+    callbackManager.remove(callback);
+};

package/dist/api/device/contact.js

@@ -0,0 +1,4 @@
+import { temporarilyNotSupport } from '../utils';
+// 联系人
+export const chooseContact = temporarilyNotSupport('chooseContact');
+export const addPhoneContact = temporarilyNotSupport('addPhoneContact');

package/dist/api/device/crypto.js

@@ -0,0 +1,3 @@
+import { temporarilyNotSupport } from '../utils';
+// 加密
+export const getRandomValues = temporarilyNotSupport('getRandomValues');

package/dist/api/device/gyroscope.js

@@ -0,0 +1,6 @@
+import { temporarilyNotSupport } from '../utils';
+// 陀螺仪
+export const stopGyroscope = temporarilyNotSupport('stopGyroscope');
+export const startGyroscope = temporarilyNotSupport('startGyroscope');
+export const onGyroscopeChange = temporarilyNotSupport('onGyroscopeChange');
+export const offGyroscopeChange = temporarilyNotSupport('offGyroscopeChange');

package/dist/api/device/iBeacon.js

@@ -0,0 +1,9 @@
+import { temporarilyNotSupport } from '../utils';
+// 蓝牙-信标(Beacon)
+export const stopBeaconDiscovery = temporarilyNotSupport('stopBeaconDiscovery');
+export const startBeaconDiscovery = temporarilyNotSupport('startBeaconDiscovery');
+export const onBeaconUpdate = temporarilyNotSupport('onBeaconUpdate');
+export const onBeaconServiceChange = temporarilyNotSupport('onBeaconServiceChange');
+export const offBeaconUpdate = temporarilyNotSupport('offBeaconUpdate');
+export const offBeaconServiceChange = temporarilyNotSupport('offBeaconServiceChange');
+export const getBeacons = temporarilyNotSupport('getBeacons');

package/dist/api/device/index.js

@@ -0,0 +1,22 @@
+export * from './accelerometer';
+export * from './accessibility';
+export * from './battery';
+export * from './bluetooth';
+export * from './bluetooth-ble';
+export * from './bluetooth-peripheral';
+export * from './calendar';
+export * from './clipboard';
+export * from './compass';
+export * from './contact';
+export * from './crypto';
+export * from './gyroscope';
+export * from './iBeacon';
+export * from './keyboard';
+export * from './memory';
+export * from './motion';
+export * from './nfc';
+export * from './phone';
+export * from './scan';
+export * from './screen';
+export * from './vibrate';
+export * from './wifi';

package/dist/api/device/keyboard.js

@@ -0,0 +1,6 @@
+import { temporarilyNotSupport } from '../utils';
+// 键盘
+export const onKeyboardHeightChange = temporarilyNotSupport('onKeyboardHeightChange');
+export const offKeyboardHeightChange = temporarilyNotSupport('offKeyboardHeightChange');
+export const hideKeyboard = temporarilyNotSupport('hideKeyboard');
+export const getSelectedTextRange = temporarilyNotSupport('getSelectedTextRange');

package/dist/api/device/memory.js

@@ -0,0 +1,4 @@
+import { temporarilyNotSupport } from '../utils';
+// 内存
+export const onMemoryWarning = temporarilyNotSupport('onMemoryWarning');
+export const offMemoryWarning = temporarilyNotSupport('offMemoryWarning');

package/dist/api/device/motion.js

@@ -0,0 +1,81 @@
+import { CallbackManager, MethodHandler } from '../utils/handler';
+const callbackManager = new CallbackManager();
+let deviceMotionListener;
+const INTERVAL_MAP = {
+    game: {
+        interval: 20,
+        frequency: 50
+    },
+    ui: {
+        interval: 60,
+        frequency: 16.67
+    },
+    normal: {
+        interval: 200,
+        frequency: 5
+    }
+};
+/**
+ * 停止监听设备方向的变化。
+ */
+export const stopDeviceMotionListening = ({ success, fail, complete } = {}) => {
+    const handle = new MethodHandler({ name: 'stopDeviceMotionListening', success, fail, complete });
+    try {
+        window.removeEventListener('deviceorientation', deviceMotionListener, true);
+        return handle.success();
+    }
+    catch (e) {
+        return handle.fail({ errMsg: e.message });
+    }
+};
+const getDeviceOrientationListener = interval => {
+    let lock;
+    let timer;
+    return evt => {
+        if (lock)
+            return;
+        lock = true;
+        timer && clearTimeout(timer);
+        callbackManager.trigger({
+            alpha: evt.alpha,
+            beta: evt.beta,
+            gamma: evt.gamma
+        });
+        timer = setTimeout(() => { lock = false; }, interval);
+    };
+};
+/**
+ * 开始监听设备方向的变化。
+ */
+export const startDeviceMotionListening = ({ interval = 'normal', success, fail, complete } = {}) => {
+    const handle = new MethodHandler({ name: 'startDeviceMotionListening', success, fail, complete });
+    try {
+        const intervalObj = INTERVAL_MAP[interval];
+        if (window.DeviceOrientationEvent) {
+            if (deviceMotionListener) {
+                stopDeviceMotionListening();
+            }
+            deviceMotionListener = getDeviceOrientationListener(intervalObj.interval);
+            window.addEventListener('deviceorientation', deviceMotionListener, true);
+        }
+        else {
+            throw new Error('deviceMotion is not supported');
+        }
+        return handle.success();
+    }
+    catch (e) {
+        return handle.fail({ errMsg: e.message });
+    }
+};
+/**
+ * 监听设备方向变化事件。
+ */
+export const onDeviceMotionChange = callback => {
+    callbackManager.add(callback);
+};
+/**
+ * 取消监听设备方向变化事件，参数为空，则取消所有的事件监听。
+ */
+export const offDeviceMotionChange = callback => {
+    callbackManager.remove(callback);
+};

package/dist/api/device/nfc.js

@@ -0,0 +1,9 @@
+import { temporarilyNotSupport } from '../utils';
+// NFC
+export const stopHCE = temporarilyNotSupport('stopHCE');
+export const startHCE = temporarilyNotSupport('startHCE');
+export const sendHCEMessage = temporarilyNotSupport('sendHCEMessage');
+export const onHCEMessage = temporarilyNotSupport('onHCEMessage');
+export const offHCEMessage = temporarilyNotSupport('offHCEMessage');
+export const getNFCAdapter = temporarilyNotSupport('getNFCAdapter');
+export const getHCEState = temporarilyNotSupport('getHCEState');

package/dist/api/device/phone.js

@@ -0,0 +1,24 @@
+import { shouldBeObject, getParameterError } from '../utils';
+import { MethodHandler } from '../utils/handler';
+export const makePhoneCall = (options) => {
+    // options must be an Object
+    const isObject = shouldBeObject(options);
+    if (!isObject.flag) {
+        const res = { errMsg: `makePhoneCall:fail ${isObject.msg}` };
+        console.error(res.errMsg);
+        return Promise.reject(res);
+    }
+    const { phoneNumber, success, fail, complete } = options;
+    const handle = new MethodHandler({ name: 'makePhoneCall', success, fail, complete });
+    if (typeof phoneNumber !== 'string') {
+        return handle.fail({
+            errMsg: getParameterError({
+                para: 'phoneNumber',
+                correct: 'String',
+                wrong: phoneNumber
+            })
+        });
+    }
+    window.location.href = `tel:${phoneNumber}`;
+    return handle.success();
+};

package/dist/api/device/scan.js

@@ -0,0 +1,6 @@
+import { processOpenApi } from '../utils';
+// 扫码
+export const scanCode = processOpenApi('scanQRCode', { needResult: 1 }, res => ({
+    errMsg: res.errMsg === 'scanQRCode:ok' ? 'scanCode:ok' : res.errMsg,
+    result: res.resultStr
+}));

package/dist/api/device/screen.js

@@ -0,0 +1,8 @@
+import { temporarilyNotSupport } from '../utils';
+// 屏幕
+export const setVisualEffectOnCapture = temporarilyNotSupport('setVisualEffectOnCapture');
+export const setScreenBrightness = temporarilyNotSupport('setScreenBrightness');
+export const setKeepScreenOn = temporarilyNotSupport('setKeepScreenOn');
+export const onUserCaptureScreen = temporarilyNotSupport('onUserCaptureScreen');
+export const offUserCaptureScreen = temporarilyNotSupport('offUserCaptureScreen');
+export const getScreenBrightness = temporarilyNotSupport('getScreenBrightness');

package/dist/api/device/vibrate.js

@@ -0,0 +1,35 @@
+import { MethodHandler } from '../utils/handler';
+const vibrator = function vibrator(mm) {
+    try {
+        return window.navigator.vibrate(mm);
+    }
+    catch (e) {
+        console.warn('当前浏览器不支持vibrate');
+    }
+};
+/**
+ * 使手机发生较短时间的振动（15 ms）。仅在 iPhone 7 / 7 Plus 以上及 Android 机型生效
+ */
+export const vibrateShort = ({ success, fail, complete } = {}) => {
+    const handle = new MethodHandler({ name: 'vibrateShort', success, fail, complete });
+    if (vibrator) {
+        vibrator(15);
+        return handle.success();
+    }
+    else {
+        return handle.fail();
+    }
+};
+/**
+ * 使手机发生较长时间的振动（400 ms)
+ */
+export const vibrateLong = ({ success, fail, complete } = {}) => {
+    const handle = new MethodHandler({ name: 'vibrateLong', success, fail, complete });
+    if (vibrator) {
+        vibrator(400);
+        return handle.success();
+    }
+    else {
+        return handle.fail();
+    }
+};

package/dist/api/device/wifi.js

@@ -0,0 +1,12 @@
+import { temporarilyNotSupport } from '../utils';
+// Wi-Fi
+export const stopWifi = temporarilyNotSupport('stopWifi');
+export const startWifi = temporarilyNotSupport('startWifi');
+export const setWifiList = temporarilyNotSupport('setWifiList');
+export const onWifiConnected = temporarilyNotSupport('onWifiConnected');
+export const onGetWifiList = temporarilyNotSupport('onGetWifiList');
+export const offWifiConnected = temporarilyNotSupport('offWifiConnected');
+export const offGetWifiList = temporarilyNotSupport('offGetWifiList');
+export const getWifiList = temporarilyNotSupport('getWifiList');
+export const getConnectedWifi = temporarilyNotSupport('getConnectedWifi');
+export const connectWifi = temporarilyNotSupport('connectWifi');

package/dist/api/ext/index.js

@@ -0,0 +1,4 @@
+import { temporarilyNotSupport } from '../utils';
+// 第三方平台
+export const getExtConfigSync = temporarilyNotSupport('getExtConfigSync');
+export const getExtConfig = temporarilyNotSupport('getExtConfig');

package/dist/api/files/index.js

@@ -0,0 +1,10 @@
+import { temporarilyNotSupport } from '../utils';
+// 文件
+export const saveFileToDisk = temporarilyNotSupport('saveFileToDisk');
+export const saveFile = temporarilyNotSupport('saveFile');
+export const removeSavedFile = temporarilyNotSupport('removeSavedFile');
+export const openDocument = temporarilyNotSupport('openDocument');
+export const getSavedFileList = temporarilyNotSupport('getSavedFileList');
+export const getSavedFileInfo = temporarilyNotSupport('getSavedFileInfo');
+export const getFileSystemManager = temporarilyNotSupport('getFileSystemManager');
+export const getFileInfo = temporarilyNotSupport('getFileInfo');

package/dist/api/framework/index.js

@@ -0,0 +1,7 @@
+import Taro from '@tarojs/api';
+export const getApp = function () {
+    return Taro.getCurrentInstance().app;
+};
+export { getCurrentPages } from '@tarojs/router';
+// 自定义组件
+export const getCurrentInstance = Taro.getCurrentInstance;

package/dist/api/index.js

@@ -0,0 +1,24 @@
+export * from './ad';
+export * from './ai';
+export * from './base';
+export * from './canvas';
+export * from './cloud';
+export * from './data-analysis';
+export * from './device';
+export * from './ext';
+export * from './files';
+export * from './framework';
+export * from './location';
+export * from './media';
+export * from './navigate';
+export * from './network';
+export * from './open-api';
+export * from './payment';
+export * from './route';
+export * from './share';
+export * from './storage';
+export * from './ui';
+export * from './worker';
+export * from './wxml';
+export * from './alipay';
+export * from './swan';

package/dist/api/location/chooseLocation.js

@@ -0,0 +1,93 @@
+import { MethodHandler } from '../utils/handler';
+import './style.css';
+function createLocationChooser(handler, key = LOCATION_APIKEY) {
+    var _a, _b;
+    const html = `
+<div class='taro_choose_location'>
+  <div class='taro_choose_location_bar'>
+    <div class='taro_choose_location_back'></div>
+    <p class='taro_choose_location_title'>位置</p>
+    <button class='taro_choose_location_submit'>完成</button>
+  </div>
+  <iframe class='taro_choose_location_frame' frameborder='0' src='https://apis.map.qq.com/tools/locpicker?search=1&type=1&key=${key}&referer=myapp'></iframe>
+</div>
+`;
+    const container = document.createElement('div');
+    container.innerHTML = html;
+    const main = container.querySelector('.taro_choose_location');
+    function show() {
+        setTimeout(() => {
+            main.style.top = '0';
+        });
+    }
+    function hide() {
+        main.style.top = '100%';
+    }
+    function back() {
+        hide();
+        handler({ errMsg: 'cancel' });
+    }
+    function submit() {
+        hide();
+        handler();
+    }
+    function remove() {
+        container.remove();
+        window.removeEventListener('popstate', back);
+    }
+    (_a = container.querySelector('.taro_choose_location_back')) === null || _a === void 0 ? void 0 : _a.addEventListener('click', back);
+    (_b = container.querySelector('.taro_choose_location_submit')) === null || _b === void 0 ? void 0 : _b.addEventListener('click', submit);
+    window.addEventListener('popstate', back);
+    return {
+        show,
+        remove,
+        container
+    };
+}
+/**
+ * 打开地图选择位置。
+ */
+export const chooseLocation = ({ success, fail, complete } = {}) => {
+    const key = LOCATION_APIKEY;
+    const handle = new MethodHandler({ name: 'chooseLocation', success, fail, complete });
+    return new Promise((resolve, reject) => {
+        const chooseLocation = {};
+        if (!key) {
+            console.warn('chooseLocation api 依赖腾讯地图定位api，需要在 defineConstants 中配置 LOCATION_APIKEY');
+            return handle.fail({
+                errMsg: 'LOCATION_APIKEY needed'
+            }, reject);
+        }
+        const onMessage = event => {
+            // 接收位置信息，用户选择确认位置点后选点组件会触发该事件，回传用户的位置信息
+            const loc = event.data;
+            // 防止其他应用也会向该页面 post 信息，需判断 module 是否为'locationPicker'
+            if (!loc || loc.module !== 'locationPicker')
+                return;
+            chooseLocation.name = loc.poiname;
+            chooseLocation.address = loc.poiaddress;
+            chooseLocation.latitude = loc.latlng.lat;
+            chooseLocation.longitude = loc.latlng.lng;
+        };
+        const chooser = createLocationChooser(res => {
+            window.removeEventListener('message', onMessage, false);
+            setTimeout(() => {
+                chooser.remove();
+            }, 300);
+            if (res) {
+                return handle.fail(res, reject);
+            }
+            else {
+                if (chooseLocation.latitude && chooseLocation.longitude) {
+                    return handle.success(chooseLocation, resolve);
+                }
+                else {
+                    return handle.fail({}, reject);
+                }
+            }
+        }, key);
+        document.body.appendChild(chooser.container);
+        window.addEventListener('message', onMessage, false);
+        chooser.show();
+    });
+};

package/dist/api/location/index.js

@@ -0,0 +1,13 @@
+import { processOpenApi, temporarilyNotSupport } from '../utils/index';
+// 位置
+export const stopLocationUpdate = temporarilyNotSupport('stopLocationUpdate');
+export const startLocationUpdateBackground = temporarilyNotSupport('startLocationUpdateBackground');
+export const startLocationUpdate = temporarilyNotSupport('startLocationUpdate');
+export const openLocation = processOpenApi('openLocation', { scale: 18 });
+export const onLocationChangeError = temporarilyNotSupport('onLocationChangeError');
+export const onLocationChange = temporarilyNotSupport('onLocationChange');
+export const offLocationChangeError = temporarilyNotSupport('offLocationChangeError');
+export const offLocationChange = temporarilyNotSupport('offLocationChange');
+export const getLocation = processOpenApi('getLocation');
+export const choosePoi = temporarilyNotSupport('choosePoi');
+export * from './chooseLocation';

package/dist/api/location/style.css

@@ -0,0 +1,79 @@
+.taro_choose_location {
+  position: fixed;
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  height: 100%;
+  top: 100%;
+  background-color: #fff;
+  transition: ease top .3s;
+  z-index: 1;
+}
+
+.taro_choose_location_bar {
+  display: flex;
+  flex: 0 95px;
+  height: 95px;
+  background-color: #ededed;
+  color: #090909;
+}
+
+.taro_choose_location_back {
+  flex: 0 45px;
+  position: relative;
+  width: 33px;
+  height: 30px;
+  margin-top: 30px;
+}
+
+.taro_choose_location_back::before {
+  content: '';
+  position: absolute;
+  top: 0;
+  left: 0;
+  display: block;
+  width: 0;
+  height: 0;
+  border: solid 15px;
+  border-top-color: transparent;
+  border-right-color: #090909;
+  border-bottom-color: transparent;
+  border-left-color: transparent;
+}
+
+.taro_choose_location_back::after {
+  content: '';
+  position: absolute;
+  display: block;
+  width: 0;
+  height: 0;
+  top: 0;
+  left: 3px;
+  border: solid 15px;
+  border-top-color: transparent;
+  border-right-color: #ededed;
+  border-bottom-color: transparent;
+  border-left-color: transparent;
+}
+
+.taro_choose_location_title {
+  flex: 1;
+  line-height: 95px;
+  padding-left: 30px;
+}
+
+.taro_choose_location_submit {
+  width: 110px;
+  height: 60px;
+  color: #fff;
+  background-color: #08bf62;
+  border: none;
+  font-size: 28px;
+  line-height: 60px;
+  padding: 0;
+  margin: 18px 30px 0 0;
+}
+
+.taro_choose_location_frame {
+  flex: 1;
+}