@tarojs/with-weapp 4.0.0-beta.87 → 4.0.0-beta.88

package/dist/with-weapp.js

@@ -5,56 +5,59 @@
 })(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 = [];
@@ -62,47 +65,41 @@
           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) {
@@ -124,9 +121,8 @@
       }
     }
   }
-
-  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) {
@@ -181,854 +177,805 @@
       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;
-      }
-      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];
+        return defaultValue;
       }
-      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;
-          }
+      obj = obj[prop];
+      if (obj === undefined) {
+        return defaultValue;
       }
-      return obj;
+    }
+    return obj;
   }
   function safeSet(obj, props, value) {
-      if (typeof props === 'string') {
-          props = props.replace(/\[(.+?)\]/g, '.$1');
-          props = props.split('.');
+    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 === 'symbol') {
-          props = [props];
+      // 直接按路径修改 this.state 可能会导致 nextProps 也被修改
+      // 因此按路径寻找时，每一层都复制一遍
+      if (Array.isArray(obj[thisProp])) {
+        obj[thisProp] = [...obj[thisProp]];
+      } else if (typeof obj[thisProp] === 'object') {
+        obj[thisProp] = Object.assign({}, obj[thisProp]);
       }
-      const lastProp = props.pop();
-      if (!lastProp) {
-          return false;
+      obj = obj[thisProp];
+      if (!obj || typeof obj !== 'object') {
+        return false;
       }
-      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;
+    }
+    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}]`);
+    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);
       }
-      const subBehaviors = behavior.behaviors;
-      if (subBehaviors === null || subBehaviors === void 0 ? void 0 : subBehaviors.length) {
-          subBehaviors.forEach(subBehavior => flattenBehaviors(subBehavior, behaviorMap));
+      if (behaviorMap.has(key)) {
+        const list = behaviorMap.get(key);
+        const value = behavior[key];
+        list.push(value);
       }
-      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;
-          }
-      },
-      getOptionsFromCache: function () {
-          return this.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;
-          }
+    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 (!target) {
+      return {
+        dataset: {}
+      };
+    }
+    if (Taro.getEnv() === Taro.ENV_TYPE.HARMONYHYBRID || Taro.getEnv() === Taro.ENV_TYPE.WEB) {
+      if (target.fullDataset) {
+        return {
+          dataset: target.fullDataset
+        };
       }
-      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 };
+      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]];
+        }
       }
-      return target;
+      target.fullDataset = fullDataset;
+      return {
+        dataset: fullDataset
+      };
+    }
+    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/页面/组件“的配置对象。如果原生写法使用了基类，请将基类组合后的配置对象传入，详情请参考文档。');
+    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;
+            }
+          });
+        }
       }
-      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;
-                      }
-                  });
+      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;
               }
+              this._observeProps.push({
+                name: propKey,
+                observers: observers
+              });
+            }
           }
-          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;
-                          }
-                          this._observeProps.push({
-                              name: propKey,
-                              observers: observers
-                          });
-                      }
-                  }
-                  this.state = Object.assign(Object.assign({}, properties), this.state);
+          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;
               }
-              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 (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);
                   }
-                  for (const confKey in options) {
-                      // 不支持的属性
-                      if (nonsupport.has(confKey)) {
-                          const advise = nonsupport.get(confKey);
-                          report(advise);
+                  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;
                       }
-                      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;
+                    case 'hide':
+                      {
+                        this.initLifeCycleListener('hide', cb);
+                        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;
-                          }
+                    case 'resize':
+                      {
+                        report('不支持组件所在页面的生命周期 pageLifetimes.resize。');
+                        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, // 这将确保属性是可枚举的，如果你希望它出现在 for...in 循环中
-                                  configurable: true // 这将确保属性是可配置的，比如可以被删除
-                              });
-                          }
-                          else {
-                              report('computed 属性值必须是函数。');
-                          }
-                      }
-                  }
-              }
-              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);
-                                  }
-                              });
-                          });
-                      }
-                      else {
-                          this.initLifeCycleListener('ready', lifecycle);
-                      }
+                }
+                break;
+              default:
+                if (lifecycles.has(confKey)) {
+                  // 优先使用 lifetimes 中定义的生命周期
+                  if ((_b = options.lifetimes) === null || _b === void 0 ? void 0 : _b[confKey]) {
+                    break;
                   }
-                  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;
-                              }
-                          }
-                      }
+                  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);
                   }
-                  // mixins 不会覆盖已经设置的生命周期，加入到 this 是为了形如 this.created() 的调用
-                  if (!isFunction(this[lifecycleName])) {
-                      this[lifecycleName] = lifecycle;
+                  // 原生页面和 Taro 页面中共计只能定义一次的生命周期
+                  if (uniquePageLifecycle.includes(confKey) && ConnectComponent.prototype[confKey]) {
+                    report(`生命周期 ${confKey} 已在原生部分进行定义，React 部分的定义将不会被执行。`);
                   }
-              }
-              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);
+                } else {
+                  this[confKey] = confValue;
+                  if (isApp && !appOptions.includes(confKey)) {
+                    this.defineProperty(this.taroGlobalData, confKey, this);
                   }
-              }
-              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);
-                              }
-                          });
+                }
+                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;
                       }
+                    });
                   });
-              }
-              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];
-                      }
+                  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;
               }
-              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'));
+            }
+          }
+        }
+        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 属性值必须是函数。');
               }
+            }
           }
-          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);
-                      }
+        }
+        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);
                   }
+                });
+              });
+            } 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;
+                }
               }
+            }
+          }
+          // mixins 不会覆盖已经设置的生命周期，加入到 this 是为了形如 this.created() 的调用
+          if (!isFunction(this[lifecycleName])) {
+            this[lifecycleName] = lifecycle;
           }
-          const staticOptions = ['externalClasses', 'relations', 'options'];
-          staticOptions.forEach(option => {
-              const value = weappConf[option];
-              if (value != null) {
-                  BaseComponent[option] = value;
+        }
+        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);
+                }
+              });
+            }
+          });
+        }
+        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];
+            }
           });
-          return BaseComponent;
-      };
+        }
+        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;
+    };
   }
 
   exports.cacheOptions = cacheOptions;
   exports.convertToArray = convertToArray;
-  exports.default = withWeapp;
+  exports["default"] = withWeapp;
   exports.getTarget = getTarget;
 
   Object.defineProperty(exports, '__esModule', { value: true });