feat(mobile): 接入移动端订单与消息中心

frontend/src/features/orders/api.ts

@@ -0,0 +1,47 @@
+import { useInfiniteQuery, useQuery } from '@tanstack/react-query'
+
+import { apiClient, unwrapData } from '@/shared/api/client'
+import type { ApiResponse } from '@/shared/api/types'
+import type { UserOrderDetail, UserOrderPage } from '@/features/orders/types'
+
+export const MY_ORDER_PAGE_SIZE = 20
+
+export function fetchMyOrders(page = 1, pageSize = MY_ORDER_PAGE_SIZE) {
+  return unwrapData<Partial<UserOrderPage>>(
+    apiClient.get<ApiResponse<Partial<UserOrderPage>>>('/orders', {
+      params: { page, page_size: pageSize },
+    })
+  ).then(data => ({
+    items: data.items ?? [],
+    total: data.total ?? 0,
+    page: data.page ?? page,
+    page_size: data.page_size ?? pageSize,
+  }))
+}
+
+export function useMyOrders(enabled = true) {
+  return useInfiniteQuery({
+    queryKey: ['my-orders'],
+    queryFn: ({ pageParam }) => fetchMyOrders(pageParam, MY_ORDER_PAGE_SIZE),
+    initialPageParam: 1,
+    getNextPageParam: last =>
+      last.page * last.page_size < last.total ? last.page + 1 : undefined,
+    enabled,
+  })
+}
+
+export function fetchMyOrder(id: number | string) {
+  return unwrapData<UserOrderDetail>(apiClient.get<ApiResponse<UserOrderDetail>>(`/orders/${id}`))
+}
+
+export function useMyOrder(id?: string, enabled = true) {
+  return useQuery({
+    queryKey: ['my-order', id],
+    queryFn: () => fetchMyOrder(id as string),
+    enabled: Boolean(id) && enabled,
+  })
+}
+
+export async function cancelMyOrder(id: number | string) {
+  await apiClient.post(`/orders/${id}/cancel`)
+}