From 1ad2749c97f1ebd0a708ba30c13fcfce6044ebdb Mon Sep 17 00:00:00 2001
From: "lihao.ylh" <lihao.ylh@alibaba-inc.com>
Date: Mon, 2 Aug 2021 17:14:50 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E5=88=87=E6=8D=A2=20d?=
 =?UTF-8?q?ocument=20=E6=97=B6=E6=8A=A5=E9=94=99?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/plugin-outline-pane/src/main.ts        | 2 +-
 packages/plugin-outline-pane/src/tree.ts        | 7 +++++--
 packages/plugin-outline-pane/src/views/tree.tsx | 3 +++
 3 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/packages/plugin-outline-pane/src/main.ts b/packages/plugin-outline-pane/src/main.ts
index 383b3f7ad..c9062ea68 100644
--- a/packages/plugin-outline-pane/src/main.ts
+++ b/packages/plugin-outline-pane/src/main.ts
@@ -140,7 +140,7 @@ export class OutlineMain implements ISensor, ITreeBoard, IScrollable {
     const { nodes } = dragObject;
 
     const tree = this._master?.currentTree;
-    if (!tree || !this._shell) {
+    if (!tree || !tree.root || !this._shell) {
       return null;
     }
 
diff --git a/packages/plugin-outline-pane/src/tree.ts b/packages/plugin-outline-pane/src/tree.ts
index ceaebda38..894360cb7 100644
--- a/packages/plugin-outline-pane/src/tree.ts
+++ b/packages/plugin-outline-pane/src/tree.ts
@@ -7,8 +7,11 @@ export class Tree {
 
   readonly id: string;
 
-  @computed get root(): TreeNode {
-    return this.getTreeNode(this.document.focusNode!);
+  @computed get root(): TreeNode | null {
+    if (this.document.focusNode) {
+      return this.getTreeNode(this.document.focusNode!);
+    }
+    return null;
   }
 
   constructor(readonly document: DocumentModel) {
diff --git a/packages/plugin-outline-pane/src/views/tree.tsx b/packages/plugin-outline-pane/src/views/tree.tsx
index f1b2c5c9b..cfe07e0e3 100644
--- a/packages/plugin-outline-pane/src/views/tree.tsx
+++ b/packages/plugin-outline-pane/src/views/tree.tsx
@@ -150,6 +150,9 @@ export default class TreeView extends Component<{ tree: Tree }> {
   render() {
     const { tree } = this.props;
     const { root } = tree;
+    if (!root) {
+      return null;
+    }
     return (
       <div
         className="lc-outline-tree"