the controlbar customize & event listen about sequential-workflow-designer HOT 4 CLOSED

Hi @ChenRenHu!

1. The control bar doesn't support external buttons, but I like this idea. I will add this feature in the future. You may increase the priority under a consulting service.
2. Basically you may track changes in the definition by listening all changes.

designer.onDefinitionChanged.subscribe((newDef) => { /* ... */);

Now you need to compare the previous definition with the current one. Do you need to listen on all changes or only deletion?

from sequential-workflow-designer.

1. external control bar button： Is there a way to realize this by modifying the source code?
2. the newDef parameter is the whole sequence def？

from sequential-workflow-designer.

1. If you fork the repo you may do everything, but you need to maintain the repo alone.
2. Yes.
   BTW: the canDeleteStep callback is called just before deletion (docs: https://nocode-js.com/docs/sequential-workflow-designer/features/editing-restrictions) so you could use this fact.

let deletedStep = null;

const configuration = {
  steps: {
    canDeleteStep: (step) => {
      deletedStep = step;
      return true;
    },
    canInsertStep: () => {
      deletedStep = null;
      return true;
    },
    canMoveStep: () => {
      deletedStep = null;
      return true;
    }
  },
  // ...
}

// ...

designer.onDefinitionChanged.subscribe((newDefinition) => {
  if (deletedStep) {
    console.log('deletedStep', deletedStep);
    deletedStep = null;
  }
});

from sequential-workflow-designer.

thx a lot；

from sequential-workflow-designer.