sense-react-timeline-editor 1.0.16 → 1.0.18

package/dist/index.esm.js

@@ -2000,7 +2000,7 @@ var Cursor = function Cursor(_ref) {
       }) - scrollLeft);
     }
   }, [cursorTime, startLeft, scaleWidth, scale, scrollLeft], {
-    wait: 800
+    wait: 10
   });
   var clientHeight = ((_document$querySelect = document.querySelector("#time-editor-container")) === null || _document$querySelect === void 0 ? void 0 : _document$querySelect.clientHeight) || 0;
   return /*#__PURE__*/React.createElement(RowDnd, {
@@ -3211,7 +3211,7 @@ var useRowSelection = function useRowSelection(options) {
   var handleClickOutside = useCallback(function (target) {
     if (disabled) return;
     // 如果点击的不是选中的 action 或框选框，清除选择
-    if (!target.closest('.timeline-editor-selection-box') && !target.closest('.timeline-editor-action') && !target.closest('[data-draggable="true"]') && !target.closest('.voice-studio-right-config-panel') && !target.closest('.voice-studio-main-content-panel')) {
+    if (!target.closest('.timeline-editor-selection-box') && !target.closest('.timeline-editor-action') && !target.closest('[data-draggable="true"]') && !target.closest('.voice-studio-right-config-panel') && !target.closest('.voice-studio-main-content-panel') && !target.closest('.ant-modal')) {
       clearSelection();
     }
   }, [disabled, clearSelection]);
@@ -3927,9 +3927,13 @@ var EditAreaO = /*#__PURE__*/React.forwardRef(function (props, ref) {
   // 监听 Ctrl+ 点击事件
   useEffect(function () {
     var handleCtrlClickAction = function handleCtrlClickAction(e) {
+      var _editorData$;
       var _e$detail = e.detail,
         actionId = _e$detail.actionId,
         row = _e$detail.row;
+      if (row.type !== ((_editorData$ = editorData[0]) === null || _editorData$ === void 0 ? void 0 : _editorData$.type)) {
+        return;
+      }
       console.log('ctrl-click-action', row, ', editorData = ', editorData);
       setSelectedActionIds(function (ids) {
         var newIds = new Set();
@@ -4238,12 +4242,16 @@ var TimeArea = function TimeArea(_ref) {
       height = _ref3.height;
     return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Grid, {
       ref: gridRef,
+      containerStyle: {
+        width: timelineWidth + 10,
+        maxWidth: timelineWidth + 10
+      },
       columnCount: showUnit ? scaleCount * scaleSplitCount + 1 : scaleCount,
       columnWidth: getColumnWidth,
       estimatedColumnSize: estColumnWidth,
       rowCount: 1,
       rowHeight: height,
-      width: timelineWidth,
+      width: timelineWidth + 10,
       // width={width}
       height: height,
       overscanRowCount: 0,
@@ -4483,7 +4491,7 @@ var Timeline = /*#__PURE__*/React.forwardRef(function (props, ref) {
     if (areaRef.current) {
       var resizeObserver = new ResizeObserver(function () {
         if (!areaRef.current) return;
-        setWidth(areaRef.current.getBoundingClientRect().width);
+        setWidth(areaRef.current.getBoundingClientRect().width + 10);
       });
       resizeObserver.observe(areaRef.current);
       return function () {

package/dist/index.js

@@ -2009,7 +2009,7 @@ var Cursor = function Cursor(_ref) {
       }) - scrollLeft);
     }
   }, [cursorTime, startLeft, scaleWidth, scale, scrollLeft], {
-    wait: 800
+    wait: 10
   });
   var clientHeight = ((_document$querySelect = document.querySelector("#time-editor-container")) === null || _document$querySelect === void 0 ? void 0 : _document$querySelect.clientHeight) || 0;
   return /*#__PURE__*/React__default['default'].createElement(RowDnd, {
@@ -3220,7 +3220,7 @@ var useRowSelection = function useRowSelection(options) {
   var handleClickOutside = React.useCallback(function (target) {
     if (disabled) return;
     // 如果点击的不是选中的 action 或框选框，清除选择
-    if (!target.closest('.timeline-editor-selection-box') && !target.closest('.timeline-editor-action') && !target.closest('[data-draggable="true"]') && !target.closest('.voice-studio-right-config-panel') && !target.closest('.voice-studio-main-content-panel')) {
+    if (!target.closest('.timeline-editor-selection-box') && !target.closest('.timeline-editor-action') && !target.closest('[data-draggable="true"]') && !target.closest('.voice-studio-right-config-panel') && !target.closest('.voice-studio-main-content-panel') && !target.closest('.ant-modal')) {
       clearSelection();
     }
   }, [disabled, clearSelection]);
@@ -3936,9 +3936,13 @@ var EditAreaO = /*#__PURE__*/React__default['default'].forwardRef(function (prop
   // 监听 Ctrl+ 点击事件
   React.useEffect(function () {
     var handleCtrlClickAction = function handleCtrlClickAction(e) {
+      var _editorData$;
       var _e$detail = e.detail,
         actionId = _e$detail.actionId,
         row = _e$detail.row;
+      if (row.type !== ((_editorData$ = editorData[0]) === null || _editorData$ === void 0 ? void 0 : _editorData$.type)) {
+        return;
+      }
       console.log('ctrl-click-action', row, ', editorData = ', editorData);
       setSelectedActionIds(function (ids) {
         var newIds = new Set();
@@ -4247,12 +4251,16 @@ var TimeArea = function TimeArea(_ref) {
       height = _ref3.height;
     return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(reactVirtualized.Grid, {
       ref: gridRef,
+      containerStyle: {
+        width: timelineWidth + 10,
+        maxWidth: timelineWidth + 10
+      },
       columnCount: showUnit ? scaleCount * scaleSplitCount + 1 : scaleCount,
       columnWidth: getColumnWidth,
       estimatedColumnSize: estColumnWidth,
       rowCount: 1,
       rowHeight: height,
-      width: timelineWidth,
+      width: timelineWidth + 10,
       // width={width}
       height: height,
       overscanRowCount: 0,
@@ -4492,7 +4500,7 @@ var Timeline = /*#__PURE__*/React__default['default'].forwardRef(function (props
     if (areaRef.current) {
       var resizeObserver = new ResizeObserver(function () {
         if (!areaRef.current) return;
-        setWidth(areaRef.current.getBoundingClientRect().width);
+        setWidth(areaRef.current.getBoundingClientRect().width + 10);
       });
       resizeObserver.observe(areaRef.current);
       return function () {

package/package.json

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