mirror of
https://github.com/ant-design/ant-design.git
synced 2024-12-14 16:19:15 +08:00
4f099742b8
* enhance: auto align logic * test: update snapshot * chore: update snapshot * chore: fix demo
49 lines
1.1 KiB
TypeScript
49 lines
1.1 KiB
TypeScript
import type { AlignType, BuildInPlacements } from '@rc-component/trigger';
|
|
import type { PopupOverflow } from '../config-provider/context';
|
|
|
|
const getBuiltInPlacements = (popupOverflow?: PopupOverflow): Record<string, AlignType> => {
|
|
const htmlRegion: AlignType['htmlRegion'] = popupOverflow === 'scroll' ? 'scroll' : 'visible';
|
|
|
|
const sharedConfig: AlignType = {
|
|
overflow: {
|
|
adjustX: true,
|
|
adjustY: true,
|
|
shiftY: true,
|
|
},
|
|
htmlRegion,
|
|
_experimental: {
|
|
dynamicInset: true,
|
|
},
|
|
};
|
|
|
|
return {
|
|
bottomLeft: {
|
|
...sharedConfig,
|
|
points: ['tl', 'bl'],
|
|
offset: [0, 4],
|
|
},
|
|
bottomRight: {
|
|
...sharedConfig,
|
|
points: ['tr', 'br'],
|
|
offset: [0, 4],
|
|
},
|
|
topLeft: {
|
|
...sharedConfig,
|
|
points: ['bl', 'tl'],
|
|
offset: [0, -4],
|
|
},
|
|
topRight: {
|
|
...sharedConfig,
|
|
points: ['br', 'tr'],
|
|
offset: [0, -4],
|
|
},
|
|
};
|
|
};
|
|
|
|
export default function useBuiltinPlacements(
|
|
buildInPlacements?: BuildInPlacements,
|
|
popupOverflow?: PopupOverflow,
|
|
) {
|
|
return buildInPlacements || getBuiltInPlacements(popupOverflow);
|
|
}
|