u

code/base-project/base-vue/packages/ao-design/src/notification/index.ts

@@ -50,12 +50,16 @@ function getContainer(placement: Placement = 'top-end') {
 }
 
 function getTransform(placement: Placement, hidden: boolean) {
-  if (placement.startsWith('top'))
-    return hidden ? 'translateY(-10px)' : 'translateY(0)'
-  if (placement.startsWith('bottom'))
-    return hidden ? 'translateY(10px)' : 'translateY(0)'
-
-  return hidden ? 'translateY(-10px)' : 'translateY(0)'
+  switch (placement) {
+    case 'top-start':
+    case 'bottom-start':
+      return hidden ? 'translateX(-10px)' : 'translateX(0)'
+    case 'top-end':
+    case 'bottom-end':
+      return hidden ? 'translateX(10px)' : 'translateX(0)'
+    default:
+      return hidden ? 'translateX(-10px)' : 'translateX(0)'
+  }
 }
 
 export function useNotification(): MessageFn {