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

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;
+}

package/dist/api/media/EditorContext.js

@@ -0,0 +1,19 @@
+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.getSelectionText = temporarilyNotSupport('EditorContext.getSelectionText');
+        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/audio/InnerAudioContext.js

@@ -0,0 +1,84 @@
+import Taro from '@tarojs/api';
+import { permanentlyNotSupport } from '../../utils';
+import { CallbackManager } from '../../utils/handler';
+export class InnerAudioContext {
+    constructor() {
+        this.__startTime = 0;
+        this.play = () => { var _a; return (_a = this.Instance) === null || _a === void 0 ? void 0 : _a.play(); };
+        this.pause = () => { var _a; return (_a = this.Instance) === null || _a === void 0 ? void 0 : _a.pause(); };
+        this.stop = () => {
+            this.pause();
+            this.seek(0);
+            this.stopStack.trigger();
+        };
+        this.seek = (position) => {
+            if (this.Instance) {
+                this.Instance.currentTime = position;
+            }
+        };
+        /**
+         * @TODO destroy得并不干净
+         */
+        this.destroy = () => {
+            this.stop();
+            if (this.Instance) {
+                document.body.removeChild(this.Instance);
+                this.Instance = undefined;
+            }
+        };
+        this.onCanplay = (callback = () => { }) => { var _a; return (_a = this.Instance) === null || _a === void 0 ? void 0 : _a.addEventListener('canplay', callback); };
+        this.onPlay = (callback = () => { }) => { var _a; return (_a = this.Instance) === null || _a === void 0 ? void 0 : _a.addEventListener('play', callback); };
+        this.onPause = (callback = () => { }) => { var _a; return (_a = this.Instance) === null || _a === void 0 ? void 0 : _a.addEventListener('pause', callback); };
+        this.onStop = (callback = () => { }) => this.stopStack.add(callback);
+        this.onEnded = (callback = () => { }) => { var _a; return (_a = this.Instance) === null || _a === void 0 ? void 0 : _a.addEventListener('ended', callback); };
+        this.onTimeUpdate = (callback = () => { }) => { var _a; return (_a = this.Instance) === null || _a === void 0 ? void 0 : _a.addEventListener('timeupdate', callback); };
+        this.onError = (callback) => this.errorStack.add(callback);
+        this.onWaiting = (callback = () => { }) => { var _a; return (_a = this.Instance) === null || _a === void 0 ? void 0 : _a.addEventListener('waiting', callback); };
+        this.onSeeking = (callback = () => { }) => { var _a; return (_a = this.Instance) === null || _a === void 0 ? void 0 : _a.addEventListener('seeking', callback); };
+        this.onSeeked = (callback = () => { }) => { var _a; return (_a = this.Instance) === null || _a === void 0 ? void 0 : _a.addEventListener('seeked', callback); };
+        this.offCanplay = (callback = () => { }) => { var _a; return (_a = this.Instance) === null || _a === void 0 ? void 0 : _a.removeEventListener('canplay', callback); };
+        this.offPlay = (callback = () => { }) => { var _a; return (_a = this.Instance) === null || _a === void 0 ? void 0 : _a.removeEventListener('play', callback); };
+        this.offPause = (callback = () => { }) => { var _a; return (_a = this.Instance) === null || _a === void 0 ? void 0 : _a.removeEventListener('pause', callback); };
+        this.offStop = (callback = () => { }) => this.stopStack.remove(callback);
+        this.offEnded = (callback = () => { }) => { var _a; return (_a = this.Instance) === null || _a === void 0 ? void 0 : _a.removeEventListener('ended', callback); };
+        this.offTimeUpdate = (callback = () => { }) => { var _a; return (_a = this.Instance) === null || _a === void 0 ? void 0 : _a.removeEventListener('timeupdate', callback); };
+        this.offError = (callback = () => { }) => this.errorStack.remove(callback);
+        this.offWaiting = (callback = () => { }) => { var _a; return (_a = this.Instance) === null || _a === void 0 ? void 0 : _a.removeEventListener('waiting', callback); };
+        this.offSeeking = (callback = () => { }) => { var _a; return (_a = this.Instance) === null || _a === void 0 ? void 0 : _a.removeEventListener('seeking', callback); };
+        this.offSeeked = (callback = () => { }) => { var _a; return (_a = this.Instance) === null || _a === void 0 ? void 0 : _a.removeEventListener('seeked', callback); };
+        this.Instance = new Audio();
+        this.errorStack = new CallbackManager();
+        this.stopStack = new CallbackManager();
+        Taro.eventCenter.on('__taroRouterChange', () => { this.stop(); });
+        this.onPlay(() => {
+            if (this.currentTime !== this.startTime) {
+                this.seek(this.startTime);
+            }
+        });
+    }
+    set autoplay(e) { this.setProperty('autoplay', e); }
+    get autoplay() { var _a; return ((_a = this.Instance) === null || _a === void 0 ? void 0 : _a.autoplay) || false; }
+    get buffered() { var _a; return ((_a = this.Instance) === null || _a === void 0 ? void 0 : _a.buffered.length) || 0; }
+    get currentTime() { var _a; return ((_a = this.Instance) === null || _a === void 0 ? void 0 : _a.currentTime) || 0; }
+    get duration() { var _a; return ((_a = this.Instance) === null || _a === void 0 ? void 0 : _a.duration) || 0; }
+    set loop(e) { this.setProperty('loop', e); }
+    get loop() { var _a; return ((_a = this.Instance) === null || _a === void 0 ? void 0 : _a.loop) || false; }
+    get paused() { var _a; return ((_a = this.Instance) === null || _a === void 0 ? void 0 : _a.paused) || true; }
+    set src(e) { this.setProperty('src', e); }
+    get src() { var _a; return ((_a = this.Instance) === null || _a === void 0 ? void 0 : _a.src) || ''; }
+    set volume(e) { this.setProperty('volume', e); }
+    get volume() { var _a; return ((_a = this.Instance) === null || _a === void 0 ? void 0 : _a.volume) || 0; }
+    set playbackRate(e) { this.setProperty('playbackRate', e); }
+    get playbackRate() { var _a; return ((_a = this.Instance) === null || _a === void 0 ? void 0 : _a.playbackRate) || 0; }
+    set obeyMuteSwitch(_e) { permanentlyNotSupport('InnerAudioContext.obeyMuteSwitch')(); }
+    get obeyMuteSwitch() { return true; }
+    set startTime(e) { this.__startTime = e; }
+    get startTime() { return this.__startTime || 0; }
+    set referrerPolicy(e) { var _a; (_a = this.Instance) === null || _a === void 0 ? void 0 : _a.setAttribute('referrerpolicy', e); }
+    get referrerPolicy() { var _a; return ((_a = this.Instance) === null || _a === void 0 ? void 0 : _a.getAttribute('referrerpolicy')) || 'origin'; }
+    setProperty(key, value) {
+        if (this.Instance) {
+            this.Instance[key] = value;
+        }
+    }
+}

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

@@ -0,0 +1,15 @@
+import { temporarilyNotSupport } from '../../utils';
+import { InnerAudioContext } from './InnerAudioContext';
+// 音频
+export const stopVoice = temporarilyNotSupport('stopVoice');
+export const setInnerAudioOption = temporarilyNotSupport('setInnerAudioOption');
+export const playVoice = temporarilyNotSupport('playVoice');
+export const pauseVoice = temporarilyNotSupport('pauseVoice');
+export const getAvailableAudioSources = temporarilyNotSupport('getAvailableAudioSources');
+export const createWebAudioContext = temporarilyNotSupport('createWebAudioContext');
+export const createMediaAudioPlayer = temporarilyNotSupport('createMediaAudioPlayer');
+/**
+ * 创建内部 audio 上下文 InnerAudioContext 对象。
+ */
+export const createInnerAudioContext = () => new InnerAudioContext();
+export const createAudioContext = temporarilyNotSupport('createAudioContext');

package/dist/api/media/background-audio/BackgroundAudioManager.js

@@ -0,0 +1,86 @@
+import { permanentlyNotSupport } from '../../utils';
+import { CallbackManager } from '../../utils/handler';
+export class BackgroundAudioManager {
+    constructor() {
+        this.__startTime = 0;
+        this.play = () => { var _a; return (_a = this.Instance) === null || _a === void 0 ? void 0 : _a.play(); };
+        this.pause = () => { var _a; return (_a = this.Instance) === null || _a === void 0 ? void 0 : _a.pause(); };
+        this.seek = (position) => {
+            if (this.Instance) {
+                this.Instance.currentTime = position;
+            }
+        };
+        this.stop = () => {
+            this.pause();
+            this.seek(0);
+            this.stopStack.trigger();
+        };
+        this.onCanplay = (callback = () => { }) => { var _a; return (_a = this.Instance) === null || _a === void 0 ? void 0 : _a.addEventListener('canplay', callback); };
+        this.onWaiting = (callback = () => { }) => { var _a; return (_a = this.Instance) === null || _a === void 0 ? void 0 : _a.addEventListener('waiting', callback); };
+        this.onError = (callback) => this.errorStack.add(callback);
+        this.onPlay = (callback = () => { }) => { var _a; return (_a = this.Instance) === null || _a === void 0 ? void 0 : _a.addEventListener('play', callback); };
+        this.onPause = (callback = () => { }) => { var _a; return (_a = this.Instance) === null || _a === void 0 ? void 0 : _a.addEventListener('pause', callback); };
+        this.onSeeking = (callback = () => { }) => { var _a; return (_a = this.Instance) === null || _a === void 0 ? void 0 : _a.addEventListener('seeking', callback); };
+        this.onSeeked = (callback = () => { }) => { var _a; return (_a = this.Instance) === null || _a === void 0 ? void 0 : _a.addEventListener('seeked', callback); };
+        this.onEnded = (callback = () => { }) => { var _a; return (_a = this.Instance) === null || _a === void 0 ? void 0 : _a.addEventListener('ended', callback); };
+        this.onStop = (callback = () => { }) => this.stopStack.add(callback);
+        this.onTimeUpdate = (callback = () => { }) => { var _a; return (_a = this.Instance) === null || _a === void 0 ? void 0 : _a.addEventListener('timeupdate', callback); };
+        this.onPrev = permanentlyNotSupport('BackgroundAudioManager.onPrev');
+        this.onNext = permanentlyNotSupport('BackgroundAudioManager.onNext');
+        this.offCanplay = (callback = () => { }) => { var _a; return (_a = this.Instance) === null || _a === void 0 ? void 0 : _a.removeEventListener('canplay', callback); };
+        this.offWaiting = (callback = () => { }) => { var _a; return (_a = this.Instance) === null || _a === void 0 ? void 0 : _a.removeEventListener('waiting', callback); };
+        this.offError = (callback = () => { }) => this.errorStack.remove(callback);
+        this.offPlay = (callback = () => { }) => { var _a; return (_a = this.Instance) === null || _a === void 0 ? void 0 : _a.removeEventListener('play', callback); };
+        this.offPause = (callback = () => { }) => { var _a; return (_a = this.Instance) === null || _a === void 0 ? void 0 : _a.removeEventListener('pause', callback); };
+        this.offSeeking = (callback = () => { }) => { var _a; return (_a = this.Instance) === null || _a === void 0 ? void 0 : _a.removeEventListener('seeking', callback); };
+        this.offSeeked = (callback = () => { }) => { var _a; return (_a = this.Instance) === null || _a === void 0 ? void 0 : _a.removeEventListener('seeked', callback); };
+        this.offEnded = (callback = () => { }) => { var _a; return (_a = this.Instance) === null || _a === void 0 ? void 0 : _a.removeEventListener('ended', callback); };
+        this.offStop = (callback = () => { }) => this.stopStack.remove(callback);
+        this.offTimeUpdate = (callback = () => { }) => { var _a; return (_a = this.Instance) === null || _a === void 0 ? void 0 : _a.removeEventListener('timeupdate', callback); };
+        this.offPrev = permanentlyNotSupport('BackgroundAudioManager.offPrev');
+        this.offNext = permanentlyNotSupport('BackgroundAudioManager.offNext');
+        this.Instance = new Audio();
+        this.errorStack = new CallbackManager();
+        this.stopStack = new CallbackManager();
+        this.Instance.autoplay = true;
+        this.onPlay(() => {
+            if (this.currentTime !== this.startTime) {
+                this.seek(this.startTime);
+            }
+        });
+    }
+    set src(e) { this.setProperty('src', e); }
+    get src() { var _a; return ((_a = this.Instance) === null || _a === void 0 ? void 0 : _a.src) || ''; }
+    set startTime(e) { this.__startTime = e; }
+    get startTime() { return this.__startTime || 0; }
+    set title(e) { this.dataset('title', e); }
+    get title() { var _a; return ((_a = this.Instance) === null || _a === void 0 ? void 0 : _a.dataset.title) || ''; }
+    set epname(e) { this.dataset('epname', e); }
+    get epname() { var _a; return ((_a = this.Instance) === null || _a === void 0 ? void 0 : _a.dataset.epname) || ''; }
+    set singer(e) { this.dataset('singer', e); }
+    get singer() { var _a; return ((_a = this.Instance) === null || _a === void 0 ? void 0 : _a.dataset.singer) || ''; }
+    set coverImgUrl(e) { this.dataset('coverImgUrl', e); }
+    get coverImgUrl() { var _a; return ((_a = this.Instance) === null || _a === void 0 ? void 0 : _a.dataset.coverImgUrl) || ''; }
+    set webUrl(e) { this.dataset('webUrl', e); }
+    get webUrl() { var _a; return ((_a = this.Instance) === null || _a === void 0 ? void 0 : _a.dataset.webUrl) || ''; }
+    set protocol(e) { this.dataset('protocol', e); }
+    get protocol() { var _a; return ((_a = this.Instance) === null || _a === void 0 ? void 0 : _a.dataset.protocol) || ''; }
+    set playbackRate(e) { this.setProperty('playbackRate', e); }
+    get playbackRate() { var _a; return ((_a = this.Instance) === null || _a === void 0 ? void 0 : _a.playbackRate) || 0; }
+    get duration() { var _a; return ((_a = this.Instance) === null || _a === void 0 ? void 0 : _a.duration) || 0; }
+    get currentTime() { var _a; return ((_a = this.Instance) === null || _a === void 0 ? void 0 : _a.currentTime) || 0; }
+    get paused() { var _a; return ((_a = this.Instance) === null || _a === void 0 ? void 0 : _a.paused) || false; }
+    get buffered() { var _a; return ((_a = this.Instance) === null || _a === void 0 ? void 0 : _a.buffered.length) || 0; }
+    set referrerPolicy(e) { var _a; (_a = this.Instance) === null || _a === void 0 ? void 0 : _a.setAttribute('referrerpolicy', e); }
+    get referrerPolicy() { var _a; return ((_a = this.Instance) === null || _a === void 0 ? void 0 : _a.getAttribute('referrerpolicy')) || 'origin'; }
+    setProperty(key, value) {
+        if (this.Instance) {
+            this.Instance[key] = value;
+        }
+    }
+    dataset(key, value) {
+        if (this.Instance) {
+            this.Instance.dataset[key] = value;
+        }
+    }
+}

package/dist/api/media/background-audio/index.js

@@ -0,0 +1,15 @@
+import { temporarilyNotSupport } from '../../utils';
+import { BackgroundAudioManager } from './BackgroundAudioManager';
+// 背景音频
+export const stopBackgroundAudio = temporarilyNotSupport('stopBackgroundAudio');
+export const seekBackgroundAudio = temporarilyNotSupport('seekBackgroundAudio');
+export const playBackgroundAudio = temporarilyNotSupport('playBackgroundAudio');
+export const pauseBackgroundAudio = temporarilyNotSupport('pauseBackgroundAudio');
+export const onBackgroundAudioStop = temporarilyNotSupport('onBackgroundAudioStop');
+export const onBackgroundAudioPlay = temporarilyNotSupport('onBackgroundAudioPlay');
+export const onBackgroundAudioPause = temporarilyNotSupport('onBackgroundAudioPause');
+export const getBackgroundAudioPlayerState = temporarilyNotSupport('getBackgroundAudioPlayerState');
+/**
+ * 获取全局唯一的背景音频管理器
+ */
+export const getBackgroundAudioManager = () => new BackgroundAudioManager();

package/dist/api/media/camera.js

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

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

@@ -0,0 +1,74 @@
+import { MethodHandler } from '../../utils/handler';
+import { shouldBeObject, getParameterError } from '../../utils';
+/**
+ * 从本地相册选择图片或使用相机拍照。
+ */
+export const chooseImage = function (options) {
+    // options must be an Object
+    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,31 @@
+import { shouldBeObject } from '../../utils';
+import { MethodHandler } from '../../utils/handler';
+/**
+ * 获取图片信息。网络图片需先配置download域名才能生效。
+ */
+export const getImageInfo = (options) => {
+    // options must be an Object
+    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,9 @@
+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,67 @@
+import { shouldBeObject } from '../../utils';
+import { MethodHandler } from '../../utils/handler';
+/**
+ * previewImage api基于开源的React组件[react-wx-images-viewer](https://github.com/react-ld/react-wx-images-viewer)开发，感谢！
+ */
+/**
+ * 在新页面中全屏预览图片。预览的过程中用户可以进行保存图片、发送给朋友等操作。
+ */
+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);
+            // Note: 等待图片加载完后返回，会导致轮播被卡住
+            resolve(item);
+            if (typeof loadFail === 'function') {
+                image.addEventListener('error', (err) => {
+                    loadFail({ errMsg: err.message });
+                });
+            }
+        });
+    }
+    // options must be an Object
+    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');
+    // @ts-ignore
+    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);
+    // @ts-ignore
+    swiper.current = currentIndex;
+    container.appendChild(swiper);
+    document.body.appendChild(container);
+    return handle.success();
+};

package/dist/api/media/index.js

@@ -0,0 +1,12 @@
+export * from './audio';
+export * from './background-audio';
+export * from './camera';
+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,4 @@
+import { temporarilyNotSupport } from '../utils';
+// 实时音视频
+export const createLivePusherContext = temporarilyNotSupport('createLivePusherContext');
+export const createLivePlayerContext = temporarilyNotSupport('createLivePlayerContext');

package/dist/api/media/map.js

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

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

@@ -0,0 +1,3 @@
+import { temporarilyNotSupport } from '../utils';
+// 画面录制器
+export const createMediaRecorder = temporarilyNotSupport('createMediaRecorder');