@tarojs/runtime 4.0.0-beta.13 → 4.0.0-beta.131

package/dist/runtime.esm.js

@@ -1,4 +1,4 @@
-import { noop, hooks, Events, EMPTY_OBJ, isNumber, isString, isArray, isUndefined, warn, isFunction, getComponentsAlias as getComponentsAlias$1, internalComponents, toCamelCase, isObject, ensure, isNull, toDashed, controlledComponent } from '@tarojs/shared';
+import { noop, hooks, Events, EMPTY_OBJ, isNumber, isString, isArray, isUndefined, warn, isFunction, getComponentsAlias as getComponentsAlias$1, internalComponents, toCamelCase, isObject, ensure, isNull, toDashed, PLATFORM_TYPE, controlledComponent, EventChannel } from '@tarojs/shared';
 export { Events, hooks } from '@tarojs/shared';
 import { __classPrivateFieldSet, __classPrivateFieldGet } from 'tslib';
 
@@ -218,6 +218,16 @@ function throttle(fn, threshold = 250, scope) {
         }
     };
 }
+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);
+    };
+}
 
 const eventCenter = hooks.call('getEventCenter', Events);
 
@@ -1298,6 +1308,7 @@ function hydrate(node) {
     // 初始化 SPECIAL_NODES
     SPECIAL_NODES || (SPECIAL_NODES = hooks.call('getSpecialNodes'));
     const nodeName = node.nodeName;
+    let compileModeName = null;
     if (isText(node)) {
         return {
             sid: node.sid,
@@ -1329,11 +1340,14 @@ function hydrate(node) {
             propInCamelCase !== COMPILE_MODE) {
             data[propInCamelCase] = props[prop];
         }
-        if (nodeName === VIEW && propInCamelCase === CATCHMOVE && props[prop] !== false) {
+        if (process.env.TARO_ENV !== 'swan' &&
+            nodeName === VIEW &&
+            propInCamelCase === CATCHMOVE &&
+            props[prop] !== false) {
             data["nn" /* Shortcuts.NodeName */] = CATCH_VIEW;
         }
         if (propInCamelCase === COMPILE_MODE) {
-            data["nn" /* Shortcuts.NodeName */] = props[prop];
+            compileModeName = props[prop];
         }
     }
     // Children
@@ -1357,6 +1371,9 @@ function hydrate(node) {
             }
         }
     }
+    if (compileModeName !== null) {
+        data["nn" /* Shortcuts.NodeName */] = compileModeName;
+    }
     const resData = hooks.call('transferHydrateData', data, node, componentAlias);
     return resData || data;
 }
@@ -1628,7 +1645,7 @@ class TaroNode extends TaroEventTarget {
                 : [],
             nextSibling: isReplace
                 ? refChild.nextSibling /** replaceChild */
-                : (refChild || null),
+                : (refChild || null), /** insertBefore & appendChild */
             previousSibling: newChild.previousSibling
         });
         return newChild;
@@ -2952,7 +2969,7 @@ function makeMap(str, expectsLowerCase) {
     for (let i = 0; i < list.length; i++) {
         map[list[i]] = true;
     }
-    return expectsLowerCase ? val => !!map[val.toLowerCase()] : val => !!map[val];
+    return val => !!map[val.toLowerCase()] ;
 }
 const specialMiniElements = {
     img: 'image',
@@ -2962,11 +2979,11 @@ const internalCompsList = Object.keys(internalComponents)
     .map(i => i.toLowerCase())
     .join(',');
 // https://developers.weixin.qq.com/miniprogram/dev/component
-const isMiniElements = makeMap(internalCompsList, true);
+const isMiniElements = makeMap(internalCompsList);
 // https://developer.mozilla.org/en-US/docs/Web/HTML/Inline_elements
-const isInlineElements = makeMap('a,i,abbr,iframe,select,acronym,slot,small,span,bdi,kbd,strong,big,map,sub,sup,br,mark,mark,meter,template,canvas,textarea,cite,object,time,code,output,u,data,picture,tt,datalist,var,dfn,del,q,em,s,embed,samp,b', true);
+const isInlineElements = makeMap('a,i,abbr,iframe,select,acronym,slot,small,span,bdi,kbd,strong,big,map,sub,sup,br,mark,mark,meter,template,canvas,textarea,cite,object,time,code,output,u,data,picture,tt,datalist,var,dfn,del,q,em,s,embed,samp,b');
 // https://developer.mozilla.org/en-US/docs/Web/HTML/Block-level_elements
-const isBlockElements = makeMap('address,fieldset,li,article,figcaption,main,aside,figure,nav,blockquote,footer,ol,details,form,p,dialog,h1,h2,h3,h4,h5,h6,pre,dd,header,section,div,hgroup,table,dl,hr,ul,dt', true);
+const isBlockElements = makeMap('address,fieldset,li,article,figcaption,main,aside,figure,nav,blockquote,footer,ol,details,form,p,dialog,h1,h2,h3,h4,h5,h6,pre,dd,header,section,div,hgroup,table,dl,hr,ul,dt');
 
 const closingTagAncestorBreakers = {
     li: ['ul', 'ol', 'menu'],
@@ -3263,6 +3280,7 @@ function cloneNode(isDeep = false) {
     }
     for (const key in this) {
         const value = this[key];
+        // eslint-disable-next-line valid-typeof
         if ([PROPS, DATASET].includes(key) && typeof value === OBJECT) {
             newNode[key] = Object.assign({}, value);
         }
@@ -3291,9 +3309,7 @@ function contains(node) {
     return isContains;
 }
 
-const isWeb = process.env.TARO_PLATFORM === 'web';
-const isHarmony = process.env.TARO_PLATFORM === 'harmony' || process.env.TARO_ENV === 'harmony';
-if (!isWeb && !isHarmony) {
+if (process.env.TARO_PLATFORM !== PLATFORM_TYPE.WEB && process.env.TARO_PLATFORM !== PLATFORM_TYPE.HARMONY) {
     if (ENABLE_INNER_HTML) {
         TaroNode.extend('innerHTML', {
             set(html) {
@@ -3494,7 +3510,7 @@ class FormElement extends TaroElement {
             else if (event.type === INPUT) {
                 // Web 规范中表单组件的 value 应该跟着输入改变
                 // 只是改 this.props.value 的话不会进行 setData，因此这里修改 this.value。
-                // 只测试了 React、Vue、Vue3 input 组件的 onInput 事件，onChange 事件不确定有没有副作用，所以暂不修改。
+                // 只测试了 React、Vue3 input 组件的 onInput 事件，onChange 事件不确定有没有副作用，所以暂不修改。
                 this.value = val;
             }
         }
@@ -3502,8 +3518,10 @@ class FormElement extends TaroElement {
     }
 }
 
+var _Performance_instances, _Performance_parseTime;
 class Performance {
     constructor() {
+        _Performance_instances.add(this);
         this.recorder = new Map();
     }
     start(id) {
@@ -3512,18 +3530,32 @@ class Performance {
         }
         this.recorder.set(id, Date.now());
     }
-    stop(id) {
+    stop(id, now = Date.now()) {
         if (!options.debug) {
             return;
         }
-        const now = Date.now();
         const prev = this.recorder.get(id);
+        if (!(prev >= 0))
+            return;
         this.recorder.delete(id);
         const time = now - prev;
         // eslint-disable-next-line no-console
-        console.log(`${id} 时长： ${time}ms`);
+        console.log(`${id} 时长： ${time}ms 开始时间：${__classPrivateFieldGet(this, _Performance_instances, "m", _Performance_parseTime).call(this, prev)} 结束时间：${__classPrivateFieldGet(this, _Performance_instances, "m", _Performance_parseTime).call(this, now)}`);
+    }
+    delayStop(id, delay = 500) {
+        if (!options.debug) {
+            return;
+        }
+        return debounce((now = Date.now(), cb) => {
+            this.stop(id, now);
+            cb === null || cb === void 0 ? void 0 : cb();
+        }, delay);
     }
 }
+_Performance_instances = new WeakSet(), _Performance_parseTime = function _Performance_parseTime(time) {
+    const d = new Date(time);
+    return `${d.getHours()}:${d.getMinutes()}:${d.getSeconds()}.${`${d.getMilliseconds()}`.padStart(3, '0')}`;
+};
 const perf = new Performance();
 
 function findCustomWrapper(root, dataPathArr) {
@@ -4068,6 +4100,11 @@ function createPageConfig(component, pageName, data, pageConfig) {
             eventCenter.trigger(getOnHideEventKey(id));
         }
     };
+    if (process.env.TARO_PLATFORM === 'web') {
+        config.getOpenerEventChannel = () => {
+            return EventChannel.pageChannel;
+        };
+    }
     LIFECYCLES.forEach((lifecycle) => {
         let isDefer = false;
         lifecycle = lifecycle.replace(/^defer:/, () => {
@@ -4762,7 +4799,7 @@ function handleIntersectionObserverObjectPolyfill() {
      */
     function addEvent(node, event, fn, opt_useCapture) {
         if (isFunction(node.addEventListener)) {
-            node.addEventListener(event, fn, opt_useCapture || false);
+            node.addEventListener(event, fn, opt_useCapture );
         }
         else if (isFunction(node.attachEvent)) {
             node.attachEvent('on' + event, fn);
@@ -4778,7 +4815,7 @@ function handleIntersectionObserverObjectPolyfill() {
      */
     function removeEvent(node, event, fn, opt_useCapture) {
         if (isFunction(node.removeEventListener)) {
-            node.removeEventListener(event, fn, opt_useCapture || false);
+            node.removeEventListener(event, fn, opt_useCapture );
         }
         else if (isFunction(node.detatchEvent)) {
             node.detatchEvent('on' + event, fn);
@@ -5015,5 +5052,5 @@ if (process.env.SUPPORT_TARO_POLYFILL !== 'disabled' && process.env.TARO_PLATFOR
     handlePolyfill();
 }
 
-export { A, APP, BEHAVIORS, BODY, CATCHMOVE, CATCH_VIEW, CHANGE, CLASS, COMMENT, COMPILE_MODE, CONFIRM, CONTAINER, CONTEXT_ACTIONS, CURRENT_TARGET, CUSTOM_WRAPPER, Current, DATASET, DATE, DOCUMENT_ELEMENT_NAME, DOCUMENT_FRAGMENT, EVENT_CALLBACK_RESULT, EXTERNAL_CLASSES, FOCUS, FormElement, HEAD, HOOKS_APP_ID, HTML, History, ID, INPUT, KEY_CODE, Location, MutationObserver$1 as MutationObserver, OBJECT, ON_HIDE, ON_LOAD, ON_READY, ON_SHOW, OPTIONS, PAGE_INIT, PROPERTY_THRESHOLD, PROPS, PURE_VIEW, ROOT_STR, SET_DATA, SET_TIMEOUT, STATIC_VIEW, STYLE, SVGElement, Style, TARGET, TARO_RUNTIME, TIME_STAMP, TOUCHMOVE, TYPE, TaroElement, TaroEvent, TaroNode, TaroRootElement, TaroText, UID, URL, URLSearchParams, VALUE, VIEW, addLeadingSlash, _caf as cancelAnimationFrame, convertNumber2PX, createComponentConfig, createEvent, createPageConfig, createRecursiveComponentConfig, customWrapperCache, document$1 as document, env, eventCenter, eventHandler, eventSource, extend, getComponentsAlias, getComputedStyle, getCurrentInstance, getCurrentPage, getHomePage, getOnHideEventKey, getOnReadyEventKey, getOnShowEventKey, getPageInstance, getPath, handlePolyfill, hasBasename, history, hydrate, incrementId, injectPageInstance, isComment, isElement, isHasExtractProp, isParentBinded, isText, location, nav as navigator, nextTick, now, options, parseUrl, removePageInstance, _raf as requestAnimationFrame, safeExecute, shortcutAttr, stringify, stripBasename, stripSuffix, stripTrailing, throttle, window$1 as window };
+export { A, APP, BEHAVIORS, BODY, CATCHMOVE, CATCH_VIEW, CHANGE, CLASS, COMMENT, COMPILE_MODE, CONFIRM, CONTAINER, CONTEXT_ACTIONS, CURRENT_TARGET, CUSTOM_WRAPPER, Current, DATASET, DATE, DOCUMENT_ELEMENT_NAME, DOCUMENT_FRAGMENT, EVENT_CALLBACK_RESULT, EXTERNAL_CLASSES, FOCUS, FormElement, HEAD, HOOKS_APP_ID, HTML, History, ID, INPUT, KEY_CODE, Location, MutationObserver$1 as MutationObserver, OBJECT, ON_HIDE, ON_LOAD, ON_READY, ON_SHOW, OPTIONS, PAGE_INIT, PROPERTY_THRESHOLD, PROPS, PURE_VIEW, ROOT_STR, SET_DATA, SET_TIMEOUT, STATIC_VIEW, STYLE, SVGElement, Style, TARGET, TARO_RUNTIME, TIME_STAMP, TOUCHMOVE, TYPE, TaroElement, TaroEvent, TaroNode, TaroRootElement, TaroText, UID, URL, URLSearchParams, VALUE, VIEW, addLeadingSlash, _caf as cancelAnimationFrame, convertNumber2PX, createComponentConfig, createEvent, createPageConfig, createRecursiveComponentConfig, customWrapperCache, debounce, document$1 as document, env, eventCenter, eventHandler, eventSource, extend, getComponentsAlias, getComputedStyle, getCurrentInstance, getCurrentPage, getHomePage, getOnHideEventKey, getOnReadyEventKey, getOnShowEventKey, getPageInstance, getPath, handlePolyfill, hasBasename, history, hydrate, incrementId, injectPageInstance, isComment, isElement, isHasExtractProp, isParentBinded, isText, location, nav as navigator, nextTick, now, options, parseUrl, perf, removePageInstance, _raf as requestAnimationFrame, safeExecute, shortcutAttr, stringify, stripBasename, stripSuffix, stripTrailing, throttle, window$1 as window };
 //# sourceMappingURL=runtime.esm.js.map