eagle-ui/lib/dialog/DialogFactory.js

This is a used to develop the background management system based on the react to develop a set of UI framework

'use strict';

exports.__esModule = true;

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

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError('Cannot call a class as a function'); } }

var _Mask = require('./Mask');

var _Mask2 = _interopRequireDefault(_Mask);

var _Alert = require('./Alert');

var _Alert2 = _interopRequireDefault(_Alert);

var _Confirm = require('./Confirm');

var _Confirm2 = _interopRequireDefault(_Confirm);

var _Prompt = require('./Prompt');

var _Prompt2 = _interopRequireDefault(_Prompt);

var _BaseDialog = require('./BaseDialog');

var _BaseDialog2 = _interopRequireDefault(_BaseDialog);

var _extend = require('extend');

var _extend2 = _interopRequireDefault(_extend);

var DialogFactory = (function () {
    function DialogFactory(key, type, c) {
        var opts = arguments.length <= 3 || arguments[3] === undefined ? {} : arguments[3];

        _classCallCheck(this, DialogFactory);

        this.params = {
            children: c,
            type: type,
            key: key,
            opts: opts
        };
        //this.type = type;
        this.baseUtils = _BaseDialog2['default'].getInstance();
        //添加dialog
        //需要对类型做分析
        this.setFactory();
    }

    DialogFactory.prototype.setProperty = function setProperty(key, val) {
        this.params[key] = val;
    };

    DialogFactory.prototype.setFactory = function setFactory() {
        var type = arguments.length <= 0 || arguments[0] === undefined ? this.params.type : arguments[0];
        var key = arguments.length <= 1 || arguments[1] === undefined ? this.params.key : arguments[1];
        var c = arguments.length <= 2 || arguments[2] === undefined ? this.params.children : arguments[2];

        if (type) {
            switch (type.toLowerCase()) {
                case _BaseDialog2['default'].ALERT:
                    this.add(_BaseDialog2['default'].ALERT, _Alert2['default']);
                    break;
                case _BaseDialog2['default'].CONFRIM:
                    this.add(_BaseDialog2['default'].CONFRIM, _Confirm2['default']);
                    break;
                case _BaseDialog2['default'].PROMPT:
                    this.add(_BaseDialog2['default'].PROMPT, _Prompt2['default']);
                    break;
                default:
                    //将自定义dialog添加进主dialog
                    _Mask2['default'].push(key, c);
                    key && this.add(key, _Mask2['default'], this.params.opts);
            }
        }
    };

    //添加dialog

    DialogFactory.prototype.add = function add() {
        var key = arguments.length <= 0 || arguments[0] === undefined ? this.params.key : arguments[0];
        var value = arguments.length <= 1 || arguments[1] === undefined ? null : arguments[1];
        var props = arguments.length <= 2 || arguments[2] === undefined ? null : arguments[2];

        this.baseUtils.pushStack(key, value, props);
    };

    //删除dialog

    DialogFactory.prototype.del = function del() {
        var key = arguments.length <= 0 || arguments[0] === undefined ? this.params.key : arguments[0];

        this.baseUtils.removeStack(key);
    };

    //获取lialog

    DialogFactory.prototype.getFactory = function getFactory() {
        var key = arguments.length <= 0 || arguments[0] === undefined ? this.params.key : arguments[0];

        var modal = this.baseUtils.get(key);

        if (!modal || modal.length <= 0) {
            this.setFactory(key, null);
            modal = this.baseUtils.get(key);
        }

        return modal;
    };

    //设置dialog默认属性

    DialogFactory.prototype.set = function set() {
        this.baseUtils.setOptions(arguments[0]);
    };

    DialogFactory.prototype.show = function show(dialogId) {
        var props = arguments.length <= 1 || arguments[1] === undefined ? {} : arguments[1];

        //先将dialog放入容器，
        //debugger;
        var _this = this;
        setTimeout(function () {
            var modal = _this.getFactory(dialogId);
            // 同步设置
            _this.baseUtils.pushStack(dialogId, modal[0], _extend2['default']({}, modal[1] || {}, props, {
                isShow: true
            }));
            _this.baseUtils.renderDialog(modal[0], _extend2['default']({}, modal[1] || {}, props));
            //打开
            _this.baseUtils.open();
        });
    };

    DialogFactory.prototype.reShow = function reShow(dialogId, props) {
        var modal = this.getFactory(dialogId);
        this.baseUtils.pushStack(dialogId, modal[0], _extend2['default']({}, modal[1] || {}, props));
        this.baseUtils.reloadDialog(modal[0], _extend2['default']({}, modal[1] || {}, props));
    };

    DialogFactory.prototype.hide = function hide() {
        this.baseUtils.close();
    };

    return DialogFactory;
})();

exports['default'] = DialogFactory;
module.exports = exports['default'];