quasar 1.16.3 → 1.17.0

package/icon-set/svg-ionicons-v6.js

@@ -0,0 +1,225 @@
+
+import {
+  ionCheckmark,
+  ionAlert,
+  ionInformationCircleOutline,
+  ionArrowUp,
+  ionArrowForward,
+  ionArrowDown,
+  ionArrowBack,
+  ionCaretDownOutline,
+  ionAperture,
+  ionOptions,
+  ionApps,
+  ionRefresh,
+  ionSquare,
+  ionCloseCircle,
+  ionTime,
+  ionCalendar,
+  ionLink,
+  ionExpand,
+  ionChatboxEllipses,
+  ionPrint,
+  ionArrowUndo,
+  ionArrowRedo,
+  ionCodeSlash,
+  ionAdd,
+  ionClose,
+  ionPlaySkipBackCircle,
+  ionPlaySkipForwardCircle,
+  ionStar,
+  ionCreate,
+  ionWarning,
+  ionPlay,
+  ionAddCircle,
+  ionCloudUpload,
+  ionTrash,
+  ionCheckmarkDone,
+  ionChevronDown,
+  ionChevronUp,
+  ionChevronBack,
+  ionChevronForward,
+  ionChevronBackCircle,
+  ionChevronForwardCircle
+} from '@quasar/extras/ionicons-v6'
+
+// there are some icons that are needed but not available
+// so we import them from MDI as svgs
+
+import {
+  mdiFormatBold,
+  mdiFormatItalic,
+  mdiFormatStrikethroughVariant,
+  mdiFormatUnderline,
+  mdiFormatListBulleted,
+  mdiFormatListNumbered,
+  mdiFormatSubscript,
+  mdiFormatSuperscript,
+  mdiFormatAlignLeft,
+  mdiFormatAlignCenter,
+  mdiFormatAlignRight,
+  mdiFormatAlignJustify,
+  mdiFormatIndentDecrease,
+  mdiFormatIndentIncrease,
+  mdiFormatClear,
+  mdiFormatColorText,
+  mdiFormatSize,
+  mdiMinus,
+  mdiFormatHeader1,
+  mdiFormatHeader2,
+  mdiFormatHeader3,
+  mdiFormatHeader4,
+  mdiFormatHeader5,
+  mdiFormatHeader6,
+  mdiNumeric1Box,
+  mdiNumeric2Box,
+  mdiNumeric3Box,
+  mdiNumeric4Box,
+  mdiNumeric5Box,
+  mdiNumeric6Box,
+  mdiNumeric7Box,
+  mdiFormatFont
+} from '@quasar/extras/mdi-v6'
+
+export default {
+  name: 'svg-ionicons-v6',
+  type: {
+    positive: ionCheckmark,
+    negative: ionAlert,
+    info: ionInformationCircleOutline,
+    warning: ionAlert
+  },
+  arrow: {
+    up: ionArrowUp,
+    right: ionArrowForward,
+    down: ionArrowDown,
+    left: ionArrowBack,
+    dropdown: ionCaretDownOutline
+  },
+  chevron: {
+    left: ionArrowBack,
+    right: ionArrowForward
+  },
+  colorPicker: {
+    spectrum: ionAperture,
+    tune: ionOptions,
+    palette: ionApps
+  },
+  pullToRefresh: {
+    icon: ionRefresh
+  },
+  carousel: {
+    left: ionChevronBack,
+    right: ionChevronForward,
+    up: ionChevronUp,
+    down: ionChevronDown,
+    navigationIcon: ionSquare
+  },
+  chip: {
+    remove: ionCloseCircle,
+    selected: ionCheckmark
+  },
+  datetime: {
+    arrowLeft: ionChevronBack,
+    arrowRight: ionChevronForward,
+    now: ionTime,
+    today: ionCalendar
+  },
+  editor: { // requires Material icons for some as Ionicons simply does not have everything needed
+    hyperlink: ionLink,
+    toggleFullscreen: ionExpand,
+    quote: ionChatboxEllipses,
+    print: ionPrint,
+    undo: ionArrowUndo,
+    redo: ionArrowRedo,
+    code: ionCodeSlash,
+    viewSource: ionCodeSlash,
+
+    bold: mdiFormatBold,
+    italic: mdiFormatItalic,
+    strikethrough: mdiFormatStrikethroughVariant,
+    underline: mdiFormatUnderline,
+    unorderedList: mdiFormatListBulleted,
+    orderedList: mdiFormatListNumbered,
+    subscript: mdiFormatSubscript,
+    superscript: mdiFormatSuperscript,
+    left: mdiFormatAlignLeft,
+    center: mdiFormatAlignCenter,
+    right: mdiFormatAlignRight,
+    justify: mdiFormatAlignJustify,
+    outdent: mdiFormatIndentDecrease,
+    indent: mdiFormatIndentIncrease,
+    removeFormat: mdiFormatClear,
+    formatting: mdiFormatColorText,
+    fontSize: mdiFormatSize,
+    align: mdiFormatAlignLeft,
+    hr: mdiMinus,
+    heading: mdiFormatSize,
+    heading1: mdiFormatHeader1,
+    heading2: mdiFormatHeader2,
+    heading3: mdiFormatHeader3,
+    heading4: mdiFormatHeader4,
+    heading5: mdiFormatHeader5,
+    heading6: mdiFormatHeader6,
+    size: mdiFormatSize,
+    size1: mdiNumeric1Box,
+    size2: mdiNumeric2Box,
+    size3: mdiNumeric3Box,
+    size4: mdiNumeric4Box,
+    size5: mdiNumeric5Box,
+    size6: mdiNumeric6Box,
+    size7: mdiNumeric7Box,
+    font: mdiFormatFont
+  },
+  expansionItem: {
+    icon: ionCaretDownOutline,
+    denseIcon: ionCaretDownOutline
+  },
+  fab: {
+    icon: ionAdd,
+    activeIcon: ionClose
+  },
+  field: {
+    clear: ionCloseCircle,
+    error: ionAlert
+  },
+  pagination: {
+    first: ionPlaySkipBackCircle,
+    prev: ionChevronBackCircle,
+    next: ionChevronForwardCircle,
+    last: ionPlaySkipForwardCircle
+  },
+  rating: {
+    icon: ionStar
+  },
+  stepper: {
+    done: ionCheckmark,
+    active: ionCreate,
+    error: ionWarning
+  },
+  tabs: {
+    left: ionChevronBack,
+    right: ionChevronForward,
+    up: ionChevronUp,
+    down: ionChevronDown
+  },
+  table: {
+    arrowUp: ionArrowUp,
+    warning: ionWarning,
+    firstPage: ionPlaySkipBackCircle,
+    prevPage: ionChevronBackCircle,
+    nextPage: ionChevronForwardCircle,
+    lastPage: ionPlaySkipForwardCircle
+  },
+  tree: {
+    icon: ionPlay
+  },
+  uploader: {
+    done: ionCheckmark,
+    clear: ionClose,
+    add: ionAddCircle,
+    upload: ionCloudUpload,
+    removeQueue: ionTrash,
+    removeUploaded: ionCheckmarkDone
+  }
+}

package/lang/ar.js

@@ -14,7 +14,7 @@ export default {
     update: 'تحديث',
     create: 'إنشاء',
     search: 'بحث',
-    filter: 'تنقية',
+    filter: 'ترشيح',
     refresh: 'تحديث'
   },
   date: {

package/lang/fa-ir.js

@@ -39,7 +39,9 @@ export default {
     noResults: 'هیچ موردی یافت نشد',
     loading: 'در حال بارگذاری ...',
     selectedRecords: function (rows) {
-      return rows === 0 ? 'رکوردی انتخاب نشده' : rows + ' رکورد انتخاب شده'
+      return rows === 0
+        ? 'رکوردی انتخاب نشده'
+        : rows + ' رکورد انتخاب شده'
     },
     recordsPerPage: 'رکورد در صفحه:',
     allRows: 'همه',

package/lang/fa.js

@@ -39,7 +39,9 @@ export default {
     noResults: 'هیچ موردی یافت نشد',
     loading: 'در حال بارگذاری ...',
     selectedRecords: function (rows) {
-      return rows === 0 ? 'رکوردی انتخاب نشده' : rows + ' رکورد انتخاب شده'
+      return rows === 0
+        ? 'رکوردی انتخاب نشده'
+        : rows + ' رکورد انتخاب شده'
     },
     recordsPerPage: 'رکورد در صفحه:',
     allRows: 'همه',

package/lang/fr.js

@@ -21,7 +21,7 @@ export default {
     daysShort: 'Dim_Lun_Mar_Mer_Jeu_Ven_Sam'.split('_'),
     months: 'Janvier_Février_Mars_Avril_Mai_Juin_Juillet_Août_Septembre_Octobre_Novembre_Décembre'.split('_'),
     monthsShort: 'Jan_Fev_Mar_Avr_Mai_Juin_Jui_Aou_Sep_Oct_Nov_Dec'.split('_'),
-    headerTitle: function (date, model) {
+    headerTitle: function (date) {
       return new Intl.DateTimeFormat('fr', {
         weekday: 'short', day: 'numeric', month: 'short'
       }).format(date)

package/lang/index.json

@@ -201,6 +201,6 @@
   },
   {
     "isoName": "zh-hant",
-    "nativeName": "中文(繁體)"
+    "nativeName": "中文（繁體）"
   }
 ]

package/lang/kur-ckb.js

@@ -42,12 +42,12 @@ export default {
     selectedRecords: function (rows) {
       return rows === 1
         ? 'یەک ڕیکۆرد هەڵبژێردراوە'
-        : (rows === 0 ? '0' : rows) + 'ڕیکۆرد هەڵبژێرداوە.';
+        : (rows === 0 ? '0' : rows) + 'ڕیکۆرد هەڵبژێرداوە.'
     },
     recordsPerPage: 'ئەنجام بۆهەر پەڕەیەک:',
     allRows: 'هەمووی',
     pagination: function (start, end, total) {
-      return start + '-' + end + ' لە ' + total;
+      return start + '-' + end + ' لە ' + total
     },
     columns: 'ڕیز'
   },

package/lang/sr.js

@@ -58,14 +58,14 @@ export default {
     center: 'Centrirati',
     right: 'Poravnati udesno',
     justify: 'Poravnati obostrano',
-    print: 'Ispis',
+    print: 'Štampa',
     outdent: 'Smanjiti uvlačenje',
     indent: 'Povećati uvlačenje',
     removeFormat: 'Ukloniti formatiranje',
     formatting: 'Formatirati',
     fontSize: 'Veličina slova',
     align: 'Poravnati',
-    hr: 'Ubaciti vodoravni lenjir',
+    hr: 'Ubaciti horizontalnu liniju',
     undo: 'Poništiti',
     redo: 'Vratiti',
     heading1: 'Naslov 1',
@@ -74,14 +74,14 @@ export default {
     heading4: 'Naslov 4',
     heading5: 'Naslov 5',
     heading6: 'Naslov 6',
-    paragraph: 'Odlomak',
+    paragraph: 'Paragraf',
     code: 'Kod',
     size1: 'Najmanje',
     size2: 'Manje',
     size3: 'Normalno',
     size4: 'Srednje Veliko',
     size5: 'Veliko',
-    size6: 'Već',
+    size6: 'Veće',
     size7: 'Najveće',
     defaultFont: 'Podrazumevani font',
     viewSource: 'Pogledaj izvor'

package/lang/ug.js

@@ -25,8 +25,10 @@ export default {
     daysShort: 'ي_د_س_چ_پ_ج_ش'.split('_'),
     months: monthsShort,
     monthsShort: monthsShort,
-    headerTitle: function(date, model) {
-      return monthsShort[model.month - 1] + 'نىڭ ' + model.day + '-كۈنى، ' + days[date.getDay()]
+    headerTitle: function (date, model) {
+      return monthsShort[ model.month - 1 ] + 'نىڭ ' +
+        model.day + '-كۈنى، ' +
+        days[ date.getDay() ]
     },
     firstDayOfWeek: 1, // 0-6, 0 - Sunday, 1 Monday, ...
     format24h: false,
@@ -36,60 +38,60 @@ export default {
     noData: 'ئۇچۇر يوق',
     noResults: 'مۇناسىۋەتلىك ئۇچۇر تېپىلمىدى',
     loading: 'يۈكلىنىۋاتىدۇ...',
-    selectedRecords: function(rows) {
+    selectedRecords: function (rows) {
       return rows + ' قۇر تاللاندى'
     },
     recordsPerPage: 'ھەربەتتىكى قۇر سانى:',
     allRows: 'ھەممىسى',
-    pagination: function(start, end, total) {
+    pagination: function (start, end, total) {
       return start + '-' + end + ' / ' + total
     },
     columns: 'ئىستون'
   },
   editor: {
     url: '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: '重做',
-    heading1: '标题一',
-    heading2: '标题二',
-    heading3: '标题三',
-    heading4: '标题四',
-    heading5: '标题五',
-    heading6: '标题六',
-    paragraph: '段落',
-    code: '代码',
-    size1: '非常小',
-    size2: '比较小',
-    size3: '正常',
-    size4: '中等偏大',
-    size5: '大',
-    size6: '非常大',
-    size7: '超级大',
-    defaultFont: '默认字体',
-    viewSource: '查看资料'
+    bold: 'Bold',
+    italic: 'ئىتالىيان',
+    strikethrough: 'Strikethrough',
+    underline: 'ئاستى سىزىق',
+    unorderedList: 'تەرتىپسىز تىزىملىك',
+    orderedList: 'زاكاز تىزىملىكى',
+    subscript: 'مۇشتەرى',
+    superscript: 'Superscript',
+    hyperlink: 'Hyperlink',
+    toggleFullscreen: 'تولۇق ئېكراننى ئالماشتۇرۇڭ',
+    quote: 'نەقىل',
+    left: 'سول تەڭگە',
+    center: 'Center align',
+    right: 'ئوڭ توغرىلاش',
+    justify: 'توغرىلاشنى توغرىلاڭ',
+    print: 'بېسىش',
+    outdent: 'تەۋەككۈلچىلىكنى ئازايتىش',
+    indent: 'تەۋەككۈلچىلىكنى ئاشۇرۇش',
+    removeFormat: 'فورماتنى ئۆچۈرۈڭ',
+    formatting: 'فورماتلاش',
+    fontSize: 'خەت چوڭلۇقى',
+    align: 'توغرىلاش',
+    hr: 'توغرىسىغا قائىدە قىستۇرۇش',
+    undo: 'ئەمەلدىن قالدۇرۇش',
+    redo: 'Redo',
+    heading1: 'Heading 1',
+    heading2: 'Heading 2',
+    heading3: 'Heading 3',
+    heading4: 'Heading 4',
+    heading5: 'Heading 5',
+    heading6: 'Heading 6',
+    paragraph: 'ئابزاس',
+    code: 'كود',
+    size1: 'بەك كىچىك',
+    size2: 'ئازراق كىچىك',
+    size3: 'نورمال',
+    size4: 'ئوتتۇراھال چوڭ',
+    size5: 'چوڭ',
+    size6: 'بەك چوڭ',
+    size7: 'ئەڭ چوڭ',
+    defaultFont: 'كۆڭۈلدىكى خەت نۇسخىسى',
+    viewSource: 'مەنبەنى كۆرۈش'
   },
   tree: {
     noNodes: 'ئۇچۇر يوق',

package/lang/zh-hans.js

@@ -22,7 +22,7 @@ export default {
     months: '一月_二月_三月_四月_五月_六月_七月_八月_九月_十月_十一月_十二月'.split('_'),
     monthsShort: '一月_二月_三月_四月_五月_六月_七月_八月_九月_十月_十一月_十二月'.split('_'),
     headerTitle: function (date) {
-      return new Intl.DateTimeFormat('zh-hans', {
+      return new Intl.DateTimeFormat('zh-CN', {
         weekday: 'short', month: 'short', day: 'numeric'
       }).format(date)
     },

package/lang/zh-hant.js

@@ -1,6 +1,6 @@
 export default {
   isoName: 'zh-hant',
-  nativeName: '中文(繁體)',
+  nativeName: '中文（繁體）',
   label: {
     clear: '清除',
     ok: '確定',
@@ -22,27 +22,27 @@ export default {
     months: '一月_二月_三月_四月_五月_六月_七月_八月_九月_十月_十一月_十二月'.split('_'),
     monthsShort: '一月_二月_三月_四月_五月_六月_七月_八月_九月_十月_十一月_十二月'.split('_'),
     headerTitle: function (date) {
-      return new Intl.DateTimeFormat('zh-hant', {
+      return new Intl.DateTimeFormat('zh-TW', {
         weekday: 'short', month: 'short', day: 'numeric'
       }).format(date)
     },
     firstDayOfWeek: 0, // 0-6, 0 - Sunday, 1 Monday, ...
     format24h: false,
-    pluralDay: '天'
+    pluralDay: '日'
   },
   table: {
-    noData: '無資料',
-    noResults: '無相符資料',
+    noData: '沒有資料',
+    noResults: '沒有相符資料',
     loading: '載入中...',
     selectedRecords: function (rows) {
-      return '已選擇' + rows + '筆'
+      return '已選擇 ' + rows + ' 列'
     },
-    recordsPerPage: '每頁筆數:',
+    recordsPerPage: '每頁列數：',
     allRows: '全部',
     pagination: function (start, end, total) {
-      return start + '-' + end + ' / ' + total
+      return start + '-' + end + ' 列，共 ' + total + ' 列'
     },
-    columns: '列'
+    columns: '欄位'
   },
   editor: {
     url: '網址',
@@ -56,19 +56,19 @@ export default {
     superscript: '上標',
     hyperlink: '超連結',
     toggleFullscreen: '切換全螢幕',
-    quote: '引言',
+    quote: '段落引用',
     left: '靠左對齊',
     center: '置中對齊',
     right: '靠右對齊',
-    justify: '左右對齊',
+    justify: '分散對齊',
     print: '列印',
     outdent: '減少縮排',
     indent: '增加縮排',
     removeFormat: '清除格式',
-    formatting: '式樣',
+    formatting: '區塊元素',
     fontSize: '字型大小',
     align: '對齊',
-    hr: '插入水平線',
+    hr: '水平分隔線',
     undo: '復原',
     redo: '取消復原',
     heading1: '標題 1',
@@ -80,17 +80,17 @@ export default {
     paragraph: '段落',
     code: '程式碼',
     size1: '非常小',
-    size2: '比較小',
+    size2: '稍小',
     size3: '正常',
-    size4: '中等偏大',
+    size4: '稍大',
     size5: '大',
     size6: '非常大',
     size7: '超級大',
     defaultFont: '預設字型',
-    viewSource: '查看資料'
+    viewSource: '切換原始碼'
   },
   tree: {
-    noNodes: '無節點',
-    noResults: '無相符節點'
+    noNodes: '沒有節點',
+    noResults: '沒有相符節點'
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "quasar",
-  "version": "1.16.3",
+  "version": "1.17.0",
   "description": "Build high-performance VueJS user interfaces (SPA, PWA, SSR, Mobile and Desktop) in record time",
   "module": "src/index.esm.js",
   "typings": "dist/types/index.d.ts",

package/src/api.extends.json

@@ -52,7 +52,7 @@
         "map",
         "ion-add",
         "img:https://cdn.quasar.dev/logo/svg/quasar-logo.svg",
-        "img:statics/path/to/some_image.png"
+        "img:path/to/some_image.png"
       ],
       "category": "content"
     },
@@ -102,7 +102,6 @@
 
     "sanitize": {
       "type": "Boolean",
-      "default": "false",
       "desc": "Force use of textContent instead of innerHTML to render text; Use it when the text might be unsafe (from user input)",
       "category": "behavior"
     },

package/src/components/breadcrumbs/QBreadcrumbs.js

@@ -4,6 +4,8 @@ import AlignMixin from '../../mixins/align.js'
 import { slot } from '../../utils/slot.js'
 import ListenersMixin from '../../mixins/listeners.js'
 
+const disabledValues = [ true, '' ]
+
 export default Vue.extend({
   name: 'QBreadcrumbs',
 
@@ -34,13 +36,13 @@ export default Vue.extend({
     },
 
     sepClass () {
-      if (this.separatorColor) {
-        return `text-${this.separatorColor}`
-      }
+      return this.separatorColor
+        ? ` text-${this.separatorColor}`
+        : ''
     },
 
     activeClass () {
-      return `text-${this.activeColor}`
+      return ` text-${this.activeColor}`
     }
   },
 
@@ -60,18 +62,20 @@ export default Vue.extend({
     nodes.forEach(comp => {
       if (comp.tag !== void 0 && comp.tag.endsWith('-QBreadcrumbsEl')) {
         const middle = els < len
+        const disabled = disabledValues.includes(comp.componentOptions.propsData.disable)
+        const cls = middle === true
+          ? (disabled !== true ? this.activeClass : '')
+          : ' q-breadcrumbs--last'
+
         els++
 
         child.push(h('div', {
-          staticClass: 'flex items-center',
-          class: middle ? this.activeClass : 'q-breadcrumbs--last'
+          staticClass: 'flex items-center' + cls
         }, [ comp ]))
 
-        if (middle) {
-          child.push(h('div', {
-            staticClass: 'q-breadcrumbs__separator', class: this.sepClass
-          }, separator()))
-        }
+        middle === true && child.push(h('div', {
+          staticClass: 'q-breadcrumbs__separator' + this.sepClass
+        }, separator()))
       }
       else {
         child.push(comp)

package/src/components/breadcrumbs/QBreadcrumbs.sass

@@ -9,8 +9,5 @@
     &--with-label
       margin-right: 8px
 
-  &--last a
-    pointer-events: none
-
 [dir=rtl] .q-breadcrumbs__separator .q-icon
   transform: scaleX(-1) #{"/* rtl:ignore */"}

package/src/components/breadcrumbs/QBreadcrumbs.styl

@@ -9,8 +9,5 @@
     &--with-label
       margin-right: 8px
 
-  &--last a
-    pointer-events: none
-
 [dir=rtl] .q-breadcrumbs__separator .q-icon
   transform: scaleX(-1) /* rtl:ignore */