sense-react-timeline-editor 1.1.36 → 1.1.37

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/dist/index.esm.js +14 -17
  2. package/dist/index.js +14 -17
  3. package/package.json +1 -1
package/dist/index.esm.js CHANGED
@@ -4729,21 +4729,18 @@ var Timeline = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (p
4729
4729
  scrollLeft: Math.max(scrollSync.current.state.scrollLeft + delta, 0)
4730
4730
  });
4731
4731
  }, [getMaxScrollLeft]);
4732
- useLayoutEffect(function () {
4733
- var _scrollSync$current$s, _scrollSync$current;
4734
- var maxScrollLeft = getMaxScrollLeft();
4735
- var currentScrollLeft = (_scrollSync$current$s = (_scrollSync$current = scrollSync.current) === null || _scrollSync$current === void 0 ? void 0 : _scrollSync$current.state.scrollLeft) !== null && _scrollSync$current$s !== void 0 ? _scrollSync$current$s : 0;
4736
- var nextScrollLeft = Math.min(Math.max(currentScrollLeft, 0), maxScrollLeft);
4737
- var timelineEl = document.querySelector('.timeline-editor');
4738
- if (timelineEl && Math.abs(timelineEl.scrollLeft - nextScrollLeft) > 1) {
4739
- timelineEl.scrollLeft = nextScrollLeft;
4740
- }
4741
- if (scrollSync.current && Math.abs(currentScrollLeft - nextScrollLeft) > 1) {
4742
- scrollSync.current.setState({
4743
- scrollLeft: nextScrollLeft
4744
- });
4745
- }
4746
- }, [getMaxScrollLeft, scale, scaleWidth, scaleCount, width]);
4732
+ // useLayoutEffect(() => {
4733
+ // const maxScrollLeft = getMaxScrollLeft();
4734
+ // const currentScrollLeft = scrollSync.current?.state.scrollLeft ?? 0;
4735
+ // const nextScrollLeft = Math.min(Math.max(currentScrollLeft, 0), maxScrollLeft);
4736
+ // const timelineEl = document.querySelector('.timeline-editor') as HTMLElement | null;
4737
+ // if (timelineEl && Math.abs(timelineEl.scrollLeft - nextScrollLeft) > 1) {
4738
+ // timelineEl.scrollLeft = nextScrollLeft;
4739
+ // }
4740
+ // if (scrollSync.current && Math.abs(currentScrollLeft - nextScrollLeft) > 1) {
4741
+ // scrollSync.current.setState({ scrollLeft: nextScrollLeft });
4742
+ // }
4743
+ // }, [getMaxScrollLeft, scale, scaleWidth, scaleCount, width]);
4747
4744
  var handleInitDragLine = useCallback(function (data) {
4748
4745
  var _checkedProps$onActio, _checkedProps$onActio2, _dragLineControllerRe;
4749
4746
  (_checkedProps$onActio = checkedProps.onActionMoveStart) === null || _checkedProps$onActio === void 0 ? void 0 : _checkedProps$onActio.call(checkedProps, data);
@@ -4869,12 +4866,12 @@ var Timeline = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (p
4869
4866
  };
4870
4867
  });
4871
4868
  var onClickTimeline = useCallback(function (e) {
4872
- var _ref2, _timelineEditorEl$scr, _scrollSync$current2, _e$target;
4869
+ var _ref2, _timelineEditorEl$scr, _scrollSync$current, _e$target;
4873
4870
  if (!domRef.current) return;
4874
4871
  var timelineEditorEl = document.querySelector('.timeline-editor');
4875
4872
  var rect = domRef.current.getBoundingClientRect();
4876
4873
  var position = e.clientX - rect.x;
4877
- var scrollLeft = (_ref2 = (_timelineEditorEl$scr = timelineEditorEl === null || timelineEditorEl === void 0 ? void 0 : timelineEditorEl.scrollLeft) !== null && _timelineEditorEl$scr !== void 0 ? _timelineEditorEl$scr : (_scrollSync$current2 = scrollSync.current) === null || _scrollSync$current2 === void 0 ? void 0 : _scrollSync$current2.state.scrollLeft) !== null && _ref2 !== void 0 ? _ref2 : 0;
4874
+ var scrollLeft = (_ref2 = (_timelineEditorEl$scr = timelineEditorEl === null || timelineEditorEl === void 0 ? void 0 : timelineEditorEl.scrollLeft) !== null && _timelineEditorEl$scr !== void 0 ? _timelineEditorEl$scr : (_scrollSync$current = scrollSync.current) === null || _scrollSync$current === void 0 ? void 0 : _scrollSync$current.state.scrollLeft) !== null && _ref2 !== void 0 ? _ref2 : 0;
4878
4875
  var left = position + scrollLeft;
4879
4876
  var time = parserPixelToTime(left, {
4880
4877
  startLeft: startLeft,
package/dist/index.js CHANGED
@@ -4739,21 +4739,18 @@ var Timeline = /*#__PURE__*/React__default['default'].memo(/*#__PURE__*/React__d
4739
4739
  scrollLeft: Math.max(scrollSync.current.state.scrollLeft + delta, 0)
4740
4740
  });
4741
4741
  }, [getMaxScrollLeft]);
4742
- React.useLayoutEffect(function () {
4743
- var _scrollSync$current$s, _scrollSync$current;
4744
- var maxScrollLeft = getMaxScrollLeft();
4745
- var currentScrollLeft = (_scrollSync$current$s = (_scrollSync$current = scrollSync.current) === null || _scrollSync$current === void 0 ? void 0 : _scrollSync$current.state.scrollLeft) !== null && _scrollSync$current$s !== void 0 ? _scrollSync$current$s : 0;
4746
- var nextScrollLeft = Math.min(Math.max(currentScrollLeft, 0), maxScrollLeft);
4747
- var timelineEl = document.querySelector('.timeline-editor');
4748
- if (timelineEl && Math.abs(timelineEl.scrollLeft - nextScrollLeft) > 1) {
4749
- timelineEl.scrollLeft = nextScrollLeft;
4750
- }
4751
- if (scrollSync.current && Math.abs(currentScrollLeft - nextScrollLeft) > 1) {
4752
- scrollSync.current.setState({
4753
- scrollLeft: nextScrollLeft
4754
- });
4755
- }
4756
- }, [getMaxScrollLeft, scale, scaleWidth, scaleCount, width]);
4742
+ // useLayoutEffect(() => {
4743
+ // const maxScrollLeft = getMaxScrollLeft();
4744
+ // const currentScrollLeft = scrollSync.current?.state.scrollLeft ?? 0;
4745
+ // const nextScrollLeft = Math.min(Math.max(currentScrollLeft, 0), maxScrollLeft);
4746
+ // const timelineEl = document.querySelector('.timeline-editor') as HTMLElement | null;
4747
+ // if (timelineEl && Math.abs(timelineEl.scrollLeft - nextScrollLeft) > 1) {
4748
+ // timelineEl.scrollLeft = nextScrollLeft;
4749
+ // }
4750
+ // if (scrollSync.current && Math.abs(currentScrollLeft - nextScrollLeft) > 1) {
4751
+ // scrollSync.current.setState({ scrollLeft: nextScrollLeft });
4752
+ // }
4753
+ // }, [getMaxScrollLeft, scale, scaleWidth, scaleCount, width]);
4757
4754
  var handleInitDragLine = React.useCallback(function (data) {
4758
4755
  var _checkedProps$onActio, _checkedProps$onActio2, _dragLineControllerRe;
4759
4756
  (_checkedProps$onActio = checkedProps.onActionMoveStart) === null || _checkedProps$onActio === void 0 ? void 0 : _checkedProps$onActio.call(checkedProps, data);
@@ -4879,12 +4876,12 @@ var Timeline = /*#__PURE__*/React__default['default'].memo(/*#__PURE__*/React__d
4879
4876
  };
4880
4877
  });
4881
4878
  var onClickTimeline = React.useCallback(function (e) {
4882
- var _ref2, _timelineEditorEl$scr, _scrollSync$current2, _e$target;
4879
+ var _ref2, _timelineEditorEl$scr, _scrollSync$current, _e$target;
4883
4880
  if (!domRef.current) return;
4884
4881
  var timelineEditorEl = document.querySelector('.timeline-editor');
4885
4882
  var rect = domRef.current.getBoundingClientRect();
4886
4883
  var position = e.clientX - rect.x;
4887
- var scrollLeft = (_ref2 = (_timelineEditorEl$scr = timelineEditorEl === null || timelineEditorEl === void 0 ? void 0 : timelineEditorEl.scrollLeft) !== null && _timelineEditorEl$scr !== void 0 ? _timelineEditorEl$scr : (_scrollSync$current2 = scrollSync.current) === null || _scrollSync$current2 === void 0 ? void 0 : _scrollSync$current2.state.scrollLeft) !== null && _ref2 !== void 0 ? _ref2 : 0;
4884
+ var scrollLeft = (_ref2 = (_timelineEditorEl$scr = timelineEditorEl === null || timelineEditorEl === void 0 ? void 0 : timelineEditorEl.scrollLeft) !== null && _timelineEditorEl$scr !== void 0 ? _timelineEditorEl$scr : (_scrollSync$current = scrollSync.current) === null || _scrollSync$current === void 0 ? void 0 : _scrollSync$current.state.scrollLeft) !== null && _ref2 !== void 0 ? _ref2 : 0;
4888
4885
  var left = position + scrollLeft;
4889
4886
  var time = parserPixelToTime(left, {
4890
4887
  startLeft: startLeft,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "sense-react-timeline-editor",
3
- "version": "1.1.36",
3
+ "version": "1.1.37",
4
4
  "author": "xzdarcy",
5
5
  "license": "MIT",
6
6
  "keywords": [