micro-ui-y/lib/message/message.js

"use strict";

Object.defineProperty(exports, "__esModule", {
    value: true
});

var _react = require("react");

var _react2 = _interopRequireDefault(_react);

var _dialog = require("../dialog/dialog");

var _dialog2 = _interopRequireDefault(_dialog);

var _index = require("../svg/index");

var _index2 = _interopRequireDefault(_index);

var _scrollBox = require("../scroll/scrollBox2.0");

var _scrollBox2 = _interopRequireDefault(_scrollBox);

var _style = require("./style");

var _style2 = _interopRequireDefault(_style);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

//全局loading   大loading
function Message(props) {

    /*
     * this.props.open
     * this.props.type
     *      submitting/loading   不需要传 btnText 和cancelBtnText
     *                           title    传的是标题说明  不传就不显示   如提交中  加载中(必填)
     *
     *      hint    cancelBtnText传的是取消按钮的说明 如返回 取消 默认取消
     *              btnText  传的是确认的按钮的说明  如提交 确认   默认确认
     *              title    传的是标题说明  不传就不显示
     *              content   补充说明文字
     *              this.props.handleClose   是cancelBtnText对应按钮的方法 只在type为hint的时候传
     *              this.props.handleFn      是btnText对应的按钮的方法
     *
     *
     *   fail       btnText  传的是确认的按钮的说明  如提交 确认   默认确认
     *              title    传的是标题说明  不传就不显示
     *              content   补充说明文字
     *              this.props.handleFn      是btnText对应的按钮的方法
     *
     *   success     title    传的是标题说明  不传就不显示
     *              content   补充说明文字
     *              this.props.handleFn      是btnText对应的按钮的方法
     *
     *
     *
     * */

    var contentStyle = { width: "" + (props.width ? props.width : "40.25rem"), background: "#fff", maxWidth: '120rem', zIndex: "123456" };
    var bodyStyle = { padding: '0', width: '100%' };
    var bgStyle = { zIndex: "12345" };
    var handleClose = function handleClose() {
        props.handleClose(props.remarks);
    };
    var submitFn = function submitFn() {
        props.submitFn(props.remarks);
    };
    // Object.assign(TipStyle.tipsBoxShow,{height:`${props.height?props.height:null}`})
    _style2.default.tipsBoxShow;
    // props.height?
    return _react2.default.createElement(
        _dialog2.default,
        { open: props.open,
            bgStyle: bgStyle,
            contentStyle: contentStyle,
            bodyStyle: bodyStyle },
        _react2.default.createElement(
            "div",
            { style: Object.assign(props.open ? _style2.default.tipsBoxShow : _style2.default.tipsBoxHide) },
            _react2.default.createElement(
                "div",
                { style: _style2.default.svgBox },
                _react2.default.createElement(_index2.default, { type: "Hint", width: "3.75rem", height: "3.75rem", fill: "#ffbe62" })
            ),
            props.title ? _react2.default.createElement(
                "p",
                { style: _style2.default.title },
                props.title
            ) : null,
            _react2.default.createElement(
                _scrollBox2.default,
                {
                    width: "" + (props.width ? props.width : '40.25rem'),
                    maxHeight: "" + (props.contentHeight ? props.contentHeight : '10rem')
                },
                _react2.default.createElement(
                    "div",
                    {
                        style: _style2.default.body },
                    props.content ? _react2.default.createElement(
                        "p",
                        { style: _style2.default.content },
                        props.content
                    ) : null
                )
            ),
            _react2.default.createElement(
                "div",
                { style: props.open ? _style2.default.buttonBoxOn : _style2.default.buttonBoxOff },
                props.btnText ? _react2.default.createElement(
                    "p",
                    { style: _style2.default.hintLeft,
                        onClick: submitFn },
                    props.btnText
                ) : null,
                _react2.default.createElement(
                    "p",
                    { style: props.btnText ? _style2.default.hintRight : _style2.default.hint,
                        onClick: handleClose },
                    props.cancelBtnText ? props.cancelBtnText : '取消'
                )
            )
        )
    );
}

exports.default = Message;
//# sourceMappingURL=message.js.map