componentDidUpdate(){
  this.initialBannerSwiper()
}

initialBannerSwiper =()=>{
  if(this.bannerSwiper){
      return this.bannerSwiper  //单例模式
  }
  this.bannerSwiper = new Swiper('#swiper-banner', {

      slidesPerView: 1, //设置slider容器能够同时显示的slides数量(carousel模式) 默认值为1。

      observer: true,  //当改变swiper的样式（例如隐藏/显示）或者修改swiper的子元素时，自动初始化swiper。

      observeParents: true, //将observe应用于Swiper的父元素。当Swiper的父元素变化时，例如window.resize，Swiper更新。

      shortSwipes: false,  // 这个属性后面会说

      slideToClickedSlide: false, //设置为true则点击slide会过渡到这个slide。

      loop: true,  //开启循环

      autoplay: true, //设置为true启动自动切换，并使用默认的切换设置。

      pagination: {
          clickable: true, //此参数设置为true时，点击分页器的指示点分页器会控制Swiper切换。
          el: '#swiper-pagination-banner',
      }

  })
  this.hoverStop()
}

hoverStop = ()=>{
    let that = this.bannerSwiper.$el[0] // 实例的container的dom节点

    that.addEventListener("mouseenter", () => {
        this.bannerSwiper.autoplay.stop()
        that.addEventListener("mousemove", () => {
        })
    })
    that.addEventListener("mouseleave",()=>{
        this.bannerSwiper.autoplay.start()
    })
}

class EventBus {
    handlers: any = {};

    /**
     * 发布事件
     * @param type {String} 事件名
     * @param params 参数
     */
    emit(type: string, ...params: any) {
        // 若没有注册该事件则抛出错误
        if (!(type in this.handlers)) {
            return new Error('未注册该事件')
        }
        // 便利触发
        this.handlers[type].forEach((handler: Function) => {
            handler(...params)
        })
    }

    /**
     * 订阅事件
     * @param type {String} 事件名
     * @param handler {Function} 事件方法
     */
    addEventListener (type: string, handler: any) {
        // 首先判断handlers内有没有type事件容器，没有则创建一个新数组容器
        if (!(type in this.handlers)) {
            this.handlers[type] = []
        }
        // 将事件存入
        this.handlers[type].push(handler)
    }

    /**
     * 取消订阅
     * @param type {String} 事件名
     * @param handler 删除的事件,若无该参数则删除该事件的订阅和发布
     */
    removeEventListener (type: string, handler: any) {
        // 无效事件抛出
        if (!(type in this.handlers)) {
            return new Error('无效事件')
        }
        if (!handler) {
            // 直接移除事件
            delete this.handlers[type]
        } else {
            const idx = this.handlers[type].findIndex((ele: any) => ele === handler)
            // 抛出异常事件
            if (idx === undefined) {
                return new Error('无该绑定事件')
            }
            // 移除事件
            this.handlers[type].splice(idx, 1)
            if (this.handlers[type].length === 0) {
                delete this.handlers[type]
            }
        }
    }
}

export default new EventBus();

const EventEmitter = require('events');
const evtBus = new EventEmitter();
evtBus.setMaxListeners(20);
evtBus.on('error', (err) => {
  console.error(err, 'error');
});
export default evtBus;