minify
This commit is contained in:
Luke Pulverenti
parent
82bcca376f
commit
8a6884abef
494 changed files with 256 additions and 120180 deletions
|
|
@ -1,165 +1 @@
|
|||
/**
|
||||
* @author RubaXa <trash@rubaxa.org>
|
||||
* @licence MIT
|
||||
*/
|
||||
|
||||
(function (factory) {
|
||||
'use strict';
|
||||
|
||||
if (typeof module != 'undefined' && typeof module.exports != 'undefined') {
|
||||
module.exports = factory(require('./Sortable'));
|
||||
}
|
||||
else if (typeof define === 'function' && define.amd) {
|
||||
define(['./Sortable'], factory);
|
||||
}
|
||||
else {
|
||||
/* jshint sub:true */
|
||||
window['SortableMixin'] = factory(Sortable);
|
||||
}
|
||||
})(function (/** Sortable */Sortable) {
|
||||
'use strict';
|
||||
|
||||
var _nextSibling;
|
||||
|
||||
var _activeComponent;
|
||||
|
||||
var _defaultOptions = {
|
||||
ref: 'list',
|
||||
model: 'items',
|
||||
|
||||
animation: 100,
|
||||
onStart: 'handleStart',
|
||||
onEnd: 'handleEnd',
|
||||
onAdd: 'handleAdd',
|
||||
onUpdate: 'handleUpdate',
|
||||
onRemove: 'handleRemove',
|
||||
onSort: 'handleSort',
|
||||
onFilter: 'handleFilter',
|
||||
onMove: 'handleMove'
|
||||
};
|
||||
|
||||
|
||||
function _getModelName(component) {
|
||||
return component.sortableOptions && component.sortableOptions.model || _defaultOptions.model;
|
||||
}
|
||||
|
||||
|
||||
function _getModelItems(component) {
|
||||
var name = _getModelName(component),
|
||||
items = component.state && component.state[name] || component.props[name];
|
||||
|
||||
return items.slice();
|
||||
}
|
||||
|
||||
|
||||
function _extend(dst, src) {
|
||||
for (var key in src) {
|
||||
if (src.hasOwnProperty(key)) {
|
||||
dst[key] = src[key];
|
||||
}
|
||||
}
|
||||
|
||||
return dst;
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* Simple and easy mixin-wrapper for rubaxa/Sortable library, in order to
|
||||
* make reorderable drag-and-drop lists on modern browsers and touch devices.
|
||||
*
|
||||
* @mixin
|
||||
*/
|
||||
var SortableMixin = {
|
||||
sortableMixinVersion: '0.1.1',
|
||||
|
||||
|
||||
/**
|
||||
* @type {Sortable}
|
||||
* @private
|
||||
*/
|
||||
_sortableInstance: null,
|
||||
|
||||
|
||||
componentDidMount: function () {
|
||||
var DOMNode, options = _extend(_extend({}, _defaultOptions), this.sortableOptions || {}),
|
||||
copyOptions = _extend({}, options),
|
||||
|
||||
emitEvent = function (/** string */type, /** Event */evt) {
|
||||
var method = this[options[type]];
|
||||
method && method.call(this, evt, this._sortableInstance);
|
||||
}.bind(this);
|
||||
|
||||
|
||||
// Bind callbacks so that "this" refers to the component
|
||||
'onStart onEnd onAdd onSort onUpdate onRemove onFilter onMove'.split(' ').forEach(function (/** string */name) {
|
||||
copyOptions[name] = function (evt) {
|
||||
if (name === 'onStart') {
|
||||
_nextSibling = evt.item.nextElementSibling;
|
||||
_activeComponent = this;
|
||||
}
|
||||
else if (name === 'onAdd' || name === 'onUpdate') {
|
||||
evt.from.insertBefore(evt.item, _nextSibling);
|
||||
|
||||
var newState = {},
|
||||
remoteState = {},
|
||||
oldIndex = evt.oldIndex,
|
||||
newIndex = evt.newIndex,
|
||||
items = _getModelItems(this),
|
||||
remoteItems,
|
||||
item;
|
||||
|
||||
if (name === 'onAdd') {
|
||||
remoteItems = _getModelItems(_activeComponent);
|
||||
item = remoteItems.splice(oldIndex, 1)[0];
|
||||
items.splice(newIndex, 0, item);
|
||||
|
||||
remoteState[_getModelName(_activeComponent)] = remoteItems;
|
||||
}
|
||||
else {
|
||||
items.splice(newIndex, 0, items.splice(oldIndex, 1)[0]);
|
||||
}
|
||||
|
||||
newState[_getModelName(this)] = items;
|
||||
|
||||
if (copyOptions.stateHandler) {
|
||||
this[copyOptions.stateHandler](newState);
|
||||
} else {
|
||||
this.setState(newState);
|
||||
}
|
||||
|
||||
(this !== _activeComponent) && _activeComponent.setState(remoteState);
|
||||
}
|
||||
|
||||
setTimeout(function () {
|
||||
emitEvent(name, evt);
|
||||
}, 0);
|
||||
}.bind(this);
|
||||
}, this);
|
||||
|
||||
DOMNode = this.getDOMNode() ? (this.refs[options.ref] || this).getDOMNode() : this.refs[options.ref] || this;
|
||||
|
||||
/** @namespace this.refs — http://facebook.github.io/react/docs/more-about-refs.html */
|
||||
this._sortableInstance = Sortable.create(DOMNode, copyOptions);
|
||||
},
|
||||
|
||||
componentWillReceiveProps: function (nextProps) {
|
||||
var newState = {},
|
||||
modelName = _getModelName(this),
|
||||
items = nextProps[modelName];
|
||||
|
||||
if (items) {
|
||||
newState[modelName] = items;
|
||||
this.setState(newState);
|
||||
}
|
||||
},
|
||||
|
||||
componentWillUnmount: function () {
|
||||
this._sortableInstance.destroy();
|
||||
this._sortableInstance = null;
|
||||
}
|
||||
};
|
||||
|
||||
|
||||
// Export
|
||||
return SortableMixin;
|
||||
});
|
||||
!function(factory){"use strict";"undefined"!=typeof module&&"undefined"!=typeof module.exports?module.exports=factory(require("./Sortable")):"function"==typeof define&&define.amd?define(["./Sortable"],factory):window.SortableMixin=factory(Sortable)}(function(Sortable){"use strict";function _getModelName(component){return component.sortableOptions&&component.sortableOptions.model||_defaultOptions.model}function _getModelItems(component){var name=_getModelName(component),items=component.state&&component.state[name]||component.props[name];return items.slice()}function _extend(dst,src){for(var key in src)src.hasOwnProperty(key)&&(dst[key]=src[key]);return dst}var _nextSibling,_activeComponent,_defaultOptions={ref:"list",model:"items",animation:100,onStart:"handleStart",onEnd:"handleEnd",onAdd:"handleAdd",onUpdate:"handleUpdate",onRemove:"handleRemove",onSort:"handleSort",onFilter:"handleFilter",onMove:"handleMove"},SortableMixin={sortableMixinVersion:"0.1.1",_sortableInstance:null,componentDidMount:function(){var DOMNode,options=_extend(_extend({},_defaultOptions),this.sortableOptions||{}),copyOptions=_extend({},options),emitEvent=function(type,evt){var method=this[options[type]];method&&method.call(this,evt,this._sortableInstance)}.bind(this);"onStart onEnd onAdd onSort onUpdate onRemove onFilter onMove".split(" ").forEach(function(name){copyOptions[name]=function(evt){if("onStart"===name)_nextSibling=evt.item.nextElementSibling,_activeComponent=this;else if("onAdd"===name||"onUpdate"===name){evt.from.insertBefore(evt.item,_nextSibling);var remoteItems,item,newState={},remoteState={},oldIndex=evt.oldIndex,newIndex=evt.newIndex,items=_getModelItems(this);"onAdd"===name?(remoteItems=_getModelItems(_activeComponent),item=remoteItems.splice(oldIndex,1)[0],items.splice(newIndex,0,item),remoteState[_getModelName(_activeComponent)]=remoteItems):items.splice(newIndex,0,items.splice(oldIndex,1)[0]),newState[_getModelName(this)]=items,copyOptions.stateHandler?this[copyOptions.stateHandler](newState):this.setState(newState),this!==_activeComponent&&_activeComponent.setState(remoteState)}setTimeout(function(){emitEvent(name,evt)},0)}.bind(this)},this),DOMNode=this.getDOMNode()?(this.refs[options.ref]||this).getDOMNode():this.refs[options.ref]||this,this._sortableInstance=Sortable.create(DOMNode,copyOptions)},componentWillReceiveProps:function(nextProps){var newState={},modelName=_getModelName(this),items=nextProps[modelName];items&&(newState[modelName]=items,this.setState(newState))},componentWillUnmount:function(){this._sortableInstance.destroy(),this._sortableInstance=null}};return SortableMixin});
|
||||
Loading…
Add table
Add a link
Reference in a new issue