@difizen/mana-react
Version:
68 lines (67 loc) • 1.84 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.NOTIFICATION_PREFIX_CLS = exports.DEFAULT_TOP = exports.DEFAULT_PLACEMENT = exports.DEFAULT_OFFSET = exports.DEFAULT_DURATION = exports.DEFAULT_BOTTOM = void 0;
exports.getPlacementStyle = getPlacementStyle;
var _constant = require("../constant");
var DEFAULT_TOP = exports.DEFAULT_TOP = 24;
var DEFAULT_BOTTOM = exports.DEFAULT_BOTTOM = 24;
var DEFAULT_OFFSET = exports.DEFAULT_OFFSET = 24;
var DEFAULT_DURATION = exports.DEFAULT_DURATION = 4.5;
var DEFAULT_PLACEMENT = exports.DEFAULT_PLACEMENT = 'bottomRight';
var NOTIFICATION_PREFIX_CLS = exports.NOTIFICATION_PREFIX_CLS = "".concat(_constant.defaultPrefixCls, "-notification");
function getPlacementStyle(placement) {
var top = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : DEFAULT_TOP;
var bottom = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : DEFAULT_BOTTOM;
var style;
switch (placement) {
case 'top':
style = {
left: '50%',
transform: 'translateX(-50%)',
right: 'auto',
top: top,
bottom: 'auto'
};
break;
case 'topLeft':
style = {
left: 0,
top: top,
bottom: 'auto'
};
break;
case 'topRight':
style = {
right: 0,
top: top,
bottom: 'auto'
};
break;
case 'bottom':
style = {
left: '50%',
transform: 'translateX(-50%)',
right: 'auto',
top: 'auto',
bottom: bottom
};
break;
case 'bottomLeft':
style = {
left: 0,
top: 'auto',
bottom: bottom
};
break;
default:
style = {
right: 0,
top: 'auto',
bottom: bottom
};
break;
}
return style;
}