@tarojs/with-weapp 4.0.0-beta.93 → 4.0.0-beta.95

package/dist/with-weapp.js

@@ -5,59 +5,56 @@
 })(this, (function (exports, runtime, taro) { 'use strict';
 
   const json = JSON;
-  const clone = obj => json.parse(stringify(obj));
+
+  const clone = (obj) => json.parse(stringify(obj));
+
   const isArray = Array.isArray || function (x) {
-    return {}.toString.call(x) === '[object Array]';
+    return {}.toString.call(x) === '[object Array]'
   };
+
   const objectKeys = Object.keys || function (obj) {
-    const has = Object.prototype.hasOwnProperty || function () {
-      return true;
-    };
+    const has = Object.prototype.hasOwnProperty || function () { return true };
     const keys = [];
     for (const key in obj) {
       if (has.call(obj, key)) keys.push(key);
     }
-    return keys;
+    return keys
   };
-  function stringify(obj, opts) {
+
+  function stringify (obj, opts) {
     if (!opts) opts = {};
-    if (typeof opts === 'function') opts = {
-      cmp: opts
-    };
+    if (typeof opts === 'function') opts = { cmp: opts };
     let space = opts.space || '';
     if (typeof space === 'number') space = Array(space + 1).join(' ');
-    const cycles = typeof opts.cycles === 'boolean' ? opts.cycles : false;
-    const replacer = opts.replacer || function (key, value) {
-      return value;
-    };
-    const cmp = opts.cmp && function (f) {
+    const cycles = (typeof opts.cycles === 'boolean') ? opts.cycles : false;
+    const replacer = opts.replacer || function (key, value) { return value };
+
+    const cmp = opts.cmp && (function (f) {
       return function (node) {
         return function (a, b) {
-          const aobj = {
-            key: a,
-            value: node[a]
-          };
-          const bobj = {
-            key: b,
-            value: node[b]
-          };
-          return f(aobj, bobj);
-        };
-      };
-    }(opts.cmp);
+          const aobj = { key: a, value: node[a] };
+          const bobj = { key: b, value: node[b] };
+          return f(aobj, bobj)
+        }
+      }
+    })(opts.cmp);
+
     const seen = [];
-    return function stringify(parent, key, node, level) {
-      const indent = space ? '\n' + new Array(level + 1).join(space) : '';
+    return (function stringify (parent, key, node, level) {
+      const indent = space ? ('\n' + new Array(level + 1).join(space)) : '';
       const colonSeparator = space ? ': ' : ':';
+
       if (node && node.toJSON && typeof node.toJSON === 'function') {
         node = node.toJSON();
       }
+
       node = replacer.call(parent, key, node);
+
       if (node === undefined) {
-        return;
+        return
       }
       if (typeof node !== 'object' || node === null) {
-        return json.stringify(node);
+        return json.stringify(node)
       }
       if (isArray(node)) {
         const out = [];
@@ -65,41 +62,47 @@
           const item = stringify(node, i, node[i], level + 1) || json.stringify(null);
           out.push(indent + space + item);
         }
-        return '[' + out.join(',') + indent + ']';
+        return '[' + out.join(',') + indent + ']'
       } else {
         if (seen.indexOf(node) !== -1) {
-          if (cycles) return json.stringify('__cycle__');
-          throw new TypeError('Converting circular structure to JSON');
+          if (cycles) return json.stringify('__cycle__')
+          throw new TypeError('Converting circular structure to JSON')
         } else seen.push(node);
+
         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;
-          const keyValue = json.stringify(key) + colonSeparator + value;
+
+          if (!value) continue
+
+          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
-    }, '', obj, 0);
+    })({ '': obj }, '', obj, 0)
   }
 
   /*eslint-disable*/
   const ARRAYTYPE = '[object Array]';
   const OBJECTTYPE = '[object Object]';
   const FUNCTIONTYPE = '[object Function]';
-  function diff(current, pre) {
+
+  function diff (current, pre) {
     const result = {};
     syncKeys(current, pre);
     _diff(current, pre, '', result);
-    return result;
+    return result
   }
-  function syncKeys(current, pre) {
-    if (current === pre) return;
+
+  function syncKeys (current, pre) {
+    if (current === pre) return
     const rootCurrentType = type(current);
     const rootPreType = type(pre);
     if (rootCurrentType == OBJECTTYPE && rootPreType == OBJECTTYPE) {
@@ -121,8 +124,9 @@
       }
     }
   }
-  function _diff(current, pre, path, result) {
-    if (current === pre) return;
+
+  function _diff (current, pre, path, result) {
+    if (current === pre) return
     const rootCurrentType = type(current);
     const rootPreType = type(pre);
     if (rootCurrentType == OBJECTTYPE) {
@@ -177,805 +181,854 @@
       setResult(result, path, current);
     }
   }
-  function setResult(result, k, v) {
+
+  function setResult (result, k, v) {
     if (type(v) != FUNCTIONTYPE) {
       result[k] = v;
     }
   }
-  function type(obj) {
-    return Object.prototype.toString.call(obj);
+
+  function type (obj) {
+    return Object.prototype.toString.call(obj)
   }
 
   var TaroLifeCycles;
   (function (TaroLifeCycles) {
-    TaroLifeCycles["WillMount"] = "componentWillMount";
-    TaroLifeCycles["DidMount"] = "componentDidMount";
-    TaroLifeCycles["DidShow"] = "componentDidShow";
-    TaroLifeCycles["DidHide"] = "componentDidHide";
-    TaroLifeCycles["WillUnmount"] = "componentWillUnmount";
+      TaroLifeCycles["WillMount"] = "componentWillMount";
+      TaroLifeCycles["DidMount"] = "componentDidMount";
+      TaroLifeCycles["DidShow"] = "componentDidShow";
+      TaroLifeCycles["DidHide"] = "componentDidHide";
+      TaroLifeCycles["WillUnmount"] = "componentWillUnmount";
   })(TaroLifeCycles || (TaroLifeCycles = {}));
   const lifecycleMap = {
-    [TaroLifeCycles.WillMount]: ['created'],
-    [TaroLifeCycles.DidMount]: ['attached'],
-    [TaroLifeCycles.DidShow]: ['onShow'],
-    [TaroLifeCycles.DidHide]: ['onHide'],
-    [TaroLifeCycles.WillUnmount]: ['detached', 'onUnload']
+      [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));
+      const lifecycle = lifecycleMap[key];
+      lifecycle.forEach(l => lifecycles.add(l));
   }
-  const uniquePageLifecycle = ['onPullDownRefresh', 'onReachBottom', 'onShareAppMessage', 'onShareTimeline', 'onAddToFavorites', 'onPageScroll', 'onResize', 'onTabItemTap'];
-  const 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
    */
   function bind(fn /*: Function */, ctx /*: Object */) {
-    if (!fn) return false;
-    function boundFn(a) {
-      const l /*: number */ = arguments.length;
-      return l ? l > 1 ? fn.apply(ctx, arguments) : fn.call(ctx, a) : fn.call(ctx);
-    }
-    // record original fn length
-    boundFn._length = fn.length;
-    return boundFn;
+      if (!fn)
+          return false;
+      function boundFn(a) {
+          const l /*: number */ = arguments.length;
+          return l ? (l > 1 ? fn.apply(ctx, arguments) : fn.call(ctx, a)) : fn.call(ctx);
+      }
+      // record original fn length
+      boundFn._length = fn.length;
+      return boundFn;
   }
   function isEqual(obj1, obj2) {
-    return JSON.stringify(obj1) === JSON.stringify(obj2);
+      return JSON.stringify(obj1) === JSON.stringify(obj2);
   }
   function safeGet(obj, propsArg, defaultValue) {
-    if (!obj) {
-      return defaultValue;
-    }
-    let props, prop;
-    if (Array.isArray(propsArg)) {
-      props = propsArg.slice(0);
-    }
-    if (typeof propsArg === 'string') {
-      props = propsArg.replace(/\[(.+?)\]/g, '.$1');
-      props = props.split('.');
-    }
-    if (typeof propsArg === 'symbol') {
-      props = [propsArg];
-    }
-    if (!Array.isArray(props)) {
-      throw new Error('props arg must be an array, a string or a symbol');
-    }
-    while (props.length) {
-      prop = props.shift();
       if (!obj) {
-        return defaultValue;
+          return defaultValue;
       }
-      obj = obj[prop];
-      if (obj === undefined) {
-        return defaultValue;
+      let props, prop;
+      if (Array.isArray(propsArg)) {
+          props = propsArg.slice(0);
       }
-    }
-    return obj;
+      if (typeof propsArg === 'string') {
+          props = propsArg.replace(/\[(.+?)\]/g, '.$1');
+          props = props.split('.');
+      }
+      if (typeof propsArg === 'symbol') {
+          props = [propsArg];
+      }
+      if (!Array.isArray(props)) {
+          throw new Error('props arg must be an array, a string or a symbol');
+      }
+      while (props.length) {
+          prop = props.shift();
+          if (!obj) {
+              return defaultValue;
+          }
+          obj = obj[prop];
+          if (obj === undefined) {
+              return defaultValue;
+          }
+      }
+      return obj;
   }
   function safeSet(obj, props, value) {
-    if (typeof props === 'string') {
-      props = props.replace(/\[(.+?)\]/g, '.$1');
-      props = props.split('.');
-    }
-    if (typeof props === 'symbol') {
-      props = [props];
-    }
-    const lastProp = props.pop();
-    if (!lastProp) {
-      return false;
-    }
-    let thisProp;
-    while (thisProp = props.shift()) {
-      if (typeof obj[thisProp] === 'undefined') {
-        obj[thisProp] = {};
+      if (typeof props === 'string') {
+          props = props.replace(/\[(.+?)\]/g, '.$1');
+          props = props.split('.');
       }
-      // 直接按路径修改 this.state 可能会导致 nextProps 也被修改
-      // 因此按路径寻找时，每一层都复制一遍
-      if (Array.isArray(obj[thisProp])) {
-        obj[thisProp] = [...obj[thisProp]];
-      } else if (typeof obj[thisProp] === 'object') {
-        obj[thisProp] = Object.assign({}, obj[thisProp]);
+      if (typeof props === 'symbol') {
+          props = [props];
       }
-      obj = obj[thisProp];
-      if (!obj || typeof obj !== 'object') {
-        return false;
+      const lastProp = props.pop();
+      if (!lastProp) {
+          return false;
       }
-    }
-    obj[lastProp] = value;
-    return true;
+      let thisProp;
+      while ((thisProp = props.shift())) {
+          if (typeof obj[thisProp] === 'undefined') {
+              obj[thisProp] = {};
+          }
+          // 直接按路径修改 this.state 可能会导致 nextProps 也被修改
+          // 因此按路径寻找时，每一层都复制一遍
+          if (Array.isArray(obj[thisProp])) {
+              obj[thisProp] = [...obj[thisProp]];
+          }
+          else if (typeof obj[thisProp] === 'object') {
+              obj[thisProp] = Object.assign({}, obj[thisProp]);
+          }
+          obj = obj[thisProp];
+          if (!obj || typeof obj !== 'object') {
+              return false;
+          }
+      }
+      obj[lastProp] = value;
+      return true;
   }
   function report(msg) {
-    console.warn('[Taro Convert Warning] ' + msg);
+      console.warn('[Taro Convert Warning] ' + msg);
   }
-  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 语法重构。']]);
+  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(`不支持使用内置 Behavior: [${behavior}]`);
-    }
-    const subBehaviors = behavior.behaviors;
-    if (subBehaviors === null || subBehaviors === void 0 ? void 0 : subBehaviors.length) {
-      subBehaviors.forEach(subBehavior => flattenBehaviors(subBehavior, behaviorMap));
-    }
-    Object.keys(behavior).forEach(key => {
-      // 不支持的属性
-      if (nonsupport.has(key)) {
-        const advise = nonsupport.get(key);
-        return report(advise);
+      if (typeof behavior === 'string') {
+          return report(`不支持使用内置 Behavior: [${behavior}]`);
       }
-      if (behaviorMap.has(key)) {
-        const list = behaviorMap.get(key);
-        const value = behavior[key];
-        list.push(value);
+      const subBehaviors = behavior.behaviors;
+      if (subBehaviors === null || subBehaviors === void 0 ? void 0 : subBehaviors.length) {
+          subBehaviors.forEach(subBehavior => flattenBehaviors(subBehavior, behaviorMap));
       }
-    });
+      Object.keys(behavior).forEach(key => {
+          // 不支持的属性
+          if (nonsupport.has(key)) {
+              const advise = nonsupport.get(key);
+              return report(advise);
+          }
+          if (behaviorMap.has(key)) {
+              const list = behaviorMap.get(key);
+              const value = behavior[key];
+              list.push(value);
+          }
+      });
   }
 
   /**
    * 该模块仅存放 convert 转换时用到的工具函数或变量
    */
   const cacheOptions = {
-    cacheOptions: {},
-    setOptionsToCache: function (options) {
-      if (Object.keys(options).length !== 0) {
-        this.cacheOptions = options;
+      cacheOptions: {},
+      setOptionsToCache: function (options) {
+          if (Object.keys(options).length !== 0) {
+              this.cacheOptions = options;
+          }
+      },
+      getOptionsFromCache: function () {
+          return this.cacheOptions;
       }
-    },
-    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;
+      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;
+      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;
-    }
+      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
-        };
+      if (!target) {
+          return { dataset: {} };
       }
-      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]];
-        }
+      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 };
       }
-      target.fullDataset = fullDataset;
-      return {
-        dataset: fullDataset
-      };
-    }
-    return target;
+      return target;
   };
 
   function defineGetter(component, key, getter) {
-    Object.defineProperty(component, key, {
-      enumerable: true,
-      configurable: true,
-      get: () => {
-        if (getter === 'props') {
-          return component.props;
-        }
-        return component.state;
-        // return {
-        //   ...component.state,
-        //   ...component.props
-        // }
-      }
-    });
+      Object.defineProperty(component, key, {
+          enumerable: true,
+          configurable: true,
+          get: () => {
+              if (getter === 'props') {
+                  return component.props;
+              }
+              return component.state;
+              // return {
+              //   ...component.state,
+              //   ...component.props
+              // }
+          }
+      });
   }
-
   function propToState(newValue, _oldValue, key) {
-    this.state[key] = newValue;
+      this.state[key] = newValue;
   }
   function isFunction(o) {
-    return typeof o === 'function';
+      return typeof o === 'function';
   }
   function withWeapp(weappConf, isApp = false) {
-    if (typeof weappConf === 'object' && Object.keys(weappConf).length === 0) {
-      report('withWeapp 请传入“App/页面/组件“的配置对象。如果原生写法使用了基类，请将基类组合后的配置对象传入，详情请参考文档。');
-    }
-    return ConnectComponent => {
-      var _a;
-      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) {
-        const {
-          behaviors
-        } = weappConf;
-        behaviors.forEach(behavior => flattenBehaviors(behavior, behaviorMap));
-        const propertiesList = behaviorMap.get('properties');
-        if (propertiesList.length) {
-          propertiesList.forEach(property => {
-            Object.assign(behaviorProperties, property);
-          });
-          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) {
-                propValue.value = clone(propValue.value);
-              }
-              weappConf.properties[propName] = propValue;
-            }
-          });
-        }
+      if (typeof weappConf === 'object' && Object.keys(weappConf).length === 0) {
+          report('withWeapp 请传入“App/页面/组件“的配置对象。如果原生写法使用了基类，请将基类组合后的配置对象传入，详情请参考文档。');
       }
-      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 = runtime.getCurrentInstance();
-          this.taroGlobalData = Object.create(null);
-          this.safeExecute = (func, ...args) => {
-            if (isFunction(func)) func.apply(this, args);
-          };
-          this.setData = (obj, callback) => {
-            let oldState;
-            if (this.observers && Object.keys(Object.keys(this.observers))) {
-              oldState = clone(this.state);
-            }
-            Object.keys(obj).forEach(key => {
-              safeSet(this.state, key, obj[key]);
-            });
-            this.setState(this.state, () => {
-              this.triggerObservers(this.state, oldState);
-              if (callback) {
-                callback.call(this);
-              }
-            });
-          };
-          this.triggerEvent = (eventName, detail, options) => {
-            if (options) {
-              report('triggerEvent 不支持事件选项。');
-            }
-            // eventName support kebab case
-            if (eventName.match(/[a-z]+-[a-z]+/g)) {
-              eventName = eventName.replace(/-[a-z]/g, function (match) {
-                return match[1].toUpperCase();
-              });
-            }
-            const props = this.props;
-            const dataset = {};
-            for (const key in props) {
-              if (!key.startsWith('data-')) continue;
-              dataset[key.replace(/^data-/, '')] = props[key];
-            }
-            const func = props[`on${eventName[0].toUpperCase()}${eventName.slice(1)}`];
-            if (isFunction(func)) {
-              func.call(this, {
-                type: eventName,
-                detail,
-                target: {
-                  id: props.id || '',
-                  dataset
-                },
-                currentTarget: {
-                  id: props.id || '',
-                  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(this, 'data', 'state');
-          defineGetter(this, 'properties', 'props');
-          this.initComputed(weappConf);
-        }
-        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;
+      return (ConnectComponent) => {
+          var _a;
+          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) {
+              const { behaviors } = weappConf;
+              behaviors.forEach(behavior => flattenBehaviors(behavior, behaviorMap));
+              const propertiesList = behaviorMap.get('properties');
+              if (propertiesList.length) {
+                  propertiesList.forEach(property => {
+                      Object.assign(behaviorProperties, property);
+                  });
+                  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) {
+                              propValue.value = clone(propValue.value);
+                          }
+                          weappConf.properties[propName] = propValue;
+                      }
+                  });
               }
-              this._observeProps.push({
-                name: propKey,
-                observers: observers
-              });
-            }
           }
-          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;
+          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 = runtime.getCurrentInstance();
+                  this.taroGlobalData = Object.create(null);
+                  this.safeExecute = (func, ...args) => {
+                      if (isFunction(func))
+                          func.apply(this, args);
+                  };
+                  this.setData = (obj, callback) => {
+                      let oldState;
+                      if (this.observers && Object.keys(Object.keys(this.observers))) {
+                          oldState = clone(this.state);
+                      }
+                      Object.keys(obj).forEach(key => {
+                          safeSet(this.state, key, obj[key]);
+                      });
+                      this.setState(this.state, () => {
+                          this.triggerObservers(this.state, oldState);
+                          if (callback) {
+                              callback.call(this);
+                          }
+                      });
+                  };
+                  this.triggerEvent = (eventName, detail, options) => {
+                      if (options) {
+                          report('triggerEvent 不支持事件选项。');
+                      }
+                      // eventName support kebab case
+                      if (eventName.match(/[a-z]+-[a-z]+/g)) {
+                          eventName = eventName.replace(/-[a-z]/g, function (match) {
+                              return match[1].toUpperCase();
+                          });
+                      }
+                      const props = this.props;
+                      const dataset = {};
+                      for (const key in props) {
+                          if (!key.startsWith('data-'))
+                              continue;
+                          dataset[key.replace(/^data-/, '')] = props[key];
+                      }
+                      const func = props[`on${eventName[0].toUpperCase()}${eventName.slice(1)}`];
+                      if (isFunction(func)) {
+                          func.call(this, {
+                              type: eventName,
+                              detail,
+                              target: {
+                                  id: props.id || '',
+                                  dataset
+                              },
+                              currentTarget: {
+                                  id: props.id || '',
+                                  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(this, 'data', 'state');
+                  defineGetter(this, 'properties', 'props');
+                  this.initComputed(weappConf);
               }
-            }
-          }
-          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);
+              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
+                          });
+                      }
                   }
-                  break;
-                }
-              case 'properties':
-                this.initProps(Object.assign(behaviorProperties, confValue));
-                break;
-              case 'methods':
-                this.methods = confValue;
-                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;
+                  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;
+                          }
                       }
-                    case 'hide':
-                      {
-                        this.initLifeCycleListener('hide', cb);
-                        break;
+                  }
+                  for (const confKey in options) {
+                      // 不支持的属性
+                      if (nonsupport.has(confKey)) {
+                          const advise = nonsupport.get(confKey);
+                          report(advise);
                       }
-                    case 'resize':
-                      {
-                        report('不支持组件所在页面的生命周期 pageLifetimes.resize。');
-                        break;
+                      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 'properties':
+                              this.initProps(Object.assign(behaviorProperties, confValue));
+                              break;
+                          case 'methods':
+                              this.methods = confValue;
+                              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;
+                                      }
+                                      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;
+                                  }
+                                  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);
+                                  }
+                                  // 原生页面和 Taro 页面中共计只能定义一次的生命周期
+                                  if (uniquePageLifecycle.includes(confKey) && ConnectComponent.prototype[confKey]) {
+                                      report(`生命周期 ${confKey} 已在原生部分进行定义，React 部分的定义将不会被执行。`);
+                                  }
+                              }
+                              else {
+                                  this[confKey] = confValue;
+                                  if (isApp && !appOptions.includes(confKey)) {
+                                      this.defineProperty(this.taroGlobalData, confKey, this);
+                                  }
+                              }
+                              break;
                       }
                   }
-                }
-                break;
-              default:
-                if (lifecycles.has(confKey)) {
-                  // 优先使用 lifetimes 中定义的生命周期
-                  if ((_b = options.lifetimes) === null || _b === void 0 ? void 0 : _b[confKey]) {
-                    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;
+                              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);
+                                      }
+                                  });
+                                  break;
+                              case 'lifetimes':
+                                  list.forEach(lifetimesObject => {
+                                      for (const key in lifetimesObject) {
+                                          this.initLifeCycles(key, lifetimesObject[key]);
+                                      }
+                                  });
+                                  break;
+                          }
+                      }
                   }
-                  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);
+              }
+              initComputed(weappConf) {
+                  // 处理 computed
+                  if (weappConf.computed) {
+                      const computed = weappConf.computed;
+                      for (const key in computed) {
+                          const getter = computed[key];
+                          if (isFunction(getter)) {
+                              Object.defineProperty(this.data, key, {
+                                  get: () => {
+                                      // 每次访问 this.object.data[name] 时，都执行 computed[name]()
+                                      return getter.call(Object.assign(Object.assign({}, this.state), this.methods));
+                                  },
+                                  enumerable: true, // 这将确保属性是可枚举的，如果你希望它出现在 for...in 循环中
+                                  configurable: true // 这将确保属性是可配置的，比如可以被删除
+                              });
+                          }
+                          else {
+                              report('computed 属性值必须是函数。');
+                          }
+                      }
                   }
-                  // 原生页面和 Taro 页面中共计只能定义一次的生命周期
-                  if (uniquePageLifecycle.includes(confKey) && ConnectComponent.prototype[confKey]) {
-                    report(`生命周期 ${confKey} 已在原生部分进行定义，React 部分的定义将不会被执行。`);
+              }
+              initLifeCycles(lifecycleName, lifecycle) {
+                  // 不支持的生命周期
+                  if (nonsupport.has(lifecycleName)) {
+                      const advise = nonsupport.get(lifecycleName);
+                      return report(advise);
                   }
-                } else {
-                  this[confKey] = confValue;
-                  if (isApp && !appOptions.includes(confKey)) {
-                    this.defineProperty(this.taroGlobalData, confKey, this);
+                  if (lifecycleName === 'ready') {
+                      // 如果组件是延时渲染的，页面 onReady 的事件已经 emit 了，因此使用 componentDidMount + nextTick 模拟
+                      if (this.current.page.onReady.called) {
+                          this.didMounts.push(function (...args) {
+                              taro.nextTick(() => {
+                                  if (isFunction(lifecycle)) {
+                                      lifecycle.apply(this, args);
+                                  }
+                              });
+                          });
+                      }
+                      else {
+                          this.initLifeCycleListener('ready', lifecycle);
+                      }
                   }
-                }
-                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;
+                  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;
+                  }
+              }
+              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]) && taro.eventCenter.on(router[lifecycleName], cb);
+                  // unMount 时需要取消事件监听
+                  this.eventDestroyList.push(() => taro.eventCenter.off(router[lifecycleName], cb));
+              }
+              executeLifeCycles(funcs, ...args) {
+                  for (let i = 0; i < funcs.length; i++) {
+                      const func = funcs[i];
+                      this.safeExecute(func, ...args);
+                  }
+              }
+              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') {
+                                  const ob = this[observer];
+                                  if (isFunction(ob)) {
+                                      ob.call(this, nextProp, prop, key);
+                                  }
+                              }
+                              else if (isFunction(observer)) {
+                                  observer.call(this, nextProp, prop, key);
+                              }
+                          });
                       }
-                    });
-                  });
-                  this.state = behaviorData;
-                  break;
-                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);
-                    }
-                  });
-                  break;
-                case 'lifetimes':
-                  list.forEach(lifetimesObject => {
-                    for (const key in lifetimesObject) {
-                      this.initLifeCycles(key, lifetimesObject[key]);
-                    }
                   });
-                  break;
               }
-            }
-          }
-        }
-        initComputed(weappConf) {
-          // 处理 computed
-          if (weappConf.computed) {
-            const computed = weappConf.computed;
-            for (const key in computed) {
-              const getter = computed[key];
-              if (isFunction(getter)) {
-                Object.defineProperty(this.data, key, {
-                  get: () => {
-                    // 每次访问 this.object.data[name] 时，都执行 computed[name]()
-                    return getter.call(Object.assign(Object.assign({}, this.state), this.methods));
-                  },
-                  enumerable: true,
-                  configurable: true // 这将确保属性是可配置的，比如可以被删除
-                });
-              } else {
-                report('computed 属性值必须是函数。');
+              triggerObservers(current, prev) {
+                  const observers = this.observers;
+                  if (observers == null) {
+                      return;
+                  }
+                  if (Object.keys(observers).length === 0) {
+                      return;
+                  }
+                  const result = diff(current, prev);
+                  const resultKeys = Object.keys(result);
+                  if (resultKeys.length === 0) {
+                      return;
+                  }
+                  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;
+                              }
+                          }
+                      }
+                      if (isModified) {
+                          observers[observerKey].apply(this, keys.map(key => safeGet(current, key)));
+                      }
+                  }
               }
-            }
-          }
-        }
-        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) {
-                taro.nextTick(() => {
-                  if (isFunction(lifecycle)) {
-                    lifecycle.apply(this, args);
+              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 {
-              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;
-                }
+                  else if (args.length === 1) {
+                      e = args[0];
+                  }
+                  if (e.type === 'touchmove') {
+                      report('catchtouchmove 转换后只能停止回调函数的冒泡，不能阻止滚动穿透。如要阻止滚动穿透，可以手动给编译后的 View 组件加上 catchMove 属性');
+                  }
+                  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 taro.createSelectorQuery();
+                      }
+                      else if (method === 'createIntersectionObserver') {
+                          // @ts-ignore
+                          return taro.createIntersectionObserver(...args);
+                      }
+                      else if (method === 'createMediaQueryObserver') {
+                          return taro.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'));
               }
-            }
-          }
-          // mixins 不会覆盖已经设置的生命周期，加入到 this 是为了形如 this.created() 的调用
-          if (!isFunction(this[lifecycleName])) {
-            this[lifecycleName] = lifecycle;
-          }
-        }
-        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]) && taro.eventCenter.on(router[lifecycleName], cb);
-          // unMount 时需要取消事件监听
-          this.eventDestroyList.push(() => taro.eventCenter.off(router[lifecycleName], cb));
-        }
-        executeLifeCycles(funcs, ...args) {
-          for (let i = 0; i < funcs.length; i++) {
-            const func = funcs[i];
-            this.safeExecute(func, ...args);
           }
-        }
-        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') {
-                  const ob = this[observer];
-                  if (isFunction(ob)) {
-                    ob.call(this, nextProp, prop, key);
+          const props = weappConf.properties;
+          if (props) {
+              for (const propKey in props) {
+                  const propValue = props[propKey];
+                  if (propValue != null && !isFunction(propValue)) {
+                      if (propValue.value !== undefined) { // 如果是 null 也赋值到 defaultProps
+                          BaseComponent.defaultProps = Object.assign({ [propKey]: propValue.value }, BaseComponent.defaultProps);
+                      }
                   }
-                } else if (isFunction(observer)) {
-                  observer.call(this, nextProp, prop, key);
-                }
-              });
-            }
-          });
-        }
-        triggerObservers(current, prev) {
-          const observers = this.observers;
-          if (observers == null) {
-            return;
-          }
-          if (Object.keys(observers).length === 0) {
-            return;
-          }
-          const result = diff(current, prev);
-          const resultKeys = Object.keys(result);
-          if (resultKeys.length === 0) {
-            return;
-          }
-          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;
-                }
               }
-            }
-            if (isModified) {
-              observers[observerKey].apply(this, keys.map(key => safeGet(current, key)));
-            }
           }
-        }
-        defineProperty(target, key, data) {
-          Object.defineProperty(target, key, {
-            configurable: true,
-            enumerable: true,
-            set(value) {
-              data[key] = value;
-            },
-            get() {
-              return data[key];
-            }
+          const staticOptions = ['externalClasses', 'relations', 'options'];
+          staticOptions.forEach(option => {
+              const value = weappConf[option];
+              if (value != null) {
+                  BaseComponent[option] = value;
+              }
           });
-        }
-        privateStopNoop(...args) {
-          let e;
-          let fn;
-          if (args.length === 2) {
-            fn = args[0];
-            e = args[1];
-          } else if (args.length === 1) {
-            e = args[0];
-          }
-          if (e.type === 'touchmove') {
-            report('catchtouchmove 转换后只能停止回调函数的冒泡，不能阻止滚动穿透。如要阻止滚动穿透，可以手动给编译后的 View 组件加上 catchMove 属性');
-          }
-          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 taro.createSelectorQuery();
-            } else if (method === 'createIntersectionObserver') {
-              // @ts-ignore
-              return taro.createIntersectionObserver(...args);
-            } else if (method === 'createMediaQueryObserver') {
-              return taro.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 (const propKey in props) {
-          const propValue = props[propKey];
-          if (propValue != null && !isFunction(propValue)) {
-            if (propValue.value !== undefined) {
-              // 如果是 null 也赋值到 defaultProps
-              BaseComponent.defaultProps = Object.assign({
-                [propKey]: propValue.value
-              }, BaseComponent.defaultProps);
-            }
-          }
-        }
-      }
-      const staticOptions = ['externalClasses', 'relations', 'options'];
-      staticOptions.forEach(option => {
-        const value = weappConf[option];
-        if (value != null) {
-          BaseComponent[option] = value;
-        }
-      });
-      return BaseComponent;
-    };
+          return BaseComponent;
+      };
   }
 
   exports.cacheOptions = cacheOptions;
   exports.convertToArray = convertToArray;
-  exports["default"] = withWeapp;
+  exports.default = withWeapp;
   exports.getTarget = getTarget;
 
   Object.defineProperty(exports, '__esModule', { value: true });