@tarojs/taro-h5 3.4.7 → 3.5.0-alpha.0

package/dist/api/ui/interaction/modal.js

@@ -64,10 +64,7 @@ export default class Modal {
             // style
             const { maskStyle, modalStyle, titleStyle, textStyle, footStyle, btnStyle } = this.style;
             // configuration
-            const config = {
-                ...this.options,
-                ...options
-            };
+            const config = Object.assign(Object.assign({}, this.options), options);
             // wrapper
             this.el = document.createElement('div');
             this.el.className = 'taro__modal';
@@ -82,20 +79,13 @@ export default class Modal {
             modal.className = 'taro-modal__content';
             modal.setAttribute('style', inlineStyle(modalStyle));
             // title
-            const titleCSS = config.title ? titleStyle : {
-                ...titleStyle,
-                display: 'none'
-            };
+            const titleCSS = config.title ? titleStyle : Object.assign(Object.assign({}, titleStyle), { display: 'none' });
             this.title = document.createElement('div');
             this.title.className = 'taro-modal__title';
             this.title.setAttribute('style', inlineStyle(titleCSS));
             this.title.textContent = config.title;
             // text
-            const textCSS = config.title ? textStyle : {
-                ...textStyle,
-                padding: '40px 20px 26px',
-                color: '#353535'
-            };
+            const textCSS = config.title ? textStyle : Object.assign(Object.assign({}, textStyle), { padding: '40px 20px 26px', color: '#353535' });
             this.text = document.createElement('div');
             this.text.className = 'taro-modal__text';
             this.text.setAttribute('style', inlineStyle(textCSS));
@@ -105,11 +95,7 @@ export default class Modal {
             foot.className = 'taro-modal__foot';
             foot.setAttribute('style', inlineStyle(footStyle));
             // cancel button
-            const cancelCSS = {
-                ...btnStyle,
-                color: config.cancelColor,
-                display: config.showCancel ? 'block' : 'none'
-            };
+            const cancelCSS = Object.assign(Object.assign({}, btnStyle), { color: config.cancelColor, display: config.showCancel ? 'block' : 'none' });
             this.cancel = document.createElement('div');
             this.cancel.className = 'taro-model__btn taro-model__cancel';
             this.cancel.setAttribute('style', inlineStyle(cancelCSS));
@@ -143,10 +129,7 @@ export default class Modal {
     }
     show(options = {}) {
         return new Promise((resolve) => {
-            const config = {
-                ...this.options,
-                ...options
-            };
+            const config = Object.assign(Object.assign({}, this.options), options);
             if (this.hideOpacityTimer)
                 clearTimeout(this.hideOpacityTimer);
             if (this.hideDisplayTimer)
@@ -162,11 +145,7 @@ export default class Modal {
             else {
                 // block => none
                 this.title.style.display = 'none';
-                const textCSS = {
-                    ...textStyle,
-                    padding: '40px 20px 26px',
-                    color: '#353535'
-                };
+                const textCSS = Object.assign(Object.assign({}, textStyle), { padding: '40px 20px 26px', color: '#353535' });
                 this.text.setAttribute('style', inlineStyle(textCSS));
             }
             this.text.textContent = config.content || '';

package/dist/api/ui/interaction/toast.js

@@ -78,11 +78,7 @@ export default class Toast {
         // style
         const { maskStyle, toastStyle, successStyle, errrorStyle, loadingStyle, imageStyle, textStyle } = this.style;
         // configuration
-        const config = {
-            ...this.options,
-            ...options,
-            _type
-        };
+        const config = Object.assign(Object.assign(Object.assign({}, this.options), options), { _type });
         // wrapper
         this.el = document.createElement('div');
         this.el.className = 'taro__toast';
@@ -95,27 +91,18 @@ export default class Toast {
         // icon
         this.icon = document.createElement('p');
         if (config.image) {
-            this.icon.setAttribute('style', inlineStyle({
-                ...imageStyle,
-                'background-image': `url(${config.image})`
-            }));
+            this.icon.setAttribute('style', inlineStyle(Object.assign(Object.assign({}, imageStyle), { 'background-image': `url(${config.image})` })));
         }
         else {
             const iconStyle = config.icon === 'loading' ? loadingStyle : config.icon === 'error' ? errrorStyle : successStyle;
-            this.icon.setAttribute('style', inlineStyle({
-                ...iconStyle,
-                ...(config.icon === 'none' ? { display: 'none' } : {})
-            }));
+            this.icon.setAttribute('style', inlineStyle(Object.assign(Object.assign({}, iconStyle), (config.icon === 'none' ? { display: 'none' } : {}))));
         }
         // toast
         this.toast = document.createElement('div');
-        this.toast.setAttribute('style', inlineStyle({
-            ...toastStyle,
-            ...(config.icon === 'none' ? {
-                'min-height': '0',
-                padding: '10px 15px'
-            } : {})
-        }));
+        this.toast.setAttribute('style', inlineStyle(Object.assign(Object.assign({}, toastStyle), (config.icon === 'none' ? {
+            'min-height': '0',
+            padding: '10px 15px'
+        } : {}))));
         // title
         this.title = document.createElement('p');
         this.title.setAttribute('style', inlineStyle(textStyle));
@@ -134,11 +121,7 @@ export default class Toast {
         return '';
     }
     show(options = {}, _type = 'toast') {
-        const config = {
-            ...this.options,
-            ...options,
-            _type
-        };
+        const config = Object.assign(Object.assign(Object.assign({}, this.options), options), { _type });
         if (this.hideOpacityTimer)
             clearTimeout(this.hideOpacityTimer);
         if (this.hideDisplayTimer)
@@ -150,28 +133,19 @@ export default class Toast {
         // image
         const { toastStyle, successStyle, errrorStyle, loadingStyle, imageStyle } = this.style;
         if (config.image) {
-            this.icon.setAttribute('style', inlineStyle({
-                ...imageStyle,
-                'background-image': `url(${config.image})`
-            }));
+            this.icon.setAttribute('style', inlineStyle(Object.assign(Object.assign({}, imageStyle), { 'background-image': `url(${config.image})` })));
         }
         else {
             if (!config.image && config.icon) {
                 const iconStyle = config.icon === 'loading' ? loadingStyle : config.icon === 'error' ? errrorStyle : successStyle;
-                this.icon.setAttribute('style', inlineStyle({
-                    ...iconStyle,
-                    ...(config.icon === 'none' ? { display: 'none' } : {})
-                }));
+                this.icon.setAttribute('style', inlineStyle(Object.assign(Object.assign({}, iconStyle), (config.icon === 'none' ? { display: 'none' } : {}))));
             }
         }
         // toast
-        this.toast.setAttribute('style', inlineStyle({
-            ...toastStyle,
-            ...(config.icon === 'none' ? {
-                'min-height': '0',
-                padding: '10px 15px'
-            } : {})
-        }));
+        this.toast.setAttribute('style', inlineStyle(Object.assign(Object.assign({}, toastStyle), (config.icon === 'none' ? {
+            'min-height': '0',
+            padding: '10px 15px'
+        } : {}))));
         // show
         this.el.style.display = 'block';
         setTimeout(() => { this.el.style.opacity = '1'; }, 0);

package/dist/api/utils/animation.js

@@ -0,0 +1,14 @@
+/**
+ * ease-in-out的函数
+ * @param t 0-1的数字
+ */
+export const easeInOut = (t) => (t < 0.5 ? 4 * t * t * t : (t - 1) * (2 * t - 2) * (2 * t - 2) + 1);
+export const getTimingFunc = (easeFunc, frameCnt) => {
+    return x => {
+        if (frameCnt <= 1) {
+            return easeFunc(1);
+        }
+        const t = x / (frameCnt - 1);
+        return easeFunc(t);
+    };
+};

package/dist/api/utils/index.js

@@ -122,13 +122,6 @@ export function permanentlyNotSupport(apiName) {
         }
     };
 }
-export function isFunction(obj) {
-    return typeof obj === 'function';
-}
-const VALID_COLOR_REG = /^#[0-9a-fA-F]{6}$/;
-export const isValidColor = (color) => {
-    return VALID_COLOR_REG.test(color);
-};
 export function processOpenApi({ name, defaultOptions, standardMethod, formatOptions = options => options, formatResult = res => res }) {
     const notSupported = weixinCorpSupport(name);
     return (options = {}) => {
@@ -161,17 +154,6 @@ export function processOpenApi({ name, defaultOptions, standardMethod, formatOpt
         }
     };
 }
-/**
- * ease-in-out的函数
- * @param t 0-1的数字
- */
-export const easeInOut = (t) => t < 0.5 ? 4 * t * t * t : (t - 1) * (2 * t - 2) * (2 * t - 2) + 1;
-export const getTimingFunc = (easeFunc, frameCnt) => {
-    return x => {
-        if (frameCnt <= 1) {
-            return easeFunc(1);
-        }
-        const t = x / (frameCnt - 1);
-        return easeFunc(t);
-    };
-};
+export * from './animation';
+export * from './lodash';
+export * from './valid';

package/dist/api/utils/lodash.js

@@ -0,0 +1,29 @@
+export function throttle(fn, threshold = 250, scope) {
+    let lastTime = 0;
+    let deferTimer;
+    return function (...args) {
+        const context = scope || this;
+        const now = Date.now();
+        if (now - lastTime > threshold) {
+            fn.apply(this, args);
+            lastTime = now;
+        }
+        else {
+            clearTimeout(deferTimer);
+            deferTimer = setTimeout(() => {
+                lastTime = now;
+                fn.apply(context, args);
+            }, threshold);
+        }
+    };
+}
+export function debounce(fn, ms = 250, scope) {
+    let timer;
+    return function (...args) {
+        const context = scope || this;
+        clearTimeout(timer);
+        timer = setTimeout(function () {
+            fn.apply(context, args);
+        }, ms);
+    };
+}

package/dist/api/utils/valid.js

@@ -0,0 +1,7 @@
+export function isFunction(obj) {
+    return typeof obj === 'function';
+}
+const VALID_COLOR_REG = /^#[0-9a-fA-F]{6}$/;
+export const isValidColor = (color) => {
+    return VALID_COLOR_REG.test(color);
+};

package/dist/dist/api/taro.d.ts

@@ -1,5 +1,5 @@
 import Taro from '@tarojs/api';
-import { history, createRouter } from '@tarojs/router';
+import { history } from '@tarojs/router';
 declare const Behavior: any, getEnv: any, ENV_TYPE: any, Link: any, interceptors: any, Current: any, options: any, eventCenter: any, Events: any, preload: any;
 declare const taro: typeof Taro;
 declare const initPxTransform: any;
@@ -9,4 +9,4 @@ declare const requirePlugin: () => Promise<{
 declare const pxTransform: (size: any) => string;
 declare const canIUseWebp: () => boolean;
 export default taro;
-export { Behavior, getEnv, ENV_TYPE, Link, interceptors, initPxTransform, Current, options, eventCenter, Events, preload, requirePlugin, pxTransform, canIUseWebp, history, createRouter };
+export { Behavior, getEnv, ENV_TYPE, Link, interceptors, initPxTransform, Current, options, eventCenter, Events, preload, requirePlugin, pxTransform, canIUseWebp, history };

package/dist/dist/api/utils/animation.d.ts

@@ -0,0 +1,6 @@
+/**
+ * ease-in-out的函数
+ * @param t 0-1的数字
+ */
+export declare const easeInOut: (t: number) => number;
+export declare const getTimingFunc: (easeFunc: any, frameCnt: any) => (x: any) => any;

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

@@ -26,8 +26,6 @@ export declare function weixinCorpSupport(apiName: any): () => Promise<{
 export declare function permanentlyNotSupport(apiName: any): () => Promise<{
     errMsg: string;
 }>;
-export declare function isFunction(obj: any): boolean;
-export declare const isValidColor: (color: any) => boolean;
 interface IProcessOpenApi<TOptions = Record<string, unknown>, TResult extends TaroGeneral.CallbackResult = any> {
     name: string;
     defaultOptions?: TOptions;
@@ -36,10 +34,6 @@ interface IProcessOpenApi<TOptions = Record<string, unknown>, TResult extends Ta
     formatResult?: (res: TResult) => TResult;
 }
 export declare function processOpenApi<TOptions = Record<string, unknown>, TResult extends TaroGeneral.CallbackResult = any>({ name, defaultOptions, standardMethod, formatOptions, formatResult }: IProcessOpenApi<TOptions, TResult>): (options?: Partial<TOptions>) => Promise<TResult>;
-/**
- * ease-in-out的函数
- * @param t 0-1的数字
- */
-export declare const easeInOut: (t: number) => number;
-export declare const getTimingFunc: (easeFunc: any, frameCnt: any) => (x: any) => any;
-export {};
+export * from './animation';
+export * from './lodash';
+export * from './valid';

package/dist/dist/api/utils/lodash.d.ts

@@ -0,0 +1,2 @@
+export declare function throttle(fn: any, threshold?: number, scope?: any): (...args: any[]) => void;
+export declare function debounce(fn: any, ms?: number, scope?: any): (...args: any[]) => void;

package/dist/dist/api/utils/valid.d.ts

@@ -0,0 +1,2 @@
+export declare function isFunction(obj: any): boolean;
+export declare const isValidColor: (color: any) => boolean;