5_ $ & % + V U5v -
5_ % ' &
V U5z {options}5_ & ( ' V U5 5_ ' ) ( U6 5_ ( * ) U6 }5_ ) + * U6
5_ * - + U6 componentDidMount() {5_ + . , - U6 5_ - / . U6 2 document.addEventListener("touchstart", fn);5_ . 0 / U6
5_ / 1 0 V U6' 5_ 0 2 1
V U6(
/ document.addEventListener("mousedown", fn);5_ 1 3 2
V U60
2 document.removeEventListener("mousedown", fn);5_ 2 5 3
V U62 0 document.addEventListener("touchstart", fn);5_ 3 6 4 5 V U67 5_ 5 7 6 V U69 handle5_ 6 8 7
V U6E 5_ 7 9 8 V U6W 5_ 8 : 9 V U6s ' handleClickOutside: function(event) { event.preventDefault(); this.props.onClickOutside }, ! componentDidMount: function() { / document.addEventListener("mousedown", fn); 0 document.addEventListener("touchstart", fn); }, $ componentWillUnmount: function() { 2 document.removeEventListener("mousedown", fn); 3 document.removeEventListener("touchstart", fn); }, 5_ 9 ; : V U6{ #<`1`>: React.PropTypes.<`2:string`> }, 5_ : < ; V U6~ " : React.PropTypes.<`2:string`>5_ ; = < V U6 * children: React.PropTypes.<`2:string`>5_ < > = . V U6 : children: React.PropTypes.array.isRequired<`2:string`>5_ = ? > . V U6 9 children: React.PropTypes.array.isRequired`2:string`>5_ > @ ? . V U6 8 children: React.PropTypes.array.isRequired2:string`>5_ ? A @ . V U6 7 children: React.PropTypes.array.isRequired:string`>5_ @ B A . V U6 6 children: React.PropTypes.array.isRequiredstring`>5_ A C B . V U6 5 children: React.PropTypes.array.isRequiredtring`>5_ B D C . V U6 4 children: React.PropTypes.array.isRequiredring`>5_ C E D . V U6 3 children: React.PropTypes.array.isRequireding`>5_ D F E . V U6 2 children: React.PropTypes.array.isRequiredng`>5_ E G F . V U6 1 children: React.PropTypes.array.isRequiredg`>5_ F H G . V U6 0 children: React.PropTypes.array.isRequired`>5_ G I H . V U6 / children: React.PropTypes.array.isRequired>5_ H J I V U6
5_ I K J
V U6
5_ J L K
V U6
5_ K M L
V U6
5_ L N M
V U6
document.5_ M O N V U6
2 document.addEventListener("touchstart", fn);5_ N P O + V U6
/ document.addEventListener("mousedown", fn);5_ O Q P , V U6
0 document.addEventListener("touchstart", fn);5_ P R Q
B B V B U6
5_ Q S R B B V B U6 5_ R T S B B V B U6 5_ S U T B B V B U6 9 document.removeEventListener("touchstart", fn);5_ T V U B B V B U6 7 document.removeEventListener("touchstart", fn);5_ U W V . B B V B U6 2 document.removeEventListener("mousedown", fn);5_ V X W / B B V B U6 3 document.removeEventListener("touchstart", fn);5_ W Y X B B V B U6
5_ X Z Y
B B V B U6 # " handleClickOutside: function() {5_ Y [ Z B B V B U6
# 5_ Z \ [ B B V B U6 C $
# 5_ [ ] \ B B V B U6 E / 5_ \ ^ ] V U6 G
0 B // If source=local then this event came from "somewhere" D // inside and should be ignored. We could handle this with E // a layered approach, too, but that requires going back to C // thinking in terms of Dom node nesting, running counter F // to React's "you shouldn't care about the DOM" philosophy. $ while(source.parentNode) { V found = (source === localNode || source.classList.contains(IGNORE_CLASS)); if(found) return; ' source = source.parentNode; } eventHandler(evt);5_ ] _ ^ V U6 G
0 @ // If source=local then this event came from "somewhere" B // inside and should be ignored. We could handle this with C // a layered approach, too, but that requires going back to A // thinking in terms of Dom node nesting, running counter D // to React's "you shouldn't care about the DOM" philosophy. " while(source.parentNode) { T found = (source === localNode || source.classList.contains(IGNORE_CLASS)); if(found) return; % source = source.parentNode; } eventHandler(evt);5_ ^ ` _ V U6 H
0 > // If source=local then this event came from "somewhere" @ // inside and should be ignored. We could handle this with A // a layered approach, too, but that requires going back to ? // thinking in terms of Dom node nesting, running counter B // to React's "you shouldn't care about the DOM" philosophy. while(source.parentNode) { R found = (source === localNode || source.classList.contains(IGNORE_CLASS)); if(found) return; # source = source.parentNode; } eventHandler(evt);5_ _ a `
V U6 K 0 while(source.parentNode) {5_ ` b a V U6 O 0 P found = (source === localNode || source.classList.contains(IGNORE_CLASS));5_ a c b
V U6 R
1
0 5_ b d c ' V U6 Z 1 P found = (target === localNode || source.classList.contains(IGNORE_CLASS));5_ c e d # V U6 \ 1 M found = (target === localNode || tar.classList.contains(IGNORE_CLASS));5_ d f e # V U6 ] 1 L found = (target === localNode|| tar.classList.contains(IGNORE_CLASS));5_ e g f # V U6 ] 1 K found = (target === localNode| tar.classList.contains(IGNORE_CLASS));5_ f h g # V U6 ] 1 J found = (target === localNode tar.classList.contains(IGNORE_CLASS));5_ g i h # V U6 ] 1 I found = (target === localNodetar.classList.contains(IGNORE_CLASS));5_ h j i # V U6 ] 1 H found = (target === localNodear.classList.contains(IGNORE_CLASS));5_ i k j # V U6 ] 1 G found = (target === localNoder.classList.contains(IGNORE_CLASS));5_ j l k # V U6 ] 1 F found = (target === localNode.classList.contains(IGNORE_CLASS));5_ k m l # V U6 ] 1 E found = (target === localNodeclassList.contains(IGNORE_CLASS));5_ l n m # V U6 ] 1 D found = (target === localNodelassList.contains(IGNORE_CLASS));5_ m o n # V U6 ] 1 C found = (target === localNodeassList.contains(IGNORE_CLASS));5_ n p o # V U6 ] 1 B found = (target === localNodessList.contains(IGNORE_CLASS));5_ o q p # V U6 ] 1 A found = (target === localNodesList.contains(IGNORE_CLASS));5_ p r q # V U6 ] 1 @ found = (target === localNodeList.contains(IGNORE_CLASS));5_ q s r # V U6 ] 1 ? found = (target === localNodeist.contains(IGNORE_CLASS));5_ r t s # V U6 ] 1 > found = (target === localNodest.contains(IGNORE_CLASS));5_ s u t # V U6 ] 1 = found = (target === localNodet.contains(IGNORE_CLASS));5_ t v u # V U6 ] 1 < found = (target === localNode.contains(IGNORE_CLASS));5_ u w v # V U6 ] 1 ; found = (target === localNodecontains(IGNORE_CLASS));5_ v x w # V U6 ] 1 : found = (target === localNodeontains(IGNORE_CLASS));5_ w y x # V U6 ] 1 9 found = (target === localNodentains(IGNORE_CLASS));5_ x z y # V U6 ] 1 8 found = (target === localNodetains(IGNORE_CLASS));5_ y { z # V U6 ] 1 7 found = (target === localNodeains(IGNORE_CLASS));5_ z | { # V U6 ] 1 6 found = (target === localNodeins(IGNORE_CLASS));5_ { } | # V U6 ] 1 5 found = (target === localNodens(IGNORE_CLASS));5_ | ~ } # V U6 ] 1 4 found = (target === localNodes(IGNORE_CLASS));5_ } ~ # V U6 ] 1 3 found = (target === localNode(IGNORE_CLASS));5_ ~ # V U6 ^ 1 2 found = (target === localNodeIGNORE_CLASS));5_ # V U6 ^ 1 1 found = (target === localNodeGNORE_CLASS));5_ # V U6 ^ 1 0 found = (target === localNodeNORE_CLASS));5_ # V U6 ^ 1 / found = (target === localNodeORE_CLASS));5_ # V U6 ^ 1 . found = (target === localNodeRE_CLASS));5_ # V U6 ^ 1 - found = (target === localNodeE_CLASS));5_ # V U6 ^ 1 , found = (target === localNode_CLASS));5_ # V U6 ^ 1 + found = (target === localNodeCLASS));5_ # V U6 ^ 1 * found = (target === localNodeLASS));5_ # V U6 ^ 1 ) found = (target === localNodeASS));5_ # V U6 ^ 1 ( found = (target === localNodeSS));5_ # V U6 ^ 1 ' found = (target === localNodeS));5_ # V U6 ^ 1 & found = (target === localNode));5_ V U6 ` 1 if(found) return;5_ V U6 b 1 if (found) return;5_ V U6 c 1 if (found) { return;5_ V U6 d 1 if (found) {return;5_ V U6 d 3 2 5_ V U6 f 3 ! source = source.parentNode;5_ V U6 i 3 ! target = source.parentNode;5_ V U6 t 3 eventHandler(evt);5_ V U6 3 while(target.parentNode) {5_ V U6 3 eventHandler(event);5_ . V U6 3 . children: React.PropTypes.array.isRequired5_ V U6 4 !var Options = React.createClass({5_ V U6 ! P onClickOutside: React.PropTypes.func.isRequired{5_ ! V U6 " 4 !var Options = React.createClass(,5_ V U6 5 4 5_ ? V U6 6 5_ V U6 8 7 5_ V U6 8 if (containsDOMElement5_ V U6 8 if (!containsDOMElement5_ " " V U6 ! ! " % this.props.onClickOutside(event);5_ " V U6 " 9 9 5_ # V U6 # 5_ " V U6 # 9 % this.props.onClickOutside(event);5_ ! V U6 % & var localNode = this.getDOMNode(); var target = event.target; var found = false; < // If source=local then this event came from "somewhere" > // inside and should be ignored. We could handle this with ? // a layered approach, too, but that requires going back to = // thinking in terms of Dom node nesting, running counter @ // to React's "you shouldn't care about the DOM" philosophy. while (target.parentNode) { % found = (target === localNode); if (found) { return; } ! target = target.parentNode; }5_ V U6 (
* ) 5_ V U6 < * @var containerDOMElement = require('./utils/containsDOMElement');5_ V U6 D 5_ $ V U6 [ ) ?var containsDOMElement = require('./utils/containsDOMElement');5_ $ V U6 [ ) >var containsDOMElement = require('./tils/containsDOMElement');5_ $ V U6 [ ) =var containsDOMElement = require('./ils/containsDOMElement');5_ $ V U6 [ )
5_
8 V - U6** Y 5_
; V - U6*2 g
5_
f V - U6* g
5_
V - U6+ E
5_
. V - U6+ H
5_ V - U6+ 5_
V - U6+
_hande5_ V - U6+#
5_ V - U6+(
console.log('on click');5_ V - U6+Y 5_
V - U6+j
event.5_
V - U6+y event.stopPro5_
V - U6+{ event.stopPropagation()5_ V - U6+ 5_ V - U6+
event.stopPropagation();5_ V - U6,/
/*event.stopPropagation();*/5_
V - U6,D
event.stopPropagation();5_
V - U6,x
% event.stopImmediatePropagation();5_
V - U6,y event.preventDefault();5_
V - U6,
5_
V U6,
! _handleClick: function(event) {5_
V U6, 5_
V U6, " ! 5_
V U6, _handleBlur: function(5_
V U6, 5_
E V U6, ! L
5_ O V U6, ! P
5_ V U6, " 5_ V U6, # " 5_
V U6, # this.props.onMouseDown5_ ! V ! U6,
/*event.preventDefault();*/ event.stopPropagation(); 1 event.nativeEvent.stopImmediatePropagation();5_ ) ! V ! U6,
) id: React.PropTypes.number.isRequired5_ ! V ! U6, ! O
= U61 9
U61 8
@ ? U61 7
child.props.selected === true); * if (typeof selected !== 'undefined') { 2 // find if highlighted option is not visible ' const el = selected.getDOMNode(); % let parent = this.getDOMNode(); J const offsetTop = el.offsetTop + el.clientHeight - parent.scrollTop; // scroll down , if (offsetTop > parent.clientHeight) { J const diff = el.offsetTop + el.clientHeight - parent.clientHeight; parent.scrollTop = diff; @ } else if (offsetTop - el.clientHeight < 0) { // scroll up ( parent.scrollTop = el.offsetTop; } } }, 5_ V US4 ) import _find from 'lodash.find';5_ % Ud$ 0 onMouseDown: React.PropTypes.func.isRequired5_ % Ud$ / onMouseDown: React.PropTypes.funcisRequired5_ % Ud$ . onMouseDown: React.PropTypes.funcsRequired5_ % Ud$ - onMouseDown: React.PropTypes.funcRequired5_ % Ud$ , onMouseDown: React.PropTypes.funcequired5_ % Ud$ + onMouseDown: React.PropTypes.funcquired5_ % Ud$ * onMouseDown: React.PropTypes.funcuired5_ % Ud$ ) onMouseDown: React.PropTypes.funcired5_ % Ud$ ( onMouseDown: React.PropTypes.funcred5_ % Ud% ' onMouseDown: React.PropTypes.funced5_ % Ud% & onMouseDown: React.PropTypes.funcd5_ % Ud% % onMouseDown: React.PropTypes.func5_ Ud& 5_ Ud+ 5_ Ud.
}5_
Ud.
5_ Ud2
onMouseDown: noop5_ Ud3 * ! 5_ US3 0 5_ z | { US3 5_ u w v US3;
_handleMouseDownevent) {5_
V - U6,I /*event.preventDefault();*/5_ V - U6(:
5_ 3 5 4 V U66 this.5_ + - , U6 5