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

refactor(editor): edgeless note toolbar config extension (#10719)

Browse Source
This commit is contained in:
fundon
2025-03-19 12:34:18 +00:00
parent b5406fa57a
commit e320552594
30 changed files with 1486 additions and 59 deletions
Download Patch File Download Diff File Expand all files Collapse all files

57
blocksuite/affine/widgets/widget-toolbar/src/toolbar.ts
View File

@@ -147,7 +147,7 @@ export class AffineToolbarWidget extends WidgetComponent {
host,
std,
} = this;
const { flags, elementsMap$, flavour$, message$ } = toolbarRegistry;
const { flags, flavour$, message$, elementsMap$ } = toolbarRegistry;
const context = new ToolbarContext(std);
// TODO(@fundon): fix toolbar position shaking when the wheel scrolls
@@ -392,14 +392,14 @@ export class AffineToolbarWidget extends WidgetComponent {
})
);
// Handles blocks when adding
// TODO(@fundon): improve these cases
// Waits until the view is created when switching the view mode.
// `card view` or `embed view`
disposables.add(
std.view.viewUpdated.subscribe(record => {
const hasAddedBlock =
record.type === 'block' && record.method === 'add';
if (!hasAddedBlock) return;
const hasAdded = record.type === 'block' && record.method === 'add';
if (!hasAdded) return;
if (flags.isBlock()) {
const blockIds = std.selection
@@ -426,16 +426,53 @@ export class AffineToolbarWidget extends WidgetComponent {
})
);
// Handles blocks when updating
disposables.add(
// TODO(@fundon): use rxjs' filter
std.store.slots.blockUpdated.subscribe(record => {
if (
flags.isBlock() &&
record.type === 'update' &&
record.props.key === 'text'
) {
flags.refresh(Flag.Block);
const hasUpdated = record.type === 'update';
if (!hasUpdated) return;
if (flags.isBlock()) {
const blockIds = std.selection
.filter$(BlockSelection)
.peek()
.map(s => s.blockId);
if (blockIds.includes(record.id)) {
batch(() => {
this.setReferenceElementWithBlocks(
blockIds
.map(id => std.view.getBlock(id))
.filter(block => block !== null)
);
flags.refresh(Flag.Block);
});
}
return;
}
if (flags.isSurface()) {
flags.refresh(Flag.Surface);
return;
}
})
);
// Handles elemets when updating
disposables.add(
effect(() => {
const surface = context.gfx.surface$.value;
if (!surface) return;
const subscription = surface.elementUpdated.subscribe(() => {
if (!flags.isSurface()) return;
flags.refresh(Flag.Surface);
});
return () => {
subscription.unsubscribe();
};
})
);