quasar 2.18.7 → 2.19.0

package/src/components/date/QDate.json

@@ -1,5 +1,5 @@
 {
-  "mixins": [ "components/date/use-datetime" ],
+  "mixins": ["components/date/use-datetime"],
 
   "meta": {
     "docsUrl": "https://v2.quasar.dev/vue-components/date"
@@ -8,7 +8,7 @@
   "props": {
     "model-value": {
       "extends": "model-value",
-      "type": [ "String", "Array", "Object", "null", "undefined" ],
+      "type": ["String", "Array", "Object", "null", "undefined"],
       "desc": "Date(s) of the component; Must be Array if using 'multiple' prop; Either use this property (along with a listener for 'update:model-value' event) OR use v-model directive",
       "examples": [
         "# v-model=\"myDate\"",
@@ -21,34 +21,34 @@
     "title": {
       "type": "String",
       "desc": "When specified, it overrides the default header title; Makes sense when not in 'minimal' mode",
-      "examples": [ "'Birthday'" ],
+      "examples": ["'Birthday'"],
       "category": "content"
     },
 
     "subtitle": {
       "type": "String",
       "desc": "When specified, it overrides the default header subtitle; Makes sense when not in 'minimal' mode",
-      "examples": [ "'John Doe'" ],
+      "examples": ["'John Doe'"],
       "category": "content"
     },
 
     "default-year-month": {
       "type": "String",
       "desc": "The default year and month to display (in YYYY/MM format) when model is unfilled (undefined or null); Please ensure it is within the navigation min/max year-month (if using them)",
-      "examples": [ "'1986/02'" ],
+      "examples": ["'1986/02'"],
       "category": "model"
     },
 
     "mask": {
       "default": "'YYYY/MM/DD'",
-      "examples": [ "'YYYY-MM-DD'", "'MMMM Do, YYYY'", "'YYYY-MM-DD HH:mm:ss'" ]
+      "examples": ["'YYYY-MM-DD'", "'MMMM Do, YYYY'", "'YYYY-MM-DD HH:mm:ss'"]
     },
 
     "default-view": {
       "type": "String",
       "desc": "The view which will be displayed by default",
       "default": "'Calendar'",
-      "values": [ "'Calendar'", "'Months'", "'Years'" ],
+      "values": ["'Calendar'", "'Months'", "'Years'"],
       "category": "model"
     },
 
@@ -59,13 +59,13 @@
     },
 
     "events": {
-      "type": [ "Array", "Function" ],
+      "type": ["Array", "Function"],
       "desc": "A list of events to highlight on the calendar; If using a function, it receives the date as a String and must return a Boolean (matches or not); If using a function then for best performance, reference it from your scope and do not define it inline",
       "params": {
         "date": {
           "type": "String",
           "desc": "The current date being processed.",
-          "examples": [ "'2018/11/05'", "'2021/10/25'" ]
+          "examples": ["'2018/11/05'", "'2021/10/25'"]
         }
       },
       "returns": {
@@ -73,26 +73,26 @@
         "desc": "If true, the current date will be highlighted"
       },
       "examples": [
-        "[ '2018/11/05', '2018/11/06', '2018/11/09', '2018/11/23' ]",
+        "['2018/11/05', '2018/11/06', '2018/11/09', '2018/11/23']",
         "date => (date[ 9 ] % 3 === 0)"
       ],
       "category": "model"
     },
 
     "event-color": {
-      "type": [ "String", "Function" ],
+      "type": ["String", "Function"],
       "desc": "Color name (from the Quasar Color Palette); If using a function, it receives the date as a String and must return a String (color for the received date); If using a function then for best performance, reference it from your scope and do not define it inline",
       "params": {
         "date": {
           "type": "String",
           "desc": "The current date being processed.",
-          "examples": [ "'2018/11/05'", "'2021/10/25'" ]
+          "examples": ["'2018/11/05'", "'2021/10/25'"]
         }
       },
       "returns": {
         "type": "String",
         "desc": "Color for the current date.",
-        "examples": [ "'teal'", "'orange'" ]
+        "examples": ["'teal'", "'orange'"]
       },
       "examples": [
         "'teal-10'",
@@ -102,13 +102,13 @@
     },
 
     "options": {
-      "type": [ "Array", "Function" ],
+      "type": ["Array", "Function"],
       "desc": "Optionally configure the days that are selectable; If using a function, it receives the date as a String and must return a Boolean (is date acceptable or not); If using a function then for best performance, reference it from your scope and do not define it inline; Incompatible with 'range' prop",
       "params": {
         "date": {
           "type": "String",
           "desc": "The current date being processed.",
-          "examples": [ "'2018/11/05'", "'2021/10/25'" ]
+          "examples": ["'2018/11/05'", "'2021/10/25'"]
         }
       },
       "returns": {
@@ -116,7 +116,7 @@
         "desc": "If true, the current date will be made available for selection"
       },
       "examples": [
-        "[ '2018/11/05', '2018/11/12', '2018/11/19', '2018/11/26' ]",
+        "['2018/11/05', '2018/11/12', '2018/11/19', '2018/11/26']",
         "date => (date[ 9 ] % 3 === 0)",
         "date => (date >= '2018/11/03' && date <= '2018/11/15')"
       ],
@@ -126,14 +126,14 @@
     "navigation-min-year-month": {
       "type": "String",
       "desc": "Lock user from navigating below a specific year+month (in YYYY/MM format); This prop is not used to correct the model; You might want to also use 'default-year-month' prop",
-      "examples": [ "'2020/07'" ],
+      "examples": ["'2020/07'"],
       "category": "selection"
     },
 
     "navigation-max-year-month": {
       "type": "String",
       "desc": "Lock user from navigating above a specific year+month (in YYYY/MM format); This prop is not used to correct the model; You might want to also use 'default-year-month' prop",
-      "examples": [ "'2020/10'" ],
+      "examples": ["'2020/10'"],
       "category": "selection"
     },
 
@@ -144,7 +144,7 @@
     },
 
     "first-day-of-week": {
-      "type": [ "String", "Number" ],
+      "type": ["String", "Number"],
       "desc": "Sets the day of the week that is considered the first day (0 - Sunday, 1 - Monday, ...); This day will show in the left-most column of the calendar",
       "default": "# based on configured Quasar lang language",
       "__runtimeDefault": true,
@@ -198,12 +198,21 @@
       "extends": "update:model-value",
       "params": {
         "value": {
-          "type": [ "String", "Array", "Object", "null" ]
+          "type": ["String", "Array", "Object", "null"]
         },
         "reason": {
           "type": "String",
           "desc": "Reason of the user interaction (what was picked)",
-          "values": [ "'add-day'", "'remove-day'", "'add-range'", "'remove-range'", "'mask'", "'locale'", "'year'", "'month'" ]
+          "values": [
+            "'add-day'",
+            "'remove-day'",
+            "'add-range'",
+            "'remove-range'",
+            "'mask'",
+            "'locale'",
+            "'year'",
+            "'month'"
+          ]
         },
         "details": {
           "type": "Object",
@@ -393,7 +402,7 @@
           "type": "String",
           "required": true,
           "desc": "QDate view name",
-          "values": [ "'Calendar'", "'Months'", "'Years'" ]
+          "values": ["'Calendar'", "'Months'", "'Years'"]
         }
       },
       "returns": null
@@ -406,7 +415,7 @@
           "type": "String",
           "required": true,
           "desc": "What to increment/decrement",
-          "values": [ "'month'", "'year'" ]
+          "values": ["'month'", "'year'"]
         },
         "descending": {
           "type": "Boolean",

package/src/components/date/index.js

@@ -1,5 +1,3 @@
 import QDate from './QDate.js'
 
-export {
-  QDate
-}
+export { QDate }

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

@@ -3,7 +3,7 @@ import { computed } from 'vue'
 import { toJalaali } from '../../utils/date/private.persian.js'
 import { pad } from '../../utils/format/format.js'
 
-const calendars = [ 'gregorian', 'persian' ]
+const calendars = ['gregorian', 'persian']
 
 export const useDatetimeProps = {
   // should define modelValue in the target component
@@ -32,35 +32,33 @@ export const useDatetimeProps = {
   disable: Boolean
 }
 
-export const useDatetimeEmits = [ 'update:modelValue' ]
+export const useDatetimeEmits = ['update:modelValue']
 
-export function getDayHash (date) {
+export function getDayHash(date) {
   return date.year + '/' + pad(date.month) + '/' + pad(date.day)
 }
 
-export default function (props, $q) {
-  const editable = computed(() => {
-    return props.disable !== true && props.readonly !== true
-  })
+export default function useDatetime(props, $q) {
+  const editable = computed(
+    () => props.disable !== true && props.readonly !== true
+  )
 
-  const tabindex = computed(() => {
-    return editable.value === true ? 0 : -1
-  })
+  const tabindex = computed(() => (editable.value === true ? 0 : -1))
 
   const headerClass = computed(() => {
     const cls = []
-    props.color !== void 0 && cls.push(`bg-${ props.color }`)
-    props.textColor !== void 0 && cls.push(`text-${ props.textColor }`)
+    if (props.color !== void 0) cls.push(`bg-${props.color}`)
+    if (props.textColor !== void 0) cls.push(`text-${props.textColor}`)
     return cls.join(' ')
   })
 
-  function getLocale () {
+  function getLocale() {
     return props.locale !== void 0
       ? { ...$q.lang.date, ...props.locale }
       : $q.lang.date
   }
 
-  function getCurrentDate (dateOnly) {
+  function getCurrentDate(dateOnly) {
     const d = new Date()
     const timeFill = dateOnly === true ? null : 0
 

package/src/components/date/use-datetime.json

@@ -1,5 +1,5 @@
 {
-  "mixins": [ "composables/use-form/private.use-form" ],
+  "mixins": ["composables/use-form/private.use-form"],
 
   "props": {
     "landscape": {
@@ -17,27 +17,27 @@
     "locale": {
       "type": "Object",
       "desc": "Locale formatting options",
-      "examples": [ "{ monthsShort: [ 'Ian', 'Feb', 'Mar', '...' ] }" ],
+      "examples": ["{ monthsShort: [ 'Ian', 'Feb', 'Mar', '...' ] }"],
       "definition": {
         "days": {
           "type": "Array",
           "desc": "List of full day names (DDDD), starting with Sunday",
-          "examples": [ "[ 'Duminica', 'Luni', 'Marti', '...' ]" ]
+          "examples": ["['Duminica', 'Luni', 'Marti', '...']"]
         },
         "daysShort": {
           "type": "Array",
           "desc": "List of short day names (DDD), starting with Sunday",
-          "examples": [ "[ 'Dum', 'Lun', 'Mar', '...' ]" ]
+          "examples": ["['Dum', 'Lun', 'Mar', '...']"]
         },
         "months": {
           "type": "Array",
           "desc": "List of full month names (MMMM), starting with January",
-          "examples": [ "[ 'Ianuarie', 'Februarie', 'Martie', '...' ]" ]
+          "examples": ["['Ianuarie', 'Februarie', 'Martie', '...']"]
         },
         "monthsShort": {
           "type": "Array",
           "desc": "List of short month names (MMM), starting with January",
-          "examples": [ "[ 'Ian', 'Feb', 'Mar', '...' ]" ]
+          "examples": ["['Ian', 'Feb', 'Mar', '...']"]
         }
       },
       "category": "model"
@@ -47,7 +47,7 @@
       "type": "String",
       "desc": "Specify calendar type",
       "default": "'gregorian'",
-      "values": [ "'gregorian'", "'persian'" ],
+      "values": ["'gregorian'", "'persian'"],
       "category": "model"
     },