JLNTV_IPD/tmagic-editor
4
0
Fork 0
mirror of https://github.com/Tencent/tmagic-editor.git synced 2025-06-27 20:59:20 +08:00
Code Issues Projects Releases Wiki Activity

feat(editor): 选中组件，组件自动滚动到视窗内

Browse Source
This commit is contained in:
roymondchen 2022-05-24 21:06:39 +08:00 committed by jia000
parent 91e2591495
commit 50937c2867
2 changed files with 12 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
packages/stage/src/StageCore.ts
View File

@ -155,6 +155,8 @@ export default class StageCore extends EventEmitter {
this.mask.setLayout(el);
this.dr.select(el, event);
this.mask.scrollIntoView(el);
this.selectedDom = el;
if (this.renderer.contentWindow) {

10
packages/stage/src/StageMask.ts
View File

@ -173,6 +173,16 @@ export default class StageMask extends Rule {
this.setMode(isFixedParent(el) ? Mode.FIXED : Mode.ABSOLUTE);
}
public scrollIntoView(el: HTMLElement): void {
if (this.mode === Mode.FIXED) return;
el.scrollIntoView();
if (!this.pageScrollParent) return;
this.scrollLeft = this.pageScrollParent.scrollLeft;
this.scrollTop = this.pageScrollParent.scrollTop;
this.scroll();
}
/**
* 销毁实例
*/