sense-react-timeline-editor 1.1.12 → 1.1.13

package/dist/index.esm.js

@@ -2027,7 +2027,7 @@ var Cursor = /*#__PURE__*/React.forwardRef(function (props, ref) {
     parentRef: areaRef,
     bounds: {
       left: 0,
-      right: Math.min(timelineWidth, maxScaleCount * scaleWidth + startLeft - scrollLeft)
+      right: Math.min(timelineWidth, maxScaleCount * scaleWidth + startLeft)
     },
     deltaScrollLeft: deltaScrollLeft,
     enableDragging: !disableDrag,
@@ -2038,11 +2038,11 @@ var Cursor = /*#__PURE__*/React.forwardRef(function (props, ref) {
         startLeft: startLeft,
         scaleWidth: scaleWidth,
         scale: scale
-      }) - scrollLeft;
+      });
       rowRnd.current.updateLeft(draggingLeft.current);
     },
     onDragEnd: function onDragEnd() {
-      var time = parserPixelToTime(draggingLeft.current + scrollLeft, {
+      var time = parserPixelToTime(draggingLeft.current, {
         startLeft: startLeft,
         scale: scale,
         scaleWidth: scaleWidth
@@ -2056,7 +2056,7 @@ var Cursor = /*#__PURE__*/React.forwardRef(function (props, ref) {
     onDrag: function onDrag(_ref) {
       var left = _ref.left;
       var scroll = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
-      var scrollLeft = scrollSync.current.state.scrollLeft;
+      var scrollLeft = 0; // scrollSync.current.state.scrollLeft;
       if (!scroll || scrollLeft === 0) {
         // 拖拽时，如果当前left < left min，将数值设置为 left min
         if (left < startLeft - scrollLeft) draggingLeft.current = startLeft - scrollLeft;else draggingLeft.current = left;
@@ -4198,7 +4198,6 @@ var TimeArea = function TimeArea(_ref) {
   var gridRef = useRef();
   /** 是否显示细分刻度 */
   var showUnit = scaleSplitCount > 0;
-  console.log('TimeArea scrollLeft = ', scrollLeft);
   var clientWidth = document.documentElement.clientWidth;
   /** 获取每个 cell 渲染内容 */
   var cellRenderer = function cellRenderer(_ref2) {
@@ -4742,6 +4741,7 @@ var Timeline = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (p
       };
     }
   }, []);
+  var containerEl = document.querySelector('.timeline-editor');
   useEffect(function () {
     var containerEl = document.querySelector('.timeline-editor');
     var handleScroll = throttle(function (e) {
@@ -4783,9 +4783,9 @@ var Timeline = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (p
   }, /*#__PURE__*/React.createElement(ScrollSync, {
     ref: scrollSync
   }, function (_ref2) {
-    var scrollLeft = _ref2.scrollLeft,
-      scrollTop = _ref2.scrollTop,
+    var scrollTop = _ref2.scrollTop,
       _onScroll = _ref2.onScroll;
+    var scrollLeft = (containerEl === null || containerEl === void 0 ? void 0 : containerEl.scrollLeft) || 0;
     return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(TimeArea, _objectSpread2(_objectSpread2({}, checkedProps), {}, {
       timelineWidth: width,
       disableDrag: disableDrag || isPlaying,

package/dist/index.js

@@ -2037,7 +2037,7 @@ var Cursor = /*#__PURE__*/React__default['default'].forwardRef(function (props,
     parentRef: areaRef,
     bounds: {
       left: 0,
-      right: Math.min(timelineWidth, maxScaleCount * scaleWidth + startLeft - scrollLeft)
+      right: Math.min(timelineWidth, maxScaleCount * scaleWidth + startLeft)
     },
     deltaScrollLeft: deltaScrollLeft,
     enableDragging: !disableDrag,
@@ -2048,11 +2048,11 @@ var Cursor = /*#__PURE__*/React__default['default'].forwardRef(function (props,
         startLeft: startLeft,
         scaleWidth: scaleWidth,
         scale: scale
-      }) - scrollLeft;
+      });
       rowRnd.current.updateLeft(draggingLeft.current);
     },
     onDragEnd: function onDragEnd() {
-      var time = parserPixelToTime(draggingLeft.current + scrollLeft, {
+      var time = parserPixelToTime(draggingLeft.current, {
         startLeft: startLeft,
         scale: scale,
         scaleWidth: scaleWidth
@@ -2066,7 +2066,7 @@ var Cursor = /*#__PURE__*/React__default['default'].forwardRef(function (props,
     onDrag: function onDrag(_ref) {
       var left = _ref.left;
       var scroll = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
-      var scrollLeft = scrollSync.current.state.scrollLeft;
+      var scrollLeft = 0; // scrollSync.current.state.scrollLeft;
       if (!scroll || scrollLeft === 0) {
         // 拖拽时，如果当前left < left min，将数值设置为 left min
         if (left < startLeft - scrollLeft) draggingLeft.current = startLeft - scrollLeft;else draggingLeft.current = left;
@@ -4208,7 +4208,6 @@ var TimeArea = function TimeArea(_ref) {
   var gridRef = React.useRef();
   /** 是否显示细分刻度 */
   var showUnit = scaleSplitCount > 0;
-  console.log('TimeArea scrollLeft = ', scrollLeft);
   var clientWidth = document.documentElement.clientWidth;
   /** 获取每个 cell 渲染内容 */
   var cellRenderer = function cellRenderer(_ref2) {
@@ -4752,6 +4751,7 @@ var Timeline = /*#__PURE__*/React__default['default'].memo(/*#__PURE__*/React__d
       };
     }
   }, []);
+  var containerEl = document.querySelector('.timeline-editor');
   React.useEffect(function () {
     var containerEl = document.querySelector('.timeline-editor');
     var handleScroll = lodashEs.throttle(function (e) {
@@ -4793,9 +4793,9 @@ var Timeline = /*#__PURE__*/React__default['default'].memo(/*#__PURE__*/React__d
   }, /*#__PURE__*/React__default['default'].createElement(reactVirtualized.ScrollSync, {
     ref: scrollSync
   }, function (_ref2) {
-    var scrollLeft = _ref2.scrollLeft,
-      scrollTop = _ref2.scrollTop,
+    var scrollTop = _ref2.scrollTop,
       _onScroll = _ref2.onScroll;
+    var scrollLeft = (containerEl === null || containerEl === void 0 ? void 0 : containerEl.scrollLeft) || 0;
     return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(TimeArea, _objectSpread2(_objectSpread2({}, checkedProps), {}, {
       timelineWidth: width,
       disableDrag: disableDrag || isPlaying,

package/package.json

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