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.
63 lines
1.6 KiB
63 lines
1.6 KiB
10 years ago
|
/**
|
||
|
|
* 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;
|