react-native-system-ui 0.0.1 → 0.0.3

package/dist/cjs/components/circle/types.d.ts

@@ -1,94 +0,0 @@
-import type React from 'react'
-import type { StyleProp, TextStyle, ViewStyle } from 'react-native'
-
-import type { DeepPartial } from '../../types'
-
-export type CircleStartPosition = 'top' | 'right' | 'bottom' | 'left'
-export type CircleLineCap = 'round' | 'butt' | 'square'
-
-export interface CircleTokens {
-  defaults: {
-    rate: number
-    size: number
-    strokeWidth: number
-    fill: string
-    clockwise: boolean
-    startPosition: CircleStartPosition
-    lineCap: CircleLineCap
-    animated: boolean
-    animationDuration: number
-  }
-  layout: {
-    root: ViewStyle
-    content: ViewStyle
-    text: TextStyle
-    webRing: ViewStyle
-    webInner: ViewStyle
-  }
-  colors: {
-    color: string
-    layerColor: string
-    text: string
-  }
-  typography: {
-    fontSize: number
-    lineHeight: number
-  }
-}
-
-export interface CircleProps {
-  /**
-   * 进度百分比（0-100）
-   */
-  rate?: number | string
-  /**
-   * 圆环尺寸，默认 100
-   */
-  size?: number | string
-  /**
-   * 圆环宽度，默认 6
-   */
-  strokeWidth?: number | string
-  /**
-   * 进度条颜色
-   */
-  color?: string
-  /**
-   * 轨道颜色
-   */
-  layerColor?: string
-  /**
-   * 圆环内部填充色
-   */
-  fill?: string
-  /**
-   * 是否顺时针
-   * @default true
-   */
-  clockwise?: boolean
-  /**
-   * 起始位置
-   * @default 'top'
-   */
-  startPosition?: CircleStartPosition
-  /**
-   * 线帽
-   * @default 'round'
-   */
-  lineCap?: CircleLineCap
-  /**
-   * 是否开启过渡动画（Native 端生效）
-   * @default true
-   */
-  animated?: boolean
-  /**
-   * 动画时长（ms）
-   * @default 300
-   */
-  animationDuration?: number
-  style?: StyleProp<ViewStyle>
-  textStyle?: StyleProp<TextStyle>
-  children?: React.ReactNode
-  tokensOverride?: DeepPartial<CircleTokens>
-}
-

package/dist/cjs/components/collapse/types.d.ts

@@ -1,47 +0,0 @@
-import type { ViewStyle } from 'react-native'
-
-export interface CollapseTokens {
-  defaults: {
-    accordion: boolean
-    border: boolean
-    iconPosition: 'left' | 'right'
-    panelBorder: boolean
-    panelIsLink: boolean
-    panelSize: 'normal' | 'large'
-    animationDuration: number
-  }
-  layout: {
-    container: ViewStyle
-    panel: ViewStyle
-    hairline: ViewStyle
-    headerWrapper: ViewStyle
-    bodyWrapper: ViewStyle
-    headerIconRow: ViewStyle
-    bodyContent: ViewStyle
-  }
-  colors: {
-    border: string
-    title: string
-    description: string
-    background: string
-    active: string
-    arrow: string
-    disabled: string
-  }
-  typography: {
-    titleSize: number
-    descriptionSize: number
-    fontFamily: string
-    titleWeight: string
-  }
-  panel: {
-    borderRadius: number
-  }
-  spacing: {
-    paddingVertical: number
-    paddingHorizontal: number
-    descriptionTop: number
-    iconGap: number
-  }
-}
-

package/dist/cjs/components/config-provider/locale/types.d.ts

@@ -1,3 +0,0 @@
-import type { localeBase } from './base'
-
-export type Locale = typeof localeBase

package/dist/cjs/components/config-provider/types.d.ts

@@ -1,10 +0,0 @@
-import type React from 'react'
-
-import type { ThemeProviderValue } from '../../design-system/ThemeProvider'
-import type { Locale } from './locale/types'
-
-export interface ConfigProviderProps {
-  theme?: ThemeProviderValue
-  locale?: Locale
-  children: React.ReactNode
-}

package/dist/cjs/components/count-down/types.d.ts

@@ -1,33 +0,0 @@
-import type { TextStyle, ViewProps } from 'react-native'
-import type { CountDownCurrentTime } from '../../hooks'
-
-import type { DeepPartial } from '../../types'
-
-export type CountDownInstance = {
-  start: () => void
-  pause: () => void
-  reset: () => void
-}
-
-export interface CountDownTokens {
-  defaults: {
-    autoStart: boolean
-    millisecond: boolean
-    time: number
-    format: string
-  }
-  layout: {
-    text: TextStyle
-  }
-}
-
-export interface CountDownProps extends Omit<ViewProps, 'children'> {
-  autoStart?: boolean
-  millisecond?: boolean
-  time?: number | string
-  format?: string
-  children?: (current: CountDownCurrentTime) => React.ReactNode
-  onChange?: (current: CountDownCurrentTime) => void
-  onFinish?: () => void
-  tokensOverride?: DeepPartial<CountDownTokens>
-}

package/dist/cjs/components/datetime-picker/types.d.ts

@@ -1,46 +0,0 @@
-import type React from 'react'
-
-import type { PickerProps } from '../picker/types'
-import type { PopupProps } from '../popup/Popup'
-
-export type DatetimePickerColumnType = 'year' | 'month' | 'day' | 'hour' | 'minute'
-
-export type DatetimePickerType = 'date' | 'time' | 'datetime' | 'datehour' | 'month-day' | 'year-month'
-
-export interface DatetimePickerSharedProps
-  extends Omit<PickerProps, 'columns' | 'value' | 'defaultValue' | 'onChange' | 'onConfirm'> {
-  type?: DatetimePickerType
-  formatter?: (type: DatetimePickerColumnType, value: string) => string
-  filter?: (type: DatetimePickerColumnType, values: string[]) => string[]
-  columnsOrder?: DatetimePickerColumnType[]
-  popup?: boolean
-  popupVisible?: boolean
-  defaultPopupVisible?: boolean
-  popupProps?: Omit<PopupProps, 'visible' | 'children'>
-  onPopupVisibleChange?: (visible: boolean) => void
-  children?: React.ReactNode
-}
-
-export interface DatetimePickerDateProps extends DatetimePickerSharedProps {
-  type?: Exclude<DatetimePickerType, 'time'>
-  value?: Date
-  defaultValue?: Date
-  minDate?: Date
-  maxDate?: Date
-  onChange?: (value: Date) => void
-  onConfirm?: (value: Date) => void
-}
-
-export interface DatetimePickerTimeProps extends DatetimePickerSharedProps {
-  type: 'time'
-  value?: string
-  defaultValue?: string
-  minHour?: number
-  maxHour?: number
-  minMinute?: number
-  maxMinute?: number
-  onChange?: (value: string) => void
-  onConfirm?: (value: string) => void
-}
-
-export type DatetimePickerProps = DatetimePickerDateProps | DatetimePickerTimeProps

package/dist/cjs/components/dialog/types.d.ts

@@ -1,83 +0,0 @@
-import type React from 'react'
-import type {
-  StyleProp,
-  TextStyle,
-  ViewProps,
-  ViewStyle,
-} from 'react-native'
-
-import type { DeepPartial } from '../../types'
-import type { DialogTokens } from './tokens'
-
-export type DialogTheme = 'default' | 'round-button'
-export type DialogMessageAlign = 'left' | 'center' | 'right'
-export type DialogBeforeCloseAction = 'confirm' | 'cancel' | 'close'
-
-export interface DialogActionState {
-  loading?: boolean
-  disabled?: boolean
-}
-
-export interface DialogProps extends Omit<ViewProps, 'children'> {
-  visible: boolean
-  title?: React.ReactNode
-  message?: React.ReactNode
-  messageAlign?: DialogMessageAlign
-  theme?: DialogTheme
-  width?: number | string
-  closeable?: boolean
-  closeIcon?: React.ReactNode
-  overlay?: boolean
-  overlayStyle?: StyleProp<ViewStyle>
-  overlayTestID?: string
-  closeOnOverlayPress?: boolean
-  closeOnClickOverlay?: boolean
-  onClickOverlay?: () => void
-  onClickCloseIcon?: () => void
-  /** 关闭前拦截（对齐 Vant：beforeClose），返回 false 可阻止本次触发 */
-  beforeClose?: (action: DialogBeforeCloseAction) => boolean | Promise<boolean>
-  showCancelButton?: boolean
-  cancelButtonText?: React.ReactNode
-  cancelButtonColor?: string
-  cancelProps?: DialogActionState
-  showConfirmButton?: boolean
-  confirmButtonText?: React.ReactNode
-  confirmButtonColor?: string
-  confirmProps?: DialogActionState
-  footer?: React.ReactNode
-  contentStyle?: StyleProp<ViewStyle>
-  titleStyle?: StyleProp<TextStyle>
-  messageStyle?: StyleProp<TextStyle>
-  tokensOverride?: DeepPartial<DialogTokens>
-  style?: StyleProp<ViewStyle>
-  children?: React.ReactNode
-  onCancel?: () => void | boolean | Promise<void | boolean>
-  onConfirm?: () => void | boolean | Promise<void | boolean>
-  onClose?: () => void | boolean | Promise<void | boolean>
-  onClosed?: () => void
-}
-
-export type DialogShowOptions = Omit<DialogProps, 'visible'>
-export type DialogAlertOptions = Omit<DialogShowOptions, 'showCancelButton' | 'onCancel'>
-export type DialogConfirmOptions = DialogShowOptions
-
-export type DialogImperativeMode = 'show' | 'alert' | 'confirm'
-
-export type DialogSetDefaultOptions = {
-  (options: DialogShowOptions): void
-  (mode: DialogImperativeMode, options: DialogShowOptions): void
-}
-
-export type DialogResetDefaultOptions = {
-  (mode?: DialogImperativeMode): void
-}
-
-export interface DialogStatic {
-  Host: React.ComponentType<any>
-  show: (options?: DialogShowOptions) => () => void
-  alert: (options?: DialogAlertOptions) => Promise<void>
-  confirm: (options?: DialogConfirmOptions) => Promise<boolean>
-  clear: () => void
-  setDefaultOptions: DialogSetDefaultOptions
-  resetDefaultOptions: DialogResetDefaultOptions
-}

package/dist/cjs/components/divider/types.d.ts

@@ -1,50 +0,0 @@
-import type { StyleProp, TextStyle, ViewProps, ViewStyle } from 'react-native'
-
-import type { DeepPartial } from '../../types'
-
-export type DividerContentPosition = 'left' | 'center' | 'right'
-
-export interface DividerTokens {
-  defaults: {
-    dashed: boolean
-    hairline: boolean
-    contentPosition: DividerContentPosition
-  }
-  layout: {
-    container: ViewStyle
-    contentWrapper: ViewStyle
-    text: TextStyle
-    hairlineWrapper: ViewStyle
-  }
-  colors: {
-    line: string
-    text: string
-  }
-  typography: {
-    fontSize: number
-    lineHeight: number
-    fontFamily: string
-    fontWeight: TextStyle['fontWeight']
-  }
-  sizing: {
-    sideMinFlex: number
-  }
-  borders: {
-    thickness: number
-  }
-  spacing: {
-    vertical: number
-    contentPadding: number
-  }
-}
-
-export interface DividerProps extends ViewProps {
-  children?: React.ReactNode
-  dashed?: boolean
-  hairline?: boolean
-  contentPosition?: DividerContentPosition
-  textStyle?: StyleProp<TextStyle>
-  contentStyle?: StyleProp<ViewStyle>
-  lineColor?: string
-  tokensOverride?: DeepPartial<DividerTokens>
-}

package/dist/cjs/components/dropdown-menu/types.d.ts

@@ -1,89 +0,0 @@
-import type * as React from 'react'
-import type { StyleProp, TextStyle, ViewProps, ViewStyle } from 'react-native'
-
-import type { DeepPartial } from '../../types'
-import type { DropdownMenuTokens } from './tokens'
-
-export type DropdownMenuDirection = 'down' | 'up'
-
-export interface DropdownOption {
-  /** 对齐 Vant：text */
-  text?: React.ReactNode
-  /** 兼容旧字段：label */
-  label?: React.ReactNode
-  value: string | number
-  disabled?: boolean
-  icon?: React.ReactNode
-}
-
-export interface DropdownMenuProps extends ViewProps {
-  children?: React.ReactNode
-  activeColor?: string
-  activeIcon?: React.ReactNode
-  direction?: DropdownMenuDirection
-  disabled?: boolean
-  zIndex?: number | string
-  /** 动画时长，单位秒（对齐 Vant，设置为 0 可禁用动画） */
-  duration?: number | string
-  overlay?: boolean
-  closeOnClickOverlay?: boolean
-  closeOnClickOutside?: boolean
-  swipeThreshold?: number | string
-  /** 当前选中项的值，格式为 { name: value } */
-  value?: Record<string, string | number>
-  /** 默认选中项的值 */
-  defaultValue?: Record<string, string | number>
-  /** 选项改变时触发 */
-  onChange?: (value: Record<string, string | number>) => void
-  onOpen?: () => void
-  onClose?: () => void
-  onOpened?: () => void
-  onClosed?: () => void
-  tokensOverride?: DeepPartial<DropdownMenuTokens>
-}
-
-export interface DropdownItemProps extends ViewProps {
-  /** 选项数据 */
-  options?: DropdownOption[]
-  /** 当前选中项的值（受控模式，如果 DropdownMenu 有 value，则从那里获取） */
-  value?: DropdownOption['value']
-  /** 默认选中项的值（非受控模式） */
-  defaultValue?: DropdownOption['value']
-  /** 占位符文本 */
-  placeholder?: React.ReactNode
-  /** 对齐 Vant：title */
-  title?: React.ReactNode
-  /** 兼容旧字段：label */
-  label?: React.ReactNode
-  /** 选项标识符，用于在 DropdownMenu 的 value 中标识该项 */
-  name?: string
-  /** 是否禁用 */
-  disabled?: boolean
-  /** 选择后是否关闭菜单 */
-  closeOnSelect?: boolean
-  textStyle?: StyleProp<TextStyle>
-  panelStyle?: StyleProp<ViewStyle>
-  tokensOverride?: DeepPartial<DropdownMenuTokens>
-  children?: React.ReactNode
-  /** 选项改变时触发（如果 DropdownMenu 有 onChange，会同时调用） */
-  onChange?: (value: DropdownOption['value'], option?: DropdownOption) => void
-  onOpen?: () => void
-  onClose?: () => void
-  onOpened?: () => void
-  onClosed?: () => void
-  index?: number
-  /** 内部使用：菜单栏是否横向滚动 */
-  barScrollable?: boolean
-}
-
-export interface DropdownMenuInstance {
-  toggleItem: (index: number) => void
-  showItem: (index: number) => void
-  close: () => void
-}
-
-export interface DropdownItemInstance {
-  toggle: () => void
-  open: () => void
-  close: () => void
-}

package/dist/cjs/components/empty/types.d.ts

@@ -1,48 +0,0 @@
-import type { StyleProp, TextStyle, ViewProps, ViewStyle } from 'react-native'
-
-import type { DeepPartial } from '../../types'
-
-export type EmptyImage = 'default' | 'error' | 'network' | 'search'
-
-export interface EmptyTokens {
-  defaults: {
-    image: EmptyImage
-    gap: number
-  }
-  layout: {
-    container: ViewStyle
-    imageWrapper: ViewStyle
-    descriptionText: TextStyle
-    footer: ViewStyle
-  }
-  colors: {
-    description: string
-    icon: string
-    imageBackground: string
-  }
-  typography: {
-    descriptionSize: number
-    descriptionLineHeight: number
-    descriptionFontFamily: string
-    descriptionFontWeight: TextStyle['fontWeight']
-  }
-  sizing: {
-    image: number
-    iconScale: number
-  }
-  spacing: {
-    descriptionPaddingHorizontal: number
-    footerMarginTop: number
-  }
-}
-
-export interface EmptyProps extends ViewProps {
-  image?: EmptyImage | string | React.ReactNode
-  imageSize?: number
-  imageStyle?: StyleProp<ViewStyle>
-  description?: React.ReactNode
-  descriptionStyle?: StyleProp<TextStyle>
-  children?: React.ReactNode
-  gap?: number
-  tokensOverride?: DeepPartial<EmptyTokens>
-}

package/dist/cjs/components/field/types.d.ts

@@ -1,112 +0,0 @@
-import type React from 'react'
-import type {
-  PressableProps,
-  StyleProp,
-  TextInput,
-  TextInputProps,
-  TextStyle,
-  ViewStyle,
-} from 'react-native'
-
-import type { DeepPartial } from '../../types'
-import type { FieldTokens } from './tokens'
-import type { DialogShowOptions } from '../dialog/types'
-import type { CellArrowDirection, CellGroupProps, CellSize } from '../cell/types'
-
-export type FieldType =
-  | 'tel'
-  | 'text'
-  | 'digit'
-  | 'number'
-  | 'search'
-  | 'password'
-  | 'textarea'
-
-export type FieldInputAlign = 'left' | 'center' | 'right'
-
-export type FieldControlAlign = 'left' | 'center' | 'right'
-
-export type FieldClearTrigger = 'always' | 'focus'
-
-export type FieldFormatTrigger = 'onBlur' | 'onChange'
-
-export type FieldAutosizeConfig = {
-  maxRows?: number
-  minRows?: number
-}
-
-export type FieldTooltipProps = DialogShowOptions & {
-  icon?: React.ReactNode
-}
-
-export type FieldShowWordLimit =
-  | boolean
-  | ((params: { currentCount: number; maxLength?: number }) => React.ReactNode)
-
-export interface FieldProps
-  extends Omit<TextInputProps, 'style' | 'value' | 'defaultValue' | 'editable' | 'onChange' | 'onChangeText'> {
-  label?: React.ReactNode
-  labelWidth?: number
-  labelAlign?: FieldInputAlign
-  inputAlign?: FieldInputAlign
-  controlAlign?: FieldControlAlign
-  required?: boolean
-  colon?: boolean
-  intro?: React.ReactNode
-  description?: React.ReactNode
-  tooltip?: React.ReactNode | FieldTooltipProps
-  error?: boolean
-  errorMessage?: React.ReactNode
-  errorMessageAlign?: FieldInputAlign
-  disabled?: boolean
-  readOnly?: boolean
-  clearable?: boolean
-  clearTrigger?: FieldClearTrigger
-  clearIcon?: React.ReactNode
-  leftIcon?: React.ReactNode
-  rightIcon?: React.ReactNode
-  prefix?: React.ReactNode
-  suffix?: React.ReactNode
-  button?: React.ReactNode
-  extra?: React.ReactNode
-  value?: string
-  defaultValue?: string
-  type?: FieldType
-  rows?: number
-  autoSize?: boolean | FieldAutosizeConfig
-  formatter?: (value: string) => string
-  formatTrigger?: FieldFormatTrigger
-  showWordLimit?: FieldShowWordLimit
-  onOverlimit?: (value: string) => void
-  onChangeText?: (value: string) => void
-  onClear?: () => void
-  onClick?: () => void
-  onClickInput?: () => void
-  onClickLeftIcon?: () => void
-  onClickRightIcon?: () => void
-  border?: boolean
-  center?: boolean
-  clickable?: boolean
-  isLink?: boolean
-  arrowDirection?: CellArrowDirection
-  size?: CellSize
-  titleStyle?: StyleProp<TextStyle>
-  contentStyle?: StyleProp<ViewStyle>
-  inputStyle?: StyleProp<TextStyle>
-  labelStyle?: StyleProp<TextStyle>
-  introStyle?: StyleProp<TextStyle>
-  errorMessageStyle?: StyleProp<TextStyle>
-  tokensOverride?: DeepPartial<FieldTokens>
-  style?: StyleProp<ViewStyle>
-  androidRipple?: PressableProps['android_ripple']
-  children?: React.ReactNode
-}
-
-export interface FieldInstance {
-  focus: () => void
-  blur: () => void
-  clear: () => void
-  nativeElement: TextInput | null
-}
-
-export type FieldGroupProps = CellGroupProps

package/dist/cjs/components/flex/types.d.ts

@@ -1,42 +0,0 @@
-import type React from 'react'
-import type { StyleProp, ViewStyle } from 'react-native'
-
-import type { DeepPartial } from '../../types'
-import type { FlexDirection } from './FlexContext'
-
-export type FlexWrap = 'nowrap' | 'wrap' | 'wrap-reverse'
-export type FlexAlign = 'start' | 'center' | 'end' | 'baseline' | 'stretch'
-export type FlexJustify = 'start' | 'end' | 'center' | 'around' | 'between'
-
-export interface FlexTokens {
-  defaults: {
-    direction: FlexDirection
-    wrap: FlexWrap
-    gutter: number | [number, number]
-    align: FlexAlign
-    justify: FlexJustify
-    columns: number
-  }
-  layout: {
-    container: ViewStyle
-  }
-}
-
-export interface FlexProps {
-  children?: React.ReactNode
-  direction?: FlexDirection
-  wrap?: FlexWrap
-  gutter?: number | [number, number]
-  align?: FlexAlign
-  justify?: FlexJustify
-  style?: StyleProp<ViewStyle>
-  columns?: number
-  tokensOverride?: DeepPartial<FlexTokens>
-}
-
-export interface FlexItemProps {
-  span?: number
-  flex?: number | string
-  style?: StyleProp<ViewStyle>
-  children?: React.ReactNode
-}