sense-react-timeline-editor 1.1.37 → 1.1.39
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.
- package/dist/index.esm.js +15 -11
- package/dist/index.js +15 -11
- package/package.json +1 -1
package/dist/index.esm.js
CHANGED
|
@@ -2021,11 +2021,11 @@ var Cursor = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
2021
2021
|
}, [cursorTime, startLeft, scaleWidth, scale], {
|
|
2022
2022
|
wait: 10
|
|
2023
2023
|
});
|
|
2024
|
-
var clientHeight = ((_document$querySelect = document.querySelector('
|
|
2024
|
+
var clientHeight = ((_document$querySelect = document.querySelector('.timeline-editor')) === null || _document$querySelect === void 0 ? void 0 : _document$querySelect.clientHeight) || 0;
|
|
2025
2025
|
return /*#__PURE__*/React.createElement(RowDnd, {
|
|
2026
2026
|
top: theme === 'light' ? 26 : 0,
|
|
2027
2027
|
start: startLeft,
|
|
2028
|
-
height: clientHeight,
|
|
2028
|
+
height: Math.max(clientHeight - 26, 0),
|
|
2029
2029
|
ref: rowRnd,
|
|
2030
2030
|
parentRef: areaRef,
|
|
2031
2031
|
bounds: {
|
|
@@ -4789,13 +4789,18 @@ var Timeline = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (p
|
|
|
4789
4789
|
if (areaEl) return;
|
|
4790
4790
|
var actionEl = target.closest('.timeline-editor-action');
|
|
4791
4791
|
if (actionEl) {
|
|
4792
|
-
|
|
4793
|
-
|
|
4794
|
-
|
|
4795
|
-
|
|
4796
|
-
|
|
4792
|
+
setTimeout(function () {
|
|
4793
|
+
// @ts-expect-error 类型断言
|
|
4794
|
+
if ((actionEl === null || actionEl === void 0 ? void 0 : actionEl.dataset.actionDrag) !== 'true') {
|
|
4795
|
+
var _props$onClickActionO;
|
|
4796
|
+
// @ts-expect-error 类型断言
|
|
4797
|
+
(_props$onClickActionO = props.onClickActionOnly) === null || _props$onClickActionO === void 0 ? void 0 : _props$onClickActionO.call(props, e, {
|
|
4798
|
+
action: {
|
|
4799
|
+
id: actionEl.dataset.actionId
|
|
4800
|
+
}
|
|
4801
|
+
});
|
|
4797
4802
|
}
|
|
4798
|
-
});
|
|
4803
|
+
}, 500);
|
|
4799
4804
|
return;
|
|
4800
4805
|
}
|
|
4801
4806
|
engineRef.current.trigger('mousedown', {
|
|
@@ -4852,10 +4857,9 @@ var Timeline = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (p
|
|
|
4852
4857
|
var containerEl = document.querySelector('.timeline-editor');
|
|
4853
4858
|
if (!containerEl) return;
|
|
4854
4859
|
var left = startLeft + scaleWidth / scale * val;
|
|
4855
|
-
|
|
4856
|
-
containerEl.scrollLeft = nextScrollLeft;
|
|
4860
|
+
containerEl.scrollLeft = Math.max(left, 0);
|
|
4857
4861
|
scrollSync.current && scrollSync.current.setState({
|
|
4858
|
-
scrollLeft:
|
|
4862
|
+
scrollLeft: Math.max(left, 0)
|
|
4859
4863
|
});
|
|
4860
4864
|
},
|
|
4861
4865
|
setScrollTop: function setScrollTop(val) {
|
package/dist/index.js
CHANGED
|
@@ -2031,11 +2031,11 @@ var Cursor = /*#__PURE__*/React__default['default'].forwardRef(function (props,
|
|
|
2031
2031
|
}, [cursorTime, startLeft, scaleWidth, scale], {
|
|
2032
2032
|
wait: 10
|
|
2033
2033
|
});
|
|
2034
|
-
var clientHeight = ((_document$querySelect = document.querySelector('
|
|
2034
|
+
var clientHeight = ((_document$querySelect = document.querySelector('.timeline-editor')) === null || _document$querySelect === void 0 ? void 0 : _document$querySelect.clientHeight) || 0;
|
|
2035
2035
|
return /*#__PURE__*/React__default['default'].createElement(RowDnd, {
|
|
2036
2036
|
top: theme === 'light' ? 26 : 0,
|
|
2037
2037
|
start: startLeft,
|
|
2038
|
-
height: clientHeight,
|
|
2038
|
+
height: Math.max(clientHeight - 26, 0),
|
|
2039
2039
|
ref: rowRnd,
|
|
2040
2040
|
parentRef: areaRef,
|
|
2041
2041
|
bounds: {
|
|
@@ -4799,13 +4799,18 @@ var Timeline = /*#__PURE__*/React__default['default'].memo(/*#__PURE__*/React__d
|
|
|
4799
4799
|
if (areaEl) return;
|
|
4800
4800
|
var actionEl = target.closest('.timeline-editor-action');
|
|
4801
4801
|
if (actionEl) {
|
|
4802
|
-
|
|
4803
|
-
|
|
4804
|
-
|
|
4805
|
-
|
|
4806
|
-
|
|
4802
|
+
setTimeout(function () {
|
|
4803
|
+
// @ts-expect-error 类型断言
|
|
4804
|
+
if ((actionEl === null || actionEl === void 0 ? void 0 : actionEl.dataset.actionDrag) !== 'true') {
|
|
4805
|
+
var _props$onClickActionO;
|
|
4806
|
+
// @ts-expect-error 类型断言
|
|
4807
|
+
(_props$onClickActionO = props.onClickActionOnly) === null || _props$onClickActionO === void 0 ? void 0 : _props$onClickActionO.call(props, e, {
|
|
4808
|
+
action: {
|
|
4809
|
+
id: actionEl.dataset.actionId
|
|
4810
|
+
}
|
|
4811
|
+
});
|
|
4807
4812
|
}
|
|
4808
|
-
});
|
|
4813
|
+
}, 500);
|
|
4809
4814
|
return;
|
|
4810
4815
|
}
|
|
4811
4816
|
engineRef.current.trigger('mousedown', {
|
|
@@ -4862,10 +4867,9 @@ var Timeline = /*#__PURE__*/React__default['default'].memo(/*#__PURE__*/React__d
|
|
|
4862
4867
|
var containerEl = document.querySelector('.timeline-editor');
|
|
4863
4868
|
if (!containerEl) return;
|
|
4864
4869
|
var left = startLeft + scaleWidth / scale * val;
|
|
4865
|
-
|
|
4866
|
-
containerEl.scrollLeft = nextScrollLeft;
|
|
4870
|
+
containerEl.scrollLeft = Math.max(left, 0);
|
|
4867
4871
|
scrollSync.current && scrollSync.current.setState({
|
|
4868
|
-
scrollLeft:
|
|
4872
|
+
scrollLeft: Math.max(left, 0)
|
|
4869
4873
|
});
|
|
4870
4874
|
},
|
|
4871
4875
|
setScrollTop: function setScrollTop(val) {
|