import { SuperPage, wxPage } from '@core/setup';
import APIMOCK from './mock';

@wxPage()
export default class Home extends SuperPage {
  data = {
    active: 0,
    noticeInfo: APIMOCK.NoticeInfo,
    bannerList: APIMOCK.BannerList.map(item => item.imgUrl),
    hotSaleList: APIMOCK.HotSaleList,
    recommendList: APIMOCK.RecommendList,
    isFixed: false,
    cartGoodsCount: 3,
    isShowCartBtn: false,
    isShowBackTop: false,
    isSwitchNavMode: false,
    navBarHeight: 66,
  };

  onReady() {
    const child = this.selectComponent('.capsule-bar');

    this.setData({ navBarHeight: child.data.navBarHeight });
  }

  onShow() {}
  onHide() {}
  onLoad() {}
  onUnload() {}

  onPageScroll(e: WechatMiniprogram.ScrollOffsetCallbackResult) {
    if (e.scrollTop > 200) {
      const isShowCartBtn = this.data.cartGoodsCount > 0;
      this.setData({ isShowCartBtn, isShowBackTop: true, isSwitchNavMode: true });
    } else {
      this.setData({ isShowCartBtn: false, isShowBackTop: false, isSwitchNavMode: false });
    }

    const child = this.selectComponent('.capsule-bar');
    child.onScroll(e.scrollTop);
  }

  onStickyScroll(e: WechatMiniprogram.TouchEvent) {
    const { isFixed } = e.detail;
    this.setData({ isFixed });
  }

  async onClickSearch() {
    await this.app.route.go('/pages/search/index');
  }
}