@tarojs/runtime 4.0.0-beta.11 → 4.0.0-beta.110

package/dist/index.cjs.d.ts

@@ -1,9 +1,8 @@
+/// <reference types="node" />
+/// <reference types="react" />
 import { Shortcuts, Events } from "@tarojs/shared";
-import VueCtor from "vue";
-import { ComponentOptions, VNode } from "vue";
 import { Component as Vue3Component } from "@vue/runtime-core";
 import { Component, ComponentClass } from "react";
-import { CombinedVueInstance } from "vue/types/vue";
 declare class ClassList {
     private el;
     private tokenList;
@@ -649,14 +648,6 @@ interface Instance<T = Record<string, any>> extends Component<T>, Show, PageInst
     $nextTick?(cb: () => void): void;
     $options: Instance;
 }
-interface VueAppInstance extends ComponentOptions<VueCtor> {
-    $options: AppInstance;
-}
-type VueInstance<M = Record<string, any>, P = Record<string, any>> = CombinedVueInstance<VueCtor, Record<string, any>, M, P, Record<never, any>> & VueInternal;
-interface VueInternal {
-    _render(): VNode;
-    _update(vnode: VNode, hyrate: boolean): void;
-}
 interface PageProps {
     tid?: string;
 }
@@ -706,6 +697,8 @@ interface PageInstance extends PageLifeCycle {
     options?: Record<string, unknown>;
     /** 页面渲染引擎类型 */
     renderer?: "webview" | "skyline";
+    /** 获得一个 EventChannel 对象，用于页面间通讯 */
+    getOpenerEventChannel?(): Record<string, any>;
 }
 interface Show {
     componentDidShow?(): void;
@@ -715,8 +708,8 @@ interface Show {
 }
 interface AppInstance extends Show {
     componentDidShow?(options?: Record<string, unknown>): void;
-    mount?(component: React.ComponentClass | ComponentOptions<VueCtor> | Vue3Component, id: string, cb: (...args: any[]) => void): void;
-    mount?(component: React.ComponentClass | ComponentOptions<VueCtor> | Vue3Component, id: string, getCtx: (...args: any[]) => void, cb: (...args: any[]) => void): void;
+    mount?(component: React.ComponentClass | Vue3Component, id: string, cb: (...args: any[]) => void): void;
+    mount?(component: React.ComponentClass | Vue3Component, id: string, getCtx: (...args: any[]) => void, cb: (...args: any[]) => void): void;
     onError?(error: string): void;
     onLaunch?(options?: Record<string, unknown>): void;
     onPageNotFound?(res: any): void;
@@ -770,6 +763,14 @@ declare function createRecursiveComponentConfig(componentName?: string): any;
 declare function hydrate(node: TaroElement | TaroText): MiniData;
 declare const nextTick: (cb: TFunc, ctx?: Record<string, any>) => void;
 declare const options: Options;
+declare class Performance {
+    #private;
+    private recorder;
+    start(id: string): void;
+    stop(id: string, now?: number): void;
+    delayStop(id: string, delay?: number): ((...args: any[]) => void) | undefined;
+}
+declare const perf: Performance;
 declare const incrementId: () => () => string;
 declare function isElement(node: TaroNode): node is TaroElement;
 declare function isText(node: TaroNode): node is TaroText;
@@ -790,6 +791,7 @@ declare function extend(ctor: Ctor, methodName: string, options: TFunc | Record<
 declare function getComponentsAlias(): any;
 declare function convertNumber2PX(value: number): string;
 declare function throttle(fn: any, threshold?: number, scope?: any): (...args: any[]) => void;
+declare function debounce(fn: any, ms?: number, scope?: any): (...args: any[]) => void;
 // export const removeLeadingSlash = (str = '') => str.replace(/^\.?\//, '')
 // export const removeTrailingSearch = (str = '') => str.replace(/\?[\s\S]*$/, '')
 declare const addLeadingSlash: (url?: string) => string;
@@ -801,4 +803,4 @@ declare const getHomePage: (path?: string, basename?: string, customRoutes?: Rec
 declare const getCurrentPage: (routerMode?: string, basename?: string) => string;
 declare function handlePolyfill(): void;
 export { hooks } from '@tarojs/shared';
-export { document, getComputedStyle, History, Location, nav as navigator, _caf as cancelAnimationFrame, now, _raf as requestAnimationFrame, parseUrl, URL, URLSearchParams, history, location, window, TaroElement, createEvent, eventHandler, TaroEvent, FormElement, TaroNode, TaroRootElement, Style, SVGElement, TaroText, MutationObserver, env, PROPERTY_THRESHOLD, TARO_RUNTIME, HOOKS_APP_ID, SET_DATA, PAGE_INIT, ROOT_STR, HTML, HEAD, BODY, APP, CONTAINER, DOCUMENT_ELEMENT_NAME, DOCUMENT_FRAGMENT, ID, UID, CLASS, STYLE, FOCUS, VIEW, STATIC_VIEW, PURE_VIEW, PROPS, DATASET, OBJECT, VALUE, INPUT, CHANGE, CUSTOM_WRAPPER, TARGET, CURRENT_TARGET, TYPE, CONFIRM, TIME_STAMP, KEY_CODE, TOUCHMOVE, DATE, SET_TIMEOUT, COMPILE_MODE, CATCHMOVE, CATCH_VIEW, COMMENT, ON_LOAD, ON_READY, ON_SHOW, ON_HIDE, OPTIONS, EXTERNAL_CLASSES, EVENT_CALLBACK_RESULT, BEHAVIORS, A, CONTEXT_ACTIONS, Current, getCurrentInstance, eventSource, createComponentConfig, createPageConfig, createRecursiveComponentConfig, getOnHideEventKey, getOnReadyEventKey, getOnShowEventKey, getPageInstance, getPath, injectPageInstance, removePageInstance, safeExecute, stringify, EventsType, eventCenter, Events, hydrate, nextTick, options, incrementId, isElement, isText, isComment, isHasExtractProp, isParentBinded, shortcutAttr, customWrapperCache, extend, getComponentsAlias, convertNumber2PX, throttle, addLeadingSlash, hasBasename, stripBasename, stripTrailing, stripSuffix, getHomePage, getCurrentPage, Instance, VueAppInstance, VueInstance, PageProps, ReactPageComponent, ReactPageInstance, ReactAppInstance, PageLifeCycle, PageInstance, AppInstance, Attributes, EventOptions, MpEvent, EventListenerOptions, AddEventListenerOptions, EventHandler, MpInstance, MiniElementData, MiniTextData, MiniData, HydratedData, UpdatePayloadValue, DataTree, UpdatePayload, Options$1 as Options, TFunc, PageConfig, handlePolyfill };
+export { document, getComputedStyle, History, Location, nav as navigator, _caf as cancelAnimationFrame, now, _raf as requestAnimationFrame, parseUrl, URL, URLSearchParams, history, location, window, TaroElement, createEvent, eventHandler, TaroEvent, FormElement, TaroNode, TaroRootElement, Style, SVGElement, TaroText, MutationObserver, env, PROPERTY_THRESHOLD, TARO_RUNTIME, HOOKS_APP_ID, SET_DATA, PAGE_INIT, ROOT_STR, HTML, HEAD, BODY, APP, CONTAINER, DOCUMENT_ELEMENT_NAME, DOCUMENT_FRAGMENT, ID, UID, CLASS, STYLE, FOCUS, VIEW, STATIC_VIEW, PURE_VIEW, PROPS, DATASET, OBJECT, VALUE, INPUT, CHANGE, CUSTOM_WRAPPER, TARGET, CURRENT_TARGET, TYPE, CONFIRM, TIME_STAMP, KEY_CODE, TOUCHMOVE, DATE, SET_TIMEOUT, COMPILE_MODE, CATCHMOVE, CATCH_VIEW, COMMENT, ON_LOAD, ON_READY, ON_SHOW, ON_HIDE, OPTIONS, EXTERNAL_CLASSES, EVENT_CALLBACK_RESULT, BEHAVIORS, A, CONTEXT_ACTIONS, Current, getCurrentInstance, eventSource, createComponentConfig, createPageConfig, createRecursiveComponentConfig, getOnHideEventKey, getOnReadyEventKey, getOnShowEventKey, getPageInstance, getPath, injectPageInstance, removePageInstance, safeExecute, stringify, EventsType, eventCenter, Events, hydrate, nextTick, options, perf, incrementId, isElement, isText, isComment, isHasExtractProp, isParentBinded, shortcutAttr, customWrapperCache, extend, getComponentsAlias, convertNumber2PX, throttle, debounce, addLeadingSlash, hasBasename, stripBasename, stripTrailing, stripSuffix, getHomePage, getCurrentPage, Instance, PageProps, ReactPageComponent, ReactPageInstance, ReactAppInstance, PageLifeCycle, PageInstance, AppInstance, Attributes, EventOptions, MpEvent, EventListenerOptions, AddEventListenerOptions, EventHandler, MpInstance, MiniElementData, MiniTextData, MiniData, HydratedData, UpdatePayloadValue, DataTree, UpdatePayload, Options$1 as Options, TFunc, PageConfig, handlePolyfill };

package/dist/index.cjs.js

@@ -219,6 +219,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 = shared.hooks.call('getEventCenter', shared.Events);
 
@@ -1299,6 +1309,7 @@ function hydrate(node) {
     // 初始化 SPECIAL_NODES
     SPECIAL_NODES || (SPECIAL_NODES = shared.hooks.call('getSpecialNodes'));
     const nodeName = node.nodeName;
+    let compileModeName = null;
     if (isText(node)) {
         return {
             sid: node.sid,
@@ -1330,11 +1341,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
@@ -1358,6 +1372,9 @@ function hydrate(node) {
             }
         }
     }
+    if (compileModeName !== null) {
+        data["nn" /* Shortcuts.NodeName */] = compileModeName;
+    }
     const resData = shared.hooks.call('transferHydrateData', data, node, componentAlias);
     return resData || data;
 }
@@ -1629,7 +1646,7 @@ class TaroNode extends TaroEventTarget {
                 : [],
             nextSibling: isReplace
                 ? refChild.nextSibling /** replaceChild */
-                : (refChild || null),
+                : (refChild || null), /** insertBefore & appendChild */
             previousSibling: newChild.previousSibling
         });
         return newChild;
@@ -2953,7 +2970,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',
@@ -2963,11 +2980,11 @@ const internalCompsList = Object.keys(shared.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'],
@@ -3264,6 +3281,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);
         }
@@ -3495,7 +3513,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;
             }
         }
@@ -3503,8 +3521,10 @@ class FormElement extends TaroElement {
     }
 }
 
+var _Performance_instances, _Performance_parseTime;
 class Performance {
     constructor() {
+        _Performance_instances.add(this);
         this.recorder = new Map();
     }
     start(id) {
@@ -3513,18 +3533,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 开始时间：${tslib.__classPrivateFieldGet(this, _Performance_instances, "m", _Performance_parseTime).call(this, prev)} 结束时间：${tslib.__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) {
@@ -4069,6 +4103,11 @@ function createPageConfig(component, pageName, data, pageConfig) {
             eventCenter.trigger(getOnHideEventKey(id));
         }
     };
+    if (process.env.TARO_PLATFORM === 'web') {
+        config.getOpenerEventChannel = () => {
+            return shared.EventChannel.pageChannel;
+        };
+    }
     LIFECYCLES.forEach((lifecycle) => {
         let isDefer = false;
         lifecycle = lifecycle.replace(/^defer:/, () => {
@@ -4763,7 +4802,7 @@ function handleIntersectionObserverObjectPolyfill() {
      */
     function addEvent(node, event, fn, opt_useCapture) {
         if (shared.isFunction(node.addEventListener)) {
-            node.addEventListener(event, fn, opt_useCapture || false);
+            node.addEventListener(event, fn, opt_useCapture );
         }
         else if (shared.isFunction(node.attachEvent)) {
             node.attachEvent('on' + event, fn);
@@ -4779,7 +4818,7 @@ function handleIntersectionObserverObjectPolyfill() {
      */
     function removeEvent(node, event, fn, opt_useCapture) {
         if (shared.isFunction(node.removeEventListener)) {
-            node.removeEventListener(event, fn, opt_useCapture || false);
+            node.removeEventListener(event, fn, opt_useCapture );
         }
         else if (shared.isFunction(node.detatchEvent)) {
             node.detatchEvent('on' + event, fn);
@@ -5016,11 +5055,11 @@ if (process.env.SUPPORT_TARO_POLYFILL !== 'disabled' && process.env.TARO_PLATFOR
     handlePolyfill();
 }
 
-Object.defineProperty(exports, 'Events', {
+Object.defineProperty(exports, "Events", {
   enumerable: true,
   get: function () { return shared.Events; }
 });
-Object.defineProperty(exports, 'hooks', {
+Object.defineProperty(exports, "hooks", {
   enumerable: true,
   get: function () { return shared.hooks; }
 });
@@ -5096,6 +5135,7 @@ exports.createEvent = createEvent;
 exports.createPageConfig = createPageConfig;
 exports.createRecursiveComponentConfig = createRecursiveComponentConfig;
 exports.customWrapperCache = customWrapperCache;
+exports.debounce = debounce;
 exports.document = document$1;
 exports.env = env;
 exports.eventCenter = eventCenter;
@@ -5128,6 +5168,7 @@ exports.navigator = nav;
 exports.nextTick = nextTick;
 exports.options = options;
 exports.parseUrl = parseUrl;
+exports.perf = perf;
 exports.removePageInstance = removePageInstance;
 exports.requestAnimationFrame = _raf;
 exports.safeExecute = safeExecute;