Skip to content

Commit ad385c5

Browse files
chetoncheton
committed
#3 Add decorators support
1 parent 4691b30 commit ad385c5

File tree

1 file changed

+113
-109
lines changed

1 file changed

+113
-109
lines changed

‎examples/app.bundle.js

Lines changed: 113 additions & 109 deletions
Original file line numberDiff line numberDiff line change
@@ -19799,116 +19799,118 @@
1979919799
return target;
1980019800
};
1980119801

19802-
var SortableMixin = function SortableMixin(Component) {
19803-
var sortableOptions = arguments.length <= 1 || arguments[1] === undefined ? defaultOptions : arguments[1];
19804-
return function (_React$Component) {
19805-
_inherits(_class2, _React$Component);
19802+
var SortableMixin = function SortableMixin() {
19803+
var sortableOptions = arguments.length <= 0 || arguments[0] === undefined ? defaultOptions : arguments[0];
19804+
return function (Component) {
19805+
return function (_React$Component) {
19806+
_inherits(_class2, _React$Component);
1980619807

19807-
function _class2() {
19808-
var _Object$getPrototypeO;
19808+
function _class2() {
19809+
var _Object$getPrototypeO;
1980919810

19810-
var _temp, _this, _ret;
19811+
var _temp, _this, _ret;
1981119812

19812-
_classCallCheck(this, _class2);
19813+
_classCallCheck(this, _class2);
1981319814

19814-
for (var _len2 = arguments.length, args = Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
19815-
args[_key2] = arguments[_key2];
19816-
}
19817-
19818-
return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_Object$getPrototypeO = Object.getPrototypeOf(_class2)).call.apply(_Object$getPrototypeO, [this].concat(args))), _this), _this.sortableInstance = null, _this.sortableOptions = sortableOptions, _temp), _possibleConstructorReturn(_this, _ret);
19819-
}
19820-
19821-
_createClass(_class2, [{
19822-
key: 'componentDidMount',
19823-
value: function componentDidMount() {
19824-
var wrapperComponent = this;
19825-
var sortableComponent = wrapperComponent.refs[refName];
19826-
var options = extend({}, defaultOptions, wrapperComponent.sortableOptions);
19827-
var emitEvent = function emitEvent(type, evt) {
19828-
var methodName = options[type];
19829-
var method = sortableComponent[methodName];
19830-
method && method.call(sortableComponent, evt, wrapperComponent.sortableInstance);
19831-
};
19832-
19833-
var copyOptions = extend({}, options);
19834-
[// Bind callbacks
19835-
'onStart', 'onEnd', 'onAdd', 'onSort', 'onUpdate', 'onRemove', 'onFilter', 'onMove'].forEach(function (name) {
19836-
copyOptions[name] = function (evt) {
19837-
if (name === 'onStart') {
19838-
_nextSibling = evt.item.nextElementSibling;
19839-
_activeWrapperComponent = wrapperComponent;
19840-
} else if (name === 'onAdd' || name === 'onUpdate') {
19841-
evt.from.insertBefore(evt.item, _nextSibling);
19842-
19843-
var oldIndex = evt.oldIndex;
19844-
var newIndex = evt.newIndex;
19845-
var newState = {};
19846-
var remoteState = {};
19847-
var items = getModelItems(wrapperComponent);
19848-
19849-
if (name === 'onAdd') {
19850-
var remoteItems = getModelItems(_activeWrapperComponent);
19851-
var item = remoteItems.splice(oldIndex, 1)[0];
19852-
items.splice(newIndex, 0, item);
19853-
19854-
remoteState[_activeWrapperComponent.sortableOptions.model] = remoteItems;
19855-
} else {
19856-
items.splice(newIndex, 0, items.splice(oldIndex, 1)[0]);
19857-
}
19815+
for (var _len2 = arguments.length, args = Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
19816+
args[_key2] = arguments[_key2];
19817+
}
1985819818

19859-
newState[wrapperComponent.sortableOptions.model] = items;
19819+
return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_Object$getPrototypeO = Object.getPrototypeOf(_class2)).call.apply(_Object$getPrototypeO, [this].concat(args))), _this), _this.sortableInstance = null, _this.sortableOptions = sortableOptions, _temp), _possibleConstructorReturn(_this, _ret);
19820+
}
1986019821

19861-
if (copyOptions.stateHandler) {
19862-
sortableComponent[copyOptions.stateHandler](newState);
19863-
} else {
19864-
sortableComponent.setState(newState);
19865-
}
19822+
_createClass(_class2, [{
19823+
key: 'componentDidMount',
19824+
value: function componentDidMount() {
19825+
var wrapperComponent = this;
19826+
var sortableComponent = wrapperComponent.refs[refName];
19827+
var options = extend({}, defaultOptions, wrapperComponent.sortableOptions);
19828+
var emitEvent = function emitEvent(type, evt) {
19829+
var methodName = options[type];
19830+
var method = sortableComponent[methodName];
19831+
method && method.call(sortableComponent, evt, wrapperComponent.sortableInstance);
19832+
};
1986619833

19867-
if (_activeWrapperComponent !== wrapperComponent) {
19868-
_activeWrapperComponent.refs[refName].setState(remoteState);
19834+
var copyOptions = extend({}, options);
19835+
[// Bind callbacks
19836+
'onStart', 'onEnd', 'onAdd', 'onSort', 'onUpdate', 'onRemove', 'onFilter', 'onMove'].forEach(function (name) {
19837+
copyOptions[name] = function (evt) {
19838+
if (name === 'onStart') {
19839+
_nextSibling = evt.item.nextElementSibling;
19840+
_activeWrapperComponent = wrapperComponent;
19841+
} else if (name === 'onAdd' || name === 'onUpdate') {
19842+
evt.from.insertBefore(evt.item, _nextSibling);
19843+
19844+
var oldIndex = evt.oldIndex;
19845+
var newIndex = evt.newIndex;
19846+
var newState = {};
19847+
var remoteState = {};
19848+
var items = getModelItems(wrapperComponent);
19849+
19850+
if (name === 'onAdd') {
19851+
var remoteItems = getModelItems(_activeWrapperComponent);
19852+
var item = remoteItems.splice(oldIndex, 1)[0];
19853+
items.splice(newIndex, 0, item);
19854+
19855+
remoteState[_activeWrapperComponent.sortableOptions.model] = remoteItems;
19856+
} else {
19857+
items.splice(newIndex, 0, items.splice(oldIndex, 1)[0]);
19858+
}
19859+
19860+
newState[wrapperComponent.sortableOptions.model] = items;
19861+
19862+
if (copyOptions.stateHandler) {
19863+
sortableComponent[copyOptions.stateHandler](newState);
19864+
} else {
19865+
sortableComponent.setState(newState);
19866+
}
19867+
19868+
if (_activeWrapperComponent !== wrapperComponent) {
19869+
_activeWrapperComponent.refs[refName].setState(remoteState);
19870+
}
1986919871
}
19870-
}
1987119872

19872-
setTimeout(function () {
19873-
emitEvent(name, evt);
19874-
}, 0);
19875-
};
19876-
});
19873+
setTimeout(function () {
19874+
emitEvent(name, evt);
19875+
}, 0);
19876+
};
19877+
});
1987719878

19878-
var domNode = _reactDom2.default.findDOMNode(sortableComponent.refs[options.ref] || sortableComponent);
19879-
this.sortableInstance = _sortablejs2.default.create(domNode, copyOptions);
19880-
}
19881-
}, {
19882-
key: 'componentWillReceiveProps',
19883-
value: function componentWillReceiveProps(nextProps) {
19884-
var wrapperComponent = this;
19885-
var sortableComponent = wrapperComponent.refs[refName];
19886-
var model = wrapperComponent.sortableOptions.model;
19887-
var items = nextProps[model];
19888-
19889-
if (items) {
19890-
var newState = {};
19891-
newState[model] = items;
19892-
sortableComponent.setState(newState);
19879+
var domNode = _reactDom2.default.findDOMNode(sortableComponent.refs[options.ref] || sortableComponent);
19880+
this.sortableInstance = _sortablejs2.default.create(domNode, copyOptions);
1989319881
}
19894-
}
19895-
}, {
19896-
key: 'componentWillUnmount',
19897-
value: function componentWillUnmount() {
19898-
if (this.sortableInstance) {
19899-
this.sortableInstance.destroy();
19900-
this.sortableInstance = null;
19882+
}, {
19883+
key: 'componentWillReceiveProps',
19884+
value: function componentWillReceiveProps(nextProps) {
19885+
var wrapperComponent = this;
19886+
var sortableComponent = wrapperComponent.refs[refName];
19887+
var model = wrapperComponent.sortableOptions.model;
19888+
var items = nextProps[model];
19889+
19890+
if (items) {
19891+
var newState = {};
19892+
newState[model] = items;
19893+
sortableComponent.setState(newState);
19894+
}
1990119895
}
19902-
}
19903-
}, {
19904-
key: 'render',
19905-
value: function render() {
19906-
return _react2.default.createElement(Component, _extends({ ref: refName }, this.props));
19907-
}
19908-
}]);
19896+
}, {
19897+
key: 'componentWillUnmount',
19898+
value: function componentWillUnmount() {
19899+
if (this.sortableInstance) {
19900+
this.sortableInstance.destroy();
19901+
this.sortableInstance = null;
19902+
}
19903+
}
19904+
}, {
19905+
key: 'render',
19906+
value: function render() {
19907+
return _react2.default.createElement(Component, _extends({ ref: refName }, this.props));
19908+
}
19909+
}]);
1990919910

19910-
return _class2;
19911-
}(_react2.default.Component);
19911+
return _class2;
19912+
}(_react2.default.Component);
19913+
};
1991219914
};
1991319915

1991419916
exports.default = SortableMixin;
@@ -21177,9 +21179,12 @@
2117721179
Object.defineProperty(exports, "__esModule", {
2117821180
value: true
2117921181
});
21182+
exports.default = undefined;
2118021183

2118121184
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
2118221185

21186+
var _dec, _class;
21187+
2118321188
var _react = __webpack_require__(1);
2118421189

2118521190
var _react2 = _interopRequireDefault(_react);
@@ -21201,7 +21206,7 @@
2120121206
model: 'items'
2120221207
};
2120321208

21204-
var SimpleList = function (_React$Component) {
21209+
var SimpleList = (_dec = (0, _reactSortablejs2.default)(sortableOptions), _dec(_class = function (_React$Component) {
2120521210
_inherits(SimpleList, _React$Component);
2120621211

2120721212
function SimpleList() {
@@ -21241,9 +21246,8 @@
2124121246
}]);
2124221247

2124321248
return SimpleList;
21244-
}(_react2.default.Component);
21245-
21246-
exports.default = (0, _reactSortablejs2.default)(SimpleList, sortableOptions);
21249+
}(_react2.default.Component)) || _class);
21250+
exports.default = SimpleList;
2124721251

2124821252
/***/ },
2124921253
/* 162 */
@@ -21254,9 +21258,12 @@
2125421258
Object.defineProperty(exports, "__esModule", {
2125521259
value: true
2125621260
});
21261+
exports.default = undefined;
2125721262

2125821263
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
2125921264

21265+
var _dec, _class, _class2, _temp2;
21266+
2126021267
var _react = __webpack_require__(1);
2126121268

2126221269
var _react2 = _interopRequireDefault(_react);
@@ -21279,7 +21286,7 @@
2127921286
group: 'shared'
2128021287
};
2128121288

21282-
var SharedGroup = function (_React$Component) {
21289+
var SharedGroup = (_dec = (0, _reactSortablejs2.default)(sortableOptions), _dec(_class = (_temp2 = _class2 = function (_React$Component) {
2128321290
_inherits(SharedGroup, _React$Component);
2128421291

2128521292
function SharedGroup() {
@@ -21318,15 +21325,12 @@
2131821325
}]);
2131921326

2132021327
return SharedGroup;
21321-
}(_react2.default.Component);
21322-
21323-
SharedGroup.propTypes = {
21328+
}(_react2.default.Component), _class2.propTypes = {
2132421329
items: _react2.default.PropTypes.array
21325-
};
21326-
SharedGroup.defaultProps = {
21330+
}, _class2.defaultProps = {
2132721331
items: []
21328-
};
21329-
exports.default = (0, _reactSortablejs2.default)(SharedGroup, sortableOptions);
21332+
}, _temp2)) || _class);
21333+
exports.default = SharedGroup;
2133021334

2133121335
/***/ }
2133221336
/******/ ]);

0 commit comments

Comments
 (0)