feat: add redo, undo commands.

Author: jaywcjlove

src/commands/index.tsx

@@ -10,6 +10,8 @@ import { quote } from './quote';
 import { link } from './link';
 import { todo } from './todo';
 import { image } from './image';
+import { redo } from './redo';
+import { undo } from './undo';
 import { fullscreen } from './fullscreen';
 import { preview } from './preview';
 import { IMarkdownEditor, ToolBarProps } from '../';
@@ -25,6 +27,8 @@ export type ICommand = {
 };
 
 export const defaultCommands = {
+  undo,
+  redo,
   bold,
   italic,
   header,

src/commands/redo.tsx

@@ -0,0 +1,17 @@
+import { redo as redoHandle } from '@codemirror/commands';
+import { ICommand } from './';
+
+export const redo: ICommand = {
+  name: 'redo',
+  keyCommand: 'redo',
+  button: { 'aria-label': 'redo text' },
+  icon: (
+    <svg viewBox="0 0 512 512" height="14" width="14">
+      <path d="M58.79,439.13A16,16,0,0,1,48,424c0-73.1,14.68-131.56,43.65-173.77,35-51,90.21-78.46,164.35-81.87V88a16,16,0,0,1,27.05-11.57l176,168a16,16,0,0,1,0,23.14l-176,168A16,16,0,0,1,256,424V344.23c-45,1.36-79,8.65-106.07,22.64-29.25,15.12-50.46,37.71-73.32,67a16,16,0,0,1-17.82,5.28Z" />
+    </svg>
+  ),
+  execute: ({ state, view }) => {
+    if (!state || !view) return;
+    redoHandle(view);
+  },
+};

src/commands/undo.tsx

@@ -0,0 +1,17 @@
+import { undo as undoHandle } from '@codemirror/commands';
+import { ICommand } from './';
+
+export const undo: ICommand = {
+  name: 'undo',
+  keyCommand: 'undo',
+  button: { 'aria-label': 'undo text' },
+  icon: (
+    <svg viewBox="0 0 512 512" height="14" width="14">
+      <path d="M448,440a16,16,0,0,1-12.61-6.15c-22.86-29.27-44.07-51.86-73.32-67C335,352.88,301,345.59,256,344.23V424A16,16,0,0,1,229,435.57l-176-168a16,16,0,0,1,0-23.14l176-168A16,16,0,0,1,256,88v80.36c74.14,3.41,129.38,30.91,164.35,81.87C449.32,292.44,464,350.9,464,424a16,16,0,0,1-16,16Z" />
+    </svg>
+  ),
+  execute: ({ state, view }) => {
+    if (!state || !view) return;
+    undoHandle(view);
+  },
+};