quasar 2.16.0 → 2.16.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "quasar",
-  "version": "2.16.0",
+  "version": "2.16.2",
   "description": "Build high-performance VueJS user interfaces (SPA, PWA, SSR, Mobile and Desktop) in record time",
   "type": "module",
   "unpkg": "dist/quasar.umd.prod.js",
@@ -15,6 +15,7 @@
   ],
   "exports": {
     ".": {
+      "types": "./dist/types/index.d.ts",
       "require": "./dist/quasar.server.prod.cjs",
       "node": "./dist/quasar.server.prod.js",
       "import": "./dist/quasar.client.js"

package/src/components/field/QField.js

@@ -20,10 +20,7 @@ export default createComponent({
 
   setup () {
     return useField(
-      useFieldState({
-        requiredForAttr: false,
-        tagProp: true
-      })
+      useFieldState({ tagProp: true })
     )
   }
 })

package/src/components/input/QInput.js

@@ -22,7 +22,9 @@ export default createComponent({
     ...useFormProps,
 
     // override of useFieldProps > modelValue
-    modelValue: [ String, Number ],
+    modelValue: __QUASAR_SSR_SERVER__
+      ? {} // SSR does not know about FileList
+      : [ String, Number, FileList ],
 
     shadowText: String,
 
@@ -69,7 +71,7 @@ export default createComponent({
 
     const onComposition = useKeyComposition(onInput)
 
-    const state = useFieldState()
+    const state = useFieldState({ changeEvent: true })
 
     const isTextarea = computed(() =>
       props.type === 'textarea' || props.autogrow === true

package/src/components/input/QInput.json

@@ -8,7 +8,7 @@
   "props": {
     "model-value": {
       "extends": "model-value",
-      "type": [ "String", "Number", "null", "undefined" ],
+      "type": [ "String", "Number", "FileList", "null", "undefined" ],
       "desc": "Model of the component; Either use this property (along with a listener for 'update:modelValue' event) OR use v-model directive",
       "examples": [ "# v-model=\"myText\"" ]
     },

package/src/composables/private.use-field/use-field.js

@@ -71,7 +71,7 @@ export const useFieldProps = {
 
 export const useFieldEmits = [ 'update:modelValue', 'clear', 'focus', 'blur' ]
 
-export function useFieldState ({ requiredForAttr = true, tagProp } = {}) {
+export function useFieldState ({ requiredForAttr = true, tagProp, changeEvent = false } = {}) {
   const { props, proxy } = getCurrentInstance()
 
   const isDark = useDark(props, proxy.$q)
@@ -82,6 +82,7 @@ export function useFieldState ({ requiredForAttr = true, tagProp } = {}) {
 
   return {
     requiredForAttr,
+    changeEvent,
     tag: tagProp === true
       ? computed(() => props.tag)
       : { value: 'label' },
@@ -343,6 +344,7 @@ export default function (state) {
     }
 
     emit('update:modelValue', null)
+    state.changeEvent === true && emit('change', null)
     emit('clear', props.modelValue)
 
     nextTick(() => {
@@ -352,6 +354,10 @@ export default function (state) {
     })
   }
 
+  function onClearableKeyup (evt) {
+    [ 13, 32 ].includes(evt.keyCode) && clearValue(evt)
+  }
+
   function getContent () {
     const node = []
 
@@ -390,12 +396,11 @@ export default function (state) {
         getInnerAppendNode('inner-clearable-append', [
           h(QIcon, {
             class: 'q-field__focusable-action',
-            tag: 'button',
             name: props.clearIcon || $q.iconSet.field.clear,
             tabindex: 0,
-            type: 'button',
-            'aria-hidden': null,
-            role: null,
+            role: 'button',
+            'aria-label': $q.lang.label.clear,
+            onKeyup: onClearableKeyup,
             onClick: clearValue
           })
         ])

package/src/flags.dev.js

@@ -0,0 +1,37 @@
+/**
+ * Quasar runtime flags are needed only if NOT using
+ * Quasar CLI or @quasar/vite-plugin or vue-cli-plugin-quasar
+ */
+
+let attachPoint = null
+
+function getAttachPoint () {
+  if (attachPoint !== null) return attachPoint
+  return (
+    attachPoint = typeof globalThis !== 'undefined'
+      ? globalThis
+      : (
+          typeof self !== 'undefined'
+            ? self
+            : (
+                typeof window !== 'undefined'
+                  ? window
+                  : (
+                      typeof global !== 'undefined'
+                        ? global
+                        : {}
+                    )
+              )
+        )
+  )
+}
+
+if (typeof __QUASAR_SSR__ !== 'boolean') {
+  getAttachPoint().__QUASAR_SSR__ = false
+}
+if (typeof __QUASAR_SSR_CLIENT__ !== 'boolean') {
+  getAttachPoint().__QUASAR_SSR_CLIENT__ = false
+}
+if (typeof __QUASAR_SSR_PWA__ !== 'boolean') {
+  getAttachPoint().__QUASAR_SSR_PWA__ = false
+}

package/src/index.dev.js

@@ -1,7 +1,9 @@
 /**
  * client entry-point used by @quasar/vite-plugin for DEV only
+ * but also pointed to as entry-point in package.json
  */
 
+import './flags.dev.js'
 import installQuasar from './install-quasar.js'
 import Lang from './plugins/lang/Lang.js'
 import IconSet from './plugins/icon-set/IconSet.js'

package/src/index.prod.js

@@ -1,37 +0,0 @@
-/**
- * client prod entry-point that is not used by Quasar CLI,
- * but pointed to in package.json > module
- */
-
-import installQuasar from './install-quasar.js'
-import Lang from './plugins/lang/Lang.js'
-import IconSet from './plugins/icon-set/IconSet.js'
-
-import * as components from './components.js'
-import * as directives from './directives.js'
-
-export * from './components.js'
-export * from './directives.js'
-export * from './plugins.js'
-export * from './composables.js'
-export * from './utils.js'
-
-export const Quasar = {
-  version: __QUASAR_VERSION__,
-
-  install (app, opts, ssrContext) {
-    installQuasar(
-      app,
-      { components, directives, ...opts },
-      ssrContext
-    )
-  },
-
-  // TODO: remove in Qv3 (should only be used through the plugin)
-  // We provide a deprecated fallback here
-  lang: Lang,
-
-  // TODO: remove in Qv3 (should only be used through the plugin)
-  // We provide a deprecated fallback here
-  iconSet: IconSet
-}