vantui-edit/types/power-scroll-view.d.ts

一套适用于Taro3及React的vantui组件库

// import { FunctionComponent } from 'react'
import { ScrollViewProps } from '@tarojs/components/types/ScrollView'
export type PullRefreshStatus =
  | 'normal'
  | 'loading'
  | 'loosing'
  | 'pulling'
  | 'success'

interface PullRefreshProps {
  disabled?: boolean
  headHeight?: number | string
  successText?: string
  pullingText?: string
  loosingText?: string
  loadingText?: string
  pullDistance?: number | string
  successDuration?: number | string
  animationDuration?: number | string
  renderHead?: (params: {
    status: PullRefreshStatus
    distance: number
  }) => React.ReactNode | void
}

type eventType = {
  page: number
  pageSize: number
}

export interface PowerScrollViewProps<T extends number | undefined>
  extends PullRefreshProps,
    Omit<ScrollViewProps, 'onScrollToUpper' | 'onScrollToLower'> {
  offset?: number
  total?: T
  children: React.ReactNode
  current?: number
  pageSize?: number
  minTriggerTopDistance?: number
  finished?: boolean
  errorText?: string
  loadingText?: string
  finishedText?: string
  immediateCheck?: boolean
  renderFinished?: React.ReactNode
  renderLoading?: React.ReactNode
  renderError?: React.ReactNode
  emptyDescription?: string
  emptyImage?: 'error' | 'search' | 'default' | 'network' | string
  onLoad?: (event: T extends number ? eventType : number) => Promise<void>
  onRefresh?: (event: T extends number ? eventType : number) => Promise<void>
  // Scroll
  onScrollToUpper?: (
    event: T extends number ? eventType : number,
  ) => Promise<void>
  onScrollToLower?: (
    event: T extends number ? eventType : number,
  ) => Promise<void>
}

// declare const PowerScrollView: FunctionComponent<PowerScrollViewProps>
declare const PowerScrollView: <T extends number | undefined>(
  props: PowerScrollViewProps<T>,
) => React.ReactElement

export { PowerScrollView }