@kokoccc/vuetify 1.0.1

package/types/index.d.ts

@@ -0,0 +1,308 @@
+import Vue, { Component, PluginFunction, Directive, VNode } from 'vue'
+import './lib'
+import './alacarte'
+import './colors'
+
+// Services
+import { Application } from './services/application'
+import { Breakpoint } from './services/breakpoint'
+import { Icons } from './services/icons'
+import { Lang } from './services/lang'
+import { Theme } from './services/theme'
+import {
+  Presets,
+  UserVuetifyPreset,
+  VuetifyPreset,
+} from './services/presets'
+
+// Service Options
+import { GoToOptions, VuetifyGoToTarget } from './services/goto'
+
+export default class Vuetify {
+  constructor (preset?: Partial<UserVuetifyPreset>)
+
+  static install: PluginFunction<VuetifyUseOptions>
+  static version: string
+  static config: Config
+
+  framework: Framework
+  preset: VuetifyPreset
+  userPreset: UserVuetifyPreset
+}
+
+export interface Config {
+  silent: boolean
+}
+
+export { Presets, VuetifyPreset, UserVuetifyPreset } from './services/presets'
+
+export type ComponentOrPack = Component & {
+  $_vuetify_subcomponents?: Record<string, ComponentOrPack>
+}
+
+export interface VuetifyUseOptions {
+  transitions?: Record<string, Component>
+  directives?: Record<string, Directive>
+  components?: Record<string, ComponentOrPack>
+}
+
+export interface Framework {
+  readonly breakpoint: Breakpoint
+  readonly goTo: (target: VuetifyGoToTarget, options?: GoToOptions) => Promise<number>
+  application: Application
+  theme: Theme
+  icons: Icons
+  lang: Lang
+  presets: Presets
+  rtl: boolean
+}
+
+declare module 'vue/types/vue' {
+  export interface Vue {
+    $vuetify: Framework
+  }
+}
+
+declare module 'vue/types/options' {
+  export interface ComponentOptions<
+    V extends Vue,
+    Data=any,
+    Methods=any,
+    Computed=any,
+    PropsDef=any,
+    Props=any> {
+    vuetify?: Vuetify
+  }
+}
+
+// Public types
+export type TreeviewItemFunction = (item: object, search: string, textKey: string) => boolean
+
+export type SelectItemKey = string | (string | number)[] | ((item: object, fallback?: any) => any)
+
+export interface ItemGroup<T> {
+  name: string
+  items: T[]
+}
+
+export interface DataOptions {
+  page: number
+  itemsPerPage: number
+  sortBy: string[]
+  sortDesc: boolean[]
+  groupBy: string[]
+  groupDesc: boolean[]
+  multiSort: boolean
+  mustSort: boolean
+}
+
+export interface DataPagination {
+  page: number
+  itemsPerPage: number
+  pageStart: number
+  pageStop: number
+  pageCount: number
+  itemsLength: number
+}
+
+export interface DataItemProps {
+  index: number
+  item: any
+  select: (v: boolean) => void
+  isSelected: boolean
+  expand: (v: boolean) => void
+  isExpanded: boolean
+  isMobile: boolean
+}
+
+export interface DataTableItemProps extends DataItemProps {
+  headers: DataTableHeader[]
+  on: { [key: string]: Function | Function[] }
+  attrs: object;
+}
+
+export interface DataScopeProps {
+  originalItemsLength: number
+  items: any[]
+  pagination: DataPagination
+  options: DataOptions
+  updateOptions: (obj: any) => void
+  sort: (value: string) => void
+  sortArray: (sortBy: string[]) => void
+  group: (value: string) => void
+  groupedItems: ItemGroup<any>[] | null
+}
+
+export type DataTableCompareFunction<T = any> = (a: T, b: T) => number
+
+export type DataSortFunction<T extends any = any> = (
+  items: T[],
+  sortBy: string[],
+  sortDesc: boolean[],
+  locale: string,
+  customSorters?: Record<string, DataTableCompareFunction<T>>
+) => T[];
+
+export type DataGroupFunction<T extends any = any> = (
+  items: T[],
+  groupBy: string[],
+  groupDesc: boolean[],
+) => ItemGroup<T>[]
+
+export type DataSearchFunction<T extends any = any> = (items: T[], search: string) => T[]
+
+export type DatePickerFormatter = (date: string) => string
+
+export type DatePickerAllowedDatesFunction = (date: string) => boolean
+
+export type DatePickerEventColorValue = string | string[]
+
+export type DatePickerEvents = string[] | ((date: string) => boolean | DatePickerEventColorValue) | Record<string, DatePickerEventColorValue>
+
+export type DatePickerEventColors = DatePickerEventColorValue | Record<string, DatePickerEventColorValue> | ((date: string) => DatePickerEventColorValue)
+
+export type DatePickerType = 'date' | 'month'
+
+export type DatePickerMultipleFormatter = (date: string[]) => string
+
+export interface TouchHandlers {
+  start?: (wrapperEvent: TouchEvent & TouchWrapper) => void
+  end?: (wrapperEvent: TouchEvent & TouchWrapper) => void
+  move?: (wrapperEvent: TouchEvent & TouchWrapper) => void
+  left?: (wrapper: TouchWrapper) => void
+  right?: (wrapper: TouchWrapper) => void
+  up?: (wrapper: TouchWrapper) => void
+  down?: (wrapper: TouchWrapper) => void
+}
+
+export interface TouchWrapper extends TouchHandlers {
+  touchstartX: number
+  touchstartY: number
+  touchmoveX: number
+  touchmoveY: number
+  touchendX: number
+  touchendY: number
+  offsetX: number
+  offsetY: number
+}
+
+export type TouchValue = TouchHandlers & {
+  parent?: boolean
+  options?: AddEventListenerOptions
+}
+
+export type InputValidationRule = (value: any) => string | boolean
+
+export type InputMessage = string | string[]
+
+export type InputValidationRules = (InputValidationRule | string)[]
+
+export type CalendarCategory =
+  | string
+  | {
+      name?: string
+      categoryName?: string
+      [key: string]: any
+    }
+
+export type CalendarCategoryTextFunction = (
+  category: CalendarCategory
+) => string
+
+export interface CalendarTimestamp {
+  date: string
+  time: string
+  year: number
+  month: number
+  day: number
+  weekday: number
+  hour: number
+  minute: number
+  hasDay: boolean
+  hasTime: boolean
+  past: boolean
+  present: boolean
+  future: boolean
+  category?: CalendarCategory
+}
+
+export type CalendarFormatter = (timestamp: CalendarTimestamp, short: boolean) => string
+
+export interface CalendarEvent {
+  [prop: string]: any
+}
+
+export interface CalendarEventParsed {
+  input: CalendarEvent
+  start: CalendarTimestamp
+  startIdentifier: number
+  startTimestampIdentifier: number
+  end: CalendarTimestamp
+  endIdentifier: number
+  endTimestampIdentifier: number
+  allDay: boolean
+  index: number
+  category: string | false
+}
+
+export interface CalendarEventVisual {
+  event: CalendarEventParsed
+  columnCount: number
+  column: number
+  left: number
+  width: number
+}
+
+export interface CalendarDaySlotScope extends CalendarTimestamp {
+  outside: boolean
+  index: number
+  week: CalendarTimestamp[]
+  category: CalendarCategory
+}
+
+export type CalendarTimeToY = (time: CalendarTimestamp | number | string, clamp?: boolean) => number
+
+export type CalendarTimeDelta = (time: CalendarTimestamp | number | string) => number | false
+
+export interface CalendarDayBodySlotScope extends CalendarDaySlotScope {
+  timeToY: CalendarTimeToY
+  timeDelta: CalendarTimeDelta
+}
+
+export type CalendarEventOverlapMode = (events: CalendarEventParsed[], firstWeekday: number, overlapThreshold: number) => (day: CalendarDaySlotScope, dayEvents: CalendarEventParsed[], timed: boolean, reset: boolean) => CalendarEventVisual[]
+
+export type CalendarEventColorFunction = (event: CalendarEvent) => string
+
+export type CalendarEventTimedFunction = (event: CalendarEvent) => boolean
+
+export type CalendarEventCategoryFunction = (event: CalendarEvent) => string
+
+export type CalendarEventNameFunction = (event: CalendarEventParsed, timedEvent: boolean) => string | VNode
+
+export type DataTableFilterFunction = (value: any, search: string | null, item: any) => boolean
+
+export interface DataTableHeader<T extends any = any> {
+  text: string
+  value: string
+  align?: 'start' | 'center' | 'end'
+  sortable?: boolean
+  filterable?: boolean
+  groupable?: boolean
+  divider?: boolean
+  class?: string | string[]
+  cellClass?: string | string[]
+  width?: string | number
+  filter?: (value: any, search: string | null, item: any) => boolean
+  sort?: DataTableCompareFunction<T>
+}
+
+export type DataTableFilterMode = 'union' | 'intersection'
+
+export type DataItemsPerPageOption = (number | {
+  text: string
+  value: number
+});
+
+export type RowClassFunction = (item: any) => null | undefined | string | string[] | Record<string, boolean>
+
+export type RowStyleFunction = (item: any) => null | undefined | string | string[] | Record<string, boolean>

package/types/lib.d.ts

@@ -0,0 +1,378 @@
+declare module 'vuetify/lib' {
+  import Vuetify from 'vuetify'
+  import { Colors } from 'vuetify/lib/util/colors'
+
+  export default Vuetify
+
+  const colors: Colors
+
+  export {
+    colors,
+  }
+  export * from 'vuetify/lib/components'
+  export * from 'vuetify/lib/directives'
+}
+
+declare module 'vuetify/lib/components' {
+  import { Component, Directive } from 'vue'
+
+  const VApp: Component
+  const VAppBar: Component
+  const VAppBarNavIcon: Component
+  const VAppBarTitle: Component
+  const VAlert: Component
+  const VAutocomplete: Component
+  const VAvatar: Component
+  const VBadge: Component
+  const VBanner: Component
+  const VBottomNavigation: Component
+  const VBottomSheet: Component
+  const VBreadcrumbs: Component
+  const VBreadcrumbsItem: Component
+  const VBreadcrumbsDivider: Component
+  const VBtn: Component
+  const VBtnToggle: Component
+  const VCalendar: Component
+  const VCalendarCategory: Component
+  const VCalendarDaily: Component
+  const VCalendarWeekly: Component
+  const VCalendarMonthly: Component
+  const VCard: Component
+  const VCardTitle: Component
+  const VCardSubtitle: Component
+  const VCardActions: Component
+  const VCardText: Component
+  const VCarousel: Component
+  const VCarouselItem: Component
+  const VCheckbox: Component
+  const VSimpleCheckbox: Component
+  const VChip: Component
+  const VChipGroup: Component
+  const VColorPicker: Component
+  const VColorPickerSwatches: Component
+  const VColorPickerCanvas: Component
+  const VContent: Component
+  const VCombobox: Component
+  const VCounter: Component
+  const VData: Component
+  const VDataIterator: Component
+  const VDataFooter: Component
+  const VDataTable: Component
+  const VEditDialog: Component
+  const VTableOverflow: Component
+  const VDataTableHeader: Component
+  const VSimpleTable: Component
+  const VVirtualTable: Component
+  const VVirtualScroll: Component
+  const VDatePicker: Component
+  const VDatePickerTitle: Component
+  const VDatePickerHeader: Component
+  const VDatePickerDateTable: Component
+  const VDatePickerMonthTable: Component
+  const VDatePickerYears: Component
+  const VDialog: Component
+  const VDivider: Component
+  const VExpansionPanels: Component
+  const VExpansionPanel: Component
+  const VExpansionPanelHeader: Component
+  const VExpansionPanelContent: Component
+  const VFileInput: Component
+  const VFooter: Component
+  const VForm: Component
+  const VContainer: Component
+  const VCol: Component
+  const VRow: Component
+  const VSpacer: Component
+  const VLayout: Component
+  const VFlex: Component
+  const VHover: Component
+  const VIcon: Component
+  const VImg: Component
+  const VInput: Component
+  const VItem: Component
+  const VItemGroup: Component
+  const VLabel: Component
+  const VLazy: Component
+  const VListItemActionText: Component
+  const VListItemContent: Component
+  const VListItemTitle: Component
+  const VListItemSubtitle: Component
+  const VList: Component
+  const VListGroup: Component
+  const VListItem: Component
+  const VListItemAction: Component
+  const VListItemAvatar: Component
+  const VListItemIcon: Component
+  const VListItemGroup: Component
+  const VMain: Component
+  const VMenu: Component
+  const VMessages: Component
+  const VNavigationDrawer: Component
+  const VOverflowBtn: Component
+  const VOverlay: Component
+  const VOtpInput: Component
+  const VPagination: Component
+  const VSheet: Component
+  const VParallax: Component
+  const VPicker: Component
+  const VProgressCircular: Component
+  const VProgressLinear: Component
+  const VRadioGroup: Component
+  const VRadio: Component
+  const VRangeSlider: Component
+  const VRating: Component
+  const VResponsive: Component
+  const VSelect: Component
+  const VSkeletonLoader: Component
+  const VSlider: Component
+  const VSlideGroup: Component
+  const VSlideItem: Component
+  const VSnackbar: Component
+  const VSparkline: Component
+  const VSpeedDial: Component
+  const VStepper: Component
+  const VStepperContent: Component
+  const VStepperStep: Component
+  const VStepperHeader: Component
+  const VStepperItems: Component
+  const VSubheader: Component
+  const VSwitch: Component
+  const VSystemBar: Component
+  const VTabs: Component
+  const VTab: Component
+  const VTabItem: Component
+  const VTabsItems: Component
+  const VTabsSlider: Component
+  const VTextarea: Component
+  const VTextField: Component
+  const VThemeProvider: Component
+  const VTimeline: Component
+  const VTimelineItem: Component
+  const VTimePicker: Component
+  const VTimePickerClock: Component
+  const VTimePickerTitle: Component
+  const VToolbar: Component
+  const VToolbarItems: Component
+  const VToolbarTitle: Component
+  const VTooltip: Component
+  const VTreeview: Component
+  const VTreeviewNode: Component
+  const VWindow: Component
+  const VWindowItem: Component
+  const VCarouselTransition: Component
+  const VCarouselReverseTransition: Component
+  const VTabTransition: Component
+  const VTabReverseTransition: Component
+  const VMenuTransition: Component
+  const VFabTransition: Component
+  const VDialogTransition: Component
+  const VDialogBottomTransition: Component
+  const VDialogTopTransition: Component
+  const VFadeTransition: Component
+  const VScaleTransition: Component
+  const VScrollXTransition: Component
+  const VScrollXReverseTransition: Component
+  const VScrollYTransition: Component
+  const VScrollYReverseTransition: Component
+  const VSlideXTransition: Component
+  const VSlideXReverseTransition: Component
+  const VSlideYTransition: Component
+  const VSlideYReverseTransition: Component
+  const VExpandTransition: Component
+  const VExpandXTransition: Component
+
+  export {
+    VApp,
+    VAppBar,
+    VAppBarNavIcon,
+    VAppBarTitle,
+    VAlert,
+    VAutocomplete,
+    VAvatar,
+    VBadge,
+    VBanner,
+    VBottomNavigation,
+    VBottomSheet,
+    VBreadcrumbs,
+    VBreadcrumbsItem,
+    VBreadcrumbsDivider,
+    VBtn,
+    VBtnToggle,
+    VCalendar,
+    VCalendarCategory,
+    VCalendarDaily,
+    VCalendarWeekly,
+    VCalendarMonthly,
+    VCard,
+    VCardTitle,
+    VCardSubtitle,
+    VCardActions,
+    VCardText,
+    VCarousel,
+    VCarouselItem,
+    VCheckbox,
+    VSimpleCheckbox,
+    VChip,
+    VChipGroup,
+    VColorPicker,
+    VColorPickerSwatches,
+    VColorPickerCanvas,
+    VContent,
+    VCombobox,
+    VCounter,
+    VData,
+    VDataIterator,
+    VDataFooter,
+    VDataTable,
+    VEditDialog,
+    VTableOverflow,
+    VDataTableHeader,
+    VSimpleTable,
+    VVirtualTable,
+    VVirtualScroll,
+    VDatePicker,
+    VDatePickerTitle,
+    VDatePickerHeader,
+    VDatePickerDateTable,
+    VDatePickerMonthTable,
+    VDatePickerYears,
+    VDialog,
+    VDivider,
+    VExpansionPanels,
+    VExpansionPanel,
+    VExpansionPanelHeader,
+    VExpansionPanelContent,
+    VFileInput,
+    VFooter,
+    VForm,
+    VContainer,
+    VCol,
+    VRow,
+    VSpacer,
+    VLayout,
+    VFlex,
+    VHover,
+    VIcon,
+    VImg,
+    VInput,
+    VItem,
+    VItemGroup,
+    VLabel,
+    VLazy,
+    VListItemActionText,
+    VListItemContent,
+    VListItemTitle,
+    VListItemSubtitle,
+    VList,
+    VListGroup,
+    VListItem,
+    VListItemAction,
+    VListItemAvatar,
+    VListItemIcon,
+    VListItemGroup,
+    VMain,
+    VMenu,
+    VMessages,
+    VNavigationDrawer,
+    VOverflowBtn,
+    VOverlay,
+    VOtpInput,
+    VPagination,
+    VSheet,
+    VParallax,
+    VPicker,
+    VProgressCircular,
+    VProgressLinear,
+    VRadioGroup,
+    VRadio,
+    VRangeSlider,
+    VRating,
+    VResponsive,
+    VSelect,
+    VSkeletonLoader,
+    VSlider,
+    VSlideGroup,
+    VSlideItem,
+    VSnackbar,
+    VSparkline,
+    VSpeedDial,
+    VStepper,
+    VStepperContent,
+    VStepperStep,
+    VStepperHeader,
+    VStepperItems,
+    VSubheader,
+    VSwitch,
+    VSystemBar,
+    VTabs,
+    VTab,
+    VTabItem,
+    VTabsItems,
+    VTabsSlider,
+    VTextarea,
+    VTextField,
+    VThemeProvider,
+    VTimeline,
+    VTimelineItem,
+    VTimePicker,
+    VTimePickerClock,
+    VTimePickerTitle,
+    VToolbar,
+    VToolbarItems,
+    VToolbarTitle,
+    VTooltip,
+    VTreeview,
+    VTreeviewNode,
+    VWindow,
+    VWindowItem,
+    VCarouselTransition,
+    VCarouselReverseTransition,
+    VTabTransition,
+    VTabReverseTransition,
+    VMenuTransition,
+    VFabTransition,
+    VDialogTransition,
+    VDialogBottomTransition,
+    VDialogTopTransition,
+    VFadeTransition,
+    VScaleTransition,
+    VScrollXTransition,
+    VScrollXReverseTransition,
+    VScrollYTransition,
+    VScrollYReverseTransition,
+    VSlideXTransition,
+    VSlideXReverseTransition,
+    VSlideYTransition,
+    VSlideYReverseTransition,
+    VExpandTransition,
+    VExpandXTransition,
+  }
+}
+
+declare module 'vuetify/lib/directives' {
+  import { Directive } from 'vue'
+
+  const ClickOutside: Directive
+  const Intersect: Directive
+  const Mutate: Directive
+  const Resize: Directive
+  const Ripple: Directive
+  const Scroll: Directive
+  const Touch: Directive
+
+  export {
+    ClickOutside,
+    Intersect,
+    Mutate,
+    Ripple,
+    Resize,
+    Scroll,
+    Touch,
+  }
+}
+
+declare module 'vuetify/lib/services/goto' {
+  import { GoToOptions, VuetifyGoToTarget } from 'vuetify/types/services/goto'
+
+  export default function goTo(target: VuetifyGoToTarget, options?: Partial<GoToOptions>): Promise<number>
+}

package/types/services/application.d.ts

@@ -0,0 +1,24 @@
+export type TargetProp = 'bar' | 'top' | 'right' | 'bottom' | 'left' | 'footer' | 'insetFooter'
+
+interface TargetPropValues {
+  [uid: number]: number
+}
+
+export interface Application {
+  bar: number
+  top: number
+  left: number
+  insetFooter: number
+  right: number
+  bottom: number
+  footer: number
+  application: Record<string, TargetPropValues>
+
+  register (
+    uid: number,
+    location: TargetProp,
+    size: number
+  ): void
+  unregister (uid: number, location: TargetProp): void
+  update (location: TargetProp): void
+}