test/ant-design
1
0
Fork 0
mirror of https://gitee.com/ant-design/ant-design.git synced 2024-12-03 12:38:58 +08:00
Code Issues Actions 100 Packages Projects Releases Wiki Activity

fix: slider default tooltipplacement in rtl (#25909)

Browse Source
This commit is contained in:
xrkffgg 2020-07-30 17:04:13 +08:00 committed by GitHub
parent 2f99dd8c19
commit 309f63ae1d
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 11 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
components/slider/index.tsx
View File

@ -78,6 +78,16 @@ const Slider = React.forwardRef<unknown, SliderSingleProps | SliderRangeProps>((
setVisibles(temp);
};
const getTooltipPlacement = (tooltipPlacement?: TooltipPlacement, vertical?: boolean) => {
if (tooltipPlacement) {
return tooltipPlacement;
}
if (!vertical) {
return 'top';
}
return direction === 'rtl' ? 'left' : 'right';
};
const handleWithTooltip: HandleGeneratorFn = ({
tooltipPrefixCls,
prefixCls,
@ -97,7 +107,7 @@ const Slider = React.forwardRef<unknown, SliderSingleProps | SliderRangeProps>((
prefixCls={tooltipPrefixCls}
title={tipFormatter ? tipFormatter(value) : ''}
visible={visible}
placement={tooltipPlacement || (vertical ? 'right' : 'top')}
placement={getTooltipPlacement(tooltipPlacement, vertical)}
transitionName="zoom-down"
key={index}
overlayClassName={`${prefixCls}-tooltip`}