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