123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107 |
- 'use strict';
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
- var _extends2 = require('babel-runtime/helpers/extends');
- var _extends3 = _interopRequireDefault(_extends2);
- exports.getOverflowOptions = getOverflowOptions;
- exports['default'] = getPlacements;
- var _placements = require('../vc-tooltip/placements');
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
- var autoAdjustOverflowEnabled = {
- adjustX: 1,
- adjustY: 1
- };
- var autoAdjustOverflowDisabled = {
- adjustX: 0,
- adjustY: 0
- };
- var targetOffset = [0, 0];
- function getOverflowOptions(autoAdjustOverflow) {
- if (typeof autoAdjustOverflow === 'boolean') {
- return autoAdjustOverflow ? autoAdjustOverflowEnabled : autoAdjustOverflowDisabled;
- }
- return (0, _extends3['default'])({}, autoAdjustOverflowDisabled, autoAdjustOverflow);
- }
- 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 ? (0, _extends3['default'])({}, placementMap[key], {
- overflow: getOverflowOptions(autoAdjustOverflow),
- targetOffset: targetOffset
- }) : (0, _extends3['default'])({}, _placements.placements[key], {
- overflow: getOverflowOptions(autoAdjustOverflow)
- });
- placementMap[key].ignoreShake = true;
- });
- return placementMap;
- }
|