quasar 2.5.3 → 2.6.0

package/lang/ug.js

@@ -1,40 +1,39 @@
-const days = 'يەكشەنبە_دۈشەنبە_سەيشەنبە_چارشەنبە_پەيشەنبە_جۈمە_شەنبە'.split('_')
-const monthsShort = '1-ئاي_2-ئاي_3-ئاي_4-ئاي_5-ئاي_6-ئاي_7-ئاي_8-ئاي_9-ئاي_10-ئاي_11-ئاي_12-ئاي'.split('_')
+const days = 'يەكشەنبە_دۈشەنبە_سەيشەنبە_چارشەنبە_پەيشەنبە_جۈمە_شەنبە_يەكشەنبە'.split('_')
 
 export default {
   isoName: 'ug',
   nativeName: 'ئۇيغۇرچە',
-  rtl: true,
+   rtl: true,
   label: {
-    clear: 'تازلاش',
-    ok: 'جەزملەش',
-    cancel: 'بىكار قىلىش',
+    clear: 'تازىلاش',
+    ok: 'ھەئە',
+    cancel: 'بولدىلا',
     close: 'تاقاش',
-    set: 'تەڭشەك',
+    set: 'تەڭشەش',
     select: 'تاللاش',
     reset: 'ئەسلىگە قايتۇرۇش',
-    remove: 'چىقىرۋىتىش',
-    update: 'يېڭىلاش',
+    remove: 'چىقىرىۋېتىش',
+    update: 'نەشىر يېڭىلاش',
     create: 'قۇرۇش',
     search: 'ئىزدەش',
-    filter: 'سۈزۈش',
+    filter: 'سۈزگۈچ',
     refresh: 'يېڭىلاش'
   },
   date: {
-    days: days,
+    days,
     daysShort: 'ي_د_س_چ_پ_ج_ش'.split('_'),
-    months: monthsShort,
-    monthsShort: monthsShort,
-    headerTitle: (date, model) => monthsShort[ model.month - 1 ] + 'نىڭ ' + model.day + '-كۈنى، ' + days[ date.getDay() ],
+    months: 'يانۋار(1)_فېۋرال(2)_مارت(3)_ئاپرىل(4)_ماي(5)_ئىيۇن(6)_ئىيۇل(7)_ئاۋغۇست (8)_سېنتەبىر(9)_ئۆكتەبىر(10)_نويابىر(11)_دېكابىر(12)'.split('_'),
+    monthsShort: '1-ئاي_2-ئاي_3-ئاي_4-ئاي_5-ئاي_6-ئاي_7-ئاي_8-ئاي_9-ئاي_10-ئاي_11-ئاي_12-ئاي'.split('_'),
     firstDayOfWeek: 1, // 0-6, 0 - Sunday, 1 Monday, ...
     format24h: false,
+    headerTitle: (date, model) => model.month + '-ئاينىڭ ' + model.day + '-كۈنى ، ' + days[ date.getDay() ],
     pluralDay: 'كۈن'
   },
   table: {
     noData: 'ئۇچۇر يوق',
     noResults: 'مۇناسىۋەتلىك ئۇچۇر تېپىلمىدى',
-    loading: 'يۈكلىنىۋاتىدۇ...',
-    selectedRecords: rows => rows + ' قۇر تاللاندى',
+    loading: 'يۈكلىنىۋاتىدۇ ...',
+    selectedRecords:  rows => 'جەمئىي ' + rows + ' قۇر تاللاندى',
     recordsPerPage: 'ھەربەتتىكى قۇر سانى:',
     allRows: 'ھەممىسى',
     pagination: (start, end, total) => start + '-' + end + ' / ' + total,
@@ -42,51 +41,51 @@ export default {
   },
   editor: {
     url: 'URL',
-    bold: 'Bold',
-    italic: 'ئىتالىيان',
-    strikethrough: 'Strikethrough',
+    bold: 'توم',
+    italic: 'يانتۇ',
+    strikethrough: 'جىجاش',
     underline: 'ئاستى سىزىق',
-    unorderedList: 'تەرتىپسىز تىزىملىك',
-    orderedList: 'زاكاز تىزىملىكى',
-    subscript: 'مۇشتەرى',
-    superscript: 'Superscript',
-    hyperlink: 'Hyperlink',
-    toggleFullscreen: 'تولۇق ئېكراننى ئالماشتۇرۇڭ',
+    unorderedList: 'تەرتىپسىز',
+    orderedList: 'تەرتىپلىك',
+    subscript: 'تۆۋەن ئىندېكىس',
+    superscript: 'يۇقىرى ئىندېكىس',
+    hyperlink: 'ئۇلانما',
+    toggleFullscreen: 'پۈتۈن ئېكران',
     quote: 'نەقىل',
-    left: 'سول تەڭگە',
-    center: 'Center align',
-    right: 'ئوڭ توغرىلاش',
-    justify: 'توغرىلاشنى توغرىلاڭ',
-    print: 'بېسىش',
-    outdent: 'تەۋەككۈلچىلىكنى ئازايتىش',
-    indent: 'تەۋەككۈلچىلىكنى ئاشۇرۇش',
-    removeFormat: 'فورماتنى ئۆچۈرۈڭ',
+    left: 'سولغا توغرىلاش',
+    center: 'ئوتتۇرىغا توغرىلاش',
+    right: 'ئوڭغا توغرىلاش',
+    justify: 'ئىككى يانغا توغرىلاش',
+    print: 'بېسىپ چىقىرىش',
+    outdent: 'كېڭەيتىش',
+    indent: 'تارايتىش',
+    removeFormat: 'فورماتىنى چىقىرىۋېتىش',
     formatting: 'فورماتلاش',
-    fontSize: 'خەت چوڭلۇقى',
+    fontSize: 'خەت چوڭلىقى',
     align: 'توغرىلاش',
-    hr: 'توغرىسىغا قائىدە قىستۇرۇش',
-    undo: 'ئەمەلدىن قالدۇرۇش',
-    redo: 'Redo',
-    heading1: 'Heading 1',
-    heading2: 'Heading 2',
-    heading3: 'Heading 3',
-    heading4: 'Heading 4',
-    heading5: 'Heading 5',
-    heading6: 'Heading 6',
+    hr: 'توغرا سىزىق',
+    undo: 'قايتۇرۇش',
+    redo: 'قايتىلاش',
+    heading1: 'تىما 1',
+    heading2: 'تىما 2',
+    heading3: 'تىما 3',
+    heading4: 'تىما 4',
+    heading5: 'تىما 5',
+    heading6: 'تىما 6',
     paragraph: 'ئابزاس',
     code: 'كود',
-    size1: 'بەك كىچىك',
-    size2: 'ئازراق كىچىك',
+    size1: 'كىچىك',
+    size2: 'كىچىكراق',
     size3: 'نورمال',
-    size4: 'ئوتتۇراھال چوڭ',
+    size4: 'چوڭراق',
     size5: 'چوڭ',
-    size6: 'بەك چوڭ',
+    size6: 'ئىنتايىن چوڭ',
     size7: 'ئەڭ چوڭ',
     defaultFont: 'كۆڭۈلدىكى خەت نۇسخىسى',
-    viewSource: 'مەنبەنى كۆرۈش',
+    viewSource: 'مەنبەنى كۆرۈش'
   },
   tree: {
-    noNodes: 'ئۇچۇر يوق',
-    noResults: 'مۇناسىۋەتلىك ئۇچۇر تېپىلمىدى'
+    noNodes: 'تۈگۈن يوق',
+    noResults: 'ئۇچۇر يوق'
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "quasar",
-  "version": "2.5.3",
+  "version": "2.6.0",
   "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/api-file-example.json

@@ -63,7 +63,7 @@
       "desc": "Emitted on QChip click if 'clickable' property is set",
       "params": {
         "evt": {
-          "type": "Object",
+          "type": "Event",
           "desc": "JS event object"
         }
       }
@@ -83,7 +83,7 @@
     "hide": {
       "params": {
         "evt": {
-          "type": "Object",
+          "type": "Event",
           "required": false,
           "desc": "JS event object"
         }

package/src/api.extends.json

@@ -47,7 +47,7 @@
 
     "icon": {
       "type": "String",
-      "desc": "Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix",
+      "desc": "Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix; If 'none' (String) is used as value then no icon is rendered (but screen real estate will still be used for it)",
       "examples": [
         "map",
         "ion-add",
@@ -139,6 +139,11 @@
       "default": true,
       "examples": [ false, "{ early: true, center: true, color: 'teal', keyCodes: [] }" ],
       "category": "style"
+    },
+
+    "evt": {
+      "type": "Event",
+      "desc": "JS event object"
     }
   },
 
@@ -165,10 +170,8 @@
       "desc": "Emitted after component has triggered show()",
       "params": {
         "evt": {
-          "type": "Object",
-          "desc": "JS event object",
-          "required": true,
-          "__exemption": [ "examples" ]
+          "extends": "evt",
+          "required": true
         }
       }
     },
@@ -177,10 +180,8 @@
       "desc": "Emitted when component triggers show() but before it finishes doing it",
       "params": {
         "evt": {
-          "type": "Object",
-          "desc": "JS event object",
-          "required": true,
-          "__exemption": [ "examples" ]
+          "extends": "evt",
+          "required": true
         }
       }
     },
@@ -193,10 +194,8 @@
       "desc": "Emitted after component has triggered hide()",
       "params": {
         "evt": {
-          "type": "Object",
-          "desc": "JS event object",
-          "required": true,
-          "__exemption": [ "examples" ]
+          "extends": "evt",
+          "required": true
         }
       }
     },
@@ -205,10 +204,8 @@
       "desc": "Emitted when component triggers hide() but before it finishes doing it",
       "params": {
         "evt": {
-          "type": "Object",
-          "desc": "JS event object",
-          "required": true,
-          "__exemption": [ "examples" ]
+          "extends": "evt",
+          "required": true
         }
       }
     },
@@ -221,10 +218,8 @@
       "desc": "Emitted when user clicks/taps on the component",
       "params": {
         "evt": {
-          "type": "Object",
-          "desc": "JS event object",
-          "required": true,
-          "__exemption": [ "examples" ]
+          "extends": "evt",
+          "required": true
         }
       }
     }
@@ -235,10 +230,8 @@
       "desc": "Triggers component to show",
       "params": {
         "evt": {
-          "type": "Object",
-          "required": false,
-          "desc": "JS event object",
-          "__exemption": [ "examples" ]
+          "extends": "evt",
+          "required": false
         }
       }
     },
@@ -247,10 +240,8 @@
       "desc": "Triggers component to hide",
       "params": {
         "evt": {
-          "type": "Object",
-          "required": false,
-          "desc": "JS event object",
-          "__exemption": [ "examples" ]
+          "extends": "evt",
+          "required": false
         }
       }
     },
@@ -258,10 +249,8 @@
     "toggle": {
       "params": {
         "evt": {
-          "type": "Object",
-          "required": false,
-          "desc": "JS event object",
-          "__exemption": [ "examples" ]
+          "extends": "evt",
+          "required": false
         }
       },
       "desc": "Triggers component to toggle between show/hide"

package/src/components/btn/QBtn.js

@@ -84,7 +84,7 @@ export default createComponent({
           onClick,
           onKeydown,
           onMousedown,
-          onTouchstartPassive
+          onTouchstart
         }
       }
 
@@ -153,12 +153,12 @@ export default createComponent({
       // is it already destroyed?
       if (rootRef.value === null) { return }
 
-      if (isKeyCode(e, [ 13, 32 ]) === true) {
-        stopAndPrevent(e)
+      emit('keydown', e)
 
-        if (keyboardTarget !== rootRef.value) {
-          keyboardTarget !== null && cleanup()
+      if (isKeyCode(e, [ 13, 32 ]) === true && keyboardTarget !== rootRef.value) {
+        keyboardTarget !== null && cleanup()
 
+        if (e.defaultPrevented !== true) {
           // focus external button if the focus helper was focused before
           rootRef.value.focus()
 
@@ -167,15 +167,19 @@ export default createComponent({
           document.addEventListener('keyup', onPressEnd, true)
           rootRef.value.addEventListener('blur', onPressEnd, passiveCapture)
         }
-      }
 
-      emit('keydown', e)
+        stopAndPrevent(e)
+      }
     }
 
-    function onTouchstartPassive (e) {
+    function onTouchstart (e) {
       // is it already destroyed?
       if (rootRef.value === null) { return }
 
+      emit('touchstart', e)
+
+      if (e.defaultPrevented === true) { return }
+
       if (touchTarget !== rootRef.value) {
         touchTarget !== null && cleanup()
         touchTarget = rootRef.value
@@ -192,23 +196,21 @@ export default createComponent({
       mouseTimer = setTimeout(() => {
         avoidMouseRipple = false
       }, 200)
-
-      emit('touchstart', e)
     }
 
     function onMousedown (e) {
       // is it already destroyed?
       if (rootRef.value === null) { return }
 
-      if (mouseTarget !== rootRef.value) {
+      e.qSkipRipple = avoidMouseRipple === true
+      emit('mousedown', e)
+
+      if (e.defaultPrevented !== true && mouseTarget !== rootRef.value) {
         mouseTarget !== null && cleanup()
         mouseTarget = rootRef.value
         rootRef.value.classList.add('q-btn--active')
         document.addEventListener('mouseup', onPressEnd, passiveCapture)
       }
-
-      e.qSkipRipple = avoidMouseRipple === true
-      emit('mousedown', e)
     }
 
     function onPressEnd (e) {

package/src/components/btn/QBtn.json

@@ -41,9 +41,7 @@
       "desc": "Emulate click on QBtn",
       "params": {
         "evt": {
-          "type": "Object",
-          "desc": "JS event object",
-          "__exemption": [ "examples" ]
+          "extends": "evt"
         }
       }
     }
@@ -54,9 +52,8 @@
       "desc": "Emitted when component is clicked (activated)",
       "params": {
         "evt": {
-          "type": "Object",
-          "desc": "JS event object; If you want to cancel navigation set synchronously 'evt.navigate' to false",
-          "__exemption": [ "examples" ]
+          "extends": "evt",
+          "desc": "JS event object; If you want to cancel navigation set synchronously 'evt.navigate' to false"
         },
         "navigateFn": {
           "type": "Function",

package/src/components/btn/use-btn.js

@@ -88,13 +88,13 @@ export default function (props) {
 
     return props.padding !== void 0
       ? Object.assign({}, obj, {
-          padding: props.padding
-            .split(/\s+/)
-            .map(v => (v in padding ? padding[ v ] + 'px' : v))
-            .join(' '),
-          minWidth: '0',
-          minHeight: '0'
-        })
+        padding: props.padding
+          .split(/\s+/)
+          .map(v => (v in padding ? padding[ v ] + 'px' : v))
+          .join(' '),
+        minWidth: '0',
+        minHeight: '0'
+      })
       : obj
   })
 

package/src/components/carousel/QCarousel.json

@@ -144,10 +144,8 @@
           "desc": "Default trigger when clicked/tapped on",
           "params": {
             "evt": {
-              "type": "Object",
-              "desc": "JS event object",
-              "required": true,
-              "__exemption": [ "examples" ]
+              "extends": "evt",
+              "required": true
             }
           },
           "returns": null

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

@@ -122,10 +122,8 @@
           "__exemption": [ "examples" ]
         },
         "evt": {
-          "type": "Object",
-          "desc": "JS event object",
-          "required": true,
-          "__exemption": [ "examples" ]
+          "extends": "evt",
+          "required": true
         }
       }
     }

package/src/components/chip/QChip.json

@@ -115,9 +115,7 @@
       "desc": "Emitted on QChip click if 'clickable' property is set",
       "params": {
         "evt": {
-          "type": "Object",
-          "desc": "JS event object",
-          "__exemption": [ "examples" ]
+          "extends": "evt"
         }
       }
     },

package/src/components/date/QDate.js

@@ -12,6 +12,7 @@ import { hSlot } from '../../utils/private/render.js'
 import { formatDate, __splitDate, getDateDiff } from '../../utils/date.js'
 import { pad } from '../../utils/format.js'
 import { jalaaliMonthLength, toGregorian } from '../../utils/private/date-persian.js'
+import { isObject } from '../../utils/private/is.js'
 
 const yearsInterval = 20
 const views = [ 'Calendar', 'Years', 'Months' ]
@@ -164,7 +165,7 @@ export default createComponent({
     const rangeModel = computed(() => {
       const fn = date => decodeString(date, innerMask.value, innerLocale.value)
       return normalizedModel.value
-        .filter(date => Object(date) === date && date.from !== void 0 && date.to !== void 0)
+        .filter(date => isObject(date) === true && date.from !== void 0 && date.to !== void 0)
         .map(range => ({ from: fn(range.from), to: fn(range.to) }))
         .filter(range => range.from.dateHash !== null && range.to.dateHash !== null && range.from.dateHash < range.to.dateHash)
     })
@@ -1217,24 +1218,24 @@ export default createComponent({
             }, days.value.map(day => h('div', { class: day.classes }, [
               day.in === true
                 ? h(
-                    QBtn, {
-                      class: day.today === true ? 'q-date__today' : '',
-                      dense: true,
-                      flat: day.flat,
-                      unelevated: day.unelevated,
-                      color: day.color,
-                      textColor: day.textColor,
-                      label: day.i,
-                      tabindex: tabindex.value,
-                      ...getCache('day#' + day.i, {
-                        onClick: () => { onDayClick(day.i) },
-                        onMouseover: () => { onDayMouseover(day.i) }
-                      })
-                    },
-                    day.event !== false
-                      ? () => h('div', { class: 'q-date__event bg-' + day.event })
-                      : null
-                  )
+                  QBtn, {
+                    class: day.today === true ? 'q-date__today' : '',
+                    dense: true,
+                    flat: day.flat,
+                    unelevated: day.unelevated,
+                    color: day.color,
+                    textColor: day.textColor,
+                    label: day.i,
+                    tabindex: tabindex.value,
+                    ...getCache('day#' + day.i, {
+                      onClick: () => { onDayClick(day.i) },
+                      onMouseover: () => { onDayMouseover(day.i) }
+                    })
+                  },
+                  day.event !== false
+                    ? () => h('div', { class: 'q-date__event bg-' + day.event })
+                    : null
+                )
                 : h('div', '' + day.i)
             ]))))
           ])

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

@@ -57,7 +57,9 @@ export default function (props, $q) {
   })
 
   function getLocale () {
-    return props.locale || $q.lang.date
+    return props.locale !== void 0
+      ? { ...$q.lang.date, ...props.locale }
+      : $q.lang.date
   }
 
   function getCurrentDate (dateOnly) {

package/src/components/dialog/QDialog.js

@@ -381,11 +381,11 @@ export default createComponent({
         }, () => (
           useBackdrop.value === true
             ? h('div', {
-                class: 'q-dialog__backdrop fixed-full',
-                style: transitionStyle.value,
-                'aria-hidden': 'true',
-                onMousedown: onBackdropClick
-              })
+              class: 'q-dialog__backdrop fixed-full',
+              style: transitionStyle.value,
+              'aria-hidden': 'true',
+              onMousedown: onBackdropClick
+            })
             : null
         )),
 
@@ -395,12 +395,12 @@ export default createComponent({
           () => (
             showing.value === true
               ? h('div', {
-                  ref: innerRef,
-                  class: classes.value,
-                  style: transitionStyle.value,
-                  tabindex: -1,
-                  ...onEvents.value
-                }, hSlot(slots.default))
+                ref: innerRef,
+                class: classes.value,
+                style: transitionStyle.value,
+                tabindex: -1,
+                ...onEvents.value
+              }, hSlot(slots.default))
               : null
           )
         )

package/src/components/dialog-bottom-sheet/BottomSheet.js

@@ -61,9 +61,9 @@ export default createComponent({
 
         return action.label === void 0
           ? h(QSeparator, {
-              class: 'col-all',
-              dark: isDark.value
-            })
+            class: 'col-all',
+            dark: isDark.value
+          })
           : h('div', {
             class: [
               'q-bottom-sheet__item q-hoverable q-focusable cursor-pointer relative-position',
@@ -80,9 +80,9 @@ export default createComponent({
               : (
                   img
                     ? h('img', {
-                        class: action.avatar ? 'q-bottom-sheet__avatar' : '',
-                        src: img
-                      })
+                      class: action.avatar ? 'q-bottom-sheet__avatar' : '',
+                      src: img
+                    })
                     : h('div', { class: 'q-bottom-sheet__empty-icon' })
                 ),
 
@@ -114,9 +114,9 @@ export default createComponent({
                   : (
                       img
                         ? h('img', {
-                            class: action.avatar ? 'q-bottom-sheet__avatar' : '',
-                            src: img
-                          })
+                          class: action.avatar ? 'q-bottom-sheet__avatar' : '',
+                          src: img
+                        })
                         : null
                     )
               )
@@ -145,8 +145,8 @@ export default createComponent({
       child.push(
         props.grid === true
           ? h('div', {
-              class: 'row items-stretch justify-start'
-            }, getGrid())
+            class: 'row items-stretch justify-start'
+          }, getGrid())
           : h('div', getList())
       )