mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2025-06-07 09:26:06 +08:00
Code Issues Actions 18 Packages Projects Releases Wiki Activity

export mouse enter and mouse leave event for datepicker

Browse Source
This commit is contained in:
Eden Wang 2018-07-28 21:52:12 +08:00 committed by 偏右
parent b23d742f1b
commit 6804094fa2
3 changed files with 20 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
components/date-picker/RangePicker.tsx
View File

@ -352,6 +352,8 @@ class RangePicker extends React.Component<any, RangePickerState> {
tabIndex={props.disabled ? -1 : 0}
onFocus={props.onFocus}
onBlur={props.onBlur}
onMouseEnter={props.onMouseEnter}
onMouseLeave={props.onMouseLeave}
>
<RcDatePicker
{...props}

2
components/date-picker/createPicker.tsx
View File

@ -183,6 +183,8 @@ export default function createPicker(TheCalendar: React.ComponentClass): any {
style={props.style}
onFocus={props.onFocus}
onBlur={props.onBlur}
onMouseEnter={props.onMouseEnter}
onMouseLeave={props.onMouseLeave}
>
<RcDatePicker
{...props}

16
components/date-picker/wrapPicker.tsx
View File

@ -67,6 +67,20 @@ export default function wrapPicker(Picker: React.ComponentClass<any>, defaultFor
}
}
handleMouseEnter = (e: React.MouseEventHandler<HTMLInputElement>) => {
const { onMouseEnter } = this.props;
if (onMouseEnter) {
onMouseEnter(e);
}
}
handleMouseLeave = (e: React.MouseEventHandler<HTMLInputElement>) => {
const { onMouseLeave } = this.props;
if (onMouseLeave) {
onMouseLeave(e);
}
}
focus() {
this.picker.focus();
}
@ -134,6 +148,8 @@ export default function wrapPicker(Picker: React.ComponentClass<any>, defaultFor
onOpenChange={this.handleOpenChange}
onFocus={this.handleFocus}
onBlur={this.handleBlur}
onMouseEnter={this.handleMouseEnter}
onMouseLeave={this.handleMouseLeave}
/>
);
}