quasar 2.17.7 → 2.18.1

package/lang/ur-PK.js

@@ -0,0 +1,118 @@
+const days = 'اتوار_پیر_منگل_بدھ_جمعرات_جمعہ_ہفتہ'.split('_')
+const daysShort = 'ات_پیر_منگ_بدھ_جمعر_جمعہ_ہف'.split('_')
+// You can refine abbreviations if needed; e.g.
+// 'ات_پیر_من_بد_جم_جمع_ہف' or any shorter versions that make sense.
+
+const months = 'جنوری_فروری_مارچ_اپریل_مئی_جون_جولائی_اگست_ستمبر_اکتوبر_نومبر_دسمبر'.split('_')
+// Short forms below can also be adjusted if you prefer more concise abbreviations.
+const monthsShort = 'جن._فر._مار._اپر._مئی_جون_جول._اگ._ستم._اکت._نوم._دسم.'.split('_')
+
+export default {
+  isoName: 'ur-PK',
+  nativeName: 'اردو (پاکستان)',
+  rtl: true,
+  label: {
+    clear: 'صاف کریں',
+    ok: 'ٹھیک ہے',
+    cancel: 'منسوخ کریں',
+    close: 'بند کریں',
+    set: 'سیٹ کریں',
+    select: 'منتخب کریں',
+    reset: 'ری سیٹ کریں',
+    remove: 'ہٹا دیں',
+    update: 'اپ ڈیٹ کریں',
+    create: 'بنائیں',
+    search: 'تلاش کریں',
+    filter: 'فلٹر',
+    refresh: 'تازہ کریں',
+    expand: label => (label ? `"${ label }" کو وسیع کریں` : 'وسیع کریں'),
+    collapse: label => (label ? `"${ label }" کو سکیڑیں` : 'سکیڑیں')
+  },
+  date: {
+    days,
+    daysShort,
+    months,
+    monthsShort,
+    // Shown on the Quasar date picker’s title bar; you can adjust the format if needed
+    headerTitle: (date, model) =>
+      `${ days[ date.getDay() ] }، ${ model.day } ${ months[ model.month - 1 ] }`,
+    firstDayOfWeek: 0, // 0-6; 0 = اتوار, 1 = پیر, etc.
+    format24h: true,
+    pluralDay: 'دن',
+    prevMonth: 'پچھلا مہینہ',
+    nextMonth: 'اگلے مہینے',
+    prevYear: 'پچھلے سال',
+    nextYear: 'اگلے سال',
+    today: 'آج',
+    prevRangeYears: range => `پچھلا ${ range } سال`,
+    nextRangeYears: range => `اگلا ${ range } سال`
+  },
+  table: {
+    noData: 'کوئی ڈیٹا دستیاب نہیں',
+    noResults: 'کوئی نتیجہ نہیں ملا',
+    loading: 'لوڈ ہو رہا ہے...',
+    selectedRecords: rows =>
+      rows === 0
+        ? 'کوئی ریکارڈ منتخب نہیں ہوا'
+        : `${ rows } ریکارڈ منتخب ہوئے`,
+    recordsPerPage: 'ریکارڈز فی صفحہ:',
+    allRows: 'سب',
+    pagination: (start, end, total) => `${ start }-${ end } / ${ total }`,
+    columns: 'کالم'
+  },
+  pagination: {
+    first: 'لومړی مخ',
+    prev: 'مخکینۍ پاڼه',
+    next: 'بل مخ',
+    last: 'وروستۍ پاڼه'
+  },
+  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: 'دوبارہ کریں',
+    heading1: 'سرخی 1',
+    heading2: 'سرخی 2',
+    heading3: 'سرخی 3',
+    heading4: 'سرخی 4',
+    heading5: 'سرخی 5',
+    heading6: 'سرخی 6',
+    paragraph: 'پیراگراف',
+    code: 'کوڈ',
+    size1: 'بہت چھوٹا',
+    size2: 'چھوٹا',
+    size3: 'معمولی',
+    size4: 'درمیانہ',
+    size5: 'بڑا',
+    size6: 'بہت بڑا',
+    size7: 'سب سے بڑا',
+    defaultFont: 'طے شدہ فونٹ',
+    viewSource: 'ماخذ دیکھیں'
+  },
+  tree: {
+    noNodes: 'کوئی نوڈ دستیاب نہیں',
+    noResults: 'کوئی نوڈ نہیں ملا'
+  }
+}

package/lang/uz-Cyrl.js

@@ -28,7 +28,14 @@ export default {
     monthsShort: 'Ян_Фев_Март_Апр_Май_Июнь_Июль_Авг_Сен_Окт_Ноя_Дек'.split('_'),
     firstDayOfWeek: 1, // 0-6, 0 - Якшанба, 1 Душанба, ...
     format24h: true,
-    pluralDay: 'Кунлар'
+    pluralDay: 'Кунлар',
+    prevMonth: 'Олдинги ой',
+    nextMonth: 'Кейинги ой',
+    prevYear: 'Ўтган йили',
+    nextYear: 'Кейинги йил',
+    today: 'Бугун',
+    prevRangeYears: range => `Олдинги ${ range } Йиллар`,
+    nextRangeYears: range => `Кейинги ${ range } Йиллар`
   },
   table: {
     noData: 'Маълумот топилмади',
@@ -43,6 +50,12 @@ export default {
     pagination: (start, end, total) => start + '-' + end + ' жами ' + total,
     columns: 'Устунлар'
   },
+  pagination: {
+    first: 'Биринчи саҳифа',
+    prev: 'Олдинги саҳифа',
+    next: 'Кейинги саҳифа',
+    last: 'Сўнгги саҳифа'
+  },
   editor: {
     url: 'УРЛ',
     bold: 'Қалин',

package/lang/uz-Latn.js

@@ -32,7 +32,14 @@ export default {
     ),
     firstDayOfWeek: 1, // 0-6, 0 - Yakshanba, 1 Dushanba, ...
     format24h: true,
-    pluralDay: 'Kunlar'
+    pluralDay: 'Kunlar',
+    prevMonth: 'Oldingi oy',
+    nextMonth: 'Keyingi oy',
+    prevYear: 'O\'tgan yili',
+    nextYear: 'Keyingi yil',
+    today: 'Bugun',
+    prevRangeYears: range => `Oldingi ${ range } Yillar`,
+    nextRangeYears: range => `Keyingi ${ range } Yillar`
   },
   table: {
     noData: 'Ma\'lumotlar topilmadi',
@@ -47,6 +54,12 @@ export default {
     pagination: (start, end, total) => start + '-' + end + ' jami ' + total,
     columns: 'Ustunlar'
   },
+  pagination: {
+    first: 'Birinchi sahifa',
+    prev: 'Oldingi sahifa',
+    next: 'Keyingi sahifa',
+    last: 'So\'nggi sahifa'
+  },
   editor: {
     url: 'URL',
     bold: 'Qalin',

package/lang/vi.js

@@ -25,7 +25,14 @@ export default {
     monthsShort: 'Th1_Th2_Th3_Th4_Th5_Th6_Th7_Th8_Th9_Th10_Th11_Th12'.split('_'),
     firstDayOfWeek: 1, // 0-6, 0 - Sunday, 1 Monday, ...
     format24h: false,
-    pluralDay: 'ngày'
+    pluralDay: 'ngày',
+    prevMonth: 'Tháng trước',
+    nextMonth: 'Tháng sau',
+    prevYear: 'Năm trước',
+    nextYear: 'Năm sau',
+    today: 'Hôm nay',
+    prevRangeYears: range => `Trước ${ range } năm`,
+    nextRangeYears: range => `Tiếp theo ${ range } năm`
   },
   table: {
     noData: 'Không có dữ liệu',
@@ -41,6 +48,12 @@ export default {
     pagination: (start, end, total) => start + '-' + end + ' của ' + total,
     columns: 'Cột'
   },
+  pagination: {
+    first: 'Trang đầu tiên',
+    prev: 'Trang trước',
+    next: 'Trang tiếp theo',
+    last: 'Trang cuối cùng'
+  },
   editor: {
     url: 'URL',
     bold: 'Đậm',

package/lang/zh-CN.js

@@ -28,7 +28,14 @@ export default {
     }).format(date),
     firstDayOfWeek: 0, // 0-6, 0 - Sunday, 1 Monday, ...
     format24h: false,
-    pluralDay: '天'
+    pluralDay: '天',
+    prevMonth: '上个月',
+    nextMonth: '下个月',
+    prevYear: '上一年',
+    nextYear: '下一年',
+    today: '今天',
+    prevRangeYears: range => `以前${ range }年`,
+    nextRangeYears: range => `接下来${ range }年`
   },
   table: {
     noData: '没有可用数据',
@@ -40,6 +47,12 @@ export default {
     pagination: (start, end, total) => start + '-' + end + ' / ' + total,
     columns: '列'
   },
+  pagination: {
+    first: '第一页',
+    prev: '上一页',
+    next: '下一页',
+    last: '最后一页'
+  },
   editor: {
     url: 'URL',
     bold: '粗体',

package/lang/zh-TW.js

@@ -28,7 +28,14 @@ export default {
     }).format(date),
     firstDayOfWeek: 0, // 0-6, 0 - Sunday, 1 Monday, ...
     format24h: false,
-    pluralDay: '日'
+    pluralDay: '日',
+    prevMonth: '上个月',
+    nextMonth: '下个月',
+    prevYear: '上一年',
+    nextYear: '下一年',
+    today: '今天',
+    prevRangeYears: range => `以前${ range }年`,
+    nextRangeYears: range => `接下来${ range }年`
   },
   table: {
     noData: '沒有資料',
@@ -40,6 +47,12 @@ export default {
     pagination: (start, end, total) => start + '-' + end + ' 列，共 ' + total + ' 列',
     columns: '欄位'
   },
+  pagination: {
+    first: '首頁',
+    prev: '上一頁',
+    next: '下一頁',
+    last: '最後一頁'
+  },
   editor: {
     url: '網址',
     bold: '粗體',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "quasar",
-  "version": "2.17.7",
+  "version": "2.18.1",
   "description": "Build high-performance VueJS user interfaces (SPA, PWA, SSR, Mobile and Desktop) in record time",
   "type": "module",
   "module": "dist/quasar.client.js",
@@ -64,7 +64,7 @@
     "cross-env": "^7.0.3",
     "cssnano": "^7.0.6",
     "diff": "^5.2.0",
-    "esbuild": "^0.24.0",
+    "esbuild": "^0.25.0",
     "eslint": "^8.57.1",
     "fs-extra": "^11.2.0",
     "kolorist": "^1.8.0",
@@ -76,8 +76,8 @@
     "tinyglobby": "^0.2.10",
     "typescript": "^5.6.2",
     "vue": "^3.5.5",
-    "@quasar/extras": "1.16.15",
-    "eslint-config-quasar": "0.0.1"
+    "eslint-config-quasar": "0.0.1",
+    "@quasar/extras": "1.16.17"
   },
   "vetur": {
     "tags": "dist/vetur/quasar-tags.json",

package/src/components/breadcrumbs/QBreadcrumbs.js

@@ -55,13 +55,13 @@ export default createComponent({
 
       const
         child = [],
-        len = vnodes.filter(c => c.type !== void 0 && c.type.name === 'QBreadcrumbsEl').length,
+        len = vnodes.filter(c => c.type?.name === 'QBreadcrumbsEl').length,
         separator = slots.separator !== void 0
           ? slots.separator
           : () => props.separator
 
       vnodes.forEach(comp => {
-        if (comp.type !== void 0 && comp.type.name === 'QBreadcrumbsEl') {
+        if (comp.type?.name === 'QBreadcrumbsEl') {
           const middle = els < len
           const disabled = comp.props !== null && disabledValues.includes(comp.props.disable)
           const cls = (middle === true ? '' : ' q-breadcrumbs--last')

package/src/components/btn/QBtn.js

@@ -130,12 +130,12 @@ export default createComponent({
           // required for iOS and desktop Safari
           && el.contains(rootRef.value) === false
         ) {
-          rootRef.value.focus()
+          e.qAvoidFocus !== true && rootRef.value.focus()
 
           const onClickCleanup = () => {
             document.removeEventListener('keydown', stopAndPrevent, true)
             document.removeEventListener('keyup', onClickCleanup, passiveCapture)
-            rootRef.value !== null && rootRef.value.removeEventListener('blur', onClickCleanup, passiveCapture)
+            rootRef.value?.removeEventListener('blur', onClickCleanup, passiveCapture)
           }
 
           document.addEventListener('keydown', stopAndPrevent, true)
@@ -158,7 +158,7 @@ export default createComponent({
 
         if (e.defaultPrevented !== true) {
           // focus external button if the focus helper was focused before
-          rootRef.value.focus()
+          e.qAvoidFocus !== true && rootRef.value.focus()
 
           keyboardTarget = rootRef.value
           rootRef.value.classList.add('q-btn--active')
@@ -218,12 +218,11 @@ export default createComponent({
 
       // needed for IE (because it emits blur when focusing button from focus helper)
       if (
-        e !== void 0
-        && e.type === 'blur'
+        e?.type === 'blur'
         && document.activeElement === rootRef.value
       ) return
 
-      if (e !== void 0 && e.type === 'keyup') {
+      if (e?.type === 'keyup') {
         if (keyboardTarget === rootRef.value && isKeyCode(e, [ 13, 32 ]) === true) {
           // for click trigger
           const evt = new MouseEvent('click', e)
@@ -272,11 +271,11 @@ export default createComponent({
 
       if (keyboardTarget === rootRef.value) {
         document.removeEventListener('keyup', onPressEnd, true)
-        rootRef.value !== null && rootRef.value.removeEventListener('blur', onPressEnd, passiveCapture)
+        rootRef.value?.removeEventListener('blur', onPressEnd, passiveCapture)
         keyboardTarget = null
       }
 
-      rootRef.value !== null && rootRef.value.classList.remove('q-btn--active')
+      rootRef.value?.classList.remove('q-btn--active')
     }
 
     function onLoadingEvt (evt) {

package/src/components/btn-dropdown/QBtnDropdown.js

@@ -41,8 +41,11 @@ export default createComponent({
 
     cover: Boolean,
     persistent: Boolean,
+    noEscDismiss: Boolean,
     noRouteDismiss: Boolean,
     autoClose: Boolean,
+    noRefocus: Boolean,
+    noFocus: Boolean,
 
     menuAnchor: {
       type: String,
@@ -102,7 +105,7 @@ export default createComponent({
     const btnProps = computed(() => passBtnProps(props))
 
     watch(() => props.modelValue, val => {
-      menuRef.value !== null && menuRef.value[ val ? 'show' : 'hide' ]()
+      menuRef.value?.[ val ? 'show' : 'hide' ]()
     })
 
     watch(() => props.split, hide)
@@ -138,15 +141,15 @@ export default createComponent({
     }
 
     function toggle (evt) {
-      menuRef.value !== null && menuRef.value.toggle(evt)
+      menuRef.value?.toggle(evt)
     }
 
     function show (evt) {
-      menuRef.value !== null && menuRef.value.show(evt)
+      menuRef.value?.show(evt)
     }
 
     function hide (evt) {
-      menuRef.value !== null && menuRef.value.hide(evt)
+      menuRef.value?.hide(evt)
     }
 
     // expose public methods
@@ -175,8 +178,11 @@ export default createComponent({
           cover: props.cover,
           fit: true,
           persistent: props.persistent,
+          noEscDismiss: props.noEscDismiss,
           noRouteDismiss: props.noRouteDismiss,
           autoClose: props.autoClose,
+          noFocus: props.noFocus,
+          noRefocus: props.noRefocus,
           anchor: props.menuAnchor,
           self: props.menuSelf,
           offset: props.menuOffset,

package/src/components/btn-dropdown/QBtnDropdown.json

@@ -73,6 +73,13 @@
       "category": "behavior"
     },
 
+    "no-esc-dismiss": {
+      "type": "Boolean",
+      "desc": "User cannot dismiss the popup by hitting ESC key; No need to set it if 'persistent' prop is also set",
+      "category": "behavior",
+      "addedIn": "v2.18"
+    },
+
     "no-route-dismiss": {
       "type": "Boolean",
       "desc": "Changing route app won't dismiss the popup; No need to set it if 'persistent' prop is also set",
@@ -85,6 +92,20 @@
       "category": "behavior"
     },
 
+    "no-refocus": {
+      "type": "Boolean",
+      "desc": "(Accessibility) When the dropdown gets hidden, do not refocus on the DOM element that previously had focus",
+      "category": "behavior",
+      "addedIn": "v2.18"
+    },
+
+    "no-focus": {
+      "type": "Boolean",
+      "desc": "(Accessibility) When the dropdown gets shown, do not switch focus on it",
+      "category": "behavior",
+      "addedIn": "v2.18"
+    },
+
     "menu-anchor": {
       "type": "String",
       "desc": "Two values setting the starting position or anchor point of the menu relative to its target",

package/src/components/chip/QChip.sass

@@ -18,16 +18,20 @@
     .q-chip__icon
       color: inherit
 
-  &--outline
-    background: transparent !important
-    border: 1px solid currentColor
-
   .q-avatar
     font-size: $chip-avatar-font-size
     margin-left: -.45em
     margin-right: .2em
     border-radius: 16px
 
+  &--outline
+    background: transparent !important
+    border: 1px solid currentColor
+
+    .q-avatar
+      // half padding and border width:
+      margin-left: calc(-.45em - 1px)
+
   &--selected
     .q-avatar
       display: none

package/src/components/color/QColor.js

@@ -340,7 +340,7 @@ export default createComponent({
 
       updateModel(rgb, change)
 
-      if (evt !== void 0 && change !== true && evt.target.selectionEnd !== void 0) {
+      if (change !== true && evt?.target.selectionEnd !== void 0) {
         const index = evt.target.selectionEnd
         nextTick(() => {
           evt.target.setSelectionRange(index, index)

package/src/components/date/QDate.js

@@ -906,7 +906,7 @@ export default createComponent({
 
     function toggleDate (date, monthHash) {
       const month = daysMap.value[ monthHash ]
-      const fn = month !== void 0 && month.includes(date.day) === true
+      const fn = month?.includes(date.day) === true
         ? removeFromModel
         : addToModel
 
@@ -1136,6 +1136,7 @@ export default createComponent({
           props.todayBtn === true ? h(QBtn, {
             class: 'q-date__header-today self-start',
             icon: $q.iconSet.datetime.today,
+            ariaLabel: $q.lang.date.today,
             flat: true,
             size: 'sm',
             round: true,
@@ -1157,6 +1158,7 @@ export default createComponent({
             size: 'sm',
             flat: true,
             icon: dateArrow.value[ 0 ],
+            ariaLabel: type === 'Years' ? $q.lang.date.prevYear : $q.lang.date.prevMonth,
             tabindex: tabindex.value,
             disable: boundaries.prev === false,
             ...getCache('go-#' + type, { onClick () { goTo(-1) } })
@@ -1189,6 +1191,7 @@ export default createComponent({
             size: 'sm',
             flat: true,
             icon: dateArrow.value[ 1 ],
+            ariaLabel: type === 'Years' ? $q.lang.date.nextYear : $q.lang.date.nextMonth,
             tabindex: tabindex.value,
             disable: boundaries.next === false,
             ...getCache('go+#' + type, { onClick () { goTo(1) } })
@@ -1359,6 +1362,7 @@ export default createComponent({
               dense: true,
               flat: true,
               icon: dateArrow.value[ 0 ],
+              ariaLabel: $q.lang.date.prevRangeYears(yearsInterval),
               tabindex: tabindex.value,
               disable: isDisabled(start),
               ...getCache('y-', { onClick: () => { startYear.value -= yearsInterval } })
@@ -1377,6 +1381,7 @@ export default createComponent({
               dense: true,
               flat: true,
               icon: dateArrow.value[ 1 ],
+              ariaLabel: $q.lang.date.nextRangeYears(yearsInterval),
               tabindex: tabindex.value,
               disable: isDisabled(stop),
               ...getCache('y+', { onClick: () => { startYear.value += yearsInterval } })

package/src/components/dialog/QDialog.js

@@ -180,7 +180,7 @@ export default createComponent({
       animating.value = true
 
       if (props.noFocus !== true) {
-        document.activeElement !== null && document.activeElement.blur()
+        document.activeElement?.blur()
         registerTick(focus)
       }
       else {
@@ -230,7 +230,7 @@ export default createComponent({
       hidePortal()
 
       if (refocusTarget !== null) {
-        ((evt && evt.type.indexOf('key') === 0
+        ((evt?.type.indexOf('key') === 0
           ? refocusTarget.closest('[tabindex]:not([tabindex^="-"])')
           : void 0
         ) || refocusTarget).focus()

package/src/components/dialog/QDialog.json

@@ -134,7 +134,7 @@
     },
 
     "escape-key": {
-      "desc": "Emitted when ESC key is pressed; Does not get emitted if Dialog is 'persistent' or it has 'no-esc-key' set"
+      "desc": "Emitted when ESC key is pressed; Does not get emitted if Dialog is 'persistent' or it has 'no-esc-dismiss' set"
     },
 
     "click": { "internal": true }

package/src/components/drawer/QDrawer.js

@@ -120,7 +120,7 @@ export default createComponent({
 
       if (belowBreakpoint.value === true) {
         const otherInstance = $layout.instances[ otherSide.value ]
-        if (otherInstance !== void 0 && otherInstance.belowBreakpoint === true) {
+        if (otherInstance?.belowBreakpoint === true) {
           otherInstance.hide(false)
         }
 
@@ -472,9 +472,7 @@ export default createComponent({
       timerMini = setTimeout(() => {
         timerMini = null
         flagMiniAnimate.value = false
-        if (vm && vm.proxy && vm.proxy.$el) {
-          vm.proxy.$el.classList.remove('q-drawer--mini-animate')
-        }
+        vm?.proxy?.$el?.classList.remove('q-drawer--mini-animate')
       }, 150)
     }
 
@@ -622,7 +620,7 @@ export default createComponent({
     })
 
     onBeforeUnmount(() => {
-      layoutTotalWidthWatcher !== void 0 && layoutTotalWidthWatcher()
+      layoutTotalWidthWatcher?.()
 
       if (timerMini !== null) {
         clearTimeout(timerMini)

package/src/components/editor/QEditor.js

@@ -451,7 +451,7 @@ export default createComponent({
 
     function focus () {
       addFocusFn(() => {
-        contentRef.value !== null && contentRef.value.focus({ preventScroll: true })
+        contentRef.value?.focus({ preventScroll: true })
       })
     }
 

package/src/components/editor/editor-caret.js

@@ -91,7 +91,7 @@ export default class Caret {
   get range () {
     const sel = this.selection
 
-    if (sel !== null && sel.rangeCount) {
+    if (sel?.rangeCount) {
       return sel.getRangeAt(0)
     }
 

package/src/components/editor/editor-utils.js

@@ -54,7 +54,7 @@ function getBtn (eVm, btn, clickHandler, active = false) {
     disable: btn.disable ? (typeof btn.disable === 'function' ? btn.disable(eVm) : true) : false,
     size: 'sm',
     onClick (e) {
-      clickHandler && clickHandler()
+      clickHandler?.()
       run(e, btn, eVm)
     }
   }, () => child)
@@ -120,7 +120,7 @@ function getDropdown (eVm, btn) {
         dense: true,
         onClick (e) {
           closeDropdown()
-          eVm.contentRef.value !== null && eVm.contentRef.value.focus()
+          e?.qAvoidFocus !== true && eVm.contentRef.value?.focus()
           eVm.caret.restore()
           run(e, btn, eVm)
         }

package/src/components/expansion-item/QExpansionItem.js

@@ -150,7 +150,7 @@ export default createComponent({
     })
 
     watch(() => props.group, name => {
-      exitGroup !== void 0 && exitGroup()
+      exitGroup?.()
       name !== void 0 && enterGroup()
     })
 
@@ -164,7 +164,10 @@ export default createComponent({
     }
 
     function toggleIcon (e, keyboard) {
-      keyboard !== true && blurTargetRef.value !== null && blurTargetRef.value.focus()
+      if (keyboard !== true && e.qAvoidFocus !== true) {
+        blurTargetRef.value?.focus()
+      }
+
       toggle(e)
       stopAndPrevent(e)
     }
@@ -360,7 +363,7 @@ export default createComponent({
     props.group !== void 0 && enterGroup()
 
     onBeforeUnmount(() => {
-      exitGroup !== void 0 && exitGroup()
+      exitGroup?.()
     })
 
     return () => h('div', { class: classes.value }, [

package/src/components/fab/QFab.js

@@ -128,8 +128,8 @@ export default createComponent({
       onChildClick (evt) {
         hide(evt)
 
-        if (triggerRef.value !== null) {
-          triggerRef.value.$el.focus()
+        if (evt?.qAvoidFocus !== true) {
+          triggerRef.value?.$el.focus()
         }
       }
     })