You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
62 lines
1.6 KiB
62 lines
1.6 KiB
/** |
|
* Copyright 2013-2015, Facebook, Inc. |
|
* All rights reserved. |
|
* |
|
* This source code is licensed under the BSD-style license found in the |
|
* LICENSE file in the root directory of this source tree. An additional grant |
|
* of patent rights can be found in the PATENTS file in the same directory. |
|
* |
|
* @providesModule ReactDOMButton |
|
*/ |
|
|
|
'use strict'; |
|
|
|
var AutoFocusMixin = require("./AutoFocusMixin"); |
|
var ReactBrowserComponentMixin = require("./ReactBrowserComponentMixin"); |
|
var ReactClass = require("./ReactClass"); |
|
var ReactElement = require("./ReactElement"); |
|
|
|
var keyMirror = require("./keyMirror"); |
|
|
|
var button = ReactElement.createFactory('button'); |
|
|
|
var mouseListenerNames = keyMirror({ |
|
onClick: true, |
|
onDoubleClick: true, |
|
onMouseDown: true, |
|
onMouseMove: true, |
|
onMouseUp: true, |
|
onClickCapture: true, |
|
onDoubleClickCapture: true, |
|
onMouseDownCapture: true, |
|
onMouseMoveCapture: true, |
|
onMouseUpCapture: true |
|
}); |
|
|
|
/** |
|
* Implements a <button> native component that does not receive mouse events |
|
* when `disabled` is set. |
|
*/ |
|
var ReactDOMButton = ReactClass.createClass({ |
|
displayName: 'ReactDOMButton', |
|
tagName: 'BUTTON', |
|
|
|
mixins: [AutoFocusMixin, ReactBrowserComponentMixin], |
|
|
|
render: function() { |
|
var props = {}; |
|
|
|
// Copy the props; except the mouse listeners if we're disabled |
|
for (var key in this.props) { |
|
if (this.props.hasOwnProperty(key) && |
|
(!this.props.disabled || !mouseListenerNames[key])) { |
|
props[key] = this.props[key]; |
|
} |
|
} |
|
|
|
return button(props, this.props.children); |
|
} |
|
|
|
}); |
|
|
|
module.exports = ReactDOMButton;
|
|
|