fineui/src/base/foundation/message.js

/**
 * z-index在1亿层级
 * 弹出提示消息框，用于模拟阻塞操作（通过回调函数实现）
 * @class BI.Msg
 */
$.extend(BI, {
    Msg: function () {

        var messageShow, $mask, $pop;

        return {
            alert: function (title, message, callback) {
                this._show(false, title, message, callback);
            },
            confirm: function (title, message, callback) {
                this._show(true, title, message, callback);
            },
            prompt: function (title, message, value, callback, min_width) {
                // BI.Msg.prompt(title, message, value, callback, min_width);
            },
            toast: function (message, options, context) {
                options = options || {};
                context = context || $("body");
                var level = options.level || "normal";
                var autoClose = BI.isNull(options.autoClose) ? true : options.autoClose;
                var toast = BI.createWidget({
                    type: "bi.toast",
                    level: level,
                    autoClose: autoClose,
                    text: message
                });
                BI.createWidget({
                    type: "bi.absolute",
                    element: context,
                    items: [{
                        el: toast,
                        left: "50%",
                        top: 10
                    }]
                });
                toast.element.css({"margin-left": -1 * toast.element.outerWidth() / 2});
                toast.element.show();
                autoClose && BI.delay(function () {
                    toast.element.hide();
                    toast.destroy();
                }, 5000);
            },
            _show: function (hasCancel, title, message, callback) {
                $mask = $("<div class=\"bi-z-index-mask\">").css({
                    position: "absolute",
                    zIndex: BI.zIndex_tip - 2,
                    top: 0,
                    left: 0,
                    right: 0,
                    bottom: 0,
                    opacity: 0.5
                }).appendTo("body");
                $pop = $("<div class=\"bi-message-depend\">").css({
                    position: "absolute",
                    zIndex: BI.zIndex_tip - 1,
                    top: 0,
                    left: 0,
                    right: 0,
                    bottom: 0
                }).appendTo("body");
                var close = function () {
                    messageShow.destroy();
                    $mask.remove();
                };
                var controlItems = [];
                if (hasCancel === true) {
                    controlItems.push({
                        el: {
                            type: "bi.button",
                            text: BI.i18nText("BI-Basic_Cancel"),
                            height: 30,
                            level: "ignore",
                            handler: function () {
                                close();
                                if (BI.isFunction(callback)) {
                                    callback.apply(null, [false]);
                                }
                            }
                        }
                    });
                }
                controlItems.push({
                    el: {
                        type: "bi.button",
                        text: BI.i18nText("BI-Basic_OK"),
                        height: 30,
                        handler: function () {
                            close();
                            if (BI.isFunction(callback)) {
                                callback.apply(null, [true]);
                            }
                        }
                    }
                });
                var conf = {
                    element: $pop,
                    type: "bi.center_adapt",
                    items: [
                        {
                            type: "bi.border",
                            cls: "bi-message-content bi-card",
                            items: {
                                north: {
                                    el: {
                                        type: "bi.border",
                                        cls: "bi-message-title bi-background",
                                        items: {
                                            center: {
                                                el: {
                                                    type: "bi.label",
                                                    text: title || BI.i18nText("BI-Basic_Prompt"),
                                                    textAlign: "left",
                                                    hgap: 20,
                                                    height: 50
                                                }
                                            },
                                            east: {
                                                el: {
                                                    type: "bi.icon_button",
                                                    cls: "bi-message-close close-font",
                                                    //                                                    height: 50,
                                                    handler: function () {
                                                        close();
                                                    }
                                                },
                                                width: 60
                                            }
                                        }
                                    },
                                    height: 50
                                },
                                center: {
                                    el: {
                                        type: "bi.text",
                                        cls: "bi-message-text",
                                        tgap: 60,
                                        hgap: 20,
                                        lineHeight: 30,
                                        whiteSpace: "normal",
                                        text: message
                                    }
                                },
                                south: {
                                    el: {
                                        type: "bi.absolute",
                                        items: [{
                                            el: {
                                                type: "bi.right_vertical_adapt",
                                                hgap: 5,
                                                items: controlItems
                                            },
                                            top: 0,
                                            left: 20,
                                            right: 20,
                                            bottom: 0
                                        }]

                                    },
                                    height: 60
                                }
                            },
                            width: 400,
                            height: 300
                        }
                    ]
                };

                messageShow = BI.createWidget(conf);
            }
        };
    }()
});