-
-
Notifications
You must be signed in to change notification settings - Fork 491
/
back-scroll.render-controller.ts
118 lines (92 loc) · 4.04 KB
/
back-scroll.render-controller.ts
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
/**
* Copyright 2023-present DreamNum Inc.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http:https://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
import type { DocumentDataModel } from '@univerjs/core';
import { RxDisposable } from '@univerjs/core';
import { DocSkeletonManagerService, neoGetDocObject, TextSelectionManagerService, VIEWPORT_KEY } from '@univerjs/docs';
import type { IRenderContext, IRenderModule } from '@univerjs/engine-render';
import { getAnchorBounding, NodePositionConvertToCursor } from '@univerjs/engine-render';
import { IEditorService } from '@univerjs/ui';
import { Inject } from '@wendellhu/redi';
import { takeUntil } from 'rxjs';
const ANCHOR_WIDTH = 1.5;
export class DocBackScrollRenderController extends RxDisposable implements IRenderModule {
constructor(
private readonly _context: IRenderContext<DocumentDataModel>,
@Inject(DocSkeletonManagerService) private readonly _docSkeletonManagerService: DocSkeletonManagerService,
@Inject(TextSelectionManagerService) private readonly _textSelectionManagerService: TextSelectionManagerService,
@IEditorService private readonly _editorService: IEditorService
) {
super();
this._init();
}
private _init() {
this._textSelectionManagerService.textSelection$.pipe(takeUntil(this.dispose$)).subscribe((params) => {
if (params == null) {
return;
}
const { isEditing, unitId } = params;
if (isEditing) {
this._scrollToSelection(unitId);
}
});
}
// Let the selection show on the current screen.
private _scrollToSelection(unitId: string) {
const activeTextRange = this._textSelectionManagerService.getActiveRange();
const docObject = neoGetDocObject(this._context);
const skeleton = this._docSkeletonManagerService.getSkeleton()?.skeleton;
if (activeTextRange == null || docObject == null || skeleton == null) {
return;
}
const { collapsed, startNodePosition } = activeTextRange;
if (!collapsed) {
return;
}
const documentOffsetConfig = docObject.document.getOffsetConfig();
const { docsLeft, docsTop } = documentOffsetConfig;
const convertor = new NodePositionConvertToCursor(documentOffsetConfig, skeleton);
const { contentBoxPointGroup } = convertor.getRangePointData(startNodePosition, startNodePosition);
const { left: aLeft, top: aTop, height } = getAnchorBounding(contentBoxPointGroup);
const left = aLeft + docsLeft;
const top = aTop + docsTop;
const viewportMain = docObject.scene.getViewport(VIEWPORT_KEY.VIEW_MAIN);
const isEditor = !!this._editorService.getEditor(unitId);
if (viewportMain == null) {
return;
}
const {
left: boundLeft,
top: boundTop,
right: boundRight,
bottom: boundBottom,
} = viewportMain.getBounding().viewBound;
let offsetY = 0;
let offsetX = 0;
const delta = isEditor ? 0 : 100;
if (top < boundTop) {
offsetY = top - boundTop;
} else if (top > boundBottom - height) {
offsetY = top - boundBottom + height + delta;
}
if (left < boundLeft) {
offsetX = left - boundLeft;
} else if (left > boundRight - ANCHOR_WIDTH) {
offsetX = left - boundRight + ANCHOR_WIDTH;
}
const config = viewportMain.transViewportScroll2ScrollValue(offsetX, offsetY);
viewportMain.scrollBy(config);
}
}