@varlet/ui 1.27.20 → 2.0.0-alpha.1663499244572

package/types/table.d.ts

@@ -1,12 +1,11 @@
-import { VarComponent } from './varComponent'
-import type { BasicAttributes } from './varComponent'
-
-export interface TableProps extends BasicAttributes {
-  fullWidth?: string | number
-}
-
-export class Table extends VarComponent {
-  $props: TableProps
-}
-
-export class _TableComponent extends Table {}
+import { VarComponent, BasicAttributes } from './varComponent'
+
+export interface TableProps extends BasicAttributes {
+  fullWidth?: string | number
+}
+
+export class Table extends VarComponent {
+  $props: TableProps
+}
+
+export class _TableComponent extends Table {}

package/types/tabs.d.ts

@@ -1,30 +1,29 @@
-import { VarComponent } from './varComponent'
-import type { BasicAttributes } from './varComponent'
-
-export interface TabsProps extends BasicAttributes {
-  active?: string | number
-  layoutDirection?: 'horizontal' | 'vertical'
-  itemDirection?: 'horizontal' | 'vertical'
-  fixedBottom?: boolean
-  activeColor?: string
-  inactiveColor?: string
-  disabledColor?: string
-  color?: string
-  indicatorColor?: string
-  indicatorSize?: string | number
-  elevation?: boolean
-  sticky?: boolean
-  safeArea?: boolean
-  offsetTop?: string | number
-  onClick?: (active: string | number) => void
-  onChange?: (active: string | number) => void
-  'onUpdate:active'?: (active: string | number) => void
-}
-
-export class Tabs extends VarComponent {
-  $props: TabsProps
-
-  resize(): void
-}
-
-export class _TabsComponent extends Tabs {}
+import { VarComponent, BasicAttributes, Direction as TabsDirection } from './varComponent'
+
+export interface TabsProps extends BasicAttributes {
+  active?: string | number
+  layoutDirection?: TabsDirection
+  itemDirection?: TabsDirection
+  fixedBottom?: boolean
+  activeColor?: string
+  inactiveColor?: string
+  disabledColor?: string
+  color?: string
+  indicatorColor?: string
+  indicatorSize?: string | number
+  elevation?: boolean
+  sticky?: boolean
+  safeArea?: boolean
+  offsetTop?: string | number
+  onClick?: (active: string | number) => void
+  onChange?: (active: string | number) => void
+  'onUpdate:active'?: (active: string | number) => void
+}
+
+export class Tabs extends VarComponent {
+  $props: TabsProps
+
+  resize(): void
+}
+
+export class _TabsComponent extends Tabs {}

package/types/tabsItems.d.ts

@@ -1,13 +1,15 @@
-import { VarComponent } from './varComponent'
-import type { BasicAttributes } from './varComponent'
-
-export interface TabsItemsProps extends BasicAttributes {
-  active?: string | number
-  'onUpdate:active'?: (active: string | number) => void
-}
-
-export class TabsItems extends VarComponent {
-  $props: TabsItemsProps
-}
-
-export class _TabsItemsComponent extends TabsItems {}
+import { VarComponent, BasicAttributes } from './varComponent'
+import type { Swipe } from './swipe'
+
+export interface TabsItemsProps extends BasicAttributes {
+  active?: string | number
+  'onUpdate:active'?: (active: string | number) => void
+}
+
+export class TabsItems extends VarComponent {
+  $props: TabsItemsProps
+
+  getSwipe(): Swipe
+}
+
+export class _TabsItemsComponent extends TabsItems {}

package/types/timePicker.d.ts

@@ -1,29 +1,30 @@
-import { VarComponent } from './varComponent'
-import type { BasicAttributes } from './varComponent'
-
-export type AllowedTime = {
-  hours?: (hour: number) => boolean
-  minutes?: (minute: number) => boolean
-  seconds?: (second: number) => boolean
-}
-
-export interface TimePickerProps extends BasicAttributes {
-  modelValue?: string
-  shadow?: boolean
-  color?: string
-  headerColor?: string
-  allowedTime?: AllowedTime
-  format?: 'ampm' | '24hr'
-  min?: string
-  max?: string
-  useSeconds?: boolean
-  readonly?: boolean
-  onChange?: (value: string) => void
-  'onUpdate:modelValue'?: (value: string) => void
-}
-
-export class TimePicker extends VarComponent {
-  $props: TimePickerProps
-}
-
-export class _TimePickerComponent extends TimePicker {}
+import { VarComponent, BasicAttributes } from './varComponent'
+
+export type AllowedTime = {
+  hours?: (hour: number) => boolean
+  minutes?: (minute: number) => boolean
+  seconds?: (second: number) => boolean
+}
+
+export type TimePickerFormat = 'ampm' | '24hr'
+
+export interface TimePickerProps extends BasicAttributes {
+  modelValue?: string
+  elevation?: boolean
+  color?: string
+  headerColor?: string
+  allowedTime?: AllowedTime
+  format?: TimePickerFormat
+  min?: string
+  max?: string
+  useSeconds?: boolean
+  readonly?: boolean
+  onChange?: (value: string) => void
+  'onUpdate:modelValue'?: (value: string) => void
+}
+
+export class TimePicker extends VarComponent {
+  $props: TimePickerProps
+}
+
+export class _TimePickerComponent extends TimePicker {}

package/types/uploader.d.ts

@@ -1,60 +1,65 @@
-import { VarComponent } from './varComponent'
-import type { BasicAttributes } from './varComponent'
-
-export interface VarFile extends BasicAttributes {
-  file?: File
-  name?: string
-  url?: string
-  cover?: string
-  fit?: 'fill' | 'contain' | 'cover' | 'none' | 'scale-down'
-  state?: 'loading' | 'success' | 'error'
-}
-
-export type UploaderValidateTriggers = 'onChange' | 'onRemove'
-
-export type UploaderVarFileUtils = {
-  getLoading(): VarFile[]
-  getSuccess(): VarFile[]
-  getError(): VarFile[]
-}
-
-interface UploaderProps {
-  modelValue?: VarFile[]
-  accept?: string
-  capture?: boolean | 'user' | 'environment'
-  multiple?: boolean
-  readonly?: boolean
-  disabled?: boolean
-  removable?: boolean
-  maxlength?: string | number
-  maxsize?: string | number
-  previewed?: boolean
-  hideList?: boolean
-  ripple?: boolean
-  validateTrigger?: Array<UploaderValidateTriggers>
-  rules?: Array<(v: VarFile[], u: UploaderVarFileUtils) => any>
-  onBeforeRead?: (file: VarFile) => Promise<boolean> | boolean
-  onAfterRead?: (file: VarFile) => any
-  onOversize?: (file: VarFile) => any
-  onBeforeRemove?: (file: VarFile) => any
-  onRemove?: (file: VarFile) => any
-  'onUpdate:modelValue'?: (files: VarFile[]) => any
-}
-
-export class Uploader extends VarComponent {
-  $props: UploaderProps
-
-  getLoading(): VarFile[]
-
-  getSuccess(): VarFile[]
-
-  getError(): VarFile[]
-
-  validate(): Promise<boolean>
-
-  resetValidation(): void
-
-  reset(): void
-}
-
-export class _UploaderComponent extends Uploader {}
+import { VarComponent, BasicAttributes } from './varComponent'
+
+export type VarFileFit = 'fill' | 'contain' | 'cover' | 'none' | 'scale-down'
+
+export type VarFileState = 'loading' | 'success' | 'error'
+
+export interface VarFile extends BasicAttributes {
+  file?: File
+  name?: string
+  url?: string
+  cover?: string
+  fit?: VarFileFit
+  state?: VarFileState
+}
+
+export type UploaderValidateTrigger = 'onChange' | 'onRemove'
+
+export type UploaderVarFileUtils = {
+  getLoading(): VarFile[]
+  getSuccess(): VarFile[]
+  getError(): VarFile[]
+}
+
+export type UploaderCapture = boolean | 'user' | 'environment'
+
+interface UploaderProps {
+  modelValue?: VarFile[]
+  accept?: string
+  capture?: UploaderCapture
+  multiple?: boolean
+  readonly?: boolean
+  disabled?: boolean
+  removable?: boolean
+  maxlength?: string | number
+  maxsize?: string | number
+  previewed?: boolean
+  hideList?: boolean
+  ripple?: boolean
+  validateTrigger?: Array<UploaderValidateTrigger>
+  rules?: Array<(v: VarFile[], u: UploaderVarFileUtils) => any>
+  onBeforeRead?: (file: VarFile) => Promise<boolean> | boolean
+  onAfterRead?: (file: VarFile) => any
+  onOversize?: (file: VarFile) => any
+  onBeforeRemove?: (file: VarFile) => any
+  onRemove?: (file: VarFile) => any
+  'onUpdate:modelValue'?: (files: VarFile[]) => any
+}
+
+export class Uploader extends VarComponent {
+  $props: UploaderProps
+
+  getLoading(): VarFile[]
+
+  getSuccess(): VarFile[]
+
+  getError(): VarFile[]
+
+  validate(): Promise<boolean>
+
+  resetValidation(): void
+
+  reset(): void
+}
+
+export class _UploaderComponent extends Uploader {}

package/types/varComponent.d.ts

@@ -1,12 +1,18 @@
-import type { App } from 'vue'
-
-export class VarComponent {
-  static name: string
-
-  static install(app: App): void
-}
-
-export interface BasicAttributes {
-  class?: string | Record<string, any>
-  style?: string | Record<string, any>
-}
+import type { App } from 'vue'
+
+export class VarComponent {
+  static name: string
+
+  static install(app: App): void
+}
+
+export type Type = 'default' | 'primary' | 'info' | 'success' | 'warning' | 'danger'
+
+export type Size = 'normal' | 'mini' | 'small' | 'large'
+
+export type Direction = 'horizontal' | 'vertical'
+
+export interface BasicAttributes {
+  class?: string | Record<string, any>
+  style?: string | Record<string, any>
+}

package/types/varDirective.d.ts

@@ -1,12 +1,12 @@
-import type { App } from 'vue'
-import { DirectiveBinding } from '@vue/runtime-core'
-
-export class VarDirective {
-  static install(app: App): void
-
-  static mounted(el: HTMLElement, binding: DirectiveBinding): void
-
-  static updated(el: HTMLElement, binding: DirectiveBinding): void
-
-  static unmounted(el: HTMLElement, binding: DirectiveBinding): void
-}
+import type { App } from 'vue'
+import { DirectiveBinding } from '@vue/runtime-core'
+
+export class VarDirective {
+  static install(app: App): void
+
+  static mounted(el: HTMLElement, binding: DirectiveBinding): void
+
+  static updated(el: HTMLElement, binding: DirectiveBinding): void
+
+  static unmounted(el: HTMLElement, binding: DirectiveBinding): void
+}