@tarojs/taro-h5 3.5.0-canary.1 → 3.5.0

package/dist/api/location/chooseLocation.js

@@ -1,7 +1,21 @@
-import { MethodHandler } from '../utils/handler';
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 import './style.css';
-function createLocationChooser(handler, key = LOCATION_APIKEY) {
-    var _a, _b;
+import { stringify } from 'query-string';
+import { MethodHandler } from '../../utils/handler';
+function createLocationChooser(handler, key = LOCATION_APIKEY, mapOpt = {}) {
+    var _a, _b, _c;
+    const { latitude, longitude } = mapOpt, opts = __rest(mapOpt, ["latitude", "longitude"]);
+    const query = Object.assign({ key, type: 1, coord: ((_a = mapOpt.coord) !== null && _a !== void 0 ? _a : [latitude, longitude].every(e => Number(e) >= 0)) ? `${latitude},${longitude}` : undefined, referer: 'myapp' }, opts);
     const html = `
 <div class='taro_choose_location'>
   <div class='taro_choose_location_bar'>
@@ -9,7 +23,7 @@ function createLocationChooser(handler, key = LOCATION_APIKEY) {
     <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>
+  <iframe class='taro_choose_location_frame' frameborder='0' src="https://apis.map.qq.com/tools/locpicker?${stringify(query, { arrayFormat: 'comma', skipNull: true })}" />
 </div>
 `;
     const container = document.createElement('div');
@@ -35,8 +49,8 @@ function createLocationChooser(handler, key = LOCATION_APIKEY) {
         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);
+    (_b = container.querySelector('.taro_choose_location_back')) === null || _b === void 0 ? void 0 : _b.addEventListener('click', back);
+    (_c = container.querySelector('.taro_choose_location_submit')) === null || _c === void 0 ? void 0 : _c.addEventListener('click', submit);
     window.addEventListener('popstate', back);
     return {
         show,
@@ -47,7 +61,7 @@ function createLocationChooser(handler, key = LOCATION_APIKEY) {
 /**
  * 打开地图选择位置。
  */
-export const chooseLocation = ({ success, fail, complete } = {}) => {
+export const chooseLocation = ({ success, fail, complete, mapOpts } = {}) => {
     const key = LOCATION_APIKEY;
     const handle = new MethodHandler({ name: 'chooseLocation', success, fail, complete });
     return new Promise((resolve, reject) => {
@@ -85,7 +99,7 @@ export const chooseLocation = ({ success, fail, complete } = {}) => {
                     return handle.fail({}, reject);
                 }
             }
-        }, key);
+        }, key, mapOpts);
         document.body.appendChild(chooser.container);
         window.addEventListener('message', onMessage, false);
         chooser.show();

package/dist/api/location/getLocation.d.ts

@@ -0,0 +1,2 @@
+import Taro from '@tarojs/api';
+export declare const getLocation: (options?: Partial<Taro.getLocation.Option>) => Promise<Taro.getLocation.SuccessCallbackResult>;

package/dist/api/location/getLocation.js

@@ -0,0 +1,64 @@
+import { processOpenApi, shouldBeObject } from '../../utils';
+import { MethodHandler } from '../../utils/handler';
+const getLocationByW3CApi = (options) => {
+    var _a;
+    // 断言 options 必须是 Object
+    const isObject = shouldBeObject(options);
+    if (!isObject.flag) {
+        const res = { errMsg: `getLocation:fail ${isObject.msg}` };
+        console.error(res.errMsg);
+        return Promise.reject(res);
+    }
+    // 解构回调函数
+    const { success, fail, complete } = options;
+    const handle = new MethodHandler({ name: 'getLocation', success, fail, complete });
+    // const defaultMaximumAge = 5 * 1000
+    const positionOptions = {
+        enableHighAccuracy: options.isHighAccuracy || (options.altitude != null),
+        // maximumAge: defaultMaximumAge, // 允许取多久以内的缓存位置
+        timeout: options.highAccuracyExpireTime // 高精度定位超时时间
+    };
+    // Web端API实现暂时仅支持GPS坐标系
+    if (((_a = options.type) === null || _a === void 0 ? void 0 : _a.toUpperCase()) !== 'WGS84') {
+        return handle.fail({
+            errMsg: 'This coordinate system type is not temporarily supported'
+        });
+    }
+    // 判断当前浏览器是否支持位置API
+    const geolocationSupported = navigator.geolocation;
+    if (!geolocationSupported) {
+        return handle.fail({
+            errMsg: 'The current browser does not support this feature'
+        });
+    }
+    // 开始获取位置
+    return new Promise((resolve, reject) => {
+        navigator.geolocation.getCurrentPosition((position) => {
+            const result = {
+                /** 位置的精确度 */
+                accuracy: position.coords.accuracy,
+                /** 高度，单位 m */
+                altitude: position.coords.altitude,
+                /** 水平精度，单位 m */
+                horizontalAccuracy: position.coords.accuracy,
+                /** 纬度，范围为 -90~90，负数表示南纬 */
+                latitude: position.coords.latitude,
+                /** 经度，范围为 -180~180，负数表示西经 */
+                longitude: position.coords.longitude,
+                /** 速度，单位 m/s */
+                speed: position.coords.speed,
+                /** 垂直精度，单位 m（Android 无法获取，返回 0） */
+                verticalAccuracy: position.coords.altitudeAccuracy || 0,
+                /** 调用结果,自动补充 */
+                errMsg: ''
+            };
+            handle.success(result, resolve);
+        }, (error) => {
+            handle.fail({ errMsg: error.message }, reject);
+        }, positionOptions);
+    });
+};
+export const getLocation = processOpenApi({
+    name: 'getLocation',
+    standardMethod: getLocationByW3CApi
+});

package/dist/api/location/index.d.ts

@@ -0,0 +1,32 @@
+export declare const stopLocationUpdate: () => Promise<{
+    errMsg: string;
+}>;
+export declare const startLocationUpdateBackground: () => Promise<{
+    errMsg: string;
+}>;
+export declare const startLocationUpdate: () => Promise<{
+    errMsg: string;
+}>;
+export declare const openLocation: (options?: Partial<{
+    scale: number;
+}>) => Promise<any>;
+export declare const onLocationChangeError: () => Promise<{
+    errMsg: string;
+}>;
+export declare const onLocationChange: () => Promise<{
+    errMsg: string;
+}>;
+export declare const offLocationChangeError: () => Promise<{
+    errMsg: string;
+}>;
+export declare const offLocationChange: () => Promise<{
+    errMsg: string;
+}>;
+export { getLocation } from './getLocation';
+export declare const choosePoi: () => Promise<{
+    errMsg: string;
+}>;
+export declare const getFuzzyLocation: () => Promise<{
+    errMsg: string;
+}>;
+export { chooseLocation } from './chooseLocation';

package/dist/api/location/index.js

@@ -1,13 +1,17 @@
-import { processOpenApi, temporarilyNotSupport } from '../utils/index';
+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 openLocation = processOpenApi({
+    name: 'openLocation',
+    defaultOptions: { 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 { getLocation } from './getLocation';
 export const choosePoi = temporarilyNotSupport('choosePoi');
-export * from './chooseLocation';
+export const getFuzzyLocation = temporarilyNotSupport('getFuzzyLocation');
+export { chooseLocation } from './chooseLocation';

package/dist/api/media/EditorContext.d.ts

@@ -0,0 +1,42 @@
+import Taro from '@tarojs/api';
+export declare class EditorContext implements Taro.EditorContext {
+    blur: () => Promise<{
+        errMsg: string;
+    }>;
+    clear: () => Promise<{
+        errMsg: string;
+    }>;
+    format: () => Promise<{
+        errMsg: string;
+    }>;
+    getContents: () => Promise<{
+        errMsg: string;
+    }>;
+    getSelectionText: () => Promise<{
+        errMsg: string;
+    }>;
+    insertDivider: () => Promise<{
+        errMsg: string;
+    }>;
+    insertImage: () => Promise<{
+        errMsg: string;
+    }>;
+    insertText: () => Promise<{
+        errMsg: string;
+    }>;
+    redo: () => Promise<{
+        errMsg: string;
+    }>;
+    removeFormat: () => Promise<{
+        errMsg: string;
+    }>;
+    scrollIntoView: () => Promise<{
+        errMsg: string;
+    }>;
+    setContents: () => Promise<{
+        errMsg: string;
+    }>;
+    undo: () => Promise<{
+        errMsg: string;
+    }>;
+}

package/dist/api/media/EditorContext.js

@@ -1,4 +1,4 @@
-import { temporarilyNotSupport } from '../utils';
+import { temporarilyNotSupport } from '../../utils';
 // 富文本
 export class EditorContext {
     constructor() {
@@ -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/media/audio/InnerAudioContext.d.ts

@@ -0,0 +1,58 @@
+import Taro from '@tarojs/api';
+import { CallbackManager } from '../../../utils/handler';
+export declare class InnerAudioContext implements Taro.InnerAudioContext {
+    Instance?: HTMLAudioElement;
+    errorStack: CallbackManager;
+    stopStack: CallbackManager;
+    __startTime: number;
+    constructor();
+    set autoplay(e: boolean);
+    get autoplay(): boolean;
+    get buffered(): number;
+    get currentTime(): number;
+    get duration(): number;
+    set loop(e: boolean);
+    get loop(): boolean;
+    get paused(): boolean;
+    set src(e: string);
+    get src(): string;
+    set volume(e: number);
+    get volume(): number;
+    set playbackRate(e: number);
+    get playbackRate(): number;
+    set obeyMuteSwitch(_e: boolean);
+    get obeyMuteSwitch(): boolean;
+    set startTime(e: number);
+    get startTime(): number;
+    set referrerPolicy(e: string);
+    get referrerPolicy(): string;
+    private setProperty;
+    play: () => Promise<void> | undefined;
+    pause: () => void | undefined;
+    stop: () => void;
+    seek: (position: number) => void;
+    /**
+     * @TODO destroy得并不干净
+     */
+    destroy: () => void;
+    onCanplay: (callback?: () => void) => void | undefined;
+    onPlay: (callback?: () => void) => void | undefined;
+    onPause: (callback?: () => void) => void | undefined;
+    onStop: (callback?: () => void) => void;
+    onEnded: (callback?: () => void) => void | undefined;
+    onTimeUpdate: (callback?: () => void) => void | undefined;
+    onError: (callback?: ((res: Taro.InnerAudioContext.onErrorDetail) => void) | undefined) => void;
+    onWaiting: (callback?: () => void) => void | undefined;
+    onSeeking: (callback?: () => void) => void | undefined;
+    onSeeked: (callback?: () => void) => void | undefined;
+    offCanplay: (callback?: () => void) => void | undefined;
+    offPlay: (callback?: () => void) => void | undefined;
+    offPause: (callback?: () => void) => void | undefined;
+    offStop: (callback?: () => void) => void;
+    offEnded: (callback?: () => void) => void | undefined;
+    offTimeUpdate: (callback?: () => void) => void | undefined;
+    offError: (callback?: () => void) => void;
+    offWaiting: (callback?: () => void) => void | undefined;
+    offSeeking: (callback?: () => void) => void | undefined;
+    offSeeked: (callback?: () => void) => void | undefined;
+}

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

@@ -1,6 +1,6 @@
 import Taro from '@tarojs/api';
-import { permanentlyNotSupport } from '../../utils';
-import { CallbackManager } from '../../utils/handler';
+import { permanentlyNotSupport } from '../../../utils';
+import { CallbackManager } from '../../../utils/handler';
 export class InnerAudioContext {
     constructor() {
         this.__startTime = 0;
@@ -63,7 +63,7 @@ export class InnerAudioContext {
     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; }
+    get paused() { var _a, _b; return (_b = (_a = this.Instance) === null || _a === void 0 ? void 0 : _a.paused) !== null && _b !== void 0 ? _b : 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); }

package/dist/api/media/audio/index.d.ts

@@ -0,0 +1,29 @@
+import Taro from '@tarojs/api';
+export declare const stopVoice: () => Promise<{
+    errMsg: string;
+}>;
+export declare const setInnerAudioOption: () => Promise<{
+    errMsg: string;
+}>;
+export declare const playVoice: () => Promise<{
+    errMsg: string;
+}>;
+export declare const pauseVoice: () => Promise<{
+    errMsg: string;
+}>;
+export declare const getAvailableAudioSources: () => Promise<{
+    errMsg: string;
+}>;
+export declare const createWebAudioContext: () => Promise<{
+    errMsg: string;
+}>;
+export declare const createMediaAudioPlayer: () => Promise<{
+    errMsg: string;
+}>;
+/**
+ * 创建内部 audio 上下文 InnerAudioContext 对象。
+ */
+export declare const createInnerAudioContext: typeof Taro.createInnerAudioContext;
+export declare const createAudioContext: () => Promise<{
+    errMsg: string;
+}>;

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

@@ -1,4 +1,4 @@
-import { temporarilyNotSupport } from '../../utils';
+import { temporarilyNotSupport } from '../../../utils';
 import { InnerAudioContext } from './InnerAudioContext';
 // 音频
 export const stopVoice = temporarilyNotSupport('stopVoice');

package/dist/api/media/background-audio/BackgroundAudioManager.d.ts

@@ -0,0 +1,71 @@
+import Taro from '@tarojs/api';
+import { CallbackManager } from '../../../utils/handler';
+export declare class BackgroundAudioManager implements Taro.BackgroundAudioManager {
+    Instance?: HTMLAudioElement;
+    errorStack: CallbackManager;
+    stopStack: CallbackManager;
+    __startTime: number;
+    constructor();
+    set src(e: string);
+    get src(): string;
+    set startTime(e: number);
+    get startTime(): number;
+    set title(e: string);
+    get title(): string;
+    set epname(e: string);
+    get epname(): string;
+    set singer(e: string);
+    get singer(): string;
+    set coverImgUrl(e: string);
+    get coverImgUrl(): string;
+    set webUrl(e: string);
+    get webUrl(): string;
+    set protocol(e: string);
+    get protocol(): string;
+    set playbackRate(e: number);
+    get playbackRate(): number;
+    get duration(): number;
+    get currentTime(): number;
+    get paused(): boolean;
+    get buffered(): number;
+    set referrerPolicy(e: string);
+    get referrerPolicy(): string;
+    private setProperty;
+    private dataset;
+    play: () => Promise<void> | undefined;
+    pause: () => void | undefined;
+    seek: (position: number) => void;
+    stop: () => void;
+    onCanplay: (callback?: () => void) => void | undefined;
+    onWaiting: (callback?: () => void) => void | undefined;
+    onError: (callback?: ((res: Taro.InnerAudioContext.onErrorDetail) => void) | undefined) => void;
+    onPlay: (callback?: () => void) => void | undefined;
+    onPause: (callback?: () => void) => void | undefined;
+    onSeeking: (callback?: () => void) => void | undefined;
+    onSeeked: (callback?: () => void) => void | undefined;
+    onEnded: (callback?: () => void) => void | undefined;
+    onStop: (callback?: () => void) => void;
+    onTimeUpdate: (callback?: () => void) => void | undefined;
+    onPrev: () => Promise<{
+        errMsg: string;
+    }>;
+    onNext: () => Promise<{
+        errMsg: string;
+    }>;
+    offCanplay: (callback?: () => void) => void | undefined;
+    offWaiting: (callback?: () => void) => void | undefined;
+    offError: (callback?: () => void) => void;
+    offPlay: (callback?: () => void) => void | undefined;
+    offPause: (callback?: () => void) => void | undefined;
+    offSeeking: (callback?: () => void) => void | undefined;
+    offSeeked: (callback?: () => void) => void | undefined;
+    offEnded: (callback?: () => void) => void | undefined;
+    offStop: (callback?: () => void) => void;
+    offTimeUpdate: (callback?: () => void) => void | undefined;
+    offPrev: () => Promise<{
+        errMsg: string;
+    }>;
+    offNext: () => Promise<{
+        errMsg: string;
+    }>;
+}

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

@@ -1,5 +1,5 @@
-import { permanentlyNotSupport } from '../../utils';
-import { CallbackManager } from '../../utils/handler';
+import { permanentlyNotSupport } from '../../../utils';
+import { CallbackManager } from '../../../utils/handler';
 export class BackgroundAudioManager {
     constructor() {
         this.__startTime = 0;

package/dist/api/media/background-audio/index.d.ts

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

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

@@ -1,4 +1,4 @@
-import { temporarilyNotSupport } from '../../utils';
+import { temporarilyNotSupport } from '../../../utils';
 import { BackgroundAudioManager } from './BackgroundAudioManager';
 // 背景音频
 export const stopBackgroundAudio = temporarilyNotSupport('stopBackgroundAudio');

package/dist/api/media/camera.d.ts

@@ -0,0 +1,3 @@
+export declare const createCameraContext: () => Promise<{
+    errMsg: string;
+}>;

package/dist/api/media/camera.js

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

package/dist/api/media/image/chooseImage.d.ts

@@ -0,0 +1,5 @@
+import Taro from '@tarojs/api';
+/**
+ * 从本地相册选择图片或使用相机拍照。
+ */
+export declare const chooseImage: typeof Taro.chooseImage;

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

@@ -1,5 +1,5 @@
-import { MethodHandler } from '../../utils/handler';
-import { shouldBeObject, getParameterError } from '../../utils';
+import { getParameterError, shouldBeObject } from '../../../utils';
+import { MethodHandler } from '../../../utils/handler';
 /**
  * 从本地相册选择图片或使用相机拍照。
  */
@@ -11,12 +11,14 @@ export const chooseImage = function (options) {
         console.error(res.errMsg);
         return Promise.reject(res);
     }
-    const { count = 1, success, fail, complete, imageId = 'taroChooseImage' } = options;
+    const { count = 1, success, fail, complete, imageId = 'taroChooseImage', sourceType = ['album', 'camera'] } = options;
     const handle = new MethodHandler({ name: 'chooseImage', success, fail, complete });
     const res = {
         tempFilePaths: [],
         tempFiles: []
     };
+    const sourceTypeString = sourceType && sourceType.toString();
+    const acceptableSourceType = ['user', 'environment', 'camera'];
     if (count && typeof count !== 'number') {
         res.errMsg = getParameterError({
             para: 'count',
@@ -33,6 +35,9 @@ export const chooseImage = function (options) {
         if (count > 1) {
             obj.setAttribute('multiple', 'multiple');
         }
+        if (acceptableSourceType.indexOf(sourceTypeString) > -1) {
+            obj.setAttribute('capture', sourceTypeString);
+        }
         obj.setAttribute('accept', 'image/*');
         obj.setAttribute('style', 'position: fixed; top: -4000px; left: -3000px; z-index: -300;');
         document.body.appendChild(obj);
@@ -45,6 +50,12 @@ export const chooseImage = function (options) {
         else {
             el.removeAttribute('multiple');
         }
+        if (acceptableSourceType.indexOf(sourceTypeString) > -1) {
+            el.setAttribute('capture', sourceTypeString);
+        }
+        else {
+            el.removeAttribute('capture');
+        }
     }
     return new Promise(resolve => {
         const TaroMouseEvents = document.createEvent('MouseEvents');

package/dist/api/media/image/getImageInfo.d.ts

@@ -0,0 +1,5 @@
+import Taro from '@tarojs/api';
+/**
+ * 获取图片信息。网络图片需先配置download域名才能生效。
+ */
+export declare const getImageInfo: typeof Taro.getImageInfo;

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

@@ -1,5 +1,5 @@
-import { shouldBeObject } from '../../utils';
-import { MethodHandler } from '../../utils/handler';
+import { shouldBeObject } from '../../../utils';
+import { MethodHandler } from '../../../utils/handler';
 /**
  * 获取图片信息。网络图片需先配置download域名才能生效。
  */
@@ -11,14 +11,29 @@ export const getImageInfo = (options) => {
         console.error(res.errMsg);
         return Promise.reject(res);
     }
+    const getBase64Image = (image) => {
+        try {
+            const canvas = document.createElement('canvas');
+            canvas.width = image.width;
+            canvas.height = image.height;
+            const ctx = canvas.getContext('2d');
+            ctx === null || ctx === void 0 ? void 0 : ctx.drawImage(image, 0, 0, image.width, image.height);
+            return canvas.toDataURL('image/png');
+        }
+        catch (e) {
+            console.error('getImageInfo:get base64 fail', e);
+        }
+    };
     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.crossOrigin = '';
         image.onload = () => {
             handle.success({
                 width: image.naturalWidth,
-                height: image.naturalHeight
+                height: image.naturalHeight,
+                path: getBase64Image(image) || src
             }, resolve);
         };
         image.onerror = (e) => {

package/dist/api/media/image/index.d.ts

@@ -0,0 +1,15 @@
+export declare const saveImageToPhotosAlbum: () => Promise<{
+    errMsg: string;
+}>;
+export declare const previewMedia: () => Promise<{
+    errMsg: string;
+}>;
+export * from './getImageInfo';
+export * from './previewImage';
+export declare const compressImage: () => Promise<{
+    errMsg: string;
+}>;
+export declare const chooseMessageFile: () => Promise<{
+    errMsg: string;
+}>;
+export * from './chooseImage';

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

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

package/dist/api/media/image/previewImage.d.ts

@@ -0,0 +1,8 @@
+import Taro from '@tarojs/api';
+/**
+ * previewImage api基于开源的React组件[react-wx-images-viewer](https://github.com/react-ld/react-wx-images-viewer)开发，感谢！
+ */
+/**
+ * 在新页面中全屏预览图片。预览的过程中用户可以进行保存图片、发送给朋友等操作。
+ */
+export declare const previewImage: typeof Taro.previewImage;