/* eslint-disable no-restricted-globals */
import { ComponentClass } from 'react'
import { CommonEventFunction } from '@tarojs/components/types/common'

import AtComponent from './base'

export interface AtFloatLayoutProps extends AtComponent {
  /**
   * 控制是否出现在页面上
   * @default false
   */
  isOpened/*;是已开*/: boolean
  /**
   * 元素的标题
   */
  title/*;标题*/?: string
  /**
   * 是否垂直滚动
   * @default true
   */
  scrollY/*;垂直滚动*/?: boolean
  /**
   * 是否水平滚动
   * @default false
   */
  scrollX/*;水平滚动*/?: boolean
  /**
   * 设置竖向滚动条位置
   */
  scrollTop/*;滚动上*/?: number
  /**
   * 设置横向滚动条位置
   */
  scrollLeft/*;滚动左*/?: number
  /**
   * 距顶部/左边多远时，触发 scrolltolower 事件
   */
  upperThreshold/*;上起点*/?: number
  /**
   * 距底部/右边多远时，触发 scrolltolower 事件
   */
  lowerThreshold/*;下起点*/?: number
  /**
   * 在设置滚动条位置时使用动画过渡
   * @default false
   */
  scrollWithAnimation/*;动画滚动*/?: boolean
  /**
   * 元素被关闭时候触发的事件
   */
  onClose/*;当关*/?: CommonEventFunction
  /**
   * 滚动时触发的事件
   */
  onScroll/*;当滚动*/?: CommonEventFunction
  /**
   * 滚动到顶部/左边，会触发 onScrollToUpper 事件
   */
  onScrollToUpper/*;当滚动到顶*/?: CommonEventFunction
  /**
   * 滚动到底部/右边，会触发 onScrollToLower 事件
   */
  onScrollToLower/*;当滚动到底*/?: CommonEventFunction
}

export interface AtFloatLayoutState {
  _isOpened/*;_是已开*/: boolean
  translateY/*;转化竖*/?: any
}

declare const AtFloatLayout: ComponentClass<AtFloatLayoutProps>

export default AtFloatLayout