fix: Clear the input box when closing the search (#4467)

Signed-off-by: aonoa <1991849113@qq.com>
vbenjs · Sep 22, 2024 · 4b3d2d2 · 4b3d2d2
1 parent 31f6cc6
commit 4b3d2d2
Showing 1 changed file with 8 additions and 3 deletions.
diff --git a/packages/effects/layouts/src/widgets/global-search/global-search.vue b/packages/effects/layouts/src/widgets/global-search/global-search.vue
@@ -30,16 +30,21 @@ const props = withDefaults(
   },
 );
 
+const keyword = ref('');
+const searchInputRef = ref<HTMLInputElement>();
+
 const [Modal, modalApi] = useVbenModal({
   onCancel() {
     modalApi.close();
   },
+  onOpenChange(isOpen: boolean) {
+    if (!isOpen) {
+      keyword.value = '';
+    }
+  },
 });
 const open = modalApi.useStore((state) => state.isOpen);
 
-const keyword = ref('');
-const searchInputRef = ref<HTMLInputElement>();
-
 function handleClose() {
   modalApi.close();
   keyword.value = '';