@varlet/ui 2.13.1-alpha.1689663779667 → 2.13.2

package/es/index.bundle.mjs

@@ -244,7 +244,7 @@ import './time-picker/style/index.mjs'
 import './tooltip/style/index.mjs'
 import './uploader/style/index.mjs'
 
-const version = '2.13.1-alpha.1689663779667'
+const version = '2.13.2'
 
 function install(app) {
   ActionSheet.install && app.use(ActionSheet)

package/es/index.mjs

@@ -162,7 +162,7 @@ export * from './time-picker/index.mjs'
 export * from './tooltip/index.mjs'
 export * from './uploader/index.mjs'
 
-const version = '2.13.1-alpha.1689663779667'
+const version = '2.13.2'
 
 function install(app) {
   ActionSheet.install && app.use(ActionSheet)

package/es/menu/menu.css

@@ -1 +1 @@
-:root { --menu-background-color: #fff;}.var-menu-enter-from,.var-menu-leave-to { opacity: 0;}.var-menu-enter-active,.var-menu-leave-active { transition-property: opacity; transition-duration: 0.25s;}.var-menu { display: inline-block;}.var-menu--menu-background-color { background: var(--menu-background-color); transition: opacity 0.25s, background-color 0.25s;}
+:root { --menu-background-color: #fff;}.var-menu { display: inline-block;}.var-menu-enter-from,.var-menu-leave-to { opacity: 0; transform: scale(0.8);}.var-menu-enter-active,.var-menu-leave-active { transition-property: opacity, transform; transition-duration: 0.2s;}.var-menu--menu-background-color { background: var(--menu-background-color);}

package/es/menu/usePopover.mjs

@@ -45,6 +45,38 @@ export function usePopover(options) {
       height: toPxNum(height)
     };
   };
+  var getTransformOrigin = () => {
+    switch (options.placement) {
+      case 'top':
+      case 'cover-bottom':
+        return 'bottom';
+      case 'top-start':
+      case 'right-end':
+      case 'cover-bottom-start':
+        return 'bottom left';
+      case 'top-end':
+      case 'left-end':
+      case 'cover-bottom-end':
+        return 'bottom right';
+      case 'bottom':
+      case 'cover-top':
+        return 'top';
+      case 'bottom-start':
+      case 'right-start':
+      case 'cover-top-start':
+        return 'top left';
+      case 'bottom-end':
+      case 'left-start':
+      case 'cover-top-end':
+        return 'top right';
+      case 'left':
+      case 'cover-right':
+        return 'right';
+      case 'right':
+      case 'cover-left':
+        return 'left';
+    }
+  };
   var handleHostMouseenter = () => {
     if (options.trigger !== 'hover') {
       return;
@@ -213,8 +245,22 @@ export function usePopover(options) {
         offset: [skidding, distance]
       }
     }), _extends({}, computeStyles, {
+      options: {
+        adaptive: false,
+        gpuAcceleration: false
+      },
       enabled: show.value
-    })];
+    }), {
+      name: 'applyTransformOrigin',
+      enabled: show.value,
+      phase: 'beforeWrite',
+      fn(_ref3) {
+        var {
+          state
+        } = _ref3;
+        state.styles.popper.transformOrigin = getTransformOrigin();
+      }
+    }];
     return {
       placement,
       modifiers

package/es/select/Select.mjs

@@ -169,7 +169,7 @@ var __sfc__ = defineComponent({
       resetValidation
     } = useValidation();
     var menuEl = ref(null);
-    var placement = computed(() => props.variant === 'outlined' ? 'bottom-start' : 'cover-top-start');
+    var placement = computed(() => props.variant === 'outlined' ? 'bottom' : 'cover-top');
     var placeholderColor = computed(() => {
       var {
         hint,

package/es/snackbar/style/index.mjs

@@ -1,8 +1,8 @@
 import '../../styles/common.css'
+import '../SnackbarSfc.css'
 import '../../styles/elevation.css'
 import '../../loading/loading.css'
 import '../../button/button.css'
 import '../../icon/icon.css'
 import '../snackbar.css'
 import '../coreSfc.css'
-import '../SnackbarSfc.css'