@varlet/ui/types/counter.d.ts

A Vue3 component library based on Material Design 2 and 3, supporting mobile and desktop.

import { BasicAttributes, Rules as CounterRules, ListenerProp, SetPropsDefaults, VarComponent } from './varComponent'

export declare const counterProps: Record<keyof CounterProps, any>

export type CounterValidateTrigger = 'onIncrement' | 'onDecrement' | 'onInputChange' | 'onLazyChange'

export interface CounterProps extends BasicAttributes {
  modelValue?: number
  min?: string | number
  max?: string | number
  step?: string | number
  color?: string
  inputWidth?: string | number
  inputTextSize?: string | number
  buttonSize?: string | number
  elevation?: boolean | string | number
  decimalLength?: string | number
  disabled?: boolean
  readonly?: boolean
  disableIncrement?: boolean
  disableDecrement?: boolean
  disableInput?: boolean
  lazyChange?: boolean
  incrementButton?: boolean
  decrementButton?: boolean
  press?: boolean
  ripple?: boolean
  validateTrigger?: Array<CounterValidateTrigger>
  rules?: CounterRules
  onBeforeChange?: ListenerProp<(value: number, change: (value: number) => void) => void>
  onChange?: ListenerProp<(value: number) => void>
  onIncrement?: ListenerProp<(value: number) => void>
  onDecrement?: ListenerProp<(value: number) => void>
  'onUpdate:modelValue'?: ListenerProp<(value: number) => void>
}

export class Counter extends VarComponent {
  static setPropsDefaults: SetPropsDefaults<CounterProps>

  $props: CounterProps

  validate(): Promise<boolean>

  resetValidation(): void

  reset(): void
}

export class _CounterComponent extends Counter {}