quasar 2.12.4 → 2.12.6

package/dist/types/index.d.ts

@@ -414,13 +414,13 @@ export interface Notify {
   ) => (props?: QNotifyUpdateOptions) => void;
   /**
    * Merge options into the default ones
-   * @param opts Notification options (See 'opts' param of 'create()' for object properties)
+   * @param opts Notification options except 'ignoreDefaults' (See 'opts' param of 'create()' for object properties)
    */
   setDefaults: (opts: QNotifyOptions) => void;
   /**
    * Register a new type of notification (or override an existing one)
    * @param typeName Name of the type (to be used as 'type' prop later on)
-   * @param typeOpts Notification options (See 'opts' param of 'create()' for object properties)
+   * @param typeOpts Notification options except 'ignoreDefaults' (See 'opts' param of 'create()' for object properties)
    */
   registerType: (typeName: string, typeOpts: QNotifyOptions) => void;
 }
@@ -6768,7 +6768,7 @@ export interface QLayoutProps {
      */
     height: number;
     /**
-     * Layout height
+     * Layout width
      */
     width: number;
   }) => void;
@@ -8348,15 +8348,15 @@ export interface QRatingProps {
   /**
    * Color name for component from the Quasar Color Palette; v1.5.0+: If an array is provided each rating value will use the corresponding color in the array (0 based)
    */
-  color?: NamedColor | undefined;
+  color?: NamedColor | NamedColor[] | undefined;
   /**
    * Color name from the Quasar Palette for selected icons
    */
-  colorSelected?: NamedColor | undefined;
+  colorSelected?: NamedColor | NamedColor[] | undefined;
   /**
    * Color name from the Quasar Palette for half selected icons
    */
-  colorHalf?: NamedColor | undefined;
+  colorHalf?: NamedColor | NamedColor[] | undefined;
   /**
    * Does not lower opacity for unselected icons
    */
@@ -11331,6 +11331,10 @@ export interface QTableProps {
      * Direction of change
      */
     direction: "increase" | "decrease";
+    /**
+     * Vue reference to the underlying QVirtualScroll instance
+     */
+    ref: Component;
   }) => void;
 }
 
@@ -15390,7 +15394,7 @@ declare module "./config.d.ts" {
       /**
        * One of the QSpinners
        */
-      spinner?: string;
+      spinner?: Component;
       /**
        * Add a CSS class to the container element to easily customize the component
        */
@@ -15444,7 +15448,7 @@ declare module "./config.d.ts" {
       /**
        * 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;
+      spinner?: boolean | Component;
       /**
        * Color name for component from the Quasar Color Palette
        */
@@ -15518,6 +15522,10 @@ declare module "./config.d.ts" {
        * Notification actions (buttons); Unless 'noDismiss' is true, clicking/tapping on the button will close the notification; Also check 'closeBtn' convenience prop
        */
       actions?: QNotifyAction[];
+      /**
+       * Function to call when notification gets dismissed
+       */
+      onDismiss?: () => void;
       /**
        * Convenient way to add a dismiss button with a specific label, without using the 'actions' prop; If set to true, it uses a label according to the current Quasar language
        */
@@ -15656,6 +15664,17 @@ export const Notify: Notify;
 export const Platform: Platform;
 export const Screen: Screen;
 export const SessionStorage: SessionStorage;
+export const ClosePopup: ClosePopup;
+export const Intersection: Intersection;
+export const Morph: Morph;
+export const Mutation: Mutation;
+export const Ripple: Ripple;
+export const Scroll: Scroll;
+export const ScrollFire: ScrollFire;
+export const TouchHold: TouchHold;
+export const TouchPan: TouchPan;
+export const TouchRepeat: TouchRepeat;
+export const TouchSwipe: TouchSwipe;
 export const QAjaxBar: ComponentConstructor<QAjaxBar>;
 export const QAvatar: ComponentConstructor<QAvatar>;
 export const QBadge: ComponentConstructor<QBadge>;

package/dist/web-types/web-types.json

@@ -2,7 +2,7 @@
   "$schema": "",
   "framework": "vue",
   "name": "quasar",
-  "version": "2.12.4",
+  "version": "2.12.6",
   "contributions": {
     "html": {
       "types-syntax": "typescript",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "quasar",
-  "version": "2.12.4",
+  "version": "2.12.6",
   "description": "Build high-performance VueJS user interfaces (SPA, PWA, SSR, Mobile and Desktop) in record time",
   "main": "dist/quasar.cjs.prod.js",
   "module": "dist/quasar.esm.prod.js",
@@ -31,7 +31,7 @@
     "lint-fix": "eslint --ext .js,.vue src dev --fix --report-unused-disable-directives",
     "format:types": "prettier --write \"types/**/*.{d.ts,ts,json}\"",
     "test:create": "node ./test/cypress/helpers/create-spec.js -c",
-    "test:build": "node build/script.build.js js api && node build/script.build.js js transforms",
+    "test:build": "yarn build",
     "test:e2e": "yarn test:build && cross-env NODE_ENV=test start-test \"node ./dev/script.dev.js\" http-get://localhost:9000 \"cypress open --project ./dev --e2e\"",
     "test:e2e:run": "cross-env NODE_ENV=test start-test \"node ./dev/script.dev.js\" http-get://localhost:9000 \"cypress run --project ./dev --e2e\"",
     "test:e2e:ci": "yarn test:build && yarn test:e2e:run",

package/src/components/layout/QLayout.json

@@ -43,7 +43,7 @@
             "width": {
               "type": "Number",
               "required": true,
-              "desc": "Layout height"
+              "desc": "Layout width"
             }
           }
         }

package/src/components/table/QTable.json

@@ -2026,6 +2026,11 @@
               "required": true,
               "desc": "Direction of change",
               "values": [ "increase", "decrease" ]
+            },
+            "ref": {
+              "type": "Component",
+              "required": true,
+              "desc": "Vue reference to the underlying QVirtualScroll instance"
             }
           }
         }

package/src/plugins/Loading.json

@@ -52,7 +52,8 @@
         "desc": "Color name for background from the Quasar Color Palette"
       },
       "spinner": {
-        "type": "String",
+        "type": "Component",
+        "configFileType": "String",
         "desc": "One of the QSpinners",
         "examples": [ "QSpinnerAudio" ]
       },

package/src/plugins/Notify.json

@@ -65,7 +65,8 @@
       },
 
       "spinner": {
-        "type": "Boolean",
+        "type": [ "Boolean", "Component" ],
+        "configFileType": [ "Boolean", "String" ],
         "desc": "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",
         "examples": [ true, "QSpinnerBars" ]
       },
@@ -174,13 +175,23 @@
         "tsType": "QNotifyAction",
         "desc": "Notification actions (buttons); Unless 'noDismiss' is true, clicking/tapping on the button will close the notification; Also check 'closeBtn' convenience prop",
         "definition": {
+          "handler": {
+            "type": "Function",
+            "configFileType": null,
+            "desc": "Function to be executed when the button is clicked/tapped",
+            "params": null,
+            "returns": null,
+            "examples": [
+              "() => { console.log('button clicked') }"
+            ]
+          },
           "noDismiss": {
             "type": "Boolean",
             "desc": "Do not dismiss the notification when the button is clicked/tapped"
           },
           "...": {
             "type": "Any",
-            "desc": "Any other QBtn prop expect 'onClick' (use 'handler' instead)",
+            "desc": "Any other QBtn prop expect 'onClick' (use 'handler' instead, only possible with UI config)",
             "examples": [ "label: 'Learn more'", "color: 'primary'" ]
           }
         },
@@ -189,6 +200,17 @@
         ]
       },
 
+      "onDismiss": {
+        "type": "Function",
+        "configFileType": null,
+        "desc": "Function to call when notification gets dismissed",
+        "params": null,
+        "returns": null,
+        "examples": [
+          "() => { console.log('Dismissed') }"
+        ]
+      },
+
       "closeBtn": {
         "type": [ "Boolean", "String" ],
         "desc": "Convenient way to add a dismiss button with a specific label, without using the 'actions' prop; If set to true, it uses a label according to the current Quasar language",
@@ -455,7 +477,7 @@
           "type": "Object",
           "tsType": "QNotifyOptions",
           "required": true,
-          "desc": "Notification options (See 'opts' param of 'create()' for object properties)",
+          "desc": "Notification options except 'ignoreDefaults' (See 'opts' param of 'create()' for object properties)",
           "__exemption": [ "definition" ]
         }
       }
@@ -475,7 +497,7 @@
           "type": "Object",
           "tsType": "QNotifyOptions",
           "required": true,
-          "desc": "Notification options (See 'opts' param of 'create()' for object properties)",
+          "desc": "Notification options except 'ignoreDefaults' (See 'opts' param of 'create()' for object properties)",
           "__exemption": [ "definition" ]
         }
       }

package/src/utils/EventBus.js

@@ -18,9 +18,9 @@ export default class EventBus {
   }
 
   once (name, callback, ctx) {
-    const listener = () => {
+    const listener = (...args) => {
       this.off(name, listener)
-      callback.apply(ctx, arguments)
+      callback.apply(ctx, args)
     }
 
     listener.__callback = callback