123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293 |
- import _extends from 'babel-runtime/helpers/extends';
- import { placements as rcPlacements } from '../vc-tooltip/placements';
- var autoAdjustOverflowEnabled = {
- adjustX: 1,
- adjustY: 1
- };
- var autoAdjustOverflowDisabled = {
- adjustX: 0,
- adjustY: 0
- };
- var targetOffset = [0, 0];
- export function getOverflowOptions(autoAdjustOverflow) {
- if (typeof autoAdjustOverflow === 'boolean') {
- return autoAdjustOverflow ? autoAdjustOverflowEnabled : autoAdjustOverflowDisabled;
- }
- return _extends({}, autoAdjustOverflowDisabled, autoAdjustOverflow);
- }
- export default function getPlacements(config) {
- var _config$arrowWidth = config.arrowWidth,
- arrowWidth = _config$arrowWidth === undefined ? 5 : _config$arrowWidth,
- _config$horizontalArr = config.horizontalArrowShift,
- horizontalArrowShift = _config$horizontalArr === undefined ? 16 : _config$horizontalArr,
- _config$verticalArrow = config.verticalArrowShift,
- verticalArrowShift = _config$verticalArrow === undefined ? 12 : _config$verticalArrow,
- _config$autoAdjustOve = config.autoAdjustOverflow,
- autoAdjustOverflow = _config$autoAdjustOve === undefined ? true : _config$autoAdjustOve;
- var placementMap = {
- left: {
- points: ['cr', 'cl'],
- offset: [-4, 0]
- },
- right: {
- points: ['cl', 'cr'],
- offset: [4, 0]
- },
- top: {
- points: ['bc', 'tc'],
- offset: [0, -4]
- },
- bottom: {
- points: ['tc', 'bc'],
- offset: [0, 4]
- },
- topLeft: {
- points: ['bl', 'tc'],
- offset: [-(horizontalArrowShift + arrowWidth), -4]
- },
- leftTop: {
- points: ['tr', 'cl'],
- offset: [-4, -(verticalArrowShift + arrowWidth)]
- },
- topRight: {
- points: ['br', 'tc'],
- offset: [horizontalArrowShift + arrowWidth, -4]
- },
- rightTop: {
- points: ['tl', 'cr'],
- offset: [4, -(verticalArrowShift + arrowWidth)]
- },
- bottomRight: {
- points: ['tr', 'bc'],
- offset: [horizontalArrowShift + arrowWidth, 4]
- },
- rightBottom: {
- points: ['bl', 'cr'],
- offset: [4, verticalArrowShift + arrowWidth]
- },
- bottomLeft: {
- points: ['tl', 'bc'],
- offset: [-(horizontalArrowShift + arrowWidth), 4]
- },
- leftBottom: {
- points: ['br', 'cl'],
- offset: [-4, verticalArrowShift + arrowWidth]
- }
- };
- Object.keys(placementMap).forEach(function (key) {
- placementMap[key] = config.arrowPointAtCenter ? _extends({}, placementMap[key], {
- overflow: getOverflowOptions(autoAdjustOverflow),
- targetOffset: targetOffset
- }) : _extends({}, rcPlacements[key], {
- overflow: getOverflowOptions(autoAdjustOverflow)
- });
- placementMap[key].ignoreShake = true;
- });
- return placementMap;
- }
|