Răsfoiți Sursa

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

Signed-off-by: aonoa <1991849113@qq.com>
aonoa 9 luni în urmă
părinte
comite
4b3d2d21ed

+ 8 - 3
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 = '';