Jayden/AFFiNE-Mirror
0
0
Fork 0
mirror of https://github.com/toeverything/AFFiNE.git synced 2026-09-22 19:53:48 +08: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
blocksuite/blocks/src/root-block/edgeless/components/toolbar/edgeless-toolbar.ts
+12 -11
View File
@@ -657,17 +657,18 @@ export class EdgelessToolbarWidget extends WidgetComponent<
@mousedown=${stopPropagation} @mousedown=${stopPropagation}
@pointerdown=${stopPropagation} @pointerdown=${stopPropagation}
> >
<presentation-toolbar ${this.isPresentMode
.visible=${this.isPresentMode} ? html`<presentation-toolbar
.edgeless=${this.block} .edgeless=${this.block}
.settingMenuShow=${this.presentSettingMenuShow} .settingMenuShow=${this.presentSettingMenuShow}
.frameMenuShow=${this.presentFrameMenuShow} .frameMenuShow=${this.presentFrameMenuShow}
.setSettingMenuShow=${(show: boolean) => .setSettingMenuShow=${(show: boolean) =>
(this.presentSettingMenuShow = show)} (this.presentSettingMenuShow = show)}
.setFrameMenuShow=${(show: boolean) => .setFrameMenuShow=${(show: boolean) =>
(this.presentFrameMenuShow = show)} (this.presentFrameMenuShow = show)}
.containerWidth=${this.containerWidth} .containerWidth=${this.containerWidth}
></presentation-toolbar> ></presentation-toolbar>`
: nothing}
${this.isPresentMode ? nothing : this._renderContent()} ${this.isPresentMode ? nothing : this._renderContent()}
</div> </div>
</smooth-corner> </smooth-corner>
blocksuite/blocks/src/root-block/edgeless/components/toolbar/presentation-toolbar.ts
+1 -4
View File
@@ -322,7 +322,7 @@ export class PresentationToolbar extends EdgelessToolbarToolMixin(
return html` return html`
<style> <style>
:host { :host {
display: ${this.visible ? 'flex' : 'none'}; display: flex;
} }
</style> </style>
<edgeless-tool-icon-button <edgeless-tool-icon-button
@@ -442,9 +442,6 @@ export class PresentationToolbar extends EdgelessToolbarToolMixin(
@property({ type: Boolean }) @property({ type: Boolean })
accessor settingMenuShow = false; accessor settingMenuShow = false;
@property({ attribute: true, type: Boolean })
accessor visible = true;
} }
declare global { declare global {