react-native-system-ui 0.0.1 → 0.0.3

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

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

@@ -1,80 +0,0 @@
-import type { ReactNode } from 'react'
-import type { ViewProps } from 'react-native'
-
-export type FormRuleValidateTrigger = string | string[]
-
-export type FormRuleValidator = (
-  value: any,
-  values: Record<string, any>
-) => void | boolean | string | Promise<void | boolean | string>
-
-export type NamePath = string | number | (string | number)[]
-
-export interface FormItemRule {
-  required?: boolean
-  message?: string
-  pattern?: RegExp
-  len?: number
-  min?: number
-  max?: number
-  whitespace?: boolean
-  validator?: FormRuleValidator
-  validateTrigger?: FormRuleValidateTrigger
-}
-
-export interface RegisteredFieldOptions {
-  rules?: FormItemRule[]
-  dependencies?: NamePath[]
-  initialValue?: any
-  validateTrigger?: FormRuleValidateTrigger
-}
-
-export interface FormInstance {
-  submit: () => Promise<Record<string, any> | undefined>
-  getFieldsValue: () => Record<string, any>
-  setFieldsValue: (values: Record<string, any>) => void
-  resetFields: () => void
-  validateFields: (names?: NamePath[]) => Promise<Record<string, any>>
-  getFieldError: (name: NamePath) => string[]
-}
-
-export interface FormProps extends ViewProps {
-  initialValues?: Record<string, any>
-  colon?: boolean
-  labelWidth?: number
-  showValidateMessage?: boolean
-  footer?: ReactNode
-  onValuesChange?: (values: Record<string, any>, name: string, value: any) => void
-  onFinish?: (values: Record<string, any>) => void
-  children?: ReactNode
-}
-
-export interface FormSubscribeProps {
-  to?: string[]
-  children: (changedValues: Record<string, any>, form: FormInstance | null) => ReactNode
-}
-
-export interface FormItemProps {
-  name?: NamePath
-  label?: ReactNode
-  description?: ReactNode
-  intro?: ReactNode
-  tooltip?: ReactNode
-  rules?: FormItemRule[]
-  dependencies?: NamePath[]
-  valuePropName?: string
-  trigger?: string
-  validateTrigger?: FormRuleValidateTrigger
-  showValidateMessage?: boolean
-  required?: boolean
-  noStyle?: boolean
-  shouldUpdate?: (prev: Record<string, any>, next: Record<string, any>) => boolean
-  initialValue?: any
-  children:
-    | ReactNode
-    | ((payload: {
-        getFieldValue: (name: NamePath) => any
-        getFieldsValue: () => Record<string, any>
-        form: FormInstance | null
-      }) => ReactNode)
-}

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

@@ -1,82 +0,0 @@
-import type { PressableProps, StyleProp, TextStyle, ViewProps, ViewStyle } from 'react-native'
-
-import type { BadgeProps } from '../badge'
-import type { DeepPartial } from '../../types'
-
-export type GridDirection = 'vertical' | 'horizontal'
-
-export interface GridTokens {
-  defaults: {
-    columnNum: number
-    gutter: number
-    border: boolean
-    center: boolean
-    square: boolean
-    direction: GridDirection
-    reverse: boolean
-    clickable: boolean
-    iconSize: number
-    pressedOpacity: number
-    textNumberOfLines: number
-  }
-  layout: {
-    container: ViewStyle
-    border: ViewStyle
-    borderTop: ViewStyle
-    borderBottom: ViewStyle
-    itemContentBase: ViewStyle
-    itemVertical: ViewStyle
-    itemHorizontal: ViewStyle
-    itemCenter: ViewStyle
-    itemReverseColumn: ViewStyle
-    itemReverseRow: ViewStyle
-    iconWrapper: ViewStyle
-    text: TextStyle
-    itemBorderRight: ViewStyle
-    itemBorderBottom: ViewStyle
-    itemContentSquare: ViewStyle
-  }
-  colors: {
-    border: string
-    text: string
-    background: string
-    active: string
-  }
-  typography: {
-    fontSize: number
-    fontFamily: string
-    lineHeight: number
-    fontWeight: string
-  }
-  spacing: {
-    paddingHorizontal: number
-    paddingVertical: number
-    iconGap: number
-  }
-}
-
-export interface GridProps extends ViewProps {
-  children?: React.ReactNode
-  columnNum?: number
-  gutter?: number
-  border?: boolean
-  center?: boolean
-  square?: boolean
-  direction?: GridDirection
-  reverse?: boolean
-  clickable?: boolean
-  iconSize?: number
-  iconColor?: string
-  tokensOverride?: DeepPartial<GridTokens>
-}
-
-export interface GridItemProps extends PressableProps {
-  children?: React.ReactNode
-  text?: React.ReactNode
-  icon?: React.ReactNode | ((size: number, color: string) => React.ReactNode)
-  iconColor?: string
-  badge?: BadgeProps
-  dot?: boolean
-  contentStyle?: StyleProp<ViewStyle>
-  textStyle?: StyleProp<TextStyle>
-}

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

@@ -1,56 +0,0 @@
-import type * as React from 'react'
-import type { ImageProps as RNImageProps, ImageSourcePropType, ImageStyle, StyleProp, TextStyle, ViewStyle } from 'react-native'
-
-import type { DeepPartial } from '../../types'
-
-export type ImageFit = 'cover' | 'contain' | 'fill' | 'none' | 'scale-down'
-
-export interface ImageTokens {
-  defaults: {
-    fit: ImageFit
-    showLoading: boolean
-    showError: boolean
-    loadingText: React.ReactNode
-    errorText: React.ReactNode
-    iconSize: number
-    loadingIndicatorBaseSize: number
-    loadingLabelMarginTop: number
-    roundRadius: number
-  }
-  layout: {
-    container: ViewStyle
-    overlay: ViewStyle
-    label: TextStyle
-    iconContainer: ViewStyle
-    absoluteFill: ImageStyle
-  }
-  colors: {
-    background: string
-    text: string
-    error: string
-  }
-}
-
-export interface ImageProps extends Omit<RNImageProps, 'source' | 'width' | 'height'> {
-  src?: string
-  source?: ImageSourcePropType
-  width?: number | string
-  height?: number | string
-  radius?: number
-  round?: boolean
-  fit?: ImageFit
-  showLoading?: boolean
-  showError?: boolean
-  loadingText?: React.ReactNode
-  loadingIcon?: React.ReactNode
-  errorIcon?: React.ReactNode
-  iconSize?: number
-  loadingSize?: 'small' | 'large' | number
-  errorText?: React.ReactNode
-  fallback?: React.ReactNode
-  onPress?: (event: any) => void
-  alt?: string
-  containerStyle?: StyleProp<ViewStyle>
-  children?: React.ReactNode
-  tokensOverride?: DeepPartial<ImageTokens>
-}

package/dist/es/components/image-preview/types.d.ts

@@ -1,67 +0,0 @@
-import React from 'react'
-import type { ImageSourcePropType, StyleProp, ViewStyle } from 'react-native'
-
-import type { PopupCloseIconPosition } from '../popup'
-import type { DeepPartial } from '../../types'
-import type { ImagePreviewTokens } from './tokens'
-
-export type ImagePreviewCloseReason = 'overlay' | 'close-icon' | 'content' | 'close'
-
-export type ImagePreviewImage = ImageSourcePropType | string
-
-export interface ImagePreviewProps {
-  visible: boolean
-  images?: ImagePreviewImage[]
-  startPosition?: number
-  /** 图片切换动画时长（ms），内部透传给 Swiper.duration */
-  swipeDuration?: number
-  tokensOverride?: DeepPartial<ImagePreviewTokens>
-  /**
-   * 按需渲染图片（性能优化）：仅渲染当前页及其附近的图片，降低内存和首屏压力
-   * - `false`: 渲染全部（默认）
-   * - `true`: 仅渲染当前页 ± `lazyRenderBuffer`
-   */
-  lazyRender?: boolean
-  /** `lazyRender` 开启时，额外渲染的前后页数量 */
-  lazyRenderBuffer?: number
-  showIndex?: boolean
-  indexRender?: (ctx: { index: number; len: number }) => React.ReactNode
-  showIndicators?: boolean
-  closeable?: boolean
-  closeIcon?: React.ReactNode
-  closeIconPosition?: PopupCloseIconPosition
-  overlay?: boolean
-  overlayStyle?: StyleProp<ViewStyle>
-  closeOnBackPress?: boolean
-  closeOnPopstate?: boolean
-  zIndex?: number
-  duration?: number
-  closeOnlyClickCloseIcon?: boolean
-  onChange?: (index: number) => void
-  onClose?: (params: CloseParams) => void
-  onClosed?: () => void
-  beforeClose?: (context: CloseContext) => boolean | Promise<boolean>
-}
-
-export interface CloseParams {
-  index: number
-  image?: ImagePreviewImage
-}
-
-export interface CloseContext extends CloseParams {
-  reason: ImagePreviewCloseReason
-}
-
-export type ImagePreviewRef = {
-  swipeTo: (index: number, animated?: boolean) => void
-}
-
-export type ImagePreviewOpenOptions = Omit<ImagePreviewProps, 'visible'>
-
-export type ImagePreviewDestroy = () => void
-
-export interface ImagePreviewStatic {
-  Host: React.ComponentType<any>
-  open: (options: ImagePreviewOpenOptions) => ImagePreviewDestroy
-  clear: () => void
-}

package/dist/es/components/index-bar/types.d.ts

@@ -1,43 +0,0 @@
-import type * as React from 'react'
-import type { StyleProp, ViewProps, ViewStyle, TextStyle } from 'react-native'
-
-import type { DeepPartial } from '../../types'
-import type { IndexBarTokens } from './tokens'
-
-export type IndexBarValue = string | number
-
-export interface IndexBarProps extends Omit<ViewProps, 'children'> {
-  children?: React.ReactNode
-  value?: IndexBarValue
-  defaultValue?: IndexBarValue
-  zIndex?: number
-  sticky?: boolean
-  stickyOffsetTop?: number
-  indexList?: IndexBarValue[]
-  itemRender?: (item: IndexBarValue, active: boolean) => React.ReactNode
-  showIndicator?: boolean
-  highlightColor?: string
-  indicatorStyle?: StyleProp<ViewStyle>
-  indexTextStyle?: StyleProp<TextStyle>
-  safeAreaInsetTop?: boolean
-  onChange?: (index: IndexBarValue) => void
-  onSelect?: (index: IndexBarValue) => void
-  tokensOverride?: DeepPartial<IndexBarTokens>
-}
-
-export interface IndexAnchorProps extends ViewProps {
-  index: IndexBarValue
-  title?: React.ReactNode
-  children?: React.ReactNode
-  tokensOverride?: DeepPartial<IndexBarTokens>
-  /** @private */
-  active?: boolean
-  /** @private */
-  highlightColor?: string
-  /** @private */
-  onLayoutCapture?: (index: IndexBarValue, layoutY: number) => void
-}
-
-export interface IndexBarInstance {
-  scrollTo: (index: IndexBarValue) => void
-}

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

@@ -1,49 +0,0 @@
-import type { StyleProp, TextInput, TextStyle, ViewStyle } from 'react-native'
-
-import type { DeepPartial } from '../../types'
-import type { FieldTokens } from '../field/tokens'
-import type { FieldAutosizeConfig, FieldClearTrigger, FieldInputAlign, FieldProps, FieldShowWordLimit } from '../field/types'
-
-export interface InputTokens {
-  defaults: {
-    inputAlign: FieldInputAlign
-    clearTrigger: FieldClearTrigger
-    border: boolean
-  }
-  spacing: {
-    paddingHorizontal: number
-    paddingVertical: number
-  }
-  colors: {
-    background: string
-  }
-}
-
-export interface InputProps extends Omit<FieldProps, 'tokensOverride'> {
-  align?: FieldInputAlign
-  clearTrigger?: FieldClearTrigger
-  onChange?: (value: string) => void
-  showWordLimit?: FieldShowWordLimit
-  style?: StyleProp<ViewStyle>
-  inputStyle?: StyleProp<TextStyle>
-  fieldTokensOverride?: DeepPartial<FieldTokens>
-  tokensOverride?: DeepPartial<InputTokens>
-}
-
-export interface InputInstance {
-  focus: () => void
-  blur: () => void
-  clear: () => void
-  nativeElement: TextInput | null
-}
-
-export interface InputTextAreaAutoSizeConfig {
-  minHeight?: number
-  maxHeight?: number
-}
-
-export type InputTextAreaAutoSize = boolean | InputTextAreaAutoSizeConfig
-
-export interface InputTextAreaProps extends Omit<InputProps, 'type' | 'autoSize' | 'autosize'> {
-  autoSize?: InputTextAreaAutoSize
-}

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

@@ -1,48 +0,0 @@
-import type * as React from 'react'
-import type { ScrollViewProps, ViewProps, ViewStyle } from 'react-native'
-
-import type { DeepPartial } from '../../types'
-
-export interface ListTokens {
-  defaults: {
-    finished: boolean
-    offset: number
-    immediateCheck: boolean
-    scrollEventThrottle: number
-  }
-  layout: {
-    footer: ViewStyle
-    loadingInline: ViewStyle
-  }
-  colors: {
-    errorText: string
-    finishedText: string
-  }
-  sizing: {
-    loadingIndicator: number
-  }
-  spacing: {
-    footerPaddingVertical: number
-    inlineGap: number
-  }
-}
-
-export interface ListProps extends ScrollViewProps {
-  onLoad?: (isRetry: boolean) => void | Promise<void>
-  loading?: boolean
-  error?: boolean
-  finished?: boolean
-  offset?: number
-  immediateCheck?: boolean
-  loadingText?: React.ReactNode
-  finishedText?: React.ReactNode
-  errorText?: React.ReactNode | ((retry: () => void) => React.ReactNode)
-  children?: React.ReactNode
-  contentContainerStyle?: ViewProps['style']
-  ScrollComponent?: React.ComponentType<any>
-  tokensOverride?: DeepPartial<ListTokens>
-}
-
-export interface ListRef {
-  check: () => void
-}

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

@@ -1,53 +0,0 @@
-import type { StyleProp, TextStyle, ViewProps, ViewStyle } from 'react-native'
-
-import type { DeepPartial } from '../../types'
-
-export type LoadingType = 'circular' | 'spinner' | 'ball'
-
-export interface LoadingTokens {
-  defaults: {
-    type: LoadingType
-    size: number
-    textSize: number
-    vertical: boolean
-  }
-  layout: {
-    container: ViewStyle
-    spinnerItem: ViewStyle
-    text: TextStyle
-  }
-  colors: {
-    indicator: string
-    text: string
-  }
-  sizing: {
-    spinner: {
-      lineWidth: number
-      lineLength: number
-      itemCount: number
-      innerGapRatio: number
-    }
-    ball: {
-      itemCount: number
-      dotSizeRatio: number
-      dotScaleMin: number
-      gapRatio: number
-    }
-  }
-  spacing: {
-    gap: number
-  }
-}
-
-export interface LoadingProps extends ViewProps {
-  color?: string
-  size?: number
-  textSize?: number
-  textColor?: string
-  type?: LoadingType
-  vertical?: boolean
-  children?: React.ReactNode
-  textStyle?: StyleProp<TextStyle>
-  contentStyle?: StyleProp<ViewStyle>
-  tokensOverride?: DeepPartial<LoadingTokens>
-}