luulam/AFFiNE
1
0
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

chore(editor): update default width of page block (#10873)

Browse Source 
Close [BS-2498](https://linear.app/affine-design/issue/BS-2498/page-block首次切换时默认宽度为800px)
This commit is contained in:
L-Sun
2025-03-14 12:59:17 +00:00
parent a648edafc0
commit 3b4453d2b8
3 changed files with 23 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
blocksuite/affine/model/src/consts/note.ts
View File

@@ -8,6 +8,9 @@ export const NOTE_MIN_HEIGHT = 92;
export const DEFAULT_NOTE_WIDTH = 450 + 24 * 2; export const DEFAULT_NOTE_WIDTH = 450 + 24 * 2;
export const DEFAULT_NOTE_HEIGHT = NOTE_MIN_HEIGHT; export const DEFAULT_NOTE_HEIGHT = NOTE_MIN_HEIGHT;
export const DEFAULT_PAGE_BLOCK_WIDTH = 800;
export const DEFAULT_PAGE_BLOCK_HEIGHT = DEFAULT_NOTE_HEIGHT;
export enum NoteShadow { export enum NoteShadow {
Box = '--affine-note-shadow-box', Box = '--affine-note-shadow-box',
Film = '--affine-note-shadow-film', Film = '--affine-note-shadow-film',

12
blocksuite/affine/shared/src/utils/model/doc.ts
View File

@@ -1,3 +1,7 @@
import {
DEFAULT_PAGE_BLOCK_HEIGHT,
DEFAULT_PAGE_BLOCK_WIDTH,
} from '@blocksuite/affine-model';
import type { Workspace } from '@blocksuite/store'; import type { Workspace } from '@blocksuite/store';
import { Text } from '@blocksuite/store'; import { Text } from '@blocksuite/store';
@@ -17,7 +21,13 @@ export function createDefaultDoc(
}); });
doc.addBlock('affine:surface', {}, rootId); doc.addBlock('affine:surface', {}, rootId);
const noteId = doc.addBlock('affine:note', {}, rootId); const noteId = doc.addBlock(
'affine:note',
{
xywh: `[0, 0, ${DEFAULT_PAGE_BLOCK_WIDTH}, ${DEFAULT_PAGE_BLOCK_HEIGHT}]`,
},
rootId
);
doc.addBlock('affine:paragraph', {}, noteId); doc.addBlock('affine:paragraph', {}, noteId);
// To make sure the content of new doc would not be clear // To make sure the content of new doc would not be clear
// By undo operation for the first time // By undo operation for the first time

11
packages/frontend/core/src/blocksuite/block-suite-page-list/utils.tsx
View File

@@ -5,7 +5,11 @@ import { DocsService } from '@affine/core/modules/doc';
import { EditorSettingService } from '@affine/core/modules/editor-setting'; import { EditorSettingService } from '@affine/core/modules/editor-setting';
import { WorkbenchService } from '@affine/core/modules/workbench'; import { WorkbenchService } from '@affine/core/modules/workbench';
import { getAFFiNEWorkspaceSchema } from '@affine/core/modules/workspace'; import { getAFFiNEWorkspaceSchema } from '@affine/core/modules/workspace';
import { type DocMode } from '@blocksuite/affine/model'; import {
DEFAULT_PAGE_BLOCK_HEIGHT,
DEFAULT_PAGE_BLOCK_WIDTH,
type DocMode,
} from '@blocksuite/affine/model';
import type { Workspace } from '@blocksuite/affine/store'; import type { Workspace } from '@blocksuite/affine/store';
import { useServices } from '@toeverything/infra'; import { useServices } from '@toeverything/infra';
import { useCallback, useMemo } from 'react'; import { useCallback, useMemo } from 'react';
@@ -39,7 +43,10 @@ export const usePageHelper = (docCollection: Workspace) => {
) => { ) => {
appSidebar.setHovering(false); appSidebar.setHovering(false);
const docProps: DocProps = { const docProps: DocProps = {
note: editorSettingService.editorSetting.get('affine:note'), note: {
...editorSettingService.editorSetting.get('affine:note'),
xywh: `[0, 0, ${DEFAULT_PAGE_BLOCK_WIDTH}, ${DEFAULT_PAGE_BLOCK_HEIGHT}]`,
},
}; };
const page = docsService.createDoc({ docProps }); const page = docsService.createDoc({ docProps });