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

package/dist/index.esm.js

@@ -2,56 +2,59 @@ import { getCurrentInstance } from '@tarojs/runtime';
 import { nextTick, eventCenter, createSelectorQuery, createIntersectionObserver, createMediaQueryObserver } from '@tarojs/taro';
 
 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 = [];
@@ -59,47 +62,41 @@ function stringify (obj, opts) {
         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,9 +118,8 @@ function syncKeys (current, pre) {
     }
   }
 }
-
-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) {
@@ -178,849 +174,800 @@ function _diff (current, pre, path, result) {
     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 = 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 = 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) {
-                            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]) && eventCenter.on(router[lifecycleName], cb);
-                // unMount 时需要取消事件监听
-                this.eventDestroyList.push(() => eventCenter.off(router[lifecycleName], cb));
-            }
-            executeLifeCycles(funcs, ...args) {
-                for (let i = 0; i < funcs.length; i++) {
-                    const func = funcs[i];
-                    this.safeExecute(func, ...args);
+              } 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 createSelectorQuery();
-                    }
-                    else if (method === 'createIntersectionObserver') {
-                        // @ts-ignore
-                        return createIntersectionObserver(...args);
-                    }
-                    else if (method === 'createMediaQueryObserver') {
-                        return createMediaQueryObserver();
-                    }
-                    else {
-                        console.error(`page 下没有 ${method} 方法`);
-                    }
-                };
-            }
-            selectComponent() {
-                report(nonsupport.get('selectComponent'));
-            }
-            selectAllComponents() {
-                report(nonsupport.get('selectAllComponents'));
-            }
-            selectOwnerComponent() {
-                report(nonsupport.get('selectOwnerComponent'));
-            }
-            groupSetData() {
-                report(nonsupport.get('groupSetData'));
+          }
+        }
+      }
+      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) {
+              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]) && eventCenter.on(router[lifecycleName], cb);
+        // unMount 时需要取消事件监听
+        this.eventDestroyList.push(() => eventCenter.off(router[lifecycleName], cb));
+      }
+      executeLifeCycles(funcs, ...args) {
+        for (let i = 0; i < funcs.length; i++) {
+          const func = funcs[i];
+          this.safeExecute(func, ...args);
+        }
+      }
+      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 createSelectorQuery();
+          } else if (method === 'createIntersectionObserver') {
+            // @ts-ignore
+            return createIntersectionObserver(...args);
+          } else if (method === 'createMediaQueryObserver') {
+            return createMediaQueryObserver();
+          } else {
+            console.error(`page 下没有 ${method} 方法`);
+          }
+        };
+      }
+      selectComponent() {
+        report(nonsupport.get('selectComponent'));
+      }
+      selectAllComponents() {
+        report(nonsupport.get('selectAllComponents'));
+      }
+      selectOwnerComponent() {
+        report(nonsupport.get('selectOwnerComponent'));
+      }
+      groupSetData() {
+        report(nonsupport.get('groupSetData'));
+      }
+    }
+    const props = weappConf.properties;
+    if (props) {
+      for (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;
+  };
 }
 
 export { cacheOptions, convertToArray, withWeapp as default, getTarget };