Weave.js
prerelease Prerelease 5.2.2 Latest 5.2.1
↑↓ navigate · ↵ select · esc close
Weave.js
Weave.js
prerelease Prerelease 5.2.2 Latest 5.2.1

WeaveNodesMultiSelectionFeedbackPlugin

Activate support to provide more feedback when multi-selecting nodes on the canvas

Overview

The WeaveNodesMultiSelectionFeedbackPlugin class that provides feedback to the end-users when multi-selecting nodes on the canvas.

Selection is a critical foundation for enabling further interactions like moving, grouping, deleting, copying, or applying bulk actions on nodes.

The class extends the WeavePlugin class

Name

This plugin name property value is nodesMultiSelectionFeedback.

Import

import { WeaveNodesMultiSelectionFeedbackPlugin } from "@inditextech/weave-sdk";

Instantiation

new WeaveNodesMultiSelectionFeedbackPlugin(params?: WeaveNodesMultiSelectionFeedbackPluginParams);

TypeScript types

type WeaveNodesMultiSelectionFeedbackStyle = {
  stroke: string;
  strokeWidth: number;
  fill: string;
};

type WeaveNodesMultiSelectionFeedbackConfig = {
  style: WeaveNodesMultiSelectionFeedbackStyle;
};

type WeaveNodesMultiSelectionFeedbackPluginConfig =
  DeepPartial<WeaveNodesMultiSelectionFeedbackConfig>;

type WeaveNodesMultiSelectionFeedbackPluginParams = {
  config?: WeaveNodesMultiSelectionFeedbackPluginConfig;
};

Parameters

For WeaveNodesMultiSelectionFeedbackPluginParams:

Property Type Required Description

config

WeaveNodesMultiSelectionFeedbackPluginConfig

Config parameters for the plugin.

For WeaveNodesMultiSelectionFeedbackPluginConfig:

Property Type Required Description

style

WeaveNodesMultiSelectionFeedbackStyle

Selector config (Konva Transformer configuration).

For WeaveNodesMultiSelectionFeedbackStyle:

Property Type Required Default Description

stroke

string

#ff2c2cff

The color of the stroke (edge)

strokeWidth

number

2

The width of the stroke (edge)

fill

string

transparent

The fill of the selector