如果有parent 显示parent 内容

dashboard/src/pages/studio/article/edit.tsx

@@ -1,43 +1,77 @@
 import { useState } from "react";
 import { useParams } from "react-router-dom";
-
-import { Card, Space } from "antd";
-
+import { Affix, Button, Card, Space } from "antd";
+import { DoubleLeftOutlined, DoubleRightOutlined } from "@ant-design/icons";
 import GoBack from "../../../components/studio/GoBack";
 import ReadonlyLabel from "../../../components/general/ReadonlyLabel";
 
 import ArticleEdit from "../../../components/article/ArticleEdit";
 import ArticleEditTools from "../../../components/article/ArticleEditTools";
+import Article from "../../../components/article/Article";
 
 const Widget = () => {
   const { studioname, articleId } = useParams(); //url 参数
   const [title, setTitle] = useState("loading");
   const [readonly, setReadonly] = useState(false);
-
+  const [parent, setParent] = useState<string>();
+  const [showParent, setShowParent] = useState(false);
   return (
-    <Card
-      title={
-        <Space>
-          <GoBack to={`/studio/${studioname}/article/list`} title={title} />
-          {readonly ? <ReadonlyLabel /> : undefined}
-        </Space>
-      }
-      extra={
-        <ArticleEditTools
-          studioName={studioname}
+    <div style={{ display: "flex" }}>
+      <Card
+        style={{ width: "100%" }}
+        title={
+          <Space>
+            <GoBack to={`/studio/${studioname}/article/list`} title={title} />
+            {readonly ? <ReadonlyLabel /> : undefined}
+          </Space>
+        }
+        extra={
+          <Space>
+            <ArticleEditTools
+              studioName={studioname}
+              articleId={articleId}
+              title={title}
+            />
+            <Button
+              onClick={() => setShowParent((origin) => !origin)}
+              style={{ display: parent ? "inline-block" : "none" }}
+            >
+              源文件
+              {showParent ? <DoubleRightOutlined /> : <DoubleLeftOutlined />}
+            </Button>
+          </Space>
+        }
+      >
+        <ArticleEdit
           articleId={articleId}
-          title={title}
+          onReady={(
+            title: string,
+            readonly: boolean,
+            studioName?: string,
+            parentUid?: string
+          ) => {
+            setTitle(title);
+            setReadonly(readonly);
+            setParent(parentUid);
+          }}
         />
-      }
-    >
-      <ArticleEdit
-        articleId={articleId}
-        onReady={(title: string, readonly: boolean) => {
-          setTitle(title);
-          setReadonly(readonly);
+      </Card>
+      <div
+        style={{
+          width: 1000,
+          display: showParent ? "block" : "none",
         }}
-      />
-    </Card>
+      >
+        <Affix offsetTop={0}>
+          <Article
+            active={true}
+            type={"article"}
+            articleId={parent}
+            mode="read"
+          />
+        </Affix>
+      </div>
+    </div>
   );
 };