quasar 2.7.3 → 2.7.6

package/lang/uz-Latn.mjs

@@ -0,0 +1,97 @@
+export default {
+  isoName: 'uz-Latn',
+  nativeName: 'O\'zbekcha (Lotin)',
+  label: {
+    clear: 'Tozalash',
+    ok: 'OK',
+    cancel: 'Bekor qilish',
+    close: 'Yopish',
+    set: 'O\'rnatish',
+    select: 'Tanlash',
+    reset: 'Qayta o\'rnatish',
+    remove: 'O\'chirish',
+    update: 'Yangilash',
+    create: 'Yaratish',
+    search: 'Qidirish',
+    filter: 'Filtrlash',
+    refresh: 'Yangilash'
+  },
+  date: {
+    days: 'Yakshanba_Dushanba_Seshanba_Chorshanba_Payshanba_Juma_Shanba'.split(
+      '_'
+    ),
+    daysShort: 'Yak_Du_Se_Chor_Pay_Juma_Shanba'.split('_'),
+    months:
+      'Yanvar_Fevral_Mart_Aprel_May_Iyun_Iyul_Avgust_Sentabr_Oktabr_Noyabr_Dekabr'.split(
+        '_'
+      ),
+    monthsShort: 'Yan_Fev_Mart_Apr_May_Iyun_Iyul_Avg_Sen_Okt_Noy_Dek'.split(
+      '_'
+    ),
+    firstDayOfWeek: 1, // 0-6, 0 - Yakshanba, 1 Dushanba, ...
+    format24h: true,
+    pluralDay: 'Kunlar'
+  },
+  table: {
+    noData: 'Ma\'lumotlar topilmadi',
+    noResults: 'Qidiruv bo\'yicha ma\'lumotlar topilmadi',
+    loading: 'Yuklanmoqda...',
+    selectedRecords: (rows) =>
+      (rows === 1
+        ? '1 ta malumot  tanlandi.'
+        : (rows === 0 ? 'Hech qanday' : rows) + ' ma\'lumotlar tanlanmadi.'),
+    recordsPerPage: 'Saxifadagi qatorlar:',
+    allRows: 'Barchasi',
+    pagination: (start, end, total) => start + '-' + end + ' jami ' + total,
+    columns: 'Ustunlar'
+  },
+  editor: {
+    url: 'URL',
+    bold: 'Qalin',
+    italic: 'Kursiv',
+    strikethrough: 'Chizilgan',
+    underline: 'Tagiga chizilgan',
+    unorderedList: 'Tartibsiz ro\'yxat',
+    orderedList: 'Tartibga keltirilgan ro\'yxat',
+    subscript: 'Satr ostida',
+    superscript: 'Satr ustida',
+    hyperlink: 'Giperhavola',
+    toggleFullscreen: 'To\'liq ekran rejimiga o\'tish',
+    quote: 'Iqtibos',
+    left: 'Chapga saflash',
+    center: 'Markazga saflash',
+    right: 'O\'nggadan saflash',
+    justify: 'Ikki tomondan saflash',
+    print: 'Chop etish',
+    outdent: 'Chekinishni kamaytirish',
+    indent: 'Chekinishni ko\'paytirish',
+    removeFormat: 'Formatlashni o\'chirib tashlash',
+    formatting: 'Formatlash',
+    fontSize: 'Shrift hajmi',
+    align: 'Saflash',
+    hr: 'Gorizontal qoidani kiritish',
+    undo: 'Bekor qilish',
+    redo: 'Takrorlash',
+    heading1: 'Sarlavha 1',
+    heading2: 'Sarlavha 2',
+    heading3: 'Sarlavha 3',
+    heading4: 'Sarlavha 4',
+    heading5: 'Sarlavha 5',
+    heading6: 'Sarlavha 6',
+    paragraph: 'Paragraf',
+    code: 'Kod',
+    size1: 'Juda kichkik',
+    size2: 'Biroz kichik',
+    size3: 'Oddiy',
+    size4: 'O\'rta katta',
+    size5: 'Katta',
+    size6: 'Juda katta',
+    size7: 'Maksimal',
+    defaultFont: 'Standart shrift',
+    viewSource: 'Manbani ko\'rish'
+  },
+  tree: {
+    noNodes: 'Kesishmalar mavjud emas',
+    noResults: 'Mos keladigan kesishmalar topilmadi'
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "quasar",
-  "version": "2.7.3",
+  "version": "2.7.6",
   "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/components/breadcrumbs/QBreadcrumbs.js

@@ -6,7 +6,7 @@ import { createComponent } from '../../utils/private/create.js'
 import { hSlot } from '../../utils/private/render.js'
 import { getNormalizedVNodes } from '../../utils/private/vm.js'
 
-const disabledValues = [ void 0, true ]
+const disabledValues = [ '', true ]
 
 export default createComponent({
   name: 'QBreadcrumbs',

package/src/components/btn/QBtn.sass

@@ -94,6 +94,9 @@
     min-width: 3em
     min-height: 3em
 
+  &--square
+    border-radius: 0
+
   &--flat, &--outline, &--unelevated
     &:before
       box-shadow: none

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

@@ -38,6 +38,7 @@ export const useBtnProps = {
   iconRight: String,
 
   round: Boolean,
+  square: Boolean,
   outline: Boolean,
   flat: Boolean,
   unelevated: Boolean,
@@ -171,8 +172,11 @@ export default function (props) {
       colors = `text-${ props.textColor }`
     }
 
-    return `q-btn--${ design.value } `
-      + `q-btn--${ props.round === true ? 'round' : `rectangle${ isRounded.value === true ? ' q-btn--rounded' : '' }` }`
+    const shape = props.round === true
+      ? 'round'
+      : `rectangle${ isRounded.value === true ? ' q-btn--rounded' : (props.square === true ? ' q-btn--square' : '') }`
+
+    return `q-btn--${ design.value } q-btn--${ shape }`
       + (colors !== void 0 ? ' ' + colors : '')
       + (isActionable.value === true ? ' q-btn--actionable q-focusable q-hoverable' : (props.disable === true ? ' disabled' : ''))
       + (props.fab === true ? ' q-btn--fab' : (props.fabMini === true ? ' q-btn--fab-mini' : ''))
@@ -180,6 +184,7 @@ export default function (props) {
       + (props.dense === true ? ' q-btn--dense' : '')
       + (props.stretch === true ? ' no-border-radius self-stretch' : '')
       + (props.glossy === true ? ' glossy' : '')
+      + (props.square ? ' q-btn--square' : '')
   })
 
   const innerClasses = computed(() =>

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

@@ -91,6 +91,11 @@
       "category": "style"
     },
 
+    "square": {
+      "extends": "square",
+      "addedIn": "v2.7.6"
+    },
+
     "glossy": {
       "type": "Boolean",
       "desc": "Applies a glossy effect",

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

@@ -181,6 +181,7 @@ export default createComponent({
         outline: props.outline,
         flat: props.flat,
         rounded: props.rounded,
+        square: props.square,
         push: props.push,
         unelevated: props.unelevated,
         glossy: props.glossy,

package/src/components/btn-group/QBtnGroup.js

@@ -11,6 +11,7 @@ export default createComponent({
     outline: Boolean,
     flat: Boolean,
     rounded: Boolean,
+    square: Boolean,
     push: Boolean,
     stretch: Boolean,
     glossy: Boolean,
@@ -19,7 +20,7 @@ export default createComponent({
 
   setup (props, { slots }) {
     const classes = computed(() => {
-      const cls = [ 'unelevated', 'outline', 'flat', 'rounded', 'push', 'stretch', 'glossy' ]
+      const cls = [ 'unelevated', 'outline', 'flat', 'rounded', 'square', 'push', 'stretch', 'glossy' ]
         .filter(t => props[ t ] === true)
         .map(t => `q-btn-group--${ t }`).join(' ')
 

package/src/components/btn-group/QBtnGroup.json

@@ -34,6 +34,11 @@
       "category": "style"
     },
 
+    "square": {
+      "extends": "square",
+      "addedIn": "v2.7.6"
+    },
+
     "push": {
       "type": "Boolean",
       "desc": "Use 'push' design for buttons",

package/src/components/btn-group/QBtnGroup.sass

@@ -56,6 +56,9 @@
   &--rounded
     border-radius: $button-rounded-border-radius
 
+  &--square
+    border-radius: 0
+
   &--flat, &--outline, &--unelevated
     box-shadow: none
 

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

@@ -235,7 +235,7 @@ export default createComponent({
       let child
 
       if (slots.header !== void 0) {
-        child = [].concat(slots.header())
+        child = [].concat(slots.header({ expanded: showing.value === true }))
       }
       else {
         child = [

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

@@ -163,7 +163,14 @@
     },
 
     "header": {
-      "desc": "Slot used for overriding default header"
+      "desc": "Slot used for overriding default header",
+      "scope": {
+        "expanded": {
+          "type": "Boolean",
+          "desc": "QExpansionItem expanded status",
+          "addedIn": "v2.7.6"
+        }
+      }
     }
   },
 

package/src/components/field/QField.sass

@@ -125,6 +125,7 @@ $field-transition-label-right-up: .324s cubic-bezier(.4,0,.2,1)
     width: 100%
     min-width: 0 // needed for FF
     outline: 0 !important // needed for FF
+    user-select: auto
 
     &:-webkit-autofill
       -webkit-animation-name: q-autofill

package/src/components/file/QFile.js

@@ -147,6 +147,11 @@ export default createComponent({
 
     function addFilesToQueue (e, fileList) {
       const files = processFiles(e, fileList, innerValue.value, isAppending.value)
+      const fileInput = getFileInput()
+
+      if (fileInput !== void 0 && fileInput !== null) {
+        fileInput.value = ''
+      }
 
       // if nothing to do...
       if (files === void 0) { return }

package/src/components/input/QInput.js

@@ -208,7 +208,7 @@ export default createComponent({
     }
 
     function onInput (e) {
-      if (!e || !e.target || e.target.qComposing === true) {
+      if (!e || !e.target) {
         return
       }
 
@@ -219,6 +219,12 @@ export default createComponent({
 
       const val = e.target.value
 
+      if (e.target.qComposing === true) {
+        temp.value = val
+
+        return
+      }
+
       if (hasMask.value === true) {
         updateMaskValue(val, false, e.inputType)
       }

package/src/components/scroll-area/QScrollArea.js

@@ -24,6 +24,8 @@ const panOpts = {
   mouseAllDir: true
 }
 
+const getMinThumbSize = size => (size >= 250 ? 50 : Math.ceil(size / 5))
+
 export default createComponent({
   name: 'QScrollArea',
 
@@ -115,7 +117,7 @@ export default createComponent({
       Math.round(
         between(
           container.vertical.value * container.vertical.value / scroll.vertical.size.value,
-          50,
+          getMinThumbSize(container.vertical.value),
           container.vertical.value
         )
       )
@@ -157,7 +159,7 @@ export default createComponent({
       Math.round(
         between(
           container.horizontal.value * container.horizontal.value / scroll.horizontal.size.value,
-          50,
+          getMinThumbSize(container.horizontal.value),
           container.horizontal.value
         )
       )

package/src/components/select/QSelect.js

@@ -1438,10 +1438,9 @@ export default createComponent({
       showPopup,
 
       floatingLabel: computed(() =>
-        (props.hideSelected === true
-          ? inputValue.value.length > 0
-          : hasValue.value === true
-        )
+        (props.hideSelected !== true && hasValue.value === true)
+        || typeof inputValue.value === 'number'
+        || inputValue.value.length > 0
         || fieldValueIsFilled(props.displayValue)
       ),
 
@@ -1501,6 +1500,7 @@ export default createComponent({
               class: 'q-select__focus-target',
               id: isTarget === true ? state.targetUid.value : void 0,
               readonly: true,
+              'data-autofocus': (fromDialog !== true && props.autofocus === true) || void 0,
               ...attrs,
               onKeydown: onTargetKeydown,
               onKeyup: onTargetKeyup,

package/src/components/tabs/use-tab.js

@@ -138,9 +138,16 @@ export default function (props, slots, emit, routerProps) {
     if (isKeyCode(e, [ 13, 32 ])) {
       onClick(e, true)
     }
-    else if (shouldIgnoreKey(e) !== true && e.keyCode >= 35 && e.keyCode <= 40) {
+    else if (
+      shouldIgnoreKey(e) !== true
+      && e.keyCode >= 35
+      && e.keyCode <= 40
+      && e.altKey !== true
+      && e.metaKey !== true
+    ) {
       $tabs.onKbdNavigate(e.keyCode, proxy.$el) === true && stopAndPrevent(e)
     }
+
     emit('keydown', e)
   }
 

package/src/components/timeline/QTimeline.sass

@@ -60,6 +60,10 @@
       line-height: 38px
       width: 100%
       color: #fff
+      > svg,
+      > img
+        width: 1em
+        height: 1em
 
   &__dot-img
     position: absolute

package/src/components/uploader/QUploader.sass

@@ -22,7 +22,7 @@
     &::-webkit-file-upload-button
       cursor: pointer
 
-  &__header, &__file
+  &__file
     &:before
       content: ''
       border-top-left-radius: inherit

package/src/components/uploader/uploader-core.js

@@ -264,14 +264,14 @@ export function getRenderer (getPlugin) {
 
   function addFilesToQueue (e, fileList) {
     const localFiles = processFiles(e, fileList, state.files.value, true)
-
-    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

package/src/composables/private/use-refocus-target.js

@@ -4,7 +4,7 @@ export default function (props, rootRef) {
   const refocusRef = ref(null)
 
   const refocusTargetEl = computed(() => {
-    if (props.disable !== true) {
+    if (props.disable === true) {
       return null
     }
 

package/src/directives/Ripple.js

@@ -78,8 +78,14 @@ export default createDirective(__QUASAR_SSR_SERVER__
       name: 'ripple',
 
       beforeMount (el, binding) {
+        const cfg = binding.instance.$.appContext.config.globalProperties.$q.config || {}
+
+        if (cfg.ripple === false) {
+          return
+        }
+
         const ctx = {
-          cfg: binding.instance.$.appContext.config.globalProperties.$q.config,
+          cfg,
           enabled: binding.value !== false,
           modifiers: {},
           abort: [],
@@ -121,19 +127,23 @@ export default createDirective(__QUASAR_SSR_SERVER__
       updated (el, binding) {
         if (binding.oldValue !== binding.value) {
           const ctx = el.__qripple
-          ctx.enabled = binding.value !== false
+          if (ctx !== void 0) {
+            ctx.enabled = binding.value !== false
 
-          if (ctx.enabled === true && Object(binding.value) === binding.value) {
-            updateModifiers(ctx, binding)
+            if (ctx.enabled === true && Object(binding.value) === binding.value) {
+              updateModifiers(ctx, binding)
+            }
           }
         }
       },
 
       beforeUnmount (el) {
         const ctx = el.__qripple
-        ctx.abort.forEach(fn => { fn() })
-        cleanEvt(ctx, 'main')
-        delete el._qripple
+        if (ctx !== void 0) {
+          ctx.abort.forEach(fn => { fn() })
+          cleanEvt(ctx, 'main')
+          delete el._qripple
+        }
       }
     }
 )

package/src/utils/date.js

@@ -737,7 +737,7 @@ const formatter = {
   YY (date, dateLocale, forcedYear) {
     // workaround for < 1900 with new Date()
     const y = this.YYYY(date, dateLocale, forcedYear) % 100
-    return y > 0
+    return y >= 0
       ? pad(y)
       : '-' + pad(Math.abs(y))
   },

package/src/utils/private/global-dialog.js

@@ -1,4 +1,4 @@
-import { h, ref, nextTick } from 'vue'
+import { h, ref } from 'vue'
 
 import { createChildApp } from '../../install-quasar.js'
 import { createGlobalNode, removeGlobalNode } from './global-nodes.js'
@@ -73,10 +73,10 @@ export default function (DefaultComponent, supportsCustomComponent, parentApp) {
 
         // account for "script setup" + async component way of declaring component
         if (
-          target.component.subTree &&
-          target.component.subTree.component &&
-          target.component.subTree.component.proxy &&
-          target.component.subTree.component.proxy[ cmd ]
+          target.component.subTree
+          && target.component.subTree.component
+          && target.component.subTree.component.proxy
+          && target.component.subTree.component.proxy[ cmd ]
         ) {
           target.component.subTree.component.proxy[ cmd ]()
           return
@@ -149,25 +149,19 @@ export default function (DefaultComponent, supportsCustomComponent, parentApp) {
         ...props,
         ref: dialogRef,
         onOk,
-        onHide
+        onHide,
+        onVnodeMounted (...args) {
+          if (typeof props.onVnodeMounted === 'function') {
+            props.onVnodeMounted(...args)
+          }
+
+          applyState('show')
+        }
       })
     }, parentApp)
 
     vm = app.mount(el)
 
-    function show () {
-      applyState('show')
-    }
-
-    if (typeof DialogComponent.__asyncLoader === 'function') {
-      DialogComponent.__asyncLoader().then(() => {
-        nextTick(show)
-      })
-    }
-    else {
-      nextTick(show)
-    }
-
     return API
   }
 }

package/wrappers/index.js

@@ -30,6 +30,18 @@ module.exports.store = function (callback) {
   return callback
 }
 
+module.exports.bexBackground = function (callback) {
+  return callback
+}
+
+module.exports.bexContent = function (callback) {
+  return callback
+}
+
+module.exports.bexDom = function (callback) {
+  return callback
+}
+
 /**
  * Below only for @quasar/app-webpack
  */

package/wrappers/index.mjs

@@ -30,6 +30,18 @@ export function ssrMiddleware (callback) {
   return callback
 }
 
+export function bexBackground (callback) {
+  return callback
+}
+
+export function bexContent (callback) {
+  return callback
+}
+
+export function bexDom (callback) {
+  return callback
+}
+
 /**
  * Below only for @quasar/app-webpack
  */