zent
Version:
一套前端设计语言和基于React的实现
29 lines (25 loc) • 649 B
JavaScript
import createPlacement from './create';
/**
* ---------------
* | anchor |
* | |
* ---------------
* |popover|
* ---------
*/
export default createPlacement((anchorBoundingBox, containerBoundingBox, contentDimension, options) => {
const { left, right, bottom } = anchorBoundingBox;
const middle = (left + right) / 2;
const x = middle - contentDimension.width / 2;
const y = bottom + options.cushion;
return {
getCSSStyle() {
return {
position: 'absolute',
left: `${Math.round(x)}px`,
top: `${Math.round(y)}px`
};
},
name: 'position-bottom-center'
};
});