From 66383e59b1a40ad8c1c9d6a459ba804abbfffec7 Mon Sep 17 00:00:00 2001
From: devil_gong <devil_gong@wochacha.com>
Date: Tue, 4 Jun 2019 19:01:01 +0800
Subject: [PATCH] =?UTF-8?q?=E6=96=B0=E5=A2=9E=E7=BB=84=E4=BB=B6=EF=BC=8C?=
 =?UTF-8?q?=E6=8F=92=E4=BB=B6=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../admin/view/default/public/footer.html     |   3 +
 public/static/common/js/common.js             |  27 +
 public/static/common/lib/tdrag/tdrag.js       | 586 ++++++++++++++++++
 public/static/common/lib/tdrag/tdrag.min.js   |   2 +
 4 files changed, 618 insertions(+)
 create mode 100755 public/static/common/lib/tdrag/tdrag.js
 create mode 100755 public/static/common/lib/tdrag/tdrag.min.js

diff --git a/application/admin/view/default/public/footer.html b/application/admin/view/default/public/footer.html
index 654dab913..919224a45 100755
--- a/application/admin/view/default/public/footer.html
+++ b/application/admin/view/default/public/footer.html
@@ -44,6 +44,9 @@
 <!-- 日期组件 -->
 <script type='text/javascript' src="{{$Think.__MY_ROOT_PUBLIC__}}static/common/lib/My97DatePicker/WdatePicker.js"></script>
 
+<!-- 元素拖动 -->
+<script type='text/javascript' src="{{$Think.__MY_ROOT_PUBLIC__}}static/common/lib/tdrag/tdrag.min.js"></script>
+
 <!-- 隐藏编辑器初始化 -->
 <script type="text/javascript">
     var upload_editor = UE.getEditor("upload-editor-view", {
diff --git a/public/static/common/js/common.js b/public/static/common/js/common.js
index 03bc7499f..732808a1b 100755
--- a/public/static/common/js/common.js
+++ b/public/static/common/js/common.js
@@ -1868,6 +1868,7 @@ $(function()
 	                var $tag = $($('body').attr('view-tag'));
 	                var max_number = $tag.data('max-number') || 0;
 	                var is_delete = ($tag.data('delete') == undefined) ? 1 : $tag.data('delete');
+	                var is_attr = $tag.data('is-attr') || null;
 
 	                // 只限制一条
 	                if(max_number <= 1)
@@ -1878,6 +1879,14 @@ $(function()
 	                // 循环处理
 	                for(var i in result)
 	                {
+	                	// 是否直接赋值属性
+	                	if(i == 0 && is_attr != null)
+	                	{
+	                		$tag.attr(is_attr, result[i].src);
+	                		break;
+	                	}
+
+	                	// 是否限制数量
 	                    if(max_number > 0 && $tag.find('li').length >= max_number)
 	                    {
 	                        Prompt('最多上传'+max_number+'张图片');
@@ -1905,6 +1914,7 @@ $(function()
 	                var $tag = $($('body').attr('view-tag'));
 	                var max_number = $tag.data('max-number') || 0;
 	                var is_delete = ($tag.data('delete') == undefined) ? 1 : $tag.data('delete');
+	                var is_attr = $tag.data('is-attr') || null;
 
 	                // 只限制一条
 	                if(max_number <= 1)
@@ -1915,6 +1925,14 @@ $(function()
 	                // 循环处理
 	                for(var i in result)
 	                {
+	                	// 是否直接赋值属性
+	                	if(i == 0 && is_attr != null)
+	                	{
+	                		$tag.attr(is_attr, result[i].src);
+	                		break;
+	                	}
+
+	                	// 是否限制数量
 	                    if(max_number > 0 && $tag.find('li').length >= max_number)
 	                    {
 	                        Prompt('最多上传'+max_number+'个视频');
@@ -1949,6 +1967,7 @@ $(function()
 	                var $tag = $($('body').attr('view-tag'));
 	                var max_number = $tag.data('max-number') || 0;
 	                var is_delete = ($tag.data('delete') == undefined) ? 1 : $tag.data('delete');
+	                var is_attr = $tag.data('is-attr') || null;
 
 	                // 只限制一条
 	                if(max_number <= 1)
@@ -1959,6 +1978,14 @@ $(function()
 	                // 循环处理
 	                for(var i in result)
 	                {
+	                	// 是否直接赋值属性
+	                	if(i == 0 && is_attr != null)
+	                	{
+	                		$tag.attr(is_attr, result[i].src);
+	                		break;
+	                	}
+
+	                	// 是否限制数量
 	                    if(max_number > 0 && $tag.find('li').length >= max_number)
 	                    {
 	                        Prompt('最多上传'+max_number+'个附件');
diff --git a/public/static/common/lib/tdrag/tdrag.js b/public/static/common/lib/tdrag/tdrag.js
new file mode 100755
index 000000000..f0ab2c4aa
--- /dev/null
+++ b/public/static/common/lib/tdrag/tdrag.js
@@ -0,0 +1,586 @@
+/*! Tdrag 0.0.1 */
+/**
+ * Created by Tezml on 2016/5/26
+ * You can modify my source code, if you have a good idea or a problem can be encountered by e-mail: tezml@tezml.com to find me.
+ * 如果你想在项目中使用该插件，请不要删除该注释。
+ */
+;(function($,window,document,undefined){
+    jQuery(function() {
+        //插件制作
+
+
+        $.fn.Tdrag = function (opt) {
+            var call = {
+                scope: null,//父级
+                grid: null,//网格
+                axis:"all",//上下或者左右
+                pos:false,//是否记住位置
+                handle:null,//手柄
+                moveClass:"tezml",//移动时不换位加的class
+                dragChange:false,//是否开启拖拽换位
+                changeMode:"point",//point & sort
+                cbStart:function(){},//移动前的回调函数
+                cbMove:function(){},//移动中的回调函数
+                cbEnd:function(){},//移动结束时候的回调函数
+                random:false,//是否自动随机排序
+                randomInput:null,//点击随机排序的按钮
+                animation_options:{//运动时的参数
+                    duration:800,//每次运动的时间
+                    easing:"ease-out"//移动时的特效，ease-out、ease-in、linear
+                },
+                disable:false,//禁止拖拽
+                disableInput:null//禁止拖拽的按钮
+            };
+            var dragfn = new Dragfn(this, opt);
+            if (opt && $.isEmptyObject(opt) == false) {
+                dragfn.options = $.extend(call, opt);
+            } else {
+                dragfn.options = call;
+            }
+            dragfn.firstRandom=true;
+            var ele = dragfn.$element;
+            dragfn.pack(ele,false);
+            if(dragfn.options.randomInput!=null){
+                $(dragfn.options.randomInput).bind("click",function(){
+                    dragfn.pack(ele,true);
+                })
+            }
+            //加载拓展jquery的函数
+            dragfn.loadJqueryfn()
+        };
+
+        //依赖构造函数
+        var Dragfn = function (ele, opt) {
+            this.$element = ele;
+            this.options = opt;
+        };
+        //构造函数方法
+        Dragfn.prototype = {
+            init: function (obj) {
+                var self = this;
+                self.ele=self.$element;
+                self.handle=$(obj);//手柄
+                self.options = self.options;
+                self.disable = self.options.disable;
+                self._start = false;
+                self._move = false;
+                self._end = false;
+                self.disX = 0;
+                self.disY = 0;
+                self.zIndex=1000;
+                self.moving=false;
+                self.moves="";
+
+
+                //父级
+                self.box = $.type(self.options.scope)==="string" ? self.options.scope : null;
+                //手柄
+                if(self.options.handle!=null){
+                    self.handle=$(obj).find(self.options.handle);
+                }
+
+                //三个事件
+                self.handle.on("mousedown", function (ev) {
+                    self.start(ev, obj);
+                    obj.setCapture && obj.setCapture();
+                    return false;
+                });
+                if(self.options.dragChange) {
+                    $(obj).on("mousemove", function (ev) {
+                        self.move(ev, obj);
+                    });
+                    $(obj).on("mouseup", function (ev) {
+                        self.end(ev, obj);
+                    });
+                }else{
+                    $(document).on("mousemove", function (ev) {
+                        self.move(ev, obj);
+                    });
+                    $(document).on("mouseup", function (ev) {
+                        self.end(ev, obj);
+                    });
+                }
+            },
+            //jquery调取函数时候用
+            loadJqueryfn: function(){
+                var self=this;
+                $.extend({
+                    //返回按照index排序的回调函数
+                    sortBox:function(obj){
+                        var arr=[];
+                        for (var s = 0; s < $(obj).length; s++) {
+                            arr.push($(obj).eq(s));
+                        }
+                        for ( var i = 0; i < arr.length; i++) {
+                            for ( var j = i + 1; j < arr.length; j++) {
+                                if(Number(arr[i].attr("index")) > Number(arr[j].attr("index"))){
+                                    var temp = arr[i];
+                                    arr[i] = arr[j];
+                                    arr[j] = temp;
+                                }
+                            }
+                        }
+                        return arr
+                    },
+                    //随机排序函数
+                    randomfn:function(obj){
+                        self.pack($(obj),true);
+                    },
+                    //开启拖拽
+                    disable_open:function(){
+                        self.disable=false;
+                    },
+                    //禁止拖拽
+                    disable_cloose:function(){
+                        self.disable=true;
+                    }
+                });
+            },
+            toDisable: function(){
+                var self=this;
+                if(self.options.disableInput!=null){
+                    $(self.options.disableInput).bind("click",function(){
+                        if(self.disable==true){
+                            self.disable=false
+                        }else{
+                            self.disable=true
+                        }
+                    })
+                }
+            },
+            start: function (ev, obj) {
+                var self = this;
+                self.moved=obj;
+                if (self.disable == true) {
+                    return false
+                }
+                self._start = true;
+                var oEvent = ev || event;
+                self.disX = oEvent.clientX - obj.offsetLeft;
+                self.disY = oEvent.clientY - obj.offsetTop;
+                $(obj).css("zIndex",self.zIndex++);
+                self.options.cbStart();
+            },
+            move: function (ev, obj) {
+                var self = this;
+                if (self._start != true) {
+                    return false
+                }
+                if(obj!=self.moved){
+                    return false
+                }
+                self._move = true;
+                var oEvent = ev || event;
+                var l = oEvent.clientX - self.disX;
+                var t = oEvent.clientY - self.disY;
+                //有父级限制
+                if (self.box != null) {
+                    var rule = self.collTestBox(obj,self.box);
+                    if (l > rule.lmax) {
+                        l = rule.lmax;
+                    } else if (l < rule.lmin) {
+                        l = rule.lmin;
+                    }
+                    if (t > rule.tmax) {
+                        t = rule.tmax;
+                    } else if (t < rule.tmin) {
+                        t = rule.tmin;
+                    }
+                }
+                if(self.options.axis=="all"){
+                    obj.style.left = self.grid(obj, l, t).left  + 'px';
+                    obj.style.top = self.grid(obj, l, t).top  + 'px';
+                }else if(self.options.axis=="y"){
+                    obj.style.top = self.grid(obj, l, t).top  + 'px';
+                }else if(self.options.axis=="x"){
+                    obj.style.left = self.grid(obj, l, t).left + 'px';
+                }
+               /* if(self.options.changeWhen=="move") {
+                    if (self.options.changeMode == "sort") {
+                        self.sortDrag(obj);
+                    } else if (self.options.changeMode == "point") {
+                        self.pointmoveDrag(obj);
+                    }
+                }else{
+                    self.moveAddClass(obj);
+                }*/
+                if(self.options.pos==true){
+                    self.moveAddClass(obj);
+                }
+                self.options.cbMove(obj,self);
+
+            },
+            end: function (ev, obj) {
+                var self = this;
+                if (self._start != true) {
+                    return false
+                }
+                if(self.options.changeMode=="sort"&&self.options.pos==true){
+                    self.sortDrag(obj);
+                }else if(self.options.changeMode=="point"&&self.options.pos==true){
+                    self.pointDrag(obj);
+                }
+                if(self.options.pos==true){
+                    self.animation(obj, self.aPos[$(obj).attr("index")]);
+                }
+                self.options.cbEnd();
+                if(self.options.handle!=null){
+                    $(obj).find(self.options.handle).unbind("onmousemove");
+                    $(obj).find(self.options.handle).unbind("onmouseup");
+                }else{
+                    $(obj).unbind("onmousemove");
+                    $(obj).unbind("onmouseup");
+                }
+                obj.releaseCapture && obj.releaseCapture();
+                self._start = false;
+
+            },
+            //算父级的宽高
+            collTestBox: function (obj, obj2) {
+                var self = this;
+                var l1 = 0;
+                var t1 = 0;
+                var l2 = $(obj2).innerWidth() - $(obj).outerWidth();
+                var t2 = $(obj2).innerHeight() - $(obj).outerHeight();
+                return {
+                    lmin: l1,//取的l最小值
+                    tmin: t1,//取的t最小值
+                    lmax: l2,//取的l最大值
+                    tmax: t2//取的t最大值
+                }
+
+            },
+            //算父级宽高时候干掉margin
+            grid: function (obj, l, t) {//cur:[width,height]
+                var self = this;
+                var json = {
+                    left: l,
+                    top: t
+                };
+                if ($.isArray(self.options.grid) && self.options.grid.length == 2) {
+                    var gx = self.options.grid[0];
+                    var gy = self.options.grid[1];
+                    json.left = Math.floor((l + gx / 2) / gx) * gx;
+                    json.top = Math.floor((t + gy / 2) / gy) * gy;
+                    return json
+                } else if (self.options.grid == null) {
+                    return json
+                } else {
+                    console.log("grid参数传递格式错误");
+                    return false
+                }
+            },
+            findNearest: function(obj){
+                var self=this;
+                var iMin=new Date().getTime();
+                var iMinIndex=-1;
+                var ele=self.ele;
+                for(var i=0;i<ele.length;i++){
+                    if(obj==ele[i]){
+                        continue;
+                    }
+                    if(self.collTest(obj,ele[i])){
+                        var dis=self.getDis(obj,ele[i]);
+                        if(dis<iMin){
+                            iMin=dis;
+                            iMinIndex=i;
+                        }
+                    }
+                }
+                if(iMinIndex==-1){
+                    return null;
+                }else{
+                    return ele[iMinIndex];
+                }
+        },
+            getDis: function(obj,obj2){
+                var self=this;
+                var l1=obj.offsetLeft+obj.offsetWidth/2;
+                var l2=obj2.offsetLeft+obj2.offsetWidth/2;
+
+                var t1=obj.offsetTop+obj.offsetHeight/2;
+                var t2=obj2.offsetTop+obj2.offsetHeight/2;
+
+                var a=l2-l1;
+                var b=t1-t2;
+
+            return Math.sqrt(a*a+b*b);
+        },
+            collTest: function(obj,obj2){
+                var self=this;
+                var l1=obj.offsetLeft;
+                var r1=obj.offsetLeft+obj.offsetWidth;
+                var t1=obj.offsetTop;
+                var b1=obj.offsetTop+obj.offsetHeight;
+
+                var l2=obj2.offsetLeft;
+                var r2=obj2.offsetLeft+obj2.offsetWidth;
+                var t2=obj2.offsetTop;
+                var b2=obj2.offsetTop+obj2.offsetHeight;
+
+                if(r1<l2 || r2<l1 || t2>b1 || b2<t1){
+                    return false;
+                }else{
+                    return true;
+                }
+        },
+            //初始布局转换
+            pack: function(ele,click){
+                var self=this;
+                self.toDisable();
+                if(self.options.pos==false){
+                    for (var i = 0; i < ele.length; i++) {
+                        $(ele[i]).css("position", "absolute");
+                        $(ele[i]).css("margin", "0");
+                        self.init(ele[i]);
+                    }
+                }else if(self.options.pos==true) {
+                    var arr = [];
+                    if (self.options.random || click) {
+                        while (arr.length < ele.length) {
+                            var n = self.rnd(0, ele.length);
+                            if (!self.finInArr(arr, n)) {//没找到
+                                arr.push(n);
+                            }
+                        }
+                    }
+                    if (self.options.random == false || click != true) {
+                        var n = 0;
+                        while (arr.length < ele.length) {
+                            arr.push(n);
+                            n++
+                        }
+                    }
+
+                    //如果是第二次以后随机列表，那就重新排序后再随机，因为我智商不够使，不会排了
+                    if (self.firstRandom == false) {
+                        var sortarr = [];
+                        var n = 0;
+                        while (sortarr.length < ele.length) {
+                            sortarr.push(n);
+                            n++
+                        }
+                        for (var i = 0; i < ele.length; i++) {
+                            $(ele[i]).attr("index", sortarr[i]);
+                            $(ele[i]).css("left", self.aPos[sortarr[i]].left);
+                            $(ele[i]).css("top", self.aPos[sortarr[i]].top);
+                        }
+                    }
+
+                    //布局转化
+                    self.aPos = [];
+                    if (self.firstRandom == false) {
+                        //不是第一次
+                        for (var j = 0; j < ele.length; j++) {
+                            self.aPos[j] = {
+                                left: ele[$(ele).eq(j).attr("index")].offsetLeft,
+                                top: ele[$(ele).eq(j).attr("index")].offsetTop
+                            };
+                        }
+                    } else {
+                        //第一次
+                        for (var j = 0; j < ele.length; j++) {
+                            self.aPos[j] = {left: ele[j].offsetLeft, top: ele[j].offsetTop};
+                        }
+                    }
+                    //第二个循环布局转化
+                    for (var i = 0; i < ele.length; i++) {
+                        $(ele[i]).attr("index", arr[i]);
+                        $(ele[i]).css("left", self.aPos[arr[i]].left);
+                        $(ele[i]).css("top", self.aPos[arr[i]].top);
+                        $(ele[i]).css("position", "absolute");
+                        $(ele[i]).css("margin", "0");
+                        self.init(ele[i]);
+                    }
+                    self.firstRandom = false;
+                }
+            },
+            //移动时候加class
+            moveAddClass: function(obj){
+                var self=this;
+                var oNear=self.findNearest(obj);
+                $(self.$element).removeClass(self.options.moveClass);
+                if(oNear && $(oNear).hasClass(self.options.moveClass)==false){
+                    $(oNear).addClass(self.options.moveClass);
+                }
+
+            },
+            //给li排序
+            sort: function(){
+                var self=this;
+                var arr_li=[];
+                for (var s = 0; s < self.$element.length; s++) {
+                    arr_li.push(self.$element[s]);
+                }
+                for ( var i = 0; i < arr_li.length; i++) {
+                    for ( var j = i + 1; j < arr_li.length; j++) {
+                        if(Number($(arr_li[i]).attr("index")) > Number($(arr_li[j]).attr("index"))){
+                            var temp = arr_li[i];
+                            arr_li[i] = arr_li[j];
+                            arr_li[j] = temp;
+                        }
+                    }
+                }
+                return arr_li;
+            },
+            //点对点的方式换位
+            pointDrag: function(obj){
+                var self=this;
+                //先拍序
+                var oNear=self.findNearest(obj);
+                if (oNear) {
+                    self.animation(obj,self.aPos[$(oNear).attr("index")]);
+                    self.animation(oNear, self.aPos[$(obj).attr("index")]);
+                    var tmp;
+                    tmp = $(obj).attr("index");
+                    $(obj).attr("index", $(oNear).attr("index"));
+                    $(oNear).attr("index", tmp);
+                    $(oNear).removeClass(self.options.moveClass);
+                } else if (self.options.changeWhen == "end") {
+                    self.animation(obj, self.aPos[$(obj).attr("index")]);
+                }
+
+            },
+            //排序的方式换位
+            sortDrag: function(obj){
+                var self=this;
+                //先拍序
+                var arr_li=self.sort();
+                //换位置
+                var oNear=self.findNearest(obj);
+                    if(oNear){
+                        if(Number($(oNear).attr("index"))>Number($(obj).attr("index"))){
+                            //前换后
+                            var obj_tmp=Number($(obj).attr("index"));
+                            $(obj).attr("index",Number($(oNear).attr("index"))+1);
+                            for (var i = obj_tmp; i < Number($(oNear).attr("index"))+1; i++) {
+                                self.animation(arr_li[i],self.aPos[i-1]);
+                                self.animation(obj,self.aPos[$(oNear).attr("index")]);
+                                $(arr_li[i]).removeClass(self.options.moveClass);
+                                $(arr_li[i]).attr("index",Number($(arr_li[i]).attr("index"))-1);
+                            }
+
+                        }else if(Number($(obj).attr("index"))>Number($(oNear).attr("index"))){
+                            //后换前
+                            var obj_tmp=Number($(obj).attr("index"));
+                            $(obj).attr("index",$(oNear).attr("index"));
+                            for (var i = Number($(oNear).attr("index")); i < obj_tmp; i++) {
+                                self.animation(arr_li[i],self.aPos[i+1]);
+                                self.animation(obj,self.aPos[Number($(obj).attr("index"))]);
+                                $(arr_li[i]).removeClass(self.options.moveClass);
+                                $(arr_li[i]).attr("index",Number($(arr_li[i]).attr("index"))+1);
+                            }
+                        }
+                    }else{
+                        self.animation(obj,self.aPos[$(obj).attr("index")]);
+                    }
+
+            },
+            //运动函数(后期再加参数)
+            animation: function(obj,json){
+                var self=this;
+                //考虑默认值
+                var options=self.options.animation_options; /*|| {};
+                options.duration=self.options.animation_options.duration || 800;
+                options.easing=options.easing.duration.easing || 'ease-out';*/
+                var self=this;
+                var count=Math.round(options.duration/30);
+                var start={};
+                var dis={};
+                for(var name in json){
+                    start[name]=parseFloat(self.getStyle(obj,name));
+                    if(isNaN(start[name])){
+                        switch(name){
+                            case 'left':
+                                start[name]=obj.offsetLeft;
+                                break;
+                            case 'top':
+                                start[name]=obj.offsetTop;
+                                break;
+                            case 'width':
+                                start[name]=obj.offsetWidth;
+                                break;
+                            case 'height':
+                                start[name]=obj.offsetHeight;
+                                break;
+                            case 'marginLeft':
+                                start[name]=obj.offsetLeft;
+                                break;
+                            case 'borderWidth':
+                                start[name]=0;
+                                break;
+                            //...
+                        }
+                    }
+                    dis[name]=json[name]-start[name];
+                }
+
+                var n=0;
+
+                clearInterval(obj.timer);
+                obj.timer=setInterval(function(){
+                    n++;
+                    for(var name in json){
+                        switch(options.easing){
+                            case 'linear':
+                                var a=n/count;
+                                var cur=start[name]+dis[name]*a;
+                                break;
+                            case 'ease-in':
+                                var a=n/count;
+                                var cur=start[name]+dis[name]*a*a*a;
+                                break;
+                            case 'ease-out':
+                                var a=1-n/count;
+                                var cur=start[name]+dis[name]*(1-a*a*a);
+                                break;
+                        }
+
+                        if(name=='opacity'){
+                            obj.style.opacity=cur;
+                            obj.style.filter='alpha(opacity:'+cur*100+')';
+                        }else{
+                            obj.style[name]=cur+'px';
+                        }
+                    }
+
+                    if(n==count){
+                        clearInterval(obj.timer);
+                        options.complete && options.complete();
+                    }
+                },30);
+        },
+            getStyle: function(obj,name){
+                return (obj.currentStyle || getComputedStyle(obj,false))[name];
+            },
+            //随机数
+            rnd: function(n,m){
+                return parseInt(Math.random()*(m-n)+n);
+            },
+            //在数组中找
+            finInArr: function(arr,n){
+                for(var i = 0 ; i < arr.length; i++){
+                    if(arr[i] == n){//存在
+                        return true;
+                    }
+                }
+                return false;
+            }
+        }
+    })
+})(jQuery,window,document);
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/public/static/common/lib/tdrag/tdrag.min.js b/public/static/common/lib/tdrag/tdrag.min.js
new file mode 100755
index 000000000..c59a12e44
--- /dev/null
+++ b/public/static/common/lib/tdrag/tdrag.min.js
@@ -0,0 +1,2 @@
+/*! Tdrag 0.0.1 */
+(function($,window,document,undefined){jQuery(function(){$.fn.Tdrag=function(opt){var call={scope:null,grid:null,axis:"all",pos:false,handle:null,moveClass:"tezml",dragChange:false,changeMode:"point",cbStart:function(){},cbMove:function(){},cbEnd:function(){},random:false,randomInput:null,animation_options:{duration:800,easing:"ease-out"},disable:false,disableInput:null};var dragfn=new Dragfn(this,opt);if(opt&&$.isEmptyObject(opt)==false){dragfn.options=$.extend(call,opt)}else{dragfn.options=call}dragfn.firstRandom=true;var ele=dragfn.$element;dragfn.pack(ele,false);if(dragfn.options.randomInput!=null){$(dragfn.options.randomInput).bind("click",function(){dragfn.pack(ele,true)})}dragfn.loadJqueryfn()};var Dragfn=function(ele,opt){this.$element=ele;this.options=opt};Dragfn.prototype={init:function(obj){var self=this;self.ele=self.$element;self.handle=$(obj);self.options=self.options;self.disable=self.options.disable;self._start=false;self._move=false;self._end=false;self.disX=0;self.disY=0;self.zIndex=1000;self.moving=false;self.box=$.type(self.options.scope)==="string"?self.options.scope:null;if(self.options.handle!=null){self.handle=$(obj).find(self.options.handle)}self.handle.on("mousedown",function(ev){self.start(ev,obj);obj.setCapture&&obj.setCapture();return false});if(self.options.dragChange){$(obj).on("mousemove",function(ev){self.move(ev,obj)});$(obj).on("mouseup",function(ev){self.end(ev,obj)})}else{$(document).on("mousemove",function(ev){self.move(ev,obj)});$(document).on("mouseup",function(ev){self.end(ev,obj)})}},loadJqueryfn:function(){var self=this;$.extend({sortBox:function(obj){var arr=[];for(var s=0;s<$(obj).length;s++){arr.push($(obj).eq(s))}for(var i=0;i<arr.length;i++){for(var j=i+1;j<arr.length;j++){if(Number(arr[i].attr("index"))>Number(arr[j].attr("index"))){var temp=arr[i];arr[i]=arr[j];arr[j]=temp}}}return arr},randomfn:function(obj){self.pack($(obj),true)},disable_open:function(){self.disable=false},disable_cloose:function(){self.disable=true}})},toDisable:function(){var self=this;if(self.options.disableInput!=null){$(self.options.disableInput).bind("click",function(){if(self.disable==true){self.disable=false}else{self.disable=true}})}},start:function(ev,obj){var self=this;if(self.disable==true){return false}self._start=true;var oEvent=ev||event;self.disX=oEvent.clientX-obj.offsetLeft;self.disY=oEvent.clientY-obj.offsetTop;$(obj).css("zIndex",self.zIndex++);self.options.cbStart()},move:function(ev,obj){var self=this;if(self._start!=true){return false}self._move=true;var oEvent=ev||event;var l=oEvent.clientX-self.disX;var t=oEvent.clientY-self.disY;if(self.box!=null){var rule=self.collTestBox(obj,self.box);if(l>rule.lmax){l=rule.lmax}else{if(l<rule.lmin){l=rule.lmin}}if(t>rule.tmax){t=rule.tmax}else{if(t<rule.tmin){t=rule.tmin}}}if(self.options.axis=="all"){obj.style.left=self.grid(obj,l,t).left+"px";obj.style.top=self.grid(obj,l,t).top+"px"}else{if(self.options.axis=="y"){obj.style.top=self.grid(obj,l,t).top+"px"}else{if(self.options.axis=="x"){obj.style.left=self.grid(obj,l,t).left+"px"}}}if(self.options.pos==true){self.moveAddClass(obj)}self.options.cbMove(obj,self)},end:function(ev,obj){var self=this;if(self._start!=true){return false}if(self.options.changeMode=="sort"&&self.options.pos==true){self.sortDrag(obj)}else{if(self.options.changeMode=="point"&&self.options.pos==true){self.pointDrag(obj)}}if(self.options.pos==true){self.animation(obj,self.aPos[$(obj).attr("index")])}self.options.cbEnd();if(self.options.handle!=null){$(obj).find(self.options.handle).unbind("onmousemove");$(obj).find(self.options.handle).unbind("onmouseup")}else{$(obj).unbind("onmousemove");$(obj).unbind("onmouseup")}obj.releaseCapture&&obj.releaseCapture();self._start=false},collTestBox:function(obj,obj2){var self=this;var l1=0;var t1=0;var l2=$(obj2).innerWidth()-$(obj).outerWidth();var t2=$(obj2).innerHeight()-$(obj).outerHeight();return{lmin:l1,tmin:t1,lmax:l2,tmax:t2}},grid:function(obj,l,t){var self=this;var json={left:l,top:t};if($.isArray(self.options.grid)&&self.options.grid.length==2){var gx=self.options.grid[0];var gy=self.options.grid[1];json.left=Math.floor((l+gx/2)/gx)*gx;json.top=Math.floor((t+gy/2)/gy)*gy;return json}else{if(self.options.grid==null){return json}else{console.log("grid参数传递格式错误");return false}}},findNearest:function(obj){var self=this;var iMin=new Date().getTime();var iMinIndex=-1;var ele=self.ele;for(var i=0;i<ele.length;i++){if(obj==ele[i]){continue}if(self.collTest(obj,ele[i])){var dis=self.getDis(obj,ele[i]);if(dis<iMin){iMin=dis;iMinIndex=i}}}if(iMinIndex==-1){return null}else{return ele[iMinIndex]}},getDis:function(obj,obj2){var self=this;var l1=obj.offsetLeft+obj.offsetWidth/2;var l2=obj2.offsetLeft+obj2.offsetWidth/2;var t1=obj.offsetTop+obj.offsetHeight/2;var t2=obj2.offsetTop+obj2.offsetHeight/2;var a=l2-l1;var b=t1-t2;return Math.sqrt(a*a+b*b)},collTest:function(obj,obj2){var self=this;var l1=obj.offsetLeft;var r1=obj.offsetLeft+obj.offsetWidth;var t1=obj.offsetTop;var b1=obj.offsetTop+obj.offsetHeight;var l2=obj2.offsetLeft;var r2=obj2.offsetLeft+obj2.offsetWidth;var t2=obj2.offsetTop;var b2=obj2.offsetTop+obj2.offsetHeight;if(r1<l2||r2<l1||t2>b1||b2<t1){return false}else{return true}},pack:function(ele,click){var self=this;self.toDisable();if(self.options.pos==false){for(var i=0;i<ele.length;i++){$(ele[i]).css("position","absolute");$(ele[i]).css("margin","0");self.init(ele[i])}}else{if(self.options.pos==true){var arr=[];if(self.options.random||click){while(arr.length<ele.length){var n=self.rnd(0,ele.length);if(!self.finInArr(arr,n)){arr.push(n)}}}if(self.options.random==false||click!=true){var n=0;while(arr.length<ele.length){arr.push(n);n++}}if(self.firstRandom==false){var sortarr=[];var n=0;while(sortarr.length<ele.length){sortarr.push(n);n++}for(var i=0;i<ele.length;i++){$(ele[i]).attr("index",sortarr[i]);$(ele[i]).css("left",self.aPos[sortarr[i]].left);$(ele[i]).css("top",self.aPos[sortarr[i]].top)}}self.aPos=[];if(self.firstRandom==false){for(var j=0;j<ele.length;j++){self.aPos[j]={left:ele[$(ele).eq(j).attr("index")].offsetLeft,top:ele[$(ele).eq(j).attr("index")].offsetTop}}}else{for(var j=0;j<ele.length;j++){self.aPos[j]={left:ele[j].offsetLeft,top:ele[j].offsetTop}}}for(var i=0;i<ele.length;i++){$(ele[i]).attr("index",arr[i]);$(ele[i]).css("left",self.aPos[arr[i]].left);$(ele[i]).css("top",self.aPos[arr[i]].top);$(ele[i]).css("position","absolute");$(ele[i]).css("margin","0");self.init(ele[i])}self.firstRandom=false}}},moveAddClass:function(obj){var self=this;var oNear=self.findNearest(obj);$(self.$element).removeClass(self.options.moveClass);if(oNear&&$(oNear).hasClass(self.options.moveClass)==false){$(oNear).addClass(self.options.moveClass)}},sort:function(){var self=this;var arr_li=[];for(var s=0;s<self.$element.length;s++){arr_li.push(self.$element[s])}for(var i=0;i<arr_li.length;i++){for(var j=i+1;j<arr_li.length;j++){if(Number($(arr_li[i]).attr("index"))>Number($(arr_li[j]).attr("index"))){var temp=arr_li[i];arr_li[i]=arr_li[j];arr_li[j]=temp}}}return arr_li},pointDrag:function(obj){var self=this;var oNear=self.findNearest(obj);if(oNear){self.animation(obj,self.aPos[$(oNear).attr("index")]);self.animation(oNear,self.aPos[$(obj).attr("index")]);var tmp;tmp=$(obj).attr("index");$(obj).attr("index",$(oNear).attr("index"));$(oNear).attr("index",tmp);$(oNear).removeClass(self.options.moveClass)}else{if(self.options.changeWhen=="end"){self.animation(obj,self.aPos[$(obj).attr("index")])}}},sortDrag:function(obj){var self=this;var arr_li=self.sort();var oNear=self.findNearest(obj);if(oNear){if(Number($(oNear).attr("index"))>Number($(obj).attr("index"))){var obj_tmp=Number($(obj).attr("index"));$(obj).attr("index",Number($(oNear).attr("index"))+1);for(var i=obj_tmp;i<Number($(oNear).attr("index"))+1;i++){self.animation(arr_li[i],self.aPos[i-1]);self.animation(obj,self.aPos[$(oNear).attr("index")]);$(arr_li[i]).removeClass(self.options.moveClass);$(arr_li[i]).attr("index",Number($(arr_li[i]).attr("index"))-1)}}else{if(Number($(obj).attr("index"))>Number($(oNear).attr("index"))){var obj_tmp=Number($(obj).attr("index"));$(obj).attr("index",$(oNear).attr("index"));for(var i=Number($(oNear).attr("index"));i<obj_tmp;i++){self.animation(arr_li[i],self.aPos[i+1]);self.animation(obj,self.aPos[Number($(obj).attr("index"))]);$(arr_li[i]).removeClass(self.options.moveClass);$(arr_li[i]).attr("index",Number($(arr_li[i]).attr("index"))+1)}}}}else{self.animation(obj,self.aPos[$(obj).attr("index")])}},animation:function(obj,json){var self=this;var options=self.options.animation_options;var self=this;var count=Math.round(options.duration/30);var start={};var dis={};for(var name in json){start[name]=parseFloat(self.getStyle(obj,name));if(isNaN(start[name])){switch(name){case"left":start[name]=obj.offsetLeft;break;case"top":start[name]=obj.offsetTop;break;case"width":start[name]=obj.offsetWidth;break;case"height":start[name]=obj.offsetHeight;break;case"marginLeft":start[name]=obj.offsetLeft;break;case"borderWidth":start[name]=0;break}}dis[name]=json[name]-start[name]}var n=0;clearInterval(obj.timer);obj.timer=setInterval(function(){n++;for(var name in json){switch(options.easing){case"linear":var a=n/count;var cur=start[name]+dis[name]*a;break;case"ease-in":var a=n/count;var cur=start[name]+dis[name]*a*a*a;break;case"ease-out":var a=1-n/count;var cur=start[name]+dis[name]*(1-a*a*a);break}if(name=="opacity"){obj.style.opacity=cur;obj.style.filter="alpha(opacity:"+cur*100+")"}else{obj.style[name]=cur+"px"}}if(n==count){clearInterval(obj.timer);options.complete&&options.complete()}},30)},getStyle:function(obj,name){return(obj.currentStyle||getComputedStyle(obj,false))[name]},rnd:function(n,m){return parseInt(Math.random()*(m-n)+n)},finInArr:function(arr,n){for(var i=0;i<arr.length;i++){if(arr[i]==n){return true}}return false}}})})(jQuery,window,document);
\ No newline at end of file
-- 
GitLab