react-native-system-ui 0.0.1 → 0.0.3

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

@@ -1,96 +0,0 @@
-import type * as React from 'react'
-import type { StyleProp, TextStyle, ViewStyle } from 'react-native'
-
-import type { DeepPartial } from '../../types'
-import type { PopupProps } from '../popup/Popup'
-
-export type ActionSheetCloseAction = 'action' | 'cancel' | 'close' | 'close-icon' | 'overlay'
-
-export interface ActionSheetAction {
-  key?: React.Key
-  name?: React.ReactNode
-  subname?: React.ReactNode
-  color?: string
-  disabled?: boolean
-  loading?: boolean
-  icon?: React.ReactNode
-  style?: StyleProp<ViewStyle>
-  onPress?: (action: ActionSheetAction) => void
-  /** 对齐 Vant：callback */
-  callback?: (action: ActionSheetAction) => void
-}
-
-export interface ActionSheetTokens {
-  defaults: {
-    closeOnClickAction: boolean
-    closeable: boolean
-    round: boolean
-    safeAreaInsetBottom: boolean
-    overlay: boolean
-    lockScroll: boolean
-  }
-  layout: {
-    popup: ViewStyle
-    panel: ViewStyle
-    header: ViewStyle
-    titleContainer: ViewStyle
-    title: TextStyle
-    titleNode: ViewStyle
-    closeButton: ViewStyle
-    descriptionContainer: ViewStyle
-    description: TextStyle
-    descriptionNode: ViewStyle
-    actions: ViewStyle
-    item: ViewStyle
-    itemWithIcon: ViewStyle
-    itemTextWrapper: ViewStyle
-    itemText: TextStyle
-    subname: TextStyle
-    subnameNode: ViewStyle
-    icon: ViewStyle
-    cancelGap: ViewStyle
-    cancel: ViewStyle
-    cancelText: TextStyle
-  }
-  colors: {
-    background: string
-    title: string
-    description: string
-    item: string
-    subitem: string
-    cancel: string
-    disabled: string
-    border: string
-    itemBackground: string
-    itemPressedBackground: string
-    cancelBackground: string
-    cancelGapBackground: string
-  }
-  typography: {
-    title: number
-    item: number
-    description: number
-  }
-  spacing: {
-    horizontal: number
-    vertical: number
-    cancelGap: number
-  }
-}
-
-export interface ActionSheetProps extends Omit<PopupProps, 'children'> {
-  title?: React.ReactNode
-  description?: React.ReactNode
-  cancelText?: React.ReactNode
-  actions?: ActionSheetAction[]
-  /** 是否在点击选项后自动关闭（对齐 Vant：close-on-click-action，默认 false） */
-  closeOnClickAction?: boolean
-  /** @deprecated 请使用 closeOnClickAction */
-  closeOnSelect?: boolean
-  children?: React.ReactNode
-  onSelect?: (action: ActionSheetAction, index: number) => void
-  onCancel?: () => void
-  /** 关闭前拦截，返回 false 可阻止关闭，支持 Promise */
-  beforeClose?: (action: ActionSheetCloseAction) => boolean | Promise<boolean>
-  tokensOverride?: DeepPartial<ActionSheetTokens>
-}

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

@@ -1,27 +0,0 @@
-import type * as React from 'react'
-
-import type { PickerProps, PickerOption } from '../picker/types'
-
-export interface AreaList {
-  province_list?: Record<string, string>
-  city_list?: Record<string, string>
-  county_list?: Record<string, string>
-}
-
-export interface AreaOption extends PickerOption {
-  label: React.ReactNode
-  value: string
-  children?: AreaOption[]
-}
-
-export interface AreaProps
-  extends Omit<PickerProps, 'columns' | 'onChange' | 'value' | 'defaultValue' | 'onConfirm'> {
-  areaList: AreaList
-  columnsNum?: 1 | 2 | 3
-  value?: string[]
-  defaultValue?: string[]
-  onChange?: (values: string[], options: (AreaOption | undefined)[]) => void
-  onConfirm?: (values: string[], options: (AreaOption | undefined)[]) => void
-}
-
-export type AreaColumnType = 'province' | 'city' | 'county'

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

@@ -1,64 +0,0 @@
-import type React from 'react'
-import type {
-  PressableProps,
-  StyleProp,
-  TextStyle,
-  ViewStyle,
-  ImageSourcePropType,
-  ImageStyle,
-} from 'react-native'
-
-import type { DeepPartial } from '../../types'
-
-export type AvatarShape = 'circle' | 'square'
-export type AvatarSize = 'small' | 'medium' | 'large'
-
-export interface AvatarTokens {
-  defaults: {
-    size: AvatarSize
-    shape: AvatarShape
-  }
-  layout: {
-    container: ViewStyle
-    text: TextStyle
-    image: ImageStyle
-    iconWrapper: ViewStyle
-  }
-  colors: {
-    background: string
-    text: string
-  }
-  typography: {
-    fontWeight: TextStyle['fontWeight']
-    fallbackTextScale: number
-  }
-  sizing: {
-    sizes: Record<AvatarSize, number>
-    iconMaxSize: number
-    loadingSize: number
-  }
-  radii: {
-    squareMin: number
-    squareDivisor: number
-  }
-}
-
-import type { ImageFit } from '../image/types'
-
-export interface AvatarProps extends Omit<PressableProps, 'style'> {
-  src?: string
-  source?: ImageSourcePropType
-  fit?: ImageFit
-  icon?: React.ReactNode
-  text?: string
-  size?: AvatarSize | number
-  width?: number
-  height?: number
-  shape?: AvatarShape
-  color?: string
-  backgroundColor?: string
-  textStyle?: StyleProp<TextStyle>
-  contentStyle?: StyleProp<ViewStyle>
-  style?: StyleProp<ViewStyle>
-  tokensOverride?: DeepPartial<AvatarTokens>
-}

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

@@ -1,61 +0,0 @@
-import type { PressableProps, StyleProp, TextStyle, ViewProps, ViewStyle } from 'react-native'
-
-import type { DeepPartial } from '../../types'
-
-export interface BadgeTokens {
-  defaults: {
-    dot: boolean
-    showZero: boolean
-    pressedOpacity: number
-  }
-  layout: {
-    wrapper: ViewStyle
-    badgeAbsolute: ViewStyle
-    badgeStandalone: ViewStyle
-    pressableStandalone: ViewStyle
-    text: TextStyle
-  }
-  colors: {
-    background: string
-    dot: string
-    text: string
-    border: string
-  }
-  typography: {
-    fontSize: number
-    fontWeight: TextStyle['fontWeight']
-    fontFamily: string
-    lineHeight: number
-  }
-  sizing: {
-    minWidth: number
-    height: number
-    paddingHorizontal: number
-    paddingVertical: number
-    dotSize: number
-  }
-  radii: {
-    badge: number
-    dot: number
-  }
-  borders: {
-    width: number
-  }
-}
-
-export type BadgeOffset = [number | string, number | string]
-
-export interface BadgeProps extends ViewProps {
-  children?: React.ReactNode
-  content?: React.ReactNode
-  color?: string
-  textColor?: string
-  dot?: boolean
-  max?: number | string
-  offset?: BadgeOffset
-  showZero?: boolean
-  badgeStyle?: StyleProp<ViewStyle>
-  textStyle?: StyleProp<TextStyle>
-  onPress?: PressableProps['onPress']
-  tokensOverride?: DeepPartial<BadgeTokens>
-}

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

@@ -1,145 +0,0 @@
-import type React from 'react'
-import type {
-  PressableProps,
-  StyleProp,
-  TextStyle,
-  ViewStyle,
-} from 'react-native'
-
-import type { DeepPartial } from '../../types'
-
-export type ButtonType = 'default' | 'primary' | 'success' | 'info' | 'warning' | 'danger'
-export type ButtonSize = 'large' | 'normal' | 'small' | 'mini'
-export type ButtonIconPosition = 'left' | 'right'
-export type ButtonShadowLevel = 1 | 2 | 3
-export type ButtonMode = 'contained' | 'text' | 'outlined' | 'contained-tonal' | 'elevated'
-
-export type ButtonIconRender = (
-  color: string,
-  size: number
-) => React.ReactNode
-
-export type ButtonLoadingType = 'circular' | 'spinner'
-export type ButtonLoadingSize = number | 'small' | 'large'
-
-export interface ButtonTokens {
-  defaults: {
-    type: ButtonType
-    size: ButtonSize
-    plain: boolean
-    block: boolean
-    round: boolean
-    square: boolean
-    hairline: boolean
-    iconPosition: ButtonIconPosition
-    mode: ButtonMode
-    loading: boolean
-    loadingType: ButtonLoadingType
-    loadingSize: ButtonLoadingSize
-    disabled: boolean
-    autoInsertSpace: boolean
-    uppercase: boolean
-    allowFontScaling: boolean
-  }
-  layout: {
-    base: ViewStyle
-    block: ViewStyle
-    content: ViewStyle
-    iconWrapper: ViewStyle
-    text: TextStyle
-  }
-  colors: {
-    ripple: string
-    backgroundTransparent: string
-    backgroundPlain: string
-    textDark: string
-    textLight: string
-    tones: Record<
-      ButtonType,
-      {
-        background: string
-        border: string
-        text: string
-        tonalBackground: string
-        tonalBorder: string
-        tonalText: string
-      }
-    >
-  }
-  typography: {
-    fontFamily: string
-    lineHeightMultiplier: number
-    fontWeight: TextStyle['fontWeight']
-  }
-  sizing: {
-    sizes: Record<
-      ButtonSize,
-      {
-        height: number
-        fontSize: number
-        paddingHorizontal: number
-        iconSize: number
-        radius: number
-      }
-    >
-  }
-  borders: {
-    width: number
-    hairlineWidth: number
-  }
-  spacing: {
-    iconGap: number
-    groupGap: number
-  }
-  states: {
-    disabledOpacity: number
-    loadingOpacity: number
-    pressedOpacity: number
-  }
-  shadows: Record<
-    ButtonShadowLevel,
-    {
-      color: string
-      opacity: number
-      radius: number
-      offsetY: number
-      elevation: number
-    }
-  >
-}
-
-export interface ButtonProps
-  extends Omit<PressableProps, 'style' | 'children'> {
-  text?: React.ReactNode
-  children?: React.ReactNode
-  icon?: React.ReactNode | ButtonIconRender
-  iconPosition?: ButtonIconPosition
-  type?: ButtonType
-  size?: ButtonSize
-  color?: string
-  textColor?: string
-  plain?: boolean
-  block?: boolean
-  round?: boolean
-  square?: boolean
-  hairline?: boolean
-  shadow?: boolean | ButtonShadowLevel
-  loading?: boolean
-  loadingText?: React.ReactNode
-  loadingIndicator?: React.ReactNode
-  loadingType?: ButtonLoadingType
-  loadingSize?: ButtonLoadingSize
-  disabled?: boolean
-  autoInsertSpace?: boolean
-  mode?: ButtonMode
-  uppercase?: boolean
-  buttonColor?: string
-  dark?: boolean
-  contentStyle?: StyleProp<ViewStyle>
-  textStyle?: StyleProp<TextStyle>
-  tokensOverride?: DeepPartial<ButtonTokens>
-  style?: StyleProp<ViewStyle>
-  rippleColor?: string
-  allowFontScaling?: boolean
-  maxFontSizeMultiplier?: number
-}

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

@@ -1,115 +0,0 @@
-import type React from "react"
-import type { TextStyle, ViewProps, ViewStyle } from "react-native"
-
-import type { DeepPartial } from "../../types"
-import type { PopupPlacement, PopupProps } from "../popup"
-
-export type CalendarType = "single" | "range" | "multiple"
-
-export interface CalendarTokens {
-  defaults: {
-    type: CalendarType
-    title: React.ReactNode
-    showSubtitle: boolean
-    showHeader: boolean
-    showConfirm: Record<CalendarType, boolean>
-    confirmText: React.ReactNode
-    weekStartsOn: 0 | 1 | 2 | 3 | 4 | 5 | 6
-    weekdays: React.ReactNode[]
-    allowSameDay: boolean
-    poppable: boolean
-    closeOnClickOverlay: boolean
-    closeOnConfirm: boolean
-    popupPlacement: PopupPlacement
-    popupRound: boolean
-  }
-  layout: {
-    header: ViewStyle
-    headerCenter: ViewStyle
-    navText: TextStyle
-    headerTitle: TextStyle
-    headerSubtitle: TextStyle
-    weekRow: ViewStyle
-    weekLabelItem: ViewStyle
-    weekLabel: TextStyle
-    days: ViewStyle
-    dayButton: ViewStyle
-    dayText: TextStyle
-    dayPlaceholder: ViewStyle
-    confirmButton: ViewStyle
-    confirmText: TextStyle
-  }
-  colors: {
-    text: string
-    weekend: string
-    disabled: string
-    background: string
-    selectedBackground: string
-    selectedText: string
-    rangeBackground: string
-    headerSubtitle: string
-    confirmText: string
-  }
-  typography: {
-    headerTitleSize: number
-    headerTitleWeight: TextStyle['fontWeight']
-    headerSubtitleSize: number
-    confirmTextWeight: TextStyle['fontWeight']
-  }
-  sizing: {
-    dayMinWidth: number
-    navButtonSize: number
-  }
-  radii: {
-    day: number
-    container: number
-    confirmButton: number
-  }
-  spacing: {
-    row: number
-    column: number
-    containerPadding: number
-    headerMarginBottom: number
-    weekRowMarginBottom: number
-    navPaddingHorizontal: number
-    dayPaddingVertical: number
-    confirmMarginTop: number
-    confirmPaddingVertical: number
-  }
-}
-
-export interface CalendarProps extends ViewProps {
-  value?: Date | Date[] | null
-  defaultValue?: Date | Date[] | null
-  minDate?: Date
-  maxDate?: Date
-  type?: CalendarType
-  title?: React.ReactNode
-  showSubtitle?: boolean
-  color?: string
-  showHeader?: boolean
-  showConfirm?: boolean
-  confirmText?: React.ReactNode
-  weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6
-  weekdays?: React.ReactNode[]
-  formatMonthTitle?: (date: Date) => React.ReactNode
-  allowSameDay?: boolean
-  maxRange?: number
-  onOverRange?: (limit: number) => void
-  poppable?: boolean
-  visible?: boolean
-  defaultVisible?: boolean
-  onVisibleChange?: (visible: boolean) => void
-  closeOnClickOverlay?: boolean
-  closeOnConfirm?: boolean
-  popupPlacement?: PopupPlacement
-  popupRound?: boolean
-  popupProps?: Partial<PopupProps>
-  onOpen?: () => void
-  onOpened?: () => void
-  onClose?: () => void
-  onClosed?: () => void
-  onSelect?: (value: Date | Date[]) => void
-  onConfirm?: (value: Date | Date[]) => void
-  tokensOverride?: DeepPartial<CalendarTokens>
-}

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

@@ -1,159 +0,0 @@
-import type React from "react"
-import type { TextStyle, ViewProps, ViewStyle } from "react-native"
-
-import type { DeepPartial } from "../../types"
-import type { PopupPlacement, PopupProps } from "../popup"
-
-export interface CascaderTokens {
-  defaults: {
-    placeholder: string
-    title: React.ReactNode
-    showHeader: boolean
-    closeable: boolean
-    swipeable: boolean
-    poppable: boolean
-    closeOnClickOverlay: boolean
-    closeOnFinish: boolean
-    popupPlacement: PopupPlacement
-    popupRound: boolean
-    loadingText: string
-  }
-  layout: {
-    container: ViewStyle
-    header: ViewStyle
-    title: TextStyle
-    closeButton: ViewStyle
-    tabsWrapper: ViewStyle
-    tabsContentStatic: ViewStyle
-    tabsItem: ViewStyle
-    tabsTitle: TextStyle
-    tabTitleNode: TextStyle
-    optionList: ViewStyle
-    option: ViewStyle
-    optionContent: ViewStyle
-    optionText: TextStyle
-    optionTextActive: TextStyle
-    optionLabel: ViewStyle
-    empty: TextStyle
-    inlineChildren: ViewStyle
-  }
-  colors: {
-    background: string
-    headerText: string
-    placeholder: string
-    closeIcon: string
-    closeIconActive: string
-    tabText: string
-    tabActive: string
-    tabInactive: string
-    optionText: string
-    optionDisabled: string
-    optionActiveBackground: string
-    optionActiveText: string
-    divider: string
-  }
-  typography: {
-    titleSize: number
-    titleWeight: TextStyle['fontWeight']
-    tabsTitleSize: number
-    tabTitlePlaceholderWeight: TextStyle['fontWeight']
-    tabTitleWeight: TextStyle['fontWeight']
-    optionTextSize: number
-    optionTextActiveWeight: TextStyle['fontWeight']
-    emptyTextSize: number
-  }
-  sizing: {
-    indicatorHeight: number
-    optionMinHeight: number
-    optionListHeight: number
-    headerHeight: number
-    closeIconSize: number
-    selectedIconSize: number
-  }
-  radii: {
-    option: number
-  }
-  spacing: {
-    headerPaddingHorizontal: number
-    tabNavPaddingHorizontal: number
-    tabNavPaddingVertical: number
-    tabPaddingHorizontal: number
-    optionPaddingVertical: number
-    optionPaddingHorizontal: number
-    optionListPaddingTop: number
-    optionListPaddingBottom: number
-    closeButtonMarginLeft: number
-    optionLabelMarginRight: number
-    emptyPaddingVertical: number
-    inlineChildrenPaddingVertical: number
-  }
-}
-
-export type CascaderValue = string | number
-
-export interface CascaderOption {
-  text?: React.ReactNode
-  value?: CascaderValue
-  disabled?: boolean
-  color?: string
-  children?: CascaderOption[]
-  loading?: boolean
-  [key: string]: any
-}
-
-export interface CascaderFieldNames {
-  text?: string
-  value?: string
-  children?: string
-}
-
-export interface CascaderActions {
-  open: () => void
-  close: () => void
-  toggle: () => void
-}
-
-export type CascaderRenderProps = (
-  value: CascaderValue[],
-  selectedRows: CascaderOption[],
-  actions: CascaderActions,
-) => React.ReactNode
-
-export interface CascaderProps extends Omit<ViewProps, 'children'> {
-  options?: CascaderOption[]
-  value?: CascaderValue[]
-  defaultValue?: CascaderValue[]
-  title?: React.ReactNode
-  placeholder?: string
-  activeColor?: string
-  tokensOverride?: DeepPartial<CascaderTokens>
-  fieldNames?: CascaderFieldNames
-  swipeable?: boolean
-  optionRender?: (params: { option: CascaderOption; selected: boolean }) => React.ReactNode
-  showHeader?: boolean
-  closeable?: boolean
-  closeIcon?: React.ReactNode
-  onClose?: () => void
-  onChange?: (value: CascaderValue[], selectedRows: CascaderOption[]) => void
-  onFinish?: (value: CascaderValue[], selectedRows: CascaderOption[]) => void
-  /**
-   * 点击标签时触发（对齐官方命名）
-   * 第二个参数 title 为当前 Tab 展示标题（若非纯文本则为空字符串）
-   */
-  onClickTab?: (tabIndex: number, title: string) => void
-  /**
-   * @deprecated 请使用 onClickTab
-   */
-  onTabChange?: (tabIndex: number) => void
-  poppable?: boolean
-  visible?: boolean
-  defaultVisible?: boolean
-  onVisibleChange?: (visible: boolean) => void
-  closeOnClickOverlay?: boolean
-  closeOnFinish?: boolean
-  popupPlacement?: PopupPlacement
-  popupRound?: boolean
-  popupProps?: Partial<PopupProps>
-  loadingText?: string
-  children?: React.ReactNode | CascaderRenderProps
-}