@varlet/ui 1.27.20 → 2.0.0-alpha.1663499244572

package/types/indexAnchor.d.ts

@@ -1,12 +1,11 @@
-import { VarComponent } from './varComponent'
-import type { BasicAttributes } from './varComponent'
-
-export interface IndexAnchorProps extends BasicAttributes {
-  index: string | number
-}
-
-export class IndexAnchor extends VarComponent {
-  $props: IndexAnchorProps
-}
-
-export class _IndexAnchorComponent extends IndexAnchor {}
+import { VarComponent, BasicAttributes } from './varComponent'
+
+export interface IndexAnchorProps extends BasicAttributes {
+  index: string | number
+}
+
+export class IndexAnchor extends VarComponent {
+  $props: IndexAnchorProps
+}
+
+export class _IndexAnchorComponent extends IndexAnchor {}

package/types/indexBar.d.ts

@@ -1,22 +1,21 @@
-import { VarComponent } from './varComponent'
-import type { BasicAttributes } from './varComponent'
-
-export interface IndexBarProps extends BasicAttributes {
-  sticky?: boolean
-  stickyOffsetTop?: number | string
-  hideList?: boolean
-  cssMode?: boolean
-  zIndex?: number | string
-  highlightColor?: string
-  duration?: number | string
-  onClick?: (value: string | number) => void
-  onChange?: (value: string | number) => void
-}
-
-export class IndexBar extends VarComponent {
-  $props: IndexBarProps
-
-  scrollTo: (index: number | string) => void
-}
-
-export class _IndexBarComponent extends IndexBar {}
+import { VarComponent, BasicAttributes } from './varComponent'
+
+export interface IndexBarProps extends BasicAttributes {
+  sticky?: boolean
+  stickyOffsetTop?: number | string
+  hideList?: boolean
+  cssMode?: boolean
+  zIndex?: number | string
+  highlightColor?: string
+  duration?: number | string
+  onClick?: (value: string | number) => void
+  onChange?: (value: string | number) => void
+}
+
+export class IndexBar extends VarComponent {
+  $props: IndexBarProps
+
+  scrollTo: (index: number | string) => void
+}
+
+export class _IndexBarComponent extends IndexBar {}

package/types/input.d.ts

@@ -1,47 +1,48 @@
-import { VarComponent } from './varComponent'
-import type { BasicAttributes } from './varComponent'
-
-export type InputValidateTriggers = 'onFocus' | 'onBlur' | 'onChange' | 'onClick' | 'onClear' | 'onInput'
-
-export interface InputProps extends BasicAttributes {
-  modelValue?: string
-  type?: 'text' | 'password' | 'number' | 'tel' | 'email'
-  textarea?: boolean
-  rows?: string | number
-  placeholder?: string
-  hint?: boolean
-  textColor?: string
-  focusColor?: string
-  blurColor?: string
-  maxlength?: string | number
-  disabled?: boolean
-  readonly?: boolean
-  clearable?: boolean
-  resize?: boolean
-  autofocus?: boolean
-  validateTrigger?: InputValidateTriggers[]
-  rules?: Array<(v: string) => any>
-  onFocus?: (e: Event) => void
-  onBlur?: (e: Event) => void
-  onClick?: (e: Event) => void
-  onClear?: (value: string) => void
-  onInput?: (value: string, e: Event) => void
-  onChange?: (value: string, e: Event) => void
-  'onUpdate:modelValue'?: (value: string) => void
-}
-
-export class Input extends VarComponent {
-  $props: InputProps
-
-  focus(): void
-
-  blur(): void
-
-  validate(): Promise<boolean>
-
-  resetValidation(): void
-
-  reset(): void
-}
-
-export class _InputComponent extends Input {}
+import { VarComponent, BasicAttributes } from './varComponent'
+
+export type InputValidateTrigger = 'onFocus' | 'onBlur' | 'onChange' | 'onClick' | 'onClear' | 'onInput'
+
+export type InputType = 'text' | 'password' | 'number' | 'tel' | 'email'
+
+export interface InputProps extends BasicAttributes {
+  modelValue?: string
+  type?: InputType
+  textarea?: boolean
+  rows?: string | number
+  placeholder?: string
+  hint?: boolean
+  textColor?: string
+  focusColor?: string
+  blurColor?: string
+  maxlength?: string | number
+  disabled?: boolean
+  readonly?: boolean
+  clearable?: boolean
+  resize?: boolean
+  autofocus?: boolean
+  validateTrigger?: InputValidateTrigger[]
+  rules?: Array<(v: string) => any>
+  onFocus?: (e: Event) => void
+  onBlur?: (e: Event) => void
+  onClick?: (e: Event) => void
+  onClear?: (value: string) => void
+  onInput?: (value: string, e: Event) => void
+  onChange?: (value: string, e: Event) => void
+  'onUpdate:modelValue'?: (value: string) => void
+}
+
+export class Input extends VarComponent {
+  $props: InputProps
+
+  focus(): void
+
+  blur(): void
+
+  validate(): Promise<boolean>
+
+  resetValidation(): void
+
+  reset(): void
+}
+
+export class _InputComponent extends Input {}

package/types/lazy.d.ts

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

package/types/list.d.ts

@@ -1,22 +1,21 @@
-import { VarComponent } from './varComponent'
-import type { BasicAttributes } from './varComponent'
-
-export interface ListProps extends BasicAttributes {
-  loading?: boolean
-  immediateCheck?: boolean
-  finished?: boolean
-  error?: boolean
-  offset?: string | number
-  loadingText?: string
-  finishedText?: string
-  errorText?: string
-  onLoad?: () => void
-  'onUpdate:loading'?: (loading: boolean) => void
-  'onUpdate:error'?: (error: boolean) => void
-}
-
-export class List extends VarComponent {
-  $props: ListProps
-}
-
-export class _ListComponent extends List {}
+import { VarComponent, BasicAttributes } from './varComponent'
+
+export interface ListProps extends BasicAttributes {
+  loading?: boolean
+  immediateCheck?: boolean
+  finished?: boolean
+  error?: boolean
+  offset?: string | number
+  loadingText?: string
+  finishedText?: string
+  errorText?: string
+  onLoad?: () => void
+  'onUpdate:loading'?: (loading: boolean) => void
+  'onUpdate:error'?: (error: boolean) => void
+}
+
+export class List extends VarComponent {
+  $props: ListProps
+}
+
+export class _ListComponent extends List {}

package/types/loading.d.ts

@@ -1,17 +1,18 @@
-import { VarComponent } from './varComponent'
-import type { BasicAttributes } from './varComponent'
-
-export interface LoadingProps extends BasicAttributes {
-  type?: 'circle' | 'wave' | 'cube' | 'rect' | 'disappear'
-  radius?: string | number
-  size?: 'normal' | 'mini' | 'small' | 'large'
-  color?: string
-  description?: string
-  show?: boolean
-}
-
-export class Loading extends VarComponent {
-  $props: LoadingProps
-}
-
-export class _LoadingComponent extends Loading {}
+import { VarComponent, BasicAttributes, Size as LoadingSize } from './varComponent'
+
+export type LoadingType = 'circle' | 'wave' | 'cube' | 'rect' | 'disappear'
+
+export interface LoadingProps extends BasicAttributes {
+  type?: LoadingType
+  radius?: string | number
+  size?: LoadingSize
+  color?: string
+  description?: string
+  show?: boolean
+}
+
+export class Loading extends VarComponent {
+  $props: LoadingProps
+}
+
+export class _LoadingComponent extends Loading {}

package/types/locale.d.ts

@@ -1,49 +1,52 @@
-import type { Ref } from 'vue'
-
-export type Month = '01' | '02' | '03' | '04' | '05' | '06' | '07' | '08' | '09' | '10' | '11' | '12'
-
-export type Week = '0' | '1' | '2' | '3' | '4' | '5' | '6'
-
-export type Pack = {
-  // Dialog
-  dialogTitle: string
-  dialogConfirmButtonText: string
-  dialogCancelButtonText: string
-  // ActionSheet
-  actionSheetTitle: string
-  // List
-  listLoadingText: string
-  listFinishedText: string
-  listErrorText: string
-  // Picker
-  pickerTitle: string
-  pickerConfirmButtonText: string
-  pickerCancelButtonText: string
-  // date-picker
-  datePickerMonthDict: Record<Month, { name: string; abbr: string }>
-  datePickerWeekDict: Record<Week, { name: string; abbr: string }>
-  datePickerSelected: string
-  // pagination
-  paginationItem: string
-  paginationPage: string
-  paginationJump: string
-}
-
-interface Locale {
-  packs: Record<string, Partial<Pack>>
-  pack: Ref<Partial<Pack>>
-  add(lang: string, pack: Partial<Pack>): void
-  use(lang: string): void
-  merge(lang: string, pack: Partial<Pack>): void
-  useLocale<T = Pack>(): {
-    packs: Record<string, Partial<T>>
-    pack: Ref<Partial<T>>
-    add(lang: string, pack: Partial<T> & { lang?: string }): void
-    use(lang: string): void
-    merge(lang: string, pack: Partial<T>): void
-  }
-}
-
-export const Locale: Locale
-
-export class _LocaleComponent {}
+import type { Ref } from 'vue'
+
+export type Month = '01' | '02' | '03' | '04' | '05' | '06' | '07' | '08' | '09' | '10' | '11' | '12'
+
+export type Week = '0' | '1' | '2' | '3' | '4' | '5' | '6'
+
+export type Pack = {
+  // Dialog
+  dialogTitle: string
+  dialogConfirmButtonText: string
+  dialogCancelButtonText: string
+  // ActionSheet
+  actionSheetTitle: string
+  // List
+  listLoadingText: string
+  listFinishedText: string
+  listErrorText: string
+  // Picker
+  pickerTitle: string
+  pickerConfirmButtonText: string
+  pickerCancelButtonText: string
+  // date-picker
+  datePickerMonthDict: Record<Month, { name: string; abbr: string }>
+  datePickerWeekDict: Record<Week, { name: string; abbr: string }>
+  datePickerSelected: string
+  // pagination
+  paginationItem: string
+  paginationPage: string
+  paginationJump: string
+}
+
+interface Locale {
+  zhCN: Pack
+  enUS: Pack
+  packs: Record<string, Partial<Pack>>
+  pack: Ref<Partial<Pack>>
+  add(lang: string, pack: Partial<Pack>): void
+  use(lang: string): void
+  merge(lang: string, pack: Partial<Pack>): void
+
+  useLocale<T = Pack>(): {
+    packs: Record<string, Partial<T>>
+    pack: Ref<Partial<T>>
+    add(lang: string, pack: Partial<T> & { lang?: string }): void
+    use(lang: string): void
+    merge(lang: string, pack: Partial<T>): void
+  }
+}
+
+export const Locale: Locale
+
+export class _LocaleComponent {}

package/types/menu.d.ts

@@ -1,22 +1,46 @@
-import { VarComponent } from './varComponent'
-import type { BasicAttributes } from './varComponent'
-
-export interface MenuProps extends BasicAttributes {
-  show?: boolean
-  alignment?: 'top' | 'bottom'
-  offsetX?: string | number
-  offsetY?: string | number
-  onOpen?: () => void
-  onOpened?: () => void
-  onClose?: () => void
-  onClosed?: () => void
-  'onUpdate:show'?: (show: boolean) => void
-}
-
-export class Menu extends VarComponent {
-  $props: MenuProps
-
-  resize(): void
-}
-
-export class _MenuComponent extends Menu {}
+import { VarComponent, BasicAttributes } from './varComponent'
+import { Placement as PopperPlacement } from '@popperjs/core/lib/enums'
+import { TeleportProps } from 'vue'
+
+type NeededPopperPlacement = Exclude<PopperPlacement, 'auto' | 'auto-start' | 'auto-end'>
+
+export type MenuPlacement =
+  | NeededPopperPlacement
+  | 'cover-top'
+  | 'cover-top-start'
+  | 'cover-top-end'
+  | 'cover-bottom'
+  | 'cover-bottom-start'
+  | 'cover-bottom-end'
+  | 'cover-left'
+  | 'cover-right'
+
+export type MenuTrigger = 'click' | 'hover'
+
+export interface MenuProps extends BasicAttributes {
+  show?: boolean
+  disabled?: boolean
+  trigger?: MenuTrigger
+  placement?: MenuPlacement
+  offsetX?: string | number
+  offsetY?: string | number
+  teleport?: TeleportProps['to']
+  defaultStyle?: boolean
+  onOpen?: () => void
+  onOpened?: () => void
+  onClose?: () => void
+  onClosed?: () => void
+  'onUpdate:show'?: (show: boolean) => void
+}
+
+export class Menu extends VarComponent {
+  $props: MenuProps
+
+  open(): void
+
+  close(): void
+
+  resize(): void
+}
+
+export class _MenuComponent extends Menu {}

package/types/option.d.ts

@@ -1,13 +1,12 @@
-import { VarComponent } from './varComponent'
-import type { BasicAttributes } from './varComponent'
-
-export interface OptionProps extends BasicAttributes {
-  label?: any
-  value?: any
-}
-
-export class Option extends VarComponent {
-  $props: OptionProps
-}
-
-export class _OptionComponent extends Option {}
+import { VarComponent, BasicAttributes } from './varComponent'
+
+export interface OptionProps extends BasicAttributes {
+  label?: any
+  value?: any
+}
+
+export class Option extends VarComponent {
+  $props: OptionProps
+}
+
+export class _OptionComponent extends Option {}

package/types/pagination.d.ts

@@ -1,26 +1,25 @@
-import { VarComponent } from './varComponent'
-import type { BasicAttributes } from './varComponent'
-
-type Range = [number, number]
-
-export interface PaginationProps extends BasicAttributes {
-  current?: string | number
-  size?: string | number
-  total?: string | number
-  maxPagerCount?: number
-  disabled?: boolean
-  simple?: boolean
-  showSizeChanger?: boolean
-  showQuickJumper?: boolean
-  sizeOption?: Array<number>
-  showTotal?: (total: number, range: Range) => string
-  onChange?: (current: number, size: number) => void
-  'onUpdate:current': (current: number) => void
-  'onUpdate:size': (size: number) => void
-}
-
-export class Pagination extends VarComponent {
-  $props: PaginationProps
-}
-
-export class _PaginationComponent extends Pagination {}
+import { VarComponent, BasicAttributes } from './varComponent'
+
+type Range = [number, number]
+
+export interface PaginationProps extends BasicAttributes {
+  current?: string | number
+  size?: string | number
+  total?: string | number
+  maxPagerCount?: number
+  disabled?: boolean
+  simple?: boolean
+  showSizeChanger?: boolean
+  showQuickJumper?: boolean
+  sizeOption?: Array<number>
+  showTotal?: (total: number, range: Range) => string
+  onChange?: (current: number, size: number) => void
+  'onUpdate:current': (current: number) => void
+  'onUpdate:size': (size: number) => void
+}
+
+export class Pagination extends VarComponent {
+  $props: PaginationProps
+}
+
+export class _PaginationComponent extends Pagination {}