@tarojs/runtime 3.3.20 → 3.4.0-beta.3

package/dist/runtime.esm.js

@@ -1,5 +1,5 @@
-import { injectable, inject, optional, multiInject, ContainerModule, Container } from 'inversify';
-import { isObject as isObject$1, warn, isArray as isArray$1, toCamelCase, ensure, toDashed, isUndefined, isString, EMPTY_OBJ, isFunction as isFunction$1, internalComponents, controlledComponent, defaultReconciler, noop, isBoolean } from '@tarojs/shared';
+import { isFunction, isUndefined, isObject, warn, isArray, toCamelCase, noop, ensure, toDashed, isString, EMPTY_OBJ, internalComponents, controlledComponent, defaultReconciler } from '@tarojs/shared';
+import { injectable, inject, ContainerModule, optional, multiInject, Container } from 'inversify';
 
 /*! *****************************************************************************
 Copyright (C) Microsoft. All rights reserved.
@@ -16,8 +16,6 @@ See the Apache Version 2.0 License for specific language governing permissions
 and limitations under the License.
 ***************************************************************************** */
 
-/** https://github.com/rbuckton/reflect-metadata */
-
 if (process.env.TARO_ENV === 'h5') {
   require('reflect-metadata');
 } else {
@@ -40,7 +38,7 @@ if (process.env.TARO_ENV === 'h5') {
           factory(exporter);
           function makeExporter(target, previous) {
               return function (key, value) {
-                  if (typeof target[key] !== "function") {
+                  if (!isFunction(target[key])) {
                       Object.defineProperty(target, key, { configurable: true, writable: true, value: value });
                   }
                   if (previous)
@@ -50,10 +48,10 @@ if (process.env.TARO_ENV === 'h5') {
       })(function (exporter) {
           var hasOwn = Object.prototype.hasOwnProperty;
           // feature test for Symbol support
-          var supportsSymbol = typeof Symbol === "function";
-          var toPrimitiveSymbol = supportsSymbol && typeof Symbol.toPrimitive !== "undefined" ? Symbol.toPrimitive : "@@toPrimitive";
-          var iteratorSymbol = supportsSymbol && typeof Symbol.iterator !== "undefined" ? Symbol.iterator : "@@iterator";
-          var supportsCreate = typeof Object.create === "function"; // feature test for Object.create support
+          var supportsSymbol = isFunction(Symbol);
+          var toPrimitiveSymbol = supportsSymbol && !isUndefined(Symbol.toPrimitive) ? Symbol.toPrimitive : "@@toPrimitive";
+          var iteratorSymbol = supportsSymbol && !isUndefined(Symbol.iterator) ? Symbol.iterator : "@@iterator";
+          var supportsCreate = isFunction(Object.create); // feature test for Object.create support
           var supportsProto = { __proto__: [] } instanceof Array; // feature test for __proto__ support
           var downLevel = !supportsCreate && !supportsProto;
           var HashMap = {
@@ -72,10 +70,10 @@ if (process.env.TARO_ENV === 'h5') {
           };
           // Load global or shim versions of Map, Set, and WeakMap
           var functionPrototype = Object.getPrototypeOf(Function);
-          var usePolyfill = typeof process === "object" && process.env && process.env["REFLECT_METADATA_USE_MAP_POLYFILL"] === "true";
-          var _Map = !usePolyfill && typeof Map === "function" && typeof Map.prototype.entries === "function" ? Map : CreateMapPolyfill();
-          var _Set = !usePolyfill && typeof Set === "function" && typeof Set.prototype.entries === "function" ? Set : CreateSetPolyfill();
-          var _WeakMap = !usePolyfill && typeof WeakMap === "function" ? WeakMap : CreateWeakMapPolyfill();
+          var usePolyfill = isObject(process) && process.env && process.env["REFLECT_METADATA_USE_MAP_POLYFILL"] === "true";
+          var _Map = Map;
+          var _Set = Set;
+          var _WeakMap = !usePolyfill && isFunction(WeakMap) ? WeakMap : CreateWeakMapPolyfill();
           // [[Metadata]] internal slot
           // https://rbuckton.github.io/reflect-metadata/#ordinary-object-internal-methods-and-internal-slots
           var Metadata = new _WeakMap();
@@ -725,7 +723,7 @@ if (process.env.TARO_ENV === 'h5') {
           // 6.1.7 The Object Type
           // https://tc39.github.io/ecma262/#sec-object-type
           function IsObject(x) {
-              return typeof x === "object" ? x !== null : typeof x === "function";
+              return isObject(x) ? x !== null : isFunction(x);
           }
           // 7.1 Type Conversion
           // https://tc39.github.io/ecma262/#sec-type-conversion
@@ -816,13 +814,13 @@ if (process.env.TARO_ENV === 'h5') {
           // https://tc39.github.io/ecma262/#sec-iscallable
           function IsCallable(argument) {
               // NOTE: This is an approximation as we cannot check for [[Call]] internal method.
-              return typeof argument === "function";
+              return isFunction(argument);
           }
           // 7.2.4 IsConstructor(argument)
           // https://tc39.github.io/ecma262/#sec-isconstructor
           function IsConstructor(argument) {
               // NOTE: This is an approximation as we cannot check for [[Construct]] internal method.
-              return typeof argument === "function";
+              return isFunction(argument);
           }
           // 7.2.7 IsPropertyKey(argument)
           // https://tc39.github.io/ecma262/#sec-ispropertykey
@@ -880,7 +878,7 @@ if (process.env.TARO_ENV === 'h5') {
           // https://tc39.github.io/ecma262/#sec-ordinarygetprototypeof
           function OrdinaryGetPrototypeOf(O) {
               var proto = Object.getPrototypeOf(O);
-              if (typeof O !== "function" || O === functionPrototype)
+              if (!isFunction(O) || O === functionPrototype)
                   return proto;
               // TypeScript doesn't set __proto__ in ES5, as it's non-standard.
               // Try to determine the superclass constructor. Compatible implementations
@@ -898,7 +896,7 @@ if (process.env.TARO_ENV === 'h5') {
                   return proto;
               // If the constructor was not a function, then we cannot determine the heritage.
               var constructor = prototypeProto.constructor;
-              if (typeof constructor !== "function")
+              if (!isFunction(constructor))
                   return proto;
               // If we have some kind of self-reference, then we cannot determine the heritage.
               if (constructor === O)
@@ -907,149 +905,149 @@ if (process.env.TARO_ENV === 'h5') {
               return constructor;
           }
           // naive Map shim
-          function CreateMapPolyfill() {
-              var cacheSentinel = {};
-              var arraySentinel = [];
-              var MapIterator = /** @class */ (function () {
-                  function MapIterator(keys, values, selector) {
-                      this._index = 0;
-                      this._keys = keys;
-                      this._values = values;
-                      this._selector = selector;
-                  }
-                  MapIterator.prototype["@@iterator"] = function () { return this; };
-                  MapIterator.prototype[iteratorSymbol] = function () { return this; };
-                  MapIterator.prototype.next = function () {
-                      var index = this._index;
-                      if (index >= 0 && index < this._keys.length) {
-                          var result = this._selector(this._keys[index], this._values[index]);
-                          if (index + 1 >= this._keys.length) {
-                              this._index = -1;
-                              this._keys = arraySentinel;
-                              this._values = arraySentinel;
-                          }
-                          else {
-                              this._index++;
-                          }
-                          return { value: result, done: false };
-                      }
-                      return { value: undefined, done: true };
-                  };
-                  MapIterator.prototype.throw = function (error) {
-                      if (this._index >= 0) {
-                          this._index = -1;
-                          this._keys = arraySentinel;
-                          this._values = arraySentinel;
-                      }
-                      throw error;
-                  };
-                  MapIterator.prototype.return = function (value) {
-                      if (this._index >= 0) {
-                          this._index = -1;
-                          this._keys = arraySentinel;
-                          this._values = arraySentinel;
-                      }
-                      return { value: value, done: true };
-                  };
-                  return MapIterator;
-              }());
-              return /** @class */ (function () {
-                  function Map() {
-                      this._keys = [];
-                      this._values = [];
-                      this._cacheKey = cacheSentinel;
-                      this._cacheIndex = -2;
-                  }
-                  Object.defineProperty(Map.prototype, "size", {
-                      get: function () { return this._keys.length; },
-                      enumerable: true,
-                      configurable: true
-                  });
-                  Map.prototype.has = function (key) { return this._find(key, /*insert*/ false) >= 0; };
-                  Map.prototype.get = function (key) {
-                      var index = this._find(key, /*insert*/ false);
-                      return index >= 0 ? this._values[index] : undefined;
-                  };
-                  Map.prototype.set = function (key, value) {
-                      var index = this._find(key, /*insert*/ true);
-                      this._values[index] = value;
-                      return this;
-                  };
-                  Map.prototype.delete = function (key) {
-                      var index = this._find(key, /*insert*/ false);
-                      if (index >= 0) {
-                          var size = this._keys.length;
-                          for (var i = index + 1; i < size; i++) {
-                              this._keys[i - 1] = this._keys[i];
-                              this._values[i - 1] = this._values[i];
-                          }
-                          this._keys.length--;
-                          this._values.length--;
-                          if (key === this._cacheKey) {
-                              this._cacheKey = cacheSentinel;
-                              this._cacheIndex = -2;
-                          }
-                          return true;
-                      }
-                      return false;
-                  };
-                  Map.prototype.clear = function () {
-                      this._keys.length = 0;
-                      this._values.length = 0;
-                      this._cacheKey = cacheSentinel;
-                      this._cacheIndex = -2;
-                  };
-                  Map.prototype.keys = function () { return new MapIterator(this._keys, this._values, getKey); };
-                  Map.prototype.values = function () { return new MapIterator(this._keys, this._values, getValue); };
-                  Map.prototype.entries = function () { return new MapIterator(this._keys, this._values, getEntry); };
-                  Map.prototype["@@iterator"] = function () { return this.entries(); };
-                  Map.prototype[iteratorSymbol] = function () { return this.entries(); };
-                  Map.prototype._find = function (key, insert) {
-                      if (this._cacheKey !== key) {
-                          this._cacheIndex = this._keys.indexOf(this._cacheKey = key);
-                      }
-                      if (this._cacheIndex < 0 && insert) {
-                          this._cacheIndex = this._keys.length;
-                          this._keys.push(key);
-                          this._values.push(undefined);
-                      }
-                      return this._cacheIndex;
-                  };
-                  return Map;
-              }());
-              function getKey(key, _) {
-                  return key;
-              }
-              function getValue(_, value) {
-                  return value;
-              }
-              function getEntry(key, value) {
-                  return [key, value];
-              }
-          }
+          // function CreateMapPolyfill() {
+          //     var cacheSentinel = {};
+          //     var arraySentinel = [];
+          //     var MapIterator = /** @class */ (function () {
+          //         function MapIterator(keys, values, selector) {
+          //             this._index = 0;
+          //             this._keys = keys;
+          //             this._values = values;
+          //             this._selector = selector;
+          //         }
+          //         MapIterator.prototype["@@iterator"] = function () { return this; };
+          //         MapIterator.prototype[iteratorSymbol] = function () { return this; };
+          //         MapIterator.prototype.next = function () {
+          //             var index = this._index;
+          //             if (index >= 0 && index < this._keys.length) {
+          //                 var result = this._selector(this._keys[index], this._values[index]);
+          //                 if (index + 1 >= this._keys.length) {
+          //                     this._index = -1;
+          //                     this._keys = arraySentinel;
+          //                     this._values = arraySentinel;
+          //                 }
+          //                 else {
+          //                     this._index++;
+          //                 }
+          //                 return { value: result, done: false };
+          //             }
+          //             return { value: undefined, done: true };
+          //         };
+          //         MapIterator.prototype.throw = function (error) {
+          //             if (this._index >= 0) {
+          //                 this._index = -1;
+          //                 this._keys = arraySentinel;
+          //                 this._values = arraySentinel;
+          //             }
+          //             throw error;
+          //         };
+          //         MapIterator.prototype.return = function (value) {
+          //             if (this._index >= 0) {
+          //                 this._index = -1;
+          //                 this._keys = arraySentinel;
+          //                 this._values = arraySentinel;
+          //             }
+          //             return { value: value, done: true };
+          //         };
+          //         return MapIterator;
+          //     }());
+          //     return /** @class */ (function () {
+          //         function Map() {
+          //             this._keys = [];
+          //             this._values = [];
+          //             this._cacheKey = cacheSentinel;
+          //             this._cacheIndex = -2;
+          //         }
+          //         Object.defineProperty(Map.prototype, "size", {
+          //             get: function () { return this._keys.length; },
+          //             enumerable: true,
+          //             configurable: true
+          //         });
+          //         Map.prototype.has = function (key) { return this._find(key, /*insert*/ false) >= 0; };
+          //         Map.prototype.get = function (key) {
+          //             var index = this._find(key, /*insert*/ false);
+          //             return index >= 0 ? this._values[index] : undefined;
+          //         };
+          //         Map.prototype.set = function (key, value) {
+          //             var index = this._find(key, /*insert*/ true);
+          //             this._values[index] = value;
+          //             return this;
+          //         };
+          //         Map.prototype.delete = function (key) {
+          //             var index = this._find(key, /*insert*/ false);
+          //             if (index >= 0) {
+          //                 var size = this._keys.length;
+          //                 for (var i = index + 1; i < size; i++) {
+          //                     this._keys[i - 1] = this._keys[i];
+          //                     this._values[i - 1] = this._values[i];
+          //                 }
+          //                 this._keys.length--;
+          //                 this._values.length--;
+          //                 if (key === this._cacheKey) {
+          //                     this._cacheKey = cacheSentinel;
+          //                     this._cacheIndex = -2;
+          //                 }
+          //                 return true;
+          //             }
+          //             return false;
+          //         };
+          //         Map.prototype.clear = function () {
+          //             this._keys.length = 0;
+          //             this._values.length = 0;
+          //             this._cacheKey = cacheSentinel;
+          //             this._cacheIndex = -2;
+          //         };
+          //         Map.prototype.keys = function () { return new MapIterator(this._keys, this._values, getKey); };
+          //         Map.prototype.values = function () { return new MapIterator(this._keys, this._values, getValue); };
+          //         Map.prototype.entries = function () { return new MapIterator(this._keys, this._values, getEntry); };
+          //         Map.prototype["@@iterator"] = function () { return this.entries(); };
+          //         Map.prototype[iteratorSymbol] = function () { return this.entries(); };
+          //         Map.prototype._find = function (key, insert) {
+          //             if (this._cacheKey !== key) {
+          //                 this._cacheIndex = this._keys.indexOf(this._cacheKey = key);
+          //             }
+          //             if (this._cacheIndex < 0 && insert) {
+          //                 this._cacheIndex = this._keys.length;
+          //                 this._keys.push(key);
+          //                 this._values.push(undefined);
+          //             }
+          //             return this._cacheIndex;
+          //         };
+          //         return Map;
+          //     }());
+          //     function getKey(key, _) {
+          //         return key;
+          //     }
+          //     function getValue(_, value) {
+          //         return value;
+          //     }
+          //     function getEntry(key, value) {
+          //         return [key, value];
+          //     }
+          // }
           // naive Set shim
-          function CreateSetPolyfill() {
-              return /** @class */ (function () {
-                  function Set() {
-                      this._map = new _Map();
-                  }
-                  Object.defineProperty(Set.prototype, "size", {
-                      get: function () { return this._map.size; },
-                      enumerable: true,
-                      configurable: true
-                  });
-                  Set.prototype.has = function (value) { return this._map.has(value); };
-                  Set.prototype.add = function (value) { return this._map.set(value, value), this; };
-                  Set.prototype.delete = function (value) { return this._map.delete(value); };
-                  Set.prototype.clear = function () { this._map.clear(); };
-                  Set.prototype.keys = function () { return this._map.keys(); };
-                  Set.prototype.values = function () { return this._map.values(); };
-                  Set.prototype.entries = function () { return this._map.entries(); };
-                  Set.prototype["@@iterator"] = function () { return this.keys(); };
-                  Set.prototype[iteratorSymbol] = function () { return this.keys(); };
-                  return Set;
-              }());
-          }
+          // function CreateSetPolyfill() {
+          //     return /** @class */ (function () {
+          //         function Set() {
+          //             this._map = new _Map();
+          //         }
+          //         Object.defineProperty(Set.prototype, "size", {
+          //             get: function () { return this._map.size; },
+          //             enumerable: true,
+          //             configurable: true
+          //         });
+          //         Set.prototype.has = function (value) { return this._map.has(value); };
+          //         Set.prototype.add = function (value) { return this._map.set(value, value), this; };
+          //         Set.prototype.delete = function (value) { return this._map.delete(value); };
+          //         Set.prototype.clear = function () { this._map.clear(); };
+          //         Set.prototype.keys = function () { return this._map.keys(); };
+          //         Set.prototype.values = function () { return this._map.values(); };
+          //         Set.prototype.entries = function () { return this._map.entries(); };
+          //         Set.prototype["@@iterator"] = function () { return this.keys(); };
+          //         Set.prototype[iteratorSymbol] = function () { return this.keys(); };
+          //         return Set;
+          //     }());
+          // }
           // naive WeakMap shim
           function CreateWeakMapPolyfill() {
               var UUID_SIZE = 16;
@@ -1104,10 +1102,10 @@ if (process.env.TARO_ENV === 'h5') {
                   return buffer;
               }
               function GenRandomBytes(size) {
-                  if (typeof Uint8Array === "function") {
-                      if (typeof crypto !== "undefined")
+                  if (isFunction(Uint8Array)) {
+                      if (!isUndefined(crypto))
                           return crypto.getRandomValues(new Uint8Array(size));
-                      if (typeof msCrypto !== "undefined")
+                      if (!isUndefined(msCrypto))
                           return msCrypto.getRandomValues(new Uint8Array(size));
                       return FillRandomBytes(new Uint8Array(size), size);
                   }
@@ -1170,37 +1168,7 @@ function __metadata(metadataKey, metadataValue) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(metadataKey, metadataValue);
 }
 
-const SERVICE_IDENTIFIER = {
-    TaroElement: 'TaroElement',
-    TaroElementFactory: 'Factory<TaroElement>',
-    TaroText: 'TaroText',
-    TaroTextFactory: 'Factory<TaroText>',
-    TaroNodeImpl: 'TaroNodeImpl',
-    TaroElementImpl: 'TaroElementImpl',
-    Hooks: 'hooks',
-    onRemoveAttribute: 'onRemoveAttribute',
-    getLifecycle: 'getLifecycle',
-    getPathIndex: 'getPathIndex',
-    getEventCenter: 'getEventCenter',
-    isBubbleEvents: 'isBubbleEvents',
-    getSpecialNodes: 'getSpecialNodes',
-    eventCenter: 'eventCenter',
-    modifyMpEvent: 'modifyMpEvent',
-    modifyTaroEvent: 'modifyTaroEvent',
-    batchedEventUpdates: 'batchedEventUpdates',
-    mergePageInstance: 'mergePageInstance',
-    createPullDownComponent: 'createPullDownComponent',
-    getDOMNode: 'getDOMNode',
-    initNativeApi: 'initNativeApi',
-    modifyHydrateData: 'modifyHydrateData',
-    modifySetAttrPayload: 'modifySetAttrPayload',
-    modifyRmAttrPayload: 'modifyRmAttrPayload',
-    onAddEvent: 'onAddEvent',
-    patchElement: 'patchElement'
-};
-
 const PROPERTY_THRESHOLD = 2046;
-const HOOKS_APP_ID = 'taro-app';
 const SET_DATA = '小程序 setData';
 const PAGE_INIT = '页面初始化';
 const ROOT_STR = 'root';
@@ -1236,7 +1204,14 @@ const TOUCHMOVE = 'touchmove';
 const DATE = 'Date';
 const CATCHMOVE = 'catchMove';
 const CATCH_VIEW = 'catch-view';
-const COMMENT = 'comment';
+const COMMENT = 'comment';
+const ON_LOAD = 'onLoad';
+const ON_READY = 'onReady';
+const ON_SHOW = 'onShow';
+const ON_HIDE = 'onHide';
+const OPTIONS = 'options';
+const EXTERNAL_CLASSES = 'externalClasses';
+const BEHAVIORS = 'behaviors';
 
 const incrementId = () => {
     let id = 0;
@@ -1288,14 +1263,110 @@ function shortcutAttr(key) {
 }
 const customWrapperCache = new Map();
 
+const SID_TARO_ELEMENT = '0';
+const SID_TARO_ELEMENT_FACTORY = '1';
+const SID_TARO_TEXT = '2';
+const SID_TARO_TEXT_FACTORY = '3';
+const SID_TARO_NODE_IMPL = '4';
+const SID_TARO_ELEMENT_IMPL = '5';
+const SID_HOOKS = '6';
+const SID_ON_REMOVE_ATTRIBUTE = '7';
+const SID_GET_MINI_LIFECYCLE = '8';
+const SID_GET_LIFECYCLE = '9';
+const SID_GET_PATH_INDEX = '10';
+const SID_GET_EVENT_CENTER = '11';
+const SID_IS_BUBBLE_EVENTS = '12';
+const SID_GET_SPECIAL_NODES = '13';
+const SID_EVENT_CENTER = '14';
+const SID_MODIFY_MP_EVENT = '15';
+const SID_MODIFY_TARO_EVENT = '16';
+const SID_MODIFY_DISPATCH_EVENT = '17';
+const SID_BATCHED_EVENT_UPDATES = '18';
+const SID_MERGE_PAGE_INSTANCE = '19';
+const SID_CREATE_PULLDOWN_COMPONENT = '20';
+const SID_GET_DOM_NODE = '21';
+const SID_INIT_NATIVE_API = '22';
+const SID_MODIFY_HYDRATE_DATA = '23';
+const SID_MODIFY_SET_ATTR_PAYLOAD = '24';
+const SID_MODIFY_RM_ATTR_PAYLOAD = '25';
+const SID_ON_ADD_EVENT = '26';
+const SID_PATCH_ELEMENT = '27';
+const SID_MODIFY_PAGE_OBJECT = '28';
+const SERVICE_IDENTIFIER = {
+    TaroElement: SID_TARO_ELEMENT,
+    TaroElementFactory: SID_TARO_ELEMENT_FACTORY,
+    TaroText: SID_TARO_TEXT,
+    TaroTextFactory: SID_TARO_TEXT_FACTORY,
+    TaroNodeImpl: SID_TARO_NODE_IMPL,
+    TaroElementImpl: SID_TARO_ELEMENT_IMPL,
+    Hooks: SID_HOOKS,
+    onRemoveAttribute: SID_ON_REMOVE_ATTRIBUTE,
+    getMiniLifecycle: SID_GET_MINI_LIFECYCLE,
+    getLifecycle: SID_GET_LIFECYCLE,
+    getPathIndex: SID_GET_PATH_INDEX,
+    getEventCenter: SID_GET_EVENT_CENTER,
+    isBubbleEvents: SID_IS_BUBBLE_EVENTS,
+    getSpecialNodes: SID_GET_SPECIAL_NODES,
+    eventCenter: SID_EVENT_CENTER,
+    modifyMpEvent: SID_MODIFY_MP_EVENT,
+    modifyTaroEvent: SID_MODIFY_TARO_EVENT,
+    modifyDispatchEvent: SID_MODIFY_DISPATCH_EVENT,
+    batchedEventUpdates: SID_BATCHED_EVENT_UPDATES,
+    mergePageInstance: SID_MERGE_PAGE_INSTANCE,
+    createPullDownComponent: SID_CREATE_PULLDOWN_COMPONENT,
+    getDOMNode: SID_GET_DOM_NODE,
+    initNativeApi: SID_INIT_NATIVE_API,
+    modifyHydrateData: SID_MODIFY_HYDRATE_DATA,
+    modifySetAttrPayload: SID_MODIFY_SET_ATTR_PAYLOAD,
+    modifyRmAttrPayload: SID_MODIFY_RM_ATTR_PAYLOAD,
+    onAddEvent: SID_ON_ADD_EVENT,
+    patchElement: SID_PATCH_ELEMENT,
+    modifyPageObject: SID_MODIFY_PAGE_OBJECT
+};
+
+var ElementNames;
+(function (ElementNames) {
+    ElementNames["Element"] = "Element";
+    ElementNames["Document"] = "Document";
+    ElementNames["RootElement"] = "RootElement";
+    ElementNames["FormElement"] = "FormElement";
+})(ElementNames || (ElementNames = {}));
+
+const store = {
+    container: null
+};
+function getHooks() {
+    return store.container.get(SID_HOOKS);
+}
+function getElementFactory() {
+    return store.container.get(SID_TARO_ELEMENT_FACTORY);
+}
+function getNodeImpl() {
+    return store.container.get(SID_TARO_NODE_IMPL);
+}
+function getElementImpl() {
+    return store.container.get(SID_TARO_ELEMENT_IMPL);
+}
+function getDocument() {
+    const getElement = getElementFactory();
+    return getElement(ElementNames.Document)();
+}
+
 let TaroEventTarget = class TaroEventTarget {
-    constructor(// eslint-disable-next-line @typescript-eslint/indent
-    hooks) {
+    constructor() {
         this.__handlers = {};
-        this.hooks = hooks;
+        this.hooks = getHooks();
     }
     addEventListener(type, handler, options) {
         var _a, _b;
+        // 某些框架，如 PReact 有委托的机制，handler 始终是同一个函数
+        // 这会导致多层停止冒泡失败：view -> view(handler.stop = false) -> view(handler.stop = true)
+        // 这样解决：view -> view(handlerA.stop = false) -> view(handlerB.stop = false)
+        // 因此每次绑定事件都新建一个函数，如果带来了性能问题，可以把这段逻辑抽取到 PReact 插件中。
+        const oldHandler = handler;
+        handler = function () {
+            oldHandler.apply(this, arguments); // this 指向 Element
+        };
         (_b = (_a = this.hooks).onAddEvent) === null || _b === void 0 ? void 0 : _b.call(_a, type, handler, options, this);
         if (type === 'regionchange') {
             // map 组件的 regionchange 事件非常特殊，详情：https://github.com/NervJS/taro/issues/5766
@@ -1307,7 +1378,7 @@ let TaroEventTarget = class TaroEventTarget {
         const handlers = this.__handlers[type];
         let isCapture = Boolean(options);
         let isOnce = false;
-        if (isObject$1(options)) {
+        if (isObject(options)) {
             isCapture = Boolean(options.capture);
             isOnce = Boolean(options.once);
         }
@@ -1320,7 +1391,7 @@ let TaroEventTarget = class TaroEventTarget {
             return;
         }
         process.env.NODE_ENV !== 'production' && warn(isCapture, 'Taro 暂未实现 event 的 capture 特性。');
-        if (isArray$1(handlers)) {
+        if (isArray(handlers)) {
             handlers.push(handler);
         }
         else {
@@ -1329,11 +1400,11 @@ let TaroEventTarget = class TaroEventTarget {
     }
     removeEventListener(type, handler) {
         type = type.toLowerCase();
-        if (handler == null) {
+        if (!handler) {
             return;
         }
         const handlers = this.__handlers[type];
-        if (!isArray$1(handlers)) {
+        if (!isArray(handlers)) {
             return;
         }
         const index = handlers.indexOf(handler);
@@ -1348,8 +1419,7 @@ let TaroEventTarget = class TaroEventTarget {
 };
 TaroEventTarget = __decorate([
     injectable(),
-    __param(0, inject(SERVICE_IDENTIFIER.Hooks)),
-    __metadata("design:paramtypes", [Object])
+    __metadata("design:paramtypes", [])
 ], TaroEventTarget);
 
 /**
@@ -1369,10 +1439,13 @@ function hydrate(node) {
     }
     const data = {
         ["nn" /* NodeName */]: nodeName,
-        uid: node.uid
+        sid: node.sid
     };
     const { props } = node;
     const SPECIAL_NODES = node.hooks.getSpecialNodes();
+    if (node.uid !== node.sid) {
+        data.uid = node.uid;
+    }
     if (!node.isAnyEventBinded() && SPECIAL_NODES.indexOf(nodeName) > -1) {
         data["nn" /* NodeName */] = `static-${nodeName}`;
         if (nodeName === VIEW && !isHasExtractProp(node)) {
@@ -1411,40 +1484,196 @@ function hydrate(node) {
     return data;
 }
 
-const eventSource = new Map();
+class EventSource extends Map {
+    removeNode(child) {
+        const { sid, uid } = child;
+        this.delete(sid);
+        if (uid !== sid && uid)
+            this.delete(uid);
+    }
+    removeNodeTree(child) {
+        this.removeNode(child);
+        const { childNodes } = child;
+        childNodes.forEach(node => this.removeNodeTree(node));
+    }
+}
+const eventSource = new EventSource();
 
-var ElementNames;
-(function (ElementNames) {
-    ElementNames["Element"] = "Element";
-    ElementNames["Document"] = "Document";
-    ElementNames["RootElement"] = "RootElement";
-    ElementNames["FormElement"] = "FormElement";
-})(ElementNames || (ElementNames = {}));
+const observers = [];
+/**
+ * The MutationObserver provides the ability
+ * to watch for changes being made to the DOM tree.
+ * It will invoke a specified callback function
+ * when DOM changes occur.
+ * @see https://dom.spec.whatwg.org/#mutationobserver
+ * @see https://developer.mozilla.org/en-US/docs/Web/API/MutationObserver
+ */
+class MutationObserverImpl {
+    constructor(callback) {
+        this.records = [];
+        this.callback = callback;
+    }
+    /**
+     * Configures the MutationObserver
+     * to begin receiving notifications
+     * through its callback function
+     * when DOM changes matching the given options occur.
+     *
+     * Options matching is to be implemented.
+     */
+    observe(target, options) {
+        this.disconnect();
+        this.target = target;
+        this.options = options || {};
+        observers.push(this);
+    }
+    /**
+     * Stop the MutationObserver instance
+     * from receiving further notifications
+     * until and unless observe() is called again.
+     */
+    disconnect() {
+        this.target = null;
+        const index = observers.indexOf(this);
+        if (index >= 0) {
+            observers.splice(index, 1);
+        }
+    }
+    /**
+     * Removes all pending notifications
+     * from the MutationObserver's notification queue
+     * and returns them in a new Array of MutationRecord objects.
+     */
+    takeRecords() {
+        return this.records.splice(0, this.records.length);
+    }
+}
+/** Match two TaroNodes by sid. */
+const sidMatches = (observerTarget, target) => {
+    return !!observerTarget && observerTarget.sid === (target === null || target === void 0 ? void 0 : target.sid);
+};
+const isConcerned = (record, options) => {
+    const { characterData, characterDataOldValue, attributes, attributeOldValue, childList } = options;
+    switch (record.type) {
+        case "characterData" /* CHARACTER_DATA */:
+            if (characterData) {
+                if (!characterDataOldValue)
+                    record.oldValue = null;
+                return true;
+            }
+            return false;
+        case "attributes" /* ATTRIBUTES */:
+            if (attributes) {
+                if (!attributeOldValue)
+                    record.oldValue = null;
+                return true;
+            }
+            return false;
+        case "childList" /* CHILD_LIST */:
+            if (childList) {
+                return true;
+            }
+            return false;
+    }
+};
+let pendingMuatations = false;
+function logMutation(observer, record) {
+    observer.records.push(record);
+    if (!pendingMuatations) {
+        pendingMuatations = true;
+        Promise
+            .resolve()
+            .then(() => {
+            pendingMuatations = false;
+            observers.forEach(observer => {
+                return observer.callback(observer.takeRecords());
+            });
+        });
+    }
+}
+function recordMutation(record) {
+    observers.forEach(observer => {
+        const { options } = observer;
+        for (let t = record.target; t; t = t.parentNode) {
+            if (sidMatches(observer.target, t) && isConcerned(record, options)) {
+                logMutation(observer, record);
+                break;
+            }
+            if (!options.subtree)
+                break;
+        }
+    });
+}
+
+class MutationObserver {
+    constructor(callback) {
+        if (ENABLE_MUTATION_OBSERVER) {
+            this.core = new MutationObserverImpl(callback);
+        }
+        else {
+            if (process.env.NODE_ENV !== 'production') {
+                console.warn('[Taro Warning] 若要使用 MutationObserver，请在 Taro 编译配置中设置 \'mini.enableMutationObserver: true\'');
+            }
+            this.core = {
+                observe: noop,
+                disconnect: noop,
+                takeRecords: noop
+            };
+        }
+    }
+    observe(...args) {
+        this.core.observe(...args);
+    }
+    disconnect() {
+        this.core.disconnect();
+    }
+    takeRecords() {
+        return this.core.takeRecords();
+    }
+    static record(record) {
+        recordMutation(record);
+    }
+}
 
+const CHILDNODES = "cn" /* Childnodes */;
 const nodeId = incrementId();
 let TaroNode = class TaroNode extends TaroEventTarget {
-    constructor(// eslint-disable-next-line @typescript-eslint/indent
-    impl, getElement, hooks) {
-        super(hooks);
+    constructor() {
+        super();
         this.parentNode = null;
         this.childNodes = [];
+        this._getElement = getElementFactory();
         this.hydrate = (node) => () => hydrate(node);
+        const impl = getNodeImpl();
         impl.bind(this);
-        this._getElement = getElement;
-        this.uid = `_n_${nodeId()}`;
-        eventSource.set(this.uid, this);
+        this.uid = `_n_${nodeId()}`; // dom 节点 id，开发者可修改
+        this.sid = this.uid; // dom 节点全局唯一 id，不可被修改
+        eventSource.set(this.sid, this);
     }
     /**
      * like jQuery's $.empty()
      */
     _empty() {
-        while (this.childNodes.length > 0) {
-            const child = this.childNodes[0];
+        while (this.firstChild) {
+            // Data Structure
+            const child = this.firstChild;
             child.parentNode = null;
-            eventSource.delete(child.uid);
             this.childNodes.shift();
+            // eventSource
+            eventSource.removeNodeTree(child);
         }
     }
+    updateChildNodes(isClean) {
+        const cleanChildNodes = () => [];
+        const rerenderChildNodes = () => {
+            const childNodes = this.childNodes.filter(node => !isComment(node));
+            return childNodes.map(hydrate);
+        };
+        this.enqueueUpdate({
+            path: `${this._path}.${CHILDNODES}`,
+            value: isClean ? cleanChildNodes : rerenderChildNodes
+        });
+    }
     get _root() {
         var _a;
         return ((_a = this.parentNode) === null || _a === void 0 ? void 0 : _a._root) || null;
@@ -1461,7 +1690,7 @@ let TaroNode = class TaroNode extends TaroEventTarget {
             const list = parentNode.childNodes.filter(node => !isComment(node));
             const indexOfNode = list.indexOf(this);
             const index = this.hooks.getPathIndex(indexOfNode);
-            return `${parentNode._path}.${"cn" /* Childnodes */}.${index}`;
+            return `${parentNode._path}.${CHILDNODES}.${index}`;
         }
         return '';
     }
@@ -1492,18 +1721,32 @@ let TaroNode = class TaroNode extends TaroEventTarget {
      * @TODO 等待完整 innerHTML 实现
      */
     set textContent(text) {
+        const document = this._getElement(ElementNames.Document)();
+        const newText = document.createTextNode(text);
+        // @Todo: appendChild 会多触发一次
+        MutationObserver.record({
+            type: "childList" /* CHILD_LIST */,
+            target: this,
+            removedNodes: this.childNodes.slice(),
+            addedNodes: text === '' ? [] : [newText]
+        });
         this._empty();
         if (text === '') {
-            this.enqueueUpdate({
-                path: `${this._path}.${"cn" /* Childnodes */}`,
-                value: () => []
-            });
+            this.updateChildNodes(true);
         }
         else {
-            const document = this._getElement(ElementNames.Document)();
-            this.appendChild(document.createTextNode(text));
+            this.appendChild(newText);
+            this.updateChildNodes();
         }
     }
+    /**
+     * @doc https://developer.mozilla.org/zh-CN/docs/Web/API/Node/insertBefore
+     * @scenario
+     * [A,B,C]
+     *   1. insert D before C, D has no parent
+     *   2. insert D before C, D has the same parent of C
+     *   3. insert D before C, D has the different parent of C
+     */
     insertBefore(newChild, refChild, isReplace) {
         if (newChild.nodeName === DOCUMENT_FRAGMENT) {
             newChild.childNodes.reduceRight((previousValue, currentValue) => {
@@ -1512,72 +1755,114 @@ let TaroNode = class TaroNode extends TaroEventTarget {
             }, refChild);
             return newChild;
         }
-        newChild.remove();
+        // Parent release newChild
+        //   - cleanRef: false (No need to clean eventSource, because newChild is about to be inserted)
+        //   - update: true (Need to update parent.childNodes, because parent.childNodes is reordered)
+        newChild.remove({ cleanRef: false });
+        // Data structure
         newChild.parentNode = this;
-        let payload;
         if (refChild) {
+            // insertBefore & replaceChild
             const index = this.findIndex(refChild);
             this.childNodes.splice(index, 0, newChild);
-            if (isReplace) {
-                payload = {
-                    path: newChild._path,
-                    value: this.hydrate(newChild)
-                };
-            }
-            else {
-                payload = {
-                    path: `${this._path}.${"cn" /* Childnodes */}`,
-                    value: () => {
-                        const childNodes = this.childNodes.filter(node => !isComment(node));
-                        return childNodes.map(hydrate);
-                    }
-                };
-            }
         }
         else {
+            // appendChild
             this.childNodes.push(newChild);
-            payload = {
+        }
+        // Serialization
+        if (!refChild || isReplace) {
+            // appendChild & replaceChild
+            this.enqueueUpdate({
                 path: newChild._path,
                 value: this.hydrate(newChild)
-            };
-        }
-        this.enqueueUpdate(payload);
-        if (!eventSource.has(newChild.uid)) {
-            eventSource.set(newChild.uid, newChild);
+            });
         }
+        else {
+            // insertBefore
+            this.updateChildNodes();
+        }
+        MutationObserver.record({
+            type: "childList" /* CHILD_LIST */,
+            target: this,
+            addedNodes: [newChild],
+            removedNodes: isReplace
+                ? [refChild] /** replaceChild */
+                : [],
+            nextSibling: isReplace
+                ? refChild.nextSibling /** replaceChild */
+                : (refChild || null),
+            previousSibling: newChild.previousSibling
+        });
         return newChild;
     }
-    appendChild(child) {
-        this.insertBefore(child);
+    /**
+     * @doc https://developer.mozilla.org/zh-CN/docs/Web/API/Node/appendChild
+     * @scenario
+     * [A,B,C]
+     *   1. append C, C has no parent
+     *   2. append C, C has the same parent of B
+     *   3. append C, C has the different parent of B
+     */
+    appendChild(newChild) {
+        return this.insertBefore(newChild);
     }
+    /**
+     * @doc https://developer.mozilla.org/zh-CN/docs/Web/API/Node/replaceChild
+     * @scenario
+     * [A,B,C]
+     *   1. replace B with C, C has no parent
+     *   2. replace B with C, C has no parent, C has the same parent of B
+     *   3. replace B with C, C has no parent, C has the different parent of B
+     */
     replaceChild(newChild, oldChild) {
-        if (oldChild.parentNode === this) {
-            this.insertBefore(newChild, oldChild, true);
-            oldChild.remove(true);
-            return oldChild;
-        }
+        if (oldChild.parentNode !== this)
+            return;
+        // Insert the newChild
+        this.insertBefore(newChild, oldChild, true);
+        // Destroy the oldChild
+        //   - cleanRef: true (Need to clean eventSource, because the oldChild was detached from the DOM tree)
+        //   - update: false (No need to update parent.childNodes, because replace will not cause the parent.childNodes being reordered)
+        oldChild.remove({ doUpdate: false });
+        return oldChild;
     }
-    removeChild(child, isReplace) {
-        const index = this.findIndex(child);
-        this.childNodes.splice(index, 1);
-        if (!isReplace) {
-            this.enqueueUpdate({
-                path: `${this._path}.${"cn" /* Childnodes */}`,
-                value: () => {
-                    const childNodes = this.childNodes.filter(node => !isComment(node));
-                    return childNodes.map(hydrate);
-                }
+    /**
+     * @doc https://developer.mozilla.org/zh-CN/docs/Web/API/Node/removeChild
+     * @scenario
+     * [A,B,C]
+     *   1. remove A or B
+     *   2. remove C
+     */
+    removeChild(child, options = {}) {
+        const { cleanRef, doUpdate } = options;
+        if (cleanRef !== false && doUpdate !== false) {
+            // appendChild/replaceChild/insertBefore 不应该触发
+            // @Todo: 但其实如果 newChild 的父节点是另一颗子树的节点，应该是要触发的
+            MutationObserver.record({
+                type: "childList" /* CHILD_LIST */,
+                target: this,
+                removedNodes: [child],
+                nextSibling: child.nextSibling,
+                previousSibling: child.previousSibling
             });
         }
+        // Data Structure
+        const index = this.findIndex(child);
+        this.childNodes.splice(index, 1);
         child.parentNode = null;
-        eventSource.delete(child.uid);
-        // @TODO: eventSource memory overflow
-        // child._empty()
+        // Set eventSource
+        if (cleanRef !== false) {
+            eventSource.removeNodeTree(child);
+        }
+        // Serialization
+        if (doUpdate !== false) {
+            this.updateChildNodes();
+        }
         return child;
     }
-    remove(isReplace) {
+    remove(options) {
         var _a;
-        (_a = this.parentNode) === null || _a === void 0 ? void 0 : _a.removeChild(this, isReplace);
+        (_a = this.parentNode) === null || _a === void 0 ? void 0 : _a.removeChild(this, options);
     }
     hasChildNodes() {
         return this.childNodes.length > 0;
@@ -1586,17 +1871,6 @@ let TaroNode = class TaroNode extends TaroEventTarget {
         var _a;
         (_a = this._root) === null || _a === void 0 ? void 0 : _a.enqueueUpdate(payload);
     }
-    contains(node) {
-        let isContains = false;
-        this.childNodes.some(childNode => {
-            const { uid } = childNode;
-            if (uid === node.uid || uid === node.id || childNode.contains(node)) {
-                isContains = true;
-                return true;
-            }
-        });
-        return isContains;
-    }
     get ownerDocument() {
         const document = this._getElement(ElementNames.Document)();
         return document;
@@ -1604,20 +1878,21 @@ let TaroNode = class TaroNode extends TaroEventTarget {
 };
 TaroNode = __decorate([
     injectable(),
-    __param(0, inject(SERVICE_IDENTIFIER.TaroNodeImpl)),
-    __param(1, inject(SERVICE_IDENTIFIER.TaroElementFactory)),
-    __param(2, inject(SERVICE_IDENTIFIER.Hooks)),
-    __metadata("design:paramtypes", [Function, Function, Function])
+    __metadata("design:paramtypes", [])
 ], TaroNode);
 
 let TaroText = class TaroText extends TaroNode {
-    constructor(// eslint-disable-next-line @typescript-eslint/indent
-    nodeImpl, getElement, hooks) {
-        super(nodeImpl, getElement, hooks);
+    constructor() {
+        super(...arguments);
         this.nodeType = 3 /* TEXT_NODE */;
         this.nodeName = '#text';
     }
     set textContent(text) {
+        MutationObserver.record({
+            target: this,
+            type: "characterData" /* CHARACTER_DATA */,
+            oldValue: this._value
+        });
         this._value = text;
         this.enqueueUpdate({
             path: `${this._path}.${"v" /* Text */}`,
@@ -1633,13 +1908,15 @@ let TaroText = class TaroText extends TaroNode {
     get nodeValue() {
         return this._value;
     }
+    set data(text) {
+        this.textContent = text;
+    }
+    get data() {
+        return this._value;
+    }
 };
 TaroText = __decorate([
-    injectable(),
-    __param(0, inject(SERVICE_IDENTIFIER.TaroNodeImpl)),
-    __param(1, inject(SERVICE_IDENTIFIER.TaroElementFactory)),
-    __param(2, inject(SERVICE_IDENTIFIER.Hooks)),
-    __metadata("design:paramtypes", [Function, Function, Function])
+    injectable()
 ], TaroText);
 
 /*
@@ -1829,6 +2106,7 @@ combine('box', ['DecorationBreak', 'Shadow', 'Sizing', 'Snap'], true);
 
 function setStyle(newVal, styleKey) {
     const old = this[styleKey];
+    const oldCssTxt = this.cssText;
     if (newVal) {
         this._usedStyleProp.add(styleKey);
     }
@@ -1839,6 +2117,16 @@ function setStyle(newVal, styleKey) {
             path: `${this._element._path}.${"st" /* Style */}`,
             value: this.cssText
         });
+        // @Todo:
+        //   el.style.cssText = 'x: y;m: n'（Bug: 触发两次）
+        //   el.style.cssText = 'x: y'（正常）
+        //   el.style.x = y（正常）
+        MutationObserver.record({
+            type: "attributes" /* ATTRIBUTES */,
+            target: this._element,
+            attributeName: 'style',
+            oldValue: oldCssTxt
+        });
     }
 }
 function initStyle(ctor) {
@@ -1878,15 +2166,15 @@ class Style {
         });
     }
     get cssText() {
-        let text = '';
+        const texts = [];
         this._usedStyleProp.forEach(key => {
             const val = this[key];
             if (!val)
                 return;
             const styleName = isCssVariable(key) ? key : toDashed(key);
-            text += `${styleName}: ${val};`;
+            texts.push(`${styleName}: ${val};`);
         });
-        return text;
+        return texts.join(' ');
     }
     set cssText(str) {
         if (str == null) {
@@ -1993,7 +2281,7 @@ class ClassList extends Set {
         this.el = el;
     }
     get value() {
-        return [...this].join(' ');
+        return [...this].filter(v => v !== '').join(' ');
     }
     add(s) {
         super.add(s);
@@ -2033,15 +2321,16 @@ class ClassList extends Set {
 }
 
 let TaroElement = class TaroElement extends TaroNode {
-    constructor(// eslint-disable-next-line @typescript-eslint/indent
-    nodeImpl, getElement, hooks, elementImpl) {
-        super(nodeImpl, getElement, hooks);
+    constructor() {
+        var _a, _b;
+        super();
         this.props = {};
         this.dataset = EMPTY_OBJ;
-        elementImpl.bind(this);
+        const impl = getElementImpl();
+        impl.bind(this);
         this.nodeType = 1 /* ELEMENT_NODE */;
         this.style = new Style(this);
-        hooks.patchElement(this);
+        (_b = (_a = this.hooks).patchElement) === null || _b === void 0 ? void 0 : _b.call(_a, this);
     }
     _stopPropagation(event) {
         // eslint-disable-next-line @typescript-eslint/no-this-alias
@@ -2049,7 +2338,7 @@ let TaroElement = class TaroElement extends TaroNode {
         // eslint-disable-next-line no-cond-assign
         while ((target = target.parentNode)) {
             const listeners = target.__handlers[event.type];
-            if (!isArray$1(listeners)) {
+            if (!isArray(listeners)) {
                 continue;
             }
             for (let i = listeners.length; i--;) {
@@ -2119,12 +2408,24 @@ let TaroElement = class TaroElement extends TaroNode {
         var _a, _b;
         process.env.NODE_ENV !== 'production' && warn(isString(value) && value.length > PROPERTY_THRESHOLD, `元素 ${this.nodeName} 的 属性 ${qualifiedName} 的值数据量过大，可能会影响渲染性能。考虑降低图片转为 base64 的阈值或在 CSS 中使用 base64。`);
         const isPureView = this.nodeName === VIEW && !isHasExtractProp(this) && !this.isAnyEventBinded();
+        if (qualifiedName !== STYLE) {
+            MutationObserver.record({
+                target: this,
+                type: "attributes" /* ATTRIBUTES */,
+                attributeName: qualifiedName,
+                oldValue: this.getAttribute(qualifiedName)
+            });
+        }
         switch (qualifiedName) {
             case STYLE:
                 this.style.cssText = value;
                 break;
             case ID:
-                eventSource.delete(this.uid);
+                if (this.uid !== this.sid) {
+                    // eventSource[sid] 永远保留，直到组件卸载
+                    // eventSource[uid] 可变
+                    eventSource.delete(this.uid);
+                }
                 value = String(value);
                 this.props[qualifiedName] = this.uid = value;
                 eventSource.set(value, this);
@@ -2142,7 +2443,7 @@ let TaroElement = class TaroElement extends TaroNode {
         qualifiedName = shortcutAttr(qualifiedName);
         const payload = {
             path: `${this._path}.${toCamelCase(qualifiedName)}`,
-            value: isFunction$1(value) ? () => value : value
+            value: isFunction(value) ? () => value : value
         };
         (_b = (_a = this.hooks).modifySetAttrPayload) === null || _b === void 0 ? void 0 : _b.call(_a, this, qualifiedName, payload);
         this.enqueueUpdate(payload);
@@ -2167,6 +2468,12 @@ let TaroElement = class TaroElement extends TaroNode {
     removeAttribute(qualifiedName) {
         var _a, _b, _c, _d;
         const isStaticView = this.nodeName === VIEW && isHasExtractProp(this) && !this.isAnyEventBinded();
+        MutationObserver.record({
+            target: this,
+            type: "attributes" /* ATTRIBUTES */,
+            attributeName: qualifiedName,
+            oldValue: this.getAttribute(qualifiedName)
+        });
         if (qualifiedName === STYLE) {
             this.style.cssText = '';
         }
@@ -2223,7 +2530,7 @@ let TaroElement = class TaroElement extends TaroNode {
     dispatchEvent(event) {
         const cancelable = event.cancelable;
         const listeners = this.__handlers[event.type];
-        if (!isArray$1(listeners)) {
+        if (!isArray(listeners)) {
             return false;
         }
         for (let i = listeners.length; i--;) {
@@ -2233,6 +2540,7 @@ let TaroElement = class TaroElement extends TaroNode {
                 listener._stop = false;
             }
             else {
+                this.hooks.modifyDispatchEvent(event, this);
                 result = listener.call(this, event);
             }
             if ((result === false || event._end) && cancelable) {
@@ -2275,1136 +2583,75 @@ let TaroElement = class TaroElement extends TaroNode {
 };
 TaroElement = __decorate([
     injectable(),
-    __param(0, inject(SERVICE_IDENTIFIER.TaroNodeImpl)),
-    __param(1, inject(SERVICE_IDENTIFIER.TaroElementFactory)),
-    __param(2, inject(SERVICE_IDENTIFIER.Hooks)),
-    __param(3, inject(SERVICE_IDENTIFIER.TaroElementImpl)),
-    __metadata("design:paramtypes", [Function, Function, Function, Function])
+    __metadata("design:paramtypes", [])
 ], TaroElement);
 
-/**
- * Checks if `value` is classified as an `Array` object.
- *
- * @static
- * @memberOf _
- * @since 0.1.0
- * @category Lang
- * @param {*} value The value to check.
- * @returns {boolean} Returns `true` if `value` is an array, else `false`.
- * @example
- *
- * _.isArray([1, 2, 3]);
- * // => true
- *
- * _.isArray(document.body.children);
- * // => false
- *
- * _.isArray('abc');
- * // => false
- *
- * _.isArray(_.noop);
- * // => false
- */
-var isArray = Array.isArray;
-
-/** Detect free variable `global` from Node.js. */
-var freeGlobal = typeof global == 'object' && global && global.Object === Object && global;
-
-/** Detect free variable `self`. */
-var freeSelf = typeof self == 'object' && self && self.Object === Object && self;
-
-/** Used as a reference to the global object. */
-var root = freeGlobal || freeSelf || Function('return this')();
-
-/** Built-in value references. */
-var Symbol$1 = root.Symbol;
-
-/** Used for built-in method references. */
-var objectProto = Object.prototype;
-
-/** Used to check objects for own properties. */
-var hasOwnProperty = objectProto.hasOwnProperty;
-
-/**
- * Used to resolve the
- * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)
- * of values.
- */
-var nativeObjectToString = objectProto.toString;
-
-/** Built-in value references. */
-var symToStringTag = Symbol$1 ? Symbol$1.toStringTag : undefined;
-
-/**
- * A specialized version of `baseGetTag` which ignores `Symbol.toStringTag` values.
- *
- * @private
- * @param {*} value The value to query.
- * @returns {string} Returns the raw `toStringTag`.
- */
-function getRawTag(value) {
-  var isOwn = hasOwnProperty.call(value, symToStringTag),
-      tag = value[symToStringTag];
-
-  try {
-    value[symToStringTag] = undefined;
-    var unmasked = true;
-  } catch (e) {}
-
-  var result = nativeObjectToString.call(value);
-  if (unmasked) {
-    if (isOwn) {
-      value[symToStringTag] = tag;
-    } else {
-      delete value[symToStringTag];
-    }
-  }
-  return result;
-}
-
-/** Used for built-in method references. */
-var objectProto$1 = Object.prototype;
-
-/**
- * Used to resolve the
- * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)
- * of values.
- */
-var nativeObjectToString$1 = objectProto$1.toString;
-
-/**
- * Converts `value` to a string using `Object.prototype.toString`.
- *
- * @private
- * @param {*} value The value to convert.
- * @returns {string} Returns the converted string.
- */
-function objectToString(value) {
-  return nativeObjectToString$1.call(value);
-}
-
-/** `Object#toString` result references. */
-var nullTag = '[object Null]',
-    undefinedTag = '[object Undefined]';
-
-/** Built-in value references. */
-var symToStringTag$1 = Symbol$1 ? Symbol$1.toStringTag : undefined;
-
-/**
- * The base implementation of `getTag` without fallbacks for buggy environments.
- *
- * @private
- * @param {*} value The value to query.
- * @returns {string} Returns the `toStringTag`.
- */
-function baseGetTag(value) {
-  if (value == null) {
-    return value === undefined ? undefinedTag : nullTag;
-  }
-  return (symToStringTag$1 && symToStringTag$1 in Object(value))
-    ? getRawTag(value)
-    : objectToString(value);
-}
-
-/**
- * Checks if `value` is object-like. A value is object-like if it's not `null`
- * and has a `typeof` result of "object".
- *
- * @static
- * @memberOf _
- * @since 4.0.0
- * @category Lang
- * @param {*} value The value to check.
- * @returns {boolean} Returns `true` if `value` is object-like, else `false`.
- * @example
- *
- * _.isObjectLike({});
- * // => true
- *
- * _.isObjectLike([1, 2, 3]);
- * // => true
- *
- * _.isObjectLike(_.noop);
- * // => false
- *
- * _.isObjectLike(null);
- * // => false
- */
-function isObjectLike(value) {
-  return value != null && typeof value == 'object';
-}
-
-/** `Object#toString` result references. */
-var symbolTag = '[object Symbol]';
-
-/**
- * Checks if `value` is classified as a `Symbol` primitive or object.
- *
- * @static
- * @memberOf _
- * @since 4.0.0
- * @category Lang
- * @param {*} value The value to check.
- * @returns {boolean} Returns `true` if `value` is a symbol, else `false`.
- * @example
- *
- * _.isSymbol(Symbol.iterator);
- * // => true
- *
- * _.isSymbol('abc');
- * // => false
- */
-function isSymbol(value) {
-  return typeof value == 'symbol' ||
-    (isObjectLike(value) && baseGetTag(value) == symbolTag);
-}
-
-/** Used to match property names within property paths. */
-var reIsDeepProp = /\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,
-    reIsPlainProp = /^\w*$/;
-
-/**
- * Checks if `value` is a property name and not a property path.
- *
- * @private
- * @param {*} value The value to check.
- * @param {Object} [object] The object to query keys on.
- * @returns {boolean} Returns `true` if `value` is a property name, else `false`.
- */
-function isKey(value, object) {
-  if (isArray(value)) {
-    return false;
-  }
-  var type = typeof value;
-  if (type == 'number' || type == 'symbol' || type == 'boolean' ||
-      value == null || isSymbol(value)) {
-    return true;
-  }
-  return reIsPlainProp.test(value) || !reIsDeepProp.test(value) ||
-    (object != null && value in Object(object));
-}
-
-/**
- * Checks if `value` is the
- * [language type](http://www.ecma-international.org/ecma-262/7.0/#sec-ecmascript-language-types)
- * of `Object`. (e.g. arrays, functions, objects, regexes, `new Number(0)`, and `new String('')`)
- *
- * @static
- * @memberOf _
- * @since 0.1.0
- * @category Lang
- * @param {*} value The value to check.
- * @returns {boolean} Returns `true` if `value` is an object, else `false`.
- * @example
- *
- * _.isObject({});
- * // => true
- *
- * _.isObject([1, 2, 3]);
- * // => true
- *
- * _.isObject(_.noop);
- * // => true
- *
- * _.isObject(null);
- * // => false
- */
-function isObject(value) {
-  var type = typeof value;
-  return value != null && (type == 'object' || type == 'function');
-}
-
-/** `Object#toString` result references. */
-var asyncTag = '[object AsyncFunction]',
-    funcTag = '[object Function]',
-    genTag = '[object GeneratorFunction]',
-    proxyTag = '[object Proxy]';
-
-/**
- * Checks if `value` is classified as a `Function` object.
- *
- * @static
- * @memberOf _
- * @since 0.1.0
- * @category Lang
- * @param {*} value The value to check.
- * @returns {boolean} Returns `true` if `value` is a function, else `false`.
- * @example
- *
- * _.isFunction(_);
- * // => true
- *
- * _.isFunction(/abc/);
- * // => false
- */
-function isFunction(value) {
-  if (!isObject(value)) {
-    return false;
-  }
-  // The use of `Object#toString` avoids issues with the `typeof` operator
-  // in Safari 9 which returns 'object' for typed arrays and other constructors.
-  var tag = baseGetTag(value);
-  return tag == funcTag || tag == genTag || tag == asyncTag || tag == proxyTag;
-}
-
-/** Used to detect overreaching core-js shims. */
-var coreJsData = root['__core-js_shared__'];
-
-/** Used to detect methods masquerading as native. */
-var maskSrcKey = (function() {
-  var uid = /[^.]+$/.exec(coreJsData && coreJsData.keys && coreJsData.keys.IE_PROTO || '');
-  return uid ? ('Symbol(src)_1.' + uid) : '';
-}());
-
-/**
- * Checks if `func` has its source masked.
- *
- * @private
- * @param {Function} func The function to check.
- * @returns {boolean} Returns `true` if `func` is masked, else `false`.
- */
-function isMasked(func) {
-  return !!maskSrcKey && (maskSrcKey in func);
-}
-
-/** Used for built-in method references. */
-var funcProto = Function.prototype;
-
-/** Used to resolve the decompiled source of functions. */
-var funcToString = funcProto.toString;
-
-/**
- * Converts `func` to its source code.
- *
- * @private
- * @param {Function} func The function to convert.
- * @returns {string} Returns the source code.
- */
-function toSource(func) {
-  if (func != null) {
-    try {
-      return funcToString.call(func);
-    } catch (e) {}
-    try {
-      return (func + '');
-    } catch (e) {}
-  }
-  return '';
-}
-
-/**
- * Used to match `RegExp`
- * [syntax characters](http://ecma-international.org/ecma-262/7.0/#sec-patterns).
- */
-var reRegExpChar = /[\\^$.*+?()[\]{}|]/g;
-
-/** Used to detect host constructors (Safari). */
-var reIsHostCtor = /^\[object .+?Constructor\]$/;
-
-/** Used for built-in method references. */
-var funcProto$1 = Function.prototype,
-    objectProto$2 = Object.prototype;
-
-/** Used to resolve the decompiled source of functions. */
-var funcToString$1 = funcProto$1.toString;
-
-/** Used to check objects for own properties. */
-var hasOwnProperty$1 = objectProto$2.hasOwnProperty;
+const options = {
+    prerender: true,
+    debug: false
+};
 
-/** Used to detect if a method is native. */
-var reIsNative = RegExp('^' +
-  funcToString$1.call(hasOwnProperty$1).replace(reRegExpChar, '\\$&')
-  .replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, '$1.*?') + '$'
-);
+class Performance {
+    constructor() {
+        this.recorder = new Map();
+    }
+    start(id) {
+        if (!options.debug) {
+            return;
+        }
+        this.recorder.set(id, Date.now());
+    }
+    stop(id) {
+        if (!options.debug) {
+            return;
+        }
+        const now = Date.now();
+        const prev = this.recorder.get(id);
+        const time = now - prev;
+        // eslint-disable-next-line no-console
+        console.log(`${id} 时长： ${time}ms`);
+    }
+}
+const perf = new Performance();
 
-/**
- * The base implementation of `_.isNative` without bad shim checks.
- *
- * @private
- * @param {*} value The value to check.
- * @returns {boolean} Returns `true` if `value` is a native function,
- *  else `false`.
- */
-function baseIsNative(value) {
-  if (!isObject(value) || isMasked(value)) {
-    return false;
-  }
-  var pattern = isFunction(value) ? reIsNative : reIsHostCtor;
-  return pattern.test(toSource(value));
-}
-
-/**
- * Gets the value at `key` of `object`.
- *
- * @private
- * @param {Object} [object] The object to query.
- * @param {string} key The key of the property to get.
- * @returns {*} Returns the property value.
- */
-function getValue(object, key) {
-  return object == null ? undefined : object[key];
-}
-
-/**
- * Gets the native function at `key` of `object`.
- *
- * @private
- * @param {Object} object The object to query.
- * @param {string} key The key of the method to get.
- * @returns {*} Returns the function if it's native, else `undefined`.
- */
-function getNative(object, key) {
-  var value = getValue(object, key);
-  return baseIsNative(value) ? value : undefined;
-}
-
-/* Built-in method references that are verified to be native. */
-var nativeCreate = getNative(Object, 'create');
-
-/**
- * Removes all key-value entries from the hash.
- *
- * @private
- * @name clear
- * @memberOf Hash
- */
-function hashClear() {
-  this.__data__ = nativeCreate ? nativeCreate(null) : {};
-  this.size = 0;
-}
-
-/**
- * Removes `key` and its value from the hash.
- *
- * @private
- * @name delete
- * @memberOf Hash
- * @param {Object} hash The hash to modify.
- * @param {string} key The key of the value to remove.
- * @returns {boolean} Returns `true` if the entry was removed, else `false`.
- */
-function hashDelete(key) {
-  var result = this.has(key) && delete this.__data__[key];
-  this.size -= result ? 1 : 0;
-  return result;
-}
-
-/** Used to stand-in for `undefined` hash values. */
-var HASH_UNDEFINED = '__lodash_hash_undefined__';
-
-/** Used for built-in method references. */
-var objectProto$3 = Object.prototype;
-
-/** Used to check objects for own properties. */
-var hasOwnProperty$2 = objectProto$3.hasOwnProperty;
-
-/**
- * Gets the hash value for `key`.
- *
- * @private
- * @name get
- * @memberOf Hash
- * @param {string} key The key of the value to get.
- * @returns {*} Returns the entry value.
- */
-function hashGet(key) {
-  var data = this.__data__;
-  if (nativeCreate) {
-    var result = data[key];
-    return result === HASH_UNDEFINED ? undefined : result;
-  }
-  return hasOwnProperty$2.call(data, key) ? data[key] : undefined;
-}
-
-/** Used for built-in method references. */
-var objectProto$4 = Object.prototype;
-
-/** Used to check objects for own properties. */
-var hasOwnProperty$3 = objectProto$4.hasOwnProperty;
-
-/**
- * Checks if a hash value for `key` exists.
- *
- * @private
- * @name has
- * @memberOf Hash
- * @param {string} key The key of the entry to check.
- * @returns {boolean} Returns `true` if an entry for `key` exists, else `false`.
- */
-function hashHas(key) {
-  var data = this.__data__;
-  return nativeCreate ? (data[key] !== undefined) : hasOwnProperty$3.call(data, key);
-}
-
-/** Used to stand-in for `undefined` hash values. */
-var HASH_UNDEFINED$1 = '__lodash_hash_undefined__';
-
-/**
- * Sets the hash `key` to `value`.
- *
- * @private
- * @name set
- * @memberOf Hash
- * @param {string} key The key of the value to set.
- * @param {*} value The value to set.
- * @returns {Object} Returns the hash instance.
- */
-function hashSet(key, value) {
-  var data = this.__data__;
-  this.size += this.has(key) ? 0 : 1;
-  data[key] = (nativeCreate && value === undefined) ? HASH_UNDEFINED$1 : value;
-  return this;
-}
-
-/**
- * Creates a hash object.
- *
- * @private
- * @constructor
- * @param {Array} [entries] The key-value pairs to cache.
- */
-function Hash(entries) {
-  var index = -1,
-      length = entries == null ? 0 : entries.length;
-
-  this.clear();
-  while (++index < length) {
-    var entry = entries[index];
-    this.set(entry[0], entry[1]);
-  }
-}
-
-// Add methods to `Hash`.
-Hash.prototype.clear = hashClear;
-Hash.prototype['delete'] = hashDelete;
-Hash.prototype.get = hashGet;
-Hash.prototype.has = hashHas;
-Hash.prototype.set = hashSet;
-
-/**
- * Removes all key-value entries from the list cache.
- *
- * @private
- * @name clear
- * @memberOf ListCache
- */
-function listCacheClear() {
-  this.__data__ = [];
-  this.size = 0;
-}
-
-/**
- * Performs a
- * [`SameValueZero`](http://ecma-international.org/ecma-262/7.0/#sec-samevaluezero)
- * comparison between two values to determine if they are equivalent.
- *
- * @static
- * @memberOf _
- * @since 4.0.0
- * @category Lang
- * @param {*} value The value to compare.
- * @param {*} other The other value to compare.
- * @returns {boolean} Returns `true` if the values are equivalent, else `false`.
- * @example
- *
- * var object = { 'a': 1 };
- * var other = { 'a': 1 };
- *
- * _.eq(object, object);
- * // => true
- *
- * _.eq(object, other);
- * // => false
- *
- * _.eq('a', 'a');
- * // => true
- *
- * _.eq('a', Object('a'));
- * // => false
- *
- * _.eq(NaN, NaN);
- * // => true
- */
-function eq(value, other) {
-  return value === other || (value !== value && other !== other);
-}
-
-/**
- * Gets the index at which the `key` is found in `array` of key-value pairs.
- *
- * @private
- * @param {Array} array The array to inspect.
- * @param {*} key The key to search for.
- * @returns {number} Returns the index of the matched value, else `-1`.
- */
-function assocIndexOf(array, key) {
-  var length = array.length;
-  while (length--) {
-    if (eq(array[length][0], key)) {
-      return length;
-    }
-  }
-  return -1;
-}
-
-/** Used for built-in method references. */
-var arrayProto = Array.prototype;
-
-/** Built-in value references. */
-var splice = arrayProto.splice;
-
-/**
- * Removes `key` and its value from the list cache.
- *
- * @private
- * @name delete
- * @memberOf ListCache
- * @param {string} key The key of the value to remove.
- * @returns {boolean} Returns `true` if the entry was removed, else `false`.
- */
-function listCacheDelete(key) {
-  var data = this.__data__,
-      index = assocIndexOf(data, key);
-
-  if (index < 0) {
-    return false;
-  }
-  var lastIndex = data.length - 1;
-  if (index == lastIndex) {
-    data.pop();
-  } else {
-    splice.call(data, index, 1);
-  }
-  --this.size;
-  return true;
-}
-
-/**
- * Gets the list cache value for `key`.
- *
- * @private
- * @name get
- * @memberOf ListCache
- * @param {string} key The key of the value to get.
- * @returns {*} Returns the entry value.
- */
-function listCacheGet(key) {
-  var data = this.__data__,
-      index = assocIndexOf(data, key);
-
-  return index < 0 ? undefined : data[index][1];
-}
-
-/**
- * Checks if a list cache value for `key` exists.
- *
- * @private
- * @name has
- * @memberOf ListCache
- * @param {string} key The key of the entry to check.
- * @returns {boolean} Returns `true` if an entry for `key` exists, else `false`.
- */
-function listCacheHas(key) {
-  return assocIndexOf(this.__data__, key) > -1;
-}
-
-/**
- * Sets the list cache `key` to `value`.
- *
- * @private
- * @name set
- * @memberOf ListCache
- * @param {string} key The key of the value to set.
- * @param {*} value The value to set.
- * @returns {Object} Returns the list cache instance.
- */
-function listCacheSet(key, value) {
-  var data = this.__data__,
-      index = assocIndexOf(data, key);
-
-  if (index < 0) {
-    ++this.size;
-    data.push([key, value]);
-  } else {
-    data[index][1] = value;
-  }
-  return this;
-}
-
-/**
- * Creates an list cache object.
- *
- * @private
- * @constructor
- * @param {Array} [entries] The key-value pairs to cache.
- */
-function ListCache(entries) {
-  var index = -1,
-      length = entries == null ? 0 : entries.length;
-
-  this.clear();
-  while (++index < length) {
-    var entry = entries[index];
-    this.set(entry[0], entry[1]);
-  }
-}
-
-// Add methods to `ListCache`.
-ListCache.prototype.clear = listCacheClear;
-ListCache.prototype['delete'] = listCacheDelete;
-ListCache.prototype.get = listCacheGet;
-ListCache.prototype.has = listCacheHas;
-ListCache.prototype.set = listCacheSet;
-
-/* Built-in method references that are verified to be native. */
-var Map$1 = getNative(root, 'Map');
-
-/**
- * Removes all key-value entries from the map.
- *
- * @private
- * @name clear
- * @memberOf MapCache
- */
-function mapCacheClear() {
-  this.size = 0;
-  this.__data__ = {
-    'hash': new Hash,
-    'map': new (Map$1 || ListCache),
-    'string': new Hash
-  };
-}
-
-/**
- * Checks if `value` is suitable for use as unique object key.
- *
- * @private
- * @param {*} value The value to check.
- * @returns {boolean} Returns `true` if `value` is suitable, else `false`.
- */
-function isKeyable(value) {
-  var type = typeof value;
-  return (type == 'string' || type == 'number' || type == 'symbol' || type == 'boolean')
-    ? (value !== '__proto__')
-    : (value === null);
-}
-
-/**
- * Gets the data for `map`.
- *
- * @private
- * @param {Object} map The map to query.
- * @param {string} key The reference key.
- * @returns {*} Returns the map data.
- */
-function getMapData(map, key) {
-  var data = map.__data__;
-  return isKeyable(key)
-    ? data[typeof key == 'string' ? 'string' : 'hash']
-    : data.map;
-}
-
-/**
- * Removes `key` and its value from the map.
- *
- * @private
- * @name delete
- * @memberOf MapCache
- * @param {string} key The key of the value to remove.
- * @returns {boolean} Returns `true` if the entry was removed, else `false`.
- */
-function mapCacheDelete(key) {
-  var result = getMapData(this, key)['delete'](key);
-  this.size -= result ? 1 : 0;
-  return result;
-}
-
-/**
- * Gets the map value for `key`.
- *
- * @private
- * @name get
- * @memberOf MapCache
- * @param {string} key The key of the value to get.
- * @returns {*} Returns the entry value.
- */
-function mapCacheGet(key) {
-  return getMapData(this, key).get(key);
-}
-
-/**
- * Checks if a map value for `key` exists.
- *
- * @private
- * @name has
- * @memberOf MapCache
- * @param {string} key The key of the entry to check.
- * @returns {boolean} Returns `true` if an entry for `key` exists, else `false`.
- */
-function mapCacheHas(key) {
-  return getMapData(this, key).has(key);
-}
-
-/**
- * Sets the map `key` to `value`.
- *
- * @private
- * @name set
- * @memberOf MapCache
- * @param {string} key The key of the value to set.
- * @param {*} value The value to set.
- * @returns {Object} Returns the map cache instance.
- */
-function mapCacheSet(key, value) {
-  var data = getMapData(this, key),
-      size = data.size;
-
-  data.set(key, value);
-  this.size += data.size == size ? 0 : 1;
-  return this;
-}
-
-/**
- * Creates a map cache object to store key-value pairs.
- *
- * @private
- * @constructor
- * @param {Array} [entries] The key-value pairs to cache.
- */
-function MapCache(entries) {
-  var index = -1,
-      length = entries == null ? 0 : entries.length;
-
-  this.clear();
-  while (++index < length) {
-    var entry = entries[index];
-    this.set(entry[0], entry[1]);
-  }
-}
-
-// Add methods to `MapCache`.
-MapCache.prototype.clear = mapCacheClear;
-MapCache.prototype['delete'] = mapCacheDelete;
-MapCache.prototype.get = mapCacheGet;
-MapCache.prototype.has = mapCacheHas;
-MapCache.prototype.set = mapCacheSet;
-
-/** Error message constants. */
-var FUNC_ERROR_TEXT = 'Expected a function';
-
-/**
- * Creates a function that memoizes the result of `func`. If `resolver` is
- * provided, it determines the cache key for storing the result based on the
- * arguments provided to the memoized function. By default, the first argument
- * provided to the memoized function is used as the map cache key. The `func`
- * is invoked with the `this` binding of the memoized function.
- *
- * **Note:** The cache is exposed as the `cache` property on the memoized
- * function. Its creation may be customized by replacing the `_.memoize.Cache`
- * constructor with one whose instances implement the
- * [`Map`](http://ecma-international.org/ecma-262/7.0/#sec-properties-of-the-map-prototype-object)
- * method interface of `clear`, `delete`, `get`, `has`, and `set`.
- *
- * @static
- * @memberOf _
- * @since 0.1.0
- * @category Function
- * @param {Function} func The function to have its output memoized.
- * @param {Function} [resolver] The function to resolve the cache key.
- * @returns {Function} Returns the new memoized function.
- * @example
- *
- * var object = { 'a': 1, 'b': 2 };
- * var other = { 'c': 3, 'd': 4 };
- *
- * var values = _.memoize(_.values);
- * values(object);
- * // => [1, 2]
- *
- * values(other);
- * // => [3, 4]
- *
- * object.a = 2;
- * values(object);
- * // => [1, 2]
- *
- * // Modify the result cache.
- * values.cache.set(object, ['a', 'b']);
- * values(object);
- * // => ['a', 'b']
- *
- * // Replace `_.memoize.Cache`.
- * _.memoize.Cache = WeakMap;
- */
-function memoize(func, resolver) {
-  if (typeof func != 'function' || (resolver != null && typeof resolver != 'function')) {
-    throw new TypeError(FUNC_ERROR_TEXT);
-  }
-  var memoized = function() {
-    var args = arguments,
-        key = resolver ? resolver.apply(this, args) : args[0],
-        cache = memoized.cache;
-
-    if (cache.has(key)) {
-      return cache.get(key);
-    }
-    var result = func.apply(this, args);
-    memoized.cache = cache.set(key, result) || cache;
-    return result;
-  };
-  memoized.cache = new (memoize.Cache || MapCache);
-  return memoized;
-}
-
-// Expose `MapCache`.
-memoize.Cache = MapCache;
-
-/** Used as the maximum memoize cache size. */
-var MAX_MEMOIZE_SIZE = 500;
-
-/**
- * A specialized version of `_.memoize` which clears the memoized function's
- * cache when it exceeds `MAX_MEMOIZE_SIZE`.
- *
- * @private
- * @param {Function} func The function to have its output memoized.
- * @returns {Function} Returns the new memoized function.
- */
-function memoizeCapped(func) {
-  var result = memoize(func, function(key) {
-    if (cache.size === MAX_MEMOIZE_SIZE) {
-      cache.clear();
-    }
-    return key;
-  });
-
-  var cache = result.cache;
-  return result;
-}
-
-/** Used to match property names within property paths. */
-var rePropName = /[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g;
-
-/** Used to match backslashes in property paths. */
-var reEscapeChar = /\\(\\)?/g;
-
-/**
- * Converts `string` to a property path array.
- *
- * @private
- * @param {string} string The string to convert.
- * @returns {Array} Returns the property path array.
- */
-var stringToPath = memoizeCapped(function(string) {
-  var result = [];
-  if (string.charCodeAt(0) === 46 /* . */) {
-    result.push('');
-  }
-  string.replace(rePropName, function(match, number, quote, subString) {
-    result.push(quote ? subString.replace(reEscapeChar, '$1') : (number || match));
-  });
-  return result;
-});
-
-/**
- * A specialized version of `_.map` for arrays without support for iteratee
- * shorthands.
- *
- * @private
- * @param {Array} [array] The array to iterate over.
- * @param {Function} iteratee The function invoked per iteration.
- * @returns {Array} Returns the new mapped array.
- */
-function arrayMap(array, iteratee) {
-  var index = -1,
-      length = array == null ? 0 : array.length,
-      result = Array(length);
-
-  while (++index < length) {
-    result[index] = iteratee(array[index], index, array);
-  }
-  return result;
-}
-
-/** Used as references for various `Number` constants. */
-var INFINITY = 1 / 0;
-
-/** Used to convert symbols to primitives and strings. */
-var symbolProto = Symbol$1 ? Symbol$1.prototype : undefined,
-    symbolToString = symbolProto ? symbolProto.toString : undefined;
-
-/**
- * The base implementation of `_.toString` which doesn't convert nullish
- * values to empty strings.
- *
- * @private
- * @param {*} value The value to process.
- * @returns {string} Returns the string.
- */
-function baseToString(value) {
-  // Exit early for strings to avoid a performance hit in some environments.
-  if (typeof value == 'string') {
-    return value;
-  }
-  if (isArray(value)) {
-    // Recursively convert values (susceptible to call stack limits).
-    return arrayMap(value, baseToString) + '';
-  }
-  if (isSymbol(value)) {
-    return symbolToString ? symbolToString.call(value) : '';
-  }
-  var result = (value + '');
-  return (result == '0' && (1 / value) == -INFINITY) ? '-0' : result;
-}
-
-/**
- * Converts `value` to a string. An empty string is returned for `null`
- * and `undefined` values. The sign of `-0` is preserved.
- *
- * @static
- * @memberOf _
- * @since 4.0.0
- * @category Lang
- * @param {*} value The value to convert.
- * @returns {string} Returns the converted string.
- * @example
- *
- * _.toString(null);
- * // => ''
- *
- * _.toString(-0);
- * // => '-0'
- *
- * _.toString([1, 2, 3]);
- * // => '1,2,3'
- */
-function toString(value) {
-  return value == null ? '' : baseToString(value);
-}
-
-/**
- * Casts `value` to a path array if it's not one.
- *
- * @private
- * @param {*} value The value to inspect.
- * @param {Object} [object] The object to query keys on.
- * @returns {Array} Returns the cast property path array.
- */
-function castPath(value, object) {
-  if (isArray(value)) {
-    return value;
-  }
-  return isKey(value, object) ? [value] : stringToPath(toString(value));
-}
-
-/** Used as references for various `Number` constants. */
-var INFINITY$1 = 1 / 0;
-
-/**
- * Converts `value` to a string key if it's not a string or symbol.
- *
- * @private
- * @param {*} value The value to inspect.
- * @returns {string|symbol} Returns the key.
- */
-function toKey(value) {
-  if (typeof value == 'string' || isSymbol(value)) {
-    return value;
-  }
-  var result = (value + '');
-  return (result == '0' && (1 / value) == -INFINITY$1) ? '-0' : result;
-}
-
-/**
- * The base implementation of `_.get` without support for default values.
- *
- * @private
- * @param {Object} object The object to query.
- * @param {Array|string} path The path of the property to get.
- * @returns {*} Returns the resolved value.
- */
-function baseGet(object, path) {
-  path = castPath(path, object);
-
-  var index = 0,
-      length = path.length;
-
-  while (object != null && index < length) {
-    object = object[toKey(path[index++])];
-  }
-  return (index && index == length) ? object : undefined;
-}
-
-/**
- * Gets the value at `path` of `object`. If the resolved value is
- * `undefined`, the `defaultValue` is returned in its place.
- *
- * @static
- * @memberOf _
- * @since 3.7.0
- * @category Object
- * @param {Object} object The object to query.
- * @param {Array|string} path The path of the property to get.
- * @param {*} [defaultValue] The value returned for `undefined` resolved values.
- * @returns {*} Returns the resolved value.
- * @example
- *
- * var object = { 'a': [{ 'b': { 'c': 3 } }] };
- *
- * _.get(object, 'a[0].b.c');
- * // => 3
- *
- * _.get(object, ['a', '0', 'b', 'c']);
- * // => 3
- *
- * _.get(object, 'a.b.c', 'default');
- * // => 'default'
- */
-function get(object, path, defaultValue) {
-  var result = object == null ? undefined : baseGet(object, path);
-  return result === undefined ? defaultValue : result;
-}
-
-const options = {
-    prerender: true,
-    debug: false
-};
-
-class Performance {
-    constructor() {
-        this.recorder = new Map();
-    }
-    start(id) {
-        if (!options.debug) {
-            return;
-        }
-        this.recorder.set(id, Date.now());
-    }
-    stop(id) {
-        if (!options.debug) {
-            return;
+function findCustomWrapper(root, dataPathArr) {
+    // ['root', 'cn', '[0]'] remove 'root' => ['cn', '[0]']
+    const list = dataPathArr.slice(1);
+    let currentData = root;
+    let customWrapper;
+    let splitedPath = '';
+    list.some((item, i) => {
+        const key = item
+            // '[0]' => '0'
+            .replace(/^\[(.+)\]$/, '$1')
+            // 'cn' => 'childNodes'
+            .replace(/\bcn\b/g, 'childNodes');
+        currentData = currentData[key];
+        if (isUndefined(currentData))
+            return true;
+        if (currentData.nodeName === CUSTOM_WRAPPER) {
+            const res = customWrapperCache.get(currentData.sid);
+            if (res) {
+                customWrapper = res;
+                splitedPath = dataPathArr.slice(i + 2).join('.');
+            }
         }
-        const now = Date.now();
-        const prev = this.recorder.get(id);
-        const time = now - prev;
-        // eslint-disable-next-line no-console
-        console.log(`${id} 时长： ${time}ms`);
+    });
+    if (customWrapper) {
+        return {
+            customWrapper,
+            splitedPath
+        };
     }
 }
-const perf = new Performance();
-
-const eventIncrementId = incrementId();
 let TaroRootElement = class TaroRootElement extends TaroElement {
-    constructor(// eslint-disable-next-line @typescript-eslint/indent
-    nodeImpl, getElement, hooks, elementImpl, eventCenter) {
-        super(nodeImpl, getElement, hooks, elementImpl);
-        this.pendingFlush = false;
+    constructor() {
+        super();
         this.updatePayloads = [];
         this.updateCallbacks = [];
         this.pendingUpdate = false;
         this.ctx = null;
         this.nodeName = ROOT_STR;
-        this.eventCenter = eventCenter;
     }
     get _path() {
         return ROOT_STR;
@@ -3414,7 +2661,7 @@ let TaroRootElement = class TaroRootElement extends TaroElement {
     }
     enqueueUpdate(payload) {
         this.updatePayloads.push(payload);
-        if (!this.pendingUpdate && this.ctx !== null) {
+        if (!this.pendingUpdate && this.ctx) {
             this.performUpdate();
         }
     }
@@ -3442,97 +2689,66 @@ let TaroRootElement = class TaroRootElement extends TaroElement {
                     }
                 });
                 const value = data[path];
-                if (isFunction$1(value)) {
+                if (isFunction(value)) {
                     data[path] = value();
                 }
             }
-            if (isFunction$1(prerender)) {
-                prerender(data);
+            // 预渲染
+            if (isFunction(prerender))
+                return prerender(data);
+            // 正常渲染
+            this.pendingUpdate = false;
+            let normalUpdate = {};
+            const customWrapperMap = new Map();
+            if (initRender) {
+                // 初次渲染，使用页面级别的 setData
+                normalUpdate = data;
             }
             else {
-                this.pendingUpdate = false;
-                const customWrapperUpdate = [];
-                const customWrapperMap = new Map();
-                const normalUpdate = {};
-                if (!initRender) {
-                    for (const p in data) {
-                        const dataPathArr = p.split('.');
-                        let hasCustomWrapper = false;
-                        for (let i = dataPathArr.length; i > 0; i--) {
-                            const allPath = dataPathArr.slice(1, i).join('.').replace(/\bcn\b/g, 'childNodes');
-                            const getData = get(this, allPath);
-                            if (getData && getData.nodeName && getData.nodeName === CUSTOM_WRAPPER) {
-                                const customWrapperId = getData.uid;
-                                const customWrapper = customWrapperCache.get(customWrapperId);
-                                const splitedPath = dataPathArr.slice(i).join('.');
-                                if (customWrapper) {
-                                    hasCustomWrapper = true;
-                                    customWrapperMap.set(customWrapper, Object.assign(Object.assign({}, (customWrapperMap.get(customWrapper) || {})), { [`i.${splitedPath}`]: data[p] }));
-                                    break;
-                                }
-                            }
-                        }
-                        if (!hasCustomWrapper) {
-                            normalUpdate[p] = data[p];
-                        }
+                // 更新渲染，区分 CustomWrapper 与页面级别的 setData
+                for (const p in data) {
+                    const dataPathArr = p.split('.');
+                    const found = findCustomWrapper(this, dataPathArr);
+                    if (found) {
+                        // 此项数据使用 CustomWrapper 去更新
+                        const { customWrapper, splitedPath } = found;
+                        // 合并同一个 customWrapper 的相关更新到一次 setData 中
+                        customWrapperMap.set(customWrapper, Object.assign(Object.assign({}, (customWrapperMap.get(customWrapper) || {})), { [`i.${splitedPath}`]: data[p] }));
                     }
-                    if (customWrapperMap.size > 0) {
-                        customWrapperMap.forEach((data, ctx) => {
-                            customWrapperUpdate.push({ ctx, data });
-                        });
+                    else {
+                        // 此项数据使用页面去更新
+                        normalUpdate[p] = data[p];
                     }
                 }
-                const updateArrLen = customWrapperUpdate.length;
-                if (updateArrLen) {
-                    const eventId = `${this._path}_update_${eventIncrementId()}`;
-                    const eventCenter = this.eventCenter;
-                    let executeTime = 0;
-                    eventCenter.once(eventId, () => {
-                        executeTime++;
-                        if (executeTime === updateArrLen + 1) {
-                            perf.stop(SET_DATA);
-                            if (!this.pendingFlush) {
-                                this.flushUpdateCallback();
-                            }
-                            if (initRender) {
-                                perf.stop(PAGE_INIT);
-                            }
-                        }
-                    }, eventCenter);
-                    customWrapperUpdate.forEach(item => {
-                        if (process.env.NODE_ENV !== 'production' && options.debug) {
-                            // eslint-disable-next-line no-console
-                            console.log('custom wrapper setData: ', item.data);
-                        }
-                        item.ctx.setData(item.data, () => {
-                            eventCenter.trigger(eventId);
-                        });
-                    });
-                    if (Object.keys(normalUpdate).length) {
-                        if (process.env.NODE_ENV !== 'production' && options.debug) {
-                            // eslint-disable-next-line no-console
-                            console.log('setData:', normalUpdate);
-                        }
-                        ctx.setData(normalUpdate, () => {
-                            eventCenter.trigger(eventId);
-                        });
-                    }
+            }
+            const customWrpperCount = customWrapperMap.size;
+            const isNeedNormalUpdate = Object.keys(normalUpdate).length > 0;
+            const updateArrLen = customWrpperCount + (isNeedNormalUpdate ? 1 : 0);
+            let executeTime = 0;
+            const cb = () => {
+                if (++executeTime === updateArrLen) {
+                    perf.stop(SET_DATA);
+                    this.flushUpdateCallback();
+                    initRender && perf.stop(PAGE_INIT);
                 }
-                else {
+            };
+            // custom-wrapper setData
+            if (customWrpperCount) {
+                customWrapperMap.forEach((data, ctx) => {
                     if (process.env.NODE_ENV !== 'production' && options.debug) {
                         // eslint-disable-next-line no-console
-                        console.log('setData:', data);
+                        console.log('custom wrapper setData: ', data);
                     }
-                    ctx.setData(data, () => {
-                        perf.stop(SET_DATA);
-                        if (!this.pendingFlush) {
-                            this.flushUpdateCallback();
-                        }
-                        if (initRender) {
-                            perf.stop(PAGE_INIT);
-                        }
-                    });
+                    ctx.setData(data, cb);
+                });
+            }
+            // page setData
+            if (isNeedNormalUpdate) {
+                if (process.env.NODE_ENV !== 'production' && options.debug) {
+                    // eslint-disable-next-line no-console
+                    console.log('page setData:', normalUpdate);
                 }
+                ctx.setData(normalUpdate, cb);
             }
         }, 0);
     }
@@ -3542,8 +2758,10 @@ let TaroRootElement = class TaroRootElement extends TaroElement {
         });
     }
     flushUpdateCallback() {
-        this.pendingFlush = false;
-        const copies = this.updateCallbacks.slice(0);
+        const updateCallbacks = this.updateCallbacks;
+        if (!updateCallbacks.length)
+            return;
+        const copies = updateCallbacks.slice(0);
         this.updateCallbacks.length = 0;
         for (let i = 0; i < copies.length; i++) {
             copies[i]();
@@ -3552,12 +2770,7 @@ let TaroRootElement = class TaroRootElement extends TaroElement {
 };
 TaroRootElement = __decorate([
     injectable(),
-    __param(0, inject(SERVICE_IDENTIFIER.TaroNodeImpl)),
-    __param(1, inject(SERVICE_IDENTIFIER.TaroElementFactory)),
-    __param(2, inject(SERVICE_IDENTIFIER.Hooks)),
-    __param(3, inject(SERVICE_IDENTIFIER.TaroElementImpl)),
-    __param(4, inject(SERVICE_IDENTIFIER.eventCenter)),
-    __metadata("design:paramtypes", [Function, Function, Function, Function, Function])
+    __metadata("design:paramtypes", [])
 ], TaroRootElement);
 
 class FormElement extends TaroElement {
@@ -3590,6 +2803,108 @@ class FormElement extends TaroElement {
 class SVGElement extends TaroElement {
 }
 
+// Taro 事件对象。以 Web 标准的事件对象为基础，加入小程序事件对象中携带的部分信息，并模拟实现事件冒泡。
+class TaroEvent {
+    constructor(type, opts, event) {
+        this._stop = false;
+        this._end = false;
+        this.defaultPrevented = false;
+        // timestamp can either be hi-res ( relative to page load) or low-res (relative to UNIX epoch)
+        // here use hi-res timestamp
+        this.timeStamp = Date.now();
+        this.type = type.toLowerCase();
+        this.mpEvent = event;
+        this.bubbles = Boolean(opts && opts.bubbles);
+        this.cancelable = Boolean(opts && opts.cancelable);
+    }
+    stopPropagation() {
+        this._stop = true;
+    }
+    stopImmediatePropagation() {
+        this._end = this._stop = true;
+    }
+    preventDefault() {
+        this.defaultPrevented = true;
+    }
+    get target() {
+        var _a, _b, _c;
+        const element = getDocument().getElementById((_a = this.mpEvent) === null || _a === void 0 ? void 0 : _a.target.id);
+        return Object.assign(Object.assign(Object.assign({}, (_b = this.mpEvent) === null || _b === void 0 ? void 0 : _b.target), (_c = this.mpEvent) === null || _c === void 0 ? void 0 : _c.detail), { dataset: element !== null ? element.dataset : EMPTY_OBJ });
+    }
+    get currentTarget() {
+        var _a, _b, _c;
+        const element = getDocument().getElementById((_a = this.mpEvent) === null || _a === void 0 ? void 0 : _a.currentTarget.id);
+        if (element === null) {
+            return this.target;
+        }
+        return Object.assign(Object.assign(Object.assign({}, (_b = this.mpEvent) === null || _b === void 0 ? void 0 : _b.currentTarget), (_c = this.mpEvent) === null || _c === void 0 ? void 0 : _c.detail), { dataset: element.dataset });
+    }
+}
+function createEvent(event, node) {
+    if (typeof event === 'string') {
+        // For Vue3 using document.createEvent
+        return new TaroEvent(event, { bubbles: true, cancelable: true });
+    }
+    const domEv = new TaroEvent(event.type, { bubbles: true, cancelable: true }, event);
+    for (const key in event) {
+        if (key === CURRENT_TARGET || key === TARGET || key === TYPE || key === TIME_STAMP) {
+            continue;
+        }
+        else {
+            domEv[key] = event[key];
+        }
+    }
+    if (domEv.type === CONFIRM && (node === null || node === void 0 ? void 0 : node.nodeName) === INPUT) {
+        // eslint-disable-next-line dot-notation
+        domEv[KEY_CODE] = 13;
+    }
+    return domEv;
+}
+const eventsBatch = {};
+// 小程序的事件代理回调函数
+function eventHandler(event) {
+    var _a, _b;
+    const hooks = getHooks();
+    (_a = hooks.modifyMpEvent) === null || _a === void 0 ? void 0 : _a.call(hooks, event);
+    event.currentTarget || (event.currentTarget = event.target);
+    const currentTarget = event.currentTarget;
+    const id = ((_b = currentTarget.dataset) === null || _b === void 0 ? void 0 : _b.sid /** sid */) || currentTarget.id /** uid */ || '';
+    const node = getDocument().getElementById(id);
+    if (node) {
+        const dispatch = () => {
+            var _a;
+            const e = createEvent(event, node);
+            (_a = hooks.modifyTaroEvent) === null || _a === void 0 ? void 0 : _a.call(hooks, e, node);
+            node.dispatchEvent(e);
+        };
+        if (isFunction(hooks.batchedEventUpdates)) {
+            const type = event.type;
+            if (!hooks.isBubbleEvents(type) ||
+                !isParentBinded(node, type) ||
+                (type === TOUCHMOVE && !!node.props.catchMove)) {
+                // 最上层组件统一 batchUpdate
+                hooks.batchedEventUpdates(() => {
+                    if (eventsBatch[type]) {
+                        eventsBatch[type].forEach(fn => fn());
+                        delete eventsBatch[type];
+                    }
+                    dispatch();
+                });
+            }
+            else {
+                // 如果上层组件也有绑定同类型的组件，委托给上层组件调用事件回调
+                (eventsBatch[type] || (eventsBatch[type] = [])).push(dispatch);
+            }
+        }
+        else {
+            dispatch();
+        }
+    }
+}
+
+const doc = process.env.TARO_ENV === 'h5' ? document : EMPTY_OBJ;
+const win = process.env.TARO_ENV === 'h5' ? window : EMPTY_OBJ;
+
 function initPosition() {
     return {
         index: 0,
@@ -4223,7 +3538,7 @@ function format(children, document, styleOptions, parent) {
         // 文本节点
         if (child.type === 'text') {
             let text = document.createTextNode(child.content);
-            if (isFunction$1(options.html.transformText)) {
+            if (isFunction(options.html.transformText)) {
                 text = options.html.transformText(text, child);
             }
             parent === null || parent === void 0 ? void 0 : parent.appendChild(text);
@@ -4257,7 +3572,7 @@ function format(children, document, styleOptions, parent) {
             styleTagParser,
             descendantList: list
         }, el);
-        if (isFunction$1(options.html.transformElement)) {
+        if (isFunction(options.html.transformElement)) {
             return options.html.transformElement(el, child);
         }
         return el;
@@ -4387,7 +3702,7 @@ function setInnerHTML(element, html, getDoc) {
  * An implementation of `Element.insertAdjacentHTML()`
  * to support Vue 3 with a version of or greater than `vue@3.1.2`
  */
-function insertAdjacentHTMLImpl(position, html, getDoc) {
+function insertAdjacentHTMLImpl(getDoc, position, html) {
     var _a, _b;
     const parsedNodes = parser(html, getDoc());
     for (let i = 0; i < parsedNodes.length; i++) {
@@ -4413,13 +3728,13 @@ function insertAdjacentHTMLImpl(position, html, getDoc) {
         }
     }
 }
-function cloneNode(ctx, getDoc, isDeep = false) {
+function cloneNode(getDoc, isDeep = false) {
     const document = getDoc();
     let newNode;
-    if (ctx.nodeType === 1 /* ELEMENT_NODE */) {
-        newNode = document.createElement(ctx.nodeName);
+    if (this.nodeType === 1 /* ELEMENT_NODE */) {
+        newNode = document.createElement(this.nodeName);
     }
-    else if (ctx.nodeType === 3 /* TEXT_NODE */) {
+    else if (this.nodeType === 3 /* TEXT_NODE */) {
         newNode = document.createTextNode('');
     }
     for (const key in this) {
@@ -4436,9 +3751,20 @@ function cloneNode(ctx, getDoc, isDeep = false) {
         }
     }
     if (isDeep) {
-        newNode.childNodes = ctx.childNodes.map(node => node.cloneNode(true));
+        newNode.childNodes = this.childNodes.map(node => node.cloneNode(true));
     }
     return newNode;
+}
+function contains(node) {
+    let isContains = false;
+    this.childNodes.some(childNode => {
+        const { uid } = childNode;
+        if (uid === node.uid || uid === node.id || childNode.contains(node)) {
+            isContains = true;
+            return true;
+        }
+    });
+    return isContains;
 }
 
 let TaroNodeImpl = class TaroNodeImpl {
@@ -4451,11 +3777,14 @@ let TaroNodeImpl = class TaroNodeImpl {
         if (ENABLE_INNER_HTML) {
             bindInnerHTML(ctx, getDoc);
             if (ENABLE_ADJACENT_HTML) {
-                bindAdjacentHTML(ctx, getDoc);
+                ctx.insertAdjacentHTML = insertAdjacentHTMLImpl.bind(ctx, getDoc);
             }
         }
         if (ENABLE_CLONE_NODE) {
-            ctx.cloneNode = cloneNode.bind(ctx, ctx, getDoc);
+            ctx.cloneNode = cloneNode.bind(ctx, getDoc);
+        }
+        if (ENABLE_CONTAINS) {
+            ctx.contains = contains.bind(ctx);
         }
     }
 };
@@ -4469,17 +3798,12 @@ function bindInnerHTML(ctx, getDoc) {
         configurable: true,
         enumerable: true,
         set(html) {
-            setInnerHTML.call(ctx, ctx, html, getDoc);
+            setInnerHTML.call(this, this, html, getDoc);
         },
         get() {
             return '';
         }
     });
-}
-function bindAdjacentHTML(ctx, getDoc) {
-    ctx.insertAdjacentHTML = function (position, html) {
-        insertAdjacentHTMLImpl.call(ctx, position, html, getDoc);
-    };
 }
 
 function getBoundingClientRectImpl() {
@@ -4508,9 +3832,7 @@ function getTemplateContent(ctx) {
 let TaroElementImpl = class TaroElementImpl {
     bind(ctx) {
         if (ENABLE_SIZE_APIS) {
-            ctx.getBoundingClientRect = async function (...args) {
-                return await getBoundingClientRectImpl.apply(ctx, args);
-            };
+            ctx.getBoundingClientRect = getBoundingClientRectImpl.bind(ctx);
         }
         if (ENABLE_TEMPLATE_CONTENT) {
             bindContent(ctx);
@@ -4532,20 +3854,21 @@ function bindContent(ctx) {
 
 let TaroDocument = class TaroDocument extends TaroElement {
     constructor(// eslint-disable-next-line @typescript-eslint/indent
-    nodeImpl, getElement, hooks, elementImpl, getText) {
-        super(nodeImpl, getElement, hooks, elementImpl);
+    getText) {
+        super();
         this._getText = getText;
         this.nodeType = 9 /* DOCUMENT_NODE */;
         this.nodeName = DOCUMENT_ELEMENT_NAME;
     }
     createElement(type) {
+        const getElement = this._getElement;
         if (type === ROOT_STR) {
-            return this._getElement(ElementNames.RootElement)();
+            return getElement(ElementNames.RootElement)();
         }
         if (controlledComponent.has(type)) {
-            return this._getElement(ElementNames.FormElement)(type);
+            return getElement(ElementNames.FormElement)(type);
         }
-        return this._getElement(ElementNames.Element)(type);
+        return getElement(ElementNames.Element)(type);
     }
     // an ugly fake createElementNS to deal with @vue/runtime-dom's
     // support mounting app to svg container since vue@3.0.8
@@ -4579,26 +3902,112 @@ let TaroDocument = class TaroDocument extends TaroElement {
 };
 TaroDocument = __decorate([
     injectable(),
-    __param(0, inject(SERVICE_IDENTIFIER.TaroNodeImpl)),
-    __param(1, inject(SERVICE_IDENTIFIER.TaroElementFactory)),
-    __param(2, inject(SERVICE_IDENTIFIER.Hooks)),
-    __param(3, inject(SERVICE_IDENTIFIER.TaroElementImpl)),
-    __param(4, inject(SERVICE_IDENTIFIER.TaroTextFactory)),
-    __metadata("design:paramtypes", [Function, Function, Function, Function, Function])
+    __param(0, inject(SID_TARO_TEXT_FACTORY)),
+    __metadata("design:paramtypes", [Function])
 ], TaroDocument);
 
-let Hooks = class Hooks {
-    modifyMpEvent(e) {
-        var _a;
-        (_a = this.modifyMpEventImpls) === null || _a === void 0 ? void 0 : _a.forEach(fn => fn(e));
-    }
-    modifyTaroEvent(e, element) {
-        var _a;
-        (_a = this.modifyTaroEventImpls) === null || _a === void 0 ? void 0 : _a.forEach(fn => fn(e, element));
-    }
-    initNativeApi(taro) {
-        var _a;
-        (_a = this.initNativeApiImpls) === null || _a === void 0 ? void 0 : _a.forEach(fn => fn(taro));
+/**
+ * 支持冒泡的事件, 除 支付宝小程序外，其余的可冒泡事件都和微信保持一致
+ * 详见 见 https://developers.weixin.qq.com/miniprogram/dev/framework/view/wxml/event.html
+ */
+const BUBBLE_EVENTS = new Set([
+    'touchstart',
+    'touchmove',
+    'touchcancel',
+    'touchend',
+    'touchforcechange',
+    'tap',
+    'longpress',
+    'longtap',
+    'transitionend',
+    'animationstart',
+    'animationiteration',
+    'animationend'
+]);
+
+const defaultMiniLifecycle = {
+    app: [
+        'onLaunch',
+        'onShow',
+        'onHide'
+    ],
+    page: [
+        'onLoad',
+        'onUnload',
+        'onReady',
+        'onShow',
+        'onHide',
+        [
+            'onPullDownRefresh',
+            'onReachBottom',
+            'onPageScroll',
+            'onResize',
+            'onTabItemTap',
+            'onTitleClick',
+            'onOptionMenuClick',
+            'onPopMenuClick',
+            'onPullIntercept',
+            'onAddToFavorites'
+        ]
+    ]
+};
+const getMiniLifecycle = function (defaultConfig) {
+    return defaultConfig;
+};
+const getLifecycle = function (instance, lifecycle) {
+    return instance[lifecycle];
+};
+const getPathIndex = function (indexOfNode) {
+    return `[${indexOfNode}]`;
+};
+const getEventCenter = function (Events) {
+    return new Events();
+};
+const isBubbleEvents = function (eventName) {
+    return BUBBLE_EVENTS.has(eventName);
+};
+const getSpecialNodes = function () {
+    return ['view', 'text', 'image'];
+};
+const DefaultHooksContainer = new ContainerModule(bind => {
+    function bindFunction(sid, target) {
+        return bind(sid).toFunction(target);
+    }
+    bindFunction(SID_GET_MINI_LIFECYCLE, getMiniLifecycle);
+    bindFunction(SID_GET_LIFECYCLE, getLifecycle);
+    bindFunction(SID_GET_PATH_INDEX, getPathIndex);
+    bindFunction(SID_GET_EVENT_CENTER, getEventCenter);
+    bindFunction(SID_IS_BUBBLE_EVENTS, isBubbleEvents);
+    bindFunction(SID_GET_SPECIAL_NODES, getSpecialNodes);
+});
+
+let Hooks = class Hooks {
+    getMiniLifecycleImpl() {
+        return this.getMiniLifecycle(defaultMiniLifecycle);
+    }
+    modifyMpEvent(e) {
+        var _a;
+        (_a = this.modifyMpEventImpls) === null || _a === void 0 ? void 0 : _a.forEach(fn => {
+            try {
+                // 有些小程序的事件对象的某些属性只读
+                fn(e);
+            }
+            catch (error) {
+                console.warn('[Taro modifyMpEvent hook Error]: ', error);
+            }
+        });
+    }
+    modifyTaroEvent(e, element) {
+        var _a;
+        (_a = this.modifyTaroEventImpls) === null || _a === void 0 ? void 0 : _a.forEach(fn => fn(e, element));
+    }
+    modifyDispatchEvent(e, element) {
+        var _a;
+        (_a = this.modifyDispatchEventImpls) === null || _a === void 0 ? void 0 : _a.forEach(fn => fn(e, element));
+    }
+    initNativeApi(taro) {
+        var _a;
+        (_a = this.initNativeApiImpls) === null || _a === void 0 ? void 0 : _a.forEach(fn => fn(taro));
     }
     patchElement(element) {
         var _a;
@@ -4606,87 +4015,101 @@ let Hooks = class Hooks {
     }
 };
 __decorate([
-    inject(SERVICE_IDENTIFIER.getLifecycle),
+    inject(SID_GET_MINI_LIFECYCLE),
+    __metadata("design:type", Function)
+], Hooks.prototype, "getMiniLifecycle", void 0);
+__decorate([
+    inject(SID_GET_LIFECYCLE),
     __metadata("design:type", Function)
 ], Hooks.prototype, "getLifecycle", void 0);
 __decorate([
-    inject(SERVICE_IDENTIFIER.getPathIndex),
+    inject(SID_GET_PATH_INDEX),
     __metadata("design:type", Function)
 ], Hooks.prototype, "getPathIndex", void 0);
 __decorate([
-    inject(SERVICE_IDENTIFIER.getEventCenter),
+    inject(SID_GET_EVENT_CENTER),
     __metadata("design:type", Function)
 ], Hooks.prototype, "getEventCenter", void 0);
 __decorate([
-    inject(SERVICE_IDENTIFIER.isBubbleEvents),
+    inject(SID_IS_BUBBLE_EVENTS),
     __metadata("design:type", Function)
 ], Hooks.prototype, "isBubbleEvents", void 0);
 __decorate([
-    inject(SERVICE_IDENTIFIER.getSpecialNodes),
+    inject(SID_GET_SPECIAL_NODES),
     __metadata("design:type", Function)
 ], Hooks.prototype, "getSpecialNodes", void 0);
 __decorate([
-    inject(SERVICE_IDENTIFIER.onRemoveAttribute),
+    inject(SID_ON_REMOVE_ATTRIBUTE),
     optional(),
     __metadata("design:type", Function)
 ], Hooks.prototype, "onRemoveAttribute", void 0);
 __decorate([
-    inject(SERVICE_IDENTIFIER.batchedEventUpdates),
+    inject(SID_BATCHED_EVENT_UPDATES),
     optional(),
     __metadata("design:type", Function)
 ], Hooks.prototype, "batchedEventUpdates", void 0);
 __decorate([
-    inject(SERVICE_IDENTIFIER.mergePageInstance),
+    inject(SID_MERGE_PAGE_INSTANCE),
     optional(),
     __metadata("design:type", Function)
 ], Hooks.prototype, "mergePageInstance", void 0);
 __decorate([
-    inject(SERVICE_IDENTIFIER.createPullDownComponent),
+    inject(SID_MODIFY_PAGE_OBJECT),
+    optional(),
+    __metadata("design:type", Function)
+], Hooks.prototype, "modifyPageObject", void 0);
+__decorate([
+    inject(SID_CREATE_PULLDOWN_COMPONENT),
     optional(),
     __metadata("design:type", Function)
 ], Hooks.prototype, "createPullDownComponent", void 0);
 __decorate([
-    inject(SERVICE_IDENTIFIER.getDOMNode),
+    inject(SID_GET_DOM_NODE),
     optional(),
     __metadata("design:type", Function)
 ], Hooks.prototype, "getDOMNode", void 0);
 __decorate([
-    inject(SERVICE_IDENTIFIER.modifyHydrateData),
+    inject(SID_MODIFY_HYDRATE_DATA),
     optional(),
     __metadata("design:type", Function)
 ], Hooks.prototype, "modifyHydrateData", void 0);
 __decorate([
-    inject(SERVICE_IDENTIFIER.modifySetAttrPayload),
+    inject(SID_MODIFY_SET_ATTR_PAYLOAD),
     optional(),
     __metadata("design:type", Function)
 ], Hooks.prototype, "modifySetAttrPayload", void 0);
 __decorate([
-    inject(SERVICE_IDENTIFIER.modifyRmAttrPayload),
+    inject(SID_MODIFY_RM_ATTR_PAYLOAD),
     optional(),
     __metadata("design:type", Function)
 ], Hooks.prototype, "modifyRmAttrPayload", void 0);
 __decorate([
-    inject(SERVICE_IDENTIFIER.onAddEvent),
+    inject(SID_ON_ADD_EVENT),
     optional(),
     __metadata("design:type", Function)
 ], Hooks.prototype, "onAddEvent", void 0);
 __decorate([
-    multiInject(SERVICE_IDENTIFIER.modifyMpEvent),
+    multiInject(SID_MODIFY_MP_EVENT),
     optional(),
     __metadata("design:type", Array)
 ], Hooks.prototype, "modifyMpEventImpls", void 0);
 __decorate([
-    multiInject(SERVICE_IDENTIFIER.modifyTaroEvent),
+    multiInject(SID_MODIFY_TARO_EVENT),
     optional(),
     __metadata("design:type", Array)
 ], Hooks.prototype, "modifyTaroEventImpls", void 0);
 __decorate([
-    multiInject(SERVICE_IDENTIFIER.initNativeApi),
+    multiInject(SID_MODIFY_DISPATCH_EVENT),
+    optional(),
+    __metadata("design:type", Array)
+], Hooks.prototype, "modifyDispatchEventImpls", void 0);
+__decorate([
+    multiInject(SID_INIT_NATIVE_API),
     optional(),
     __metadata("design:type", Array)
 ], Hooks.prototype, "initNativeApiImpls", void 0);
 __decorate([
-    multiInject(SERVICE_IDENTIFIER.patchElement),
+    multiInject(SID_PATCH_ELEMENT),
     optional(),
     __metadata("design:type", Array)
 ], Hooks.prototype, "patchElementImpls", void 0);
@@ -4694,48 +4117,6 @@ Hooks = __decorate([
     injectable()
 ], Hooks);
 
-/**
- * 支持冒泡的事件, 除 支付宝小程序外，其余的可冒泡事件都和微信保持一致
- * 详见 见 https://developers.weixin.qq.com/miniprogram/dev/framework/view/wxml/event.html
- */
-const BUBBLE_EVENTS = new Set([
-    'touchstart',
-    'touchmove',
-    'touchcancel',
-    'touchend',
-    'touchforcechange',
-    'tap',
-    'longpress',
-    'longtap',
-    'transitionend',
-    'animationstart',
-    'animationiteration',
-    'animationend'
-]);
-
-const getLifecycle = function (instance, lifecycle) {
-    return instance[lifecycle];
-};
-const getPathIndex = function (indexOfNode) {
-    return `[${indexOfNode}]`;
-};
-const getEventCenter = function (Events) {
-    return new Events();
-};
-const isBubbleEvents = function (eventName) {
-    return BUBBLE_EVENTS.has(eventName);
-};
-const getSpecialNodes = function () {
-    return ['view', 'text', 'image'];
-};
-const DefaultHooksContainer = new ContainerModule(bind => {
-    bind(SERVICE_IDENTIFIER.getLifecycle).toFunction(getLifecycle);
-    bind(SERVICE_IDENTIFIER.getPathIndex).toFunction(getPathIndex);
-    bind(SERVICE_IDENTIFIER.getEventCenter).toFunction(getEventCenter);
-    bind(SERVICE_IDENTIFIER.isBubbleEvents).toFunction(isBubbleEvents);
-    bind(SERVICE_IDENTIFIER.getSpecialNodes).toFunction(getSpecialNodes);
-});
-
 function processPluginHooks(container) {
     const keys = Object.keys(defaultReconciler);
     keys.forEach(key => {
@@ -4743,7 +4124,7 @@ function processPluginHooks(container) {
             // is hooks
             const identifier = SERVICE_IDENTIFIER[key];
             const fn = defaultReconciler[key];
-            if (isArray$1(fn)) {
+            if (isArray(fn)) {
                 // is multi
                 fn.forEach(item => container.bind(identifier).toFunction(item));
             }
@@ -4761,14 +4142,27 @@ function processPluginHooks(container) {
 }
 
 const container = new Container();
+function bind(sid, target, options = {}) {
+    let res = container.bind(sid).to(target);
+    if (options.single) {
+        res = res.inSingletonScope();
+    }
+    if (options.name) {
+        res = res.whenTargetNamed(options.name);
+    }
+    return res;
+}
 if (process.env.TARO_ENV !== 'h5') {
-    container.bind(SERVICE_IDENTIFIER.TaroElement).to(TaroElement).whenTargetNamed(ElementNames.Element);
-    container.bind(SERVICE_IDENTIFIER.TaroElement).to(TaroDocument).inSingletonScope().whenTargetNamed(ElementNames.Document);
-    container.bind(SERVICE_IDENTIFIER.TaroElement).to(TaroRootElement).whenTargetNamed(ElementNames.RootElement);
-    container.bind(SERVICE_IDENTIFIER.TaroElement).to(FormElement).whenTargetNamed(ElementNames.FormElement);
-    container.bind(SERVICE_IDENTIFIER.TaroElementFactory).toFactory((context) => {
+    bind(SID_TARO_TEXT, TaroText);
+    bind(SID_TARO_ELEMENT, TaroElement, { name: ElementNames.Element });
+    bind(SID_TARO_ELEMENT, TaroRootElement, { name: ElementNames.RootElement });
+    bind(SID_TARO_ELEMENT, FormElement, { name: ElementNames.FormElement });
+    bind(SID_TARO_ELEMENT, TaroDocument, { name: ElementNames.Document, single: true });
+    bind(SID_TARO_NODE_IMPL, TaroNodeImpl, { single: true });
+    bind(SID_TARO_ELEMENT_IMPL, TaroElementImpl, { single: true });
+    container.bind(SID_TARO_ELEMENT_FACTORY).toFactory((context) => {
         return (named) => (nodeName) => {
-            const el = context.container.getNamed(SERVICE_IDENTIFIER.TaroElement, named);
+            const el = context.container.getNamed(SID_TARO_ELEMENT, named);
             if (nodeName) {
                 el.nodeName = nodeName;
             }
@@ -4776,130 +4170,18 @@ if (process.env.TARO_ENV !== 'h5') {
             return el;
         };
     });
-    container.bind(SERVICE_IDENTIFIER.TaroText).to(TaroText);
-    container.bind(SERVICE_IDENTIFIER.TaroTextFactory).toFactory((context) => {
+    container.bind(SID_TARO_TEXT_FACTORY).toFactory((context) => {
         return (text) => {
-            const textNode = context.container.get(SERVICE_IDENTIFIER.TaroText);
+            const textNode = context.container.get(SID_TARO_TEXT);
             textNode._value = text;
             return textNode;
         };
     });
-    container.bind(SERVICE_IDENTIFIER.TaroNodeImpl).to(TaroNodeImpl).inSingletonScope();
-    container.bind(SERVICE_IDENTIFIER.TaroElementImpl).to(TaroElementImpl).inSingletonScope();
 }
-container.bind(SERVICE_IDENTIFIER.Hooks).to(Hooks).inSingletonScope();
+bind(SID_HOOKS, Hooks, { single: true });
 container.load(DefaultHooksContainer);
-processPluginHooks(container);
-
-let hooks;
-let getElement;
-let document$1;
-if (process.env.TARO_ENV !== 'h5') {
-    hooks = container.get(SERVICE_IDENTIFIER.Hooks);
-    getElement = container.get(SERVICE_IDENTIFIER.TaroElementFactory);
-    document$1 = getElement(ElementNames.Document)();
-}
-// Taro 事件对象。以 Web 标准的事件对象为基础，加入小程序事件对象中携带的部分信息，并模拟实现事件冒泡。
-class TaroEvent {
-    constructor(type, opts, event) {
-        this._stop = false;
-        this._end = false;
-        this.defaultPrevented = false;
-        // timestamp can either be hi-res ( relative to page load) or low-res (relative to UNIX epoch)
-        // here use hi-res timestamp
-        this.timeStamp = Date.now();
-        this.type = type.toLowerCase();
-        this.mpEvent = event;
-        this.bubbles = Boolean(opts && opts.bubbles);
-        this.cancelable = Boolean(opts && opts.cancelable);
-    }
-    stopPropagation() {
-        this._stop = true;
-    }
-    stopImmediatePropagation() {
-        this._end = this._stop = true;
-    }
-    preventDefault() {
-        this.defaultPrevented = true;
-    }
-    get target() {
-        var _a, _b, _c;
-        const element = document$1.getElementById((_a = this.mpEvent) === null || _a === void 0 ? void 0 : _a.target.id);
-        return Object.assign(Object.assign(Object.assign({}, (_b = this.mpEvent) === null || _b === void 0 ? void 0 : _b.target), (_c = this.mpEvent) === null || _c === void 0 ? void 0 : _c.detail), { dataset: element !== null ? element.dataset : EMPTY_OBJ });
-    }
-    get currentTarget() {
-        var _a, _b, _c;
-        const element = document$1.getElementById((_a = this.mpEvent) === null || _a === void 0 ? void 0 : _a.currentTarget.id);
-        if (element === null) {
-            return this.target;
-        }
-        return Object.assign(Object.assign(Object.assign({}, (_b = this.mpEvent) === null || _b === void 0 ? void 0 : _b.currentTarget), (_c = this.mpEvent) === null || _c === void 0 ? void 0 : _c.detail), { dataset: element.dataset });
-    }
-}
-function createEvent(event, node) {
-    if (typeof event === 'string') {
-        // For Vue3 using document.createEvent
-        return new TaroEvent(event, { bubbles: true, cancelable: true });
-    }
-    const domEv = new TaroEvent(event.type, { bubbles: true, cancelable: true }, event);
-    for (const key in event) {
-        if (key === CURRENT_TARGET || key === TARGET || key === TYPE || key === TIME_STAMP) {
-            continue;
-        }
-        else {
-            domEv[key] = event[key];
-        }
-    }
-    if (domEv.type === CONFIRM && (node === null || node === void 0 ? void 0 : node.nodeName) === INPUT) {
-        // eslint-disable-next-line dot-notation
-        domEv[KEY_CODE] = 13;
-    }
-    return domEv;
-}
-const eventsBatch = {};
-// 小程序的事件代理回调函数
-function eventHandler(event) {
-    var _a;
-    (_a = hooks.modifyMpEvent) === null || _a === void 0 ? void 0 : _a.call(hooks, event);
-    if (event.currentTarget == null) {
-        event.currentTarget = event.target;
-    }
-    const node = document$1.getElementById(event.currentTarget.id);
-    if (node) {
-        const dispatch = () => {
-            var _a;
-            const e = createEvent(event, node);
-            (_a = hooks.modifyTaroEvent) === null || _a === void 0 ? void 0 : _a.call(hooks, e, node);
-            node.dispatchEvent(e);
-        };
-        if (typeof hooks.batchedEventUpdates === 'function') {
-            const type = event.type;
-            if (!hooks.isBubbleEvents(type) ||
-                !isParentBinded(node, type) ||
-                (type === TOUCHMOVE && !!node.props.catchMove)) {
-                // 最上层组件统一 batchUpdate
-                hooks.batchedEventUpdates(() => {
-                    if (eventsBatch[type]) {
-                        eventsBatch[type].forEach(fn => fn());
-                        delete eventsBatch[type];
-                    }
-                    dispatch();
-                });
-            }
-            else {
-                // 如果上层组件也有绑定同类型的组件，委托给上层组件调用事件回调
-                (eventsBatch[type] || (eventsBatch[type] = [])).push(dispatch);
-            }
-        }
-        else {
-            dispatch();
-        }
-    }
-}
-
-const isBrowser = typeof document !== 'undefined' && !!document.scripts;
-const doc = isBrowser ? document : EMPTY_OBJ;
-const win = isBrowser ? window : EMPTY_OBJ;
+processPluginHooks(container);
+store.container = container;
 
 function createDocument() {
     /**
@@ -4934,15 +4216,18 @@ function createDocument() {
     doc.createEvent = createEvent;
     return doc;
 }
-const document$2 = (isBrowser ? doc : createDocument());
+const document$1 = process.env.TARO_ENV === 'h5'
+    ? doc
+    : createDocument();
 
 const machine = 'Macintosh';
 const arch = 'Intel Mac OS X 10_14_5';
 const engine = 'AppleWebKit/534.36 (KHTML, like Gecko) NodeJS/v4.1.0 Chrome/76.0.3809.132 Safari/534.36';
-const navigator = isBrowser ? win.navigator : {
+const msg = '(' + machine + '; ' + arch + ') ' + engine;
+const navigator = process.env.TARO_ENV === 'h5' ? win.navigator : {
     appCodeName: 'Mozilla',
     appName: 'Netscape',
-    appVersion: '5.0 (' + machine + '; ' + arch + ') ' + engine,
+    appVersion: '5.0 ' + msg,
     cookieEnabled: true,
     mimeTypes: [],
     onLine: true,
@@ -4950,7 +4235,7 @@ const navigator = isBrowser ? win.navigator : {
     plugins: [],
     product: 'Taro',
     productSub: '20030107',
-    userAgent: 'Mozilla/5.0 (' + machine + '; ' + arch + ') ' + engine,
+    userAgent: 'Mozilla/5.0 ' + msg,
     vendor: 'Joyent',
     vendorSub: ''
 };
@@ -4996,11 +4281,11 @@ function getComputedStyle(element) {
     return element.style;
 }
 
-const window$1 = isBrowser ? win : {
+const window$1 = process.env.TARO_ENV === 'h5' ? win : {
     navigator,
-    document: document$2
+    document: document$1
 };
-if (!isBrowser) {
+if (process.env.TARO_ENV && process.env.TARO_ENV !== 'h5') {
     const globalProperties = [
         ...Object.getOwnPropertyNames(global || win),
         ...Object.getOwnPropertySymbols(global || win)
@@ -5012,14 +4297,11 @@ if (!isBrowser) {
             window$1[property] = global[property];
         }
     });
-    document$2.defaultView = window$1;
-}
-if (process.env.TARO_ENV && process.env.TARO_ENV !== 'h5') {
     window$1.requestAnimationFrame = raf;
     window$1.cancelAnimationFrame = caf;
     window$1.getComputedStyle = getComputedStyle;
-    window$1.addEventListener = function () { };
-    window$1.removeEventListener = function () { };
+    window$1.addEventListener = noop;
+    window$1.removeEventListener = noop;
     if (!(DATE in window$1)) {
         window$1.Date = Date;
     }
@@ -5029,6 +4311,7 @@ if (process.env.TARO_ENV && process.env.TARO_ENV !== 'h5') {
     window$1.clearTimeout = function (...args) {
         return clearTimeout(...args);
     };
+    document$1.defaultView = window$1;
 }
 
 const Current = {
@@ -5040,12 +4323,8 @@ const getCurrentInstance = () => Current;
 
 class Events {
     constructor(opts) {
-        if (typeof opts !== 'undefined' && opts.callbacks) {
-            this.callbacks = opts.callbacks;
-        }
-        else {
-            this.callbacks = {};
-        }
+        var _a;
+        this.callbacks = (_a = opts === null || opts === void 0 ? void 0 : opts.callbacks) !== null && _a !== void 0 ? _a : {};
     }
     on(eventName, callback, context) {
         let event, node, tail, list;
@@ -5122,17 +4401,15 @@ class Events {
     }
 }
 Events.eventSplitter = /\s+/;
-const hooks$1 = container.get(SERVICE_IDENTIFIER.Hooks);
-const eventCenter = hooks$1.getEventCenter(Events);
-container.bind(SERVICE_IDENTIFIER.eventCenter).toConstantValue(eventCenter);
+const eventCenter = getHooks().getEventCenter(Events);
+container.bind(SID_EVENT_CENTER).toConstantValue(eventCenter);
 
 /* eslint-disable dot-notation */
 const instances = new Map();
 const pageId = incrementId();
-const hooks$2 = container.get(SERVICE_IDENTIFIER.Hooks);
 function injectPageInstance(inst, id) {
-    var _a;
-    (_a = hooks$2.mergePageInstance) === null || _a === void 0 ? void 0 : _a.call(hooks$2, instances.get(id), inst);
+    var _a, _b;
+    (_b = (_a = getHooks()).mergePageInstance) === null || _b === void 0 ? void 0 : _b.call(_a, instances.get(id), inst);
     instances.set(id, inst);
 }
 function getPageInstance(id) {
@@ -5149,12 +4426,12 @@ function safeExecute(path, lifecycle, ...args) {
     if (instance == null) {
         return;
     }
-    const func = hooks$2.getLifecycle(instance, lifecycle);
-    if (isArray$1(func)) {
+    const func = getHooks().getLifecycle(instance, lifecycle);
+    if (isArray(func)) {
         const res = func.map(fn => fn.apply(instance, args));
         return res[0];
     }
-    if (!isFunction$1(func)) {
+    if (!isFunction(func)) {
         return;
     }
     return func.apply(instance, args);
@@ -5170,28 +4447,40 @@ function stringify(obj) {
 }
 function getPath(id, options) {
     const idx = id.indexOf('?');
-    return `${idx > -1 ? id.substring(0, idx) : id}${stringify(isBrowser ? { stamp: (options === null || options === void 0 ? void 0 : options.stamp) || '' } : options)}`;
+    return `${idx > -1 ? id.substring(0, idx) : id}${stringify(process.env.TARO_ENV === 'h5' ? { stamp: (options === null || options === void 0 ? void 0 : options.stamp) || '' } : options)}`;
 }
 function getOnReadyEventKey(path) {
-    return path + '.' + 'onReady';
+    return path + '.' + ON_READY;
 }
 function getOnShowEventKey(path) {
-    return path + '.' + 'onShow';
+    return path + '.' + ON_SHOW;
 }
 function getOnHideEventKey(path) {
-    return path + '.' + 'onHide';
+    return path + '.' + ON_HIDE;
 }
 function createPageConfig(component, pageName, data, pageConfig) {
-    var _a, _b;
-    const id = pageName !== null && pageName !== void 0 ? pageName : `taro_page_${pageId()}`;
+    var _a, _b, _c;
     // 小程序 Page 构造器是一个傲娇小公主，不能把复杂的对象挂载到参数上
+    const id = pageName !== null && pageName !== void 0 ? pageName : `taro_page_${pageId()}`;
+    const hooks = getHooks();
+    const [ONLOAD, ONUNLOAD, ONREADY, ONSHOW, ONHIDE, LIFECYCLES] = hooks.getMiniLifecycleImpl().page;
     let pageElement = null;
     let unmounting = false;
     let prepareMountList = [];
+    function setCurrentRouter(page) {
+        const router = process.env.TARO_ENV === 'h5' ? page.$taroPath : page.route || page.__route__ || page.$taroPath;
+        Current.router = {
+            params: page.$taroParams,
+            path: addLeadingSlash(router),
+            onReady: getOnReadyEventKey(id),
+            onShow: getOnShowEventKey(id),
+            onHide: getOnHideEventKey(id)
+        };
+    }
     let loadResolver;
     let hasLoaded;
     const config = {
-        onLoad(options = {}, cb) {
+        [ONLOAD](options = {}, cb) {
             hasLoaded = new Promise(resolve => { loadResolver = resolve; });
             perf.start(PAGE_INIT);
             Current.page = this;
@@ -5199,33 +4488,27 @@ function createPageConfig(component, pageName, data, pageConfig) {
             options.$taroTimestamp = Date.now();
             // this.$taroPath 是页面唯一标识，不可变，因此页面参数 options 也不可变
             this.$taroPath = getPath(id, options);
-            if (isBrowser) {
+            const $taroPath = this.$taroPath;
+            if (process.env.TARO_ENV === 'h5') {
                 config.path = this.$taroPath;
             }
             // this.$taroParams 作为暴露给开发者的页面参数对象，可以被随意修改
             if (this.$taroParams == null) {
                 this.$taroParams = Object.assign({}, options);
             }
-            const router = isBrowser ? this.$taroPath : this.route || this.__route__;
-            Current.router = {
-                params: this.$taroParams,
-                path: addLeadingSlash(router),
-                onReady: getOnReadyEventKey(id),
-                onShow: getOnShowEventKey(id),
-                onHide: getOnHideEventKey(id)
-            };
+            setCurrentRouter(this);
             const mount = () => {
-                Current.app.mount(component, this.$taroPath, () => {
-                    pageElement = document$2.getElementById(this.$taroPath);
+                Current.app.mount(component, $taroPath, () => {
+                    pageElement = document$1.getElementById($taroPath);
                     ensure(pageElement !== null, '没有找到页面实例。');
-                    safeExecute(this.$taroPath, 'onLoad', this.$taroParams);
+                    safeExecute($taroPath, ON_LOAD, this.$taroParams);
                     loadResolver();
-                    if (!isBrowser) {
+                    if (process.env.TARO_ENV !== 'h5') {
                         pageElement.ctx = this;
                         pageElement.performUpdate(true, cb);
                     }
                     else {
-                        isFunction$1(cb) && cb();
+                        isFunction(cb) && cb();
                     }
                 });
             };
@@ -5236,20 +4519,15 @@ function createPageConfig(component, pageName, data, pageConfig) {
                 mount();
             }
         },
-        onReady() {
-            raf(() => {
-                eventCenter.trigger(getOnReadyEventKey(id));
-            });
-            safeExecute(this.$taroPath, 'onReady');
-            this.onReady.called = true;
-        },
-        onUnload() {
+        [ONUNLOAD]() {
+            const $taroPath = this.$taroPath;
             unmounting = true;
-            Current.app.unmount(this.$taroPath, () => {
+            Current.app.unmount($taroPath, () => {
                 unmounting = false;
-                instances.delete(this.$taroPath);
+                instances.delete($taroPath);
                 if (pageElement) {
                     pageElement.ctx = null;
+                    pageElement = null;
                 }
                 if (prepareMountList.length) {
                     prepareMountList.forEach(fn => fn());
@@ -5257,72 +4535,52 @@ function createPageConfig(component, pageName, data, pageConfig) {
                 }
             });
         },
-        onShow() {
+        [ONREADY]() {
+            // 触发生命周期
+            safeExecute(this.$taroPath, ON_READY);
+            // 通过事件触发子组件的生命周期
+            raf(() => eventCenter.trigger(getOnReadyEventKey(id)));
+            this.onReady.called = true;
+        },
+        [ONSHOW](options = {}) {
             hasLoaded.then(() => {
+                // 设置 Current 的 page 和 router
                 Current.page = this;
-                this.config = pageConfig || {};
-                const router = isBrowser ? this.$taroPath : this.route || this.__route__;
-                Current.router = {
-                    params: this.$taroParams,
-                    path: addLeadingSlash(router),
-                    onReady: getOnReadyEventKey(id),
-                    onShow: getOnShowEventKey(id),
-                    onHide: getOnHideEventKey(id)
-                };
-                raf(() => {
-                    eventCenter.trigger(getOnShowEventKey(id));
-                });
-                safeExecute(this.$taroPath, 'onShow');
+                setCurrentRouter(this);
+                // 触发生命周期
+                safeExecute(this.$taroPath, ON_SHOW, options);
+                // 通过事件触发子组件的生命周期
+                raf(() => eventCenter.trigger(getOnShowEventKey(id)));
             });
         },
-        onHide() {
-            Current.page = null;
-            Current.router = null;
-            safeExecute(this.$taroPath, 'onHide');
+        [ONHIDE]() {
+            // 设置 Current 的 page 和 router
+            if (Current.page === this) {
+                Current.page = null;
+                Current.router = null;
+            }
+            // 触发生命周期
+            safeExecute(this.$taroPath, ON_HIDE);
+            // 通过事件触发子组件的生命周期
             eventCenter.trigger(getOnHideEventKey(id));
-        },
-        onPullDownRefresh() {
-            return safeExecute(this.$taroPath, 'onPullDownRefresh');
-        },
-        onReachBottom() {
-            return safeExecute(this.$taroPath, 'onReachBottom');
-        },
-        onPageScroll(options) {
-            return safeExecute(this.$taroPath, 'onPageScroll', options);
-        },
-        onResize(options) {
-            return safeExecute(this.$taroPath, 'onResize', options);
-        },
-        onTabItemTap(options) {
-            return safeExecute(this.$taroPath, 'onTabItemTap', options);
-        },
-        onTitleClick() {
-            return safeExecute(this.$taroPath, 'onTitleClick');
-        },
-        onOptionMenuClick() {
-            return safeExecute(this.$taroPath, 'onOptionMenuClick');
-        },
-        onPopMenuClick() {
-            return safeExecute(this.$taroPath, 'onPopMenuClick');
-        },
-        onPullIntercept() {
-            return safeExecute(this.$taroPath, 'onPullIntercept');
-        },
-        onAddToFavorites() {
-            return safeExecute(this.$taroPath, 'onAddToFavorites');
         }
     };
+    LIFECYCLES.forEach((lifecycle) => {
+        config[lifecycle] = function () {
+            return safeExecute(this.$taroPath, lifecycle, ...arguments);
+        };
+    });
     // onShareAppMessage 和 onShareTimeline 一样，会影响小程序右上方按钮的选项，因此不能默认注册。
     if (component.onShareAppMessage ||
         ((_a = component.prototype) === null || _a === void 0 ? void 0 : _a.onShareAppMessage) ||
         component.enableShareAppMessage) {
         config.onShareAppMessage = function (options) {
             const target = options === null || options === void 0 ? void 0 : options.target;
-            if (target != null) {
+            if (target) {
                 const id = target.id;
-                const element = document$2.getElementById(id);
-                if (element != null) {
-                    options.target.dataset = element.dataset;
+                const element = document$1.getElementById(id);
+                if (element) {
+                    target.dataset = element.dataset;
                 }
             }
             return safeExecute(this.$taroPath, 'onShareAppMessage', options);
@@ -5339,10 +4597,10 @@ function createPageConfig(component, pageName, data, pageConfig) {
     if (!isUndefined(data)) {
         config.data = data;
     }
+    (_c = hooks.modifyPageObject) === null || _c === void 0 ? void 0 : _c.call(hooks, config);
     return config;
 }
 function createComponentConfig(component, componentName, data) {
-    var _a, _b, _c;
     const id = componentName !== null && componentName !== void 0 ? componentName : `taro_component_${pageId()}`;
     let componentElement = null;
     const config = {
@@ -5351,10 +4609,10 @@ function createComponentConfig(component, componentName, data) {
             perf.start(PAGE_INIT);
             const path = getPath(id, { id: ((_a = this.getPageId) === null || _a === void 0 ? void 0 : _a.call(this)) || pageId() });
             Current.app.mount(component, path, () => {
-                componentElement = document$2.getElementById(path);
+                componentElement = document$1.getElementById(path);
                 ensure(componentElement !== null, '没有找到组件实例。');
-                safeExecute(path, 'onLoad');
-                if (!isBrowser) {
+                safeExecute(path, ON_LOAD);
+                if (process.env.TARO_ENV !== 'h5') {
                     componentElement.ctx = this;
                     componentElement.performUpdate(true);
                 }
@@ -5376,25 +4634,26 @@ function createComponentConfig(component, componentName, data) {
     if (!isUndefined(data)) {
         config.data = data;
     }
-    config['options'] = (_a = component === null || component === void 0 ? void 0 : component['options']) !== null && _a !== void 0 ? _a : EMPTY_OBJ;
-    config['externalClasses'] = (_b = component === null || component === void 0 ? void 0 : component['externalClasses']) !== null && _b !== void 0 ? _b : EMPTY_OBJ;
-    config['behaviors'] = (_c = component === null || component === void 0 ? void 0 : component['behaviors']) !== null && _c !== void 0 ? _c : EMPTY_OBJ;
+    [OPTIONS, EXTERNAL_CLASSES, BEHAVIORS].forEach(key => {
+        var _a;
+        config[key] = (_a = component[key]) !== null && _a !== void 0 ? _a : EMPTY_OBJ;
+    });
     return config;
 }
 function createRecursiveComponentConfig(componentName) {
-    const isCustomWrapper = componentName === 'custom-wrapper';
+    const isCustomWrapper = componentName === CUSTOM_WRAPPER;
     const lifeCycles = isCustomWrapper
         ? {
             attached() {
                 var _a;
-                const componentId = (_a = this.data.i) === null || _a === void 0 ? void 0 : _a.uid;
+                const componentId = (_a = this.data.i) === null || _a === void 0 ? void 0 : _a.sid;
                 if (isString(componentId)) {
                     customWrapperCache.set(componentId, this);
                 }
             },
             detached() {
                 var _a;
-                const componentId = (_a = this.data.i) === null || _a === void 0 ? void 0 : _a.uid;
+                const componentId = (_a = this.data.i) === null || _a === void 0 ? void 0 : _a.sid;
                 if (isString(componentId)) {
                     customWrapperCache.delete(componentId);
                 }
@@ -5405,7 +4664,7 @@ function createRecursiveComponentConfig(componentName) {
             i: {
                 type: Object,
                 value: {
-                    ["nn" /* NodeName */]: 'view'
+                    ["nn" /* NodeName */]: VIEW
                 }
             },
             l: {
@@ -5420,795 +4679,6 @@ function createRecursiveComponentConfig(componentName) {
         } }, lifeCycles);
 }
 
-const hooks$3 = container.get(SERVICE_IDENTIFIER.Hooks);
-function isClassComponent(R, component) {
-    var _a;
-    return isFunction$1(component.render) ||
-        !!((_a = component.prototype) === null || _a === void 0 ? void 0 : _a.isReactComponent) ||
-        component.prototype instanceof R.Component; // compat for some others react-like library
-}
-// 初始值设置为 any 主要是为了过 TS 的校验
-let R = EMPTY_OBJ;
-let PageContext = EMPTY_OBJ;
-function connectReactPage(R, id) {
-    const h = R.createElement;
-    return (component) => {
-        // eslint-disable-next-line dot-notation
-        const isReactComponent = isClassComponent(R, component);
-        const inject = (node) => node && injectPageInstance(node, id);
-        const refs = isReactComponent ? { ref: inject } : {
-            forwardedRef: inject,
-            // 兼容 react-redux 7.20.1+
-            reactReduxForwardedRef: inject
-        };
-        if (PageContext === EMPTY_OBJ) {
-            PageContext = R.createContext('');
-        }
-        return class Page extends R.Component {
-            constructor() {
-                super(...arguments);
-                this.state = {
-                    hasError: false
-                };
-            }
-            static getDerivedStateFromError(error) {
-                process.env.NODE_ENV !== 'production' && console.warn(error);
-                return { hasError: true };
-            }
-            // React 16 uncaught error 会导致整个应用 crash，
-            // 目前把错误缩小到页面
-            componentDidCatch(error, info) {
-                process.env.NODE_ENV !== 'production' && console.warn(error);
-                process.env.NODE_ENV !== 'production' && console.error(info.componentStack);
-            }
-            render() {
-                const children = this.state.hasError
-                    ? []
-                    : h(PageContext.Provider, { value: id }, h(component, Object.assign(Object.assign({}, this.props), refs)));
-                if (isBrowser) {
-                    return h('div', { id, className: 'taro_page' }, children);
-                }
-                return h('root', { id }, children);
-            }
-        };
-    };
-}
-let ReactDOM;
-function setReconciler() {
-    const getLifecycle = function (instance, lifecycle) {
-        lifecycle = lifecycle.replace(/^on(Show|Hide)$/, 'componentDid$1');
-        return instance[lifecycle];
-    };
-    const modifyMpEvent = function (event) {
-        event.type = event.type.replace(/-/g, '');
-    };
-    const batchedEventUpdates = function (cb) {
-        ReactDOM.unstable_batchedUpdates(cb);
-    };
-    const mergePageInstance = function (prev, next) {
-        if (!prev || !next)
-            return;
-        // 子组件使用 lifecycle hooks 注册了生命周期后，会存在 prev，里面是注册的生命周期回调。
-        // prev 使用 Object.create(null) 创建，H5 的 fast-refresh 可能也会导致存在 prev，要排除这些意外产生的 prev
-        if ('constructor' in prev)
-            return;
-        Object.keys(prev).forEach(item => {
-            if (isFunction$1(next[item])) {
-                next[item] = [next[item], ...prev[item]];
-            }
-            else {
-                next[item] = [...(next[item] || []), ...prev[item]];
-            }
-        });
-    };
-    hooks$3.getLifecycle = getLifecycle;
-    hooks$3.modifyMpEvent = modifyMpEvent;
-    hooks$3.batchedEventUpdates = batchedEventUpdates;
-    hooks$3.mergePageInstance = mergePageInstance;
-    if (process.env.TARO_ENV === 'h5') {
-        hooks$3.createPullDownComponent = (el, _, R, customWrapper) => {
-            const isReactComponent = isClassComponent(R, el);
-            return R.forwardRef((props, ref) => {
-                const newProps = Object.assign({}, props);
-                const refs = isReactComponent ? { ref: ref } : {
-                    forwardedRef: ref,
-                    // 兼容 react-redux 7.20.1+
-                    reactReduxForwardedRef: ref
-                };
-                return R.createElement(customWrapper || 'taro-pull-to-refresh', null, R.createElement(el, Object.assign(Object.assign({}, newProps), refs)));
-            });
-        };
-        hooks$3.getDOMNode = (inst) => {
-            return ReactDOM.findDOMNode(inst);
-        };
-    }
-}
-const pageKeyId = incrementId();
-function createReactApp(App, react, dom, config) {
-    var _a;
-    R = react;
-    ReactDOM = dom;
-    ensure(!!ReactDOM, '构建 React/Nerv 项目请把 process.env.FRAMEWORK 设置为 \'react\'/\'nerv\' ');
-    const ref = R.createRef();
-    const isReactComponent = isClassComponent(R, App);
-    setReconciler();
-    class AppWrapper extends R.Component {
-        constructor() {
-            super(...arguments);
-            // run createElement() inside the render function to make sure that owner is right
-            this.pages = [];
-            this.elements = [];
-        }
-        mount(component, id, cb) {
-            const key = id + pageKeyId();
-            const page = () => R.createElement(component, { key, tid: id });
-            this.pages.push(page);
-            this.forceUpdate(cb);
-        }
-        unmount(id, cb) {
-            for (let i = 0; i < this.elements.length; i++) {
-                const element = this.elements[i];
-                if (element.props.tid === id) {
-                    this.elements.splice(i, 1);
-                    break;
-                }
-            }
-            this.forceUpdate(cb);
-        }
-        render() {
-            while (this.pages.length > 0) {
-                const page = this.pages.pop();
-                this.elements.push(page());
-            }
-            let props = null;
-            if (isReactComponent) {
-                props = { ref };
-            }
-            return R.createElement(App, props, isBrowser ? R.createElement('div', null, this.elements.slice()) : this.elements.slice());
-        }
-    }
-    let wrapper;
-    if (!isBrowser) {
-        wrapper = (_a = ReactDOM.render) === null || _a === void 0 ? void 0 : _a.call(ReactDOM, R.createElement(AppWrapper), document$2.getElementById('app'));
-    }
-    const app = Object.create({
-        render(cb) {
-            wrapper.forceUpdate(cb);
-        },
-        mount(component, id, cb) {
-            const page = connectReactPage(R, id)(component);
-            wrapper.mount(page, id, cb);
-        },
-        unmount(id, cb) {
-            wrapper.unmount(id, cb);
-        }
-    }, {
-        config: {
-            writable: true,
-            enumerable: true,
-            configurable: true,
-            value: config
-        },
-        onLaunch: {
-            enumerable: true,
-            writable: true,
-            value(options) {
-                var _a;
-                Current.router = Object.assign({ params: options === null || options === void 0 ? void 0 : options.query }, options);
-                if (isBrowser) {
-                    // 由于 H5 路由初始化的时候会清除 app 下的 dom 元素，所以需要在路由初始化后执行 render
-                    wrapper = (_a = ReactDOM.render) === null || _a === void 0 ? void 0 : _a.call(ReactDOM, R.createElement(AppWrapper), document$2.getElementById((config === null || config === void 0 ? void 0 : config.appId) || 'app'));
-                }
-                const app = ref.current;
-                // For taroize
-                // 把 App Class 上挂载的额外属性同步到全局 app 对象中
-                if (app === null || app === void 0 ? void 0 : app.taroGlobalData) {
-                    const globalData = app.taroGlobalData;
-                    const keys = Object.keys(globalData);
-                    const descriptors = Object.getOwnPropertyDescriptors(globalData);
-                    keys.forEach(key => {
-                        Object.defineProperty(this, key, {
-                            configurable: true,
-                            enumerable: true,
-                            get() {
-                                return globalData[key];
-                            },
-                            set(value) {
-                                globalData[key] = value;
-                            }
-                        });
-                    });
-                    Object.defineProperties(this, descriptors);
-                }
-                this.$app = app;
-                if (app != null && isFunction$1(app.onLaunch)) {
-                    app.onLaunch(options);
-                }
-            }
-        },
-        onShow: {
-            enumerable: true,
-            writable: true,
-            value(options) {
-                const app = ref.current;
-                Current.router = Object.assign({ params: options === null || options === void 0 ? void 0 : options.query }, options);
-                if (app != null && isFunction$1(app.componentDidShow)) {
-                    app.componentDidShow(options);
-                }
-                // app useDidShow
-                triggerAppHook('onShow', options);
-            }
-        },
-        onHide: {
-            enumerable: true,
-            writable: true,
-            value() {
-                const app = ref.current;
-                if (app != null && isFunction$1(app.componentDidHide)) {
-                    app.componentDidHide();
-                }
-                // app useDidHide
-                triggerAppHook('onHide');
-            }
-        },
-        onPageNotFound: {
-            enumerable: true,
-            writable: true,
-            value(res) {
-                const app = ref.current;
-                if (app != null && isFunction$1(app.onPageNotFound)) {
-                    app.onPageNotFound(res);
-                }
-            }
-        }
-    });
-    function triggerAppHook(lifecycle, ...option) {
-        const instance = getPageInstance(HOOKS_APP_ID);
-        if (instance) {
-            const app = ref.current;
-            const func = hooks$3.getLifecycle(instance, lifecycle);
-            if (Array.isArray(func)) {
-                func.forEach(cb => cb.apply(app, option));
-            }
-        }
-    }
-    Current.app = app;
-    return Current.app;
-}
-const getNativeCompId = incrementId();
-function initNativeComponentEntry(R, ReactDOM) {
-    class NativeComponentWrapper extends R.Component {
-        constructor() {
-            super(...arguments);
-            this.root = R.createRef();
-            this.ctx = this.props.getCtx();
-        }
-        componentDidMount() {
-            this.ctx.component = this;
-            const rootElement = this.root.current;
-            rootElement.ctx = this.ctx;
-            rootElement.performUpdate(true);
-        }
-        render() {
-            return (R.createElement('root', {
-                ref: this.root
-            }, this.props.renderComponent(this.ctx)));
-        }
-    }
-    class Entry extends R.Component {
-        constructor() {
-            super(...arguments);
-            this.state = {
-                components: []
-            };
-        }
-        componentDidMount() {
-            Current.app = this;
-        }
-        mount(Component, compId, getCtx) {
-            const isReactComponent = isClassComponent(R, Component);
-            const inject = (node) => node && injectPageInstance(node, compId);
-            const refs = isReactComponent ? { ref: inject } : {
-                forwardedRef: inject,
-                reactReduxForwardedRef: inject
-            };
-            const item = {
-                compId,
-                element: R.createElement(NativeComponentWrapper, {
-                    key: compId,
-                    getCtx,
-                    renderComponent(ctx) {
-                        return R.createElement(Component, Object.assign(Object.assign({}, (ctx.data || (ctx.data = {})).props), refs));
-                    }
-                })
-            };
-            this.setState({
-                components: [...this.state.components, item]
-            });
-        }
-        unmount(compId) {
-            const components = this.state.components;
-            const index = components.findIndex(item => item.compId === compId);
-            const next = [...components.slice(0, index), ...components.slice(index + 1)];
-            this.setState({
-                components: next
-            });
-        }
-        render() {
-            const components = this.state.components;
-            return (components.map(({ element }) => element));
-        }
-    }
-    setReconciler();
-    const app = document$2.getElementById('app');
-    ReactDOM.render(R.createElement(Entry, {}), app);
-}
-function createNativeComponentConfig(Component, react, reactdom, componentConfig) {
-    R = react;
-    ReactDOM = reactdom;
-    setReconciler();
-    const config = {
-        options: componentConfig,
-        properties: {
-            props: {
-                type: null,
-                value: null,
-                observer(_newVal, oldVal) {
-                    oldVal && this.component.forceUpdate();
-                }
-            }
-        },
-        created() {
-            if (!Current.app) {
-                initNativeComponentEntry(R, ReactDOM);
-            }
-        },
-        attached() {
-            setCurrent();
-            this.compId = getNativeCompId();
-            this.config = componentConfig;
-            Current.app.mount(Component, this.compId, () => this);
-        },
-        ready() {
-            safeExecute(this.compId, 'onReady');
-        },
-        detached() {
-            Current.app.unmount(this.compId);
-        },
-        pageLifetimes: {
-            show(options) {
-                safeExecute(this.compId, 'onShow', options);
-            },
-            hide() {
-                safeExecute(this.compId, 'onHide');
-            }
-        },
-        methods: {
-            eh: eventHandler
-        }
-    };
-    function setCurrent() {
-        const pages = getCurrentPages();
-        const currentPage = pages[pages.length - 1];
-        if (Current.page === currentPage)
-            return;
-        Current.page = currentPage;
-        const route = currentPage.route || currentPage.__route__;
-        const router = {
-            params: currentPage.options || {},
-            path: addLeadingSlash(route),
-            onReady: '',
-            onHide: '',
-            onShow: ''
-        };
-        Current.router = router;
-        if (!currentPage.options) {
-            // 例如在微信小程序中，页面 options 的设置时机比组件 attached 慢
-            Object.defineProperty(currentPage, 'options', {
-                enumerable: true,
-                configurable: true,
-                get() {
-                    return this._optionsValue;
-                },
-                set(value) {
-                    router.params = value;
-                    this._optionsValue = value;
-                }
-            });
-        }
-    }
-    return config;
-}
-
-function connectVuePage(Vue, id) {
-    return (component) => {
-        const injectedPage = Vue.extend({
-            props: {
-                tid: String
-            },
-            mixins: [component, {
-                    created() {
-                        injectPageInstance(this, id);
-                    }
-                }]
-        });
-        const options = {
-            render(h) {
-                return h(isBrowser ? 'div' : 'root', {
-                    attrs: {
-                        id,
-                        class: isBrowser ? 'taro_page' : ''
-                    }
-                }, [
-                    h(injectedPage, { props: { tid: id } })
-                ]);
-            }
-        };
-        return options;
-    };
-}
-function setReconciler$1() {
-    const hooks = container.get(SERVICE_IDENTIFIER.Hooks);
-    const onRemoveAttribute = function (dom, qualifiedName) {
-        // 处理原因: https://github.com/NervJS/taro/pull/5990
-        const props = dom.props;
-        if (!props.hasOwnProperty(qualifiedName) || isBoolean(props[qualifiedName])) {
-            dom.setAttribute(qualifiedName, false);
-            return true;
-        }
-    };
-    const getLifecycle = function (instance, lifecycle) {
-        return instance.$options[lifecycle];
-    };
-    hooks.onRemoveAttribute = onRemoveAttribute;
-    hooks.getLifecycle = getLifecycle;
-    if (process.env.TARO_ENV === 'h5') {
-        hooks.createPullDownComponent = (el, path, vue) => {
-            const injectedPage = vue.extend({
-                props: {
-                    tid: String
-                },
-                mixins: [el, {
-                        created() {
-                            injectPageInstance(this, path);
-                        }
-                    }]
-            });
-            const options = {
-                name: 'PullToRefresh',
-                render(h) {
-                    return h('taro-pull-to-refresh', {
-                        class: ['hydrated']
-                    }, [h(injectedPage, this.$slots.default)]);
-                }
-            };
-            return options;
-        };
-        hooks.getDOMNode = (el) => {
-            return el.$el;
-        };
-    }
-}
-let Vue;
-function createVueApp(App, vue, config) {
-    Vue = vue;
-    ensure(!!Vue, '构建 Vue 项目请把 process.env.FRAMEWORK 设置为 \'vue\'');
-    setReconciler$1();
-    Vue.config.getTagNamespace = noop;
-    const elements = [];
-    const pages = [];
-    let appInstance;
-    const wrapper = new Vue({
-        render(h) {
-            while (pages.length > 0) {
-                const page = pages.pop();
-                elements.push(page(h));
-            }
-            return h(App, { ref: 'app' }, elements.slice());
-        },
-        methods: {
-            mount(component, id, cb) {
-                pages.push((h) => h(component, { key: id }));
-                this.updateSync(cb);
-            },
-            updateSync(cb) {
-                this._update(this._render(), false);
-                this.$children.forEach((child) => child._update(child._render(), false));
-                cb();
-            },
-            unmount(id, cb) {
-                for (let i = 0; i < elements.length; i++) {
-                    const element = elements[i];
-                    if (element.key === id) {
-                        elements.splice(i, 1);
-                        break;
-                    }
-                }
-                this.updateSync(cb);
-            }
-        }
-    });
-    if (!isBrowser) {
-        wrapper.$mount(document$2.getElementById('app'));
-    }
-    const app = Object.create({
-        mount(component, id, cb) {
-            const page = connectVuePage(Vue, id)(component);
-            wrapper.mount(page, id, cb);
-        },
-        unmount(id, cb) {
-            wrapper.unmount(id, cb);
-        }
-    }, {
-        config: {
-            writable: true,
-            enumerable: true,
-            configurable: true,
-            value: config
-        },
-        onLaunch: {
-            writable: true,
-            enumerable: true,
-            value(options) {
-                Current.router = Object.assign({ params: options === null || options === void 0 ? void 0 : options.query }, options);
-                if (isBrowser) {
-                    // 由于 H5 路由初始化的时候会清除 app 下的 dom 元素，所以需要在路由初始化后再执行 render
-                    wrapper.$mount(document$2.getElementById((config === null || config === void 0 ? void 0 : config.appId) || 'app'));
-                }
-                appInstance = wrapper.$refs.app;
-                if (appInstance != null && isFunction$1(appInstance.$options.onLaunch)) {
-                    appInstance.$options.onLaunch.call(appInstance, options);
-                }
-            }
-        },
-        onShow: {
-            writable: true,
-            enumerable: true,
-            value(options) {
-                Current.router = Object.assign({ params: options === null || options === void 0 ? void 0 : options.query }, options);
-                if (appInstance != null && isFunction$1(appInstance.$options.onShow)) {
-                    appInstance.$options.onShow.call(appInstance, options);
-                }
-            }
-        },
-        onHide: {
-            writable: true,
-            enumerable: true,
-            value(options) {
-                if (appInstance != null && isFunction$1(appInstance.$options.onHide)) {
-                    appInstance.$options.onHide.call(appInstance, options);
-                }
-            }
-        }
-    });
-    Current.app = app;
-    return Current.app;
-}
-
-function createVue3Page(h, id) {
-    return function (component) {
-        var _a;
-        const inject = {
-            props: {
-                tid: String
-            },
-            created() {
-                injectPageInstance(this, id);
-            }
-        };
-        if (isArray$1(component.mixins)) {
-            const mixins = component.mixins;
-            const idx = mixins.length - 1;
-            if (!((_a = mixins[idx].props) === null || _a === void 0 ? void 0 : _a.tid)) {
-                // mixins 里还没注入过，直接推入数组
-                component.mixins.push(inject);
-            }
-            else {
-                // mixins 里已经注入过，代替前者
-                component.mixins[idx] = inject;
-            }
-        }
-        else {
-            component.mixins = [inject];
-        }
-        return h(isBrowser ? 'div' : 'root', {
-            key: id,
-            id,
-            class: isBrowser ? 'taro_page' : ''
-        }, [
-            h(Object.assign({}, component), {
-                tid: id
-            })
-        ]);
-    };
-}
-function setReconciler$2() {
-    const hooks = container.get(SERVICE_IDENTIFIER.Hooks);
-    const getLifecycle = function (instance, lifecycle) {
-        return instance.$options[lifecycle];
-    };
-    const modifyMpEvent = function (event) {
-        event.type = event.type.replace(/-/g, '');
-    };
-    hooks.getLifecycle = getLifecycle;
-    hooks.modifyMpEvent = modifyMpEvent;
-    if (process.env.TARO_ENV === 'h5') {
-        hooks.createPullDownComponent = (component, path, h) => {
-            const inject = {
-                props: {
-                    tid: String
-                },
-                created() {
-                    injectPageInstance(this, path);
-                }
-            };
-            component.mixins = isArray$1(component.mixins)
-                ? component.mixins.push(inject)
-                : [inject];
-            return {
-                render() {
-                    return h('taro-pull-to-refresh', {
-                        class: 'hydrated'
-                    }, [h(component, this.$slots.default)]);
-                }
-            };
-        };
-        hooks.getDOMNode = (el) => {
-            return el.$el;
-        };
-    }
-}
-function createVue3App(app, h, config) {
-    let pages = [];
-    let appInstance;
-    ensure(!isFunction$1(app._component), '入口组件不支持使用函数式组件');
-    setReconciler$2();
-    app._component.render = function () {
-        return pages.slice();
-    };
-    if (!isBrowser) {
-        appInstance = app.mount('#app');
-    }
-    const appConfig = Object.create({
-        mount(component, id, cb) {
-            const page = createVue3Page(h, id)(component);
-            pages.push(page);
-            this.updateAppInstance(cb);
-        },
-        unmount(id, cb) {
-            pages = pages.filter(page => page.key !== id);
-            this.updateAppInstance(cb);
-        },
-        updateAppInstance(cb) {
-            appInstance.$forceUpdate();
-            appInstance.$nextTick(cb);
-        }
-    }, {
-        config: {
-            writable: true,
-            enumerable: true,
-            configurable: true,
-            value: config
-        },
-        onLaunch: {
-            writable: true,
-            enumerable: true,
-            value(options) {
-                var _a;
-                Current.router = Object.assign({ params: options === null || options === void 0 ? void 0 : options.query }, options);
-                if (isBrowser) {
-                    appInstance = app.mount(`#${config.appId || 'app'}`);
-                }
-                // 把 App Class 上挂载的额外属性同步到全局 app 对象中
-                // eslint-disable-next-line dot-notation
-                if (app['taroGlobalData']) {
-                    // eslint-disable-next-line dot-notation
-                    const globalData = app['taroGlobalData'];
-                    const keys = Object.keys(globalData);
-                    const descriptors = Object.getOwnPropertyDescriptors(globalData);
-                    keys.forEach(key => {
-                        Object.defineProperty(this, key, {
-                            configurable: true,
-                            enumerable: true,
-                            get() {
-                                return globalData[key];
-                            },
-                            set(value) {
-                                globalData[key] = value;
-                            }
-                        });
-                    });
-                    Object.defineProperties(this, descriptors);
-                }
-                const onLaunch = (_a = appInstance === null || appInstance === void 0 ? void 0 : appInstance.$options) === null || _a === void 0 ? void 0 : _a.onLaunch;
-                isFunction$1(onLaunch) && onLaunch.call(appInstance, options);
-            }
-        },
-        onShow: {
-            writable: true,
-            enumerable: true,
-            value(options) {
-                var _a;
-                Current.router = Object.assign({ params: options === null || options === void 0 ? void 0 : options.query }, options);
-                const onShow = (_a = appInstance === null || appInstance === void 0 ? void 0 : appInstance.$options) === null || _a === void 0 ? void 0 : _a.onShow;
-                isFunction$1(onShow) && onShow.call(appInstance, options);
-            }
-        },
-        onHide: {
-            writable: true,
-            enumerable: true,
-            value(options) {
-                var _a;
-                const onHide = (_a = appInstance === null || appInstance === void 0 ? void 0 : appInstance.$options) === null || _a === void 0 ? void 0 : _a.onHide;
-                isFunction$1(onHide) && onHide.call(appInstance, options);
-            }
-        }
-    });
-    Current.app = appConfig;
-    return Current.app;
-}
-
-const taroHooks = (lifecycle) => {
-    return (fn) => {
-        const id = R.useContext(PageContext) || HOOKS_APP_ID;
-        // hold fn ref and keep up to date
-        const fnRef = R.useRef(fn);
-        if (fnRef.current !== fn)
-            fnRef.current = fn;
-        R.useLayoutEffect(() => {
-            let inst = getPageInstance(id);
-            let first = false;
-            if (inst == null) {
-                first = true;
-                inst = Object.create(null);
-            }
-            inst = inst;
-            // callback is immutable but inner function is up to date
-            const callback = (...args) => fnRef.current(...args);
-            if (isFunction$1(inst[lifecycle])) {
-                inst[lifecycle] = [inst[lifecycle], callback];
-            }
-            else {
-                inst[lifecycle] = [
-                    ...(inst[lifecycle] || []),
-                    callback
-                ];
-            }
-            if (first) {
-                injectPageInstance(inst, id);
-            }
-            return () => {
-                const inst = getPageInstance(id);
-                const list = inst[lifecycle];
-                if (list === callback) {
-                    inst[lifecycle] = undefined;
-                }
-                else if (isArray$1(list)) {
-                    inst[lifecycle] = list.filter(item => item !== callback);
-                }
-            };
-        }, []);
-    };
-};
-const useDidShow = taroHooks('componentDidShow');
-const useDidHide = taroHooks('componentDidHide');
-const usePullDownRefresh = taroHooks('onPullDownRefresh');
-const useReachBottom = taroHooks('onReachBottom');
-const usePageScroll = taroHooks('onPageScroll');
-const useResize = taroHooks('onResize');
-const useShareAppMessage = taroHooks('onShareAppMessage');
-const useTabItemTap = taroHooks('onTabItemTap');
-const useTitleClick = taroHooks('onTitleClick');
-const useOptionMenuClick = taroHooks('onOptionMenuClick');
-const usePullIntercept = taroHooks('onPullIntercept');
-const useShareTimeline = taroHooks('onShareTimeline');
-const useAddToFavorites = taroHooks('onAddToFavorites');
-const useReady = taroHooks('onReady');
-const useRouter = (dynamic = false) => {
-    return dynamic ? Current.router : R.useMemo(() => Current.router, []);
-};
-const useScope = () => undefined;
-
 function removeLeadingSlash(path) {
     if (path == null) {
         return '';
@@ -6226,9 +4696,9 @@ const nextTick = (cb, ctx) => {
     if (router !== null) {
         let pageElement = null;
         const path = getPath(removeLeadingSlash(router.path), router.params);
-        pageElement = document$2.getElementById(path);
+        pageElement = document$1.getElementById(path);
         if (pageElement === null || pageElement === void 0 ? void 0 : pageElement.pendingUpdate) {
-            if (isBrowser) {
+            if (process.env.TARO_ENV === 'h5') {
                 // eslint-disable-next-line dot-notation
                 (_c = (_b = (_a = pageElement.firstChild) === null || _a === void 0 ? void 0 : _a['componentOnReady']) === null || _b === void 0 ? void 0 : _b.call(_a).then(() => {
                     timerFunc();
@@ -6247,5 +4717,5 @@ const nextTick = (cb, ctx) => {
     }
 };
 
-export { Current, ElementNames, Events, FormElement, SERVICE_IDENTIFIER, SVGElement, Style, TaroElement, TaroEvent, TaroNode, TaroRootElement, TaroText, caf as cancelAnimationFrame, connectReactPage, connectVuePage, container, createComponentConfig, createDocument, createEvent, createNativeComponentConfig, createPageConfig, createReactApp, createRecursiveComponentConfig, createVue3App, createVueApp, document$2 as document, eventCenter, getComputedStyle, getCurrentInstance, hydrate, injectPageInstance, navigator, nextTick, now, options, processPluginHooks, raf as requestAnimationFrame, stringify, useAddToFavorites, useDidHide, useDidShow, useOptionMenuClick, usePageScroll, usePullDownRefresh, usePullIntercept, useReachBottom, useReady, useResize, useRouter, useScope, useShareAppMessage, useShareTimeline, useTabItemTap, useTitleClick, window$1 as window };
+export { Current, ElementNames, Events, FormElement, MutationObserver, SERVICE_IDENTIFIER, SVGElement, Style, TaroElement, TaroEvent, TaroNode, TaroRootElement, TaroText, addLeadingSlash, caf as cancelAnimationFrame, container, createComponentConfig, createDocument, createEvent, createPageConfig, createRecursiveComponentConfig, document$1 as document, eventCenter, eventHandler, eventSource, getComputedStyle, getCurrentInstance, getPageInstance, hydrate, incrementId, injectPageInstance, navigator, nextTick, now, options, processPluginHooks, raf as requestAnimationFrame, safeExecute, stringify, window$1 as window };
 //# sourceMappingURL=runtime.esm.js.map