@tarojs/runtime 3.7.0-alpha.25 → 3.7.0-alpha.27

package/dist/runtime.h5.d.ts

@@ -431,7 +431,7 @@ declare const nav: any;
 declare let now: () => number;
 // https://gist.github.com/paulirish/1579671
 // https://gist.github.com/jalbam/5fe05443270fa6d8136238ec72accbc0
-declare const _raf: typeof requestAnimationFrame | ((callback: any) => NodeJS.Timeout);
+declare const _raf: typeof requestAnimationFrame | ((callback: any) => NodeJS.Timer);
 declare const _caf: typeof cancelAnimationFrame;
 declare class URLSearchParams {
     #private;
@@ -626,6 +626,7 @@ declare const KEY_CODE = "keyCode";
 declare const TOUCHMOVE = "touchmove";
 declare const DATE = "Date";
 declare const SET_TIMEOUT = "setTimeout";
+declare const COMPILE_MODE = "compileMode";
 declare const CATCHMOVE = "catchMove";
 declare const CATCH_VIEW = "catch-view";
 declare const COMMENT = "comment";
@@ -776,5 +777,23 @@ declare function hydrate(node: TaroElement | TaroText): MiniData;
 declare const nextTick: (cb: Func, ctx?: Record<string, any>) => void;
 declare const options: Options;
 declare const incrementId: () => () => string;
+declare function isElement(node: TaroNode): node is TaroElement;
+declare function isText(node: TaroNode): node is TaroText;
+declare function isComment(node: TaroNode): boolean;
+declare function isHasExtractProp(el: TaroElement): boolean;
+/**
+ * 往上寻找组件树直到 root，寻找是否有祖先组件绑定了同类型的事件
+ * @param node 当前组件
+ * @param type 事件类型
+ */
+declare function isParentBinded(node: TaroElement | null, type: string): boolean;
+declare function shortcutAttr(key: string): string;
+declare const customWrapperCache: Map<string, Record<string, any>>;
+interface Ctor {
+    new (...args: any[]): any;
+}
+declare function extend(ctor: Ctor, methodName: string, options: Func | Record<string, any>): void;
+declare function getComponentsAlias(): any;
+declare function convertNumber2PX(value: number): string;
 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, 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, addLeadingSlash, createComponentConfig, createPageConfig, createRecursiveComponentConfig, getOnHideEventKey, getOnReadyEventKey, getOnShowEventKey, getPageInstance, getPath, injectPageInstance, removePageInstance, safeExecute, stringify, EventsType, eventCenter, Events, hydrate, nextTick, options, incrementId, Instance, VueAppInstance, VueInstance, PageProps, ReactPageComponent, ReactPageInstance, ReactAppInstance, PageLifeCycle, PageInstance, AppInstance, Attributes, EventOptions, MpEvent, EventListenerOptions, AddEventListenerOptions, EventHandler, MpInstance, MiniElementData, MiniData, HydratedData, UpdatePayloadValue, DataTree, UpdatePayload, Options$0 as Options, Func, Ctx };
+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, addLeadingSlash, 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, 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$0 as Options, Func, Ctx };

package/dist/runtime.h5.js

@@ -39,6 +39,7 @@ const KEY_CODE = 'keyCode';
 const TOUCHMOVE = 'touchmove';
 const DATE = 'Date';
 const SET_TIMEOUT = 'setTimeout';
+const COMPILE_MODE = 'compileMode';
 const CATCHMOVE = 'catchMove';
 const CATCH_VIEW = 'catch-view';
 const COMMENT = 'comment';
@@ -124,7 +125,7 @@ class MutationObserver {
     constructor(callback) {
         {
             if (process.env.NODE_ENV !== 'production') {
-                console.warn('[Taro Warning] 若要使用 MutationObserver，请在 Taro 编译配置中设置 \'mini.enableMutationObserver: true\'');
+                console.warn('[Taro Warning] 若要使用 MutationObserver，请在 Taro 编译配置中设置 \'mini.runtime.enableMutationObserver: true\'');
             }
             this.core = {
                 observe: shared.noop,
@@ -198,15 +199,15 @@ function isHasExtractProp(el) {
  */
 function isParentBinded(node, type) {
     var _a;
-    let res = false;
-    while ((node === null || node === void 0 ? void 0 : node.parentElement) && node.parentElement._path !== ROOT_STR) {
-        if ((_a = node.parentElement.__handlers[type]) === null || _a === void 0 ? void 0 : _a.length) {
-            res = true;
-            break;
+    while ((node = (node === null || node === void 0 ? void 0 : node.parentElement) || null)) {
+        if (!node || node.nodeName === ROOT_STR || node.nodeName === 'root-portal') {
+            return false;
+        }
+        else if ((_a = node.__handlers[type]) === null || _a === void 0 ? void 0 : _a.length) {
+            return true;
         }
-        node = node.parentElement;
     }
-    return res;
+    return false;
 }
 function shortcutAttr(key) {
     switch (key) {
@@ -236,6 +237,9 @@ function getComponentsAlias() {
     }
     return componentsAlias$1;
 }
+function convertNumber2PX(value) {
+    return value + 'px';
+}
 
 class ClassList {
     constructor(className, el) {
@@ -357,14 +361,10 @@ let componentsAlias;
  */
 function hydrate(node) {
     var _a;
-    if (!componentsAlias) {
-        // 初始化 componentsAlias
-        componentsAlias = getComponentsAlias();
-    }
-    if (!SPECIAL_NODES) {
-        // 初始化 SPECIAL_NODES
-        SPECIAL_NODES = shared.hooks.call('getSpecialNodes');
-    }
+    // 初始化 componentsAlias
+    componentsAlias || (componentsAlias = getComponentsAlias());
+    // 初始化 SPECIAL_NODES
+    SPECIAL_NODES || (SPECIAL_NODES = shared.hooks.call('getSpecialNodes'));
     const nodeName = node.nodeName;
     if (isText(node)) {
         return {
@@ -393,22 +393,19 @@ function hydrate(node) {
             prop !== CLASS &&
             prop !== STYLE &&
             prop !== ID &&
-            propInCamelCase !== CATCHMOVE) {
+            propInCamelCase !== CATCHMOVE &&
+            propInCamelCase !== COMPILE_MODE) {
             data[propInCamelCase] = props[prop];
         }
         if (nodeName === VIEW && propInCamelCase === CATCHMOVE && props[prop] !== false) {
             data["nn" /* Shortcuts.NodeName */] = CATCH_VIEW;
         }
+        if (propInCamelCase === COMPILE_MODE) {
+            data["nn" /* Shortcuts.NodeName */] = props[prop];
+        }
     }
-    let { childNodes } = node;
-    // 过滤 comment 节点
-    childNodes = childNodes.filter(node => !isComment(node));
-    if (childNodes.length > 0) {
-        data["cn" /* Shortcuts.Childnodes */] = childNodes.map(hydrate);
-    }
-    else {
-        data["cn" /* Shortcuts.Childnodes */] = [];
-    }
+    // Children
+    data["cn" /* Shortcuts.Childnodes */] = node.childNodes.filter(node => !isComment(node)).map(hydrate);
     if (node.className !== '') {
         data["cl" /* Shortcuts.Class */] = node.className;
     }
@@ -416,7 +413,7 @@ function hydrate(node) {
     if (cssText !== '' && nodeName !== 'swiper-item') {
         data["st" /* Shortcuts.Style */] = cssText;
     }
-    shared.hooks.call('modifyHydrateData', data);
+    shared.hooks.call('modifyHydrateData', data, node);
     const nn = data["nn" /* Shortcuts.NodeName */];
     const componentAlias = componentsAlias[nn];
     if (componentAlias) {
@@ -428,7 +425,8 @@ function hydrate(node) {
             }
         }
     }
-    return data;
+    const resData = shared.hooks.call('transferHydrateData', data, node, componentAlias);
+    return resData || data;
 }
 
 class TaroEventTarget {
@@ -1426,9 +1424,6 @@ class TaroElement extends TaroNode {
         if (event._stop) {
             this._stopPropagation(event);
         }
-        else {
-            event._stop = true;
-        }
         return listeners != null;
     }
     addEventListener(type, handler, options) {
@@ -1439,6 +1434,7 @@ class TaroElement extends TaroNode {
             sideEffect = false;
             delete options.sideEffect;
         }
+        shared.hooks.call('modifyAddEventListener', this, sideEffect, getComponentsAlias);
         if (sideEffect !== false && !this.isAnyEventBinded() && SPECIAL_NODES.indexOf(name) > -1) {
             const componentsAlias = getComponentsAlias();
             const alias = componentsAlias[name]._num;
@@ -1453,6 +1449,7 @@ class TaroElement extends TaroNode {
         super.removeEventListener(type, handler);
         const name = this.nodeName;
         const SPECIAL_NODES = shared.hooks.call('getSpecialNodes');
+        shared.hooks.call('modifyRemoveEventListener', this, sideEffect, getComponentsAlias);
         if (sideEffect !== false && !this.isAnyEventBinded() && SPECIAL_NODES.indexOf(name) > -1) {
             const componentsAlias = getComponentsAlias();
             const value = isHasExtractProp(this) ? `static-${name}` : `pure-${name}`;
@@ -1505,6 +1502,8 @@ options.html = {
     renderHTMLTag: false
 };
 
+process.env.TARO_ENV === 'harmony';
+
 // Taro 事件对象。以 Web 标准的事件对象为基础，加入小程序事件对象中携带的部分信息，并模拟实现事件冒泡。
 class TaroEvent {
     constructor(type, opts, event) {
@@ -2310,6 +2309,17 @@ class AnchorElement extends TaroElement {
     }
 }
 
+class TransferElement extends TaroElement {
+    constructor(dataName) {
+        super();
+        this.dataName = dataName;
+        this.isTransferElement = true;
+    }
+    get _path() {
+        return this.dataName;
+    }
+}
+
 class TaroDocument extends TaroElement {
     constructor() {
         super();
@@ -2330,6 +2340,10 @@ class TaroDocument extends TaroElement {
             case nodeName === A:
                 element = new AnchorElement();
                 break;
+            case nodeName === 'page-meta':
+            case nodeName === 'navigation-bar':
+                element = new TransferElement(shared.toCamelCase(nodeName));
+                break;
             default:
                 element = new TaroElement();
                 break;
@@ -3189,7 +3203,7 @@ function createRecursiveComponentConfig(componentName) {
             }
         }
         : shared.EMPTY_OBJ;
-    return Object.assign({ properties: {
+    return shared.hooks.call('modifyRecursiveComponentConfig', Object.assign({ properties: {
             i: {
                 type: Object,
                 value: {
@@ -3205,7 +3219,7 @@ function createRecursiveComponentConfig(componentName) {
             virtualHost: !isCustomWrapper
         }, methods: {
             eh: eventHandler
-        } }, lifeCycles);
+        } }, lifeCycles), { isCustomWrapper });
 }
 
 const TIMEOUT = 100;
@@ -3264,6 +3278,7 @@ exports.CATCH_VIEW = CATCH_VIEW;
 exports.CHANGE = CHANGE;
 exports.CLASS = CLASS;
 exports.COMMENT = COMMENT;
+exports.COMPILE_MODE = COMPILE_MODE;
 exports.CONFIRM = CONFIRM;
 exports.CONTAINER = CONTAINER;
 exports.CURRENT_TARGET = CURRENT_TARGET;
@@ -3320,14 +3335,18 @@ exports.VALUE = VALUE;
 exports.VIEW = VIEW;
 exports.addLeadingSlash = addLeadingSlash;
 exports.cancelAnimationFrame = _caf;
+exports.convertNumber2PX = convertNumber2PX;
 exports.createComponentConfig = createComponentConfig;
 exports.createEvent = createEvent;
 exports.createPageConfig = createPageConfig;
 exports.createRecursiveComponentConfig = createRecursiveComponentConfig;
+exports.customWrapperCache = customWrapperCache;
 exports.env = env;
 exports.eventCenter = eventCenter;
 exports.eventHandler = eventHandler;
 exports.eventSource = eventSource;
+exports.extend = extend;
+exports.getComponentsAlias = getComponentsAlias;
 exports.getComputedStyle = getComputedStyle;
 exports.getCurrentInstance = getCurrentInstance;
 exports.getOnHideEventKey = getOnHideEventKey;
@@ -3339,6 +3358,11 @@ exports.history = history;
 exports.hydrate = hydrate;
 exports.incrementId = incrementId;
 exports.injectPageInstance = injectPageInstance;
+exports.isComment = isComment;
+exports.isElement = isElement;
+exports.isHasExtractProp = isHasExtractProp;
+exports.isParentBinded = isParentBinded;
+exports.isText = isText;
 exports.location = location;
 exports.navigator = nav;
 exports.nextTick = nextTick;
@@ -3347,4 +3371,5 @@ exports.parseUrl = parseUrl;
 exports.removePageInstance = removePageInstance;
 exports.requestAnimationFrame = _raf;
 exports.safeExecute = safeExecute;
+exports.shortcutAttr = shortcutAttr;
 exports.stringify = stringify;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tarojs/runtime",
-  "version": "3.7.0-alpha.25",
+  "version": "3.7.0-alpha.27",
   "description": "taro runtime for mini apps.",
   "main:h5": "dist/runtime.h5.js",
   "main": "dist/runtime.esm.js",
@@ -20,10 +20,10 @@
   },
   "dependencies": {
     "lodash-es": "4.17.21",
-    "@tarojs/shared": "3.7.0-alpha.25"
+    "@tarojs/shared": "3.7.0-alpha.27"
   },
   "devDependencies": {
-    "@rollup/plugin-buble": "^0.21.3",
+    "@rollup/plugin-buble": "^1.0.3",
     "@rollup/plugin-replace": "^5.0.2",
     "@rollup/plugin-typescript": "^11.1.0",
     "@vue/runtime-core": "3.2.41",
@@ -37,7 +37,7 @@
     "typescript": "^4.7.4"
   },
   "scripts": {
-    "prebuild": "rimraf ./dist",
+    "prebuild": "rimraf --impl=move-remove ./dist",
     "build": "pnpm run rollup",
     "dev": "pnpm run rollup --environment TARGET:esm -w",
     "rollup": "rollup --config rollup.config.ts --configPlugin @rollup/plugin-typescript --bundleConfigAsCjs",