2

PlantUMLで上記のような図を作りたいと思い、以下のようなcodeを書きました。

@startuml
skinparam componentStyle uml2
left to right direction
frame Process {
    [A].r.>[X]: piyot
    [A].r.>[Y]: piyot
    [X]-[hidden]d-[Y]
}
Input .r.> [A]
[A] <.u.> [B]: hoget
@enduml

すると、以下のような図になってしまいました...

1

実際、1枚目の所望の配置になるようにするには、以下のようなcodeになってしまいました...

@startuml
skinparam componentStyle uml2
left to right direction
frame Process {
    [A].r.>[X]: piyot
    [A].d.>[Y]: piyot
    [X]-[hidden]l-[Y]
}
Input ..> [A]
[A] <.l.> [B]: hoget
@enduml

所望の配置は得られたのですが、全く理解できません。
1つ目のcodeで所望の図が得られない理由が知りたいです。

PlantUMLでは所望の配置にならない事も多く困っているのですが、所望の配置となるようにするためのコツや暗黙のルール、心がける事のようなものは無いでしょうか？

解答よろしくお願いします。

環境

Windows10 Pro (64bit) 1809
VisualStudio Code 1.36.1
PlantUML 2.11.2
JRE 1.8.0_221