quasar 2.12.5 → 2.12.7

package/dist/types/index.d.ts

@@ -11331,6 +11331,10 @@ export interface QTableProps {
      * Direction of change
      */
     direction: "increase" | "decrease";
+    /**
+     * Vue reference to the underlying QVirtualScroll instance
+     */
+    ref: Component;
   }) => void;
 }
 
@@ -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
        */

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "quasar",
-  "version": "2.12.5",
+  "version": "2.12.7",
   "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/slider/use-slider.js

@@ -220,9 +220,12 @@ export default function ({ updateValue, updatePosition, getDragging, formAttrs }
     + (props.innerTrackColor !== void 0 ? ` bg-${ props.innerTrackColor }` : '')
   )
   const innerBarStyle = computed(() => {
+    const innerDiff = innerMaxRatio.value - innerMinRatio.value
     const acc = {
       [ positionProp.value ]: `${ 100 * innerMinRatio.value }%`,
-      [ sizeProp.value ]: `${ 100 * (innerMaxRatio.value - innerMinRatio.value) }%`
+      [ sizeProp.value ]: innerDiff === 0
+        ? '2px'
+        : `${ 100 * innerDiff }%`
     }
     if (props.innerTrackImg !== void 0) {
       acc.backgroundImage = `url(${ props.innerTrackImg }) !important`
@@ -316,18 +319,16 @@ export default function ({ updateValue, updatePosition, getDragging, formAttrs }
   }))
 
   const markerStyle = computed(() => {
-    if (innerBarLen.value !== 0) {
-      const size = 100 * markerStep.value / innerBarLen.value
-
-      return {
-        ...innerBarStyle.value,
-        backgroundSize: props.vertical === true
-          ? `2px ${ size }%`
-          : `${ size }% 2px`
-      }
-    }
+    const size = innerBarLen.value === 0
+      ? '2px'
+      : 100 * markerStep.value / innerBarLen.value
 
-    return null
+    return {
+      ...innerBarStyle.value,
+      backgroundSize: props.vertical === true
+        ? `2px ${ size }%`
+        : `${ size }% 2px`
+    }
   })
 
   function getMarkerList (def) {

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/components/tree/QTree.js

@@ -499,6 +499,7 @@ export default createComponent({
       let body = node.body
         ? slots[ `body-${ node.body }` ] || slots[ 'default-body' ]
         : slots[ 'default-body' ]
+
       const slotScope = header !== void 0 || body !== void 0
         ? getSlotScope(node, m, key)
         : null
@@ -586,16 +587,20 @@ export default createComponent({
         isParent === true
           ? (
               props.noTransition === true
-                ? h('div', {
-                  class: 'q-tree__node-collapsible' + textColorClass.value,
-                  key: `${ key }__q`
-                }, [
-                  body,
-                  h('div', {
-                    class: 'q-tree__children'
-                      + (m.disabled === true ? ' q-tree__node--disabled' : '')
-                  }, m.expanded ? children : null)
-                ])
+                ? (
+                    m.expanded === true
+                      ? h('div', {
+                        class: 'q-tree__node-collapsible' + textColorClass.value,
+                        key: `${ key }__q`
+                      }, [
+                        body,
+                        h('div', {
+                          class: 'q-tree__children'
+                            + (m.disabled === true ? ' q-tree__node--disabled' : '')
+                        }, children)
+                      ])
+                      : null
+                  )
 
                 : h(QSlideTransition, {
                   duration: props.duration,

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" ]
       },