@varlet/ui 1.27.20 → 2.0.0-alpha.1663499244572

package/types/counter.d.ts

@@ -1,45 +1,44 @@
-import { VarComponent } from './varComponent'
-import type { BasicAttributes } from './varComponent'
-
-export type CounterValidateTriggers = 'onIncrement' | 'onDecrement' | 'onInputChange' | 'onLazyChange'
-
-export interface CounterProps extends BasicAttributes {
-  modelValue?: string | number
-  min?: string | number
-  max?: string | number
-  step?: string | number
-  color?: string
-  inputWidth?: string | number
-  inputTextSize?: string | number
-  buttonSize?: 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<CounterValidateTriggers>
-  rules?: Array<(v: number) => any>
-  onBeforeChange?: (value: number, change: (value: string | number) => void) => void
-  onChange?: (value: number) => void
-  onIncrement?: (value: number) => void
-  onDecrement?: (value: number) => void
-  'onUpdate:modelValue'?: (value: number) => void
-}
-
-export class Counter extends VarComponent {
-  $props: CounterProps
-
-  validate(): Promise<boolean>
-
-  resetValidation(): void
-
-  reset(): void
-}
-
-export class _CounterComponent extends Counter {}
+import { VarComponent, BasicAttributes } from './varComponent'
+
+export type CounterValidateTrigger = 'onIncrement' | 'onDecrement' | 'onInputChange' | 'onLazyChange'
+
+export interface CounterProps extends BasicAttributes {
+  modelValue?: string | number
+  min?: string | number
+  max?: string | number
+  step?: string | number
+  color?: string
+  inputWidth?: string | number
+  inputTextSize?: string | number
+  buttonSize?: 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?: Array<(v: number) => any>
+  onBeforeChange?: (value: number, change: (value: string | number) => void) => void
+  onChange?: (value: number) => void
+  onIncrement?: (value: number) => void
+  onDecrement?: (value: number) => void
+  'onUpdate:modelValue'?: (value: number) => void
+}
+
+export class Counter extends VarComponent {
+  $props: CounterProps
+
+  validate(): Promise<boolean>
+
+  resetValidation(): void
+
+  reset(): void
+}
+
+export class _CounterComponent extends Counter {}

package/types/datePicker.d.ts

@@ -1,28 +1,29 @@
-import { VarComponent } from './varComponent'
-import type { BasicAttributes } from './varComponent'
-
-export interface DatePickerProps extends BasicAttributes {
-  modelValue: string | Array<string>
-  type?: 'date' | 'month'
-  allowedDates?: (val: string) => boolean
-  color?: string
-  headerColor?: string
-  shadow?: boolean
-  firstDayOfWeek?: string | number
-  min?: string
-  max?: string
-  showCurrent?: boolean
-  readonly?: boolean
-  multiple?: boolean
-  range?: boolean
-  touchable?: boolean
-  onPreview?: (year: number, month: number) => void
-  onChange?: (value: string | string[]) => void
-  'onUpdate:modelValue'?: (value: string | string[]) => void
-}
-
-export class DatePicker extends VarComponent {
-  $props: DatePickerProps
-}
-
-export class _DatePickerComponent extends DatePicker {}
+import { VarComponent, BasicAttributes } from './varComponent'
+
+export type DatePickerType = 'date' | 'month'
+
+export interface DatePickerProps extends BasicAttributes {
+  modelValue: string | Array<string>
+  type?: DatePickerType
+  allowedDates?: (val: string) => boolean
+  color?: string
+  headerColor?: string
+  elevation?: boolean
+  firstDayOfWeek?: string | number
+  min?: string
+  max?: string
+  showCurrent?: boolean
+  readonly?: boolean
+  multiple?: boolean
+  range?: boolean
+  touchable?: boolean
+  onPreview?: (year: number, month: number) => void
+  onChange?: (value: string | string[]) => void
+  'onUpdate:modelValue'?: (value: string | string[]) => void
+}
+
+export class DatePicker extends VarComponent {
+  $props: DatePickerProps
+}
+
+export class _DatePickerComponent extends DatePicker {}

package/types/dialog.d.ts

@@ -1,83 +1,84 @@
-import { VarComponent } from './varComponent'
-import type { BasicAttributes } from './varComponent'
-import type { App, TeleportProps } from 'vue'
-
-export interface DialogProps extends BasicAttributes {
-  show?: boolean
-  title?: string
-  message?: string
-  messageAlign?: 'left' | 'center' | 'right'
-  confirmButton?: boolean
-  cancelButton?: boolean
-  confirmButtonText?: string
-  cancelButtonText?: string
-  confirmButtonTextColor?: string
-  cancelButtonTextColor?: string
-  confirmButtonColor?: string
-  cancelButtonColor?: string
-  overlay?: boolean
-  overlayClass?: string
-  overlayStyle?: Record<string, any>
-  dialogClass?: string
-  dialogStyle?: Record<string, any>
-  lockScroll?: boolean
-  closeOnClickOverlay?: boolean
-  teleport?: TeleportProps['to']
-  onOpen?: () => void
-  onOpened?: () => void
-  onBeforeClose?: (action: DialogActions, done: () => void) => void
-  onClose?: () => void
-  onClosed?: () => void
-  onConfirm?: () => void
-  onCancel?: () => void
-  onClickOverlay?: () => void
-  'onUpdate:show'?: (show: boolean) => void
-}
-
-export class DialogComponent extends VarComponent {
-  $props: DialogProps
-}
-
-export type DialogActions = 'confirm' | 'cancel' | 'close'
-
-export interface DialogOptions {
-  title?: string
-  message?: string
-  messageAlign?: 'left' | 'center' | 'right'
-  confirmButton?: boolean
-  cancelButton?: boolean
-  confirmButtonText?: string
-  cancelButtonText?: string
-  confirmButtonTextColor?: string
-  cancelButtonTextColor?: string
-  confirmButtonColor?: string
-  cancelButtonColor?: string
-  overlay?: boolean
-  overlayClass?: string
-  overlayStyle?: Record<string, any>
-  dialogClass?: string
-  dialogStyle?: Record<string, any>
-  lockScroll?: boolean
-  closeOnClickOverlay?: boolean
-  onOpen?: () => void
-  onOpened?: () => void
-  onBeforeClose?: (action: DialogActions, done: () => void) => void
-  onClose?: () => void
-  onClosed?: () => void
-  onConfirm?: () => void
-  onCancel?: () => void
-  onClickOverlay?: () => void
-}
-
-export interface IDialog {
-  (options: DialogOptions | string): Promise<DialogActions>
-  Component: typeof DialogComponent
-
-  close(): void
-
-  install(app: App): void
-}
-
-export const Dialog: IDialog
-
-export class _DialogComponent extends DialogComponent {}
+import { VarComponent, BasicAttributes } from './varComponent'
+import type { App, TeleportProps } from 'vue'
+
+export type DialogTypeMessageAlign = 'left' | 'center' | 'right'
+
+export interface DialogProps extends BasicAttributes {
+  show?: boolean
+  title?: string
+  message?: string
+  messageAlign?: DialogTypeMessageAlign
+  confirmButton?: boolean
+  cancelButton?: boolean
+  confirmButtonText?: string
+  cancelButtonText?: string
+  confirmButtonTextColor?: string
+  cancelButtonTextColor?: string
+  confirmButtonColor?: string
+  cancelButtonColor?: string
+  overlay?: boolean
+  overlayClass?: string
+  overlayStyle?: Record<string, any>
+  dialogClass?: string
+  dialogStyle?: Record<string, any>
+  lockScroll?: boolean
+  closeOnClickOverlay?: boolean
+  teleport?: TeleportProps['to']
+  onOpen?: () => void
+  onOpened?: () => void
+  onBeforeClose?: (action: DialogActions, done: () => void) => void
+  onClose?: () => void
+  onClosed?: () => void
+  onConfirm?: () => void
+  onCancel?: () => void
+  onClickOverlay?: () => void
+  'onUpdate:show'?: (show: boolean) => void
+}
+
+export class DialogComponent extends VarComponent {
+  $props: DialogProps
+}
+
+export type DialogActions = 'confirm' | 'cancel' | 'close'
+
+export interface DialogOptions {
+  title?: string
+  message?: string
+  messageAlign?: 'left' | 'center' | 'right'
+  confirmButton?: boolean
+  cancelButton?: boolean
+  confirmButtonText?: string
+  cancelButtonText?: string
+  confirmButtonTextColor?: string
+  cancelButtonTextColor?: string
+  confirmButtonColor?: string
+  cancelButtonColor?: string
+  overlay?: boolean
+  overlayClass?: string
+  overlayStyle?: Record<string, any>
+  dialogClass?: string
+  dialogStyle?: Record<string, any>
+  lockScroll?: boolean
+  closeOnClickOverlay?: boolean
+  onOpen?: () => void
+  onOpened?: () => void
+  onBeforeClose?: (action: DialogActions, done: () => void) => void
+  onClose?: () => void
+  onClosed?: () => void
+  onConfirm?: () => void
+  onCancel?: () => void
+  onClickOverlay?: () => void
+}
+
+export interface IDialog {
+  (options: DialogOptions | string): Promise<DialogActions>
+  Component: typeof DialogComponent
+
+  close(): void
+
+  install(app: App): void
+}
+
+export const Dialog: IDialog
+
+export class _DialogComponent extends DialogComponent {}

package/types/divider.d.ts

@@ -1,16 +1,15 @@
-import { VarComponent } from './varComponent'
-import type { BasicAttributes } from './varComponent'
-
-export interface DividerProps extends BasicAttributes {
-  inset?: boolean | number
-  vertical?: boolean
-  description?: string
-  margin?: string
-  dashed?: boolean
-}
-
-export class Divider extends VarComponent {
-  $props: DividerProps
-}
-
-export class _DividerComponent extends Divider {}
+import { VarComponent, BasicAttributes } from './varComponent'
+
+export interface DividerProps extends BasicAttributes {
+  inset?: boolean | number
+  vertical?: boolean
+  description?: string
+  margin?: string
+  dashed?: boolean
+}
+
+export class Divider extends VarComponent {
+  $props: DividerProps
+}
+
+export class _DividerComponent extends Divider {}

package/types/form.d.ts

@@ -1,19 +1,18 @@
-import { VarComponent } from './varComponent'
-import type { BasicAttributes } from './varComponent'
-
-export interface FormProps extends BasicAttributes {
-  disabled?: boolean
-  readonly?: boolean
-}
-
-export class Form extends VarComponent {
-  $props: FormProps
-
-  validate(): Promise<boolean>
-
-  resetValidation(): void
-
-  reset(): void
-}
-
-export class _FormComponent extends Form {}
+import { VarComponent, BasicAttributes } from './varComponent'
+
+export interface FormProps extends BasicAttributes {
+  disabled?: boolean
+  readonly?: boolean
+}
+
+export class Form extends VarComponent {
+  $props: FormProps
+
+  validate(): Promise<boolean>
+
+  resetValidation(): void
+
+  reset(): void
+}
+
+export class _FormComponent extends Form {}

package/types/icon.d.ts

@@ -1,17 +1,16 @@
-import { VarComponent } from './varComponent'
-import type { BasicAttributes } from './varComponent'
-
-export interface IconProps extends BasicAttributes {
-  name?: string
-  size?: string | number
-  color?: string
-  namespace?: string
-  transition?: string | number
-  onClick?: (event: Event) => void
-}
-
-export class Icon extends VarComponent {
-  $props: IconProps
-}
-
-export class _IconComponent extends Icon {}
+import { VarComponent, BasicAttributes } from './varComponent'
+
+export interface IconProps extends BasicAttributes {
+  name?: string
+  size?: string | number
+  color?: string
+  namespace?: string
+  transition?: string | number
+  onClick?: (event: Event) => void
+}
+
+export class Icon extends VarComponent {
+  $props: IconProps
+}
+
+export class _IconComponent extends Icon {}

package/types/image.d.ts

@@ -1,25 +1,26 @@
-import { VarComponent } from './varComponent'
-import type { BasicAttributes } from './varComponent'
-
-export interface ImageProps extends BasicAttributes {
-  src?: string
-  fit?: 'fill' | 'contain' | 'cover' | 'none' | 'scale-down'
-  alt?: string
-  width?: string | number
-  height?: string | number
-  radius?: string | number
-  loading?: string
-  error?: string
-  lazy?: boolean
-  ripple?: boolean
-  block?: boolean
-  onClick?: (e: Event) => void
-  onLoad?: (e: Event) => void
-  onError?: (e: Event) => void
-}
-
-export class Image extends VarComponent {
-  $props: ImageProps
-}
-
-export class _ImageComponent extends Image {}
+import { VarComponent, BasicAttributes } from './varComponent'
+
+type ImageFit = 'fill' | 'contain' | 'cover' | 'none' | 'scale-down'
+
+export interface ImageProps extends BasicAttributes {
+  src?: string
+  fit?: ImageFit
+  alt?: string
+  width?: string | number
+  height?: string | number
+  radius?: string | number
+  loading?: string
+  error?: string
+  lazy?: boolean
+  ripple?: boolean
+  block?: boolean
+  onClick?: (e: Event) => void
+  onLoad?: (e: Event) => void
+  onError?: (e: Event) => void
+}
+
+export class Image extends VarComponent {
+  $props: ImageProps
+}
+
+export class _ImageComponent extends Image {}

package/types/imagePreview.d.ts

@@ -1,52 +1,51 @@
-import { VarComponent } from './varComponent'
-import type { BasicAttributes } from './varComponent'
-import type { App, TeleportProps } from 'vue'
-
-export interface ImagePreviewProps extends BasicAttributes {
-  show?: boolean
-  current?: string
-  images?: string[]
-  zoom?: string | number
-  lockScroll?: boolean
-  indicator?: boolean
-  closeable?: boolean
-  teleport?: TeleportProps['to']
-  onOpen?: () => void
-  onOpened?: () => void
-  onClose?: () => void
-  onClosed?: () => void
-  onChange?: (index: number) => void
-  'onUpdate:show'?: (show: boolean) => void
-}
-
-export interface ImagePreviewOptions {
-  show?: boolean
-  current?: string
-  images?: string[]
-  zoom?: string | number
-  lockScroll?: boolean
-  indicator?: boolean
-  closeable?: boolean
-  onOpen?: () => void
-  onOpened?: () => void
-  onClose?: () => void
-  onClosed?: () => void
-  onChange?: (index: number) => void
-}
-
-export class ImagePreviewComponent extends VarComponent {
-  $props: ImagePreviewProps
-}
-
-export interface IImagePreview {
-  (options: string | string[] | ImagePreviewOptions): void
-  Component: typeof ImagePreviewComponent
-
-  close(): void
-
-  install(app: App): void
-}
-
-export const ImagePreview: IImagePreview
-
-export class _ImagePreviewComponent extends ImagePreviewComponent {}
+import { VarComponent, BasicAttributes } from './varComponent'
+import { App, TeleportProps } from 'vue'
+
+export interface ImagePreviewProps extends BasicAttributes {
+  show?: boolean
+  current?: string
+  images?: string[]
+  zoom?: string | number
+  lockScroll?: boolean
+  indicator?: boolean
+  closeable?: boolean
+  teleport?: TeleportProps['to']
+  onOpen?: () => void
+  onOpened?: () => void
+  onClose?: () => void
+  onClosed?: () => void
+  onChange?: (index: number) => void
+  'onUpdate:show'?: (show: boolean) => void
+}
+
+export interface ImagePreviewOptions {
+  show?: boolean
+  current?: string
+  images?: string[]
+  zoom?: string | number
+  lockScroll?: boolean
+  indicator?: boolean
+  closeable?: boolean
+  onOpen?: () => void
+  onOpened?: () => void
+  onClose?: () => void
+  onClosed?: () => void
+  onChange?: (index: number) => void
+}
+
+export class ImagePreviewComponent extends VarComponent {
+  $props: ImagePreviewProps
+}
+
+export interface IImagePreview {
+  (options: string | string[] | ImagePreviewOptions): void
+  Component: typeof ImagePreviewComponent
+
+  close(): void
+
+  install(app: App): void
+}
+
+export const ImagePreview: IImagePreview
+
+export class _ImagePreviewComponent extends ImagePreviewComponent {}

package/types/index.d.ts

@@ -66,3 +66,70 @@ export * from './timePicker'
 export * from './uploader'
 export * from './varComponent'
 export * from './varDirective'
+
+declare module 'vue' {
+  export interface GlobalComponents {
+    VarActionSheet: typeof import('@varlet/ui')['_ActionSheetComponent']
+    VarAppBar: typeof import('@varlet/ui')['_AppBarComponent']
+    VarBackTop: typeof import('@varlet/ui')['_BackTopComponent']
+    VarBadge: typeof import('@varlet/ui')['_BadgeComponent']
+    VarBottomNavigation: typeof import('@varlet/ui')['_BottomNavigationComponent']
+    VarBottomNavigationItem: typeof import('@varlet/ui')['_BottomNavigationItemComponent']
+    VarButton: typeof import('@varlet/ui')['_ButtonComponent']
+    VarCard: typeof import('@varlet/ui')['_CardComponent']
+    VarCell: typeof import('@varlet/ui')['_CellComponent']
+    VarCheckbox: typeof import('@varlet/ui')['_CheckboxComponent']
+    VarCheckboxGroup: typeof import('@varlet/ui')['_CheckboxGroupComponent']
+    VarChip: typeof import('@varlet/ui')['_ChipComponent']
+    VarCol: typeof import('@varlet/ui')['_ColComponent']
+    VarCollapse: typeof import('@varlet/ui')['_CollapseComponent']
+    VarCollapseItem: typeof import('@varlet/ui')['_CollapseItemComponent']
+    VarCountdown: typeof import('@varlet/ui')['_CountdownComponent']
+    VarCounter: typeof import('@varlet/ui')['_CounterComponent']
+    VarDatePicker: typeof import('@varlet/ui')['_DatePickerComponent']
+    VarDialog: typeof import('@varlet/ui')['_DialogComponent']
+    VarDivider: typeof import('@varlet/ui')['_DividerComponent']
+    VarForm: typeof import('@varlet/ui')['_FormComponent']
+    VarIcon: typeof import('@varlet/ui')['_IconComponent']
+    VarImage: typeof import('@varlet/ui')['_ImageComponent']
+    VarImagePreview: typeof import('@varlet/ui')['_ImagePreviewComponent']
+    VarIndexAnchor: typeof import('@varlet/ui')['_IndexAnchorComponent']
+    VarIndexBar: typeof import('@varlet/ui')['_IndexBarComponent']
+    VarInput: typeof import('@varlet/ui')['_InputComponent']
+    VarLazy: typeof import('@varlet/ui')['_LazyComponent']
+    VarList: typeof import('@varlet/ui')['_ListComponent']
+    VarLoading: typeof import('@varlet/ui')['_LoadingComponent']
+    VarLocale: typeof import('@varlet/ui')['_LocaleComponent']
+    VarMenu: typeof import('@varlet/ui')['_MenuComponent']
+    VarOption: typeof import('@varlet/ui')['_OptionComponent']
+    VarPagination: typeof import('@varlet/ui')['_PaginationComponent']
+    VarPicker: typeof import('@varlet/ui')['_PickerComponent']
+    VarPopup: typeof import('@varlet/ui')['_PopupComponent']
+    VarProgress: typeof import('@varlet/ui')['_ProgressComponent']
+    VarPullRefresh: typeof import('@varlet/ui')['_PullRefreshComponent']
+    VarRadio: typeof import('@varlet/ui')['_RadioComponent']
+    VarRadioGroup: typeof import('@varlet/ui')['_RadioGroupComponent']
+    VarRate: typeof import('@varlet/ui')['_RateComponent']
+    VarRipple: typeof import('@varlet/ui')['_RippleComponent']
+    VarRow: typeof import('@varlet/ui')['_RowComponent']
+    VarSelect: typeof import('@varlet/ui')['_SelectComponent']
+    VarSkeleton: typeof import('@varlet/ui')['_SkeletonComponent']
+    VarSlider: typeof import('@varlet/ui')['_SliderComponent']
+    VarSnackbar: typeof import('@varlet/ui')['_SnackbarComponent']
+    VarSpace: typeof import('@varlet/ui')['_SpaceComponent']
+    VarStep: typeof import('@varlet/ui')['_StepComponent']
+    VarSteps: typeof import('@varlet/ui')['_StepsComponent']
+    VarSticky: typeof import('@varlet/ui')['_StickyComponent']
+    VarStyleProvider: typeof import('@varlet/ui')['_StyleProviderComponent']
+    VarSwipe: typeof import('@varlet/ui')['_SwipeComponent']
+    VarSwipeItem: typeof import('@varlet/ui')['_SwipeItemComponent']
+    VarSwitch: typeof import('@varlet/ui')['_SwitchComponent']
+    VarTab: typeof import('@varlet/ui')['_TabComponent']
+    VarTabItem: typeof import('@varlet/ui')['_TabItemComponent']
+    VarTable: typeof import('@varlet/ui')['_TableComponent']
+    VarTabs: typeof import('@varlet/ui')['_TabsComponent']
+    VarTabsItems: typeof import('@varlet/ui')['_TabsItemsComponent']
+    VarTimePicker: typeof import('@varlet/ui')['_TimePickerComponent']
+    VarUploader: typeof import('@varlet/ui')['_UploaderComponent']
+  }
+}