layx.js

Layx 新一代Web弹窗组件。纯原生Javascript实现,不依赖任何第三方框架

This script should not be not be installed directly. It is a library for other scripts to include with the meta directive // @require https://update.greasyfork.org/scripts/455606/1142126/layxjs.js

// ==UserScript==
// @name         layx.js
// @namespace    http://tampermonkey.net/
// @version      2.5.4
// @description  Layx 新一代Web弹窗组件。 自用
// @author       百小僧/MonkSoul
// @grant        none
// ==/UserScript==

/*!
 * file : layx.js
 * gitee : https://gitee.com/monksoul/LayX
 * github : https://github.com/MonkSoul/Layx/
 * author : 百小僧/MonkSoul
 * version : v2.5.4
 * create time : 2018.05.11
 * update time : 2018.11.03
 */
;
!(function (over, win, slf) {
    var Layx = {
        version: '2.5.4',
        defaults: {
            id: '',
            icon: true,
            title: '',
            width: 800,
            height: 600,
            minWidth: 200,
            minHeight: 200,
            position: 'ct',
            storeStatus: true,
            control: true,
            style: '',
            controlStyle: '',
            existFlicker: true,
            bgColor: "#fff",
            shadow: true,
            border: true,
            borderRadius: '3px',
            skin: 'default',
            type: 'html',
            focusToReveal: true,
            enableDomainFocus: true,
            dialogType: '',
            frames: [],
            frameIndex: 0,
            preload: 1,
            mergeTitle: true,
            content: '',
            dialogIcon: false,
            cloneElementContent: true,
            url: '',
            useFrameTitle: false,
            opacity: 1,
            escKey: true,
            floatTarget: false,
            floatDirection: 'bottom',
            shadable: false,
            shadeDestroy: false,
            readonly: false,
            loadingText: '内容正在加载中,请稍后',
            dragInTopToMax: true,
            isOverToMax: true,
            stickMenu: false,
            stickable: true,
            minMenu: true,
            minable: true,
            maxMenu: true,
            maxable: true,
            closeMenu: true,
            closable: true,
            debugMenu: false,
            restorable: true,
            resizable: true,
            autodestroy: false,
            autodestroyText: '此窗口将在 <strong>{second}</strong> 秒内自动关闭.',
            resizeLimit: {
                t: false,
                r: false,
                b: false,
                l: false,
                lt: false,
                rt: false,
                lb: false,
                rb: false
            },
            buttonKey: 'enter',
            buttons: [],
            movable: true,
            moveLimit: {
                vertical: false,
                horizontal: false,
                leftOut: true,
                rightOut: true,
                topOut: true,
                bottomOut: true
            },
            focusable: true,
            alwaysOnTop: false,
            allowControlDbclick: true,
            statusBar: false,
            statusBarStyle: '',
            event: {
                onload: {
                    before: function (layxWindow, winform) { },
                    after: function (layxWindow, winform) { }
                },
                onmin: {
                    before: function (layxWindow, winform) { },
                    after: function (layxWindow, winform) { }
                },
                onmax: {
                    before: function (layxWindow, winform) { },
                    after: function (layxWindow, winform) { }
                },
                onrestore: {
                    before: function (layxWindow, winform) { },
                    after: function (layxWindow, winform) { }
                },
                ondestroy: {
                    before: function (layxWindow, winform, params, inside, escKey) { },
                    after: function () { }
                },
                onvisual: {
                    before: function (layxWindow, winform, params, inside, status) { },
                    after: function (layxWindow, winform, status) { }
                },
                onmove: {
                    before: function (layxWindow, winform) { },
                    progress: function (layxWindow, winform) { },
                    after: function (layxWindow, winform) { }
                },
                onresize: {
                    before: function (layxWindow, winform) { },
                    progress: function (layxWindow, winform) { },
                    after: function (layxWindow, winform) { }
                },
                onfocus: function (layxWindow, winform) { },
                onexist: function (layxWindow, winform) { },
                onswitch: {
                    before: function (layxWindow, winform, frameId) { },
                    after: function (layxWindow, winform, frameId) { }
                },
                onstick: {
                    before: function (layxWindow, winform) { },
                    after: function (layxWindow, winform) { }
                }
            }
        },
        defaultButtons: {
            label: '确定',
            callback: function (id, button, event) { },
            id: '',
            classes: [],
            style: ''
        },
        defaultFrames: {
            id: '',
            title: '',
            type: 'html',
            url: '',
            content: '',
            useFrameTitle: false,
            cloneElementContent: true,
            bgColor: "#fff"
        },
        zIndex: 10000000,
        windows: {},
        stickZIndex: 20000000,
        prevFocusId: null,
        focusId: null,
        create: function (options) {
            var that = this,
                config = layxDeepClone({}, that.defaults, options || {}),
                winform = {};
            if (!config.id) {
                console.error("窗口id不能为空且唯一");
                return;
            }
            Layx.prevFocusId = Layx.focusId;
            Layx.focusId = config.id;
            var _winform = that.windows[config.id];
            if (_winform) {
                if (_winform.status === "min") {
                    that.restore(_winform.id);
                }
                if (_winform.existFlicker === true) {
                    that.flicker(config.id);
                }
                if (Utils.isFunction(config.event.onexist)) {
                    config.event.onexist(_winform.layxWindow, _winform);
                }
                var fixFocus = setInterval(function () {
                    if (config.id !== Layx.focusId) {
                        that.updateZIndex(config.id);
                    } else {
                        clearInterval(fixFocus);
                    }
                }, 0);
                return _winform;
            }
            if (Utils.isArray(config.frames)) {
                for (var i = 0; i < config.frames.length; i++) {
                    config.frames[i] = layxDeepClone({}, that.defaultFrames, config.frames[i]);
                    if (!config.frames[i].id) {
                        console.error("窗口组窗口id不能为空且窗口组内唯一");
                        return;
                    }
                }
            }
            if (Utils.isArray(config.buttons)) {
                for (var i = 0; i < config.buttons.length; i++) {
                    config.buttons[i] = layxDeepClone({}, that.defaultButtons, config.buttons[i]);
                }
            }
            if (config.shadable === true || /^(0(\.[0-9])?$)|(1)$/.test(config.shadable)) {
                var layxShade = document.createElement("div");
                layxShade.setAttribute("id", "layx-" + config.id + "-shade");
                layxShade.classList.add("layx-shade");
                layxShade.style.zIndex = config.alwaysOnTop === true ? (++that.stickZIndex) : (++that.zIndex);
                if (/^(0(\.[0-9])?$)|(1)$/.test(config.shadable)) {
                    layxShade.style.backgroundColor = "rgba(0,0,0," + config.shadable + ")";
                }
                layxShade.oncontextmenu = function (e) {
                    e = e || window.event;
                    e.returnValue = false;
                    return false;
                };
                layxShade.onclick = function (e) {
                    e = e || window.event;
                    if (config.shadeDestroy === true) {
                        that.destroy(config.id, null, true);
                    } else {
                        if (config.existFlicker === true) {
                            that.flicker(config.id);
                        }
                    }
                    e.stopPropagation();
                };
                document.body.appendChild(layxShade);
            }
            if (config.style) {
                var style = document.getElementById("layx-style");
                if (style) {
                    style.innerHTML += config.style;
                } else {
                    style = document.createElement("style");
                    style.setAttribute("id", "layx-style");
                    style.type = "text/css";
                    style.innerHTML = config.style;
                    document.getElementsByTagName("HEAD").item(0).appendChild(style);
                }
            }
            var layxWindow = document.createElement("div");
            layxWindow.setAttribute("id", "layx-" + config.id);
            layxWindow.classList.add("layx-window");
            layxWindow.classList.add("layx-flexbox");
            layxWindow.classList.add("layx-skin-" + config.skin);
            if (config.shadow === true) {
                layxWindow.style.setProperty("box-shadow", "1px 1px 24px rgba(0, 0, 0, .3)");
                layxWindow.style.setProperty("-moz-box-shadow", "1px 1px 24px rgba(0, 0, 0, .3)");
                layxWindow.style.setProperty("-webkit-box-shadow", "1px 1px 24px rgba(0, 0, 0, .3)");
            }
            var _minWidth,
                _minHeight,
                _width,
                _height,
                _top,
                _left;
            _minWidth = Utils.compileLayxWidthOrHeight("width", config.minWidth, that.defaults.minWidth);
            _minHeight = Utils.compileLayxWidthOrHeight("height", config.minHeight, that.defaults.minHeight);
            _width = Utils.compileLayxWidthOrHeight("width", config.width, that.defaults.width);
            _height = Utils.compileLayxWidthOrHeight("height", config.height, that.defaults.height);
            _width = Math.max(_width, _minWidth);
            _height = Math.max(_height, _minHeight);
            var _position = Utils.compileLayxPosition(_width, _height, config.position);
            _top = _position.top;
            _left = _position.left;
            _top = Math.max(_top, 0);
            _top = Math.min(win.innerHeight - 15, _top);
            _left = Math.max(_left, -(_width - 15));
            _left = Math.min(_left, win.innerWidth - 15);
            if (config.storeStatus === true && config.floatTarget === false) {
                var _areaInfo = that.getStoreWindowAreaInfo(config.id);
                if (_areaInfo) {
                    _width = _areaInfo.width;
                    _height = _areaInfo.height;
                    _top = _areaInfo.top;
                    _left = _areaInfo.left;
                } else {
                    that.storeWindowAreaInfo(config.id, {
                        width: _width,
                        height: _height,
                        top: _top,
                        left: _left
                    });
                }
            } else {
                that.removeStoreWindowAreaInfo(config.id);
            }
            if (Utils.isDom(config.floatTarget)) {
                layxWindow.classList.add("layx-bubble-type");
                var bubble = document.createElement("div");
                bubble.classList.add("layx-bubble");
                bubble.classList.add("layx-bubble-" + config.floatDirection);
                layxWindow.appendChild(bubble);
                var bubbleInlay = document.createElement("div");
                bubbleInlay.classList.add("layx-bubble-inlay");
                bubbleInlay.classList.add("layx-bubble-inlay-" + config.floatDirection);
                bubble.appendChild(bubbleInlay);
            }
            layxWindow.style.zIndex = config.alwaysOnTop === true ? (++that.stickZIndex) : (++that.zIndex);
            layxWindow.style.width = _width + "px";
            layxWindow.style.height = _height + "px";
            layxWindow.style.minWidth = _minWidth + "px";
            layxWindow.style.minHeight = _minHeight + "px";
            layxWindow.style.top = _top + "px";
            layxWindow.style.left = _left + "px";
            layxWindow.style.setProperty("border", Utils.isBoolean(config.border) ? (config.skin === "default" && config.border === true ? "" : "none") : config.border);
            layxWindow.style.backgroundColor = config.bgColor;
            layxWindow.style.setProperty("border-radius", config.borderRadius);
            layxWindow.style.setProperty("-moz-border-radius", config.borderRadius);
            layxWindow.style.setProperty("-webkit-border-radius", config.borderRadius);
            layxWindow.style.opacity = /^(0(\.[0-9])?$)|(1)$/.test(config.opacity) ? config.opacity : 1;
            if (config.focusable === true) {
                layxWindow.onclick = function (e) {
                    e = e || window.event;
                    if (Utils.isFunction(config.event.onfocus)) {
                        var revel = Utils.isFunction(config.event.onfocus);
                        if (revel === false) {
                            return;
                        }
                        config.event.onfocus(layxWindow, winform);
                    }
                    that.updateZIndex(config.id);
                };
            }
            document.body.appendChild(layxWindow);
            var layxWindowStyle = layxWindow.currentStyle ? layxWindow.currentStyle : win.getComputedStyle(layxWindow, null);
            winform.id = config.id;
            winform.title = config.title;
            winform.layxWindowId = layxWindow.getAttribute("id");
            winform.layxWindow = layxWindow;
            winform.createDate = new Date();
            winform.status = "normal";
            winform.type = config.type;
            winform.buttons = config.buttons;
            winform.frames = config.frames;
            winform.useFrameTitle = config.useFrameTitle;
            winform.cloneElementContent = config.cloneElementContent;
            winform.storeStatus = config.storeStatus;
            winform.url = config.url;
            winform.content = config.content;
            winform.escKey = config.escKey;
            winform.focusToReveal = config.focusToReveal;
            winform.dialogType = config.dialogType;
            winform.enableDomainFocus = config.enableDomainFocus;
            winform.buttonKey = config.buttonKey;
            winform.existFlicker = config.existFlicker;
            winform.groupCurrentId = (Utils.isArray(config.frames) && config.frames.length > 0 && config.frames[config.frameIndex]) ? config.frames[config.frameIndex].id : null;
            winform.area = {
                width: _width,
                height: _height,
                minWidth: _minWidth,
                minHeight: _minHeight,
                top: _top,
                left: _left
            };
            winform.border = config.border;
            winform.control = config.control;
            winform.isFloatTarget = Utils.isDom(config.floatTarget);
            winform.floatTarget = config.floatTarget;
            winform.floatDirection = config.floatDirection;
            winform.loadingText = config.loadingText;
            winform.focusable = config.focusable;
            winform.isStick = config.alwaysOnTop === true;
            winform.zIndex = config.alwaysOnTop === true ? that.stickZIndex : that.zIndex;
            winform.movable = config.movable;
            winform.moveLimit = config.moveLimit;
            winform.resizable = config.resizable;
            winform.resizeLimit = config.resizeLimit;
            winform.stickable = config.stickable;
            winform.minable = config.minable;
            winform.maxable = config.maxable;
            winform.restorable = config.restorable;
            winform.closable = config.closable;
            winform.skin = config.skin;
            winform.event = config.event;
            winform.dragInTopToMax = config.dragInTopToMax;
            that.windows[config.id] = winform;
            if (config.control === true) {
                var controlBar = document.createElement("div");
                controlBar.classList.add("layx-control-bar");
                controlBar.classList.add("layx-flexbox");
                controlBar.style.setProperty("border-radius", layxWindowStyle.borderRadius + " " + layxWindowStyle.borderRadius + " " + "0 0");
                controlBar.style.setProperty("-moz-border-radius", layxWindowStyle.borderRadius + " " + layxWindowStyle.borderRadius + " " + "0 0");
                controlBar.style.setProperty("-webkit-border-radius", layxWindowStyle.borderRadius + " " + layxWindowStyle.borderRadius + " " + "0 0");
                config.controlStyle && controlBar.setAttribute("style", config.controlStyle);
                if (config.type === "group" && config.mergeTitle === true) {
                    controlBar.classList.add("layx-type-group");
                }
                layxWindow.appendChild(controlBar);
                if (config.icon !== false) {
                    var leftBar = document.createElement("div");
                    leftBar.classList.add("layx-left-bar");
                    leftBar.classList.add("layx-flexbox");
                    leftBar.classList.add("layx-flex-vertical");
                    controlBar.appendChild(leftBar);
                    var windowIcon = document.createElement("div");
                    windowIcon.classList.add("layx-icon");
                    windowIcon.classList.add("layx-window-icon");
                    windowIcon.innerHTML = config.icon === true ? '<svg class="layx-iconfont" aria-hidden="true"><use xlink:href="#layx-icon-default-icon"></use></svg>' : config.icon;
                    if (config.icon === true) {
                        windowIcon.ondblclick = function (e) {
                            e = e || window.event;
                            that.destroy(config.id, null, true);
                            e.stopPropagation();
                        };
                    }
                    leftBar.appendChild(windowIcon);
                }
                var title = document.createElement("div");
                title.classList.add("layx-title");
                title.classList.add("layx-flexauto");
                title.classList.add("layx-flexbox");
                title.classList.add("layx-flex-vertical");
                if (config.type === "group" && config.mergeTitle === true) {
                    title.classList.add("layx-type-group");
                }
                if (config.allowControlDbclick === true) {
                    title.ondblclick = function (e) {
                        e = e || window.event;
                        if (config.restorable === true) {
                            that.restore(config.id);
                        }
                        e.stopPropagation();
                    };
                }
                if (config.movable === true && Utils.isDom(config.floatTarget) == false) {
                    new LayxDrag(title);
                }
                controlBar.appendChild(title);
                if (config.type !== "group") {
                    var label = document.createElement("label");
                    label.classList.add("layx-label");
                    label.innerHTML = config.useFrameTitle === true ? "" : config.title;
                    title.setAttribute("title", label.innerText);
                    title.appendChild(label);
                } else {
                    if (Utils.isArray(config.frames)) {
                        if (config.mergeTitle === false) {
                            var groupTab = document.createElement("div");
                            groupTab.classList.add("layx-group-tab");
                            groupTab.classList.add("layx-flexbox");
                            groupTab.classList.add("layx-type-group");
                            layxWindow.appendChild(groupTab);
                            var label = document.createElement("label");
                            label.classList.add("layx-label");
                            label.innerHTML = config.useFrameTitle === true ? "" : config.title;
                            title.setAttribute("title", label.innerText);
                            title.appendChild(label);
                        }
                        for (var i = 0; i < config.frames.length; i++) {
                            var frameConfig = layxDeepClone({}, that.defaultFrames, config.frames[i]);
                            var frameTitle = document.createElement("div");
                            frameTitle.setAttribute("data-frameId", frameConfig.id);
                            frameTitle.classList.add("layx-group-title");
                            frameTitle.classList.add("layx-flexauto");
                            frameTitle.classList.add("layx-flex-vertical");
                            if (i === config.frameIndex) {
                                frameTitle.setAttribute("data-enable", "1");
                            }
                            if (Utils.isSupportTouch) {
                                frameTitle.ontouchstart = function (e) {
                                    e = e || window.event;
                                    that._setGroupIndex(config.id, this);
                                };
                                if (Utils.IsPC()) {
                                    frameTitle.onclick = function (e) {
                                        e = e || window.event;
                                        that._setGroupIndex(config.id, this);
                                        e.stopPropagation();
                                    };
                                }
                            } else {
                                frameTitle.onclick = function (e) {
                                    e = e || window.event;
                                    that._setGroupIndex(config.id, this);
                                    e.stopPropagation();
                                };
                            }
                            if (config.mergeTitle === false) {
                                groupTab.appendChild(frameTitle);
                            } else {
                                title.appendChild(frameTitle);
                            }
                            var groupLabel = document.createElement("label");
                            groupLabel.classList.add("layx-label");
                            groupLabel.innerHTML = frameConfig.title;
                            frameTitle.setAttribute("title", groupLabel.innerText);
                            frameTitle.appendChild(groupLabel);
                        }
                    }
                }
                var rightBar = document.createElement("div");
                rightBar.classList.add("layx-right-bar");
                rightBar.classList.add("layx-flexbox");
                controlBar.appendChild(rightBar);
                var customMenu = document.createElement("div");
                customMenu.classList.add("layx-custom-menus");
                customMenu.classList.add("layx-flexbox");
                rightBar.appendChild(customMenu);
                if (config.stickMenu === true || config.minMenu === true || config.maxMenu === true || config.closeMenu === true || config.debugMenu === true) {
                    var inlayMenu = document.createElement("div");
                    inlayMenu.classList.add("layx-inlay-menus");
                    inlayMenu.classList.add("layx-flexbox");
                    rightBar.appendChild(inlayMenu);
                    if (!Utils.isDom(config.floatTarget)) {
                        if (config.debugMenu === true) {
                            var debugMenu = document.createElement("div");
                            debugMenu.classList.add("layx-icon");
                            debugMenu.classList.add("layx-flexbox");
                            debugMenu.classList.add("layx-flex-center");
                            debugMenu.classList.add("layx-debug-menu");
                            debugMenu.setAttribute("title", "调试信息");
                            debugMenu.innerHTML = '<svg class="layx-iconfont" aria-hidden="true"><use xlink:href="#layx-icon-debug"></use></svg>';
                            debugMenu.onclick = function (e) {
                                e = e || window.event;
                                var jsonStr = JSON.stringify(winform, null, 4).replace(/</g, "&lt;").replace(/>/g, "&gt;");
                                that.create({
                                    id: 'layx-' + config.id + '-debug',
                                    title: "窗口调试信息",
                                    width: 300,
                                    height: 300,
                                    content: '<div class="layx-padding" style="padding:10px;height:100%;overflow:hidden;"><div class="layx-code"><pre class="layx-pre">' + jsonStr + '</pre></div></div>',
                                    shadable: true,
                                    debugMenu: false,
                                    minMenu: false,
                                    minable: false,
                                    position: [layxWindow.offsetTop + 10, layxWindow.offsetLeft + 10],
                                    storeStatus: false
                                });
                            };
                            inlayMenu.appendChild(debugMenu);
                        }
                        if (config.stickMenu === true || (config.alwaysOnTop === true && config.stickMenu)) {
                            var stickMenu = document.createElement("div");
                            stickMenu.classList.add("layx-icon");
                            stickMenu.classList.add("layx-flexbox");
                            stickMenu.classList.add("layx-flex-center");
                            stickMenu.classList.add("layx-stick-menu");
                            config.alwaysOnTop === true ? stickMenu.setAttribute("title", "取消置顶") : stickMenu.setAttribute("title", "置顶");
                            config.alwaysOnTop === true && stickMenu.setAttribute("data-enable", "1");
                            stickMenu.innerHTML = '<svg class="layx-iconfont" aria-hidden="true"><use xlink:href="#layx-icon-stick"></use></svg>';
                            if (config.stickable === true) {
                                stickMenu.onclick = function (e) {
                                    e = e || window.event;
                                    that.stickToggle(config.id);
                                };
                            }
                            inlayMenu.appendChild(stickMenu);
                        }
                        if (config.minMenu === true) {
                            var minMenu = document.createElement("div");
                            minMenu.classList.add("layx-icon");
                            minMenu.classList.add("layx-flexbox");
                            minMenu.classList.add("layx-flex-center");
                            minMenu.classList.add("layx-min-menu");
                            minMenu.setAttribute("title", "最小化");
                            minMenu.setAttribute("data-menu", "min");
                            minMenu.innerHTML = '<svg class="layx-iconfont" aria-hidden="true"><use xlink:href="#layx-icon-min"></use></svg>';
                            minMenu.onclick = function (e) {
                                e = e || window.event;
                                if (!this.classList.contains("layx-restore-menu")) {
                                    if (config.minable === true) {
                                        that.min(config.id);
                                    }
                                } else {
                                    if (config.restorable === true) {
                                        that.restore(config.id);
                                    }
                                }
                            };
                            inlayMenu.appendChild(minMenu);
                        }
                        if (config.maxMenu === true) {
                            var maxMenu = document.createElement("div");
                            maxMenu.classList.add("layx-icon");
                            maxMenu.classList.add("layx-flexbox");
                            maxMenu.classList.add("layx-flex-center");
                            maxMenu.classList.add("layx-max-menu");
                            maxMenu.setAttribute("title", "最大化");
                            maxMenu.setAttribute("data-menu", "max");
                            maxMenu.innerHTML = '<svg class="layx-iconfont" aria-hidden="true"><use xlink:href="#layx-icon-max"></use></svg>';
                            maxMenu.onclick = function (e) {
                                e = e || window.event;
                                if (!this.classList.contains("layx-restore-menu")) {
                                    if (config.maxable === true) {
                                        that.max(config.id);
                                    }
                                } else {
                                    if (config.restorable === true) {
                                        that.restore(config.id);
                                    }
                                }
                            };
                            inlayMenu.appendChild(maxMenu);
                        }
                    }
                    if (config.closeMenu === true) {
                        var destroyMenu = document.createElement("div");
                        destroyMenu.classList.add("layx-icon");
                        destroyMenu.classList.add("layx-flexbox");
                        destroyMenu.classList.add("layx-flex-center");
                        destroyMenu.classList.add("layx-destroy-menu");
                        destroyMenu.setAttribute("title", "关闭");
                        destroyMenu.innerHTML = '<svg class="layx-iconfont" aria-hidden="true"><use xlink:href="#layx-icon-destroy"></use></svg>';
                        destroyMenu.onclick = function (e) {
                            e = e || window.event;
                            if (config.closable === true) {
                                that.destroy(config.id, null, true);
                            }
                        };
                        inlayMenu.appendChild(destroyMenu);
                    }
                }
            }
            var main = document.createElement("div");
            main.classList.add("layx-main");
            main.classList.add("layx-flexauto");
            if (!config.statusBar) {
                main.style.setProperty("border-radius", "0 0 " + layxWindowStyle.borderRadius + " " + layxWindowStyle.borderRadius);
                main.style.setProperty("-moz-border-radius", "0 0 " + layxWindowStyle.borderRadius + " " + layxWindowStyle.borderRadius);
                main.style.setProperty("-webkit-border-radius", "0 0 " + layxWindowStyle.borderRadius + " " + layxWindowStyle.borderRadius);
            }
            layxWindow.appendChild(main);
            if (config.readonly === true) {
                var readonlyPanel = document.createElement("div");
                readonlyPanel.classList.add("layx-readonly");
                readonlyPanel.oncontextmenu = function (e) {
                    e = e || window.event;
                    e.returnValue = false;
                    return false;
                };
                if (config.focusable === true) {
                    readonlyPanel.onclick = function (e) {
                        e = e || window.event;
                        if (Utils.isFunction(config.event.onfocus)) {
                            var revel = Utils.isFunction(config.event.onfocus);
                            if (revel === false) {
                                return;
                            }
                            config.event.onfocus(layxWindow, winform);
                        }
                        that.updateZIndex(config.id);
                        e.stopPropagation();
                    };
                }
                main.appendChild(readonlyPanel);
            }
            switch (config.type) {
                case "html":
                default:
                    if (Utils.isFunction(config.event.onload.before)) {
                        var revel = config.event.onload.before(layxWindow, winform);
                        if (revel === false) {
                            return;
                        }
                    }
                    var contentShade = that.createContenLoadAnimate(main, config.loadingText, winform);
                    that.createHtmlBody(main, config, config.content);
                    contentShade && main.removeChild(contentShade);
                    if (winform.loadingTextTimer) {
                        clearInterval(winform.loadingTextTimer);
                        delete winform.loadingTextTimer;
                    }
                    if (Utils.isFunction(config.event.onload.after)) {
                        config.event.onload.after(layxWindow, winform);
                    }
                    break;
                case "url":
                    if (Utils.isFunction(config.event.onload.before)) {
                        var revel = config.event.onload.before(layxWindow, winform);
                        if (revel === false) {
                            return;
                        }
                    }
                    var contentShade = that.createContenLoadAnimate(main, config.loadingText, winform);
                    that.createFrameBody(main, config, layxWindow, winform);
                    break;
                case "group":
                    if (Utils.isArray(config.frames)) {
                        if (Utils.isFunction(config.event.onload.before)) {
                            var revel = config.event.onload.before(layxWindow, winform);
                            if (revel === false) {
                                return;
                            }
                        }
                        var contentShade = that.createContenLoadAnimate(main, config.loadingText, winform);
                        config.preload = (/(^[1-9]\d*$)/.test(config.preload) === false) ? true : Math.min(config.preload, config.frames.length);
                        var groupLoadCompleteListener = setInterval(function () {
                            var loadComplteMains = layxWindow.querySelectorAll(".layx-group-main[data-complete='1']");
                            if (loadComplteMains.length === Utils.isBoolean(config.preload) ? config.frames.length : config.preload) {
                                clearInterval(groupLoadCompleteListener);
                                if (winform.loadingTextTimer) {
                                    clearInterval(winform.loadingTextTimer);
                                    delete winform.loadingTextTimer;
                                }
                                layxWindow.setAttribute("data-group-init", "1");
                                contentShade && main.removeChild(contentShade);
                                if (Utils.isFunction(config.event.onload.after)) {
                                    config.event.onload.after(layxWindow, winform);
                                }
                            }
                        }, 100);
                        for (var i = 0; i < config.frames.length; i++) {
                            var frameConfig = layxDeepClone({}, that.defaultFrames, config.frames[i]);
                            var frameBody = document.createElement("div");
                            frameBody.classList.add("layx-group-main");
                            frameBody.style.backgroundColor = frameConfig.bgColor;
                            frameBody.setAttribute("data-frameId", frameConfig.id);
                            if (i === config.frameIndex) {
                                frameBody.setAttribute("data-enable", "1");
                            }
                            main.appendChild(frameBody);
                            var isNeedLoad = (i === config.frameIndex) ? true : (Utils.isBoolean(config.preload) ? true : (i + 1 <= config.preload));
                            if (frameConfig.type === "html") {
                                that.createHtmlBody(frameBody, config, frameConfig.content, "group", frameConfig, isNeedLoad);
                                if (isNeedLoad) {
                                    frameBody.setAttribute("data-complete", "1");
                                }
                            } else if (frameConfig.type === "url") {
                                that.createFrameBody(frameBody, config, layxWindow, winform, "group", frameConfig, isNeedLoad);
                            }
                        }
                    }
                    break;
            }
            if (/(^[1-9]\d*$)/.test(config.autodestroy)) {
                var second = config.autodestroy / 1000;
                if (config.autodestroyText !== false) {
                    var autodestroyTip = document.createElement("div");
                    autodestroyTip.classList.add("layx-auto-destroy-tip");
                    autodestroyTip.innerHTML = config.autodestroyText.replace("{second}", second);
                    layxWindow.appendChild(autodestroyTip);
                }
                winform.destroyTimer = setInterval(function () {
                    --second;
                    if (config.autodestroyText !== false) {
                        autodestroyTip.innerHTML = config.autodestroyText.replace("{second}", second);
                    }
                    if (second <= 0) {
                        clearInterval(winform.destroyTimer);
                        that.destroy(config.id, null, true);
                    }
                }, 1000);
            }
            var resize = document.createElement("div");
            resize.classList.add("layx-resizes");
            if (config.resizable === false) {
                resize.setAttribute("data-enable", "0");
            }
            layxWindow.appendChild(resize);
            var resizeTop = document.createElement("div");
            resizeTop.classList.add("layx-resize-top");
            if (Utils.isSupportTouch) {
                resizeTop.classList.add("layx-reisize-touch");
            }
            if (config.resizeLimit.t === true) {
                resizeTop.setAttribute("data-enable", "0");
            }
            new LayxResize(resizeTop, true, false, true, false);
            resize.appendChild(resizeTop);
            var resizeLeft = document.createElement("div");
            resizeLeft.classList.add("layx-resize-left");
            if (Utils.isSupportTouch) {
                resizeLeft.classList.add("layx-reisize-touch");
            }
            if (config.resizeLimit.l === true) {
                resizeLeft.setAttribute("data-enable", "0");
            }
            new LayxResize(resizeLeft, false, true, false, true);
            resize.appendChild(resizeLeft);
            var resizeLeftTop = document.createElement("div");
            resizeLeftTop.classList.add("layx-resize-left-top");
            if (Utils.isSupportTouch) {
                resizeLeftTop.classList.add("layx-reisize-touch");
            }
            if (config.resizeLimit.lt === true) {
                resizeLeftTop.setAttribute("data-enable", "0");
            }
            new LayxResize(resizeLeftTop, true, true, false, false);
            resize.appendChild(resizeLeftTop);
            var resizeRightTop = document.createElement("div");
            resizeRightTop.classList.add("layx-resize-right-top");
            if (Utils.isSupportTouch) {
                resizeRightTop.classList.add("layx-reisize-touch");
            }
            if (config.resizeLimit.rt === true) {
                resizeRightTop.setAttribute("data-enable", "0");
            }
            new LayxResize(resizeRightTop, true, false, false, false);
            resize.appendChild(resizeRightTop);
            var resizeLeftBottom = document.createElement("div");
            resizeLeftBottom.classList.add("layx-resize-left-bottom");
            if (Utils.isSupportTouch) {
                resizeLeftBottom.classList.add("layx-reisize-touch");
            }
            if (config.resizeLimit.lb === true) {
                resizeLeftBottom.setAttribute("data-enable", "0");
            }
            new LayxResize(resizeLeftBottom, false, true, false, false);
            resize.appendChild(resizeLeftBottom);
            var resizeRight = document.createElement("div");
            resizeRight.classList.add("layx-resize-right");
            if (Utils.isSupportTouch) {
                resizeRight.classList.add("layx-reisize-touch");
            }
            if (config.resizeLimit.r === true) {
                resizeRight.setAttribute("data-enable", "0");
            }
            new LayxResize(resizeRight, false, false, false, true);
            resize.appendChild(resizeRight);
            var resizeBottom = document.createElement("div");
            resizeBottom.classList.add("layx-resize-bottom");
            if (Utils.isSupportTouch) {
                resizeBottom.classList.add("layx-reisize-touch");
            }
            if (config.resizeLimit.b === true) {
                resizeBottom.setAttribute("data-enable", "0");
            }
            new LayxResize(resizeBottom, false, false, true, false);
            resize.appendChild(resizeBottom);
            var resizeRightBottom = document.createElement("div");
            resizeRightBottom.classList.add("layx-resize-right-bottom");
            if (Utils.isSupportTouch) {
                resizeRightBottom.classList.add("layx-reisize-touch");
            }
            if (config.resizeLimit.rb === true) {
                resizeRightBottom.setAttribute("data-enable", "0");
            }
            new LayxResize(resizeRightBottom, false, false, false, false);
            resize.appendChild(resizeRightBottom);
            if (config.statusBar) {
                var statusBar = document.createElement("div");
                statusBar.classList.add("layx-statu-bar");
                statusBar.style.setProperty("border-radius", "0 0 " + layxWindowStyle.borderRadius + " " + layxWindowStyle.borderRadius);
                statusBar.style.setProperty("-moz-border-radius", "0 0 " + layxWindowStyle.borderRadius + " " + layxWindowStyle.borderRadius);
                statusBar.style.setProperty("-webkit-border-radius", "0 0 " + layxWindowStyle.borderRadius + " " + layxWindowStyle.borderRadius);
                config.statusBarStyle && statusBar.setAttribute("style", config.statusBarStyle);
                if (config.statusBar === true && Utils.isArray(config.buttons)) {
                    var btnElement = that.createLayxButtons(config.buttons, config.id, config.dialogType === "prompt" ? true : false);
                    btnElement && statusBar.appendChild(btnElement);
                } else {
                    if (Utils.isDom(config.statusBar)) {
                        statusBar.appendChild(config.statusBar);
                    } else {
                        statusBar.innerHTML = config.statusBar;
                    }
                }
                layxWindow.appendChild(statusBar);
            }
            if (Utils.isDom(config.floatTarget)) {
                that.updateFloatWinPosition(config.id, config.floatDirection);
            }
            if (config.isOverToMax === true && (Utils.isDom(config.floatTarget) === false)) {
                if (_width > window.innerWidth || _height > window.innerHeight) {
                    that.max(config.id);
                }
            }
            var fixFocus = setInterval(function () {
                if (config.id !== Layx.focusId) {
                    that.updateZIndex(config.id);
                } else {
                    clearInterval(fixFocus);
                }
            }, 0);
            return winform;
        },
        updateFloatWinPosition: function (id, direction) {
            var that = this,
                windowId = "layx-" + id,
                layxWindow = document.getElementById(windowId),
                winform = that.windows[id],
                bubbleDirectionOptions = ['top', 'bottom', 'left', 'right'];
            if (layxWindow && winform && winform.isFloatTarget === true) {
                direction = bubbleDirectionOptions.indexOf(direction) > -1 ? direction : winform.floatDirection;
                var bubble = layxWindow.querySelector(".layx-bubble");
                var bubbleInlay = layxWindow.querySelector(".layx-bubble-inlay");
                if (bubble && bubbleInlay) {
                    bubble.classList.remove("layx-bubble-" + winform.floatDirection);
                    bubble.style["border" + winform.floatDirection.toFirstUpperCase() + "Color"] = "transparent";
                    bubbleInlay.classList.remove("layx-bubble-inlay-" + winform.floatDirection);
                    bubbleInlay.style["border" + winform.floatDirection.toFirstUpperCase() + "Color"] = "transparent";
                    bubble.classList.add("layx-bubble-" + direction);
                    bubbleInlay.classList.add("layx-bubble-inlay-" + direction);
                    var layxWindowStyle = layxWindow.currentStyle ? layxWindow.currentStyle : win.getComputedStyle(layxWindow, null);
                    var _controlBar = layxWindow.querySelector(".layx-control-bar");
                    var controlStyle = _controlBar && (_controlBar.currentStyle ? _controlBar.currentStyle : win.getComputedStyle(_controlBar, null));
                    if (winform.control === true && _controlBar && controlStyle) {
                        bubble.style["border" + direction.toFirstUpperCase() + "Color"] = (layxWindowStyle.borderColor === "rgba(0, 0, 0, 0)" || layxWindowStyle.borderColor === "transparent" || (!layxWindowStyle.borderColor) || (Utils.isBoolean(winform.border))) ? ((winform.skin === "default") ? "#3baced" : controlStyle.backgroundColor) : layxWindowStyle.borderColor;
                        bubbleInlay.style["border" + direction.toFirstUpperCase() + "Color"] = controlStyle.backgroundColor;
                    } else {
                        bubble.style["border" + direction.toFirstUpperCase() + "Color"] = (layxWindowStyle.borderColor === "rgba(0, 0, 0, 0)" || layxWindowStyle.borderColor === "transparent" || (!layxWindowStyle.borderColor) || (Utils.isBoolean(winform.border))) ? ((winform.skin === "default") ? "#3baced" : "#fff") : layxWindowStyle.borderColor;
                        bubbleInlay.style["border" + direction.toFirstUpperCase() + "Color"] = layxWindowStyle.backgroundColor;
                    }
                    var bubblePosition = Utils.compilebubbleDirection(direction, winform.floatTarget, winform.area.width, winform.area.height);
                    that.setPosition(id, {
                        top: bubblePosition.top,
                        left: bubblePosition.left
                    }, true);
                    var floatPos = Utils.getElementPos(winform.floatTarget);
                    if (direction === "top" || direction === "bottom") {
                        bubble.style.left = Math.abs(floatPos.x + winform.floatTarget.offsetWidth / 2 - winform.layxWindow.offsetLeft - 9) + "px";
                    }
                    if (direction === "left" || direction === "right") {
                        bubble.style.top = Math.abs(floatPos.y + winform.floatTarget.offsetHeight / 2 - winform.layxWindow.offsetTop - 9) + "px";
                    }
                    if ((direction === "top") || ((direction === "right" || direction === "left") && (winform.control === true && _controlBar && controlStyle && bubble.offsetTop > _controlBar.offsetHeight))) {
                        bubble.style["border" + direction.toFirstUpperCase() + "Color"] = (layxWindowStyle.borderColor === "rgba(0, 0, 0, 0)" || layxWindowStyle.borderColor === "transparent" || (!layxWindowStyle.borderColor) || (Utils.isBoolean(winform.border))) ? ((winform.skin === "default") ? "#3baced" : "#fff") : layxWindowStyle.borderColor;
                        bubbleInlay.style["border" + direction.toFirstUpperCase() + "Color"] = layxWindowStyle.backgroundColor;
                    }
                    winform.floatDirection = direction;
                    that.updateFloatWinResize(id, direction);
                }
            }
        },
        updateFloatWinResize: function (id, direction) {
            var that = this,
                windowId = "layx-" + id,
                layxWindow = document.getElementById(windowId),
                winform = that.windows[id],
                bubbleDirectionOptions = ['top', 'bottom', 'left', 'right'];
            if (layxWindow && winform && winform.isFloatTarget === true) {
                direction = bubbleDirectionOptions.indexOf(direction) > -1 ? direction : winform.floatDirection;
                switch (direction) {
                    case "bottom":
                        layxWindow.querySelector(".layx-resize-left").setAttribute("data-enable", "0");
                        layxWindow.querySelector(".layx-resize-top").setAttribute("data-enable", "0");
                        layxWindow.querySelector(".layx-resize-left-top").setAttribute("data-enable", "0");
                        layxWindow.querySelector(".layx-resize-left-bottom").setAttribute("data-enable", "0");
                        layxWindow.querySelector(".layx-resize-right-top").setAttribute("data-enable", "0");
                        if (winform.resizeLimit.r === false) {
                            layxWindow.querySelector(".layx-resize-right").removeAttribute("data-enable");
                        }
                        if (winform.resizeLimit.b === false) {
                            layxWindow.querySelector(".layx-resize-bottom").removeAttribute("data-enable");
                        }
                        if (winform.resizeLimit.rb === false) {
                            layxWindow.querySelector(".layx-resize-right-bottom").removeAttribute("data-enable");
                        }
                        break;
                    case "top":
                        layxWindow.querySelector(".layx-resize-left").setAttribute("data-enable", "0");
                        layxWindow.querySelector(".layx-resize-left-top").setAttribute("data-enable", "0");
                        layxWindow.querySelector(".layx-resize-bottom").setAttribute("data-enable", "0");
                        layxWindow.querySelector(".layx-resize-left-bottom").setAttribute("data-enable", "0");
                        layxWindow.querySelector(".layx-resize-right-bottom").setAttribute("data-enable", "0");
                        if (winform.resizeLimit.r === false) {
                            layxWindow.querySelector(".layx-resize-right").removeAttribute("data-enable");
                        }
                        if (winform.resizeLimit.t === false) {
                            layxWindow.querySelector(".layx-resize-top").removeAttribute("data-enable");
                        }
                        if (winform.resizeLimit.rt === false) {
                            layxWindow.querySelector(".layx-resize-right-top").removeAttribute("data-enable");
                        }
                        break;
                    case "right":
                        layxWindow.querySelector(".layx-resize-left").setAttribute("data-enable", "0");
                        layxWindow.querySelector(".layx-resize-top").setAttribute("data-enable", "0");
                        layxWindow.querySelector(".layx-resize-left-top").setAttribute("data-enable", "0");
                        layxWindow.querySelector(".layx-resize-left-bottom").setAttribute("data-enable", "0");
                        layxWindow.querySelector(".layx-resize-right-top").setAttribute("data-enable", "0");
                        if (winform.resizeLimit.r === false) {
                            layxWindow.querySelector(".layx-resize-right").removeAttribute("data-enable");
                        }
                        if (winform.resizeLimit.b === false) {
                            layxWindow.querySelector(".layx-resize-bottom").removeAttribute("data-enable");
                        }
                        if (winform.resizeLimit.rb === false) {
                            layxWindow.querySelector(".layx-resize-right-bottom").removeAttribute("data-enable");
                        }
                        break;
                    case "left":
                        layxWindow.querySelector(".layx-resize-top").setAttribute("data-enable", "0");
                        layxWindow.querySelector(".layx-resize-right").setAttribute("data-enable", "0");
                        layxWindow.querySelector(".layx-resize-left-top").setAttribute("data-enable", "0");
                        layxWindow.querySelector(".layx-resize-right-top").setAttribute("data-enable", "0");
                        layxWindow.querySelector(".layx-resize-right-bottom").setAttribute("data-enable", "0");
                        if (winform.resizeLimit.l === false) {
                            layxWindow.querySelector(".layx-resize-left").removeAttribute("data-enable");
                        }
                        if (winform.resizeLimit.b === false) {
                            layxWindow.querySelector(".layx-resize-bottom").removeAttribute("data-enable");
                        }
                        if (winform.resizeLimit.lb === false) {
                            layxWindow.querySelector(".layx-resize-left-bottom").removeAttribute("data-enable");
                        }
                        break;
                }
            }
        },
        removeStoreWindowAreaInfo: function (id) {
            var that = this,
                windowId = "layx-" + id,
                storeAreaInfo = (typeof (Storage) !== "undefined") && !(win.location.protocol.indexOf("file:") > -1) && localStorage.getItem(windowId);
            if (storeAreaInfo) {
                localStorage.removeItem(windowId);
            }
        },
        storeWindowAreaInfo: function (id, area) {
            var that = this,
                windowId = "layx-" + id;
            (typeof (Storage) !== "undefined") && !(win.location.protocol.indexOf("file:") > -1) && localStorage.setItem(windowId, JSON.stringify(area));
        },
        getStoreWindowAreaInfo: function (id) {
            var that = this,
                windowId = "layx-" + id,
                storeAreaInfo = (typeof (Storage) !== "undefined") && !(win.location.protocol.indexOf("file:") > -1) && localStorage.getItem(windowId);
            if (storeAreaInfo) {
                return JSON.parse(storeAreaInfo);
            }
            return null;
        },
        _setGroupIndex: function (id, target) {
            var that = this,
                windowId = "layx-" + id,
                layxWindow = document.getElementById(windowId),
                winform = that.windows[id];
            if (layxWindow && winform && winform.type === "group") {
                var prevSelectTitle = layxWindow.querySelector(".layx-group-title[data-enable='1']");
                if (prevSelectTitle !== target) {
                    if (Utils.isFunction(winform.event.onswitch.before)) {
                        var revel = winform.event.onswitch.before(layxWindow, winform, prevSelectTitle.getAttribute("data-frameId"));
                        if (revel === false) {
                            return;
                        }
                    }
                    prevSelectTitle.removeAttribute("data-enable");
                    target.setAttribute("data-enable", "1");
                    var frameId = target.getAttribute("data-frameId");
                    var prevGroupMain = layxWindow.querySelector(".layx-group-main[data-enable='1']");
                    var currentGroupMain = layxWindow.querySelector(".layx-group-main[data-frameId='" + frameId + "']");
                    if (currentGroupMain !== prevGroupMain) {
                        prevGroupMain.removeAttribute("data-enable");
                        currentGroupMain.setAttribute("data-enable", "1");
                        winform.groupCurrentId = frameId;
                        if (currentGroupMain.getAttribute("data-preload") === "1") {
                            var frameform = that.getGroupFrame(winform.frames, frameId);
                            if (frameform.type === "url") {
                                that.setGroupUrl(id, frameId, frameform.url);
                                currentGroupMain.removeAttribute("data-preload");
                            }
                            if (frameform.type === "html") {
                                that.setGroupContent(id, frameId, frameform.content, frameform.cloneElementContent);
                                currentGroupMain.removeAttribute("data-preload");
                            }
                        }
                    }
                    if (Utils.isFunction(winform.event.onswitch.after)) {
                        winform.event.onswitch.after(layxWindow, winform, target.getAttribute("data-frameId"));
                    }
                }
            }
        },
        setGroupIndex: function (id, frameId) {
            var that = this,
                windowId = "layx-" + id,
                layxWindow = document.getElementById(windowId),
                winform = that.windows[id];
            if (layxWindow && winform) {
                var title = layxWindow.querySelector(".layx-group-title[data-frameId='" + frameId + "']");
                title.click();
            }
        },
        cloneStore: {},
        createHtmlBody: function (main, config, content, type, frameConfig, isLoad) {
            var that = this;
            var html = document.createElement("div");
            html.classList.add("layx-html");
            html.setAttribute("id", "layx-" + config.id + (type === "group" ? "-" + frameConfig.id + "-" : "-") + "html");
            var newContent;
            if (isLoad !== false) {
                if (Utils.isDom(content)) {
                    var _ctStyle = content.currentStyle ? content.currentStyle : win.getComputedStyle(content, null);
                    if (type !== "group" && config.cloneElementContent === false) {
                        Layx.cloneStore[config.id] = {
                            prev: content.previousSibling,
                            parent: content.parentNode,
                            next: content.nextSibling,
                            display: _ctStyle.display
                        };
                    }
                    if (type === "group" && frameConfig.cloneElementContent === false) {
                        if (!Layx.cloneStore[config.id]) {
                            Layx.cloneStore[config.id] = { frames: {} };
                        }
                        Layx.cloneStore[config.id].frames[frameConfig.id] = {
                            prev: content.previousSibling,
                            parent: content.parentNode,
                            next: content.nextSibling,
                            display: _ctStyle.display
                        };
                    }
                    newContent = html.appendChild((type === "group" ? frameConfig : config).cloneElementContent === true ? content.cloneNode(true) : content);
                } else {
                    html.innerHTML = content;
                }
            } else {
                main.setAttribute("data-preload", "1");
            }
            main.appendChild(html);
            if (Utils.isDom(newContent)) {
                var contentStyle = newContent.currentStyle ? newContent.currentStyle : win.getComputedStyle(newContent, null);
                if (contentStyle.display === "none") {
                    newContent.style.display = "";
                }
            }
        },
        frameLoadHandle: function (iframe, main, config, layxWindow, winform, type, frameConfig, isLoad) {
            var that = this;
            var contentShade = (type === "group" ? iframe.parentNode.parentNode : iframe.parentNode).querySelector(".layx-content-shade");
            try {
                if (config.focusable === true && config.enableDomainFocus === true) {
                    if (!iframe.getAttribute("data-focus")) {
                        IframeOnClick.track(iframe, function () {
                            if (Utils.isFunction(config.event.onfocus)) {
                                var revel = Utils.isFunction(config.event.onfocus);
                                if (revel === false) {
                                    return;
                                }
                                config.event.onfocus(layxWindow, winform);
                            }
                            that.updateZIndex(config.id);
                        });
                        iframe.setAttribute("data-focus", "true");
                    }
                }
                var iframeTitle = config.title;
                if (type === "group") {
                    if (frameConfig.useFrameTitle === true) {
                        iframeTitle = iframe.contentWindow.document.querySelector("title").innerText;
                        that.setGroupTitle(config.id, frameConfig.id, iframeTitle);
                    }
                } else {
                    if (config.useFrameTitle === true) {
                        iframeTitle = iframe.contentWindow.document.querySelector("title").innerText;
                        that.setTitle(config.id, iframeTitle);
                    }
                }
                iframe.contentWindow.document.addEventListener("click", function (event) {
                    var e = event || window.event || arguments.callee.caller.arguments[0];
                    if (config.focusable === true) {
                        if (Utils.isFunction(config.event.onfocus)) {
                            var revel = Utils.isFunction(config.event.onfocus);
                            if (revel === false) {
                                return;
                            }
                            config.event.onfocus(layxWindow, winform);
                        }
                        that.updateZIndex(config.id);
                    }
                }, false);
                iframe.contentWindow.document.addEventListener("keydown", function (event) {
                    var e = event || window.event || arguments.callee.caller.arguments[0];
                    var focusWindow = Layx.windows[Layx.focusId];
                    if (e && e.keyCode == 27) {
                        if (focusWindow) {
                            Layx.destroy(Layx.focusId, {}, false, true);
                        }
                    }
                    if (e && e.keyCode === 13) {
                        if (focusWindow && focusWindow.buttons.length > 0) {
                            if (focusWindow.buttonKey.toLowerCase() === "enter" && !e.ctrlKey) {
                                if (focusWindow.dialogType !== "prompt") {
                                    focusWindow.buttons[0].callback(focusWindow.id, Layx.getButton(focusWindow.id, focusWindow.buttons[0].id, e));
                                } else {
                                    var textarea = Layx.getPromptTextArea(focusWindow.id);
                                    focusWindow.buttons[0].callback(focusWindow.id, (textarea ? textarea.value : "").replace(/(^\s*)|(\s*$)/g, ""), textarea, Layx.getButton(focusWindow.id, focusWindow.buttons[0].id, e));
                                }
                            } else if (focusWindow.buttonKey.toLowerCase() === "ctrl+enter" && e.ctrlKey) {
                                if (focusWindow.dialogType !== "prompt") {
                                    focusWindow.buttons[0].callback(focusWindow.id, Layx.getButton(focusWindow.id, focusWindow.buttons[0].id, e));
                                } else {
                                    var textarea = Layx.getPromptTextArea(focusWindow.id);
                                    focusWindow.buttons[0].callback(focusWindow.id, (textarea ? textarea.value : "").replace(/(^\s*)|(\s*$)/g, ""), textarea, Layx.getButton(focusWindow.id, focusWindow.buttons[0].id, e));
                                }
                            }
                        }
                    }
                }, false);
            } catch (e) {
                if (type === "group") {
                    contentShade && contentShade.parentNode.removeChild(contentShade);
                }
                console.warn(e);
            } finally {
                if (type === "group") {
                    if (isLoad) {
                        main.setAttribute("data-complete", "1");
                    }
                    if (layxWindow.getAttribute("data-group-init") === "1") {
                        if (winform.loadingTextTimer) {
                            clearInterval(winform.loadingTextTimer);
                            delete winform.loadingTextTimer;
                        }
                        contentShade && contentShade.parentNode.removeChild(contentShade);
                        if (Utils.isFunction(config.event.onload.after)) {
                            config.event.onload.after(layxWindow, winform);
                        }
                    }
                } else {
                    contentShade && contentShade.parentNode.removeChild(contentShade);
                    if (winform.loadingTextTimer) {
                        clearInterval(winform.loadingTextTimer);
                        delete winform.loadingTextTimer;
                    }
                    if (Utils.isFunction(config.event.onload.after)) {
                        config.event.onload.after(layxWindow, winform);
                    }
                }
            }
        },
        createFrameBody: function (main, config, layxWindow, winform, type, frameConfig, isLoad) {
            var that = this;
            var iframe = document.createElement("iframe");
            iframe.setAttribute("id", "layx-" + config.id + (type === "group" ? "-" + frameConfig.id + "-" : "-") + "iframe");
            iframe.classList.add("layx-iframe");
            iframe.classList.add("layx-flexbox");
            iframe.setAttribute("allowtransparency", "true");
            iframe.setAttribute("frameborder", "0");
            if (win.navigator.userAgent.toLowerCase().indexOf('iphone') > -1 || (!!navigator.userAgent.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/))) {
                iframe.setAttribute("scrolling", "no");
            } else {
                iframe.setAttribute("scrolling", "auto");
            }
            iframe.setAttribute("allowfullscreen", "");
            iframe.setAttribute("mozallowfullscreen", "");
            iframe.setAttribute("webkitallowfullscreen", "");
            iframe.src = isLoad !== false ? ((type === "group" ? frameConfig.url : config.url) || 'about:blank') : 'about:blank';
            if (iframe.attachEvent) {
                iframe.attachEvent("onreadystatechange", function () {
                    if (iframe.readyState === "complete" || iframe.readyState == "loaded") {
                        iframe.detachEvent("onreadystatechange", arguments.callee);
                        that.frameLoadHandle(iframe, main, config, layxWindow, winform, type, frameConfig, isLoad);
                    }
                });
            } else {
                iframe.addEventListener("load", function () {
                    this.removeEventListener("load", arguments.call, false);
                    that.frameLoadHandle(iframe, main, config, layxWindow, winform, type, frameConfig, isLoad);
                }, false);
            }
            if (isLoad === false) {
                main.setAttribute("data-preload", "1");
            }
            main.appendChild(iframe);
        },
        setContent: function (id, content, cloneElementContent) {
            var that = this,
                windowId = "layx-" + id,
                layxWindow = document.getElementById(windowId),
                winform = that.windows[id];
            if (layxWindow && winform) {
                if (winform.type === "html") {
                    var html = layxWindow.querySelector("#layx-" + id + "-html");
                    if (html) {
                        if (Utils.isFunction(winform.event.onload.before)) {
                            var revel = winform.event.onload.before(layxWindow, winform);
                            if (revel === false) {
                                return;
                            }
                        }
                        try {
                            var contentShade = that.createContenLoadAnimate(html.parentNode, winform.loadingText, winform);
                            cloneElementContent = Utils.isBoolean(cloneElementContent) ? cloneElementContent : winform.cloneElementContent;
                            var newContent;
                            if (Utils.isDom(content)) {
                                var _ctStyle = content.currentStyle ? content.currentStyle : win.getComputedStyle(content, null);
                                if (cloneElementContent === false) {
                                    Layx.cloneStore[id] = {
                                        prev: content.previousSibling,
                                        parent: content.parentNode,
                                        next: content.nextSibling,
                                        display: _ctStyle.display
                                    };
                                }
                                html.innerHTML = "";
                                newContent = html.appendChild(cloneElementContent === true ? content.cloneNode(true) : content);
                            } else {
                                html.innerHTML = content;
                            }
                            if (Utils.isDom(newContent)) {
                                var contentStyle = newContent.currentStyle ? newContent.currentStyle : window.getComputedStyle(newContent, null);
                                if (contentStyle.display === "none") {
                                    newContent.style.display = "";
                                }
                            }
                            winform.content = content;
                        } finally {
                            contentShade && html.parentNode.removeChild(contentShade);
                            if (winform.loadingTextTimer) {
                                clearInterval(winform.loadingTextTimer);
                                delete winform.loadingTextTimer;
                            }
                            if (Utils.isFunction(winform.event.onload.after)) {
                                winform.event.onload.after(layxWindow, winform);
                            }
                        }
                    }
                }
            }
        },
        getGroupFrame: function (frames, frameId) {
            var frm = {};
            for (var i = 0; i < frames.length; i++) {
                if (frames[i].id === frameId) {
                    frm = frames[i];
                    break;
                }
            }
            return frm;
        },
        reloadGroupFrame: function (id, frameId) {
            var that = this,
                windowId = "layx-" + id,
                layxWindow = document.getElementById(windowId),
                winform = that.windows[id];
            if (layxWindow && winform && winform.type === "group") {
                var frameform = that.getGroupFrame(winform.frames, frameId);
                if (frameform.type === "url") {
                    var iframe = layxWindow.querySelector("#layx-" + id + "-" + frameId + "-" + "iframe");
                    if (iframe) {
                        var url = iframe.getAttribute("src");
                        that.setGroupUrl(id, frameId, url);
                    }
                }
            }
        },
        setGroupContent: function (id, frameId, content, cloneElementContent) {
            var that = this,
                windowId = "layx-" + id,
                layxWindow = document.getElementById(windowId),
                winform = that.windows[id];
            if (layxWindow && winform && winform.type === "group") {
                var frameform = that.getGroupFrame(winform.frames, frameId);
                if (frameform.type === "html") {
                    var html = layxWindow.querySelector("#layx-" + id + "-" + frameId + "-" + "html");
                    if (html) {
                        if (Utils.isFunction(winform.event.onload.before)) {
                            var revel = winform.event.onload.before(layxWindow, winform);
                            if (revel === false) {
                                return;
                            }
                        }
                        try {
                            var contentShade = that.createContenLoadAnimate(html.parentNode.parentNode, winform.loadingText, winform);
                            cloneElementContent = Utils.isBoolean(cloneElementContent) ? cloneElementContent : frameform.cloneElementContent;
                            var newContent;
                            if (Utils.isDom(content)) {
                                var _ctStyle = content.currentStyle ? content.currentStyle : win.getComputedStyle(content, null);
                                if (cloneElementContent === false) {
                                    if (!Layx.cloneStore[id]) {
                                        Layx.cloneStore[id] = { frames: {} };
                                    }
                                    Layx.cloneStore[id].frames[frameId] = {
                                        prev: content.previousSibling,
                                        parent: content.parentNode,
                                        next: content.nextSibling,
                                        display: _ctStyle.display
                                    };
                                }
                                html.innerHTML = "";
                                newContent = html.appendChild(cloneElementContent === true ? content.cloneNode(true) : content);
                            } else {
                                html.innerHTML = content;
                            }
                            if (Utils.isDom(newContent)) {
                                var contentStyle = newContent.currentStyle ? newContent.currentStyle : window.getComputedStyle(newContent, null);
                                if (contentStyle.display === "none") {
                                    newContent.style.display = "";
                                }
                            }
                            frameform.content = content;
                        } finally {
                            contentShade && html.parentNode.parentNode.removeChild(contentShade);
                            if (winform.loadingTextTimer) {
                                clearInterval(winform.loadingTextTimer);
                                delete winform.loadingTextTimer;
                            }
                            if (Utils.isFunction(winform.event.onload.after)) {
                                winform.event.onload.after(layxWindow, winform);
                            }
                        }
                    }
                }
            }
        },
        createContenLoadAnimate: function (pEle, loadingText, winform, isCreateLoadAnimate) {
            var that = this;
            if (loadingText !== false) {
                if (Utils.isArray(loadingText) && loadingText.length === 2 && loadingText[0] === true) {
                    return that.createContenLoadAnimate(pEle, loadingText[1], winform, false);
                }
                var contentShade = document.createElement("div");
                contentShade.classList.add("layx-content-shade");
                contentShade.classList.add("layx-flexbox");
                contentShade.classList.add("layx-flex-center");
                if (Utils.isDom(loadingText)) {
                    contentShade.appendChild(loadingText);
                } else {
                    if (isCreateLoadAnimate !== false) {
                        contentShade.appendChild(that.createLoadAnimate());
                    }
                    var msgContent = document.createElement("div");
                    msgContent.classList.add("layx-load-content-msg");
                    msgContent.innerHTML = loadingText;
                    contentShade.appendChild(msgContent);
                    var span = document.createElement("span");
                    span.classList.add("layx-dot");
                    msgContent.appendChild(span);
                    var dotCount = 0;
                    winform.loadingTextTimer = setInterval(function () {
                        if (dotCount === 5) {
                            dotCount = 0;
                        }
                        ++dotCount;
                        var dotHtml = "";
                        for (var i = 0; i < dotCount; i++) {
                            dotHtml += ".";
                        }
                        span.innerHTML = dotHtml;
                    }, 200);
                }
                return pEle.appendChild(contentShade);
            }
        },
        setUrl: function (id, url) {
            url = url || 'about:blank';
            var that = this,
                windowId = "layx-" + id,
                layxWindow = document.getElementById(windowId),
                winform = that.windows[id];
            if (layxWindow && winform) {
                if (winform.type === "url") {
                    var iframe = layxWindow.querySelector("#layx-" + id + "-iframe");
                    if (iframe) {
                        if (Utils.isFunction(winform.event.onload.before)) {
                            var revel = winform.event.onload.before(layxWindow, winform);
                            if (revel === false) {
                                return;
                            }
                        }
                        var contentShade = that.createContenLoadAnimate(iframe.parentNode, winform.loadingText, winform);
                        iframe.setAttribute("src", url);
                    }
                }
            }
        },
        setGroupUrl: function (id, frameId, url) {
            url = url || 'about:blank';
            var that = this,
                windowId = "layx-" + id,
                layxWindow = document.getElementById(windowId),
                winform = that.windows[id];
            if (layxWindow && winform && winform.type === "group") {
                var frameform = that.getGroupFrame(winform.frames, frameId);
                if (frameform.type === "url") {
                    var iframe = layxWindow.querySelector("#layx-" + id + "-" + frameId + "-" + "iframe");
                    if (iframe) {
                        if (Utils.isFunction(winform.event.onload.before)) {
                            var revel = winform.event.onload.before(layxWindow, winform);
                            if (revel === false) {
                                return;
                            }
                        }
                        iframe.parentNode.removeAttribute("data-complete");
                        var contentShade = that.createContenLoadAnimate(iframe.parentNode.parentNode, winform.loadingText, winform);
                        iframe.setAttribute("src", url);
                    }
                }
            }
        },
        setGroupTitle: function (id, frameId, content, useFrameTitle) {
            var that = this,
                windowId = "layx-" + id,
                layxWindow = document.getElementById(windowId),
                winform = that.windows[id];
            if (layxWindow && winform && winform.type === "group") {
                var title = layxWindow.querySelector(".layx-group-title[data-frameId='" + frameId + "']");
                if (title) {
                    var frameform = that.getGroupFrame(winform.frames, frameId);
                    if (useFrameTitle === true && frameform.type === "url") {
                        var iframe = layxWindow.querySelector("#layx-" + id + "-" + frameId + "-" + "iframe");
                        try {
                            content = iframe.contentDocument.querySelector("title").innerText;
                        } catch (e) { }
                    }
                    var label = title.querySelector(".layx-label");
                    if (label) {
                        label.innerHTML = content;
                        title.setAttribute("title", label.innerHTML);
                        frameform.title = content;
                    }
                }
            }
        },
        setTitle: function (id, content, useFrameTitle) {
            var that = this,
                windowId = "layx-" + id,
                layxWindow = document.getElementById(windowId),
                winform = that.windows[id];
            if (layxWindow && winform) {
                var title = layxWindow.querySelector(".layx-title");
                if (title) {
                    if (useFrameTitle === true && winform.type === "url") {
                        var iframe = layxWindow.querySelector("#layx-" + id + "-iframe");
                        try {
                            content = iframe.contentDocument.querySelector("title").innerText;
                        } catch (e) { }
                    }
                    var label = title.querySelector(".layx-label");
                    if (label) {
                        label.innerHTML = content;
                        title.setAttribute("title", label.innerHTML);
                        winform.title = content;
                    }
                }
            }
        },
        stickToggle: function (id) {
            var that = this,
                windowId = "layx-" + id,
                layxWindow = document.getElementById(windowId),
                winform = that.windows[id];
            if (layxWindow && winform) {
                that.updateZIndex(id);
                if (Utils.isFunction(winform.event.onstick.before)) {
                    var revel = winform.event.onstick.before(layxWindow, winform);
                    if (revel === false) {
                        return;
                    }
                }
                winform.isStick = !winform.isStick;
                var stickMenu = layxWindow.querySelector(".layx-stick-menu");
                if (stickMenu) {
                    stickMenu.setAttribute("data-enable", winform.isStick ? "1" : "0");
                    winform.isStick ? stickMenu.setAttribute("title", "取消置顶") : stickMenu.setAttribute("title", "置顶");
                }
                that.updateZIndex(id);
                if (Utils.isFunction(winform.event.onstick.after)) {
                    winform.event.onstick.after(layxWindow, winform);
                }
            }
        },
        reloadFrame: function (id) {
            var that = this,
                windowId = "layx-" + id,
                layxWindow = document.getElementById(windowId),
                winform = that.windows[id];
            if (layxWindow && winform) {
                if (winform.type === "url") {
                    var iframe = layxWindow.querySelector("#layx-" + id + "-iframe");
                    if (iframe) {
                        var url = iframe.getAttribute("src");
                        that.setUrl(id, url);
                    }
                }
            }
        },
        restore: function (id) {
            var that = this,
                windowId = "layx-" + id,
                layxWindow = document.getElementById(windowId),
                winform = that.windows[id];
            if (layxWindow && winform) {
                if (winform.restorable !== true)
                    return;
                that.updateZIndex(id);
                if (Utils.isFunction(winform.event.onrestore.before)) {
                    var revel = winform.event.onrestore.before(layxWindow, winform);
                    if (revel === false) {
                        return;
                    }
                }
                var area = winform.area;
                if (winform.status === "normal") {
                    that.max(id);
                } else if (winform.status === "max") {
                    if (document.body.classList.contains("ilayx-body")) {
                        document.body.classList.remove('ilayx-body');
                    }
                    layxWindow.style.top = area.top + "px";
                    layxWindow.style.left = area.left + "px";
                    layxWindow.style.width = area.width + "px";
                    layxWindow.style.height = area.height + "px";
                    layxWindow.classList.remove("layx-max-statu");
                    winform.status = "normal";
                    var restoreMenu = layxWindow.querySelector(".layx-restore-menu[data-menu='max']");
                    if (restoreMenu) {
                        restoreMenu.classList.remove("layx-restore-menu");
                        restoreMenu.classList.add("layx-max-menu");
                        restoreMenu.setAttribute("title", "最大化");
                        restoreMenu.innerHTML = '<svg class="layx-iconfont" aria-hidden="true"><use xlink:href="#layx-icon-max"></use></svg>';
                    }
                    var resizePanel = layxWindow.querySelector(".layx-resizes");
                    if (resizePanel) {
                        resizePanel.removeAttribute("data-enable");
                    }
                }
                if (winform.status === "min") {
                    if (winform.minBefore === "normal") {
                        layxWindow.style.top = area.top + "px";
                        layxWindow.style.left = area.left + "px";
                        layxWindow.style.width = area.width + "px";
                        layxWindow.style.height = area.height + "px";
                        winform.status = "normal";
                        var restoreMenu = layxWindow.querySelector(".layx-restore-menu[data-menu='min']");
                        if (restoreMenu) {
                            restoreMenu.classList.remove("layx-restore-menu");
                            restoreMenu.classList.add("layx-min-menu");
                            restoreMenu.setAttribute("title", "最小化");
                            restoreMenu.innerHTML = '<svg class="layx-iconfont" aria-hidden="true"><use xlink:href="#layx-icon-min"></use></svg>';
                        }
                        var resizePanel = layxWindow.querySelector(".layx-resizes");
                        if (resizePanel) {
                            resizePanel.removeAttribute("data-enable");
                        }
                    } else if (winform.minBefore === "max") {
                        that.max(id);
                    }
                    that.updateMinLayout();
                }
                var _winform = layxDeepClone({}, {}, winform);
                delete that.windows[id];
                that.windows[id] = _winform;
                that.updateMinLayout();
                if (layxWindow.classList.contains("layx-min-statu")) {
                    layxWindow.classList.remove("layx-min-statu");
                }
                if (Utils.isFunction(_winform.event.onrestore.after)) {
                    _winform.event.onrestore.after(layxWindow, _winform);
                }
            }
        },
        min: function (id) {
            var that = this,
                windowId = "layx-" + id,
                layxWindow = document.getElementById(windowId),
                winform = that.windows[id];
            if (layxWindow && winform && winform.isFloatTarget === false) {
                if (winform.minable !== true || winform.status === "min")
                    return;
                that.updateZIndex(id);
                if (Utils.isFunction(winform.event.onmin.before)) {
                    var revel = winform.event.onmin.before(layxWindow, winform);
                    if (revel === false) {
                        return;
                    }
                }
                var innertArea = Utils.innerArea();
                winform.minBefore = winform.status;
                winform.status = "min";
                var minMenu = layxWindow.querySelector(".layx-min-menu");
                if (minMenu) {
                    minMenu.classList.remove("layx-max-menu");
                    minMenu.classList.add("layx-restore-menu");
                    minMenu.setAttribute("title", "还原");
                    minMenu.innerHTML = '<svg class="layx-iconfont" aria-hidden="true"><use xlink:href="#layx-icon-restore"></use></svg>';
                }
                var resizePanel = layxWindow.querySelector(".layx-resizes");
                if (resizePanel) {
                    resizePanel.setAttribute("data-enable", "0");
                }
                var restoreMenu = layxWindow.querySelector(".layx-restore-menu[data-menu='max']");
                if (restoreMenu) {
                    restoreMenu.classList.remove("layx-restore-menu");
                    restoreMenu.classList.add("layx-max-menu");
                    restoreMenu.setAttribute("title", "最大化");
                    restoreMenu.innerHTML = '<svg class="layx-iconfont" aria-hidden="true"><use xlink:href="#layx-icon-max"></use></svg>';
                }
                if (layxWindow.classList.contains("layx-max-statu")) {
                    layxWindow.classList.remove("layx-max-statu");
                }
                var _winform = layxDeepClone({}, winform);
                delete that.windows[id];
                that.windows[id] = _winform;
                that.updateMinLayout();
                if (document.body.classList.contains("ilayx-body")) {
                    document.body.classList.remove('ilayx-body');
                }
                if (Utils.isFunction(winform.event.onmin.after)) {
                    winform.event.onmin.after(layxWindow, winform);
                }
            }
        },
        updateZIndex: function (id) {
            var that = this,
                windowId = "layx-" + id,
                layxWindow = document.getElementById(windowId),
                winform = that.windows[id];
            if (layxWindow && winform) {
                if (winform.dialogType !== "load" && winform.dialogType !== "msg") {
                    Layx.focusId = id;
                }
                if (winform.focusToReveal === true) {
                    var layxShade = document.getElementById("layx-" + id + "-shade");
                    if (layxShade) {
                        layxShade.style.zIndex = (winform.isStick === true ? (++that.stickZIndex) : (++that.zIndex));
                    }
                    if (winform.isStick === true) {
                        winform.zIndex = (++that.stickZIndex) + 1;
                    } else {
                        winform.zIndex = (++that.zIndex) + 1;
                    }
                    layxWindow.style.zIndex = winform.zIndex;
                }
            }
        },
        updateMinLayout: function () {
            var that = this,
                windows = that.windows,
                innertArea = Utils.innerArea(),
                paddingLeft = 10,
                paddingBottom = 10,
                widthByMinStatu = 240,
                stepIndex = 0,
                lineMaxCount = Math.floor(innertArea.width / (widthByMinStatu + paddingLeft));
            for (var id in windows) {
                var winform = windows[id],
                    layxWindow = document.getElementById("layx-" + id);
                if (layxWindow && winform.status === "min") {
                    var control = layxWindow.querySelector(".layx-control-bar");
                    if (control) {
                        var heightByMinStatus = control.offsetHeight;
                        layxWindow.classList.add("layx-min-statu");
                        layxWindow.style.width = widthByMinStatu + 'px';
                        layxWindow.style.height = heightByMinStatus + 'px';
                        layxWindow.style.top = innertArea.height - (Math.floor(stepIndex / lineMaxCount) + 1) * (heightByMinStatus + paddingBottom) + 'px';
                        layxWindow.style.left = stepIndex % lineMaxCount * (widthByMinStatu + paddingLeft) + paddingLeft + 'px';
                        stepIndex++;
                    }
                }
            }
        },
        max: function (id) {
            var that = this,
                windowId = "layx-" + id,
                layxWindow = document.getElementById(windowId),
                winform = that.windows[id],
                innertArea = Utils.innerArea();
            if (layxWindow && winform && winform.isFloatTarget === false) {
                if (winform.maxable !== true)
                    return;
                if (winform.status === "max") {
                    layxWindow.style.top = 0;
                    layxWindow.style.left = 0;
                    layxWindow.style.width = innertArea.width + "px";
                    layxWindow.style.height = innertArea.height + "px";
                } else {
                    that.updateZIndex(id);
                    if (Utils.isFunction(winform.event.onmax.before)) {
                        var revel = winform.event.onmax.before(layxWindow, winform);
                        if (revel === false) {
                            return;
                        }
                    }
                    document.body.classList.add('ilayx-body');
                    layxWindow.style.top = 0;
                    layxWindow.style.left = 0;
                    layxWindow.style.width = innertArea.width + "px";
                    layxWindow.style.height = innertArea.height + "px";
                    layxWindow.classList.add("layx-max-statu");
                    winform.status = "max";
                    var maxMenu = layxWindow.querySelector(".layx-max-menu");
                    if (maxMenu) {
                        maxMenu.classList.remove("layx-max-menu");
                        maxMenu.classList.add("layx-restore-menu");
                        maxMenu.setAttribute("title", "还原");
                        maxMenu.innerHTML = '<svg class="layx-iconfont" aria-hidden="true"><use xlink:href="#layx-icon-restore"></use></svg>';
                    }
                    var resizePanel = layxWindow.querySelector(".layx-resizes");
                    if (resizePanel) {
                        resizePanel.setAttribute("data-enable", "0");
                    }
                    var restoreMenu = layxWindow.querySelector(".layx-restore-menu[data-menu='min']");
                    if (restoreMenu) {
                        restoreMenu.classList.remove("layx-restore-menu");
                        restoreMenu.classList.add("layx-min-menu");
                        restoreMenu.setAttribute("title", "最小化");
                        restoreMenu.innerHTML = '<svg class="layx-iconfont" aria-hidden="true"><use xlink:href="#layx-icon-min"></use></svg>';
                    }
                    var _winform = layxDeepClone({}, winform);
                    delete that.windows[id];
                    that.windows[id] = _winform;
                    that.updateMinLayout();
                    if (layxWindow.classList.contains("layx-min-statu")) {
                        layxWindow.classList.remove("layx-min-statu");
                    }
                    if (Utils.isFunction(winform.event.onmax.after)) {
                        winform.event.onmax.after(layxWindow, winform);
                    }
                }
            }
        },
        visual: function (id, status, params, inside) {
            var that = this,
                windowId = "layx-" + id,
                layxWindow = document.getElementById(windowId),
                layxShade = document.getElementById(windowId + '-shade'),
                winform = that.windows[id];
            if (layxWindow && winform) {
                if (Utils.isFunction(winform.event.onvisual.before)) {
                    var revel = winform.event.onvisual.before(layxWindow, winform, params || {}, inside === true, status !== false);
                    if (revel === false) {
                        return;
                    }
                }
                if (status !== false) {
                    layxWindow.classList.remove("layx-hide-statu");
                } else {
                    layxWindow.classList.add("layx-hide-statu");
                }
                that.updateMinLayout();
                if (Utils.isFunction(winform.event.onvisual.after)) {
                    winform.event.onvisual.after(layxWindow, winform, status !== false);
                }
            }
        },
        destroyInlay: function (id) {
            var that = this;
            that.destroy(id, null, true);
        },
        destroy: function (id, params, inside, escKey, force) {
            var that = this,
                windowId = "layx-" + id,
                layxWindow = document.getElementById(windowId),
                layxShade = document.getElementById(windowId + '-shade'),
                winform = that.windows[id];
            if (layxWindow && winform) {
                if (winform.escKey === false && escKey === true)
                    return;
                that.updateZIndex(id);
                if (Utils.isFunction(winform.event.ondestroy.before)) {
                    var revel = winform.event.ondestroy.before(layxWindow, winform, params || {}, inside === true, escKey === true);
                    if (force === true) { } else {
                        if (revel === false) {
                            return;
                        }
                    }
                }
                if (winform.closable !== true)
                    return;
                var oldNodeInfo = that.cloneStore[id];
                if (winform.type === "html" && oldNodeInfo) {
                    var html = layxWindow.querySelector("#layx-" + id + "-html");
                    if (html) {
                        var child = html.children[0];
                        if (child && child.style) {
                            child.style.display = oldNodeInfo.display;
                        }
                        if (oldNodeInfo.prev) {
                            setTimeout(function () {
                                Utils.insertAfter(child, oldNodeInfo.prev);
                            }, 0);
                        } else {
                            setTimeout(function () {
                                oldNodeInfo.parent && oldNodeInfo.parent.insertBefore(child, oldNodeInfo.next);
                            }, 0);
                        }
                    }
                }
                if (winform.type === "group" && oldNodeInfo) {
                    if (oldNodeInfo && oldNodeInfo.frames) {
                        for (var frameId in oldNodeInfo.frames) {
                            var frameInfo = oldNodeInfo.frames[frameId];
                            var html = layxWindow.querySelector("#layx-" + id + "-" + frameId + "-html");
                            if (html) {
                                var child = html.children[0];
                                if (child && child.style) {
                                    child.style.display = frameInfo.display;
                                }
                                if (frameInfo.prev) {
                                    setTimeout(function () {
                                        Utils.insertAfter(child, frameInfo.prev);
                                    }, 0);
                                } else {
                                    setTimeout(function () {
                                        frameInfo.parent && frameInfo.parent.insertBefore(child, frameInfo.next);
                                    }, 0);
                                }
                            }
                        }
                    }
                }
                Layx.focusId = Layx.prevFocusId;
                delete that.cloneStore[id];
                delete that.windows[id];
                if (document.body.classList.contains("ilayx-body")) {
                    document.body.classList.remove('ilayx-body');
                }
                layxWindow.parentNode.removeChild(layxWindow);
                if (layxShade) {
                    layxShade.parentNode.removeChild(layxShade);
                }
                that.updateMinLayout();
                if (Utils.isFunction(winform.event.ondestroy.after)) {
                    winform.event.ondestroy.after();
                }
                if (winform.destroyTimer)
                    clearInterval(winform.destroyTimer);
                if (winform.loadTimer)
                    clearInterval(winform.loadTimer);
                if (winform.loadingTextTimer)
                    clearInterval(winform.loadingTextTimer);
                for (var key in winform) {
                    delete winform[key];
                }
                winform = undefined;
            }
        },
        destroyAll: function () {
            var that = this;
            for (var id in Layx.windows) {
                that.destroy(id);
            }
        },
        flicker: function (id) {
            var that = this,
                flickerTimer,
                windowId = "layx-" + id,
                layxWindow = document.getElementById(windowId),
                winform = that.windows[id];
            if (layxWindow && winform) {
                that.updateZIndex(id);
                if (layxWindow.classList.contains('layx-flicker')) {
                    layxWindow.classList.remove('layx-flicker');
                }
                layxWindow.classList.add('layx-flicker');
                flickerTimer = setTimeout(function () {
                    layxWindow.classList.remove('layx-flicker');
                    clearTimeout(flickerTimer);
                }, 120 * 8);
            }
        },
        setPosition: function (id, position, isFloatTarget) {
            var that = this,
                windowId = "layx-" + id,
                layxWindow = document.getElementById(windowId),
                winform = that.windows[id];
            if (layxWindow && winform) {
                var _position = isFloatTarget === true ? position : Utils.compileLayxPosition(winform.area.width, winform.area.height, position);
                winform.area.left = _position.left;
                winform.area.top = _position.top;
                if (winform.storeStatus === true) {
                    that.storeWindowAreaInfo(id, winform.area);
                }
                layxWindow.style.left = _position.left + "px";
                layxWindow.style.top = _position.top + "px";
            }
        },
        setSize: function (id, area) {
            var that = this,
                windowId = "layx-" + id,
                layxWindow = document.getElementById(windowId),
                winform = that.windows[id];
            if (layxWindow && winform) {
                if (area) {
                    if (area["width"]) {
                        var _width = Utils.compileLayxWidthOrHeight("width", area["width"], that.defaults.width);
                        winform.area.width = _width;
                        layxWindow.style.width = _width + "px";
                    }
                    if (area["height"]) {
                        var _height = Utils.compileLayxWidthOrHeight("height", area["height"], that.defaults.height);
                        winform.area.height = _height;
                        layxWindow.style.height = _height + "px";
                    }
                    if (winform.storeStatus === true) {
                        that.storeWindowAreaInfo(id, winform.area);
                    }
                }
            }
        },
        getFrameContext: function (id) {
            var that = this,
                windowId = "layx-" + id,
                layxWindow = document.getElementById(windowId),
                winform = that.windows[id],
                iframeWindow = null;
            if (layxWindow && winform && winform.type === "url") {
                var iframe = layxWindow.querySelector(".layx-iframe");
                if (iframe) {
                    try {
                        iframeWindow = iframe.contentWindow;
                    } catch (e) { }
                }
            }
            return iframeWindow;
        },
        getParentContext: function (id) {
            var that = this;
            var iframeWindow = that.getFrameContext(id);
            if (iframeWindow) {
                return iframeWindow.parent;
            } else {
                return null;
            }
        },
        getGroupFrameContext: function (id, frameId) {
            var that = this,
                windowId = "layx-" + id,
                layxWindow = document.getElementById(windowId),
                winform = that.windows[id],
                iframeWindow = null;
            if (layxWindow && winform && winform.type === "group") {
                var frameform = that.getGroupFrame(winform.frames, frameId);
                if (frameform.type === "url") {
                    var iframe = layxWindow.querySelector("#layx-" + id + "-" + frameId + "-" + "iframe");
                    if (iframe) {
                        try {
                            iframeWindow = iframe.contentWindow;
                        } catch (e) { }
                    }
                }
            }
            return iframeWindow;
        },
        createLayxButtons: function (buttons, id, isPrompt) {
            var that = this;
            var buttonPanel = document.createElement("div");
            buttonPanel.classList.add("layx-buttons");
            for (var i = 0; i < buttons.length; i++) {
                var buttonItem = document.createElement("button");
                var buttonConfig = layxDeepClone({}, that.defaultButtons, buttons[i]);
                buttonItem.classList.add("layx-button-item");
                buttonItem.setAttribute("title", buttonConfig.label);
                buttonItem.innerText = buttonConfig.label;
                buttonConfig.id && buttonItem.setAttribute("id", "layx-" + id + "-button-" + buttonConfig.id);
                if (Utils.isArray(buttonConfig.classes)) {
                    for (var n = 0; n < buttonConfig.classes.length; n++) {
                        buttonItem.classList.add(buttonConfig.classes[n]);
                    }
                } else {
                    buttonConfig.classes && buttonItem.classList.add(buttonConfig.classes.toString());
                }
                buttonConfig.style && buttonItem.setAttribute("style", buttonConfig.style);
                buttonItem.callback = buttons[i].callback;
                buttonItem.onclick = function (e) {
                    e = e || window.event || arguments.callee.caller.arguments[0];
                    if (Utils.isFunction(this.callback)) {
                        if (isPrompt === true) {
                            var textarea = that.getPromptTextArea(id);
                            that.updateZIndex(id);
                            this.callback(id, (textarea ? textarea.value : "").replace(/(^\s*)|(\s*$)/g, ""), textarea, this, e);
                        } else {
                            that.updateZIndex(id);
                            this.callback(id, this, e);
                        }
                    }
                };
                buttonPanel.appendChild(buttonItem);
            }
            return buttonPanel;
        },
        setButtonStatus: function (id, buttonId, isEnable) {
            var that = this,
                windowId = "layx-" + id,
                layxWindow = document.getElementById(windowId),
                winform = that.windows[id];
            if (layxWindow && winform) {
                var button = layxWindow.querySelector("#layx-" + id + "-button-" + buttonId);
                if (button) {
                    if (isEnable === false) {
                        button.setAttribute("disabled", "disabled");
                    } else {
                        button.removeAttribute("disabled");
                    }
                }
            }
        },
        getStrSizeRange: function (str, minWidth, minHeight, maxWidth, maxHeight, dialogIcon) {
            var width = 0,
                height = 0,
                span = document.createElement("span");
            span.innerHTML = str;
            span.classList.add("layx-calc-text");
            span.style.visibility = 'hidden';
            span.style.display = 'inline-block';
            span.style.minWidth = minWidth + "px";
            span.style.minHeight = minHeight + "px";
            span.style.maxWidth = maxWidth + "px";
            span.style.maxHeight = maxHeight + "px";
            span.style.paddingLeft = 10 + 'px';
            span.style.paddingRight = 10 + 'px';
            span.style.paddingTop = 10 + 'px';
            span.style.paddingBottom = 10 + 'px';
            span.style.margin = "0";
            span.style.border = "none";
            span.style.lineHeight = 1.5;
            document.body.appendChild(span);
            width = span.offsetWidth;
            height = span.offsetHeight + 1;
            document.body.removeChild(span);
            return {
                width: width + (dialogIcon === true ? 45 : 0),
                height: height
            };
        },
        getButton: function (id, buttonId) {
            var that = this,
                windowId = "layx-" + id,
                layxWindow = document.getElementById(windowId),
                winform = that.windows[id];
            if (layxWindow && winform) {
                return layxWindow.querySelector("#layx-" + id + "-button" + (buttonId ? "-" + buttonId : ""));
            }
            return null;
        },
        tip: function (msg, target, direction, options) {
            var that = this;
            if (Utils.isDom(target)) {
                var _id = (options && options.id) ? options.id : 'layx-dialog-tip-' + Utils.rndNum(8);
                target.addEventListener("mouseover", function (e) {
                    var msgSizeRange = that.getStrSizeRange(msg, 20, 20, 320, 90, ((options && options.dialogIcon) ? true : false));
                    that.create(layxDeepClone({}, {
                        id: _id,
                        type: 'html',
                        control: false,
                        content: that.createDialogContent("tip", msg, ((options && options.dialogIcon) ? options.dialogIcon : false)),
                        width: msgSizeRange.width,
                        height: msgSizeRange.height,
                        minHeight: msgSizeRange.height,
                        minWidth: msgSizeRange.width,
                        stickMenu: false,
                        minMenu: false,
                        floatTarget: target,
                        floatDirection: direction || 'bottom',
                        maxMenu: false,
                        closeMenu: false,
                        alwaysOnTop: true,
                        resizable: false,
                        movable: false,
                        allowControlDbclick: false,
                        autodestroyText: false,
                        loadingText: false,
                        storeStatus: false
                    }, options));
                }, false);
                target.addEventListener("mouseout", function (e) {
                    that.destroy(_id, null, true);
                }, false);
            }
        },
        msg: function (msg, options) {
            var that = this;
            var msgSizeRange = that.getStrSizeRange(msg, 120, 20, 320, 90, ((options && options.dialogIcon) ? true : false));
            var winform = that.create(layxDeepClone({}, {
                id: (options && options.id) ? options.id : 'layx-dialog-msg-' + Utils.rndNum(8),
                type: 'html',
                control: false,
                content: that.createDialogContent("msg", msg, ((options && options.dialogIcon) ? options.dialogIcon : false)),
                autodestroy: 5000,
                width: msgSizeRange.width,
                height: msgSizeRange.height,
                minHeight: msgSizeRange.height,
                stickMenu: false,
                minMenu: false,
                maxMenu: false,
                closeMenu: false,
                alwaysOnTop: true,
                resizable: false,
                movable: false,
                allowControlDbclick: false,
                position: [10, 'tc'],
                autodestroyText: false,
                loadingText: false,
                storeStatus: false,
                dialogType: 'msg'
            }, options));
            that.flicker(winform.id);
            return winform;
        },
        createDialogContent: function (type, content, iconType) {
            var that = this;
            var dialog = document.createElement("div");
            dialog.classList.add("layx-dialog-" + type);
            dialog.classList.add("layx-flexbox");
            if (iconType) {
                var dialogIcon = document.createElement("div");
                dialogIcon.classList.add("layx-dialog-icon");
                var iconWrap = document.createElement("div");
                iconWrap.classList.add("layx-icon");
                iconWrap.classList.add("layx-dialog-icon-" + iconType);
                switch (iconType) {
                    case "success":
                        iconWrap.innerHTML = '<svg class="layx-iconfont" aria-hidden="true"><use xlink:href="#layx-icon-right"></use></svg>';
                        break;
                    case "warn":
                        iconWrap.innerHTML = '<svg class="layx-iconfont" aria-hidden="true"><use xlink:href="#layx-icon-warn"></use></svg>';
                        break;
                    case "error":
                        iconWrap.innerHTML = '<svg class="layx-iconfont" aria-hidden="true"><use xlink:href="#layx-icon-error"></use></svg>';
                        break;
                    case "help":
                        iconWrap.innerHTML = '<svg class="layx-iconfont" aria-hidden="true"><use xlink:href="#layx-icon-help"></use></svg>';
                        break;
                }
                dialogIcon.appendChild(iconWrap);
                dialog.appendChild(dialogIcon);
            }
            var dialogContent = document.createElement("div");
            dialogContent.classList.add("layx-dialog-content");
            dialogContent.classList.add("layx-flexauto");
            dialogContent.innerHTML = content;
            dialog.appendChild(dialogContent);
            return dialog;
        },
        alert: function (title, msg, yes, options) {
            var that = this;
            var msgSizeRange = that.getStrSizeRange(msg, 137, 66, 352, 157, ((options && options.dialogIcon) ? true : false));
            var winform = that.create(layxDeepClone({}, {
                id: (options && options.id) ? options.id : 'layx-dialog-alert-' + Utils.rndNum(8),
                title: title || "提示消息",
                icon: false,
                type: 'html',
                content: that.createDialogContent("alert", msg, ((options && options.dialogIcon) ? options.dialogIcon : false)),
                width: msgSizeRange.width + 20,
                height: msgSizeRange.height + 73,
                minHeight: msgSizeRange.height + 73,
                stickMenu: false,
                dialogType: "alert",
                minMenu: false,
                minable: false,
                maxMenu: false,
                maxable: false,
                alwaysOnTop: true,
                resizable: false,
                allowControlDbclick: false,
                shadable: true,
                statusBar: true,
                buttons: [{
                    label: '确定',
                    callback: function (id, button, event) {
                        event = event || window.event || arguments.callee.caller.arguments[0];
                        event.stopPropagation();
                        if (Utils.isFunction(yes)) {
                            var reval = yes(id, button, event);
                            if (reval !== false) {
                                Layx.destroy(id);
                            }
                        } else {
                            Layx.destroy(id);
                        }
                    }
                }],
                position: 'ct',
                loadingText: false,
                storeStatus: false
            }, options));
            return winform;
        },
        confirm: function (title, msg, yes, options) {
            var that = this;
            var msgSizeRange = that.getStrSizeRange(msg, 180, 137, 352, 180, ((options && options.dialogIcon) ? true : false));
            var winform = that.create(layxDeepClone({}, {
                id: (options && options.id) ? options.id : 'layx-dialog-confirm-' + Utils.rndNum(8),
                title: title || "询问消息",
                icon: false,
                type: 'html',
                content: that.createDialogContent("confirm", msg, ((options && options.dialogIcon) ? options.dialogIcon : false)),
                width: msgSizeRange.width + 20,
                height: msgSizeRange.height,
                minHeight: msgSizeRange.height,
                stickMenu: false,
                dialogType: "confirm",
                minMenu: false,
                minable: false,
                maxMenu: false,
                maxable: false,
                alwaysOnTop: true,
                resizable: false,
                allowControlDbclick: false,
                shadable: true,
                buttons: [{
                    label: '确定',
                    callback: function (id, button, event) {
                        event = event || window.event || arguments.callee.caller.arguments[0];
                        event.stopPropagation();
                        if (Utils.isFunction(yes)) {
                            var reval = yes(id, button);
                            if (reval !== false) {
                                Layx.destroy(id);
                            }
                        }
                    }
                }, {
                    label: '取消',
                    callback: function (id, button, event) {
                        event = event || window.event;
                        event.stopPropagation();
                        Layx.destroy(id);
                    }
                }],
                statusBar: true,
                position: 'ct',
                loadingText: false,
                storeStatus: false
            }, options));
            return winform;
        },
        getPromptTextArea: function (id) {
            var that = this,
                windowId = "layx-" + id,
                layxWindow = document.getElementById(windowId),
                winform = that.windows[id];
            if (layxWindow && winform && winform.type === "html") {
                var promptPanel = layxWindow.querySelector(".layx-dialog-prompt");
                if (promptPanel) {
                    var textarea = promptPanel.querySelector(".layx-textarea");
                    if (textarea) {
                        return textarea;
                    }
                }
            }
            return null;
        },
        prompt: function (title, msg, yes, defaultValue, options) {
            var that = this;
            var msgSizeRange = that.getStrSizeRange(msg, 200, 184, 352, 200);
            var winform = that.create(layxDeepClone({}, {
                id: (options && options.id) ? options.id : 'layx-dialog-prompt-' + Utils.rndNum(8),
                title: title || "请输入信息",
                icon: false,
                type: 'html',
                content: that.createDialogContent("prompt", "<label>" + msg + "</label><textarea class='layx-textarea'>" + (defaultValue ? defaultValue.toString() : '') + "</textarea>"),
                width: msgSizeRange.width + 20,
                height: msgSizeRange.height,
                minHeight: msgSizeRange.height,
                stickMenu: false,
                dialogType: "prompt",
                minMenu: false,
                minable: false,
                maxMenu: false,
                maxable: false,
                alwaysOnTop: true,
                resizable: false,
                allowControlDbclick: false,
                shadable: true,
                statusBar: true,
                buttonKey: 'ctrl+enter',
                buttons: [{
                    label: '确定',
                    callback: function (id, value, textarea, button, event) {
                        event = event || window.event || arguments.callee.caller.arguments[0];
                        event.stopPropagation();
                        if (textarea && value.length === 0) {
                            textarea.focus();
                        } else {
                            if (Utils.isFunction(yes)) {
                                var reval = yes(id, value, textarea, button, event);
                                if (reval !== false) {
                                    Layx.destroy(id);
                                }
                            }
                        }
                    }
                }, {
                    label: '取消',
                    callback: function (id, value, textarea, button, event) {
                        event = event || window.event;
                        event.stopPropagation();
                        Layx.destroy(id);
                    }
                }],
                position: 'ct',
                loadingText: false,
                storeStatus: false
            }, options));
            return winform;
        },
        createLoadAnimate: function () {
            var animate = document.createElement("div");
            animate.classList.add("layx-load-animate");
            var inner = document.createElement("div");
            inner.classList.add("layx-load-inner");
            var spiner = document.createElement("div");
            spiner.classList.add("layx-load-spiner");
            inner.appendChild(spiner);
            var filler = document.createElement("div");
            filler.classList.add("layx-load-filler");
            inner.appendChild(filler);
            var masker = document.createElement("div");
            masker.classList.add("layx-load-masker");
            inner.appendChild(masker);
            animate.appendChild(inner);
            var inner2 = inner.cloneNode(true);
            inner2.classList.remove("layx-load-inner");
            inner2.classList.add("layx-load-inner2");
            animate.appendChild(inner2);
            return animate;
        },
        load: function (id, msg, options) {
            var that = this;
            var msgSizeRange = that.getStrSizeRange(msg, 120, 53, 320, 90);
            var loadElement = document.createElement("div");
            loadElement.classList.add("layx-dialog-load");
            loadElement.classList.add("layx-flexbox");
            loadElement.classList.add("layx-flex-center");
            loadElement.appendChild(that.createLoadAnimate());
            var msgContent = document.createElement("div");
            msgContent.classList.add("layx-load-msg");
            msgContent.innerHTML = msg;
            loadElement.appendChild(msgContent);
            var span = document.createElement("span");
            span.classList.add("layx-dot");
            msgContent.appendChild(span);
            var dotCount = 0;
            var loadTimer = setInterval(function () {
                if (dotCount === 5) {
                    dotCount = 0;
                }
                ++dotCount;
                var dotHtml = "";
                for (var i = 0; i < dotCount; i++) {
                    dotHtml += ".";
                }
                span.innerHTML = dotHtml;
            }, 200);
            var winform = that.create(layxDeepClone({}, {
                id: id ? id : 'layx-dialog-load-' + Utils.rndNum(8),
                type: 'html',
                control: false,
                shadable: true,
                content: loadElement,
                cloneElementContent: false,
                width: msgSizeRange.width + 70,
                height: msgSizeRange.height,
                minHeight: msgSizeRange.height,
                stickMenu: false,
                minMenu: false,
                maxMenu: false,
                closeMenu: false,
                escKey: false,
                alwaysOnTop: true,
                resizable: false,
                movable: false,
                allowControlDbclick: false,
                position: 'ct',
                loadingText: false,
                storeStatus: false,
                dialogType: 'load'
            }, options));
            winform.loadTimer = loadTimer;
            return winform;
        }
    };
    String.prototype.toFirstUpperCase = function () {
        return this.replace(/^\S/, function (s) {
            return s.toUpperCase();
        });
    };
    if (!("classList" in document.documentElement)) {
        Object.defineProperty(HTMLElement.prototype, 'classList', {
            get: function () {
                var self = this;
                function update(fn) {
                    return function (value) {
                        var classes = self.className.split(/\s+/g),
                            index = classes.indexOf(value);
                        fn(classes, index, value);
                        self.className = classes.join(" ");
                    };
                }
                return {
                    add: update(function (classes, index, value) {
                        if (!~index)
                            classes.push(value);
                    }),
                    remove: update(function (classes, index) {
                        if (~index)
                            classes.splice(index, 1);
                    }),
                    toggle: update(function (classes, index, value) {
                        if (~index)
                            classes.splice(index, 1);
                        else
                            classes.push(value);
                    }),
                    contains: function (value) {
                        return !!~self.className.split(/\s+/g).indexOf(value);
                    },
                    item: function (i) {
                        return self.className.split(/\s+/g)[i] || null;
                    }
                };
            }
        });
    }
    var IframeOnClick = {
        resolution: 0,
        iframes: [],
        interval: null,
        Iframe: function () {
            this.element = arguments[0];
            this.cb = arguments[1];
            this.hasTracked = false;
        },
        track: function (element, cb) {
            this.iframes.push(new this.Iframe(element, cb));
            if (!this.interval) {
                var _this = this;
                this.interval = setInterval(function () {
                    _this.checkClick();
                }, this.resolution);
            }
        },
        checkClick: function () {
            if (document.activeElement) {
                var activeElement = document.activeElement;
                for (var i in this.iframes) {
                    if (activeElement === this.iframes[i].element) {
                        if (this.iframes[i].hasTracked == false) {
                            this.iframes[i].cb.apply(win, []);
                            this.iframes[i].hasTracked = true;
                        }
                    } else {
                        this.iframes[i].hasTracked = false;
                    }
                }
            }
        }
    };
    var Utils = {
        isSupportTouch: "ontouchstart" in document ? true : false,
        isSupportMouse: "onmouseup" in document ? true : false,
        IsPC: function () {
            var userAgentInfo = navigator.userAgent;
            var Agents = ["Android", "iPhone", "SymbianOS", "Windows Phone", "iPad", "iPod"];
            var flag = true;
            for (var v = 0; v < Agents.length; v++) {
                if (userAgentInfo.indexOf(Agents[v]) > 0) {
                    flag = false;
                    break;
                }
            }
            return flag;
        },
        isBoolean: function (obj) {
            return typeof obj === "boolean";
        },
        isString: function (obj) {
            return typeof obj === "string";
        },
        isNumber: function (obj) {
            return typeof obj === "number";
        },
        isArray: function (o) {
            return Object.prototype.toString.call(o) == '[object Array]';
        },
        isFunction: function (func) {
            return func && Object.prototype.toString.call(func) === '[object Function]';
        },
        isDom: function (obj) {
            return !!(obj && typeof window !== 'undefined' && (obj === window || obj.nodeType));
        },
        insertAfter: function (newEl, targetEl) {
            var parentEl = targetEl.parentNode;
            if (newEl) {
                if (parentEl.lastChild == targetEl) {
                    parentEl.appendChild(newEl);
                } else {
                    parentEl.insertBefore(newEl, targetEl.nextSibling);
                }
            }
        },
        innerArea: function () {
            return {
                width: win.innerWidth,
                height: win.innerHeight
            };
        },
        getCross: function (p1, p2, p) {
            return (p2.x - p1.x) * (p.y - p1.y) - (p.x - p1.x) * (p2.y - p1.y);
        },
        IsPointInMatrix: function (area, p) {
            var that = this;
            var p1 = area.p1;
            var p2 = area.p2;
            var p3 = area.p3;
            var p4 = area.p4;
            return that.getCross(p1, p2, p) * that.getCross(p3, p4, p) >= 0 && that.getCross(p2, p3, p) * that.getCross(p4, p1, p) >= 0;
        },
        checkElementIsVisual: function (pEle, ele, allContain) {
            var that = this;
            var innerArea = that.innerArea();
            var pEleStartPos = that.getElementPos(pEle);
            var pEleEndPos = {
                x: pEleStartPos.x + pEle.offsetWidth,
                y: pEleStartPos.y + pEle.offsetHeight
            };
            var eleStartPos = that.getElementPos(ele);
            var eleEndPos = {
                x: eleStartPos.x + ele.offsetWidth,
                y: eleStartPos.y + ele.offsetHeight
            };
            if (allContain === false) {
                var pleArea = {
                    p1: {
                        x: pEleStartPos.x,
                        y: pEleEndPos.y
                    },
                    p2: {
                        x: pEleStartPos.x,
                        y: pEleStartPos.y
                    },
                    p3: {
                        x: pEleEndPos.x,
                        y: pEleStartPos.y
                    },
                    p4: {
                        x: pEleEndPos.x,
                        y: pEleEndPos.y
                    }
                };
                var winArea = {
                    p1: {
                        x: 0,
                        y: innerArea.height
                    },
                    p2: {
                        x: 0,
                        y: 0
                    },
                    p3: {
                        x: innerArea.width,
                        y: 0
                    },
                    p4: {
                        x: innerArea.width,
                        y: innerArea.height
                    }
                };
                var ltPoint = that.IsPointInMatrix(pleArea, {
                    x: eleStartPos.x,
                    y: eleStartPos.y
                });
                var rtPoint = that.IsPointInMatrix(pleArea, {
                    x: eleEndPos.x,
                    y: eleStartPos.y
                });
                var lbPoint = that.IsPointInMatrix(pleArea, {
                    x: eleStartPos.x,
                    y: eleEndPos.y
                });
                var rbPoint = that.IsPointInMatrix(pleArea, {
                    x: eleEndPos.x,
                    y: eleEndPos.y
                });
                var wltPoint = that.IsPointInMatrix(winArea, {
                    x: eleStartPos.x,
                    y: eleStartPos.y
                });
                var wrtPoint = that.IsPointInMatrix(winArea, {
                    x: eleEndPos.x,
                    y: eleStartPos.y
                });
                var wlbPoint = that.IsPointInMatrix(winArea, {
                    x: eleStartPos.x,
                    y: eleEndPos.y
                });
                var wrbPoint = that.IsPointInMatrix(winArea, {
                    x: eleEndPos.x,
                    y: eleEndPos.y
                });
                return (ltPoint || rtPoint || lbPoint || rbPoint) && (wltPoint || wrtPoint || wlbPoint || wrbPoint);
            }
            return (eleStartPos.x >= pEleStartPos.x) && (eleEndPos.x <= pEleEndPos.x) && (eleStartPos.y >= pEleStartPos.y) && (eleEndPos.y <= pEleEndPos.y) && (eleStartPos.x >= 0) && (eleEndPos.x <= innerArea.width) && (eleStartPos.y >= 0) && (eleEndPos.y <= innerArea.height);
        },
        compilebubbleDirection: function (direction, target, width, height) {
            var that = this,
                bubbleDirectionOptions = ['top', 'bottom', 'left', 'right'],
                targetPos = that.getElementPos(target),
                innerArea = that.innerArea(),
                bubbleSize = 11,
                pos = {
                    top: 0,
                    left: 0
                };
            direction = bubbleDirectionOptions.indexOf(direction) > -1 ? direction : 'bottom';
            switch (direction) {
                case "bottom":
                    pos.top = targetPos.y + target.offsetHeight + bubbleSize;
                    pos.left = targetPos.x;
                    if (targetPos.x + width >= innerArea.width) {
                        pos.left = innerArea.width - width;
                    }
                    break;
                case "top":
                    pos.top = targetPos.y - (height + bubbleSize);
                    pos.left = targetPos.x;
                    if (targetPos.x + width >= innerArea.width) {
                        pos.left = innerArea.width - width;
                    }
                    break;
                case "right":
                    pos.top = targetPos.y;
                    pos.left = targetPos.x + target.offsetWidth + bubbleSize;
                    if (targetPos.y + height >= innerArea.height) {
                        pos.top = innerArea.height - height;
                    }
                    break;
                case "left":
                    pos.top = targetPos.y;
                    pos.left = targetPos.x - (width + bubbleSize);
                    if (targetPos.y + height >= innerArea.height) {
                        pos.top = innerArea.height - height;
                    }
                    break;
            }
            return pos;
        },
        compileLayxPosition: function (width, height, position) {
            var that = this,
                postionOptions = ['ct', 'lt', 'rt', 'lb', 'rb', 'lc', 'tc', 'rc', 'bc'],
                innerArea = that.innerArea();
            var pos = {
                top: 0,
                left: 0
            };
            if (that.isArray(position) && position.length === 2) {
                pos.top = that.isNumber(position[0]) ? position[0] : that.compileLayxPosition(width, height, position[0]).top;
                pos.left = that.isNumber(position[1]) ? position[1] : that.compileLayxPosition(width, height, position[1]).left;
            } else {
                position = postionOptions.indexOf(position.toString()) > -1 ? position.toString() : 'ct';
                switch (position) {
                    case 'ct':
                        pos.top = (innerArea.height - height) / 2;
                        pos.left = (innerArea.width - width) / 2;
                        break;
                    case 'lt':
                        pos.top = 0;
                        pos.left = 0;
                        break;
                    case 'rt':
                        pos.top = 0;
                        pos.left = innerArea.width - width;
                        break;
                    case 'lb':
                        pos.top = innerArea.height - height;
                        pos.left = 0;
                        break;
                    case 'rb':
                        pos.top = innerArea.height - height;
                        pos.left = innerArea.width - width;
                        break;
                    case 'lc':
                        pos.left = 0;
                        pos.top = (innerArea.height - height) / 2;
                        break;
                    case 'tc':
                        pos.top = 0;
                        pos.left = (innerArea.width - width) / 2;
                        break;
                    case 'rc':
                        pos.left = innerArea.width - width;
                        pos.top = (innerArea.height - height) / 2;
                        break;
                    case 'bc':
                        pos.top = innerArea.height - height;
                        pos.left = (innerArea.width - width) / 2;
                        break;
                }
            }
            return pos;
        },
        rndNum: function (n) {
            var rnd = "";
            for (var i = 0; i < n; i++)
                rnd += Math.floor(Math.random() * 10);
            return rnd;
        },
        compileLayxWidthOrHeight: function (type, widthOrHeight, errorValue) {
            var that = this,
                innerArea = that.innerArea();
            if (/(^[1-9]\d*$)/.test(widthOrHeight)) {
                return Number(widthOrHeight);
            }
            if (/^(100|[1-9]?\d(\.\d\d?)?)%$/.test(widthOrHeight)) {
                var value = Number(widthOrHeight.toString().replace('%', ''));
                if (type === "width") {
                    return innerArea.width * (value / 100);
                }
                if (type === "height") {
                    return innerArea.height * (value / 100);
                }
            }
            if (/^[1-9]\d*v[hw]$/.test(widthOrHeight)) {
                if (type === "width") {
                    return innerArea.width * parseFloat(widthOrHeight) / 100;
                }
                if (type === "height") {
                    return innerArea.height * parseFloat(widthOrHeight) / 100;
                }
            }
            return errorValue;
        },
        getNodeByClassName: function (node, className, parentWindow) {
            parentWindow = parentWindow || win;
            var that = this;
            if (node === parentWindow.document.body) {
                return null;
            }
            var cls = node.classList;
            if (cls.contains(className)) {
                return node;
            } else {
                return that.getNodeByClassName(node.parentNode, className);
            }
        },
        getMousePosition: function (e) {
            e = e || window.event;
            if (e.touches) {
                if (Utils.IsPC()) {
                    var button = e.button || e.which;
                    if (button == 1 && e.shiftKey == false) {
                        var scrollX = document.documentElement.scrollLeft || document.body.scrollLeft;
                        var scrollY = document.documentElement.scrollTop || document.body.scrollTop;
                        var x = e.pageX || e.clientX + scrollX;
                        var y = e.pageY || e.clientY + scrollY;
                        return {
                            x: x,
                            y: y
                        };
                    }
                }
                return {
                    x: e.touches[0].clientX,
                    y: e.touches[0].clientY
                };
            } else {
                var scrollX = document.documentElement.scrollLeft || document.body.scrollLeft;
                var scrollY = document.documentElement.scrollTop || document.body.scrollTop;
                var x = e.pageX || e.clientX + scrollX;
                var y = e.pageY || e.clientY + scrollY;
                return {
                    x: x,
                    y: y
                };
            }
        },
        getElementPos: function (el) {
            var ua = navigator.userAgent.toLowerCase();
            var isOpera = (ua.indexOf('opera') != -1);
            var isIE = (ua.indexOf('msie') != -1 && !isOpera);
            if (el.parentNode === null || el.style.display == 'none') {
                return false;
            }
            var parent = null;
            var pos = [];
            var box;
            if (el.getBoundingClientRect) {
                box = el.getBoundingClientRect();
                var scrollTop = Math.max(document.documentElement.scrollTop, document.body.scrollTop);
                var scrollLeft = Math.max(document.documentElement.scrollLeft, document.body.scrollLeft);
                return {
                    x: box.left + scrollLeft,
                    y: box.top + scrollTop
                };
            } else if (document.getBoxObjectFor) {
                box = document.getBoxObjectFor(el);
                var borderLeft = (el.style.borderLeftWidth) ? parseInt(el.style.borderLeftWidth) : 0;
                var borderTop = (el.style.borderTopWidth) ? parseInt(el.style.borderTopWidth) : 0;
                pos = [box.x - borderLeft, box.y - borderTop];
            } else {
                pos = [el.offsetLeft, el.offsetTop];
                parent = el.offsetParent;
                if (parent != el) {
                    while (parent) {
                        pos[0] += parent.offsetLeft;
                        pos[1] += parent.offsetTop;
                        parent = parent.offsetParent;
                    }
                }
                if (ua.indexOf('opera') != -1 || (ua.indexOf('safari') != -1 && el.style.position == 'absolute')) {
                    pos[0] -= document.body.offsetLeft;
                    pos[1] -= document.body.offsetTop;
                }
            }
            if (el.parentNode) {
                parent = el.parentNode;
            } else {
                parent = null;
            }
            while (parent && parent.tagName != 'BODY' && parent.tagName != 'HTML') {
                pos[0] -= parent.scrollLeft;
                pos[1] -= parent.scrollTop;
                if (parent.parentNode) {
                    parent = parent.parentNode;
                } else {
                    parent = null;
                }
            }
            return {
                x: pos[0],
                y: pos[1]
            };
        }
    };
    var LayxResize = function (handle, isTop, isLeft, lockX, lockY) {
        LayxResize.isResizing = false;
        LayxResize.isFirstResizing = true;
        var drag = function (e) {
            e = e || window.event;
            var moveMouseCoord = Utils.getMousePosition(e),
                distX = moveMouseCoord.x - handle.mouseStartCoord.x,
                distY = moveMouseCoord.y - handle.mouseStartCoord.y;
            if (Utils.isSupportTouch) {
                if (e.cancelable) {
                    if (!e.defaultPrevented) {
                        e.preventDefault();
                    }
                }
                if (((distX !== 0 || distY !== 0) && (new Date() - handle.touchDate > 100)) === false)
                    return;
                if (Utils.IsPC()) {
                    var button = e.button || e.which;
                    if ((button == 1 && e.shiftKey == false) === false)
                        return;
                    if (!e.defaultPrevented) {
                        e.preventDefault();
                    }
                    if ((distX !== 0 || distY !== 0) === false)
                        return;
                }
            } else {
                var button = e.button || e.which;
                if ((button == 1 && e.shiftKey == false) === false)
                    return;
                if (!e.defaultPrevented) {
                    e.preventDefault();
                }
                if ((distX !== 0 || distY !== 0) === false)
                    return;
            }
            var _top = handle.winform.area.top + distY,
                _left = handle.winform.area.left + distX,
                _height = isTop ? handle.winform.area.height - distY : handle.winform.area.height + distY,
                _width = isLeft ? handle.winform.area.width - distX : handle.winform.area.width + distX;
            LayxResize.isResizing = true;
            if (LayxResize.isFirstResizing === true) {
                LayxResize.isFirstResizing = false;
                if (Utils.isFunction(handle.winform.event.onresize.before)) {
                    var reval = handle.winform.event.onresize.before(handle.layxWindow, handle.winform);
                    if (reval === false) {
                        LayxResize.isResizing = false;
                        LayxResize.isFirstResizing = true;
                        if (Utils.isSupportTouch) {
                            document.ontouchend = null;
                            document.ontouchmove = null;
                            if (Utils.IsPC()) {
                                document.onmouseup = null;
                                document.onmousemove = null;
                            }
                        } else {
                            document.onmouseup = null;
                            document.onmousemove = null;
                        }
                        return;
                    }
                }
            }
            _width = Math.max(_width, handle.winform.area.minWidth);
            if (isLeft) {
                _left = Math.min(_left, handle.winform.area.left + handle.winform.area.width - handle.winform.area.minWidth);
                _left = Math.max(0, _left);
                _width = Math.min(_width, handle.winform.area.left + handle.winform.area.width);
            } else {
                _left = Math.min(_left, handle.winform.area.left);
                _left = Math.max(handle.winform.area.left, _left);
                _width = Math.min(_width, handle.innerArea.width - handle.winform.area.left);
            }
            _height = Math.max(_height, handle.winform.area.minHeight);
            if (isTop) {
                _top = Math.min(_top, handle.winform.area.top + handle.winform.area.height - handle.winform.area.minHeight);
                _top = Math.max(0, _top);
                _height = Math.min(_height, handle.winform.area.top + handle.winform.area.height);
            } else {
                _top = Math.min(_top, handle.winform.area.top);
                _top = Math.max(handle.winform.area.top, _top);
                _height = Math.min(_height, handle.innerArea.height - handle.winform.area.top);
            }
            if (lockY) {
                handle.layxWindow.style.width = _width + 'px';
                handle.layxWindow.style.left = _left + 'px';
            }
            if (lockX) {
                handle.layxWindow.style.top = _top + 'px';
                handle.layxWindow.style.height = _height + 'px';
            }
            if (lockY === false && lockX === false) {
                handle.layxWindow.style.width = _width + 'px';
                handle.layxWindow.style.left = _left + 'px';
                handle.layxWindow.style.top = _top + 'px';
                handle.layxWindow.style.height = _height + 'px';
            }
            if (Utils.isFunction(handle.winform.event.onresize.progress)) {
                handle.winform.event.onresize.progress(handle.layxWindow, handle.winform);
            }
        };
        var dragend = function (e) {
            e = e || window.event;
            if (Utils.isSupportTouch) {
                document.ontouchend = null;
                document.ontouchmove = null;
                if (Utils.IsPC()) {
                    var button = e.button || e.which;
                    if (button == 1 && e.shiftKey == false) {
                        var resizeList = handle.layxWindow.querySelectorAll(".layx-resizes > div");
                        for (var i = 0; i < resizeList.length; i++) {
                            resizeList[i].classList.add("layx-reisize-touch");
                        }
                    }
                    document.onmouseup = null;
                    document.onmousemove = null;
                }
            } else {
                document.onmouseup = null;
                document.onmousemove = null;
            }
            var mousePreventDefault = handle.layxWindow.querySelector(".layx-mouse-preventDefault");
            if (mousePreventDefault) {
                mousePreventDefault.parentNode.removeChild(mousePreventDefault);
            }
            var layxMove = document.getElementById("layx-window-move");
            if (layxMove) {
                layxMove.parentNode.removeChild(layxMove);
            }
            if (LayxResize.isResizing === true) {
                LayxResize.isResizing = false;
                LayxResize.isFirstResizing = true;
                handle.winform.area.top = handle.layxWindow.offsetTop;
                handle.winform.area.left = handle.layxWindow.offsetLeft;
                handle.winform.area.width = handle.layxWindow.offsetWidth;
                handle.winform.area.height = handle.layxWindow.offsetHeight;
                if (handle.winform.storeStatus === true) {
                    Layx.storeWindowAreaInfo(handle.winform.id, {
                        top: handle.winform.area.top,
                        left: handle.winform.area.left,
                        width: handle.winform.area.width,
                        height: handle.winform.area.height
                    });
                }
                if (Utils.isFunction(handle.winform.event.onresize.after)) {
                    handle.winform.event.onresize.after(handle.layxWindow, handle.winform);
                }
            }
        };
        var dragstart = function (e) {
            e = e || window.event;
            var layxWindow = Utils.getNodeByClassName(handle, 'layx-window', win);
            if (layxWindow) {
                var id = layxWindow.getAttribute("id").substr(5),
                    winform = Layx.windows[id];
                if (winform) {
                    if (winform.status !== "min" && winform.resizable === true) {
                        var layxMove = document.getElementById("layx-window-move");
                        if (!layxMove) {
                            layxMove = document.createElement("div");
                            layxMove.setAttribute("id", "layx-window-move");
                            document.body.appendChild(layxMove);
                        }
                        Layx.updateZIndex(id);
                        layxMove.style.zIndex = winform.zIndex - 1;
                        var mouseCoord = Utils.getMousePosition(e);
                        handle.mouseStartCoord = mouseCoord;
                        handle.layxWindow = layxWindow;
                        handle.winform = winform;
                        handle.innerArea = Utils.innerArea();
                        handle.touchDate = new Date();
                        var mousePreventDefault = layxWindow.querySelector(".layx-mouse-preventDefault");
                        if (!mousePreventDefault) {
                            mousePreventDefault = document.createElement("div");
                            mousePreventDefault.classList.add("layx-mouse-preventDefault");
                            var main = layxWindow.querySelector(".layx-main");
                            if (main) {
                                main.appendChild(mousePreventDefault);
                            }
                        }
                        if (Utils.isSupportTouch) {
                            document.ontouchend = dragend;
                            document.ontouchmove = drag;
                            if (Utils.IsPC()) {
                                var button = e.button || e.which;
                                if (button == 1 && e.shiftKey == false) {
                                    var resizeList = layxWindow.querySelectorAll(".layx-resizes > div");
                                    for (var i = 0; i < resizeList.length; i++) {
                                        resizeList[i].classList.remove("layx-reisize-touch");
                                    }
                                }
                                document.onmouseup = dragend;
                                document.onmousemove = drag;
                            }
                        } else {
                            document.onmouseup = dragend;
                            document.onmousemove = drag;
                        }
                    } else {
                        Layx.restore(id);
                    }
                }
            }
            return false;
        };
        if (Utils.isSupportTouch) {
            handle.ontouchstart = dragstart;
            if (Utils.IsPC()) {
                handle.onmousedown = dragstart;
            }
        } else {
            handle.onmousedown = dragstart;
        }
    };
    var LayxDrag = function (handle) {
        LayxDrag.isMoveing = false;
        LayxDrag.isFirstMoveing = true;
        var drag = function (e) {
            e = e || window.event;
            var moveMouseCoord = Utils.getMousePosition(e),
                distX = moveMouseCoord.x - handle.mouseStartCoord.x,
                distY = moveMouseCoord.y - handle.mouseStartCoord.y;
            if (Utils.isSupportTouch) {
                if (e.cancelable) {
                    if (!e.defaultPrevented) {
                        e.preventDefault();
                    }
                }
                if (((distX !== 0 || distY !== 0) && (new Date() - handle.touchDate > 100)) === false)
                    return;
                if (Utils.IsPC()) {
                    var button = e.button || e.which;
                    if ((button == 1 && e.shiftKey == false) === false)
                        return;
                    if (!e.defaultPrevented) {
                        e.preventDefault();
                    }
                    if ((distX !== 0 || distY !== 0) === false)
                        return;
                }
            } else {
                var button = e.button || e.which;
                if ((button == 1 && e.shiftKey == false) === false)
                    return;
                if (!e.defaultPrevented) {
                    e.preventDefault();
                }
                if ((distX !== 0 || distY !== 0) === false)
                    return;
            }
            LayxDrag.isMoveing = true;
            if (LayxDrag.isFirstMoveing === true) {
                LayxDrag.isFirstMoveing = false;
                if (Utils.isFunction(handle.winform.event.onmove.before)) {
                    var reval = handle.winform.event.onmove.before(handle.layxWindow, handle.winform);
                    if (reval === false) {
                        LayxDrag.isMoveing = false;
                        LayxDrag.isFirstMoveing = true;
                        if (Utils.isSupportTouch) {
                            document.ontouchend = null;
                            document.ontouchmove = null;
                        } else {
                            document.onmouseup = null;
                            document.onmousemove = null;
                        }
                        return;
                    }
                }
            }
            var _left = handle.winform.area.left + distX;
            var _top = handle.winform.area.top + distY;
            if (handle.winform.status === "max" && handle.winform.resizable === true) {
                if (moveMouseCoord.x < handle.winform.area.width / 2) {
                    _left = 0;
                } else if (moveMouseCoord.x > handle.winform.area.width / 2 && moveMouseCoord.x < handle.innerArea.width - handle.winform.area.width) {
                    _left = moveMouseCoord.x - handle.winform.area.width / 2;
                } else if (handle.innerArea.width - moveMouseCoord.x < handle.winform.area.width / 2) {
                    _left = handle.innerArea.width - handle.winform.area.width;
                } else if (handle.innerArea.width - moveMouseCoord.x > handle.winform.area.width / 2 && moveMouseCoord.x >= handle.innerArea.width - handle.winform.area.width) {
                    _left = moveMouseCoord.x - handle.winform.area.width / 2;
                }
                _top = 0;
                handle.winform.area.top = 0;
                handle.winform.area.left = _left;
                Layx.restore(handle.winform.id);
            }
            handle.winform.moveLimit.horizontal === true && (_left = handle.winform.area.left);
            handle.winform.moveLimit.vertical === true && (_top = handle.winform.area.top);
            handle.winform.moveLimit.leftOut === false && (_left = Math.max(_left, 0));
            handle.winform.moveLimit.rightOut === false && (_left = Math.min(_left, handle.innerArea.width - handle.winform.area.width));
            handle.winform.moveLimit.bottomOut === false && (_top = Math.min(_top, handle.innerArea.height - handle.winform.area.height));
            _top = Math.max(_top, 0);
            _top = Math.min(handle.innerArea.height - 15, _top);
            _left = Math.max(_left, -(handle.winform.area.width - 15));
            _left = Math.min(_left, handle.innerArea.width - 15);
            handle.layxWindow.style.left = _left + "px";
            handle.layxWindow.style.top = _top + "px";
            if (Utils.isFunction(handle.winform.event.onmove.progress)) {
                handle.winform.event.onmove.progress(handle.layxWindow, handle.winform);
            }
        };
        var dragend = function (e) {
            e = e || window.event;
            if (Utils.isSupportTouch) {
                document.ontouchend = null;
                document.ontouchmove = null;
                if (Utils.IsPC()) {
                    var button = e.button || e.which;
                    if (button == 1 && e.shiftKey == false) {
                        var resizeList = handle.layxWindow.querySelectorAll(".layx-resizes > div");
                        for (var i = 0; i < resizeList.length; i++) {
                            resizeList[i].classList.add("layx-reisize-touch");
                        }
                    }
                    document.onmouseup = null;
                    document.onmousemove = null;
                }
            } else {
                document.onmouseup = null;
                document.onmousemove = null;
            }
            var mousePreventDefault = handle.layxWindow.querySelector(".layx-mouse-preventDefault");
            if (mousePreventDefault) {
                mousePreventDefault.parentNode.removeChild(mousePreventDefault);
            }
            var layxMove = document.getElementById("layx-window-move");
            if (layxMove) {
                layxMove.parentNode.removeChild(layxMove);
            }
            if (LayxDrag.isMoveing === true) {
                LayxDrag.isMoveing = false;
                LayxDrag.isFirstMoveing = true;
                handle.winform.area.top = handle.layxWindow.offsetTop;
                handle.winform.area.left = handle.layxWindow.offsetLeft;
                if (handle.winform.storeStatus === true) {
                    Layx.storeWindowAreaInfo(handle.winform.id, {
                        top: handle.winform.area.top,
                        left: handle.winform.area.left,
                        width: handle.winform.area.width,
                        height: handle.winform.area.height
                    });
                }
                if (handle.winform.area.top === 0 && handle.winform.status === "normal" && handle.winform.maxable === true && handle.winform.resizable === true && handle.winform.dragInTopToMax === true) {
                    handle.winform.area.top = handle.defaultArea.top;
                    handle.winform.area.left = handle.defaultArea.left;
                    if (handle.winform.storeStatus === true) {
                        Layx.storeWindowAreaInfo(handle.winform.id, {
                            top: handle.winform.area.top,
                            left: handle.winform.area.left,
                            width: handle.winform.area.width,
                            height: handle.winform.area.height
                        });
                    }
                    Layx.max(handle.winform.id);
                }
                if (Utils.isFunction(handle.winform.event.onmove.after)) {
                    handle.winform.event.onmove.after(handle.layxWindow, handle.winform);
                }
            }
        };
        var dragstart = function (e) {
            e = e || window.event;
            var layxWindow = Utils.getNodeByClassName(handle, 'layx-window', win);
            if (layxWindow) {
                var id = layxWindow.getAttribute("id").substr(5),
                    winform = Layx.windows[id];
                if (winform) {
                    if (winform.status !== "min" && winform.movable === true) {
                        var layxMove = document.getElementById("layx-window-move");
                        if (!layxMove) {
                            layxMove = document.createElement("div");
                            layxMove.setAttribute("id", "layx-window-move");
                            document.body.appendChild(layxMove);
                        }
                        Layx.updateZIndex(id);
                        layxMove.style.zIndex = winform.zIndex - 1;
                        var mouseCoord = Utils.getMousePosition(e);
                        handle.mouseStartCoord = mouseCoord;
                        handle.layxWindow = layxWindow;
                        handle.winform = winform;
                        handle.innerArea = Utils.innerArea();
                        handle.defaultArea = layxDeepClone({}, winform.area);
                        handle.touchDate = new Date();
                        var mousePreventDefault = layxWindow.querySelector(".layx-mouse-preventDefault");
                        if (!mousePreventDefault) {
                            mousePreventDefault = document.createElement("div");
                            mousePreventDefault.classList.add("layx-mouse-preventDefault");
                            var main = layxWindow.querySelector(".layx-main");
                            if (main) {
                                main.appendChild(mousePreventDefault);
                            }
                        }
                        if (Utils.isSupportTouch) {
                            document.ontouchend = dragend;
                            document.ontouchmove = drag;
                            if (Utils.IsPC()) {
                                var button = e.button || e.which;
                                if (button == 1 && e.shiftKey == false) {
                                    var resizeList = layxWindow.querySelectorAll(".layx-resizes > div");
                                    for (var i = 0; i < resizeList.length; i++) {
                                        resizeList[i].classList.remove("layx-reisize-touch");
                                    }
                                }
                                document.onmouseup = dragend;
                                document.onmousemove = drag;
                            }
                        } else {
                            document.onmouseup = dragend;
                            document.onmousemove = drag;
                        }
                    } else {
                        Layx.restore(id);
                    }
                }
            }
            return false;
        };
        if (Utils.isSupportTouch) {
            handle.ontouchstart = dragstart;
            if (Utils.IsPC()) {
                handle.onmousedown = dragstart;
            }
        } else {
            handle.onmousedown = dragstart;
        }
    };
    win.layx = {
        v: (function () {
            return Layx.version;
        })(),
        open: function (options) {
            var winform = Layx.create(options);
            return winform;
        },
        html: function (id, title, content, options) {
            var winform = Layx.create(layxDeepClone({}, {
                id: id,
                title: title,
                type: 'html',
                content: content
            }, options || {}));
            return winform;
        },
        iframe: function (id, title, url, options) {
            var winform = Layx.create(layxDeepClone({}, {
                id: id,
                title: title,
                type: 'url',
                url: url,
                useFrameTitle: title === true ? true : false
            }, options || {}));
            return winform;
        },
        group: function (id, frames, frameIndex, options) {
            var winform = Layx.create(layxDeepClone({}, {
                id: id,
                type: 'group',
                frames: frames,
                frameIndex: typeof frameIndex === "number" ? (frameIndex > frames.length ? 0 : frameIndex) : 0
            }, options || {}));
            return winform;
        },
        windows: function () {
            return Layx.windows;
        },
        getWindow: function (id) {
            return Layx.windows[id];
        },
        destroy: function (id, params, force) {
            Layx.destroy(id, params, false, false, force);
        },
        visual: function (id, status, params) {
            Layx.visual(id, status, params);
        },
        min: function (id) {
            Layx.min(id);
        },
        max: function (id) {
            Layx.max(id);
        },
        setTitle: function (id, title, useFrameTitle) {
            Layx.setTitle(id, title, useFrameTitle);
        },
        flicker: function (id) {
            Layx.flicker(id);
        },
        restore: function (id) {
            Layx.restore(id);
        },
        updateZIndex: function (id) {
            Layx.updateZIndex(id);
        },
        updateMinLayout: function () {
            Layx.updateMinLayout();
        },
        stickToggle: function (id) {
            Layx.stickToggle(id);
        },
        setPosition: function (id, position) {
            Layx.setPosition(id, position);
        },
        getFrameContext: function (id) {
            return Layx.getFrameContext(id);
        },
        getParentContext: function (id) {
            return Layx.getParentContext(id);
        },
        setContent: function (id, content, cloneElementContent) {
            Layx.setContent(id, content, cloneElementContent);
        },
        setUrl: function (id, url) {
            Layx.setUrl(id, url);
        },
        setGroupContent: function (id, frameId, content, cloneElementContent) {
            Layx.setGroupContent(id, frameId, content, cloneElementContent);
        },
        setGroupTitle: function (id, frameId, title, useFrameTitle) {
            Layx.setGroupTitle(id, frameId, title, useFrameTitle);
        },
        setGroupUrl: function (id, frameId, url) {
            Layx.setGroupUrl(id, frameId, url);
        },
        setGroupIndex: function (id, frameId) {
            Layx.setGroupIndex(id, frameId);
        },
        getGroupFrameContext: function (id, frameId) {
            return Layx.getGroupFrameContext(id, frameId);
        },
        destroyAll: function () {
            Layx.destroyAll();
        },
        tip: function (msg, target, direction, options) {
            Layx.tip(msg, target, direction, options);
        },
        msg: function (msg, options) {
            return Layx.msg(msg, options);
        },
        alert: function (title, msg, yes, options) {
            return Layx.alert(title, msg, yes, options);
        },
        confirm: function (title, msg, yes, options) {
            return Layx.confirm(title, msg, yes, options);
        },
        getPromptTextArea: function (id) {
            return Layx.getPromptTextArea(id);
        },
        prompt: function (title, msg, yes, defaultValue, options) {
            return Layx.prompt(title, msg, yes, defaultValue, options);
        },
        load: function (id, msg, options) {
            return Layx.load(id, msg, options);
        },
        multiLine: function (f) {
            return f.toString().replace(/^[^\/]+\/\*!?\s?/, '').replace(/\*\/[^\/]+$/, '');
        },
        reloadFrame: function (id) {
            Layx.reloadFrame(id);
        },
        reloadGroupFrame: function (id, frameId) {
            Layx.reloadGroupFrame(id, frameId);
        },
        setButtonStatus: function (id, buttonId, isEnable) {
            Layx.setButtonStatus(id, buttonId, isEnable);
        },
        updateFloatWinPosition: function (id, direction) {
            Layx.updateFloatWinPosition(id, direction);
        },
        getElementPos: function (ele) {
            return Utils.getElementPos(ele);
        },
        destroyInlay: function (id) {
            Layx.destroyInlay(id);
        },
        checkVisual: function (pEle, ele, allContain) {
            return Utils.checkElementIsVisual(pEle, ele, allContain);
        },
        getButton: function (id, buttonId) {
            return Layx.getButton(id, buttonId);
        },
        setSize: function (id, area) {
            Layx.setSize(id, area);
        }
    };
    win.document.addEventListener("keydown", function (event) {
        var e = event || window.event || arguments.callee.caller.arguments[0];
        var focusWindow = Layx.windows[Layx.focusId];
        if (e && e.keyCode == 27) {
            if (focusWindow) {
                Layx.destroy(Layx.focusId, {}, false, true);
            }
        }
        if (e && e.keyCode === 13) {
            if (focusWindow && focusWindow.buttons.length > 0) {
                if (focusWindow.buttonKey.toLowerCase() === "enter" && !e.ctrlKey) {
                    if (focusWindow.dialogType !== "prompt") {
                        focusWindow.buttons[0].callback(focusWindow.id, Layx.getButton(focusWindow.id, focusWindow.buttons[0].id, e));
                    } else {
                        var textarea = Layx.getPromptTextArea(focusWindow.id);
                        focusWindow.buttons[0].callback(focusWindow.id, (textarea ? textarea.value : "").replace(/(^\s*)|(\s*$)/g, ""), textarea, Layx.getButton(focusWindow.id, focusWindow.buttons[0].id, e));
                    }
                } else if (focusWindow.buttonKey.toLowerCase() === "ctrl+enter" && e.ctrlKey) {
                    if (focusWindow.dialogType !== "prompt") {
                        focusWindow.buttons[0].callback(focusWindow.id, Layx.getButton(focusWindow.id, focusWindow.buttons[0].id, e));
                    } else {
                        var textarea = Layx.getPromptTextArea(focusWindow.id);
                        focusWindow.buttons[0].callback(focusWindow.id, (textarea ? textarea.value : "").replace(/(^\s*)|(\s*$)/g, ""), textarea, Layx.getButton(focusWindow.id, focusWindow.buttons[0].id, e));
                    }
                }
            }
        }
    }, false);
})(top, window, self);
;
!(function (global) {
    var extend,
        _extend,
        _isObject;
    _isObject = function (o) {
        return Object.prototype.toString.call(o) === '[object Object]';
    };
    _extend = function self(destination, source) {
        var property;
        for (property in destination) {
            if (destination.hasOwnProperty(property)) {
                if (_isObject(destination[property]) && _isObject(source[property])) {
                    self(destination[property], source[property]);
                }
                if (source.hasOwnProperty(property)) {
                    continue;
                } else {
                    source[property] = destination[property];
                }
            }
        }
    };
    extend = function () {
        var arr = arguments,
            result = {},
            i;
        if (!arr.length)
            return {};
        for (i = arr.length - 1; i >= 0; i--) {
            if (_isObject(arr[i])) {
                _extend(arr[i], result);
            }
        }
        arr[0] = result;
        return result;
    };
    global.layxDeepClone = extend;
})(window);
;
!(function (window) {
    var svgSprite = '<svg><symbol id="layx-icon-warn" viewBox="0 0 1044 1024"><path d="M589.8368 120.10666667q2.88 4.8 19.68 33.12t42.24 71.52 57.12 97.92 65.28 111.84 66.72 113.28 60.48 103.2 47.04 80.64 27.36 46.08q14.4 24 17.76 48t-2.88 43.2-22.08 31.2-38.88 11.04q-11.52 0-48.96-0.48t-90.24-0.48l-120 0-135.36 0q-69.12 0-137.28 0.48t-126.72 0.48l-102.72 0-65.28 0q-36.48 0-56.16-12.48t-26.4-32.16-1.44-42.72 18.72-43.2q6.72-10.56 26.4-43.2t47.52-79.2 61.44-102.72 68.16-114.24 67.2-112.8 58.56-98.88 43.2-72.96l20.16-33.6q13.44-21.12 35.04-32.16t44.64-11.04 44.64 10.08 35.04 30.24zM565.8368 308.26666667q0-11.52-5.28-21.6t-13.92-18.24-19.68-12.96-22.56-4.8q-22.08 0-40.8 17.28t-18.72 39.36l0 251.52q0 22.08 18.72 39.84t40.8 17.76q23.04 0 42.24-16.8t19.2-38.88l0-252.48zM504.3968 673.06666667q-24.96 0-42.72 17.28t-17.76 42.24 17.76 42.72 42.72 17.76 42.24-17.76 17.28-42.72-17.28-42.24-42.24-17.28z"  ></path></symbol><symbol id="layx-icon-help" viewBox="0 0 1024 1024"><path d="M512.697383 63.444984c-247.538793 0-448.208115 200.649879-448.208115 448.208115 0 247.520373 200.66932199 448.208115 448.208115 448.20811499s448.208115-200.68774199 448.20811499-448.20811499C960.90549801 264.094864 760.236176 63.444984 512.697383 63.444984zM510.98846199 735.138056c-25.550932 0-46.25958-21.30114199-46.25958-47.563272s20.708648-47.563272 46.25958-47.563272c25.56116599 0 46.269813 21.30114199 46.26981301 47.563272S536.548604 735.138056 510.98846199 735.138056zM640.211569 436.222129c-6.383384 12.29195401-13.970176 22.86986999-22.75116701 31.769564-8.78098999 8.936533-24.55730201 23.927969-47.29925899 45.046962-6.291287 5.945409-11.334139 11.161201-15.11934899 15.684214-3.792373 4.48719799-6.619768 8.608052-8.46274201 12.365632-1.868557 3.71971799-3.291976 7.47729799-4.303003 11.197016-1.013073 3.756557-2.543939 10.32208999-4.57929499 19.73343699-3.518127 19.95037801-14.524808 29.910217-33.02720802 29.91021701-9.611915 0-17.70831401-3.24797401-24.26565998-9.775644-6.573719-6.529717-9.848299-16.194844-9.84829901-29.071106 0-16.086373 2.39862999-30.05552601 7.204076-41.83685101 4.814656-11.818163 11.18882999-22.177092 19.150152-31.07678599 7.960299-8.89969399 18.684548-19.514449 32.17991-31.806403 11.835559-10.724249 20.39858601-18.821671 25.660426-24.293289 5.287423-5.470595 9.72038601-11.562337 13.32344701-18.273179 3.610224-6.711865 5.415336-14.007015 5.415336-21.84861101 0-15.355733-5.508457-28.305673-16.50388201-38.84572699-11.016915-10.541077-25.205055-15.830547-42.594097-15.830547-20.354584 0-35.33578599 5.325285-44.94770099 15.975856-9.62010199 10.650571-17.754363 26.29794599-24.42017901 47.05264199-6.291287 21.66646199-18.219967 32.49918199-35.791158 32.49918201-10.349719 0-19.10308-3.793396-26.217105-11.380188-7.121188-7.586792-10.6782-15.793708-10.6782-24.583908 0-18.237363 5.635347-36.694737 16.915251-55.405891 11.279904-18.67533799 27.757181-34.17638 49.396014-46.43251901 21.63064599-12.292977 46.888913-18.420535 75.742055-18.42053499 26.825972 0 50.489928 5.143137 71.025637 15.392572 20.534685 10.249435 36.39286199 24.219611 47.580668 41.83685099 11.189853 17.654079 16.788361 36.839023 16.78836099 57.557904C649.785621 409.668357 646.593929 423.96701401 640.211569 436.222129z"  ></path></symbol><symbol id="layx-icon-right" viewBox="0 0 1024 1024"><path d="M511.59752247 82.09957256c-237.19528125 0-429.47861308 192.28333184-429.4786131 429.47771397 0 237.19528125 192.28333184 429.47771396 429.47861309 429.47771396 237.19438213 0 429.47681484-192.28153271 429.47681485-429.47771396C941.07343818 274.38380352 748.79100547 82.09957256 511.59752247 82.09957256zM416.15603193 750.07218711L225.32791396 559.24676651l47.61641602-47.61641602L416.15603193 654.84205332l334.09018653-334.09198564 47.6155169 47.61461689L416.15603193 750.07218711z"  ></path></symbol><symbol id="layx-icon-restore" viewBox="0 0 1157 1024"><path d="M1016.52185234 724.44050175L833.87364805 724.44050175 833.87364805 898.52098643 833.87364805 960.05279112 833.87364805 961.2211168 772.34184336 961.2211168 772.34184336 960.05279112 124.31068789 960.05279112 124.31068789 961.2211168 62.7788832 961.2211168 62.7788832 960.05279112 62.7788832 898.52098643 62.7788832 360.31241885 62.7788832 298.78061416 124.31068789 298.78061416 298.78061416 298.78061416 298.78061416 62.7788832 303.06447442 62.7788832 360.31241885 62.7788832 1016.52185234 62.7788832 1074.15923838 62.7788832 1078.05365615 62.7788832 1078.05365615 662.90869795 1078.05365615 724.44050175 1016.52185234 724.44050175ZM124.31068789 898.52098643L772.34184336 898.52098643 772.34184336 724.44050175 772.34184336 662.90869795 772.34184336 360.31241885 124.31068789 360.31241885 124.31068789 898.52098643ZM1016.52185234 124.31068789L360.31241885 124.31068789 360.31241885 298.78061416 772.34184336 298.78061416 833.87364805 298.78061416 833.87364805 360.31241885 833.87364805 662.90869795 1016.52185234 662.90869795 1016.52185234 124.31068789Z"  ></path></symbol><symbol id="layx-icon-reload" viewBox="0 0 1024 1024"><path d="M919.8125 399.5L751.0625 399.5c-23.203125 0-42.1875-18.984375-42.1875-42.1875 0-23.203125 18.984375-42.1875 42.1875-42.1875l68.90625 0C755.28125 213.875 641.375 146.375 512 146.375c-201.796875 0-365.625 163.828125-365.625 365.625 0 201.796875 163.828125 365.625 365.625 365.625 196.875 0 357.890625-156.09375 364.921875-351.5625l0.703125 0c0-23.203125 18.984375-42.1875 42.1875-42.1875 23.203125 0 42.1875 18.984375 42.1875 42.1875 0 2.8125 0 5.625-0.703125 7.734375C950.046875 772.15625 753.171875 962 512 962 263.796875 962 62 760.203125 62 512 62 263.796875 263.796875 62 512 62c150.46875 0 284.0625 73.828125 365.625 187.734375L877.625 188.5625c0-23.203125 18.984375-42.1875 42.1875-42.1875 23.203125 0 42.1875 18.984375 42.1875 42.1875l0 168.75C962 380.515625 943.015625 399.5 919.8125 399.5z"  ></path></symbol><symbol id="layx-icon-default-icon" viewBox="0 0 1024 1024"><path d="M891.88743395 61.93952995L132.11256605 61.93952995c-38.92547129 0-70.60411733 31.65534435-70.60411734 70.5924665L61.50844871 891.46800355c0 38.91382045 31.67864605 70.59246649 70.60411734 70.5924665l759.7748679 0c38.92547129 0 70.60411733-31.67864605 70.60411734-70.5924665L962.49155129 132.53199645C962.49155129 93.59487431 930.81290525 61.93952995 891.88743395 61.93952995zM844.02576498 142.29540409c16.71896178 0 30.25724302 13.54993209 30.25724302 30.26889386 0 16.70731093-13.53828125 30.25724302-30.25724302 30.25724303s-30.25724302-13.54993209-30.25724303-30.25724303C813.76852195 155.84533618 827.3068032 142.29540409 844.02576498 142.29540409zM735.60300658 142.29540409c16.71896178 0 30.25724302 13.54993209 30.25724302 30.26889386 0 16.70731093-13.53828125 30.25724302-30.25724302 30.25724303s-30.25724302-13.54993209-30.25724303-30.25724303C705.34576355 155.84533618 718.8840448 142.29540409 735.60300658 142.29540409zM881.80945351 881.37837227L142.19054649 881.37837227 142.19054649 277.92288427l739.60725618 0L881.79780267 881.37837227zM758.85809209 638.26020125l-0.01165084-180.19196018 90.09598008 90.09598008L758.85809209 638.26020125zM265.15355875 638.26020125l-90.09598008-90.0959801 90.08432924-90.08432924L265.15355875 638.26020125z"  ></path></symbol><symbol id="layx-icon-min" viewBox="0 0 1024 1024"><path d="M65.23884 456.152041 958.760137 456.152041l0 111.695918L65.23884 567.847959 65.23884 456.152041z"  ></path></symbol><symbol id="layx-icon-max" viewBox="0 0 1024 1024"><path d="M75.74912227 948.24738475L75.74912227 75.75145131l872.50059037 0 0 872.49593344L75.74912227 948.24738475zM839.18786674 184.81446115L184.81213326 184.81446115l0 654.37573462 654.37573461 0L839.18786674 184.81446115z"  ></path></symbol><symbol id="layx-icon-debug" viewBox="0 0 1024 1024"><path d="M990.18635001 578.93861562c0 10.3648125-3.782715 19.33089375-11.35486126 26.90304001-7.57310531 7.57310531-16.5372675 11.3606175-26.89728375 11.3606175L818.04354219 617.20227312c0 68.14739625-13.34551219 125.92518281-40.04900719 173.34295313l124.32690656 124.934175c7.57214625 7.56159281 11.3606175 16.53247125 11.3606175 26.89728375 0 10.36001625-3.782715 19.32609657-11.3606175 26.89824281-7.17497531 7.56159281-16.13434125 11.350065-26.89728375 11.350065-10.75814625 0-19.72518656-3.78847125-26.89728375-11.350065L730.17287844 851.51860625c-1.99161001 1.98585375-4.97710594 4.578975-8.96128407 7.765935-3.9928125 3.186-12.3564225 8.872065-25.11097499 17.03612906-12.74879625 8.17078031-25.70193375 15.44360906-38.84982 21.82136531-13.1526825 6.37295906-29.49616125 12.15591844-49.02180283 17.33736563-19.52564156 5.17281281-38.85653531 7.76785313-57.97733155 7.76785312L550.251665 387.6750125l-76.51100531 0 0 535.57224188c-20.31422719 0-40.54690875-2.69481281-60.66351-8.07676407-20.13099094-5.376195-37.46260031-11.95253625-52.00921781-19.72422656-14.54853562-7.77169125-27.69546281-15.53666625-39.44749501-23.31315376-11.75778844-7.77265031-20.419755-14.24346281-26.0060475-19.4201128l-8.96128406-8.3741625L177.26614999 968.07478156c-7.96931719 8.36360906-17.53115344 12.55021125-28.69318593 12.55021125-9.56375531 0-18.12691031-3.19175625-25.69617844-9.56471531-7.57406437-7.17401625-11.659935-16.040325-12.26336531-26.59892625-0.59383781-10.55956031 2.49334969-19.82208094 9.27499125-27.79427531l120.73797938-135.68176782c-23.10977156-45.43575469-34.66897406-100.03041937-34.66897407-163.79071031L72.06771406 617.19459781c-10.36673156 0-19.32801562-3.78847125-26.89728375-11.35486124-7.57406437-7.5769425-11.36253657-16.5382275-11.36253656-26.90304 0-10.36001625 3.78847125-19.33089375 11.36253656-26.89632469 7.56926812-7.56830906 16.53055219-11.35102406 26.89728375-11.35102407l133.88874375 0L205.95645781 364.95953375l-103.40828906-103.40828906c-7.57022719-7.57310531-11.35678031-16.5382275-11.35678031-26.89824281 0-10.35905625 3.79134938-19.33089375 11.35678031-26.89728376 7.56734906-7.57214625 16.53630844-11.36541469 26.89824281-11.36541469 10.36577156 0 19.32417844 3.79902469 26.89920188 11.3654147l103.40828906 103.40828906 504.49507219 0 103.40924812-103.40828907c7.56639001-7.57214625 16.53055219-11.36541469 26.89728375-11.36541469 10.36001625 0 19.32897469 3.79902469 26.89632469 11.36541469 7.57310531 7.56639001 11.36157655 16.5382275 11.36157656 26.89728375 0 10.36001625-3.78847125 19.32609657-11.36157656 26.89824282l-103.40828906 103.40828906 0 175.73269312 133.88970281 0c10.3648125 0 19.32993469 3.782715 26.89728375 11.35678032 7.57214625 7.56543094 11.3606175 16.53630844 11.3606175 26.89056843l0 0L990.18635001 578.93861562 990.18635001 578.93861562zM703.26983938 234.64820469L320.72056719 234.64820469c0-52.99351031 18.62960906-98.12611031 55.89074625-135.38820656 37.25058375-37.26209625 82.3899-55.88594906 135.38532843-55.88594907 52.99638844 0 98.13570375 18.62385281 135.38724751 55.88594907C684.64694563 136.52113438 703.26983938 181.65469437 703.26983938 234.64820469L703.26983938 234.64820469 703.26983938 234.64820469 703.26983938 234.64820469z"  ></path></symbol><symbol id="layx-icon-destroy" viewBox="0 0 1024 1024"><path d="M933.89254819 139.71606348L884.23129279 90.08990363 511.96490363 462.39138834 140.40044113 90.82692583 90.84447403 140.34779656 462.40893653 511.91225907 90.10745181 884.2137446 139.73361166 933.875 512.03509637 561.53841892 883.59955887 933.10288141 933.15552597 883.58201068 561.59106347 512.01754819Z"  ></path></symbol><symbol id="layx-icon-error" viewBox="0 0 1024 1024"><path d="M482 50.66666667C235.99999999 50.66666667 32 254.66666667 32 500.66666667s204.00000001 450 450 450 450-204.00000001 450-450S728 50.66666667 482 50.66666667z m192 576c18 18 18 42 0 60-18 18-42 18-60 0L488 560.66666667 356 692.66666667c-18 18-48 18-66 0-18-18-18-48 0-66L422 494.66666667 296 368.66666667c-18-18-18-42 0-60 18-18 42-18 60 0L482 434.66666667l132-132c18-18 48-18 66 0 18 18 18 48-1e-8 66L548 500.66666667l126 126z" fill="" ></path></symbol><symbol id="layx-icon-stick" viewBox="0 0 1024 1024"><path d="M863.92416068 184.3484319H160.07583932a50.27488011 50.27488011 0 0 1 0-100.5497602h703.84832136a50.27488011 50.27488011 0 0 1 0 100.5497602z m-50.27488007 804.39808157a50.22460522 50.22460522 0 0 1-35.69516489-14.57971521L512 708.21268254l-265.95411572 265.95411572A50.27488011 50.27488011 0 0 1 160.07583932 938.47163339V335.1730722a50.27488011 50.27488011 0 0 1 50.27488007-50.27488013h603.29856122a50.27488011 50.27488011 0 0 1 50.27488007 50.27488013v603.29856119a50.27488011 50.27488011 0 0 1-50.27488007 50.27488008z m-301.64928061-402.19904078a50.22460522 50.22460522 0 0 1 35.69516487 14.57971522L763.37440051 816.80642355V385.44795228H260.62559949v431.86122007l215.67923564-215.67923564A50.27488011 50.27488011 0 0 1 512 586.54747269z"  ></path></symbol></svg>';
    var script = function () {
        var scripts = document.getElementsByTagName("script");
        return scripts[scripts.length - 1];
    }();
    var shouldInjectCss = script.getAttribute("data-injectcss");
    var ready = function (fn) {
        if (document.addEventListener) {
            if (~["complete", "loaded", "interactive"].indexOf(document.readyState)) {
                setTimeout(fn, 0);
            } else {
                var loadFn = function () {
                    document.removeEventListener("DOMContentLoaded", loadFn, false);
                    fn();
                };
                document.addEventListener("DOMContentLoaded", loadFn, false);
            }
        } else if (document.attachEvent) {
            IEContentLoaded(window, fn);
        }
        function IEContentLoaded(w, fn) {
            var d = w.document,
                done = false,
                init = function () {
                    if (!done) {
                        done = true;
                        fn();
                    }
                };
            var polling = function () {
                try {
                    d.documentElement.doScroll("left");
                } catch (e) {
                    setTimeout(polling, 50);
                    return;
                }
                init();
            };
            polling();
            d.onreadystatechange = function () {
                if (d.readyState == "complete") {
                    d.onreadystatechange = null;
                    init();
                }
            };
        }
    };
    var before = function (el, target) {
        target.parentNode.insertBefore(el, target);
    };
    var prepend = function (el, target) {
        if (target.firstChild) {
            before(el, target.firstChild);
        } else {
            target.appendChild(el);
        }
    };
    function appendSvg() {
        var div,
            svg;
        div = document.createElement("div");
        div.innerHTML = svgSprite;
        svgSprite = null;
        svg = div.getElementsByTagName("svg")[0];
        if (svg) {
            svg.setAttribute("aria-hidden", "true");
            svg.style.position = "absolute";
            svg.style.width = 0;
            svg.style.height = 0;
            svg.style.overflow = "hidden";
            prepend(svg, document.body);
        }
    }
    if (shouldInjectCss && !window.__iconfont__svg__cssinject__) {
        window.__iconfont__svg__cssinject__ = true;
        try {
            document.write("<style>.svgfont {display: inline-block;width: 1em;height: 1em;fill: currentColor;vertical-align: -0.1em;font-size:16px;}</style>");
        } catch (e) {
            console && console.log(e);
        }
    }
    ready(appendSvg);
})(window);