@dimailn/vuetify 2.7.2-alpha3 → 2.7.2-alpha32

package/lib/components/VExpansionPanel/VExpansionPanelHeader.js

@@ -6,16 +6,13 @@ import VIcon from '../VIcon'; // Mixins
 import Colorable from '../../mixins/colorable';
 import { inject as RegistrableInject } from '../../mixins/registrable'; // Directives
 
-import ripple, { Ripple } from '../../directives/ripple'; // Utilities
+import { Ripple } from '../../directives/ripple'; // Utilities
 
 import { getSlot } from '../../util/helpers';
 import mixins from '../../util/mixins';
 const baseMixins = mixins(Colorable, RegistrableInject('expansionPanel', 'v-expansion-panel-header', 'v-expansion-panel'));
 export default baseMixins.extend({
   name: 'v-expansion-panel-header',
-  directives: {
-    ripple
-  },
   props: {
     disableIconRotate: Boolean,
     expandIcon: {
@@ -57,7 +54,7 @@ export default baseMixins.extend({
     this.expansionPanel.registerHeader(this);
   },
 
-  beforeDestroy() {
+  beforeUnmount() {
     this.expansionPanel.unregisterHeader();
   },
 
@@ -70,8 +67,8 @@ export default baseMixins.extend({
     genIcon() {
       const icon = getSlot(this, 'actions', {
         open: this.isActive
-      }) || [h(VIcon, this.expandIcon)];
-      return h(VFadeTransition, [withDirectives(h('div', {
+      }) || [h(VIcon, {}, () => this.expandIcon)];
+      return h(VFadeTransition, {}, () => [withDirectives(h('div', {
         class: ['v-expansion-panel-header__icon', {
           'v-expansion-panel-header__icon--disable-rotate': this.disableIconRotate
         }]

package/lib/components/VExpansionPanel/VExpansionPanelHeader.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VExpansionPanel/VExpansionPanelHeader.ts"],"names":[],"mappings":"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","sourcesContent":["import {h, vShow, withDirectives} from 'vue'\n// Components\nimport { VFadeTransition } from '../transitions'\nimport VExpansionPanel from './VExpansionPanel'\nimport VIcon from '../VIcon'\n\n// Mixins\nimport Colorable from '../../mixins/colorable'\nimport { inject as RegistrableInject } from '../../mixins/registrable'\n\n// Directives\nimport ripple, { Ripple } from '../../directives/ripple'\n\n// Utilities\nimport { getSlot } from '../../util/helpers'\nimport mixins, { ExtractVue } from '../../util/mixins'\n\n// Types\nimport Vue, { VNode, VueConstructor } from 'vue'\n\nconst baseMixins = mixins(\n  Colorable,\n  RegistrableInject<'expansionPanel', VueConstructor<Vue>>('expansionPanel', 'v-expansion-panel-header', 'v-expansion-panel')\n)\n\ninterface options extends ExtractVue<typeof baseMixins> {\n  $el: HTMLElement\n  expansionPanel: InstanceType<typeof VExpansionPanel>\n}\n\nexport default baseMixins.extend({\n  name: 'v-expansion-panel-header',\n\n  directives: { ripple },\n\n  props: {\n    disableIconRotate: Boolean,\n    expandIcon: {\n      type: String,\n      default: '$expand',\n    },\n    hideActions: Boolean,\n    ripple: {\n      type: [Boolean, Object],\n      default: false,\n    },\n  },\n\n  data: () => ({\n    hasMousedown: false,\n  }),\n\n  computed: {\n    classes (): object {\n      return {\n        'v-expansion-panel-header--active': this.isActive,\n        'v-expansion-panel-header--mousedown': this.hasMousedown,\n      }\n    },\n    isActive (): boolean {\n      return this.expansionPanel.isActive\n    },\n    isDisabled (): boolean {\n      return this.expansionPanel.isDisabled\n    },\n    isReadonly (): boolean {\n      return this.expansionPanel.isReadonly\n    },\n  },\n\n  created () {\n    this.expansionPanel.registerHeader(this)\n  },\n\n  beforeDestroy () {\n    this.expansionPanel.unregisterHeader()\n  },\n\n  methods: {\n    onClick (e: MouseEvent) {\n      this.$emit('click', e)\n      this.$emitLegacy('click', e)\n    },\n    genIcon () {\n      const icon = getSlot(this, 'actions', { open: this.isActive }) ||\n        [h(VIcon, this.expandIcon)]\n\n      return h(VFadeTransition, [\n        withDirectives(h('div', {\n          class: ['v-expansion-panel-header__icon', {\n            'v-expansion-panel-header__icon--disable-rotate': this.disableIconRotate,\n          }]\n        }, icon), [\n          [\n            vShow,\n            !this.isDisabled\n          ]\n        ]),\n      ])\n    },\n  },\n\n  render (): VNode {\n    const directives = [\n      [\n        Ripple,\n        this.ripple\n      ]\n    ]\n\n    return withDirectives(h('button', this.setBackgroundColor(this.color, {\n      class: ['v-expansion-panel-header', this.classes],\n      tabindex: this.isDisabled ? -1 : null,\n      type: 'button',\n      'aria-expanded': this.isActive,\n      ...this.$listeners,\n      onClick: this.onClick,\n      onMousedown: () => (this.hasMousedown = true),\n      onMouseup: () => (this.hasMousedown = false)\n    }), [\n      getSlot(this, 'default', { open: this.isActive }, true),\n      this.hideActions || this.genIcon(),\n    ]), directives)\n  },\n})\n"],"sourceRoot":"","file":"VExpansionPanelHeader.js"}
+{"version":3,"sources":["../../../src/components/VExpansionPanel/VExpansionPanelHeader.ts"],"names":[],"mappings":"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","sourcesContent":["import {h, vShow, withDirectives} from 'vue'\n// Components\nimport { VFadeTransition } from '../transitions'\nimport VExpansionPanel from './VExpansionPanel'\nimport VIcon from '../VIcon'\n\n// Mixins\nimport Colorable from '../../mixins/colorable'\nimport { inject as RegistrableInject } from '../../mixins/registrable'\n\n// Directives\nimport ripple, { Ripple } from '../../directives/ripple'\n\n// Utilities\nimport { getSlot } from '../../util/helpers'\nimport mixins, { ExtractVue } from '../../util/mixins'\n\n// Types\nimport Vue, { VNode, VueConstructor } from 'vue'\n\nconst baseMixins = mixins(\n  Colorable,\n  RegistrableInject<'expansionPanel', VueConstructor<Vue>>('expansionPanel', 'v-expansion-panel-header', 'v-expansion-panel')\n)\n\ninterface options extends ExtractVue<typeof baseMixins> {\n  $el: HTMLElement\n  expansionPanel: InstanceType<typeof VExpansionPanel>\n}\n\nexport default baseMixins.extend({\n  name: 'v-expansion-panel-header',\n\n\n  props: {\n    disableIconRotate: Boolean,\n    expandIcon: {\n      type: String,\n      default: '$expand',\n    },\n    hideActions: Boolean,\n    ripple: {\n      type: [Boolean, Object],\n      default: false,\n    },\n  },\n\n  data: () => ({\n    hasMousedown: false,\n  }),\n\n  computed: {\n    classes (): object {\n      return {\n        'v-expansion-panel-header--active': this.isActive,\n        'v-expansion-panel-header--mousedown': this.hasMousedown,\n      }\n    },\n    isActive (): boolean {\n      return this.expansionPanel.isActive\n    },\n    isDisabled (): boolean {\n      return this.expansionPanel.isDisabled\n    },\n    isReadonly (): boolean {\n      return this.expansionPanel.isReadonly\n    },\n  },\n\n  created () {\n    this.expansionPanel.registerHeader(this)\n  },\n\n  beforeUnmount () {\n    this.expansionPanel.unregisterHeader()\n  },\n\n  methods: {\n    onClick (e: MouseEvent) {\n      this.$emit('click', e)\n      this.$emitLegacy('click', e)\n    },\n    genIcon () {\n      const icon = getSlot(this, 'actions', { open: this.isActive }) ||\n        [h(VIcon, {}, () => this.expandIcon)]\n\n      return h(VFadeTransition, {}, () => [\n        withDirectives(h('div', {\n          class: ['v-expansion-panel-header__icon', {\n            'v-expansion-panel-header__icon--disable-rotate': this.disableIconRotate,\n          }]\n        }, icon), [\n          [\n            vShow,\n            !this.isDisabled\n          ]\n        ]),\n      ])\n    },\n  },\n\n  render (): VNode {\n    const directives = [\n      [\n        Ripple,\n        this.ripple\n      ]\n    ]\n\n    return withDirectives(h('button', this.setBackgroundColor(this.color, {\n      class: ['v-expansion-panel-header', this.classes],\n      tabindex: this.isDisabled ? -1 : null,\n      type: 'button',\n      'aria-expanded': this.isActive,\n      ...this.$listeners,\n      onClick: this.onClick,\n      onMousedown: () => (this.hasMousedown = true),\n      onMouseup: () => (this.hasMousedown = false)\n    }), [\n      getSlot(this, 'default', { open: this.isActive }, true),\n      this.hideActions || this.genIcon(),\n    ]), directives)\n  },\n})\n"],"sourceRoot":"","file":"VExpansionPanelHeader.js"}

package/lib/components/VFileInput/VFileInput.js

@@ -64,6 +64,7 @@ export default defineComponent({
       }
     }
   },
+  emits: ['change', 'keydown', 'click:prepend'],
   computed: {
     classes() {
       return { ...VTextField.computed.classes.call(this),
@@ -83,7 +84,7 @@ export default defineComponent({
     },
 
     internalArrayValue() {
-      return wrapInArray(this.internalValue);
+      return wrapInArray(this.internalValue).filter(v => v instanceof File);
     },
 
     internalValue: {
@@ -172,27 +173,45 @@ export default defineComponent({
       const render = VTextField.methods.genControl.call(this);
 
       if (this.hideInput) {
-        render.style = mergeStyles(render.style, {
-          display: 'none'
-        });
+        if (render.props) {
+          render.props.style = mergeStyles(render.props.style, {
+            display: 'none'
+          });
+        } else {
+          render.props = {
+            style: {
+              display: 'none'
+            }
+          };
+        }
       }
 
       return render;
     },
 
     genInput() {
-      const input = VTextField.methods.genInput.call(this);
-      input.multiple = this.multiple; // We should not be setting value
-      // programmatically on the input
-      // when it is using type="file"
-
-      delete input.value; // This solves an issue in Safari where
-      // nothing happens when adding a file
-      // due to the input event not firing
-      // https://github.com/vuetifyjs/vuetify/issues/7941
-
-      delete input.onInput;
-      input.onChange = this.onInput;
+      // Create input without calling VTextField.genInput to avoid value setting
+      const listeners = Object.assign({}, this.listeners$);
+      delete listeners.change; // Change should not be bound externally
+
+      const {
+        title,
+        value,
+        ...inputAttrs
+      } = this.attrs$;
+      const input = h('input', { ...inputAttrs,
+        autofocus: this.autofocus,
+        disabled: this.isDisabled,
+        id: this.computedId,
+        placeholder: this.placeholder,
+        readonly: this.isReadonly,
+        type: this.type,
+        multiple: this.multiple,
+        ...listeners,
+        onChange: this.onInput,
+        onKeyDown: this.onKeyDown,
+        ref: 'input'
+      });
       return [this.genSelections(), input];
     },
 
@@ -236,15 +255,14 @@ export default defineComponent({
     },
 
     genTextFieldSlot() {
-      const node = VTextField.methods.genTextFieldSlot.call(this);
-
-      node.onClick = e => {
-        // Clicking the label already delegates to input element, so we shouldn't click it twice
-        if (e.target && e.target.nodeName === 'LABEL') return;
-        this.$refs.input.click();
-      };
-
-      return node;
+      return h('div', {
+        class: 'v-text-field__slot',
+        onClick: e => {
+          // Clicking the label already delegates to input element, so we shouldn't click it twice
+          if (e.target && e.target.nodeName === 'LABEL') return;
+          this.$refs.input.click();
+        }
+      }, [this.genLabel(), this.prefix ? this.genAffix('prefix') : null, this.genInput(), this.suffix ? this.genAffix('suffix') : null]);
     },
 
     onInput(e) {

package/lib/components/VFileInput/VFileInput.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VFileInput/VFileInput.ts"],"names":[],"mappings":"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","sourcesContent":["// Styles\nimport './VFileInput.sass'\n\n// Extensions\nimport VTextField from '../VTextField'\n\n// Components\nimport { VChip } from '../VChip'\n\n// Types\nimport { PropValidator } from 'vue/types/options'\n\n// Utilities\nimport { deepEqual, humanReadableFileSize, wrapInArray } from '../../util/helpers'\nimport { consoleError } from '../../util/console'\nimport { mergeStyles } from '../../util/mergeData'\nimport { defineComponent, h } from 'vue'\n\nexport default defineComponent({\n  name: 'v-file-input',\n  extends: VTextField,\n\n  model: {\n    prop: 'value',\n    event: 'change',\n  },\n\n  props: {\n    chips: Boolean,\n    clearable: {\n      type: Boolean,\n      default: true,\n    },\n    counterSizeString: {\n      type: String,\n      default: '$vuetify.fileInput.counterSize',\n    },\n    counterString: {\n      type: String,\n      default: '$vuetify.fileInput.counter',\n    },\n    hideInput: Boolean,\n    multiple: Boolean,\n    placeholder: String,\n    prependIcon: {\n      type: String,\n      default: '$file',\n    },\n    readonly: {\n      type: Boolean,\n      default: false,\n    },\n    showSize: {\n      type: [Boolean, Number],\n      default: false,\n      validator: (v: boolean | number) => {\n        return (\n          typeof v === 'boolean' ||\n          [1000, 1024].includes(v)\n        )\n      },\n    } as PropValidator<boolean | 1000 | 1024>,\n    smallChips: Boolean,\n    truncateLength: {\n      type: [Number, String],\n      default: 22,\n    },\n    type: {\n      type: String,\n      default: 'file',\n    },\n    value: {\n      default: undefined,\n      validator: val => {\n        return wrapInArray(val).every(v => v != null && typeof v === 'object')\n      },\n    } as PropValidator<File | File[]>,\n  },\n\n  computed: {\n    classes (): object {\n      return {\n        ...VTextField.computed.classes.call(this),\n        'v-file-input': true,\n      }\n    },\n    computedCounterValue (): string {\n      const fileCount = (this.multiple && this.lazyValue)\n        ? this.lazyValue.length\n        : (this.lazyValue instanceof File) ? 1 : 0\n\n      if (!this.showSize) return this.$vuetify.lang.t(this.counterString, fileCount)\n\n      const bytes = this.internalArrayValue.reduce((bytes: number, { size = 0 }: File) => {\n        return bytes + size\n      }, 0)\n\n      return this.$vuetify.lang.t(\n        this.counterSizeString,\n        fileCount,\n        humanReadableFileSize(bytes, this.base === 1024)\n      )\n    },\n    internalArrayValue (): File[] {\n      return wrapInArray(this.internalValue)\n    },\n    internalValue: {\n      get (): File[] {\n        return this.lazyValue\n      },\n      set (val: File | File[]) {\n        this.lazyValue = val\n        this.$emit('change', this.lazyValue)\n      },\n    },\n    isDirty (): boolean {\n      return this.internalArrayValue.length > 0\n    },\n    isLabelActive (): boolean {\n      return this.isDirty\n    },\n    text (): string[] {\n      if (!this.isDirty && (this.persistentPlaceholder || this.isFocused || !this.hasLabel)) return [this.placeholder]\n\n      return this.internalArrayValue.map((file: File) => {\n        const {\n          name = '',\n          size = 0,\n        } = file\n\n        const truncatedText = this.truncateText(name)\n\n        return !this.showSize\n          ? truncatedText\n          : `${truncatedText} (${humanReadableFileSize(size, this.base === 1024)})`\n      })\n    },\n    base (): 1000 | 1024 | undefined {\n      return typeof this.showSize !== 'boolean' ? this.showSize : undefined\n    },\n    hasChips (): boolean {\n      return this.chips || this.smallChips\n    },\n  },\n\n  watch: {\n    readonly: {\n      handler (v) {\n        if (v === true) consoleError('readonly is not supported on <v-file-input>', this)\n      },\n      immediate: true,\n    },\n    value (v) {\n      const value = this.multiple ? v : v ? [v] : []\n      if (!deepEqual(value, this.$refs.input.files)) {\n        // When the input value is changed programatically, clear the\n        // internal input's value so that the `onInput` handler\n        // can be triggered again if the user re-selects the exact\n        // same file(s). Ideally, `input.files` should be\n        // manipulated directly but that property is readonly.\n        this.$refs.input.value = ''\n      }\n    },\n  },\n\n  methods: {\n    clearableCallback () {\n      this.internalValue = this.multiple ? [] : null\n      this.$refs.input.value = ''\n    },\n    genChips () {\n      if (!this.isDirty) return []\n\n      return this.text.map((text, index) => h(VChip, {\n        small: this.smallChips,\n        'onClick:close': () => {\n          const internalValue = this.internalValue\n          internalValue.splice(index, 1)\n          this.internalValue = internalValue // Trigger the watcher\n        }\n      }, [text]))\n    },\n    genControl () {\n      const render = VTextField.methods.genControl.call(this)\n\n      if (this.hideInput) {\n        render.style = mergeStyles(\n          render.style,\n          { display: 'none' }\n        )\n      }\n\n      return render\n    },\n    genInput () {\n      const input = VTextField.methods.genInput.call(this)\n\n      input.multiple = this.multiple\n\n      // We should not be setting value\n      // programmatically on the input\n      // when it is using type=\"file\"\n      delete input.value\n\n      // This solves an issue in Safari where\n      // nothing happens when adding a file\n      // due to the input event not firing\n      // https://github.com/vuetifyjs/vuetify/issues/7941\n      delete input.onInput\n      input.onChange = this.onInput\n\n      return [this.genSelections(), input]\n    },\n    genPrependSlot () {\n      if (!this.prependIcon) return null\n\n      const icon = this.genIcon('prepend', () => {\n        this.$refs.input.click()\n      })\n\n      return this.genSlot('prepend', 'outer', [icon])\n    },\n    genSelectionText (): string[] {\n      const length = this.text.length\n\n      if (length < 2) return this.text\n      if (this.showSize && !this.counter) return [this.computedCounterValue]\n      return [this.$vuetify.lang.t(this.counterString, length)]\n    },\n    genSelections () {\n      const children = []\n\n      if (this.isDirty && this.$slots.selection) {\n        this.internalArrayValue.forEach((file: File, index: number) => {\n          if (!this.$slots.selection) return\n\n          children.push(\n            this.$slots.selection({\n              text: this.text[index],\n              file,\n              index,\n            })\n          )\n        })\n      } else {\n        children.push(this.hasChips && this.isDirty ? this.genChips() : this.genSelectionText())\n      }\n\n      return h('div', {\n        class: ['v-file-input__text', {\n          'v-file-input__text--placeholder': this.placeholder && !this.isDirty,\n          'v-file-input__text--chips': this.hasChips && !this.$slots.selection,\n        }]\n      }, children)\n    },\n    genTextFieldSlot () {\n      const node = VTextField.methods.genTextFieldSlot.call(this)\n\n      node.onClick = (e: MouseEvent) => {\n        // Clicking the label already delegates to input element, so we shouldn't click it twice\n        if (e.target && (e.target as HTMLElement).nodeName === 'LABEL') return\n\n        this.$refs.input.click()\n      }\n\n      return node\n    },\n    onInput (e: Event) {\n      const files = [...(e.target as HTMLInputElement).files || []]\n\n      this.internalValue = this.multiple ? files : files[0]\n\n      // Set initialValue here otherwise isFocused\n      // watcher in VTextField will emit a change\n      // event whenever the component is blurred\n      this.initialValue = this.internalValue\n    },\n    onKeyDown (e: KeyboardEvent) {\n      this.$emit('keydown', e)\n    },\n    truncateText (str: string) {\n      if (str.length < Number(this.truncateLength)) return str\n      const charsKeepOneSide = Math.floor((Number(this.truncateLength) - 1) / 2)\n      return `${str.slice(0, charsKeepOneSide)}…${str.slice(str.length - charsKeepOneSide)}`\n    },\n  },\n})\n"],"sourceRoot":"","file":"VFileInput.js"}
+{"version":3,"sources":["../../../src/components/VFileInput/VFileInput.ts"],"names":[],"mappings":"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","sourcesContent":["// Styles\nimport './VFileInput.sass'\n\n// Extensions\nimport VTextField from '../VTextField'\n\n// Components\nimport { VChip } from '../VChip'\n\n// Types\nimport { PropValidator } from 'vue/types/options'\n\n// Utilities\nimport { deepEqual, humanReadableFileSize, wrapInArray } from '../../util/helpers'\nimport { consoleError } from '../../util/console'\nimport { mergeStyles } from '../../util/mergeData'\nimport { defineComponent, h } from 'vue'\n\nexport default defineComponent({\n  name: 'v-file-input',\n  extends: VTextField,\n\n  model: {\n    prop: 'value',\n    event: 'change',\n  },\n\n  props: {\n    chips: Boolean,\n    clearable: {\n      type: Boolean,\n      default: true,\n    },\n    counterSizeString: {\n      type: String,\n      default: '$vuetify.fileInput.counterSize',\n    },\n    counterString: {\n      type: String,\n      default: '$vuetify.fileInput.counter',\n    },\n    hideInput: Boolean,\n    multiple: Boolean,\n    placeholder: String,\n    prependIcon: {\n      type: String,\n      default: '$file',\n    },\n    readonly: {\n      type: Boolean,\n      default: false,\n    },\n    showSize: {\n      type: [Boolean, Number],\n      default: false,\n      validator: (v: boolean | number) => {\n        return (\n          typeof v === 'boolean' ||\n          [1000, 1024].includes(v)\n        )\n      },\n    } as PropValidator<boolean | 1000 | 1024>,\n    smallChips: Boolean,\n    truncateLength: {\n      type: [Number, String],\n      default: 22,\n    },\n    type: {\n      type: String,\n      default: 'file',\n    },\n    value: {\n      default: undefined,\n      validator: val => {\n        return wrapInArray(val).every(v => v != null && typeof v === 'object')\n      },\n    } as PropValidator<File | File[]>,\n  },\n\n  emits: ['change', 'keydown', 'click:prepend'],\n\n  computed: {\n    classes (): object {\n      return {\n        ...VTextField.computed.classes.call(this),\n        'v-file-input': true,\n      }\n    },\n    computedCounterValue (): string {\n      const fileCount = (this.multiple && this.lazyValue)\n        ? this.lazyValue.length\n        : (this.lazyValue instanceof File) ? 1 : 0\n\n      if (!this.showSize) return this.$vuetify.lang.t(this.counterString, fileCount)\n\n      const bytes = this.internalArrayValue.reduce((bytes: number, { size = 0 }: File) => {\n        return bytes + size\n      }, 0)\n\n      return this.$vuetify.lang.t(\n        this.counterSizeString,\n        fileCount,\n        humanReadableFileSize(bytes, this.base === 1024)\n      )\n    },\n    internalArrayValue (): File[] {\n      return wrapInArray(this.internalValue).filter((v: any) => v instanceof File)\n    },\n    internalValue: {\n      get (): File[] {\n        return this.lazyValue\n      },\n      set (val: File | File[]) {\n        this.lazyValue = val\n        this.$emit('change', this.lazyValue)\n      },\n    },\n    isDirty (): boolean {\n      return this.internalArrayValue.length > 0\n    },\n    isLabelActive (): boolean {\n      return this.isDirty\n    },\n    text (): string[] {\n      if (!this.isDirty && (this.persistentPlaceholder || this.isFocused || !this.hasLabel)) return [this.placeholder]\n\n      return this.internalArrayValue.map((file: File) => {\n        const {\n          name = '',\n          size = 0,\n        } = file\n\n        const truncatedText = this.truncateText(name)\n\n        return !this.showSize\n          ? truncatedText\n          : `${truncatedText} (${humanReadableFileSize(size, this.base === 1024)})`\n      })\n    },\n    base (): 1000 | 1024 | undefined {\n      return typeof this.showSize !== 'boolean' ? this.showSize : undefined\n    },\n    hasChips (): boolean {\n      return this.chips || this.smallChips\n    },\n  },\n\n  watch: {\n    readonly: {\n      handler (v) {\n        if (v === true) consoleError('readonly is not supported on <v-file-input>', this)\n      },\n      immediate: true,\n    },\n    value (v) {\n      const value = this.multiple ? v : v ? [v] : []\n      if (!deepEqual(value, this.$refs.input.files)) {\n        // When the input value is changed programatically, clear the\n        // internal input's value so that the `onInput` handler\n        // can be triggered again if the user re-selects the exact\n        // same file(s). Ideally, `input.files` should be\n        // manipulated directly but that property is readonly.\n        this.$refs.input.value = ''\n      }\n    },\n  },\n\n  methods: {\n    clearableCallback () {\n      this.internalValue = this.multiple ? [] : null\n      this.$refs.input.value = ''\n    },\n    genChips () {\n      if (!this.isDirty) return []\n\n      return this.text.map((text, index) => h(VChip, {\n        small: this.smallChips,\n        'onClick:close': () => {\n          const internalValue = this.internalValue\n          internalValue.splice(index, 1)\n          this.internalValue = internalValue // Trigger the watcher\n        },\n      }, [text]))\n    },\n    genControl () {\n      const render = VTextField.methods.genControl.call(this)\n\n      if (this.hideInput) {\n        if (render.props) {\n          render.props.style = mergeStyles(render.props.style, {\n            display: 'none',\n          })\n        } else {\n          render.props = {\n            style: { display: 'none' },\n          }\n        }\n      }\n\n      return render\n    },\n    genInput () {\n      // Create input without calling VTextField.genInput to avoid value setting\n      const listeners = Object.assign({}, this.listeners$)\n      delete listeners.change // Change should not be bound externally\n      const { title, value, ...inputAttrs } = this.attrs$\n\n      const input = h('input', {\n        ...inputAttrs,\n        autofocus: this.autofocus,\n        disabled: this.isDisabled,\n        id: this.computedId,\n        placeholder: this.placeholder,\n        readonly: this.isReadonly,\n        type: this.type,\n        multiple: this.multiple,\n        ...listeners,\n        onChange: this.onInput,\n        onKeyDown: this.onKeyDown,\n        ref: 'input',\n      })\n\n      return [this.genSelections(), input]\n    },\n    genPrependSlot () {\n      if (!this.prependIcon) return null\n\n      const icon = this.genIcon('prepend', () => {\n        this.$refs.input.click()\n      })\n\n      return this.genSlot('prepend', 'outer', [icon])\n    },\n    genSelectionText (): string[] {\n      const length = this.text.length\n\n      if (length < 2) return this.text\n      if (this.showSize && !this.counter) return [this.computedCounterValue]\n      return [this.$vuetify.lang.t(this.counterString, length)]\n    },\n    genSelections () {\n      const children = []\n\n      if (this.isDirty && this.$slots.selection) {\n        this.internalArrayValue.forEach((file: File, index: number) => {\n          if (!this.$slots.selection) return\n\n          children.push(\n            this.$slots.selection({\n              text: this.text[index],\n              file,\n              index,\n            })\n          )\n        })\n      } else {\n        children.push(this.hasChips && this.isDirty ? this.genChips() : this.genSelectionText())\n      }\n\n      return h('div', {\n        class: ['v-file-input__text', {\n          'v-file-input__text--placeholder': this.placeholder && !this.isDirty,\n          'v-file-input__text--chips': this.hasChips && !this.$slots.selection,\n        }],\n      }, children)\n    },\n    genTextFieldSlot () {\n      return h('div', {\n        class: 'v-text-field__slot',\n        onClick: (e: MouseEvent) => {\n          // Clicking the label already delegates to input element, so we shouldn't click it twice\n          if (e.target && (e.target as HTMLElement).nodeName === 'LABEL') return\n\n          this.$refs.input.click()\n        },\n      }, [\n        this.genLabel(),\n        this.prefix ? this.genAffix('prefix') : null,\n        this.genInput(),\n        this.suffix ? this.genAffix('suffix') : null,\n      ])\n    },\n    onInput (e: Event) {\n      const files = [...(e.target as HTMLInputElement).files || []]\n\n      this.internalValue = this.multiple ? files : files[0]\n\n      // Set initialValue here otherwise isFocused\n      // watcher in VTextField will emit a change\n      // event whenever the component is blurred\n      this.initialValue = this.internalValue\n    },\n    onKeyDown (e: KeyboardEvent) {\n      this.$emit('keydown', e)\n    },\n    truncateText (str: string) {\n      if (str.length < Number(this.truncateLength)) return str\n      const charsKeepOneSide = Math.floor((Number(this.truncateLength) - 1) / 2)\n      return `${str.slice(0, charsKeepOneSide)}…${str.slice(str.length - charsKeepOneSide)}`\n    },\n  },\n})\n"],"sourceRoot":"","file":"VFileInput.js"}

package/lib/components/VForm/VForm.js

@@ -2,7 +2,8 @@ import { h } from 'vue'; // Mixins
 
 import mixins from '../../util/mixins';
 import BindsAttrs from '../../mixins/binds-attrs';
-import { provide as RegistrableProvide } from '../../mixins/registrable';
+import { provide as RegistrableProvide } from '../../mixins/registrable'; // Helpers
+
 import { getSlot } from '../../util/helpers';
 /* @vue/component */
 
@@ -24,6 +25,7 @@ export default mixins(BindsAttrs, RegistrableProvide('form')
     readonly: Boolean,
     value: Boolean
   },
+  emits: ['input', 'update:modelValue', 'submit'],
   data: () => ({
     inputs: [],
     watchers: [],
@@ -34,6 +36,7 @@ export default mixins(BindsAttrs, RegistrableProvide('form')
       handler(val) {
         const errors = Object.values(val).includes(true);
         this.$emit('input', !errors);
+        this.$emit('update:modelValue', !errors);
       },
 
       deep: true,
@@ -41,31 +44,42 @@ export default mixins(BindsAttrs, RegistrableProvide('form')
     }
   },
   methods: {
+    getInputUid(input) {
+      return input.$.uid;
+    },
+
     watchInput(input) {
-      const watcher = input => {
-        return input.$watch('hasError', val => {
-          this.errorBag[input._uid] = val;
-        }, {
-          immediate: true
-        });
+      const inputId = this.getInputUid(input);
+
+      const createErrorWatcher = inputComponent => {
+        if (typeof inputComponent.$watch === 'function') {
+          return inputComponent.$watch('hasError', hasError => {
+            this.errorBag[inputId] = hasError;
+          }, {
+            immediate: true
+          });
+        } else {
+          // Fallback для Vue 3
+          return () => {};
+        }
       };
 
       const watchers = {
-        _uid: input._uid,
+        _uid: inputId,
         valid: () => {},
         shouldValidate: () => {}
       };
 
       if (this.lazyValidation) {
-        // Only start watching inputs if we need to
-        watchers.shouldValidate = input.$watch('shouldValidate', val => {
-          if (!val) return; // Only watch if we're not already doing it
-
-          if (this.errorBag.hasOwnProperty(input._uid)) return;
-          watchers.valid = watcher(input);
-        });
+        if (typeof input.$watch === 'function') {
+          watchers.shouldValidate = input.$watch('shouldValidate', shouldValidate => {
+            if (!shouldValidate) return;
+            if (this.errorBag.hasOwnProperty(inputId)) return;
+            watchers.valid = createErrorWatcher(input);
+          });
+        }
       } else {
-        watchers.valid = watcher(input);
+        watchers.valid = createErrorWatcher(input);
       }
 
       return watchers;
@@ -103,18 +117,19 @@ export default mixins(BindsAttrs, RegistrableProvide('form')
     },
 
     unregister(input) {
-      const found = this.inputs.find(i => i._uid === input._uid);
-      if (!found) return;
-      const unwatch = this.watchers.find(i => i._uid === found._uid);
-
-      if (unwatch) {
-        unwatch.valid();
-        unwatch.shouldValidate();
+      const inputId = this.getInputUid(input);
+      const foundInput = this.inputs.find(inputComponent => this.getInputUid(inputComponent) === inputId);
+      if (!foundInput) return;
+      const inputWatcher = this.watchers.find(watcher => watcher._uid === inputId);
+
+      if (inputWatcher) {
+        inputWatcher.valid();
+        inputWatcher.shouldValidate();
       }
 
-      this.watchers = this.watchers.filter(i => i._uid !== found._uid);
-      this.inputs = this.inputs.filter(i => i._uid !== found._uid);
-      this.$delete(this.errorBag, found._uid);
+      this.watchers = this.watchers.filter(watcher => watcher._uid !== inputId);
+      this.inputs = this.inputs.filter(inputComponent => this.getInputUid(inputComponent) !== inputId);
+      delete this.errorBag[inputId];
     }
 
   },

package/lib/components/VForm/VForm.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VForm/VForm.ts"],"names":[],"mappings":"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","sourcesContent":["import {h} from 'vue'\n// Components\nimport VInput from '../VInput/VInput'\n\n// Mixins\nimport mixins from '../../util/mixins'\nimport BindsAttrs from '../../mixins/binds-attrs'\nimport { provide as RegistrableProvide } from '../../mixins/registrable'\n\n// Helpers\nimport { VNode } from 'vue'\nimport { getSlot } from '../../util/helpers'\n\ntype ErrorBag = Record<number, boolean>\ntype VInputInstance = InstanceType<typeof VInput>\ntype Watchers = {\n  _uid: number\n  valid: () => void\n  shouldValidate: () => void\n}\n\n/* @vue/component */\nexport default mixins(\n  BindsAttrs,\n  RegistrableProvide('form')\n  /* @vue/component */\n).extend({\n  name: 'v-form',\n\n  provide (): object {\n    return { form: this }\n  },\n\n  inheritAttrs: false,\n\n  props: {\n    disabled: Boolean,\n    lazyValidation: Boolean,\n    readonly: Boolean,\n    value: Boolean,\n  },\n\n  data: () => ({\n    inputs: [] as VInputInstance[],\n    watchers: [] as Watchers[],\n    errorBag: {} as ErrorBag,\n  }),\n\n  watch: {\n    errorBag: {\n      handler (val) {\n        const errors = Object.values(val).includes(true)\n\n        this.$emit('input', !errors)\n      },\n      deep: true,\n      immediate: true,\n    },\n  },\n\n  methods: {\n    watchInput (input: any): Watchers {\n      const watcher = (input: any): (() => void) => {\n        return input.$watch('hasError', (val: boolean) => {\n          this.errorBag[input._uid] = val\n        }, { immediate: true })\n      }\n\n      const watchers: Watchers = {\n        _uid: input._uid,\n        valid: () => {},\n        shouldValidate: () => {},\n      }\n\n      if (this.lazyValidation) {\n        // Only start watching inputs if we need to\n        watchers.shouldValidate = input.$watch('shouldValidate', (val: boolean) => {\n          if (!val) return\n\n          // Only watch if we're not already doing it\n          if (this.errorBag.hasOwnProperty(input._uid)) return\n\n          watchers.valid = watcher(input)\n        })\n      } else {\n        watchers.valid = watcher(input)\n      }\n\n      return watchers\n    },\n    /** @public */\n    validate (): boolean {\n      return this.inputs.filter(input => !input.validate(true)).length === 0\n    },\n    /** @public */\n    reset (): void {\n      this.inputs.forEach(input => input.reset())\n      this.resetErrorBag()\n    },\n    resetErrorBag () {\n      if (this.lazyValidation) {\n        // Account for timeout in validatable\n        setTimeout(() => {\n          this.errorBag = {}\n        }, 0)\n      }\n    },\n    /** @public */\n    resetValidation () {\n      this.inputs.forEach(input => input.resetValidation())\n      this.resetErrorBag()\n    },\n    register (input: VInputInstance) {\n      this.inputs.push(input)\n      this.watchers.push(this.watchInput(input))\n    },\n    unregister (input: VInputInstance) {\n      const found = this.inputs.find(i => i._uid === input._uid)\n\n      if (!found) return\n\n      const unwatch = this.watchers.find(i => i._uid === found._uid)\n      if (unwatch) {\n        unwatch.valid()\n        unwatch.shouldValidate()\n      }\n\n      this.watchers = this.watchers.filter(i => i._uid !== found._uid)\n      this.inputs = this.inputs.filter(i => i._uid !== found._uid)\n      this.$delete(this.errorBag, found._uid)\n    },\n  },\n\n  render (): VNode {\n    return h('form', {\n      class: 'v-form',\n      novalidate: true,\n      ...this.attrs$,\n      onSubmit: (e: Event) => this.$emit('submit', e),\n    }, getSlot(this))\n  },\n})\n"],"sourceRoot":"","file":"VForm.js"}
+{"version":3,"sources":["../../../src/components/VForm/VForm.ts"],"names":[],"mappings":"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","sourcesContent":["import { h, VNode } from 'vue'\n// Components\nimport VInput from '../VInput/VInput'\n\n// Mixins\nimport mixins from '../../util/mixins'\nimport BindsAttrs from '../../mixins/binds-attrs'\nimport { provide as RegistrableProvide } from '../../mixins/registrable'\n\n// Helpers\nimport { getSlot } from '../../util/helpers'\n\ntype ErrorBag = Record<number, boolean>\ntype VInputInstance = InstanceType<typeof VInput>\ntype Watchers = {\n  _uid: number\n  valid: () => void\n  shouldValidate: () => void\n}\n\ninterface VFormContext {\n  inputs: VInputInstance[]\n  watchers: Watchers[]\n  errorBag: ErrorBag\n  lazyValidation: boolean\n  $emit: (event: string, ...args: any[]) => void\n  getInputUid: (input: VInputInstance) => number\n  watchInput: (input: VInputInstance) => Watchers\n  resetErrorBag: () => void\n}\n\n/* @vue/component */\nexport default mixins(\n  BindsAttrs,\n  RegistrableProvide('form')\n  /* @vue/component */\n).extend({\n  name: 'v-form',\n\n  provide (): object {\n    return { form: this }\n  },\n\n  inheritAttrs: false,\n\n  props: {\n    disabled: Boolean,\n    lazyValidation: Boolean,\n    readonly: Boolean,\n    value: Boolean,\n  },\n\n  emits: ['input', 'update:modelValue', 'submit'],\n\n  data: () => ({\n    inputs: [] as VInputInstance[],\n    watchers: [] as Watchers[],\n    errorBag: {} as ErrorBag,\n  }),\n\n  watch: {\n    errorBag: {\n      handler (this: VFormContext, val: ErrorBag) {\n        const errors = Object.values(val).includes(true)\n\n        this.$emit('input', !errors)\n        this.$emit('update:modelValue', !errors)\n      },\n      deep: true,\n      immediate: true,\n    },\n  },\n\n  methods: {\n    getInputUid (input: VInputInstance): number {\n      return input.$.uid\n    },\n\n    watchInput (this: VFormContext, input: VInputInstance): Watchers {\n      const inputId = this.getInputUid(input)\n\n      const createErrorWatcher = (inputComponent: VInputInstance): (() => void) => {\n        if (typeof inputComponent.$watch === 'function') {\n          return inputComponent.$watch('hasError', (hasError: boolean) => {\n            this.errorBag[inputId] = hasError\n          }, { immediate: true })\n        } else {\n          // Fallback для Vue 3\n          return () => {}\n        }\n      }\n\n      const watchers: Watchers = {\n        _uid: inputId,\n        valid: () => {},\n        shouldValidate: () => {},\n      }\n\n      if (this.lazyValidation) {\n        if (typeof input.$watch === 'function') {\n          watchers.shouldValidate = input.$watch('shouldValidate', (shouldValidate: boolean) => {\n            if (!shouldValidate) return\n\n            if (this.errorBag.hasOwnProperty(inputId)) return\n\n            watchers.valid = createErrorWatcher(input)\n          })\n        }\n      } else {\n        watchers.valid = createErrorWatcher(input)\n      }\n\n      return watchers\n    },\n    /** @public */\n    validate (this: VFormContext): boolean {\n      return this.inputs.filter((input: VInputInstance) => !input.validate(true)).length === 0\n    },\n    /** @public */\n    reset (this: VFormContext): void {\n      this.inputs.forEach((input: VInputInstance) => input.reset())\n      this.resetErrorBag()\n    },\n    resetErrorBag (this: VFormContext) {\n      if (this.lazyValidation) {\n        // Account for timeout in validatable\n        setTimeout(() => {\n          this.errorBag = {}\n        }, 0)\n      }\n    },\n    /** @public */\n    resetValidation (this: VFormContext) {\n      this.inputs.forEach((input: VInputInstance) => input.resetValidation())\n      this.resetErrorBag()\n    },\n\n    register (this: VFormContext, input: VInputInstance) {\n      this.inputs.push(input)\n      this.watchers.push(this.watchInput(input))\n    },\n\n    unregister (this: VFormContext, input: VInputInstance) {\n      const inputId = this.getInputUid(input)\n      const foundInput = this.inputs.find((inputComponent: VInputInstance) => this.getInputUid(inputComponent) === inputId)\n\n      if (!foundInput) return\n\n      const inputWatcher = this.watchers.find((watcher: Watchers) => watcher._uid === inputId)\n      if (inputWatcher) {\n        inputWatcher.valid()\n        inputWatcher.shouldValidate()\n      }\n\n      this.watchers = this.watchers.filter((watcher: Watchers) => watcher._uid !== inputId)\n      this.inputs = this.inputs.filter((inputComponent: VInputInstance) => this.getInputUid(inputComponent) !== inputId)\n\n      delete this.errorBag[inputId]\n    },\n  },\n\n  render (): VNode {\n    return h('form', {\n      class: 'v-form',\n      novalidate: true,\n      ...this.attrs$,\n      onSubmit: (e: Event) => this.$emit('submit', e),\n    }, getSlot(this))\n  },\n})\n"],"sourceRoot":"","file":"VForm.js"}

package/lib/components/VGrid/VCol.js

@@ -70,7 +70,7 @@ function breakpointClass(type, prop, val) {
 const cache = new Map();
 export default defineComponent({
   name: 'v-col',
-  functional: true,
+  inheritAttrs: false,
   props: {
     cols: {
       type: [Boolean, String, Number],
@@ -137,9 +137,9 @@ export default defineComponent({
       cache.set(cacheKey, classList);
     }
 
-    return h(props.tag, mergeData(data, {
+    return h(props.tag, mergeData({
       class: classList
-    }), children);
+    }, data), children);
   }
 
 });

package/lib/components/VGrid/VCol.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VGrid/VCol.ts"],"names":[],"mappings":"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","sourcesContent":["import './VGrid.sass'\n\nimport { defineComponent, VNode, PropOptions, getCurrentInstance } from 'vue'\nimport mergeData from '../../util/mergeData'\nimport { upperFirst } from '../../util/helpers'\nimport {h} from 'vue'\n// no xs\nconst breakpoints = ['sm', 'md', 'lg', 'xl']\n\nconst breakpointProps = (() => {\n  return breakpoints.reduce((props, val) => {\n    props[val] = {\n      type: [Boolean, String, Number],\n      default: false,\n    }\n    return props\n  }, {} as Dictionary<PropOptions>)\n})()\n\nconst offsetProps = (() => {\n  return breakpoints.reduce((props, val) => {\n    props['offset' + upperFirst(val)] = {\n      type: [String, Number],\n      default: null,\n    }\n    return props\n  }, {} as Dictionary<PropOptions>)\n})()\n\nconst orderProps = (() => {\n  return breakpoints.reduce((props, val) => {\n    props['order' + upperFirst(val)] = {\n      type: [String, Number],\n      default: null,\n    }\n    return props\n  }, {} as Dictionary<PropOptions>)\n})()\n\nconst propMap = {\n  col: Object.keys(breakpointProps),\n  offset: Object.keys(offsetProps),\n  order: Object.keys(orderProps),\n}\n\nfunction breakpointClass (type: keyof typeof propMap, prop: string, val: boolean | string | number) {\n  let className = type\n  if (val == null || val === false) {\n    return undefined\n  }\n  if (prop) {\n    const breakpoint = prop.replace(type, '')\n    className += `-${breakpoint}`\n  }\n  // Handling the boolean style prop when accepting [Boolean, String, Number]\n  // means Vue will not convert <v-col sm></v-col> to sm: true for us.\n  // Since the default is false, an empty string indicates the prop's presence.\n  if (type === 'col' && (val === '' || val === true)) {\n    // .col-md\n    return className.toLowerCase()\n  }\n  // .order-md-6\n  className += `-${val}`\n  return className.toLowerCase()\n}\n\nconst cache = new Map<string, any[]>()\n\nexport default defineComponent({\n  name: 'v-col',\n  functional: true,\n  props: {\n    cols: {\n      type: [Boolean, String, Number],\n      default: false,\n    },\n    ...breakpointProps,\n    offset: {\n      type: [String, Number],\n      default: null,\n    },\n    ...offsetProps,\n    order: {\n      type: [String, Number],\n      default: null,\n    },\n    ...orderProps,\n    alignSelf: {\n      type: String,\n      default: null,\n      validator: (str: any) => ['auto', 'start', 'end', 'center', 'baseline', 'stretch'].includes(str),\n    },\n    tag: {\n      type: String,\n      default: 'div',\n    },\n  },\n  render (): VNode {\n    const props = this.$props\n    const data = this.$attrs\n    const children = this.$slots.default()\n    // const {parent} = getCurrentInstance()\n\n    // Super-fast memoization based on props, 5x faster than JSON.stringify\n    let cacheKey = ''\n    for (const prop in props) {\n      cacheKey += String((props as any)[prop])\n    }\n    let classList = cache.get(cacheKey)\n\n    if (!classList) {\n      classList = []\n      // Loop through `col`, `offset`, `order` breakpoint props\n      let type: keyof typeof propMap\n      for (type in propMap) {\n        propMap[type].forEach(prop => {\n          const value: string | number | boolean = (props as any)[prop]\n          const className = breakpointClass(type, prop, value)\n          if (className) classList!.push(className)\n        })\n      }\n\n      const hasColClasses = classList.some(className => className.startsWith('col-'))\n\n      classList.push({\n        // Default to .col if no other col-{bp}-* classes generated nor `cols` specified.\n        col: !hasColClasses || !props.cols,\n        [`col-${props.cols}`]: props.cols,\n        [`offset-${props.offset}`]: props.offset,\n        [`order-${props.order}`]: props.order,\n        [`align-self-${props.alignSelf}`]: props.alignSelf,\n      })\n\n      cache.set(cacheKey, classList)\n    }\n\n    return h(props.tag, mergeData(data, { class: classList }), children)\n  },\n})\n"],"sourceRoot":"","file":"VCol.js"}
+{"version":3,"sources":["../../../src/components/VGrid/VCol.ts"],"names":[],"mappings":"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","sourcesContent":["import './VGrid.sass'\n\nimport { defineComponent, VNode, PropOptions, getCurrentInstance } from 'vue'\nimport mergeData from '../../util/mergeData'\nimport { upperFirst } from '../../util/helpers'\nimport {h} from 'vue'\n// no xs\nconst breakpoints = ['sm', 'md', 'lg', 'xl']\n\nconst breakpointProps = (() => {\n  return breakpoints.reduce((props, val) => {\n    props[val] = {\n      type: [Boolean, String, Number],\n      default: false,\n    }\n    return props\n  }, {} as Dictionary<PropOptions>)\n})()\n\nconst offsetProps = (() => {\n  return breakpoints.reduce((props, val) => {\n    props['offset' + upperFirst(val)] = {\n      type: [String, Number],\n      default: null,\n    }\n    return props\n  }, {} as Dictionary<PropOptions>)\n})()\n\nconst orderProps = (() => {\n  return breakpoints.reduce((props, val) => {\n    props['order' + upperFirst(val)] = {\n      type: [String, Number],\n      default: null,\n    }\n    return props\n  }, {} as Dictionary<PropOptions>)\n})()\n\nconst propMap = {\n  col: Object.keys(breakpointProps),\n  offset: Object.keys(offsetProps),\n  order: Object.keys(orderProps),\n}\n\nfunction breakpointClass (type: keyof typeof propMap, prop: string, val: boolean | string | number) {\n  let className = type\n  if (val == null || val === false) {\n    return undefined\n  }\n  if (prop) {\n    const breakpoint = prop.replace(type, '')\n    className += `-${breakpoint}`\n  }\n  // Handling the boolean style prop when accepting [Boolean, String, Number]\n  // means Vue will not convert <v-col sm></v-col> to sm: true for us.\n  // Since the default is false, an empty string indicates the prop's presence.\n  if (type === 'col' && (val === '' || val === true)) {\n    // .col-md\n    return className.toLowerCase()\n  }\n  // .order-md-6\n  className += `-${val}`\n  return className.toLowerCase()\n}\n\nconst cache = new Map<string, any[]>()\n\nexport default defineComponent({\n  name: 'v-col',\n  inheritAttrs: false,\n  props: {\n    cols: {\n      type: [Boolean, String, Number],\n      default: false,\n    },\n    ...breakpointProps,\n    offset: {\n      type: [String, Number],\n      default: null,\n    },\n    ...offsetProps,\n    order: {\n      type: [String, Number],\n      default: null,\n    },\n    ...orderProps,\n    alignSelf: {\n      type: String,\n      default: null,\n      validator: (str: any) => ['auto', 'start', 'end', 'center', 'baseline', 'stretch'].includes(str),\n    },\n    tag: {\n      type: String,\n      default: 'div',\n    },\n  },\n  render (): VNode {\n    const props = this.$props\n    const data = this.$attrs\n    const children = this.$slots.default()\n    // const {parent} = getCurrentInstance()\n\n    // Super-fast memoization based on props, 5x faster than JSON.stringify\n    let cacheKey = ''\n    for (const prop in props) {\n      cacheKey += String((props as any)[prop])\n    }\n    let classList = cache.get(cacheKey)\n\n    if (!classList) {\n      classList = []\n      // Loop through `col`, `offset`, `order` breakpoint props\n      let type: keyof typeof propMap\n      for (type in propMap) {\n        propMap[type].forEach(prop => {\n          const value: string | number | boolean = (props as any)[prop]\n          const className = breakpointClass(type, prop, value)\n          if (className) classList!.push(className)\n        })\n      }\n\n      const hasColClasses = classList.some(className => className.startsWith('col-'))\n\n      classList.push({\n        // Default to .col if no other col-{bp}-* classes generated nor `cols` specified.\n        col: !hasColClasses || !props.cols,\n        [`col-${props.cols}`]: props.cols,\n        [`offset-${props.offset}`]: props.offset,\n        [`order-${props.order}`]: props.order,\n        [`align-self-${props.alignSelf}`]: props.alignSelf,\n      })\n\n      cache.set(cacheKey, classList)\n    }\n\n    return h(props.tag, mergeData({ class: classList }, data), children)\n  },\n})\n"],"sourceRoot":"","file":"VCol.js"}

package/lib/components/VGrid/VContainer.js

@@ -22,6 +22,8 @@ export default defineComponent({
   },
 
   render() {
+    var _a, _b;
+
     let classes; // const { attrs } = data
 
     const attrs = this.$attrs;
@@ -52,7 +54,7 @@ export default defineComponent({
       class: Array({
         'container--fluid': this.fluid
       }).concat(classes || []).concat('container')
-    }), this.$slots.default());
+    }), (_b = (_a = this.$slots).default) === null || _b === void 0 ? void 0 : _b.call(_a));
   }
 
 });

package/lib/components/VGrid/VContainer.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VGrid/VContainer.ts"],"names":[],"mappings":"AAAA,OAAO,0CAAP;AACA,OAAO,0CAAP;AAEA,OAAO,IAAP,MAAiB,QAAjB;AAEA,OAAO,SAAP,MAAsB,sBAAtB;AACA,SAAS,eAAT,EAA0B,CAA1B,QAAmC,KAAnC;AAEA;;AACA,eAAe,eAAe,CAAC;AAC7B,EAAA,IAAI,EAAE,aADuB;AAE7B,EAAA,OAAO,EAAE,IAAI,CAAC,WAAD,CAFgB;AAG7B,EAAA,UAAU,EAAE,IAHiB;AAI7B,EAAA,KAAK,EAAE;AACL,IAAA,EAAE,EAAE,MADC;AAEL,IAAA,GAAG,EAAE;AACH,MAAA,IAAI,EAAE,MADH;AAEH,MAAA,OAAO,EAAE;AAFN,KAFA;AAML,IAAA,KAAK,EAAE;AACL,MAAA,IAAI,EAAE,OADD;AAEL,MAAA,OAAO,EAAE;AAFJ;AANF,GAJsB;;AAe7B,EAAA,MAAM,GAAA;AACJ,QAAI,OAAJ,CADI,CAEJ;;AAEA,UAAM,KAAK,GAAG,KAAK,MAAnB;;AAEA,QAAI,KAAJ,EAAW;AACT;AACA,MAAA,OAAO,GAAG,MAAM,CAAC,IAAP,CAAY,KAAZ,EAAmB,MAAnB,CAA0B,GAAG,IAAG;AACxC;AACA;AACA,YAAI,GAAG,KAAK,MAAZ,EAAoB,OAAO,KAAP;AAEpB,cAAM,KAAK,GAAG,KAAK,CAAC,GAAD,CAAnB,CALwC,CAOxC;AACA;;AACA,YAAI,GAAG,CAAC,UAAJ,CAAe,OAAf,CAAJ,EAA6B;AAC3B;AACA,iBAAO,KAAP;AACD;;AAED,eAAO,KAAK,IAAI,OAAO,KAAP,KAAiB,QAAjC;AACD,OAfS,CAAV;AAgBD,KAxBG,CA0BJ;AACA;AACA;AACA;;;AAEA,WAAO,CAAC,CACN,KAAK,GADC,EAEN,SAAS,CAAC,KAAK,MAAN,EAAc;AACrB,MAAA,KAAK,EAAE,KAAK,CAAM;AAChB,4BAAoB,KAAK;AADT,OAAN,CAAL,CAEJ,MAFI,CAEG,OAAO,IAAI,EAFd,EAEkB,MAFlB,CAEyB,WAFzB;AADc,KAAd,CAFH,EAON,KAAK,MAAL,CAAY,OAAZ,EAPM,CAAR;AASD;;AAvD4B,CAAD,CAA9B","sourcesContent":["import './_grid.sass'\nimport './VGrid.sass'\n\nimport Grid from './grid'\n\nimport mergeData from '../../util/mergeData'\nimport { defineComponent, h } from 'vue'\n\n/* @vue/component */\nexport default defineComponent({\n  name: 'v-container',\n  extends: Grid('container'),\n  functional: true,\n  props: {\n    id: String,\n    tag: {\n      type: String,\n      default: 'div',\n    },\n    fluid: {\n      type: Boolean,\n      default: false,\n    },\n  },\n  render () {\n    let classes\n    // const { attrs } = data\n\n    const attrs = this.$attrs\n\n    if (attrs) {\n      // reset attrs to extract utility clases like pa-3\n      classes = Object.keys(attrs).filter(key => {\n        // TODO: Remove once resolved\n        // https://github.com/vuejs/vue/issues/7841\n        if (key === 'slot') return false\n\n        const value = attrs[key]\n\n        // add back data attributes like data-test=\"foo\" but do not\n        // add them as classes\n        if (key.startsWith('data-')) {\n          // data.attrs![key] = value\n          return false\n        }\n\n        return value || typeof value === 'string'\n      })\n    }\n\n    // if (props.id) {\n    //   data.domProps = data.domProps || {}\n    //   data.domProps.id = props.id\n    // }\n\n    return h(\n      this.tag,\n      mergeData(this.$attrs, {\n        class: Array<any>({\n          'container--fluid': this.fluid,\n        }).concat(classes || []).concat('container'),\n      }),\n      this.$slots.default()\n    )\n  },\n})\n"],"sourceRoot":"","file":"VContainer.js"}
+{"version":3,"sources":["../../../src/components/VGrid/VContainer.ts"],"names":[],"mappings":"AAAA,OAAO,0CAAP;AACA,OAAO,0CAAP;AAEA,OAAO,IAAP,MAAiB,QAAjB;AAEA,OAAO,SAAP,MAAsB,sBAAtB;AACA,SAAS,eAAT,EAA0B,CAA1B,QAAmC,KAAnC;AAEA;;AACA,eAAe,eAAe,CAAC;AAC7B,EAAA,IAAI,EAAE,aADuB;AAE7B,EAAA,OAAO,EAAE,IAAI,CAAC,WAAD,CAFgB;AAG7B,EAAA,UAAU,EAAE,IAHiB;AAI7B,EAAA,KAAK,EAAE;AACL,IAAA,EAAE,EAAE,MADC;AAEL,IAAA,GAAG,EAAE;AACH,MAAA,IAAI,EAAE,MADH;AAEH,MAAA,OAAO,EAAE;AAFN,KAFA;AAML,IAAA,KAAK,EAAE;AACL,MAAA,IAAI,EAAE,OADD;AAEL,MAAA,OAAO,EAAE;AAFJ;AANF,GAJsB;;AAe7B,EAAA,MAAM,GAAA;;;AACJ,QAAI,OAAJ,CADI,CAEJ;;AAEA,UAAM,KAAK,GAAG,KAAK,MAAnB;;AAEA,QAAI,KAAJ,EAAW;AACT;AACA,MAAA,OAAO,GAAG,MAAM,CAAC,IAAP,CAAY,KAAZ,EAAmB,MAAnB,CAA0B,GAAG,IAAG;AACxC;AACA;AACA,YAAI,GAAG,KAAK,MAAZ,EAAoB,OAAO,KAAP;AAEpB,cAAM,KAAK,GAAG,KAAK,CAAC,GAAD,CAAnB,CALwC,CAOxC;AACA;;AACA,YAAI,GAAG,CAAC,UAAJ,CAAe,OAAf,CAAJ,EAA6B;AAC3B;AACA,iBAAO,KAAP;AACD;;AAED,eAAO,KAAK,IAAI,OAAO,KAAP,KAAiB,QAAjC;AACD,OAfS,CAAV;AAgBD,KAxBG,CA0BJ;AACA;AACA;AACA;;;AAEA,WAAO,CAAC,CACN,KAAK,GADC,EAEN,SAAS,CAAC,KAAK,MAAN,EAAc;AACrB,MAAA,KAAK,EAAE,KAAK,CAAM;AAChB,4BAAoB,KAAK;AADT,OAAN,CAAL,CAEJ,MAFI,CAEG,OAAO,IAAI,EAFd,EAEkB,MAFlB,CAEyB,WAFzB;AADc,KAAd,CAFH,EAON,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,KAAK,MAAL,EAAY,OAAZ,MAAmB,IAAnB,IAAmB,EAAA,KAAA,KAAA,CAAnB,GAAmB,KAAA,CAAnB,GAAmB,EAAA,CAAA,IAAA,CAAA,EAAA,CAPb,CAAR;AASD;;AAvD4B,CAAD,CAA9B","sourcesContent":["import './_grid.sass'\nimport './VGrid.sass'\n\nimport Grid from './grid'\n\nimport mergeData from '../../util/mergeData'\nimport { defineComponent, h } from 'vue'\n\n/* @vue/component */\nexport default defineComponent({\n  name: 'v-container',\n  extends: Grid('container'),\n  functional: true,\n  props: {\n    id: String,\n    tag: {\n      type: String,\n      default: 'div',\n    },\n    fluid: {\n      type: Boolean,\n      default: false,\n    },\n  },\n  render () {\n    let classes\n    // const { attrs } = data\n\n    const attrs = this.$attrs\n\n    if (attrs) {\n      // reset attrs to extract utility clases like pa-3\n      classes = Object.keys(attrs).filter(key => {\n        // TODO: Remove once resolved\n        // https://github.com/vuejs/vue/issues/7841\n        if (key === 'slot') return false\n\n        const value = attrs[key]\n\n        // add back data attributes like data-test=\"foo\" but do not\n        // add them as classes\n        if (key.startsWith('data-')) {\n          // data.attrs![key] = value\n          return false\n        }\n\n        return value || typeof value === 'string'\n      })\n    }\n\n    // if (props.id) {\n    //   data.domProps = data.domProps || {}\n    //   data.domProps.id = props.id\n    // }\n\n    return h(\n      this.tag,\n      mergeData(this.$attrs, {\n        class: Array<any>({\n          'container--fluid': this.fluid,\n        }).concat(classes || []).concat('container'),\n      }),\n      this.$slots.default?.()\n    )\n  },\n})\n"],"sourceRoot":"","file":"VContainer.js"}

package/lib/components/VHover/VHover.js

@@ -18,6 +18,7 @@ export default mixins(Delayable, Toggleable
       default: undefined
     }
   },
+  emits: ['update:modelValue'],
   methods: {
     onMouseEnter() {
       this.runDelay('open');

package/lib/components/VHover/VHover.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VHover/VHover.ts"],"names":[],"mappings":"AAAA;AACA,OAAO,SAAP,MAAsB,wBAAtB;AACA,OAAO,UAAP,MAAuB,yBAAvB,C,CAEA;;AACA,OAAO,MAAP,MAAmB,mBAAnB;AACA,SAAS,WAAT,QAA4B,oBAA5B;AAKA,eAAe,MAAM,CACnB,SADmB,EAEnB;AACA;AAHmB,CAAN,CAIb,MAJa,CAIN;AACP,EAAA,IAAI,EAAE,SADC;AAGP,EAAA,KAAK,EAAE;AACL,IAAA,QAAQ,EAAE;AACR,MAAA,IAAI,EAAE,OADE;AAER,MAAA,OAAO,EAAE;AAFD,KADL;AAKL,IAAA,KAAK,EAAE;AACL,MAAA,IAAI,EAAE,OADD;AAEL,MAAA,OAAO,EAAE;AAFJ;AALF,GAHA;AAcP,EAAA,OAAO,EAAE;AACP,IAAA,YAAY,GAAA;AACV,WAAK,QAAL,CAAc,MAAd;AACD,KAHM;;AAIP,IAAA,YAAY,GAAA;AACV,WAAK,QAAL,CAAc,OAAd;AACD;;AANM,GAdF;;AAuBP,EAAA,MAAM,GAAA;AACJ,QAAI,CAAC,KAAK,MAAL,CAAY,OAAb,IAAwB,KAAK,KAAL,KAAe,SAA3C,EAAsD;AACpD,MAAA,WAAW,CAAC,wDAAD,EAA2D,IAA3D,CAAX;AAEA,aAAO,IAAP;AACD;;AAED,QAAI,OAAJ;AAEA;;AACA,QAAI,KAAK,MAAL,CAAY,OAAhB,EAAyB;AACvB,MAAA,OAAO,GAAG,KAAK,MAAL,CAAY,OAAZ,CAAoB;AAAE,QAAA,KAAK,EAAE,KAAK;AAAd,OAApB,CAAV;AACD;;AAED,QAAI,KAAK,CAAC,OAAN,CAAc,OAAd,KAA0B,OAAO,CAAC,MAAR,KAAmB,CAAjD,EAAoD;AAClD,MAAA,OAAO,GAAG,OAAO,CAAC,CAAD,CAAjB;AACD;;AAED,QAAI,CAAC,OAAD,IAAY,KAAK,CAAC,OAAN,CAAc,OAAd,CAAZ,IAAsC,CAAC,OAAO,CAAC,GAAnD,EAAwD;AACtD,MAAA,WAAW,CAAC,8CAAD,EAAiD,IAAjD,CAAX;AAEA,aAAO,OAAP;AACD;;AAED,QAAI,CAAC,KAAK,QAAV,EAAoB;AAClB,MAAA,OAAO,CAAC,IAAR,GAAe,OAAO,CAAC,IAAR,IAAgB,EAA/B;;AACA,WAAK,EAAL,CAAQ,OAAO,CAAC,IAAhB,EAAsB;AACpB,QAAA,UAAU,EAAE,KAAK,YADG;AAEpB,QAAA,UAAU,EAAE,KAAK;AAFG,OAAtB;AAID;;AAED,WAAO,OAAP;AACD;;AAxDM,CAJM,CAAf","sourcesContent":["// Mixins\nimport Delayable from '../../mixins/delayable'\nimport Toggleable from '../../mixins/toggleable'\n\n// Utilities\nimport mixins from '../../util/mixins'\nimport { consoleWarn } from '../../util/console'\n\n// Types\nimport { VNode, ScopedSlotChildren } from 'vue/types/vnode'\n\nexport default mixins(\n  Delayable,\n  Toggleable\n  /* @vue/component */\n).extend({\n  name: 'v-hover',\n\n  props: {\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n    value: {\n      type: Boolean,\n      default: undefined,\n    },\n  },\n\n  methods: {\n    onMouseEnter () {\n      this.runDelay('open')\n    },\n    onMouseLeave () {\n      this.runDelay('close')\n    },\n  },\n\n  render (): VNode {\n    if (!this.$slots.default && this.value === undefined) {\n      consoleWarn('v-hover is missing a default scopedSlot or bound value', this)\n\n      return null as any\n    }\n\n    let element: VNode | ScopedSlotChildren\n\n    /* istanbul ignore else */\n    if (this.$slots.default) {\n      element = this.$slots.default({ hover: this.isActive })\n    }\n\n    if (Array.isArray(element) && element.length === 1) {\n      element = element[0]\n    }\n\n    if (!element || Array.isArray(element) || !element.tag) {\n      consoleWarn('v-hover should only contain a single element', this)\n\n      return element as any\n    }\n\n    if (!this.disabled) {\n      element.data = element.data || {}\n      this._g(element.data, {\n        mouseenter: this.onMouseEnter,\n        mouseleave: this.onMouseLeave,\n      })\n    }\n\n    return element\n  },\n})\n"],"sourceRoot":"","file":"VHover.js"}
+{"version":3,"sources":["../../../src/components/VHover/VHover.ts"],"names":[],"mappings":"AAAA;AACA,OAAO,SAAP,MAAsB,wBAAtB;AACA,OAAO,UAAP,MAAuB,yBAAvB,C,CAEA;;AACA,OAAO,MAAP,MAAmB,mBAAnB;AACA,SAAS,WAAT,QAA4B,oBAA5B;AAKA,eAAe,MAAM,CACnB,SADmB,EAEnB;AACA;AAHmB,CAAN,CAIb,MAJa,CAIN;AACP,EAAA,IAAI,EAAE,SADC;AAGP,EAAA,KAAK,EAAE;AACL,IAAA,QAAQ,EAAE;AACR,MAAA,IAAI,EAAE,OADE;AAER,MAAA,OAAO,EAAE;AAFD,KADL;AAKL,IAAA,KAAK,EAAE;AACL,MAAA,IAAI,EAAE,OADD;AAEL,MAAA,OAAO,EAAE;AAFJ;AALF,GAHA;AAcP,EAAA,KAAK,EAAE,CAAC,mBAAD,CAdA;AAgBP,EAAA,OAAO,EAAE;AACP,IAAA,YAAY,GAAA;AACV,WAAK,QAAL,CAAc,MAAd;AACD,KAHM;;AAIP,IAAA,YAAY,GAAA;AACV,WAAK,QAAL,CAAc,OAAd;AACD;;AANM,GAhBF;;AAyBP,EAAA,MAAM,GAAA;AACJ,QAAI,CAAC,KAAK,MAAL,CAAY,OAAb,IAAwB,KAAK,KAAL,KAAe,SAA3C,EAAsD;AACpD,MAAA,WAAW,CAAC,wDAAD,EAA2D,IAA3D,CAAX;AAEA,aAAO,IAAP;AACD;;AAED,QAAI,OAAJ;AAEA;;AACA,QAAI,KAAK,MAAL,CAAY,OAAhB,EAAyB;AACvB,MAAA,OAAO,GAAG,KAAK,MAAL,CAAY,OAAZ,CAAoB;AAAE,QAAA,KAAK,EAAE,KAAK;AAAd,OAApB,CAAV;AACD;;AAED,QAAI,KAAK,CAAC,OAAN,CAAc,OAAd,KAA0B,OAAO,CAAC,MAAR,KAAmB,CAAjD,EAAoD;AAClD,MAAA,OAAO,GAAG,OAAO,CAAC,CAAD,CAAjB;AACD;;AAED,QAAI,CAAC,OAAD,IAAY,KAAK,CAAC,OAAN,CAAc,OAAd,CAAZ,IAAsC,CAAC,OAAO,CAAC,GAAnD,EAAwD;AACtD,MAAA,WAAW,CAAC,8CAAD,EAAiD,IAAjD,CAAX;AAEA,aAAO,OAAP;AACD;;AAED,QAAI,CAAC,KAAK,QAAV,EAAoB;AAClB,MAAA,OAAO,CAAC,IAAR,GAAe,OAAO,CAAC,IAAR,IAAgB,EAA/B;;AACA,WAAK,EAAL,CAAQ,OAAO,CAAC,IAAhB,EAAsB;AACpB,QAAA,UAAU,EAAE,KAAK,YADG;AAEpB,QAAA,UAAU,EAAE,KAAK;AAFG,OAAtB;AAID;;AAED,WAAO,OAAP;AACD;;AA1DM,CAJM,CAAf","sourcesContent":["// Mixins\nimport Delayable from '../../mixins/delayable'\nimport Toggleable from '../../mixins/toggleable'\n\n// Utilities\nimport mixins from '../../util/mixins'\nimport { consoleWarn } from '../../util/console'\n\n// Types\nimport { VNode, ScopedSlotChildren } from 'vue/types/vnode'\n\nexport default mixins(\n  Delayable,\n  Toggleable\n  /* @vue/component */\n).extend({\n  name: 'v-hover',\n\n  props: {\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n    value: {\n      type: Boolean,\n      default: undefined,\n    },\n  },\n\n  emits: ['update:modelValue'],\n\n  methods: {\n    onMouseEnter () {\n      this.runDelay('open')\n    },\n    onMouseLeave () {\n      this.runDelay('close')\n    },\n  },\n\n  render (): VNode {\n    if (!this.$slots.default && this.value === undefined) {\n      consoleWarn('v-hover is missing a default scopedSlot or bound value', this)\n\n      return null as any\n    }\n\n    let element: VNode | ScopedSlotChildren\n\n    /* istanbul ignore else */\n    if (this.$slots.default) {\n      element = this.$slots.default({ hover: this.isActive })\n    }\n\n    if (Array.isArray(element) && element.length === 1) {\n      element = element[0]\n    }\n\n    if (!element || Array.isArray(element) || !element.tag) {\n      consoleWarn('v-hover should only contain a single element', this)\n\n      return element as any\n    }\n\n    if (!this.disabled) {\n      element.data = element.data || {}\n      this._g(element.data, {\n        mouseenter: this.onMouseEnter,\n        mouseleave: this.onMouseLeave,\n      })\n    }\n\n    return element\n  },\n})\n"],"sourceRoot":"","file":"VHover.js"}

package/lib/components/VImg/VImg.js

@@ -1,8 +1,6 @@
 import { h, Transition, withDirectives, mergeProps } from 'vue'; // Styles
 
-import "../../../src/components/VImg/VImg.sass"; // Directives
-
-import intersect from '../../directives/intersect'; // Components
+import "../../../src/components/VImg/VImg.sass"; // Components
 
 import VResponsive from '../VResponsive'; // Mixins
 
@@ -18,9 +16,6 @@ const hasIntersect = typeof window !== 'undefined' && 'IntersectionObserver' in
 
 export default mixins(VResponsive, Themeable).extend({
   name: 'v-img',
-  directives: {
-    intersect
-  },
   props: {
     alt: String,
     contain: Boolean,
@@ -52,6 +47,7 @@ export default mixins(VResponsive, Themeable).extend({
       default: 'fade-transition'
     }
   },
+  emits: ['load', 'error', 'loadstart'],
 
   data() {
     return {
@@ -108,7 +104,7 @@ export default mixins(VResponsive, Themeable).extend({
       return h(Transition, {
         name: this.transition,
         mode: 'in-out'
-      }, [image]);
+      }, () => [image]);
     }
 
   },
@@ -215,7 +211,7 @@ export default mixins(VResponsive, Themeable).extend({
       let content = VResponsive.methods.genContent.call(this);
 
       if (this.naturalWidth) {
-        content = h(content.type, mergeProps(content.data, {
+        content = h(content.type, mergeProps(content.props, {
           style: {
             width: `${this.naturalWidth}px`
           }
@@ -236,7 +232,7 @@ export default mixins(VResponsive, Themeable).extend({
         return h(Transition, {
           appear: true,
           name: this.transition
-        }, placeholder);
+        }, () => placeholder);
       }
     }