mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2025-06-19 17:00:53 +08:00
Code Issues Actions 41 Packages Projects Releases Wiki Activity

style: add rtl.less of InputNumber (#22434)

Browse Source 
* seyle: add rtl.less of InputNumber

* fix: snap
This commit is contained in:
xrkffgg 2020-03-20 14:43:32 +08:00 committed by GitHub
parent c9927b9b8d
commit 1f79c76b80
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 29 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
components/input-number/__tests__/__snapshots__/index.test.js.snap
View File

@ -2,7 +2,7 @@
exports[`InputNumber rtl render component should be rendered correctly in RTL direction 1`] = ` exports[`InputNumber rtl render component should be rendered correctly in RTL direction 1`] = `
<div <div
class="ant-input-number" class="ant-input-number ant-input-number-rtl"
> >
<div <div
class="ant-input-number-handler-wrap" class="ant-input-number-handler-wrap"

3
components/input-number/index.tsx
View File

@ -54,7 +54,7 @@ export default class InputNumber extends React.Component<InputNumberProps, any>
this.inputNumberRef.blur(); this.inputNumberRef.blur();
} }
renderInputNumber = ({ getPrefixCls }: ConfigConsumerProps) => { renderInputNumber = ({ getPrefixCls, direction }: ConfigConsumerProps) => {
const { className, size: customizeSize, prefixCls: customizePrefixCls, ...others } = this.props; const { className, size: customizeSize, prefixCls: customizePrefixCls, ...others } = this.props;
const prefixCls = getPrefixCls('input-number', customizePrefixCls); const prefixCls = getPrefixCls('input-number', customizePrefixCls);
const upIcon = <UpOutlined className={`${prefixCls}-handler-up-inner`} />; const upIcon = <UpOutlined className={`${prefixCls}-handler-up-inner`} />;
@ -68,6 +68,7 @@ export default class InputNumber extends React.Component<InputNumberProps, any>
{ {
[`${prefixCls}-lg`]: mergeSize === 'large', [`${prefixCls}-lg`]: mergeSize === 'large',
[`${prefixCls}-sm`]: mergeSize === 'small', [`${prefixCls}-sm`]: mergeSize === 'small',
[`${prefixCls}-rtl`]: direction === 'rtl',
}, },
className, className,
); );

2
components/input-number/style/index.less
View File

@ -182,3 +182,5 @@
color: @disabled-color; color: @disabled-color;
} }
} }
@import './rtl';

24
components/input-number/style/rtl.less Normal file
View File

@ -0,0 +1,24 @@
@import '../../style/themes/index';
@import '../../style/mixins/index';
@import '../../input/style/mixin';
@input-number-prefix-cls: ~'@{ant-prefix}-input-number';
.@{input-number-prefix-cls} {
&-handler-wrap {
.@{input-number-prefix-cls}-rtl & {
right: auto;
left: 0;
border-right: @border-width-base @border-style-base @input-number-handler-border-color;
border-left: 0;
border-radius: @border-radius-base 0 0 @border-radius-base;
}
}
&-input {
.@{input-number-prefix-cls}-rtl & {
direction: rtl;
text-align: right;
}
}
}