@fruits-chain/react-native-xiaoshu/src/popover/interface.ts

🌈 React Native UI library

import type { PropsWithChildren, ReactNode } from 'react'
import type { StyleProp, ViewStyle, TextProps } from 'react-native'
import type { PopoverProps as RNPVProps } from 'react-native-popover-view/src/Types'

import type { PopoverTheme } from './style'

export interface PopoverItemProps<T> {
  theme?: Partial<PopoverTheme>
  value: T

  /**
   * 禁用选项
   */
  disabled?: boolean

  /**
   * 弹出层 深色 Popover 会覆盖该值
   */
  dark?: boolean

  style?: StyleProp<ViewStyle>
  /**
   * 是否显示分割线
   * @default false
   */
  divider?: boolean

  [key: string]: any
}

export interface PopoverProps<T>
  extends Omit<
      RNPVProps,
      'from' | 'isVisible' | 'animationConfig' | 'onRequestClose'
    >,
    PropsWithChildren<{}> {
  theme?: Partial<PopoverTheme>
  /**
   * 卡片内容
   */
  content: ReactNode

  /**
   * 触发方式
   * @default 'onPress'
   */
  trigger?: 'onLongPress' | 'onPress' | 'onPressIn'

  /**
   * 弹出层 深色
   * @default false
   */
  dark?: boolean

  /**
   * 显示阴影
   * @default false
   */
  shadow?: boolean

  /**
   * 显示箭头
   * @default true
   */
  arrow?: boolean

  /**
   * 点击区域样式
   */
  triggerStyle?: StyleProp<ViewStyle>

  /**
   * 点击 Popover.Item 的回调
   */
  onSelect?: (node: T, index?: number) => void

  /**
   * 点击显示弹层是否禁用
   */
  disabled?: boolean

  /**
   * 自定义渲染弹出层
   */
  renderContentComponent?: (
    nodes: ReactNode,
    closePopover: () => void,
  ) => ReactNode

  /**
   * 弹出的动画过渡时间
   * @default animation_duration_base
   */
  duration?: number

  /**
   * 'rn-modal' mode on Android only.
   */
  statusBarTranslucent?: boolean
}

export interface PopoverTextProps extends TextProps {
  theme?: Partial<PopoverTheme>
  /**
   * 显示文案
   */
  text: string

  /**
   * 弹出层 深色 Popover 会覆盖该值
   */
  dark?: boolean

  /**
   * 是否显示分割线
   * @default false
   */
  divider?: boolean

  /**
   * 禁用选项
   */
  disabled?: boolean

  [key: string]: any
}