test/amis
1
0
Fork 0
mirror of https://gitee.com/baidu/amis.git synced 2024-12-04 04:48:32 +08:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

date快捷键被遮挡

Browse Source
This commit is contained in:
Kate605690919 2019-12-16 10:35:53 +08:00
parent bc83b2e766
commit 3f3f32b3be
3 changed files with 10 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
scss/components/form/_date.scss
View File

@ -83,10 +83,13 @@
} }
.#{$ns}DatePicker-shortcuts { .#{$ns}DatePicker-shortcuts {
margin: $gap-sm $gap-md (-$gap-sm) $gap-md; margin: $gap-sm $gap-md $gap-sm $gap-md;
padding: 0; padding: 0;
list-style: none; list-style: none;
max-width: 206px; max-width: 206px;
& + .rdt .rdtPicker {
padding-top: 0;
}
} }
.#{$ns}DatePicker-shortcut { .#{$ns}DatePicker-shortcut {

5
src/components/DatePicker.tsx
View File

@ -845,6 +845,7 @@ export class DatePicker extends React.Component<DateProps, DatePickerState> {
this.getParent = this.getParent.bind(this); this.getParent = this.getParent.bind(this);
this.getTarget = this.getTarget.bind(this); this.getTarget = this.getTarget.bind(this);
this.handlePopOverClick = this.handlePopOverClick.bind(this); this.handlePopOverClick = this.handlePopOverClick.bind(this);
this.renderShortCuts = this.renderShortCuts.bind(this);
} }
dom: HTMLDivElement; dom: HTMLDivElement;
@ -994,7 +995,7 @@ export class DatePicker extends React.Component<DateProps, DatePickerState> {
return null; return null;
} }
renderShortCuts = (shortcuts: string | Array<ShortCuts>) => { renderShortCuts(shortcuts: string | Array<ShortCuts>) {
if (!shortcuts) { if (!shortcuts) {
return null; return null;
} }
@ -1033,7 +1034,7 @@ export class DatePicker extends React.Component<DateProps, DatePickerState> {
})} })}
</ul> </ul>
); );
}; }
render() { render() {
const { const {

6
src/components/DateRangePicker.tsx
View File

@ -235,7 +235,7 @@ export class DateRangePicker extends React.Component<
this.handleClick = this.handleClick.bind(this); this.handleClick = this.handleClick.bind(this);
this.handleKeyPress = this.handleKeyPress.bind(this); this.handleKeyPress = this.handleKeyPress.bind(this);
this.handlePopOverClick = this.handlePopOverClick.bind(this); this.handlePopOverClick = this.handlePopOverClick.bind(this);
this.renderRanges = this.renderRanges.bind(this);
const {format, joinValues, delimiter, value} = this.props; const {format, joinValues, delimiter, value} = this.props;
this.state = { this.state = {
@ -363,7 +363,7 @@ export class DateRangePicker extends React.Component<
}); });
} }
renderRanges = (ranges: string | Array<ShortCuts> | undefined) => { renderRanges(ranges: string | Array<ShortCuts> | undefined) {
if (!ranges) { if (!ranges) {
return null; return null;
} }
@ -403,7 +403,7 @@ export class DateRangePicker extends React.Component<
})} })}
</ul> </ul>
); );
}; }
clearValue(e: React.MouseEvent<any>) { clearValue(e: React.MouseEvent<any>) {
e.preventDefault(); e.preventDefault();