@tarojs/taro-h5 3.6.0-beta.0 → 3.6.0-beta.1

package/dist/api/wxml/IntersectionObserver.d.ts

@@ -0,0 +1,20 @@
+import Taro from '@tarojs/taro';
+declare type TElement = Document | HTMLElement | Element;
+export declare class TaroH5IntersectionObserver implements Taro.IntersectionObserver {
+    private _component;
+    private _options;
+    private _observerInst;
+    private _listeners;
+    private _root;
+    private _rootMargin;
+    private _isInited;
+    protected get container(): TElement;
+    constructor(component: TaroGeneral.IAnyObject, options?: Taro.createIntersectionObserver.Option);
+    private createInst;
+    disconnect(): void;
+    observe(targetSelector: string, callback: Taro.IntersectionObserver.ObserveCallback): void;
+    relativeTo(selector: string, margins?: Taro.IntersectionObserver.RelativeToMargins | undefined): Taro.IntersectionObserver;
+    relativeToViewport(margins?: Taro.IntersectionObserver.RelativeToViewportMargins | undefined): Taro.IntersectionObserver;
+    private _getCallbackByElement;
+}
+export {};

package/dist/api/wxml/IntersectionObserver.js

@@ -0,0 +1,104 @@
+import { findDOM } from '../../utils';
+// pollify
+import('intersection-observer');
+export class TaroH5IntersectionObserver {
+    constructor(component, options = {}) {
+        // 选项
+        this._options = {
+            thresholds: [0],
+            initialRatio: 0,
+            observeAll: false
+        };
+        // 监控中的选择器
+        this._listeners = [];
+        // 用来扩展（或收缩）参照节点布局区域的边界
+        this._rootMargin = {};
+        // 是否已初始化
+        this._isInited = false;
+        this._component = component;
+        Object.assign(this._options, options);
+    }
+    // selector 的容器节点
+    get container() {
+        const container = (this._component !== null
+            ? (findDOM(this._component) || document)
+            : document);
+        return container;
+    }
+    createInst() {
+        // 去除原本的实例
+        this.disconnect();
+        const { left = 0, top = 0, bottom = 0, right = 0 } = this._rootMargin;
+        return new IntersectionObserver(entries => {
+            entries.forEach(entry => {
+                const _callback = this._getCallbackByElement(entry.target);
+                const result = {
+                    boundingClientRect: entry.boundingClientRect,
+                    intersectionRatio: entry.intersectionRatio,
+                    intersectionRect: entry.intersectionRect,
+                    relativeRect: entry.rootBounds || { left: 0, right: 0, top: 0, bottom: 0 },
+                    time: entry.time
+                };
+                // web端会默认首次触发
+                if (!this._isInited && this._options.initialRatio <= Math.min.apply(Math, this._options.thresholds)) {
+                    // 初始的相交比例，如果调用时检测到的相交比例与这个值不相等且达到阈值，则会触发一次监听器的回调函数。
+                    return;
+                }
+                _callback && _callback.call(this, result);
+            });
+            this._isInited = true;
+        }, {
+            root: this._root,
+            rootMargin: [`${top}px`, `${right}px`, `${bottom}px`, `${left}px`].join(' '),
+            threshold: this._options.thresholds
+        });
+    }
+    disconnect() {
+        if (this._observerInst) {
+            let listener;
+            while ((listener = this._listeners.pop())) {
+                this._observerInst.unobserve(listener.element);
+            }
+            this._observerInst.disconnect();
+        }
+    }
+    observe(targetSelector, callback) {
+        // 同wx小程序效果一致，每个实例监听一个Selector
+        if (this._listeners.length)
+            return;
+        // 监听前没有设置关联的节点
+        if (!this._observerInst) {
+            console.warn('Intersection observer will be ignored because no relative nodes are found.');
+            return;
+        }
+        const nodeList = this._options.observeAll
+            ? this.container.querySelectorAll(targetSelector)
+            : [this.container.querySelector(targetSelector)];
+        nodeList.forEach(element => {
+            if (!element)
+                return;
+            this._observerInst.observe(element);
+            this._listeners.push({ element, callback });
+        });
+    }
+    relativeTo(selector, margins) {
+        // 已设置observe监听后，重新关联节点
+        if (this._listeners.length) {
+            console.error('Relative nodes cannot be added after "observe" call in IntersectionObserver');
+            return this;
+        }
+        this._root = this.container.querySelector(selector) || null;
+        if (margins) {
+            this._rootMargin = margins;
+        }
+        this._observerInst = this.createInst();
+        return this;
+    }
+    relativeToViewport(margins) {
+        return this.relativeTo('.taro_page', margins);
+    }
+    _getCallbackByElement(element) {
+        const listener = this._listeners.find(listener => listener.element === element);
+        return listener ? listener.callback : null;
+    }
+}

package/dist/api/wxml/MediaQueryObserver.d.ts

@@ -0,0 +1,7 @@
+import Taro from '@tarojs/taro';
+export declare class MediaQueryObserver implements Taro.MediaQueryObserver {
+    private _mediaQueryObserver;
+    private _listener;
+    observe(descriptor: Taro.MediaQueryObserver.descriptor, callback: Taro.MediaQueryObserver.observeCallback): void;
+    disconnect(): void;
+}

package/dist/api/wxml/MediaQueryObserver.js

@@ -0,0 +1,50 @@
+import { isFunction } from '@tarojs/shared';
+import { toKebabCase } from '../../utils';
+function generateMediaQueryStr(descriptor) {
+    const mediaQueryArr = [];
+    const descriptorMenu = ['width', 'minWidth', 'maxWidth', 'height', 'minHeight', 'maxHeight', 'orientation'];
+    for (const item of descriptorMenu) {
+        if (item !== 'orientation' &&
+            descriptor[item] &&
+            Number(descriptor[item]) >= 0) {
+            mediaQueryArr.push(`(${(toKebabCase(item))}: ${Number(descriptor[item])}px)`);
+        }
+        if (item === 'orientation' && descriptor[item]) {
+            mediaQueryArr.push(`(${toKebabCase(item)}: ${descriptor[item]})`);
+        }
+    }
+    return mediaQueryArr.join(' and ');
+}
+export class MediaQueryObserver {
+    // 监听页面媒体查询变化情况
+    observe(descriptor, callback) {
+        if (isFunction(callback)) {
+            // 创建媒体查询对象
+            this._mediaQueryObserver = window.matchMedia(generateMediaQueryStr(descriptor));
+            // 监听器
+            this._listener = (ev) => {
+                callback({ matches: ev.matches });
+            };
+            callback({ matches: this._mediaQueryObserver.matches });
+            // 兼容旧浏览器中 MediaQueryList 尚未继承于 EventTarget 导致不存在 'addEventListener'
+            if ('addEventListener' in this._mediaQueryObserver) {
+                this._mediaQueryObserver.addEventListener('change', this._listener);
+            }
+            else {
+                this._mediaQueryObserver.addListener(this._listener);
+            }
+        }
+    }
+    // 停止监听，销毁媒体查询对象
+    disconnect() {
+        if (this._mediaQueryObserver && this._listener) {
+            // 兼容旧浏览器中 MediaQueryList 尚未继承于 EventTarget 导致不存在 'removeEventListener'
+            if ('removeEventListener' in this._mediaQueryObserver) {
+                this._mediaQueryObserver.removeEventListener('change', this._listener);
+            }
+            else {
+                this._mediaQueryObserver.removeListener(this._listener);
+            }
+        }
+    }
+}

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

@@ -1,3 +1,4 @@
 import Taro from '@tarojs/api';
 export declare const createSelectorQuery: typeof Taro.createSelectorQuery;
-export declare const createIntersectionObserver: (option?: {}, ...args: any[]) => Promise<Partial<TaroGeneral.CallbackResult> & Record<string, unknown> & TaroGeneral.CallbackResult>;
+export declare const createIntersectionObserver: typeof Taro.createIntersectionObserver;
+export declare const createMediaQueryObserver: typeof Taro.createMediaQueryObserver;

package/dist/api/wxml/index.js

@@ -1,6 +1,12 @@
-import { temporarilyNotSupport } from '../../utils';
+import { TaroH5IntersectionObserver } from './IntersectionObserver';
+import { MediaQueryObserver } from './MediaQueryObserver';
 import { SelectorQuery } from './selectorQuery';
 export const createSelectorQuery = () => {
     return new SelectorQuery();
 };
-export const createIntersectionObserver = temporarilyNotSupport('createIntersectionObserver');
+export const createIntersectionObserver = (component, options) => {
+    return new TaroH5IntersectionObserver(component, options);
+};
+export const createMediaQueryObserver = () => {
+    return new MediaQueryObserver();
+};

package/dist/index.cjs.d.ts

@@ -755,6 +755,7 @@ declare const offWindowResize: typeof Taro.offWindowResize;
 // Worker
 declare const createWorker: (option?: {}, ...args: any[]) => Promise<Partial<TaroGeneral.CallbackResult> & Record<string, unknown> & TaroGeneral.CallbackResult>;
 declare const createSelectorQuery: typeof Taro.createSelectorQuery;
-declare const createIntersectionObserver: (option?: {}, ...args: any[]) => Promise<Partial<TaroGeneral.CallbackResult> & Record<string, unknown> & TaroGeneral.CallbackResult>;
-export { taro as default, taro, createRewardedVideoAd, createInterstitialAd, stopFaceDetect, initFaceDetect, faceDetect, isVKSupport, createVKSession, getOpenUserInfo, canIUse, arrayBufferToBase64, base64ToArrayBuffer, getUserCryptoManager, setEnableDebug, getRealtimeLogManager, getLogManager, reportPerformance, getPerformance, openSystemBluetoothSetting, openAppAuthorizeSetting, getWindowInfo, getSystemSetting, getDeviceInfo, getAppBaseInfo, getAppAuthorizeSetting, getSystemInfoSync, getSystemInfoAsync, getSystemInfo, updateWeChatApp, getUpdateManager, onUnhandledRejection, onThemeChange, onPageNotFound, onError, onAudioInterruptionEnd, onAudioInterruptionBegin, onAppShow, onAppHide, offUnhandledRejection, offThemeChange, offPageNotFound, offError, offAudioInterruptionEnd, offAudioInterruptionBegin, offAppShow, offAppHide, getLaunchOptionsSync, getEnterOptionsSync, createOffscreenCanvas, createCanvasContext, canvasToTempFilePath, canvasPutImageData, canvasGetImageData, cloud, reportMonitor, reportAnalytics, reportEvent, getExptInfoSync, stopAccelerometer, startAccelerometer, onAccelerometerChange, offAccelerometerChange, checkIsOpenAccessibility, getBatteryInfoSync, getBatteryInfo, stopBluetoothDevicesDiscovery, startBluetoothDevicesDiscovery, openBluetoothAdapter, onBluetoothDeviceFound, onBluetoothAdapterStateChange, offBluetoothDeviceFound, offBluetoothAdapterStateChange, makeBluetoothPair, isBluetoothDevicePaired, getConnectedBluetoothDevices, getBluetoothDevices, getBluetoothAdapterState, closeBluetoothAdapter, writeBLECharacteristicValue, setBLEMTU, readBLECharacteristicValue, onBLEMTUChange, onBLEConnectionStateChange, onBLECharacteristicValueChange, offBLEMTUChange, offBLEConnectionStateChange, offBLECharacteristicValueChange, notifyBLECharacteristicValueChange, getBLEMTU, getBLEDeviceServices, getBLEDeviceRSSI, getBLEDeviceCharacteristics, createBLEConnection, closeBLEConnection, onBLEPeripheralConnectionStateChanged, offBLEPeripheralConnectionStateChanged, createBLEPeripheralServer, addPhoneRepeatCalendar, addPhoneCalendar, setClipboardData, getClipboardData, stopCompass, startCompass, onCompassChange, offCompassChange, chooseContact, addPhoneContact, getRandomValues, stopGyroscope, startGyroscope, onGyroscopeChange, offGyroscopeChange, stopBeaconDiscovery, startBeaconDiscovery, onBeaconUpdate, onBeaconServiceChange, offBeaconUpdate, offBeaconServiceChange, getBeacons, onKeyboardHeightChange, offKeyboardHeightChange, hideKeyboard, getSelectedTextRange, onMemoryWarning, offMemoryWarning, stopDeviceMotionListening, startDeviceMotionListening, onDeviceMotionChange, offDeviceMotionChange, getNetworkType, onNetworkWeakChange, onNetworkStatusChange, offNetworkWeakChange, offNetworkStatusChange, getLocalIPAddress, stopHCE, startHCE, sendHCEMessage, onHCEMessage, offHCEMessage, getNFCAdapter, getHCEState, makePhoneCall, scanCode, setVisualEffectOnCapture, setScreenBrightness, setKeepScreenOn, onUserCaptureScreen, offUserCaptureScreen, getScreenBrightness, vibrateShort, vibrateLong, stopWifi, startWifi, setWifiList, onWifiConnectedWithPartialInfo, onWifiConnected, onGetWifiList, offWifiConnected, offGetWifiList, getWifiList, getConnectedWifi, connectWifi, getExtConfigSync, getExtConfig, saveFileToDisk, saveFile, removeSavedFile, openDocument, getSavedFileList, getSavedFileInfo, getFileSystemManager, getFileInfo, getApp, getCurrentInstance, stopLocationUpdate, startLocationUpdateBackground, startLocationUpdate, openLocation, onLocationChangeError, onLocationChange, offLocationChangeError, offLocationChange, getLocation, choosePoi, getFuzzyLocation, chooseLocation, stopVoice, setInnerAudioOption, playVoice, pauseVoice, getAvailableAudioSources, createWebAudioContext, createMediaAudioPlayer, createInnerAudioContext, createAudioContext, stopBackgroundAudio, seekBackgroundAudio, playBackgroundAudio, pauseBackgroundAudio, onBackgroundAudioStop, onBackgroundAudioPlay, onBackgroundAudioPause, getBackgroundAudioPlayerState, getBackgroundAudioManager, createCameraContext, saveImageToPhotosAlbum, previewMedia, getImageInfo, previewImage, compressImage, chooseMessageFile, chooseImage, createLivePusherContext, createLivePlayerContext, createMapContext, createMediaRecorder, stopRecord, startRecord, getRecorderManager, saveVideoToPhotosAlbum, openVideoEditor, getVideoInfo, createVideoContext, compressVideo, chooseVideo, chooseMedia, createVideoDecoder, createMediaContainer, updateVoIPChatMuteConfig, subscribeVoIPVideoMembers, setEnable1v1Chat, onVoIPVideoMembersChanged, onVoIPChatStateChanged, onVoIPChatSpeakersChanged, onVoIPChatMembersChanged, onVoIPChatInterrupted, offVoIPVideoMembersChanged, offVoIPChatStateChanged, offVoIPChatMembersChanged, offVoIPChatInterrupted, joinVoIPChat, exitVoIPChat, openEmbeddedMiniProgram, navigateToMiniProgram, navigateBackMiniProgram, exitMiniProgram, openBusinessView, downloadFile, stopLocalServiceDiscovery, startLocalServiceDiscovery, onLocalServiceResolveFail, onLocalServiceLost, onLocalServiceFound, onLocalServiceDiscoveryStop, offLocalServiceResolveFail, offLocalServiceLost, offLocalServiceFound, offLocalServiceDiscoveryStop, request, addInterceptor, createTCPSocket, createUDPSocket, uploadFile, sendSocketMessage, onSocketOpen, onSocketMessage, onSocketError, onSocketClose, connectSocket, closeSocket, getAccountInfoSync, chooseAddress, authorizeForMiniProgram, authorize, openCard, addCard, reserveChannelsLive, openChannelsLive, openChannelsEvent, openChannelsActivity, getChannelsLiveNoticeInfo, getChannelsLiveInfo, openCustomerServiceChat, checkIsSupportFacialRecognition, startFacialRecognitionVerify, startFacialRecognitionVerifyAndUploadVideo, faceVerifyForPay, addVideoToFavorites, addFileToFavorites, getGroupEnterInfo, chooseInvoiceTitle, chooseInvoice, chooseLicensePlate, pluginLogin, login, checkSession, showRedPackage, openSetting, getSetting, startSoterAuthentication, checkIsSupportSoterAuthentication, checkIsSoterEnrolledInDevice, requestSubscribeMessage, getUserProfile, getUserInfo, shareToWeRun, getWeRunData, requestPayment, requestOrderPayment, updateShareMenu, showShareMenu, showShareImageMenu, shareVideoMessage, shareFileMessage, onCopyUrl, offCopyUrl, hideShareMenu, getShareInfo, authPrivateMessage, setStorageSync, setStorage, revokeBufferURL, removeStorageSync, removeStorage, getStorageSync, getStorageInfoSync, getStorageInfo, getStorage, createBufferURL, clearStorageSync, clearStorage, setBackgroundFetchToken, onBackgroundFetchData, getBackgroundFetchToken, getBackgroundFetchData, setPageInfo, ocrIdCard, ocrBankCard, ocrDrivingLicense, ocrVehicleLicense, textReview, textToAudio, imageAudit, advancedGeneralIdentify, objectDetectIdentify, carClassify, dishClassify, logoClassify, animalClassify, plantClassify, getSwanId, requestPolymerPayment, navigateToSmartGameProgram, navigateToSmartProgram, navigateBackSmartProgram, preloadSubPackage, createAnimation, setBackgroundTextStyle, setBackgroundColor, nextTick, loadFontFace, disableAlertBeforeUnload, enableAlertBeforeUnload, hideLoading, hideToast, showActionSheet, showLoading, showModal, showToast, getMenuButtonBoundingClientRect, showNavigationBarLoading, setNavigationBarTitle, setNavigationBarColor, hideNavigationBarLoading, hideHomeButton, startPullDownRefresh, stopPullDownRefresh, pageScrollTo, setTopBarText, initTabBarApis, showTabBarRedDot, showTabBar, setTabBarStyle, setTabBarItem, setTabBarBadge, removeTabBarBadge, hideTabBarRedDot, hideTabBar, setWindowSize, onWindowResize, offWindowResize, createWorker, createSelectorQuery, createIntersectionObserver, Behavior, canIUseWebp, Current, ENV_TYPE, eventCenter, Events, getEnv, history, initPxTransform, interceptors, Link, options, preload, pxTransform, requirePlugin };
+declare const createIntersectionObserver: typeof Taro.createIntersectionObserver;
+declare const createMediaQueryObserver: typeof Taro.createMediaQueryObserver;
+export { taro as default, taro, createRewardedVideoAd, createInterstitialAd, stopFaceDetect, initFaceDetect, faceDetect, isVKSupport, createVKSession, getOpenUserInfo, canIUse, arrayBufferToBase64, base64ToArrayBuffer, getUserCryptoManager, setEnableDebug, getRealtimeLogManager, getLogManager, reportPerformance, getPerformance, openSystemBluetoothSetting, openAppAuthorizeSetting, getWindowInfo, getSystemSetting, getDeviceInfo, getAppBaseInfo, getAppAuthorizeSetting, getSystemInfoSync, getSystemInfoAsync, getSystemInfo, updateWeChatApp, getUpdateManager, onUnhandledRejection, onThemeChange, onPageNotFound, onError, onAudioInterruptionEnd, onAudioInterruptionBegin, onAppShow, onAppHide, offUnhandledRejection, offThemeChange, offPageNotFound, offError, offAudioInterruptionEnd, offAudioInterruptionBegin, offAppShow, offAppHide, getLaunchOptionsSync, getEnterOptionsSync, createOffscreenCanvas, createCanvasContext, canvasToTempFilePath, canvasPutImageData, canvasGetImageData, cloud, reportMonitor, reportAnalytics, reportEvent, getExptInfoSync, stopAccelerometer, startAccelerometer, onAccelerometerChange, offAccelerometerChange, checkIsOpenAccessibility, getBatteryInfoSync, getBatteryInfo, stopBluetoothDevicesDiscovery, startBluetoothDevicesDiscovery, openBluetoothAdapter, onBluetoothDeviceFound, onBluetoothAdapterStateChange, offBluetoothDeviceFound, offBluetoothAdapterStateChange, makeBluetoothPair, isBluetoothDevicePaired, getConnectedBluetoothDevices, getBluetoothDevices, getBluetoothAdapterState, closeBluetoothAdapter, writeBLECharacteristicValue, setBLEMTU, readBLECharacteristicValue, onBLEMTUChange, onBLEConnectionStateChange, onBLECharacteristicValueChange, offBLEMTUChange, offBLEConnectionStateChange, offBLECharacteristicValueChange, notifyBLECharacteristicValueChange, getBLEMTU, getBLEDeviceServices, getBLEDeviceRSSI, getBLEDeviceCharacteristics, createBLEConnection, closeBLEConnection, onBLEPeripheralConnectionStateChanged, offBLEPeripheralConnectionStateChanged, createBLEPeripheralServer, addPhoneRepeatCalendar, addPhoneCalendar, setClipboardData, getClipboardData, stopCompass, startCompass, onCompassChange, offCompassChange, chooseContact, addPhoneContact, getRandomValues, stopGyroscope, startGyroscope, onGyroscopeChange, offGyroscopeChange, stopBeaconDiscovery, startBeaconDiscovery, onBeaconUpdate, onBeaconServiceChange, offBeaconUpdate, offBeaconServiceChange, getBeacons, onKeyboardHeightChange, offKeyboardHeightChange, hideKeyboard, getSelectedTextRange, onMemoryWarning, offMemoryWarning, stopDeviceMotionListening, startDeviceMotionListening, onDeviceMotionChange, offDeviceMotionChange, getNetworkType, onNetworkWeakChange, onNetworkStatusChange, offNetworkWeakChange, offNetworkStatusChange, getLocalIPAddress, stopHCE, startHCE, sendHCEMessage, onHCEMessage, offHCEMessage, getNFCAdapter, getHCEState, makePhoneCall, scanCode, setVisualEffectOnCapture, setScreenBrightness, setKeepScreenOn, onUserCaptureScreen, offUserCaptureScreen, getScreenBrightness, vibrateShort, vibrateLong, stopWifi, startWifi, setWifiList, onWifiConnectedWithPartialInfo, onWifiConnected, onGetWifiList, offWifiConnected, offGetWifiList, getWifiList, getConnectedWifi, connectWifi, getExtConfigSync, getExtConfig, saveFileToDisk, saveFile, removeSavedFile, openDocument, getSavedFileList, getSavedFileInfo, getFileSystemManager, getFileInfo, getApp, getCurrentInstance, stopLocationUpdate, startLocationUpdateBackground, startLocationUpdate, openLocation, onLocationChangeError, onLocationChange, offLocationChangeError, offLocationChange, getLocation, choosePoi, getFuzzyLocation, chooseLocation, stopVoice, setInnerAudioOption, playVoice, pauseVoice, getAvailableAudioSources, createWebAudioContext, createMediaAudioPlayer, createInnerAudioContext, createAudioContext, stopBackgroundAudio, seekBackgroundAudio, playBackgroundAudio, pauseBackgroundAudio, onBackgroundAudioStop, onBackgroundAudioPlay, onBackgroundAudioPause, getBackgroundAudioPlayerState, getBackgroundAudioManager, createCameraContext, saveImageToPhotosAlbum, previewMedia, getImageInfo, previewImage, compressImage, chooseMessageFile, chooseImage, createLivePusherContext, createLivePlayerContext, createMapContext, createMediaRecorder, stopRecord, startRecord, getRecorderManager, saveVideoToPhotosAlbum, openVideoEditor, getVideoInfo, createVideoContext, compressVideo, chooseVideo, chooseMedia, createVideoDecoder, createMediaContainer, updateVoIPChatMuteConfig, subscribeVoIPVideoMembers, setEnable1v1Chat, onVoIPVideoMembersChanged, onVoIPChatStateChanged, onVoIPChatSpeakersChanged, onVoIPChatMembersChanged, onVoIPChatInterrupted, offVoIPVideoMembersChanged, offVoIPChatStateChanged, offVoIPChatMembersChanged, offVoIPChatInterrupted, joinVoIPChat, exitVoIPChat, openEmbeddedMiniProgram, navigateToMiniProgram, navigateBackMiniProgram, exitMiniProgram, openBusinessView, downloadFile, stopLocalServiceDiscovery, startLocalServiceDiscovery, onLocalServiceResolveFail, onLocalServiceLost, onLocalServiceFound, onLocalServiceDiscoveryStop, offLocalServiceResolveFail, offLocalServiceLost, offLocalServiceFound, offLocalServiceDiscoveryStop, request, addInterceptor, createTCPSocket, createUDPSocket, uploadFile, sendSocketMessage, onSocketOpen, onSocketMessage, onSocketError, onSocketClose, connectSocket, closeSocket, getAccountInfoSync, chooseAddress, authorizeForMiniProgram, authorize, openCard, addCard, reserveChannelsLive, openChannelsLive, openChannelsEvent, openChannelsActivity, getChannelsLiveNoticeInfo, getChannelsLiveInfo, openCustomerServiceChat, checkIsSupportFacialRecognition, startFacialRecognitionVerify, startFacialRecognitionVerifyAndUploadVideo, faceVerifyForPay, addVideoToFavorites, addFileToFavorites, getGroupEnterInfo, chooseInvoiceTitle, chooseInvoice, chooseLicensePlate, pluginLogin, login, checkSession, showRedPackage, openSetting, getSetting, startSoterAuthentication, checkIsSupportSoterAuthentication, checkIsSoterEnrolledInDevice, requestSubscribeMessage, getUserProfile, getUserInfo, shareToWeRun, getWeRunData, requestPayment, requestOrderPayment, updateShareMenu, showShareMenu, showShareImageMenu, shareVideoMessage, shareFileMessage, onCopyUrl, offCopyUrl, hideShareMenu, getShareInfo, authPrivateMessage, setStorageSync, setStorage, revokeBufferURL, removeStorageSync, removeStorage, getStorageSync, getStorageInfoSync, getStorageInfo, getStorage, createBufferURL, clearStorageSync, clearStorage, setBackgroundFetchToken, onBackgroundFetchData, getBackgroundFetchToken, getBackgroundFetchData, setPageInfo, ocrIdCard, ocrBankCard, ocrDrivingLicense, ocrVehicleLicense, textReview, textToAudio, imageAudit, advancedGeneralIdentify, objectDetectIdentify, carClassify, dishClassify, logoClassify, animalClassify, plantClassify, getSwanId, requestPolymerPayment, navigateToSmartGameProgram, navigateToSmartProgram, navigateBackSmartProgram, preloadSubPackage, createAnimation, setBackgroundTextStyle, setBackgroundColor, nextTick, loadFontFace, disableAlertBeforeUnload, enableAlertBeforeUnload, hideLoading, hideToast, showActionSheet, showLoading, showModal, showToast, getMenuButtonBoundingClientRect, showNavigationBarLoading, setNavigationBarTitle, setNavigationBarColor, hideNavigationBarLoading, hideHomeButton, startPullDownRefresh, stopPullDownRefresh, pageScrollTo, setTopBarText, initTabBarApis, showTabBarRedDot, showTabBar, setTabBarStyle, setTabBarItem, setTabBarBadge, removeTabBarBadge, hideTabBarRedDot, hideTabBar, setWindowSize, onWindowResize, offWindowResize, createWorker, createSelectorQuery, createIntersectionObserver, createMediaQueryObserver, Behavior, canIUseWebp, Current, ENV_TYPE, eventCenter, Events, getEnv, history, initPxTransform, interceptors, Link, options, preload, pxTransform, requirePlugin };
 export { getCurrentPages, navigateBack, navigateTo, redirectTo, reLaunch, switchTab } from "@tarojs/router";

package/dist/index.cjs.js

@@ -15,6 +15,24 @@ var jsonpRetry = require('jsonp-retry');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n["default"] = e;
+  return Object.freeze(n);
+}
+
 var Taro__default = /*#__PURE__*/_interopDefaultLegacy(Taro);
 var jsonpRetry__default = /*#__PURE__*/_interopDefaultLegacy(jsonpRetry);
 
@@ -202,6 +220,9 @@ function upperCaseFirstLetter(string) {
     string = string.replace(/^./, match => match.toUpperCase());
     return string;
 }
+const toKebabCase = function (string) {
+    return string.replace(/([a-z])([A-Z])/g, '$1-$2').toLowerCase();
+};
 function inlineStyle(style) {
     let res = '';
     for (const attr in style)
@@ -4996,6 +5017,159 @@ const offWindowResize = callback => {
 // Worker
 const createWorker = temporarilyNotSupport('createWorker');
 
+// pollify
+Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('intersection-observer')); });
+class TaroH5IntersectionObserver {
+    constructor(component, options = {}) {
+        // 选项
+        this._options = {
+            thresholds: [0],
+            initialRatio: 0,
+            observeAll: false
+        };
+        // 监控中的选择器
+        this._listeners = [];
+        // 用来扩展（或收缩）参照节点布局区域的边界
+        this._rootMargin = {};
+        // 是否已初始化
+        this._isInited = false;
+        this._component = component;
+        Object.assign(this._options, options);
+    }
+    // selector 的容器节点
+    get container() {
+        const container = (this._component !== null
+            ? (findDOM(this._component) || document)
+            : document);
+        return container;
+    }
+    createInst() {
+        // 去除原本的实例
+        this.disconnect();
+        const { left = 0, top = 0, bottom = 0, right = 0 } = this._rootMargin;
+        return new IntersectionObserver(entries => {
+            entries.forEach(entry => {
+                const _callback = this._getCallbackByElement(entry.target);
+                const result = {
+                    boundingClientRect: entry.boundingClientRect,
+                    intersectionRatio: entry.intersectionRatio,
+                    intersectionRect: entry.intersectionRect,
+                    relativeRect: entry.rootBounds || { left: 0, right: 0, top: 0, bottom: 0 },
+                    time: entry.time
+                };
+                // web端会默认首次触发
+                if (!this._isInited && this._options.initialRatio <= Math.min.apply(Math, this._options.thresholds)) {
+                    // 初始的相交比例，如果调用时检测到的相交比例与这个值不相等且达到阈值，则会触发一次监听器的回调函数。
+                    return;
+                }
+                _callback && _callback.call(this, result);
+            });
+            this._isInited = true;
+        }, {
+            root: this._root,
+            rootMargin: [`${top}px`, `${right}px`, `${bottom}px`, `${left}px`].join(' '),
+            threshold: this._options.thresholds
+        });
+    }
+    disconnect() {
+        if (this._observerInst) {
+            let listener;
+            while ((listener = this._listeners.pop())) {
+                this._observerInst.unobserve(listener.element);
+            }
+            this._observerInst.disconnect();
+        }
+    }
+    observe(targetSelector, callback) {
+        // 同wx小程序效果一致，每个实例监听一个Selector
+        if (this._listeners.length)
+            return;
+        // 监听前没有设置关联的节点
+        if (!this._observerInst) {
+            console.warn('Intersection observer will be ignored because no relative nodes are found.');
+            return;
+        }
+        const nodeList = this._options.observeAll
+            ? this.container.querySelectorAll(targetSelector)
+            : [this.container.querySelector(targetSelector)];
+        nodeList.forEach(element => {
+            if (!element)
+                return;
+            this._observerInst.observe(element);
+            this._listeners.push({ element, callback });
+        });
+    }
+    relativeTo(selector, margins) {
+        // 已设置observe监听后，重新关联节点
+        if (this._listeners.length) {
+            console.error('Relative nodes cannot be added after "observe" call in IntersectionObserver');
+            return this;
+        }
+        this._root = this.container.querySelector(selector) || null;
+        if (margins) {
+            this._rootMargin = margins;
+        }
+        this._observerInst = this.createInst();
+        return this;
+    }
+    relativeToViewport(margins) {
+        return this.relativeTo('.taro_page', margins);
+    }
+    _getCallbackByElement(element) {
+        const listener = this._listeners.find(listener => listener.element === element);
+        return listener ? listener.callback : null;
+    }
+}
+
+function generateMediaQueryStr(descriptor) {
+    const mediaQueryArr = [];
+    const descriptorMenu = ['width', 'minWidth', 'maxWidth', 'height', 'minHeight', 'maxHeight', 'orientation'];
+    for (const item of descriptorMenu) {
+        if (item !== 'orientation' &&
+            descriptor[item] &&
+            Number(descriptor[item]) >= 0) {
+            mediaQueryArr.push(`(${(toKebabCase(item))}: ${Number(descriptor[item])}px)`);
+        }
+        if (item === 'orientation' && descriptor[item]) {
+            mediaQueryArr.push(`(${toKebabCase(item)}: ${descriptor[item]})`);
+        }
+    }
+    return mediaQueryArr.join(' and ');
+}
+class MediaQueryObserver {
+    // 监听页面媒体查询变化情况
+    observe(descriptor, callback) {
+        if (shared.isFunction(callback)) {
+            // 创建媒体查询对象
+            this._mediaQueryObserver = window.matchMedia(generateMediaQueryStr(descriptor));
+            // 监听器
+            this._listener = (ev) => {
+                callback({ matches: ev.matches });
+            };
+            callback({ matches: this._mediaQueryObserver.matches });
+            // 兼容旧浏览器中 MediaQueryList 尚未继承于 EventTarget 导致不存在 'addEventListener'
+            if ('addEventListener' in this._mediaQueryObserver) {
+                this._mediaQueryObserver.addEventListener('change', this._listener);
+            }
+            else {
+                this._mediaQueryObserver.addListener(this._listener);
+            }
+        }
+    }
+    // 停止监听，销毁媒体查询对象
+    disconnect() {
+        if (this._mediaQueryObserver && this._listener) {
+            // 兼容旧浏览器中 MediaQueryList 尚未继承于 EventTarget 导致不存在 'removeEventListener'
+            if ('removeEventListener' in this._mediaQueryObserver) {
+                this._mediaQueryObserver.removeEventListener('change', this._listener);
+            }
+            else {
+                this._mediaQueryObserver.removeListener(this._listener);
+            }
+        }
+    }
+}
+
 class NodesRef {
     constructor(selector, querySelectorQuery, single) {
         this._component = querySelectorQuery._component;
@@ -5241,7 +5415,12 @@ class SelectorQuery {
 const createSelectorQuery = () => {
     return new SelectorQuery();
 };
-const createIntersectionObserver = temporarilyNotSupport('createIntersectionObserver');
+const createIntersectionObserver = (component, options) => {
+    return new TaroH5IntersectionObserver(component, options);
+};
+const createMediaQueryObserver = () => {
+    return new MediaQueryObserver();
+};
 
 const { Behavior, getEnv, ENV_TYPE, Link, interceptors, getInitPxTransform, Current, options, eventCenter, Events, preload } = Taro__default["default"];
 const taro = {
@@ -5382,6 +5561,7 @@ exports.createLivePusherContext = createLivePusherContext;
 exports.createMapContext = createMapContext;
 exports.createMediaAudioPlayer = createMediaAudioPlayer;
 exports.createMediaContainer = createMediaContainer;
+exports.createMediaQueryObserver = createMediaQueryObserver;
 exports.createMediaRecorder = createMediaRecorder;
 exports.createOffscreenCanvas = createOffscreenCanvas;
 exports.createRewardedVideoAd = createRewardedVideoAd;