react-native-system-ui 0.0.1 → 0.0.3

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

@@ -1,96 +0,0 @@
-import type React from 'react'
-import type { GestureResponderEvent, StyleProp, TextStyle, ViewProps, ViewStyle } from 'react-native'
-
-import type { DeepPartial } from '../../types'
-
-export type RadioValue = string | number
-export type RadioLabelPosition = 'left' | 'right'
-export type RadioGroupDirection = 'horizontal' | 'vertical'
-export type RadioShape = 'round' | 'square'
-export type RadioIconRender = (params: { checked: boolean; disabled: boolean }) => React.ReactNode
-
-export interface RadioTokens {
-  defaults: {
-    iconSize: number
-    labelPosition: RadioLabelPosition
-    shape: RadioShape
-    labelDisabled: boolean
-    groupDisabled: boolean
-    groupDirection: RadioGroupDirection
-  }
-  layout: {
-    container: ViewStyle
-    iconWrapper: ViewStyle
-    labelWrapper: ViewStyle
-    icon: ViewStyle
-    label: TextStyle
-    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: string
-    lineHeightMultiplier: number
-  }
-  sizing: {
-    dotScale: number
-  }
-  radii: {
-    round: number
-    square: number
-  }
-  borders: {
-    width: number
-  }
-  spacing: {
-    gap: number
-    groupGap: number
-  }
-}
-
-export interface RadioProps extends Omit<ViewProps, 'children'> {
-  name?: RadioValue
-  value?: RadioValue
-  disabled?: boolean
-  checked?: boolean
-  defaultChecked?: boolean
-  iconSize?: number | string
-  checkedColor?: string
-  shape?: RadioShape
-  iconRender?: RadioIconRender
-  labelPosition?: RadioLabelPosition
-  labelDisabled?: boolean
-  style?: StyleProp<ViewStyle>
-  labelStyle?: StyleProp<TextStyle>
-  children?: React.ReactNode
-  tokensOverride?: DeepPartial<RadioTokens>
-  onClick?: (event: GestureResponderEvent) => void
-  onChange?: (checked: boolean) => void
-}
-
-export interface RadioGroupProps extends ViewProps {
-  value?: RadioValue
-  defaultValue?: RadioValue
-  onChange?: (value: RadioValue) => void
-  disabled?: boolean
-  direction?: RadioGroupDirection
-  iconSize?: number | string
-  checkedColor?: string
-  labelDisabled?: boolean
-  gap?: number
-  name?: string
-  children?: React.ReactNode
-  tokensOverride?: DeepPartial<RadioTokens>
-}

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

@@ -1,54 +0,0 @@
-import type React from 'react'
-import type { StyleProp, TextStyle, ViewProps, ViewStyle } from 'react-native'
-
-import type { DeepPartial } from '../../types'
-
-export interface RateTokens {
-  defaults: {
-    count: number
-    allowHalf: boolean
-    size: number
-    gutter: number
-    touchable: boolean
-    disabled: boolean
-    readOnly: boolean
-  }
-  layout: {
-    container: ViewStyle
-    item: ViewStyle
-    iconBox: ViewStyle
-    character: TextStyle
-    fill: ViewStyle
-  }
-  colors: {
-    active: string
-    inactive: string
-    disabled: string
-  }
-  states: {
-    pressedOpacity: number
-  }
-}
-
-export interface RateProps extends Omit<ViewProps, 'onChange'> {
-  value?: number
-  defaultValue?: number
-  count?: number | string
-  allowHalf?: boolean
-  size?: number | string
-  gutter?: number | string
-  color?: string
-  voidColor?: string
-  disabledColor?: string
-  icon?: React.ReactNode
-  voidIcon?: React.ReactNode
-  character?: React.ReactNode
-  disabled?: boolean
-  readOnly?: boolean
-  touchable?: boolean
-  tokensOverride?: DeepPartial<RateTokens>
-  onChange?: (value: number) => void
-  onIconPress?: (value: number) => void
-  iconStyle?: StyleProp<TextStyle>
-  itemStyle?: StyleProp<ViewStyle>
-}

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

@@ -1,84 +0,0 @@
-import type React from 'react'
-import type {
-  NativeSyntheticEvent,
-  StyleProp,
-  TextInputSubmitEditingEventData,
-  ViewStyle,
-} from 'react-native'
-
-import type { DeepPartial } from '../../types'
-import type { FieldInputAlign, FieldProps } from '../field/types'
-import type { SearchTokens } from './tokens'
-
-export type SearchShape = 'square' | 'round'
-
-export interface SearchProps
-  extends Omit<
-    FieldProps,
-    | 'style'
-    | 'contentStyle'
-    | 'label'
-    | 'labelStyle'
-    | 'labelWidth'
-    | 'labelAlign'
-    | 'required'
-    | 'colon'
-    | 'intro'
-    | 'tooltip'
-    | 'description'
-    | 'border'
-    | 'size'
-    | 'center'
-    | 'controlAlign'
-    | 'clickable'
-    | 'isLink'
-    | 'arrowDirection'
-    | 'prefix'
-    | 'suffix'
-    | 'button'
-    | 'extra'
-    | 'rows'
-    | 'autosize'
-    | 'autoSize'
-    | 'showWordLimit'
-    | 'type'
-    | 'tokensOverride'
-  > {
-  /** 搜索框左侧文本 */
-  label?: React.ReactNode
-  /** 自定义容器样式 */
-  style?: StyleProp<ViewStyle>
-  /** 自定义内部 Field 容器样式 */
-  fieldStyle?: FieldProps['style']
-  /** 自定义内部 Field 内容区样式 */
-  fieldContentStyle?: FieldProps['contentStyle']
-  /** 取消按钮文字 */
-  actionText?: React.ReactNode
-  /** 自定义右侧操作区域 */
-  action?: React.ReactNode
-  /** 是否展示默认取消按钮 */
-  showAction?: boolean
-  /** 搜索框形状 */
-  shape?: SearchShape
-  /** 外层背景色 */
-  background?: string
-  tokensOverride?: DeepPartial<SearchTokens>
-  /** 搜索框内容对齐方式 */
-  align?: FieldInputAlign
-  /** 输入内容变化时触发（推荐） */
-  onChange?: (value: string) => void
-  /** 点击键盘搜索时回调 */
-  onSearch?: (value: string) => void
-  /** 点击取消时回调 */
-  onCancel?: () => void
-  /** 提交事件（键盘回车） */
-  onSubmitEditing?: (
-    event: NativeSyntheticEvent<TextInputSubmitEditingEventData>
-  ) => void
-}
-
-export interface SearchRef {
-  focus: () => void
-  blur: () => void
-  clear: () => void
-}

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

@@ -1,80 +0,0 @@
-import type React from 'react'
-import type { StyleProp, TextStyle, ViewProps, ViewStyle } from 'react-native'
-
-import type { DeepPartial } from '../../types'
-
-export type SelectorValue = string | number
-
-export interface SelectorOption<V extends SelectorValue> {
-  label: React.ReactNode
-  description?: React.ReactNode
-  value: V
-  disabled?: boolean
-}
-
-export interface SelectorChangeExtend<V extends SelectorValue> {
-  items: SelectorOption<V>[]
-}
-
-export interface SelectorTokens {
-  defaults: {
-    columns: number
-    multiple: boolean
-    showCheckMark: boolean
-    disabled: boolean
-  }
-  layout: {
-    container: ViewStyle
-    pressable: ViewStyle
-    item: ViewStyle
-    label: TextStyle
-    description: TextStyle
-    checkMark: TextStyle
-    checkMarkTriangle: ViewStyle
-  }
-  colors: {
-    border: string
-    borderActive: string
-    background: string
-    backgroundActive: string
-    text: string
-    textActive: string
-    description: string
-    disabledText: string
-    check: string
-    checkForeground: string
-  }
-  typography: {
-    fontSize: number
-    descriptionSize: number
-    fontFamily: string
-    fontWeight: string
-  }
-  radii: {
-    item: number
-  }
-  spacing: {
-    gap: number
-    paddingVertical: number
-    paddingHorizontal: number
-    descriptionMarginTop: number
-  }
-  states: {
-    disabledOpacity: number
-  }
-}
-
-export interface SelectorProps<V extends SelectorValue = SelectorValue> extends ViewProps {
-  options: SelectorOption<V>[]
-  columns?: number
-  multiple?: boolean
-  disabled?: boolean
-  defaultValue?: V[]
-  value?: V[]
-  showCheckMark?: boolean
-  onChange?: (value: V[], extend: SelectorChangeExtend<V>) => void
-  itemStyle?: StyleProp<ViewStyle>
-  labelStyle?: StyleProp<TextStyle>
-  descriptionStyle?: StyleProp<TextStyle>
-  tokensOverride?: DeepPartial<SelectorTokens>
-}

package/dist/es/components/share-sheet/types.d.ts

@@ -1,30 +0,0 @@
-import type * as React from 'react'
-
-import type { DeepPartial } from '../../types'
-import type { PopupProps } from '../popup/Popup'
-import type { ShareSheetTokens } from './tokens'
-
-export interface ShareSheetOption {
-  key?: React.Key
-  name: React.ReactNode
-  icon: React.ReactNode
-  description?: React.ReactNode
-  onPress?: (option: ShareSheetOption) => void
-}
-
-export type ShareSheetOptions = ShareSheetOption[] | ShareSheetOption[][]
-
-export interface ShareSheetProps extends Omit<PopupProps, 'children' | 'tokensOverride'> {
-  visible: boolean
-  title?: React.ReactNode
-  description?: React.ReactNode
-  cancelText?: React.ReactNode
-  options?: ShareSheetOptions
-  columns?: number
-  closeOnSelect?: boolean
-  safeAreaInsetBottom?: boolean
-  children?: React.ReactNode
-  tokensOverride?: DeepPartial<ShareSheetTokens>
-  onSelect?: (option: ShareSheetOption, index: number) => void
-  onCancel?: () => void
-}

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

@@ -1,66 +0,0 @@
-import type * as React from 'react'
-import type { StyleProp, TextStyle, ViewProps, ViewStyle } from 'react-native'
-
-import type { DeepPartial } from '../../types'
-
-export interface SidebarTokens {
-  defaults: {
-    disabled: boolean
-  }
-  layout: {
-    container: ViewStyle
-    side: ViewStyle
-    content: ViewStyle
-    item: ViewStyle
-    indicatorWrapper: ViewStyle
-    itemContent: ViewStyle
-    indicator: ViewStyle
-    titleRow: ViewStyle
-    badge: ViewStyle
-    dot: ViewStyle
-    title: TextStyle
-  }
-  colors: {
-    background: string
-    border: string
-    title: string
-    titleActive: string
-    disabled: string
-    indicator: string
-  }
-  typography: {
-    fontSize: number
-    fontWeight: string | number
-  }
-  sizing: {
-    width: number
-    itemHeight: number
-    indicatorWidth: number
-  }
-  borders: {
-    width: number
-  }
-}
-
-export interface SidebarProps extends Omit<ViewProps, 'children'> {
-  value?: number
-  defaultValue?: number
-  sideStyle?: StyleProp<ViewStyle>
-  children?: React.ReactNode
-  onChange?: (value: number) => void
-  tokensOverride?: DeepPartial<SidebarTokens>
-}
-
-export interface SidebarItemProps extends ViewProps {
-  title?: React.ReactNode
-  badge?: React.ReactNode
-  disabled?: boolean
-  dot?: boolean
-  onClick?: (value: number) => void
-  textStyle?: StyleProp<TextStyle>
-  badgeStyle?: StyleProp<ViewStyle>
-  contentStyle?: StyleProp<ViewStyle>
-  children?: React.ReactNode
-  index?: number
-  tokensOverride?: DeepPartial<SidebarTokens>
-}

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

@@ -1,46 +0,0 @@
-import type { ViewProps } from 'react-native'
-
-import type { DeepPartial } from '../../types'
-
-export type SkeletonAvatarShape = 'round' | 'square'
-
-export interface SkeletonTokens {
-  defaults: {
-    rowCount: number
-    rowWidth: number | string
-    lastRowWidth: number | string
-    rowHeight: number | string
-    avatarSize: number | string
-    titleWidth: number | string
-  }
-  colors: {
-    block: string
-    highlight: string
-  }
-  radius: number
-  spacing: {
-    containerGap: number
-    rowGap: number
-  }
-  animation: {
-    duration: number
-    minOpacity: number
-    maxOpacity: number
-  }
-}
-
-export interface SkeletonProps extends ViewProps {
-  loading?: boolean
-  animate?: boolean
-  avatar?: boolean
-  avatarSize?: number | string
-  avatarShape?: SkeletonAvatarShape
-  title?: boolean
-  titleWidth?: number | string
-  row?: number
-  rowWidth?: number | string | Array<number | string>
-  rowHeight?: number | string | Array<number | string>
-  round?: boolean
-  tokensOverride?: DeepPartial<SkeletonTokens>
-  children?: React.ReactNode
-}

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

@@ -1,39 +0,0 @@
-import type React from 'react'
-import type { GestureResponderEvent, ViewProps } from 'react-native'
-
-import type { DeepPartial } from '../../types'
-import type { SliderTokens } from './tokens'
-
-export type SliderValue = number | [number, number]
-export type SliderNumberish = number | string
-
-export interface SliderProps extends ViewProps {
-  value?: SliderValue
-  min?: SliderNumberish
-  max?: SliderNumberish
-  step?: SliderNumberish
-  range?: boolean
-  vertical?: boolean
-  disabled?: boolean
-  readOnly?: boolean
-  reverse?: boolean
-  debug?: boolean
-  activeColor?: string
-  inactiveColor?: string
-  barHeight?: SliderNumberish
-  trackHeight?: SliderNumberish
-  buttonSize?: SliderNumberish
-  thumbSize?: SliderNumberish
-  tokensOverride?: DeepPartial<SliderTokens>
-  button?: React.ReactNode | (({ value }: { value: SliderValue }) => React.ReactNode)
-  thumb?: React.ReactNode
-  leftThumb?: React.ReactNode
-  rightThumb?: React.ReactNode
-  leftButton?: React.ReactNode
-  rightButton?: React.ReactNode
-  ariaLabel?: string
-  onChange?: (value: SliderValue) => void
-  onChangeAfter?: (value: SliderValue) => void
-  onDragStart?: (event: GestureResponderEvent, value: SliderValue) => void
-  onDragEnd?: (event: GestureResponderEvent, value: SliderValue) => void
-}

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

@@ -1,47 +0,0 @@
-import type React from 'react'
-import type { ViewProps, StyleProp, ViewStyle } from 'react-native'
-
-import type { DeepPartial } from '../../types'
-
-export type SpaceDirection = 'horizontal' | 'vertical'
-export type SpaceAlign = 'start' | 'end' | 'center' | 'baseline' | 'stretch'
-export type SpaceJustify =
-  | 'start'
-  | 'end'
-  | 'center'
-  | 'between'
-  | 'around'
-  | 'evenly'
-  | 'stretch'
-
-export type SpaceGap = number | string | [number | string, number | string]
-export type SpaceSizePreset = 'mini' | 'small' | 'normal' | 'large'
-
-export interface SpaceTokens {
-  defaults: {
-    direction: SpaceDirection
-    wrap: boolean
-    gapPreset: SpaceSizePreset
-  }
-  layout: {
-    container: ViewStyle
-  }
-  sizing: {
-    presets: Record<SpaceSizePreset, number>
-  }
-}
-
-export interface SpaceProps extends ViewProps {
-  children?: React.ReactNode
-  gap?: SpaceGap
-  size?: SpaceGap | SpaceSizePreset
-  direction?: SpaceDirection
-  align?: SpaceAlign
-  justify?: SpaceJustify
-  wrap?: boolean
-  block?: boolean
-  fill?: boolean
-  divider?: React.ReactNode
-  onClick?: ViewProps['onTouchEnd']
-  tokensOverride?: DeepPartial<SpaceTokens>
-}

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

@@ -1,58 +0,0 @@
-import type React from 'react'
-import type {
-  GestureResponderEvent,
-  StyleProp,
-  TextInputProps,
-  TextStyle,
-  ViewProps,
-  ViewStyle,
-} from 'react-native'
-
-import type { DeepPartial } from '../../types'
-import type { StepperTokens } from './tokens'
-
-export type StepperTheme = 'default' | 'round'
-
-export interface StepperProps extends Omit<ViewProps, 'onChange'> {
-  value?: number | null
-  defaultValue?: number | null
-  min?: number
-  max?: number
-  step?: number
-  /** 是否自动将输入值修正到 min/max 范围内（对齐 Vant：auto-fixed，默认 true） */
-  autoFixed?: boolean
-  /** 值变更前的拦截回调，返回 false 可阻止变更，支持 Promise（对齐 Vant：before-change） */
-  beforeChange?: (value: number | null) => boolean | Promise<boolean>
-  integer?: boolean
-  decimalLength?: number | string
-  disabled?: boolean
-  disablePlus?: boolean
-  disableMinus?: boolean
-  disableInput?: boolean
-  allowEmpty?: boolean
-  showPlus?: boolean
-  showMinus?: boolean
-  showInput?: boolean
-  longPress?: boolean
-  theme?: StepperTheme
-  inputWidth?: number | string
-  buttonSize?: number | string
-  name?: string
-  placeholder?: string
-  tokensOverride?: DeepPartial<StepperTokens>
-  onClick?: (event: GestureResponderEvent) => void
-  onChange?: (value: number | null, detail?: { name?: string }) => void
-  onPlus?: (event: GestureResponderEvent, value: number | null) => void
-  onMinus?: (event: GestureResponderEvent, value: number | null) => void
-  onOverlimit?: (type: 'plus' | 'minus') => void
-  onFocus?: TextInputProps['onFocus']
-  onBlur?: TextInputProps['onBlur']
-  inputProps?: TextInputProps
-  inputStyle?: StyleProp<TextStyle>
-  buttonStyle?: StyleProp<ViewStyle>
-}
-
-export interface StepperInstance {
-  focus: () => void
-  blur: () => void
-}