\n+ \n+
\n+\n+ 选择适用片区
\n+\n+ 待兑换体验券×1\n+
\n+ \n+ 
\n+
\n+ \n+
\n+ {coupon.name}
\n+{coupon.desc}
\n+\n+ {coupon.cost}泡泡值\n+
\n+\n+
\n+ \n+ setInput(event.target.value)}\n+ className=\"h-full min-w-0 flex-1 bg-transparent text-[14px] outline-none placeholder:text-[#AFA79F] [&::-webkit-search-cancel-button]:hidden\"\n+ />\n+ {input && (\n+ \n+ )}\n+
\n+ \n+ 单选一个适用项目每次加载 15 条\n+
\n+ \n+ {selected && (\n+ \n+ setSelected(selected)} />\n+ \n+ )}\n+
\n+ {loadingMore && \n+
\n+ 搜索结果\n+ {loading ? '正在搜索…' : `共 ${total} 条`}\n+
\n+ {loading && page === 0 ? (\n+ \n+ {[0, 1, 2].map(n => )}\n+
\n+ ) : error ? (\n+ \n+
\n+ ) : otherItems.length === 0 ? (\n+ 片区加载失败：{error}
\n+ \n+\n+
\n+ ) : (\n+ 没有找到相关片区
\n+\n+ 换个名称再试试{selected ? '，已选片区仍可继续兑换' : ''}\n+
\n+\n+ {otherItems.map(item => (\n+ setSelected(item)} />\n+ ))}\n+
\n+ )}\n+ 正在加载下一页…
}\n+ {loadMoreError &&{loadMoreError}\n+ \n+
}\n+ {hasMore && !loadingMore && !loadMoreError && (\n+ \n+ )}\n+ {!loading && !error && page > 0 && !hasMore &&\n+ 已加载全部 {total} 条项目
}\n+ \n+\n+ \n+ ,\n+ document.body,\n+ )\n+}\ndiff --git a/src/pages/exchange/useCouponProjects.test.tsx b/src/pages/exchange/useCouponProjects.test.tsx\nnew file mode 100644\nindex 0000000..49bfdfe\n--- /dev/null\n+++ b/src/pages/exchange/useCouponProjects.test.tsx\n@@ -0,0 +1,50 @@\n+import { act, renderHook, waitFor } from '@testing-library/react'\n+import { afterEach, describe, expect, it, vi } from 'vitest'\n+\n+const mocks = vi.hoisted(() => ({ fetch: vi.fn() }))\n+vi.mock('../../services/couponProjects', () => ({ fetchCouponProjects: mocks.fetch }))\n+\n+import { useCouponProjects } from './useCouponProjects'\n+\n+const row = (id: number) => ({\n+ id, shop_name: 'Mock·片区' + id, activity_name: 'Mock·体验券', discountcard_no: 'DC' + id,\n+})\n+const page = (n: number, total: number, ids: number[], lastPage = 2) => ({\n+ data: ids.map(row), current_page: n, per_page: 15, total, last_page: lastPage,\n+})\n+\n+afterEach(() => mocks.fetch.mockReset())\n+\n+describe('project pagination search generation', () => {\n+ it('restores page one after a changed server catalog instead of infinitely retrying stale page two', async () => {\n+ mocks.fetch.mockResolvedValueOnce(page(1, 16, [1, 2]))\n+ .mockResolvedValueOnce(page(2, 17, [3]))\n+ .mockResolvedValueOnce(page(1, 17, [1, 2, 3]))\n+ const hook = renderHook(() => useCouponProjects(''))\n+ await waitFor(() => expect(hook.result.current.page).toBe(1))\n+\n+ act(() => hook.result.current.loadMore())\n+ await waitFor(() => expect(hook.result.current.restartRequired).toBe(true))\n+ expect(hook.result.current.items.map(p => p.id)).toEqual([1, 2])\n+\n+ act(() => hook.result.current.reload())\n+ await waitFor(() => expect(hook.result.current.total).toBe(17))\n+ expect(hook.result.current.restartRequired).toBe(false)\n+ expect(mocks.fetch.mock.calls.map(call => call[1])).toEqual([1, 2, 1])\n+ hook.unmount()\n+ })\n+\n+ it('ignores an old search response after a new keyword is entered', async () => {\n+ let completeOld!: (value: ReturnType\n- \n- {activeProduct.image || COUPON_COVER_FALLBACK ? (\n-
\n-\n- \n-
\n- \n-
\n- {activeProduct.name}
\n- {EXCHANGE_COPY.quantity}\n-{activeProduct.desc}
\n-\n- {activeProduct.cost}\n- 🫧 {EXCHANGE_COPY.costUnit}\n-
\n-\n- {EXCHANGE_COPY.balanceLabel}\n- {balance == null ? '--' : `${balance.toLocaleString()} 🫧`}\n-
\n-\n- {(availability === 'sold-out' || availability === 'insufficient') && (\n- \n- {availability === 'sold-out' ? EXCHANGE_COPY.soldOut : EXCHANGE_COPY.insufficient}\n-
\n- )}\n-\n- {submitError && (\n-\n- {submitError}\n-
\n- )}\n-\n-\n+ \n+
\n+\n+ 选择适用片区
\n+\n+ 待兑换体验券×1\n+
\n+ \n+ \n+
\n+ \n+
\n+ {coupon.name}
\n+{coupon.desc}
\n+\n+ {coupon.cost}泡泡值\n+
\n+\n+
\n+ \n+ setInput(event.target.value)}\n+ className=\"h-full min-w-0 flex-1 bg-transparent text-[14px] outline-none placeholder:text-[#AFA79F] [&::-webkit-search-cancel-button]:hidden\"\n+ />\n+ {input && (\n+ \n+ )}\n+
\n+ \n+ 单选一个适用项目每次加载 15 条\n+
\n+ \n+ {selected && (\n+ \n+ setSelected(selected)} />\n+ \n+ )}\n+
\n+ {loadingMore && \n+
\n+ 搜索结果\n+ {loading ? '正在搜索…' : `共 ${total} 条`}\n+
\n+ {loading && page === 0 ? (\n+ \n+ {[0, 1, 2].map(n => )}\n+
\n+ ) : error ? (\n+ \n+
\n+ ) : otherItems.length === 0 ? (\n+ 片区加载失败：{error}
\n+ \n+\n+
\n+ ) : (\n+ 没有找到相关片区
\n+\n+ 换个名称再试试{selected ? '，已选片区仍可继续兑换' : ''}\n+
\n+\n+ {otherItems.map(item => (\n+ setSelected(item)} />\n+ ))}\n+
\n+ )}\n+ 正在加载下一页…
}\n+ {loadMoreError &&{loadMoreError}\n+ \n+
}\n+ {hasMore && !loadingMore && !loadMoreError && (\n+ \n+ )}\n+ {!loading && !error && page > 0 && !hasMore &&\n+ 已加载全部 {total} 条项目
}\n+ \n+\n+ \n+ ,\n+ document.body,\n+ )\n+}\ndiff --git a/src/pages/exchange/useCouponProjects.test.tsx b/src/pages/exchange/useCouponProjects.test.tsx\nnew file mode 100644\nindex 0000000..49bfdfe\n--- /dev/null\n+++ b/src/pages/exchange/useCouponProjects.test.tsx\n@@ -0,0 +1,50 @@\n+import { act, renderHook, waitFor } from '@testing-library/react'\n+import { afterEach, describe, expect, it, vi } from 'vitest'\n+\n+const mocks = vi.hoisted(() => ({ fetch: vi.fn() }))\n+vi.mock('../../services/couponProjects', () => ({ fetchCouponProjects: mocks.fetch }))\n+\n+import { useCouponProjects } from './useCouponProjects'\n+\n+const row = (id: number) => ({\n+ id, shop_name: 'Mock·片区' + id, activity_name: 'Mock·体验券', discountcard_no: 'DC' + id,\n+})\n+const page = (n: number, total: number, ids: number[], lastPage = 2) => ({\n+ data: ids.map(row), current_page: n, per_page: 15, total, last_page: lastPage,\n+})\n+\n+afterEach(() => mocks.fetch.mockReset())\n+\n+describe('project pagination search generation', () => {\n+ it('restores page one after a changed server catalog instead of infinitely retrying stale page two', async () => {\n+ mocks.fetch.mockResolvedValueOnce(page(1, 16, [1, 2]))\n+ .mockResolvedValueOnce(page(2, 17, [3]))\n+ .mockResolvedValueOnce(page(1, 17, [1, 2, 3]))\n+ const hook = renderHook(() => useCouponProjects(''))\n+ await waitFor(() => expect(hook.result.current.page).toBe(1))\n+\n+ act(() => hook.result.current.loadMore())\n+ await waitFor(() => expect(hook.result.current.restartRequired).toBe(true))\n+ expect(hook.result.current.items.map(p => p.id)).toEqual([1, 2])\n+\n+ act(() => hook.result.current.reload())\n+ await waitFor(() => expect(hook.result.current.total).toBe(17))\n+ expect(hook.result.current.restartRequired).toBe(false)\n+ expect(mocks.fetch.mock.calls.map(call => call[1])).toEqual([1, 2, 1])\n+ hook.unmount()\n+ })\n+\n+ it('ignores an old search response after a new keyword is entered', async () => {\n+ let completeOld!: (value: ReturnType