feat: 将/support/documents路由的数据获取由Strapi转为Directus

- 修改/support/documents.vue，将相关数据获取迁移到Directus
- 增添相应的视图模型与映射方法

app/models/mappers/documentMapper.ts

@@ -1,13 +1,15 @@
 /**
- * 将 Directus 返回的 Document 数据转换为 DocumentView 视图模型
+ * 将 Directus 返回的 Document 数据转换为 ProductDocumentView 视图模型
  *
  * @param raw: 原始的 Document 数据
- * @returns 转换后的 DocumentView 对象
+ * @returns 转换后的 ProductDocumentView 对象
  *
  * @example
- * const view = toDocumentView(rawDocument);
+ * const view = toProductDocumentView(rawDocument);
  */
-export function toDocumentView(raw: ProductDocument): ProductDocumentView {
+export function toProductDocumentView(
+  raw: ProductDocument
+): ProductDocumentView {
   const trans = raw.translations?.[0] ?? {
     title: '',
   };
@@ -27,3 +29,49 @@ export function toDocumentView(raw: ProductDocument): ProductDocumentView {
     size: file.filesize,
   };
 }
+
+/**
+ * 将 Directus 返回的 Document 数据转换为 DocumentListView 视图模型
+ *
+ * @param raw: 原始的 Document 数据
+ * @returns 转换后的 DocumentListView 对象
+ *
+ * @example
+ * const view = toDocumentListView(rawDocument);
+ */
+export function toDocumentListView(raw: ProductDocument): DocumentListView {
+  const trans = raw.translations?.[0] ?? { title: '' };
+
+  const fileId = typeof raw.file === 'string' ? raw.file : raw.file?.id;
+  const file = raw.file as DirectusFile;
+
+  const { getFileUrl } = useDirectusFiles();
+  const url = getFileUrl(fileId);
+
+  const related_products: DocumentListProduct[] = raw.products
+    ?.filter(isObject<ProductsProductDocument>)
+    .map((item) => item.products_id)
+    .filter(isObject<Product>)
+    .map((item) => {
+      const productType =
+        isObject<ProductType>(item.product_type) &&
+        ({
+          id: item.product_type.id,
+          name: item.product_type.translations?.[0]?.name,
+        } satisfies DocumentListProductType);
+      return {
+        id: item.id,
+        name: item.translations?.[0]?.name,
+        type: productType,
+      };
+    });
+
+  return {
+    id: raw.id,
+    filename: file.filename_download,
+    title: trans.title,
+    url: url,
+    size: file.filesize,
+    products: related_products,
+  };
+}

app/models/mappers/productMapper.ts

@@ -106,13 +106,13 @@ export function toProductView(raw: Product): ProductView {
     .filter(isObject<ProductsQuestion>)
     .map((item) => item.questions_id)
     .filter(isObject<Question>)
-    .map((item) => toQuestionView(item));
+    .map((item) => toProductQuestionView(item));
 
   const documents = (raw.documents ?? [])
     .filter(isObject<ProductsProductDocument>)
     .map((item) => item.product_documents_id)
     .filter(isObject<ProductDocument>)
-    .map((item) => toDocumentView(item));
+    .map((item) => toProductDocumentView(item));
 
   return {
     id: raw.id,