sense-react-timeline-editor 1.1.30 → 1.1.32
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 +1 -11
- package/dist/index.js +1 -11
- package/package.json +1 -1
package/dist/index.esm.js
CHANGED
|
@@ -1992,7 +1992,6 @@ var Cursor = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
1992
1992
|
onCursorDragStart = props.onCursorDragStart,
|
|
1993
1993
|
onCursorDrag = props.onCursorDrag,
|
|
1994
1994
|
onCursorDragEnd = props.onCursorDragEnd;
|
|
1995
|
-
console.log('Cursor cursorTime', cursorTime);
|
|
1996
1995
|
var rowRnd = useRef();
|
|
1997
1996
|
var draggingLeft = useRef();
|
|
1998
1997
|
useImperativeHandle(ref, function () {
|
|
@@ -3968,7 +3967,6 @@ var EditAreaO = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
3968
3967
|
useEffect(function () {
|
|
3969
3968
|
if (!(engineRef === null || engineRef === void 0 ? void 0 : engineRef.current)) return;
|
|
3970
3969
|
engineRef.current.on('mousedown', function (data) {
|
|
3971
|
-
console.log('mousedown', data);
|
|
3972
3970
|
onClickOutside(data.target);
|
|
3973
3971
|
});
|
|
3974
3972
|
return function () {
|
|
@@ -3986,7 +3984,6 @@ var EditAreaO = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
3986
3984
|
if (row.type !== ((_editorData$ = editorData[0]) === null || _editorData$ === void 0 ? void 0 : _editorData$.type)) {
|
|
3987
3985
|
return;
|
|
3988
3986
|
}
|
|
3989
|
-
console.log('ctrl-click-action', row, ', editorData = ', editorData);
|
|
3990
3987
|
setSelectedActionIds(function (ids) {
|
|
3991
3988
|
var newIds = new Set();
|
|
3992
3989
|
ids.forEach(function (id) {
|
|
@@ -4042,7 +4039,6 @@ var EditAreaO = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
4042
4039
|
file: file[0],
|
|
4043
4040
|
isUploading: false
|
|
4044
4041
|
});
|
|
4045
|
-
console.error('Upload error:', err);
|
|
4046
4042
|
}
|
|
4047
4043
|
});
|
|
4048
4044
|
}, [onBeforeUpload, handleUploadChange, customRequest]);
|
|
@@ -4362,7 +4358,6 @@ var TimeArea = function TimeArea(_ref) {
|
|
|
4362
4358
|
var estColumnWidth = getColumnWidth({
|
|
4363
4359
|
index: 1
|
|
4364
4360
|
});
|
|
4365
|
-
console.log('estColumnWidth', estColumnWidth, ', scrollLeft = ', scrollLeft);
|
|
4366
4361
|
return /*#__PURE__*/React.createElement("div", {
|
|
4367
4362
|
className: prefix('time-area')
|
|
4368
4363
|
}, /*#__PURE__*/React.createElement(AutoSizer, null, function (_ref3) {
|
|
@@ -4403,7 +4398,6 @@ var TimeArea = function TimeArea(_ref) {
|
|
|
4403
4398
|
scaleWidth: scaleWidth
|
|
4404
4399
|
});
|
|
4405
4400
|
var result = onClickTimeArea && onClickTimeArea(time, e);
|
|
4406
|
-
console.log('TimeArea click = ', time);
|
|
4407
4401
|
if (result === false) return; // 返回 false 时阻止设置时间
|
|
4408
4402
|
setCursor({
|
|
4409
4403
|
time: time
|
|
@@ -4627,7 +4621,6 @@ var Timeline = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (p
|
|
|
4627
4621
|
var scrollSync = useRef();
|
|
4628
4622
|
var containerRef = useRef();
|
|
4629
4623
|
var cursorRef = useRef(null);
|
|
4630
|
-
console.log(' Timeline mounted = ', areaRef);
|
|
4631
4624
|
// 编辑器数据
|
|
4632
4625
|
var _useState = useState(data),
|
|
4633
4626
|
_useState2 = _slicedToArray(_useState, 2),
|
|
@@ -4793,7 +4786,7 @@ var Timeline = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (p
|
|
|
4793
4786
|
useEffect(function () {
|
|
4794
4787
|
var handleClickOutside = function handleClickOutside(e) {
|
|
4795
4788
|
var target = e.target;
|
|
4796
|
-
var actionEl = target.closest('.timeline-editor-time-area');
|
|
4789
|
+
var actionEl = target.closest('.timeline-editor-time-area') || target.closest('.timeline-editor-action');
|
|
4797
4790
|
if (actionEl) return;
|
|
4798
4791
|
engineRef.current.trigger('mousedown', {
|
|
4799
4792
|
target: target,
|
|
@@ -4877,7 +4870,6 @@ var Timeline = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (p
|
|
|
4877
4870
|
});
|
|
4878
4871
|
var action = (_e$target = e.target) === null || _e$target === void 0 ? void 0 : _e$target.closest('.timeline-editor-action');
|
|
4879
4872
|
if (action || hideCursor) return;
|
|
4880
|
-
console.log('onClickTimeline = ', time);
|
|
4881
4873
|
handleSetCursor({
|
|
4882
4874
|
time: time,
|
|
4883
4875
|
updateTime: true
|
|
@@ -4904,7 +4896,6 @@ var Timeline = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (p
|
|
|
4904
4896
|
useEffect(function () {
|
|
4905
4897
|
var containerEl = document.querySelector('.timeline-editor');
|
|
4906
4898
|
var handleScroll = throttle(function (e) {
|
|
4907
|
-
console.log('handleScroll', e);
|
|
4908
4899
|
var scrollLeft = e.target.scrollLeft || 0;
|
|
4909
4900
|
scrollSync.current && scrollSync.current.setState({
|
|
4910
4901
|
scrollLeft: scrollLeft
|
|
@@ -4936,7 +4927,6 @@ var Timeline = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (p
|
|
|
4936
4927
|
handleScroll.cancel();
|
|
4937
4928
|
};
|
|
4938
4929
|
}, [startLeft, scale, scaleWidth]);
|
|
4939
|
-
console.log('Timeline cursorTime = ', cursorTime);
|
|
4940
4930
|
return /*#__PURE__*/React.createElement("div", {
|
|
4941
4931
|
ref: domRef,
|
|
4942
4932
|
style: style,
|
package/dist/index.js
CHANGED
|
@@ -2002,7 +2002,6 @@ var Cursor = /*#__PURE__*/React__default['default'].forwardRef(function (props,
|
|
|
2002
2002
|
onCursorDragStart = props.onCursorDragStart,
|
|
2003
2003
|
onCursorDrag = props.onCursorDrag,
|
|
2004
2004
|
onCursorDragEnd = props.onCursorDragEnd;
|
|
2005
|
-
console.log('Cursor cursorTime', cursorTime);
|
|
2006
2005
|
var rowRnd = React.useRef();
|
|
2007
2006
|
var draggingLeft = React.useRef();
|
|
2008
2007
|
React.useImperativeHandle(ref, function () {
|
|
@@ -3978,7 +3977,6 @@ var EditAreaO = /*#__PURE__*/React__default['default'].forwardRef(function (prop
|
|
|
3978
3977
|
React.useEffect(function () {
|
|
3979
3978
|
if (!(engineRef === null || engineRef === void 0 ? void 0 : engineRef.current)) return;
|
|
3980
3979
|
engineRef.current.on('mousedown', function (data) {
|
|
3981
|
-
console.log('mousedown', data);
|
|
3982
3980
|
onClickOutside(data.target);
|
|
3983
3981
|
});
|
|
3984
3982
|
return function () {
|
|
@@ -3996,7 +3994,6 @@ var EditAreaO = /*#__PURE__*/React__default['default'].forwardRef(function (prop
|
|
|
3996
3994
|
if (row.type !== ((_editorData$ = editorData[0]) === null || _editorData$ === void 0 ? void 0 : _editorData$.type)) {
|
|
3997
3995
|
return;
|
|
3998
3996
|
}
|
|
3999
|
-
console.log('ctrl-click-action', row, ', editorData = ', editorData);
|
|
4000
3997
|
setSelectedActionIds(function (ids) {
|
|
4001
3998
|
var newIds = new Set();
|
|
4002
3999
|
ids.forEach(function (id) {
|
|
@@ -4052,7 +4049,6 @@ var EditAreaO = /*#__PURE__*/React__default['default'].forwardRef(function (prop
|
|
|
4052
4049
|
file: file[0],
|
|
4053
4050
|
isUploading: false
|
|
4054
4051
|
});
|
|
4055
|
-
console.error('Upload error:', err);
|
|
4056
4052
|
}
|
|
4057
4053
|
});
|
|
4058
4054
|
}, [onBeforeUpload, handleUploadChange, customRequest]);
|
|
@@ -4372,7 +4368,6 @@ var TimeArea = function TimeArea(_ref) {
|
|
|
4372
4368
|
var estColumnWidth = getColumnWidth({
|
|
4373
4369
|
index: 1
|
|
4374
4370
|
});
|
|
4375
|
-
console.log('estColumnWidth', estColumnWidth, ', scrollLeft = ', scrollLeft);
|
|
4376
4371
|
return /*#__PURE__*/React__default['default'].createElement("div", {
|
|
4377
4372
|
className: prefix('time-area')
|
|
4378
4373
|
}, /*#__PURE__*/React__default['default'].createElement(reactVirtualized.AutoSizer, null, function (_ref3) {
|
|
@@ -4413,7 +4408,6 @@ var TimeArea = function TimeArea(_ref) {
|
|
|
4413
4408
|
scaleWidth: scaleWidth
|
|
4414
4409
|
});
|
|
4415
4410
|
var result = onClickTimeArea && onClickTimeArea(time, e);
|
|
4416
|
-
console.log('TimeArea click = ', time);
|
|
4417
4411
|
if (result === false) return; // 返回 false 时阻止设置时间
|
|
4418
4412
|
setCursor({
|
|
4419
4413
|
time: time
|
|
@@ -4637,7 +4631,6 @@ var Timeline = /*#__PURE__*/React__default['default'].memo(/*#__PURE__*/React__d
|
|
|
4637
4631
|
var scrollSync = React.useRef();
|
|
4638
4632
|
var containerRef = React.useRef();
|
|
4639
4633
|
var cursorRef = React.useRef(null);
|
|
4640
|
-
console.log(' Timeline mounted = ', areaRef);
|
|
4641
4634
|
// 编辑器数据
|
|
4642
4635
|
var _useState = React.useState(data),
|
|
4643
4636
|
_useState2 = _slicedToArray(_useState, 2),
|
|
@@ -4803,7 +4796,7 @@ var Timeline = /*#__PURE__*/React__default['default'].memo(/*#__PURE__*/React__d
|
|
|
4803
4796
|
React.useEffect(function () {
|
|
4804
4797
|
var handleClickOutside = function handleClickOutside(e) {
|
|
4805
4798
|
var target = e.target;
|
|
4806
|
-
var actionEl = target.closest('.timeline-editor-time-area');
|
|
4799
|
+
var actionEl = target.closest('.timeline-editor-time-area') || target.closest('.timeline-editor-action');
|
|
4807
4800
|
if (actionEl) return;
|
|
4808
4801
|
engineRef.current.trigger('mousedown', {
|
|
4809
4802
|
target: target,
|
|
@@ -4887,7 +4880,6 @@ var Timeline = /*#__PURE__*/React__default['default'].memo(/*#__PURE__*/React__d
|
|
|
4887
4880
|
});
|
|
4888
4881
|
var action = (_e$target = e.target) === null || _e$target === void 0 ? void 0 : _e$target.closest('.timeline-editor-action');
|
|
4889
4882
|
if (action || hideCursor) return;
|
|
4890
|
-
console.log('onClickTimeline = ', time);
|
|
4891
4883
|
handleSetCursor({
|
|
4892
4884
|
time: time,
|
|
4893
4885
|
updateTime: true
|
|
@@ -4914,7 +4906,6 @@ var Timeline = /*#__PURE__*/React__default['default'].memo(/*#__PURE__*/React__d
|
|
|
4914
4906
|
React.useEffect(function () {
|
|
4915
4907
|
var containerEl = document.querySelector('.timeline-editor');
|
|
4916
4908
|
var handleScroll = lodashEs.throttle(function (e) {
|
|
4917
|
-
console.log('handleScroll', e);
|
|
4918
4909
|
var scrollLeft = e.target.scrollLeft || 0;
|
|
4919
4910
|
scrollSync.current && scrollSync.current.setState({
|
|
4920
4911
|
scrollLeft: scrollLeft
|
|
@@ -4946,7 +4937,6 @@ var Timeline = /*#__PURE__*/React__default['default'].memo(/*#__PURE__*/React__d
|
|
|
4946
4937
|
handleScroll.cancel();
|
|
4947
4938
|
};
|
|
4948
4939
|
}, [startLeft, scale, scaleWidth]);
|
|
4949
|
-
console.log('Timeline cursorTime = ', cursorTime);
|
|
4950
4940
|
return /*#__PURE__*/React__default['default'].createElement("div", {
|
|
4951
4941
|
ref: domRef,
|
|
4952
4942
|
style: style,
|