import { basic } from '../mixins/basic';
import { observe } from '../mixins/observer/index';
function mapKeys(source, target, map) {
    Object.keys(map).forEach(key => {
        if (source[key]) {
            target[map[key]] = source[key];
        }
    });
}
function noop() {}
function VantComponent(vantOptions = {}) {
    const options = {};
    mapKeys(vantOptions, options, {
        data: 'data',
        props: 'properties',
        mixins: 'behaviors',
        methods: 'methods',
        beforeCreate: 'created',
        created: 'attached',
        mounted: 'ready',
        relations: 'relations',
        destroyed: 'detached',
        classes: 'externalClasses'
    });
    options.properties = options.properties || {};
    // relations 微信组件特性，暂时没法模拟到支付宝
    const { relation } = vantOptions;
    if (relation) {
        options.relations = Object.assign(options.relations || {}, {
            [`../${relation.name}/index`]: relation
        });
    }
    // add default externalClasses
    options.externalClasses = options.externalClasses || [];
    options.externalClasses.push('custom-class');
    // add default behaviors
    options.behaviors = options.behaviors || [];
    options.behaviors.push(basic);
    // map field to form-field behavior
    if (vantOptions.field) {
        options.behaviors.push('wx://form-field');
    }
    // add default options
    options.options = {
        multipleSlots: true,
        addGlobalClass: true
    };
    observe(vantOptions, options);
    /**
     *  参照wwto => 运行时调整options
     */
    /**
    *  mixins
    */
    options.mixins = options.mixins || [];
    options.mixins = options.mixins.concat(options.behaviors);
    /**
     *  const lifeCircleNames = ['created', 'attached', 'ready', 'detached'];
     */
    options.methods = options.methods || {};
    const lifeCircleNames = ['created', 'attached', 'ready', 'detached'];
    lifeCircleNames.forEach(name => {
      let methods = options.methods[name] = options.methods[name] || options[name] || noop;
      // fix selectComponents api
      if (name == 'ready') {
        options.methods[name] = function() {
          if(this.data.id){
            var app = getApp();
            app.globalData.insComp = app.globalData.insComp || {};
            app.globalData.insComp[this.data.id] = this;
          };
          methods();
        }
      }
    })
    /**
     *  处理this.__observers
     */
    let has = Object.prototype.hasOwnProperty;
    let propMap = {};
    let observerMap = null;
    let walkProps = obj => {
      Object.keys(obj).forEach((key) => {
        if (!has.call(obj, key)) return
        let item = obj[key];
        // String Number Boolean 设定默认值
        if (item === String) {
          propMap[key] = '';
        } else if (item === Boolean) {
          propMap[key] = false;
        } else if (item === Number) {
          propMap[key] = 0;
        } else if (item && typeof item == 'object') {
          let type = item.type;
          if (!('value' in item)) {
            if (type === String) {
              propMap[key] = '';
            } else if (type === Boolean) {
              propMap[key] = false;
            } else if (type === Number) {
              propMap[key] = 0;
            } else {
              propMap[key] = ''; // 暂时默认值
            }
          } else {
            propMap[key] = item.value;
          }
          if (item.observer) {
            // debugger
            observerMap = observerMap || {};
            if (typeof item.observer === 'function') {
              observerMap[key] = item.observer;
            } else { // 微信小程序中observer也可以使用对象的形式
              observerMap[key] = function() {
                this[item.observer] && this[item.observer].apply(this, arguments);
              };
            }
          }
        } else {
          propMap[key] = item;
        }
      });
    }
    // 处理properties => props
    let properties = options.properties;
    walkProps(properties);
    let mininsProperties = options.mixins.filter(item => item.properties);
    mininsProperties.forEach(item => {
      walkProps(item.properties);
    })
    /**
     *  处理 externalClasses 同时手动拷贝class
     */
    let externalClasses = options.externalClasses;
    externalClasses.forEach(clas => {
      propMap[clas.replace(/-(\w)/g, (match, p) => p.toUpperCase())] = '';
    })
    options.props = propMap;
    options.props.__observers = observerMap
    /**
     *  my生命周期函数
     */
    options.didMount = function(){
      this.data = Object.assign({}, this.data, this.props);
      this.created && this.created.apply(this, arguments);
      this.attached && this.attached.apply(this, arguments);
      this.ready && this.ready.apply(this, arguments);
      /**
       *  解决初始化observer component 组件
       */
      if (this.props.__observers) {
        Object.keys(this.props.__observers).forEach(key => {
          this.props.__observers[key].call(this, this.props[key])
        })
      }
    }
    options.didUnmount = function(){
      this.detached && this.detached.apply(this, arguments);
    }
    options.didUpdate = function(prevProps, preData) {
      for (let key in this.props) {
        if (this.props.__observers && typeof(this.props.__observers[key]) === 'function') {
          if (JSON.stringify(prevProps[key]) !== JSON.stringify(this.props[key]) &&
          JSON.stringify(preData[key]) !== JSON.stringify(this.props[key])) {
            this.setData(Object.assign({}, this.data, {[key]: this.props[key]}));
            this.props.__observers[key].apply(this, [this.props[key], prevProps[key]]);
          }
        } else if (this.props[key] !== prevProps[key]) {
          this.data[key] = this.props[key];
          this.setData(this.data);
        }
      }
    }
    Component(options);
}
export { VantComponent };