fix(Range): add context menu event handling to prevent default behavi…

…or, close alibaba-fusion#4768

components/range/view/range.jsx

@@ -397,6 +397,10 @@ class Range extends React.Component {
  }
  }
 
+ _onContextMenu(e){
+ pauseEvent(e)
+ }
+
  _start(position) {
  this.setState({
  hasMovingClass: true,
@@ -509,6 +513,7 @@ class Range extends React.Component {
  _addDocumentMouseEvents() {
  this._onMouseMoveListener = events.on(document, 'mousemove', this._move.bind(this));
  this._onMouseUpListener = events.on(document, 'mouseup', this._end.bind(this));
+ this._onContextMenuListener = events.on(document, 'contextmenu', this._onContextMenu.bind(this));
  }
 
  _addDocumentTouchEvents() {
@@ -536,6 +541,12 @@ class Range extends React.Component {
  this._onTouchEndListener.off();
  this._onTouchEndListener = null;
  }
+ if (this._onContextMenuListener) {
+ this._onContextMenuListener.off();
+ this._onContextMenuListener = null;
+ }
+
+
  }
 
  // position => current (value type)
@@ -763,7 +774,7 @@ class Range extends React.Component {
  )}
  </div>
  {marks !== false && marksPosition === 'below' ? (
- <Mark {...commonProps} marks={this._calcMarks()} />
+ <Mark {...commonProps} marks={this._calcMarks()} /> 
  ) : null}
  </div>
  );