@tarojs/taro-h5 3.4.0 → 3.4.3

package/dist/api/network/upload.js

@@ -1,7 +1,6 @@
-import { temporarilyNotSupport } from '../utils';
 import { CallbackManager } from '../utils/handler';
 import { convertObjectUrlToBlob, NETWORK_TIMEOUT, setHeader, XHR_STATS } from './utils';
-const createUploadTask = ({ url, filePath, formData, name, header, timeout, fileName, success, error }) => {
+const createUploadTask = ({ url, filePath, formData = {}, name, header, timeout, fileName, success, error }) => {
     let timeoutInter;
     let formKey;
     const apiName = 'uploadFile';
@@ -106,16 +105,12 @@ const createUploadTask = ({ url, filePath, formData, name, header, timeout, file
      * @param {ProgressUpdateCallback} callback HTTP Response Header 事件的回调函数
      */
     const offProgressUpdate = callbackManager.progressUpdate.remove;
-    const headersReceived = temporarilyNotSupport('UploadTask.headersReceived');
-    const progress = temporarilyNotSupport('UploadTask.progress');
     return {
         abort,
         onHeadersReceived,
         offHeadersReceived,
         onProgressUpdate,
-        offProgressUpdate,
-        headersReceived,
-        progress
+        offProgressUpdate
     };
 };
 /**

package/dist/api/ui/animation/index.js

@@ -4,12 +4,16 @@
  */
 class StyleSheet {
     constructor() {
+        this.$style = null;
+        this.sheet = null;
         this.appendStyleSheet = () => {
-            var _a, _b, _c;
-            (_a = this.$style) === null || _a === void 0 ? void 0 : _a.setAttribute('type', 'text/css');
-            (_b = this.$style) === null || _b === void 0 ? void 0 : _b.setAttribute('data-type', 'Taro');
-            document.getElementsByTagName('head')[0].appendChild(this.$style);
-            this.sheet = (_c = this.$style) === null || _c === void 0 ? void 0 : _c.sheet;
+            if (this.$style) {
+                const head = document.getElementsByTagName('head')[0];
+                this.$style.setAttribute('type', 'text/css');
+                this.$style.setAttribute('data-type', 'Taro');
+                head.appendChild(this.$style);
+                this.sheet = this.$style.sheet;
+            }
             if (this.sheet && !('insertRule' in this.sheet)) {
                 console.warn('当前浏览器不支持 stylesheet.insertRule 接口');
             }

package/dist/api/ui/fonts.js

@@ -1,3 +1,51 @@
-import { temporarilyNotSupport } from '../utils';
+import { MethodHandler } from '../utils/handler';
 // 字体
-export const loadFontFace = temporarilyNotSupport('loadFontFace');
+export const loadFontFace = async (options) => {
+    options = Object.assign({ global: false }, options);
+    const { success, fail, complete, family, source, desc = {} } = options;
+    const handle = new MethodHandler({ name: 'loadFontFace', success, fail, complete });
+    // @ts-ignore
+    const fonts = document.fonts;
+    if (fonts) {
+        // @ts-ignore
+        const fontFace = new FontFace(family, source, desc);
+        try {
+            await fontFace.load();
+            fonts.add(fontFace);
+            return handle.success({});
+        }
+        catch (error) {
+            return handle.fail({
+                errMsg: error.message || error
+            });
+        }
+    }
+    else {
+        const style = document.createElement('style');
+        let innerText = `font-family:"${family}";src:${source};font-style:${desc.style || 'normal'};font-weight:${desc.weight || 'normal'};font-variant:${desc.variant || 'normal'};`;
+        if (desc.ascentOverride) {
+            innerText += `ascent-override:${desc.ascentOverride};`;
+        }
+        if (desc.descentOverride) {
+            innerText += `descent-override:${desc.descentOverride};`;
+        }
+        if (desc.featureSettings) {
+            innerText += `font-feature-settings:${desc.featureSettings};`;
+        }
+        if (desc.lineGapOverride) {
+            innerText += `line-gap-override:${desc.lineGapOverride};`;
+        }
+        if (desc.stretch) {
+            innerText += `font-stretch:${desc.stretch};`;
+        }
+        if (desc.unicodeRange) {
+            innerText += `unicode-range:${desc.unicodeRange};`;
+        }
+        if (desc.variationSettings) {
+            innerText += `font-variation-settings:${desc.variationSettings};`;
+        }
+        style.innerText = `@font-face{${innerText}}`;
+        document.head.appendChild(style);
+        return handle.success();
+    }
+};

package/dist/api/ui/scroll/index.js

@@ -10,16 +10,16 @@ export const pageScrollTo = ({ scrollTop, selector = '', duration = 300, success
     let scrollFunc;
     const handle = new MethodHandler({ name: 'pageScrollTo', success, fail, complete });
     return new Promise((resolve, reject) => {
-        var _a;
+        var _a, _b;
         try {
             if (scrollTop === undefined && !selector) {
                 return handle.fail({
                     errMsg: 'scrollTop" 或 "selector" 需要其之一'
                 }, reject);
             }
-            const id = (_a = Current.page) === null || _a === void 0 ? void 0 : _a.path;
+            const id = (_b = (_a = Current.page) === null || _a === void 0 ? void 0 : _a.path) === null || _b === void 0 ? void 0 : _b.replace(/([^a-z0-9\u00a0-\uffff_-])/ig, '\\$1');
             const el = (id
-                ? document.getElementById(id)
+                ? document.querySelector(`.taro_page#${id}`)
                 : document.querySelector('.taro_page') ||
                     document.querySelector('.taro_router'));
             if (!scrollFunc) {

package/dist/api/utils/handler.js

@@ -29,52 +29,52 @@ export class MethodHandler {
 export class CallbackManager {
     constructor() {
         this.callbacks = [];
-    }
-    /**
-     * 添加回调
-     * @param {{ callback: function, ctx: any } | function} opt
-     */
-    add(opt) {
-        if (opt)
-            this.callbacks.push(opt);
-    }
-    /**
-     * 移除回调
-     * @param {{ callback: function, ctx: any } | function} opt
-     */
-    remove(opt) {
-        if (opt) {
-            let pos = -1;
-            this.callbacks.forEach((callback, k) => {
-                if (callback === opt) {
-                    pos = k;
+        /**
+         * 添加回调
+         * @param {{ callback: function, ctx: any } | function} opt
+         */
+        this.add = (opt) => {
+            if (opt)
+                this.callbacks.push(opt);
+        };
+        /**
+         * 移除回调
+         * @param {{ callback: function, ctx: any } | function} opt
+         */
+        this.remove = (opt) => {
+            if (opt) {
+                let pos = -1;
+                this.callbacks.forEach((callback, k) => {
+                    if (callback === opt) {
+                        pos = k;
+                    }
+                });
+                if (pos > -1) {
+                    this.callbacks.splice(pos, 1);
                 }
-            });
-            if (pos > -1) {
-                this.callbacks.splice(pos, 1);
             }
-        }
-    }
-    /**
-     * 获取回调函数数量
-     * @return {number}
-     */
-    count() {
-        return this.callbacks.length;
-    }
-    /**
-     * 触发回调
-     * @param  {...any} args 回调的调用参数
-     */
-    trigger(...args) {
-        this.callbacks.forEach(opt => {
-            if (typeof opt === 'function') {
-                opt(...args);
-            }
-            else {
-                const { callback, ctx } = opt;
-                typeof callback === 'function' && callback.call(ctx, ...args);
-            }
-        });
+        };
+        /**
+         * 获取回调函数数量
+         * @return {number}
+         */
+        this.count = () => {
+            return this.callbacks.length;
+        };
+        /**
+         * 触发回调
+         * @param  {...any} args 回调的调用参数
+         */
+        this.trigger = (...args) => {
+            this.callbacks.forEach(opt => {
+                if (typeof opt === 'function') {
+                    opt(...args);
+                }
+                else {
+                    const { callback, ctx } = opt;
+                    typeof callback === 'function' && callback.call(ctx, ...args);
+                }
+            });
+        };
     }
 }

package/dist/api/utils/index.js

@@ -74,28 +74,52 @@ export function serializeParams(params) {
 export function temporarilyNotSupport(apiName) {
     return () => {
         const errMsg = `暂时不支持 API ${apiName}`;
-        console.error(errMsg);
-        return Promise.reject({
-            errMsg
-        });
+        if (process.env.NODE_ENV !== 'production') {
+            console.error(errMsg);
+            return Promise.reject({
+                errMsg
+            });
+        }
+        else {
+            console.warn(errMsg);
+            return Promise.resolve({
+                errMsg
+            });
+        }
     };
 }
 export function weixinCorpSupport(apiName) {
     return () => {
         const errMsg = `h5端仅在微信公众号中支持 API ${apiName}`;
-        console.error(errMsg);
-        return Promise.reject({
-            errMsg
-        });
+        if (process.env.NODE_ENV !== 'production') {
+            console.error(errMsg);
+            return Promise.reject({
+                errMsg
+            });
+        }
+        else {
+            console.warn(errMsg);
+            return Promise.resolve({
+                errMsg
+            });
+        }
     };
 }
 export function permanentlyNotSupport(apiName) {
     return () => {
         const errMsg = `不支持 API ${apiName}`;
-        console.error(errMsg);
-        return Promise.reject({
-            errMsg
-        });
+        if (process.env.NODE_ENV !== 'production') {
+            console.error(errMsg);
+            return Promise.reject({
+                errMsg
+            });
+        }
+        else {
+            console.warn(errMsg);
+            return Promise.resolve({
+                errMsg
+            });
+        }
     };
 }
 export function isFunction(obj) {