@aplus-frontend/antdv
Version:
Vue basic component library maintained based on ant-design-vue
59 lines • 1.11 kB
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`
};
}