quasar 2.12.6 → 2.12.7

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "quasar",
-  "version": "2.12.6",
+  "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",

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/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,