Update Dock Manager topic - #1437

Author: randriova

doc/jp/components/layouts/dock-manager.md

@@ -295,6 +295,34 @@ this.dockManager.addEventListener('activePaneChanged', ev => {
 });
 ```
 
+### ドッキング
+
+フローティング ペインのドラッグを開始すると、ドラッグしたペインの位置に応じて異なるドッキング インジケーターが表示されます。ドッキングには、ルート ドッキング、ペイン ドッキング、ドキュメント ホスト ドッキング、スプリッター ドッキングの 4 つの主なタイプがあります。
+
+#### ルート ドッキング
+
+このタイプのドッキングでは、ペインをドラッグしているときに、ドックマネージャーの四隅付近に 4 つの矢印ドッキングインジケーターが表示されます。ペインをドロップすると、Dock Manager の `RootPane` の直接の子要素になります。視覚的には、新しくドッキングされたペインはそれぞれの端にスナップされ、ドック マネージャーの幅または高さの最大半分を占め、他のすべてのコンテンツは残りの半分に移動します。
+
+<img class="responsive-img" src="../../images/dockmanager-root-docking.jpg"/>
+
+#### ペイン ドッキング
+
+フローティング ペインをコンテンツ ペインまたはタブ グループ ペインの上にドラッグすると、ドッキング インジケーターがペインの中央に表示されます。ペインをドロップすると、ターゲット ペインの任意の側にスナップされるか、ターゲット ペインとグループ化されてタブ付きレイアウトが作成されます。初期レイアウトとドッキング位置の組み合わせにより、ドッキング操作により、ドラッグされたペインとターゲットペインの両方の新しい親となる分割されたペインまたはタブ グループ ペインが動的に作成されることがあります。
+
+<img class="responsive-img" src="../../images/dockmanager-pane-docking.jpg"/>
+
+#### ドキュメント ホスト ドッキング
+
+ドラッグしたペインがドキュメント ホストの上にある場合は、ターゲット ペインまたはドキュメント ホスト全体に対するドッキングを可能にする追加のドッキング インジケーターが表示されます。
+
+<img class="responsive-img" src="../../images/dockmanager-document-host-docking.jpg"/>
+
+#### スプリッター ドッキング
+
+フローティング ペインをドラッグしているときに、マウス カーソルがスプリッターに近づくと、その上にドッキング インジケーターが表示されます。ドラッグしたペインがドッキングされている場合、そのペインは対象のスプリッターを持つ分割ペインの子要素になります。スプリッター ドッキングは、Dock Manager の `allowSplitterDock` プロパティを **false** に設定することで無効にできます。
+
+<img class="responsive-img" src="../../images/dockmanager-splitter-docking.jpg"/>
+
 ### レイアウトの編集
 
 一部のシナリオでは、ペインの追加または削除、方向の変更などによって、Dock Manager のレイアウトをカスタマイズする必要がある場合があります。次に例を示します。
@@ -591,6 +619,7 @@ igc-dockmanager::part(content-pane) {
 | `docking-preview` | ドッキング プレビュー地域。 |
 | `docking-indicator` | 非ルート ドッキング インジケーター。 |
 | `root-docking-indicator` | ルート ドッキング インジケーター。 |
+| `splitter-docking-indicator` | スプリッター ドッキング インジケーター。 |
 | `pane-navigator` | ペイン ナビゲーター コンポーネント。 |
 | `pane-navigator-header` | ペイン ナビゲーターのヘッダー領域。 |
 | `pane-navigator-body` | ペイン ナビゲーターの本体領域。 |