gitee-kanban-react - npm Package Compare versions

Comparing version 1.8.1 to 1.9.0

dist/Board.js

@@ -94,3 +94,3 @@ (function webpackUniversalModuleDefinition(root, factory) {
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 14);
+/******/ 	return __webpack_require__(__webpack_require__.s = 13);
 /******/ })
@@ -317,9 +317,4 @@ /************************************************************************/
 
-// EXTERNAL MODULE: external "lodash/debounce"
-var debounce_ = __webpack_require__(9);
-var debounce_default = /*#__PURE__*/__webpack_require__.n(debounce_);
-
 // CONCATENATED MODULE: ./src/components/Column/useAutoLoadMore.js
 
-
 function useAutoLoadMore(_ref) {
@@ -332,2 +327,3 @@ var ref = _ref.ref,
   Object(external_react_["useEffect"])(function () {
+    var timer;
     var parent = ref.current.parentElement;
@@ -346,3 +342,13 @@ var el = ref.current.querySelector('.ge-kanban-column-body');
 
-    var delayCheckLoad = debounce_default()(checkLoad, 500);
+    var delayCheckLoad = function delayCheckLoad() {
+      if (timer) {
+        clearTimeout(timer);
+      }
+
+      timer = setTimeout(function () {
+        checkLoad();
+        timer = null;
+      }, 500);
+    };
+
     checkLoad();
@@ -354,2 +360,6 @@ window.addEventListener('resize', delayCheckLoad);
       window.removeEventListener('scroll', delayCheckLoad, true);
+
+      if (timer) {
+        clearTimeout(timer);
+      }
     };
@@ -546,3 +556,3 @@ }, [ref, index]);
 // EXTERNAL MODULE: ./src/lib/types.js
-var types = __webpack_require__(10);
+var types = __webpack_require__(9);
 
@@ -864,8 +874,2 @@ // CONCATENATED MODULE: ./src/components/Column/index.jsx
 /* 9 */
-/***/ (function(module, exports) {
-
-module.exports = require("lodash/debounce");
-
-/***/ }),
-/* 10 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
@@ -901,3 +905,3 @@
 /***/ }),
-/* 11 */
+/* 10 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
@@ -910,3 +914,3 @@
 // EXTERNAL MODULE: external "regenerator-runtime/runtime"
-var runtime_ = __webpack_require__(13);
+var runtime_ = __webpack_require__(12);
 
@@ -922,3 +926,3 @@ // EXTERNAL MODULE: external "lodash/toString"
 // EXTERNAL MODULE: external "immutability-helper"
-var external_immutability_helper_ = __webpack_require__(12);
+var external_immutability_helper_ = __webpack_require__(11);
 var external_immutability_helper_default = /*#__PURE__*/__webpack_require__.n(external_immutability_helper_);
@@ -943,5 +947,7 @@
       columns = _ref.columns,
-      onDrop = _ref.onDrop;
+      onDrop = _ref.onDrop,
+      allowCardSorting = _ref.allowCardSorting;
   var stateRef = Object(external_react_["useRef"])({});
-  Object(external_react_["useEffect"])(function () {
+
+  if (stateRef.current) {
     stateRef.current = {
@@ -952,8 +958,8 @@ selectedItemId: null,
     };
-  }, []);
+  }
+
+  stateRef.current.ref = ref;
+  stateRef.current.onDrop = onDrop;
+  stateRef.current.allowCardSorting = allowCardSorting;
   Object(external_react_["useEffect"])(function () {
-    stateRef.current.ref = ref;
-    stateRef.current.onDrop = onDrop;
-  });
-  Object(external_react_["useEffect"])(function () {
     var el = stateRef.current.ref.current;
@@ -1002,6 +1008,7 @@
       var nextItemId = hoverItemEl ? hoverItemEl.dataset.id : 0;
+      var prevItemId = hoverItemEl && hoverItemEl.previousElementSibling && hoverItemEl.previousElementSibling.dataset.id || 0;
       var columnId = columnEl.dataset.id;
       var oldColumnId = oldColumnEl.dataset.id;
 
-      if (columnId === oldColumnId) {
+      if (!stateRef.current.allowCardSorting && columnId === oldColumnId) {
         return;
@@ -1012,3 +1019,9 @@ }
       e.preventDefault();
-      stateRef.current.onDrop(selectedItemId, columnId, oldColumnId, nextItemId);
+      stateRef.current.onDrop({
+        itemId: selectedItemId,
+        columnId: columnId,
+        oldColumnId: oldColumnId,
+        nextItemId: nextItemId,
+        prevItemId: prevItemId
+      });
     }
@@ -1065,3 +1078,3 @@
 // EXTERNAL MODULE: ./src/lib/types.js
-var types = __webpack_require__(10);
+var types = __webpack_require__(9);
 
@@ -1071,3 +1084,3 @@ // CONCATENATED MODULE: ./src/components/Board/index.jsx
     _excluded2 = ["data", "column", "moveColumn"],
-    _excluded3 = ["className", "columns", "renderCard", "renderCardList", "renderColumn", "renderColumnHeader", "renderColumnMessage", "selectedItemId", "onFetchMore", "onSort", "onChange"];
+    _excluded3 = ["className", "columns", "renderCard", "renderCardList", "renderColumn", "renderColumnHeader", "renderColumnMessage", "selectedItemId", "onFetchMore", "onSort", "allowCardSorting", "onChange"];
 
@@ -1284,2 +1297,3 @@ function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
       onSort = _ref7.onSort,
+      allowCardSorting = _ref7.allowCardSorting,
       onChange = _ref7.onChange,
@@ -1300,5 +1314,6 @@ props = _objectWithoutProperties(_ref7, _excluded3);
     columns: columns,
-    onDrop: function onDrop(itemId, columnId, oldColumnId, nextItemId) {
+    allowCardSorting: allowCardSorting,
+    onDrop: function onDrop(_ref8) {
       return _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2() {
-        var item, column;
+        var itemId, columnId, oldColumnId, nextItemId, prevItemId, item, column;
         return regeneratorRuntime.wrap(function _callee2$(_context2) {
@@ -1308,6 +1323,7 @@ while (1) {
               case 0:
+                itemId = _ref8.itemId, columnId = _ref8.columnId, oldColumnId = _ref8.oldColumnId, nextItemId = _ref8.nextItemId, prevItemId = _ref8.prevItemId;
                 item = cache.getItem(itemId);
 
                 if (item) {
-                  _context2.next = 3;
+                  _context2.next = 4;
                   break;
@@ -1318,5 +1334,5 @@ }
 
-              case 3:
-                column = columns.find(function (_ref8) {
-                  var id = _ref8.id;
+              case 4:
+                column = columns.find(function (_ref9) {
+                  var id = _ref9.id;
                   return toString_default()(id) === columnId;
@@ -1326,3 +1342,3 @@ });
                 if (!(column && typeof column.canDrop === 'function' && !column.canDrop(item))) {
-                  _context2.next = 6;
+                  _context2.next = 7;
                   break;
@@ -1333,3 +1349,3 @@ }
 
-              case 6:
+              case 7:
                 eventHub.emit('setItem', {
@@ -1361,6 +1377,8 @@ columnId: oldColumnId,
                 });
-                _context2.prev = 9;
-                _context2.next = 12;
+                _context2.prev = 10;
+                _context2.next = 13;
                 return onChange(_objectSpread(_objectSpread({}, item), {}, {
-                  columnId: oldColumnId
+                  columnId: oldColumnId,
+                  nextItemId: nextItemId,
+                  prevItemId: prevItemId
                 }), columnId, function (newItem) {
@@ -1384,9 +1402,9 @@ setTimeout(function () {
 
-              case 12:
-                _context2.next = 18;
+              case 13:
+                _context2.next = 19;
                 break;
 
-              case 14:
-                _context2.prev = 14;
-                _context2.t0 = _context2["catch"](9);
+              case 15:
+                _context2.prev = 15;
+                _context2.t0 = _context2["catch"](10);
                 eventHub.emit('setItem', {
@@ -1404,3 +1422,3 @@ columnId: oldColumnId,
 
-              case 18:
+              case 19:
               case "end":
@@ -1410,9 +1428,9 @@ return _context2.stop();
           }
-        }, _callee2, null, [[9, 14]]);
+        }, _callee2, null, [[10, 15]]);
       }))();
     }
   });
-  Object(EventHub["useKanbanEventHandler"])(function (_ref9) {
-    var event = _ref9.event,
-        payload = _ref9.payload;
+  Object(EventHub["useKanbanEventHandler"])(function (_ref10) {
+    var event = _ref10.event,
+        payload = _ref10.payload;
 
@@ -1456,2 +1474,3 @@ if (event === 'updateItem' || event === 'insertItem') {
   selectedItemId: null,
+  allowCardSorting: false,
   renderCard: renderCardDefault,
@@ -1469,3 +1488,3 @@ renderCardList: renderCardListDefault,
 /***/ }),
-/* 12 */
+/* 11 */
 /***/ (function(module, exports) {
@@ -1476,3 +1495,3 @@
 /***/ }),
-/* 13 */
+/* 12 */
 /***/ (function(module, exports) {
@@ -1483,6 +1502,6 @@
 /***/ }),
-/* 14 */
+/* 13 */
 /***/ (function(module, exports, __webpack_require__) {
 
-module.exports = __webpack_require__(11);
+module.exports = __webpack_require__(10);
 
@@ -1489,0 +1508,0 @@

dist/Column.js

@@ -94,3 +94,3 @@ (function webpackUniversalModuleDefinition(root, factory) {
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 15);
+/******/ 	return __webpack_require__(__webpack_require__.s = 14);
 /******/ })
@@ -317,9 +317,4 @@ /************************************************************************/
 
-// EXTERNAL MODULE: external "lodash/debounce"
-var debounce_ = __webpack_require__(9);
-var debounce_default = /*#__PURE__*/__webpack_require__.n(debounce_);
-
 // CONCATENATED MODULE: ./src/components/Column/useAutoLoadMore.js
 
-
 function useAutoLoadMore(_ref) {
@@ -332,2 +327,3 @@ var ref = _ref.ref,
   Object(external_react_["useEffect"])(function () {
+    var timer;
     var parent = ref.current.parentElement;
@@ -346,3 +342,13 @@ var el = ref.current.querySelector('.ge-kanban-column-body');
 
-    var delayCheckLoad = debounce_default()(checkLoad, 500);
+    var delayCheckLoad = function delayCheckLoad() {
+      if (timer) {
+        clearTimeout(timer);
+      }
+
+      timer = setTimeout(function () {
+        checkLoad();
+        timer = null;
+      }, 500);
+    };
+
     checkLoad();
@@ -354,2 +360,6 @@ window.addEventListener('resize', delayCheckLoad);
       window.removeEventListener('scroll', delayCheckLoad, true);
+
+      if (timer) {
+        clearTimeout(timer);
+      }
     };
@@ -546,3 +556,3 @@ }, [ref, index]);
 // EXTERNAL MODULE: ./src/lib/types.js
-var types = __webpack_require__(10);
+var types = __webpack_require__(9);
 
@@ -864,8 +874,2 @@ // CONCATENATED MODULE: ./src/components/Column/index.jsx
 /* 9 */
-/***/ (function(module, exports) {
-
-module.exports = require("lodash/debounce");
-
-/***/ }),
-/* 10 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
@@ -901,7 +905,7 @@
 /***/ }),
+/* 10 */,
 /* 11 */,
 /* 12 */,
 /* 13 */,
-/* 14 */,
-/* 15 */
+/* 14 */
 /***/ (function(module, exports, __webpack_require__) {
@@ -908,0 +912,0 @@

dist/EventHub.js

@@ -94,3 +94,3 @@ (function webpackUniversalModuleDefinition(root, factory) {
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 16);
+/******/ 	return __webpack_require__(__webpack_require__.s = 15);
 /******/ })
@@ -107,3 +107,3 @@ /************************************************************************/
 
-/***/ 16:
+/***/ 15:
 /***/ (function(module, exports, __webpack_require__) {
@@ -110,0 +110,0 @@

dist/index.js

@@ -94,3 +94,3 @@ (function webpackUniversalModuleDefinition(root, factory) {
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 18);
+/******/ 	return __webpack_require__(__webpack_require__.s = 17);
 /******/ })
@@ -317,9 +317,4 @@ /************************************************************************/
 
-// EXTERNAL MODULE: external "lodash/debounce"
-var debounce_ = __webpack_require__(9);
-var debounce_default = /*#__PURE__*/__webpack_require__.n(debounce_);
-
 // CONCATENATED MODULE: ./src/components/Column/useAutoLoadMore.js
 
-
 function useAutoLoadMore(_ref) {
@@ -332,2 +327,3 @@ var ref = _ref.ref,
   Object(external_react_["useEffect"])(function () {
+    var timer;
     var parent = ref.current.parentElement;
@@ -346,3 +342,13 @@ var el = ref.current.querySelector('.ge-kanban-column-body');
 
-    var delayCheckLoad = debounce_default()(checkLoad, 500);
+    var delayCheckLoad = function delayCheckLoad() {
+      if (timer) {
+        clearTimeout(timer);
+      }
+
+      timer = setTimeout(function () {
+        checkLoad();
+        timer = null;
+      }, 500);
+    };
+
     checkLoad();
@@ -354,2 +360,6 @@ window.addEventListener('resize', delayCheckLoad);
       window.removeEventListener('scroll', delayCheckLoad, true);
+
+      if (timer) {
+        clearTimeout(timer);
+      }
     };
@@ -546,3 +556,3 @@ }, [ref, index]);
 // EXTERNAL MODULE: ./src/lib/types.js
-var types = __webpack_require__(10);
+var types = __webpack_require__(9);
 
@@ -864,8 +874,2 @@ // CONCATENATED MODULE: ./src/components/Column/index.jsx
 /* 9 */
-/***/ (function(module, exports) {
-
-module.exports = require("lodash/debounce");
-
-/***/ }),
-/* 10 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
@@ -901,3 +905,3 @@
 /***/ }),
-/* 11 */
+/* 10 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
@@ -910,3 +914,3 @@
 // EXTERNAL MODULE: external "regenerator-runtime/runtime"
-var runtime_ = __webpack_require__(13);
+var runtime_ = __webpack_require__(12);
 
@@ -922,3 +926,3 @@ // EXTERNAL MODULE: external "lodash/toString"
 // EXTERNAL MODULE: external "immutability-helper"
-var external_immutability_helper_ = __webpack_require__(12);
+var external_immutability_helper_ = __webpack_require__(11);
 var external_immutability_helper_default = /*#__PURE__*/__webpack_require__.n(external_immutability_helper_);
@@ -943,5 +947,7 @@
       columns = _ref.columns,
-      onDrop = _ref.onDrop;
+      onDrop = _ref.onDrop,
+      allowCardSorting = _ref.allowCardSorting;
   var stateRef = Object(external_react_["useRef"])({});
-  Object(external_react_["useEffect"])(function () {
+
+  if (stateRef.current) {
     stateRef.current = {
@@ -952,8 +958,8 @@ selectedItemId: null,
     };
-  }, []);
+  }
+
+  stateRef.current.ref = ref;
+  stateRef.current.onDrop = onDrop;
+  stateRef.current.allowCardSorting = allowCardSorting;
   Object(external_react_["useEffect"])(function () {
-    stateRef.current.ref = ref;
-    stateRef.current.onDrop = onDrop;
-  });
-  Object(external_react_["useEffect"])(function () {
     var el = stateRef.current.ref.current;
@@ -1002,6 +1008,7 @@
       var nextItemId = hoverItemEl ? hoverItemEl.dataset.id : 0;
+      var prevItemId = hoverItemEl && hoverItemEl.previousElementSibling && hoverItemEl.previousElementSibling.dataset.id || 0;
       var columnId = columnEl.dataset.id;
       var oldColumnId = oldColumnEl.dataset.id;
 
-      if (columnId === oldColumnId) {
+      if (!stateRef.current.allowCardSorting && columnId === oldColumnId) {
         return;
@@ -1012,3 +1019,9 @@ }
       e.preventDefault();
-      stateRef.current.onDrop(selectedItemId, columnId, oldColumnId, nextItemId);
+      stateRef.current.onDrop({
+        itemId: selectedItemId,
+        columnId: columnId,
+        oldColumnId: oldColumnId,
+        nextItemId: nextItemId,
+        prevItemId: prevItemId
+      });
     }
@@ -1065,3 +1078,3 @@
 // EXTERNAL MODULE: ./src/lib/types.js
-var types = __webpack_require__(10);
+var types = __webpack_require__(9);
 
@@ -1071,3 +1084,3 @@ // CONCATENATED MODULE: ./src/components/Board/index.jsx
     _excluded2 = ["data", "column", "moveColumn"],
-    _excluded3 = ["className", "columns", "renderCard", "renderCardList", "renderColumn", "renderColumnHeader", "renderColumnMessage", "selectedItemId", "onFetchMore", "onSort", "onChange"];
+    _excluded3 = ["className", "columns", "renderCard", "renderCardList", "renderColumn", "renderColumnHeader", "renderColumnMessage", "selectedItemId", "onFetchMore", "onSort", "allowCardSorting", "onChange"];
 
@@ -1284,2 +1297,3 @@ function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
       onSort = _ref7.onSort,
+      allowCardSorting = _ref7.allowCardSorting,
       onChange = _ref7.onChange,
@@ -1300,5 +1314,6 @@ props = _objectWithoutProperties(_ref7, _excluded3);
     columns: columns,
-    onDrop: function onDrop(itemId, columnId, oldColumnId, nextItemId) {
+    allowCardSorting: allowCardSorting,
+    onDrop: function onDrop(_ref8) {
       return _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2() {
-        var item, column;
+        var itemId, columnId, oldColumnId, nextItemId, prevItemId, item, column;
         return regeneratorRuntime.wrap(function _callee2$(_context2) {
@@ -1308,6 +1323,7 @@ while (1) {
               case 0:
+                itemId = _ref8.itemId, columnId = _ref8.columnId, oldColumnId = _ref8.oldColumnId, nextItemId = _ref8.nextItemId, prevItemId = _ref8.prevItemId;
                 item = cache.getItem(itemId);
 
                 if (item) {
-                  _context2.next = 3;
+                  _context2.next = 4;
                   break;
@@ -1318,5 +1334,5 @@ }
 
-              case 3:
-                column = columns.find(function (_ref8) {
-                  var id = _ref8.id;
+              case 4:
+                column = columns.find(function (_ref9) {
+                  var id = _ref9.id;
                   return toString_default()(id) === columnId;
@@ -1326,3 +1342,3 @@ });
                 if (!(column && typeof column.canDrop === 'function' && !column.canDrop(item))) {
-                  _context2.next = 6;
+                  _context2.next = 7;
                   break;
@@ -1333,3 +1349,3 @@ }
 
-              case 6:
+              case 7:
                 eventHub.emit('setItem', {
@@ -1361,6 +1377,8 @@ columnId: oldColumnId,
                 });
-                _context2.prev = 9;
-                _context2.next = 12;
+                _context2.prev = 10;
+                _context2.next = 13;
                 return onChange(_objectSpread(_objectSpread({}, item), {}, {
-                  columnId: oldColumnId
+                  columnId: oldColumnId,
+                  nextItemId: nextItemId,
+                  prevItemId: prevItemId
                 }), columnId, function (newItem) {
@@ -1384,9 +1402,9 @@ setTimeout(function () {
 
-              case 12:
-                _context2.next = 18;
+              case 13:
+                _context2.next = 19;
                 break;
 
-              case 14:
-                _context2.prev = 14;
-                _context2.t0 = _context2["catch"](9);
+              case 15:
+                _context2.prev = 15;
+                _context2.t0 = _context2["catch"](10);
                 eventHub.emit('setItem', {
@@ -1404,3 +1422,3 @@ columnId: oldColumnId,
 
-              case 18:
+              case 19:
               case "end":
@@ -1410,9 +1428,9 @@ return _context2.stop();
           }
-        }, _callee2, null, [[9, 14]]);
+        }, _callee2, null, [[10, 15]]);
       }))();
     }
   });
-  Object(EventHub["useKanbanEventHandler"])(function (_ref9) {
-    var event = _ref9.event,
-        payload = _ref9.payload;
+  Object(EventHub["useKanbanEventHandler"])(function (_ref10) {
+    var event = _ref10.event,
+        payload = _ref10.payload;
 
@@ -1456,2 +1474,3 @@ if (event === 'updateItem' || event === 'insertItem') {
   selectedItemId: null,
+  allowCardSorting: false,
   renderCard: renderCardDefault,
@@ -1469,3 +1488,3 @@ renderCardList: renderCardListDefault,
 /***/ }),
-/* 12 */
+/* 11 */
 /***/ (function(module, exports) {
@@ -1476,3 +1495,3 @@
 /***/ }),
-/* 13 */
+/* 12 */
 /***/ (function(module, exports) {
@@ -1483,14 +1502,14 @@
 /***/ }),
+/* 13 */,
 /* 14 */,
 /* 15 */,
 /* 16 */,
-/* 17 */,
-/* 18 */
+/* 17 */
 /***/ (function(module, exports, __webpack_require__) {
 
-module.exports = __webpack_require__(19);
+module.exports = __webpack_require__(18);
 
 
 /***/ }),
-/* 19 */
+/* 18 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
@@ -1509,3 +1528,3 @@
 // EXTERNAL MODULE: ./src/components/Board/index.jsx + 1 modules
-var Board = __webpack_require__(11);
+var Board = __webpack_require__(10);
 
@@ -1512,0 +1531,0 @@ // EXTERNAL MODULE: ./src/components/Column/index.jsx + 2 modules

dist/KanbanContextProvider.js

@@ -94,3 +94,3 @@ (function webpackUniversalModuleDefinition(root, factory) {
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 17);
+/******/ 	return __webpack_require__(__webpack_require__.s = 16);
 /******/ })
@@ -107,3 +107,3 @@ /************************************************************************/
 
-/***/ 17:
+/***/ 16:
 /***/ (function(module, exports, __webpack_require__) {
@@ -110,0 +110,0 @@

package.json

 {
   "name": "gitee-kanban-react",
-  "version": "1.8.1",
+  "version": "1.9.0",
   "description": "Kanban component",
@@ -5,0 +5,0 @@ "main": "dist/index.js",

No alert changes

Improved metrics

Total package byte prevSize

349047

1.24%

Lines of code

3614

1.15%

No dependency changes