react-component / dropdown / 118

pending completion

Build # 118

Build Type

push

travis-ci

Committed by

yesmeck

Commit Message

<a href="https://github.com/react-component/dropdown/commit/<a class=hub.com/react-component/dropdown/commit/<a class="double-link" href="https://git"><a class=hub.com/react-component/dropdown/commit/<a class="double-link" href="https://git"><a class=hub.com/react-component/dropdown/commit/<a class="double-link" href="https://git"><a class=hub.com/react-component/dropdown/commit/87d9cfe4f6fa551a1a97249d5de3d4e03117b6fb">87d9cfe4f">&lt;a href=&quot;https://github.com/react-component/dropdown/commit/</a><a class="double-link" href="https://github.com/react-component/dropdown/commit/&lt;a class=&quot;double-link&quot; href=&quot;https://git">&lt;a class=</a>hub.com/react-component/dropdown/commit/&lt;a class=&quot;double-link&quot; href=&quot;https://git">&lt;a class=</a>hub.com/react-component/dropdown/commit/&lt;a class=&quot;double-link&quot; href=&quot;https://git">&lt;a class=</a>hub.com/react-component/dropdown/commit/&lt;a class=&quot;double-link&quot; href=&quot;https://git">&lt;a class=</a>hub.com/react-component/dropdown/commit/87d9cfe4f6fa551a1a97249d5de3d4e03117b6fb">87d9cfe4f</a><a href="https://github.com/react-component/dropdown/commit/87d9cfe4f6fa551a1a97249d5de3d4e03117b6fb">&quot;&gt;&amp;lt;a href=&amp;quot;https://github.com/react-component/dropdown/commit/&lt;/a&gt;&lt;a class=&quot;double-link&quot; href=&quot;https://github.com/react-component/dropdown/commit/&amp;lt;a class=&amp;quot;double-link&amp;quot; href=&amp;quot;https://git&quot;&gt;&amp;lt;a class=&lt;/a&gt;hub.com/react-component/dropdown/commit/&amp;lt;a class=&amp;quot;double-link&amp;quot; href=&amp;quot;https://git&quot;&gt;&amp;lt;a class=&lt;/a&gt;hub.com/react-component/dropdown/commit/&amp;lt;a class=&amp;quot;double-link&amp;quot; href=&amp;quot;https://git&quot;&gt;&amp;lt;a class=&lt;/a&gt;hub.com/react-component/dropdown/commit/&amp;lt;a class=&amp;quot;double-link&amp;quot; href=&amp;quot;https://git&quot;&gt;&amp;lt;a class=&lt;/a&gt;hub.com/react-component/dropdown/commit/87d9cfe4f6fa551a1a97249d5de3d4e03117b6fb&quot;&gt;87d9cfe4f&lt;/a&gt;&lt;a href=&quot;https://github.com/react-component/dropdown/commit/87d9cfe4f6fa551a1a97249d5de3d4e03117b6fb&quot;&gt;&amp;quot;&amp;gt;&amp;amp;lt;a href=&amp;amp;quot;https://github.com/react-component/dropdown/commit/&amp;lt;/a&amp;gt;&amp;lt;a... (continued)

Run Details

35 of 40 relevant lines covered (87.5%)

3.78 hits per line

Source File
Press 'n' to go to next uncovered line, 'b' for previous

86.49

/src/Dropdown.jsx

import React, { Component } from 'react';
import PropTypes from 'prop-types';
import ReactDOM from 'react-dom';
import Trigger from 'rc-trigger';
import placements from './placements';

export default class Dropdown extends Component {
  static propTypes = {
    minOverlayWidthMatchTrigger: PropTypes.bool,
    onVisibleChange: PropTypes.func,
    onOverlayClick: PropTypes.func,
    prefixCls: PropTypes.string,
    children: PropTypes.any,
    transitionName: PropTypes.string,
    overlayClassName: PropTypes.string,
    animation: PropTypes.any,
    align: PropTypes.object,
    overlayStyle: PropTypes.object,
    placement: PropTypes.string,
    overlay: PropTypes.node,
    trigger: PropTypes.array,
    showAction: PropTypes.array,
    hideAction: PropTypes.array,
    getPopupContainer: PropTypes.func,
    visible: PropTypes.bool,
    defaultVisible: PropTypes.bool,
  };

  static defaultProps = {
    minOverlayWidthMatchTrigger: true,
    prefixCls: 'rc-dropdown',
    trigger: ['hover'],
    showAction: [],
    hideAction: [],
    overlayClassName: '',
    overlayStyle: {},
    defaultVisible: false,
    onVisibleChange() {
    },
    placement: 'bottomLeft',
  }

  constructor(props) {
    super(props);
    if ('visible' in props) {
      this.state = {
        visible: props.visible,
      };
    } else {
      this.state = {
        visible: props.defaultVisible,
      };
    }
  }

  componentWillReceiveProps({ visible }) {
    if (visible !== undefined) {
      this.setState({
        visible,
      });
    }
  }

  onClick = (e) => {
    const props = this.props;
    const overlayProps = props.overlay.props;
    // do no call onVisibleChange, if you need click to hide, use onClick and control visible
    if (!('visible' in props)) {
      this.setState({
        visible: false,
      });
    }
    if (props.onOverlayClick) {
      props.onOverlayClick(e);
    }
    if (overlayProps.onClick) {
      overlayProps.onClick(e);
    }
  }

  onVisibleChange = (visible) => {
    const props = this.props;
    if (!('visible' in props)) {
      this.setState({
        visible,
      });
    }
    props.onVisibleChange(visible);
  }

  getMenuElement() {
    const { overlay, prefixCls } = this.props;
    const extraOverlayProps = {
      prefixCls: `${prefixCls}-menu`,
      onClick: this.onClick,
    };
    if (typeof overlay.type === 'string') {
      delete extraOverlayProps.prefixCls;
    }
    return React.cloneElement(overlay, extraOverlayProps);
  }

  getPopupDomNode() {
    return this.trigger.getPopupDomNode();
  }

  afterVisibleChange = (visible) => {
    if (visible && this.props.minOverlayWidthMatchTrigger) {
      const overlayNode = this.getPopupDomNode();
      const rootNode = ReactDOM.findDOMNode(this);
      if (rootNode && overlayNode && rootNode.offsetWidth > overlayNode.offsetWidth) {
        overlayNode.style.width = `${rootNode.offsetWidth}px`;
        if (this.trigger &&
            this.trigger._component &&
            this.trigger._component.alignInstance) {
          this.trigger._component.alignInstance.forceAlign();
        }
      }
    }
  }

  saveTrigger = (node) => {
    this.trigger = node;
  }

  render() {
    const {
      prefixCls, children,
      transitionName, animation,
      align, placement, getPopupContainer,
      showAction, hideAction,
      overlayClassName, overlayStyle,
      trigger, ...otherProps,
    } = this.props;
    return (
      <Trigger
        {...otherProps}
        prefixCls={prefixCls}
        ref={this.saveTrigger}
        popupClassName={overlayClassName}
        popupStyle={overlayStyle}
        builtinPlacements={placements}
        action={trigger}
        showAction={showAction}
        hideAction={hideAction}
        popupPlacement={placement}
        popupAlign={align}
        popupTransitionName={transitionName}
        popupAnimation={animation}
        popupVisible={this.state.visible}
        afterPopupVisibleChange={this.afterVisibleChange}
        popup={this.getMenuElement()}
        onPopupVisibleChange={this.onVisibleChange}
        getPopupContainer={getPopupContainer}
      >
        {children}
      </Trigger>
    );
  }
}

1	import React, { Component } from 'react';
2	import PropTypes from 'prop-types';
3	import ReactDOM from 'react-dom';
4	import Trigger from 'rc-trigger';
5	import placements from './placements';
6
7	export default class Dropdown extends Component {
8	static propTypes = {
9	minOverlayWidthMatchTrigger: PropTypes.bool,
10	onVisibleChange: PropTypes.func,
11	onOverlayClick: PropTypes.func,
12	prefixCls: PropTypes.string,
13	children: PropTypes.any,
14	transitionName: PropTypes.string,
15	overlayClassName: PropTypes.string,
16	animation: PropTypes.any,
17	align: PropTypes.object,
18	overlayStyle: PropTypes.object,
19	placement: PropTypes.string,
20	overlay: PropTypes.node,
21	trigger: PropTypes.array,
22	showAction: PropTypes.array,
23	hideAction: PropTypes.array,
24	getPopupContainer: PropTypes.func,
25	visible: PropTypes.bool,
26	defaultVisible: PropTypes.bool,
27	};
28
29	static defaultProps = {
30	minOverlayWidthMatchTrigger: true,
31	prefixCls: 'rc-dropdown',
32	trigger: ['hover'],
33	showAction: [],
34	hideAction: [],
35	overlayClassName: '',
36	overlayStyle: {},
37	defaultVisible: false,
38	onVisibleChange() {
39	},
40	placement: 'bottomLeft',
41	}
42
43	constructor(props) {	8✔
44	super(props);
45	if ('visible' in props) {	2✔
46	this.state = {	×
47	visible: props.visible,
48	};
49	} else {
50	this.state = {	2✔
51	visible: props.defaultVisible,
52	};
53	}
54	}
55
56	componentWillReceiveProps({ visible }) {	×
57	if (visible !== undefined) {	×
58	this.setState({	×
59	visible,
60	});
61	}
62	}
63
64	onClick = (e) => {
65	const props = this.props;	1✔
66	const overlayProps = props.overlay.props;	1✔
67	// do no call onVisibleChange, if you need click to hide, use onClick and control visible
68	if (!('visible' in props)) {	1✔
69	this.setState({	1✔
70	visible: false,
71	});
72	}
73	if (props.onOverlayClick) {	1✔
74	props.onOverlayClick(e);	1✔
75	}
76	if (overlayProps.onClick) {	1✔
77	overlayProps.onClick(e);	1✔
78	}
79	}
80
81	onVisibleChange = (visible) => {
82	const props = this.props;	2✔
83	if (!('visible' in props)) {	2✔
84	this.setState({	2✔
85	visible,
86	});
87	}
88	props.onVisibleChange(visible);	2✔
89	}
90
91	getMenuElement() {	10✔
92	const { overlay, prefixCls } = this.props;	5✔
93	const extraOverlayProps = {	5✔
94	prefixCls: `${prefixCls}-menu`,
95	onClick: this.onClick,
96	};
97	if (typeof overlay.type === 'string') {	5✔
98	delete extraOverlayProps.prefixCls;	×
99	}
100	return React.cloneElement(overlay, extraOverlayProps);	5✔
101	}
102
103	getPopupDomNode() {
104	return this.trigger.getPopupDomNode();	5✔
105	}
106
107	afterVisibleChange = (visible) => {
108	if (visible && this.props.minOverlayWidthMatchTrigger) {	2✔
109	const overlayNode = this.getPopupDomNode();	2✔
110	const rootNode = ReactDOM.findDOMNode(this);	2✔
111	if (rootNode && overlayNode && rootNode.offsetWidth > overlayNode.offsetWidth) {	2✔
112	overlayNode.style.width = `${rootNode.offsetWidth}px`;	1✔
113	if (this.trigger &&	1✔
114	this.trigger._component &&
115	this.trigger._component.alignInstance) {
116	this.trigger._component.alignInstance.forceAlign();	1✔
117	}
118	}
119	}
120	}
121
122	saveTrigger = (node) => {
123	this.trigger = node;	4✔
124	}
125
126	render() {	60✔
127	const {
128	prefixCls, children,
129	transitionName, animation,
130	align, placement, getPopupContainer,
131	showAction, hideAction,
132	overlayClassName, overlayStyle,
133	trigger, ...otherProps,
134	} = this.props;	5✔
135	return (	5✔
136	<Trigger
137	{...otherProps}
138	prefixCls={prefixCls}
139	ref={this.saveTrigger}
140	popupClassName={overlayClassName}
141	popupStyle={overlayStyle}
142	builtinPlacements={placements}
143	action={trigger}
144	showAction={showAction}
145	hideAction={hideAction}
146	popupPlacement={placement}
147	popupAlign={align}
148	popupTransitionName={transitionName}
149	popupAnimation={animation}
150	popupVisible={this.state.visible}
151	afterPopupVisibleChange={this.afterVisibleChange}
152	popup={this.getMenuElement()}
153	onPopupVisibleChange={this.onVisibleChange}
154	getPopupContainer={getPopupContainer}
155	>
156	{children}
157	</Trigger>
158	);
159	}
160	}

react-component / dropdown / 118

Source File Press 'n' to go to next uncovered line, 'b' for previous

Source File
Press 'n' to go to next uncovered line, 'b' for previous