@tarojs/runtime 3.5.0-alpha.9 → 3.5.0-beta.2

package/dist/runtime.esm.js

@@ -1,1171 +1,5 @@
-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.
-Licensed under the Apache License, Version 2.0 (the "License"); you may not use
-this file except in compliance with the License. You may obtain a copy of the
-License at http://www.apache.org/licenses/LICENSE-2.0
-
-THIS CODE IS PROVIDED ON AN *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
-KIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED
-WARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE,
-MERCHANTABLITY OR NON-INFRINGEMENT.
-
-See the Apache Version 2.0 License for specific language governing permissions
-and limitations under the License.
-***************************************************************************** */
-
-if (process.env.TARO_ENV === 'h5') {
-  require('reflect-metadata');
-} else {
-  // var Reflect;
-  (function (Reflect) {
-      // Metadata Proposal
-      // https://rbuckton.github.io/reflect-metadata/
-      (function (factory) {
-          // var root = typeof global === "object" ? global :
-          //     typeof self === "object" ? self :
-          //         typeof this === "object" ? this :
-          //             Function("return this;")();
-          var exporter = makeExporter(Reflect);
-          // if (typeof root.Reflect === "undefined") {
-          //     root.Reflect = Reflect;
-          // }
-          // else {
-          //     exporter = makeExporter(root.Reflect, exporter);
-          // }
-          factory(exporter);
-          function makeExporter(target, previous) {
-              return function (key, value) {
-                  if (!isFunction(target[key])) {
-                      Object.defineProperty(target, key, { configurable: true, writable: true, value: value });
-                  }
-                  if (previous)
-                      previous(key, value);
-              };
-          }
-      })(function (exporter) {
-          var hasOwn = Object.prototype.hasOwnProperty;
-          // feature test for Symbol 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 = {
-              // create an object in dictionary mode (a.k.a. "slow" mode in v8)
-              create: supportsCreate
-                  ? function () { return MakeDictionary(Object.create(null)); }
-                  : supportsProto
-                      ? function () { return MakeDictionary({ __proto__: null }); }
-                      : function () { return MakeDictionary({}); },
-              has: downLevel
-                  ? function (map, key) { return hasOwn.call(map, key); }
-                  : function (map, key) { return key in map; },
-              get: downLevel
-                  ? function (map, key) { return hasOwn.call(map, key) ? map[key] : undefined; }
-                  : function (map, key) { return map[key]; },
-          };
-          // Load global or shim versions of Map, Set, and WeakMap
-          var functionPrototype = Object.getPrototypeOf(Function);
-          var _Map = Map;
-          var _Set = Set;
-          var _WeakMap = isFunction(WeakMap) ? WeakMap : CreateWeakMapPolyfill();
-          // [[Metadata]] internal slot
-          // https://rbuckton.github.io/reflect-metadata/#ordinary-object-internal-methods-and-internal-slots
-          var Metadata = new _WeakMap();
-          /**
-           * Applies a set of decorators to a property of a target object.
-           * @param decorators An array of decorators.
-           * @param target The target object.
-           * @param propertyKey (Optional) The property key to decorate.
-           * @param attributes (Optional) The property descriptor for the target key.
-           * @remarks Decorators are applied in reverse order.
-           * @example
-           *
-           *     class Example {
-           *         // property declarations are not part of ES6, though they are valid in TypeScript:
-           *         // static staticProperty;
-           *         // property;
-           *
-           *         constructor(p) { }
-           *         static staticMethod(p) { }
-           *         method(p) { }
-           *     }
-           *
-           *     // constructor
-           *     Example = Reflect.decorate(decoratorsArray, Example);
-           *
-           *     // property (on constructor)
-           *     Reflect.decorate(decoratorsArray, Example, "staticProperty");
-           *
-           *     // property (on prototype)
-           *     Reflect.decorate(decoratorsArray, Example.prototype, "property");
-           *
-           *     // method (on constructor)
-           *     Object.defineProperty(Example, "staticMethod",
-           *         Reflect.decorate(decoratorsArray, Example, "staticMethod",
-           *             Object.getOwnPropertyDescriptor(Example, "staticMethod")));
-           *
-           *     // method (on prototype)
-           *     Object.defineProperty(Example.prototype, "method",
-           *         Reflect.decorate(decoratorsArray, Example.prototype, "method",
-           *             Object.getOwnPropertyDescriptor(Example.prototype, "method")));
-           *
-           */
-          function decorate(decorators, target, propertyKey, attributes) {
-              if (!IsUndefined(propertyKey)) {
-                  if (!IsArray(decorators))
-                      throw new TypeError();
-                  if (!IsObject(target))
-                      throw new TypeError();
-                  if (!IsObject(attributes) && !IsUndefined(attributes) && !IsNull(attributes))
-                      throw new TypeError();
-                  if (IsNull(attributes))
-                      attributes = undefined;
-                  propertyKey = ToPropertyKey(propertyKey);
-                  return DecorateProperty(decorators, target, propertyKey, attributes);
-              }
-              else {
-                  if (!IsArray(decorators))
-                      throw new TypeError();
-                  if (!IsConstructor(target))
-                      throw new TypeError();
-                  return DecorateConstructor(decorators, target);
-              }
-          }
-          exporter("decorate", decorate);
-          // 4.1.2 Reflect.metadata(metadataKey, metadataValue)
-          // https://rbuckton.github.io/reflect-metadata/#reflect.metadata
-          /**
-           * A default metadata decorator factory that can be used on a class, class member, or parameter.
-           * @param metadataKey The key for the metadata entry.
-           * @param metadataValue The value for the metadata entry.
-           * @returns A decorator function.
-           * @remarks
-           * If `metadataKey` is already defined for the target and target key, the
-           * metadataValue for that key will be overwritten.
-           * @example
-           *
-           *     // constructor
-           *     @Reflect.metadata(key, value)
-           *     class Example {
-           *     }
-           *
-           *     // property (on constructor, TypeScript only)
-           *     class Example {
-           *         @Reflect.metadata(key, value)
-           *         static staticProperty;
-           *     }
-           *
-           *     // property (on prototype, TypeScript only)
-           *     class Example {
-           *         @Reflect.metadata(key, value)
-           *         property;
-           *     }
-           *
-           *     // method (on constructor)
-           *     class Example {
-           *         @Reflect.metadata(key, value)
-           *         static staticMethod() { }
-           *     }
-           *
-           *     // method (on prototype)
-           *     class Example {
-           *         @Reflect.metadata(key, value)
-           *         method() { }
-           *     }
-           *
-           */
-          function metadata(metadataKey, metadataValue) {
-              function decorator(target, propertyKey) {
-                  if (!IsObject(target))
-                      throw new TypeError();
-                  if (!IsUndefined(propertyKey) && !IsPropertyKey(propertyKey))
-                      throw new TypeError();
-                  OrdinaryDefineOwnMetadata(metadataKey, metadataValue, target, propertyKey);
-              }
-              return decorator;
-          }
-          exporter("metadata", metadata);
-          /**
-           * Define a unique metadata entry on the target.
-           * @param metadataKey A key used to store and retrieve metadata.
-           * @param metadataValue A value that contains attached metadata.
-           * @param target The target object on which to define metadata.
-           * @param propertyKey (Optional) The property key for the target.
-           * @example
-           *
-           *     class Example {
-           *         // property declarations are not part of ES6, though they are valid in TypeScript:
-           *         // static staticProperty;
-           *         // property;
-           *
-           *         constructor(p) { }
-           *         static staticMethod(p) { }
-           *         method(p) { }
-           *     }
-           *
-           *     // constructor
-           *     Reflect.defineMetadata("custom:annotation", options, Example);
-           *
-           *     // property (on constructor)
-           *     Reflect.defineMetadata("custom:annotation", options, Example, "staticProperty");
-           *
-           *     // property (on prototype)
-           *     Reflect.defineMetadata("custom:annotation", options, Example.prototype, "property");
-           *
-           *     // method (on constructor)
-           *     Reflect.defineMetadata("custom:annotation", options, Example, "staticMethod");
-           *
-           *     // method (on prototype)
-           *     Reflect.defineMetadata("custom:annotation", options, Example.prototype, "method");
-           *
-           *     // decorator factory as metadata-producing annotation.
-           *     function MyAnnotation(options): Decorator {
-           *         return (target, key?) => Reflect.defineMetadata("custom:annotation", options, target, key);
-           *     }
-           *
-           */
-          function defineMetadata(metadataKey, metadataValue, target, propertyKey) {
-              if (!IsObject(target))
-                  throw new TypeError();
-              if (!IsUndefined(propertyKey))
-                  propertyKey = ToPropertyKey(propertyKey);
-              return OrdinaryDefineOwnMetadata(metadataKey, metadataValue, target, propertyKey);
-          }
-          exporter("defineMetadata", defineMetadata);
-          /**
-           * Gets a value indicating whether the target object or its prototype chain has the provided metadata key defined.
-           * @param metadataKey A key used to store and retrieve metadata.
-           * @param target The target object on which the metadata is defined.
-           * @param propertyKey (Optional) The property key for the target.
-           * @returns `true` if the metadata key was defined on the target object or its prototype chain; otherwise, `false`.
-           * @example
-           *
-           *     class Example {
-           *         // property declarations are not part of ES6, though they are valid in TypeScript:
-           *         // static staticProperty;
-           *         // property;
-           *
-           *         constructor(p) { }
-           *         static staticMethod(p) { }
-           *         method(p) { }
-           *     }
-           *
-           *     // constructor
-           *     result = Reflect.hasMetadata("custom:annotation", Example);
-           *
-           *     // property (on constructor)
-           *     result = Reflect.hasMetadata("custom:annotation", Example, "staticProperty");
-           *
-           *     // property (on prototype)
-           *     result = Reflect.hasMetadata("custom:annotation", Example.prototype, "property");
-           *
-           *     // method (on constructor)
-           *     result = Reflect.hasMetadata("custom:annotation", Example, "staticMethod");
-           *
-           *     // method (on prototype)
-           *     result = Reflect.hasMetadata("custom:annotation", Example.prototype, "method");
-           *
-           */
-          function hasMetadata(metadataKey, target, propertyKey) {
-              if (!IsObject(target))
-                  throw new TypeError();
-              if (!IsUndefined(propertyKey))
-                  propertyKey = ToPropertyKey(propertyKey);
-              return OrdinaryHasMetadata(metadataKey, target, propertyKey);
-          }
-          exporter("hasMetadata", hasMetadata);
-          /**
-           * Gets a value indicating whether the target object has the provided metadata key defined.
-           * @param metadataKey A key used to store and retrieve metadata.
-           * @param target The target object on which the metadata is defined.
-           * @param propertyKey (Optional) The property key for the target.
-           * @returns `true` if the metadata key was defined on the target object; otherwise, `false`.
-           * @example
-           *
-           *     class Example {
-           *         // property declarations are not part of ES6, though they are valid in TypeScript:
-           *         // static staticProperty;
-           *         // property;
-           *
-           *         constructor(p) { }
-           *         static staticMethod(p) { }
-           *         method(p) { }
-           *     }
-           *
-           *     // constructor
-           *     result = Reflect.hasOwnMetadata("custom:annotation", Example);
-           *
-           *     // property (on constructor)
-           *     result = Reflect.hasOwnMetadata("custom:annotation", Example, "staticProperty");
-           *
-           *     // property (on prototype)
-           *     result = Reflect.hasOwnMetadata("custom:annotation", Example.prototype, "property");
-           *
-           *     // method (on constructor)
-           *     result = Reflect.hasOwnMetadata("custom:annotation", Example, "staticMethod");
-           *
-           *     // method (on prototype)
-           *     result = Reflect.hasOwnMetadata("custom:annotation", Example.prototype, "method");
-           *
-           */
-          function hasOwnMetadata(metadataKey, target, propertyKey) {
-              if (!IsObject(target))
-                  throw new TypeError();
-              if (!IsUndefined(propertyKey))
-                  propertyKey = ToPropertyKey(propertyKey);
-              return OrdinaryHasOwnMetadata(metadataKey, target, propertyKey);
-          }
-          exporter("hasOwnMetadata", hasOwnMetadata);
-          /**
-           * Gets the metadata value for the provided metadata key on the target object or its prototype chain.
-           * @param metadataKey A key used to store and retrieve metadata.
-           * @param target The target object on which the metadata is defined.
-           * @param propertyKey (Optional) The property key for the target.
-           * @returns The metadata value for the metadata key if found; otherwise, `undefined`.
-           * @example
-           *
-           *     class Example {
-           *         // property declarations are not part of ES6, though they are valid in TypeScript:
-           *         // static staticProperty;
-           *         // property;
-           *
-           *         constructor(p) { }
-           *         static staticMethod(p) { }
-           *         method(p) { }
-           *     }
-           *
-           *     // constructor
-           *     result = Reflect.getMetadata("custom:annotation", Example);
-           *
-           *     // property (on constructor)
-           *     result = Reflect.getMetadata("custom:annotation", Example, "staticProperty");
-           *
-           *     // property (on prototype)
-           *     result = Reflect.getMetadata("custom:annotation", Example.prototype, "property");
-           *
-           *     // method (on constructor)
-           *     result = Reflect.getMetadata("custom:annotation", Example, "staticMethod");
-           *
-           *     // method (on prototype)
-           *     result = Reflect.getMetadata("custom:annotation", Example.prototype, "method");
-           *
-           */
-          function getMetadata(metadataKey, target, propertyKey) {
-              if (!IsObject(target))
-                  throw new TypeError();
-              if (!IsUndefined(propertyKey))
-                  propertyKey = ToPropertyKey(propertyKey);
-              return OrdinaryGetMetadata(metadataKey, target, propertyKey);
-          }
-          exporter("getMetadata", getMetadata);
-          /**
-           * Gets the metadata value for the provided metadata key on the target object.
-           * @param metadataKey A key used to store and retrieve metadata.
-           * @param target The target object on which the metadata is defined.
-           * @param propertyKey (Optional) The property key for the target.
-           * @returns The metadata value for the metadata key if found; otherwise, `undefined`.
-           * @example
-           *
-           *     class Example {
-           *         // property declarations are not part of ES6, though they are valid in TypeScript:
-           *         // static staticProperty;
-           *         // property;
-           *
-           *         constructor(p) { }
-           *         static staticMethod(p) { }
-           *         method(p) { }
-           *     }
-           *
-           *     // constructor
-           *     result = Reflect.getOwnMetadata("custom:annotation", Example);
-           *
-           *     // property (on constructor)
-           *     result = Reflect.getOwnMetadata("custom:annotation", Example, "staticProperty");
-           *
-           *     // property (on prototype)
-           *     result = Reflect.getOwnMetadata("custom:annotation", Example.prototype, "property");
-           *
-           *     // method (on constructor)
-           *     result = Reflect.getOwnMetadata("custom:annotation", Example, "staticMethod");
-           *
-           *     // method (on prototype)
-           *     result = Reflect.getOwnMetadata("custom:annotation", Example.prototype, "method");
-           *
-           */
-          function getOwnMetadata(metadataKey, target, propertyKey) {
-              if (!IsObject(target))
-                  throw new TypeError();
-              if (!IsUndefined(propertyKey))
-                  propertyKey = ToPropertyKey(propertyKey);
-              return OrdinaryGetOwnMetadata(metadataKey, target, propertyKey);
-          }
-          exporter("getOwnMetadata", getOwnMetadata);
-          /**
-           * Gets the metadata keys defined on the target object or its prototype chain.
-           * @param target The target object on which the metadata is defined.
-           * @param propertyKey (Optional) The property key for the target.
-           * @returns An array of unique metadata keys.
-           * @example
-           *
-           *     class Example {
-           *         // property declarations are not part of ES6, though they are valid in TypeScript:
-           *         // static staticProperty;
-           *         // property;
-           *
-           *         constructor(p) { }
-           *         static staticMethod(p) { }
-           *         method(p) { }
-           *     }
-           *
-           *     // constructor
-           *     result = Reflect.getMetadataKeys(Example);
-           *
-           *     // property (on constructor)
-           *     result = Reflect.getMetadataKeys(Example, "staticProperty");
-           *
-           *     // property (on prototype)
-           *     result = Reflect.getMetadataKeys(Example.prototype, "property");
-           *
-           *     // method (on constructor)
-           *     result = Reflect.getMetadataKeys(Example, "staticMethod");
-           *
-           *     // method (on prototype)
-           *     result = Reflect.getMetadataKeys(Example.prototype, "method");
-           *
-           */
-          function getMetadataKeys(target, propertyKey) {
-              if (!IsObject(target))
-                  throw new TypeError();
-              if (!IsUndefined(propertyKey))
-                  propertyKey = ToPropertyKey(propertyKey);
-              return OrdinaryMetadataKeys(target, propertyKey);
-          }
-          exporter("getMetadataKeys", getMetadataKeys);
-          /**
-           * Gets the unique metadata keys defined on the target object.
-           * @param target The target object on which the metadata is defined.
-           * @param propertyKey (Optional) The property key for the target.
-           * @returns An array of unique metadata keys.
-           * @example
-           *
-           *     class Example {
-           *         // property declarations are not part of ES6, though they are valid in TypeScript:
-           *         // static staticProperty;
-           *         // property;
-           *
-           *         constructor(p) { }
-           *         static staticMethod(p) { }
-           *         method(p) { }
-           *     }
-           *
-           *     // constructor
-           *     result = Reflect.getOwnMetadataKeys(Example);
-           *
-           *     // property (on constructor)
-           *     result = Reflect.getOwnMetadataKeys(Example, "staticProperty");
-           *
-           *     // property (on prototype)
-           *     result = Reflect.getOwnMetadataKeys(Example.prototype, "property");
-           *
-           *     // method (on constructor)
-           *     result = Reflect.getOwnMetadataKeys(Example, "staticMethod");
-           *
-           *     // method (on prototype)
-           *     result = Reflect.getOwnMetadataKeys(Example.prototype, "method");
-           *
-           */
-          function getOwnMetadataKeys(target, propertyKey) {
-              if (!IsObject(target))
-                  throw new TypeError();
-              if (!IsUndefined(propertyKey))
-                  propertyKey = ToPropertyKey(propertyKey);
-              return OrdinaryOwnMetadataKeys(target, propertyKey);
-          }
-          exporter("getOwnMetadataKeys", getOwnMetadataKeys);
-          /**
-           * Deletes the metadata entry from the target object with the provided key.
-           * @param metadataKey A key used to store and retrieve metadata.
-           * @param target The target object on which the metadata is defined.
-           * @param propertyKey (Optional) The property key for the target.
-           * @returns `true` if the metadata entry was found and deleted; otherwise, false.
-           * @example
-           *
-           *     class Example {
-           *         // property declarations are not part of ES6, though they are valid in TypeScript:
-           *         // static staticProperty;
-           *         // property;
-           *
-           *         constructor(p) { }
-           *         static staticMethod(p) { }
-           *         method(p) { }
-           *     }
-           *
-           *     // constructor
-           *     result = Reflect.deleteMetadata("custom:annotation", Example);
-           *
-           *     // property (on constructor)
-           *     result = Reflect.deleteMetadata("custom:annotation", Example, "staticProperty");
-           *
-           *     // property (on prototype)
-           *     result = Reflect.deleteMetadata("custom:annotation", Example.prototype, "property");
-           *
-           *     // method (on constructor)
-           *     result = Reflect.deleteMetadata("custom:annotation", Example, "staticMethod");
-           *
-           *     // method (on prototype)
-           *     result = Reflect.deleteMetadata("custom:annotation", Example.prototype, "method");
-           *
-           */
-          function deleteMetadata(metadataKey, target, propertyKey) {
-              if (!IsObject(target))
-                  throw new TypeError();
-              if (!IsUndefined(propertyKey))
-                  propertyKey = ToPropertyKey(propertyKey);
-              var metadataMap = GetOrCreateMetadataMap(target, propertyKey, /*Create*/ false);
-              if (IsUndefined(metadataMap))
-                  return false;
-              if (!metadataMap.delete(metadataKey))
-                  return false;
-              if (metadataMap.size > 0)
-                  return true;
-              var targetMetadata = Metadata.get(target);
-              targetMetadata.delete(propertyKey);
-              if (targetMetadata.size > 0)
-                  return true;
-              Metadata.delete(target);
-              return true;
-          }
-          exporter("deleteMetadata", deleteMetadata);
-          function DecorateConstructor(decorators, target) {
-              for (var i = decorators.length - 1; i >= 0; --i) {
-                  var decorator = decorators[i];
-                  var decorated = decorator(target);
-                  if (!IsUndefined(decorated) && !IsNull(decorated)) {
-                      if (!IsConstructor(decorated))
-                          throw new TypeError();
-                      target = decorated;
-                  }
-              }
-              return target;
-          }
-          function DecorateProperty(decorators, target, propertyKey, descriptor) {
-              for (var i = decorators.length - 1; i >= 0; --i) {
-                  var decorator = decorators[i];
-                  var decorated = decorator(target, propertyKey, descriptor);
-                  if (!IsUndefined(decorated) && !IsNull(decorated)) {
-                      if (!IsObject(decorated))
-                          throw new TypeError();
-                      descriptor = decorated;
-                  }
-              }
-              return descriptor;
-          }
-          function GetOrCreateMetadataMap(O, P, Create) {
-              var targetMetadata = Metadata.get(O);
-              if (IsUndefined(targetMetadata)) {
-                  if (!Create)
-                      return undefined;
-                  targetMetadata = new _Map();
-                  Metadata.set(O, targetMetadata);
-              }
-              var metadataMap = targetMetadata.get(P);
-              if (IsUndefined(metadataMap)) {
-                  if (!Create)
-                      return undefined;
-                  metadataMap = new _Map();
-                  targetMetadata.set(P, metadataMap);
-              }
-              return metadataMap;
-          }
-          // 3.1.1.1 OrdinaryHasMetadata(MetadataKey, O, P)
-          // https://rbuckton.github.io/reflect-metadata/#ordinaryhasmetadata
-          function OrdinaryHasMetadata(MetadataKey, O, P) {
-              var hasOwn = OrdinaryHasOwnMetadata(MetadataKey, O, P);
-              if (hasOwn)
-                  return true;
-              var parent = OrdinaryGetPrototypeOf(O);
-              if (!IsNull(parent))
-                  return OrdinaryHasMetadata(MetadataKey, parent, P);
-              return false;
-          }
-          // 3.1.2.1 OrdinaryHasOwnMetadata(MetadataKey, O, P)
-          // https://rbuckton.github.io/reflect-metadata/#ordinaryhasownmetadata
-          function OrdinaryHasOwnMetadata(MetadataKey, O, P) {
-              var metadataMap = GetOrCreateMetadataMap(O, P, /*Create*/ false);
-              if (IsUndefined(metadataMap))
-                  return false;
-              return ToBoolean(metadataMap.has(MetadataKey));
-          }
-          // 3.1.3.1 OrdinaryGetMetadata(MetadataKey, O, P)
-          // https://rbuckton.github.io/reflect-metadata/#ordinarygetmetadata
-          function OrdinaryGetMetadata(MetadataKey, O, P) {
-              var hasOwn = OrdinaryHasOwnMetadata(MetadataKey, O, P);
-              if (hasOwn)
-                  return OrdinaryGetOwnMetadata(MetadataKey, O, P);
-              var parent = OrdinaryGetPrototypeOf(O);
-              if (!IsNull(parent))
-                  return OrdinaryGetMetadata(MetadataKey, parent, P);
-              return undefined;
-          }
-          // 3.1.4.1 OrdinaryGetOwnMetadata(MetadataKey, O, P)
-          // https://rbuckton.github.io/reflect-metadata/#ordinarygetownmetadata
-          function OrdinaryGetOwnMetadata(MetadataKey, O, P) {
-              var metadataMap = GetOrCreateMetadataMap(O, P, /*Create*/ false);
-              if (IsUndefined(metadataMap))
-                  return undefined;
-              return metadataMap.get(MetadataKey);
-          }
-          // 3.1.5.1 OrdinaryDefineOwnMetadata(MetadataKey, MetadataValue, O, P)
-          // https://rbuckton.github.io/reflect-metadata/#ordinarydefineownmetadata
-          function OrdinaryDefineOwnMetadata(MetadataKey, MetadataValue, O, P) {
-              var metadataMap = GetOrCreateMetadataMap(O, P, /*Create*/ true);
-              metadataMap.set(MetadataKey, MetadataValue);
-          }
-          // 3.1.6.1 OrdinaryMetadataKeys(O, P)
-          // https://rbuckton.github.io/reflect-metadata/#ordinarymetadatakeys
-          function OrdinaryMetadataKeys(O, P) {
-              var ownKeys = OrdinaryOwnMetadataKeys(O, P);
-              var parent = OrdinaryGetPrototypeOf(O);
-              if (parent === null)
-                  return ownKeys;
-              var parentKeys = OrdinaryMetadataKeys(parent, P);
-              if (parentKeys.length <= 0)
-                  return ownKeys;
-              if (ownKeys.length <= 0)
-                  return parentKeys;
-              var set = new _Set();
-              var keys = [];
-              for (var _i = 0, ownKeys_1 = ownKeys; _i < ownKeys_1.length; _i++) {
-                  var key = ownKeys_1[_i];
-                  var hasKey = set.has(key);
-                  if (!hasKey) {
-                      set.add(key);
-                      keys.push(key);
-                  }
-              }
-              for (var _a = 0, parentKeys_1 = parentKeys; _a < parentKeys_1.length; _a++) {
-                  var key = parentKeys_1[_a];
-                  var hasKey = set.has(key);
-                  if (!hasKey) {
-                      set.add(key);
-                      keys.push(key);
-                  }
-              }
-              return keys;
-          }
-          // 3.1.7.1 OrdinaryOwnMetadataKeys(O, P)
-          // https://rbuckton.github.io/reflect-metadata/#ordinaryownmetadatakeys
-          function OrdinaryOwnMetadataKeys(O, P) {
-              var keys = [];
-              var metadataMap = GetOrCreateMetadataMap(O, P, /*Create*/ false);
-              if (IsUndefined(metadataMap))
-                  return keys;
-              var keysObj = metadataMap.keys();
-              var iterator = GetIterator(keysObj);
-              var k = 0;
-              while (true) {
-                  var next = IteratorStep(iterator);
-                  if (!next) {
-                      keys.length = k;
-                      return keys;
-                  }
-                  var nextValue = IteratorValue(next);
-                  try {
-                      keys[k] = nextValue;
-                  }
-                  catch (e) {
-                      try {
-                          IteratorClose(iterator);
-                      }
-                      finally {
-                          throw e;
-                      }
-                  }
-                  k++;
-              }
-          }
-          // 6 ECMAScript Data Typ0es and Values
-          // https://tc39.github.io/ecma262/#sec-ecmascript-data-types-and-values
-          function Type(x) {
-              if (x === null)
-                  return 1 /* Null */;
-              switch (typeof x) {
-                  case "undefined": return 0 /* Undefined */;
-                  case "boolean": return 2 /* Boolean */;
-                  case "string": return 3 /* String */;
-                  case "symbol": return 4 /* Symbol */;
-                  case "number": return 5 /* Number */;
-                  case "object": return x === null ? 1 /* Null */ : 6 /* Object */;
-                  default: return 6 /* Object */;
-              }
-          }
-          // 6.1.1 The Undefined Type
-          // https://tc39.github.io/ecma262/#sec-ecmascript-language-types-undefined-type
-          function IsUndefined(x) {
-              return x === undefined;
-          }
-          // 6.1.2 The Null Type
-          // https://tc39.github.io/ecma262/#sec-ecmascript-language-types-null-type
-          function IsNull(x) {
-              return x === null;
-          }
-          // 6.1.5 The Symbol Type
-          // https://tc39.github.io/ecma262/#sec-ecmascript-language-types-symbol-type
-          function IsSymbol(x) {
-              return typeof x === "symbol";
-          }
-          // 6.1.7 The Object Type
-          // https://tc39.github.io/ecma262/#sec-object-type
-          function IsObject(x) {
-              return isObject(x) ? x !== null : isFunction(x);
-          }
-          // 7.1 Type Conversion
-          // https://tc39.github.io/ecma262/#sec-type-conversion
-          // 7.1.1 ToPrimitive(input [, PreferredType])
-          // https://tc39.github.io/ecma262/#sec-toprimitive
-          function ToPrimitive(input, PreferredType) {
-              switch (Type(input)) {
-                  case 0 /* Undefined */: return input;
-                  case 1 /* Null */: return input;
-                  case 2 /* Boolean */: return input;
-                  case 3 /* String */: return input;
-                  case 4 /* Symbol */: return input;
-                  case 5 /* Number */: return input;
-              }
-              var hint = PreferredType === 3 /* String */ ? "string" : PreferredType === 5 /* Number */ ? "number" : "default";
-              var exoticToPrim = GetMethod(input, toPrimitiveSymbol);
-              if (exoticToPrim !== undefined) {
-                  var result = exoticToPrim.call(input, hint);
-                  if (IsObject(result))
-                      throw new TypeError();
-                  return result;
-              }
-              return OrdinaryToPrimitive(input, hint === "default" ? "number" : hint);
-          }
-          // 7.1.1.1 OrdinaryToPrimitive(O, hint)
-          // https://tc39.github.io/ecma262/#sec-ordinarytoprimitive
-          function OrdinaryToPrimitive(O, hint) {
-              if (hint === "string") {
-                  var toString_1 = O.toString;
-                  if (IsCallable(toString_1)) {
-                      var result = toString_1.call(O);
-                      if (!IsObject(result))
-                          return result;
-                  }
-                  var valueOf = O.valueOf;
-                  if (IsCallable(valueOf)) {
-                      var result = valueOf.call(O);
-                      if (!IsObject(result))
-                          return result;
-                  }
-              }
-              else {
-                  var valueOf = O.valueOf;
-                  if (IsCallable(valueOf)) {
-                      var result = valueOf.call(O);
-                      if (!IsObject(result))
-                          return result;
-                  }
-                  var toString_2 = O.toString;
-                  if (IsCallable(toString_2)) {
-                      var result = toString_2.call(O);
-                      if (!IsObject(result))
-                          return result;
-                  }
-              }
-              throw new TypeError();
-          }
-          // 7.1.2 ToBoolean(argument)
-          // https://tc39.github.io/ecma262/2016/#sec-toboolean
-          function ToBoolean(argument) {
-              return !!argument;
-          }
-          // 7.1.12 ToString(argument)
-          // https://tc39.github.io/ecma262/#sec-tostring
-          function ToString(argument) {
-              return "" + argument;
-          }
-          // 7.1.14 ToPropertyKey(argument)
-          // https://tc39.github.io/ecma262/#sec-topropertykey
-          function ToPropertyKey(argument) {
-              var key = ToPrimitive(argument, 3 /* String */);
-              if (IsSymbol(key))
-                  return key;
-              return ToString(key);
-          }
-          // 7.2 Testing and Comparison Operations
-          // https://tc39.github.io/ecma262/#sec-testing-and-comparison-operations
-          // 7.2.2 IsArray(argument)
-          // https://tc39.github.io/ecma262/#sec-isarray
-          function IsArray(argument) {
-              return Array.isArray
-                  ? Array.isArray(argument)
-                  : argument instanceof Object
-                      ? argument instanceof Array
-                      : Object.prototype.toString.call(argument) === "[object Array]";
-          }
-          // 7.2.3 IsCallable(argument)
-          // https://tc39.github.io/ecma262/#sec-iscallable
-          function IsCallable(argument) {
-              // NOTE: This is an approximation as we cannot check for [[Call]] internal method.
-              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 isFunction(argument);
-          }
-          // 7.2.7 IsPropertyKey(argument)
-          // https://tc39.github.io/ecma262/#sec-ispropertykey
-          function IsPropertyKey(argument) {
-              switch (Type(argument)) {
-                  case 3 /* String */: return true;
-                  case 4 /* Symbol */: return true;
-                  default: return false;
-              }
-          }
-          // 7.3 Operations on Objects
-          // https://tc39.github.io/ecma262/#sec-operations-on-objects
-          // 7.3.9 GetMethod(V, P)
-          // https://tc39.github.io/ecma262/#sec-getmethod
-          function GetMethod(V, P) {
-              var func = V[P];
-              if (func === undefined || func === null)
-                  return undefined;
-              if (!IsCallable(func))
-                  throw new TypeError();
-              return func;
-          }
-          // 7.4 Operations on Iterator Objects
-          // https://tc39.github.io/ecma262/#sec-operations-on-iterator-objects
-          function GetIterator(obj) {
-              var method = GetMethod(obj, iteratorSymbol);
-              if (!IsCallable(method))
-                  throw new TypeError(); // from Call
-              var iterator = method.call(obj);
-              if (!IsObject(iterator))
-                  throw new TypeError();
-              return iterator;
-          }
-          // 7.4.4 IteratorValue(iterResult)
-          // https://tc39.github.io/ecma262/2016/#sec-iteratorvalue
-          function IteratorValue(iterResult) {
-              return iterResult.value;
-          }
-          // 7.4.5 IteratorStep(iterator)
-          // https://tc39.github.io/ecma262/#sec-iteratorstep
-          function IteratorStep(iterator) {
-              var result = iterator.next();
-              return result.done ? false : result;
-          }
-          // 7.4.6 IteratorClose(iterator, completion)
-          // https://tc39.github.io/ecma262/#sec-iteratorclose
-          function IteratorClose(iterator) {
-              var f = iterator["return"];
-              if (f)
-                  f.call(iterator);
-          }
-          // 9.1 Ordinary Object Internal Methods and Internal Slots
-          // https://tc39.github.io/ecma262/#sec-ordinary-object-internal-methods-and-internal-slots
-          // 9.1.1.1 OrdinaryGetPrototypeOf(O)
-          // https://tc39.github.io/ecma262/#sec-ordinarygetprototypeof
-          function OrdinaryGetPrototypeOf(O) {
-              var proto = Object.getPrototypeOf(O);
-              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
-              // must either set __proto__ on a subclass constructor to the superclass constructor,
-              // or ensure each class has a valid `constructor` property on its prototype that
-              // points back to the constructor.
-              // If this is not the same as Function.[[Prototype]], then this is definately inherited.
-              // This is the case when in ES6 or when using __proto__ in a compatible browser.
-              if (proto !== functionPrototype)
-                  return proto;
-              // If the super prototype is Object.prototype, null, or undefined, then we cannot determine the heritage.
-              var prototype = O.prototype;
-              var prototypeProto = prototype && Object.getPrototypeOf(prototype);
-              if (prototypeProto == null || prototypeProto === Object.prototype)
-                  return proto;
-              // If the constructor was not a function, then we cannot determine the heritage.
-              var constructor = prototypeProto.constructor;
-              if (!isFunction(constructor))
-                  return proto;
-              // If we have some kind of self-reference, then we cannot determine the heritage.
-              if (constructor === O)
-                  return proto;
-              // we have a pretty good guess at the heritage.
-              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];
-          //     }
-          // }
-          // 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;
-          //     }());
-          // }
-          // naive WeakMap shim
-          function CreateWeakMapPolyfill() {
-              var UUID_SIZE = 16;
-              var keys = HashMap.create();
-              var rootKey = CreateUniqueKey();
-              return /** @class */ (function () {
-                  function WeakMap() {
-                      this._key = CreateUniqueKey();
-                  }
-                  WeakMap.prototype.has = function (target) {
-                      var table = GetOrCreateWeakMapTable(target, /*create*/ false);
-                      return table !== undefined ? HashMap.has(table, this._key) : false;
-                  };
-                  WeakMap.prototype.get = function (target) {
-                      var table = GetOrCreateWeakMapTable(target, /*create*/ false);
-                      return table !== undefined ? HashMap.get(table, this._key) : undefined;
-                  };
-                  WeakMap.prototype.set = function (target, value) {
-                      var table = GetOrCreateWeakMapTable(target, /*create*/ true);
-                      table[this._key] = value;
-                      return this;
-                  };
-                  WeakMap.prototype.delete = function (target) {
-                      var table = GetOrCreateWeakMapTable(target, /*create*/ false);
-                      return table !== undefined ? delete table[this._key] : false;
-                  };
-                  WeakMap.prototype.clear = function () {
-                      // NOTE: not a real clear, just makes the previous data unreachable
-                      this._key = CreateUniqueKey();
-                  };
-                  return WeakMap;
-              }());
-              function CreateUniqueKey() {
-                  var key;
-                  do
-                      key = "@@WeakMap@@" + CreateUUID();
-                  while (HashMap.has(keys, key));
-                  keys[key] = true;
-                  return key;
-              }
-              function GetOrCreateWeakMapTable(target, create) {
-                  if (!hasOwn.call(target, rootKey)) {
-                      if (!create)
-                          return undefined;
-                      Object.defineProperty(target, rootKey, { value: HashMap.create() });
-                  }
-                  return target[rootKey];
-              }
-              function FillRandomBytes(buffer, size) {
-                  for (var i = 0; i < size; ++i)
-                      buffer[i] = Math.random() * 0xff | 0;
-                  return buffer;
-              }
-              function GenRandomBytes(size) {
-                  if (isFunction(Uint8Array)) {
-                      if (!isUndefined(crypto))
-                          return crypto.getRandomValues(new Uint8Array(size));
-                      if (!isUndefined(msCrypto))
-                          return msCrypto.getRandomValues(new Uint8Array(size));
-                      return FillRandomBytes(new Uint8Array(size), size);
-                  }
-                  return FillRandomBytes(new Array(size), size);
-              }
-              function CreateUUID() {
-                  var data = GenRandomBytes(UUID_SIZE);
-                  // mark as random - RFC 4122 § 4.4
-                  data[6] = data[6] & 0x4f | 0x40;
-                  data[8] = data[8] & 0xbf | 0x80;
-                  var result = "";
-                  for (var offset = 0; offset < UUID_SIZE; ++offset) {
-                      var byte = data[offset];
-                      if (offset === 4 || offset === 6 || offset === 8)
-                          result += "-";
-                      if (byte < 16)
-                          result += "0";
-                      result += byte.toString(16).toLowerCase();
-                  }
-                  return result;
-              }
-          }
-          // uses a heuristic used by v8 and chakra to force an object into dictionary mode.
-          function MakeDictionary(obj) {
-              obj.__ = undefined;
-              delete obj.__;
-              return obj;
-          }
-      });
-  })(Reflect || (Reflect = {}));
-}
-
-/*! *****************************************************************************
-Copyright (c) Microsoft Corporation. All rights reserved.
-Licensed under the Apache License, Version 2.0 (the "License"); you may not use
-this file except in compliance with the License. You may obtain a copy of the
-License at http://www.apache.org/licenses/LICENSE-2.0
-
-THIS CODE IS PROVIDED ON AN *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
-KIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED
-WARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE,
-MERCHANTABLITY OR NON-INFRINGEMENT.
-
-See the Apache Version 2.0 License for specific language governing permissions
-and limitations under the License.
-***************************************************************************** */
-
-function __decorate(decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-}
-
-function __param(paramIndex, decorator) {
-    return function (target, key) { decorator(target, key, paramIndex); }
-}
-
-function __metadata(metadataKey, metadataValue) {
-    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(metadataKey, metadataValue);
-}
+import { noop, isFunction, EMPTY_OBJ, hooks, toCamelCase, isObject, warn, isArray, ensure, isNull, isUndefined, toDashed, isString, internalComponents, controlledComponent, Events } from '@tarojs/shared';
+export { Events, hooks } from '@tarojs/shared';
 
 const PROPERTY_THRESHOLD = 2046;
 const SET_DATA = '小程序 setData';
@@ -1200,7 +34,6 @@ const CONFIRM = 'confirm';
 const TIME_STAMP = 'timeStamp';
 const KEY_CODE = 'keyCode';
 const TOUCHMOVE = 'touchmove';
-const DATE = 'Date';
 const CATCHMOVE = 'catchMove';
 const CATCH_VIEW = 'catch-view';
 const COMMENT = 'comment';
@@ -1212,296 +45,6 @@ const OPTIONS = 'options';
 const EXTERNAL_CLASSES = 'externalClasses';
 const BEHAVIORS = 'behaviors';
 
-const incrementId = () => {
-    let id = 0;
-    return () => (id++).toString();
-};
-function isElement(node) {
-    return node.nodeType === 1 /* ELEMENT_NODE */;
-}
-function isText(node) {
-    return node.nodeType === 3 /* TEXT_NODE */;
-}
-function isComment(node) {
-    return node.nodeName === COMMENT;
-}
-function isHasExtractProp(el) {
-    const res = Object.keys(el.props).find(prop => {
-        return !(/^(class|style|id)$/.test(prop) || prop.startsWith('data-'));
-    });
-    return Boolean(res);
-}
-/**
- * 往上寻找组件树直到 root，寻找是否有祖先组件绑定了同类型的事件
- * @param node 当前组件
- * @param type 事件类型
- */
-function isParentBinded(node, type) {
-    var _a;
-    let res = false;
-    while ((node === null || node === void 0 ? void 0 : node.parentElement) && node.parentElement._path !== ROOT_STR) {
-        if ((_a = node.parentElement.__handlers[type]) === null || _a === void 0 ? void 0 : _a.length) {
-            res = true;
-            break;
-        }
-        node = node.parentElement;
-    }
-    return res;
-}
-function shortcutAttr(key) {
-    switch (key) {
-        case STYLE:
-            return "st" /* Style */;
-        case ID:
-            return UID;
-        case CLASS:
-            return "cl" /* Class */;
-        default:
-            return 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() {
-        this.__handlers = {};
-        this.hooks = getHooks();
-    }
-    addEventListener(type, handler, options) {
-        var _a, _b;
-        type = type.toLowerCase();
-        (_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
-            this.addEventListener('begin', handler, options);
-            this.addEventListener('end', handler, options);
-            return;
-        }
-        let isCapture = Boolean(options);
-        let isOnce = false;
-        if (isObject(options)) {
-            isCapture = Boolean(options.capture);
-            isOnce = Boolean(options.once);
-        }
-        if (isOnce) {
-            const wrapper = function () {
-                handler.apply(this, arguments); // this 指向 Element
-                this.removeEventListener(type, wrapper);
-            };
-            this.addEventListener(type, wrapper, Object.assign(Object.assign({}, options), { once: false }));
-            return;
-        }
-        process.env.NODE_ENV !== 'production' && warn(isCapture, 'Taro 暂未实现 event 的 capture 特性。');
-        // 某些框架，如 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
-        };
-        handler.oldHandler = oldHandler;
-        const handlers = this.__handlers[type];
-        if (isArray(handlers)) {
-            handlers.push(handler);
-        }
-        else {
-            this.__handlers[type] = [handler];
-        }
-    }
-    removeEventListener(type, handler) {
-        type = type.toLowerCase();
-        if (!handler) {
-            return;
-        }
-        const handlers = this.__handlers[type];
-        if (!isArray(handlers)) {
-            return;
-        }
-        const index = handlers.findIndex(item => {
-            if (item === handler || item.oldHandler === handler)
-                return true;
-        });
-        process.env.NODE_ENV !== 'production' && warn(index === -1, `事件: '${type}' 没有注册在 DOM 中，因此不会被移除。`);
-        handlers.splice(index, 1);
-    }
-    isAnyEventBinded() {
-        const handlers = this.__handlers;
-        const isAnyEventBinded = Object.keys(handlers).find(key => handlers[key].length);
-        return Boolean(isAnyEventBinded);
-    }
-};
-TaroEventTarget = __decorate([
-    injectable(),
-    __metadata("design:paramtypes", [])
-], TaroEventTarget);
-
-/**
- * React also has a fancy function's name for this: `hydrate()`.
- * You may have been heard `hydrate` as a SSR-related function,
- * actually, `hydrate` basicly do the `render()` thing, but ignore some properties,
- * it's a vnode traverser and modifier: that's exactly what Taro's doing in here.
- */
-function hydrate(node) {
-    var _a, _b;
-    const nodeName = node.nodeName;
-    if (isText(node)) {
-        return {
-            ["v" /* Text */]: node.nodeValue,
-            ["nn" /* NodeName */]: nodeName
-        };
-    }
-    const data = {
-        ["nn" /* NodeName */]: nodeName,
-        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)) {
-            data["nn" /* NodeName */] = PURE_VIEW;
-        }
-    }
-    for (const prop in props) {
-        const propInCamelCase = toCamelCase(prop);
-        if (!prop.startsWith('data-') && // 在 node.dataset 的数据
-            prop !== CLASS &&
-            prop !== STYLE &&
-            prop !== ID &&
-            propInCamelCase !== CATCHMOVE) {
-            data[propInCamelCase] = props[prop];
-        }
-        if (nodeName === VIEW && propInCamelCase === CATCHMOVE && props[prop] !== false) {
-            data["nn" /* NodeName */] = CATCH_VIEW;
-        }
-    }
-    let { childNodes } = node;
-    // 过滤 comment 节点
-    childNodes = childNodes.filter(node => !isComment(node));
-    if (childNodes.length > 0) {
-        data["cn" /* Childnodes */] = childNodes.map(hydrate);
-    }
-    else {
-        data["cn" /* Childnodes */] = [];
-    }
-    if (node.className !== '') {
-        data["cl" /* Class */] = node.className;
-    }
-    if (node.cssText !== '' && nodeName !== 'swiper-item') {
-        data["st" /* Style */] = node.cssText;
-    }
-    (_b = (_a = node.hooks).modifyHydrateData) === null || _b === void 0 ? void 0 : _b.call(_a, data);
-    return data;
-}
-
-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();
-
 const observers = [];
 /**
  * The MutationObserver provides the ability
@@ -1638,24 +181,280 @@ class MutationObserver {
     }
 }
 
-const CHILDNODES = "cn" /* Childnodes */;
-const nodeId = incrementId();
-let TaroNode = class TaroNode extends TaroEventTarget {
-    constructor() {
-        super();
-        this.parentNode = null;
-        this.childNodes = [];
-        this._getElement = getElementFactory();
-        this.hydrate = (node) => () => hydrate(node);
-        const impl = getNodeImpl();
-        impl.bind(this);
-        this.uid = `_n_${nodeId()}`; // dom 节点 id，开发者可修改
-        this.sid = this.uid; // dom 节点全局唯一 id，不可被修改
-        eventSource.set(this.sid, this);
+const incrementId = () => {
+    let id = 0;
+    return () => (id++).toString();
+};
+function isElement(node) {
+    return node.nodeType === 1 /* ELEMENT_NODE */;
+}
+function isText(node) {
+    return node.nodeType === 3 /* TEXT_NODE */;
+}
+function isComment(node) {
+    return node.nodeName === COMMENT;
+}
+function isHasExtractProp(el) {
+    const res = Object.keys(el.props).find(prop => {
+        return !(/^(class|style|id)$/.test(prop) || prop.startsWith('data-'));
+    });
+    return Boolean(res);
+}
+/**
+ * 往上寻找组件树直到 root，寻找是否有祖先组件绑定了同类型的事件
+ * @param node 当前组件
+ * @param type 事件类型
+ */
+function isParentBinded(node, type) {
+    var _a;
+    let res = false;
+    while ((node === null || node === void 0 ? void 0 : node.parentElement) && node.parentElement._path !== ROOT_STR) {
+        if ((_a = node.parentElement.__handlers[type]) === null || _a === void 0 ? void 0 : _a.length) {
+            res = true;
+            break;
+        }
+        node = node.parentElement;
     }
-    /**
-     * like jQuery's $.empty()
-     */
+    return res;
+}
+function shortcutAttr(key) {
+    switch (key) {
+        case STYLE:
+            return "st" /* Style */;
+        case ID:
+            return UID;
+        case CLASS:
+            return "cl" /* Class */;
+        default:
+            return key;
+    }
+}
+const customWrapperCache = new Map();
+function extend(ctor, methodName, options) {
+    if (isFunction(options)) {
+        options = {
+            value: options
+        };
+    }
+    Object.defineProperty(ctor.prototype, methodName, Object.assign({ configurable: true, enumerable: true }, options));
+}
+
+class ClassList extends Set {
+    constructor(className, el) {
+        super();
+        className.trim().split(/\s+/).forEach(super.add.bind(this));
+        this.el = el;
+    }
+    get value() {
+        return [...this].filter(v => v !== '').join(' ');
+    }
+    add(s) {
+        super.add(s);
+        this._update();
+        return this;
+    }
+    get length() {
+        return this.size;
+    }
+    remove(s) {
+        super.delete(s);
+        this._update();
+    }
+    toggle(s) {
+        if (super.has(s)) {
+            super.delete(s);
+        }
+        else {
+            super.add(s);
+        }
+        this._update();
+    }
+    replace(s1, s2) {
+        super.delete(s1);
+        super.add(s2);
+        this._update();
+    }
+    contains(s) {
+        return super.has(s);
+    }
+    toString() {
+        return this.value;
+    }
+    _update() {
+        this.el.className = this.value;
+    }
+}
+
+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();
+
+const env = {
+    window: process.env.TARO_ENV === 'h5' ? window : EMPTY_OBJ,
+    document: process.env.TARO_ENV === 'h5' ? document : EMPTY_OBJ
+};
+
+/**
+ * React also has a fancy function's name for this: `hydrate()`.
+ * You may have been heard `hydrate` as a SSR-related function,
+ * actually, `hydrate` basicly do the `render()` thing, but ignore some properties,
+ * it's a vnode traverser and modifier: that's exactly what Taro's doing in here.
+ */
+function hydrate(node) {
+    const nodeName = node.nodeName;
+    if (isText(node)) {
+        return {
+            ["v" /* Text */]: node.nodeValue,
+            ["nn" /* NodeName */]: nodeName
+        };
+    }
+    const data = {
+        ["nn" /* NodeName */]: nodeName,
+        sid: node.sid
+    };
+    const { props } = node;
+    const SPECIAL_NODES = hooks.call('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)) {
+            data["nn" /* NodeName */] = PURE_VIEW;
+        }
+    }
+    for (const prop in props) {
+        const propInCamelCase = toCamelCase(prop);
+        if (!prop.startsWith('data-') && // 在 node.dataset 的数据
+            prop !== CLASS &&
+            prop !== STYLE &&
+            prop !== ID &&
+            propInCamelCase !== CATCHMOVE) {
+            data[propInCamelCase] = props[prop];
+        }
+        if (nodeName === VIEW && propInCamelCase === CATCHMOVE && props[prop] !== false) {
+            data["nn" /* NodeName */] = CATCH_VIEW;
+        }
+    }
+    let { childNodes } = node;
+    // 过滤 comment 节点
+    childNodes = childNodes.filter(node => !isComment(node));
+    if (childNodes.length > 0) {
+        data["cn" /* Childnodes */] = childNodes.map(hydrate);
+    }
+    else {
+        data["cn" /* Childnodes */] = [];
+    }
+    if (node.className !== '') {
+        data["cl" /* Class */] = node.className;
+    }
+    if (node.cssText !== '' && nodeName !== 'swiper-item') {
+        data["st" /* Style */] = node.cssText;
+    }
+    hooks.call('modifyHydrateData', data);
+    return data;
+}
+
+class TaroEventTarget {
+    constructor() {
+        this.__handlers = {};
+    }
+    addEventListener(type, handler, options) {
+        type = type.toLowerCase();
+        hooks.call('onAddEvent', type, handler, options, this);
+        if (type === 'regionchange') {
+            // map 组件的 regionchange 事件非常特殊，详情：https://github.com/NervJS/taro/issues/5766
+            this.addEventListener('begin', handler, options);
+            this.addEventListener('end', handler, options);
+            return;
+        }
+        let isCapture = Boolean(options);
+        let isOnce = false;
+        if (isObject(options)) {
+            isCapture = Boolean(options.capture);
+            isOnce = Boolean(options.once);
+        }
+        if (isOnce) {
+            const wrapper = function () {
+                handler.apply(this, arguments); // this 指向 Element
+                this.removeEventListener(type, wrapper);
+            };
+            this.addEventListener(type, wrapper, Object.assign(Object.assign({}, options), { once: false }));
+            return;
+        }
+        process.env.NODE_ENV !== 'production' && warn(isCapture, 'Taro 暂未实现 event 的 capture 特性。');
+        // 某些框架，如 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
+        };
+        handler.oldHandler = oldHandler;
+        const handlers = this.__handlers[type];
+        if (isArray(handlers)) {
+            handlers.push(handler);
+        }
+        else {
+            this.__handlers[type] = [handler];
+        }
+    }
+    removeEventListener(type, handler) {
+        type = type.toLowerCase();
+        if (type === 'regionchange') {
+            // map 组件的 regionchange 事件非常特殊，详情：https://github.com/NervJS/taro/issues/5766
+            this.removeEventListener('begin', handler);
+            this.removeEventListener('end', handler);
+            return;
+        }
+        if (!handler) {
+            return;
+        }
+        const handlers = this.__handlers[type];
+        if (!isArray(handlers)) {
+            return;
+        }
+        const index = handlers.findIndex(item => {
+            if (item === handler || item.oldHandler === handler)
+                return true;
+        });
+        process.env.NODE_ENV !== 'production' && warn(index === -1, `事件: '${type}' 没有注册在 DOM 中，因此不会被移除。`);
+        handlers.splice(index, 1);
+    }
+    isAnyEventBinded() {
+        const handlers = this.__handlers;
+        const isAnyEventBinded = Object.keys(handlers).find(key => handlers[key].length);
+        return Boolean(isAnyEventBinded);
+    }
+}
+
+const CHILDNODES = "cn" /* Childnodes */;
+const nodeId = incrementId();
+class TaroNode extends TaroEventTarget {
+    constructor() {
+        super();
+        this.parentNode = null;
+        this.childNodes = [];
+        this.hydrate = (node) => () => hydrate(node);
+        this.uid = `_n_${nodeId()}`; // dom 节点 id，开发者可修改
+        this.sid = this.uid; // dom 节点全局唯一 id，不可被修改
+        eventSource.set(this.sid, this);
+    }
+    /**
+     * like jQuery's $.empty()
+     */
     _empty() {
         while (this.firstChild) {
             // Data Structure
@@ -1692,7 +491,7 @@ let TaroNode = class TaroNode extends TaroEventTarget {
             // 计算路径时，先过滤掉 comment 节点
             const list = parentNode.childNodes.filter(node => !isComment(node));
             const indexOfNode = list.indexOf(this);
-            const index = this.hooks.getPathIndex(indexOfNode);
+            const index = hooks.call('getPathIndex', indexOfNode);
             return `${parentNode._path}.${CHILDNODES}.${index}`;
         }
         return '';
@@ -1725,7 +524,7 @@ let TaroNode = class TaroNode extends TaroEventTarget {
      */
     // eslint-disable-next-line accessor-pairs
     set textContent(text) {
-        const document = this._getElement(ElementNames.Document)();
+        const document = env.document;
         const newText = document.createTextNode(text);
         // @Todo: appendChild 会多触发一次
         MutationObserver.record({
@@ -1876,57 +675,18 @@ let TaroNode = class TaroNode extends TaroEventTarget {
         (_a = this._root) === null || _a === void 0 ? void 0 : _a.enqueueUpdate(payload);
     }
     get ownerDocument() {
-        const document = this._getElement(ElementNames.Document)();
-        return document;
+        return env.document;
     }
-};
-TaroNode = __decorate([
-    injectable(),
-    __metadata("design:paramtypes", [])
-], TaroNode);
-
-let TaroText = class TaroText extends TaroNode {
-    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 */}`,
-            value: text
-        });
-    }
-    get textContent() {
-        return this._value;
-    }
-    set nodeValue(text) {
-        this.textContent = text;
-    }
-    get nodeValue() {
-        return this._value;
-    }
-    set data(text) {
-        this.textContent = text;
-    }
-    get data() {
-        return this._value;
+    static extend(methodName, options) {
+        extend(TaroNode, methodName, options);
     }
-};
-TaroText = __decorate([
-    injectable()
-], TaroText);
+}
 
 /*
  *
  * https://www.w3.org/Style/CSS/all-properties.en.html
  */
+const WEBKIT = 'webkit';
 const styleProperties = [
     'all',
     'appearance',
@@ -2006,6 +766,9 @@ function combine(prefix, list, excludeSelf) {
     !excludeSelf && styleProperties.push(prefix);
     list.forEach(item => {
         styleProperties.push(prefix + item);
+        if (prefix === WEBKIT) {
+            styleProperties.push('Webkit' + item);
+        }
     });
 }
 const color = 'Color';
@@ -2060,7 +823,6 @@ combine('mask', ['Clip', 'Composite', image, 'Mode', 'Origin', 'Position', 'Repe
 combine('borderImage', ['Outset', 'Repeat', 'Slice', 'Source', 'Transform', width]);
 combine('maskBorder', ['Mode', 'Outset', 'Repeat', 'Slice', 'Source', width]);
 combine('font', ['Family', 'FeatureSettings', 'Kerning', 'LanguageOverride', 'MaxSize', 'MinSize', 'OpticalSizing', 'Palette', size, 'SizeAdjust', 'Stretch', style, 'Weight', 'VariationSettings']);
-combine('fontSynthesis', ['SmallCaps', style, 'Weight']);
 combine('transform', ['Box', 'Origin', style]);
 combine('background', [color, image, 'Attachment', 'BlendMode', 'Clip', 'Origin', 'Position', 'Repeat', size]);
 combine('listStyle', [image, 'Position', 'Type']);
@@ -2069,22 +831,17 @@ combine('grid', ['Area', 'AutoColumns', 'AutoFlow', 'AutoRows']);
 combine('gridTemplate', ['Areas', 'Columns', 'Rows']);
 combine('overflow', ['Block', 'Inline', 'Wrap', 'X', 'Y']);
 combine('transition', ['Delay', 'Duration', 'Property', 'TimingFunction']);
-combine('lineStacking', ['Ruby', 'Shift', 'Strategy']);
 combine('color', ['Adjust', 'InterpolationFilters', 'Scheme']);
 combine('textAlign', ['All', 'Last']);
 combine('page', ['BreakAfter', 'BreakBefore', 'BreakInside']);
-combine('speak', ['Header', 'Numeral', 'Punctuation']);
 combine('animation', ['Delay', 'Direction', 'Duration', 'FillMode', 'IterationCount', 'Name', 'PlayState', 'TimingFunction']);
 combine('flex', ['Basis', 'Direction', 'Flow', 'Grow', 'Shrink', 'Wrap']);
 combine('offset', [...after_before, ...end_start, 'Anchor', 'Distance', 'Path', 'Position', 'Rotate']);
-combine('fontVariant', ['Alternates', 'Caps', 'EastAsian', 'Emoji', 'Ligatures', 'Numeric', 'Position']);
 combine('perspective', ['Origin']);
-combine('pitch', ['Range']);
 combine('clip', ['Path', 'Rule']);
 combine('flow', ['From', 'Into']);
 combine('align', ['Content', 'Items', 'Self'], true);
 combine('alignment', ['Adjust', 'Baseline'], true);
-combine('bookmark', ['Label', 'Level', 'State'], true);
 combine('borderStart', endRadius_startRadius, true);
 combine('borderEnd', endRadius_startRadius, true);
 combine('borderCorner', ['Fit', image, 'ImageTransform'], true);
@@ -2104,14 +861,14 @@ combine('inline', ['BoxAlign', size, 'Sizing'], true);
 combine('text', ['CombineUpright', 'GroupAlign', 'Height', 'Indent', 'Justify', 'Orientation', 'Overflow', 'Shadow', 'SpaceCollapse', 'SpaceTrim', 'Spacing', 'Transform', 'UnderlinePosition', 'Wrap'], true);
 combine('shape', ['ImageThreshold', 'Inside', 'Margin', 'Outside'], true);
 combine('word', ['Break', 'Spacing', 'Wrap'], true);
-combine('nav', ['Down', 'Left', 'Right', 'Up'], true);
 combine('object', ['Fit', 'Position'], true);
-combine('box', ['DecorationBreak', 'Shadow', 'Sizing', 'Snap'], true);
+combine('box', ['DecorationBreak', 'Shadow', 'Sizing', 'Snap'], true);
+combine(WEBKIT, ['LineClamp', 'BoxOrient', 'TextFillColor', 'TextStroke', 'TextStrokeColor', 'TextStrokeWidth'], true);
 
 function setStyle(newVal, styleKey) {
     const old = this[styleKey];
     const oldCssTxt = this.cssText;
-    if (newVal) {
+    if (!isNull(newVal) && !isUndefined(newVal)) {
         this._usedStyleProp.add(styleKey);
     }
     process.env.NODE_ENV !== 'production' && warn(isString(newVal) && newVal.length > PROPERTY_THRESHOLD, `Style 属性 ${styleKey} 的值数据量过大，可能会影响渲染性能，考虑使用 CSS 类或其它方案替代。`);
@@ -2139,7 +896,8 @@ function initStyle(ctor) {
         const styleKey = styleProperties[i];
         properties[styleKey] = {
             get() {
-                return this._value[styleKey] || '';
+                const val = this._value[styleKey];
+                return isNull(val) || isUndefined(val) ? '' : val;
             },
             set(newVal) {
                 setStyle.call(this, newVal, styleKey);
@@ -2173,9 +931,12 @@ class Style {
         const texts = [];
         this._usedStyleProp.forEach(key => {
             const val = this[key];
-            if (!val)
+            if (isNull(val) || isUndefined(val))
                 return;
-            const styleName = isCssVariable(key) ? key : toDashed(key);
+            let styleName = isCssVariable(key) ? key : toDashed(key);
+            if (styleName.indexOf('webkit') === 0 || styleName.indexOf('Webkit') === 0) {
+                styleName = `-${styleName}`;
+            }
             texts.push(`${styleName}: ${val};`);
         });
         return texts.join(' ');
@@ -2278,63 +1039,14 @@ function following(el, root) {
     return null;
 }
 
-class ClassList extends Set {
-    constructor(className, el) {
-        super();
-        className.trim().split(/\s+/).forEach(super.add.bind(this));
-        this.el = el;
-    }
-    get value() {
-        return [...this].filter(v => v !== '').join(' ');
-    }
-    add(s) {
-        super.add(s);
-        this._update();
-        return this;
-    }
-    get length() {
-        return this.size;
-    }
-    remove(s) {
-        super.delete(s);
-        this._update();
-    }
-    toggle(s) {
-        if (super.has(s)) {
-            super.delete(s);
-        }
-        else {
-            super.add(s);
-        }
-        this._update();
-    }
-    replace(s1, s2) {
-        super.delete(s1);
-        super.add(s2);
-        this._update();
-    }
-    contains(s) {
-        return super.has(s);
-    }
-    toString() {
-        return this.value;
-    }
-    _update() {
-        this.el.className = this.value;
-    }
-}
-
-let TaroElement = class TaroElement extends TaroNode {
+class TaroElement extends TaroNode {
     constructor() {
-        var _a, _b;
         super();
         this.props = {};
         this.dataset = EMPTY_OBJ;
-        const impl = getElementImpl();
-        impl.bind(this);
         this.nodeType = 1 /* ELEMENT_NODE */;
         this.style = new Style(this);
-        (_b = (_a = this.hooks).patchElement) === null || _b === void 0 ? void 0 : _b.call(_a, this);
+        hooks.call('patchElement', this);
     }
     _stopPropagation(event) {
         // eslint-disable-next-line @typescript-eslint/no-this-alias
@@ -2409,7 +1121,6 @@ let TaroElement = class TaroElement extends TaroNode {
         this.setAttribute(FOCUS, false);
     }
     setAttribute(qualifiedName, value) {
-        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) {
@@ -2449,7 +1160,7 @@ let TaroElement = class TaroElement extends TaroNode {
             path: `${this._path}.${toCamelCase(qualifiedName)}`,
             value: isFunction(value) ? () => value : value
         };
-        (_b = (_a = this.hooks).modifySetAttrPayload) === null || _b === void 0 ? void 0 : _b.call(_a, this, qualifiedName, payload);
+        hooks.call('modifySetAttrPayload', this, qualifiedName, payload);
         this.enqueueUpdate(payload);
         if (this.nodeName === VIEW) {
             if (toCamelCase(qualifiedName) === CATCHMOVE) {
@@ -2470,7 +1181,6 @@ 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,
@@ -2482,7 +1192,7 @@ let TaroElement = class TaroElement extends TaroNode {
             this.style.cssText = '';
         }
         else {
-            const isInterrupt = (_b = (_a = this.hooks).onRemoveAttribute) === null || _b === void 0 ? void 0 : _b.call(_a, this, qualifiedName);
+            const isInterrupt = hooks.call('onRemoveAttribute', this, qualifiedName);
             if (isInterrupt) {
                 return;
             }
@@ -2496,7 +1206,7 @@ let TaroElement = class TaroElement extends TaroNode {
             path: `${this._path}.${toCamelCase(qualifiedName)}`,
             value: ''
         };
-        (_d = (_c = this.hooks).modifyRmAttrPayload) === null || _d === void 0 ? void 0 : _d.call(_c, this, qualifiedName, payload);
+        hooks.call('modifyRmAttrPayload', this, qualifiedName, payload);
         this.enqueueUpdate(payload);
         if (this.nodeName === VIEW) {
             if (toCamelCase(qualifiedName) === CATCHMOVE) {
@@ -2544,7 +1254,7 @@ let TaroElement = class TaroElement extends TaroNode {
                 listener._stop = false;
             }
             else {
-                this.hooks.modifyDispatchEvent(event, this);
+                hooks.call('modifyDispatchEvent', event, this);
                 result = listener.call(this, event);
             }
             if ((result === false || event._end) && cancelable) {
@@ -2564,8 +1274,13 @@ let TaroElement = class TaroElement extends TaroNode {
     }
     addEventListener(type, handler, options) {
         const name = this.nodeName;
-        const SPECIAL_NODES = this.hooks.getSpecialNodes();
-        if (!this.isAnyEventBinded() && SPECIAL_NODES.indexOf(name) > -1) {
+        const SPECIAL_NODES = hooks.call('getSpecialNodes');
+        let sideEffect = true;
+        if (isObject(options) && options.sideEffect === false) {
+            sideEffect = false;
+            delete options.sideEffect;
+        }
+        if (sideEffect !== false && !this.isAnyEventBinded() && SPECIAL_NODES.indexOf(name) > -1) {
             this.enqueueUpdate({
                 path: `${this._path}.${"nn" /* NodeName */}`,
                 value: name
@@ -2573,647 +1288,322 @@ let TaroElement = class TaroElement extends TaroNode {
         }
         super.addEventListener(type, handler, options);
     }
-    removeEventListener(type, handler) {
+    removeEventListener(type, handler, sideEffect = true) {
         super.removeEventListener(type, handler);
         const name = this.nodeName;
-        const SPECIAL_NODES = this.hooks.getSpecialNodes();
-        if (!this.isAnyEventBinded() && SPECIAL_NODES.indexOf(name) > -1) {
+        const SPECIAL_NODES = hooks.call('getSpecialNodes');
+        if (sideEffect !== false && !this.isAnyEventBinded() && SPECIAL_NODES.indexOf(name) > -1) {
             this.enqueueUpdate({
                 path: `${this._path}.${"nn" /* NodeName */}`,
                 value: isHasExtractProp(this) ? `static-${name}` : `pure-${name}`
             });
         }
     }
-};
-TaroElement = __decorate([
-    injectable(),
-    __metadata("design:paramtypes", [])
-], TaroElement);
+    static extend(methodName, options) {
+        extend(TaroElement, methodName, options);
+    }
+}
 
 const options = {
     prerender: true,
     debug: false
 };
 
-class Performance {
-    constructor() {
-        this.recorder = new Map();
-    }
-    start(id) {
-        if (!options.debug) {
-            return;
+function initPosition() {
+    return {
+        index: 0,
+        column: 0,
+        line: 0
+    };
+}
+function feedPosition(position, str, len) {
+    const start = position.index;
+    const end = position.index = start + len;
+    for (let i = start; i < end; i++) {
+        const char = str.charAt(i);
+        if (char === '\n') {
+            position.line++;
+            position.column = 0;
         }
-        this.recorder.set(id, Date.now());
-    }
-    stop(id) {
-        if (!options.debug) {
-            return;
+        else {
+            position.column++;
         }
-        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();
-
-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('.');
-            }
-        }
-    });
-    if (customWrapper) {
-        return {
-            customWrapper,
-            splitedPath
-        };
-    }
+function jumpPosition(position, str, end) {
+    const len = end - position.index;
+    return feedPosition(position, str, len);
 }
-let TaroRootElement = class TaroRootElement extends TaroElement {
-    constructor() {
-        super();
-        this.updatePayloads = [];
-        this.updateCallbacks = [];
-        this.pendingUpdate = false;
-        this.ctx = null;
-        this.nodeName = ROOT_STR;
+function copyPosition(position) {
+    return {
+        index: position.index,
+        line: position.line,
+        column: position.column
+    };
+}
+const whitespace = /\s/;
+function isWhitespaceChar(char) {
+    return whitespace.test(char);
+}
+const equalSign = /=/;
+function isEqualSignChar(char) {
+    return equalSign.test(char);
+}
+function shouldBeIgnore(tagName) {
+    const name = tagName.toLowerCase();
+    if (options.html.skipElements.has(name)) {
+        return true;
     }
-    get _path() {
-        return ROOT_STR;
+    return false;
+}
+const alphanumeric = /[A-Za-z0-9]/;
+function findTextEnd(str, index) {
+    while (true) {
+        const textEnd = str.indexOf('<', index);
+        if (textEnd === -1) {
+            return textEnd;
+        }
+        const char = str.charAt(textEnd + 1);
+        if (char === '/' || char === '!' || alphanumeric.test(char)) {
+            return textEnd;
+        }
+        index = textEnd + 1;
     }
-    get _root() {
-        return this;
+}
+function isWordEnd(cursor, wordBegin, html) {
+    if (!isWhitespaceChar(html.charAt(cursor)))
+        return false;
+    const len = html.length;
+    // backwrad
+    for (let i = cursor - 1; i > wordBegin; i--) {
+        const char = html.charAt(i);
+        if (!isWhitespaceChar(char)) {
+            if (isEqualSignChar(char))
+                return false;
+            break;
+        }
     }
-    enqueueUpdate(payload) {
-        this.updatePayloads.push(payload);
-        if (!this.pendingUpdate && this.ctx) {
-            this.performUpdate();
+    // forward
+    for (let i = cursor + 1; i < len; i++) {
+        const char = html.charAt(i);
+        if (!isWhitespaceChar(char)) {
+            if (isEqualSignChar(char))
+                return false;
+            return true;
         }
     }
-    performUpdate(initRender = false, prerender) {
-        this.pendingUpdate = true;
-        const ctx = this.ctx;
-        setTimeout(() => {
-            perf.start(SET_DATA);
-            const data = Object.create(null);
-            const resetPaths = new Set(initRender
-                ? ['root.cn.[0]', 'root.cn[0]']
-                : []);
-            while (this.updatePayloads.length > 0) {
-                const { path, value } = this.updatePayloads.shift();
-                if (path.endsWith("cn" /* Childnodes */)) {
-                    resetPaths.add(path);
+}
+class Scaner {
+    constructor(html) {
+        this.tokens = [];
+        this.position = initPosition();
+        this.html = html;
+    }
+    scan() {
+        const { html, position } = this;
+        const len = html.length;
+        while (position.index < len) {
+            const start = position.index;
+            this.scanText();
+            if (position.index === start) {
+                const isComment = html.startsWith('!--', start + 1);
+                if (isComment) {
+                    this.scanComment();
                 }
-                data[path] = value;
-            }
-            for (const path in data) {
-                resetPaths.forEach(p => {
-                    // 已经重置了数组，就不需要分别再设置了
-                    if (path.includes(p) && path !== p) {
-                        delete data[path];
+                else {
+                    const tagName = this.scanTag();
+                    if (shouldBeIgnore(tagName)) {
+                        this.scanSkipTag(tagName);
                     }
-                });
-                const value = data[path];
-                if (isFunction(value)) {
-                    data[path] = value();
                 }
             }
-            // 预渲染
-            if (isFunction(prerender))
-                return prerender(data);
-            // 正常渲染
-            this.pendingUpdate = false;
-            let normalUpdate = {};
-            const customWrapperMap = new Map();
-            if (initRender) {
-                // 初次渲染，使用页面级别的 setData
-                normalUpdate = data;
-            }
-            else {
-                // 更新渲染，区分 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] }));
-                    }
-                    else {
-                        // 此项数据使用页面去更新
-                        normalUpdate[p] = data[p];
-                    }
+        }
+        return this.tokens;
+    }
+    scanText() {
+        const type = 'text';
+        const { html, position } = this;
+        let textEnd = findTextEnd(html, position.index);
+        if (textEnd === position.index) {
+            return;
+        }
+        if (textEnd === -1) {
+            textEnd = html.length;
+        }
+        const start = copyPosition(position);
+        const content = html.slice(position.index, textEnd);
+        jumpPosition(position, html, textEnd);
+        const end = copyPosition(position);
+        this.tokens.push({ type, content, position: { start, end } });
+    }
+    scanComment() {
+        const type = 'comment';
+        const { html, position } = this;
+        const start = copyPosition(position);
+        feedPosition(position, html, 4); // "<!--".length
+        let contentEnd = html.indexOf('-->', position.index);
+        let commentEnd = contentEnd + 3; // "-->".length
+        if (contentEnd === -1) {
+            contentEnd = commentEnd = html.length;
+        }
+        const content = html.slice(position.index, contentEnd);
+        jumpPosition(position, html, commentEnd);
+        this.tokens.push({
+            type,
+            content,
+            position: {
+                start,
+                end: copyPosition(position)
+            }
+        });
+    }
+    scanTag() {
+        this.scanTagStart();
+        const tagName = this.scanTagName();
+        this.scanAttrs();
+        this.scanTagEnd();
+        return tagName;
+    }
+    scanTagStart() {
+        const type = 'tag-start';
+        const { html, position } = this;
+        const secondChar = html.charAt(position.index + 1);
+        const close = secondChar === '/';
+        const start = copyPosition(position);
+        feedPosition(position, html, close ? 2 : 1);
+        this.tokens.push({ type, close, position: { start } });
+    }
+    scanTagEnd() {
+        const type = 'tag-end';
+        const { html, position } = this;
+        const firstChar = html.charAt(position.index);
+        const close = firstChar === '/';
+        feedPosition(position, html, close ? 2 : 1);
+        const end = copyPosition(position);
+        this.tokens.push({ type, close, position: { end } });
+    }
+    scanTagName() {
+        const type = 'tag';
+        const { html, position } = this;
+        const len = html.length;
+        let start = position.index;
+        while (start < len) {
+            const char = html.charAt(start);
+            const isTagChar = !(isWhitespaceChar(char) || char === '/' || char === '>');
+            if (isTagChar)
+                break;
+            start++;
+        }
+        let end = start + 1;
+        while (end < len) {
+            const char = html.charAt(end);
+            const isTagChar = !(isWhitespaceChar(char) || char === '/' || char === '>');
+            if (!isTagChar)
+                break;
+            end++;
+        }
+        jumpPosition(position, html, end);
+        const tagName = html.slice(start, end);
+        this.tokens.push({
+            type,
+            content: tagName
+        });
+        return tagName;
+    }
+    scanAttrs() {
+        const { html, position, tokens } = this;
+        let cursor = position.index;
+        let quote = null; // null, single-, or double-quote
+        let wordBegin = cursor; // index of word start
+        const words = []; // "key", "key=value", "key='value'", etc
+        const len = html.length;
+        while (cursor < len) {
+            const char = html.charAt(cursor);
+            if (quote) {
+                const isQuoteEnd = char === quote;
+                if (isQuoteEnd) {
+                    quote = null;
                 }
+                cursor++;
+                continue;
             }
-            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);
+            const isTagEnd = char === '/' || char === '>';
+            if (isTagEnd) {
+                if (cursor !== wordBegin) {
+                    words.push(html.slice(wordBegin, cursor));
                 }
-            };
-            // 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('custom wrapper setData: ', data);
+                break;
+            }
+            if (isWordEnd(cursor, wordBegin, html)) {
+                if (cursor !== wordBegin) {
+                    words.push(html.slice(wordBegin, cursor));
+                }
+                wordBegin = cursor + 1;
+                cursor++;
+                continue;
+            }
+            const isQuoteStart = char === '\'' || char === '"';
+            if (isQuoteStart) {
+                quote = char;
+                cursor++;
+                continue;
+            }
+            cursor++;
+        }
+        jumpPosition(position, html, cursor);
+        const wLen = words.length;
+        const type = 'attribute';
+        for (let i = 0; i < wLen; i++) {
+            const word = words[i];
+            const isNotPair = word.includes('=');
+            if (isNotPair) {
+                const secondWord = words[i + 1];
+                if (secondWord && secondWord.startsWith('=')) {
+                    if (secondWord.length > 1) {
+                        const newWord = word + secondWord;
+                        tokens.push({ type, content: newWord });
+                        i += 1;
+                        continue;
                     }
-                    ctx.setData(data, cb);
-                });
+                    const thirdWord = words[i + 2];
+                    i += 1;
+                    if (thirdWord) {
+                        const newWord = word + '=' + thirdWord;
+                        tokens.push({ type, content: newWord });
+                        i += 1;
+                        continue;
+                    }
+                }
             }
-            // page setData
-            if (isNeedNormalUpdate) {
-                if (process.env.NODE_ENV !== 'production' && options.debug) {
-                    // eslint-disable-next-line no-console
-                    console.log('page setData:', normalUpdate);
+            if (word.endsWith('=')) {
+                const secondWord = words[i + 1];
+                if (secondWord && !secondWord.includes('=')) {
+                    const newWord = word + secondWord;
+                    tokens.push({ type, content: newWord });
+                    i += 1;
+                    continue;
                 }
-                ctx.setData(normalUpdate, cb);
+                const newWord = word.slice(0, -1);
+                tokens.push({ type, content: newWord });
+                continue;
             }
-        }, 0);
-    }
-    enqueueUpdateCallback(cb, ctx) {
-        this.updateCallbacks.push(() => {
-            ctx ? cb.call(ctx) : cb();
-        });
-    }
-    flushUpdateCallback() {
-        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]();
+            tokens.push({ type, content: word });
         }
     }
-};
-TaroRootElement = __decorate([
-    injectable(),
-    __metadata("design:paramtypes", [])
-], TaroRootElement);
-
-class FormElement extends TaroElement {
-    get value() {
-        // eslint-disable-next-line dot-notation
-        const val = this.props[VALUE];
-        return val == null ? '' : val;
-    }
-    set value(val) {
-        this.setAttribute(VALUE, val);
-    }
-    dispatchEvent(event) {
-        if (event.mpEvent) {
-            const val = event.mpEvent.detail.value;
-            if (event.type === CHANGE) {
-                this.props.value = val;
+    scanSkipTag(tagName) {
+        const { html, position } = this;
+        const safeTagName = tagName.toLowerCase();
+        const len = html.length;
+        while (position.index < len) {
+            const nextTag = html.indexOf('</', position.index);
+            if (nextTag === -1) {
+                this.scanText();
+                break;
             }
-            else if (event.type === INPUT) {
-                // Web 规范中表单组件的 value 应该跟着输入改变
-                // 只是改 this.props.value 的话不会进行 setData，因此这里修改 this.value。
-                // 只测试了 React、Vue、Vue3 input 组件的 onInput 事件，onChange 事件不确定有没有副作用，所以暂不修改。
-                this.value = val;
-            }
-        }
-        return super.dispatchEvent(event);
-    }
-}
-
-// for Vue3
-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;
-        const target = Object.create(((_a = this.mpEvent) === null || _a === void 0 ? void 0 : _a.target) || null);
-        const element = getDocument().getElementById(target.id);
-        target.dataset = element !== null ? element.dataset : EMPTY_OBJ;
-        for (const key in (_b = this.mpEvent) === null || _b === void 0 ? void 0 : _b.detail) {
-            target[key] = this.mpEvent.detail[key];
-        }
-        return target;
-    }
-    get currentTarget() {
-        var _a, _b;
-        const currentTarget = Object.create(((_a = this.mpEvent) === null || _a === void 0 ? void 0 : _a.currentTarget) || null);
-        const element = getDocument().getElementById(currentTarget.id);
-        if (element === null) {
-            return this.target;
-        }
-        currentTarget.dataset = element.dataset;
-        for (const key in (_b = this.mpEvent) === null || _b === void 0 ? void 0 : _b.detail) {
-            currentTarget[key] = this.mpEvent.detail[key];
-        }
-        return currentTarget;
-    }
-}
-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,
-        column: 0,
-        line: 0
-    };
-}
-function feedPosition(position, str, len) {
-    const start = position.index;
-    const end = position.index = start + len;
-    for (let i = start; i < end; i++) {
-        const char = str.charAt(i);
-        if (char === '\n') {
-            position.line++;
-            position.column = 0;
-        }
-        else {
-            position.column++;
-        }
-    }
-}
-function jumpPosition(position, str, end) {
-    const len = end - position.index;
-    return feedPosition(position, str, len);
-}
-function copyPosition(position) {
-    return {
-        index: position.index,
-        line: position.line,
-        column: position.column
-    };
-}
-const whitespace = /\s/;
-function isWhitespaceChar(char) {
-    return whitespace.test(char);
-}
-const equalSign = /=/;
-function isEqualSignChar(char) {
-    return equalSign.test(char);
-}
-function shouldBeIgnore(tagName) {
-    const name = tagName.toLowerCase();
-    if (options.html.skipElements.has(name)) {
-        return true;
-    }
-    return false;
-}
-const alphanumeric = /[A-Za-z0-9]/;
-function findTextEnd(str, index) {
-    while (true) {
-        const textEnd = str.indexOf('<', index);
-        if (textEnd === -1) {
-            return textEnd;
-        }
-        const char = str.charAt(textEnd + 1);
-        if (char === '/' || char === '!' || alphanumeric.test(char)) {
-            return textEnd;
-        }
-        index = textEnd + 1;
-    }
-}
-function isWordEnd(cursor, wordBegin, html) {
-    if (!isWhitespaceChar(html.charAt(cursor)))
-        return false;
-    const len = html.length;
-    // backwrad
-    for (let i = cursor - 1; i > wordBegin; i--) {
-        const char = html.charAt(i);
-        if (!isWhitespaceChar(char)) {
-            if (isEqualSignChar(char))
-                return false;
-            break;
-        }
-    }
-    // forward
-    for (let i = cursor + 1; i < len; i++) {
-        const char = html.charAt(i);
-        if (!isWhitespaceChar(char)) {
-            if (isEqualSignChar(char))
-                return false;
-            return true;
-        }
-    }
-}
-class Scaner {
-    constructor(html) {
-        this.tokens = [];
-        this.position = initPosition();
-        this.html = html;
-    }
-    scan() {
-        const { html, position } = this;
-        const len = html.length;
-        while (position.index < len) {
-            const start = position.index;
-            this.scanText();
-            if (position.index === start) {
-                const isComment = html.startsWith('!--', start + 1);
-                if (isComment) {
-                    this.scanComment();
-                }
-                else {
-                    const tagName = this.scanTag();
-                    if (shouldBeIgnore(tagName)) {
-                        this.scanSkipTag(tagName);
-                    }
-                }
-            }
-        }
-        return this.tokens;
-    }
-    scanText() {
-        const type = 'text';
-        const { html, position } = this;
-        let textEnd = findTextEnd(html, position.index);
-        if (textEnd === position.index) {
-            return;
-        }
-        if (textEnd === -1) {
-            textEnd = html.length;
-        }
-        const start = copyPosition(position);
-        const content = html.slice(position.index, textEnd);
-        jumpPosition(position, html, textEnd);
-        const end = copyPosition(position);
-        this.tokens.push({ type, content, position: { start, end } });
-    }
-    scanComment() {
-        const type = 'comment';
-        const { html, position } = this;
-        const start = copyPosition(position);
-        feedPosition(position, html, 4); // "<!--".length
-        let contentEnd = html.indexOf('-->', position.index);
-        let commentEnd = contentEnd + 3; // "-->".length
-        if (contentEnd === -1) {
-            contentEnd = commentEnd = html.length;
-        }
-        const content = html.slice(position.index, contentEnd);
-        jumpPosition(position, html, commentEnd);
-        this.tokens.push({
-            type,
-            content,
-            position: {
-                start,
-                end: copyPosition(position)
-            }
-        });
-    }
-    scanTag() {
-        this.scanTagStart();
-        const tagName = this.scanTagName();
-        this.scanAttrs();
-        this.scanTagEnd();
-        return tagName;
-    }
-    scanTagStart() {
-        const type = 'tag-start';
-        const { html, position } = this;
-        const secondChar = html.charAt(position.index + 1);
-        const close = secondChar === '/';
-        const start = copyPosition(position);
-        feedPosition(position, html, close ? 2 : 1);
-        this.tokens.push({ type, close, position: { start } });
-    }
-    scanTagEnd() {
-        const type = 'tag-end';
-        const { html, position } = this;
-        const firstChar = html.charAt(position.index);
-        const close = firstChar === '/';
-        feedPosition(position, html, close ? 2 : 1);
-        const end = copyPosition(position);
-        this.tokens.push({ type, close, position: { end } });
-    }
-    scanTagName() {
-        const type = 'tag';
-        const { html, position } = this;
-        const len = html.length;
-        let start = position.index;
-        while (start < len) {
-            const char = html.charAt(start);
-            const isTagChar = !(isWhitespaceChar(char) || char === '/' || char === '>');
-            if (isTagChar)
-                break;
-            start++;
-        }
-        let end = start + 1;
-        while (end < len) {
-            const char = html.charAt(end);
-            const isTagChar = !(isWhitespaceChar(char) || char === '/' || char === '>');
-            if (!isTagChar)
-                break;
-            end++;
-        }
-        jumpPosition(position, html, end);
-        const tagName = html.slice(start, end);
-        this.tokens.push({
-            type,
-            content: tagName
-        });
-        return tagName;
-    }
-    scanAttrs() {
-        const { html, position, tokens } = this;
-        let cursor = position.index;
-        let quote = null; // null, single-, or double-quote
-        let wordBegin = cursor; // index of word start
-        const words = []; // "key", "key=value", "key='value'", etc
-        const len = html.length;
-        while (cursor < len) {
-            const char = html.charAt(cursor);
-            if (quote) {
-                const isQuoteEnd = char === quote;
-                if (isQuoteEnd) {
-                    quote = null;
-                }
-                cursor++;
-                continue;
-            }
-            const isTagEnd = char === '/' || char === '>';
-            if (isTagEnd) {
-                if (cursor !== wordBegin) {
-                    words.push(html.slice(wordBegin, cursor));
-                }
-                break;
-            }
-            if (isWordEnd(cursor, wordBegin, html)) {
-                if (cursor !== wordBegin) {
-                    words.push(html.slice(wordBegin, cursor));
-                }
-                wordBegin = cursor + 1;
-                cursor++;
-                continue;
-            }
-            const isQuoteStart = char === '\'' || char === '"';
-            if (isQuoteStart) {
-                quote = char;
-                cursor++;
-                continue;
-            }
-            cursor++;
-        }
-        jumpPosition(position, html, cursor);
-        const wLen = words.length;
-        const type = 'attribute';
-        for (let i = 0; i < wLen; i++) {
-            const word = words[i];
-            const isNotPair = word.includes('=');
-            if (isNotPair) {
-                const secondWord = words[i + 1];
-                if (secondWord && secondWord.startsWith('=')) {
-                    if (secondWord.length > 1) {
-                        const newWord = word + secondWord;
-                        tokens.push({ type, content: newWord });
-                        i += 1;
-                        continue;
-                    }
-                    const thirdWord = words[i + 2];
-                    i += 1;
-                    if (thirdWord) {
-                        const newWord = word + '=' + thirdWord;
-                        tokens.push({ type, content: newWord });
-                        i += 1;
-                        continue;
-                    }
-                }
-            }
-            if (word.endsWith('=')) {
-                const secondWord = words[i + 1];
-                if (secondWord && !secondWord.includes('=')) {
-                    const newWord = word + secondWord;
-                    tokens.push({ type, content: newWord });
-                    i += 1;
-                    continue;
-                }
-                const newWord = word.slice(0, -1);
-                tokens.push({ type, content: newWord });
-                continue;
-            }
-            tokens.push({ type, content: word });
-        }
-    }
-    scanSkipTag(tagName) {
-        const { html, position } = this;
-        const safeTagName = tagName.toLowerCase();
-        const len = html.length;
-        while (position.index < len) {
-            const nextTag = html.indexOf('</', position.index);
-            if (nextTag === -1) {
-                this.scanText();
-                break;
-            }
-            jumpPosition(position, html, nextTag);
-            const name = this.scanTag();
-            if (safeTagName === name.toLowerCase()) {
-                break;
+            jumpPosition(position, html, nextTag);
+            const name = this.scanTag();
+            if (safeTagName === name.toLowerCase()) {
+                break;
             }
         }
     }
@@ -3640,249 +2030,568 @@ function parse(state) {
                 break;
             }
             else {
-                continue;
+                continue;
+            }
+        }
+        const isClosingTag = options.html.closingElements.has(tagName);
+        let shouldRewindToAutoClose = isClosingTag;
+        if (shouldRewindToAutoClose) {
+            shouldRewindToAutoClose = !hasTerminalParent(tagName, stack);
+        }
+        if (shouldRewindToAutoClose) {
+            let currentIndex = stack.length - 1;
+            while (currentIndex > 0) {
+                if (tagName === stack[currentIndex].tagName) {
+                    stack.splice(currentIndex);
+                    const previousIndex = currentIndex - 1;
+                    nodes = stack[previousIndex].children;
+                    break;
+                }
+                currentIndex = currentIndex - 1;
+            }
+        }
+        const attributes = [];
+        let attrToken;
+        while (cursor < len) {
+            attrToken = tokens[cursor];
+            if (attrToken.type === 'tag-end')
+                break;
+            attributes.push(attrToken.content);
+            cursor++;
+        }
+        cursor++;
+        const children = [];
+        const element = {
+            type: 'element',
+            tagName: tagToken.content,
+            attributes,
+            children
+        };
+        nodes.push(element);
+        const hasChildren = !(attrToken.close || options.html.voidElements.has(tagName));
+        if (hasChildren) {
+            stack.push({ tagName, children });
+            const innerState = { tokens, cursor, stack };
+            parse(innerState);
+            cursor = innerState.cursor;
+        }
+    }
+    state.cursor = cursor;
+}
+
+options.html = {
+    skipElements: new Set(['style', 'script']),
+    voidElements: new Set([
+        '!doctype', 'area', 'base', 'br', 'col', 'command',
+        'embed', 'hr', 'img', 'input', 'keygen', 'link',
+        'meta', 'param', 'source', 'track', 'wbr'
+    ]),
+    closingElements: new Set([
+        'html', 'head', 'body', 'p', 'dt', 'dd', 'li', 'option',
+        'thead', 'th', 'tbody', 'tr', 'td', 'tfoot', 'colgroup'
+    ]),
+    renderHTMLTag: false
+};
+function setInnerHTML(element, html) {
+    while (element.firstChild) {
+        element.removeChild(element.firstChild);
+    }
+    const children = parser(html, element.ownerDocument);
+    for (let i = 0; i < children.length; i++) {
+        element.appendChild(children[i]);
+    }
+}
+
+function getBoundingClientRectImpl() {
+    if (!options.miniGlobal)
+        return Promise.resolve(null);
+    return new Promise(resolve => {
+        const query = options.miniGlobal.createSelectorQuery();
+        query.select(`#${this.uid}`).boundingClientRect(res => {
+            resolve(res);
+        }).exec();
+    });
+}
+function getTemplateContent(ctx) {
+    if (ctx.nodeName === 'template') {
+        const document = ctx.ownerDocument;
+        const content = document.createElement(DOCUMENT_FRAGMENT);
+        content.childNodes = ctx.childNodes;
+        ctx.childNodes = [content];
+        content.parentNode = ctx;
+        content.childNodes.forEach(nodes => {
+            nodes.parentNode = content;
+        });
+        return content;
+    }
+}
+
+/**
+ * An implementation of `Element.insertAdjacentHTML()`
+ * to support Vue 3 with a version of or greater than `vue@3.1.2`
+ */
+function insertAdjacentHTML(position, html) {
+    var _a, _b;
+    const parsedNodes = parser(html, this.ownerDocument);
+    for (let i = 0; i < parsedNodes.length; i++) {
+        const n = parsedNodes[i];
+        switch (position) {
+            case 'beforebegin':
+                (_a = this.parentNode) === null || _a === void 0 ? void 0 : _a.insertBefore(n, this);
+                break;
+            case 'afterbegin':
+                if (this.hasChildNodes()) {
+                    this.insertBefore(n, this.childNodes[0]);
+                }
+                else {
+                    this.appendChild(n);
+                }
+                break;
+            case 'beforeend':
+                this.appendChild(n);
+                break;
+            case 'afterend':
+                (_b = this.parentNode) === null || _b === void 0 ? void 0 : _b.appendChild(n);
+                break;
+        }
+    }
+}
+function cloneNode(isDeep = false) {
+    const document = this.ownerDocument;
+    let newNode;
+    if (this.nodeType === 1 /* ELEMENT_NODE */) {
+        newNode = document.createElement(this.nodeName);
+    }
+    else if (this.nodeType === 3 /* TEXT_NODE */) {
+        newNode = document.createTextNode('');
+    }
+    for (const key in this) {
+        const value = this[key];
+        if ([PROPS, DATASET].includes(key) && typeof value === OBJECT) {
+            newNode[key] = Object.assign({}, value);
+        }
+        else if (key === '_value') {
+            newNode[key] = value;
+        }
+        else if (key === STYLE) {
+            newNode.style._value = Object.assign({}, value._value);
+            newNode.style._usedStyleProp = new Set(Array.from(value._usedStyleProp));
+        }
+    }
+    if (isDeep) {
+        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;
+}
+
+if (process.env.TARO_ENV !== 'h5') {
+    if (ENABLE_INNER_HTML) {
+        TaroNode.extend('innerHTML', {
+            set(html) {
+                setInnerHTML.call(this, this, html);
+            },
+            get() {
+                return '';
+            }
+        });
+        if (ENABLE_ADJACENT_HTML) {
+            TaroNode.extend('insertAdjacentHTML', insertAdjacentHTML);
+        }
+    }
+    if (ENABLE_CLONE_NODE) {
+        TaroNode.extend('cloneNode', cloneNode);
+    }
+    if (ENABLE_CONTAINS) {
+        TaroNode.extend('contains', contains);
+    }
+    if (ENABLE_SIZE_APIS) {
+        TaroElement.extend('getBoundingClientRect', getBoundingClientRectImpl);
+    }
+    if (ENABLE_TEMPLATE_CONTENT) {
+        TaroElement.extend('content', {
+            get() {
+                return getTemplateContent(this);
+            }
+        });
+    }
+}
+
+// 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;
+        const target = Object.create(((_a = this.mpEvent) === null || _a === void 0 ? void 0 : _a.target) || null);
+        const element = env.document.getElementById(target.id);
+        target.dataset = element !== null ? element.dataset : EMPTY_OBJ;
+        for (const key in (_b = this.mpEvent) === null || _b === void 0 ? void 0 : _b.detail) {
+            target[key] = this.mpEvent.detail[key];
+        }
+        return target;
+    }
+    get currentTarget() {
+        var _a, _b;
+        const currentTarget = Object.create(((_a = this.mpEvent) === null || _a === void 0 ? void 0 : _a.currentTarget) || null);
+        const element = env.document.getElementById(currentTarget.id);
+        if (element === null) {
+            return this.target;
+        }
+        currentTarget.dataset = element.dataset;
+        for (const key in (_b = this.mpEvent) === null || _b === void 0 ? void 0 : _b.detail) {
+            currentTarget[key] = this.mpEvent.detail[key];
+        }
+        return currentTarget;
+    }
+}
+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;
+    hooks.call('modifyMpEventImpl', event);
+    event.currentTarget || (event.currentTarget = event.target);
+    const currentTarget = event.currentTarget;
+    const id = ((_a = currentTarget.dataset) === null || _a === void 0 ? void 0 : _a.sid /** sid */) || currentTarget.id /** uid */ || '';
+    const node = env.document.getElementById(id);
+    if (node) {
+        const dispatch = () => {
+            const e = createEvent(event, node);
+            hooks.call('modifyTaroEvent', e, node);
+            node.dispatchEvent(e);
+        };
+        if (hooks.isExist('batchedEventUpdates')) {
+            const type = event.type;
+            if (!hooks.call('isBubbleEvents', type) ||
+                !isParentBinded(node, type) ||
+                (type === TOUCHMOVE && !!node.props.catchMove)) {
+                // 最上层组件统一 batchUpdate
+                hooks.call('batchedEventUpdates', () => {
+                    if (eventsBatch[type]) {
+                        eventsBatch[type].forEach(fn => fn());
+                        delete eventsBatch[type];
+                    }
+                    dispatch();
+                });
+            }
+            else {
+                // 如果上层组件也有绑定同类型的组件，委托给上层组件调用事件回调
+                (eventsBatch[type] || (eventsBatch[type] = [])).push(dispatch);
             }
         }
-        const isClosingTag = options.html.closingElements.has(tagName);
-        let shouldRewindToAutoClose = isClosingTag;
-        if (shouldRewindToAutoClose) {
-            shouldRewindToAutoClose = !hasTerminalParent(tagName, stack);
+        else {
+            dispatch();
         }
-        if (shouldRewindToAutoClose) {
-            let currentIndex = stack.length - 1;
-            while (currentIndex > 0) {
-                if (tagName === stack[currentIndex].tagName) {
-                    stack.splice(currentIndex);
-                    const previousIndex = currentIndex - 1;
-                    nodes = stack[previousIndex].children;
-                    break;
-                }
-                currentIndex = currentIndex - 1;
+    }
+}
+
+class FormElement extends TaroElement {
+    get value() {
+        // eslint-disable-next-line dot-notation
+        const val = this.props[VALUE];
+        return val == null ? '' : val;
+    }
+    set value(val) {
+        this.setAttribute(VALUE, val);
+    }
+    dispatchEvent(event) {
+        if (event.mpEvent) {
+            const val = event.mpEvent.detail.value;
+            if (event.type === CHANGE) {
+                this.props.value = val;
+            }
+            else if (event.type === INPUT) {
+                // Web 规范中表单组件的 value 应该跟着输入改变
+                // 只是改 this.props.value 的话不会进行 setData，因此这里修改 this.value。
+                // 只测试了 React、Vue、Vue3 input 组件的 onInput 事件，onChange 事件不确定有没有副作用，所以暂不修改。
+                this.value = val;
             }
         }
-        const attributes = [];
-        let attrToken;
-        while (cursor < len) {
-            attrToken = tokens[cursor];
-            if (attrToken.type === 'tag-end')
-                break;
-            attributes.push(attrToken.content);
-            cursor++;
-        }
-        cursor++;
-        const children = [];
-        const element = {
-            type: 'element',
-            tagName: tagToken.content,
-            attributes,
-            children
-        };
-        nodes.push(element);
-        const hasChildren = !(attrToken.close || options.html.voidElements.has(tagName));
-        if (hasChildren) {
-            stack.push({ tagName, children });
-            const innerState = { tokens, cursor, stack };
-            parse(innerState);
-            cursor = innerState.cursor;
-        }
+        return super.dispatchEvent(event);
     }
-    state.cursor = cursor;
 }
 
-options.html = {
-    skipElements: new Set(['style', 'script']),
-    voidElements: new Set([
-        '!doctype', 'area', 'base', 'br', 'col', 'command',
-        'embed', 'hr', 'img', 'input', 'keygen', 'link',
-        'meta', 'param', 'source', 'track', 'wbr'
-    ]),
-    closingElements: new Set([
-        'html', 'head', 'body', 'p', 'dt', 'dd', 'li', 'option',
-        'thead', 'th', 'tbody', 'tr', 'td', 'tfoot', 'colgroup'
-    ]),
-    renderHTMLTag: false
-};
-function setInnerHTML(element, html, getDoc) {
-    while (element.firstChild) {
-        element.removeChild(element.firstChild);
+class Performance {
+    constructor() {
+        this.recorder = new Map();
     }
-    const children = parser(html, getDoc());
-    for (let i = 0; i < children.length; i++) {
-        element.appendChild(children[i]);
+    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();
 
-/**
- * An implementation of `Element.insertAdjacentHTML()`
- * to support Vue 3 with a version of or greater than `vue@3.1.2`
- */
-function insertAdjacentHTMLImpl(getDoc, position, html) {
-    var _a, _b;
-    const parsedNodes = parser(html, getDoc());
-    for (let i = 0; i < parsedNodes.length; i++) {
-        const n = parsedNodes[i];
-        switch (position) {
-            case 'beforebegin':
-                (_a = this.parentNode) === null || _a === void 0 ? void 0 : _a.insertBefore(n, this);
-                break;
-            case 'afterbegin':
-                if (this.hasChildNodes()) {
-                    this.insertBefore(n, this.childNodes[0]);
+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('.');
+            }
+        }
+    });
+    if (customWrapper) {
+        return {
+            customWrapper,
+            splitedPath
+        };
+    }
+}
+class TaroRootElement extends TaroElement {
+    constructor() {
+        super();
+        this.updatePayloads = [];
+        this.updateCallbacks = [];
+        this.pendingUpdate = false;
+        this.ctx = null;
+        this.nodeName = ROOT_STR;
+        this.tagName = ROOT_STR.toUpperCase();
+    }
+    get _path() {
+        return ROOT_STR;
+    }
+    get _root() {
+        return this;
+    }
+    enqueueUpdate(payload) {
+        this.updatePayloads.push(payload);
+        if (!this.pendingUpdate && this.ctx) {
+            this.performUpdate();
+        }
+    }
+    performUpdate(initRender = false, prerender) {
+        this.pendingUpdate = true;
+        const ctx = this.ctx;
+        setTimeout(() => {
+            perf.start(SET_DATA);
+            const data = Object.create(null);
+            const resetPaths = new Set(initRender
+                ? ['root.cn.[0]', 'root.cn[0]']
+                : []);
+            while (this.updatePayloads.length > 0) {
+                const { path, value } = this.updatePayloads.shift();
+                if (path.endsWith("cn" /* Childnodes */)) {
+                    resetPaths.add(path);
+                }
+                data[path] = value;
+            }
+            for (const path in data) {
+                resetPaths.forEach(p => {
+                    // 已经重置了数组，就不需要分别再设置了
+                    if (path.includes(p) && path !== p) {
+                        delete data[path];
+                    }
+                });
+                const value = data[path];
+                if (isFunction(value)) {
+                    data[path] = value();
+                }
+            }
+            // 预渲染
+            if (isFunction(prerender))
+                return prerender(data);
+            // 正常渲染
+            this.pendingUpdate = false;
+            let normalUpdate = {};
+            const customWrapperMap = new Map();
+            if (initRender) {
+                // 初次渲染，使用页面级别的 setData
+                normalUpdate = data;
+            }
+            else {
+                // 更新渲染，区分 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] }));
+                    }
+                    else {
+                        // 此项数据使用页面去更新
+                        normalUpdate[p] = data[p];
+                    }
+                }
+            }
+            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 {
-                    this.appendChild(n);
+            };
+            // 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('custom wrapper setData: ', data);
+                    }
+                    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);
                 }
-                break;
-            case 'beforeend':
-                this.appendChild(n);
-                break;
-            case 'afterend':
-                (_b = this.parentNode) === null || _b === void 0 ? void 0 : _b.appendChild(n);
-                break;
-        }
-    }
-}
-function cloneNode(getDoc, isDeep = false) {
-    const document = getDoc();
-    let newNode;
-    if (this.nodeType === 1 /* ELEMENT_NODE */) {
-        newNode = document.createElement(this.nodeName);
+                ctx.setData(normalUpdate, cb);
+            }
+        }, 0);
     }
-    else if (this.nodeType === 3 /* TEXT_NODE */) {
-        newNode = document.createTextNode('');
+    enqueueUpdateCallback(cb, ctx) {
+        this.updateCallbacks.push(() => {
+            ctx ? cb.call(ctx) : cb();
+        });
     }
-    for (const key in this) {
-        const value = this[key];
-        if ([PROPS, DATASET].includes(key) && typeof value === OBJECT) {
-            newNode[key] = Object.assign({}, value);
-        }
-        else if (key === '_value') {
-            newNode[key] = value;
-        }
-        else if (key === STYLE) {
-            newNode.style._value = Object.assign({}, value._value);
-            newNode.style._usedStyleProp = new Set(Array.from(value._usedStyleProp));
+    flushUpdateCallback() {
+        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]();
         }
     }
-    if (isDeep) {
-        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 {
-    constructor(// eslint-disable-next-line @typescript-eslint/indent
-    getElement) {
-        this.getDoc = () => getElement(ElementNames.Document)();
-    }
-    bind(ctx) {
-        const getDoc = this.getDoc;
-        if (ENABLE_INNER_HTML) {
-            bindInnerHTML(ctx, getDoc);
-            if (ENABLE_ADJACENT_HTML) {
-                ctx.insertAdjacentHTML = insertAdjacentHTMLImpl.bind(ctx, getDoc);
-            }
-        }
-        if (ENABLE_CLONE_NODE) {
-            ctx.cloneNode = cloneNode.bind(ctx, getDoc);
-        }
-        if (ENABLE_CONTAINS) {
-            ctx.contains = contains.bind(ctx);
-        }
+class TaroText extends TaroNode {
+    constructor(value) {
+        super();
+        this.nodeType = 3 /* TEXT_NODE */;
+        this.nodeName = '#text';
+        this._value = value;
     }
-};
-TaroNodeImpl = __decorate([
-    injectable(),
-    __param(0, inject(SERVICE_IDENTIFIER.TaroElementFactory)),
-    __metadata("design:paramtypes", [Function])
-], TaroNodeImpl);
-function bindInnerHTML(ctx, getDoc) {
-    Object.defineProperty(ctx, 'innerHTML', {
-        configurable: true,
-        enumerable: true,
-        set(html) {
-            setInnerHTML.call(this, this, html, getDoc);
-        },
-        get() {
-            return '';
-        }
-    });
-}
-
-function getBoundingClientRectImpl() {
-    if (!options.miniGlobal)
-        return Promise.resolve(null);
-    return new Promise(resolve => {
-        const query = options.miniGlobal.createSelectorQuery();
-        query.select(`#${this.uid}`).boundingClientRect(res => {
-            resolve(res);
-        }).exec();
-    });
-}
-function getTemplateContent(ctx) {
-    if (ctx.nodeName === 'template') {
-        const content = ctx._getElement(ElementNames.Element)(DOCUMENT_FRAGMENT);
-        content.childNodes = ctx.childNodes;
-        ctx.childNodes = [content];
-        content.parentNode = ctx;
-        content.childNodes.forEach(nodes => {
-            nodes.parentNode = content;
+    set textContent(text) {
+        MutationObserver.record({
+            target: this,
+            type: "characterData" /* CHARACTER_DATA */,
+            oldValue: this._value
+        });
+        this._value = text;
+        this.enqueueUpdate({
+            path: `${this._path}.${"v" /* Text */}`,
+            value: text
         });
-        return content;
     }
-}
-
-let TaroElementImpl = class TaroElementImpl {
-    bind(ctx) {
-        if (ENABLE_SIZE_APIS) {
-            ctx.getBoundingClientRect = getBoundingClientRectImpl.bind(ctx);
-        }
-        if (ENABLE_TEMPLATE_CONTENT) {
-            bindContent(ctx);
-        }
+    get textContent() {
+        return this._value;
+    }
+    set nodeValue(text) {
+        this.textContent = text;
+    }
+    get nodeValue() {
+        return this._value;
+    }
+    set data(text) {
+        this.textContent = text;
+    }
+    get data() {
+        return this._value;
     }
-};
-TaroElementImpl = __decorate([
-    injectable()
-], TaroElementImpl);
-function bindContent(ctx) {
-    Object.defineProperty(ctx, 'content', {
-        configurable: true,
-        enumerable: true,
-        get() {
-            return getTemplateContent(ctx);
-        }
-    });
 }
 
-let TaroDocument = class TaroDocument extends TaroElement {
-    constructor(// eslint-disable-next-line @typescript-eslint/indent
-    getText) {
+class TaroDocument extends TaroElement {
+    constructor() {
         super();
-        this._getText = getText;
+        this.createEvent = createEvent;
         this.nodeType = 9 /* DOCUMENT_NODE */;
         this.nodeName = DOCUMENT_ELEMENT_NAME;
     }
     createElement(type) {
-        const getElement = this._getElement;
         if (type === ROOT_STR) {
-            return getElement(ElementNames.RootElement)();
-        }
-        if (controlledComponent.has(type)) {
-            return getElement(ElementNames.FormElement)(type);
+            return new TaroRootElement();
         }
-        return getElement(ElementNames.Element)(type);
+        const element = controlledComponent.has(type)
+            ? new FormElement()
+            : new TaroElement();
+        element.nodeName = type;
+        element.tagName = type.toUpperCase();
+        return element;
     }
     // an ugly fake createElementNS to deal with @vue/runtime-dom's
     // support mounting app to svg container since vue@3.0.8
@@ -3890,7 +2599,7 @@ let TaroDocument = class TaroDocument extends TaroElement {
         return this.createElement(type);
     }
     createTextNode(text) {
-        return this._getText(text);
+        return new TaroText(text);
     }
     getElementById(id) {
         const el = eventSource.get(id);
@@ -3909,336 +2618,64 @@ let TaroDocument = class TaroDocument extends TaroElement {
     }
     // @TODO: @PERF: 在 hydrate 移除掉空的 node
     createComment() {
-        const textnode = this._getText('');
+        const textnode = new TaroText('');
         textnode.nodeName = COMMENT;
         return textnode;
     }
-};
-TaroDocument = __decorate([
-    injectable(),
-    __param(0, inject(SID_TARO_TEXT_FACTORY)),
-    __metadata("design:paramtypes", [Function])
-], TaroDocument);
-
-/**
- * 支持冒泡的事件, 除 支付宝小程序外，其余的可冒泡事件都和微信保持一致
- * 详见 见 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;
-        (_a = this.patchElementImpls) === null || _a === void 0 ? void 0 : _a.forEach(fn => fn(element));
+    get defaultView() {
+        return env.window;
     }
-};
-__decorate([
-    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(SID_GET_PATH_INDEX),
-    __metadata("design:type", Function)
-], Hooks.prototype, "getPathIndex", void 0);
-__decorate([
-    inject(SID_GET_EVENT_CENTER),
-    __metadata("design:type", Function)
-], Hooks.prototype, "getEventCenter", void 0);
-__decorate([
-    inject(SID_IS_BUBBLE_EVENTS),
-    __metadata("design:type", Function)
-], Hooks.prototype, "isBubbleEvents", void 0);
-__decorate([
-    inject(SID_GET_SPECIAL_NODES),
-    __metadata("design:type", Function)
-], Hooks.prototype, "getSpecialNodes", void 0);
-__decorate([
-    inject(SID_ON_REMOVE_ATTRIBUTE),
-    optional(),
-    __metadata("design:type", Function)
-], Hooks.prototype, "onRemoveAttribute", void 0);
-__decorate([
-    inject(SID_BATCHED_EVENT_UPDATES),
-    optional(),
-    __metadata("design:type", Function)
-], Hooks.prototype, "batchedEventUpdates", void 0);
-__decorate([
-    inject(SID_MERGE_PAGE_INSTANCE),
-    optional(),
-    __metadata("design:type", Function)
-], Hooks.prototype, "mergePageInstance", void 0);
-__decorate([
-    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(SID_GET_DOM_NODE),
-    optional(),
-    __metadata("design:type", Function)
-], Hooks.prototype, "getDOMNode", void 0);
-__decorate([
-    inject(SID_MODIFY_HYDRATE_DATA),
-    optional(),
-    __metadata("design:type", Function)
-], Hooks.prototype, "modifyHydrateData", void 0);
-__decorate([
-    inject(SID_MODIFY_SET_ATTR_PAYLOAD),
-    optional(),
-    __metadata("design:type", Function)
-], Hooks.prototype, "modifySetAttrPayload", void 0);
-__decorate([
-    inject(SID_MODIFY_RM_ATTR_PAYLOAD),
-    optional(),
-    __metadata("design:type", Function)
-], Hooks.prototype, "modifyRmAttrPayload", void 0);
-__decorate([
-    inject(SID_ON_ADD_EVENT),
-    optional(),
-    __metadata("design:type", Function)
-], Hooks.prototype, "onAddEvent", void 0);
-__decorate([
-    multiInject(SID_MODIFY_MP_EVENT),
-    optional(),
-    __metadata("design:type", Array)
-], Hooks.prototype, "modifyMpEventImpls", void 0);
-__decorate([
-    multiInject(SID_MODIFY_TARO_EVENT),
-    optional(),
-    __metadata("design:type", Array)
-], Hooks.prototype, "modifyTaroEventImpls", void 0);
-__decorate([
-    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(SID_PATCH_ELEMENT),
-    optional(),
-    __metadata("design:type", Array)
-], Hooks.prototype, "patchElementImpls", void 0);
-Hooks = __decorate([
-    injectable()
-], Hooks);
-
-function processPluginHooks(container) {
-    const keys = Object.keys(defaultReconciler);
-    keys.forEach(key => {
-        if (key in SERVICE_IDENTIFIER) {
-            // is hooks
-            const identifier = SERVICE_IDENTIFIER[key];
-            const fn = defaultReconciler[key];
-            if (isArray(fn)) {
-                // is multi
-                fn.forEach(item => container.bind(identifier).toFunction(item));
-            }
-            else {
-                if (container.isBound(identifier)) {
-                    // 之前有绑定过，需要重新绑定以覆盖前者
-                    container.rebind(identifier).toFunction(fn);
-                }
-                else {
-                    container.bind(identifier).toFunction(fn);
-                }
-            }
-        }
-    });
 }
 
-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') {
-    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(SID_TARO_ELEMENT, named);
-            if (nodeName) {
-                el.nodeName = nodeName;
-            }
-            el.tagName = el.nodeName.toUpperCase();
-            return el;
-        };
-    });
-    container.bind(SID_TARO_TEXT_FACTORY).toFactory((context) => {
-        return (text) => {
-            const textNode = context.container.get(SID_TARO_TEXT);
-            textNode._value = text;
-            return textNode;
-        };
-    });
-}
-bind(SID_HOOKS, Hooks, { single: true });
-container.load(DefaultHooksContainer);
-processPluginHooks(container);
-store.container = container;
+let document$1;
+if (process.env.TARO_ENV && process.env.TARO_ENV !== 'h5') {
+    /* eslint-disable no-inner-declarations */
+    function createDocument() {
+        /**
+           * <document>
+           *   <html>
+           *     <head></head>
+           *     <body>
+           *       <container>
+           *         <app id="app" />
+           *       </container>
+           *     </body>
+           *   </html>
+           * </document>
+           */
+        const doc = new TaroDocument();
+        const documentCreateElement = doc.createElement.bind(doc);
+        const html = documentCreateElement(HTML);
+        const head = documentCreateElement(HEAD);
+        const body = documentCreateElement(BODY);
+        const app = documentCreateElement(APP);
+        app.id = APP;
+        const container = documentCreateElement(CONTAINER); // 多包一层主要为了兼容 vue
+        doc.appendChild(html);
+        html.appendChild(head);
+        html.appendChild(body);
+        body.appendChild(container);
+        container.appendChild(app);
+        doc.documentElement = html;
+        doc.head = head;
+        doc.body = body;
+        return doc;
+    }
+    document$1 = env.document = createDocument();
+}
+else {
+    document$1 = env.document;
+}
 
-function createDocument() {
-    /**
-     * <document>
-     *   <html>
-     *     <head></head>
-     *     <body>
-     *       <container>
-     *         <app id="app" />
-     *       </container>
-     *     </body>
-     *   </html>
-     * </document>
-     */
-    const getElement = container.get(SERVICE_IDENTIFIER.TaroElementFactory);
-    const doc = getElement(ElementNames.Document)();
-    const documentCreateElement = doc.createElement.bind(doc);
-    const html = documentCreateElement(HTML);
-    const head = documentCreateElement(HEAD);
-    const body = documentCreateElement(BODY);
-    const app = documentCreateElement(APP);
-    app.id = APP;
-    const container$1 = documentCreateElement(CONTAINER); // 多包一层主要为了兼容 vue
-    doc.appendChild(html);
-    html.appendChild(head);
-    html.appendChild(body);
-    body.appendChild(container$1);
-    container$1.appendChild(app);
-    doc.documentElement = html;
-    doc.head = head;
-    doc.body = body;
-    doc.createEvent = createEvent;
-    return doc;
-}
-const document$1 = process.env.TARO_ENV === 'h5'
-    ? doc
-    : createDocument();
+function getComputedStyle(element) {
+    return element.style;
+}
 
 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 msg = '(' + machine + '; ' + arch + ') ' + engine;
-const navigator = process.env.TARO_ENV === 'h5' ? win.navigator : {
+const navigator = process.env.TARO_ENV === 'h5' ? env.window.navigator : {
     appCodeName: 'Mozilla',
     appName: 'Netscape',
     appVersion: '5.0 ' + msg,
@@ -4259,21 +2696,15 @@ let now;
 (function () {
     let loadTime;
     if ((typeof performance !== 'undefined' && performance !== null) && performance.now) {
-        now = function () {
-            return performance.now();
-        };
+        now = () => performance.now();
     }
     else if (Date.now) {
-        now = function () {
-            return Date.now() - loadTime;
-        };
         loadTime = Date.now();
+        now = () => Date.now() - loadTime;
     }
     else {
-        now = function () {
-            return new Date().getTime() - loadTime;
-        };
         loadTime = new Date().getTime();
+        now = () => new Date().getTime() - loadTime;
     }
 })();
 let lastTime = 0;
@@ -4291,41 +2722,58 @@ const caf = typeof cancelAnimationFrame !== 'undefined' && cancelAnimationFrame
         clearTimeout(seed);
     };
 
-function getComputedStyle(element) {
-    return element.style;
-}
+const eventCenter = hooks.call('getEventCenter', Events);
 
-const window$1 = process.env.TARO_ENV === 'h5' ? win : {
-    navigator,
-    document: document$1
-};
+let window$1;
 if (process.env.TARO_ENV && process.env.TARO_ENV !== 'h5') {
-    const globalProperties = [
-        ...Object.getOwnPropertyNames(global || win),
-        ...Object.getOwnPropertySymbols(global || win)
-    ];
-    globalProperties.forEach(property => {
-        if (property === 'atob')
-            return;
-        if (!Object.prototype.hasOwnProperty.call(window$1, property)) {
-            window$1[property] = global[property];
+    class Window extends Events {
+        constructor() {
+            super();
+            this.navigator = navigator;
+            this.requestAnimationFrame = raf;
+            this.cancelAnimationFrame = caf;
+            this.getComputedStyle = getComputedStyle;
+            const globalProperties = [
+                ...Object.getOwnPropertyNames(global || {}),
+                ...Object.getOwnPropertySymbols(global || {})
+            ];
+            globalProperties.forEach(property => {
+                if (property === 'atob' || property === 'document')
+                    return;
+                if (!Object.prototype.hasOwnProperty.call(this, property)) {
+                    this[property] = global[property];
+                }
+            });
+            this.Date || (this.Date = Date);
         }
-    });
-    window$1.requestAnimationFrame = raf;
-    window$1.cancelAnimationFrame = caf;
-    window$1.getComputedStyle = getComputedStyle;
-    window$1.addEventListener = noop;
-    window$1.removeEventListener = noop;
-    if (!(DATE in window$1)) {
-        window$1.Date = Date;
-    }
-    window$1.setTimeout = function (...args) {
-        return setTimeout(...args);
-    };
-    window$1.clearTimeout = function (...args) {
-        return clearTimeout(...args);
-    };
-    document$1.defaultView = window$1;
+        get document() {
+            return env.document;
+        }
+        addEventListener(event, callback) {
+            if (!isString(event))
+                return;
+            this.on(event, callback, null);
+        }
+        removeEventListener(event, callback) {
+            if (!isString(event))
+                return;
+            this.off(event, callback, null);
+        }
+        setTimeout(...args) {
+            return setTimeout(...args);
+        }
+        clearTimeout(...args) {
+            return clearTimeout(...args);
+        }
+    }
+    window$1 = env.window = new Window();
+}
+else {
+    window$1 = env.window;
+}
+
+// for Vue3
+class SVGElement extends TaroElement {
 }
 
 const Current = {
@@ -4335,95 +2783,11 @@ const Current = {
 };
 const getCurrentInstance = () => Current;
 
-class Events {
-    constructor(opts) {
-        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;
-        if (!callback) {
-            return this;
-        }
-        eventName = eventName.split(Events.eventSplitter);
-        this.callbacks || (this.callbacks = {});
-        const calls = this.callbacks;
-        while ((event = eventName.shift())) {
-            list = calls[event];
-            node = list ? list.tail : {};
-            node.next = tail = {};
-            node.context = context;
-            node.callback = callback;
-            calls[event] = {
-                tail,
-                next: list ? list.next : node
-            };
-        }
-        return this;
-    }
-    once(events, callback, context) {
-        const wrapper = (...args) => {
-            callback.apply(this, args);
-            this.off(events, wrapper, context);
-        };
-        this.on(events, wrapper, context);
-        return this;
-    }
-    off(events, callback, context) {
-        let event, calls, node, tail, cb, ctx;
-        if (!(calls = this.callbacks)) {
-            return this;
-        }
-        if (!(events || callback || context)) {
-            delete this.callbacks;
-            return this;
-        }
-        events = events ? events.split(Events.eventSplitter) : Object.keys(calls);
-        while ((event = events.shift())) {
-            node = calls[event];
-            delete calls[event];
-            if (!node || !(callback || context)) {
-                continue;
-            }
-            tail = node.tail;
-            while ((node = node.next) !== tail) {
-                cb = node.callback;
-                ctx = node.context;
-                if ((callback && cb !== callback) || (context && ctx !== context)) {
-                    this.on(event, cb, ctx);
-                }
-            }
-        }
-        return this;
-    }
-    trigger(events) {
-        let event, node, calls, tail;
-        if (!(calls = this.callbacks)) {
-            return this;
-        }
-        events = events.split(Events.eventSplitter);
-        const rest = [].slice.call(arguments, 1);
-        while ((event = events.shift())) {
-            if ((node = calls[event])) {
-                tail = node.tail;
-                while ((node = node.next) !== tail) {
-                    node.callback.apply(node.context || this, rest);
-                }
-            }
-        }
-        return this;
-    }
-}
-Events.eventSplitter = /\s+/;
-const eventCenter = getHooks().getEventCenter(Events);
-container.bind(SID_EVENT_CENTER).toConstantValue(eventCenter);
-
 /* eslint-disable dot-notation */
 const instances = new Map();
 const pageId = incrementId();
 function injectPageInstance(inst, id) {
-    var _a, _b;
-    (_b = (_a = getHooks()).mergePageInstance) === null || _b === void 0 ? void 0 : _b.call(_a, instances.get(id), inst);
+    hooks.call('mergePageInstance', instances.get(id), inst);
     instances.set(id, inst);
 }
 function getPageInstance(id) {
@@ -4440,7 +2804,7 @@ function safeExecute(path, lifecycle, ...args) {
     if (instance == null) {
         return;
     }
-    const func = getHooks().getLifecycle(instance, lifecycle);
+    const func = hooks.call('getLifecycle', instance, lifecycle);
     if (isArray(func)) {
         const res = func.map(fn => fn.apply(instance, args));
         return res[0];
@@ -4478,11 +2842,10 @@ function getOnHideEventKey(path) {
     return path + '.' + ON_HIDE;
 }
 function createPageConfig(component, pageName, data, pageConfig) {
-    var _a, _b, _c;
+    var _a, _b;
     // 小程序 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;
+    const [ONLOAD, ONUNLOAD, ONREADY, ONSHOW, ONHIDE, LIFECYCLES] = hooks.call('getMiniLifecycleImpl').page;
     let pageElement = null;
     let unmounting = false;
     let prepareMountList = [];
@@ -4491,6 +2854,7 @@ function createPageConfig(component, pageName, data, pageConfig) {
         Current.router = {
             params: page.$taroParams,
             path: addLeadingSlash(router),
+            $taroPath: page.$taroPath,
             onReady: getOnReadyEventKey(id),
             onShow: getOnShowEventKey(id),
             onHide: getOnHideEventKey(id)
@@ -4504,21 +2868,20 @@ function createPageConfig(component, pageName, data, pageConfig) {
             perf.start(PAGE_INIT);
             Current.page = this;
             this.config = pageConfig || {};
-            options.$taroTimestamp = Date.now();
-            // this.$taroPath 是页面唯一标识，不可变，因此页面参数 options 也不可变
-            this.$taroPath = getPath(id, options);
-            const $taroPath = this.$taroPath;
+            // this.$taroPath 是页面唯一标识
+            const uniqueOptions = Object.assign({}, options, { $taroTimestamp: Date.now() });
+            const $taroPath = this.$taroPath = getPath(id, uniqueOptions);
             if (process.env.TARO_ENV === 'h5') {
-                config.path = this.$taroPath;
+                config.path = $taroPath;
             }
             // this.$taroParams 作为暴露给开发者的页面参数对象，可以被随意修改
             if (this.$taroParams == null) {
-                this.$taroParams = Object.assign({}, options);
+                this.$taroParams = uniqueOptions;
             }
             setCurrentRouter(this);
             const mount = () => {
                 Current.app.mount(component, $taroPath, () => {
-                    pageElement = document$1.getElementById($taroPath);
+                    pageElement = env.document.getElementById($taroPath);
                     ensure(pageElement !== null, '没有找到页面实例。');
                     safeExecute($taroPath, ON_LOAD, this.$taroParams);
                     loadResolver();
@@ -4599,7 +2962,7 @@ function createPageConfig(component, pageName, data, pageConfig) {
             const target = options === null || options === void 0 ? void 0 : options.target;
             if (target) {
                 const id = target.id;
-                const element = document$1.getElementById(id);
+                const element = document.getElementById(id);
                 if (element) {
                     target.dataset = element.dataset;
                 }
@@ -4618,7 +2981,7 @@ 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);
+    hooks.call('modifyPageObject', config);
     return config;
 }
 function createComponentConfig(component, componentName, data) {
@@ -4630,7 +2993,7 @@ 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$1.getElementById(path);
+                componentElement = env.document.getElementById(path);
                 ensure(componentElement !== null, '没有找到组件实例。');
                 this.$taroInstances = instances.get(path);
                 safeExecute(path, ON_LOAD);
@@ -4701,12 +3064,6 @@ function createRecursiveComponentConfig(componentName) {
         } }, lifeCycles);
 }
 
-function removeLeadingSlash(path) {
-    if (path == null) {
-        return '';
-    }
-    return path.charAt(0) === '/' ? path.slice(1) : path;
-}
 const nextTick = (cb, ctx) => {
     var _a, _b, _c;
     const router = Current.router;
@@ -4717,8 +3074,8 @@ const nextTick = (cb, ctx) => {
     };
     if (router !== null) {
         let pageElement = null;
-        const path = getPath(removeLeadingSlash(router.path), router.params);
-        pageElement = document$1.getElementById(path);
+        const path = router.$taroPath;
+        pageElement = env.document.getElementById(path);
         if (pageElement === null || pageElement === void 0 ? void 0 : pageElement.pendingUpdate) {
             if (process.env.TARO_ENV === 'h5') {
                 // eslint-disable-next-line dot-notation
@@ -4739,5 +3096,5 @@ const nextTick = (cb, ctx) => {
     }
 };
 
-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 };
+export { Current, FormElement, MutationObserver, SVGElement, Style, TaroElement, TaroEvent, TaroNode, TaroRootElement, TaroText, addLeadingSlash, caf as cancelAnimationFrame, createComponentConfig, createEvent, createPageConfig, createRecursiveComponentConfig, document$1 as document, eventCenter, eventHandler, eventSource, getComputedStyle, getCurrentInstance, getPageInstance, hydrate, incrementId, injectPageInstance, navigator, nextTick, now, options, raf as requestAnimationFrame, safeExecute, stringify, window$1 as window };
 //# sourceMappingURL=runtime.esm.js.map