@tarojs/runtime 4.0.8-beta.0 → 4.0.8-beta.3

package/dist/runtime.esm.js

@@ -23,6 +23,7 @@ const FOCUS = 'focus';
 const VIEW = 'view';
 const STATIC_VIEW = 'static-view';
 const PURE_VIEW = 'pure-view';
+const CLICK_VIEW = 'click-view';
 const PROPS = 'props';
 const DATASET = 'dataset';
 const OBJECT = 'object';
@@ -42,7 +43,6 @@ const SET_TIMEOUT = 'setTimeout';
 const COMPILE_MODE = 'compileMode';
 const CATCHMOVE = 'catchMove';
 const CATCH_VIEW = 'catch-view';
-const CLICK_VIEW = 'click-view';
 const COMMENT = 'comment';
 const ON_LOAD = 'onLoad';
 const ON_READY = 'onReady';
@@ -689,7 +689,7 @@ function parseUrl(url = '') {
     result.search = matches[10] || '';
     result.hash = matches[12] || '';
     result.href = url;
-    result.origin = result.protocol + '//' + result.hostname;
+    result.origin = result.protocol + '//' + result.hostname + (result.port ? `:${result.port}` : '');
     result.host = result.hostname + (result.port ? `:${result.port}` : '');
     return result;
 }
@@ -1335,14 +1335,16 @@ function hydrate(node) {
     if (node.uid !== node.sid) {
         data.uid = node.uid;
     }
-    if (!node.isAnyEventBinded() && SPECIAL_NODES.indexOf(nodeName) > -1) {
-        data["nn" /* Shortcuts.NodeName */] = `static-${nodeName}`;
-        if (nodeName === VIEW && !isHasExtractProp(node)) {
-            data["nn" /* Shortcuts.NodeName */] = PURE_VIEW;
+    if (SPECIAL_NODES.indexOf(nodeName) > -1) {
+        if (!node.isAnyEventBinded()) {
+            data["nn" /* Shortcuts.NodeName */] = `static-${nodeName}`;
+            if (nodeName === VIEW && !isHasExtractProp(node)) {
+                data["nn" /* Shortcuts.NodeName */] = PURE_VIEW;
+            }
+        }
+        if (nodeName === VIEW && node.isOnlyClickBinded() && !isHasExtractProp(node)) {
+            data["nn" /* Shortcuts.NodeName */] = CLICK_VIEW;
         }
-    }
-    if (nodeName === VIEW && node.isOnlyClickBinded()) {
-        data["nn" /* Shortcuts.NodeName */] = CLICK_VIEW;
     }
     const { props } = node;
     for (const prop in props) {
@@ -1761,6 +1763,7 @@ const WEBKIT = 'webkit';
 const styleProperties = [
     'all',
     'appearance',
+    'backdropFilter',
     'blockOverflow',
     'blockSize',
     'bottom',
@@ -2256,6 +2259,7 @@ class TaroElement extends TaroNode {
         const componentsAlias = getComponentsAlias();
         const _alias = componentsAlias[this.nodeName];
         const viewAlias = componentsAlias[VIEW]._num;
+        const clickViewAlias = componentsAlias[CLICK_VIEW]._num;
         const staticViewAlias = componentsAlias[STATIC_VIEW]._num;
         const catchViewAlias = componentsAlias[CATCH_VIEW]._num;
         const _path = this._path;
@@ -2274,10 +2278,10 @@ class TaroElement extends TaroNode {
         if (this.nodeName === VIEW) {
             if (qualifiedNameInCamelCase === CATCHMOVE) {
                 // catchMove = true: catch-view
-                // catchMove = false: view or static-view
+                // catchMove = false: view or click-view or static-view
                 this.enqueueUpdate({
                     path: `${_path}.${"nn" /* Shortcuts.NodeName */}`,
-                    value: value ? catchViewAlias : (this.isAnyEventBinded() ? viewAlias : staticViewAlias)
+                    value: value ? catchViewAlias : (this.isOnlyClickBinded() && !isHasExtractProp(this) ? clickViewAlias : (this.isAnyEventBinded() ? viewAlias : staticViewAlias))
                 });
             }
             else if (isPureView && isHasExtractProp(this)) {
@@ -2318,6 +2322,7 @@ class TaroElement extends TaroNode {
         const viewAlias = componentsAlias[VIEW]._num;
         const staticViewAlias = componentsAlias[STATIC_VIEW]._num;
         const pureViewAlias = componentsAlias[PURE_VIEW]._num;
+        const clickViewAlias = componentsAlias[CLICK_VIEW]._num;
         const _path = this._path;
         qualifiedName = shortcutAttr(qualifiedName);
         const qualifiedNameInCamelCase = toCamelCase(qualifiedName);
@@ -2333,10 +2338,10 @@ class TaroElement extends TaroNode {
         this.enqueueUpdate(payload);
         if (this.nodeName === VIEW) {
             if (qualifiedNameInCamelCase === CATCHMOVE) {
-                // catch-view => view or static-view or pure-view
+                // catch-view => view or click-view or static-view or pure-view
                 this.enqueueUpdate({
                     path: `${_path}.${"nn" /* Shortcuts.NodeName */}`,
-                    value: this.isAnyEventBinded() ? viewAlias : (isHasExtractProp(this) ? staticViewAlias : pureViewAlias)
+                    value: this.isOnlyClickBinded() && !isHasExtractProp(this) ? clickViewAlias : (this.isAnyEventBinded() ? viewAlias : (isHasExtractProp(this) ? staticViewAlias : pureViewAlias))
                 });
             }
             else if (isStaticView && !isHasExtractProp(this)) {
@@ -3120,7 +3125,7 @@ function parser(html, document) {
     html = styleTagParser.extractStyle(html);
     const tokens = new Scaner(html).scan();
     const root = { tagName: '', children: [], type: 'element', attributes: [] };
-    const state = { tokens, options, cursor: 0, stack: [root] };
+    const state = { tokens, cursor: 0, stack: [root] };
     parse(state);
     return format(root.children, document, {
         styleTagParser,
@@ -3240,6 +3245,13 @@ function getBoundingClientRectImpl() {
         return Promise.resolve(null);
     return new Promise(resolve => {
         const query = options.miniGlobal.createSelectorQuery();
+        // ref: https://opendocs.alipay.com/mini/api/na4yun
+        if (process.env.TARO_ENV === 'alipay') {
+            query.select(`#${this.uid}`).boundingClientRect().exec(res => {
+                resolve(res);
+            });
+            return;
+        }
         query.select(`#${this.uid}`).boundingClientRect(res => {
             resolve(res);
         }).exec();
@@ -3629,18 +3641,8 @@ class TaroRootElement extends TaroElement {
         return this;
     }
     scheduleTask(fn) {
-        if (isFunction(Promise)) {
-            Promise.resolve()
-                .then(fn)
-                .catch((error) => {
-                setTimeout(() => {
-                    throw error;
-                });
-            });
-        }
-        else {
-            setTimeout(fn);
-        }
+        // 这里若使用微任务可略微提前setData的执行时机，但在部分场景下可能会出现连续setData两次，造成更大的性能问题
+        setTimeout(fn);
     }
     enqueueUpdate(payload) {
         this.updatePayloads.push(payload);
@@ -4143,19 +4145,34 @@ function createPageConfig(component, pageName, data, pageConfig) {
     }
     LIFECYCLES.forEach((lifecycle) => {
         let isDefer = false;
+        let isEvent = false;
         lifecycle = lifecycle.replace(/^defer:/, () => {
             isDefer = true;
             return '';
         });
-        config[lifecycle] = function () {
-            const exec = () => safeExecute(this.$taroPath, lifecycle, ...arguments);
-            if (isDefer) {
-                hasLoaded.then(exec);
-            }
-            else {
-                return exec();
-            }
-        };
+        lifecycle = lifecycle.replace(/^events:/, () => {
+            isEvent = true;
+            return '';
+        });
+        if (isEvent && process.env.TARO_ENV === 'alipay') {
+            // 初始化 config.events 对象
+            if (!config.events)
+                config.events = {};
+            config.events[lifecycle] = function () {
+                return safeExecute(this.$taroPath, lifecycle, ...arguments);
+            };
+        }
+        else {
+            config[lifecycle] = function () {
+                const exec = () => safeExecute(this.$taroPath, lifecycle, ...arguments);
+                if (isDefer) {
+                    hasLoaded.then(exec);
+                }
+                else {
+                    return exec();
+                }
+            };
+        }
     });
     // onShareAppMessage 和 onShareTimeline 一样，会影响小程序右上方按钮的选项，因此不能默认注册。
     SIDE_EFFECT_LIFECYCLES.forEach(lifecycle => {
@@ -4257,6 +4274,11 @@ function createRecursiveComponentConfig(componentName) {
             }
         }
         : EMPTY_OBJ;
+    // 不同平台的个性化配置
+    const extraOptions = {};
+    if (process.env.TARO_ENV === 'jd') {
+        extraOptions.addGlobalClass = true;
+    }
     return hooks.call('modifyRecursiveComponentConfig', Object.assign({ properties: {
             i: {
                 type: Object,
@@ -4268,10 +4290,7 @@ function createRecursiveComponentConfig(componentName) {
                 type: String,
                 value: ''
             }
-        }, options: {
-            addGlobalClass: true,
-            virtualHost: !isCustomWrapper
-        }, methods: {
+        }, options: Object.assign(Object.assign({}, extraOptions), { virtualHost: !isCustomWrapper }), methods: {
             eh: eventHandler
         } }, lifeCycles), { isCustomWrapper });
 }
@@ -4632,10 +4651,7 @@ function handleIntersectionObserverObjectPolyfill() {
                 target: target,
                 boundingClientRect: targetRect,
                 rootBounds: rootRect,
-                intersectionRect: intersectionRect,
-                intersectionRatio: -1,
-                isIntersecting: false,
-            });
+                intersectionRect: intersectionRect});
             if (!oldEntry) {
                 this._queuedEntries.push(newEntry);
             }
@@ -4835,7 +4851,7 @@ function handleIntersectionObserverObjectPolyfill() {
      */
     function addEvent(node, event, fn, opt_useCapture) {
         if (isFunction(node.addEventListener)) {
-            node.addEventListener(event, fn, opt_useCapture );
+            node.addEventListener(event, fn, opt_useCapture);
         }
         else if (isFunction(node.attachEvent)) {
             node.attachEvent('on' + event, fn);
@@ -4851,7 +4867,7 @@ function handleIntersectionObserverObjectPolyfill() {
      */
     function removeEvent(node, event, fn, opt_useCapture) {
         if (isFunction(node.removeEventListener)) {
-            node.removeEventListener(event, fn, opt_useCapture );
+            node.removeEventListener(event, fn, opt_useCapture);
         }
         else if (isFunction(node.detatchEvent)) {
             node.detatchEvent('on' + event, fn);