quasar 2.2.1 → 2.3.0

package/src/composables/use-dialog-plugin-component.js

@@ -1,5 +1,7 @@
 import { ref, getCurrentInstance } from 'vue'
 
+import getEmitsObject from '../utils/private/get-emits-object'
+
 // To be used for the custom component
 // used on a Dialog plugin
 
@@ -34,6 +36,9 @@ function useDialogPluginComponent () {
   }
 }
 
-useDialogPluginComponent.emits = [ 'ok', 'hide' ]
+const emits = [ 'ok', 'hide' ]
+
+useDialogPluginComponent.emits = emits
+useDialogPluginComponent.emitsObject = getEmitsObject(emits)
 
 export default useDialogPluginComponent

package/src/css/normalize.sass

@@ -160,13 +160,6 @@ progress
 textarea
   overflow: auto
 
-/*
- * Correct the odd appearance of search inputs in Chrome and Safari.
- */
-
-input[type='search']
-  -webkit-appearance: textfield
-
 /*
  * Remove the inner padding and cancel buttons in Chrome on OS X and
  * Safari on OS X.

package/src/directives/ClosePopup.js

@@ -1,3 +1,4 @@
+import { createDirective } from '../utils/private/create.js'
 import { closePortals, getPortalVm } from '../utils/private/portal.js'
 import { isKeyCode } from '../utils/private/key-composition.js'
 import getSSRProps from '../utils/private/noop-ssr-directive-transform.js'
@@ -21,7 +22,7 @@ function getDepth (value) {
   return isNaN(depth) ? 0 : depth
 }
 
-export default __QUASAR_SSR_SERVER__
+export default createDirective(__QUASAR_SSR_SERVER__
   ? { name: 'close-popup', getSSRProps }
   : {
       name: 'close-popup',
@@ -64,3 +65,4 @@ export default __QUASAR_SSR_SERVER__
         delete el.__qclosepopup
       }
     }
+)

package/src/directives/Intersection.js

@@ -1,3 +1,4 @@
+import { createDirective } from '../utils/private/create.js'
 import { isDeepEqual } from '../utils/private/is.js'
 import getSSRProps from '../utils/private/noop-ssr-directive-transform.js'
 
@@ -66,7 +67,7 @@ function destroy (el) {
   }
 }
 
-export default __QUASAR_SSR_SERVER__
+export default createDirective(__QUASAR_SSR_SERVER__
   ? { name: 'intersection', getSSRProps }
   : {
       name: 'intersection',
@@ -88,3 +89,4 @@ export default __QUASAR_SSR_SERVER__
 
       beforeUnmount: destroy
     }
+)

package/src/directives/Morph.js

@@ -1,4 +1,6 @@
+import { createDirective } from '../utils/private/create.js'
 import morph from '../utils/morph.js'
+
 import getSSRProps from './Morph.ssr.js'
 
 const morphGroups = {}
@@ -161,7 +163,7 @@ function updateValue (ctx, value) {
   }
 }
 
-export default __QUASAR_SSR_SERVER__
+export default createDirective(__QUASAR_SSR_SERVER__
   ? { name: 'morph', getSSRProps }
   : {
       name: 'morph',
@@ -209,3 +211,4 @@ export default __QUASAR_SSR_SERVER__
         delete el.__qmorph
       }
     }
+)

package/src/directives/Mutation.js

@@ -1,3 +1,4 @@
+import { createDirective } from '../utils/private/create.js'
 import getSSRProps from '../utils/private/noop-ssr-directive-transform.js'
 
 const defaultCfg = {
@@ -34,7 +35,7 @@ function destroy (el) {
   }
 }
 
-export default __QUASAR_SSR_SERVER__
+export default createDirective(__QUASAR_SSR_SERVER__
   ? { name: 'mutation', getSSRProps }
   : {
       name: 'mutation',
@@ -61,3 +62,4 @@ export default __QUASAR_SSR_SERVER__
 
       beforeUnmount: destroy
     }
+)

package/src/directives/Ripple.js

@@ -1,3 +1,4 @@
+import { createDirective } from '../utils/private/create.js'
 import { css } from '../utils/dom.js'
 import { position, stop, addEvt, cleanEvt } from '../utils/event.js'
 import { isKeyCode } from '../utils/private/key-composition.js'
@@ -71,7 +72,7 @@ function updateModifiers (ctx, { modifiers, value, arg, instance }) {
   }
 }
 
-export default __QUASAR_SSR_SERVER__
+export default createDirective(__QUASAR_SSR_SERVER__
   ? { name: 'ripple', getSSRProps }
   : {
       name: 'ripple',
@@ -139,3 +140,4 @@ export default __QUASAR_SSR_SERVER__
         delete el._qripple
       }
     }
+)

package/src/directives/Scroll.js

@@ -1,3 +1,4 @@
+import { createDirective } from '../utils/private/create.js'
 import { getScrollTarget, getVerticalScrollPosition, getHorizontalScrollPosition } from '../utils/scroll.js'
 import { listenOpts } from '../utils/event.js'
 import getSSRProps from '../utils/private/noop-ssr-directive-transform.js'
@@ -14,7 +15,7 @@ function update (ctx, { value, oldValue }) {
   }
 }
 
-export default __QUASAR_SSR_SERVER__
+export default createDirective(__QUASAR_SSR_SERVER__
   ? { name: 'scroll', getSSRProps }
   : {
       name: 'scroll',
@@ -47,3 +48,4 @@ export default __QUASAR_SSR_SERVER__
         delete el.__qscroll
       }
     }
+)

package/src/directives/ScrollFire.js

@@ -1,3 +1,4 @@
+import { createDirective } from '../utils/private/create.js'
 import debounce from '../utils/debounce.js'
 import { height, offset } from '../utils/dom.js'
 import { getScrollTarget } from '../utils/scroll.js'
@@ -19,7 +20,7 @@ function update (ctx, { value, oldValue }) {
   }
 }
 
-export default __QUASAR_SSR_SERVER__
+export default createDirective(__QUASAR_SSR_SERVER__
   ? { name: 'scroll-fire', getSSRProps }
   : {
       name: 'scroll-fire',
@@ -63,3 +64,4 @@ export default __QUASAR_SSR_SERVER__
         delete el.__qscrollfire
       }
     }
+)

package/src/directives/TouchHold.js

@@ -1,9 +1,11 @@
 import { client } from '../plugins/Platform.js'
+
+import { createDirective } from '../utils/private/create.js'
 import { addEvt, cleanEvt, position, leftClick, stopAndPrevent, noop } from '../utils/event.js'
 import { clearSelection } from '../utils/private/selection.js'
 import getSSRProps from '../utils/private/noop-ssr-directive-transform.js'
 
-export default __QUASAR_SSR_SERVER__
+export default createDirective(__QUASAR_SSR_SERVER__
   ? { name: 'touch-hold', getSSRProps }
   : {
       name: 'touch-hold',
@@ -157,3 +159,4 @@ export default __QUASAR_SSR_SERVER__
         }
       }
     }
+)

package/src/directives/TouchPan.js

@@ -1,4 +1,6 @@
 import { client } from '../plugins/Platform.js'
+
+import { createDirective } from '../utils/private/create.js'
 import { getModifierDirections, shouldStart } from '../utils/private/touch.js'
 import { addEvt, cleanEvt, position, leftClick, prevent, stop, stopAndPrevent, preventDraggable, noop } from '../utils/event.js'
 import { clearSelection } from '../utils/private/selection.js'
@@ -117,7 +119,7 @@ function getChanges (evt, ctx, isFinal) {
 
 let uid = 0
 
-export default __QUASAR_SSR_SERVER__
+export default createDirective(__QUASAR_SSR_SERVER__
   ? { name: 'touch-pan', getSSRProps }
   : {
       name: 'touch-pan',
@@ -422,3 +424,4 @@ export default __QUASAR_SSR_SERVER__
         }
       }
     }
+)

package/src/directives/TouchRepeat.js

@@ -1,4 +1,6 @@
 import { client } from '../plugins/Platform.js'
+
+import { createDirective } from '../utils/private/create.js'
 import { addEvt, cleanEvt, position, leftClick, stopAndPrevent, noop } from '../utils/event.js'
 import { clearSelection } from '../utils/private/selection.js'
 import { isKeyCode } from '../utils/private/key-composition.js'
@@ -25,7 +27,7 @@ function shouldEnd (evt, origin) {
     || Math.abs(top - origin.top) >= 7
 }
 
-export default __QUASAR_SSR_SERVER__
+export default createDirective(__QUASAR_SSR_SERVER__
   ? { name: 'touch-repeat', getSSRProps }
   : {
       name: 'touch-repeat',
@@ -239,3 +241,4 @@ export default __QUASAR_SSR_SERVER__
         }
       }
     }
+)

package/src/directives/TouchSwipe.js

@@ -1,4 +1,6 @@
 import { client } from '../plugins/Platform.js'
+
+import { createDirective } from '../utils/private/create.js'
 import { getModifierDirections, shouldStart } from '../utils/private/touch.js'
 import { addEvt, cleanEvt, position, leftClick, stopAndPrevent, preventDraggable, noop } from '../utils/event.js'
 import { clearSelection } from '../utils/private/selection.js'
@@ -20,7 +22,7 @@ function parseArg (arg) {
   return data
 }
 
-export default __QUASAR_SSR_SERVER__
+export default createDirective(__QUASAR_SSR_SERVER__
   ? { name: 'touch-swipe', getSSRProps }
   : {
       name: 'touch-swipe',
@@ -263,3 +265,4 @@ export default __QUASAR_SSR_SERVER__
         }
       }
     }
+)

package/src/plugins/Notify.js

@@ -1,10 +1,11 @@
-import { h, defineComponent, ref, markRaw, TransitionGroup } from 'vue'
+import { h, ref, markRaw, TransitionGroup } from 'vue'
 
 import QAvatar from '../components/avatar/QAvatar.js'
 import QIcon from '../components/icon/QIcon.js'
 import QBtn from '../components/btn/QBtn.js'
 import QSpinner from '../components/spinner/QSpinner.js'
 
+import { createComponent } from '../utils/private/create.js'
 import { noop } from '../utils/event.js'
 import { createGlobalNode } from '../utils/private/global-nodes.js'
 import { createChildApp } from '../install-quasar.js'
@@ -62,9 +63,9 @@ function logError (error, config) {
 }
 
 function getComponent ($q) {
-  return defineComponent({
+  return createComponent({
     name: 'QNotifications',
-    
+
     // hide App from Vue devtools
     devtools: { hide: true },
 

package/src/utils/create-uploader-component.js

@@ -1,8 +1,11 @@
-import { defineComponent } from 'vue'
-
 import { coreProps, coreEmits, getRenderer } from '../components/uploader/uploader-core.js'
 
-export default ({ name, props, emits, injectPlugin }) => defineComponent({
+import { createComponent } from './private/create.js'
+import getEmitsObject from './private/get-emits-object.js'
+
+const coreEmitsObject = getEmitsObject(coreEmits)
+
+export default ({ name, props, emits, injectPlugin }) => createComponent({
   name,
 
   props: {
@@ -10,10 +13,9 @@ export default ({ name, props, emits, injectPlugin }) => defineComponent({
     ...props
   },
 
-  emits: [
-    ...coreEmits,
-    ...emits
-  ],
+  emits: Object(emits) === emits
+    ? { ...coreEmitsObject, ...emits }
+    : [ ...coreEmits, ...emits ],
 
   setup () {
     return getRenderer(injectPlugin)

package/src/utils/date.js

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

package/src/utils/private/create.js

@@ -0,0 +1,4 @@
+import { defineComponent, markRaw } from 'vue'
+
+export const createComponent = raw => markRaw(defineComponent(raw))
+export const createDirective = raw => markRaw(raw)

package/src/utils/private/get-emits-object.js

@@ -0,0 +1,11 @@
+const trueFn = () => true
+
+export default function (emitsArray) {
+  const emitsObject = {}
+
+  emitsArray.forEach(val => {
+    emitsObject[ val ] = trueFn
+  })
+
+  return emitsObject
+}

package/src/utils/private/vm.js

@@ -1,13 +1,13 @@
 // used directly by docs too
 export function getParentVm (vm) {
-  if (vm.$parent !== void 0 && vm.$parent !== null) {
+  if (Object(vm.$parent) === vm.$parent) {
     return vm.$parent
   }
 
   vm = vm.$.parent
 
-  while (vm !== void 0 && vm !== null) {
-    if (vm.proxy !== void 0 && vm.proxy !== null) {
+  while (Object(vm) === vm) {
+    if (Object(vm.proxy) === vm.proxy) {
       return vm.proxy
     }