@dimailn/vuetify 2.7.2-alpha2 → 2.7.2-superbundle

package/lib/components/VRating/VRating.js

@@ -1,5 +1,4 @@
-import { h, withDirectives } from 'vue'; // Styles
-
+// Styles
 import "../../../src/components/VRating/VRating.sass"; // Components
 
 import VIcon from '../VIcon'; // Mixins
@@ -8,8 +7,7 @@ import Colorable from '../../mixins/colorable';
 import Delayable from '../../mixins/delayable';
 import Sizeable from '../../mixins/sizeable';
 import Rippleable from '../../mixins/rippleable';
-import Themeable from '../../mixins/themeable';
-import Ripple from '../../directives/ripple'; // Utilities
+import Themeable from '../../mixins/themeable'; // Utilities
 
 import { createRange } from '../../util/helpers';
 import mixins from '../../util/mixins';
@@ -48,7 +46,7 @@ export default mixins(Colorable, Delayable, Rippleable, Sizeable, Themeable).ext
     },
     readonly: Boolean,
     size: [Number, String],
-    modelValue: {
+    value: {
       type: Number,
       default: 0
     },
@@ -57,21 +55,23 @@ export default mixins(Colorable, Delayable, Rippleable, Sizeable, Themeable).ext
       default: '$vuetify.rating.ariaLabel.icon'
     }
   },
-  emits: ['update:modelValue'],
 
   data() {
     return {
       hoverIndex: -1,
-      internalValue: this.modelValue
+      internalValue: this.value
     };
   },
 
   computed: {
     directives() {
-      return [[Ripple, {
-        circle: true,
-        isDirActive: !this.readonly && this.ripple
-      }]];
+      if (this.readonly || !this.ripple) return [];
+      return [{
+        name: 'ripple',
+        value: {
+          circle: true
+        }
+      }];
     },
 
     iconProps() {
@@ -84,7 +84,7 @@ export default mixins(Colorable, Delayable, Rippleable, Sizeable, Themeable).ext
         size,
         xLarge,
         xSmall
-      } = this;
+      } = this.$props;
       return {
         dark,
         large,
@@ -104,10 +104,10 @@ export default mixins(Colorable, Delayable, Rippleable, Sizeable, Themeable).ext
   },
   watch: {
     internalValue(val) {
-      val !== this.modelValue && this.$emit('update:modelValue', val);
+      val !== this.value && this.$emit('input', val);
     },
 
-    modelValue(val) {
+    value(val) {
       this.internalValue = val;
     }
 
@@ -130,7 +130,7 @@ export default mixins(Colorable, Delayable, Rippleable, Sizeable, Themeable).ext
       const props = {
         index: i,
         value: this.internalValue,
-        onClick: this.createClickFn(i),
+        click: this.createClickFn(i),
         isFilled: Math.floor(this.internalValue) > i,
         isHovered: Math.floor(this.hoverIndex) > i
       };
@@ -190,42 +190,42 @@ export default mixins(Colorable, Delayable, Rippleable, Sizeable, Themeable).ext
 
     genItem(i) {
       const props = this.createProps(i);
-      if (this.$slots.item) return this.$slots.item(props);
+      if (this.$scopedSlots.item) return this.$scopedSlots.item(props);
       const listeners = {
-        onClick: props.onClick
+        click: props.click
       };
 
       if (this.hover) {
-        listeners.onMouseenter = e => this.onMouseEnter(e, i);
+        listeners.mouseenter = e => this.onMouseEnter(e, i);
 
-        listeners.onMouseleave = this.onMouseLeave;
+        listeners.mouseleave = this.onMouseLeave;
 
         if (this.halfIncrements) {
-          listeners.onMousemove = e => this.onMouseEnter(e, i);
+          listeners.mousemove = e => this.onMouseEnter(e, i);
         }
       }
 
-      return withDirectives(h(VIcon, this.setTextColor(this.getColor(props), {
-        'aria-label': this.$vuetify.lang.t(this.iconLabel, i + 1, Number(this.length)),
-        ...this.iconProps,
-        ...listeners
-      }), {
-        default: () => [this.getIconName(props)]
-      }), this.directives);
+      return this.$createElement(VIcon, this.setTextColor(this.getColor(props), {
+        attrs: {
+          'aria-label': this.$vuetify.lang.t(this.iconLabel, i + 1, Number(this.length))
+        },
+        directives: this.directives,
+        props: this.iconProps,
+        on: listeners
+      }), [this.getIconName(props)]);
     }
 
   },
 
-  render() {
-    // const children = createRange(Number(this.length)).map(i => this.genItem(i))
+  render(h) {
+    const children = createRange(Number(this.length)).map(i => this.genItem(i));
     return h('div', {
-      class: ['v-rating', {
+      staticClass: 'v-rating',
+      class: {
         'v-rating--readonly': this.readonly,
         'v-rating--dense': this.dense
-      }]
-    }, {
-      default: () => createRange(Number(this.length)).map(i => this.genItem(i))
-    });
+      }
+    }, children);
   }
 
 });

package/lib/components/VRating/VRating.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VRating/VRating.ts"],"names":[],"mappings":"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","sourcesContent":["import {h, withDirectives} from 'vue'\n// Styles\nimport './VRating.sass'\n\n// Components\nimport VIcon from '../VIcon'\n\n// Mixins\nimport Colorable from '../../mixins/colorable'\nimport Delayable from '../../mixins/delayable'\nimport Sizeable from '../../mixins/sizeable'\nimport Rippleable from '../../mixins/rippleable'\nimport Themeable from '../../mixins/themeable'\nimport Ripple from '../../directives/ripple'\n\n// Utilities\nimport { createRange } from '../../util/helpers'\nimport mixins from '../../util/mixins'\n\n// Types\nimport { VNode, VNodeDirective, VNodeChildren } from 'vue'\n\ntype ItemSlotProps = {\n  index: number\n  value: number\n  isFilled: boolean\n  isHalfFilled?: boolean | undefined\n  isHovered: boolean\n  isHalfHovered?: boolean | undefined\n  click: Function\n}\n\n/* @vue/component */\nexport default mixins(\n  Colorable,\n  Delayable,\n  Rippleable,\n  Sizeable,\n  Themeable\n).extend({\n  name: 'v-rating',\n\n  props: {\n    backgroundColor: {\n      type: String,\n      default: 'accent',\n    },\n    color: {\n      type: String,\n      default: 'primary',\n    },\n    clearable: Boolean,\n    dense: Boolean,\n    emptyIcon: {\n      type: String,\n      default: '$ratingEmpty',\n    },\n    fullIcon: {\n      type: String,\n      default: '$ratingFull',\n    },\n    halfIcon: {\n      type: String,\n      default: '$ratingHalf',\n    },\n    halfIncrements: Boolean,\n    hover: Boolean,\n    length: {\n      type: [Number, String],\n      default: 5,\n    },\n    readonly: Boolean,\n    size: [Number, String],\n    modelValue: {\n      type: Number,\n      default: 0,\n    },\n    iconLabel: {\n      type: String,\n      default: '$vuetify.rating.ariaLabel.icon',\n    },\n  },\n\n  emits: ['update:modelValue'],\n\n  data () {\n    return {\n      hoverIndex: -1,\n      internalValue: this.modelValue,\n    }\n  },\n\n  computed: {\n    directives (): VNodeDirective[] {\n      return [\n        [\n          Ripple,\n          { circle: true, isDirActive: !this.readonly && this.ripple }\n        ]\n      ]\n    },\n    iconProps (): object {\n      const {\n        dark,\n        large,\n        light,\n        medium,\n        small,\n        size,\n        xLarge,\n        xSmall,\n      } = this\n\n      return {\n        dark,\n        large,\n        light,\n        medium,\n        size,\n        small,\n        xLarge,\n        xSmall,\n      }\n    },\n    isHovering (): boolean {\n      return this.hover && this.hoverIndex >= 0\n    },\n  },\n\n  watch: {\n    internalValue (val) {\n      val !== this.modelValue && this.$emit('update:modelValue', val)\n    },\n    modelValue (val) {\n      this.internalValue = val\n    },\n  },\n\n  methods: {\n    createClickFn (i: number): Function {\n      return (e: MouseEvent) => {\n        if (this.readonly) return\n\n        const newValue = this.genHoverIndex(e, i)\n        if (this.clearable && this.internalValue === newValue) {\n          this.internalValue = 0\n        } else {\n          this.internalValue = newValue\n        }\n      }\n    },\n    createProps (i: number): ItemSlotProps {\n      const props: ItemSlotProps = {\n        index: i,\n        value: this.internalValue,\n        onClick: this.createClickFn(i),\n        isFilled: Math.floor(this.internalValue) > i,\n        isHovered: Math.floor(this.hoverIndex) > i,\n      }\n\n      if (this.halfIncrements) {\n        props.isHalfHovered = !props.isHovered && (this.hoverIndex - i) % 1 > 0\n        props.isHalfFilled = !props.isFilled && (this.internalValue - i) % 1 > 0\n      }\n\n      return props\n    },\n    genHoverIndex (e: MouseEvent, i: number) {\n      let isHalf = this.isHalfEvent(e)\n\n      if (\n        this.halfIncrements &&\n        this.$vuetify.rtl\n      ) {\n        isHalf = !isHalf\n      }\n\n      return i + (isHalf ? 0.5 : 1)\n    },\n    getIconName (props: ItemSlotProps): string {\n      const isFull = this.isHovering ? props.isHovered : props.isFilled\n      const isHalf = this.isHovering ? props.isHalfHovered : props.isHalfFilled\n\n      return isFull ? this.fullIcon : isHalf ? this.halfIcon : this.emptyIcon\n    },\n    getColor (props: ItemSlotProps): string {\n      if (this.isHovering) {\n        if (props.isHovered || props.isHalfHovered) return this.color\n      } else {\n        if (props.isFilled || props.isHalfFilled) return this.color\n      }\n\n      return this.backgroundColor\n    },\n    isHalfEvent (e: MouseEvent): boolean {\n      if (this.halfIncrements) {\n        const rect = e.target && (e.target as HTMLElement).getBoundingClientRect()\n        if (rect && (e.pageX - rect.left) < rect.width / 2) return true\n      }\n\n      return false\n    },\n    onMouseEnter (e: MouseEvent, i: number): void {\n      this.runDelay('open', () => {\n        this.hoverIndex = this.genHoverIndex(e, i)\n      })\n    },\n    onMouseLeave (): void {\n      this.runDelay('close', () => (this.hoverIndex = -1))\n    },\n    genItem (i: number): VNode | VNodeChildren | string {\n      const props = this.createProps(i)\n\n      if (this.$slots.item) return this.$slots.item(props)\n\n      const listeners: Record<string, Function> = {\n        onClick: props.onClick,\n      }\n\n      if (this.hover) {\n        listeners.onMouseenter = (e: MouseEvent) => this.onMouseEnter(e, i)\n        listeners.onMouseleave = this.onMouseLeave\n\n        if (this.halfIncrements) {\n          listeners.onMousemove = (e: MouseEvent) => this.onMouseEnter(e, i)\n        }\n      }\n\n      return withDirectives(h(VIcon, this.setTextColor(this.getColor(props), {\n        'aria-label': this.$vuetify.lang.t(this.iconLabel, i + 1, Number(this.length)),\n        ...this.iconProps,\n        ...listeners,\n      }), {default: () => [this.getIconName(props)]}), this.directives)\n    },\n  },\n\n  render (): VNode {\n    // const children = createRange(Number(this.length)).map(i => this.genItem(i))\n\n    return h('div', {\n      class: ['v-rating',\n        {\n          'v-rating--readonly': this.readonly,\n          'v-rating--dense': this.dense,\n        }\n      ]\n    }, {default: () => createRange(Number(this.length)).map(i => this.genItem(i)) })\n  },\n})\n"],"sourceRoot":"","file":"VRating.js"}
+{"version":3,"sources":["../../../src/components/VRating/VRating.ts"],"names":[],"mappings":"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","sourcesContent":["// Styles\nimport './VRating.sass'\n\n// Components\nimport VIcon from '../VIcon'\n\n// Mixins\nimport Colorable from '../../mixins/colorable'\nimport Delayable from '../../mixins/delayable'\nimport Sizeable from '../../mixins/sizeable'\nimport Rippleable from '../../mixins/rippleable'\nimport Themeable from '../../mixins/themeable'\n\n// Utilities\nimport { createRange } from '../../util/helpers'\nimport mixins from '../../util/mixins'\n\n// Types\nimport { VNode, VNodeDirective, VNodeChildren } from 'vue'\n\ntype ItemSlotProps = {\n  index: number\n  value: number\n  isFilled: boolean\n  isHalfFilled?: boolean | undefined\n  isHovered: boolean\n  isHalfHovered?: boolean | undefined\n  click: Function\n}\n\n/* @vue/component */\nexport default mixins(\n  Colorable,\n  Delayable,\n  Rippleable,\n  Sizeable,\n  Themeable\n).extend({\n  name: 'v-rating',\n\n  props: {\n    backgroundColor: {\n      type: String,\n      default: 'accent',\n    },\n    color: {\n      type: String,\n      default: 'primary',\n    },\n    clearable: Boolean,\n    dense: Boolean,\n    emptyIcon: {\n      type: String,\n      default: '$ratingEmpty',\n    },\n    fullIcon: {\n      type: String,\n      default: '$ratingFull',\n    },\n    halfIcon: {\n      type: String,\n      default: '$ratingHalf',\n    },\n    halfIncrements: Boolean,\n    hover: Boolean,\n    length: {\n      type: [Number, String],\n      default: 5,\n    },\n    readonly: Boolean,\n    size: [Number, String],\n    value: {\n      type: Number,\n      default: 0,\n    },\n    iconLabel: {\n      type: String,\n      default: '$vuetify.rating.ariaLabel.icon',\n    },\n  },\n\n  data () {\n    return {\n      hoverIndex: -1,\n      internalValue: this.value,\n    }\n  },\n\n  computed: {\n    directives (): VNodeDirective[] {\n      if (this.readonly || !this.ripple) return []\n\n      return [{\n        name: 'ripple',\n        value: { circle: true },\n      } as VNodeDirective]\n    },\n    iconProps (): object {\n      const {\n        dark,\n        large,\n        light,\n        medium,\n        small,\n        size,\n        xLarge,\n        xSmall,\n      } = this.$props\n\n      return {\n        dark,\n        large,\n        light,\n        medium,\n        size,\n        small,\n        xLarge,\n        xSmall,\n      }\n    },\n    isHovering (): boolean {\n      return this.hover && this.hoverIndex >= 0\n    },\n  },\n\n  watch: {\n    internalValue (val) {\n      val !== this.value && this.$emit('input', val)\n    },\n    value (val) {\n      this.internalValue = val\n    },\n  },\n\n  methods: {\n    createClickFn (i: number): Function {\n      return (e: MouseEvent) => {\n        if (this.readonly) return\n\n        const newValue = this.genHoverIndex(e, i)\n        if (this.clearable && this.internalValue === newValue) {\n          this.internalValue = 0\n        } else {\n          this.internalValue = newValue\n        }\n      }\n    },\n    createProps (i: number): ItemSlotProps {\n      const props: ItemSlotProps = {\n        index: i,\n        value: this.internalValue,\n        click: this.createClickFn(i),\n        isFilled: Math.floor(this.internalValue) > i,\n        isHovered: Math.floor(this.hoverIndex) > i,\n      }\n\n      if (this.halfIncrements) {\n        props.isHalfHovered = !props.isHovered && (this.hoverIndex - i) % 1 > 0\n        props.isHalfFilled = !props.isFilled && (this.internalValue - i) % 1 > 0\n      }\n\n      return props\n    },\n    genHoverIndex (e: MouseEvent, i: number) {\n      let isHalf = this.isHalfEvent(e)\n\n      if (\n        this.halfIncrements &&\n        this.$vuetify.rtl\n      ) {\n        isHalf = !isHalf\n      }\n\n      return i + (isHalf ? 0.5 : 1)\n    },\n    getIconName (props: ItemSlotProps): string {\n      const isFull = this.isHovering ? props.isHovered : props.isFilled\n      const isHalf = this.isHovering ? props.isHalfHovered : props.isHalfFilled\n\n      return isFull ? this.fullIcon : isHalf ? this.halfIcon : this.emptyIcon\n    },\n    getColor (props: ItemSlotProps): string {\n      if (this.isHovering) {\n        if (props.isHovered || props.isHalfHovered) return this.color\n      } else {\n        if (props.isFilled || props.isHalfFilled) return this.color\n      }\n\n      return this.backgroundColor\n    },\n    isHalfEvent (e: MouseEvent): boolean {\n      if (this.halfIncrements) {\n        const rect = e.target && (e.target as HTMLElement).getBoundingClientRect()\n        if (rect && (e.pageX - rect.left) < rect.width / 2) return true\n      }\n\n      return false\n    },\n    onMouseEnter (e: MouseEvent, i: number): void {\n      this.runDelay('open', () => {\n        this.hoverIndex = this.genHoverIndex(e, i)\n      })\n    },\n    onMouseLeave (): void {\n      this.runDelay('close', () => (this.hoverIndex = -1))\n    },\n    genItem (i: number): VNode | VNodeChildren | string {\n      const props = this.createProps(i)\n\n      if (this.$scopedSlots.item) return this.$scopedSlots.item(props)\n\n      const listeners: Record<string, Function> = {\n        click: props.click,\n      }\n\n      if (this.hover) {\n        listeners.mouseenter = (e: MouseEvent) => this.onMouseEnter(e, i)\n        listeners.mouseleave = this.onMouseLeave\n\n        if (this.halfIncrements) {\n          listeners.mousemove = (e: MouseEvent) => this.onMouseEnter(e, i)\n        }\n      }\n\n      return this.$createElement(VIcon, this.setTextColor(this.getColor(props), {\n        attrs: {\n          'aria-label': this.$vuetify.lang.t(this.iconLabel, i + 1, Number(this.length)),\n        },\n        directives: this.directives,\n        props: this.iconProps,\n        on: listeners,\n      }), [this.getIconName(props)])\n    },\n  },\n\n  render (h): VNode {\n    const children = createRange(Number(this.length)).map(i => this.genItem(i))\n\n    return h('div', {\n      staticClass: 'v-rating',\n      class: {\n        'v-rating--readonly': this.readonly,\n        'v-rating--dense': this.dense,\n      },\n    }, children)\n  },\n})\n"],"sourceRoot":"","file":"VRating.js"}

package/lib/components/VResponsive/VResponsive.js

@@ -1,4 +1,3 @@
-import { h, mergeProps } from 'vue';
 import "../../../src/components/VResponsive/VResponsive.sass"; // Mixins
 
 import Measurable from '../../mixins/measurable'; // Utils
@@ -26,27 +25,29 @@ export default mixins(Measurable).extend({
 
     __cachedSizer() {
       if (!this.aspectStyle) return [];
-      return h('div', {
+      return this.$createElement('div', {
         style: this.aspectStyle,
-        class: 'v-responsive__sizer'
+        staticClass: 'v-responsive__sizer'
       });
     }
 
   },
   methods: {
     genContent() {
-      return h('div', {
-        class: ['v-responsive__content', this.contentClass]
+      return this.$createElement('div', {
+        staticClass: 'v-responsive__content',
+        class: this.contentClass
       }, getSlot(this));
     }
 
   },
 
-  render() {
-    return h('div', mergeProps({
-      class: 'v-responsive',
-      style: this.measurableStyles
-    }, this.$attrs), [this.__cachedSizer, this.genContent()]);
+  render(h) {
+    return h('div', {
+      staticClass: 'v-responsive',
+      style: this.measurableStyles,
+      on: this.$listeners
+    }, [this.__cachedSizer, this.genContent()]);
   }
 
 });

package/lib/components/VResponsive/VResponsive.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VResponsive/VResponsive.ts"],"names":[],"mappings":"AAAA,SAAQ,CAAR,EAAW,UAAX,QAA4B,KAA5B;AACA,OAAO,sDAAP,C,CAEA;;AACA,OAAO,UAAP,MAAiD,yBAAjD,C,CAKA;;AACA,OAAO,MAAP,MAAmB,mBAAnB;AACA,SAAS,OAAT,QAAwB,oBAAxB;AAEA;;AACA,eAAe,MAAM,CAAC,UAAD,CAAN,CAAmB,MAAnB,CAA0B;AACvC,EAAA,IAAI,EAAE,cADiC;AAGvC,EAAA,KAAK,EAAE;AACL,IAAA,WAAW,EAAE,CAAC,MAAD,EAAS,MAAT,CADR;AAEL,IAAA,YAAY,EAAE;AAFT,GAHgC;AAQvC,EAAA,QAAQ,EAAE;AACR,IAAA,mBAAmB,GAAA;AACjB,aAAO,MAAM,CAAC,KAAK,WAAN,CAAb;AACD,KAHO;;AAIR,IAAA,WAAW,GAAA;AACT,aAAO,KAAK,mBAAL,GACH;AAAE,QAAA,aAAa,EAAG,IAAI,KAAK,mBAAV,GAAiC,GAAjC,GAAuC;AAAxD,OADG,GAEH,SAFJ;AAGD,KARO;;AASR,IAAA,aAAa,GAAA;AACX,UAAI,CAAC,KAAK,WAAV,EAAuB,OAAO,EAAP;AAEvB,aAAO,CAAC,CAAC,KAAD,EAAQ;AACd,QAAA,KAAK,EAAE,KAAK,WADE;AAEd,QAAA,KAAK,EAAE;AAFO,OAAR,CAAR;AAID;;AAhBO,GAR6B;AA2BvC,EAAA,OAAO,EAAE;AACP,IAAA,UAAU,GAAA;AACR,aAAO,CAAC,CAAC,KAAD,EAAQ;AACd,QAAA,KAAK,EAAE,CAAC,uBAAD,EAA0B,KAAK,YAA/B;AADO,OAAR,EAEL,OAAO,CAAC,IAAD,CAFF,CAAR;AAGD;;AALM,GA3B8B;;AAmCvC,EAAA,MAAM,GAAA;AACJ,WAAO,CAAC,CAAC,KAAD,EAAQ,UAAU,CAAC;AACzB,MAAA,KAAK,EAAE,cADkB;AAEzB,MAAA,KAAK,EAAE,KAAK;AAFa,KAAD,EAGvB,KAAK,MAHkB,CAAlB,EAIN,CACA,KAAK,aADL,EAEA,KAAK,UAAL,EAFA,CAJM,CAAR;AAQD;;AA5CsC,CAA1B,CAAf","sourcesContent":["import {h, mergeProps} from 'vue'\nimport './VResponsive.sass'\n\n// Mixins\nimport Measurable, { NumberOrNumberString } from '../../mixins/measurable'\n\n// Types\nimport { VNode } from 'vue'\n\n// Utils\nimport mixins from '../../util/mixins'\nimport { getSlot } from '../../util/helpers'\n\n/* @vue/component */\nexport default mixins(Measurable).extend({\n  name: 'v-responsive',\n\n  props: {\n    aspectRatio: [String, Number] as NumberOrNumberString,\n    contentClass: String,\n  },\n\n  computed: {\n    computedAspectRatio (): number {\n      return Number(this.aspectRatio)\n    },\n    aspectStyle (): object | undefined {\n      return this.computedAspectRatio\n        ? { paddingBottom: (1 / this.computedAspectRatio) * 100 + '%' }\n        : undefined\n    },\n    __cachedSizer (): VNode | [] {\n      if (!this.aspectStyle) return []\n\n      return h('div', {\n        style: this.aspectStyle,\n        class: 'v-responsive__sizer',\n      })\n    },\n  },\n\n  methods: {\n    genContent (): VNode {\n      return h('div', {\n        class: ['v-responsive__content', this.contentClass],\n      }, getSlot(this))\n    },\n  },\n\n  render (): VNode {\n    return h('div', mergeProps({\n      class: 'v-responsive',\n      style: this.measurableStyles,\n    }, this.$attrs)\n    , [\n      this.__cachedSizer,\n      this.genContent(),\n    ])\n  },\n})\n"],"sourceRoot":"","file":"VResponsive.js"}
+{"version":3,"sources":["../../../src/components/VResponsive/VResponsive.ts"],"names":[],"mappings":"AAAA,OAAO,sDAAP,C,CAEA;;AACA,OAAO,UAAP,MAAiD,yBAAjD,C,CAKA;;AACA,OAAO,MAAP,MAAmB,mBAAnB;AACA,SAAS,OAAT,QAAwB,oBAAxB;AAEA;;AACA,eAAe,MAAM,CAAC,UAAD,CAAN,CAAmB,MAAnB,CAA0B;AACvC,EAAA,IAAI,EAAE,cADiC;AAGvC,EAAA,KAAK,EAAE;AACL,IAAA,WAAW,EAAE,CAAC,MAAD,EAAS,MAAT,CADR;AAEL,IAAA,YAAY,EAAE;AAFT,GAHgC;AAQvC,EAAA,QAAQ,EAAE;AACR,IAAA,mBAAmB,GAAA;AACjB,aAAO,MAAM,CAAC,KAAK,WAAN,CAAb;AACD,KAHO;;AAIR,IAAA,WAAW,GAAA;AACT,aAAO,KAAK,mBAAL,GACH;AAAE,QAAA,aAAa,EAAG,IAAI,KAAK,mBAAV,GAAiC,GAAjC,GAAuC;AAAxD,OADG,GAEH,SAFJ;AAGD,KARO;;AASR,IAAA,aAAa,GAAA;AACX,UAAI,CAAC,KAAK,WAAV,EAAuB,OAAO,EAAP;AAEvB,aAAO,KAAK,cAAL,CAAoB,KAApB,EAA2B;AAChC,QAAA,KAAK,EAAE,KAAK,WADoB;AAEhC,QAAA,WAAW,EAAE;AAFmB,OAA3B,CAAP;AAID;;AAhBO,GAR6B;AA2BvC,EAAA,OAAO,EAAE;AACP,IAAA,UAAU,GAAA;AACR,aAAO,KAAK,cAAL,CAAoB,KAApB,EAA2B;AAChC,QAAA,WAAW,EAAE,uBADmB;AAEhC,QAAA,KAAK,EAAE,KAAK;AAFoB,OAA3B,EAGJ,OAAO,CAAC,IAAD,CAHH,CAAP;AAID;;AANM,GA3B8B;;AAoCvC,EAAA,MAAM,CAAE,CAAF,EAAG;AACP,WAAO,CAAC,CAAC,KAAD,EAAQ;AACd,MAAA,WAAW,EAAE,cADC;AAEd,MAAA,KAAK,EAAE,KAAK,gBAFE;AAGd,MAAA,EAAE,EAAE,KAAK;AAHK,KAAR,EAIL,CACD,KAAK,aADJ,EAED,KAAK,UAAL,EAFC,CAJK,CAAR;AAQD;;AA7CsC,CAA1B,CAAf","sourcesContent":["import './VResponsive.sass'\n\n// Mixins\nimport Measurable, { NumberOrNumberString } from '../../mixins/measurable'\n\n// Types\nimport { VNode } from 'vue'\n\n// Utils\nimport mixins from '../../util/mixins'\nimport { getSlot } from '../../util/helpers'\n\n/* @vue/component */\nexport default mixins(Measurable).extend({\n  name: 'v-responsive',\n\n  props: {\n    aspectRatio: [String, Number] as NumberOrNumberString,\n    contentClass: String,\n  },\n\n  computed: {\n    computedAspectRatio (): number {\n      return Number(this.aspectRatio)\n    },\n    aspectStyle (): object | undefined {\n      return this.computedAspectRatio\n        ? { paddingBottom: (1 / this.computedAspectRatio) * 100 + '%' }\n        : undefined\n    },\n    __cachedSizer (): VNode | [] {\n      if (!this.aspectStyle) return []\n\n      return this.$createElement('div', {\n        style: this.aspectStyle,\n        staticClass: 'v-responsive__sizer',\n      })\n    },\n  },\n\n  methods: {\n    genContent (): VNode {\n      return this.$createElement('div', {\n        staticClass: 'v-responsive__content',\n        class: this.contentClass,\n      }, getSlot(this))\n    },\n  },\n\n  render (h): VNode {\n    return h('div', {\n      staticClass: 'v-responsive',\n      style: this.measurableStyles,\n      on: this.$listeners,\n    }, [\n      this.__cachedSizer,\n      this.genContent(),\n    ])\n  },\n})\n"],"sourceRoot":"","file":"VResponsive.js"}

package/lib/components/VSelect/VSelect.js

@@ -16,11 +16,10 @@ import Filterable from '../../mixins/filterable'; // Directives
 import ClickOutside from '../../directives/click-outside'; // Utilities
 
 import mergeData from '../../util/mergeData';
-import { getPropertyFromItem, getObjectValueByPath, keyCodes, normalizeAttrs } from '../../util/helpers';
+import { getPropertyFromItem, getObjectValueByPath, keyCodes } from '../../util/helpers';
 import { consoleError } from '../../util/console'; // Types
 
 import mixins from '../../util/mixins';
-import { withDirectives, h } from 'vue';
 export const defaultMenuProps = {
   closeOnClick: false,
   closeOnContentClick: false,
@@ -32,7 +31,7 @@ export const defaultMenuProps = {
 const baseMixins = mixins(VTextField, Comparable, Dependent, Filterable);
 /* @vue/component */
 
-export default baseMixins.extend({
+export default baseMixins.extend().extend({
   name: 'v-select',
   directives: {
     ClickOutside
@@ -92,7 +91,7 @@ export default baseMixins.extend({
       // As long as a value is defined, show it
       // Otherwise, check if multiple
       // to determine which default to provide
-      lazyValue: this.modelValue !== undefined ? this.modelValue : this.multiple ? [] : undefined,
+      lazyValue: this.value !== undefined ? this.value : this.multiple ? [] : undefined,
       selectedIndex: -1,
       selectedItems: [],
       keyboardLookupPrefix: '',
@@ -107,7 +106,7 @@ export default baseMixins.extend({
     },
 
     classes() {
-      return { ...VTextField.computed.classes.call(this),
+      return { ...VTextField.options.computed.classes.call(this),
         'v-select': true,
         'v-select--chips': this.hasChips,
         'v-select--chips--small': this.smallChips,
@@ -122,7 +121,7 @@ export default baseMixins.extend({
     },
 
     computedOwns() {
-      return `list-${this.$.uid}`;
+      return `list-${this._uid}`;
     },
 
     computedCounterValue() {
@@ -138,11 +137,14 @@ export default baseMixins.extend({
     },
 
     directives() {
-      return [[ClickOutside, {
-        handler: () => this.isFocused && this.blur(),
-        closeConditional: this.closeConditional,
-        include: () => this.getOpenDependentElements()
-      }]];
+      return this.isFocused ? [{
+        name: 'click-outside',
+        value: {
+          handler: this.blur,
+          closeConditional: this.closeConditional,
+          include: () => this.getOpenDependentElements()
+        }
+      }] : undefined;
     },
 
     dynamicHeight() {
@@ -154,7 +156,7 @@ export default baseMixins.extend({
     },
 
     hasSlot() {
-      return Boolean(this.hasChips || this.$slots.selection);
+      return Boolean(this.hasChips || this.$scopedSlots.selection);
     },
 
     isDirty() {
@@ -166,19 +168,28 @@ export default baseMixins.extend({
       const attrs = scopeId ? {
         [scopeId]: true
       } : {};
-      return { ...attrs,
-        id: this.computedOwns,
-        action: this.multiple,
-        color: this.itemColor,
-        dense: this.dense,
-        hideSelected: this.hideSelected,
-        items: this.virtualizedItems,
-        itemDisabled: this.itemDisabled,
-        itemText: this.itemText,
-        itemValue: this.itemValue,
-        noDataText: this.$vuetify.lang.t(this.noDataText),
-        selectedItems: this.selectedItems,
-        onSelect: this.selectItem
+      return {
+        attrs: { ...attrs,
+          id: this.computedOwns
+        },
+        props: {
+          action: this.multiple,
+          color: this.itemColor,
+          dense: this.dense,
+          hideSelected: this.hideSelected,
+          items: this.virtualizedItems,
+          itemDisabled: this.itemDisabled,
+          itemText: this.itemText,
+          itemValue: this.itemValue,
+          noDataText: this.$vuetify.lang.t(this.noDataText),
+          selectedItems: this.selectedItems
+        },
+        on: {
+          select: this.selectItem
+        },
+        scopedSlots: {
+          item: this.$scopedSlots.item
+        }
       };
     },
 
@@ -187,9 +198,7 @@ export default baseMixins.extend({
         consoleError('assert: staticList should not be called if slots are used');
       }
 
-      return h(VSelectList, this.listData, {
-        item: this.$slots.item
-      });
+      return this.$createElement(VSelectList, this.listData);
     },
 
     virtualizedItems() {
@@ -210,7 +219,7 @@ export default baseMixins.extend({
 
       return { ...defaultMenuProps,
         eager: this.eager,
-        modelValue: this.menuCanShow && this.isMenuActive,
+        value: this.menuCanShow && this.isMenuActive,
         nudgeBottom: normalisedProps.offsetY ? 1 : 0,
         ...normalisedProps
       };
@@ -262,7 +271,7 @@ export default baseMixins.extend({
   methods: {
     /** @public */
     blur(e) {
-      VTextField.methods.blur.call(this, e);
+      VTextField.options.methods.blur.call(this, e);
       this.isMenuActive = false;
       this.isFocused = false;
       this.selectedIndex = -1;
@@ -326,19 +335,25 @@ export default baseMixins.extend({
     genChipSelection(item, index) {
       const isDisabled = this.isDisabled || this.getDisabled(item);
       const isInteractive = !isDisabled && this.isInteractive;
-      return h(VChip, {
-        class: 'v-chip--select',
-        tabindex: -1,
-        close: this.deletableChips && isInteractive,
-        disabled: isDisabled,
-        inputValue: index === this.selectedIndex,
-        small: this.smallChips,
-        onClick: e => {
-          if (!isInteractive) return;
-          e.stopPropagation();
-          this.selectedIndex = index;
+      return this.$createElement(VChip, {
+        staticClass: 'v-chip--select',
+        attrs: {
+          tabindex: -1
+        },
+        props: {
+          close: this.deletableChips && isInteractive,
+          disabled: isDisabled,
+          inputValue: index === this.selectedIndex,
+          small: this.smallChips
+        },
+        on: {
+          click: e => {
+            if (!isInteractive) return;
+            e.stopPropagation();
+            this.selectedIndex = index;
+          },
+          'click:close': () => this.onChipInput(item)
         },
-        'onClick:close': () => this.onChipInput(item),
         key: JSON.stringify(this.getValue(item))
       }, this.getText(item));
     },
@@ -346,10 +361,11 @@ export default baseMixins.extend({
     genCommaSelection(item, index, last) {
       const color = index === this.selectedIndex && this.computedColor;
       const isDisabled = this.isDisabled || this.getDisabled(item);
-      return h('div', this.setTextColor(color, {
-        class: ['v-select__selection v-select__selection--comma', {
+      return this.$createElement('div', this.setTextColor(color, {
+        staticClass: 'v-select__selection v-select__selection--comma',
+        class: {
           'v-select__selection--disabled': isDisabled
-        }],
+        },
         key: JSON.stringify(this.getValue(item))
       }), `${this.getText(item)}${last ? '' : ', '}`);
     },
@@ -366,21 +382,23 @@ export default baseMixins.extend({
         selections.children.push(input);
       }
 
-      return [this.genFieldset(), withDirectives(h('div', {
-        class: 'v-select__slot'
-      }, [this.genLabel(), this.prefix ? this.genAffix('prefix') : null, selections, this.suffix ? this.genAffix('suffix') : null, this.genClearIcon(), this.genIconSlot(), this.genHiddenInput()]), this.directives), this.genMenu(), this.genProgress()];
+      return [this.genFieldset(), this.$createElement('div', {
+        staticClass: 'v-select__slot',
+        directives: this.directives
+      }, [this.genLabel(), this.prefix ? this.genAffix('prefix') : null, selections, this.suffix ? this.genAffix('suffix') : null, this.genClearIcon(), this.genIconSlot(), this.genHiddenInput()]), this.genMenu(), this.genProgress()];
     },
 
     genIcon(type, cb, extraData) {
-      const icon = VInput.methods.genIcon.call(this, type, cb, extraData);
+      const icon = VInput.options.methods.genIcon.call(this, type, cb, extraData);
 
       if (type === 'append') {
         // Don't allow the dropdown icon to be focused
-        const hasListeners = Object.keys(icon.children[0].props).some(key => key.startsWith('on'));
-        icon.children[0].data = mergeData(icon.children[0].props, {
-          tabindex: hasListeners && '-1',
-          'aria-hidden': 'true',
-          'aria-label': undefined
+        icon.children[0].data = mergeData(icon.children[0].data, {
+          attrs: {
+            tabindex: icon.children[0].componentOptions.listeners && '-1',
+            'aria-hidden': 'true',
+            'aria-label': undefined
+          }
         });
       }
 
@@ -388,40 +406,46 @@ export default baseMixins.extend({
     },
 
     genInput() {
-      const input = VTextField.methods.genInput.call(this);
-      delete input.props.name;
-      input.props = mergeData(input.props, {
-        readonly: true,
-        type: 'text',
-        'aria-readonly': String(this.isReadonly),
-        'aria-activedescendant': getObjectValueByPath(this.$refs.menu, 'activeTile.id'),
-        autocomplete: getObjectValueByPath(input.data, 'attrs.autocomplete', 'off'),
-        placeholder: !this.isDirty && (this.persistentPlaceholder || this.isFocused || !this.hasLabel) ? this.placeholder : undefined,
-        onKeypress: this.onKeyPress
+      const input = VTextField.options.methods.genInput.call(this);
+      delete input.data.attrs.name;
+      input.data = mergeData(input.data, {
+        domProps: {
+          value: null
+        },
+        attrs: {
+          readonly: true,
+          type: 'text',
+          'aria-readonly': String(this.isReadonly),
+          'aria-activedescendant': getObjectValueByPath(this.$refs.menu, 'activeTile.id'),
+          autocomplete: getObjectValueByPath(input.data, 'attrs.autocomplete', 'off'),
+          placeholder: !this.isDirty && (this.persistentPlaceholder || this.isFocused || !this.hasLabel) ? this.placeholder : undefined
+        },
+        on: {
+          keypress: this.onKeyPress
+        }
       });
-      input.props = { ...input.props,
-        value: null
-      };
-      input.props = normalizeAttrs(input.props);
       return input;
     },
 
     genHiddenInput() {
-      return h('input', {
-        value: this.lazyValue,
-        type: 'hidden',
-        name: this.attrs$.name
+      return this.$createElement('input', {
+        domProps: {
+          value: this.lazyValue
+        },
+        attrs: {
+          type: 'hidden',
+          name: this.attrs$.name
+        }
       });
     },
 
     genInputSlot() {
-      const render = VTextField.methods.genInputSlot.call(this);
-      render.props = {
+      const render = VTextField.options.methods.genInputSlot.call(this);
+      render.data.attrs = { ...render.data.attrs,
         role: 'button',
         'aria-haspopup': 'listbox',
         'aria-expanded': String(this.isMenuActive),
-        'aria-owns': this.computedOwns,
-        ...render.props
+        'aria-owns': this.computedOwns
       };
       return render;
     },
@@ -436,16 +460,14 @@ export default baseMixins.extend({
     },
 
     genListWithSlot() {
-      const slots = ['prepend-item', 'no-data', 'append-item'].filter(slotName => this.$slots[slotName]).map(slotName => h('template', {
+      const slots = ['prepend-item', 'no-data', 'append-item'].filter(slotName => this.$slots[slotName]).map(slotName => this.$createElement('template', {
         slot: slotName
       }, this.$slots[slotName])); // Requires destructuring due to Vue
       // modifying the `on` property when passed
       // as a referenced object
 
-      return h(VSelectList, { ...this.listData
-      }, { ...slots,
-        item: this.$slots.item
-      });
+      return this.$createElement(VSelectList, { ...this.listData
+      }, slots);
     },
 
     genMenu() {
@@ -462,14 +484,18 @@ export default baseMixins.extend({
       } else {
         props.attach = this.attach;
       }
-      return h(VMenu, {
-        role: undefined,
-        ...props,
-        onInput: val => {
-          this.isMenuActive = val;
-          this.isFocused = val;
+      return this.$createElement(VMenu, {
+        attrs: {
+          role: undefined
+        },
+        props,
+        on: {
+          input: val => {
+            this.isMenuActive = val;
+            this.isFocused = val;
+          },
+          scroll: this.onScroll
         },
-        onScroll: this.onScroll,
         ref: 'menu'
       }, [this.genList()]);
     },
@@ -479,7 +505,7 @@ export default baseMixins.extend({
       const children = new Array(length);
       let genSelection;
 
-      if (this.$slots.selection) {
+      if (this.$scopedSlots.selection) {
         genSelection = this.genSlotSelection;
       } else if (this.hasChips) {
         genSelection = this.genChipSelection;
@@ -491,14 +517,16 @@ export default baseMixins.extend({
         children[length] = genSelection(this.selectedItems[length], length, length === children.length - 1);
       }
 
-      return h('div', {
-        class: 'v-select__selections'
+      return this.$createElement('div', {
+        staticClass: 'v-select__selections'
       }, children);
     },
 
     genSlotSelection(item, index) {
-      return this.$slots.selection({
-        class: 'v-chip--select',
+      return this.$scopedSlots.selection({
+        attrs: {
+          class: 'v-chip--select'
+        },
         parent: this,
         item,
         index,
@@ -655,7 +683,7 @@ export default baseMixins.extend({
         }
       }
 
-      VTextField.methods.onMouseUp.call(this, e);
+      VTextField.options.methods.onMouseUp.call(this, e);
     },
 
     onScroll() {
@@ -782,7 +810,7 @@ export default baseMixins.extend({
     setValue(value) {
       if (!this.valueComparator(value, this.internalValue)) {
         this.internalValue = value;
-        this.$emit('update:modelValue', value);
+        this.$emit('change', value);
       }
     },