@tarojs/with-weapp 4.0.0-beta.82 → 4.0.0-beta.84

package/dist/index.esm.js

@@ -2,59 +2,56 @@ 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 = [];
@@ -62,41 +59,47 @@ 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) {
@@ -118,8 +121,9 @@ 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) {
@@ -174,800 +178,849 @@ 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;
+        return defaultValue;
     }
-    obj = obj[prop];
-    if (obj === undefined) {
-      return defaultValue;
+    let props, prop;
+    if (Array.isArray(propsArg)) {
+        props = propsArg.slice(0);
     }
-  }
-  return obj;
+    if (typeof propsArg === 'string') {
+        props = propsArg.replace(/\[(.+?)\]/g, '.$1');
+        props = props.split('.');
+    }
+    if (typeof propsArg === 'symbol') {
+        props = [propsArg];
+    }
+    if (!Array.isArray(props)) {
+        throw new Error('props arg must be an array, a string or a symbol');
+    }
+    while (props.length) {
+        prop = props.shift();
+        if (!obj) {
+            return defaultValue;
+        }
+        obj = obj[prop];
+        if (obj === undefined) {
+            return defaultValue;
+        }
+    }
+    return obj;
 }
 function safeSet(obj, props, value) {
-  if (typeof props === 'string') {
-    props = props.replace(/\[(.+?)\]/g, '.$1');
-    props = props.split('.');
-  }
-  if (typeof props === 'symbol') {
-    props = [props];
-  }
-  const lastProp = props.pop();
-  if (!lastProp) {
-    return false;
-  }
-  let thisProp;
-  while (thisProp = props.shift()) {
-    if (typeof obj[thisProp] === 'undefined') {
-      obj[thisProp] = {};
+    if (typeof props === 'string') {
+        props = props.replace(/\[(.+?)\]/g, '.$1');
+        props = props.split('.');
     }
-    // 直接按路径修改 this.state 可能会导致 nextProps 也被修改
-    // 因此按路径寻找时，每一层都复制一遍
-    if (Array.isArray(obj[thisProp])) {
-      obj[thisProp] = [...obj[thisProp]];
-    } else if (typeof obj[thisProp] === 'object') {
-      obj[thisProp] = Object.assign({}, obj[thisProp]);
+    if (typeof props === 'symbol') {
+        props = [props];
     }
-    obj = obj[thisProp];
-    if (!obj || typeof obj !== 'object') {
-      return false;
+    const lastProp = props.pop();
+    if (!lastProp) {
+        return false;
     }
-  }
-  obj[lastProp] = value;
-  return true;
+    let thisProp;
+    while ((thisProp = props.shift())) {
+        if (typeof obj[thisProp] === 'undefined') {
+            obj[thisProp] = {};
+        }
+        // 直接按路径修改 this.state 可能会导致 nextProps 也被修改
+        // 因此按路径寻找时，每一层都复制一遍
+        if (Array.isArray(obj[thisProp])) {
+            obj[thisProp] = [...obj[thisProp]];
+        }
+        else if (typeof obj[thisProp] === 'object') {
+            obj[thisProp] = Object.assign({}, obj[thisProp]);
+        }
+        obj = obj[thisProp];
+        if (!obj || typeof obj !== 'object') {
+            return false;
+        }
+    }
+    obj[lastProp] = value;
+    return true;
 }
 function report(msg) {
-  console.warn('[Taro Convert Warning] ' + msg);
+    console.warn('[Taro Convert Warning] ' + msg);
 }
-const nonsupport = new Map([['onError', '不支持 App 的 onError 生命周期方法。'], ['onPageNotFound', '不支持 App 的 onPageNotFound 生命周期方法。'], ['onUnhandledRejection', '不支持 App 的 onUnhandledRejection 生命周期方法。'], ['onThemeChange', '不支持 App 的 onThemeChange 生命周期方法。'], ['moved', '不支持自定义组件的 moved 生命周期。'], ['externalClasses', '不支持自定义组件的 externalClasses 功能。'], ['relations', '不支持自定义组件的 relations 功能。'], ['options', '不支持自定义组件的 options 功能。'], ['definitionFilter', '不支持自定义组件的 definitionFilter 功能。'], ['selectComponent', 'selectComponent 方法产生不到目标效果，请使用 React 的 ref 进行重构。'], ['selectAllComponents', 'selectAllComponents 方法产生不到目标效果，请使用 React 的 ref 进行重构。'], ['selectOwnerComponent', 'selectOwnerComponent 方法产生不到目标效果，请使用 React 语法重构。'], ['groupSetData', 'groupSetData 方法产生不到目标效果，请使用 React 语法重构。']]);
+const nonsupport = new Map([
+    ['onError', '不支持 App 的 onError 生命周期方法。'],
+    ['onPageNotFound', '不支持 App 的 onPageNotFound 生命周期方法。'],
+    ['onUnhandledRejection', '不支持 App 的 onUnhandledRejection 生命周期方法。'],
+    ['onThemeChange', '不支持 App 的 onThemeChange 生命周期方法。'],
+    ['moved', '不支持自定义组件的 moved 生命周期。'],
+    ['externalClasses', '不支持自定义组件的 externalClasses 功能。'],
+    ['relations', '不支持自定义组件的 relations 功能。'],
+    ['options', '不支持自定义组件的 options 功能。'],
+    ['definitionFilter', '不支持自定义组件的 definitionFilter 功能。'],
+    ['selectComponent', 'selectComponent 方法产生不到目标效果，请使用 React 的 ref 进行重构。'],
+    ['selectAllComponents', 'selectAllComponents 方法产生不到目标效果，请使用 React 的 ref 进行重构。'],
+    ['selectOwnerComponent', 'selectOwnerComponent 方法产生不到目标效果，请使用 React 语法重构。'],
+    ['groupSetData', 'groupSetData 方法产生不到目标效果，请使用 React 语法重构。']
+]);
 function flattenBehaviors(behavior, behaviorMap) {
-  if (typeof behavior === 'string') {
-    return report(`不支持使用内置 Behavior: [${behavior}]`);
-  }
-  const subBehaviors = behavior.behaviors;
-  if (subBehaviors === null || subBehaviors === void 0 ? void 0 : subBehaviors.length) {
-    subBehaviors.forEach(subBehavior => flattenBehaviors(subBehavior, behaviorMap));
-  }
-  Object.keys(behavior).forEach(key => {
-    // 不支持的属性
-    if (nonsupport.has(key)) {
-      const advise = nonsupport.get(key);
-      return report(advise);
+    if (typeof behavior === 'string') {
+        return report(`不支持使用内置 Behavior: [${behavior}]`);
     }
-    if (behaviorMap.has(key)) {
-      const list = behaviorMap.get(key);
-      const value = behavior[key];
-      list.push(value);
+    const subBehaviors = behavior.behaviors;
+    if (subBehaviors === null || subBehaviors === void 0 ? void 0 : subBehaviors.length) {
+        subBehaviors.forEach(subBehavior => flattenBehaviors(subBehavior, behaviorMap));
     }
-  });
+    Object.keys(behavior).forEach(key => {
+        // 不支持的属性
+        if (nonsupport.has(key)) {
+            const advise = nonsupport.get(key);
+            return report(advise);
+        }
+        if (behaviorMap.has(key)) {
+            const list = behaviorMap.get(key);
+            const value = behavior[key];
+            list.push(value);
+        }
+    });
 }
 
 /**
  * 该模块仅存放 convert 转换时用到的工具函数或变量
  */
 const cacheOptions = {
-  cacheOptions: {},
-  setOptionsToCache: function (options) {
-    if (Object.keys(options).length !== 0) {
-      this.cacheOptions = options;
+    cacheOptions: {},
+    setOptionsToCache: function (options) {
+        if (Object.keys(options).length !== 0) {
+            this.cacheOptions = options;
+        }
+    },
+    getOptionsFromCache: function () {
+        return this.cacheOptions;
     }
-  },
-  getOptionsFromCache: function () {
-    return this.cacheOptions;
-  }
 };
 function toCamelCase(s) {
-  let camel = '';
-  let nextCap = false;
-  for (let i = 0; i < s.length; i++) {
-    if (s[i] !== '-') {
-      camel += nextCap ? s[i].toUpperCase() : s[i];
-      nextCap = false;
-    } else {
-      nextCap = true;
+    let camel = '';
+    let nextCap = false;
+    for (let i = 0; i < s.length; i++) {
+        if (s[i] !== '-') {
+            camel += nextCap ? s[i].toUpperCase() : s[i];
+            nextCap = false;
+        }
+        else {
+            nextCap = true;
+        }
     }
-  }
-  return camel;
+    return camel;
 }
 const convertToArray = function (value, fn) {
-  if (value instanceof Array) {
-    return value.map(fn);
-  } else if (typeof value === 'number') {
-    return Array.from({
-      length: value
-    }, (_, index) => index).map(fn);
-  } else if (typeof value === 'string') {
-    return Array.from(value).map(fn);
-  } else if (typeof value === 'object' && value !== null && Object.getPrototypeOf(value) === Object.prototype) {
-    const result = Object.keys(value).map(item => {
-      return fn(value[item], item);
-    });
-    return result;
-  }
+    if (value instanceof Array) {
+        return value.map(fn);
+    }
+    else if (typeof value === 'number') {
+        return Array.from({
+            length: value
+        }, (_, index) => index).map(fn);
+    }
+    else if (typeof value === 'string') {
+        return Array.from(value).map(fn);
+    }
+    else if (typeof value === 'object' && value !== null && Object.getPrototypeOf(value) === Object.prototype) {
+        const result = Object.keys(value).map((item) => {
+            return fn(value[item], item);
+        });
+        return result;
+    }
 };
 const getTarget = (target, Taro) => {
-  if (!target) {
-    return {
-      dataset: {}
-    };
-  }
-  if (Taro.getEnv() === Taro.ENV_TYPE.HARMONYHYBRID || Taro.getEnv() === Taro.ENV_TYPE.WEB) {
-    if (target.fullDataset) {
-      return {
-        dataset: target.fullDataset
-      };
+    if (!target) {
+        return { dataset: {} };
     }
-    const fullDataset = {};
-    // 获取元素的所有属性
-    const targetAttrKeys = Object.keys(target);
-    // 遍历所有属性
-    for (let i = 0; i < targetAttrKeys.length; i++) {
-      if (targetAttrKeys[i].startsWith('data-')) {
-        fullDataset[toCamelCase(targetAttrKeys[i].replace(/^data-/, '').toLowerCase())] = target[targetAttrKeys[i]];
-      }
+    if (Taro.getEnv() === Taro.ENV_TYPE.HARMONYHYBRID || Taro.getEnv() === Taro.ENV_TYPE.WEB) {
+        if (target.fullDataset) {
+            return { dataset: target.fullDataset };
+        }
+        const fullDataset = {};
+        // 获取元素的所有属性
+        const targetAttrKeys = Object.keys(target);
+        // 遍历所有属性
+        for (let i = 0; i < targetAttrKeys.length; i++) {
+            if (targetAttrKeys[i].startsWith('data-')) {
+                fullDataset[toCamelCase(targetAttrKeys[i].replace(/^data-/, '').toLowerCase())] = target[targetAttrKeys[i]];
+            }
+        }
+        target.fullDataset = fullDataset;
+        return { dataset: fullDataset };
     }
-    target.fullDataset = fullDataset;
-    return {
-      dataset: fullDataset
-    };
-  }
-  return target;
+    return target;
 };
 
 function defineGetter(component, key, getter) {
-  Object.defineProperty(component, key, {
-    enumerable: true,
-    configurable: true,
-    get: () => {
-      if (getter === 'props') {
-        return component.props;
-      }
-      return component.state;
-      // return {
-      //   ...component.state,
-      //   ...component.props
-      // }
-    }
-  });
+    Object.defineProperty(component, key, {
+        enumerable: true,
+        configurable: true,
+        get: () => {
+            if (getter === 'props') {
+                return component.props;
+            }
+            return component.state;
+            // return {
+            //   ...component.state,
+            //   ...component.props
+            // }
+        }
+    });
 }
-
 function propToState(newValue, _oldValue, key) {
-  this.state[key] = newValue;
+    this.state[key] = newValue;
 }
 function isFunction(o) {
-  return typeof o === 'function';
+    return typeof o === 'function';
 }
 function withWeapp(weappConf, isApp = false) {
-  if (typeof weappConf === 'object' && Object.keys(weappConf).length === 0) {
-    report('withWeapp 请传入“App/页面/组件“的配置对象。如果原生写法使用了基类，请将基类组合后的配置对象传入，详情请参考文档。');
-  }
-  return ConnectComponent => {
-    var _a;
-    const behaviorMap = new Map([['properties', []], ['data', []], ['methods', []], ['created', []], ['attached', []], ['ready', []], ['detached', []], ['lifetimes', []]]);
-    const behaviorProperties = {};
-    if ((_a = weappConf.behaviors) === null || _a === void 0 ? void 0 : _a.length) {
-      const {
-        behaviors
-      } = weappConf;
-      behaviors.forEach(behavior => flattenBehaviors(behavior, behaviorMap));
-      const propertiesList = behaviorMap.get('properties');
-      if (propertiesList.length) {
-        propertiesList.forEach(property => {
-          Object.assign(behaviorProperties, property);
-        });
-        Object.keys(behaviorProperties).forEach(propName => {
-          const propValue = behaviorProperties[propName];
-          if (!weappConf.properties) {
-            weappConf.properties = {};
-          }
-          if (!weappConf.properties.hasOwnProperty(propName)) {
-            if (propValue && typeof propValue === 'object' && propValue.value) {
-              propValue.value = clone(propValue.value);
-            }
-            weappConf.properties[propName] = propValue;
-          }
-        });
-      }
+    if (typeof weappConf === 'object' && Object.keys(weappConf).length === 0) {
+        report('withWeapp 请传入“App/页面/组件“的配置对象。如果原生写法使用了基类，请将基类组合后的配置对象传入，详情请参考文档。');
     }
-    class BaseComponent extends ConnectComponent {
-      constructor(props) {
-        super(props);
-        this._observeProps = [];
-        // mixins 可以多次调用生命周期
-        this.willMounts = [];
-        this.didMounts = [];
-        this.didHides = [];
-        this.didShows = [];
-        this.willUnmounts = [];
-        this.eventDestroyList = [];
-        this.current = getCurrentInstance();
-        this.taroGlobalData = Object.create(null);
-        this.safeExecute = (func, ...args) => {
-          if (isFunction(func)) func.apply(this, args);
-        };
-        this.setData = (obj, callback) => {
-          let oldState;
-          if (this.observers && Object.keys(Object.keys(this.observers))) {
-            oldState = clone(this.state);
-          }
-          Object.keys(obj).forEach(key => {
-            safeSet(this.state, key, obj[key]);
-          });
-          this.setState(this.state, () => {
-            this.triggerObservers(this.state, oldState);
-            if (callback) {
-              callback.call(this);
-            }
-          });
-        };
-        this.triggerEvent = (eventName, detail, options) => {
-          if (options) {
-            report('triggerEvent 不支持事件选项。');
-          }
-          // eventName support kebab case
-          if (eventName.match(/[a-z]+-[a-z]+/g)) {
-            eventName = eventName.replace(/-[a-z]/g, function (match) {
-              return match[1].toUpperCase();
-            });
-          }
-          const props = this.props;
-          const dataset = {};
-          for (const key in props) {
-            if (!key.startsWith('data-')) continue;
-            dataset[key.replace(/^data-/, '')] = props[key];
-          }
-          const func = props[`on${eventName[0].toUpperCase()}${eventName.slice(1)}`];
-          if (isFunction(func)) {
-            func.call(this, {
-              type: eventName,
-              detail,
-              target: {
-                id: props.id || '',
-                dataset
-              },
-              currentTarget: {
-                id: props.id || '',
-                dataset
-              }
-            });
-          }
-        };
-        this.hasBehavior = this.componentMethodsProxy('hasBehavior');
-        this.createSelectorQuery = this.componentMethodsProxy('createSelectorQuery');
-        this.createIntersectionObserver = this.componentMethodsProxy('createIntersectionObserver');
-        this.createMediaQueryObserver = this.componentMethodsProxy('createMediaQueryObserver');
-        this.getRelationNodes = this.componentMethodsProxy('getRelationNodes');
-        this.getTabBar = this.componentMethodsProxy('getTabBar');
-        this.getPageId = this.componentMethodsProxy('getPageId');
-        this.animate = this.componentMethodsProxy('animate');
-        this.clearAnimation = this.componentMethodsProxy('clearAnimation');
-        this.setUpdatePerformanceListener = this.componentMethodsProxy('setUpdatePerformanceListener');
-        this.state = this.state || {};
-        this.init(weappConf);
-        defineGetter(this, 'data', 'state');
-        defineGetter(this, 'properties', 'props');
-        this.initComputed(weappConf);
-      }
-      initProps(props) {
-        const properties = {};
-        for (const propKey in props) {
-          if (props.hasOwnProperty(propKey)) {
-            const propValue = props[propKey];
-            // propValue 可能是 null, 构造函数, 对象
-            const observers = [propToState];
-            if (propValue === null || propValue === undefined) {
-              // propValue为null、undefined情况
-              properties[propKey] = null;
-            } else if (isFunction(propValue)) {
-              // propValue为Function，即Array、String、Boolean等情况时
-              if (propValue.name === 'Array') {
-                properties[propKey] = [];
-              } else if (propValue.name === 'String') {
-                properties[propKey] = '';
-              } else if (propValue.name === 'Boolean') {
-                properties[propKey] = false;
-              } else if (propValue.name === 'Number') {
-                properties[propKey] = 0;
-              } else {
-                properties[propKey] = null;
-              }
-            } else if (typeof propValue === 'object') {
-              // propValue为对象时
-              properties[propKey] = propValue.value;
-              if (propValue.observer) {
-                observers.push(propValue.observer);
-              }
-            } else {
-              properties[propKey] = null;
+    return (ConnectComponent) => {
+        var _a;
+        const behaviorMap = new Map([
+            ['properties', []],
+            ['data', []],
+            ['methods', []],
+            ['created', []],
+            ['attached', []],
+            ['ready', []],
+            ['detached', []],
+            ['lifetimes', []]
+        ]);
+        const behaviorProperties = {};
+        if ((_a = weappConf.behaviors) === null || _a === void 0 ? void 0 : _a.length) {
+            const { behaviors } = weappConf;
+            behaviors.forEach(behavior => flattenBehaviors(behavior, behaviorMap));
+            const propertiesList = behaviorMap.get('properties');
+            if (propertiesList.length) {
+                propertiesList.forEach(property => {
+                    Object.assign(behaviorProperties, property);
+                });
+                Object.keys(behaviorProperties).forEach(propName => {
+                    const propValue = behaviorProperties[propName];
+                    if (!weappConf.properties) {
+                        weappConf.properties = {};
+                    }
+                    if (!weappConf.properties.hasOwnProperty(propName)) {
+                        if (propValue && typeof propValue === 'object' && propValue.value) {
+                            propValue.value = clone(propValue.value);
+                        }
+                        weappConf.properties[propName] = propValue;
+                    }
+                });
             }
-            this._observeProps.push({
-              name: propKey,
-              observers: observers
-            });
-          }
         }
-        this.state = Object.assign(Object.assign({}, properties), this.state);
-      }
-      init(options) {
-        var _a, _b, _c;
-        // 处理 Behaviors
-        if ((_a = options.behaviors) === null || _a === void 0 ? void 0 : _a.length) {
-          for (const [key, list] of behaviorMap.entries()) {
-            switch (key) {
-              case 'created':
-              case 'attached':
-              case 'detached':
-              case 'ready':
-                list.forEach(fn => this.initLifeCycles(key, fn));
-                break;
+        class BaseComponent extends ConnectComponent {
+            constructor(props) {
+                super(props);
+                this._observeProps = [];
+                // mixins 可以多次调用生命周期
+                this.willMounts = [];
+                this.didMounts = [];
+                this.didHides = [];
+                this.didShows = [];
+                this.willUnmounts = [];
+                this.eventDestroyList = [];
+                this.current = getCurrentInstance();
+                this.taroGlobalData = Object.create(null);
+                this.safeExecute = (func, ...args) => {
+                    if (isFunction(func))
+                        func.apply(this, args);
+                };
+                this.setData = (obj, callback) => {
+                    let oldState;
+                    if (this.observers && Object.keys(Object.keys(this.observers))) {
+                        oldState = clone(this.state);
+                    }
+                    Object.keys(obj).forEach(key => {
+                        safeSet(this.state, key, obj[key]);
+                    });
+                    this.setState(this.state, () => {
+                        this.triggerObservers(this.state, oldState);
+                        if (callback) {
+                            callback.call(this);
+                        }
+                    });
+                };
+                this.triggerEvent = (eventName, detail, options) => {
+                    if (options) {
+                        report('triggerEvent 不支持事件选项。');
+                    }
+                    // eventName support kebab case
+                    if (eventName.match(/[a-z]+-[a-z]+/g)) {
+                        eventName = eventName.replace(/-[a-z]/g, function (match) {
+                            return match[1].toUpperCase();
+                        });
+                    }
+                    const props = this.props;
+                    const dataset = {};
+                    for (const key in props) {
+                        if (!key.startsWith('data-'))
+                            continue;
+                        dataset[key.replace(/^data-/, '')] = props[key];
+                    }
+                    const func = props[`on${eventName[0].toUpperCase()}${eventName.slice(1)}`];
+                    if (isFunction(func)) {
+                        func.call(this, {
+                            type: eventName,
+                            detail,
+                            target: {
+                                id: props.id || '',
+                                dataset
+                            },
+                            currentTarget: {
+                                id: props.id || '',
+                                dataset
+                            }
+                        });
+                    }
+                };
+                this.hasBehavior = this.componentMethodsProxy('hasBehavior');
+                this.createSelectorQuery = this.componentMethodsProxy('createSelectorQuery');
+                this.createIntersectionObserver = this.componentMethodsProxy('createIntersectionObserver');
+                this.createMediaQueryObserver = this.componentMethodsProxy('createMediaQueryObserver');
+                this.getRelationNodes = this.componentMethodsProxy('getRelationNodes');
+                this.getTabBar = this.componentMethodsProxy('getTabBar');
+                this.getPageId = this.componentMethodsProxy('getPageId');
+                this.animate = this.componentMethodsProxy('animate');
+                this.clearAnimation = this.componentMethodsProxy('clearAnimation');
+                this.setUpdatePerformanceListener = this.componentMethodsProxy('setUpdatePerformanceListener');
+                this.state = this.state || {};
+                this.init(weappConf);
+                defineGetter(this, 'data', 'state');
+                defineGetter(this, 'properties', 'props');
+                this.initComputed(weappConf);
             }
-          }
-        }
-        for (const confKey in options) {
-          // 不支持的属性
-          if (nonsupport.has(confKey)) {
-            const advise = nonsupport.get(confKey);
-            report(advise);
-          }
-          const confValue = options[confKey];
-          switch (confKey) {
-            case 'behaviors':
-              break;
-            case 'data':
-              {
-                if (isApp) {
-                  this[confKey] = confValue;
-                  if (!appOptions.includes(confKey)) {
-                    this.defineProperty(this.taroGlobalData, confKey, this);
-                  }
-                } else {
-                  this.state = Object.assign(Object.assign({}, confValue), this.state);
+            initProps(props) {
+                const properties = {};
+                for (const propKey in props) {
+                    if (props.hasOwnProperty(propKey)) {
+                        const propValue = props[propKey];
+                        // propValue 可能是 null, 构造函数, 对象
+                        const observers = [propToState];
+                        if (propValue === null || propValue === undefined) { // propValue为null、undefined情况
+                            properties[propKey] = null;
+                        }
+                        else if (isFunction(propValue)) { // propValue为Function，即Array、String、Boolean等情况时
+                            if (propValue.name === 'Array') {
+                                properties[propKey] = [];
+                            }
+                            else if (propValue.name === 'String') {
+                                properties[propKey] = '';
+                            }
+                            else if (propValue.name === 'Boolean') {
+                                properties[propKey] = false;
+                            }
+                            else if (propValue.name === 'Number') {
+                                properties[propKey] = 0;
+                            }
+                            else {
+                                properties[propKey] = null;
+                            }
+                        }
+                        else if (typeof propValue === 'object') { // propValue为对象时
+                            properties[propKey] = propValue.value;
+                            if (propValue.observer) {
+                                observers.push(propValue.observer);
+                            }
+                        }
+                        else {
+                            properties[propKey] = null;
+                        }
+                        this._observeProps.push({
+                            name: propKey,
+                            observers: observers
+                        });
+                    }
                 }
-                break;
-              }
-            case 'properties':
-              this.initProps(Object.assign(behaviorProperties, confValue));
-              break;
-            case 'methods':
-              this.methods = confValue;
-              for (const key in confValue) {
-                const method = confValue[key];
-                this[key] = bind(method, this);
-              }
-              break;
-            case 'lifetimes':
-              for (const key in confValue) {
-                this.initLifeCycles(key, confValue[key]);
-              }
-              break;
-            case 'pageLifetimes':
-              for (const key in confValue) {
-                const cb = confValue[key];
-                switch (key) {
-                  case 'show':
-                    {
-                      this.initLifeCycleListener('show', cb);
-                      break;
+                this.state = Object.assign(Object.assign({}, properties), this.state);
+            }
+            init(options) {
+                var _a, _b, _c;
+                // 处理 Behaviors
+                if ((_a = options.behaviors) === null || _a === void 0 ? void 0 : _a.length) {
+                    for (const [key, list] of behaviorMap.entries()) {
+                        switch (key) {
+                            case 'created':
+                            case 'attached':
+                            case 'detached':
+                            case 'ready':
+                                list.forEach(fn => this.initLifeCycles(key, fn));
+                                break;
+                        }
                     }
-                  case 'hide':
-                    {
-                      this.initLifeCycleListener('hide', cb);
-                      break;
+                }
+                for (const confKey in options) {
+                    // 不支持的属性
+                    if (nonsupport.has(confKey)) {
+                        const advise = nonsupport.get(confKey);
+                        report(advise);
                     }
-                  case 'resize':
-                    {
-                      report('不支持组件所在页面的生命周期 pageLifetimes.resize。');
-                      break;
+                    const confValue = options[confKey];
+                    switch (confKey) {
+                        case 'behaviors':
+                            break;
+                        case 'data': {
+                            if (isApp) {
+                                this[confKey] = confValue;
+                                if (!appOptions.includes(confKey)) {
+                                    this.defineProperty(this.taroGlobalData, confKey, this);
+                                }
+                            }
+                            else {
+                                this.state = Object.assign(Object.assign({}, confValue), this.state);
+                            }
+                            break;
+                        }
+                        case 'properties':
+                            this.initProps(Object.assign(behaviorProperties, confValue));
+                            break;
+                        case 'methods':
+                            this.methods = confValue;
+                            for (const key in confValue) {
+                                const method = confValue[key];
+                                this[key] = bind(method, this);
+                            }
+                            break;
+                        case 'lifetimes':
+                            for (const key in confValue) {
+                                this.initLifeCycles(key, confValue[key]);
+                            }
+                            break;
+                        case 'pageLifetimes':
+                            for (const key in confValue) {
+                                const cb = confValue[key];
+                                switch (key) {
+                                    case 'show': {
+                                        this.initLifeCycleListener('show', cb);
+                                        break;
+                                    }
+                                    case 'hide': {
+                                        this.initLifeCycleListener('hide', cb);
+                                        break;
+                                    }
+                                    case 'resize': {
+                                        report('不支持组件所在页面的生命周期 pageLifetimes.resize。');
+                                        break;
+                                    }
+                                }
+                            }
+                            break;
+                        default:
+                            if (lifecycles.has(confKey)) {
+                                // 优先使用 lifetimes 中定义的生命周期
+                                if ((_b = options.lifetimes) === null || _b === void 0 ? void 0 : _b[confKey]) {
+                                    break;
+                                }
+                                const lifecycle = options[confKey];
+                                this.initLifeCycles(confKey, lifecycle);
+                            }
+                            else if (isFunction(confValue)) {
+                                this[confKey] = bind(confValue, this);
+                                if (isApp && !appOptions.includes(confKey)) {
+                                    this.defineProperty(this.taroGlobalData, confKey, this);
+                                }
+                                // 原生页面和 Taro 页面中共计只能定义一次的生命周期
+                                if (uniquePageLifecycle.includes(confKey) && ConnectComponent.prototype[confKey]) {
+                                    report(`生命周期 ${confKey} 已在原生部分进行定义，React 部分的定义将不会被执行。`);
+                                }
+                            }
+                            else {
+                                this[confKey] = confValue;
+                                if (isApp && !appOptions.includes(confKey)) {
+                                    this.defineProperty(this.taroGlobalData, confKey, this);
+                                }
+                            }
+                            break;
                     }
                 }
-              }
-              break;
-            default:
-              if (lifecycles.has(confKey)) {
-                // 优先使用 lifetimes 中定义的生命周期
-                if ((_b = options.lifetimes) === null || _b === void 0 ? void 0 : _b[confKey]) {
-                  break;
+                // 处理 Behaviors
+                if ((_c = options.behaviors) === null || _c === void 0 ? void 0 : _c.length) {
+                    const behaviorData = {};
+                    const methods = {};
+                    for (const [key, list] of behaviorMap.entries()) {
+                        switch (key) {
+                            case 'data':
+                                [...list, this.state].forEach((dataObject, index) => {
+                                    Object.keys(dataObject).forEach(dataKey => {
+                                        const value = dataObject[dataKey];
+                                        const preValue = behaviorData[dataKey];
+                                        const valueType = typeof value;
+                                        const preValueType = typeof preValue;
+                                        if (valueType === 'object') {
+                                            if (!value) {
+                                                behaviorData[dataKey] = value;
+                                            }
+                                            else if (preValueType !== 'object' || !preValueType || Array.isArray(value)) {
+                                                behaviorData[dataKey] = index === list.length ? value : clone(value);
+                                            }
+                                            else {
+                                                const newVal = Object.assign({}, preValue, value);
+                                                behaviorData[dataKey] = index === list.length ? newVal : clone(newVal);
+                                            }
+                                        }
+                                        else {
+                                            behaviorData[dataKey] = value;
+                                        }
+                                    });
+                                });
+                                this.state = behaviorData;
+                                break;
+                            case 'methods':
+                                list.forEach(methodsObject => {
+                                    Object.assign(methods, methodsObject);
+                                });
+                                Object.keys(methods).forEach(methodName => {
+                                    if (!this[methodName]) {
+                                        const method = methods[methodName];
+                                        this[methodName] = bind(method, this);
+                                    }
+                                });
+                                break;
+                            case 'lifetimes':
+                                list.forEach(lifetimesObject => {
+                                    for (const key in lifetimesObject) {
+                                        this.initLifeCycles(key, lifetimesObject[key]);
+                                    }
+                                });
+                                break;
+                        }
+                    }
                 }
-                const lifecycle = options[confKey];
-                this.initLifeCycles(confKey, lifecycle);
-              } else if (isFunction(confValue)) {
-                this[confKey] = bind(confValue, this);
-                if (isApp && !appOptions.includes(confKey)) {
-                  this.defineProperty(this.taroGlobalData, confKey, this);
+            }
+            initComputed(weappConf) {
+                // 处理 computed
+                if (weappConf.computed) {
+                    const computed = weappConf.computed;
+                    for (const key in computed) {
+                        const getter = computed[key];
+                        if (isFunction(getter)) {
+                            Object.defineProperty(this.data, key, {
+                                get: () => {
+                                    // 每次访问 this.object.data[name] 时，都执行 computed[name]()
+                                    return getter.call(Object.assign(Object.assign({}, this.state), this.methods));
+                                },
+                                enumerable: true, // 这将确保属性是可枚举的，如果你希望它出现在 for...in 循环中
+                                configurable: true // 这将确保属性是可配置的，比如可以被删除
+                            });
+                        }
+                        else {
+                            report('computed 属性值必须是函数。');
+                        }
+                    }
                 }
-                // 原生页面和 Taro 页面中共计只能定义一次的生命周期
-                if (uniquePageLifecycle.includes(confKey) && ConnectComponent.prototype[confKey]) {
-                  report(`生命周期 ${confKey} 已在原生部分进行定义，React 部分的定义将不会被执行。`);
+            }
+            initLifeCycles(lifecycleName, lifecycle) {
+                // 不支持的生命周期
+                if (nonsupport.has(lifecycleName)) {
+                    const advise = nonsupport.get(lifecycleName);
+                    return report(advise);
                 }
-              } else {
-                this[confKey] = confValue;
-                if (isApp && !appOptions.includes(confKey)) {
-                  this.defineProperty(this.taroGlobalData, confKey, this);
+                if (lifecycleName === 'ready') {
+                    // 如果组件是延时渲染的，页面 onReady 的事件已经 emit 了，因此使用 componentDidMount + nextTick 模拟
+                    if (this.current.page.onReady.called) {
+                        this.didMounts.push(function (...args) {
+                            nextTick(() => {
+                                if (isFunction(lifecycle)) {
+                                    lifecycle.apply(this, args);
+                                }
+                            });
+                        });
+                    }
+                    else {
+                        this.initLifeCycleListener('ready', lifecycle);
+                    }
                 }
-              }
-              break;
-          }
-        }
-        // 处理 Behaviors
-        if ((_c = options.behaviors) === null || _c === void 0 ? void 0 : _c.length) {
-          const behaviorData = {};
-          const methods = {};
-          for (const [key, list] of behaviorMap.entries()) {
-            switch (key) {
-              case 'data':
-                [...list, this.state].forEach((dataObject, index) => {
-                  Object.keys(dataObject).forEach(dataKey => {
-                    const value = dataObject[dataKey];
-                    const preValue = behaviorData[dataKey];
-                    const valueType = typeof value;
-                    const preValueType = typeof preValue;
-                    if (valueType === 'object') {
-                      if (!value) {
-                        behaviorData[dataKey] = value;
-                      } else if (preValueType !== 'object' || !preValueType || Array.isArray(value)) {
-                        behaviorData[dataKey] = index === list.length ? value : clone(value);
-                      } else {
-                        const newVal = Object.assign({}, preValue, value);
-                        behaviorData[dataKey] = index === list.length ? newVal : clone(newVal);
-                      }
-                    } else {
-                      behaviorData[dataKey] = value;
+                else {
+                    for (const lifecycleKey in lifecycleMap) {
+                        const cycleNames = lifecycleMap[lifecycleKey];
+                        if (cycleNames.indexOf(lifecycleName) !== -1) {
+                            switch (lifecycleKey) {
+                                case TaroLifeCycles.DidHide:
+                                    this.didHides.push(lifecycle);
+                                    break;
+                                case TaroLifeCycles.DidMount:
+                                    this.didMounts.push(lifecycle);
+                                    break;
+                                case TaroLifeCycles.DidShow:
+                                    this.didShows.push(lifecycle);
+                                    break;
+                                case TaroLifeCycles.WillMount:
+                                    this.willMounts.push(lifecycle);
+                                    break;
+                                case TaroLifeCycles.WillUnmount:
+                                    this.willUnmounts.push(lifecycle);
+                                    break;
+                            }
+                        }
+                    }
+                }
+                // mixins 不会覆盖已经设置的生命周期，加入到 this 是为了形如 this.created() 的调用
+                if (!isFunction(this[lifecycleName])) {
+                    this[lifecycleName] = lifecycle;
+                }
+            }
+            initLifeCycleListener(name, cb) {
+                // 组件的 ready、show、hide 需要利用页面事件触发
+                const { router } = this.current;
+                const lifecycleName = `on${name[0].toUpperCase()}${name.slice(1)}`;
+                cb = cb.bind(this);
+                (router === null || router === void 0 ? void 0 : router[lifecycleName]) && 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);
+                            }
+                        });
                     }
-                  });
-                });
-                this.state = behaviorData;
-                break;
-              case 'methods':
-                list.forEach(methodsObject => {
-                  Object.assign(methods, methodsObject);
-                });
-                Object.keys(methods).forEach(methodName => {
-                  if (!this[methodName]) {
-                    const method = methods[methodName];
-                    this[methodName] = bind(method, this);
-                  }
-                });
-                break;
-              case 'lifetimes':
-                list.forEach(lifetimesObject => {
-                  for (const key in lifetimesObject) {
-                    this.initLifeCycles(key, lifetimesObject[key]);
-                  }
                 });
-                break;
             }
-          }
-        }
-      }
-      initComputed(weappConf) {
-        // 处理 computed
-        if (weappConf.computed) {
-          const computed = weappConf.computed;
-          for (const key in computed) {
-            const getter = computed[key];
-            if (isFunction(getter)) {
-              Object.defineProperty(this.data, key, {
-                get: () => {
-                  // 每次访问 this.object.data[name] 时，都执行 computed[name]()
-                  return getter.call(Object.assign(Object.assign({}, this.state), this.methods));
-                },
-                enumerable: true,
-                configurable: true // 这将确保属性是可配置的，比如可以被删除
-              });
-            } else {
-              report('computed 属性值必须是函数。');
+            triggerObservers(current, prev) {
+                const observers = this.observers;
+                if (observers == null) {
+                    return;
+                }
+                if (Object.keys(observers).length === 0) {
+                    return;
+                }
+                const result = diff(current, prev);
+                const resultKeys = Object.keys(result);
+                if (resultKeys.length === 0) {
+                    return;
+                }
+                for (const observerKey in observers) {
+                    if (/\*\*/.test(observerKey)) {
+                        report('数据监听器 observers 不支持使用通配符 **。');
+                        continue;
+                    }
+                    const keys = observerKey.split(',').map(k => k.trim());
+                    let isModified = false;
+                    for (let i = 0; i < keys.length; i++) {
+                        const key = keys[i];
+                        for (let j = 0; j < resultKeys.length; j++) {
+                            const resultKey = resultKeys[j];
+                            if (resultKey.startsWith(key) ||
+                                (key.startsWith(resultKey) && key.endsWith(']'))) {
+                                isModified = true;
+                            }
+                        }
+                    }
+                    if (isModified) {
+                        observers[observerKey].apply(this, keys.map(key => safeGet(current, key)));
+                    }
+                }
             }
-          }
-        }
-      }
-      initLifeCycles(lifecycleName, lifecycle) {
-        // 不支持的生命周期
-        if (nonsupport.has(lifecycleName)) {
-          const advise = nonsupport.get(lifecycleName);
-          return report(advise);
-        }
-        if (lifecycleName === 'ready') {
-          // 如果组件是延时渲染的，页面 onReady 的事件已经 emit 了，因此使用 componentDidMount + nextTick 模拟
-          if (this.current.page.onReady.called) {
-            this.didMounts.push(function (...args) {
-              nextTick(() => {
-                if (isFunction(lifecycle)) {
-                  lifecycle.apply(this, args);
+            defineProperty(target, key, data) {
+                Object.defineProperty(target, key, {
+                    configurable: true,
+                    enumerable: true,
+                    set(value) {
+                        data[key] = value;
+                    },
+                    get() {
+                        return data[key];
+                    }
+                });
+            }
+            privateStopNoop(...args) {
+                let e;
+                let fn;
+                if (args.length === 2) {
+                    fn = args[0];
+                    e = args[1];
                 }
-              });
-            });
-          } else {
-            this.initLifeCycleListener('ready', lifecycle);
-          }
-        } else {
-          for (const lifecycleKey in lifecycleMap) {
-            const cycleNames = lifecycleMap[lifecycleKey];
-            if (cycleNames.indexOf(lifecycleName) !== -1) {
-              switch (lifecycleKey) {
-                case TaroLifeCycles.DidHide:
-                  this.didHides.push(lifecycle);
-                  break;
-                case TaroLifeCycles.DidMount:
-                  this.didMounts.push(lifecycle);
-                  break;
-                case TaroLifeCycles.DidShow:
-                  this.didShows.push(lifecycle);
-                  break;
-                case TaroLifeCycles.WillMount:
-                  this.willMounts.push(lifecycle);
-                  break;
-                case TaroLifeCycles.WillUnmount:
-                  this.willUnmounts.push(lifecycle);
-                  break;
-              }
+                else if (args.length === 1) {
+                    e = args[0];
+                }
+                if (e.type === 'touchmove') {
+                    report('catchtouchmove 转换后只能停止回调函数的冒泡，不能阻止滚动穿透。如要阻止滚动穿透，可以手动给编译后的 View 组件加上 catchMove 属性');
+                }
+                e.stopPropagation();
+                isFunction(fn) && fn(e);
+            }
+            // ================ React 生命周期 ================
+            componentWillMount() {
+                this.safeExecute(super.componentWillMount);
+                this.executeLifeCycles(this.willMounts, this.current.router || {});
+                this.triggerObservers(this.data, BaseComponent.defaultProps);
+                this.triggerPropertiesObservers(BaseComponent.defaultProps, this.props);
+            }
+            componentDidMount() {
+                this.safeExecute(super.componentDidMount);
+                this.executeLifeCycles(this.didMounts);
+            }
+            componentWillUnmount() {
+                this.eventDestroyList.forEach(fn => fn());
+                this.safeExecute(super.componentWillUnmount);
+                this.executeLifeCycles(this.willUnmounts);
+            }
+            componentDidHide() {
+                this.safeExecute(super.componentDidHide);
+                this.executeLifeCycles(this.didHides);
+            }
+            componentDidShow() {
+                this.safeExecute(super.componentDidShow, this.current.router || {});
+                this.executeLifeCycles(this.didShows, this.current.router || {});
+            }
+            componentWillReceiveProps(nextProps) {
+                this.triggerObservers(nextProps, this.props);
+                this.triggerPropertiesObservers(this.props, nextProps);
+                this.safeExecute(super.componentWillReceiveProps);
+            }
+            // ================ 小程序 App, Page, Component 实例属性与方法 ================
+            get is() {
+                return this.current.page.is;
+            }
+            get id() {
+                return this.current.page.id;
+            }
+            get dataset() {
+                return this.current.page.dataset;
+            }
+            componentMethodsProxy(method) {
+                return (...args) => {
+                    const page = this.current.page;
+                    if (page === null || page === void 0 ? void 0 : page[method]) {
+                        return page[method](...args);
+                    }
+                    else if (method === 'createSelectorQuery') {
+                        return 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'));
             }
-          }
-        }
-        // mixins 不会覆盖已经设置的生命周期，加入到 this 是为了形如 this.created() 的调用
-        if (!isFunction(this[lifecycleName])) {
-          this[lifecycleName] = lifecycle;
-        }
-      }
-      initLifeCycleListener(name, cb) {
-        // 组件的 ready、show、hide 需要利用页面事件触发
-        const {
-          router
-        } = this.current;
-        const lifecycleName = `on${name[0].toUpperCase()}${name.slice(1)}`;
-        cb = cb.bind(this);
-        (router === null || router === void 0 ? void 0 : router[lifecycleName]) && 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);
+        const props = weappConf.properties;
+        if (props) {
+            for (const propKey in props) {
+                const propValue = props[propKey];
+                if (propValue != null && !isFunction(propValue)) {
+                    if (propValue.value !== undefined) { // 如果是 null 也赋值到 defaultProps
+                        BaseComponent.defaultProps = Object.assign({ [propKey]: propValue.value }, BaseComponent.defaultProps);
+                    }
                 }
-              } else if (isFunction(observer)) {
-                observer.call(this, nextProp, prop, key);
-              }
-            });
-          }
-        });
-      }
-      triggerObservers(current, prev) {
-        const observers = this.observers;
-        if (observers == null) {
-          return;
-        }
-        if (Object.keys(observers).length === 0) {
-          return;
-        }
-        const result = diff(current, prev);
-        const resultKeys = Object.keys(result);
-        if (resultKeys.length === 0) {
-          return;
-        }
-        for (const observerKey in observers) {
-          if (/\*\*/.test(observerKey)) {
-            report('数据监听器 observers 不支持使用通配符 **。');
-            continue;
-          }
-          const keys = observerKey.split(',').map(k => k.trim());
-          let isModified = false;
-          for (let i = 0; i < keys.length; i++) {
-            const key = keys[i];
-            for (let j = 0; j < resultKeys.length; j++) {
-              const resultKey = resultKeys[j];
-              if (resultKey.startsWith(key) || key.startsWith(resultKey) && key.endsWith(']')) {
-                isModified = true;
-              }
             }
-          }
-          if (isModified) {
-            observers[observerKey].apply(this, keys.map(key => safeGet(current, key)));
-          }
         }
-      }
-      defineProperty(target, key, data) {
-        Object.defineProperty(target, key, {
-          configurable: true,
-          enumerable: true,
-          set(value) {
-            data[key] = value;
-          },
-          get() {
-            return data[key];
-          }
+        const staticOptions = ['externalClasses', 'relations', 'options'];
+        staticOptions.forEach(option => {
+            const value = weappConf[option];
+            if (value != null) {
+                BaseComponent[option] = value;
+            }
         });
-      }
-      privateStopNoop(...args) {
-        let e;
-        let fn;
-        if (args.length === 2) {
-          fn = args[0];
-          e = args[1];
-        } else if (args.length === 1) {
-          e = args[0];
-        }
-        if (e.type === 'touchmove') {
-          report('catchtouchmove 转换后只能停止回调函数的冒泡，不能阻止滚动穿透。如要阻止滚动穿透，可以手动给编译后的 View 组件加上 catchMove 属性');
-        }
-        e.stopPropagation();
-        isFunction(fn) && fn(e);
-      }
-      // ================ React 生命周期 ================
-      componentWillMount() {
-        this.safeExecute(super.componentWillMount);
-        this.executeLifeCycles(this.willMounts, this.current.router || {});
-        this.triggerObservers(this.data, BaseComponent.defaultProps);
-        this.triggerPropertiesObservers(BaseComponent.defaultProps, this.props);
-      }
-      componentDidMount() {
-        this.safeExecute(super.componentDidMount);
-        this.executeLifeCycles(this.didMounts);
-      }
-      componentWillUnmount() {
-        this.eventDestroyList.forEach(fn => fn());
-        this.safeExecute(super.componentWillUnmount);
-        this.executeLifeCycles(this.willUnmounts);
-      }
-      componentDidHide() {
-        this.safeExecute(super.componentDidHide);
-        this.executeLifeCycles(this.didHides);
-      }
-      componentDidShow() {
-        this.safeExecute(super.componentDidShow, this.current.router || {});
-        this.executeLifeCycles(this.didShows, this.current.router || {});
-      }
-      componentWillReceiveProps(nextProps) {
-        this.triggerObservers(nextProps, this.props);
-        this.triggerPropertiesObservers(this.props, nextProps);
-        this.safeExecute(super.componentWillReceiveProps);
-      }
-      // ================ 小程序 App, Page, Component 实例属性与方法 ================
-      get is() {
-        return this.current.page.is;
-      }
-      get id() {
-        return this.current.page.id;
-      }
-      get dataset() {
-        return this.current.page.dataset;
-      }
-      componentMethodsProxy(method) {
-        return (...args) => {
-          const page = this.current.page;
-          if (page === null || page === void 0 ? void 0 : page[method]) {
-            return page[method](...args);
-          } else if (method === 'createSelectorQuery') {
-            return 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;
-  };
+        return BaseComponent;
+    };
 }
 
 export { cacheOptions, convertToArray, withWeapp as default, getTarget };