GitHub/mermaid
1
0
Fork 0
mirror of https://github.com/mermaid-js/mermaid.git synced 2025-01-14 06:43:25 +08:00
Code Issues Projects Releases Wiki Activity

bugfix: add missing d3 curves to flowchart and docs

Browse Source
This commit is contained in:
Natasha Jarus 2023-01-27 10:34:42 -08:00
parent b35e4a8c52
commit 84d563584f
4 changed files with 31 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
docs/syntax/flowchart.md
View File

@ -842,8 +842,8 @@ In the example below the style defined in the linkStyle statement will belong to
### Styling line curves ### Styling line curves
It is possible to style the type of curve used for lines between items, if the default method does not meet your needs. It is possible to style the type of curve used for lines between items, if the default method does not meet your needs.
Available curve styles include `basis`, `bump`, `linear`, `monotoneX`, `monotoneY`, `natural`, `step`, `stepAfter`, Available curve styles include `basis`, `bumpX`, `bumpY`, `cardinal`, `catmullRom`, `linear`, `monotoneX`, `monotoneY`,
and `stepBefore`. `natural`, `step`, `stepAfter`, and `stepBefore`.
In this example, a left-to-right graph uses the `stepBefore` curve style: In this example, a left-to-right graph uses the `stepBefore` curve style:

10
packages/mermaid/src/diagrams/sequence/sequenceDiagram.spec.js
View File

@ -52,8 +52,16 @@ vi.mock('d3', () => {
curveBasis: 'basis', curveBasis: 'basis',
curveBasisClosed: 'basisClosed', curveBasisClosed: 'basisClosed',
curveBasisOpen: 'basisOpen', curveBasisOpen: 'basisOpen',
curveLinear: 'linear', curveBumpX: 'bumpX',
curveBumpY: 'bumpY',
curveBundle: 'bundle',
curveCardinalClosed: 'cardinalClosed',
curveCardinalOpen: 'cardinalOpen',
curveCardinal: 'cardinal', curveCardinal: 'cardinal',
curveCatmullRomClosed: 'catmullRomClosed',
curveCatmullRomOpen: 'catmullRomOpen',
curveCatmullRom: 'catmullRom',
curveLinear: 'linear',
curveLinearClosed: 'linearClosed', curveLinearClosed: 'linearClosed',
curveMonotoneX: 'monotoneX', curveMonotoneX: 'monotoneX',
curveMonotoneY: 'monotoneY', curveMonotoneY: 'monotoneY',

4
packages/mermaid/src/docs/syntax/flowchart.md
View File

@ -552,8 +552,8 @@ linkStyle 3 stroke:#ff3,stroke-width:4px,color:red;
### Styling line curves ### Styling line curves
It is possible to style the type of curve used for lines between items, if the default method does not meet your needs. It is possible to style the type of curve used for lines between items, if the default method does not meet your needs.
Available curve styles include `basis`, `bump`, `linear`, `monotoneX`, `monotoneY`, `natural`, `step`, `stepAfter`, Available curve styles include `basis`, `bumpX`, `bumpY`, `cardinal`, `catmullRom`, `linear`, `monotoneX`, `monotoneY`,
and `stepBefore`. `natural`, `step`, `stepAfter`, and `stepBefore`.
In this example, a left-to-right graph uses the `stepBefore` curve style: In this example, a left-to-right graph uses the `stepBefore` curve style:

18
packages/mermaid/src/utils.ts
View File

@ -4,6 +4,15 @@ import {
curveBasis, curveBasis,
curveBasisClosed, curveBasisClosed,
curveBasisOpen, curveBasisOpen,
curveBumpX,
curveBumpY,
curveBundle,
curveCardinalClosed,
curveCardinalOpen,
curveCardinal,
curveCatmullRomClosed,
curveCatmullRomOpen,
curveCatmullRom,
CurveFactory, CurveFactory,
curveLinear, curveLinear,
curveLinearClosed, curveLinearClosed,
@ -28,6 +37,15 @@ const d3CurveTypes = {
curveBasis: curveBasis, curveBasis: curveBasis,
curveBasisClosed: curveBasisClosed, curveBasisClosed: curveBasisClosed,
curveBasisOpen: curveBasisOpen, curveBasisOpen: curveBasisOpen,
curveBumpX: curveBumpX,
curveBumpY: curveBumpY,
curveBundle: curveBundle,
curveCardinalClosed: curveCardinalClosed,
curveCardinalOpen: curveCardinalOpen,
curveCardinal: curveCardinal,
curveCatmullRomClosed: curveCatmullRomClosed,
curveCatmullRomOpen: curveCatmullRomOpen,
curveCatmullRom: curveCatmullRom,
curveLinear: curveLinear, curveLinear: curveLinear,
curveLinearClosed: curveLinearClosed, curveLinearClosed: curveLinearClosed,
curveMonotoneX: curveMonotoneX, curveMonotoneX: curveMonotoneX,