quasar 2.4.11 → 2.5.1

package/src/components/date/__tests__/QDate.spec.js

@@ -0,0 +1,189 @@
+describe('Date API', () => {
+  describe('Props', () => {
+    describe('Category: behavior', () => {
+      describe('(prop): years-in-month-view', () => {
+        it.skip(' ', () => {
+          //
+        })
+      })
+    })
+
+    describe('Category: content', () => {
+      describe('(prop): title', () => {
+        it.skip(' ', () => {
+          //
+        })
+      })
+
+      describe('(prop): subtitle', () => {
+        it.skip(' ', () => {
+          //
+        })
+      })
+
+      describe('(prop): today-btn', () => {
+        it.skip(' ', () => {
+          //
+        })
+      })
+
+      describe('(prop): minimal', () => {
+        it.skip(' ', () => {
+          //
+        })
+      })
+    })
+
+    describe('Category: model', () => {
+      describe('(prop): model-value', () => {
+        it.skip(' ', () => {
+          //
+        })
+      })
+
+      describe('(prop): default-year-month', () => {
+        it.skip(' ', () => {
+          //
+        })
+      })
+
+      describe('(prop): default-view', () => {
+        it.skip(' ', () => {
+          //
+        })
+      })
+
+      describe('(prop): events', () => {
+        it.skip(' ', () => {
+          //
+        })
+      })
+
+      describe('(prop): options', () => {
+        it.skip(' ', () => {
+          //
+        })
+      })
+
+      describe('(prop): first-day-of-week', () => {
+        it.skip(' ', () => {
+          //
+        })
+      })
+
+      describe('(prop): emit-immediately', () => {
+        it.skip(' ', () => {
+          //
+        })
+      })
+    })
+
+    describe('Category: model|selection', () => {
+      describe('(prop): multiple', () => {
+        it.skip(' ', () => {
+          //
+        })
+      })
+
+      describe('(prop): range', () => {
+        it.skip(' ', () => {
+          //
+        })
+      })
+    })
+
+    describe('Category: selection', () => {
+      describe('(prop): navigation-min-year-month', () => {
+        it.skip(' ', () => {
+          //
+        })
+      })
+
+      describe('(prop): navigation-max-year-month', () => {
+        it.skip(' ', () => {
+          //
+        })
+      })
+
+      describe('(prop): no-unset', () => {
+        it.skip(' ', () => {
+          //
+        })
+      })
+    })
+
+    describe('Category: style', () => {
+      describe('(prop): event-color', () => {
+        it.skip(' ', () => {
+          //
+        })
+      })
+    })
+  })
+
+  describe('Slots', () => {
+    describe('(slot): default', () => {
+      it.skip(' ', () => {
+        //
+      })
+    })
+  })
+
+  describe('Events', () => {
+    describe('(event): update:model-value', () => {
+      it.skip(' ', () => {
+        //
+      })
+    })
+
+    describe('(event): navigation', () => {
+      it.skip(' ', () => {
+        //
+      })
+    })
+
+    describe('(event): range-start', () => {
+      it.skip(' ', () => {
+        //
+      })
+    })
+
+    describe('(event): range-end', () => {
+      it.skip(' ', () => {
+        //
+      })
+    })
+  })
+
+  describe('Methods', () => {
+    describe('(method): setToday', () => {
+      it.skip(' ', () => {
+        //
+      })
+    })
+
+    describe('(method): setView', () => {
+      it.skip(' ', () => {
+        //
+      })
+    })
+
+    describe('(method): offsetCalendar', () => {
+      it.skip(' ', () => {
+        //
+      })
+    })
+
+    describe('(method): setCalendarTo', () => {
+      it.skip(' ', () => {
+        //
+      })
+    })
+
+    describe('(method): setEditingRange', () => {
+      it.skip(' ', () => {
+        //
+      })
+    })
+  })
+})

package/src/components/date/__tests__/use-datetime.spec.js

@@ -0,0 +1,83 @@
+describe('use-datetime API', () => {
+  describe('Props', () => {
+    describe('Category: behavior', () => {
+      describe('(prop): landscape', () => {
+        it.skip(' ', () => {
+          //
+        })
+      })
+    })
+
+    describe('Category: model', () => {
+      describe('(prop): mask', () => {
+        it.skip(' ', () => {
+          //
+        })
+      })
+
+      describe('(prop): locale', () => {
+        it.skip(' ', () => {
+          //
+        })
+      })
+
+      describe('(prop): calendar', () => {
+        it.skip(' ', () => {
+          //
+        })
+      })
+    })
+
+    describe('Category: state', () => {
+      describe('(prop): readonly', () => {
+        it.skip(' ', () => {
+          //
+        })
+      })
+
+      describe('(prop): disable', () => {
+        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(' ', () => {
+          //
+        })
+      })
+    })
+  })
+})

package/src/components/dialog/QDialog.js

@@ -257,7 +257,7 @@ export default createComponent({
         }
 
         node = node.querySelector('[autofocus], [data-autofocus]') || node
-        node.focus()
+        node.focus({ preventScroll: true })
       })
     }
 

package/src/components/dialog/__tests__/QDialog.spec.js

@@ -0,0 +1,129 @@
+describe('Dialog API', () => {
+  describe('Props', () => {
+    describe('Category: behavior', () => {
+      describe('(prop): persistent', () => {
+        it.skip(' ', () => {
+          //
+        })
+      })
+
+      describe('(prop): no-esc-dismiss', () => {
+        it.skip(' ', () => {
+          //
+        })
+      })
+
+      describe('(prop): no-backdrop-dismiss', () => {
+        it.skip(' ', () => {
+          //
+        })
+      })
+
+      describe('(prop): no-route-dismiss', () => {
+        it.skip(' ', () => {
+          //
+        })
+      })
+
+      describe('(prop): auto-close', () => {
+        it.skip(' ', () => {
+          //
+        })
+      })
+
+      describe('(prop): no-refocus', () => {
+        it.skip(' ', () => {
+          //
+        })
+      })
+
+      describe('(prop): no-focus', () => {
+        it.skip(' ', () => {
+          //
+        })
+      })
+
+      describe('(prop): no-shake', () => {
+        it.skip(' ', () => {
+          //
+        })
+      })
+    })
+
+    describe('Category: content', () => {
+      describe('(prop): seamless', () => {
+        it.skip(' ', () => {
+          //
+        })
+      })
+
+      describe('(prop): maximized', () => {
+        it.skip(' ', () => {
+          //
+        })
+      })
+
+      describe('(prop): full-width', () => {
+        it.skip(' ', () => {
+          //
+        })
+      })
+
+      describe('(prop): full-height', () => {
+        it.skip(' ', () => {
+          //
+        })
+      })
+
+      describe('(prop): position', () => {
+        it.skip(' ', () => {
+          //
+        })
+      })
+    })
+
+    describe('Category: style', () => {
+      describe('(prop): square', () => {
+        it.skip(' ', () => {
+          //
+        })
+      })
+    })
+  })
+
+  describe('Slots', () => {
+    describe('(slot): default', () => {
+      it.skip(' ', () => {
+        //
+      })
+    })
+  })
+
+  describe('Events', () => {
+    describe('(event): shake', () => {
+      it.skip(' ', () => {
+        //
+      })
+    })
+
+    describe('(event): escape-key', () => {
+      it.skip(' ', () => {
+        //
+      })
+    })
+  })
+
+  describe('Methods', () => {
+    describe('(method): focus', () => {
+      it.skip(' ', () => {
+        //
+      })
+    })
+
+    describe('(method): shake', () => {
+      it.skip(' ', () => {
+        //
+      })
+    })
+  })
+})

package/src/components/editor/QEditor.js

@@ -454,7 +454,7 @@ export default createComponent({
 
     function focus () {
       addFocusFn(() => {
-        contentRef.value !== null && contentRef.value.focus()
+        contentRef.value !== null && contentRef.value.focus({ preventScroll: true })
       })
     }
 

package/src/components/editor/QEditor.json

@@ -227,13 +227,15 @@
 
     "content-style": {
       "type": "Object",
+      "tsType": "VueStyleObjectProp",
       "desc": "Object with CSS properties and values for styling the container of QEditor",
       "examples": [ ":content-style=\"{ backgroundColor: '#C0C0C0' }\"" ],
       "category": "style"
     },
 
     "content-class": {
-      "type": [ "Object", "Array", "String" ],
+      "type": [ "String", "Array", "Object" ],
+      "tsType": "VueClassProp",
       "desc": "CSS classes for the input area",
       "examples": [
         "my-special-class",

package/src/components/editor/__tests__/QEditor.spec.js

@@ -0,0 +1,195 @@
+describe('Editor API', () => {
+  describe('Props', () => {
+    describe('Category: behavior', () => {
+      describe('(prop): paragraph-tag', () => {
+        it.skip(' ', () => {
+          //
+        })
+      })
+    })
+
+    describe('Category: content', () => {
+      describe('(prop): placeholder', () => {
+        it.skip(' ', () => {
+          //
+        })
+      })
+    })
+
+    describe('Category: model', () => {
+      describe('(prop): model-value', () => {
+        it.skip(' ', () => {
+          //
+        })
+      })
+    })
+
+    describe('Category: state', () => {
+      describe('(prop): readonly', () => {
+        it.skip(' ', () => {
+          //
+        })
+      })
+
+      describe('(prop): disable', () => {
+        it.skip(' ', () => {
+          //
+        })
+      })
+    })
+
+    describe('Category: style', () => {
+      describe('(prop): square', () => {
+        it.skip(' ', () => {
+          //
+        })
+      })
+
+      describe('(prop): flat', () => {
+        it.skip(' ', () => {
+          //
+        })
+      })
+
+      describe('(prop): dense', () => {
+        it.skip(' ', () => {
+          //
+        })
+      })
+
+      describe('(prop): dark', () => {
+        it.skip(' ', () => {
+          //
+        })
+      })
+
+      describe('(prop): min-height', () => {
+        it.skip(' ', () => {
+          //
+        })
+      })
+
+      describe('(prop): max-height', () => {
+        it.skip(' ', () => {
+          //
+        })
+      })
+
+      describe('(prop): height', () => {
+        it.skip(' ', () => {
+          //
+        })
+      })
+
+      describe('(prop): content-style', () => {
+        it.skip(' ', () => {
+          //
+        })
+      })
+
+      describe('(prop): content-class', () => {
+        it.skip(' ', () => {
+          //
+        })
+      })
+    })
+
+    describe('Category: toolbar', () => {
+      describe('(prop): definitions', () => {
+        it.skip(' ', () => {
+          //
+        })
+      })
+
+      describe('(prop): fonts', () => {
+        it.skip(' ', () => {
+          //
+        })
+      })
+
+      describe('(prop): toolbar', () => {
+        it.skip(' ', () => {
+          //
+        })
+      })
+
+      describe('(prop): toolbar-color', () => {
+        it.skip(' ', () => {
+          //
+        })
+      })
+
+      describe('(prop): toolbar-text-color', () => {
+        it.skip(' ', () => {
+          //
+        })
+      })
+
+      describe('(prop): toolbar-toggle-color', () => {
+        it.skip(' ', () => {
+          //
+        })
+      })
+
+      describe('(prop): toolbar-bg', () => {
+        it.skip(' ', () => {
+          //
+        })
+      })
+    })
+
+    describe('Category: toolbar|style', () => {
+      describe('(prop): toolbar-outline', () => {
+        it.skip(' ', () => {
+          //
+        })
+      })
+
+      describe('(prop): toolbar-push', () => {
+        it.skip(' ', () => {
+          //
+        })
+      })
+
+      describe('(prop): toolbar-rounded', () => {
+        it.skip(' ', () => {
+          //
+        })
+      })
+    })
+  })
+
+  describe('Events', () => {
+    describe('(event): update:model-value', () => {
+      it.skip(' ', () => {
+        //
+      })
+    })
+  })
+
+  describe('Methods', () => {
+    describe('(method): runCmd', () => {
+      it.skip(' ', () => {
+        //
+      })
+    })
+
+    describe('(method): refreshToolbar', () => {
+      it.skip(' ', () => {
+        //
+      })
+    })
+
+    describe('(method): focus', () => {
+      it.skip(' ', () => {
+        //
+      })
+    })
+
+    describe('(method): getContentEl', () => {
+      it.skip(' ', () => {
+        //
+      })
+    })
+  })
+})

package/src/components/expansion-item/QExpansionItem.json

@@ -26,7 +26,8 @@
     },
 
     "expand-icon-class": {
-      "type": [ "Array", "String", "Object" ],
+      "type": [ "String", "Array", "Object" ],
+      "tsType": "VueClassProp",
       "desc": "Apply custom class(es) to the expand icon item section",
       "examples": [ "text-purple" ],
       "category": "style"
@@ -134,7 +135,8 @@
     },
 
     "header-style": {
-      "type": [ "Array", "String", "Object" ],
+      "type": [ "String", "Array", "Object" ],
+      "tsType": "VueStyleProp",
       "desc": "Apply custom style to the header",
       "examples": [
         "background: '#ff0000'",
@@ -144,7 +146,8 @@
     },
 
     "header-class": {
-      "type": [ "Array", "String", "Object" ],
+      "type": [ "String", "Array", "Object" ],
+      "tsType": "VueClassProp",
       "desc": "Apply custom class(es) to the header",
       "examples": [
         "my-custom-class",

package/src/components/fab/use-fab.json

@@ -87,7 +87,8 @@
     },
 
     "label-class": {
-      "type": [ "Array", "String", "Object" ],
+      "type": [ "String", "Array", "Object" ],
+      "tsType": "VueClassProp",
       "desc": "Class definitions to be attributed to the label container",
       "examples": [
         "my-special-class",
@@ -97,7 +98,8 @@
     },
 
     "label-style": {
-      "type": [ "Array", "String", "Object" ],
+      "type": [ "String", "Array", "Object" ],
+      "tsType": "VueStyleProp",
       "desc": "Style definitions to be attributed to the label container",
       "examples": [
         "background-color: #ff0000",

package/src/components/field/QField.sass

@@ -45,6 +45,7 @@ $field-transition-label-right-up: .324s cubic-bezier(.4,0,.2,1)
     line-height: 1
     color: rgba(0,0,0,.54)
     padding: 8px 12px 0
+    backface-visibility: hidden
 
     &--animated
       transform: translateY(100%)
@@ -190,6 +191,7 @@ $field-transition-label-right-up: .324s cubic-bezier(.4,0,.2,1)
     text-transform: inherit
     transform-origin: left top
     transition: transform $field-transition, max-width $field-transition-label-right-up
+    backface-visibility: hidden
 
   &--float .q-field__label
     max-width: 133%