添加复制插件zclip

skyeye-web/src/main/webapp/assets/lib/layui/lay/modules/jquery.zclip.js

+layui.define(["jquery"], function(exports) {
+	var jQuery = layui.jquery;
+	(function($) {
+		/*
+		 * zClip :: jQuery ZeroClipboard v1.1.1
+		 * http://steamdev.com/zclip
+		 *
+		 * Copyright 2011, SteamDev
+		 * Released under the MIT license.
+		 * http://www.opensource.org/licenses/mit-license.php
+		 *
+		 * Date: Wed Jun 01, 2011
+		 */
+
+
+		(function ($) {
+
+		    $.fn.zclip = function (params) {
+
+		        if (typeof params == "object" && !params.length) {
+
+		            var settings = $.extend({
+
+		                path: 'ZeroClipboard.swf',
+		                copy: null,
+		                beforeCopy: null,
+		                afterCopy: null,
+		                clickAfter: true,
+		                setHandCursor: true,
+		                setCSSEffects: true
+
+		            }, params);
+					
+
+		            return this.each(function () {
+
+		                var o = $(this);
+
+		                if (o.is(':visible') && (typeof settings.copy == 'string' || $.isFunction(settings.copy))) {
+
+		                    ZeroClipboard.setMoviePath(settings.path);
+		                    var clip = new ZeroClipboard.Client();
+		                    
+		                    if($.isFunction(settings.copy)){
+		                    	o.bind('zClip_copy',settings.copy);
+		                    }
+		                    if($.isFunction(settings.beforeCopy)){
+		                    	o.bind('zClip_beforeCopy',settings.beforeCopy);
+		                    }
+		                    if($.isFunction(settings.afterCopy)){
+		                    	o.bind('zClip_afterCopy',settings.afterCopy);
+		                    }                    
+
+		                    clip.setHandCursor(settings.setHandCursor);
+		                    clip.setCSSEffects(settings.setCSSEffects);
+		                    clip.addEventListener('mouseOver', function (client) {
+		                        o.trigger('mouseenter');
+		                    });
+		                    clip.addEventListener('mouseOut', function (client) {
+		                        o.trigger('mouseleave');
+		                    });
+		                    clip.addEventListener('mouseDown', function (client) {
+
+		                        o.trigger('mousedown');
+		                        
+					if(!$.isFunction(settings.copy)){
+					   clip.setText(settings.copy);
+					} else {
+					   clip.setText(o.triggerHandler('zClip_copy'));
+					}                        
+		                        
+		                        if ($.isFunction(settings.beforeCopy)) {
+		                            o.trigger('zClip_beforeCopy');                            
+		                        }
+
+		                    });
+
+		                    clip.addEventListener('complete', function (client, text) {
+
+		                        if ($.isFunction(settings.afterCopy)) {
+		                            
+		                            o.trigger('zClip_afterCopy');
+
+		                        } else {
+		                            if (text.length > 500) {
+		                                text = text.substr(0, 500) + "...\n\n(" + (text.length - 500) + " characters not shown)";
+		                            }
+									
+					    o.removeClass('hover');
+		                            alert("Copied text to clipboard:\n\n " + text);
+		                        }
+
+		                        if (settings.clickAfter) {
+		                            o.trigger('click');
+		                        }
+
+		                    });
+
+							
+		                    clip.glue(o[0], o.parent()[0]);
+							
+				    $(window).bind('load resize',function(){clip.reposition();});
+							
+
+		                }
+
+		            });
+
+		        } else if (typeof params == "string") {
+
+		            return this.each(function () {
+
+		                var o = $(this);
+
+		                params = params.toLowerCase();
+		                var zclipId = o.data('zclipId');
+		                var clipElm = $('#' + zclipId + '.zclip');
+
+		                if (params == "remove") {
+
+		                    clipElm.remove();
+		                    o.removeClass('active hover');
+
+		                } else if (params == "hide") {
+
+		                    clipElm.hide();
+		                    o.removeClass('active hover');
+
+		                } else if (params == "show") {
+
+		                    clipElm.show();
+
+		                }
+
+		            });
+
+		        }
+
+		    }	
+			
+			
+
+		})(jQuery);
+
+
+
+
+
+
+
+		// ZeroClipboard
+		// Simple Set Clipboard System
+		// Author: Joseph Huckaby
+		var ZeroClipboard = {
+
+		    version: "1.0.7",
+		    clients: {},
+		    // registered upload clients on page, indexed by id
+		    moviePath: 'ZeroClipboard.swf',
+		    // URL to movie
+		    nextId: 1,
+		    // ID of next movie
+		    $: function (thingy) {
+		        // simple DOM lookup utility function
+		        if (typeof(thingy) == 'string') thingy = document.getElementById(thingy);
+		        if (!thingy.addClass) {
+		            // extend element with a few useful methods
+		            thingy.hide = function () {
+		                this.style.display = 'none';
+		            };
+		            thingy.show = function () {
+		                this.style.display = '';
+		            };
+		            thingy.addClass = function (name) {
+		                this.removeClass(name);
+		                this.className += ' ' + name;
+		            };
+		            thingy.removeClass = function (name) {
+		                var classes = this.className.split(/\s+/);
+		                var idx = -1;
+		                for (var k = 0; k < classes.length; k++) {
+		                    if (classes[k] == name) {
+		                        idx = k;
+		                        k = classes.length;
+		                    }
+		                }
+		                if (idx > -1) {
+		                    classes.splice(idx, 1);
+		                    this.className = classes.join(' ');
+		                }
+		                return this;
+		            };
+		            thingy.hasClass = function (name) {
+		                return !!this.className.match(new RegExp("\\s*" + name + "\\s*"));
+		            };
+		        }
+		        return thingy;
+		    },
+
+		    setMoviePath: function (path) {
+		        // set path to ZeroClipboard.swf
+		        this.moviePath = path;
+		    },
+
+		    dispatch: function (id, eventName, args) {
+		        // receive event from flash movie, send to client		
+		        var client = this.clients[id];
+		        if (client) {
+		            client.receiveEvent(eventName, args);
+		        }
+		    },
+
+		    register: function (id, client) {
+		        // register new client to receive events
+		        this.clients[id] = client;
+		    },
+
+		    getDOMObjectPosition: function (obj, stopObj) {
+		        // get absolute coordinates for dom element
+		        var info = {
+		            left: 0,
+		            top: 0,
+		            width: obj.width ? obj.width : obj.offsetWidth,
+		            height: obj.height ? obj.height : obj.offsetHeight
+		        };
+
+		        if (obj && (obj != stopObj)) {
+					info.left += obj.offsetLeft;
+		            info.top += obj.offsetTop;
+		        }
+
+		        return info;
+		    },
+
+		    Client: function (elem) {
+		        // constructor for new simple upload client
+		        this.handlers = {};
+
+		        // unique ID
+		        this.id = ZeroClipboard.nextId++;
+		        this.movieId = 'ZeroClipboardMovie_' + this.id;
+
+		        // register client with singleton to receive flash events
+		        ZeroClipboard.register(this.id, this);
+
+		        // create movie
+		        if (elem) this.glue(elem);
+		    }
+		};
+
+		ZeroClipboard.Client.prototype = {
+
+		    id: 0,
+		    // unique ID for us
+		    ready: false,
+		    // whether movie is ready to receive events or not
+		    movie: null,
+		    // reference to movie object
+		    clipText: '',
+		    // text to copy to clipboard
+		    handCursorEnabled: true,
+		    // whether to show hand cursor, or default pointer cursor
+		    cssEffects: true,
+		    // enable CSS mouse effects on dom container
+		    handlers: null,
+		    // user event handlers
+		    glue: function (elem, appendElem, stylesToAdd) {
+		        // glue to DOM element
+		        // elem can be ID or actual DOM element object
+		        this.domElement = ZeroClipboard.$(elem);
+
+		        // float just above object, or zIndex 99 if dom element isn't set
+		        var zIndex = 99;
+		        if (this.domElement.style.zIndex) {
+		            zIndex = parseInt(this.domElement.style.zIndex, 10) + 1;
+		        }
+
+		        if (typeof(appendElem) == 'string') {
+		            appendElem = ZeroClipboard.$(appendElem);
+		        } else if (typeof(appendElem) == 'undefined') {
+		            appendElem = document.getElementsByTagName('body')[0];
+		        }
+
+		        // find X/Y position of domElement
+		        var box = ZeroClipboard.getDOMObjectPosition(this.domElement, appendElem);
+
+		        // create floating DIV above element
+		        this.div = document.createElement('div');
+		        this.div.className = "zclip";
+		        this.div.id = "zclip-" + this.movieId;
+		        $(this.domElement).data('zclipId', 'zclip-' + this.movieId);
+		        var style = this.div.style;
+		        style.position = 'absolute';
+		        style.left = '' + box.left + 'px';
+		        style.top = '' + box.top + 'px';
+		        style.width = '' + box.width + 'px';
+		        style.height = '' + box.height + 'px';
+		        style.zIndex = zIndex;
+
+		        if (typeof(stylesToAdd) == 'object') {
+		            for (addedStyle in stylesToAdd) {
+		                style[addedStyle] = stylesToAdd[addedStyle];
+		            }
+		        }
+
+		        // style.backgroundColor = '#f00'; // debug
+		        appendElem.appendChild(this.div);
+
+		        this.div.innerHTML = this.getHTML(box.width, box.height);
+		    },
+
+		    getHTML: function (width, height) {
+		        // return HTML for movie
+		        var html = '';
+		        var flashvars = 'id=' + this.id + '&width=' + width + '&height=' + height;
+
+		        if (navigator.userAgent.match(/MSIE/)) {
+		            // IE gets an OBJECT tag
+		            var protocol = location.href.match(/^https/i) ? 'https://' : 'http://';
+		            html += '<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="' + protocol + 'download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" width="' + width + '" height="' + height + '" id="' + this.movieId + '" align="middle"><param name="allowScriptAccess" value="always" /><param name="allowFullScreen" value="false" /><param name="movie" value="' + ZeroClipboard.moviePath + '" /><param name="loop" value="false" /><param name="menu" value="false" /><param name="quality" value="best" /><param name="bgcolor" value="#ffffff" /><param name="flashvars" value="' + flashvars + '"/><param name="wmode" value="transparent"/></object>';
+		        } else {
+		            // all other browsers get an EMBED tag
+		            html += '<embed id="' + this.movieId + '" src="' + ZeroClipboard.moviePath + '" loop="false" menu="false" quality="best" bgcolor="#ffffff" width="' + width + '" height="' + height + '" name="' + this.movieId + '" align="middle" allowScriptAccess="always" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" flashvars="' + flashvars + '" wmode="transparent" />';
+		        }
+		        return html;
+		    },
+
+		    hide: function () {
+		        // temporarily hide floater offscreen
+		        if (this.div) {
+		            this.div.style.left = '-2000px';
+		        }
+		    },
+
+		    show: function () {
+		        // show ourselves after a call to hide()
+		        this.reposition();
+		    },
+
+		    destroy: function () {
+		        // destroy control and floater
+		        if (this.domElement && this.div) {
+		            this.hide();
+		            this.div.innerHTML = '';
+
+		            var body = document.getElementsByTagName('body')[0];
+		            try {
+		                body.removeChild(this.div);
+		            } catch (e) {;
+		            }
+
+		            this.domElement = null;
+		            this.div = null;
+		        }
+		    },
+
+		    reposition: function (elem) {
+		        // reposition our floating div, optionally to new container
+		        // warning: container CANNOT change size, only position
+		        if (elem) {
+		            this.domElement = ZeroClipboard.$(elem);
+		            if (!this.domElement) this.hide();
+		        }
+
+		        if (this.domElement && this.div) {
+		            var box = ZeroClipboard.getDOMObjectPosition(this.domElement);
+		            var style = this.div.style;
+		            style.left = '' + box.left + 'px';
+		            style.top = '' + box.top + 'px';
+		        }
+		    },
+
+		    setText: function (newText) {
+		        // set text to be copied to clipboard
+		        this.clipText = newText;
+		        if (this.ready) {
+		            this.movie.setText(newText);
+		        }
+		    },
+
+		    addEventListener: function (eventName, func) {
+		        // add user event listener for event
+		        // event types: load, queueStart, fileStart, fileComplete, queueComplete, progress, error, cancel
+		        eventName = eventName.toString().toLowerCase().replace(/^on/, '');
+		        if (!this.handlers[eventName]) {
+		            this.handlers[eventName] = [];
+		        }
+		        this.handlers[eventName].push(func);
+		    },
+
+		    setHandCursor: function (enabled) {
+		        // enable hand cursor (true), or default arrow cursor (false)
+		        this.handCursorEnabled = enabled;
+		        if (this.ready) {
+		            this.movie.setHandCursor(enabled);
+		        }
+		    },
+
+		    setCSSEffects: function (enabled) {
+		        // enable or disable CSS effects on DOM container
+		        this.cssEffects = !! enabled;
+		    },
+
+		    receiveEvent: function (eventName, args) {
+		        // receive event from flash
+		        eventName = eventName.toString().toLowerCase().replace(/^on/, '');
+
+		        // special behavior for certain events
+		        switch (eventName) {
+		        case 'load':
+		            // movie claims it is ready, but in IE this isn't always the case...
+		            // bug fix: Cannot extend EMBED DOM elements in Firefox, must use traditional function
+		            this.movie = document.getElementById(this.movieId);
+		            if (!this.movie) {
+		                var self = this;
+		                setTimeout(function () {
+		                    self.receiveEvent('load', null);
+		                }, 1);
+		                return;
+		            }
+
+		            // firefox on pc needs a "kick" in order to set these in certain cases
+		            if (!this.ready && navigator.userAgent.match(/Firefox/) && navigator.userAgent.match(/Windows/)) {
+		                var self = this;
+		                setTimeout(function () {
+		                    self.receiveEvent('load', null);
+		                }, 100);
+		                this.ready = true;
+		                return;
+		            }
+
+		            this.ready = true;
+		            try {
+		                this.movie.setText(this.clipText);
+		            } catch (e) {}
+		            try {
+		                this.movie.setHandCursor(this.handCursorEnabled);
+		            } catch (e) {}
+		            break;
+
+		        case 'mouseover':
+		            if (this.domElement && this.cssEffects) {
+		                this.domElement.addClass('hover');
+		                if (this.recoverActive) {
+		                    this.domElement.addClass('active');
+		                }
+
+
+		            }
+
+
+		            break;
+
+		        case 'mouseout':
+		            if (this.domElement && this.cssEffects) {
+		                this.recoverActive = false;
+		                if (this.domElement.hasClass('active')) {
+		                    this.domElement.removeClass('active');
+		                    this.recoverActive = true;
+		                }
+		                this.domElement.removeClass('hover');
+
+		            }
+		            break;
+
+		        case 'mousedown':
+		            if (this.domElement && this.cssEffects) {
+		                this.domElement.addClass('active');
+		            }
+		            break;
+
+		        case 'mouseup':
+		            if (this.domElement && this.cssEffects) {
+		                this.domElement.removeClass('active');
+		                this.recoverActive = false;
+		            }
+		            break;
+		        } // switch eventName
+		        if (this.handlers[eventName]) {
+		            for (var idx = 0, len = this.handlers[eventName].length; idx < len; idx++) {
+		                var func = this.handlers[eventName][idx];
+
+		                if (typeof(func) == 'function') {
+		                    // actual function reference
+		                    func(this, args);
+		                } else if ((typeof(func) == 'object') && (func.length == 2)) {
+		                    // PHP style object + method, i.e. [myObject, 'myMethod']
+		                    func[0][func[1]](this, args);
+		                } else if (typeof(func) == 'string') {
+		                    // name of function
+		                    window[func](this, args);
+		                }
+		            } // foreach event handler defined
+		        } // user defined handler for event
+		    }
+
+		};	
+
+	})(jQuery);
+	exports('zclip', null);
+});
\ No newline at end of file

skyeye-web/src/main/webapp/assets/lib/layui/layui.js

@@ -117,6 +117,7 @@ function isNull(str){
 	    solr: 'modules/codemirror/solr',//代码格式编辑器solr支持solr
 	    sql: 'modules/codemirror/sql',//代码格式编辑器sql支持sql
 	    vue: 'modules/codemirror/vue',//代码格式编辑器vue支持vue
+	    zclip: 'modules/jquery.zclip',//复制插件
 	};
 
 	// 记录基础数据

skyeye-web/src/main/webapp/js/codemodel/codemodeladd.js

@@ -9,7 +9,18 @@ layui.config({
 		var index = parent.layer.getFrameIndex(window.name); //获取窗口索引
 	    var $ = layui.$,
 	    form = layui.form;
-	    
+
+	    layer.open({
+			type: 1,
+			closeBtn: 0,//关闭按钮
+			resize: false,//是否允许拉伸
+			offset: 'l', // 具体配置参考：offset参数项
+			content: $("#modelContentDiv").html(),
+			area: ['200px', '400px'],
+			shade: 0, //不显示遮罩
+			title: '注意事项'
+		});
+
 	    var editor = CodeMirror.fromTextArea(document.getElementById("modelContent"), {
             mode : "text/x-java",  // 模式
             theme : "eclipse",  // CSS样式选择

skyeye-web/src/main/webapp/tpl/codemodel/codemodeladd.html

@@ -75,6 +75,13 @@
 	        </div>
 	    </form>
 	</div>
+	
+	<div id="modelContentDiv" style="height:auto; position: fixed; left: 10000px;">
+    	模板使用替换事项：<br>
+    	1.${{package}}为包名替换<br>
+    	2.${{tableName}}为Controller、Service等层的类名，类方法。<br>
+    </div>
+	
 	<script src="../../assets/lib/layui/layui.js"></script>
    	<script src="../../assets/lib/layui/custom.js"></script>
    	<script type="text/javascript">