quasar 2.2.2 → 2.3.1

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/install-quasar.js

@@ -84,6 +84,7 @@ export default __QUASAR_SSR_SERVER__
         _meta: {
           htmlAttrs: '',
           headTags: '',
+          endingHeadTags: '',
           bodyClasses: '',
           bodyAttrs: 'data-server-rendered',
           bodyTags: ''

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/global-dialog.json

@@ -35,8 +35,16 @@
                 "type": "Function",
                 "desc": "Tell what to do",
                 "required": true,
-                "params": null,
-                "returns": null
+                "params": {
+                  "payload": {
+                    "type": "Any",
+                    "desc": "The payload if called onDialogOK with the parameter or emitted one with the 'ok' event",
+                    "required": false,
+                    "examples": [ "'Quasar Framework'", "[ 1, 2, 6, 3 ]", "{ book: { id: 1, name: 'Lorem Ipsum' }, user: { name: 'Lorem J. Ipsum', role: 'admin' } }" ]
+                  }
+                },
+                "returns": null,
+                "examples": [ "() => console.log('OK!')", "(payload) => Notify.create({ type: 'positive', message: `Successfully saved '${payload.book.name}' book!` })" ]
               }
             },
             "returns": {

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
     }
 

package/src/utils/private/web-storage.json

@@ -118,6 +118,16 @@
           "type": [ "Date", "RegExp", "Number", "Boolean", "Function", "Object", "Array", "String", "null" ],
           "desc": "Entry value",
           "required": true,
+          "params": {
+            "...params": {
+              "type": "Any",
+              "__exemption": [ "desc", "examples" ]
+            }
+          },
+          "returns": {
+            "type": "Any",
+            "__exemption": [ "desc", "examples" ]
+          },
           "examples": [ "john12" ]
         }
       }

package/wrappers/index.js

@@ -14,6 +14,10 @@ module.exports.ssrMiddleware = function (callback) {
   return callback
 }
 
+module.exports.ssrProductionExport = function (callback) {
+  return callback
+}
+
 module.exports.configure = function (callback) {
   return callback
 }