@varlet/ui 1.27.20 → 2.0.0-alpha.1663499244572

package/types/picker.d.ts

@@ -1,86 +1,85 @@
-import type { App } from 'vue'
-import { VarComponent } from './varComponent'
-import type { BasicAttributes } from './varComponent'
-
-export interface NormalColumn extends BasicAttributes {
-  texts: Texts
-  initialIndex?: number
-}
-
-export interface CascadeColumn {
-  [textKey: string]: any
-  children: CascadeColumn[]
-}
-
-export type Texts = any[]
-
-export interface PickerProps {
-  columns?: NormalColumn[] | CascadeColumn[] | Texts
-  title?: string
-  textKey?: string
-  toolbar?: boolean
-  cascade?: boolean
-  cascadeInitialIndexes: number[]
-  textFormatter?: (text: any, columnIndex: number) => any
-  optionHeight?: string | number
-  optionCount?: string | number
-  confirmButtonText?: string
-  cancelButtonText?: string
-  confirmButtonTextColor?: string
-  cancelButtonTextColor?: string
-  onChange?: (texts: Texts, indexes: number[]) => void
-  onConfirm?: (texts: Texts, indexes: number[]) => void
-  onCancel?: (texts: Texts, indexes: number[]) => void
-}
-
-export class PickerComponent extends VarComponent {
-  $props: PickerProps
-
-  confirm(): void
-
-  cancel(): void
-}
-
-export type PickerActions = 'confirm' | 'cancel' | 'close'
-
-export interface PickerResolvedData {
-  state: PickerActions
-  texts?: Texts
-  indexes?: number[]
-}
-
-export interface PickerOptions {
-  columns: NormalColumn | CascadeColumn | Texts
-  title?: string
-  textKey?: string
-  toolbar?: boolean
-  cascade?: boolean
-  cascadeInitialIndexes?: number[]
-  optionHeight?: number | string
-  optionCount?: number | string
-  confirmButtonText?: string
-  cancelButtonText?: string
-  confirmButtonTextColor?: string
-  cancelButtonTextColor?: string
-  textFormatter?: (text: any, columnIndex: number) => any
-  onOpen?: () => void
-  onOpened?: () => void
-  onClose?: () => void
-  onClosed?: () => void
-  onChange?: (texts: Texts, indexes: number[]) => void
-  onConfirm?: (texts: Texts, indexes: number[]) => void
-  onCancel?: (texts: Texts, indexes: number[]) => void
-}
-
-export interface IPicker {
-  (options: PickerOptions | Texts): Promise<PickerResolvedData>
-  Component: typeof PickerComponent
-
-  install(app: App): void
-
-  close(): void
-}
-
-export const Picker: IPicker
-
-export class _PickerComponent extends PickerComponent {}
+import type { App } from 'vue'
+import { VarComponent, BasicAttributes } from './varComponent'
+
+export interface NormalColumn extends BasicAttributes {
+  texts: Texts
+  initialIndex?: number
+}
+
+export interface CascadeColumn {
+  [textKey: string]: any
+  children: CascadeColumn[]
+}
+
+export type Texts = any[]
+
+export interface PickerProps {
+  columns?: NormalColumn[] | CascadeColumn[] | Texts
+  title?: string
+  textKey?: string
+  toolbar?: boolean
+  cascade?: boolean
+  cascadeInitialIndexes: number[]
+  textFormatter?: (text: any, columnIndex: number) => any
+  optionHeight?: string | number
+  optionCount?: string | number
+  confirmButtonText?: string
+  cancelButtonText?: string
+  confirmButtonTextColor?: string
+  cancelButtonTextColor?: string
+  onChange?: (texts: Texts, indexes: number[]) => void
+  onConfirm?: (texts: Texts, indexes: number[]) => void
+  onCancel?: (texts: Texts, indexes: number[]) => void
+}
+
+export class PickerComponent extends VarComponent {
+  $props: PickerProps
+
+  confirm(): void
+
+  cancel(): void
+}
+
+export type PickerActions = 'confirm' | 'cancel' | 'close'
+
+export interface PickerResolvedData {
+  state: PickerActions
+  texts?: Texts
+  indexes?: number[]
+}
+
+export interface PickerOptions {
+  columns: NormalColumn | CascadeColumn | Texts
+  title?: string
+  textKey?: string
+  toolbar?: boolean
+  cascade?: boolean
+  cascadeInitialIndexes?: number[]
+  optionHeight?: number | string
+  optionCount?: number | string
+  confirmButtonText?: string
+  cancelButtonText?: string
+  confirmButtonTextColor?: string
+  cancelButtonTextColor?: string
+  textFormatter?: (text: any, columnIndex: number) => any
+  onOpen?: () => void
+  onOpened?: () => void
+  onClose?: () => void
+  onClosed?: () => void
+  onChange?: (texts: Texts, indexes: number[]) => void
+  onConfirm?: (texts: Texts, indexes: number[]) => void
+  onCancel?: (texts: Texts, indexes: number[]) => void
+}
+
+export interface IPicker {
+  (options: PickerOptions | Texts): Promise<PickerResolvedData>
+  Component: typeof PickerComponent
+
+  install(app: App): void
+
+  close(): void
+}
+
+export const Picker: IPicker
+
+export class _PickerComponent extends PickerComponent {}

package/types/popup.d.ts

@@ -1,26 +1,27 @@
-import { VarComponent } from './varComponent'
-import type { BasicAttributes } from './varComponent'
-import type { TeleportProps } from 'vue'
-
-export interface PopupProps extends BasicAttributes {
-  show?: boolean
-  position?: 'top' | 'bottom' | 'right' | 'left' | 'center'
-  overlay?: boolean
-  overlayClass?: string
-  overlayStyle?: Record<string, any>
-  lockScroll?: boolean
-  closeOnClickOverlay?: boolean
-  teleport?: TeleportProps['to']
-  onOpen?: () => void
-  onOpened?: () => void
-  onClose?: () => void
-  onClosed?: () => void
-  onClickOverlay?: () => void
-  'onUpdate:show'?: (show: boolean) => void
-}
-
-export class Popup extends VarComponent {
-  $props: PopupProps
-}
-
-export class _PopupComponent extends Popup {}
+import { VarComponent, BasicAttributes } from './varComponent'
+import type { TeleportProps } from 'vue'
+
+export type PopupPosition = 'top' | 'bottom' | 'right' | 'left' | 'center'
+
+export interface PopupProps extends BasicAttributes {
+  show?: boolean
+  position?: PopupPosition
+  overlay?: boolean
+  overlayClass?: string
+  overlayStyle?: Record<string, any>
+  lockScroll?: boolean
+  closeOnClickOverlay?: boolean
+  teleport?: TeleportProps['to']
+  onOpen?: () => void
+  onOpened?: () => void
+  onClose?: () => void
+  onClosed?: () => void
+  onClickOverlay?: () => void
+  'onUpdate:show'?: (show: boolean) => void
+}
+
+export class Popup extends VarComponent {
+  $props: PopupProps
+}
+
+export class _PopupComponent extends Popup {}

package/types/progress.d.ts

@@ -1,21 +1,22 @@
-import { VarComponent } from './varComponent'
-import type { BasicAttributes } from './varComponent'
-
-export interface ProgressProps extends BasicAttributes {
-  mode?: 'linear' | 'circle'
-  lineWidth?: string | number
-  color?: string
-  trackColor?: string
-  ripple?: boolean
-  showAction?: boolean
-  showTrack?: boolean
-  value?: number | string
-  size?: number
-  rotate?: number
-}
-
-export class Progress extends VarComponent {
-  $props: ProgressProps
-}
-
-export class _ProgressComponent extends Progress {}
+import { VarComponent, BasicAttributes } from './varComponent'
+
+export type ProgressMode = 'linear' | 'circle'
+
+export interface ProgressProps extends BasicAttributes {
+  mode?: ProgressMode
+  lineWidth?: string | number
+  color?: string
+  trackColor?: string
+  ripple?: boolean
+  showAction?: boolean
+  showTrack?: boolean
+  value?: number | string
+  size?: number
+  rotate?: number
+}
+
+export class Progress extends VarComponent {
+  $props: ProgressProps
+}
+
+export class _ProgressComponent extends Progress {}

package/types/pullRefresh.d.ts

@@ -1,21 +1,20 @@
-import { VarComponent } from './varComponent'
-import type { BasicAttributes } from './varComponent'
-
-export interface PullRefreshProps extends BasicAttributes {
-  modelValue?: boolean
-  disabled?: boolean
-  animationDuration?: number | string
-  successDuration?: number | string
-  bgColor?: string
-  successBgColor?: string
-  color?: string
-  successColor?: string
-  onRefresh?: () => void
-  'onUpdate:modelValue'?: (value: boolean) => void
-}
-
-export class PullRefresh extends VarComponent {
-  $props: PullRefreshProps
-}
-
-export class _PullRefreshComponent extends PullRefresh {}
+import { VarComponent, BasicAttributes } from './varComponent'
+
+export interface PullRefreshProps extends BasicAttributes {
+  modelValue?: boolean
+  disabled?: boolean
+  animationDuration?: number | string
+  successDuration?: number | string
+  bgColor?: string
+  successBgColor?: string
+  color?: string
+  successColor?: string
+  onRefresh?: () => void
+  'onUpdate:modelValue'?: (value: boolean) => void
+}
+
+export class PullRefresh extends VarComponent {
+  $props: PullRefreshProps
+}
+
+export class _PullRefreshComponent extends PullRefresh {}

package/types/radio.d.ts

@@ -1,35 +1,34 @@
-import { VarComponent } from './varComponent'
-import type { BasicAttributes } from './varComponent'
-
-export type RadioValidateTriggers = 'onChange'
-
-export interface RadioProps extends BasicAttributes {
-  modelValue?: any
-  checkedValue?: any
-  uncheckedValue?: any
-  checkedColor?: string
-  uncheckedColor?: string
-  disabled?: boolean
-  readonly?: boolean
-  iconSize?: string | number
-  ripple?: boolean
-  validateTrigger?: Array<RadioValidateTriggers>
-  rules?: Array<(value: any) => any>
-  onClick?: (e: Event) => void
-  onChange?: (value: any) => void
-  'onUpdate:modelValue'?: (value: any) => void
-}
-
-export class Radio extends VarComponent {
-  $props: RadioProps
-
-  validate(): Promise<boolean>
-
-  resetValidation(): void
-
-  reset(): void
-
-  toggle(value: any): void
-}
-
-export class _RadioComponent extends Radio {}
+import { VarComponent, BasicAttributes } from './varComponent'
+
+export type RadioValidateTrigger = 'onChange'
+
+export interface RadioProps extends BasicAttributes {
+  modelValue?: any
+  checkedValue?: any
+  uncheckedValue?: any
+  checkedColor?: string
+  uncheckedColor?: string
+  disabled?: boolean
+  readonly?: boolean
+  iconSize?: string | number
+  ripple?: boolean
+  validateTrigger?: Array<RadioValidateTrigger>
+  rules?: Array<(value: any) => any>
+  onClick?: (e: Event) => void
+  onChange?: (value: any) => void
+  'onUpdate:modelValue'?: (value: any) => void
+}
+
+export class Radio extends VarComponent {
+  $props: RadioProps
+
+  validate(): Promise<boolean>
+
+  resetValidation(): void
+
+  reset(): void
+
+  toggle(value: any): void
+}
+
+export class _RadioComponent extends Radio {}

package/types/radioGroup.d.ts

@@ -1,25 +1,24 @@
-import { VarComponent } from './varComponent'
-import type { BasicAttributes } from './varComponent'
-
-export type RadioGroupValidateTriggers = 'onChange'
-
-export interface RadioGroupProps extends BasicAttributes {
-  modelValue?: any
-  direction?: 'horizontal' | 'vertical'
-  validateTrigger?: Array<RadioGroupValidateTriggers>
-  rules?: Array<(value: any) => any>
-  onChange?: (value: any) => void
-  'onUpdate:modelValue'?: (value: any) => void
-}
-
-export class RadioGroup extends VarComponent {
-  $props: RadioGroupProps
-
-  validate(): Promise<boolean>
-
-  resetValidation(): void
-
-  reset(): void
-}
-
-export class _RadioGroupComponent extends RadioGroup {}
+import { VarComponent, BasicAttributes, Direction as RadioGroupDirection } from './varComponent'
+
+export type RadioGroupValidateTrigger = 'onChange'
+
+export interface RadioGroupProps extends BasicAttributes {
+  modelValue?: any
+  direction?: RadioGroupDirection
+  validateTrigger?: Array<RadioGroupValidateTrigger>
+  rules?: Array<(value: any) => any>
+  onChange?: (value: any) => void
+  'onUpdate:modelValue'?: (value: any) => void
+}
+
+export class RadioGroup extends VarComponent {
+  $props: RadioGroupProps
+
+  validate(): Promise<boolean>
+
+  resetValidation(): void
+
+  reset(): void
+}
+
+export class _RadioGroupComponent extends RadioGroup {}

package/types/rate.d.ts

@@ -1,29 +1,28 @@
-import { VarComponent } from './varComponent'
-import type { BasicAttributes } from './varComponent'
-
-export interface RateProps extends BasicAttributes {
-  modelValue?: string | number
-  count?: string | number
-  color?: string
-  icon?: string
-  emptyColor?: string
-  disabledColor?: string
-  emptyIcon?: string
-  halfIcon?: string
-  namespace?: string
-  size?: string | number
-  gap?: string | number
-  half?: boolean
-  disabled?: boolean
-  readonly?: boolean
-  ripple?: boolean
-  rules?: Array<(value: any) => any>
-  onChange?: (value: string | number) => void
-  'onUpdate:modelValue'?: (value: string | number) => void
-}
-
-export class Rate extends VarComponent {
-  $props: RateProps
-}
-
-export class _RateComponent extends Rate {}
+import { VarComponent, BasicAttributes } from './varComponent'
+
+export interface RateProps extends BasicAttributes {
+  modelValue?: string | number
+  count?: string | number
+  color?: string
+  icon?: string
+  emptyColor?: string
+  disabledColor?: string
+  emptyIcon?: string
+  halfIcon?: string
+  namespace?: string
+  size?: string | number
+  gap?: string | number
+  half?: boolean
+  disabled?: boolean
+  readonly?: boolean
+  ripple?: boolean
+  rules?: Array<(value: any) => any>
+  onChange?: (value: string | number) => void
+  'onUpdate:modelValue'?: (value: string | number) => void
+}
+
+export class Rate extends VarComponent {
+  $props: RateProps
+}
+
+export class _RateComponent extends Rate {}

package/types/ripple.d.ts

@@ -1,5 +1,5 @@
-import { VarDirective } from './varDirective'
-
-export class Ripple extends VarDirective {}
-
-export class _RippleComponent extends Ripple {}
+import { VarDirective } from './varDirective'
+
+export class Ripple extends VarDirective {}
+
+export class _RippleComponent extends Ripple {}

package/types/row.d.ts

@@ -1,15 +1,18 @@
-import { VarComponent } from './varComponent'
-import type { BasicAttributes } from './varComponent'
-
-export interface RowProps extends BasicAttributes {
-  gutter?: string | number
-  justify?: 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around'
-  align?: 'flex-start' | 'center' | 'flex-end'
-  onClick?: (e: Event) => void
-}
-
-export class Row extends VarComponent {
-  $props: RowProps
-}
-
-export class _RowComponent extends Row {}
+import { VarComponent, BasicAttributes } from './varComponent'
+
+export type RowJustify = 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around'
+
+export type RowAlign = 'flex-start' | 'center' | 'flex-end'
+
+export interface RowProps extends BasicAttributes {
+  gutter?: string | number
+  justify?: RowJustify
+  align?: RowAlign
+  onClick?: (e: Event) => void
+}
+
+export class Row extends VarComponent {
+  $props: RowProps
+}
+
+export class _RowComponent extends Row {}

package/types/select.d.ts

@@ -1,47 +1,48 @@
-import { VarComponent } from './varComponent'
-import type { BasicAttributes } from './varComponent'
-
-export type SelectValidateTriggers = 'onFocus' | 'onBlur' | 'onChange' | 'onClick' | 'onClear' | 'onClose'
-
-export interface SelectProps extends BasicAttributes {
-  modelValue?: any
-  placeholder?: string
-  multiple?: boolean
-  offsetY?: number | string
-  chip?: boolean
-  line?: boolean
-  hint?: boolean
-  textColor?: string
-  focusColor?: string
-  blurColor?: string
-  disabled?: boolean
-  readonly?: boolean
-  clearable?: boolean
-  separator?: string
-  textAlign?: 'left' | 'right' | 'center'
-  validateTrigger?: Array<SelectValidateTriggers>
-  rules?: Array<(v: any) => any>
-  onFocus?: (e: Event) => void
-  onBlur?: (e: Event) => void
-  onClick?: (e: Event) => void
-  onClear?: (value: any) => void
-  onClose?: (value: any) => void
-  onChange?: (value: any) => void
-  'onUpdate:modelValue'?: (value: any) => void
-}
-
-export class Select extends VarComponent {
-  $props: SelectProps
-
-  focus(): void
-
-  blur(): void
-
-  validate(): Promise<boolean>
-
-  resetValidation(): void
-
-  reset(): void
-}
-
-export class _SelectComponent extends Select {}
+import { VarComponent, BasicAttributes } from './varComponent'
+
+export type SelectValidateTrigger = 'onFocus' | 'onBlur' | 'onChange' | 'onClick' | 'onClear' | 'onClose'
+
+export type SelectTextAlign = 'left' | 'right' | 'center'
+
+export interface SelectProps extends BasicAttributes {
+  modelValue?: any
+  placeholder?: string
+  multiple?: boolean
+  offsetY?: number | string
+  chip?: boolean
+  line?: boolean
+  hint?: boolean
+  textColor?: string
+  focusColor?: string
+  blurColor?: string
+  disabled?: boolean
+  readonly?: boolean
+  clearable?: boolean
+  separator?: string
+  textAlign?: SelectTextAlign
+  validateTrigger?: Array<SelectValidateTrigger>
+  rules?: Array<(v: any) => any>
+  onFocus?: (e: Event) => void
+  onBlur?: (e: Event) => void
+  onClick?: (e: Event) => void
+  onClear?: (value: any) => void
+  onClose?: (value: any) => void
+  onChange?: (value: any) => void
+  'onUpdate:modelValue'?: (value: any) => void
+}
+
+export class Select extends VarComponent {
+  $props: SelectProps
+
+  focus(): void
+
+  blur(): void
+
+  validate(): Promise<boolean>
+
+  resetValidation(): void
+
+  reset(): void
+}
+
+export class _SelectComponent extends Select {}