innov
/
am-editor-001
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

update: add card async-render events

This commit is contained in:
yanmao 2022-01-12 15:32:56 +08:00
parent 8ed2b56e7e
commit 81858ead8c
1 changed files with 7 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
packages/engine/src/card/index.ts
View File

@ -110,6 +110,7 @@ class CardModel implements CardModelInterface {
?.get<HTMLElement>() ?.get<HTMLElement>()
?.addEventListener('scroll', this.renderAsyncComponents); ?.addEventListener('scroll', this.renderAsyncComponents);
window.addEventListener('scroll', this.renderAsyncComponents); window.addEventListener('scroll', this.renderAsyncComponents);
this.editor.on('card:async-render', this.renderAsyncComponents);
} }
renderAsyncComponents = async () => { renderAsyncComponents = async () => {
@ -120,7 +121,11 @@ class CardModel implements CardModelInterface {
// 在视图内才渲染卡片 // 在视图内才渲染卡片
if ( if (
card.root.length === 0 || card.root.length === 0 ||
this.editor.root.inViewport(card.root, true) (this.editor.root.inViewport(card.root, true) &&
this.editor.trigger(
'card:async-render-component',
card,
) !== false)
) { ) {
this.asyncComponents.splice( this.asyncComponents.splice(
this.asyncComponents.findIndex( this.asyncComponents.findIndex(
@ -825,6 +830,7 @@ class CardModel implements CardModelInterface {
?.get<HTMLElement>() ?.get<HTMLElement>()
?.removeEventListener('scroll', this.renderAsyncComponents); ?.removeEventListener('scroll', this.renderAsyncComponents);
window.removeEventListener('scroll', this.renderAsyncComponents); window.removeEventListener('scroll', this.renderAsyncComponents);
this.editor.off('card:async-render', this.renderAsyncComponents);
} }
// 焦点移动到上一个 Block // 焦点移动到上一个 Block