@tarojs/taro-h5 3.4.1 → 3.4.4

package/dist/api/ai/visual.js

@@ -1,3 +1,5 @@
 import { temporarilyNotSupport } from '../utils';
+// 判断支持版本
+export const isVKSupport = temporarilyNotSupport('isVKSupport');
 // 视觉算法
 export const createVKSession = temporarilyNotSupport('createVKSession');

package/dist/api/base/system.js

@@ -0,0 +1,187 @@
+import MobileDetect from 'mobile-detect';
+import { temporarilyNotSupport } from '../utils';
+import { MethodHandler } from '../utils/handler';
+/** 跳转系统蓝牙设置页 */
+export const openSystemBluetoothSetting = temporarilyNotSupport('openSystemBluetoothSetting');
+/** 跳转系统微信授权管理页 */
+export const openAppAuthorizeSetting = temporarilyNotSupport('openAppAuthorizeSetting');
+/** 获取窗口信息 */
+export const getWindowInfo = () => {
+    const info = {
+        /** 设备像素比 */
+        pixelRatio: window.devicePixelRatio,
+        /** 屏幕宽度，单位px */
+        screenWidth: window.screen.width,
+        /** 屏幕高度，单位px */
+        screenHeight: window.screen.height,
+        /** 可使用窗口宽度，单位px */
+        windowWidth: document.documentElement.clientWidth,
+        /** 可使用窗口高度，单位px */
+        windowHeight: document.documentElement.clientHeight,
+        /** 状态栏的高度，单位px */
+        statusBarHeight: NaN,
+        /** 在竖屏正方向下的安全区域 */
+        safeArea: {
+            bottom: 0,
+            height: 0,
+            left: 0,
+            right: 0,
+            top: 0,
+            width: 0
+        }
+    };
+    return info;
+};
+/** 获取设备设置 */
+export const getSystemSetting = () => {
+    const isLandscape = window.screen.width >= window.screen.height;
+    const info = {
+        /** 蓝牙的系统开关 */
+        bluetoothEnabled: false,
+        /** 地理位置的系统开关 */
+        locationEnabled: false,
+        /** Wi-Fi 的系统开关 */
+        wifiEnabled: false,
+        /** 设备方向 */
+        deviceOrientation: isLandscape ? 'landscape' : 'portrait'
+    };
+    return info;
+};
+/** 获取设备设置 */
+export const getDeviceInfo = () => {
+    const md = new MobileDetect(navigator.userAgent);
+    const info = {
+        /** 应用二进制接口类型（仅 Android 支持） */
+        abi: '',
+        /** 设备性能等级（仅Android小游戏）。取值为：-2 或 0（该设备无法运行小游戏），-1（性能未知），>=1（设备性能值，该值越高，设备性能越好，目前最高不到50） */
+        benchmarkLevel: -1,
+        /** 设备品牌 */
+        brand: md.mobile() || '',
+        /** 设备型号 */
+        model: md.mobile() || '',
+        /** 操作系统及版本 */
+        system: md.os(),
+        /** 客户端平台 */
+        platform: navigator.platform
+    };
+    return info;
+};
+/** 获取微信APP基础信息 */
+export const getAppBaseInfo = () => {
+    var _a;
+    let isDarkMode = false;
+    if ((_a = window.matchMedia) === null || _a === void 0 ? void 0 : _a.call(window, '(prefers-color-scheme: dark)').matches) {
+        isDarkMode = true;
+    }
+    const info = {
+        /** 客户端基础库版本 */
+        SDKVersion: '',
+        /** 是否已打开调试。可通过右上角菜单或 [Taro.setEnableDebug](/docs/apis/base/debug/setEnableDebug) 打开调试。 */
+        enableDebug: process.env.NODE_ENV === 'development',
+        /** 当前小程序运行的宿主环境 */
+        // host: { appId: '' },
+        /** 微信设置的语言 */
+        language: navigator.language,
+        /** 微信版本号 */
+        version: '',
+        /** 系统当前主题，取值为light或dark，全局配置"darkmode":true时才能获取，否则为 undefined （不支持小游戏） */
+        theme: isDarkMode ? 'dark' : 'light'
+    };
+    return info;
+};
+/** 获取微信APP授权设置 */
+export const getAppAuthorizeSetting = () => {
+    const info = {
+        /** 允许微信使用相册的开关（仅 iOS 有效） */
+        albumAuthorized: 'not determined',
+        /** 允许微信使用蓝牙的开关（仅 iOS 有效） */
+        bluetoothAuthorized: 'not determined',
+        /** 允许微信使用摄像头的开关 */
+        cameraAuthorized: 'not determined',
+        /** 允许微信使用定位的开关 */
+        locationAuthorized: 'not determined',
+        /** 定位准确度。true 表示模糊定位，false 表示精确定位（仅 iOS 有效） */
+        locationReducedAccuracy: false,
+        /** 允许微信使用麦克风的开关 */
+        microphoneAuthorized: 'not determined',
+        /** 允许微信通知的开关 */
+        notificationAuthorized: 'not determined',
+        /** 允许微信通知带有提醒的开关（仅 iOS 有效） */
+        notificationAlertAuthorized: 'not determined',
+        /** 允许微信通知带有标记的开关（仅 iOS 有效） */
+        notificationBadgeAuthorized: 'not determined',
+        /** 允许微信通知带有声音的开关（仅 iOS 有效） */
+        notificationSoundAuthorized: 'not determined',
+        /** 允许微信使用日历的开关 */
+        phoneCalendarAuthorized: 'not determined'
+    };
+    return info;
+};
+/** 获取设备设置 */
+export const getSystemInfoSync = () => {
+    const windowInfo = getWindowInfo();
+    const systemSetting = getSystemSetting();
+    const deviceInfo = getDeviceInfo();
+    const appBaseInfo = getAppBaseInfo();
+    const appAuthorizeSetting = getAppAuthorizeSetting();
+    delete deviceInfo.abi;
+    const info = {
+        ...windowInfo,
+        ...systemSetting,
+        ...deviceInfo,
+        ...appBaseInfo,
+        /** 用户字体大小（单位px）。以微信客户端「我-设置-通用-字体大小」中的设置为准 */
+        fontSizeSetting: NaN,
+        /** 允许微信使用相册的开关（仅 iOS 有效） */
+        albumAuthorized: appAuthorizeSetting.albumAuthorized === 'authorized',
+        /** 允许微信使用摄像头的开关 */
+        cameraAuthorized: appAuthorizeSetting.cameraAuthorized === 'authorized',
+        /** 允许微信使用定位的开关 */
+        locationAuthorized: appAuthorizeSetting.locationAuthorized === 'authorized',
+        /** 允许微信使用麦克风的开关 */
+        microphoneAuthorized: appAuthorizeSetting.microphoneAuthorized === 'authorized',
+        /** 允许微信通知的开关 */
+        notificationAuthorized: appAuthorizeSetting.notificationAuthorized === 'authorized',
+        /** 允许微信通知带有提醒的开关（仅 iOS 有效） */
+        notificationAlertAuthorized: appAuthorizeSetting.notificationAlertAuthorized === 'authorized',
+        /** 允许微信通知带有标记的开关（仅 iOS 有效） */
+        notificationBadgeAuthorized: appAuthorizeSetting.notificationBadgeAuthorized === 'authorized',
+        /** 允许微信通知带有声音的开关（仅 iOS 有效） */
+        notificationSoundAuthorized: appAuthorizeSetting.notificationSoundAuthorized === 'authorized',
+        /** 允许微信使用日历的开关 */
+        phoneCalendarAuthorized: appAuthorizeSetting.phoneCalendarAuthorized === 'authorized',
+        /** `true` 表示模糊定位，`false` 表示精确定位，仅 iOS 支持 */
+        locationReducedAccuracy: appAuthorizeSetting.locationReducedAccuracy,
+        /** 小程序当前运行环境 */
+        environment: ''
+    };
+    return info;
+};
+/** 获取系统信息 */
+export const getSystemInfoAsync = async (options = {}) => {
+    const { success, fail, complete } = options;
+    const handle = new MethodHandler({ name: 'getSystemInfoAsync', success, fail, complete });
+    try {
+        const info = await getSystemInfoSync();
+        return handle.success(info);
+    }
+    catch (error) {
+        return handle.fail({
+            errMsg: error
+        });
+    }
+};
+/** 获取系统信息 */
+export const getSystemInfo = async (options = {}) => {
+    const { success, fail, complete } = options;
+    const handle = new MethodHandler({ name: 'getSystemInfo', success, fail, complete });
+    try {
+        const info = await getSystemInfoSync();
+        return handle.success(info);
+    }
+    catch (error) {
+        return handle.fail({
+            errMsg: error
+        });
+    }
+};

package/dist/api/canvas/index.js

@@ -1,8 +1,12 @@
 import { temporarilyNotSupport } from '../utils';
 // 画布
+/** 创建离屏 canvas 实例 */
 export const createOffscreenCanvas = temporarilyNotSupport('createOffscreenCanvas');
+/** 创建 canvas 的绘图上下文 CanvasContext 对象 */
 export * from './createCanvasContext';
+/** 把当前画布指定区域的内容导出生成指定大小的图片 */
 export * from './canvasToTempFilePath';
+/** 将像素数据绘制到画布 */
 export * from './canvasPutImageData';
+/** 获取 canvas 区域隐含的像素数据 */
 export * from './canvasGetImageData';
-export const drawCanvas = temporarilyNotSupport('drawCanvas');

package/dist/api/device/battery.js

@@ -1,4 +1,21 @@
 import { temporarilyNotSupport } from '../utils';
+import { MethodHandler } from '../utils/handler';
 // 电量
 export const getBatteryInfoSync = temporarilyNotSupport('getBatteryInfoSync');
-export const getBatteryInfo = temporarilyNotSupport('getBatteryInfo');
+export const getBatteryInfo = async ({ success, fail, complete } = {}) => {
+    var _a;
+    const handle = new MethodHandler({ name: 'getBatteryInfo', success, fail, complete });
+    try {
+        // @ts-ignore
+        const battery = await ((_a = navigator.getBattery) === null || _a === void 0 ? void 0 : _a.call(navigator));
+        return handle.success({
+            isCharging: battery.charging,
+            level: Number(battery.level || 0) * 100
+        });
+    }
+    catch (error) {
+        return handle.fail({
+            errMsg: (error === null || error === void 0 ? void 0 : error.message) || error
+        });
+    }
+};

package/dist/api/device/index.js

@@ -14,6 +14,7 @@ export * from './iBeacon';
 export * from './keyboard';
 export * from './memory';
 export * from './motion';
+export * from './network';
 export * from './nfc';
 export * from './phone';
 export * from './scan';

package/dist/api/{base/system → device}/network.js

@@ -1,5 +1,5 @@
-import { MethodHandler } from '../../utils/handler';
-import { temporarilyNotSupport } from '../../utils';
+import { CallbackManager, MethodHandler } from '../utils/handler';
+import { temporarilyNotSupport } from '../utils';
 function getConnection() {
     // @ts-ignore
     return navigator.connection || navigator.mozConnection || navigator.webkitConnection || navigator.msConnection;
@@ -45,19 +45,34 @@ export const getNetworkType = (options = {}) => {
     }
     return handle.success({ networkType });
 };
-export const onNetworkStatusChange = (cb) => {
+const networkStatusManager = new CallbackManager();
+const networkStatusListener = async () => {
+    const { networkType } = await getNetworkType();
+    const isConnected = networkType !== 'none';
+    const obj = { isConnected, networkType };
+    networkStatusManager.trigger(obj);
+};
+/**
+ * 在最近的八次网络请求中, 出现下列三个现象之一则判定弱网。
+ * - 出现三次以上连接超时
+ * - 出现三次 rtt 超过 400
+ * - 出现三次以上的丢包
+ * > 弱网事件通知规则是: 弱网状态变化时立即通知, 状态不变时 30s 内最多通知一次。
+ */
+export const onNetworkWeakChange = temporarilyNotSupport('onNetworkWeakChange');
+export const onNetworkStatusChange = callback => {
+    networkStatusManager.add(callback);
+    const connection = getConnection();
+    if (connection && networkStatusManager.count() === 1) {
+        connection.addEventListener('change', networkStatusListener);
+    }
+};
+export const offNetworkWeakChange = temporarilyNotSupport('offNetworkStatusChange');
+export const offNetworkStatusChange = callback => {
+    networkStatusManager.remove(callback);
     const connection = getConnection();
-    if (connection) {
-        connection.addEventListener('change', function () {
-            getNetworkType()
-                .then(res => {
-                const { networkType } = res;
-                const isConnected = networkType !== 'none';
-                const obj = { isConnected, networkType };
-                cb(obj);
-            });
-        });
+    if (connection && networkStatusManager.count() === 0) {
+        connection.removeEventListener('change', networkStatusListener);
     }
 };
-export const offNetworkStatusChange = temporarilyNotSupport('offNetworkStatusChange');
 export const getLocalIPAddress = temporarilyNotSupport('getLocalIPAddress');

package/dist/api/device/wifi.js

@@ -3,6 +3,7 @@ import { temporarilyNotSupport } from '../utils';
 export const stopWifi = temporarilyNotSupport('stopWifi');
 export const startWifi = temporarilyNotSupport('startWifi');
 export const setWifiList = temporarilyNotSupport('setWifiList');
+export const onWifiConnectedWithPartialInfo = temporarilyNotSupport('onWifiConnectedWithPartialInfo');
 export const onWifiConnected = temporarilyNotSupport('onWifiConnected');
 export const onGetWifiList = temporarilyNotSupport('onGetWifiList');
 export const offWifiConnected = temporarilyNotSupport('offWifiConnected');

package/dist/api/media/EditorContext.js

@@ -6,6 +6,7 @@ export class EditorContext {
         this.clear = temporarilyNotSupport('EditorContext.clear');
         this.format = temporarilyNotSupport('EditorContext.format');
         this.getContents = temporarilyNotSupport('EditorContext.getContents');
+        this.getSelectionText = temporarilyNotSupport('EditorContext.getSelectionText');
         this.insertDivider = temporarilyNotSupport('EditorContext.insertDivider');
         this.insertImage = temporarilyNotSupport('EditorContext.insertImage');
         this.insertText = temporarilyNotSupport('EditorContext.insertText');

package/dist/api/network/upload.js

@@ -1,4 +1,3 @@
-import { temporarilyNotSupport } from '../utils';
 import { CallbackManager } from '../utils/handler';
 import { convertObjectUrlToBlob, NETWORK_TIMEOUT, setHeader, XHR_STATS } from './utils';
 const createUploadTask = ({ url, filePath, formData = {}, name, header, timeout, fileName, success, error }) => {
@@ -106,16 +105,12 @@ const createUploadTask = ({ url, filePath, formData = {}, name, header, timeout,
      * @param {ProgressUpdateCallback} callback HTTP Response Header 事件的回调函数
      */
     const offProgressUpdate = callbackManager.progressUpdate.remove;
-    const headersReceived = temporarilyNotSupport('UploadTask.headersReceived');
-    const progress = temporarilyNotSupport('UploadTask.progress');
     return {
         abort,
         onHeadersReceived,
         offHeadersReceived,
         onProgressUpdate,
-        offProgressUpdate,
-        headersReceived,
-        progress
+        offProgressUpdate
     };
 };
 /**

package/dist/api/ui/fonts.js

@@ -1,3 +1,51 @@
-import { temporarilyNotSupport } from '../utils';
+import { MethodHandler } from '../utils/handler';
 // 字体
-export const loadFontFace = temporarilyNotSupport('loadFontFace');
+export const loadFontFace = async (options) => {
+    options = Object.assign({ global: false }, options);
+    const { success, fail, complete, family, source, desc = {} } = options;
+    const handle = new MethodHandler({ name: 'loadFontFace', success, fail, complete });
+    // @ts-ignore
+    const fonts = document.fonts;
+    if (fonts) {
+        // @ts-ignore
+        const fontFace = new FontFace(family, source, desc);
+        try {
+            await fontFace.load();
+            fonts.add(fontFace);
+            return handle.success({});
+        }
+        catch (error) {
+            return handle.fail({
+                errMsg: error.message || error
+            });
+        }
+    }
+    else {
+        const style = document.createElement('style');
+        let innerText = `font-family:"${family}";src:${source};font-style:${desc.style || 'normal'};font-weight:${desc.weight || 'normal'};font-variant:${desc.variant || 'normal'};`;
+        if (desc.ascentOverride) {
+            innerText += `ascent-override:${desc.ascentOverride};`;
+        }
+        if (desc.descentOverride) {
+            innerText += `descent-override:${desc.descentOverride};`;
+        }
+        if (desc.featureSettings) {
+            innerText += `font-feature-settings:${desc.featureSettings};`;
+        }
+        if (desc.lineGapOverride) {
+            innerText += `line-gap-override:${desc.lineGapOverride};`;
+        }
+        if (desc.stretch) {
+            innerText += `font-stretch:${desc.stretch};`;
+        }
+        if (desc.unicodeRange) {
+            innerText += `unicode-range:${desc.unicodeRange};`;
+        }
+        if (desc.variationSettings) {
+            innerText += `font-variation-settings:${desc.variationSettings};`;
+        }
+        style.innerText = `@font-face{${innerText}}`;
+        document.head.appendChild(style);
+        return handle.success();
+    }
+};

package/dist/api/utils/handler.js

@@ -29,52 +29,52 @@ export class MethodHandler {
 export class CallbackManager {
     constructor() {
         this.callbacks = [];
-    }
-    /**
-     * 添加回调
-     * @param {{ callback: function, ctx: any } | function} opt
-     */
-    add(opt) {
-        if (opt)
-            this.callbacks.push(opt);
-    }
-    /**
-     * 移除回调
-     * @param {{ callback: function, ctx: any } | function} opt
-     */
-    remove(opt) {
-        if (opt) {
-            let pos = -1;
-            this.callbacks.forEach((callback, k) => {
-                if (callback === opt) {
-                    pos = k;
+        /**
+         * 添加回调
+         * @param {{ callback: function, ctx: any } | function} opt
+         */
+        this.add = (opt) => {
+            if (opt)
+                this.callbacks.push(opt);
+        };
+        /**
+         * 移除回调
+         * @param {{ callback: function, ctx: any } | function} opt
+         */
+        this.remove = (opt) => {
+            if (opt) {
+                let pos = -1;
+                this.callbacks.forEach((callback, k) => {
+                    if (callback === opt) {
+                        pos = k;
+                    }
+                });
+                if (pos > -1) {
+                    this.callbacks.splice(pos, 1);
                 }
-            });
-            if (pos > -1) {
-                this.callbacks.splice(pos, 1);
             }
-        }
-    }
-    /**
-     * 获取回调函数数量
-     * @return {number}
-     */
-    count() {
-        return this.callbacks.length;
-    }
-    /**
-     * 触发回调
-     * @param  {...any} args 回调的调用参数
-     */
-    trigger(...args) {
-        this.callbacks.forEach(opt => {
-            if (typeof opt === 'function') {
-                opt(...args);
-            }
-            else {
-                const { callback, ctx } = opt;
-                typeof callback === 'function' && callback.call(ctx, ...args);
-            }
-        });
+        };
+        /**
+         * 获取回调函数数量
+         * @return {number}
+         */
+        this.count = () => {
+            return this.callbacks.length;
+        };
+        /**
+         * 触发回调
+         * @param  {...any} args 回调的调用参数
+         */
+        this.trigger = (...args) => {
+            this.callbacks.forEach(opt => {
+                if (typeof opt === 'function') {
+                    opt(...args);
+                }
+                else {
+                    const { callback, ctx } = opt;
+                    typeof callback === 'function' && callback.call(ctx, ...args);
+                }
+            });
+        };
     }
 }