:sparkles: 被删除的文章如果含有目录，显示删除线

dashboard/src/components/anthology/AnthologyTocTree.tsx

@@ -26,6 +26,7 @@ const Widget = ({ anthologyId, onSelect, onArticleSelect }: IWidget) => {
             key: item.article_id ? item.article_id : item.title,
             title: item.title,
             level: item.level,
+            deletedAt: item.deleted_at,
           };
         });
         setTocData(toc);

dashboard/src/components/anthology/EditableTocTree.tsx

@@ -27,6 +27,7 @@ const Widget = ({ anthologyId, onSelect }: IWidget) => {
             key: item.article_id ? item.article_id : item.title,
             title: item.title,
             level: item.level,
+            deletedAt: item.deleted_at,
           };
         });
         setTocData(toc);

dashboard/src/components/api/Article.ts

@@ -128,6 +128,7 @@ export interface IArticleMapRequest {
   level: number;
   title: string;
   children?: number;
+  deleted_at?: string;
 }
 export interface IArticleMapListResponse {
   ok: boolean;

dashboard/src/components/article/EditableTree.tsx

@@ -1,6 +1,6 @@
 import React, { useState } from "react";
 import { useEffect } from "react";
-import { Tree } from "antd";
+import { Tree, Typography } from "antd";
 import type { DataNode, TreeProps } from "antd/es/tree";
 import { Key } from "antd/lib/table/interface";
 import {
@@ -11,10 +11,13 @@ import {
 import { Button, Divider, Space } from "antd";
 import { useIntl } from "react-intl";
 
+const { Text } = Typography;
+
 interface TreeNodeData {
   key: string;
   title: string | React.ReactNode;
   children: TreeNodeData[];
+  deletedAt?: string;
   level: number;
 }
 export type ListNodeData = {
@@ -22,6 +25,7 @@ export type ListNodeData = {
   title: string | React.ReactNode;
   level: number;
   children?: number;
+  deletedAt?: string;
 };
 
 var tocActivePath: TreeNodeData[] = [];
@@ -47,6 +51,7 @@ function tocGetTreeData(articles: ListNodeData[], active = "") {
       title: element.title,
       children: [],
       level: element.level,
+      deletedAt: element.deletedAt,
     };
     /*
 		if (active == element.article) {
@@ -283,6 +288,15 @@ const Widget = ({
           }
         }}
         treeData={gData}
+        titleRender={(node: TreeNodeData) => {
+          return node.deletedAt ? (
+            <Text delete disabled>
+              {node.title}
+            </Text>
+          ) : (
+            <>{node.title}</>
+          );
+        }}
       />
     </>
   );

dashboard/src/components/article/TocTree.tsx

@@ -1,15 +1,18 @@
-import { Tree } from "antd";
-
-import type { DataNode, TreeProps } from "antd/es/tree";
+import { Tree, Typography } from "antd";
+import type { TreeProps } from "antd/es/tree";
 import { useEffect, useState } from "react";
+
 import type { ListNodeData } from "./EditableTree";
 import PaliText from "../template/Wbw/PaliText";
 
-interface TreeNodeData {
+const { Text } = Typography;
+
+export interface TreeNodeData {
   key: string;
   title: string | React.ReactNode;
   children?: TreeNodeData[];
   level: number;
+  deletedAt?: string;
 }
 
 function tocGetTreeData(
@@ -36,6 +39,7 @@ function tocGetTreeData(
       key: element.key,
       title: element.title,
       level: element.level,
+      deletedAt: element.deletedAt,
     };
 
     if (newNode.level > iCurrLevel) {
@@ -119,12 +123,20 @@ const Widget = ({ treeData, expandedKey, onSelect }: IWidgetTocTree) => {
       defaultExpandedKeys={expanded}
       defaultSelectedKeys={expanded}
       blockNode
-      titleRender={(node: DataNode) => {
-        if (typeof node.title === "string") {
-          return <PaliText text={node.title} />;
-        } else {
-          return <>{node.title}</>;
-        }
+      titleRender={(node: TreeNodeData) => {
+        const currNode =
+          typeof node.title === "string" ? (
+            <PaliText text={node.title} />
+          ) : (
+            <>{node.title}</>
+          );
+        return node.deletedAt ? (
+          <Text delete disabled>
+            {currNode}
+          </Text>
+        ) : (
+          <>{currNode}</>
+        );
       }}
     />
   );