mirror of
https://github.com/toeverything/AFFiNE.git
synced 2026-07-20 03:26:47 +08:00
Xun Sun
5b52349b96
for paragraph blocks, image blocks, list blocks, and table blocks Should fix #8617 and #11254. <!-- This is an auto-generated comment: release notes by coderabbit.ai --> ## Summary by CodeRabbit - **New Features** - Added text alignment options (left, center, right) for paragraph, list, image, note, and table blocks. - Introduced alignment controls in toolbars and slash menus for easier formatting. - Enabled keyboard shortcuts for quick text alignment changes (supports Mac and Windows). - **Localization** - Added English, Simplified Chinese, and Traditional Chinese translations for new alignment commands and shortcuts. - **Style** - Blocks now visually reflect selected text alignment in their layout. <!-- end of auto-generated comment: release notes by coderabbit.ai --> --------- Co-authored-by: L-Sun <zover.v@gmail.com>
36 lines
774 B
TypeScript
36 lines
774 B
TypeScript
import { TextAlign } from '@blocksuite/affine-model';
|
|
import {
|
|
TextAlignCenterIcon,
|
|
TextAlignLeftIcon,
|
|
TextAlignRightIcon,
|
|
} from '@blocksuite/icons/lit';
|
|
import type { TemplateResult } from 'lit';
|
|
|
|
export interface TextAlignConfig {
|
|
textAlign: TextAlign;
|
|
name: string;
|
|
hotkey: string[] | null;
|
|
icon: TemplateResult<1>;
|
|
}
|
|
|
|
export const textAlignConfigs: TextAlignConfig[] = [
|
|
{
|
|
textAlign: TextAlign.Left,
|
|
name: 'Align left',
|
|
hotkey: [`Mod-Shift-L`],
|
|
icon: TextAlignLeftIcon(),
|
|
},
|
|
{
|
|
textAlign: TextAlign.Center,
|
|
name: 'Align center',
|
|
hotkey: [`Mod-Shift-E`],
|
|
icon: TextAlignCenterIcon(),
|
|
},
|
|
{
|
|
textAlign: TextAlign.Right,
|
|
name: 'Align right',
|
|
hotkey: [`Mod-Shift-R`],
|
|
icon: TextAlignRightIcon(),
|
|
},
|
|
];
|