@tarojs/runtime 3.7.0-beta.1 → 3.7.0-beta.4

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;
@@ -776,5 +776,6 @@ 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 isHasExtractProp(el: TaroElement): boolean;
 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, 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, isHasExtractProp, 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 };

package/dist/runtime.h5.js

@@ -124,7 +124,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 +198,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) {
@@ -368,6 +368,7 @@ function hydrate(node) {
     const nodeName = node.nodeName;
     if (isText(node)) {
         return {
+            sid: node.sid,
             ["v" /* Shortcuts.Text */]: node.nodeValue,
             ["nn" /* Shortcuts.NodeName */]: ((_a = componentsAlias[nodeName]) === null || _a === void 0 ? void 0 : _a._num) || '8'
         };
@@ -415,7 +416,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) {
@@ -427,7 +428,8 @@ function hydrate(node) {
             }
         }
     }
-    return data;
+    const resData = shared.hooks.call('transferHydrateData', data, node, componentAlias);
+    return resData || data;
 }
 
 class TaroEventTarget {
@@ -992,7 +994,7 @@ function setStyle(newVal, styleKey) {
     if (old === newVal)
         return;
     !this._pending && recordCss(this);
-    if (shared.isNull(newVal) || shared.isUndefined(newVal)) {
+    if (shared.isNull(newVal) || shared.isUndefined(newVal) || newVal === '') {
         this._usedStyleProp.delete(styleKey);
         delete this._value[styleKey];
     }
@@ -1438,6 +1440,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;
@@ -1452,6 +1455,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}`;
@@ -1530,13 +1534,14 @@ class TaroEvent {
         this.defaultPrevented = true;
     }
     get target() {
-        var _a, _b, _c;
+        var _a, _b, _c, _d;
         const cacheTarget = this.cacheTarget;
         if (!cacheTarget) {
             const target = Object.create(((_a = this.mpEvent) === null || _a === void 0 ? void 0 : _a.target) || null);
-            const element = 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 : shared.EMPTY_OBJ;
-            for (const key in (_c = this.mpEvent) === null || _c === void 0 ? void 0 : _c.detail) {
+            for (const key in (_d = this.mpEvent) === null || _d === void 0 ? void 0 : _d.detail) {
                 target[key] = this.mpEvent.detail[key];
             }
             this.cacheTarget = target;
@@ -2308,6 +2313,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();
@@ -2328,6 +2344,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;
@@ -3187,7 +3207,7 @@ function createRecursiveComponentConfig(componentName) {
             }
         }
         : shared.EMPTY_OBJ;
-    return Object.assign({ properties: {
+    return shared.hooks.call('modifyRecursiveComponentConfig', Object.assign({ properties: {
             i: {
                 type: Object,
                 value: {
@@ -3203,7 +3223,7 @@ function createRecursiveComponentConfig(componentName) {
             virtualHost: !isCustomWrapper
         }, methods: {
             eh: eventHandler
-        } }, lifeCycles);
+        } }, lifeCycles), { isCustomWrapper });
 }
 
 const TIMEOUT = 100;
@@ -3337,6 +3357,7 @@ exports.history = history;
 exports.hydrate = hydrate;
 exports.incrementId = incrementId;
 exports.injectPageInstance = injectPageInstance;
+exports.isHasExtractProp = isHasExtractProp;
 exports.location = location;
 exports.navigator = nav;
 exports.nextTick = nextTick;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tarojs/runtime",
-  "version": "3.7.0-beta.1",
+  "version": "3.7.0-beta.4",
   "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-beta.1"
+    "@tarojs/shared": "3.7.0-beta.4"
   },
   "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",