Jayden/AFFiNE-Mirror
1
0
Fork 0
mirror of https://github.com/toeverything/AFFiNE.git synced 2026-02-14 05:14:54 +00:00
Code Issues Packages Projects Releases Wiki Activity

refactor(editor): render presentation toolbar on demand (#9442)

Browse Source
This commit is contained in:
doodlewind
2024-12-31 02:01:35 +00:00
parent 79e006467c
commit 2b47625deb
2 changed files with 13 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
blocksuite/blocks/src/root-block/edgeless/components/toolbar/edgeless-toolbar.ts
View File

@@ -657,17 +657,18 @@ export class EdgelessToolbarWidget extends WidgetComponent<
@mousedown=${stopPropagation}
@pointerdown=${stopPropagation}
>
<presentation-toolbar
.visible=${this.isPresentMode}
.edgeless=${this.block}
.settingMenuShow=${this.presentSettingMenuShow}
.frameMenuShow=${this.presentFrameMenuShow}
.setSettingMenuShow=${(show: boolean) =>
(this.presentSettingMenuShow = show)}
.setFrameMenuShow=${(show: boolean) =>
(this.presentFrameMenuShow = show)}
.containerWidth=${this.containerWidth}
></presentation-toolbar>
${this.isPresentMode
? html`<presentation-toolbar
.edgeless=${this.block}
.settingMenuShow=${this.presentSettingMenuShow}
.frameMenuShow=${this.presentFrameMenuShow}
.setSettingMenuShow=${(show: boolean) =>
(this.presentSettingMenuShow = show)}
.setFrameMenuShow=${(show: boolean) =>
(this.presentFrameMenuShow = show)}
.containerWidth=${this.containerWidth}
></presentation-toolbar>`
: nothing}
${this.isPresentMode ? nothing : this._renderContent()}
</div>
</smooth-corner>

5
blocksuite/blocks/src/root-block/edgeless/components/toolbar/presentation-toolbar.ts
View File

@@ -322,7 +322,7 @@ export class PresentationToolbar extends EdgelessToolbarToolMixin(
return html`
<style>
:host {
display: ${this.visible ? 'flex' : 'none'};
display: flex;
}
</style>
<edgeless-tool-icon-button
@@ -442,9 +442,6 @@ export class PresentationToolbar extends EdgelessToolbarToolMixin(
@property({ type: Boolean })
accessor settingMenuShow = false;
@property({ attribute: true, type: Boolean })
accessor visible = true;
}
declare global {