fix(tooltip): correct the opposite shift direction

qmhc · qmhc · commit 2e0ce2a88b05 · 2025-09-18T17:25:58.000+08:00
diff --git a/components/tooltip/tooltip.tsx b/components/tooltip/tooltip.tsx
@@ -119,16 +119,23 @@ export default defineComponent({
     const popper = ref<PopperExposed>()
     const popperEl = computed(() => popper.value?.wrapper)
     const arrow = ref<HTMLElement>()
-    const shift = computed<{ mainAxis?: boolean, crossAxis?: boolean }>(() => {
+    const shift = computed<{ mainAxis: boolean, crossAxis: boolean }>(() => {
       if (!props.shift) {
-        return { mainAxis: false }
+        return { mainAxis: false, crossAxis: false }
       }
 
       if (props.shift === true || props.shift === 'both') {
-        return { crossAxis: true }
+        return { mainAxis: true, crossAxis: true }
       }
 
-      return props.shift === 'horizontal' ? { mainAxis: false, crossAxis: true } : {}
+      const side = placement.value.split('-')[0]
+
+      return props.shift === (side === 'top' || side === 'bottom' ? 'vertical' : 'horizontal')
+        ? { mainAxis: false, crossAxis: true }
+        : {
+          mainAxis: true,
+          crossAxis: false,
+        }
     })
     const { transferTo, updatePopper } = usePopper({
       placement,
diff --git a/docs/en-US/component/tooltip.md b/docs/en-US/component/tooltip.md
@@ -107,16 +107,16 @@ type TooltipShift = 'horizontal' | 'vertical' | 'both'
 
 type TooltipVirtual =
   | {
-    getBoundingClientRect: () => DOMRect
+    getBoundingClientRect: () => DOMRect,
   }
   | {
     $el: {
-      getBoundingClientRect: () => DOMRect
-    }
+      getBoundingClientRect: () => DOMRect,
+    },
   }
   | {
     x: number,
-    y: number
+    y: number,
   }
 ```
 
diff --git a/docs/zh-CN/component/tooltip.md b/docs/zh-CN/component/tooltip.md
@@ -107,16 +107,16 @@ type TooltipShift = 'horizontal' | 'vertical' | 'both'
 
 type TooltipVirtual =
   | {
-    getBoundingClientRect: () => DOMRect
+    getBoundingClientRect: () => DOMRect,
   }
   | {
     $el: {
-      getBoundingClientRect: () => DOMRect
-    }
+      getBoundingClientRect: () => DOMRect,
+    },
   }
   | {
     x: number,
-    y: number
+    y: number,
   }
 ```
 

Original file line number	Diff line number	Diff line change
`@@ -107,16 +107,16 @@ type TooltipShift = 'horizontal' \| 'vertical' \| 'both'`
`107`	`107`
`108`	`108`	`type TooltipVirtual =`
`109`	`109`	`\| {`
`110`		`- getBoundingClientRect: () => DOMRect`
	`110`	`+ getBoundingClientRect: () => DOMRect,`
`111`	`111`	`}`
`112`	`112`	`\| {`
`113`	`113`	`$el: {`
`114`		`- getBoundingClientRect: () => DOMRect`
`115`		`- }`
	`114`	`+ getBoundingClientRect: () => DOMRect,`
	`115`	`+ },`
`116`	`116`	`}`
`117`	`117`	`\| {`
`118`	`118`	`x: number,`
`119`		`- y: number`
	`119`	`+ y: number,`
`120`	`120`	`}`
`121`	`121`	```
`122`	`122`