You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
96 lines
2.3 KiB
96 lines
2.3 KiB
import { placements } from 'rc-tooltip/lib/placements';
|
|
|
|
const autoAdjustOverflow = {
|
|
adjustX: 1,
|
|
adjustY: 1,
|
|
};
|
|
|
|
const targetOffset = [0, 0];
|
|
|
|
export interface GetPlacementsProps {
|
|
arrowWidth?: number;
|
|
horizontalArrowShift?: number;
|
|
verticalArrowShift?: number;
|
|
arrowPointAtCenter?: boolean;
|
|
}
|
|
|
|
export default function getPlacements(config: GetPlacementsProps = {}) {
|
|
if (!config.arrowPointAtCenter) {
|
|
return placements;
|
|
}
|
|
const { arrowWidth = 5, horizontalArrowShift = 16, verticalArrowShift = 12 } = config;
|
|
return {
|
|
left: {
|
|
points: ['cr', 'cl'],
|
|
overflow: autoAdjustOverflow,
|
|
offset: [-4, 0],
|
|
targetOffset,
|
|
},
|
|
right: {
|
|
points: ['cl', 'cr'],
|
|
overflow: autoAdjustOverflow,
|
|
offset: [4, 0],
|
|
targetOffset,
|
|
},
|
|
top: {
|
|
points: ['bc', 'tc'],
|
|
overflow: autoAdjustOverflow,
|
|
offset: [0, -4],
|
|
targetOffset,
|
|
},
|
|
bottom: {
|
|
points: ['tc', 'bc'],
|
|
overflow: autoAdjustOverflow,
|
|
offset: [0, 4],
|
|
targetOffset,
|
|
},
|
|
topLeft: {
|
|
points: ['bl', 'tc'],
|
|
overflow: autoAdjustOverflow,
|
|
offset: [-(horizontalArrowShift + arrowWidth), -4],
|
|
targetOffset,
|
|
},
|
|
leftTop: {
|
|
points: ['tr', 'cl'],
|
|
overflow: autoAdjustOverflow,
|
|
offset: [-4, -(verticalArrowShift + arrowWidth)],
|
|
targetOffset,
|
|
},
|
|
topRight: {
|
|
points: ['br', 'tc'],
|
|
overflow: autoAdjustOverflow,
|
|
offset: [horizontalArrowShift + arrowWidth, -4],
|
|
targetOffset,
|
|
},
|
|
rightTop: {
|
|
points: ['tl', 'cr'],
|
|
overflow: autoAdjustOverflow,
|
|
offset: [4, -(verticalArrowShift + arrowWidth)],
|
|
targetOffset,
|
|
},
|
|
bottomRight: {
|
|
points: ['tr', 'bc'],
|
|
overflow: autoAdjustOverflow,
|
|
offset: [horizontalArrowShift + arrowWidth, 4],
|
|
targetOffset,
|
|
},
|
|
rightBottom: {
|
|
points: ['bl', 'cr'],
|
|
overflow: autoAdjustOverflow,
|
|
offset: [4, verticalArrowShift + arrowWidth],
|
|
targetOffset,
|
|
},
|
|
bottomLeft: {
|
|
points: ['tl', 'bc'],
|
|
overflow: autoAdjustOverflow,
|
|
offset: [-(horizontalArrowShift + arrowWidth), 4],
|
|
targetOffset,
|
|
},
|
|
leftBottom: {
|
|
points: ['br', 'cl'],
|
|
overflow: autoAdjustOverflow,
|
|
offset: [-4, verticalArrowShift + arrowWidth],
|
|
targetOffset,
|
|
},
|
|
};
|
|
}
|
|
|