Jayden/AFFiNE-Mirror
0
0
Fork 0
mirror of https://github.com/toeverything/AFFiNE.git synced 2026-07-30 00:29:46 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: drag mind map root node should layout in real time (#9252)

Browse Source 
Fixes [BS-2062](https://linear.app/affine-design/issue/BS-2062/拖拽整个-mind-map-还是希望和之前一样，整个思维导图跟手)
This commit is contained in:
doouding
2024-12-23 10:33:56 +00:00
parent aacdb71ee2
commit b246a2d45f
7 changed files with 533 additions and 109 deletions
Download Patch File Download Diff File Expand all files Collapse all files
blocksuite/affine/block-surface/src/view/mindmap.ts
+8 -4
View File
@@ -69,7 +69,10 @@ export class MindMapView extends GfxElementModelView<MindmapElementModel> {
if (payload.props['xywh']) {
updateButtons();
}
if (payload.props['hidden'] !== undefined) {
if (
payload.props['hidden'] !== undefined ||
payload.props['opacity'] !== undefined
) {
this._updateButtonVisibility(payload.id);
}
}
@@ -169,6 +172,7 @@ export class MindMapView extends GfxElementModelView<MindmapElementModel> {
if (!latestNode) {
buttonModel.opacity = 0;
buttonModel.hidden = true;
return;
}
@@ -186,9 +190,9 @@ export class MindMapView extends GfxElementModelView<MindmapElementModel> {
buttonModel.hidden = latestNode.element.hidden;
buttonModel.opacity =
hasChildren && notHidden && (collapsed || isNodeSelected || hovered)
(hasChildren && notHidden && (collapsed || isNodeSelected || hovered)
? 1
: 0;
: 0) * (latestNode.element.opacity ?? 1);
}
private _updateCollapseButton(node: MindmapNode) {
@@ -216,7 +220,7 @@ export class MindMapView extends GfxElementModelView<MindmapElementModel> {
const buttonStyle = collapsed ? style.expandButton : style.collapseButton;
Object.entries(buttonStyle).forEach(([key, value]) => {
// @ts-expect-error FIXME: ts error
// @ts-expect-error key is string
collapseButton[key as unknown] = value;
});