import {View} from '@tarojs/components'
import Swiper from '@/components/swiper'
import Search from '@/components/search'
import SideBar from '@/components/sideBar'
import Product from '@/components/product'
import MoveBtn from '@/components/moveBtn'
import ShopCart from '@/components/shopCart'
import styles  from './index.module.scss'
import { goLink } from '@/common/common'
import { useEffect, useState } from 'react'
import Taro, { useDidShow, usePullDownRefresh, useRouter } from '@tarojs/taro'
import useManualPullDownRefresh from '@/use/useManualPullDownRefresh'


export default () => {
  const tabs_list = [
      {title:'平纹系列', value: 1},
      {title:'平纹系列', value: 2},
      {title:'平纹系列', value: 3},
      {title:'平纹系列', value: 4},
      {title:'平纹系列', value: 5},
      {title:'平纹系列', value: 6},
      {title:'平纹系列', value: 7},
      {title:'平纹系列', value: 8},
      {title:'平纹系列', value: 9},
      {title:'平纹系列', value: 10},
      {title:'平纹系列', value: 11},
      {title:'平纹系列', value: 12},
      {title:'平纹系列', value: 13},
      {title:'平纹系列', value: 14},
      {title:'平纹系列', value: 15},
      {title:'平纹系列', value: 16},
      {title:'平纹系列', value: 17},
  ]

  const [showShopCart, setShowShopCart] = useState(false)
  
  //页面下拉刷新
  const res = useManualPullDownRefresh()

  const [refresherTriggeredStatus, setRefresherTriggeredStatus] = useState(false)
  const getData = () => {
    setRefresherTriggeredStatus(true)
    setTimeout(() => {
      setRefresherTriggeredStatus(() => false)
      console.log('12123')
    }, 1000)
  }
  
  const goto = function (e) {
    var t = this
    Taro.navigateTo({
      url: '/pages/details/index',
      events: {
        // 为指定事件添加一个监听器，获取被打开页面传送到当前页面的数据
        backFromTargetPage: function (backData) {
          console.log('好啦，可以在这里写你的逻辑了', backData)
          if (backData.from == 'page2') {
            // 监听到 page2 返回
            console.log('好啦，可以在这里写你的逻辑了', backData)
            t.setData({
              isBackFromPage2: !0
            })
          }
        }
      }
    })
  }

  return (
    <MoveBtn onClick={() => setShowShopCart(!showShopCart)}>
      
      <View className={styles.main}>
      <View onClick={(e) => goto(e)}>aaa</View>
        <Swiper/>
        <View className={styles.search}>
          <View className={styles.search_collect}>我的收藏</View>
          <View className={styles.search_input}>
            <Search disabled={true} style={{width: '263rpx'}} clickOnSearch={() => goLink('/pages/searchList/search')}/>
          </View>
        </View>
        <View className={styles.products}>
          <SideBar list={tabs_list} height="100%" heightItem={150} refresherTriggered={refresherTriggeredStatus} selfOnRefresherRefresh={() => getData()}>
            <Product/>
          </SideBar>
        </View>
        <View className='common_safe_area_y'></View>
        <ShopCart show={showShopCart} onClose={() => setShowShopCart(false)}/>
      </View>
    </MoveBtn>
  )
}