gg-editor/src/components/Graph/command/undo.ts

A visual graph editor based on G6 and React

import { Command } from '@/common/interfaces';
import CommandManager from '@/common/CommandManager';

const undoCommand: Command = {
  name: 'undo',

  params: {},

  canExecute(graph) {
    const commandManager: CommandManager = graph.get('commandManager');
    const { commandIndex } = commandManager;

    return commandIndex > 0;
  },

  shouldExecute() {
    return true;
  },

  canUndo() {
    return false;
  },

  init() {},

  execute(graph) {
    const commandManager: CommandManager = graph.get('commandManager');
    const { commandQueue, commandIndex } = commandManager;

    commandQueue[commandIndex - 1].undo(graph);

    commandManager.commandIndex -= 1;
  },

  undo() {},

  shortcuts: [
    ['metaKey', 'z'],
    ['ctrlKey', 'z'],
  ],
};

export default undoCommand;