@tarojs/taro-h5 3.3.18 → 3.3.19

package/dist/api/media/editor.js

@@ -0,0 +1,17 @@
+import { temporarilyNotSupport } from '../utils';
+export class EditorContext {
+    constructor() {
+        this.blur = temporarilyNotSupport('EditorContext.blur');
+        this.clear = temporarilyNotSupport('EditorContext.clear');
+        this.format = temporarilyNotSupport('EditorContext.format');
+        this.getContents = temporarilyNotSupport('EditorContext.getContents');
+        this.insertDivider = temporarilyNotSupport('EditorContext.insertDivider');
+        this.insertImage = temporarilyNotSupport('EditorContext.insertImage');
+        this.insertText = temporarilyNotSupport('EditorContext.insertText');
+        this.redo = temporarilyNotSupport('EditorContext.redo');
+        this.removeFormat = temporarilyNotSupport('EditorContext.removeFormat');
+        this.scrollIntoView = temporarilyNotSupport('EditorContext.scrollIntoView');
+        this.setContents = temporarilyNotSupport('EditorContext.setContents');
+        this.undo = temporarilyNotSupport('EditorContext.undo');
+    }
+}

package/dist/api/media/image/chooseImage.js

@@ -0,0 +1,70 @@
+import { MethodHandler } from '../../utils/handler';
+import { shouldBeObject, getParameterError } from '../../utils';
+export const chooseImage = function (options) {
+    const isObject = shouldBeObject(options);
+    if (!isObject.flag) {
+        const res = { errMsg: `chooseImage:fail ${isObject.msg}` };
+        console.error(res.errMsg);
+        return Promise.reject(res);
+    }
+    const { count = 1, success, fail, complete, imageId = 'taroChooseImage' } = options;
+    const handle = new MethodHandler({ name: 'chooseImage', success, fail, complete });
+    const res = {
+        tempFilePaths: [],
+        tempFiles: []
+    };
+    if (count && typeof count !== 'number') {
+        res.errMsg = getParameterError({
+            para: 'count',
+            correct: 'Number',
+            wrong: count
+        });
+        return handle.fail(res);
+    }
+    let el = document.getElementById(imageId);
+    if (!el) {
+        const obj = document.createElement('input');
+        obj.setAttribute('type', 'file');
+        obj.setAttribute('id', imageId);
+        if (count > 1) {
+            obj.setAttribute('multiple', 'multiple');
+        }
+        obj.setAttribute('accept', 'image/*');
+        obj.setAttribute('style', 'position: fixed; top: -4000px; left: -3000px; z-index: -300;');
+        document.body.appendChild(obj);
+        el = document.getElementById(imageId);
+    }
+    else {
+        if (count > 1) {
+            el.setAttribute('multiple', 'multiple');
+        }
+        else {
+            el.removeAttribute('multiple');
+        }
+    }
+    return new Promise(resolve => {
+        const TaroMouseEvents = document.createEvent('MouseEvents');
+        TaroMouseEvents.initEvent('click', true, true);
+        if (el) {
+            el.dispatchEvent(TaroMouseEvents);
+            el.onchange = function (e) {
+                const target = e.target;
+                if (target) {
+                    const files = target.files || [];
+                    const arr = [...files];
+                    arr && arr.forEach(item => {
+                        var _a, _b;
+                        const blob = new Blob([item], {
+                            type: item.type
+                        });
+                        const url = URL.createObjectURL(blob);
+                        (_a = res.tempFilePaths) === null || _a === void 0 ? void 0 : _a.push(url);
+                        (_b = res.tempFiles) === null || _b === void 0 ? void 0 : _b.push({ path: url, size: item.size, type: item.type, originalFileObj: item });
+                    });
+                    handle.success(res, resolve);
+                    target.value = '';
+                }
+            };
+        }
+    });
+};

package/dist/api/media/image/getImageInfo.js

@@ -0,0 +1,27 @@
+import { shouldBeObject } from '../../utils';
+import { MethodHandler } from '../../utils/handler';
+export const getImageInfo = (options) => {
+    const isObject = shouldBeObject(options);
+    if (!isObject.flag) {
+        const res = { errMsg: `getImageInfo:fail ${isObject.msg}` };
+        console.error(res.errMsg);
+        return Promise.reject(res);
+    }
+    const { src, success, fail, complete } = options;
+    const handle = new MethodHandler({ name: 'getImageInfo', success, fail, complete });
+    return new Promise((resolve, reject) => {
+        const image = new Image();
+        image.onload = () => {
+            handle.success({
+                width: image.naturalWidth,
+                height: image.naturalHeight
+            }, resolve);
+        };
+        image.onerror = (e) => {
+            handle.fail({
+                errMsg: e.message
+            }, reject);
+        };
+        image.src = src;
+    });
+};

package/dist/api/media/image/index.js

@@ -0,0 +1,8 @@
+import { temporarilyNotSupport } from '../../utils';
+export const saveImageToPhotosAlbum = temporarilyNotSupport('saveImageToPhotosAlbum');
+export const previewMedia = temporarilyNotSupport('previewMedia');
+export * from './previewImage';
+export * from './getImageInfo';
+export const compressImage = temporarilyNotSupport('compressImage');
+export const chooseMessageFile = temporarilyNotSupport('chooseMessageFile');
+export * from './chooseImage';

package/dist/api/media/image/previewImage.js

@@ -0,0 +1,78 @@
+import { shouldBeObject } from '../../utils';
+import { MethodHandler } from '../../utils/handler';
+export const previewImage = async (options) => {
+    function loadImage(url, loadFail) {
+        return new Promise((resolve) => {
+            const item = document.createElement('taro-swiper-item-core');
+            item.style.cssText = `
+        display: flex;
+        align-items: start;
+        justify-content: center;
+        overflow-y: scroll;
+      `;
+            const image = new Image();
+            image.style.maxWidth = '100%';
+            image.src = url;
+            const div = document.createElement('div');
+            div.style.cssText = `
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        max-width: 100%;
+        min-height: 100%;
+      `;
+            div.appendChild(image);
+            item.appendChild(div);
+            resolve(item);
+            if (typeof loadFail === 'function') {
+                image.addEventListener('error', (err) => {
+                    loadFail({ errMsg: err.message });
+                });
+            }
+        });
+    }
+    const isObject = shouldBeObject(options);
+    if (!isObject.flag) {
+        const res = { errMsg: `previewImage:fail ${isObject.msg}` };
+        console.error(res.errMsg);
+        return Promise.reject(res);
+    }
+    const { urls = [], current = '', success, fail, complete } = options;
+    const handle = new MethodHandler({ name: 'previewImage', success, fail, complete });
+    const container = document.createElement('div');
+    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();
+    });
+    const swiper = document.createElement('taro-swiper-core');
+    swiper.full = true;
+    let children = [];
+    try {
+        children = await Promise.all(urls.map(e => loadImage(e, fail)));
+    }
+    catch (error) {
+        return handle.fail({
+            errMsg: error
+        });
+    }
+    for (let i = 0; i < children.length; i++) {
+        const child = children[i];
+        swiper.appendChild(child);
+    }
+    const currentIndex = urls.indexOf(current);
+    swiper.current = currentIndex;
+    container.appendChild(swiper);
+    document.body.appendChild(container);
+    return handle.success();
+};

package/dist/api/media/index.js

@@ -0,0 +1,13 @@
+export * from './audio';
+export * from './background-audio';
+export * from './camera';
+export * from './editor';
+export * from './image';
+export * from './live';
+export * from './map';
+export * from './media-recorder';
+export * from './recorder';
+export * from './video';
+export * from './video-decoder';
+export * from './video-processing';
+export * from './voip';

package/dist/api/media/live.js

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

package/dist/api/media/map.js

@@ -0,0 +1,2 @@
+import { temporarilyNotSupport } from '../utils';
+export const createMapContext = temporarilyNotSupport('createMapContext');

package/dist/api/media/media-recorder.js

@@ -0,0 +1,2 @@
+import { temporarilyNotSupport } from '../utils';
+export const createMediaRecorder = temporarilyNotSupport('createMediaRecorder');

package/dist/api/media/recorder.js

@@ -0,0 +1,4 @@
+import { temporarilyNotSupport } from '../utils';
+export const stopRecord = temporarilyNotSupport('stopRecord');
+export const startRecord = temporarilyNotSupport('startRecord');
+export const getRecorderManager = temporarilyNotSupport('getRecorderManager');

package/dist/api/media/video/index.js

@@ -0,0 +1,65 @@
+import { MethodHandler } from '../../utils/handler';
+import { findDOM, shouldBeObject, temporarilyNotSupport } from '../../utils';
+export const saveVideoToPhotosAlbum = temporarilyNotSupport('saveVideoToPhotosAlbum');
+export const openVideoEditor = temporarilyNotSupport('openVideoEditor');
+export const getVideoInfo = temporarilyNotSupport('getVideoInfo');
+export const createVideoContext = (id, inst) => {
+    const el = findDOM(inst);
+    return el === null || el === void 0 ? void 0 : el.querySelector(`taro-video-core[id=${id}]`);
+};
+export const compressVideo = temporarilyNotSupport('compressVideo');
+export const chooseVideo = (options) => {
+    const isObject = shouldBeObject(options);
+    if (!isObject.flag) {
+        const res = { errMsg: `chooseVideo:fail ${isObject.msg}` };
+        console.error(res.errMsg);
+        return Promise.reject(res);
+    }
+    const { success, fail, complete } = options;
+    const handle = new MethodHandler({ name: 'chooseVideo', success, fail, complete });
+    const res = {
+        tempFilePath: '',
+        duration: 0,
+        size: 0,
+        height: 0,
+        width: 0
+    };
+    const inputEl = document.createElement('input');
+    inputEl.setAttribute('type', 'file');
+    inputEl.setAttribute('multiple', 'multiple');
+    inputEl.setAttribute('accept', 'video/*');
+    inputEl.setAttribute('style', 'position: fixed; top: -4000px; left: -3000px; z-index: -300;');
+    document.body.appendChild(inputEl);
+    return new Promise(resolve => {
+        const TaroMouseEvents = document.createEvent('MouseEvents');
+        TaroMouseEvents.initEvent('click', true, true);
+        inputEl.dispatchEvent(TaroMouseEvents);
+        inputEl.onchange = function (e) {
+            var _a;
+            const target = e.target;
+            const file = (_a = target.files) === null || _a === void 0 ? void 0 : _a[0];
+            const reader = new FileReader();
+            reader.onload = function (event) {
+                var _a;
+                const videoEl = document.createElement('video');
+                const url = (_a = event.target) === null || _a === void 0 ? void 0 : _a.result;
+                videoEl.preload = 'metadata';
+                videoEl.src = url;
+                videoEl.onloadedmetadata = () => {
+                    res.tempFilePath = url;
+                    res.duration = videoEl.duration;
+                    res.size = event.total;
+                    res.height = videoEl.videoHeight;
+                    res.width = videoEl.videoHeight;
+                    return handle.success(res, resolve);
+                };
+            };
+            if (file) {
+                reader.readAsDataURL(file);
+            }
+        };
+    }).finally(() => {
+        document.body.removeChild(inputEl);
+    });
+};
+export const chooseMedia = temporarilyNotSupport('chooseMedia');

package/dist/api/media/video-decoder.js

@@ -0,0 +1,2 @@
+import { temporarilyNotSupport } from '../utils';
+export const createVideoDecoder = temporarilyNotSupport('createVideoDecoder');

package/dist/api/media/video-processing.js

@@ -0,0 +1,2 @@
+import { temporarilyNotSupport } from '../utils';
+export const createMediaContainer = temporarilyNotSupport('createMediaContainer');

package/dist/api/media/voip.js

@@ -0,0 +1,15 @@
+import { temporarilyNotSupport } from '../utils';
+export const updateVoIPChatMuteConfig = temporarilyNotSupport('updateVoIPChatMuteConfig');
+export const subscribeVoIPVideoMembers = temporarilyNotSupport('subscribeVoIPVideoMembers');
+export const setEnable1v1Chat = temporarilyNotSupport('setEnable1v1Chat');
+export const onVoIPVideoMembersChanged = temporarilyNotSupport('onVoIPVideoMembersChanged');
+export const onVoIPChatStateChanged = temporarilyNotSupport('onVoIPChatStateChanged');
+export const onVoIPChatSpeakersChanged = temporarilyNotSupport('onVoIPChatSpeakersChanged');
+export const onVoIPChatMembersChanged = temporarilyNotSupport('onVoIPChatMembersChanged');
+export const onVoIPChatInterrupted = temporarilyNotSupport('onVoIPChatInterrupted');
+export const offVoIPVideoMembersChanged = temporarilyNotSupport('offVoIPVideoMembersChanged');
+export const offVoIPChatStateChanged = temporarilyNotSupport('offVoIPChatStateChanged');
+export const offVoIPChatMembersChanged = temporarilyNotSupport('offVoIPChatMembersChanged');
+export const offVoIPChatInterrupted = temporarilyNotSupport('offVoIPChatInterrupted');
+export const joinVoIPChat = temporarilyNotSupport('joinVoIPChat');
+export const exitVoIPChat = temporarilyNotSupport('exitVoIPChat');

package/dist/api/navigate/index.js

@@ -0,0 +1,5 @@
+import { temporarilyNotSupport } from '../utils';
+export const openEmbeddedMiniProgram = temporarilyNotSupport('openEmbeddedMiniProgram');
+export const navigateToMiniProgram = temporarilyNotSupport('navigateToMiniProgram');
+export const navigateBackMiniProgram = temporarilyNotSupport('navigateBackMiniProgram');
+export const exitMiniProgram = temporarilyNotSupport('exitMiniProgram');

package/dist/api/network/download.js

@@ -0,0 +1,101 @@
+import { CallbackManager } from '../utils/handler';
+import { NETWORK_TIMEOUT, setHeader, XHR_STATS } from './utils';
+const createDownloadTask = ({ url, header, success, error }) => {
+    let timeout;
+    const apiName = 'downloadFile';
+    const xhr = new XMLHttpRequest();
+    const callbackManager = {
+        headersReceived: new CallbackManager(),
+        progressUpdate: new CallbackManager()
+    };
+    xhr.open('GET', url, true);
+    xhr.responseType = 'blob';
+    setHeader(xhr, header);
+    xhr.onprogress = e => {
+        const { loaded, total } = e;
+        callbackManager.progressUpdate.trigger({
+            progress: Math.round(loaded / total * 100),
+            totalBytesWritten: loaded,
+            totalBytesExpectedToWrite: total
+        });
+    };
+    xhr.onreadystatechange = () => {
+        if (xhr.readyState !== XHR_STATS.HEADERS_RECEIVED)
+            return;
+        callbackManager.headersReceived.trigger({
+            header: xhr.getAllResponseHeaders()
+        });
+    };
+    xhr.onload = () => {
+        const response = xhr.response;
+        const status = xhr.status;
+        success({
+            errMsg: `${apiName}:ok`,
+            statusCode: status,
+            tempFilePath: window.URL.createObjectURL(response)
+        });
+    };
+    xhr.onabort = () => {
+        clearTimeout(timeout);
+        error({
+            errMsg: `${apiName}:fail abort`
+        });
+    };
+    xhr.onerror = (e) => {
+        error({
+            errMsg: `${apiName}:fail ${e.message}`
+        });
+    };
+    const abort = () => {
+        xhr.abort();
+    };
+    const send = () => {
+        xhr.send();
+        timeout = setTimeout(() => {
+            xhr.onabort = null;
+            xhr.onload = null;
+            xhr.onprogress = null;
+            xhr.onreadystatechange = null;
+            xhr.onerror = null;
+            abort();
+            error({
+                errMsg: `${apiName}:fail timeout`
+            });
+        }, NETWORK_TIMEOUT);
+    };
+    send();
+    const onHeadersReceived = callbackManager.headersReceived.add;
+    const offHeadersReceived = callbackManager.headersReceived.remove;
+    const onProgressUpdate = callbackManager.progressUpdate.add;
+    const offProgressUpdate = callbackManager.progressUpdate.remove;
+    return {
+        abort,
+        onHeadersReceived,
+        offHeadersReceived,
+        onProgressUpdate,
+        offProgressUpdate
+    };
+};
+export const downloadFile = ({ url, header, success, fail, complete }) => {
+    let task;
+    const result = new Promise((resolve, reject) => {
+        task = createDownloadTask({
+            url,
+            header,
+            success: res => {
+                success && success(res);
+                complete && complete(res);
+                resolve(res);
+            },
+            error: res => {
+                fail && fail(res);
+                complete && complete(res);
+                reject(res);
+            }
+        });
+    });
+    result.headersReceive = task.onHeadersReceived;
+    result.progress = task.onProgressUpdate;
+    result.abort = task.abort;
+    return result;
+};

package/dist/api/network/index.js

@@ -0,0 +1,7 @@
+export * from './download';
+export * from './mdns';
+export * from './request';
+export * from './tcp';
+export * from './udp';
+export * from './upload';
+export * from './websocket';

package/dist/api/network/mdns.js

@@ -0,0 +1,11 @@
+import { temporarilyNotSupport } from '../utils';
+export const stopLocalServiceDiscovery = temporarilyNotSupport('stopLocalServiceDiscovery');
+export const startLocalServiceDiscovery = temporarilyNotSupport('startLocalServiceDiscovery');
+export const onLocalServiceResolveFail = temporarilyNotSupport('onLocalServiceResolveFail');
+export const onLocalServiceLost = temporarilyNotSupport('onLocalServiceLost');
+export const onLocalServiceFound = temporarilyNotSupport('onLocalServiceFound');
+export const onLocalServiceDiscoveryStop = temporarilyNotSupport('onLocalServiceDiscoveryStop');
+export const offLocalServiceResolveFail = temporarilyNotSupport('offLocalServiceResolveFail');
+export const offLocalServiceLost = temporarilyNotSupport('offLocalServiceLost');
+export const offLocalServiceFound = temporarilyNotSupport('offLocalServiceFound');
+export const offLocalServiceDiscoveryStop = temporarilyNotSupport('offLocalServiceDiscoveryStop');

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

@@ -0,0 +1,123 @@
+import Taro from '@tarojs/api';
+import 'whatwg-fetch';
+import jsonpRetry from 'jsonp-retry';
+import { serializeParams } from '../../utils';
+const { Link } = Taro;
+function generateRequestUrlWithParams(url, params) {
+    params = typeof params === 'string' ? params : serializeParams(params);
+    if (params) {
+        url += (~url.indexOf('?') ? '&' : '?') + params;
+    }
+    url = url.replace('?&', '?');
+    return url;
+}
+function _request(options) {
+    options = options || {};
+    if (typeof options === 'string') {
+        options = {
+            url: options
+        };
+    }
+    const { success, complete, fail } = options;
+    let url = options.url;
+    const params = {};
+    const res = {};
+    if (options.jsonp) {
+        Object.assign(params, options);
+        params.params = options.data;
+        params.cache = options.jsonpCache;
+        if (typeof options.jsonp === 'string') {
+            params.name = options.jsonp;
+        }
+        delete params.jsonp;
+        return jsonpRetry(url, params)
+            .then(data => {
+            res.statusCode = 200;
+            res.data = data;
+            typeof success === 'function' && success(res);
+            typeof complete === 'function' && complete(res);
+            return res;
+        })
+            .catch(err => {
+            typeof fail === 'function' && fail(err);
+            typeof complete === 'function' && complete(res);
+            return Promise.reject(err);
+        });
+    }
+    params.method = options.method || 'GET';
+    const methodUpper = params.method.toUpperCase();
+    params.cache = options.cache || 'default';
+    if (methodUpper === 'GET' || methodUpper === 'HEAD') {
+        url = generateRequestUrlWithParams(url, options.data);
+    }
+    else if (typeof options.data === 'object') {
+        options.header = options.header || {};
+        const keyOfContentType = Object.keys(options.header).find(item => item.toLowerCase() === 'content-type');
+        if (!keyOfContentType) {
+            options.header['Content-Type'] = 'application/json';
+        }
+        const contentType = options.header[keyOfContentType || 'Content-Type'];
+        if (contentType.indexOf('application/json') >= 0) {
+            params.body = JSON.stringify(options.data);
+        }
+        else if (contentType.indexOf('application/x-www-form-urlencoded') >= 0) {
+            params.body = serializeParams(options.data);
+        }
+        else {
+            params.body = options.data;
+        }
+    }
+    else {
+        params.body = options.data;
+    }
+    if (options.header) {
+        params.headers = options.header;
+    }
+    if (options.mode) {
+        params.mode = options.mode;
+    }
+    if (options.signal) {
+        params.signal = options.signal;
+    }
+    params.credentials = options.credentials;
+    return fetch(url, params)
+        .then(response => {
+        res.statusCode = response.status;
+        res.header = {};
+        for (const key of response.headers.keys()) {
+            res.header[key] = response.headers.get(key);
+        }
+        if (!response.ok) {
+            throw response;
+        }
+        if (options.responseType === 'arraybuffer') {
+            return response.arrayBuffer();
+        }
+        if (res.statusCode !== 204) {
+            if (options.dataType === 'json' || typeof options.dataType === 'undefined') {
+                return response.json();
+            }
+        }
+        if (options.responseType === 'text' || options.dataType === 'text') {
+            return response.text();
+        }
+        return Promise.resolve(null);
+    })
+        .then(data => {
+        res.data = data;
+        typeof success === 'function' && success(res);
+        typeof complete === 'function' && complete(res);
+        return res;
+    })
+        .catch(err => {
+        typeof fail === 'function' && fail(err);
+        typeof complete === 'function' && complete(res);
+        return Promise.reject(err);
+    });
+}
+function taroInterceptor(chain) {
+    return _request(chain.requestParams);
+}
+const link = new Link(taroInterceptor);
+export const request = link.request.bind(link);
+export const addInterceptor = link.addInterceptor.bind(link);

package/dist/api/network/tcp.js

@@ -0,0 +1,2 @@
+import { temporarilyNotSupport } from '../utils';
+export const createTCPSocket = temporarilyNotSupport('createTCPSocket');

package/dist/api/network/udp.js

@@ -0,0 +1,2 @@
+import { temporarilyNotSupport } from '../utils';
+export const createUDPSocket = temporarilyNotSupport('createUDPSocket');