@dimailn/vuetify 2.7.2-alpha26 → 2.7.2-alpha28

package/src/components/VTooltip/VTooltip.ts

@@ -161,17 +161,17 @@ export default mixins(Colorable, Delayable, Dependent, Menuable).extend({
       const listeners = Activatable.methods.genActivatorListeners.call(this)
 
       if (this.openOnFocus) {
-        listeners.focus = (e: Event) => {
+        listeners.onFocus = (e: Event) => {
           this.getActivator(e)
           this.runDelay('open')
         }
-        listeners.blur = (e: Event) => {
+        listeners.onBlur = (e: Event) => {
           this.getActivator(e)
           this.runDelay('close')
         }
       }
 
-      listeners.keydown = (e: KeyboardEvent) => {
+      listeners.onKeydown = (e: KeyboardEvent) => {
         if (e.keyCode === keyCodes.esc) {
           this.getActivator(e)
           this.runDelay('close')
@@ -200,13 +200,13 @@ export default mixins(Colorable, Delayable, Dependent, Menuable).extend({
         h(
           'div',
           this.setBackgroundColor(this.color, {
+            ...this.getScopeIdAttrs(),
             class: ['v-tooltip__content', {
               [this.contentClass]: true,
               menuable__content__active: this.isActive,
               'v-tooltip__content--fixed': this.activatorFixed,
             }],
             style: this.styles,
-            attrs: this.getScopeIdAttrs(),
             ref: 'content',
           }),
           this.getContentSlot()

package/src/components/VTooltip/__tests__/__snapshots__/VTooltip.spec.ts.snap

@@ -10,9 +10,13 @@ exports[`VTooltip should render component with bottom and match snapshot 1`] = `
 
 exports[`VTooltip should render component with bottom and match snapshot 2`] = `
 <span class="v-tooltip v-tooltip--bottom">
-  <span>
-    activator
-  </span>
+  <div class="v-tooltip__content  menuable__content__active"
+       style="left: 0px; max-width: auto; top: 12px; z-index: 8; display: none;"
+  >
+    <span>
+      content
+    </span>
+  </div>
 </span>
 `;
 
@@ -34,13 +38,25 @@ exports[`VTooltip should render component with left and match snapshot 1`] = `
 
 exports[`VTooltip should render component with left and match snapshot 2`] = `
 <span class="v-tooltip v-tooltip--left">
+  <div class="v-tooltip__content  menuable__content__active"
+       style="left: 12px; max-width: auto; top: 12px; z-index: 8; display: none;"
+  >
+    <span>
+      content
+    </span>
+  </div>
+</span>
+`;
+
+exports[`VTooltip should render component with min/max width and match snapshot 1`] = `
+<span class="v-tooltip">
   <span>
     activator
   </span>
 </span>
 `;
 
-exports[`VTooltip should render component with min/max width and match snapshot 1`] = `
+exports[`VTooltip should render component with modelValue=true and match snapshot 1`] = `
 <span class="v-tooltip">
   <span>
     activator
@@ -58,9 +74,13 @@ exports[`VTooltip should render component with right and match snapshot 1`] = `
 
 exports[`VTooltip should render component with right and match snapshot 2`] = `
 <span class="v-tooltip v-tooltip--right">
-  <span>
-    activator
-  </span>
+  <div class="v-tooltip__content  menuable__content__active"
+       style="left: 0px; max-width: auto; top: 12px; z-index: 8; display: none;"
+  >
+    <span>
+      content
+    </span>
+  </div>
 </span>
 `;
 
@@ -74,17 +94,13 @@ exports[`VTooltip should render component with top and match snapshot 1`] = `
 
 exports[`VTooltip should render component with top and match snapshot 2`] = `
 <span class="v-tooltip v-tooltip--top">
-  <span>
-    activator
-  </span>
-</span>
-`;
-
-exports[`VTooltip should render component with value=true and match snapshot 1`] = `
-<span class="v-tooltip">
-  <span>
-    activator
-  </span>
+  <div class="v-tooltip__content  menuable__content__active"
+       style="left: 0px; max-width: auto; top: 12px; z-index: 8; display: none;"
+  >
+    <span>
+      content
+    </span>
+  </div>
 </span>
 `;
 

package/src/components/VTreeview/VTreeview.ts

@@ -168,11 +168,6 @@ export default mixins(
   },
 
   mounted () {
-    // Save the developer from themselves
-    if (this.$slots.prepend || this.$slots.append) {
-      consoleWarn('The prepend and append slots require a slot-scope attribute', this)
-    }
-
     if (this.openAll) {
       this.updateAll(true)
     } else {

package/src/components/VVirtualScroll/VVirtualScroll.ts

@@ -20,7 +20,6 @@ import { VNode, defineComponent } from 'vue'
 export default defineComponent({
   name: 'v-virtual-scroll',
 
-  directives: { Scroll },
 
   extends: Measurable,
 

package/src/components/VWindow/VWindow.ts

@@ -21,7 +21,6 @@ export default defineComponent({
   name: 'v-window',
   extends: BaseItemGroup,
 
-  directives: { Touch },
 
   provide (): object {
     return {

package/src/components/VWindow/VWindowItem.ts

@@ -29,9 +29,8 @@ interface options extends ExtractVue<typeof baseMixins> {
 export default baseMixins.extend({
   name: 'v-window-item',
 
-  directives: {
-    Touch,
-  },
+  emits: ['change'],
+
 
   props: {
     disabled: Boolean,

package/src/mixins/detachable/index.ts

@@ -126,12 +126,18 @@ export default mixins<options &
 
   methods: {
     getScopeIdAttrs () {
-      // В Vue 3 $vnode больше не существует, используем современный способ
-      const scopeId = this.$options._scopeId || this.$options.__scopeId
+      if (!this.$attrs) return {}
 
-      return scopeId && {
-        [scopeId]: '',
-      }
+      const scopeIdAttrs: Record<string, any> = {}
+
+      // Ищем все data-v- атрибуты в $attrs
+      Object.keys(this.$attrs).forEach(key => {
+        if (key.startsWith('data-v-')) {
+          scopeIdAttrs[key] = ''
+        }
+      })
+
+      return scopeIdAttrs
     },
     initDetach () {
       if (this._isDestroyed ||

package/src/mixins/routable/index.ts

@@ -48,7 +48,8 @@ export default defineComponent({
 
       if (this.to) return classes
 
-      const activeClass = this.activeClass || this.$activeClass
+      const activeClass = this.activeClass || ('$activeClass' in this ? this.$activeClass : undefined)
+      // const activeClass = this.activeClass || this.$activeClass
 
       if (activeClass) classes[activeClass] = this.isActive
       if (this.proxyClass) classes[this.proxyClass] = this.isActive
@@ -66,9 +67,10 @@ export default defineComponent({
       return Boolean(
         this.isLink ||
         this.$attrs.onClick ||
-        this.$attrs['on!click'] ||
-        this.$attrs.tabindex
-      )
+        this.$attrs["on!click"] ||
+        this.$attrs.tabindex ||
+        this.$props?.onClick
+      );
     },
     isLink (): boolean {
       return this.to || this.href || this.link