.
This commit is contained in:
185
root/res/zui/lib/sortable/zui.sortable.js
Normal file
185
root/res/zui/lib/sortable/zui.sortable.js
Normal file
@@ -0,0 +1,185 @@
|
||||
/*!
|
||||
* ZUI: 排序 - v1.8.1 - 2018-01-18
|
||||
* http://zui.sexy
|
||||
* GitHub: https://github.com/easysoft/zui.git
|
||||
* Copyright (c) 2018 cnezsoft.com; Licensed MIT
|
||||
*/
|
||||
|
||||
/* ========================================================================
|
||||
* ZUI: sortable.js
|
||||
* http://zui.sexy
|
||||
* ========================================================================
|
||||
* Copyright (c) 2014-2016 cnezsoft.com; Licensed MIT
|
||||
* ======================================================================== */
|
||||
|
||||
|
||||
+ function($, window, document) {
|
||||
'use strict';
|
||||
|
||||
if(!$.fn.droppable) {
|
||||
console.error('Sortable requires droppable.js');
|
||||
return;
|
||||
}
|
||||
|
||||
var NAME = 'zui.sortable',
|
||||
DEFAULTS = {
|
||||
selector : 'li,div',
|
||||
dragCssClass : 'invisible',
|
||||
sortingClass : 'sortable-sorting'
|
||||
},
|
||||
STR_ORDER = 'order';
|
||||
|
||||
var Sortable = function(element, options) {
|
||||
var that = this;
|
||||
that.$ = $(element);
|
||||
that.options = $.extend({}, DEFAULTS, that.$.data(), options);
|
||||
that.init();
|
||||
};
|
||||
|
||||
Sortable.DEFAULTS = DEFAULTS;
|
||||
Sortable.NAME = NAME;
|
||||
|
||||
Sortable.prototype.init = function() {
|
||||
var that = this,
|
||||
$root = that.$,
|
||||
options = that.options,
|
||||
selector = options.selector,
|
||||
sortingClass = options.sortingClass,
|
||||
dragCssClass = options.dragCssClass,
|
||||
isReverse = options.reverse;
|
||||
|
||||
var markOrders = function($items) {
|
||||
$items = $items || that.getItems(1);
|
||||
var orders = [];
|
||||
|
||||
$items.each(function() {
|
||||
var order = $(this).data(STR_ORDER);
|
||||
if(typeof order === 'number') {
|
||||
orders.push(order);
|
||||
}
|
||||
});
|
||||
|
||||
orders.sort(function(a, b) {
|
||||
return a - b;
|
||||
});
|
||||
|
||||
var itemsCount = $items.length;
|
||||
while(orders.length < itemsCount) {
|
||||
orders.push(orders.length ? (orders[orders.length - 1] + 1) : 0);
|
||||
}
|
||||
|
||||
if(isReverse) {
|
||||
orders.reverse();
|
||||
}
|
||||
|
||||
that.maxOrder = 0;
|
||||
$items.each(function(idx) {
|
||||
that.maxOrder = Math.max(that.maxOrder, orders[idx]);
|
||||
$(this).data(STR_ORDER, orders[idx]).attr('data-' + STR_ORDER, orders[idx]);
|
||||
});
|
||||
};
|
||||
|
||||
markOrders();
|
||||
|
||||
$root.droppable({
|
||||
handle : options.trigger,
|
||||
target : selector,
|
||||
selector : selector,
|
||||
container : $root,
|
||||
always : options.always,
|
||||
flex : true,
|
||||
lazy : options.lazy,
|
||||
canMoveHere : options.canMoveHere,
|
||||
nested : options.nested,
|
||||
before : options.before,
|
||||
mouseButton : options.mouseButton,
|
||||
start: function(e) {
|
||||
if(dragCssClass) e.element.addClass(dragCssClass);
|
||||
that.trigger('start', e);
|
||||
},
|
||||
drag: function(e) {
|
||||
$root.addClass(sortingClass);
|
||||
if(e.isIn) {
|
||||
var $ele = e.element,
|
||||
$target = e.target,
|
||||
eleOrder = $ele.data(STR_ORDER),
|
||||
targetOrder = $target.data(STR_ORDER);
|
||||
if (!eleOrder && eleOrder !== 0) {
|
||||
that.maxOrder++;
|
||||
eleOrder = that.maxOrder;
|
||||
$ele.attr('data-' + STR_ORDER, eleOrder);
|
||||
}
|
||||
if (!targetOrder && targetOrder !== 0) {
|
||||
that.maxOrder++;
|
||||
targetOrder = that.maxOrder;
|
||||
$target.attr('data-' + STR_ORDER, targetOrder);
|
||||
}
|
||||
if(eleOrder == targetOrder) return;
|
||||
else if(eleOrder > targetOrder) {
|
||||
$target[isReverse ? 'after' : 'before']($ele);
|
||||
} else {
|
||||
$target[isReverse ? 'before' : 'after']($ele);
|
||||
}
|
||||
var $items = that.getItems(1);
|
||||
markOrders($items);
|
||||
that.trigger(STR_ORDER, {
|
||||
list: $items,
|
||||
element: $ele
|
||||
});
|
||||
}
|
||||
},
|
||||
finish: function(e) {
|
||||
if(dragCssClass && e.element) e.element.removeClass(dragCssClass);
|
||||
$root.removeClass(sortingClass);
|
||||
that.trigger('finish', {
|
||||
list: that.getItems(1),
|
||||
element: e.element
|
||||
});
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
Sortable.prototype.destroy = function() {
|
||||
this.$.droppable('destroy');
|
||||
this.$.data(NAME, null);
|
||||
};
|
||||
|
||||
Sortable.prototype.reset = function() {
|
||||
this.destroy();
|
||||
this.init();
|
||||
};
|
||||
|
||||
Sortable.prototype.getItems = function(onlyElements) {
|
||||
var $items = this.$.children(this.options.selector).not('.drag-shadow');
|
||||
if(!onlyElements) {
|
||||
return $items.map(function() {
|
||||
var $item = $(this);
|
||||
return {
|
||||
item: $item,
|
||||
order: $item.data('order')
|
||||
};
|
||||
});
|
||||
}
|
||||
return $items;
|
||||
};
|
||||
|
||||
Sortable.prototype.trigger = function(name, params) {
|
||||
return $.zui.callEvent(this.options[name], params, this);
|
||||
};
|
||||
|
||||
$.fn.sortable = function(option) {
|
||||
return this.each(function() {
|
||||
var $this = $(this);
|
||||
var data = $this.data(NAME);
|
||||
var options = typeof option == 'object' && option;
|
||||
|
||||
if(!data) $this.data(NAME, (data = new Sortable(this, options)));
|
||||
else if(typeof option == 'object') data.reset();
|
||||
|
||||
if(typeof option == 'string') data[option]();
|
||||
});
|
||||
};
|
||||
|
||||
$.fn.sortable.Constructor = Sortable;
|
||||
}(jQuery, window, document);
|
||||
|
||||
7
root/res/zui/lib/sortable/zui.sortable.min.js
vendored
Normal file
7
root/res/zui/lib/sortable/zui.sortable.min.js
vendored
Normal file
@@ -0,0 +1,7 @@
|
||||
/*!
|
||||
* ZUI: 排序 - v1.8.1 - 2018-01-18
|
||||
* http://zui.sexy
|
||||
* GitHub: https://github.com/easysoft/zui.git
|
||||
* Copyright (c) 2018 cnezsoft.com; Licensed MIT
|
||||
*/
|
||||
+function(t,e,r){"use strict";if(!t.fn.droppable)return void console.error("Sortable requires droppable.js");var a="zui.sortable",n={selector:"li,div",dragCssClass:"invisible",sortingClass:"sortable-sorting"},o="order",s=function(e,r){var a=this;a.$=t(e),a.options=t.extend({},n,a.$.data(),r),a.init()};s.DEFAULTS=n,s.NAME=a,s.prototype.init=function(){var e=this,r=e.$,a=e.options,n=a.selector,s=a.sortingClass,i=a.dragCssClass,l=a.reverse,d=function(r){r=r||e.getItems(1);var a=[];r.each(function(){var e=t(this).data(o);"number"==typeof e&&a.push(e)}),a.sort(function(t,e){return t-e});for(var n=r.length;a.length<n;)a.push(a.length?a[a.length-1]+1:0);l&&a.reverse(),e.maxOrder=0,r.each(function(r){e.maxOrder=Math.max(e.maxOrder,a[r]),t(this).data(o,a[r]).attr("data-"+o,a[r])})};d(),r.droppable({handle:a.trigger,target:n,selector:n,container:r,always:a.always,flex:!0,lazy:a.lazy,canMoveHere:a.canMoveHere,nested:a.nested,before:a.before,mouseButton:a.mouseButton,start:function(t){i&&t.element.addClass(i),e.trigger("start",t)},drag:function(t){if(r.addClass(s),t.isIn){var a=t.element,n=t.target,i=a.data(o),u=n.data(o);if(i||0===i||(e.maxOrder++,i=e.maxOrder,a.attr("data-"+o,i)),u||0===u||(e.maxOrder++,u=e.maxOrder,n.attr("data-"+o,u)),i==u)return;i>u?n[l?"after":"before"](a):n[l?"before":"after"](a);var f=e.getItems(1);d(f),e.trigger(o,{list:f,element:a})}},finish:function(t){i&&t.element&&t.element.removeClass(i),r.removeClass(s),e.trigger("finish",{list:e.getItems(1),element:t.element})}})},s.prototype.destroy=function(){this.$.droppable("destroy"),this.$.data(a,null)},s.prototype.reset=function(){this.destroy(),this.init()},s.prototype.getItems=function(e){var r=this.$.children(this.options.selector).not(".drag-shadow");return e?r:r.map(function(){var e=t(this);return{item:e,order:e.data("order")}})},s.prototype.trigger=function(e,r){return t.zui.callEvent(this.options[e],r,this)},t.fn.sortable=function(e){return this.each(function(){var r=t(this),n=r.data(a),o="object"==typeof e&&e;n?"object"==typeof e&&n.reset():r.data(a,n=new s(this,o)),"string"==typeof e&&n[e]()})},t.fn.sortable.Constructor=s}(jQuery,window,document);
|
||||
Reference in New Issue
Block a user