feat(core): allow string array or object as class to node/edge objects (#1502)

* feat(core): allow string array as class

* chore(changeset): add

* feat(core): allow record as class

* chore(changeset): add

.changeset/thin-beans-wait.md

@@ -0,0 +1,5 @@
+---
+"@vue-flow/core": minor
+---
+
+Allow passing a Record<string, any> as class to node/edge objects

.changeset/thirty-days-retire.md

@@ -0,0 +1,5 @@
+---
+"@vue-flow/core": minor
+---
+
+Allow passing an array of strings as class to node/edge objects

packages/core/src/types/edge.ts

@@ -92,7 +92,7 @@ export interface DefaultEdge<
   /** Disable/enable deleting edge */
   deletable?: boolean
   /** Additional class names, can be a string or a callback returning a string (receives current flow element) */
-  class?: string | ClassFunc<GraphEdge<Data, CustomEvents>>
+  class?: string | string[] | Record<string, any> | ClassFunc<GraphEdge<Data, CustomEvents>>
   /** Additional styles, can be an object or a callback returning an object (receives current flow element) */
   style?: Styles | StyleFunc<GraphEdge<Data, CustomEvents>>
   /** Is edge hidden */

packages/core/src/types/node.ts

@@ -90,7 +90,7 @@ export interface Node<Data = ElementData, CustomEvents extends Record<string, Cu
   height?: number | string | HeightFunc
 
   /** Additional class names, can be a string or a callback returning a string (receives current flow element) */
-  class?: string | ClassFunc<GraphNode<Data, CustomEvents>>
+  class?: string | string[] | Record<string, any> | ClassFunc<GraphNode<Data, CustomEvents>>
   /** Additional styles, can be an object or a callback returning an object (receives current flow element) */
   style?: Styles | StyleFunc<GraphNode<Data, CustomEvents>>
   /** Is node hidden */