@tarojs/taro-h5 3.7.0-alpha.7 → 3.7.0-beta.1

package/dist/api/network/websocket/index.js

@@ -50,9 +50,9 @@ function connectSocket(options) {
         // protocols must be array
         const _protocols = Array.isArray(protocols) ? protocols : null;
         // 2 connection at most
-        if (socketTasks.length > 1) {
+        if (socketTasks.length >= 5) {
             return handle.fail({
-                errMsg: '同时最多发起 2 个 socket 请求，更多请参考文档。'
+                errMsg: '同时最多发起 5 个 socket 请求，更多请参考文档。'
             }, { resolve, reject });
         }
         const task = new SocketTask(url, _protocols);

package/dist/api/network/websocket/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/api/network/websocket/index.ts"],"sourcesContent":["import { getParameterError, shouldBeObject } from '../../../utils'\nimport { MethodHandler } from '../../../utils/handler'\nimport { SocketTask } from './socketTask'\n\nlet socketTasks: SocketTask[] = []\nlet socketsCounter = 1\n\nexport function sendSocketMessage () {\n  console.warn('Deprecated.Please use socketTask.send instead.')\n}\n\nexport function onSocketOpen () {\n  console.warn('Deprecated.Please use socketTask.onOpen instead.')\n}\n\nexport function onSocketMessage () {\n  console.warn('Deprecated.Please use socketTask.onMessage instead.')\n}\n\nexport function onSocketError () {\n  console.warn('Deprecated.Please use socketTask.onError instead.')\n}\n\nexport function onSocketClose () {\n  console.warn('Deprecated.Please use socketTask.onClose instead.')\n}\n\nexport function connectSocket (options?: Taro.connectSocket.Option) {\n  const name = 'connectSocket'\n\n  return new Promise((resolve, reject) => {\n    // options must be an Object\n    const isObject = shouldBeObject(options)\n    if (!isObject.flag) {\n      const res = { errMsg: `${name}:fail ${isObject.msg}` }\n      console.error(res.errMsg)\n      return reject(res)\n    }\n    const { url, protocols, success, fail, complete } = options as Exclude<typeof options, undefined>\n    const handle = new MethodHandler<{\n      socketTaskId?: number\n    }>({ name, success, fail, complete })\n\n    // options.url must be String\n    if (typeof url !== 'string') {\n      return handle.fail({\n        errMsg: getParameterError({\n          para: 'url',\n          correct: 'String',\n          wrong: url\n        })\n      }, { resolve, reject })\n    }\n\n    // options.url must be invalid\n    if (!url.startsWith('ws://') && !url.startsWith('wss://')) {\n      return handle.fail({\n        errMsg: `request:fail invalid url \"${url}\"`\n      }, { resolve, reject })\n    }\n\n    // protocols must be array\n    const _protocols = Array.isArray(protocols) ? protocols : null\n\n    // 2 connection at most\n    if (socketTasks.length > 1) {\n      return handle.fail({\n        errMsg: '同时最多发起 2 个 socket 请求，更多请参考文档。'\n      }, { resolve, reject })\n    }\n\n    const task = new SocketTask(url, _protocols)\n    task._destroyWhenClose = function () {\n      socketTasks = socketTasks.filter(socketTask => socketTask !== this)\n    }\n    socketTasks.push(task)\n\n    handle.success({\n      socketTaskId: socketsCounter++\n    })\n\n    return resolve(task)\n  })\n}\n\nexport function closeSocket () {\n  console.warn('Deprecated.Please use socketTask.close instead.')\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../src/api/network/websocket/index.ts"],"sourcesContent":["import { getParameterError, shouldBeObject } from '../../../utils'\nimport { MethodHandler } from '../../../utils/handler'\nimport { SocketTask } from './socketTask'\n\nlet socketTasks: SocketTask[] = []\nlet socketsCounter = 1\n\nexport function sendSocketMessage () {\n  console.warn('Deprecated.Please use socketTask.send instead.')\n}\n\nexport function onSocketOpen () {\n  console.warn('Deprecated.Please use socketTask.onOpen instead.')\n}\n\nexport function onSocketMessage () {\n  console.warn('Deprecated.Please use socketTask.onMessage instead.')\n}\n\nexport function onSocketError () {\n  console.warn('Deprecated.Please use socketTask.onError instead.')\n}\n\nexport function onSocketClose () {\n  console.warn('Deprecated.Please use socketTask.onClose instead.')\n}\n\nexport function connectSocket (options?: Taro.connectSocket.Option) {\n  const name = 'connectSocket'\n\n  return new Promise((resolve, reject) => {\n    // options must be an Object\n    const isObject = shouldBeObject(options)\n    if (!isObject.flag) {\n      const res = { errMsg: `${name}:fail ${isObject.msg}` }\n      console.error(res.errMsg)\n      return reject(res)\n    }\n    const { url, protocols, success, fail, complete } = options as Exclude<typeof options, undefined>\n    const handle = new MethodHandler<{\n      socketTaskId?: number\n    }>({ name, success, fail, complete })\n\n    // options.url must be String\n    if (typeof url !== 'string') {\n      return handle.fail({\n        errMsg: getParameterError({\n          para: 'url',\n          correct: 'String',\n          wrong: url\n        })\n      }, { resolve, reject })\n    }\n\n    // options.url must be invalid\n    if (!url.startsWith('ws://') && !url.startsWith('wss://')) {\n      return handle.fail({\n        errMsg: `request:fail invalid url \"${url}\"`\n      }, { resolve, reject })\n    }\n\n    // protocols must be array\n    const _protocols = Array.isArray(protocols) ? protocols : null\n\n    // 2 connection at most\n    if (socketTasks.length >= 5) {\n      return handle.fail({\n        errMsg: '同时最多发起 5 个 socket 请求，更多请参考文档。'\n      }, { resolve, reject })\n    }\n\n    const task = new SocketTask(url, _protocols)\n    task._destroyWhenClose = function () {\n      socketTasks = socketTasks.filter(socketTask => socketTask !== this)\n    }\n    socketTasks.push(task)\n\n    handle.success({\n      socketTaskId: socketsCounter++\n    })\n\n    return resolve(task)\n  })\n}\n\nexport function closeSocket () {\n  console.warn('Deprecated.Please use socketTask.close instead.')\n}\n"],"names":[],"mappings":"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"}

package/dist/index.cjs.js

@@ -2418,7 +2418,6 @@ class InnerAudioContext {
         this.destroy = () => {
             this.stop();
             if (this.Instance) {
-                document.body.removeChild(this.Instance);
                 this.Instance = undefined;
             }
         };
@@ -2445,6 +2444,7 @@ class InnerAudioContext {
         this.Instance = new Audio();
         this.errorStack = new CallbackManager();
         this.stopStack = new CallbackManager();
+        this.Instance.onerror = this.errorStack.trigger;
         Taro.eventCenter.on('__taroRouterChange', () => { this.stop(); });
         this.onPlay(() => {
             if (this.__isFirstPlay) {
@@ -2537,6 +2537,7 @@ class BackgroundAudioManager {
         this.Instance = new Audio();
         this.errorStack = new CallbackManager();
         this.stopStack = new CallbackManager();
+        this.Instance.onerror = this.errorStack.trigger;
         this.Instance.autoplay = true;
         this.onPlay(() => {
             if (this.currentTime !== this.startTime) {
@@ -2707,12 +2708,16 @@ const previewImage = (options) => __awaiter(void 0, void 0, void 0, function* ()
     const { urls = [], current = '', success, fail, complete } = options;
     const handle = new MethodHandler({ name: 'previewImage', success, fail, complete });
     const container = document.createElement('div');
+    const removeHandler = () => {
+        runtime.eventCenter.off('__taroRouterChange', removeHandler);
+        container.remove();
+    };
+    // 路由改变后应该关闭预览框
+    runtime.eventCenter.on('__taroRouterChange', removeHandler);
     container.classList.add('preview-image');
     container.style.cssText =
         'position:fixed;top:0;left:0;z-index:1050;width:100%;height:100%;overflow:hidden;outline:0;background-color:#111;';
-    container.addEventListener('click', () => {
-        container.remove();
-    });
+    container.addEventListener('click', removeHandler);
     const swiper = document.createElement('taro-swiper-core');
     // @ts-ignore
     swiper.full = true;
@@ -4989,15 +4994,17 @@ const downloadFile = ({ url, header, withCredentials, timeout, success, fail, co
             }
         });
     });
-    result.headersReceive = task.onHeadersReceived;
-    result.progress = task.onProgressUpdate;
-    return new Proxy(result, {
-        get(target, prop) {
-            const object = prop in task ? task : target;
-            const value = object[prop];
-            return typeof value === 'function' ? value.bind(object) : value;
-        },
+    result.headersReceive = task.onHeadersReceived.bind(task);
+    result.progress = task.onProgressUpdate.bind(task);
+    const properties = {};
+    Object.keys(task).forEach(key => {
+        properties[key] = {
+            get() {
+                return typeof task[key] === 'function' ? task[key].bind(task) : task[key];
+            }
+        };
     });
+    return Object.defineProperties(result, properties);
 };
 
 // mDNS
@@ -5024,19 +5031,21 @@ function generateRequestUrlWithParams(url = '', params) {
 }
 function _request(options = {}) {
     const { success, complete, fail } = options;
-    let url = options.url || '';
     const params = {};
     const res = {};
-    if (options.jsonp) {
-        const { jsonp } = options, opts = __rest(options, ["jsonp"]);
-        Object.assign(params, opts);
+    let { cache = 'default', credentials, data, dataType, header = {}, jsonp, method = 'GET', mode, responseType, signal, timeout = 2000, url = '' } = options, opts = __rest(options, ["cache", "credentials", "data", "dataType", "header", "jsonp", "method", "mode", "responseType", "signal", "timeout", "url"]);
+    Object.assign(params, opts);
+    if (jsonp) {
         // @ts-ignore
-        params.params = opts.data;
+        params.params = data;
         params.cache = opts.jsonpCache;
+        // @ts-ignore
+        params.timeout = timeout;
         if (typeof jsonp === 'string') {
             // @ts-ignore
             params.name = jsonp;
         }
+        // Note: https://github.com/luckyadam/jsonp-retry
         return jsonpRetry(url, params)
             .then(data => {
             res.statusCode = 200;
@@ -5051,50 +5060,49 @@ function _request(options = {}) {
             return Promise.reject(err);
         });
     }
-    params.method = options.method || 'GET';
+    params.method = method;
     const methodUpper = params.method.toUpperCase();
-    params.cache = options.cache || 'default';
+    params.cache = cache;
     if (methodUpper === 'GET' || methodUpper === 'HEAD') {
-        url = generateRequestUrlWithParams(url, options.data);
+        url = generateRequestUrlWithParams(url, data);
     }
-    else if (['[object Array]', '[object Object]'].indexOf(Object.prototype.toString.call(options.data)) >= 0) {
-        options.header = options.header || {};
-        const keyOfContentType = Object.keys(options.header).find(item => item.toLowerCase() === 'content-type');
+    else if (['[object Array]', '[object Object]'].indexOf(Object.prototype.toString.call(data)) >= 0) {
+        const keyOfContentType = Object.keys(header).find(item => item.toLowerCase() === 'content-type');
         if (!keyOfContentType) {
-            options.header['Content-Type'] = 'application/json';
+            header['Content-Type'] = 'application/json';
         }
-        const contentType = options.header[keyOfContentType || 'Content-Type'];
+        const contentType = header[keyOfContentType || 'Content-Type'];
         if (contentType.indexOf('application/json') >= 0) {
-            params.body = JSON.stringify(options.data);
+            params.body = JSON.stringify(data);
         }
         else if (contentType.indexOf('application/x-www-form-urlencoded') >= 0) {
-            params.body = serializeParams(options.data);
+            params.body = serializeParams(data);
         }
         else {
-            params.body = options.data;
+            params.body = data;
         }
     }
     else {
-        params.body = options.data;
+        params.body = data;
     }
-    if (options.header) {
-        params.headers = options.header;
+    if (header) {
+        params.headers = header;
     }
-    if (options.mode) {
-        params.mode = options.mode;
+    if (mode) {
+        params.mode = mode;
     }
     let timeoutTimer = null;
-    if (options.signal) {
-        params.signal = options.signal;
+    if (signal) {
+        params.signal = signal;
     }
-    else if (typeof options.timeout === 'number') {
+    else if (typeof timeout === 'number') {
         const controller = new window.AbortController();
         params.signal = controller.signal;
         timeoutTimer = setTimeout(function () {
             controller.abort();
-        }, options.timeout);
+        }, timeout);
     }
-    params.credentials = options.credentials;
+    params.credentials = credentials;
     return fetch(url, params)
         .then(response => {
         if (timeoutTimer) {
@@ -5110,17 +5118,17 @@ function _request(options = {}) {
         for (const key of response.headers.keys()) {
             res.header[key] = response.headers.get(key);
         }
-        if (options.responseType === 'arraybuffer') {
+        if (responseType === 'arraybuffer') {
             return response.arrayBuffer();
         }
         if (res.statusCode !== 204) {
-            if (options.dataType === 'json' || typeof options.dataType === 'undefined') {
+            if (dataType === 'json' || typeof dataType === 'undefined') {
                 return response.json().catch(() => {
                     return null;
                 });
             }
         }
-        if (options.responseType === 'text' || options.dataType === 'text') {
+        if (responseType === 'text' || dataType === 'text') {
             return response.text();
         }
         return Promise.resolve(null);
@@ -5307,15 +5315,17 @@ const uploadFile = ({ url, filePath, name, header, formData, timeout, fileName,
             }
         });
     });
-    result.headersReceive = task.onHeadersReceived;
-    result.progress = task.onProgressUpdate;
-    return new Proxy(result, {
-        get(target, prop) {
-            const object = prop in task ? task : target;
-            const value = object[prop];
-            return typeof value === 'function' ? value.bind(object) : value;
-        },
+    result.headersReceive = task.onHeadersReceived.bind(task);
+    result.progress = task.onProgressUpdate.bind(task);
+    const properties = {};
+    Object.keys(task).forEach(key => {
+        properties[key] = {
+            get() {
+                return typeof task[key] === 'function' ? task[key].bind(task) : task[key];
+            }
+        };
     });
+    return Object.defineProperties(result, properties);
 };
 
 class SocketTask {
@@ -5430,9 +5440,9 @@ function connectSocket(options) {
         // protocols must be array
         const _protocols = Array.isArray(protocols) ? protocols : null;
         // 2 connection at most
-        if (socketTasks.length > 1) {
+        if (socketTasks.length >= 5) {
             return handle.fail({
-                errMsg: '同时最多发起 2 个 socket 请求，更多请参考文档。'
+                errMsg: '同时最多发起 5 个 socket 请求，更多请参考文档。'
             }, { resolve, reject });
         }
         const task = new SocketTask(url, _protocols);