优化

src/shared/components/QueryToolbar.test.ts

@@ -10,9 +10,13 @@ import { UI_PREFERENCE_SCOPE, preferenceStorageKey } from '@/shared/utils/uiLayo
 const FieldStub = defineComponent({
   inheritAttrs: false,
   props: { placeholder: String },
-  template: '<input :data-placeholder="placeholder" />',
+  emits: ['keyup'],
+  template: '<input :data-placeholder="placeholder" @keyup="$emit(\'keyup\', $event)" />',
+})
+const ButtonStub = defineComponent({
+  props: { disabled: Boolean, loading: Boolean },
+  template: '<button type="button" :disabled="disabled" :data-loading="String(loading)"><slot /></button>',
 })
-const ButtonStub = defineComponent({ template: '<button type="button"><slot /></button>' })
 const PopoverStub = defineComponent({ template: '<div><slot name="reference" /><slot /></div>' })
 
 const fields: QueryField[] = [
@@ -21,7 +25,7 @@ const fields: QueryField[] = [
   { key: 'createdRange', type: 'daterange', label: '创建日期', placeholder: '创建日期' },
 ]
 
-function mountToolbar() {
+function mountToolbar(props: Record<string, unknown> = {}) {
   return shallowMount(QueryToolbar, {
     props: {
       modelValue: { keyword: '', status: '', createdRange: [] },
@@ -29,6 +33,7 @@ function mountToolbar() {
       ariaLabel: '订单筛选',
       fields,
       preferenceKey: 'orders-query',
+      ...props,
     },
     global: {
       provide: { [UI_PREFERENCE_SCOPE as symbol]: computed(() => 'user-1') },
@@ -70,4 +75,49 @@ describe('QueryToolbar layout preferences', () => {
     const source = readFileSync(resolve(process.cwd(), 'src/shared/components/QueryToolbar.vue'), 'utf8')
     expect(source).toContain('.query-toolbar__tail { display: flex; align-items: flex-end; width: auto; flex: 0 0 auto; gap: 10px; }')
   })
+
+  it('submits the current filters once when Enter is released in a text input', async () => {
+    const wrapper = mountToolbar({ modelValue: { keyword: 'AKR1', status: 'ACTIVE', createdRange: [] } })
+    const textInput = wrapper.findAll('input')[0]
+
+    await textInput.trigger('keyup', { key: 'Enter' })
+
+    expect(wrapper.emitted('search')).toEqual([[
+      { keyword: 'AKR1', status: 'ACTIVE', createdRange: [] },
+    ]])
+  })
+
+  it('does not submit Enter from select or date controls, composition, or repeated key events', async () => {
+    const wrapper = mountToolbar()
+    const controls = wrapper.findAll('input')
+
+    await controls[1].trigger('keyup', { key: 'Enter' })
+    await controls[2].trigger('keyup', { key: 'Enter' })
+    await controls[0].trigger('keyup', { key: 'Enter', isComposing: true })
+    await controls[0].trigger('keyup', { key: 'Enter', repeat: true })
+
+    expect(wrapper.emitted('search')).toBeUndefined()
+  })
+
+  it('resets all filters once and blocks search and reset while loading', async () => {
+    const wrapper = mountToolbar({
+      modelValue: { keyword: 'AKR1', status: 'ACTIVE', createdRange: ['2026-08-01', '2026-08-14'] },
+    })
+
+    ;(wrapper.vm as unknown as { reset: () => void }).reset()
+    expect(wrapper.emitted('reset')).toEqual([[
+      { keyword: '', status: '', createdRange: [] },
+    ]])
+    expect(wrapper.emitted('search')).toEqual([[
+      { keyword: '', status: '', createdRange: [] },
+    ]])
+
+    await wrapper.setProps({ loading: true })
+    ;(wrapper.vm as unknown as { search: () => void; reset: () => void }).search()
+    ;(wrapper.vm as unknown as { search: () => void; reset: () => void }).reset()
+    expect(wrapper.emitted('search')).toHaveLength(1)
+    expect(wrapper.emitted('reset')).toHaveLength(1)
+    expect(wrapper.findAllComponents(ButtonStub)[0].props('loading')).toBe(true)
+    expect(wrapper.findAllComponents(ButtonStub)[1].props('disabled')).toBe(true)
+  })
 })