59 lines
1.1 KiB
JavaScript
59 lines
1.1 KiB
JavaScript
export function getPlacementStyle(placement, top, bottom) {
|
|
let style;
|
|
top = typeof top === 'number' ? `${top}px` : top;
|
|
bottom = typeof bottom === 'number' ? `${bottom}px` : bottom;
|
|
switch (placement) {
|
|
case 'top':
|
|
style = {
|
|
left: '50%',
|
|
transform: 'translateX(-50%)',
|
|
right: 'auto',
|
|
top,
|
|
bottom: 'auto'
|
|
};
|
|
break;
|
|
case 'topLeft':
|
|
style = {
|
|
left: 0,
|
|
top,
|
|
bottom: 'auto'
|
|
};
|
|
break;
|
|
case 'topRight':
|
|
style = {
|
|
right: 0,
|
|
top,
|
|
bottom: 'auto'
|
|
};
|
|
break;
|
|
case 'bottom':
|
|
style = {
|
|
left: '50%',
|
|
transform: 'translateX(-50%)',
|
|
right: 'auto',
|
|
top: 'auto',
|
|
bottom
|
|
};
|
|
break;
|
|
case 'bottomLeft':
|
|
style = {
|
|
left: 0,
|
|
top: 'auto',
|
|
bottom
|
|
};
|
|
break;
|
|
default:
|
|
style = {
|
|
right: 0,
|
|
top: 'auto',
|
|
bottom
|
|
};
|
|
break;
|
|
}
|
|
return style;
|
|
}
|
|
export function getMotion(prefixCls) {
|
|
return {
|
|
name: `${prefixCls}-fade`
|
|
};
|
|
} |