@tarojs/runtime 4.0.0-canary.9 → 4.0.0

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, 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);
 
@@ -417,11 +427,19 @@ const URLSearchParams = process.env.TARO_PLATFORM === 'web' ? env.window.URLSear
                 for (let pairs = query.split('&'), i = 0, length = pairs.length; i < length; i++) {
                     const value = pairs[i];
                     const index = value.indexOf('=');
-                    if (index > -1) {
-                        appendTo(dict, decode(value.slice(0, index)), decode(value.slice(index + 1)));
+                    // 针对不规范的 url 参数做容错处理，如：word=你%好
+                    try {
+                        if (index > -1) {
+                            appendTo(dict, decode(value.slice(0, index)), decode(value.slice(index + 1)));
+                        }
+                        else if (value.length) {
+                            appendTo(dict, decode(value), '');
+                        }
                     }
-                    else if (value.length) {
-                        appendTo(dict, decode(value), '');
+                    catch (err) {
+                        if (process.env.NODE_ENV !== 'production') {
+                            console.warn(`[Taro warn] URL 参数 ${value} decode 异常`);
+                        }
                     }
                 }
             }
@@ -973,12 +991,12 @@ let now;
 let lastTime = 0;
 // https://gist.github.com/paulirish/1579671
 // https://gist.github.com/jalbam/5fe05443270fa6d8136238ec72accbc0
-const _raf = typeof requestAnimationFrame !== 'undefined' && requestAnimationFrame !== null ? requestAnimationFrame : function (callback) {
+const _raf = process.env.TARO_PLATFORM === 'web' ? requestAnimationFrame : function (callback) {
     const _now = now();
     const nextTime = Math.max(lastTime + 16, _now); // First time will execute it immediately but barely noticeable and performance is gained.
     return setTimeout(function () { callback(lastTime = nextTime); }, nextTime - _now);
 };
-const _caf = typeof cancelAnimationFrame !== 'undefined' && cancelAnimationFrame !== null
+const _caf = process.env.TARO_PLATFORM === 'web'
     ? cancelAnimationFrame
     : function (seed) {
         // fix https://github.com/NervJS/taro/issues/7749
@@ -1298,6 +1316,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 +1348,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 +1379,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 +1653,7 @@ class TaroNode extends TaroEventTarget {
                 : [],
             nextSibling: isReplace
                 ? refChild.nextSibling /** replaceChild */
-                : (refChild || null),
+                : (refChild || null), /** insertBefore & appendChild */
             previousSibling: newChild.previousSibling
         });
         return newChild;
@@ -2952,7 +2977,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 +2987,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 +3288,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 +3317,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 !== 'web' && !(process.env.TARO_PLATFORM === 'harmony' || process.env.TARO_ENV === 'harmony')) {
     if (ENABLE_INNER_HTML) {
         TaroNode.extend('innerHTML', {
             set(html) {
@@ -3351,14 +3375,15 @@ class TaroEvent {
         this.defaultPrevented = true;
     }
     get target() {
-        var _a, _b, _c, _d;
+        var _a, _b, _c, _d, _e;
         const cacheTarget = this.cacheTarget;
         if (!cacheTarget) {
             const target = Object.create(((_a = this.mpEvent) === null || _a === void 0 ? void 0 : _a.target) || null);
+            const currentEle = env.document.getElementById(((_b = target.dataset) === null || _b === void 0 ? void 0 : _b.sid) || target.id || null);
             // Note：优先判断冒泡场景alipay的targetDataset的sid, 不然冒泡场景target属性吐出不对，其余拿取当前绑定id
-            const element = env.document.getElementById(((_b = target.targetDataset) === null || _b === void 0 ? void 0 : _b.sid) || ((_c = target.dataset) === null || _c === void 0 ? void 0 : _c.sid) || target.id || null);
-            target.dataset = element !== null ? element.dataset : EMPTY_OBJ;
-            for (const key in (_d = this.mpEvent) === null || _d === void 0 ? void 0 : _d.detail) {
+            const element = env.document.getElementById(((_c = target.targetDataset) === null || _c === void 0 ? void 0 : _c.sid) || ((_d = target.dataset) === null || _d === void 0 ? void 0 : _d.sid) || target.id || null);
+            target.dataset = Object.assign(Object.assign({}, (currentEle !== null ? currentEle.dataset : EMPTY_OBJ)), (element !== null ? element.dataset : EMPTY_OBJ));
+            for (const key in (_e = this.mpEvent) === null || _e === void 0 ? void 0 : _e.detail) {
                 target[key] = this.mpEvent.detail[key];
             }
             this.cacheTarget = target;
@@ -3494,7 +3519,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 +3527,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 +3539,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 +4109,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 +4808,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 +4824,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 +5061,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