fix serach

src/components/haex/pass/mobile/menu/index.vue

@@ -43,7 +43,7 @@
   </div>
   <div
     v-else
-    class="flex justify-center items-center px-20 flex-1 bg-red-100"
+    class="flex justify-center items-center px-20 flex-1"
   >
     <UiIconNoData class="text-primary size-24 shrink-0" />
     <!-- <p>{{ t('empty') }}</p> -->

src/components/ui/input/index.vue

@@ -25,7 +25,7 @@
             class="ps-2"
             ref="inputRef"
             v-model="input"
-            @keyup="(e) => $emit('keyup', e)"
+            @keyup="(e:KeyboardEvent) => $emit('keyup', e)"
           />
           <label
             :for="id"
@@ -42,10 +42,15 @@
         />
       </div>
 
-      <slot
-        name="append"
-        class="h-auto"
-      />
+      <UiButton
+        v-if="withClearButton"
+        class="btn-outline btn-square"
+        @click="input = ''"
+      >
+        <Icon name="mdi:close" />
+      </UiButton>
+
+      <slot name="append" />
 
       <UiButton
         v-if="withCopyButton"
@@ -133,6 +138,7 @@ const props = defineProps({
   rules: Object as PropType<ZodSchema>,
   checkInput: Boolean,
   withCopyButton: Boolean,
+  withClearButton: Boolean,
   autofocus: Boolean,
   read_only: Boolean,
 })
@@ -170,6 +176,12 @@ const checkInput = () => {
 const { copy, copied } = useClipboard()
 
 const { t } = useI18n()
+
+onKeyStroke('a', (event) => {
+  if (event.ctrlKey) {
+    event.stopImmediatePropagation()
+  }
+})
 </script>
 
 <i18n lang="yaml">