chore: Move clearNode from onClick to onMouseDown

Author: zombieJ

assets/index.less

@@ -5,6 +5,10 @@
 .@{prefix-cls} {
   display: inline-flex;
 
+  &-focused {
+    border: 1px solid blue;
+  }
+
   &-panel {
     border: 1px solid #666;
     background: @background-color;

src/Picker.tsx

@@ -370,7 +370,8 @@ function InnerPicker<DateType>(props: PickerProps<DateType>) {
   if (allowClear && mergedValue && !disabled) {
     clearNode = (
       <span
-        onClick={e => {
+        onMouseDown={e => {
+          e.preventDefault();
           e.stopPropagation();
           triggerChange(null);
           triggerOpen(false, true);

src/RangePicker.tsx

@@ -877,7 +877,8 @@ function InnerRangePicker<DateType>(props: RangePickerProps<DateType>) {
   ) {
     clearNode = (
       <span
-        onClick={e => {
+        onMouseDown={e => {
+          e.preventDefault();
           e.stopPropagation();
           let values = mergedValue;
 

tests/setup.js

@@ -73,7 +73,7 @@ Object.assign(Enzyme.ReactWrapper.prototype, {
     return matchBtn;
   },
   clearValue() {
-    this.find('.rc-picker-clear-btn').simulate('click');
+    this.find('.rc-picker-clear-btn').simulate('mouseDown');
   },
   keyDown(which, info = {}, index = 0) {
     this.find('input')