Fix bug of filter input items (#99)

Author: sheepzh

src/app/components/common/input-filter-item.ts

@@ -13,7 +13,7 @@ const _default = defineComponent({
     props: {
         placeholder: String
     },
-    emits: ["clear", "enter"],
+    emits: ["search"],
     setup(props, ctx) {
         const modelValue: Ref<string> = ref("")
         return () => h(ElInput, {
@@ -23,10 +23,11 @@ const _default = defineComponent({
             clearable: true,
             onClear() {
                 modelValue.value = ''
-                ctx.emit("clear")
+                ctx.emit("search", "")
             },
             onInput: (val: string) => modelValue.value = val.trim(),
-            onKeyup: (event: KeyboardEvent) => event.key === 'Enter' && ctx.emit("enter", modelValue.value)
+            onKeyup: (event: KeyboardEvent) => event.key === 'Enter' && ctx.emit("search", modelValue.value),
+            onBlur: (_event: FocusEvent) => ctx.emit("search", modelValue.value),
         })
     }
 })

src/app/components/limit/filter.ts

@@ -38,14 +38,10 @@ const _default = defineComponent({
         return () => [
             h(InputFilterItem, {
                 placeholder: urlPlaceholder,
-                onClear() {
-                    url.value = ""
+                onSearch(searchVal: string) {
+                    url.value = searchVal
                     handleChange()
                 },
-                onEnter(newVal: string) {
-                    url.value = newVal
-                    handleChange()
-                }
             }),
             h(SwitchFilterItem, {
                 label: onlyEnabledLabel,

src/app/components/report/filter/index.ts

@@ -72,14 +72,10 @@ const _default = defineComponent({
         return () => [
             h(InputFilterItem, {
                 placeholder: hostPlaceholder,
-                onClear() {
-                    host.value = ""
+                onSearch(searchVal: string) {
+                    host.value = searchVal
                     handleChange()
                 },
-                onEnter(newVal: string) {
-                    host.value = newVal
-                    handleChange()
-                }
             }),
             h(DateRangeFilterItem, {
                 startPlaceholder: dateStartPlaceholder,

src/app/components/site-manage/filter.ts

@@ -43,23 +43,15 @@ const _default = defineComponent({
         return () => [
             h(InputFilterItem, {
                 placeholder: hostPlaceholder,
-                onClear() {
-                    host.value = ""
+                onSearch(searchVal: string) {
+                    host.value = searchVal
                     handleChange()
                 },
-                onEnter(newVal: string) {
-                    host.value = newVal
-                    handleChange()
-                }
             }),
             h(InputFilterItem, {
                 placeholder: aliasPlaceholder,
-                onClear() {
-                    alias.value = ""
-                    handleChange()
-                },
-                onEnter(newVal: string) {
-                    alias.value = newVal
+                onSearch(searchVal: string) {
+                    alias.value = searchVal
                     handleChange()
                 }
             }),