quasar 2.4.13 → 2.5.3

package/src/components/table/__tests__/QTr.spec.js

@@ -0,0 +1,27 @@
+describe('Tr API', () => {
+  describe('Props', () => {
+    describe('Category: general', () => {
+      describe('(prop): props', () => {
+        it.skip(' ', () => {
+          //
+        })
+      })
+    })
+
+    describe('Category: style', () => {
+      describe('(prop): no-hover', () => {
+        it.skip(' ', () => {
+          //
+        })
+      })
+    })
+  })
+
+  describe('Slots', () => {
+    describe('(slot): default', () => {
+      it.skip(' ', () => {
+        //
+      })
+    })
+  })
+})

package/src/components/tabs/__tests__/QRouteTab.spec.js

@@ -0,0 +1,9 @@
+describe('RouteTab API', () => {
+  describe('Events', () => {
+    describe('(event): click', () => {
+      it.skip(' ', () => {
+        //
+      })
+    })
+  })
+})

package/src/components/tabs/__tests__/QTab.spec.js

@@ -0,0 +1,79 @@
+describe('Tab API', () => {
+  describe('Props', () => {
+    describe('Category: content', () => {
+      describe('(prop): icon', () => {
+        it.skip(' ', () => {
+          //
+        })
+      })
+
+      describe('(prop): label', () => {
+        it.skip(' ', () => {
+          //
+        })
+      })
+
+      describe('(prop): alert', () => {
+        it.skip(' ', () => {
+          //
+        })
+      })
+
+      describe('(prop): alert-icon', () => {
+        it.skip(' ', () => {
+          //
+        })
+      })
+
+      describe('(prop): no-caps', () => {
+        it.skip(' ', () => {
+          //
+        })
+      })
+    })
+
+    describe('Category: general', () => {
+      describe('(prop): name', () => {
+        it.skip(' ', () => {
+          //
+        })
+      })
+
+      describe('(prop): tabindex', () => {
+        it.skip(' ', () => {
+          //
+        })
+      })
+    })
+
+    describe('Category: state', () => {
+      describe('(prop): disable', () => {
+        it.skip(' ', () => {
+          //
+        })
+      })
+    })
+
+    describe('Category: style', () => {
+      describe('(prop): content-class', () => {
+        it.skip(' ', () => {
+          //
+        })
+      })
+
+      describe('(prop): ripple', () => {
+        it.skip(' ', () => {
+          //
+        })
+      })
+    })
+  })
+
+  describe('Slots', () => {
+    describe('(slot): default', () => {
+      it.skip(' ', () => {
+        //
+      })
+    })
+  })
+})

package/src/components/tabs/__tests__/QTabs.spec.js

@@ -0,0 +1,147 @@
+describe('Tabs API', () => {
+  describe('Props', () => {
+    describe('Category: content', () => {
+      describe('(prop): vertical', () => {
+        it.skip(' ', () => {
+          //
+        })
+      })
+
+      describe('(prop): outside-arrows', () => {
+        it.skip(' ', () => {
+          //
+        })
+      })
+
+      describe('(prop): mobile-arrows', () => {
+        it.skip(' ', () => {
+          //
+        })
+      })
+
+      describe('(prop): align', () => {
+        it.skip(' ', () => {
+          //
+        })
+      })
+
+      describe('(prop): left-icon', () => {
+        it.skip(' ', () => {
+          //
+        })
+      })
+
+      describe('(prop): right-icon', () => {
+        it.skip(' ', () => {
+          //
+        })
+      })
+
+      describe('(prop): stretch', () => {
+        it.skip(' ', () => {
+          //
+        })
+      })
+
+      describe('(prop): shrink', () => {
+        it.skip(' ', () => {
+          //
+        })
+      })
+
+      describe('(prop): switch-indicator', () => {
+        it.skip(' ', () => {
+          //
+        })
+      })
+
+      describe('(prop): narrow-indicator', () => {
+        it.skip(' ', () => {
+          //
+        })
+      })
+
+      describe('(prop): inline-label', () => {
+        it.skip(' ', () => {
+          //
+        })
+      })
+
+      describe('(prop): no-caps', () => {
+        it.skip(' ', () => {
+          //
+        })
+      })
+    })
+
+    describe('Category: content|behavior', () => {
+      describe('(prop): breakpoint', () => {
+        it.skip(' ', () => {
+          //
+        })
+      })
+    })
+
+    describe('Category: model', () => {
+      describe('(prop): model-value', () => {
+        it.skip(' ', () => {
+          //
+        })
+      })
+    })
+
+    describe('Category: style', () => {
+      describe('(prop): active-color', () => {
+        it.skip(' ', () => {
+          //
+        })
+      })
+
+      describe('(prop): active-bg-color', () => {
+        it.skip(' ', () => {
+          //
+        })
+      })
+
+      describe('(prop): indicator-color', () => {
+        it.skip(' ', () => {
+          //
+        })
+      })
+
+      describe('(prop): content-class', () => {
+        it.skip(' ', () => {
+          //
+        })
+      })
+
+      describe('(prop): active-class', () => {
+        it.skip(' ', () => {
+          //
+        })
+      })
+
+      describe('(prop): dense', () => {
+        it.skip(' ', () => {
+          //
+        })
+      })
+    })
+  })
+
+  describe('Slots', () => {
+    describe('(slot): default', () => {
+      it.skip(' ', () => {
+        //
+      })
+    })
+  })
+
+  describe('Events', () => {
+    describe('(event): update:model-value', () => {
+      it.skip(' ', () => {
+        //
+      })
+    })
+  })
+})

package/src/components/time/QTime.json

@@ -47,12 +47,12 @@
           "examples": [ 15 ]
         },
         "min": {
-          "type": "Number",
+          "type": [ "Number", "null" ],
           "desc": "Minutes",
           "examples": [ 38 ]
         },
         "sec": {
-          "type": "Number",
+          "type": [ "Number", "null" ],
           "desc": "Seconds",
           "examples": [ 12 ]
         }

package/src/components/toggle/QToggle.js

@@ -13,10 +13,6 @@ export default createComponent({
     ...useCheckboxProps,
 
     icon: String,
-    checkedIcon: String,
-    uncheckedIcon: String,
-    indeterminateIcon: String,
-
     iconColor: String
   },
 
@@ -24,29 +20,25 @@ export default createComponent({
 
   setup (props) {
     function getInner (isTrue, isIndeterminate) {
-      const computedIcon = computed(() =>
+      const icon = computed(() =>
         (isTrue.value === true
           ? props.checkedIcon
           : (isIndeterminate.value === true ? props.indeterminateIcon : props.uncheckedIcon)
         ) || props.icon
       )
 
-      const computedIconColor = computed(() => {
-        if (isTrue.value === true) {
-          return props.iconColor
-        }
-      })
+      const color = computed(() => (isTrue.value === true ? props.iconColor : null))
 
       return () => [
         h('div', { class: 'q-toggle__track' }),
 
         h('div', {
           class: 'q-toggle__thumb absolute flex flex-center no-wrap'
-        }, computedIcon.value !== void 0
+        }, icon.value !== void 0
           ? [
               h(QIcon, {
-                name: computedIcon.value,
-                color: computedIconColor.value
+                name: icon.value,
+                color: color.value
               })
             ]
           : void 0

package/src/components/toggle/QToggle.json

@@ -11,24 +11,15 @@
     },
 
     "checked-icon": {
-      "type": "String",
-      "desc": "The icon to be used when the toggle is on",
-      "examples": [ "visibility" ],
-      "category": "content"
+      "desc": "The icon to be used when the toggle is on"
     },
 
     "unchecked-icon": {
-      "type": "String",
-      "desc": "The icon to be used when the toggle is off",
-      "examples": [ "visibility_off" ],
-      "category": "content"
+      "desc": "The icon to be used when the toggle is off"
     },
 
     "indeterminate-icon": {
-      "type": "String",
-      "desc": "The icon to be used when the model is indeterminate",
-      "examples": [ "help" ],
-      "category": "content"
+      "desc": "The icon to be used when the model is indeterminate"
     },
 
     "icon-color": {

package/src/components/tree/QTree.js

@@ -542,34 +542,34 @@ export default createComponent({
 
           m.lazy === 'loading'
             ? h(QSpinner, {
-                class: 'q-tree__spinner',
-                color: computedControlColor.value
-              })
+              class: 'q-tree__spinner',
+              color: computedControlColor.value
+            })
             : (
                 isParent === true
                   ? h(QIcon, {
-                      class: 'q-tree__arrow'
+                    class: 'q-tree__arrow'
                     + (m.expanded === true ? ' q-tree__arrow--rotate' : ''),
-                      name: computedIcon.value,
-                      onClick (e) { onExpandClick(node, m, e) }
-                    })
+                    name: computedIcon.value,
+                    onClick (e) { onExpandClick(node, m, e) }
+                  })
                   : null
               ),
 
           m.hasTicking === true && m.noTick !== true
             ? h(QCheckbox, {
-                class: 'q-tree__tickbox',
-                modelValue: m.indeterminate === true ? null : m.ticked,
-                color: computedControlColor.value,
-                dark: isDark.value,
-                dense: true,
-                keepColor: true,
-                disable: m.tickable !== true,
-                onKeydown: stopAndPrevent,
-                'onUpdate:modelValue': v => {
-                  onTickedClick(m, v)
-                }
-              })
+              class: 'q-tree__tickbox',
+              modelValue: m.indeterminate === true ? null : m.ticked,
+              color: computedControlColor.value,
+              dark: isDark.value,
+              dense: true,
+              keepColor: true,
+              disable: m.tickable !== true,
+              onKeydown: stopAndPrevent,
+              'onUpdate:modelValue': v => {
+                onTickedClick(m, v)
+              }
+            })
             : null,
 
           h('div', {
@@ -587,22 +587,22 @@ export default createComponent({
 
         isParent === true
           ? h(QSlideTransition, {
-              duration: props.duration,
-              onShow,
-              onHide
-            }, () => withDirectives(
+            duration: props.duration,
+            onShow,
+            onHide
+          }, () => withDirectives(
+            h('div', {
+              class: 'q-tree__node-collapsible' + textColorClass.value,
+              key: `${ key }__q`
+            }, [
+              body,
               h('div', {
-                class: 'q-tree__node-collapsible' + textColorClass.value,
-                key: `${ key }__q`
-              }, [
-                body,
-                h('div', {
-                  class: 'q-tree__children'
+                class: 'q-tree__children'
                   + (m.disabled === true ? ' q-tree__node--disabled' : '')
-                }, children)
-              ]),
-              [ [ vShow, m.expanded ] ]
-            ))
+              }, children)
+            ]),
+            [ [ vShow, m.expanded ] ]
+          ))
           : body
       ])
     }
@@ -615,14 +615,12 @@ export default createComponent({
     function onClick (node, meta, e, keyboard) {
       keyboard !== true && blur(meta.key)
 
-      if (hasSelection.value) {
-        if (meta.selectable) {
-          if (props.noSelectionUnset === false) {
-            emit('update:selected', meta.key !== props.selected ? meta.key : null)
-          }
-          else if (meta.key !== props.selected) {
-            emit('update:selected', meta.key || null)
-          }
+      if (hasSelection.value && meta.selectable) {
+        if (props.noSelectionUnset === false) {
+          emit('update:selected', meta.key !== props.selected ? meta.key : null)
+        }
+        else if (meta.key !== props.selected) {
+          emit('update:selected', meta.key || null)
         }
       }
       else {

package/src/components/uploader/__tests__/QUploader.spec.js

@@ -0,0 +1,161 @@
+describe('Uploader API', () => {
+  describe('Props', () => {
+    describe('Category: behavior', () => {
+      describe('(prop): auto-upload', () => {
+        it.skip(' ', () => {
+          //
+        })
+      })
+
+      describe('(prop): hide-upload-btn', () => {
+        it.skip(' ', () => {
+          //
+        })
+      })
+    })
+
+    describe('Category: content', () => {
+      describe('(prop): label', () => {
+        it.skip(' ', () => {
+          //
+        })
+      })
+
+      describe('(prop): no-thumbnails', () => {
+        it.skip(' ', () => {
+          //
+        })
+      })
+    })
+
+    describe('Category: state', () => {
+      describe('(prop): disable', () => {
+        it.skip(' ', () => {
+          //
+        })
+      })
+
+      describe('(prop): readonly', () => {
+        it.skip(' ', () => {
+          //
+        })
+      })
+    })
+
+    describe('Category: style', () => {
+      describe('(prop): color', () => {
+        it.skip(' ', () => {
+          //
+        })
+      })
+
+      describe('(prop): text-color', () => {
+        it.skip(' ', () => {
+          //
+        })
+      })
+
+      describe('(prop): dark', () => {
+        it.skip(' ', () => {
+          //
+        })
+      })
+
+      describe('(prop): square', () => {
+        it.skip(' ', () => {
+          //
+        })
+      })
+
+      describe('(prop): flat', () => {
+        it.skip(' ', () => {
+          //
+        })
+      })
+
+      describe('(prop): bordered', () => {
+        it.skip(' ', () => {
+          //
+        })
+      })
+    })
+  })
+
+  describe('Slots', () => {
+    describe('(slot): header', () => {
+      it.skip(' ', () => {
+        //
+      })
+    })
+
+    describe('(slot): list', () => {
+      it.skip(' ', () => {
+        //
+      })
+    })
+  })
+
+  describe('Events', () => {
+    describe('(event): added', () => {
+      it.skip(' ', () => {
+        //
+      })
+    })
+
+    describe('(event): removed', () => {
+      it.skip(' ', () => {
+        //
+      })
+    })
+
+    describe('(event): start', () => {
+      it.skip(' ', () => {
+        //
+      })
+    })
+
+    describe('(event): finish', () => {
+      it.skip(' ', () => {
+        //
+      })
+    })
+  })
+
+  describe('Methods', () => {
+    describe('(method): upload', () => {
+      it.skip(' ', () => {
+        //
+      })
+    })
+
+    describe('(method): abort', () => {
+      it.skip(' ', () => {
+        //
+      })
+    })
+
+    describe('(method): reset', () => {
+      it.skip(' ', () => {
+        //
+      })
+    })
+
+    describe('(method): removeUploadedFiles', () => {
+      it.skip(' ', () => {
+        //
+      })
+    })
+
+    describe('(method): removeQueuedFiles', () => {
+      it.skip(' ', () => {
+        //
+      })
+    })
+
+    describe('(method): removeFile', () => {
+      it.skip(' ', () => {
+        //
+      })
+    })
+  })
+})

package/src/composables/private/__tests__/FieldWrapper.vue

@@ -0,0 +1,39 @@
+<template>
+  <div style="margin: 150px auto" class="row justify-center" data-cy="wrapper">
+    <q-select data-cy="select" class="select-root" ref="compRef" v-bind="$attrs" style="min-width: 300px"></q-select>
+  </div>
+  <q-btn class="hidden" data-cy="method-show" @click="show" />
+  <q-btn class="hidden" data-cy="method-hide" @click="hide" />
+  <q-btn class="hidden" data-cy="method-toggle" @click="toggle" />
+  <q-btn class="hidden" data-cy="method-focus" @click="focusMethod" />
+</template>
+
+<script>
+import { defineComponent, ref } from 'vue'
+
+export default defineComponent({
+  inheritAttrs: false,
+  setup () {
+    const compRef = ref(null)
+
+    function show () {
+      compRef.value.show()
+    }
+
+    function hide () {
+      compRef.value.hide()
+    }
+
+    function toggle () {
+      compRef.value.toggle()
+    }
+
+    function focusMethod () {
+      compRef.value.focus()
+    }
+
+    return { compRef, show, hide, toggle, focusMethod }
+  }
+})
+
+</script>