feat: [sequence] add participantBorderColor param (#292)

hikerpig · Jun 12, 2024 · 3082c5c · 3082c5c
1 parent d9da848
commit 3082c5c
Show file tree

Hide file tree

Showing 4 changed files with 13 additions and 1 deletion.
diff --git a/.changeset/short-tomatoes-joke.md b/.changeset/short-tomatoes-joke.md
@@ -0,0 +1,5 @@
+---
+'@pintora/diagrams': patch
+---
+
+feat: [sequence] add `participantBorderColor` param
diff --git a/packages/pintora-diagrams/src/sequence/artist.ts b/packages/pintora-diagrams/src/sequence/artist.ts
@@ -1063,7 +1063,7 @@ function drawParticipantBoxes(context: SequenceArtistContext) {
       width,
       height: modelBounds.stopy - modelBounds.starty,
       fill: participantBox.background || conf.participantBackground,
-      stroke: conf.actorTextColor,
+      stroke: conf.participantBorderColor,
     })
     boxesGroup.children.push(rect)
     if (participantBox.text) {

diff --git a/packages/pintora-diagrams/src/sequence/config.ts b/packages/pintora-diagrams/src/sequence/config.ts
@@ -39,8 +39,10 @@ export type SequenceConf = {
   actorTextColor: string
   actorLineColor: string
 
+  // for participant boxes
   participantBoxPadding: number
   participantBackground: string
+  participantBorderColor: string
 
   noteTextColor: string
 
@@ -86,6 +88,7 @@ export const defaultConfig: SequenceConf = {
 
   participantBoxPadding: 10,
   participantBackground: 'transparent',
+  participantBorderColor: PALETTE.normalDark,
 
   noteTextColor: PALETTE.normalDark,
 
@@ -120,6 +123,7 @@ export const SEQUENCE_PARAM_DIRECTIVE_RULES = {
   actorBorderColor: { valueType: 'color' },
   actorTextColor: { valueType: 'color' },
   actorLineColor: { valueType: 'color' },
+  participantBorderColor: { valueType: 'color' },
   noteTextColor: { valueType: 'color' },
   activationBackground: { valueType: 'color' },
   dividerTextColor: { valueType: 'color' },
@@ -151,6 +155,7 @@ const configurator = makeConfigurator<SequenceConf>({
       noteTextColor: t.noteTextColor || t.textColor,
       activationBackground: t.background1,
       dividerTextColor: t.secondaryTextColor,
+      participantBorderColor: t.textColor,
     }
   },
 })

diff --git a/website/docs/configuration/config.md b/website/docs/configuration/config.md
@@ -123,8 +123,10 @@ export type SequenceConf = {
   actorTextColor: string
   actorLineColor: string
 
+  // for participant boxes
   participantBoxPadding: number
   participantBackground: string
+  participantBorderColor: string
 
   noteTextColor: string