quasar 2.18.0 → 2.18.2

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: '没有可用数据',

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: '沒有資料',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "quasar",
-  "version": "2.18.0",
+  "version": "2.18.2",
   "description": "Build high-performance VueJS user interfaces (SPA, PWA, SSR, Mobile and Desktop) in record time",
   "type": "module",
   "module": "dist/quasar.client.js",
@@ -65,7 +65,7 @@
     "cssnano": "^7.0.6",
     "diff": "^5.2.0",
     "esbuild": "^0.25.0",
-    "eslint": "^8.57.1",
+    "eslint": "^9.29.0",
     "fs-extra": "^11.2.0",
     "kolorist": "^1.8.0",
     "open": "^10.1.0",
@@ -76,8 +76,8 @@
     "tinyglobby": "^0.2.10",
     "typescript": "^5.6.2",
     "vue": "^3.5.5",
-    "@quasar/extras": "1.16.17",
-    "eslint-config-quasar": "0.0.1"
+    "@quasar/extras": "1.17.0",
+    "eslint-config-quasar": "0.0.3"
   },
   "vetur": {
     "tags": "dist/vetur/quasar-tags.json",
@@ -108,7 +108,7 @@
     "dev:build:ssr": "cd ./playground && quasar build -m ssr && cd ..",
     "dev:umd": "node build/script.test-umd.js",
     "dev:quploader": "cd ./playground/upload-server && pnpm i && cd ../.. && node playground/upload-server/server.js",
-    "lint": "eslint --ext .js,.cjs,.mjs,.vue ./ --fix --report-unused-disable-directives",
+    "lint": "eslint --cache --fix",
     "format:types": "prettier --write \"types/**/*.{d.ts,ts,json}\"",
     "test": "pnpm --filter quasar-ui-test test",
     "test:watch": "pnpm --filter quasar-ui-test test:watch",

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/date/QDate.js

@@ -1136,6 +1136,7 @@ export default createComponent({
           props.todayBtn === true ? h(QBtn, {
             class: 'q-date__header-today self-start',
             icon: $q.iconSet.datetime.today,
+            'aria-label': $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 ],
+            'aria-label': 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 ],
+            'aria-label': 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 ],
+              'aria-label': $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 ],
+              'aria-label': $q.lang.date.nextRangeYears(yearsInterval),
               tabindex: tabindex.value,
               disable: isDisabled(stop),
               ...getCache('y+', { onClick: () => { startYear.value += yearsInterval } })

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

@@ -31,15 +31,16 @@ function getBtn (eVm, btn, clickHandler, active = false) {
       : false),
     child = []
 
-  if (btn.tip && eVm.$q.platform.is.desktop) {
+  if (eVm.$q.platform.is.desktop && (btn.tip || btn.htmlTip)) {
     const Key = btn.key
       ? h('div', [
         h('small', `(CTRL + ${ String.fromCharCode(btn.key) })`)
       ])
       : null
+
     child.push(
       h(QTooltip, { delay: 1000 }, () => [
-        h('div', { innerHTML: btn.tip }),
+        h('div', btn.htmlTip ? { innerHTML: btn.htmlTip } : btn.tip),
         Key
       ])
     )
@@ -51,6 +52,7 @@ function getBtn (eVm, btn, clickHandler, active = false) {
     color: toggled ? btn.toggleColor || eVm.props.toolbarToggleColor : btn.color || eVm.props.toolbarColor,
     textColor: toggled && !eVm.props.toolbarPush ? null : btn.textColor || eVm.props.toolbarTextColor,
     label: btn.label,
+    'aria-label': btn.label == null ? btn.tip : void 0,
     disable: btn.disable ? (typeof btn.disable === 'function' ? btn.disable(eVm) : true) : false,
     size: 'sm',
     onClick (e) {
@@ -266,7 +268,6 @@ export function getLinkEditor (eVm) {
       getGroup([
         h(QBtn, {
           key: 'qedt_btm_rem',
-          tabindex: -1,
           ...eVm.buttonProps.value,
           label: eVm.$q.lang.label.remove,
           noCaps: true,

package/src/components/input/use-mask.js

@@ -499,7 +499,6 @@ export default function (props, emit, emitValue, inputRef) {
 
       if (typeof maskDef === 'string') {
         output += maskDef
-        valChar === maskDef && valIndex++
       }
       else if (valChar !== void 0 && maskDef.regex.test(valChar)) {
         output += maskDef.transform !== void 0
@@ -529,7 +528,6 @@ export default function (props, emit, emitValue, inputRef) {
 
       if (typeof maskDef === 'string') {
         output = maskDef + output
-        valChar === maskDef && valIndex--
       }
       else if (valChar !== void 0 && maskDef.regex.test(valChar)) {
         do {

package/src/components/select/QSelect.js

@@ -962,6 +962,7 @@ export default createComponent({
 
       return [
         h('span', {
+          class: 'ellipsis',
           [ valueAsHtml.value === true ? 'innerHTML' : 'textContent' ]: ariaCurrentValue.value
         })
       ]

package/src/components/table/QTable.js

@@ -873,7 +873,7 @@ export default createComponent({
               ...btnProps,
               icon: navIcon.value[ 0 ],
               disable: isFirstPage.value,
-              ariaLabel: $q.lang.pagination.first,
+              'aria-label': $q.lang.pagination.first,
               onClick: firstPage
             })
           )
@@ -884,7 +884,7 @@ export default createComponent({
               ...btnProps,
               icon: navIcon.value[ 1 ],
               disable: isFirstPage.value,
-              ariaLabel: $q.lang.pagination.prev,
+              'aria-label': $q.lang.pagination.prev,
               onClick: prevPage
             }),
 
@@ -893,7 +893,7 @@ export default createComponent({
               ...btnProps,
               icon: navIcon.value[ 2 ],
               disable: isLastPage.value,
-              ariaLabel: $q.lang.pagination.next,
+              'aria-label': $q.lang.pagination.next,
               onClick: nextPage
             })
           )
@@ -904,7 +904,7 @@ export default createComponent({
               ...btnProps,
               icon: navIcon.value[ 3 ],
               disable: isLastPage.value,
-              ariaLabel: $q.lang.pagination.last,
+              'aria-label': $q.lang.pagination.last,
               onClick: lastPage
             })
           )

package/src/components/table/QTable.sass

@@ -242,7 +242,8 @@
  * On light background
  */
 .q-table__bottom
-  border-top: 1px solid $table-border-color
+  &:not(&--nodata)
+    border-top: 1px solid $table-border-color
 
 .q-table
   thead, tr, th, td

package/src/plugins/addressbar/AddressbarColor.js

@@ -7,11 +7,7 @@ let metaValue
 function getProp () {
   return client.is.winphone
     ? 'msapplication-navbutton-color'
-    : (
-        client.is.safari
-          ? 'apple-mobile-web-app-status-bar-style'
-          : 'theme-color' // Chrome, Firefox OS, Opera, Vivaldi, ...
-      )
+    : 'theme-color' // Safari, Chrome, ...
 }
 
 function getMetaTag (v) {

package/src/plugins/dark/Dark.js

@@ -26,7 +26,6 @@ const Plugin = createReactivePlugin({
     }
 
     Plugin.isActive = val === true
-
     document.body.classList.remove(`body--${ val === true ? 'light' : 'dark' }`)
     document.body.classList.add(`body--${ val === true ? 'dark' : 'light' }`)
   },
@@ -38,7 +37,9 @@ const Plugin = createReactivePlugin({
   },
 
   install ({ $q, ssrContext }) {
-    const { dark } = $q.config
+    const dark = __QUASAR_SSR_CLIENT__
+      ? document.body.classList.contains('body--dark')
+      : $q.config.dark
 
     if (__QUASAR_SSR_SERVER__) {
       this.isActive = dark === true

package/src/plugins/lang/Lang.test.js

@@ -49,7 +49,14 @@ describe('[Lang API]', () => {
             monthsShort: expect.any(Array),
             firstDayOfWeek: expect.any(Number),
             format24h: expect.any(Boolean),
-            pluralDay: expect.any(String)
+            pluralDay: expect.any(String),
+            prevMonth: expect.any(String),
+            nextMonth: expect.any(String),
+            prevYear: expect.any(String),
+            nextYear: expect.any(String),
+            today: expect.any(String),
+            prevRangeYears: expect.any(Function),
+            nextRangeYears: expect.any(Function)
           },
           table: {
             noData: expect.any(String),
@@ -167,7 +174,14 @@ describe('[Lang API]', () => {
               monthsShort: [ 'Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec' ],
               firstDayOfWeek: 0,
               format24h: true,
-              pluralDay: 'days'
+              pluralDay: 'days',
+              prevMonth: expect.any(String),
+              nextMonth: expect.any(String),
+              prevYear: expect.any(String),
+              nextYear: expect.any(String),
+              today: expect.any(String),
+              prevRangeYears: expect.any(Function),
+              nextRangeYears: expect.any(Function)
             },
             table: {
               noData: 'No data available',

package/src/utils/date/date.js

@@ -466,7 +466,7 @@ export function __splitDate (str, mask, dateLocale, calendar, defaultModel) {
     }
   }
 
-  date.dateHash = pad(date.year, 6) + '/' + pad(date.month) + '/' + pad(date.day)
+  date.dateHash = pad(date.year, 4) + '/' + pad(date.month) + '/' + pad(date.day)
   date.timeHash = pad(date.hour) + ':' + pad(date.minute) + ':' + pad(date.second) + tzString
 
   return date