gitee-kanban-react - npm Package Compare versions

Comparing version 1.9.0 to 1.10.0

dist/Board.js

@@ -94,3 +94,3 @@ (function webpackUniversalModuleDefinition(root, factory) {
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 13);
+/******/ 	return __webpack_require__(__webpack_require__.s = 14);
 /******/ })
@@ -317,4 +317,9 @@ /************************************************************************/
 
+// 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) {
@@ -327,3 +332,3 @@ var ref = _ref.ref,
   Object(external_react_["useEffect"])(function () {
-    var timer;
+    var active = true;
     var parent = ref.current.parentElement;
@@ -337,3 +342,3 @@ var el = ref.current.querySelector('.ge-kanban-column-body');
 
-      if (visible && loadable) {
+      if (active && visible && loadable) {
         fnLoadRef.current();
@@ -343,13 +348,3 @@ }
 
-    var delayCheckLoad = function delayCheckLoad() {
-      if (timer) {
-        clearTimeout(timer);
-      }
-
-      timer = setTimeout(function () {
-        checkLoad();
-        timer = null;
-      }, 500);
-    };
-
+    var delayCheckLoad = debounce_default()(checkLoad, 500);
     checkLoad();
@@ -359,8 +354,5 @@ window.addEventListener('resize', delayCheckLoad);
     return function () {
+      active = false;
       window.removeEventListener('resize', delayCheckLoad);
       window.removeEventListener('scroll', delayCheckLoad, true);
-
-      if (timer) {
-        clearTimeout(timer);
-      }
     };
@@ -397,3 +389,4 @@ }, [ref, index]);
     var index = payload.index,
-        nextItemId = payload.nextItemId;
+        nextItemId = payload.nextItemId,
+        prevItemId = payload.prevItemId;
 
@@ -423,2 +416,11 @@ var state = _objectSpread({}, prevState);
       });
+    } else if (prevItemId) {
+      prevItemId = toString_default()(prevItemId);
+      index = state.list.findIndex(function (item) {
+        return toString_default()(item.id) === prevItemId;
+      });
+
+      if (index >= 0) {
+        index += 1;
+      }
     }
@@ -559,3 +561,3 @@
 // EXTERNAL MODULE: ./src/lib/types.js
-var types = __webpack_require__(9);
+var types = __webpack_require__(10);
 
@@ -877,2 +879,8 @@ // CONCATENATED MODULE: ./src/components/Column/index.jsx
 /* 9 */
+/***/ (function(module, exports) {
+
+module.exports = require("lodash/debounce");
+
+/***/ }),
+/* 10 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
@@ -908,3 +916,3 @@
 /***/ }),
-/* 10 */
+/* 11 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
@@ -917,3 +925,3 @@
 // EXTERNAL MODULE: external "regenerator-runtime/runtime"
-var runtime_ = __webpack_require__(12);
+var runtime_ = __webpack_require__(13);
 
@@ -929,3 +937,3 @@ // EXTERNAL MODULE: external "lodash/toString"
 // EXTERNAL MODULE: external "immutability-helper"
-var external_immutability_helper_ = __webpack_require__(11);
+var external_immutability_helper_ = __webpack_require__(12);
 var external_immutability_helper_default = /*#__PURE__*/__webpack_require__.n(external_immutability_helper_);
@@ -958,2 +966,3 @@
       selectedItemEl: null,
+      prevHoverItemEl: null,
       hoverItemEl: null
@@ -997,3 +1006,4 @@ };
           hoverItemEl = _stateRef$current.hoverItemEl,
-          selectedItemEl = _stateRef$current.selectedItemEl;
+          selectedItemEl = _stateRef$current.selectedItemEl,
+          prevHoverItemEl = _stateRef$current.prevHoverItemEl;
 
@@ -1010,4 +1020,12 @@ if (!selectedItemId) {
       var oldColumnEl = Object(utils["b" /* findParentElement */])(selectedItemEl, 'ge-kanban-column');
-      var nextItemId = hoverItemEl ? hoverItemEl.dataset.id : 0;
-      var prevItemId = hoverItemEl && hoverItemEl.previousElementSibling && hoverItemEl.previousElementSibling.dataset.id || 0;
+      var nextItemId = 0;
+      var prevItemId = 0;
+
+      if (hoverItemEl) {
+        nextItemId = hoverItemEl.dataset.id;
+        prevItemId = hoverItemEl.previousElementSibling && hoverItemEl.previousElementSibling.dataset.id || 0;
+      } else if (prevHoverItemEl) {
+        prevItemId = prevHoverItemEl.dataset.id;
+      }
+
       var columnId = columnEl.dataset.id;
@@ -1032,12 +1050,13 @@ var oldColumnId = oldColumnEl.dataset.id;
     function handleDragOver(e) {
+      var state = stateRef.current;
+      var selectedItemId = state.selectedItemId,
+          hoverItemEl = state.hoverItemEl;
       var target = Object(utils["b" /* findParentElement */])(e.target, 'ge-kanban-card');
 
-      if (!target) {
-        return;
+      if (hoverItemEl) {
+        state.prevHoverItemEl = state.hoverItemEl;
+        Object(utils["d" /* removeElementClass */])(hoverItemEl, 'ge-kanban-card--dragover');
+        state.hoverItemEl = null;
       }
 
-      var state = stateRef.current;
-      var selectedItemId = state.selectedItemId,
-          hoverItemEl = state.hoverItemEl;
-
       if (!selectedItemId) {
@@ -1047,10 +1066,8 @@ return;
 
+      if (!target) {
+        return;
+      }
+
       e.stopPropagation();
       e.preventDefault();
-
-      if (hoverItemEl) {
-        Object(utils["d" /* removeElementClass */])(hoverItemEl, 'ge-kanban-card--dragover');
-        state.hoverItemEl = null;
-      }
-
       state.hoverItemEl = target;
@@ -1082,3 +1099,3 @@
 // EXTERNAL MODULE: ./src/lib/types.js
-var types = __webpack_require__(9);
+var types = __webpack_require__(10);
 
@@ -1358,2 +1375,3 @@ // CONCATENATED MODULE: ./src/components/Board/index.jsx
                   nextItemId: nextItemId,
+                  prevItemId: prevItemId,
                   item: {
@@ -1380,3 +1398,5 @@ data: item,
                   nextItemId: nextItemId,
-                  prevItemId: prevItemId
+                  prevItemId: prevItemId,
+                  nextItem: cache.getItem(nextItemId),
+                  prevItem: cache.getItem(prevItemId)
                 }), columnId, function (newItem) {
@@ -1482,3 +1502,3 @@ setTimeout(function () {
 /***/ }),
-/* 11 */
+/* 12 */
 /***/ (function(module, exports) {
@@ -1489,3 +1509,3 @@
 /***/ }),
-/* 12 */
+/* 13 */
 /***/ (function(module, exports) {
@@ -1496,6 +1516,6 @@
 /***/ }),
-/* 13 */
+/* 14 */
 /***/ (function(module, exports, __webpack_require__) {
 
-module.exports = __webpack_require__(10);
+module.exports = __webpack_require__(11);
 
@@ -1502,0 +1522,0 @@

dist/Column.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 = 15);
 /******/ })
@@ -317,4 +317,9 @@ /************************************************************************/
 
+// 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) {
@@ -327,3 +332,3 @@ var ref = _ref.ref,
   Object(external_react_["useEffect"])(function () {
-    var timer;
+    var active = true;
     var parent = ref.current.parentElement;
@@ -337,3 +342,3 @@ var el = ref.current.querySelector('.ge-kanban-column-body');
 
-      if (visible && loadable) {
+      if (active && visible && loadable) {
         fnLoadRef.current();
@@ -343,13 +348,3 @@ }
 
-    var delayCheckLoad = function delayCheckLoad() {
-      if (timer) {
-        clearTimeout(timer);
-      }
-
-      timer = setTimeout(function () {
-        checkLoad();
-        timer = null;
-      }, 500);
-    };
-
+    var delayCheckLoad = debounce_default()(checkLoad, 500);
     checkLoad();
@@ -359,8 +354,5 @@ window.addEventListener('resize', delayCheckLoad);
     return function () {
+      active = false;
       window.removeEventListener('resize', delayCheckLoad);
       window.removeEventListener('scroll', delayCheckLoad, true);
-
-      if (timer) {
-        clearTimeout(timer);
-      }
     };
@@ -397,3 +389,4 @@ }, [ref, index]);
     var index = payload.index,
-        nextItemId = payload.nextItemId;
+        nextItemId = payload.nextItemId,
+        prevItemId = payload.prevItemId;
 
@@ -423,2 +416,11 @@ var state = _objectSpread({}, prevState);
       });
+    } else if (prevItemId) {
+      prevItemId = toString_default()(prevItemId);
+      index = state.list.findIndex(function (item) {
+        return toString_default()(item.id) === prevItemId;
+      });
+
+      if (index >= 0) {
+        index += 1;
+      }
     }
@@ -559,3 +561,3 @@
 // EXTERNAL MODULE: ./src/lib/types.js
-var types = __webpack_require__(9);
+var types = __webpack_require__(10);
 
@@ -877,2 +879,8 @@ // CONCATENATED MODULE: ./src/components/Column/index.jsx
 /* 9 */
+/***/ (function(module, exports) {
+
+module.exports = require("lodash/debounce");
+
+/***/ }),
+/* 10 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
@@ -908,7 +916,7 @@
 /***/ }),
-/* 10 */,
 /* 11 */,
 /* 12 */,
 /* 13 */,
-/* 14 */
+/* 14 */,
+/* 15 */
 /***/ (function(module, exports, __webpack_require__) {
@@ -915,0 +923,0 @@

dist/EventHub.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 = 16);
 /******/ })
@@ -107,3 +107,3 @@ /************************************************************************/
 
-/***/ 15:
+/***/ 16:
 /***/ (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 = 17);
+/******/ 	return __webpack_require__(__webpack_require__.s = 18);
 /******/ })
@@ -317,4 +317,9 @@ /************************************************************************/
 
+// 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) {
@@ -327,3 +332,3 @@ var ref = _ref.ref,
   Object(external_react_["useEffect"])(function () {
-    var timer;
+    var active = true;
     var parent = ref.current.parentElement;
@@ -337,3 +342,3 @@ var el = ref.current.querySelector('.ge-kanban-column-body');
 
-      if (visible && loadable) {
+      if (active && visible && loadable) {
         fnLoadRef.current();
@@ -343,13 +348,3 @@ }
 
-    var delayCheckLoad = function delayCheckLoad() {
-      if (timer) {
-        clearTimeout(timer);
-      }
-
-      timer = setTimeout(function () {
-        checkLoad();
-        timer = null;
-      }, 500);
-    };
-
+    var delayCheckLoad = debounce_default()(checkLoad, 500);
     checkLoad();
@@ -359,8 +354,5 @@ window.addEventListener('resize', delayCheckLoad);
     return function () {
+      active = false;
       window.removeEventListener('resize', delayCheckLoad);
       window.removeEventListener('scroll', delayCheckLoad, true);
-
-      if (timer) {
-        clearTimeout(timer);
-      }
     };
@@ -397,3 +389,4 @@ }, [ref, index]);
     var index = payload.index,
-        nextItemId = payload.nextItemId;
+        nextItemId = payload.nextItemId,
+        prevItemId = payload.prevItemId;
 
@@ -423,2 +416,11 @@ var state = _objectSpread({}, prevState);
       });
+    } else if (prevItemId) {
+      prevItemId = toString_default()(prevItemId);
+      index = state.list.findIndex(function (item) {
+        return toString_default()(item.id) === prevItemId;
+      });
+
+      if (index >= 0) {
+        index += 1;
+      }
     }
@@ -559,3 +561,3 @@
 // EXTERNAL MODULE: ./src/lib/types.js
-var types = __webpack_require__(9);
+var types = __webpack_require__(10);
 
@@ -877,2 +879,8 @@ // CONCATENATED MODULE: ./src/components/Column/index.jsx
 /* 9 */
+/***/ (function(module, exports) {
+
+module.exports = require("lodash/debounce");
+
+/***/ }),
+/* 10 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
@@ -908,3 +916,3 @@
 /***/ }),
-/* 10 */
+/* 11 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
@@ -917,3 +925,3 @@
 // EXTERNAL MODULE: external "regenerator-runtime/runtime"
-var runtime_ = __webpack_require__(12);
+var runtime_ = __webpack_require__(13);
 
@@ -929,3 +937,3 @@ // EXTERNAL MODULE: external "lodash/toString"
 // EXTERNAL MODULE: external "immutability-helper"
-var external_immutability_helper_ = __webpack_require__(11);
+var external_immutability_helper_ = __webpack_require__(12);
 var external_immutability_helper_default = /*#__PURE__*/__webpack_require__.n(external_immutability_helper_);
@@ -958,2 +966,3 @@
       selectedItemEl: null,
+      prevHoverItemEl: null,
       hoverItemEl: null
@@ -997,3 +1006,4 @@ };
           hoverItemEl = _stateRef$current.hoverItemEl,
-          selectedItemEl = _stateRef$current.selectedItemEl;
+          selectedItemEl = _stateRef$current.selectedItemEl,
+          prevHoverItemEl = _stateRef$current.prevHoverItemEl;
 
@@ -1010,4 +1020,12 @@ if (!selectedItemId) {
       var oldColumnEl = Object(utils["b" /* findParentElement */])(selectedItemEl, 'ge-kanban-column');
-      var nextItemId = hoverItemEl ? hoverItemEl.dataset.id : 0;
-      var prevItemId = hoverItemEl && hoverItemEl.previousElementSibling && hoverItemEl.previousElementSibling.dataset.id || 0;
+      var nextItemId = 0;
+      var prevItemId = 0;
+
+      if (hoverItemEl) {
+        nextItemId = hoverItemEl.dataset.id;
+        prevItemId = hoverItemEl.previousElementSibling && hoverItemEl.previousElementSibling.dataset.id || 0;
+      } else if (prevHoverItemEl) {
+        prevItemId = prevHoverItemEl.dataset.id;
+      }
+
       var columnId = columnEl.dataset.id;
@@ -1032,12 +1050,13 @@ var oldColumnId = oldColumnEl.dataset.id;
     function handleDragOver(e) {
+      var state = stateRef.current;
+      var selectedItemId = state.selectedItemId,
+          hoverItemEl = state.hoverItemEl;
       var target = Object(utils["b" /* findParentElement */])(e.target, 'ge-kanban-card');
 
-      if (!target) {
-        return;
+      if (hoverItemEl) {
+        state.prevHoverItemEl = state.hoverItemEl;
+        Object(utils["d" /* removeElementClass */])(hoverItemEl, 'ge-kanban-card--dragover');
+        state.hoverItemEl = null;
       }
 
-      var state = stateRef.current;
-      var selectedItemId = state.selectedItemId,
-          hoverItemEl = state.hoverItemEl;
-
       if (!selectedItemId) {
@@ -1047,10 +1066,8 @@ return;
 
+      if (!target) {
+        return;
+      }
+
       e.stopPropagation();
       e.preventDefault();
-
-      if (hoverItemEl) {
-        Object(utils["d" /* removeElementClass */])(hoverItemEl, 'ge-kanban-card--dragover');
-        state.hoverItemEl = null;
-      }
-
       state.hoverItemEl = target;
@@ -1082,3 +1099,3 @@
 // EXTERNAL MODULE: ./src/lib/types.js
-var types = __webpack_require__(9);
+var types = __webpack_require__(10);
 
@@ -1358,2 +1375,3 @@ // CONCATENATED MODULE: ./src/components/Board/index.jsx
                   nextItemId: nextItemId,
+                  prevItemId: prevItemId,
                   item: {
@@ -1380,3 +1398,5 @@ data: item,
                   nextItemId: nextItemId,
-                  prevItemId: prevItemId
+                  prevItemId: prevItemId,
+                  nextItem: cache.getItem(nextItemId),
+                  prevItem: cache.getItem(prevItemId)
                 }), columnId, function (newItem) {
@@ -1482,3 +1502,3 @@ setTimeout(function () {
 /***/ }),
-/* 11 */
+/* 12 */
 /***/ (function(module, exports) {
@@ -1489,3 +1509,3 @@
 /***/ }),
-/* 12 */
+/* 13 */
 /***/ (function(module, exports) {
@@ -1496,14 +1516,14 @@
 /***/ }),
-/* 13 */,
 /* 14 */,
 /* 15 */,
 /* 16 */,
-/* 17 */
+/* 17 */,
+/* 18 */
 /***/ (function(module, exports, __webpack_require__) {
 
-module.exports = __webpack_require__(18);
+module.exports = __webpack_require__(19);
 
 
 /***/ }),
-/* 18 */
+/* 19 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
@@ -1522,3 +1542,3 @@
 // EXTERNAL MODULE: ./src/components/Board/index.jsx + 1 modules
-var Board = __webpack_require__(10);
+var Board = __webpack_require__(11);
 
@@ -1525,0 +1545,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 = 16);
+/******/ 	return __webpack_require__(__webpack_require__.s = 17);
 /******/ })
@@ -107,3 +107,3 @@ /************************************************************************/
 
-/***/ 16:
+/***/ 17:
 /***/ (function(module, exports, __webpack_require__) {
@@ -110,0 +110,0 @@

package.json

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

No alert changes

Improved metrics

Total package byte prevSize

353753

1.35%

Lines of code

3656

1.16%

No dependency changes