weui / react-weui / 232

pending completion

Build # 232

Build Type

Pull #322

travis-ci

Committed by

web-flow

Commit Message

<a href="https://github.com/weui/react-weui/commit/<a class=hub.com/weui/react-weui/commit/<a class="double-link" href="https://git"><a class=hub.com/weui/react-weui/commit/<a class="double-link" href="https://git"><a class=hub.com/weui/react-weui/commit/<a class="double-link" href="https://git"><a class=hub.com/weui/react-weui/commit/8576b23455e14323d25442dcf02daccb4004d33c">8576b2345">&lt;a href=&quot;https://github.com/weui/react-weui/commit/</a><a class="double-link" href="https://github.com/weui/react-weui/commit/&lt;a class=&quot;double-link&quot; href=&quot;https://git">&lt;a class=</a>hub.com/weui/react-weui/commit/&lt;a class=&quot;double-link&quot; href=&quot;https://git">&lt;a class=</a>hub.com/weui/react-weui/commit/&lt;a class=&quot;double-link&quot; href=&quot;https://git">&lt;a class=</a>hub.com/weui/react-weui/commit/&lt;a class=&quot;double-link&quot; href=&quot;https://git">&lt;a class=</a>hub.com/weui/react-weui/commit/8576b23455e14323d25442dcf02daccb4004d33c">8576b2345</a><a href="https://github.com/weui/react-weui/commit/8576b23455e14323d25442dcf02daccb4004d33c">&quot;&gt;&amp;lt;a href=&amp;quot;https://github.com/weui/react-weui/commit/&lt;/a&gt;&lt;a class=&quot;double-link&quot; href=&quot;https://github.com/weui/react-weui/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/weui/react-weui/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/weui/react-weui/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/weui/react-weui/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/weui/react-weui/commit/8576b23455e14323d25442dcf02daccb4004d33c&quot;&gt;8576b2345&lt;/a&gt;&lt;a href=&quot;https://github.com/weui/react-weui/commit/8576b23455e14323d25442dcf02daccb4004d33c&quot;&gt;&amp;quot;&amp;gt;&amp;amp;lt;a href=&amp;amp;quot;https://github.com/weui/react-weui/commit/&amp;lt;/a&amp;gt;&amp;lt;a class=&amp;quot;double-link&amp;quot; href=&amp;quot;https://github.com/weui/react-weui/commit/&amp;amp;lt;a class=&amp;amp;quot;double-link&am... (continued)

Pull Request Pull Request #322: fix: issue 320

Run Details

328 of 600 branches covered (54.67%)

4 of 4 new or added lines in 1 file covered. (100.0%)

1056 of 1300 relevant lines covered (81.23%)

211.42 hits per line

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

75.86

/src/components/dialog/dialog.js

import React, { Component } from 'react';
import PropTypes from 'prop-types';
import classNames from '../../utils/classnames';
import Mask from '../mask/index';

/**
 * Modals provide feedback to user
 *
 */
class Dialog extends Component {
    static propTypes = {
        /**
         * Object Arrays of buttons, `label` property is require
         *
         */
        buttons: PropTypes.array,
        /**
         * to display the dialog
         *
         */
        show: PropTypes.bool,
        /**
         * Title of dialog
         *
         */
        title: PropTypes.string,
        /**
         * Specify display style: ios/android, default is ios when autoDetect not on
         *
         */
        type: PropTypes.string,
    };

    static defaultProps = {
        buttons: [],
        show: false,
        title: '',
        type: '',
    };

    constructor(props){
        super(props);

        this.state = {
            isAndroid: ''
        };
    }

    renderButtons() {
        return this.props.buttons.map((action, idx) => {
            const {type, label, onClick, ...others} = action;
            const className = classNames({
                'weui-dialog__btn': true,
                'weui-dialog__btn_default': type === 'default',
                'weui-dialog__btn_primary': type === 'primary'
            });

            return (
                <a
                    key={idx}
                    href="#"
                    onClick={(e) => {
                        e.preventDefault();
                        onClick && typeof onClick === 'function' && onClick(e);
                        return false;
                    }}
                    {...others}
                    className={className}
                >{label}</a>
            );
        });
    }

    render() {
        const {title, show, className, children, buttons, type, autoDectect, ...others} = this.props;
        const styleType = type ? type : 'ios';
        const cls = classNames('weui-dialog', {
            'weui-skin_android': styleType === 'android',
            [className]: className
        });

        return (
            <div style={{display: show ? 'block' : 'none'}}>
                <Mask/>
                <div className={cls} {...others}>
                    { title ?
                    <div className="weui-dialog__hd">
                        <strong className="weui-dialog__title">{title}</strong>
                    </div> : false }
                    <div className="weui-dialog__bd">
                        {children}
                    </div>
                    <div className="weui-dialog__ft">
                        {this.renderButtons()}
                    </div>
                </div>
            </div>
        );
    }
}

export default Dialog;

1	import React, { Component } from 'react';	2✔
2	import PropTypes from 'prop-types';	2✔
3	import classNames from '../../utils/classnames';	2✔
4	import Mask from '../mask/index';	2✔
5
6	/**
7	* Modals provide feedback to user
8	*
9	*/
10	class Dialog extends Component {
11	static propTypes = {
12	/**
13	* Object Arrays of buttons, `label` property is require
14	*
15	*/
16	buttons: PropTypes.array,
17	/**
18	* to display the dialog
19	*
20	*/
21	show: PropTypes.bool,
22	/**
23	* Title of dialog
24	*
25	*/
26	title: PropTypes.string,
27	/**
28	* Specify display style: ios/android, default is ios when autoDetect not on
29	*
30	*/
31	type: PropTypes.string,
32	};
33
34	static defaultProps = {
35	buttons: [],
36	show: false,
37	title: '',
38	type: '',
39	};
40
41	constructor(props){	216!
42	super(props);
43
44	this.state = {	72✔
45	isAndroid: ''
46	};
47	}
48
49	renderButtons() {
50	return this.props.buttons.map((action, idx) => {	108✔
51	const {type, label, onClick, ...others} = action;	324✔
52	const className = classNames({	108✔
53	'weui-dialog__btn': true,
54	'weui-dialog__btn_default': type === 'default',
55	'weui-dialog__btn_primary': type === 'primary'
56	});
57
58	return (	108✔
59	<a
60	key={idx}
61	href="#"
62	onClick={(e) => {
63	e.preventDefault();	72✔
64	onClick && typeof onClick === 'function' && onClick(e);	×
65	return false;	×
66	}}
67	{...others}
68	className={className}
69	>{label}</a>
70	);
71	});
72	}
73
74	render() {	504✔
75	const {title, show, className, children, buttons, type, autoDectect, ...others} = this.props;	72✔
76	const styleType = type ? type : 'ios';	72✔
77	const cls = classNames('weui-dialog', {	72✔
78	'weui-skin_android': styleType === 'android',
79	[className]: className
80	});
81
82	return (	72✔
83	<div style={{display: show ? 'block' : 'none'}}>	72✔
84	<Mask/>
85	<div className={cls} {...others}>
86	{ title ?
87	<div className="weui-dialog__hd">	72!
88	<strong className="weui-dialog__title">{title}</strong>
89	</div> : false }
90	<div className="weui-dialog__bd">
91	{children}
92	</div>
93	<div className="weui-dialog__ft">
94	{this.renderButtons()}
95	</div>
96	</div>
97	</div>
98	);
99	}
100	}
101
102	export default Dialog;

weui / react-weui / 232

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