quasar 2.2.3 → 2.2.4

package/dist/quasar.sass

@@ -1,5 +1,5 @@
 /*!
- * Quasar Framework v2.2.3
+ * Quasar Framework v2.2.4
  * (c) 2015-present Razvan Stoenescu
  * Released under the MIT License.
  */
@@ -4830,7 +4830,7 @@ body.desktop
     position: absolute
     top: -3px
     bottom: 50%
-    width: 35px
+    width: 31px
     left: -35px
     border-left: 1px solid currentColor
     border-bottom: 1px solid currentColor
@@ -4867,21 +4867,27 @@ body.desktop
     transition: color .3s
   &__node--selected .q-tree__node-header-content
     color: $grey
-  &__icon, &__node-header-content .q-icon, &__spinner
+  &__icon,
+  &__node-header-content .q-icon
     font-size: 21px
   &__img
     height: 42px
+    border-radius: 2px
   &__avatar, &__node-header-content .q-avatar
     font-size: 28px
     border-radius: 50%
     width: 28px
     height: 28px
-  &__arrow, &__spinner
+  &__arrow,
+  &__spinner
     font-size: 16px
   &__arrow
     transition: transform .3s
+    margin-right: 4px
     &--rotate
       transform: rotate3d(0, 0, 1, 90deg)
+  &__tickbox
+    margin-right: 4px
   
   > .q-tree__node
     padding: 0
@@ -4897,6 +4903,39 @@ body.desktop
     .q-tree__node-header:before,
     .q-tree__node-body:after
       display: none !important
+  &--dense .q-tree
+    &__arrow,
+    &__spinner
+      margin-right: 1px
+    &__img
+      height: 32px
+    &__tickbox
+      margin-right: 3px
+    &__node
+      padding: 0
+      &:after
+        top: 0
+        left: -8px
+    &__node-header
+      margin-top: 0
+      padding: 1px
+      &:before
+        top: 0
+        left: -8px
+        width: 8px
+    &__node--child
+      padding-left: 17px
+      > .q-tree__node-header:before
+        left: -25px
+        width: 21px
+    &__node-body
+      padding: 0 0 2px
+    &__node--parent > .q-tree__node-collapsible > .q-tree__node-body
+      padding: 0 0 2px 20px
+      &:after
+        left: 8px
+    &__children
+      padding-left: 16px
 [dir=rtl]
   .q-tree__arrow
     transform: rotate3d(0, 0, 1, 180deg) #{"/* rtl:ignore */"}

package/dist/quasar.umd.js

@@ -1,5 +1,5 @@
 /*!
- * Quasar Framework v2.2.3
+ * Quasar Framework v2.2.4
  * (c) 2015-present Razvan Stoenescu
  * Released under the MIT License.
  */
@@ -1437,7 +1437,7 @@
   }
 
   var installQuasar = function (parentApp, opts = {}) {
-      const $q = { version: '2.2.3' };
+      const $q = { version: '2.2.4' };
 
       if (globalConfigIsFrozen === false) {
         if (opts.config !== void 0) {
@@ -3846,7 +3846,7 @@
       default: null
     },
 
-    'onUpdate:modelValue': Function
+    'onUpdate:modelValue': [ Function, Array ]
   };
 
   const useModelToggleEmits = [
@@ -8823,7 +8823,7 @@
 
       contentClass: String,
 
-      'onUpdate:modelValue': Function
+      'onUpdate:modelValue': [ Function, Array ]
     },
 
     setup (props, { slots, emit }) {
@@ -11490,7 +11490,7 @@
       }
     }
 
-    date.dateHash = date.year + '/' + pad(date.month) + '/' + pad(date.day);
+    date.dateHash = pad(date.year, 6) + '/' + pad(date.month) + '/' + pad(date.day);
     date.timeHash = pad(date.hour) + ':' + pad(date.minute) + ':' + pad(date.second) + tzString;
 
     return date
@@ -18382,6 +18382,14 @@
         files = [ files[ 0 ] ];
       }
 
+      // Avoid duplicate files
+      const filenameMap = currentFileList.map(entry => entry.name);
+      files = filterFiles(files, rejectedFiles, 'duplicate', file => {
+        return filenameMap.includes(file.name) === false
+      });
+
+      if (files.length === 0) { return done() }
+
       if (props.maxTotalSize !== void 0) {
         let size = append === true
           ? currentFileList.reduce((total, file) => total + file.size, 0)
@@ -26384,6 +26392,12 @@
       }
 
       function getAllOptions () {
+        if (noOptions.value === true) {
+          return slots[ 'no-option' ] !== void 0
+            ? slots[ 'no-option' ]({ inputValue: inputValue.value })
+            : void 0
+        }
+
         const fn = slots.option !== void 0
           ? slots.option
           : scope => {
@@ -26565,14 +26579,6 @@
       }
 
       function getMenu () {
-        const child = noOptions.value === true
-          ? (
-              slots[ 'no-option' ] !== void 0
-                ? () => slots[ 'no-option' ]({ inputValue: inputValue.value })
-                : void 0
-            )
-          : getAllOptions;
-
         return vue.h(QMenu, {
           ref: menuRef,
           class: menuContentClass.value,
@@ -26597,7 +26603,7 @@
           onBeforeShow: onControlPopupShow,
           onBeforeHide: onMenuBeforeHide,
           onShow: onMenuShow
-        }, child)
+        }, getAllOptions)
       }
 
       function onMenuBeforeHide (e) {
@@ -26654,15 +26660,7 @@
             ...listboxAttrs.value,
             onClick: prevent,
             onScrollPassive: onVirtualScrollEvt
-          }, (
-            noOptions.value === true
-              ? (
-                  slots[ 'no-option' ] !== void 0
-                    ? slots[ 'no-option' ]({ inputValue: inputValue.value })
-                    : null
-                )
-              : getAllOptions()
-          ))
+          }, getAllOptions())
         );
 
         return vue.h(QDialog, {
@@ -32439,21 +32437,22 @@
       function setHour (hour) {
         if (innerModel.value.hour !== hour) {
           innerModel.value.hour = hour;
-          innerModel.value.minute = null;
-          innerModel.value.second = null;
+          verifyAndUpdate();
         }
       }
 
       function setMinute (minute) {
         if (innerModel.value.minute !== minute) {
           innerModel.value.minute = minute;
-          innerModel.value.second = null;
-          props.withSeconds !== true && updateValue({ minute });
+          verifyAndUpdate();
         }
       }
 
       function setSecond (second) {
-        innerModel.value.second !== second && updateValue({ second });
+        if (innerModel.value.second !== second) {
+          innerModel.value.second = second;
+          verifyAndUpdate();
+        }
       }
 
       const setModel = {
@@ -32877,6 +32876,8 @@
     }
   });
 
+  const tickStrategyOptions = [ 'none', 'strict', 'leaf', 'leaf-filtered' ];
+
   var QTree = createComponent({
     name: 'QTree',
 
@@ -32900,6 +32901,8 @@
         default: 'children'
       },
 
+      dense: Boolean,
+
       color: String,
       controlColor: String,
       textColor: String,
@@ -32910,7 +32913,7 @@
       tickStrategy: {
         type: String,
         default: 'none',
-        validator: v => [ 'none', 'strict', 'leaf', 'leaf-filtered' ].includes(v)
+        validator: v => tickStrategyOptions.includes(v)
       },
       ticked: Array, // v-model:ticked
       expanded: Array, // v-model:expanded
@@ -32955,7 +32958,7 @@
       });
 
       const classes = vue.computed(() =>
-        'q-tree'
+        `q-tree q-tree--${ props.dense === true ? 'dense' : 'standard' }`
         + (props.noConnectors === true ? ' q-tree--no-connectors' : '')
         + (isDark.value === true ? ' q-tree--dark' : '')
         + (props.color !== void 0 ? ` text-${ props.color }` : '')
@@ -33397,13 +33400,13 @@
 
             m.lazy === 'loading'
               ? vue.h(QSpinner, {
-                  class: 'q-tree__spinner q-mr-xs',
+                  class: 'q-tree__spinner',
                   color: computedControlColor.value
                 })
               : (
                   isParent === true
                     ? vue.h(QIcon, {
-                        class: 'q-tree__arrow q-mr-xs'
+                        class: 'q-tree__arrow'
                       + (m.expanded === true ? ' q-tree__arrow--rotate' : ''),
                         name: computedIcon.value,
                         onClick (e) { onExpandClick(node, m, e); }
@@ -33413,7 +33416,7 @@
 
             m.hasTicking === true && m.noTick !== true
               ? vue.h(QCheckbox, {
-                  class: 'q-mr-xs',
+                  class: 'q-tree__tickbox',
                   modelValue: m.indeterminate === true ? null : m.ticked,
                   color: computedControlColor.value,
                   dark: isDark.value,
@@ -33805,20 +33808,15 @@
     }
 
     function addFilesToQueue (e, fileList) {
-      const processedFiles = processFiles(e, fileList, state.files.value, true);
-
-      if (processedFiles === void 0) { return }
+      const localFiles = processFiles(e, fileList, state.files.value, true);
 
-      const localFiles = processedFiles
-        .filter(file => state.files.value.findIndex(f => file.name === f.name) === -1);
+      if (localFiles === void 0) { return }
 
       const fileInput = getFileInput();
       if (fileInput !== void 0 && fileInput !== null) {
         fileInput.value = '';
       }
 
-      if (localFiles === void 0) { return }
-
       localFiles.forEach(file => {
         state.updateFileStatus(file, 'idle');
         uploadSize.value += file.size;
@@ -38734,7 +38732,7 @@
   });
 
   var index_umd = {
-    version: '2.2.3',
+    version: '2.2.4',
     install (app, opts) {
       installQuasar(app, {
         components,