quasar 2.2.2 → 2.3.1

package/dist/types/index.d.ts

@@ -408,7 +408,7 @@ export interface LocalStorage {
       | RegExp
       | number
       | boolean
-      | Function
+      | ((...params: any[]) => any)
       | LooseDictionary
       | any[]
       | string
@@ -549,7 +549,7 @@ export interface Notify {
           /**
            * Function to call when notification gets dismissed
            */
-          onDismiss?: Function;
+          onDismiss?: () => void;
           /**
            * Convenience way to add a dismiss button with a specific label, without using the 'actions' prop; If set to true, it uses a label accordding to the current Quasar language
            */
@@ -564,7 +564,85 @@ export interface Notify {
           ignoreDefaults?: boolean;
         }
       | string
-  ) => Function;
+  ) => (props?: {
+    /**
+     * Optional type (that has been previously registered) or one of the out of the box ones ('positive', 'negative', 'warning', 'info', 'ongoing')
+     */
+    type?: string;
+    /**
+     * Color name for component from the Quasar Color Palette
+     */
+    color?: string;
+    /**
+     * Color name for component from the Quasar Color Palette
+     */
+    textColor?: string;
+    /**
+     * The content of your message
+     */
+    message?: string;
+    /**
+     * The content of your optional caption
+     */
+    caption?: string;
+    /**
+     * Render message as HTML; This can lead to XSS attacks, so make sure that you sanitize the message first
+     */
+    html?: boolean;
+    /**
+     * Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix
+     */
+    icon?: string;
+    /**
+     * URL to an avatar/image; Suggestion: use statics folder
+     */
+    avatar?: string;
+    /**
+     * Useful for notifications that are updated; Displays a Quasar spinner instead of an avatar or icon; If value is Boolean 'true' then the default QSpinner is shown
+     */
+    spinner?: boolean | Component;
+    /**
+     * Show progress bar to detail when notification will disappear automatically (unless timeout is 0)
+     */
+    progress?: boolean;
+    /**
+     * Class definitions to be attributed to the progress bar
+     */
+    progressClass?: any[] | string | LooseDictionary;
+    /**
+     * Add CSS class(es) to the notification for easier customization
+     */
+    classes?: string;
+    /**
+     * Key-value for attributes to be set on the notification
+     */
+    attrs?: LooseDictionary;
+    /**
+     * Amount of time to display (in milliseconds)
+     * Default value: 5000
+     */
+    timeout?: number;
+    /**
+     * Notification actions (buttons); If a 'handler' is specified or not, clicking/tapping on the button will also close the notification; Also check 'closeBtn' convenience prop
+     */
+    actions?: any[];
+    /**
+     * Function to call when notification gets dismissed
+     */
+    onDismiss?: () => void;
+    /**
+     * Convenience way to add a dismiss button with a specific label, without using the 'actions' prop; If set to true, it uses a label accordding to the current Quasar language
+     */
+    closeBtn?: boolean | string;
+    /**
+     * Put notification into multi-line mode; If this prop isn't used and more than one 'action' is specified then notification goes into multi-line mode by default
+     */
+    multiLine?: boolean;
+    /**
+     * Ignore the default configuration (set by setDefaults()) for this instance only
+     */
+    ignoreDefaults?: boolean;
+  }) => void;
   /**
    * Merge options into the default ones
    * @param opts Notification options
@@ -669,7 +747,7 @@ export interface Notify {
     /**
      * Function to call when notification gets dismissed
      */
-    onDismiss?: Function;
+    onDismiss?: () => void;
     /**
      * Convenience way to add a dismiss button with a specific label, without using the 'actions' prop; If set to true, it uses a label accordding to the current Quasar language
      */
@@ -786,7 +864,7 @@ export interface Notify {
       /**
        * Function to call when notification gets dismissed
        */
-      onDismiss?: Function;
+      onDismiss?: () => void;
       /**
        * Convenience way to add a dismiss button with a specific label, without using the 'actions' prop; If set to true, it uses a label accordding to the current Quasar language
        */
@@ -1015,7 +1093,7 @@ export interface SessionStorage {
       | RegExp
       | number
       | boolean
-      | Function
+      | ((...params: any[]) => any)
       | LooseDictionary
       | any[]
       | string
@@ -1974,7 +2052,7 @@ export interface QBtnProps {
    * @param evt JS event object; If you want to cancel navigation set synchronously 'evt.navigate' to false
    * @param navigateFn When you need to control the time at which the button should trigger the route navigation then set 'evt.navigate' to false and call this function; Useful if you have async work to be done before the actual route navigation
    */
-  onClick?: (evt: LooseDictionary, navigateFn: Function) => void;
+  onClick?: (evt: LooseDictionary, navigateFn: () => void) => void;
 }
 
 export interface QBtnSlots {
@@ -2267,7 +2345,7 @@ export interface QCarouselSlots {
     /**
      * Default trigger when clicked/tapped on
      */
-    onClick: Function;
+    onClick: (evt: LooseDictionary) => void;
   }) => VNode[];
 }
 
@@ -2699,6 +2777,11 @@ export interface QCircularProgressProps {
    * No animation when model changes
    */
   instantFeedback?: boolean | undefined;
+  /**
+   * Animation speed (in milliseconds, without unit)
+   * Default value: 600
+   */
+  animationSpeed?: string | number | undefined;
 }
 
 export interface QCircularProgressSlots {
@@ -2893,15 +2976,15 @@ export interface QDateProps {
   /**
    * A list of events to highlight on the calendar; If using a function, it receives the date as a String and must return a Boolean (matches or not); If using a function then for best performance, reference it from your scope and do not define it inline
    */
-  events?: any[] | Function | undefined;
+  events?: any[] | ((date: string) => boolean) | undefined;
   /**
    * Color name (from the Quasar Color Palette); If using a function, it receives the date as a String and must return a String (color for the received date); If using a function then for best performance, reference it from your scope and do not define it inline
    */
-  eventColor?: string | Function | undefined;
+  eventColor?: string | ((date: string) => string) | undefined;
   /**
    * Optionally configure the days that are selectable; If using a function, it receives the date as a String and must return a Boolean (is date acceptable or not); If using a function then for best performance, reference it from your scope and do not define it inline; Incompatible with 'range' prop
    */
-  options?: any[] | Function | undefined;
+  options?: any[] | ((date: string) => boolean) | undefined;
   /**
    * Lock user from navigating below a specific year+month (in YYYY/MM format); This prop is not used to correct the model; You might want to also use 'default-year-month' prop
    */
@@ -3523,7 +3606,7 @@ export interface QEditorProps {
         /**
          * Either this or "cmd" is required. Function for when button gets clicked/tapped.
          */
-        handler?: Function;
+        handler?: () => void;
         /**
          * Either this or "handler" is required. This must be a valid execCommand method according to the designMode API.
          */
@@ -3533,9 +3616,9 @@ export interface QEditorProps {
          */
         param?: string;
         /**
-         * Is button disabled? If specifying a function, return a Boolean value.
+         * Is button disabled?
          */
-        disable?: boolean | Function;
+        disable?: boolean | (() => boolean);
         /**
          * Pass the value "no-state" if the button should not have an "active" state
          */
@@ -4356,7 +4439,7 @@ export interface QFieldSlots {
     /**
      * Function that emits an @input event in the context of the field
      */
-    emitValue: Function;
+    emitValue: (value: any) => void;
   }) => VNode[];
   /**
    * undefined
@@ -4417,7 +4500,7 @@ export interface QFileProps {
   /**
    * Custom filter for added files; Only files that pass this filter will be added to the queue and uploaded; For best performance, reference it from your scope and do not define it inline
    */
-  filter?: Function | undefined;
+  filter?: ((files: FileList | any[]) => any[]) | undefined;
   /**
    * Model of the component; Must be FileList or Array if using 'multiple' prop; Either use this property (along with a listener for 'update:modelValue' event) OR use v-model directive
    */
@@ -4577,7 +4660,22 @@ export interface QFileProps {
   /**
    * Label for the counter; The 'counter' prop is necessary to enable this one
    */
-  counterLabel?: Function | undefined;
+  counterLabel?:
+    | ((props: {
+        /**
+         * The total size of files in human readable format
+         */
+        totalSize: string;
+        /**
+         * Number of picked files
+         */
+        filesNumber: number;
+        /**
+         * Maximum number of files (same as 'max-files' prop, if specified); When 'max-files' is not specified, this has 'void 0' as value
+         */
+        maxFiles: number | string;
+      }) => string)
+    | undefined;
   /**
    * Tabindex HTML attribute value
    */
@@ -5098,7 +5196,7 @@ export interface QInfiniteScrollProps {
    * @param index The index parameter can be used to make some sort of pagination on the content you load. It takes numeric values starting with 1 and incrementing with each call
    * @param done Function to call when you made all necessary updates. DO NOT forget to call it otherwise your loading message will continue to be displayed
    */
-  onLoad?: (index: number, done: Function) => void;
+  onLoad?: (index: number, done: (stop: boolean) => void) => void;
 }
 
 export interface QInfiniteScrollSlots {
@@ -5532,6 +5630,11 @@ export interface QIntersectionProps {
    * One of Quasar's embedded transitions
    */
   transition?: string | undefined;
+  /**
+   * Transition duration (in milliseconds, without unit)
+   * Default value: 300
+   */
+  transitionDuration?: string | number | undefined;
   /**
    * Disable visibility observable (content will remain as it was, visible or hidden)
    */
@@ -5932,6 +6035,11 @@ export interface QLinearProgressProps {
    * No transition when model changes
    */
   instantFeedback?: boolean | undefined;
+  /**
+   * Animation speed (in milliseconds, without unit)
+   * Default value: 300
+   */
+  animationSpeed?: string | number | undefined;
 }
 
 export interface QLinearProgressSlots {
@@ -6396,7 +6504,7 @@ export interface QPageProps {
    * Override default CSS style applied to the component (sets minHeight); Function(offset: Number) => CSS props/value: Object; For best performance, reference it from your scope and do not define it inline
    * Default value: (see source code)
    */
-  styleFn?: Function | undefined;
+  styleFn?: ((offset: number, height: number) => LooseDictionary) | undefined;
 }
 
 export interface QPageSlots {
@@ -6496,7 +6604,7 @@ export interface QPaginationProps {
   /**
    * Generate link for page buttons; For best performance, reference it from your scope and do not define it inline
    */
-  toFn?: Function | undefined;
+  toFn?: ((page: number) => LooseDictionary | string) | undefined;
   /**
    * Show boundary button links
    */
@@ -6661,7 +6769,7 @@ export interface QPopupEditProps {
   /**
    * Validates model then triggers 'save' and closes Popup; Returns a Boolean ('true' means valid, 'false' means abort); Syntax: validate(value); For best performance, reference it from your scope and do not define it inline
    */
-  validate?: Function | undefined;
+  validate?: ((value: any) => boolean) | undefined;
   /**
    * Put component in disabled mode
    */
@@ -6795,19 +6903,19 @@ export interface QPopupEditSlots {
     /**
      * Function that checks if the value is valid
      */
-    validate: Function;
+    validate: (value: any) => boolean;
     /**
      * Function that sets the value and closes the popup
      */
-    set: Function;
+    set: () => void;
     /**
      * Function that cancels the editing and reverts the value to the initialValue
      */
-    cancel: Function;
+    cancel: () => void;
     /**
      * There are some custom scenarios for which Quasar cannot automatically reposition the component without significant performance drawbacks so the optimal solution is for you to call this method when you need it
      */
-    updatePosition: Function;
+    updatePosition: () => void;
   }) => VNode[];
 }
 
@@ -6940,7 +7048,7 @@ export interface QPullToRefreshProps {
    * Called whenever a refresh is triggered; at this time, your function should load more data
    * @param done Call the done() function when your data has been refreshed
    */
-  onRefresh?: (done: Function) => void;
+  onRefresh?: (done: () => void) => void;
 }
 
 export interface QPullToRefreshSlots {
@@ -7358,7 +7466,7 @@ export interface QScrollAreaProps {
   tabindex?: number | string | undefined;
   /**
    * Emitted when scroll information changes (and listener is configured)
-   * @param info
+   * @param info An object containing scroll information
    */
   onScroll?: (info: {
     /**
@@ -7421,61 +7529,63 @@ export interface QScrollArea extends ComponentPublicInstance<QScrollAreaProps> {
     /**
      * Vertical scroll position (in px)
      */
-    verticalPosition?: number;
+    verticalPosition: number;
     /**
      * Vertical scroll percentage (0.0 <= x <= 1.0)
      */
-    verticalPercentage?: number;
+    verticalPercentage: number;
     /**
      * Vertical scroll size (in px)
      */
-    verticalSize?: number;
+    verticalSize: number;
     /**
      * Height of the container (in px)
      */
-    verticalContainerSize?: number;
+    verticalContainerSize: number;
     /**
      * Horizontal scroll position (in px)
      */
-    horizontalPosition?: number;
+    horizontalPosition: number;
     /**
      * Horizontal scroll percentage (0.0 <= x <= 1.0)
      */
-    horizontalPercentage?: number;
+    horizontalPercentage: number;
     /**
      * Horizontal scroll size (in px)
      */
-    horizontalSize?: number;
+    horizontalSize: number;
     /**
      * Width of the container (in px)
      */
-    horizontalContainerSize?: number;
+    horizontalContainerSize: number;
   };
   /**
    * Get current scroll position
+   * @returns An object containing scroll position information
    */
   getScrollPosition: () => {
     /**
      * Scroll offset from top (vertical)
      */
-    top?: number;
+    top: number;
     /**
      * Scroll offset from left (horizontal)
      */
-    left?: number;
+    left: number;
   };
   /**
    * Get current scroll position in percentage (0.0 <= x <= 1.0)
+   * @returns An object containing scroll position information in percentage
    */
   getScrollPercentage: () => {
     /**
      * Scroll percentage (0.0 <= x <= 1.0) offset from top (vertical)
      */
-    top?: number;
+    top: number;
     /**
      * Scroll percentage (0.0 <= x <= 1.0) offset from left (horizontal)
      */
-    left?: number;
+    left: number;
   };
   /**
    * Set scroll position to an offset; If a duration (in milliseconds) is specified then the scroll is animated
@@ -7794,17 +7904,26 @@ export interface QSelectProps {
    * Property of option which holds the 'value'; If using a function then for best performance, reference it from your scope and do not define it inline
    * Default value: value
    */
-  optionValue?: Function | string | undefined;
+  optionValue?:
+    | ((option: string | LooseDictionary) => any)
+    | string
+    | undefined;
   /**
    * Property of option which holds the 'label'; If using a function then for best performance, reference it from your scope and do not define it inline
    * Default value: label
    */
-  optionLabel?: Function | string | undefined;
+  optionLabel?:
+    | ((option: string | LooseDictionary) => string)
+    | string
+    | undefined;
   /**
    * Property of option which tells it's disabled; The value of the property must be a Boolean; If using a function then for best performance, reference it from your scope and do not define it inline
    * Default value: disable
    */
-  optionDisable?: Function | string | undefined;
+  optionDisable?:
+    | ((option: string | LooseDictionary) => boolean)
+    | string
+    | undefined;
   /**
    * Hides selection; Use the underlying input tag to hold the label (instead of showing it to the right of the input) of the selected option; Only works for non 'multiple' Selects
    */
@@ -8037,14 +8156,24 @@ export interface QSelectProps {
    * @param inputValue What the user typed
    * @param doneFn Adds (optional) value to the model; Do not forget to call it after you validate the newly created value; Call it with no parameters if nothing should be added
    */
-  onNewValue?: (inputValue: string, doneFn: Function) => void;
+  onNewValue?: (
+    inputValue: string,
+    doneFn: (item: any, mode: "add" | "add-unique" | "toggle") => void
+  ) => void;
   /**
    * Emitted when user wants to filter a value
    * @param inputValue What the user typed
    * @param doneFn Supply a function which makes the necessary updates
    * @param abortFn Call this function if something went wrong
    */
-  onFilter?: (inputValue: string, doneFn: Function, abortFn: Function) => void;
+  onFilter?: (
+    inputValue: string,
+    doneFn: (
+      callbackFn: () => void,
+      afterFn: (ref: LooseDictionary) => void
+    ) => void,
+    abortFn: () => void
+  ) => void;
   /**
    * Emitted when a filtering was aborted; Probably a new one was requested?
    */
@@ -8144,11 +8273,11 @@ export interface QSelectSlots {
     /**
      * Remove selected option located at specific index
      */
-    removeAtIndex: Function;
+    removeAtIndex: (index: number) => void;
     /**
      * Add/remove option from model
      */
-    toggleOption: Function;
+    toggleOption: (opt: any) => void;
     /**
      * Tabindex HTML attribute value associated with respective option
      */
@@ -8178,11 +8307,11 @@ export interface QSelectSlots {
     /**
      * Add/remove option from model
      */
-    toggleOption: Function;
+    toggleOption: (opt: any) => void;
     /**
      * Sets option from menu as 'focused'
      */
-    setOptionIndex: Function;
+    setOptionIndex: (index: number) => void;
     /**
      * Computed properties passed down to QItem
      */
@@ -8456,7 +8585,7 @@ export interface QSlideItemProps {
     /**
      * When called, it resets the component to its initial non-slided state
      */
-    reset: Function;
+    reset: () => void;
   }) => void;
   /**
    * Emitted when user finished sliding the item to the right
@@ -8466,7 +8595,7 @@ export interface QSlideItemProps {
     /**
      * When called, it resets the component to its initial non-slided state
      */
-    reset: Function;
+    reset: () => void;
   }) => void;
   /**
    * Emitted when user finished sliding the item up
@@ -8476,7 +8605,7 @@ export interface QSlideItemProps {
     /**
      * When called, it resets the component to its initial non-slided state
      */
-    reset: Function;
+    reset: () => void;
   }) => void;
   /**
    * Emitted when user finished sliding the item down
@@ -8486,7 +8615,7 @@ export interface QSlideItemProps {
     /**
      * When called, it resets the component to its initial non-slided state
      */
-    reset: Function;
+    reset: () => void;
   }) => void;
   /**
    * Emitted while user is sliding the item to one of the available sides
@@ -8518,7 +8647,7 @@ export interface QSlideItemProps {
     /**
      * When called, it resets the component to its initial non-slided state
      */
-    reset: Function;
+    reset: () => void;
   }) => void;
 }
 
@@ -9540,7 +9669,7 @@ export interface QTableProps {
    * Property of each row that defines the unique key of each row (the result must be a primitive, not Object, Array, etc); The value of property must be string or a function taking a row and returning the desired (nested) key in the row; If supplying a function then for best performance, reference it from your scope and do not define it inline
    * Default value: id
    */
-  rowKey?: string | Function | undefined;
+  rowKey?: string | ((row: LooseDictionary) => any) | undefined;
   /**
    * Display data using QVirtualScroll (for non-grid mode only)
    */
@@ -9628,7 +9757,7 @@ export interface QTableProps {
         /**
          * Row Object property to determine value for this column or function which maps to the required property
          */
-        field: string | Function;
+        field: string | ((row: LooseDictionary) => any);
         /**
          * If we use visible-columns, this col will always be visible
          */
@@ -9645,7 +9774,12 @@ export interface QTableProps {
         /**
          * Compare function if you have some custom data or want a specific way to compare two rows
          */
-        sort?: Function;
+        sort?: (
+          a: any,
+          b: any,
+          rowA: LooseDictionary,
+          rowB: LooseDictionary
+        ) => number;
         /**
          * Set column sort order: 'ad' (ascending-descending) or 'da' (descending-ascending); Overrides the 'column-sort-order' prop
          * Default value: ad
@@ -9654,15 +9788,15 @@ export interface QTableProps {
         /**
          * Function you can apply to format your data
          */
-        format?: Function;
+        format?: (val: any, row: LooseDictionary) => any;
         /**
          * Style to apply on normal cells of the column
          */
-        style?: string | Function;
+        style?: string | ((row: LooseDictionary) => string);
         /**
          * Classes to add on normal cells of the column
          */
-        classes?: string | Function;
+        classes?: string | ((row: LooseDictionary) => string);
         /**
          * Style to apply on header cells of the column
          */
@@ -9754,7 +9888,7 @@ export interface QTableProps {
   /**
    * Text to display when user selected at least one row; For best performance, reference it from your scope and do not define it inline
    */
-  selectedRowsLabel?: Function | undefined;
+  selectedRowsLabel?: ((numberOfRows: number) => string) | undefined;
   /**
    * Text to override default rows per page label at bottom of table
    */
@@ -9762,7 +9896,13 @@ export interface QTableProps {
   /**
    * Text to override default pagination label at bottom of table (unless 'pagination' scoped slot is used); For best performance, reference it from your scope and do not define it inline
    */
-  paginationLabel?: Function | undefined;
+  paginationLabel?:
+    | ((
+        firstRowIndex: number,
+        endRowIndex: number,
+        totalRowsNumber: number
+      ) => string)
+    | undefined;
   /**
    * CSS style to apply to native HTML <table> element's wrapper (which is a DIV)
    */
@@ -9807,7 +9947,14 @@ export interface QTableProps {
    * The actual filtering mechanism; For best performance, reference it from your scope and do not define it inline
    * Default value: (see source code)
    */
-  filterMethod?: Function | undefined;
+  filterMethod?:
+    | ((
+        rows: any[],
+        terms: string | LooseDictionary,
+        cols: any[],
+        getCellValue: (col: LooseDictionary, row: LooseDictionary) => any
+      ) => any[])
+    | undefined;
   /**
    * Pagination object; You can also use the 'v-model:pagination' for synching; When not synching it simply initializes the pagination on first render
    */
@@ -9859,7 +10006,9 @@ export interface QTableProps {
    * The actual sort mechanism. Function (rows, sortBy, descending) => sorted rows; For best performance, reference it from your scope and do not define it inline
    * Default value: (see source code)
    */
-  sortMethod?: Function | undefined;
+  sortMethod?:
+    | ((rows: any[], sortBy: string, descending: boolean) => any[])
+    | undefined;
   /**
    * Emitted when user clicks/taps on a row; Is not emitted when using body/row/item scoped slots
    * @param evt JS event object
@@ -9922,11 +10071,16 @@ export interface QTableProps {
     /**
      * Filter method (the 'filter-method' prop)
      */
-    filter: Function;
+    filter: (
+      rows: any[],
+      terms: string | LooseDictionary,
+      cols: any[],
+      getCellValue: (col: LooseDictionary, row: LooseDictionary) => any
+    ) => any[];
     /**
      * Optional function to get a cell value
      */
-    getCellValue: Function;
+    getCellValue: (col: LooseDictionary, row: LooseDictionary) => any;
   }) => void;
   /**
    * Emitted when user selects/unselects row(s)
@@ -10043,7 +10197,7 @@ export interface QTableSlots {
     /**
      * Trigger a table sort
      */
-    sort: Function;
+    sort: (col: string | LooseDictionary) => void;
     /**
      * (Only if using selection) Is row/item selected? Can directly be assigned new Boolean value which changes selection state
      */
@@ -10098,7 +10252,7 @@ export interface QTableSlots {
     /**
      * Trigger a table sort
      */
-    sort: Function;
+    sort: (col: string | LooseDictionary) => void;
     /**
      * (Only if using selection) Is row selected? Can directly be assigned new Boolean value which changes selection state
      */
@@ -10165,7 +10319,7 @@ export interface QTableSlots {
     /**
      * Trigger a table sort
      */
-    sort: Function;
+    sort: (col: string | LooseDictionary) => void;
     /**
      * (Only if using selection) Is row selected? Can directly be assigned new Boolean value which changes selection state
      */
@@ -10228,7 +10382,7 @@ export interface QTableSlots {
     /**
      * Trigger a table sort
      */
-    sort: Function;
+    sort: (col: string | LooseDictionary) => void;
     /**
      * (Only if using selection) Is row selected? Can directly be assigned new Boolean value which changes selection state
      */
@@ -10267,7 +10421,7 @@ export interface QTableSlots {
     /**
      * Trigger a table sort
      */
-    sort: Function;
+    sort: (col: string | LooseDictionary) => void;
     /**
      * (Only if using selection) Is row selected? Can directly be assigned new Boolean value which changes selection state
      */
@@ -10318,7 +10472,7 @@ export interface QTableSlots {
     /**
      * Trigger a table sort
      */
-    sort: Function;
+    sort: (col: string | LooseDictionary) => void;
     /**
      * (Only if using selection) Is row selected? Can directly be assigned new Boolean value which changes selection state
      */
@@ -10361,7 +10515,7 @@ export interface QTableSlots {
     /**
      * Trigger a table sort
      */
-    sort: Function;
+    sort: (col: string | LooseDictionary) => void;
     /**
      * (Only if using selection) Is row selected? Can directly be assigned new Boolean value which changes selection state
      */
@@ -10416,7 +10570,7 @@ export interface QTableSlots {
     /**
      * Trigger a table sort
      */
-    sort: Function;
+    sort: (col: string | LooseDictionary) => void;
     /**
      * (Only if using selection) Is row selected? Can directly be assigned new Boolean value which changes selection state
      */
@@ -10455,7 +10609,7 @@ export interface QTableSlots {
     /**
      * Trigger a table sort
      */
-    sort: Function;
+    sort: (col: string | LooseDictionary) => void;
     /**
      * (Only if using selection) Is row selected? Can directly be assigned new Boolean value which changes selection state
      */
@@ -10539,19 +10693,19 @@ export interface QTableSlots {
     /**
      * Navigates to first page
      */
-    firstPage: Function;
+    firstPage: () => void;
     /**
      * Navigates to previous page, if available
      */
-    prevPage: Function;
+    prevPage: () => void;
     /**
      * Navigates to next page, if available
      */
-    nextPage: Function;
+    nextPage: () => void;
     /**
      * Navigates to last page
      */
-    lastPage: Function;
+    lastPage: () => void;
     /**
      * Is table in fullscreen mode?
      */
@@ -10559,7 +10713,7 @@ export interface QTableSlots {
     /**
      * Toggles fullscreen mode
      */
-    toggleFullscreen: Function;
+    toggleFullscreen: () => void;
   }) => VNode[];
   /**
    * Slot to define how table bottom looks like
@@ -10602,19 +10756,19 @@ export interface QTableSlots {
     /**
      * Navigates to first page
      */
-    firstPage: Function;
+    firstPage: () => void;
     /**
      * Navigates to previous page, if available
      */
-    prevPage: Function;
+    prevPage: () => void;
     /**
      * Navigates to next page, if available
      */
-    nextPage: Function;
+    nextPage: () => void;
     /**
      * Navigates to last page
      */
-    lastPage: Function;
+    lastPage: () => void;
     /**
      * Is table in fullscreen mode?
      */
@@ -10622,7 +10776,7 @@ export interface QTableSlots {
     /**
      * Toggles fullscreen mode
      */
-    toggleFullscreen: Function;
+    toggleFullscreen: () => void;
   }) => VNode[];
   /**
    * Slot to override default pagination label and buttons
@@ -10665,19 +10819,19 @@ export interface QTableSlots {
     /**
      * Navigates to first page
      */
-    firstPage: Function;
+    firstPage: () => void;
     /**
      * Navigates to previous page, if available
      */
-    prevPage: Function;
+    prevPage: () => void;
     /**
      * Navigates to next page, if available
      */
-    nextPage: Function;
+    nextPage: () => void;
     /**
      * Navigates to last page
      */
-    lastPage: Function;
+    lastPage: () => void;
     /**
      * Is table in fullscreen mode?
      */
@@ -10685,7 +10839,7 @@ export interface QTableSlots {
     /**
      * Toggles fullscreen mode
      */
-    toggleFullscreen: Function;
+    toggleFullscreen: () => void;
   }) => VNode[];
   /**
    * Slot to define how left part of the table top looks like
@@ -10728,19 +10882,19 @@ export interface QTableSlots {
     /**
      * Navigates to first page
      */
-    firstPage: Function;
+    firstPage: () => void;
     /**
      * Navigates to previous page, if available
      */
-    prevPage: Function;
+    prevPage: () => void;
     /**
      * Navigates to next page, if available
      */
-    nextPage: Function;
+    nextPage: () => void;
     /**
      * Navigates to last page
      */
-    lastPage: Function;
+    lastPage: () => void;
     /**
      * Is table in fullscreen mode?
      */
@@ -10748,7 +10902,7 @@ export interface QTableSlots {
     /**
      * Toggles fullscreen mode
      */
-    toggleFullscreen: Function;
+    toggleFullscreen: () => void;
   }) => VNode[];
   /**
    * Slot to define how right part of the table top looks like
@@ -10791,19 +10945,19 @@ export interface QTableSlots {
     /**
      * Navigates to first page
      */
-    firstPage: Function;
+    firstPage: () => void;
     /**
      * Navigates to previous page, if available
      */
-    prevPage: Function;
+    prevPage: () => void;
     /**
      * Navigates to next page, if available
      */
-    nextPage: Function;
+    nextPage: () => void;
     /**
      * Navigates to last page
      */
-    lastPage: Function;
+    lastPage: () => void;
     /**
      * Is table in fullscreen mode?
      */
@@ -10811,7 +10965,7 @@ export interface QTableSlots {
     /**
      * Toggles fullscreen mode
      */
-    toggleFullscreen: Function;
+    toggleFullscreen: () => void;
   }) => VNode[];
   /**
    * Slot to define how top table section looks like when user has selected at least one row
@@ -10854,19 +11008,19 @@ export interface QTableSlots {
     /**
      * Navigates to first page
      */
-    firstPage: Function;
+    firstPage: () => void;
     /**
      * Navigates to previous page, if available
      */
-    prevPage: Function;
+    prevPage: () => void;
     /**
      * Navigates to next page, if available
      */
-    nextPage: Function;
+    nextPage: () => void;
     /**
      * Navigates to last page
      */
-    lastPage: Function;
+    lastPage: () => void;
     /**
      * Is table in fullscreen mode?
      */
@@ -10874,7 +11028,7 @@ export interface QTableSlots {
     /**
      * Toggles fullscreen mode
      */
-    toggleFullscreen: Function;
+    toggleFullscreen: () => void;
   }) => VNode[];
   /**
    * Slot to define how the bottom will look like when is nothing to display
@@ -10934,7 +11088,12 @@ export interface QTable extends ComponentPublicInstance<QTableProps> {
     /**
      * Filtering method (the 'filter-method' prop)
      */
-    filter?: Function;
+    filter?: (
+      rows: any[],
+      terms: string | LooseDictionary,
+      cols: any[],
+      getCellValue: (col: LooseDictionary, row: LooseDictionary) => any
+    ) => any[];
   }) => void;
   /**
    * Unless using an external pagination Object (through 'v-model:pagination' prop), you can use this method and force the internal pagination to change
@@ -11157,7 +11316,7 @@ export interface QRouteTabProps {
    * @param evt JS event object; If you want to cancel navigation set synchronously 'evt.navigate' to false
    * @param navigateFn When you need to control the time at which the tab should trigger the route navigation then set 'evt.navigate' to false and call this function; Useful if you have async work to be done before the actual route navigation
    */
-  onClick?: (evt: LooseDictionary, navigateFn: Function) => void;
+  onClick?: (evt: LooseDictionary, navigateFn: () => void) => void;
 }
 
 export interface QRouteTabSlots {
@@ -11413,7 +11572,7 @@ export interface QTimeProps {
   /**
    * Optionally configure what time is the user allowed to set; Overridden by 'hour-options', 'minute-options' and 'second-options' if those are set; For best performance, reference it from your scope and do not define it inline
    */
-  options?: Function | undefined;
+  options?: ((hr: number, min: number, sec: number) => void) | undefined;
   /**
    * Optionally configure what hours is the user allowed to set; Overrides 'options' prop if that is also set
    */
@@ -11918,6 +12077,10 @@ export interface QTreeProps {
    * Color name for selected nodes (from the Quasar Color Palette)
    */
   selectedColor?: string | undefined;
+  /**
+   * Dense mode; occupies less space
+   */
+  dense?: boolean | undefined;
   /**
    * Notify the component that the background is a dark color
    */
@@ -11959,7 +12122,9 @@ export interface QTreeProps {
    * The function to use to filter the tree nodes; For best performance, reference it from your scope and do not define it inline
    * Default value: (see source code)
    */
-  filterMethod?: Function | undefined;
+  filterMethod?:
+    | ((node: LooseDictionary, filter: string) => boolean)
+    | undefined;
   /**
    * Toggle animation duration (in milliseconds)
    * Default value: 300
@@ -11994,11 +12159,11 @@ export interface QTreeProps {
     /**
      * The callback to be carried out when the loading is successful
      */
-    done: Function;
+    done: (children: any[]) => void;
     /**
      * The callback to be carried out should the loading fails
      */
-    fail: Function;
+    fail: () => void;
   }) => void;
   /**
    * Emitted when nodes are ticked/unticked via the checkbox; Used by Vue on 'v-model:ticked' to update its value
@@ -12214,21 +12379,21 @@ export interface QUploaderProps {
   /**
    * Function which should return an Object or a Promise resolving with an Object; For best performance, reference it from your scope and do not define it inline
    */
-  factory?: Function | undefined;
+  factory?: ((files: any[]) => LooseDictionary | Promise<any>) | undefined;
   /**
    * URL or path to the server which handles the upload. Takes String or factory function, which returns String. Function is called right before upload; If using a function then for best performance, reference it from your scope and do not define it inline
    */
-  url?: string | Function | undefined;
+  url?: string | ((files: any[]) => string) | undefined;
   /**
    * HTTP method to use for upload; Takes String or factory function which returns a String; Function is called right before upload; If using a function then for best performance, reference it from your scope and do not define it inline
    * Default value: POST
    */
-  method?: "POST" | "PUT" | Function | undefined;
+  method?: "POST" | "PUT" | ((files: any[]) => string) | undefined;
   /**
    * Field name for each file upload; This goes into the following header: 'Content-Disposition: form-data; name="__HERE__"; filename="somefile.png"; If using a function then for best performance, reference it from your scope and do not define it inline
    * Default value: (file) => file.name
    */
-  fieldName?: string | Function | undefined;
+  fieldName?: string | ((files: File) => string) | undefined;
   /**
    * Array or a factory function which returns an array; Array consists of objects with header definitions; Function is called right before upload; If using a function then for best performance, reference it from your scope and do not define it inline
    */
@@ -12243,7 +12408,7 @@ export interface QUploaderProps {
          */
         value: string;
       }[]
-    | Function
+    | ((files: any[]) => string)
     | undefined;
   /**
    * Array or a factory function which returns an array; Array consists of objects with additional fields definitions (used by Form to be uploaded); Function is called right before upload; If using a function then for best performance, reference it from your scope and do not define it inline
@@ -12259,20 +12424,20 @@ export interface QUploaderProps {
          */
         value: string;
       }[]
-    | Function
+    | ((files: any[]) => string)
     | undefined;
   /**
    * Sets withCredentials to true on the XHR that manages the upload; Takes boolean or factory function for Boolean; Function is called right before upload; If using a function then for best performance, reference it from your scope and do not define it inline
    */
-  withCredentials?: boolean | Function | undefined;
+  withCredentials?: boolean | ((files: any[]) => boolean) | undefined;
   /**
    * Send raw files without wrapping into a Form(); Takes boolean or factory function for Boolean; Function is called right before upload; If using a function then for best performance, reference it from your scope and do not define it inline
    */
-  sendRaw?: boolean | Function | undefined;
+  sendRaw?: boolean | ((files: any[]) => boolean) | undefined;
   /**
    * Upload files in batch (in one XHR request); Takes boolean or factory function for Boolean; Function is called right before upload; If using a function then for best performance, reference it from your scope and do not define it inline
    */
-  batch?: boolean | Function | undefined;
+  batch?: boolean | ((files: any[]) => boolean) | undefined;
   /**
    * Allow multiple file uploads
    */
@@ -12300,7 +12465,7 @@ export interface QUploaderProps {
   /**
    * Custom filter for added files; Only files that pass this filter will be added to the queue and uploaded; For best performance, reference it from your scope and do not define it inline
    */
-  filter?: Function | undefined;
+  filter?: ((files: FileList | any[]) => any[]) | undefined;
   /**
    * Label for the uploader
    */
@@ -12550,7 +12715,7 @@ export interface QVirtualScrollProps {
   /**
    * Function to return the scope for the items to be displayed; Should return an array for items starting from 'from' index for size length; For best performance, reference it from your scope and do not define it inline
    */
-  itemsFn?: Function | undefined;
+  itemsFn?: ((from: number, size: number) => any[]) | undefined;
   /**
    * CSS selector or DOM element to be used as a custom scroll container instead of the auto detected one
    */
@@ -12642,19 +12807,19 @@ export interface DialogChainObject {
    * @param callbackFn Tell what to do
    * @returns Chained Object
    */
-  onOk: (callbackFn: Function) => DialogChainObject;
+  onOk: (callbackFn: (payload: any) => void) => DialogChainObject;
   /**
    * Receives a Function as param to tell what to do when Cancel is pressed / dialog is dismissed
    * @param callbackFn Tell what to do
    * @returns Chained Object
    */
-  onCancel: (callbackFn: Function) => DialogChainObject;
+  onCancel: (callbackFn: () => void) => DialogChainObject;
   /**
    * Receives a Function param to tell what to do when the dialog is closed
    * @param callbackFn Tell what to do
    * @returns Chained Object
    */
-  onDismiss: (callbackFn: Function) => DialogChainObject;
+  onDismiss: (callbackFn: () => void) => DialogChainObject;
   /**
    * Hides the dialog when called
    * @returns Chained Object
@@ -12665,7 +12830,7 @@ export interface DialogChainObject {
    * @param opts Props (except 'component') which will overwrite the initial create() params; If create() was invoked with a custom dialog component then this param should contain the new componentProps
    * @returns Chained Object
    */
-  update: (opts?: LooseDictionary) => DialogChainObject;
+  update: (opts: LooseDictionary) => DialogChainObject;
 }
 
 import { CookiesGetMethodType } from "./api";
@@ -12711,7 +12876,7 @@ export interface QDialogOptions {
     /**
      * Is typed content valid?
      */
-    isValid?: Function;
+    isValid?: (val: string) => boolean;
     /**
      * Attributes to pass to prompt control
      */
@@ -12781,7 +12946,7 @@ export interface QDialogOptions {
     /**
      * Is the model valid?
      */
-    isValid?: Function;
+    isValid?: (model: string | any[]) => boolean;
   };
   /**
    * Display a Quasar spinner (if value is true, then the defaults are used); Useful for conveying the idea that something is happening behind the covers; Tip: use along with persistent, ok: false and update() method
@@ -12801,21 +12966,11 @@ export interface QDialogOptions {
   /**
    * Props for an 'OK' button
    */
-  ok?:
-    | string
-    | {
-        [index: string]: any;
-      }
-    | boolean;
+  ok?: string | { [index: string]: any } | boolean;
   /**
    * Props for a 'CANCEL' button
    */
-  cancel?:
-    | string
-    | {
-        [index: string]: any;
-      }
-    | boolean;
+  cancel?: string | { [index: string]: any } | boolean;
   /**
    * What button to focus, unless you also have 'prompt' or 'options'
    * Default value: ok
@@ -13089,7 +13244,7 @@ declare module "./globals" {
             /**
              * Function to call when notification gets dismissed
              */
-            onDismiss?: Function;
+            onDismiss?: () => void;
             /**
              * Convenience way to add a dismiss button with a specific label, without using the 'actions' prop; If set to true, it uses a label accordding to the current Quasar language
              */
@@ -13104,7 +13259,85 @@ declare module "./globals" {
             ignoreDefaults?: boolean;
           }
         | string
-    ) => Function;
+    ) => (props?: {
+      /**
+       * Optional type (that has been previously registered) or one of the out of the box ones ('positive', 'negative', 'warning', 'info', 'ongoing')
+       */
+      type?: string;
+      /**
+       * Color name for component from the Quasar Color Palette
+       */
+      color?: string;
+      /**
+       * Color name for component from the Quasar Color Palette
+       */
+      textColor?: string;
+      /**
+       * The content of your message
+       */
+      message?: string;
+      /**
+       * The content of your optional caption
+       */
+      caption?: string;
+      /**
+       * Render message as HTML; This can lead to XSS attacks, so make sure that you sanitize the message first
+       */
+      html?: boolean;
+      /**
+       * Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix
+       */
+      icon?: string;
+      /**
+       * URL to an avatar/image; Suggestion: use statics folder
+       */
+      avatar?: string;
+      /**
+       * Useful for notifications that are updated; Displays a Quasar spinner instead of an avatar or icon; If value is Boolean 'true' then the default QSpinner is shown
+       */
+      spinner?: boolean | Component;
+      /**
+       * Show progress bar to detail when notification will disappear automatically (unless timeout is 0)
+       */
+      progress?: boolean;
+      /**
+       * Class definitions to be attributed to the progress bar
+       */
+      progressClass?: any[] | string | LooseDictionary;
+      /**
+       * Add CSS class(es) to the notification for easier customization
+       */
+      classes?: string;
+      /**
+       * Key-value for attributes to be set on the notification
+       */
+      attrs?: LooseDictionary;
+      /**
+       * Amount of time to display (in milliseconds)
+       * Default value: 5000
+       */
+      timeout?: number;
+      /**
+       * Notification actions (buttons); If a 'handler' is specified or not, clicking/tapping on the button will also close the notification; Also check 'closeBtn' convenience prop
+       */
+      actions?: any[];
+      /**
+       * Function to call when notification gets dismissed
+       */
+      onDismiss?: () => void;
+      /**
+       * Convenience way to add a dismiss button with a specific label, without using the 'actions' prop; If set to true, it uses a label accordding to the current Quasar language
+       */
+      closeBtn?: boolean | string;
+      /**
+       * Put notification into multi-line mode; If this prop isn't used and more than one 'action' is specified then notification goes into multi-line mode by default
+       */
+      multiLine?: boolean;
+      /**
+       * Ignore the default configuration (set by setDefaults()) for this instance only
+       */
+      ignoreDefaults?: boolean;
+    }) => void;
     platform: Platform;
     screen: Screen;
     sessionStorage: SessionStorage;