Reactjs 具有自定义节点的流程点

您好，我正在开发一个React应用程序，因为我想使用自定义节点创建流点，现在我正在使用React包“流点””，现在的问题是，如果我更改流点，宽度线不会从边缘绘制，如果我在默认情况下没有设置任何宽度，它将以150像素为单位，线条从边缘绘制。这是代码，请有人帮助

宽度样式：

<Flowspace>
  <Flowpoint key="point_a" variant="outlined"  minX="50" snap={{ x:10, y:10 }} style={{width:"130px"}} 
  startPosition={{x:100,y:50}} dragX={false} dragY={false}>
 I am point b
  </Flowpoint>
  <Flowpoint  style={{width:"130px"}}variant="outlined" theme="indigo"  key="point_b" startPosition={{x:300,y:50}} dragX={false} dragY={false}>
    I am point b
    <img src={ellipsis} id="ellipsis"></img>
  </Flowpoint>
  <Flowpoint key="point_c" startPosition={{x:300,y:100}} dragX={false} dragY={false}>
    I am point b
    ...
  </Flowpoint>
   <Flowpoint key="point_d"  outputs={["point_a","point_b"]} startPosition={{x:300,y:150}}>
    I am point c
    ...
  </Flowpoint>
</Flowspace> 

我是b点
我是b点
我是b点
...
我是c点
...

带宽度的输出：

<Flowspace>
  <Flowpoint key="point_a" variant="outlined"  minX="50" snap={{ x:10, y:10 }} style={{width:"130px"}} 
  startPosition={{x:100,y:50}} dragX={false} dragY={false}>
 I am point b
  </Flowpoint>
  <Flowpoint  style={{width:"130px"}}variant="outlined" theme="indigo"  key="point_b" startPosition={{x:300,y:50}} dragX={false} dragY={false}>
    I am point b
    <img src={ellipsis} id="ellipsis"></img>
  </Flowpoint>
  <Flowpoint key="point_c" startPosition={{x:300,y:100}} dragX={false} dragY={false}>
    I am point b
    ...
  </Flowpoint>
   <Flowpoint key="point_d"  outputs={["point_a","point_b"]} startPosition={{x:300,y:150}}>
    I am point c
    ...
  </Flowpoint>
</Flowspace> 

不带宽度

<Flowspace>
  <Flowpoint key="point_a" variant="outlined"  minX="50" snap={{ x:10, y:10 }} 
  startPosition={{x:100,y:50}} dragX={false} dragY={false}>

  </Flowpoint>
  <Flowpoint variant="outlined" theme="indigo"  key="point_b" startPosition={{x:300,y:50}} dragX={false} dragY={false}>
    I am point b
    <img src={ellipsis} id="ellipsis"></img>
  </Flowpoint>
  <Flowpoint key="point_c" startPosition={{x:300,y:100}} dragX={false} dragY={false}>
    I am point b
    ...
  </Flowpoint>
   <Flowpoint key="point_d"  outputs={["point_a","point_b"]} startPosition={{x:300,y:150}}>
    I am point c
    ...
  </Flowpoint>
</Flowspace> 



    

我是b点
我是b点
...
我是c点
...

不带宽度输出：

我是b点
我是b点
...
我是c点
...

所以我的要求是我想设置不同的宽度，线条应该从边缘连接