quasar - npm Package Compare versions

Comparing version 1.0.0-beta.3 to 1.0.0-beta.4

dist/api/QUploader.json

@@ -132,2 +132,14 @@ {
     },
+    "field-name": {
+      "type": [
+        "String",
+        "Function"
+      ],
+      "default": "(file) => file.name",
+      "desc": "Field name for each file upload; This goes into the following header: 'Content-Disposition: form-data; name=\"__HERE__\"; filename=\"somefile.png\"",
+      "examples": [
+        "backgroundFile",
+        ":field-name=\"(file) => 'background' + file.name\""
+      ]
+    },
     "headers": {
@@ -134,0 +146,0 @@ "type": [

dist/babel-transforms/imports.js

@@ -156,2 +156,3 @@ const map = {
   "throttle": "src/utils/throttle.js",
+  "touchObserver": "src/utils/touch-observer.js",
   "uid": "src/utils/uid.js"
@@ -158,0 +159,0 @@ }

dist/icon-set/eva-icons.umd.min.js

 /*!
- * Quasar Framework v1.0.0-beta.3
+ * Quasar Framework v1.0.0-beta.4
  * (c) 2016-present Razvan Stoenescu
@@ -4,0 +4,0 @@ * Released under the MIT License.

dist/icon-set/fontawesome-v5-pro.umd.min.js

 /*!
- * Quasar Framework v1.0.0-beta.3
+ * Quasar Framework v1.0.0-beta.4
  * (c) 2016-present Razvan Stoenescu
@@ -4,0 +4,0 @@ * Released under the MIT License.

dist/icon-set/fontawesome-v5.umd.min.js

 /*!
- * Quasar Framework v1.0.0-beta.3
+ * Quasar Framework v1.0.0-beta.4
  * (c) 2016-present Razvan Stoenescu
@@ -4,0 +4,0 @@ * Released under the MIT License.

dist/icon-set/ionicons-v4.umd.min.js

 /*!
- * Quasar Framework v1.0.0-beta.3
+ * Quasar Framework v1.0.0-beta.4
  * (c) 2016-present Razvan Stoenescu
@@ -4,0 +4,0 @@ * Released under the MIT License.

dist/icon-set/material-icons.umd.min.js

 /*!
- * Quasar Framework v1.0.0-beta.3
+ * Quasar Framework v1.0.0-beta.4
  * (c) 2016-present Razvan Stoenescu
@@ -4,0 +4,0 @@ * Released under the MIT License.

dist/icon-set/mdi-v3.umd.min.js

 /*!
- * Quasar Framework v1.0.0-beta.3
+ * Quasar Framework v1.0.0-beta.4
  * (c) 2016-present Razvan Stoenescu
@@ -4,0 +4,0 @@ * Released under the MIT License.

dist/lang/ar.umd.min.js

 /*!
- * Quasar Framework v1.0.0-beta.3
+ * Quasar Framework v1.0.0-beta.4
  * (c) 2016-present Razvan Stoenescu
@@ -4,0 +4,0 @@ * Released under the MIT License.

dist/lang/bg.umd.min.js

 /*!
- * Quasar Framework v1.0.0-beta.3
+ * Quasar Framework v1.0.0-beta.4
  * (c) 2016-present Razvan Stoenescu
@@ -4,0 +4,0 @@ * Released under the MIT License.

dist/lang/ca.umd.min.js

 /*!
- * Quasar Framework v1.0.0-beta.3
+ * Quasar Framework v1.0.0-beta.4
  * (c) 2016-present Razvan Stoenescu
@@ -4,0 +4,0 @@ * Released under the MIT License.

dist/lang/cs.umd.min.js

 /*!
- * Quasar Framework v1.0.0-beta.3
+ * Quasar Framework v1.0.0-beta.4
  * (c) 2016-present Razvan Stoenescu
@@ -4,0 +4,0 @@ * Released under the MIT License.

dist/lang/da.umd.min.js

 /*!
- * Quasar Framework v1.0.0-beta.3
+ * Quasar Framework v1.0.0-beta.4
  * (c) 2016-present Razvan Stoenescu
@@ -4,0 +4,0 @@ * Released under the MIT License.

dist/lang/de.umd.min.js

 /*!
- * Quasar Framework v1.0.0-beta.3
+ * Quasar Framework v1.0.0-beta.4
  * (c) 2016-present Razvan Stoenescu
@@ -4,0 +4,0 @@ * Released under the MIT License.

dist/lang/el.umd.min.js

 /*!
- * Quasar Framework v1.0.0-beta.3
+ * Quasar Framework v1.0.0-beta.4
  * (c) 2016-present Razvan Stoenescu
@@ -4,0 +4,0 @@ * Released under the MIT License.

dist/lang/en-gb.umd.min.js

 /*!
- * Quasar Framework v1.0.0-beta.3
+ * Quasar Framework v1.0.0-beta.4
  * (c) 2016-present Razvan Stoenescu
@@ -4,0 +4,0 @@ * Released under the MIT License.

dist/lang/en-us.umd.min.js

 /*!
- * Quasar Framework v1.0.0-beta.3
+ * Quasar Framework v1.0.0-beta.4
  * (c) 2016-present Razvan Stoenescu
@@ -4,0 +4,0 @@ * Released under the MIT License.

dist/lang/eo.umd.min.js

 /*!
- * Quasar Framework v1.0.0-beta.3
+ * Quasar Framework v1.0.0-beta.4
  * (c) 2016-present Razvan Stoenescu
@@ -4,0 +4,0 @@ * Released under the MIT License.

dist/lang/es.umd.min.js

 /*!
- * Quasar Framework v1.0.0-beta.3
+ * Quasar Framework v1.0.0-beta.4
  * (c) 2016-present Razvan Stoenescu
@@ -4,0 +4,0 @@ * Released under the MIT License.

dist/lang/fa-ir.umd.min.js

 /*!
- * Quasar Framework v1.0.0-beta.3
+ * Quasar Framework v1.0.0-beta.4
  * (c) 2016-present Razvan Stoenescu
@@ -4,0 +4,0 @@ * Released under the MIT License.

dist/lang/fi.umd.min.js

 /*!
- * Quasar Framework v1.0.0-beta.3
+ * Quasar Framework v1.0.0-beta.4
  * (c) 2016-present Razvan Stoenescu
@@ -4,0 +4,0 @@ * Released under the MIT License.

dist/lang/fr.umd.min.js

 /*!
- * Quasar Framework v1.0.0-beta.3
+ * Quasar Framework v1.0.0-beta.4
  * (c) 2016-present Razvan Stoenescu
@@ -4,0 +4,0 @@ * Released under the MIT License.

dist/lang/gn.umd.min.js

 /*!
- * Quasar Framework v1.0.0-beta.3
+ * Quasar Framework v1.0.0-beta.4
  * (c) 2016-present Razvan Stoenescu
@@ -4,0 +4,0 @@ * Released under the MIT License.

dist/lang/he.umd.min.js

 /*!
- * Quasar Framework v1.0.0-beta.3
+ * Quasar Framework v1.0.0-beta.4
  * (c) 2016-present Razvan Stoenescu
@@ -4,0 +4,0 @@ * Released under the MIT License.

dist/lang/hr.umd.min.js

 /*!
- * Quasar Framework v1.0.0-beta.3
+ * Quasar Framework v1.0.0-beta.4
  * (c) 2016-present Razvan Stoenescu
@@ -4,0 +4,0 @@ * Released under the MIT License.

dist/lang/hu.umd.min.js

 /*!
- * Quasar Framework v1.0.0-beta.3
+ * Quasar Framework v1.0.0-beta.4
  * (c) 2016-present Razvan Stoenescu
@@ -4,0 +4,0 @@ * Released under the MIT License.

dist/lang/id.umd.min.js

 /*!
- * Quasar Framework v1.0.0-beta.3
+ * Quasar Framework v1.0.0-beta.4
  * (c) 2016-present Razvan Stoenescu
@@ -4,0 +4,0 @@ * Released under the MIT License.

dist/lang/it.umd.min.js

 /*!
- * Quasar Framework v1.0.0-beta.3
+ * Quasar Framework v1.0.0-beta.4
  * (c) 2016-present Razvan Stoenescu
@@ -4,0 +4,0 @@ * Released under the MIT License.

dist/lang/ja.umd.min.js

 /*!
- * Quasar Framework v1.0.0-beta.3
+ * Quasar Framework v1.0.0-beta.4
  * (c) 2016-present Razvan Stoenescu
@@ -4,0 +4,0 @@ * Released under the MIT License.

dist/lang/km.umd.min.js

 /*!
- * Quasar Framework v1.0.0-beta.3
+ * Quasar Framework v1.0.0-beta.4
  * (c) 2016-present Razvan Stoenescu
@@ -4,0 +4,0 @@ * Released under the MIT License.

dist/lang/ko-kr.umd.min.js

 /*!
- * Quasar Framework v1.0.0-beta.3
+ * Quasar Framework v1.0.0-beta.4
  * (c) 2016-present Razvan Stoenescu
@@ -4,0 +4,0 @@ * Released under the MIT License.

dist/lang/lu.umd.min.js

 /*!
- * Quasar Framework v1.0.0-beta.3
+ * Quasar Framework v1.0.0-beta.4
  * (c) 2016-present Razvan Stoenescu
@@ -4,0 +4,0 @@ * Released under the MIT License.

dist/lang/lv.umd.min.js

 /*!
- * Quasar Framework v1.0.0-beta.3
+ * Quasar Framework v1.0.0-beta.4
  * (c) 2016-present Razvan Stoenescu
@@ -4,0 +4,0 @@ * Released under the MIT License.

dist/lang/ml.umd.min.js

 /*!
- * Quasar Framework v1.0.0-beta.3
+ * Quasar Framework v1.0.0-beta.4
  * (c) 2016-present Razvan Stoenescu
@@ -4,0 +4,0 @@ * Released under the MIT License.

dist/lang/ms.umd.min.js

 /*!
- * Quasar Framework v1.0.0-beta.3
+ * Quasar Framework v1.0.0-beta.4
  * (c) 2016-present Razvan Stoenescu
@@ -4,0 +4,0 @@ * Released under the MIT License.

dist/lang/nb-no.umd.min.js

 /*!
- * Quasar Framework v1.0.0-beta.3
+ * Quasar Framework v1.0.0-beta.4
  * (c) 2016-present Razvan Stoenescu
@@ -4,0 +4,0 @@ * Released under the MIT License.

dist/lang/nl.umd.min.js

 /*!
- * Quasar Framework v1.0.0-beta.3
+ * Quasar Framework v1.0.0-beta.4
  * (c) 2016-present Razvan Stoenescu
@@ -4,0 +4,0 @@ * Released under the MIT License.

dist/lang/pl.umd.min.js

 /*!
- * Quasar Framework v1.0.0-beta.3
+ * Quasar Framework v1.0.0-beta.4
  * (c) 2016-present Razvan Stoenescu
@@ -4,0 +4,0 @@ * Released under the MIT License.

dist/lang/pt-br.umd.min.js

 /*!
- * Quasar Framework v1.0.0-beta.3
+ * Quasar Framework v1.0.0-beta.4
  * (c) 2016-present Razvan Stoenescu
@@ -4,0 +4,0 @@ * Released under the MIT License.

dist/lang/pt.umd.min.js

 /*!
- * Quasar Framework v1.0.0-beta.3
+ * Quasar Framework v1.0.0-beta.4
  * (c) 2016-present Razvan Stoenescu
@@ -4,0 +4,0 @@ * Released under the MIT License.

dist/lang/ro.umd.min.js

 /*!
- * Quasar Framework v1.0.0-beta.3
+ * Quasar Framework v1.0.0-beta.4
  * (c) 2016-present Razvan Stoenescu
@@ -4,0 +4,0 @@ * Released under the MIT License.

dist/lang/ru.umd.min.js

 /*!
- * Quasar Framework v1.0.0-beta.3
+ * Quasar Framework v1.0.0-beta.4
  * (c) 2016-present Razvan Stoenescu
@@ -4,0 +4,0 @@ * Released under the MIT License.

dist/lang/sk.umd.min.js

 /*!
- * Quasar Framework v1.0.0-beta.3
+ * Quasar Framework v1.0.0-beta.4
  * (c) 2016-present Razvan Stoenescu
@@ -4,0 +4,0 @@ * Released under the MIT License.

dist/lang/sl.umd.min.js

 /*!
- * Quasar Framework v1.0.0-beta.3
+ * Quasar Framework v1.0.0-beta.4
  * (c) 2016-present Razvan Stoenescu
@@ -4,0 +4,0 @@ * Released under the MIT License.

dist/lang/sr.umd.min.js

 /*!
- * Quasar Framework v1.0.0-beta.3
+ * Quasar Framework v1.0.0-beta.4
  * (c) 2016-present Razvan Stoenescu
@@ -4,0 +4,0 @@ * Released under the MIT License.

dist/lang/sv.umd.min.js

 /*!
- * Quasar Framework v1.0.0-beta.3
+ * Quasar Framework v1.0.0-beta.4
  * (c) 2016-present Razvan Stoenescu
@@ -4,0 +4,0 @@ * Released under the MIT License.

dist/lang/th.umd.min.js

 /*!
- * Quasar Framework v1.0.0-beta.3
+ * Quasar Framework v1.0.0-beta.4
  * (c) 2016-present Razvan Stoenescu
@@ -4,0 +4,0 @@ * Released under the MIT License.

dist/lang/tr.umd.min.js

 /*!
- * Quasar Framework v1.0.0-beta.3
+ * Quasar Framework v1.0.0-beta.4
  * (c) 2016-present Razvan Stoenescu
@@ -4,0 +4,0 @@ * Released under the MIT License.

dist/lang/uk.umd.min.js

 /*!
- * Quasar Framework v1.0.0-beta.3
+ * Quasar Framework v1.0.0-beta.4
  * (c) 2016-present Razvan Stoenescu
@@ -4,0 +4,0 @@ * Released under the MIT License.

dist/lang/vi.umd.min.js

 /*!
- * Quasar Framework v1.0.0-beta.3
+ * Quasar Framework v1.0.0-beta.4
  * (c) 2016-present Razvan Stoenescu
@@ -4,0 +4,0 @@ * Released under the MIT License.

dist/lang/zh-hans.umd.min.js

 /*!
- * Quasar Framework v1.0.0-beta.3
+ * Quasar Framework v1.0.0-beta.4
  * (c) 2016-present Razvan Stoenescu
@@ -4,0 +4,0 @@ * Released under the MIT License.

dist/lang/zh-hant.umd.min.js

 /*!
- * Quasar Framework v1.0.0-beta.3
+ * Quasar Framework v1.0.0-beta.4
  * (c) 2016-present Razvan Stoenescu
  * Released under the MIT License.
  */
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):((e=e||self).Quasar=e.Quasar||{},e.Quasar.lang=e.Quasar.lang||{},e.Quasar.lang.zhHant=t())}(this,function(){"use strict";return{isoName:"zh-hant",nativeName:"汉语",label:{clear:"清除",ok:"確定",cancel:"取消",close:"關閉",set:"設定",select:"選擇",reset:"重置",remove:"移除",update:"更新",create:"新增",search:"搜尋",filter:"篩選",refresh:"更新"},date:{days:"星期日_星期一_星期二_星期三_星期四_星期五_星期六".split("_"),daysShort:"日_一_二_三_四_五_六".split("_"),months:"一月_二月_三月_四月_五月_六月_七月_八月_九月_十月_十一月_十二月".split("_"),monthsShort:"一_二_三_四_五_六_七_八_九_十_十一_十二".split("_"),firstDayOfWeek:0,format24h:!1},table:{noData:"無資料",noResults:"無相符資料",loading:"載入中...",selectedRecords:function(e){return"已選擇"+e+"筆"},recordsPerPage:"每頁筆數:",allRows:"全部",pagination:function(e,t,r){return e+"-"+t+" / "+r},columns:"列"},editor:{url:"網址",bold:"粗體",italic:"斜體",strikethrough:"刪除線",underline:"下劃線",unorderedList:"項目符號清單",orderedList:"編號清單",subscript:"下標",superscript:"上標",hyperlink:"超連結",toggleFullscreen:"切換全螢幕",quote:"引言",left:"靠左對齊",center:"置中對齊",right:"靠右對齊",justify:"左右對齊",print:"列印",outdent:"減少縮排",indent:"增加縮排",removeFormat:"清除格式",formatting:"式樣",fontSize:"字型大小",align:"對齊",hr:"插入水平線",undo:"復原",redo:"取消復原",header1:"標題 1",header2:"標題 2",header3:"標題 3",header4:"標題 4",header5:"標題 5",header6:"標題 6",paragraph:"段落",code:"程式碼",size1:"非常小",size2:"比較小",size3:"正常",size4:"中等偏大",size5:"大",size6:"非常大",size7:"超級大",defaultFont:"預設字型"},tree:{noNodes:"無節點",noResults:"無相符節點"}}});
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):((e=e||self).Quasar=e.Quasar||{},e.Quasar.lang=e.Quasar.lang||{},e.Quasar.lang.zhHant=t())}(this,function(){"use strict";return{isoName:"zh-hant",nativeName:"汉语",label:{clear:"清除",ok:"確定",cancel:"取消",close:"關閉",set:"設定",select:"選擇",reset:"重置",remove:"移除",update:"更新",create:"新增",search:"搜尋",filter:"篩選",refresh:"更新"},date:{days:"星期日_星期一_星期二_星期三_星期四_星期五_星期六".split("_"),daysShort:"週日_週一_週二_週三_週四_週五_週六".split("_"),months:"一月_二月_三月_四月_五月_六月_七月_八月_九月_十月_十一月_十二月".split("_"),monthsShort:"一月_二月_三月_四月_五月_六月_七月_八月_九月_十月_十一月_十二月".split("_"),firstDayOfWeek:0,format24h:!1},table:{noData:"無資料",noResults:"無相符資料",loading:"載入中...",selectedRecords:function(e){return"已選擇"+e+"筆"},recordsPerPage:"每頁筆數:",allRows:"全部",pagination:function(e,t,r){return e+"-"+t+" / "+r},columns:"列"},editor:{url:"網址",bold:"粗體",italic:"斜體",strikethrough:"刪除線",underline:"下劃線",unorderedList:"項目符號清單",orderedList:"編號清單",subscript:"下標",superscript:"上標",hyperlink:"超連結",toggleFullscreen:"切換全螢幕",quote:"引言",left:"靠左對齊",center:"置中對齊",right:"靠右對齊",justify:"左右對齊",print:"列印",outdent:"減少縮排",indent:"增加縮排",removeFormat:"清除格式",formatting:"式樣",fontSize:"字型大小",align:"對齊",hr:"插入水平線",undo:"復原",redo:"取消復原",header1:"標題 1",header2:"標題 2",header3:"標題 3",header4:"標題 4",header5:"標題 5",header6:"標題 6",paragraph:"段落",code:"程式碼",size1:"非常小",size2:"比較小",size3:"正常",size4:"中等偏大",size5:"大",size6:"非常大",size7:"超級大",defaultFont:"預設字型"},tree:{noNodes:"無節點",noResults:"無相符節點"}}});

dist/quasar.ie.polyfills.js

 /*!
- * Quasar Framework v1.0.0-beta.3
+ * Quasar Framework v1.0.0-beta.4
  * (c) 2016-present Razvan Stoenescu
@@ -4,0 +4,0 @@ * Released under the MIT License.

dist/quasar.ie.polyfills.umd.min.js

 /*!
- * Quasar Framework v1.0.0-beta.3
+ * Quasar Framework v1.0.0-beta.4
  * (c) 2016-present Razvan Stoenescu
@@ -4,0 +4,0 @@ * Released under the MIT License.

dist/vetur/quasar-tags.json

@@ -1446,2 +1446,3 @@ {
       "method",
+      "field-name",
       "headers",
@@ -1448,0 +1449,0 @@ "fields",

lang/zh-hant.js

@@ -21,5 +21,5 @@ export default {
     days: '星期日_星期一_星期二_星期三_星期四_星期五_星期六'.split('_'),
-    daysShort: '日_一_二_三_四_五_六'.split('_'),
+    daysShort: '週日_週一_週二_週三_週四_週五_週六'.split('_'),
     months: '一月_二月_三月_四月_五月_六月_七月_八月_九月_十月_十一月_十二月'.split('_'),
-    monthsShort: '一_二_三_四_五_六_七_八_九_十_十一_十二'.split('_'),
+    monthsShort: '一月_二月_三月_四月_五月_六月_七月_八月_九月_十月_十一月_十二月'.split('_'),
     firstDayOfWeek: 0, // 0-6, 0 - Sunday, 1 Monday, ...
@@ -26,0 +26,0 @@ format24h: false

package.json

 {
   "name": "quasar",
-  "version": "1.0.0-beta.3",
+  "version": "1.0.0-beta.4",
   "description": "High performance, Material Design 2, full front end stack with Vue.js -- build SPA, SSR, PWA, Hybrid Mobile Apps and Electron apps, all simultaneously using the same codebase",
@@ -5,0 +5,0 @@ "module": "src/index.esm.js",

src/components/datetime/QDate.js

@@ -62,8 +62,7 @@ import Vue from 'vue'
     classes () {
-      return {
-        'q-date--dark': this.dark,
-        'q-date--readonly': this.readonly,
-        'disabled': this.disable,
-        [`q-date--${this.landscape === true ? 'landscape' : 'portrait'}`]: true
-      }
+      const type = this.landscape === true ? 'landscape' : 'portrait'
+      return `q-date--${type} q-date--${type}-${this.minimal === true ? 'minimal' : 'standard'}` +
+        (this.dark === true ? ' q-date--dark' : '') +
+        (this.readonly === true ? ' q-date--readonly' : '') +
+        (this.disable === true ? ' disabled' : '')
     },
@@ -93,3 +92,3 @@
 
-      if (this.$q.lang.isoName === 'zh-hans') {
+      if (this.$q.lang.isoName === 'zh-hans' || this.$q.lang.isoName === 'zh-hant') {
         return this.$q.lang.date.daysShort[ date.getDay() ] + ', ' +
@@ -521,2 +520,3 @@ model.month + '月 ' +
                 label: i,
+                dense: true,
                 unelevated: active,
@@ -523,0 +523,0 @@ color: active ? this.computedColor : null,

src/components/field/QField.js

@@ -53,3 +53,10 @@ import Vue from 'vue'
     floatingLabel () {
-      return this.stackLabel || this.focused || (this.innerValue !== void 0 && this.innerValue !== null && ('' + this.innerValue).length > 0)
+      return this.hasError === true ||
+        this.stackLabel === true ||
+        this.focused === true ||
+        (
+          this.innerValue !== void 0 &&
+          this.innerValue !== null &&
+          ('' + this.innerValue).length > 0
+        )
     },
@@ -70,3 +77,3 @@
         'q-field--focused': this.focused === true || this.hasError === true,
-        'q-field--float': this.floatingLabel || this.hasError === true,
+        'q-field--float': this.floatingLabel,
         'q-field--labeled': this.label !== void 0,
@@ -124,6 +131,2 @@
         }, [
-          this.label !== void 0 ? h('div', {
-            staticClass: 'q-field__label no-pointer-events absolute ellipsis'
-          }, [ this.label ]) : null,
-
           this.prefix !== void 0 && this.prefix !== null ? h('div', {
@@ -137,2 +140,6 @@ staticClass: 'q-field__prefix no-pointer-events row items-center'
 
+          this.label !== void 0 ? h('div', {
+            staticClass: 'q-field__label no-pointer-events absolute ellipsis'
+          }, [ this.label ]) : null,
+
           this.suffix !== void 0 && this.suffix !== null ? h('div', {
@@ -139,0 +146,0 @@ staticClass: 'q-field__suffix no-pointer-events row items-center'

src/components/input/QInput.js

@@ -58,3 +58,3 @@ import Vue from 'vue'
         const inp = this.$refs.input
-        inp.style.height = 'unset'
+        inp.style.height = 'auto'
       }
@@ -61,0 +61,0 @@ }

src/components/input/QInput.json

 {
-  "mixins": [ "components/field/QField", "mixins/mask" ],
+  "mixins": [ "components/field/__QField", "mixins/mask" ],
 
@@ -4,0 +4,0 @@ "props": {

src/components/popup-proxy/QPopupProxy.js

@@ -83,7 +83,22 @@ import Vue from 'vue'
   render (h) {
-    if (this.disable === true || this.type === null) { return }
+    if (this.disable === true || this.type === null) {
+      return
+    }
 
-    let component
+    const child = slot(this, 'default')
+
+    let props = (
+      this.type === 'menu' &&
+      child !== void 0 &&
+      child[0] !== void 0 &&
+      child[0].componentOptions !== void 0 &&
+      child[0].componentOptions.Ctor !== void 0 &&
+      child[0].componentOptions.Ctor.sealedOptions !== void 0 &&
+      ['QDate', 'QTime', 'QCarousel', 'QColor'].includes(
+        child[0].componentOptions.Ctor.sealedOptions.name
+      )
+    ) ? { cover: true, maxHeight: '99vh' } : {}
+
     const data = {
-      props: Object.assign({}, this.$attrs, {
+      props: Object.assign(props, this.$attrs, {
         value: this.showing
@@ -96,2 +111,4 @@ }),
 
+    let component
+
     if (this.type === 'dialog') {
@@ -98,0 +115,0 @@ component = QDialog

src/components/select/QSelect.js

@@ -95,3 +95,5 @@ import Vue from 'vue'
         this.optionsToShow = 20
-        this.$nextTick(this.updateMenuPosition)
+        this.$nextTick(() => {
+          this.__hidrateOptions(true)
+        })
       }
@@ -460,13 +462,20 @@ document.body[(show === true ? 'add' : 'remove') + 'EventListener']('keydown', this.__onGlobalKeydown)
 
-    __onMenuScroll () {
-      if (this.avoidScroll !== true && this.optionsToShow < this.options.length) {
-        const el = this.$refs.menu
+    __hidrateOptions (updatePosition) {
+      if (this.avoidScroll !== true) {
+        if (this.optionsToShow < this.options.length) {
+          const el = this.$refs.menu
 
-        if (el.scrollHeight - el.scrollTop - el.clientHeight < 200) {
-          this.optionsToShow += 20
-          this.avoidScroll = true
-          this.$nextTick(() => {
-            this.avoidScroll = false
-          })
+          if (el.scrollHeight - el.scrollTop - el.clientHeight < 200) {
+            this.optionsToShow += 20
+            this.avoidScroll = true
+            this.$nextTick(() => {
+              this.avoidScroll = false
+              this.__hidrateOptions(updatePosition)
+            })
+
+            return
+          }
         }
+
+        updatePosition === true && this.updateMenuPosition()
       }
@@ -581,3 +590,3 @@ },
               click: stopAndPrevent,
-              '&scroll': this.__onMenuScroll
+              '&scroll': this.__hidrateOptions
             }
@@ -742,4 +751,3 @@ }, this.noOptions === true ? slot(this, 'no-option') : this.__getOptions(h))
         this.$refs.control,
-        this.optionsCover === true && this.noOptions !== true && this.useInput !== true,
-        this.optionsDense
+        this.optionsCover === true && this.noOptions !== true && this.useInput !== true
       )
@@ -746,0 +754,0 @@ }

src/components/select/QSelect.json

 {
-  "mixins": [ "components/field/QField" ],
+  "mixins": [ "components/field/__QField" ],
 
@@ -4,0 +4,0 @@ "props": {

src/components/select/select-menu-position.js

@@ -1,8 +0,5 @@
-export function updatePosition (el, anchorEl, cover, dense) {
-  // cover less than 20 items otherwise scroll is not possible
-  const maxHeight = dense === true ? 600 : 940
-
+export function updatePosition (el, anchorEl, cover) {
   el.style.top = '100%'
   el.style.bottom = null
-  el.style.maxHeight = maxHeight
+  el.style.maxHeight = null
   el.style.maxWidth = null
@@ -28,3 +25,3 @@ el.style.transform = cover === true
     else {
-      el.style.left = 'unset'
+      el.style.left = 'auto'
       el.style.right = 0
@@ -42,3 +39,3 @@ el.style.maxWidth = (anchorLeft + anchorWidth - 5) + 'px'
       el.style.transform = null
-      el.style.top = 'unset'
+      el.style.top = 'auto'
       el.style.bottom = (anchorTop + anchorHeight - height + 5) + 'px'
@@ -53,10 +50,10 @@ }
     if (diffBottom >= anchorTop) {
-      el.style.maxHeight = Math.min(maxHeight, diffBottom - 5) + 'px'
+      el.style.maxHeight = (diffBottom - 5) + 'px'
     }
     else {
-      el.style.top = 'unset'
+      el.style.top = 'auto'
       el.style.bottom = '100%'
-      el.style.maxHeight = Math.min(maxHeight, anchorTop - 5) + 'px'
+      el.style.maxHeight = (anchorTop - 5) + 'px'
     }
   }
 }

src/components/tabs/QTab.js

@@ -124,6 +124,6 @@ import Vue from 'vue'
         ],
-        [tag === 'div' ? 'on' : 'nativeOn']: {
+        on: tag === 'div' ? {
           click: this.activate,
           keyup: this.__onKeyup
-        }
+        } : {}
       }
@@ -130,0 +130,0 @@

src/components/uploader/QUploader.json

@@ -109,2 +109,12 @@ {
 
+    "field-name": {
+      "type": [ "String", "Function" ],
+      "default": "(file) => file.name",
+      "desc": "Field name for each file upload; This goes into the following header: 'Content-Disposition: form-data; name=\"__HERE__\"; filename=\"somefile.png\"",
+      "examples": [
+        "backgroundFile",
+        ":field-name=\"(file) => 'background' + file.name\""
+      ]
+    },
+
     "headers": {
@@ -111,0 +121,0 @@ "type": [ "Array", "Function" ],

src/components/uploader/uploader-xhr-mixin.js

@@ -17,2 +17,6 @@ function getFn (prop) {
     },
+    fieldName: {
+      type: [Function, String],
+      default: file => file.name
+    },
     headers: [Function, Array],
@@ -37,2 +41,3 @@ fields: [Function, Array],
         fields: getFn(this.fields),
+        fieldName: getFn(this.fieldName),
         batch: getFn(this.batch)
@@ -163,3 +168,3 @@ }
         this.__updateFile(file, 'uploading', 0)
-        form.append(file.name, file)
+        form.append(this.xhrProps.fieldName(file), file)
         file.xhr = xhr
@@ -241,3 +246,3 @@ file.__abort = xhr.abort
 
-      form.append(file.name, file)
+      form.append(this.xhrProps.fieldName(file), file)
       xhr.send(form)
@@ -244,0 +249,0 @@ }

src/directives/TouchHold.js

 import { position, leftClick, stopAndPrevent } from '../utils/event.js'
+import { setObserver, removeObserver } from '../utils/touch-observer.js'
 import { clearSelection } from '../utils/selection.js'
@@ -37,13 +38,4 @@ import Platform from '../plugins/Platform.js'
       start (evt, mouseEvent) {
-        if (ctx.touchTargetObserver !== void 0) {
-          ctx.touchTargetObserver.disconnect()
-          ctx.touchTargetObserver = void 0
-        }
-        const target = evt.target
-        ctx.touchTargetObserver = new MutationObserver(() => {
-          if (el.contains(target) === false) {
-            ctx[mouseEvent === true ? 'mouseEnd' : 'end'](evt)
-          }
-        })
-        ctx.touchTargetObserver.observe(el, { childList: true, subtree: true })
+        removeObserver(ctx)
+        mouseEvent !== true && setObserver(el, evt, ctx)
 
@@ -75,7 +67,3 @@ const startTime = new Date().getTime()
       end (evt) {
-        if (ctx.touchTargetObserver !== void 0) {
-          ctx.touchTargetObserver.disconnect()
-          ctx.touchTargetObserver = void 0
-        }
-
+        removeObserver(ctx)
         document.body.classList.remove('non-selectable')
@@ -115,9 +103,4 @@
     if (ctx !== void 0) {
-      if (ctx.touchTargetObserver !== void 0) {
-        ctx.touchTargetObserver.disconnect()
-        ctx.touchTargetObserver = void 0
-      }
-
+      removeObserver(ctx)
       clearTimeout(ctx.timer)
-
       document.body.classList.remove('non-selectable')
@@ -124,0 +107,0 @@

src/directives/TouchPan.js

@@ -1,2 +0,3 @@
-import { position, leftClick, listenOpts, stopAndPrevent } from '../utils/event.js'
+import { position, leftClick, listenOpts } from '../utils/event.js'
+import { setObserver, removeObserver } from '../utils/touch-observer.js'
 import { clearSelection } from '../utils/selection.js'
@@ -92,3 +93,3 @@
         binding.modifiers.mouseStop && evt.stopPropagation()
-        binding.modifiers.mousePrevent && stopAndPrevent(evt)
+        binding.modifiers.mousePrevent && evt.preventDefault()
       }
@@ -108,3 +109,3 @@ else {
           document.addEventListener('mousemove', ctx.move, mouseEvtOpts)
-          document.addEventListener('click', ctx.mouseEnd, mouseEvtOpts)
+          document.addEventListener('mouseup', ctx.mouseEnd, mouseEvtOpts)
           ctx.start(evt, true)
@@ -116,18 +117,9 @@ }
         document.removeEventListener('mousemove', ctx.move, mouseEvtOpts)
-        document.removeEventListener('click', ctx.mouseEnd, mouseEvtOpts)
-        ctx.end(evt, true)
+        document.removeEventListener('mouseup', ctx.mouseEnd, mouseEvtOpts)
+        ctx.end(evt)
       },
 
       start (evt, mouseEvent) {
-        if (ctx.targetObserver !== void 0) {
-          ctx.targetObserver.disconnect()
-          ctx.targetObserver = void 0
-        }
-        const target = evt.target
-        ctx.targetObserver = new MutationObserver(() => {
-          if (el.contains(target) === false) {
-            ctx[mouseEvent === true ? 'mouseEnd' : 'end'](evt)
-          }
-        })
-        ctx.targetObserver.observe(el, { childList: true, subtree: true })
+        removeObserver(ctx)
+        mouseEvent !== true && setObserver(el, evt, ctx)
 
@@ -196,7 +188,4 @@ const pos = position(evt)
 
-      end (evt, mouseEvent) {
-        if (ctx.targetObserver !== void 0) {
-          ctx.targetObserver.disconnect()
-          ctx.targetObserver = void 0
-        }
+      end (evt) {
+        ctx.event.mouse !== true && removeObserver(ctx)
 
@@ -211,3 +200,3 @@ document.documentElement.style.cursor = ''
 
-        handleEvent(evt, mouseEvent)
+        handleEvent(evt, ctx.event.mouse)
         ctx.handler(processChanges(evt, ctx, true))
@@ -250,6 +239,3 @@ }
     if (ctx !== void 0) {
-      if (ctx.targetObserver !== void 0) {
-        ctx.targetObserver.disconnect()
-        ctx.targetObserver = void 0
-      }
+      removeObserver(ctx)
 
@@ -270,3 +256,3 @@ document.documentElement.style.cursor = ''
         document.removeEventListener('mousemove', ctx.move, mouseEvtOpts)
-        document.removeEventListener('click', ctx.mouseEnd, mouseEvtOpts)
+        document.removeEventListener('mouseup', ctx.mouseEnd, mouseEvtOpts)
       }
@@ -273,0 +259,0 @@ el.removeEventListener('touchstart', ctx.start, touchEvtOpts)

src/directives/TouchRepeat.js

 import { position, leftClick, stopAndPrevent } from '../utils/event.js'
+import { setObserver, removeObserver } from '../utils/touch-observer.js'
 import { clearSelection } from '../utils/selection.js'
@@ -60,3 +61,3 @@ import Platform from '../plugins/Platform.js'
             stopAndPrevent(evt)
-
+            el.focus()
             if (ctx.event !== void 0) {
@@ -78,21 +79,6 @@ return
       start (evt, mouseEvent, keyboardEvent) {
-        if (ctx.touchTargetObserver !== void 0) {
-          ctx.touchTargetObserver.disconnect()
-          ctx.touchTargetObserver = void 0
+        removeObserver(ctx)
+        if (mouseEvent !== true && keyboardEvent !== true) {
+          setObserver(el, evt, ctx)
         }
-        const target = evt.target
-        ctx.touchTargetObserver = new MutationObserver(() => {
-          if (el.contains(target) === false) {
-            if (keyboardEvent) {
-              ctx.keyboardEnd(evt)
-            }
-            else if (mouseEvent) {
-              ctx.mouseEnd(evt)
-            }
-            else {
-              ctx.end(evt)
-            }
-          }
-        })
-        ctx.touchTargetObserver.observe(el, { childList: true, subtree: true })
 
@@ -137,9 +123,10 @@ if (Platform.is.mobile === true) {
 
-      end () {
-        if (ctx.touchTargetObserver !== void 0) {
-          ctx.touchTargetObserver.disconnect()
-          ctx.touchTargetObserver = void 0
-        }
+      end (evt) {
+        removeObserver(ctx)
 
-        if (Platform.is.mobile === true || (ctx.event !== void 0 && ctx.event.repeatCount > 0)) {
+        const triggered = ctx.event !== void 0 && ctx.event.repeatCount > 0
+
+        triggered === true && stopAndPrevent(evt)
+
+        if (Platform.is.mobile === true || triggered === true) {
           document.documentElement.style.cursor = ''
@@ -182,7 +169,3 @@ document.body.classList.remove('non-selectable')
     if (ctx !== void 0) {
-      if (ctx.touchTargetObserver !== void 0) {
-        ctx.touchTargetObserver.disconnect()
-        ctx.touchTargetObserver = void 0
-      }
-
+      removeObserver(ctx)
       clearTimeout(ctx.timer)
@@ -189,0 +172,0 @@

src/directives/TouchSwipe.js

 import Platform from '../plugins/Platform.js'
+import { setObserver, removeObserver } from '../utils/touch-observer.js'
 import { position, leftClick, stopAndPrevent } from '../utils/event.js'
@@ -67,3 +68,3 @@ import { clearSelection } from '../utils/selection.js'
           document.addEventListener('mousemove', ctx.move, true)
-          document.addEventListener('click', ctx.mouseEnd, true)
+          document.addEventListener('mouseup', ctx.mouseEnd, true)
           ctx.start(evt, true)
@@ -75,3 +76,3 @@ }
         document.removeEventListener('mousemove', ctx.move, true)
-        document.removeEventListener('click', ctx.mouseEnd, true)
+        document.removeEventListener('mouseup', ctx.mouseEnd, true)
         ctx.end(evt)
@@ -81,13 +82,4 @@ },
       start (evt, mouseEvent) {
-        if (ctx.touchTargetObserver !== void 0) {
-          ctx.touchTargetObserver.disconnect()
-          ctx.touchTargetObserver = void 0
-        }
-        const target = evt.target
-        ctx.touchTargetObserver = new MutationObserver(() => {
-          if (el.contains(target) === false) {
-            ctx[mouseEvent === true ? 'mouseEnd' : 'end'](evt)
-          }
-        })
-        ctx.touchTargetObserver.observe(el, { childList: true, subtree: true })
+        removeObserver(ctx)
+        mouseEvent !== true && setObserver(el, evt, ctx)
 
@@ -201,2 +193,3 @@ const pos = position(evt)
         if (ctx.event.dir !== false) {
+          document.body.classList.add('no-pointer-events')
           stopAndPrevent(evt)
@@ -221,8 +214,6 @@ clearSelection()
       end (evt) {
-        if (ctx.touchTargetObserver !== void 0) {
-          ctx.touchTargetObserver.disconnect()
-          ctx.touchTargetObserver = void 0
-        }
+        removeObserver(ctx)
 
         if (ctx.event.abort === false && ctx.event.dir !== false) {
+          document.body.classList.remove('no-pointer-events')
           stopAndPrevent(evt)
@@ -258,6 +249,4 @@ }
     if (ctx !== void 0) {
-      if (ctx.touchTargetObserver !== void 0) {
-        ctx.touchTargetObserver.disconnect()
-        ctx.touchTargetObserver = void 0
-      }
+      removeObserver(ctx)
+      document.body.classList.remove('no-pointer-events')
 
@@ -267,3 +256,3 @@ if (binding.modifiers.mouse === true) {
         document.removeEventListener('mousemove', ctx.move, true)
-        document.removeEventListener('click', ctx.mouseEnd, true)
+        document.removeEventListener('mouseup', ctx.mouseEnd, true)
       }
@@ -270,0 +259,0 @@ el.removeEventListener('touchstart', ctx.start)

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Minified code

Quality

This package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

5104400

increased by7.92%

Number of package files

767

increased by0.26%

Worsened metrics

Lines of code

111537

decreased by-0.1%

Number of low quality alerts

3

increased by50%

No dependency changes