sense-react-timeline-editor 1.1.25 → 1.1.26

package/dist/components/edit_area/hooks/use_row_selection.d.ts

@@ -12,6 +12,7 @@ export interface UseRowSelectionOptions {
 export declare const useRowSelection: (options: UseRowSelectionOptions) => {
     DragSelection: () => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
     selectedActionIds: string[];
+    justFinishedSelectionRef: import("react").MutableRefObject<boolean>;
     clearSelection: () => void;
     onClickOutside: (target: HTMLElement) => void;
     onCtrlClick: (actionId: string, event: MouseEvent) => void;

package/dist/index.esm.js

@@ -3095,6 +3095,8 @@ var useRowSelection = function useRowSelection(options) {
     _useState2 = _slicedToArray(_useState, 2),
     selectedActionIds = _useState2[0],
     setSelectedActionIds = _useState2[1];
+  var justFinishedSelectionRef = useRef(false);
+  var selectionResetTimerRef = useRef(null);
   // 计算框选区域与 action 的交集
   var getIntersectedActions = useCallback(function (box) {
     var _containerRef$current, _containerRef$current2;
@@ -3160,6 +3162,14 @@ var useRowSelection = function useRowSelection(options) {
         }
       },
       onSelectionEnd: function onSelectionEnd() {
+        justFinishedSelectionRef.current = true;
+        if (selectionResetTimerRef.current) {
+          clearTimeout(selectionResetTimerRef.current);
+        }
+        selectionResetTimerRef.current = setTimeout(function () {
+          justFinishedSelectionRef.current = false;
+          selectionResetTimerRef.current = null;
+        }, 0);
         // 清除框选框
         setTimeout(function () {
           var selectionBoxes = document.querySelectorAll('.timeline-editor-selection-box');
@@ -3230,11 +3240,15 @@ var useRowSelection = function useRowSelection(options) {
     document.addEventListener('keydown', handleKeyDown);
     return function () {
       document.removeEventListener('keydown', handleKeyDown);
+      if (selectionResetTimerRef.current) {
+        clearTimeout(selectionResetTimerRef.current);
+      }
     };
   }, [handleKeyDown]);
   return {
     DragSelection: DragSelection,
     selectedActionIds: Array.from(selectedActionIds),
+    justFinishedSelectionRef: justFinishedSelectionRef,
     clearSelection: clearSelection,
     onClickOutside: handleClickOutside,
     onCtrlClick: handleCtrlClick,
@@ -3904,6 +3918,7 @@ var EditAreaO = /*#__PURE__*/React.forwardRef(function (props, ref) {
     }),
     DragSelection = _useRowSelection.DragSelection,
     selectedActionIds = _useRowSelection.selectedActionIds,
+    justFinishedSelectionRef = _useRowSelection.justFinishedSelectionRef,
     onClickOutside = _useRowSelection.onClickOutside,
     onCtrlClick = _useRowSelection.onCtrlClick,
     setSelectedActionIds = _useRowSelection.setSelectedActionIds;
@@ -4172,6 +4187,11 @@ var EditAreaO = /*#__PURE__*/React.forwardRef(function (props, ref) {
   return /*#__PURE__*/React.createElement("div", {
     ref: editAreaRef,
     className: prefix('edit-area') + " ".concat((className || '').replace('timeline-editor', '') || ''),
+    onClickCapture: function onClickCapture(e) {
+      if (!justFinishedSelectionRef.current) return;
+      e.preventDefault();
+      e.stopPropagation();
+    },
     style: {
       height: isMulti ? _totalHeight : 'unset',
       maxHeight: isMulti ? _totalHeight : 'unset',

package/dist/index.js

@@ -3105,6 +3105,8 @@ var useRowSelection = function useRowSelection(options) {
     _useState2 = _slicedToArray(_useState, 2),
     selectedActionIds = _useState2[0],
     setSelectedActionIds = _useState2[1];
+  var justFinishedSelectionRef = React.useRef(false);
+  var selectionResetTimerRef = React.useRef(null);
   // 计算框选区域与 action 的交集
   var getIntersectedActions = React.useCallback(function (box) {
     var _containerRef$current, _containerRef$current2;
@@ -3170,6 +3172,14 @@ var useRowSelection = function useRowSelection(options) {
         }
       },
       onSelectionEnd: function onSelectionEnd() {
+        justFinishedSelectionRef.current = true;
+        if (selectionResetTimerRef.current) {
+          clearTimeout(selectionResetTimerRef.current);
+        }
+        selectionResetTimerRef.current = setTimeout(function () {
+          justFinishedSelectionRef.current = false;
+          selectionResetTimerRef.current = null;
+        }, 0);
         // 清除框选框
         setTimeout(function () {
           var selectionBoxes = document.querySelectorAll('.timeline-editor-selection-box');
@@ -3240,11 +3250,15 @@ var useRowSelection = function useRowSelection(options) {
     document.addEventListener('keydown', handleKeyDown);
     return function () {
       document.removeEventListener('keydown', handleKeyDown);
+      if (selectionResetTimerRef.current) {
+        clearTimeout(selectionResetTimerRef.current);
+      }
     };
   }, [handleKeyDown]);
   return {
     DragSelection: DragSelection,
     selectedActionIds: Array.from(selectedActionIds),
+    justFinishedSelectionRef: justFinishedSelectionRef,
     clearSelection: clearSelection,
     onClickOutside: handleClickOutside,
     onCtrlClick: handleCtrlClick,
@@ -3914,6 +3928,7 @@ var EditAreaO = /*#__PURE__*/React__default['default'].forwardRef(function (prop
     }),
     DragSelection = _useRowSelection.DragSelection,
     selectedActionIds = _useRowSelection.selectedActionIds,
+    justFinishedSelectionRef = _useRowSelection.justFinishedSelectionRef,
     onClickOutside = _useRowSelection.onClickOutside,
     onCtrlClick = _useRowSelection.onCtrlClick,
     setSelectedActionIds = _useRowSelection.setSelectedActionIds;
@@ -4182,6 +4197,11 @@ var EditAreaO = /*#__PURE__*/React__default['default'].forwardRef(function (prop
   return /*#__PURE__*/React__default['default'].createElement("div", {
     ref: editAreaRef,
     className: prefix('edit-area') + " ".concat((className || '').replace('timeline-editor', '') || ''),
+    onClickCapture: function onClickCapture(e) {
+      if (!justFinishedSelectionRef.current) return;
+      e.preventDefault();
+      e.stopPropagation();
+    },
     style: {
       height: isMulti ? _totalHeight : 'unset',
       maxHeight: isMulti ? _totalHeight : 'unset',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sense-react-timeline-editor",
-  "version": "1.1.25",
+  "version": "1.1.26",
   "author": "xzdarcy",
   "license": "MIT",
   "keywords": [