fix: rtl placement (#639)

src/SubMenu/PopupTrigger.tsx

@@ -4,7 +4,7 @@ import classNames from 'classnames';
 import raf from 'rc-util/lib/raf';
 import type { CSSMotionProps } from 'rc-motion';
 import { MenuContext } from '../context/MenuContext';
-import { placements } from '../placements';
+import { placements, placementsRtl } from '../placements';
 import type { MenuMode } from '../interface';
 import { getMotion } from '../utils/motionUtil';
 
@@ -55,7 +55,9 @@ export default function PopupTrigger({
 
   const [innerVisible, setInnerVisible] = React.useState(false);
 
-  const placement =  { ...placements, ...builtinPlacements };
+  const placement = rtl
+    ? { ...placementsRtl, ...builtinPlacements }
+    : { ...placements, ...builtinPlacements };
 
   const popupPlacement = popupPlacementMap[mode];
 

src/placements.ts

@@ -38,4 +38,39 @@ export const placements = {
   }
 };
 
+export const placementsRtl = {
+  topLeft: {
+    points: ['bl', 'tl'],
+    overflow: autoAdjustOverflow,
+  },
+  topRight: {
+    points: ['br', 'tr'],
+    overflow: autoAdjustOverflow,
+  },
+  bottomLeft: {
+    points: ['tl', 'bl'],
+    overflow: autoAdjustOverflow,
+  },
+  bottomRight: {
+    points: ['tr', 'br'],
+    overflow: autoAdjustOverflow,
+  },
+  rightTop: {
+    points: ['tr', 'tl'],
+    overflow: autoAdjustOverflow,
+  },
+  rightBottom: {
+    points: ['br', 'bl'],
+    overflow: autoAdjustOverflow,
+  },
+  leftTop: {
+    points: ['tl', 'tr'],
+    overflow: autoAdjustOverflow,
+  },
+  leftBottom: {
+    points: ['bl', 'br'],
+    overflow: autoAdjustOverflow,
+  }
+};
+
 export default placements;