优化使用filter组件，直接使用适配对象

pages/mall/index.page.tsx

@@ -4,7 +4,7 @@ import Layout from "~/components/layout";
 import styles from "./index.module.scss";
 import { useRouter } from "next/router";
 import Image from "next/image";
-import Filter, { FilterResult } from "~/components/filter";
+import Filter, { AdapterResult, FilterResult } from "~/components/filter";
 import api, { Goods, ListPageGoodsInfoParams } from "./api";
 
 // 此函数在构建时被调用
@@ -19,7 +19,7 @@ type Props = {};
 export default function Mall(props: Props) {
   const router = useRouter();
   const [productList, setProductList] = useState<Array<Goods>>([]);
-  const [filterResult, setFilterResult] = useState<FilterResult>({});
+  const [filterResult, setFilterResult] = useState<AdapterResult>({});
   const [pageParams, setPageParams] = useState({
     pageNo: 1,
     pageSize: 16,
@@ -37,12 +37,7 @@ export default function Mall(props: Props) {
     api
       .listPageGoodsInfo(
         {
-          brandId: filterResult.brand?.id,
-          districtId: filterResult.region?.id,
-          modelId: filterResult.model?.id,
-          partsId: filterResult.part?.id,
-          productCategoryId: filterResult.category?.id,
-          qualityId: filterResult.quality?.id,
+          ...filterResult,
           ...pageParams,
         },
         {
@@ -55,9 +50,9 @@ export default function Mall(props: Props) {
       });
   }, [abort]);
 
-  const onFilterChange = (filterResult: FilterResult) => {
-    console.log("filterResult", filterResult);
-    setFilterResult(filterResult);
+  const onFilterChange = (filterResult: FilterResult, adapterFilterResult: AdapterResult) => {
+    console.log("filterResult", filterResult, adapterFilterResult);
+    setFilterResult(adapterFilterResult);
   };
 
   const onPageChange = (page: number, pageSize: number) => {