@varlet/ui 2.5.1 → 2.5.3

package/es/menu/Menu.js

@@ -2,6 +2,7 @@ import { createNamespace } from '../utils/components';
 import { defineComponent } from 'vue';
 import { props } from './props';
 import { usePopover } from './usePopover';
+import { toSizeUnit } from '../utils/elements';
 var {
   n,
   classes
@@ -30,7 +31,8 @@ export function render(_ctx, _cache) {
     default: _withCtx(() => [_withDirectives(_createElementVNode("div", {
       ref: "popover",
       style: _normalizeStyle({
-        zIndex: _ctx.zIndex
+        zIndex: _ctx.zIndex,
+        width: _ctx.sameWidth ? _ctx.toSizeUnit(Math.ceil(_ctx.hostSize.width)) : undefined
       }),
       class: _normalizeClass(_ctx.classes(_ctx.n('menu'), [_ctx.defaultStyle, _ctx.n('--menu-background-color') + " " + _ctx.n('$-elevation--3')])),
       onClick: _cache[0] || (_cache[0] = _withModifiers(() => {}, ["stop"])),
@@ -85,6 +87,7 @@ export default defineComponent({
       hostSize,
       show,
       zIndex,
+      toSizeUnit,
       n,
       classes,
       handleHostClick,

package/es/menu/props.js

@@ -39,6 +39,10 @@ export var props = {
     type: [String, Object],
     default: 'body'
   },
+  sameWidth: {
+    type: Boolean,
+    default: false
+  },
   defaultStyle: {
     type: Boolean,
     default: true

package/es/menu/usePopover.js

@@ -15,6 +15,10 @@ export function usePopover(options) {
   var host = ref(null);
   var popover = ref(null);
   var show = ref(false);
+  var hostSize = ref({
+    width: 0,
+    height: 0
+  });
   var {
     zIndex
   } = useZIndex(() => show.value, 1);
@@ -22,17 +26,13 @@ export function usePopover(options) {
   var clickSelf = false;
   var enterPopover = false;
   var enterHost = false;
-  var hostSize = {
-    width: 0,
-    height: 0
-  };
 
   var computeHostSize = () => {
     var {
       width,
       height
     } = window.getComputedStyle(host.value);
-    hostSize = {
+    hostSize.value = {
       width: toPxNum(width),
       height: toPxNum(height)
     };
@@ -124,56 +124,56 @@ export function usePopover(options) {
         return {
           placement: 'bottom',
           skidding: offset.x,
-          distance: offset.y - hostSize.height
+          distance: offset.y - hostSize.value.height
         };
 
       case 'cover-top-start':
         return {
           placement: 'bottom-start',
           skidding: offset.x,
-          distance: offset.y - hostSize.height
+          distance: offset.y - hostSize.value.height
         };
 
       case 'cover-top-end':
         return {
           placement: 'bottom-end',
           skidding: offset.x,
-          distance: offset.y - hostSize.height
+          distance: offset.y - hostSize.value.height
         };
 
       case 'cover-bottom':
         return {
           placement: 'top',
           skidding: offset.x,
-          distance: -offset.y - hostSize.height
+          distance: -offset.y - hostSize.value.height
         };
 
       case 'cover-bottom-start':
         return {
           placement: 'top-start',
           skidding: offset.x,
-          distance: -offset.y - hostSize.height
+          distance: -offset.y - hostSize.value.height
         };
 
       case 'cover-bottom-end':
         return {
           placement: 'top-end',
           skidding: offset.x,
-          distance: -offset.y - hostSize.height
+          distance: -offset.y - hostSize.value.height
         };
 
       case 'cover-left':
         return {
           placement: 'right',
           skidding: offset.y,
-          distance: offset.x - hostSize.width
+          distance: offset.x - hostSize.value.width
         };
 
       case 'cover-right':
         return {
           placement: 'left',
           skidding: offset.y,
-          distance: -offset.x - hostSize.width
+          distance: -offset.x - hostSize.value.width
         };
 
       case 'left':

package/es/tooltip/Tooltip.js

@@ -72,7 +72,6 @@ export default defineComponent({
     var {
       popover,
       host,
-      hostSize,
       show,
       zIndex,
       handleHostClick,
@@ -91,7 +90,6 @@ export default defineComponent({
     return {
       popover,
       host,
-      hostSize,
       show,
       zIndex,
       n,