react-native-system-ui 0.0.1 → 0.0.3

package/dist/es/components/cell/types.d.ts

@@ -1,117 +0,0 @@
-import type React from 'react'
-import type { PressableProps, StyleProp, TextStyle, ViewStyle } from 'react-native'
-
-import type { DeepPartial } from '../../types'
-
-export type CellArrowDirection = 'left' | 'right' | 'up' | 'down'
-export type CellSize = 'normal' | 'large'
-
-export interface CellTokens {
-  defaults: {
-    border: boolean
-    size: CellSize
-    arrowDirection: CellArrowDirection
-    activeOpacity: number
-    groupBorder: boolean
-    groupInset: boolean
-    groupCard: boolean
-  }
-  layout: {
-    container: ViewStyle
-    containerLarge: ViewStyle
-    center: ViewStyle
-    body: ViewStyle
-    titleRow: ViewStyle
-    value: TextStyle
-    valueOnly: TextStyle
-    valueContainer: ViewStyle
-    valueOnlyContainer: ViewStyle
-    valueCenter: ViewStyle
-    customContent: ViewStyle
-    iconWrapper: ViewStyle
-    rightIconWrapper: ViewStyle
-    hairline: ViewStyle
-    groupCardShadow: ViewStyle
-    arrowTransforms: Record<CellArrowDirection, ViewStyle>
-  }
-  colors: {
-    background: string
-    ripple: string
-    title: string
-    label: string
-    value: string
-    required: string
-    border: string
-    arrow: string
-    groupTitle: string
-    groupBodyBackground: string
-  }
-  typography: {
-    titleSize: number
-    lineHeight: number
-    titleWeight: TextStyle['fontWeight']
-    largeTitleSize: number
-    labelSize: number
-    largeLabelSize: number
-    valueSize: number
-    largeValueSize: number
-    groupTitleSize: number
-  }
-  sizing: {
-    paddingVertical: number
-    paddingHorizontal: number
-    largePaddingVertical: number
-    arrowSize: number
-    iconSize: number
-    groupMarginBottom: number
-    groupTitlePaddingHorizontal: number
-    groupTitlePaddingVertical: number
-    groupInsetMarginHorizontal: number
-  }
-  radii: {
-    groupInset: number
-  }
-  borders: {
-    width: number
-  }
-  spacing: {
-    iconGap: number
-    valueGap: number
-    extraGap: number
-    labelMarginTop: number
-  }
-}
-
-export interface CellProps extends Omit<PressableProps, 'style' | 'children'> {
-  title?: React.ReactNode
-  value?: React.ReactNode
-  label?: React.ReactNode
-  extra?: React.ReactNode
-  icon?: React.ReactNode
-  rightIcon?: React.ReactNode
-  border?: boolean
-  clickable?: boolean
-  isLink?: boolean
-  required?: boolean
-  center?: boolean
-  size?: CellSize
-  arrowDirection?: CellArrowDirection
-  tokensOverride?: DeepPartial<CellTokens>
-  children?: React.ReactNode
-  titleStyle?: StyleProp<TextStyle>
-  valueStyle?: StyleProp<TextStyle>
-  labelStyle?: StyleProp<TextStyle>
-  contentStyle?: StyleProp<ViewStyle>
-  style?: StyleProp<ViewStyle>
-}
-
-export interface CellGroupProps {
-  children?: React.ReactNode
-  title?: React.ReactNode
-  border?: boolean
-  inset?: boolean
-  card?: boolean
-  style?: StyleProp<ViewStyle>
-  bodyStyle?: StyleProp<ViewStyle>
-  tokensOverride?: DeepPartial<CellTokens>
-}

package/dist/es/components/checkbox/types.d.ts

@@ -1,108 +0,0 @@
-import type React from 'react'
-import type {
-  GestureResponderEvent,
-  PressableProps,
-  StyleProp,
-  TextStyle,
-  ViewProps,
-  ViewStyle,
-} from 'react-native'
-
-import type { DeepPartial } from '../../types'
-
-export type CheckboxShape = 'round' | 'square'
-export type CheckboxLabelPosition = 'left' | 'right'
-export type CheckboxGroupDirection = 'horizontal' | 'vertical'
-export type CheckboxValue = string | number
-export type CheckboxIconRender = (params: { checked: boolean; disabled: boolean }) => React.ReactNode
-
-export interface CheckboxTokens {
-  defaults: {
-    shape: CheckboxShape
-    iconSize: number
-    labelPosition: CheckboxLabelPosition
-    labelDisabled: boolean
-    bindGroup: boolean
-    groupDisabled: boolean
-    groupDirection: CheckboxGroupDirection
-  }
-  layout: {
-    container: ViewStyle
-    iconWrapper: ViewStyle
-    icon: ViewStyle
-    checkmark: TextStyle
-    label: TextStyle
-    labelWrapper: ViewStyle
-    groupHorizontal: ViewStyle
-    groupVertical: ViewStyle
-    groupItem: ViewStyle
-  }
-  colors: {
-    border: string
-    background: string
-    checkedBackground: string
-    disabledBorder: string
-    disabledBackground: string
-    checkmark: string
-    label: string
-    labelDisabled: string
-  }
-  typography: {
-    fontSize: number
-    fontFamily: string
-    fontWeight: TextStyle['fontWeight']
-    lineHeightMultiplier: number
-  }
-  spacing: {
-    gap: number
-    groupGap: number
-  }
-  radii: {
-    square: number
-  }
-  borders: {
-    width: number
-  }
-  icon: {
-    scale: number
-  }
-}
-
-export interface CheckboxProps extends Omit<PressableProps, 'onPress'> {
-  name?: CheckboxValue
-  value?: CheckboxValue
-  shape?: CheckboxShape
-  iconSize?: number
-  iconRender?: CheckboxIconRender
-  checkedColor?: string
-  labelPosition?: CheckboxLabelPosition
-  labelDisabled?: boolean
-  disabled?: boolean
-  checked?: boolean
-  defaultChecked?: boolean
-  style?: StyleProp<ViewStyle>
-  labelStyle?: StyleProp<TextStyle>
-  tokensOverride?: DeepPartial<CheckboxTokens>
-  children?: React.ReactNode
-  bindGroup?: boolean
-  onClick?: (event: GestureResponderEvent) => void
-  onChange?: (checked: boolean) => void
-}
-
-export interface CheckboxGroupProps extends ViewProps {
-  value?: CheckboxValue[]
-  defaultValue?: CheckboxValue[]
-  disabled?: boolean
-  max?: number
-  direction?: CheckboxGroupDirection
-  shape?: CheckboxShape
-  iconSize?: number
-  iconRender?: CheckboxIconRender
-  checkedColor?: string
-  labelDisabled?: boolean
-  gap?: number
-  tokensOverride?: DeepPartial<CheckboxTokens>
-  /** 跟随 React Vant，水平/垂直排列 */
-  onChange?: (value: CheckboxValue[]) => void
-  children?: React.ReactNode
-}

package/dist/es/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/es/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/es/components/config-provider/locale/types.d.ts

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

package/dist/es/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/es/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/es/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/es/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/es/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/es/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
-}