From 6fb9b4951e7eefac8a3914d414709b5c53b3802e Mon Sep 17 00:00:00 2001
From: watchingfun <wenhuan2333@gmail.com>
Date: Wed, 17 Jan 2024 11:57:03 +0800
Subject: [PATCH] =?UTF-8?q?bugfix:=20=E8=A7=A3=E5=86=B3=E9=87=8D=E6=96=B0?=
 =?UTF-8?q?=E7=94=9F=E6=88=90SQL=E5=90=8E=EF=BC=8C=E8=B0=83=E7=94=A8?=
 =?UTF-8?q?=E6=A0=91=E7=9A=84=E6=95=B0=E6=8D=AE=E6=B2=A1=E6=9C=89=E5=88=B7?=
 =?UTF-8?q?=E6=96=B0=E7=9A=84=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/SearchableTree.vue | 15 ++++++---------
 1 file changed, 6 insertions(+), 9 deletions(-)

diff --git a/src/components/SearchableTree.vue b/src/components/SearchableTree.vue
index cb02c8b..24943e4 100644
--- a/src/components/SearchableTree.vue
+++ b/src/components/SearchableTree.vue
@@ -57,12 +57,9 @@
 <script setup lang="ts">
 import { ref, watch } from "vue";
 
-const props = defineProps<{ tree?: InvokeTree }>();
-
-const tree = ref(props.tree);
-if (!tree.value) {
-  tree.value = [];
-}
+const props = withDefaults(defineProps<{ tree?: InvokeTree }>(), {
+  tree: () => [],
+});
 
 const expandedKeys = ref<string[]>([]);
 const searchValue = ref<string>("");
@@ -104,16 +101,16 @@ const generateList = (data: InvokeTreeNode[], preKey: string) => {
     }
   }
 };
-generateList(tree.value, "");
+generateList(props.tree, "");
 
 watch(searchValue, (value) => {
-  if (!tree?.value) {
+  if (!props.tree.length) {
     return;
   }
   expandedKeys.value = dataList
     .map((item: InvokeTreeNode) => {
       if (item.title.indexOf(value) > -1) {
-        return getParentKey(item.key, tree.value as InvokeTree);
+        return getParentKey(item.key, props.tree as InvokeTree);
       }
       return null;
     })