@tarojs/with-weapp 3.8.0-canary.0 → 4.0.0-alpha.2

package/dist/index.esm.js

@@ -1,30 +1,17 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import _classCallCheck from '@babel/runtime/helpers/classCallCheck';
-import _createClass from '@babel/runtime/helpers/createClass';
-import _assertThisInitialized from '@babel/runtime/helpers/assertThisInitialized';
-import _get from '@babel/runtime/helpers/get';
-import _inherits from '@babel/runtime/helpers/inherits';
-import _possibleConstructorReturn from '@babel/runtime/helpers/possibleConstructorReturn';
-import _getPrototypeOf from '@babel/runtime/helpers/getPrototypeOf';
-import _typeof from '@babel/runtime/helpers/typeof';
 import { getCurrentInstance } from '@tarojs/runtime';
-import { nextTick, eventCenter } from '@tarojs/taro';
+import { nextTick, eventCenter, createSelectorQuery, createIntersectionObserver, createMediaQueryObserver } from '@tarojs/taro';
 
-var json = JSON;
-var clone = function clone(obj) {
-  return json.parse(stringify(obj));
-};
-var isArray = Array.isArray || function (x) {
+const json = JSON;
+const clone = obj => json.parse(stringify(obj));
+const isArray = Array.isArray || function (x) {
   return {}.toString.call(x) === '[object Array]';
 };
-var objectKeys = Object.keys || function (obj) {
-  var has = Object.prototype.hasOwnProperty || function () {
+const objectKeys = Object.keys || function (obj) {
+  const has = Object.prototype.hasOwnProperty || function () {
     return true;
   };
-  var keys = [];
-  for (var key in obj) {
+  const keys = [];
+  for (const key in obj) {
     if (has.call(obj, key)) keys.push(key);
   }
   return keys;
@@ -34,20 +21,20 @@ function stringify(obj, opts) {
   if (typeof opts === 'function') opts = {
     cmp: opts
   };
-  var space = opts.space || '';
+  let space = opts.space || '';
   if (typeof space === 'number') space = Array(space + 1).join(' ');
-  var cycles = typeof opts.cycles === 'boolean' ? opts.cycles : false;
-  var replacer = opts.replacer || function (key, value) {
+  const cycles = typeof opts.cycles === 'boolean' ? opts.cycles : false;
+  const replacer = opts.replacer || function (key, value) {
     return value;
   };
-  var cmp = opts.cmp && function (f) {
+  const cmp = opts.cmp && function (f) {
     return function (node) {
       return function (a, b) {
-        var aobj = {
+        const aobj = {
           key: a,
           value: node[a]
         };
-        var bobj = {
+        const bobj = {
           key: b,
           value: node[b]
         };
@@ -55,10 +42,10 @@ function stringify(obj, opts) {
       };
     };
   }(opts.cmp);
-  var seen = [];
+  const seen = [];
   return function stringify(parent, key, node, level) {
-    var indent = space ? '\n' + new Array(level + 1).join(space) : '';
-    var colonSeparator = space ? ': ' : ':';
+    const indent = space ? '\n' + new Array(level + 1).join(space) : '';
+    const colonSeparator = space ? ': ' : ':';
     if (node && node.toJSON && typeof node.toJSON === 'function') {
       node = node.toJSON();
     }
@@ -66,13 +53,13 @@ function stringify(obj, opts) {
     if (node === undefined) {
       return;
     }
-    if (_typeof(node) !== 'object' || node === null) {
+    if (typeof node !== 'object' || node === null) {
       return json.stringify(node);
     }
     if (isArray(node)) {
-      var out = [];
-      for (var i = 0; i < node.length; i++) {
-        var item = stringify(node, i, node[i], level + 1) || json.stringify(null);
+      const out = [];
+      for (let i = 0; i < node.length; i++) {
+        const item = stringify(node, i, node[i], level + 1) || json.stringify(null);
         out.push(indent + space + item);
       }
       return '[' + out.join(',') + indent + ']';
@@ -81,17 +68,17 @@ function stringify(obj, opts) {
         if (cycles) return json.stringify('__cycle__');
         throw new TypeError('Converting circular structure to JSON');
       } else seen.push(node);
-      var keys = objectKeys(node).sort(cmp && cmp(node));
-      var _out = [];
-      for (var _i = 0; _i < keys.length; _i++) {
-        var _key = keys[_i];
-        var value = stringify(node, _key, node[_key], level + 1);
+      const keys = objectKeys(node).sort(cmp && cmp(node));
+      const out = [];
+      for (let i = 0; i < keys.length; i++) {
+        const key = keys[i];
+        const value = stringify(node, key, node[key], level + 1);
         if (!value) continue;
-        var keyValue = json.stringify(_key) + colonSeparator + value;
-        _out.push(indent + space + keyValue);
+        const keyValue = json.stringify(key) + colonSeparator + value;
+        out.push(indent + space + keyValue);
       }
       seen.splice(seen.indexOf(node), 1);
-      return '{' + _out.join(',') + indent + '}';
+      return '{' + out.join(',') + indent + '}';
     }
   }({
     '': obj
@@ -99,23 +86,23 @@ function stringify(obj, opts) {
 }
 
 /*eslint-disable*/
-var ARRAYTYPE = '[object Array]';
-var OBJECTTYPE = '[object Object]';
-var FUNCTIONTYPE = '[object Function]';
+const ARRAYTYPE = '[object Array]';
+const OBJECTTYPE = '[object Object]';
+const FUNCTIONTYPE = '[object Function]';
 function diff(current, pre) {
-  var result = {};
+  const result = {};
   syncKeys(current, pre);
   _diff(current, pre, '', result);
   return result;
 }
 function syncKeys(current, pre) {
   if (current === pre) return;
-  var rootCurrentType = type(current);
-  var rootPreType = type(pre);
+  const rootCurrentType = type(current);
+  const rootPreType = type(pre);
   if (rootCurrentType == OBJECTTYPE && rootPreType == OBJECTTYPE) {
     // if(Object.keys(current).length >= Object.keys(pre).length){
-    for (var key in pre) {
-      var currentValue = current[key];
+    for (let key in pre) {
+      const currentValue = current[key];
       if (currentValue === undefined) {
         current[key] = null;
       } else {
@@ -125,7 +112,7 @@ function syncKeys(current, pre) {
     // }
   } else if (rootCurrentType == ARRAYTYPE && rootPreType == ARRAYTYPE) {
     if (current.length >= pre.length) {
-      pre.forEach(function (item, index) {
+      pre.forEach((item, index) => {
         syncKeys(current[index], item);
       });
     }
@@ -133,17 +120,17 @@ function syncKeys(current, pre) {
 }
 function _diff(current, pre, path, result) {
   if (current === pre) return;
-  var rootCurrentType = type(current);
-  var rootPreType = type(pre);
+  const rootCurrentType = type(current);
+  const rootPreType = type(pre);
   if (rootCurrentType == OBJECTTYPE) {
     if (rootPreType != OBJECTTYPE || Object.keys(current).length < Object.keys(pre).length) {
       setResult(result, path, current);
     } else {
-      var _loop = function _loop(key) {
-        var currentValue = current[key];
-        var preValue = pre[key];
-        var currentType = type(currentValue);
-        var preType = type(preValue);
+      for (let key in current) {
+        const currentValue = current[key];
+        const preValue = pre[key];
+        const currentType = type(currentValue);
+        const preType = type(preValue);
         if (currentType != ARRAYTYPE && currentType != OBJECTTYPE) {
           if (currentValue != pre[key]) {
             setResult(result, (path == '' ? '' : path + '.') + key, currentValue);
@@ -155,7 +142,7 @@ function _diff(current, pre, path, result) {
             if (currentValue.length < preValue.length) {
               setResult(result, (path == '' ? '' : path + '.') + key, currentValue);
             } else {
-              currentValue.forEach(function (item, index) {
+              currentValue.forEach((item, index) => {
                 _diff(item, preValue[index], (path == '' ? '' : path + '.') + key + '[' + index + ']', result);
               });
             }
@@ -164,14 +151,11 @@ function _diff(current, pre, path, result) {
           if (preType != OBJECTTYPE || Object.keys(currentValue).length < Object.keys(preValue).length) {
             setResult(result, (path == '' ? '' : path + '.') + key, currentValue);
           } else {
-            for (var subKey in currentValue) {
+            for (let subKey in currentValue) {
               _diff(currentValue[subKey], preValue[subKey], (path == '' ? '' : path + '.') + key + '.' + subKey, result);
             }
           }
         }
-      };
-      for (var key in current) {
-        _loop(key);
       }
     }
   } else if (rootCurrentType == ARRAYTYPE) {
@@ -181,7 +165,7 @@ function _diff(current, pre, path, result) {
       if (current.length < pre.length) {
         setResult(result, path, current);
       } else {
-        current.forEach(function (item, index) {
+        current.forEach((item, index) => {
           _diff(item, pre[index], path + '[' + index + ']', result);
         });
       }
@@ -199,7 +183,6 @@ function type(obj) {
   return Object.prototype.toString.call(obj);
 }
 
-var _lifecycleMap;
 var TaroLifeCycles;
 (function (TaroLifeCycles) {
   TaroLifeCycles["WillMount"] = "componentWillMount";
@@ -208,16 +191,20 @@ var TaroLifeCycles;
   TaroLifeCycles["DidHide"] = "componentDidHide";
   TaroLifeCycles["WillUnmount"] = "componentWillUnmount";
 })(TaroLifeCycles || (TaroLifeCycles = {}));
-var lifecycleMap = (_lifecycleMap = {}, _defineProperty(_lifecycleMap, TaroLifeCycles.WillMount, ['created']), _defineProperty(_lifecycleMap, TaroLifeCycles.DidMount, ['attached']), _defineProperty(_lifecycleMap, TaroLifeCycles.DidShow, ['onShow']), _defineProperty(_lifecycleMap, TaroLifeCycles.DidHide, ['onHide']), _defineProperty(_lifecycleMap, TaroLifeCycles.WillUnmount, ['detached', 'onUnload']), _lifecycleMap);
-var lifecycles = new Set(['ready']);
-for (var key in lifecycleMap) {
-  var lifecycle = lifecycleMap[key];
-  lifecycle.forEach(function (l) {
-    return lifecycles.add(l);
-  });
+const lifecycleMap = {
+  [TaroLifeCycles.WillMount]: ['created'],
+  [TaroLifeCycles.DidMount]: ['attached'],
+  [TaroLifeCycles.DidShow]: ['onShow'],
+  [TaroLifeCycles.DidHide]: ['onHide'],
+  [TaroLifeCycles.WillUnmount]: ['detached', 'onUnload']
+};
+const lifecycles = new Set(['ready']);
+for (const key in lifecycleMap) {
+  const lifecycle = lifecycleMap[key];
+  lifecycle.forEach(l => lifecycles.add(l));
 }
-var uniquePageLifecycle = ['onPullDownRefresh', 'onReachBottom', 'onShareAppMessage', 'onShareTimeline', 'onAddToFavorites', 'onPageScroll', 'onResize', 'onTabItemTap'];
-var appOptions = ['onLaunch', 'onShow', 'onHide', 'onError', 'onPageNotFound', 'onUnhandledRejection', 'onThemeChange'];
+const uniquePageLifecycle = ['onPullDownRefresh', 'onReachBottom', 'onShareAppMessage', 'onShareTimeline', 'onAddToFavorites', 'onPageScroll', 'onResize', 'onTabItemTap'];
+const appOptions = ['onLaunch', 'onShow', 'onHide', 'onError', 'onPageNotFound', 'onUnhandledRejection', 'onThemeChange'];
 
 /**
  * Simple bind, faster than native
@@ -225,7 +212,7 @@ var appOptions = ['onLaunch', 'onShow', 'onHide', 'onError', 'onPageNotFound', '
 function bind(fn /*: Function */, ctx /*: Object */) {
   if (!fn) return false;
   function boundFn(a) {
-    var l /*: number */ = arguments.length;
+    const l /*: number */ = arguments.length;
     return l ? l > 1 ? fn.apply(ctx, arguments) : fn.call(ctx, a) : fn.call(ctx);
   }
   // record original fn length
@@ -239,7 +226,7 @@ function safeGet(obj, propsArg, defaultValue) {
   if (!obj) {
     return defaultValue;
   }
-  var props, prop;
+  let props, prop;
   if (Array.isArray(propsArg)) {
     props = propsArg.slice(0);
   }
@@ -247,7 +234,7 @@ function safeGet(obj, propsArg, defaultValue) {
     props = propsArg.replace(/\[(.+?)\]/g, '.$1');
     props = props.split('.');
   }
-  if (_typeof(propsArg) === 'symbol') {
+  if (typeof propsArg === 'symbol') {
     props = [propsArg];
   }
   if (!Array.isArray(props)) {
@@ -270,14 +257,14 @@ function safeSet(obj, props, value) {
     props = props.replace(/\[(.+?)\]/g, '.$1');
     props = props.split('.');
   }
-  if (_typeof(props) === 'symbol') {
+  if (typeof props === 'symbol') {
     props = [props];
   }
-  var lastProp = props.pop();
+  const lastProp = props.pop();
   if (!lastProp) {
     return false;
   }
-  var thisProp;
+  let thisProp;
   while (thisProp = props.shift()) {
     if (typeof obj[thisProp] === 'undefined') {
       obj[thisProp] = {};
@@ -285,12 +272,12 @@ function safeSet(obj, props, value) {
     // 直接按路径修改 this.state 可能会导致 nextProps 也被修改
     // 因此按路径寻找时，每一层都复制一遍
     if (Array.isArray(obj[thisProp])) {
-      obj[thisProp] = _toConsumableArray(obj[thisProp]);
-    } else if (_typeof(obj[thisProp]) === 'object') {
+      obj[thisProp] = [...obj[thisProp]];
+    } else if (typeof obj[thisProp] === 'object') {
       obj[thisProp] = Object.assign({}, obj[thisProp]);
     }
     obj = obj[thisProp];
-    if (!obj || _typeof(obj) !== 'object') {
+    if (!obj || typeof obj !== 'object') {
       return false;
     }
   }
@@ -300,77 +287,149 @@ function safeSet(obj, props, value) {
 function report(msg) {
   console.warn('[Taro Convert Warning] ' + msg);
 }
-var nonsupport = new Map([['onError', '不支持 App 的 onError 生命周期方法。'], ['onPageNotFound', '不支持 App 的 onPageNotFound 生命周期方法。'], ['onUnhandledRejection', '不支持 App 的 onUnhandledRejection 生命周期方法。'], ['onThemeChange', '不支持 App 的 onThemeChange 生命周期方法。'], ['moved', '不支持自定义组件的 moved 生命周期。'], ['externalClasses', '不支持自定义组件的 externalClasses 功能。'], ['relations', '不支持自定义组件的 relations 功能。'], ['options', '不支持自定义组件的 options 功能。'], ['definitionFilter', '不支持自定义组件的 definitionFilter 功能。'], ['selectComponent', 'selectComponent 方法产生不到目标效果，请使用 React 的 ref 进行重构。'], ['selectAllComponents', 'selectAllComponents 方法产生不到目标效果，请使用 React 的 ref 进行重构。'], ['selectOwnerComponent', 'selectOwnerComponent 方法产生不到目标效果，请使用 React 语法重构。'], ['groupSetData', 'groupSetData 方法产生不到目标效果，请使用 React 语法重构。']]);
+const nonsupport = new Map([['onError', '不支持 App 的 onError 生命周期方法。'], ['onPageNotFound', '不支持 App 的 onPageNotFound 生命周期方法。'], ['onUnhandledRejection', '不支持 App 的 onUnhandledRejection 生命周期方法。'], ['onThemeChange', '不支持 App 的 onThemeChange 生命周期方法。'], ['moved', '不支持自定义组件的 moved 生命周期。'], ['externalClasses', '不支持自定义组件的 externalClasses 功能。'], ['relations', '不支持自定义组件的 relations 功能。'], ['options', '不支持自定义组件的 options 功能。'], ['definitionFilter', '不支持自定义组件的 definitionFilter 功能。'], ['selectComponent', 'selectComponent 方法产生不到目标效果，请使用 React 的 ref 进行重构。'], ['selectAllComponents', 'selectAllComponents 方法产生不到目标效果，请使用 React 的 ref 进行重构。'], ['selectOwnerComponent', 'selectOwnerComponent 方法产生不到目标效果，请使用 React 语法重构。'], ['groupSetData', 'groupSetData 方法产生不到目标效果，请使用 React 语法重构。']]);
 function flattenBehaviors(behavior, behaviorMap) {
   if (typeof behavior === 'string') {
-    return report("\u4E0D\u652F\u6301\u4F7F\u7528\u5185\u7F6E Behavior: [".concat(behavior, "]"));
+    return report(`不支持使用内置 Behavior: [${behavior}]`);
   }
-  var subBehaviors = behavior.behaviors;
+  const subBehaviors = behavior.behaviors;
   if (subBehaviors === null || subBehaviors === void 0 ? void 0 : subBehaviors.length) {
-    subBehaviors.forEach(function (subBehavior) {
-      return flattenBehaviors(subBehavior, behaviorMap);
-    });
+    subBehaviors.forEach(subBehavior => flattenBehaviors(subBehavior, behaviorMap));
   }
-  Object.keys(behavior).forEach(function (key) {
+  Object.keys(behavior).forEach(key => {
     // 不支持的属性
     if (nonsupport.has(key)) {
-      var advise = nonsupport.get(key);
+      const advise = nonsupport.get(key);
       return report(advise);
     }
     if (behaviorMap.has(key)) {
-      var list = behaviorMap.get(key);
-      var value = behavior[key];
+      const list = behaviorMap.get(key);
+      const value = behavior[key];
       list.push(value);
     }
   });
 }
 
-function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+/**
+ * 该模块仅存放 convert 转换时用到的工具函数或变量
+ */
+const cacheOptions = {
+  cacheOptions: {},
+  setOptionsToCache: function (options) {
+    if (Object.keys(options).length !== 0) {
+      this.cacheOptions = options;
+    }
+  },
+  getOptionsFromCache: function () {
+    return this.cacheOptions;
+  }
+};
+function toCamelCase(s) {
+  let camel = '';
+  let nextCap = false;
+  for (let i = 0; i < s.length; i++) {
+    if (s[i] !== '-') {
+      camel += nextCap ? s[i].toUpperCase() : s[i];
+      nextCap = false;
+    } else {
+      nextCap = true;
+    }
+  }
+  return camel;
+}
+const convertToArray = function (value, fn) {
+  if (value instanceof Array) {
+    return value.map(fn);
+  } else if (typeof value === 'number') {
+    return Array.from({
+      length: value
+    }, (_, index) => index).map(fn);
+  } else if (typeof value === 'string') {
+    return Array.from(value).map(fn);
+  } else if (typeof value === 'object' && value !== null && Object.getPrototypeOf(value) === Object.prototype) {
+    const result = Object.keys(value).map(item => {
+      return fn(value[item], item);
+    });
+    return result;
+  }
+};
+const getTarget = (target, Taro) => {
+  if (!target) {
+    return {
+      dataset: {}
+    };
+  }
+  if (Taro.getEnv() === Taro.ENV_TYPE.HARMONYHYBRID || Taro.getEnv() === Taro.ENV_TYPE.WEB) {
+    if (target.fullDataset) {
+      return {
+        dataset: target.fullDataset
+      };
+    }
+    const fullDataset = {};
+    // 获取元素的所有属性
+    const targetAttrKeys = Object.keys(target);
+    // 遍历所有属性
+    for (let i = 0; i < targetAttrKeys.length; i++) {
+      if (targetAttrKeys[i].startsWith('data-')) {
+        fullDataset[toCamelCase(targetAttrKeys[i].replace(/^data-/, '').toLowerCase())] = target[targetAttrKeys[i]];
+      }
+    }
+    target.fullDataset = fullDataset;
+    return {
+      dataset: fullDataset
+    };
+  }
+  return target;
+};
+
 function defineGetter(component, key, getter) {
   Object.defineProperty(component, key, {
     enumerable: true,
     configurable: true,
-    get: function get() {
+    get: () => {
       if (getter === 'props') {
         return component.props;
       }
-      return Object.assign(Object.assign({}, component.state), component.props);
+      return component.state;
+      // return {
+      //   ...component.state,
+      //   ...component.props
+      // }
     }
   });
 }
+
+function propToState(newValue, _oldValue, key) {
+  this.state[key] = newValue;
+}
 function isFunction(o) {
   return typeof o === 'function';
 }
-function withWeapp(weappConf) {
-  var isApp = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-  if (_typeof(weappConf) === 'object' && Object.keys(weappConf).length === 0) {
+function withWeapp(weappConf, isApp = false) {
+  if (typeof weappConf === 'object' && Object.keys(weappConf).length === 0) {
     report('withWeapp 请传入“App/页面/组件“的配置对象。如果原生写法使用了基类，请将基类组合后的配置对象传入，详情请参考文档。');
   }
-  return function (ConnectComponent) {
+  return ConnectComponent => {
     var _a;
-    var behaviorMap = new Map([['properties', []], ['data', []], ['methods', []], ['created', []], ['attached', []], ['ready', []], ['detached', []]]);
-    var behaviorProperties = {};
+    const behaviorMap = new Map([['properties', []], ['data', []], ['methods', []], ['created', []], ['attached', []], ['ready', []], ['detached', []], ['lifetimes', []]]);
+    const behaviorProperties = {};
     if ((_a = weappConf.behaviors) === null || _a === void 0 ? void 0 : _a.length) {
-      var behaviors = weappConf.behaviors;
-      behaviors.forEach(function (behavior) {
-        return flattenBehaviors(behavior, behaviorMap);
-      });
-      var propertiesList = behaviorMap.get('properties');
+      const {
+        behaviors
+      } = weappConf;
+      behaviors.forEach(behavior => flattenBehaviors(behavior, behaviorMap));
+      const propertiesList = behaviorMap.get('properties');
       if (propertiesList.length) {
-        propertiesList.forEach(function (property) {
+        propertiesList.forEach(property => {
           Object.assign(behaviorProperties, property);
         });
-        Object.keys(behaviorProperties).forEach(function (propName) {
-          var propValue = behaviorProperties[propName];
+        Object.keys(behaviorProperties).forEach(propName => {
+          const propValue = behaviorProperties[propName];
           if (!weappConf.properties) {
             weappConf.properties = {};
           }
           if (!weappConf.properties.hasOwnProperty(propName)) {
-            if (propValue && _typeof(propValue) === 'object' && propValue.value) {
+            if (propValue && typeof propValue === 'object' && propValue.value) {
               propValue.value = clone(propValue.value);
             }
             weappConf.properties[propName] = propValue;
@@ -378,45 +437,38 @@ function withWeapp(weappConf) {
         });
       }
     }
-    var BaseComponent = /*#__PURE__*/function (_ConnectComponent) {
-      _inherits(BaseComponent, _ConnectComponent);
-      var _super = _createSuper(BaseComponent);
-      function BaseComponent(props) {
-        var _this;
-        _classCallCheck(this, BaseComponent);
-        _this = _super.call(this, props);
-        _this._observeProps = [];
+    class BaseComponent extends ConnectComponent {
+      constructor(props) {
+        super(props);
+        this._observeProps = [];
         // mixins 可以多次调用生命周期
-        _this.willMounts = [];
-        _this.didMounts = [];
-        _this.didHides = [];
-        _this.didShows = [];
-        _this.willUnmounts = [];
-        _this.eventDestroyList = [];
-        _this.current = getCurrentInstance();
-        _this.taroGlobalData = Object.create(null);
-        _this.safeExecute = function (func) {
-          for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
-            args[_key - 1] = arguments[_key];
-          }
-          if (isFunction(func)) func.apply(_assertThisInitialized(_this), args);
+        this.willMounts = [];
+        this.didMounts = [];
+        this.didHides = [];
+        this.didShows = [];
+        this.willUnmounts = [];
+        this.eventDestroyList = [];
+        this.current = getCurrentInstance();
+        this.taroGlobalData = Object.create(null);
+        this.safeExecute = (func, ...args) => {
+          if (isFunction(func)) func.apply(this, args);
         };
-        _this.setData = function (obj, callback) {
-          var oldState;
-          if (_this.observers && Object.keys(Object.keys(_this.observers))) {
-            oldState = clone(_this.state);
+        this.setData = (obj, callback) => {
+          let oldState;
+          if (this.observers && Object.keys(Object.keys(this.observers))) {
+            oldState = clone(this.state);
           }
-          Object.keys(obj).forEach(function (key) {
-            safeSet(_this.state, key, obj[key]);
+          Object.keys(obj).forEach(key => {
+            safeSet(this.state, key, obj[key]);
           });
-          _this.setState(_this.state, function () {
-            _this.triggerObservers(_this.state, oldState);
+          this.setState(this.state, () => {
+            this.triggerObservers(this.state, oldState);
             if (callback) {
-              callback.call(_assertThisInitialized(_this));
+              callback.call(this);
             }
           });
         };
-        _this.triggerEvent = function (eventName, detail, options) {
+        this.triggerEvent = (eventName, detail, options) => {
           if (options) {
             report('triggerEvent 不支持事件选项。');
           }
@@ -426,521 +478,467 @@ function withWeapp(weappConf) {
               return match[1].toUpperCase();
             });
           }
-          var props = _this.props;
-          var dataset = {};
-          for (var key in props) {
+          const props = this.props;
+          const dataset = {};
+          for (const key in props) {
             if (!key.startsWith('data-')) continue;
             dataset[key.replace(/^data-/, '')] = props[key];
           }
-          var func = props["on".concat(eventName[0].toUpperCase()).concat(eventName.slice(1))];
+          const func = props[`on${eventName[0].toUpperCase()}${eventName.slice(1)}`];
           if (isFunction(func)) {
-            func.call(_assertThisInitialized(_this), {
+            func.call(this, {
               type: eventName,
-              detail: detail,
+              detail,
               target: {
                 id: props.id || '',
-                dataset: dataset
+                dataset
               },
               currentTarget: {
                 id: props.id || '',
-                dataset: dataset
+                dataset
               }
             });
           }
         };
-        _this.hasBehavior = _this.componentMethodsProxy('hasBehavior');
-        _this.createSelectorQuery = _this.componentMethodsProxy('createSelectorQuery');
-        _this.createIntersectionObserver = _this.componentMethodsProxy('createIntersectionObserver');
-        _this.createMediaQueryObserver = _this.componentMethodsProxy('createMediaQueryObserver');
-        _this.getRelationNodes = _this.componentMethodsProxy('getRelationNodes');
-        _this.getTabBar = _this.componentMethodsProxy('getTabBar');
-        _this.getPageId = _this.componentMethodsProxy('getPageId');
-        _this.animate = _this.componentMethodsProxy('animate');
-        _this.clearAnimation = _this.componentMethodsProxy('clearAnimation');
-        _this.setUpdatePerformanceListener = _this.componentMethodsProxy('setUpdatePerformanceListener');
-        _this.state = _this.state || {};
-        _this.init(weappConf);
-        defineGetter(_assertThisInitialized(_this), 'data', 'state');
-        defineGetter(_assertThisInitialized(_this), 'properties', 'props');
-        return _this;
-      }
-      _createClass(BaseComponent, [{
-        key: "initProps",
-        value: function initProps(props) {
-          for (var propKey in props) {
-            if (props.hasOwnProperty(propKey)) {
-              var propValue = props[propKey];
-              // propValue 可能是 null, 构造函数, 对象
-              if (propValue && !isFunction(propValue)) {
-                if (propValue.observer) {
-                  this._observeProps.push({
-                    name: propKey,
-                    observer: propValue.observer
-                  });
-                }
+        this.hasBehavior = this.componentMethodsProxy('hasBehavior');
+        this.createSelectorQuery = this.componentMethodsProxy('createSelectorQuery');
+        this.createIntersectionObserver = this.componentMethodsProxy('createIntersectionObserver');
+        this.createMediaQueryObserver = this.componentMethodsProxy('createMediaQueryObserver');
+        this.getRelationNodes = this.componentMethodsProxy('getRelationNodes');
+        this.getTabBar = this.componentMethodsProxy('getTabBar');
+        this.getPageId = this.componentMethodsProxy('getPageId');
+        this.animate = this.componentMethodsProxy('animate');
+        this.clearAnimation = this.componentMethodsProxy('clearAnimation');
+        this.setUpdatePerformanceListener = this.componentMethodsProxy('setUpdatePerformanceListener');
+        this.state = this.state || {};
+        this.init(weappConf);
+        defineGetter(this, 'data', 'state');
+        defineGetter(this, 'properties', 'props');
+      }
+      initProps(props) {
+        const properties = {};
+        for (const propKey in props) {
+          if (props.hasOwnProperty(propKey)) {
+            const propValue = props[propKey];
+            // propValue 可能是 null, 构造函数, 对象
+            const observers = [propToState];
+            if (propValue === null || propValue === undefined) {
+              // propValue为null、undefined情况
+              properties[propKey] = null;
+            } else if (isFunction(propValue)) {
+              // propValue为Function，即Array、String、Boolean等情况时
+              if (propValue.name === 'Array') {
+                properties[propKey] = [];
+              } else if (propValue.name === 'String') {
+                properties[propKey] = '';
+              } else if (propValue.name === 'Boolean') {
+                properties[propKey] = false;
+              } else if (propValue.name === 'Number') {
+                properties[propKey] = 0;
+              } else {
+                properties[propKey] = null;
+              }
+            } else if (typeof propValue === 'object') {
+              // propValue为对象时
+              properties[propKey] = propValue.value;
+              if (propValue.observer) {
+                observers.push(propValue.observer);
               }
+            } else {
+              properties[propKey] = null;
             }
+            this._observeProps.push({
+              name: propKey,
+              observers: observers
+            });
           }
         }
-      }, {
-        key: "init",
-        value: function init(options) {
-          var _this2 = this;
-          var _a, _b, _c;
-          // 处理 Behaviors
-          if ((_a = options.behaviors) === null || _a === void 0 ? void 0 : _a.length) {
-            var _iterator = _createForOfIteratorHelper(behaviorMap.entries()),
-              _step;
-            try {
-              var _loop = function _loop() {
-                var _step$value = _slicedToArray(_step.value, 2),
-                  key = _step$value[0],
-                  list = _step$value[1];
-                switch (key) {
-                  case 'created':
-                  case 'attached':
-                  case 'detached':
-                  case 'ready':
-                    list.forEach(function (fn) {
-                      return _this2.initLifeCycles(key, fn);
-                    });
-                    break;
-                }
-              };
-              for (_iterator.s(); !(_step = _iterator.n()).done;) {
-                _loop();
-              }
-            } catch (err) {
-              _iterator.e(err);
-            } finally {
-              _iterator.f();
+        this.state = Object.assign(Object.assign({}, properties), this.state);
+      }
+      init(options) {
+        var _a, _b, _c;
+        // 处理 Behaviors
+        if ((_a = options.behaviors) === null || _a === void 0 ? void 0 : _a.length) {
+          for (const [key, list] of behaviorMap.entries()) {
+            switch (key) {
+              case 'created':
+              case 'attached':
+              case 'detached':
+              case 'ready':
+                list.forEach(fn => this.initLifeCycles(key, fn));
+                break;
             }
           }
-          for (var confKey in options) {
-            // 不支持的属性
-            if (nonsupport.has(confKey)) {
-              var advise = nonsupport.get(confKey);
-              report(advise);
-            }
-            var confValue = options[confKey];
-            switch (confKey) {
-              case 'behaviors':
+        }
+        for (const confKey in options) {
+          // 不支持的属性
+          if (nonsupport.has(confKey)) {
+            const advise = nonsupport.get(confKey);
+            report(advise);
+          }
+          const confValue = options[confKey];
+          switch (confKey) {
+            case 'behaviors':
+              break;
+            case 'data':
+              {
+                if (isApp) {
+                  this[confKey] = confValue;
+                  if (!appOptions.includes(confKey)) {
+                    this.defineProperty(this.taroGlobalData, confKey, this);
+                  }
+                } else {
+                  this.state = Object.assign(Object.assign({}, confValue), this.state);
+                }
                 break;
-              case 'data':
-                {
-                  if (isApp) {
-                    this[confKey] = confValue;
-                    if (!appOptions.includes(confKey)) {
-                      this.defineProperty(this.taroGlobalData, confKey, this);
+              }
+            case 'properties':
+              this.initProps(Object.assign(behaviorProperties, confValue));
+              break;
+            case 'methods':
+              for (const key in confValue) {
+                const method = confValue[key];
+                this[key] = bind(method, this);
+              }
+              break;
+            case 'lifetimes':
+              for (const key in confValue) {
+                this.initLifeCycles(key, confValue[key]);
+              }
+              break;
+            case 'pageLifetimes':
+              for (const key in confValue) {
+                const cb = confValue[key];
+                switch (key) {
+                  case 'show':
+                    {
+                      this.initLifeCycleListener('show', cb);
+                      break;
                     }
-                  } else {
-                    this.state = Object.assign(Object.assign({}, confValue), this.state);
-                  }
+                  case 'hide':
+                    {
+                      this.initLifeCycleListener('hide', cb);
+                      break;
+                    }
+                  case 'resize':
+                    {
+                      report('不支持组件所在页面的生命周期 pageLifetimes.resize。');
+                      break;
+                    }
+                }
+              }
+              break;
+            default:
+              if (lifecycles.has(confKey)) {
+                // 优先使用 lifetimes 中定义的生命周期
+                if ((_b = options.lifetimes) === null || _b === void 0 ? void 0 : _b[confKey]) {
                   break;
                 }
-              case 'properties':
-                this.initProps(Object.assign(behaviorProperties, confValue));
-                break;
-              case 'methods':
-                for (var key in confValue) {
-                  var method = confValue[key];
-                  this[key] = bind(method, this);
+                const lifecycle = options[confKey];
+                this.initLifeCycles(confKey, lifecycle);
+              } else if (isFunction(confValue)) {
+                this[confKey] = bind(confValue, this);
+                if (isApp && !appOptions.includes(confKey)) {
+                  this.defineProperty(this.taroGlobalData, confKey, this);
                 }
-                break;
-              case 'lifetimes':
-                for (var _key2 in confValue) {
-                  this.initLifeCycles(_key2, confValue[_key2]);
+                // 原生页面和 Taro 页面中共计只能定义一次的生命周期
+                if (uniquePageLifecycle.includes(confKey) && ConnectComponent.prototype[confKey]) {
+                  report(`生命周期 ${confKey} 已在原生部分进行定义，React 部分的定义将不会被执行。`);
                 }
-                break;
-              case 'pageLifetimes':
-                for (var _key3 in confValue) {
-                  var cb = confValue[_key3];
-                  switch (_key3) {
-                    case 'show':
-                      {
-                        this.initLifeCycleListener('show', cb);
-                        break;
-                      }
-                    case 'hide':
-                      {
-                        this.initLifeCycleListener('hide', cb);
-                        break;
-                      }
-                    case 'resize':
-                      {
-                        report('不支持组件所在页面的生命周期 pageLifetimes.resize。');
-                        break;
-                      }
-                  }
+              } else {
+                this[confKey] = confValue;
+                if (isApp && !appOptions.includes(confKey)) {
+                  this.defineProperty(this.taroGlobalData, confKey, this);
                 }
+              }
+              break;
+          }
+        }
+        // 处理 Behaviors
+        if ((_c = options.behaviors) === null || _c === void 0 ? void 0 : _c.length) {
+          const behaviorData = {};
+          const methods = {};
+          for (const [key, list] of behaviorMap.entries()) {
+            switch (key) {
+              case 'data':
+                [...list, this.state].forEach((dataObject, index) => {
+                  Object.keys(dataObject).forEach(dataKey => {
+                    const value = dataObject[dataKey];
+                    const preValue = behaviorData[dataKey];
+                    const valueType = typeof value;
+                    const preValueType = typeof preValue;
+                    if (valueType === 'object') {
+                      if (!value) {
+                        behaviorData[dataKey] = value;
+                      } else if (preValueType !== 'object' || !preValueType || Array.isArray(value)) {
+                        behaviorData[dataKey] = index === list.length ? value : clone(value);
+                      } else {
+                        const newVal = Object.assign({}, preValue, value);
+                        behaviorData[dataKey] = index === list.length ? newVal : clone(newVal);
+                      }
+                    } else {
+                      behaviorData[dataKey] = value;
+                    }
+                  });
+                });
+                this.state = behaviorData;
                 break;
-              default:
-                if (lifecycles.has(confKey)) {
-                  // 优先使用 lifetimes 中定义的生命周期
-                  if ((_b = options.lifetimes) === null || _b === void 0 ? void 0 : _b[confKey]) {
-                    break;
-                  }
-                  var lifecycle = options[confKey];
-                  this.initLifeCycles(confKey, lifecycle);
-                } else if (isFunction(confValue)) {
-                  this[confKey] = bind(confValue, this);
-                  if (isApp && !appOptions.includes(confKey)) {
-                    this.defineProperty(this.taroGlobalData, confKey, this);
-                  }
-                  // 原生页面和 Taro 页面中共计只能定义一次的生命周期
-                  if (uniquePageLifecycle.includes(confKey) && ConnectComponent.prototype[confKey]) {
-                    report("\u751F\u547D\u5468\u671F ".concat(confKey, " \u5DF2\u5728\u539F\u751F\u90E8\u5206\u8FDB\u884C\u5B9A\u4E49\uFF0CReact \u90E8\u5206\u7684\u5B9A\u4E49\u5C06\u4E0D\u4F1A\u88AB\u6267\u884C\u3002"));
+              case 'methods':
+                list.forEach(methodsObject => {
+                  Object.assign(methods, methodsObject);
+                });
+                Object.keys(methods).forEach(methodName => {
+                  if (!this[methodName]) {
+                    const method = methods[methodName];
+                    this[methodName] = bind(method, this);
                   }
-                } else {
-                  this[confKey] = confValue;
-                  if (isApp && !appOptions.includes(confKey)) {
-                    this.defineProperty(this.taroGlobalData, confKey, this);
+                });
+                break;
+              case 'lifetimes':
+                list.forEach(lifetimesObject => {
+                  for (const key in lifetimesObject) {
+                    this.initLifeCycles(key, lifetimesObject[key]);
                   }
-                }
+                });
                 break;
             }
           }
-          // 处理 Behaviors
-          if ((_c = options.behaviors) === null || _c === void 0 ? void 0 : _c.length) {
-            var behaviorData = {};
-            var methods = {};
-            var _iterator2 = _createForOfIteratorHelper(behaviorMap.entries()),
-              _step2;
-            try {
-              var _loop2 = function _loop2() {
-                var _step2$value = _slicedToArray(_step2.value, 2),
-                  key = _step2$value[0],
-                  list = _step2$value[1];
-                switch (key) {
-                  case 'data':
-                    [].concat(_toConsumableArray(list), [_this2.state]).forEach(function (dataObject, index) {
-                      Object.keys(dataObject).forEach(function (dataKey) {
-                        var value = dataObject[dataKey];
-                        var preValue = behaviorData[dataKey];
-                        var valueType = _typeof(value);
-                        var preValueType = _typeof(preValue);
-                        if (valueType === 'object') {
-                          if (!value) {
-                            behaviorData[dataKey] = value;
-                          } else if (preValueType !== 'object' || !preValueType || Array.isArray(value)) {
-                            behaviorData[dataKey] = index === list.length ? value : clone(value);
-                          } else {
-                            var newVal = Object.assign({}, preValue, value);
-                            behaviorData[dataKey] = index === list.length ? newVal : clone(newVal);
-                          }
-                        } else {
-                          behaviorData[dataKey] = value;
-                        }
-                      });
-                    });
-                    _this2.state = behaviorData;
-                    break;
-                  case 'methods':
-                    list.forEach(function (methodsObject) {
-                      Object.assign(methods, methodsObject);
-                    });
-                    Object.keys(methods).forEach(function (methodName) {
-                      if (!_this2[methodName]) {
-                        var _method = methods[methodName];
-                        _this2[methodName] = bind(_method, _this2);
-                      }
-                    });
-                    break;
-                  default:
-                    break;
-                }
-              };
-              for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
-                _loop2();
-              }
-            } catch (err) {
-              _iterator2.e(err);
-            } finally {
-              _iterator2.f();
-            }
-          }
         }
-      }, {
-        key: "initLifeCycles",
-        value: function initLifeCycles(lifecycleName, lifecycle) {
-          // 不支持的生命周期
-          if (nonsupport.has(lifecycleName)) {
-            var advise = nonsupport.get(lifecycleName);
-            return report(advise);
-          }
-          if (lifecycleName === 'ready') {
-            // 如果组件是延时渲染的，页面 onReady 的事件已经 emit 了，因此使用 componentDidMount + nextTick 模拟
-            if (this.current.page.onReady.called) {
-              this.didMounts.push(function () {
-                var _this3 = this;
-                for (var _len2 = arguments.length, args = new Array(_len2), _key4 = 0; _key4 < _len2; _key4++) {
-                  args[_key4] = arguments[_key4];
+      }
+      initLifeCycles(lifecycleName, lifecycle) {
+        // 不支持的生命周期
+        if (nonsupport.has(lifecycleName)) {
+          const advise = nonsupport.get(lifecycleName);
+          return report(advise);
+        }
+        if (lifecycleName === 'ready') {
+          // 如果组件是延时渲染的，页面 onReady 的事件已经 emit 了，因此使用 componentDidMount + nextTick 模拟
+          if (this.current.page.onReady.called) {
+            this.didMounts.push(function (...args) {
+              nextTick(() => {
+                if (isFunction(lifecycle)) {
+                  lifecycle.apply(this, args);
                 }
-                nextTick(function () {
-                  if (isFunction(lifecycle)) {
-                    lifecycle.apply(_this3, args);
-                  }
-                });
               });
-            } else {
-              this.initLifeCycleListener('ready', lifecycle);
-            }
+            });
           } else {
-            for (var lifecycleKey in lifecycleMap) {
-              var cycleNames = lifecycleMap[lifecycleKey];
-              if (cycleNames.indexOf(lifecycleName) !== -1) {
-                switch (lifecycleKey) {
-                  case TaroLifeCycles.DidHide:
-                    this.didHides.push(lifecycle);
-                    break;
-                  case TaroLifeCycles.DidMount:
-                    this.didMounts.push(lifecycle);
-                    break;
-                  case TaroLifeCycles.DidShow:
-                    this.didShows.push(lifecycle);
-                    break;
-                  case TaroLifeCycles.WillMount:
-                    this.willMounts.push(lifecycle);
-                    break;
-                  case TaroLifeCycles.WillUnmount:
-                    this.willUnmounts.push(lifecycle);
-                    break;
-                }
+            this.initLifeCycleListener('ready', lifecycle);
+          }
+        } else {
+          for (const lifecycleKey in lifecycleMap) {
+            const cycleNames = lifecycleMap[lifecycleKey];
+            if (cycleNames.indexOf(lifecycleName) !== -1) {
+              switch (lifecycleKey) {
+                case TaroLifeCycles.DidHide:
+                  this.didHides.push(lifecycle);
+                  break;
+                case TaroLifeCycles.DidMount:
+                  this.didMounts.push(lifecycle);
+                  break;
+                case TaroLifeCycles.DidShow:
+                  this.didShows.push(lifecycle);
+                  break;
+                case TaroLifeCycles.WillMount:
+                  this.willMounts.push(lifecycle);
+                  break;
+                case TaroLifeCycles.WillUnmount:
+                  this.willUnmounts.push(lifecycle);
+                  break;
               }
             }
           }
-          // mixins 不会覆盖已经设置的生命周期，加入到 this 是为了形如 this.created() 的调用
-          if (!isFunction(this[lifecycleName])) {
-            this[lifecycleName] = lifecycle;
-          }
         }
-      }, {
-        key: "initLifeCycleListener",
-        value: function initLifeCycleListener(name, cb) {
-          // 组件的 ready、show、hide 需要利用页面事件触发
-          var router = this.current.router;
-          var lifecycleName = "on".concat(name[0].toUpperCase()).concat(name.slice(1));
-          cb = cb.bind(this);
-          (router === null || router === void 0 ? void 0 : router[lifecycleName]) && eventCenter.on(router[lifecycleName], cb);
-          // unMount 时需要取消事件监听
-          this.eventDestroyList.push(function () {
-            return eventCenter.off(router[lifecycleName], cb);
-          });
+        // mixins 不会覆盖已经设置的生命周期，加入到 this 是为了形如 this.created() 的调用
+        if (!isFunction(this[lifecycleName])) {
+          this[lifecycleName] = lifecycle;
         }
-      }, {
-        key: "executeLifeCycles",
-        value: function executeLifeCycles(funcs) {
-          for (var _len3 = arguments.length, args = new Array(_len3 > 1 ? _len3 - 1 : 0), _key5 = 1; _key5 < _len3; _key5++) {
-            args[_key5 - 1] = arguments[_key5];
-          }
-          for (var i = 0; i < funcs.length; i++) {
-            var func = funcs[i];
-            this.safeExecute.apply(this, [func].concat(args));
-          }
+      }
+      initLifeCycleListener(name, cb) {
+        // 组件的 ready、show、hide 需要利用页面事件触发
+        const {
+          router
+        } = this.current;
+        const lifecycleName = `on${name[0].toUpperCase()}${name.slice(1)}`;
+        cb = cb.bind(this);
+        (router === null || router === void 0 ? void 0 : router[lifecycleName]) && eventCenter.on(router[lifecycleName], cb);
+        // unMount 时需要取消事件监听
+        this.eventDestroyList.push(() => eventCenter.off(router[lifecycleName], cb));
+      }
+      executeLifeCycles(funcs, ...args) {
+        for (let i = 0; i < funcs.length; i++) {
+          const func = funcs[i];
+          this.safeExecute(func, ...args);
         }
-      }, {
-        key: "triggerPropertiesObservers",
-        value: function triggerPropertiesObservers(prevProps, nextProps) {
-          var _this4 = this;
-          this._observeProps.forEach(function (_ref) {
-            var key = _ref.name,
-              observer = _ref.observer;
-            var prop = prevProps === null || prevProps === void 0 ? void 0 : prevProps[key];
-            var nextProp = nextProps[key];
-            // 小程序是深比较不同之后才 trigger observer
-            if (!isEqual(prop, nextProp)) {
+      }
+      triggerPropertiesObservers(prevProps, nextProps) {
+        this._observeProps.forEach(({
+          name: key,
+          observers
+        }) => {
+          const prop = prevProps === null || prevProps === void 0 ? void 0 : prevProps[key];
+          const nextProp = nextProps[key];
+          // 小程序是深比较不同之后才 trigger observer
+          if (!isEqual(prop, nextProp)) {
+            observers.forEach(observer => {
               if (typeof observer === 'string') {
-                var ob = _this4[observer];
+                const ob = this[observer];
                 if (isFunction(ob)) {
-                  ob.call(_this4, nextProp, prop, key);
+                  ob.call(this, nextProp, prop, key);
                 }
               } else if (isFunction(observer)) {
-                observer.call(_this4, nextProp, prop, key);
+                observer.call(this, nextProp, prop, key);
               }
-            }
-          });
-        }
-      }, {
-        key: "triggerObservers",
-        value: function triggerObservers(current, prev) {
-          var observers = this.observers;
-          if (observers == null) {
-            return;
-          }
-          if (Object.keys(observers).length === 0) {
-            return;
-          }
-          var result = diff(current, prev);
-          var resultKeys = Object.keys(result);
-          if (resultKeys.length === 0) {
-            return;
-          }
-          for (var observerKey in observers) {
-            if (/\*\*/.test(observerKey)) {
-              report('数据监听器 observers 不支持使用通配符 **。');
-              continue;
-            }
-            var keys = observerKey.split(',').map(function (k) {
-              return k.trim();
             });
-            var isModified = false;
-            for (var i = 0; i < keys.length; i++) {
-              var key = keys[i];
-              for (var j = 0; j < resultKeys.length; j++) {
-                var resultKey = resultKeys[j];
-                if (resultKey.startsWith(key) || key.startsWith(resultKey) && key.endsWith(']')) {
-                  isModified = true;
-                }
-              }
-            }
-            if (isModified) {
-              observers[observerKey].apply(this, keys.map(function (key) {
-                return safeGet(current, key);
-              }));
-            }
           }
+        });
+      }
+      triggerObservers(current, prev) {
+        const observers = this.observers;
+        if (observers == null) {
+          return;
         }
-      }, {
-        key: "defineProperty",
-        value: function defineProperty(target, key, data) {
-          Object.defineProperty(target, key, {
-            configurable: true,
-            enumerable: true,
-            set: function set(value) {
-              data[key] = value;
-            },
-            get: function get() {
-              return data[key];
-            }
-          });
-        }
-      }, {
-        key: "privateStopNoop",
-        value: function privateStopNoop() {
-          var e;
-          var fn;
-          if (arguments.length === 2) {
-            fn = arguments.length <= 0 ? undefined : arguments[0];
-            e = arguments.length <= 1 ? undefined : arguments[1];
-          } else if (arguments.length === 1) {
-            e = arguments.length <= 0 ? undefined : arguments[0];
-          }
-          if (e.type === 'touchmove') {
-            report('catchtouchmove 转换后只能停止回调函数的冒泡，不能阻止滚动穿透。如要阻止滚动穿透，可以手动给编译后的 View 组件加上 catchMove 属性');
-          }
-          e.stopPropagation();
-          isFunction(fn) && fn(e);
-        }
-        // ================ React 生命周期 ================
-      }, {
-        key: "componentWillMount",
-        value: function componentWillMount() {
-          this.safeExecute(_get(_getPrototypeOf(BaseComponent.prototype), "componentWillMount", this));
-          this.executeLifeCycles(this.willMounts, this.current.router || {});
-          this.triggerObservers(this.data, BaseComponent.defaultProps);
-          this.triggerPropertiesObservers(BaseComponent.defaultProps, this.props);
-        }
-      }, {
-        key: "componentDidMount",
-        value: function componentDidMount() {
-          this.safeExecute(_get(_getPrototypeOf(BaseComponent.prototype), "componentDidMount", this));
-          this.executeLifeCycles(this.didMounts);
-        }
-      }, {
-        key: "componentWillUnmount",
-        value: function componentWillUnmount() {
-          this.eventDestroyList.forEach(function (fn) {
-            return fn();
-          });
-          this.safeExecute(_get(_getPrototypeOf(BaseComponent.prototype), "componentWillUnmount", this));
-          this.executeLifeCycles(this.willUnmounts);
-        }
-      }, {
-        key: "componentDidHide",
-        value: function componentDidHide() {
-          this.safeExecute(_get(_getPrototypeOf(BaseComponent.prototype), "componentDidHide", this));
-          this.executeLifeCycles(this.didHides);
-        }
-      }, {
-        key: "componentDidShow",
-        value: function componentDidShow() {
-          this.safeExecute(_get(_getPrototypeOf(BaseComponent.prototype), "componentDidShow", this), this.current.router || {});
-          this.executeLifeCycles(this.didShows, this.current.router || {});
-        }
-      }, {
-        key: "componentWillReceiveProps",
-        value: function componentWillReceiveProps(nextProps) {
-          this.triggerObservers(nextProps, this.props);
-          this.triggerPropertiesObservers(this.props, nextProps);
-          this.safeExecute(_get(_getPrototypeOf(BaseComponent.prototype), "componentWillReceiveProps", this));
-        }
-        // ================ 小程序 App, Page, Component 实例属性与方法 ================
-      }, {
-        key: "is",
-        get: function get() {
-          return this.current.page.is;
-        }
-      }, {
-        key: "id",
-        get: function get() {
-          return this.current.page.id;
+        if (Object.keys(observers).length === 0) {
+          return;
         }
-      }, {
-        key: "dataset",
-        get: function get() {
-          return this.current.page.dataset;
+        const result = diff(current, prev);
+        const resultKeys = Object.keys(result);
+        if (resultKeys.length === 0) {
+          return;
         }
-      }, {
-        key: "componentMethodsProxy",
-        value: function componentMethodsProxy(method) {
-          var _this5 = this;
-          return function () {
-            var page = _this5.current.page;
-            if (page === null || page === void 0 ? void 0 : page[method]) {
-              return page[method].apply(page, arguments);
-            } else {
-              console.error("page \u4E0B\u6CA1\u6709 ".concat(method, " \u65B9\u6CD5"));
+        for (const observerKey in observers) {
+          if (/\*\*/.test(observerKey)) {
+            report('数据监听器 observers 不支持使用通配符 **。');
+            continue;
+          }
+          const keys = observerKey.split(',').map(k => k.trim());
+          let isModified = false;
+          for (let i = 0; i < keys.length; i++) {
+            const key = keys[i];
+            for (let j = 0; j < resultKeys.length; j++) {
+              const resultKey = resultKeys[j];
+              if (resultKey.startsWith(key) || key.startsWith(resultKey) && key.endsWith(']')) {
+                isModified = true;
+              }
             }
-          };
-        }
-      }, {
-        key: "selectComponent",
-        value: function selectComponent() {
-          report(nonsupport.get('selectComponent'));
-        }
-      }, {
-        key: "selectAllComponents",
-        value: function selectAllComponents() {
-          report(nonsupport.get('selectAllComponents'));
+          }
+          if (isModified) {
+            observers[observerKey].apply(this, keys.map(key => safeGet(current, key)));
+          }
         }
-      }, {
-        key: "selectOwnerComponent",
-        value: function selectOwnerComponent() {
-          report(nonsupport.get('selectOwnerComponent'));
+      }
+      defineProperty(target, key, data) {
+        Object.defineProperty(target, key, {
+          configurable: true,
+          enumerable: true,
+          set(value) {
+            data[key] = value;
+          },
+          get() {
+            return data[key];
+          }
+        });
+      }
+      privateStopNoop(...args) {
+        let e;
+        let fn;
+        if (args.length === 2) {
+          fn = args[0];
+          e = args[1];
+        } else if (args.length === 1) {
+          e = args[0];
         }
-      }, {
-        key: "groupSetData",
-        value: function groupSetData() {
-          report(nonsupport.get('groupSetData'));
+        if (e.type === 'touchmove') {
+          report('catchtouchmove 转换后只能停止回调函数的冒泡，不能阻止滚动穿透。如要阻止滚动穿透，可以手动给编译后的 View 组件加上 catchMove 属性');
         }
-      }]);
-      return BaseComponent;
-    }(ConnectComponent);
-    var props = weappConf.properties;
+        e.stopPropagation();
+        isFunction(fn) && fn(e);
+      }
+      // ================ React 生命周期 ================
+      componentWillMount() {
+        this.safeExecute(super.componentWillMount);
+        this.executeLifeCycles(this.willMounts, this.current.router || {});
+        this.triggerObservers(this.data, BaseComponent.defaultProps);
+        this.triggerPropertiesObservers(BaseComponent.defaultProps, this.props);
+      }
+      componentDidMount() {
+        this.safeExecute(super.componentDidMount);
+        this.executeLifeCycles(this.didMounts);
+      }
+      componentWillUnmount() {
+        this.eventDestroyList.forEach(fn => fn());
+        this.safeExecute(super.componentWillUnmount);
+        this.executeLifeCycles(this.willUnmounts);
+      }
+      componentDidHide() {
+        this.safeExecute(super.componentDidHide);
+        this.executeLifeCycles(this.didHides);
+      }
+      componentDidShow() {
+        this.safeExecute(super.componentDidShow, this.current.router || {});
+        this.executeLifeCycles(this.didShows, this.current.router || {});
+      }
+      componentWillReceiveProps(nextProps) {
+        this.triggerObservers(nextProps, this.props);
+        this.triggerPropertiesObservers(this.props, nextProps);
+        this.safeExecute(super.componentWillReceiveProps);
+      }
+      // ================ 小程序 App, Page, Component 实例属性与方法 ================
+      get is() {
+        return this.current.page.is;
+      }
+      get id() {
+        return this.current.page.id;
+      }
+      get dataset() {
+        return this.current.page.dataset;
+      }
+      componentMethodsProxy(method) {
+        return (...args) => {
+          const page = this.current.page;
+          if (page === null || page === void 0 ? void 0 : page[method]) {
+            return page[method](...args);
+          } else if (method === 'createSelectorQuery') {
+            return createSelectorQuery();
+          } else if (method === 'createIntersectionObserver') {
+            // @ts-ignore
+            return createIntersectionObserver(...args);
+          } else if (method === 'createMediaQueryObserver') {
+            return createMediaQueryObserver();
+          } else {
+            console.error(`page 下没有 ${method} 方法`);
+          }
+        };
+      }
+      selectComponent() {
+        report(nonsupport.get('selectComponent'));
+      }
+      selectAllComponents() {
+        report(nonsupport.get('selectAllComponents'));
+      }
+      selectOwnerComponent() {
+        report(nonsupport.get('selectOwnerComponent'));
+      }
+      groupSetData() {
+        report(nonsupport.get('groupSetData'));
+      }
+    }
+    const props = weappConf.properties;
     if (props) {
-      for (var propKey in props) {
-        var propValue = props[propKey];
+      for (const propKey in props) {
+        const propValue = props[propKey];
         if (propValue != null && !isFunction(propValue)) {
           if (propValue.value !== undefined) {
             // 如果是 null 也赋值到 defaultProps
-            BaseComponent.defaultProps = Object.assign(_defineProperty({}, propKey, propValue.value), BaseComponent.defaultProps);
+            BaseComponent.defaultProps = Object.assign({
+              [propKey]: propValue.value
+            }, BaseComponent.defaultProps);
           }
         }
       }
     }
-    var staticOptions = ['externalClasses', 'relations', 'options'];
-    staticOptions.forEach(function (option) {
-      var value = weappConf[option];
+    const staticOptions = ['externalClasses', 'relations', 'options'];
+    staticOptions.forEach(option => {
+      const value = weappConf[option];
       if (value != null) {
         BaseComponent[option] = value;
       }
@@ -949,5 +947,5 @@ function withWeapp(weappConf) {
   };
 }
 
-export { withWeapp as default };
+export { cacheOptions, convertToArray, withWeapp as default, getTarget };
 //# sourceMappingURL=index.esm.js.map