From 47823e3f460e9605d00308cb95bfd23cd1419ee4 Mon Sep 17 00:00:00 2001
From: BTMuli <BT-Muli@outlook.com>
Date: Tue, 5 Sep 2023 09:12:52 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=A7=91=E2=80=8D=F0=9F=92=BB=20=E7=BB=93?=
 =?UTF-8?q?=E6=9E=84=E5=8C=96=E5=86=85=E5=AE=B9=E8=A7=A3=E6=9E=90=E6=98=BE?=
 =?UTF-8?q?=E7=A4=BA=EF=BC=8C=E4=BE=BF=E4=BA=8E=E8=B0=83=E8=AF=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/plugins/Mys/types/Post.d.ts |  1 +
 src/views/t-post-json.vue       | 14 +++++++++-----
 2 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/src/plugins/Mys/types/Post.d.ts b/src/plugins/Mys/types/Post.d.ts
index f598f4df..ee76bbf2 100644
--- a/src/plugins/Mys/types/Post.d.ts
+++ b/src/plugins/Mys/types/Post.d.ts
@@ -303,6 +303,7 @@ declare namespace TGApp.Plugins.Mys.Post {
   /**
    * @description 帖子结构化内容
    * @since Alpha v0.2.1
+   * @todo 重构
    * @interface StructuredContent
    * @property {string|object} insert 插入内容
    * @property {string} insert.image 图片 URL
diff --git a/src/views/t-post-json.vue b/src/views/t-post-json.vue
index 9dbd954e..995052d3 100644
--- a/src/views/t-post-json.vue
+++ b/src/views/t-post-json.vue
@@ -4,6 +4,8 @@
   <div class="post-json">
     <div class="post-title">帖子返回内容 JSON</div>
     <JsonViewer :value="jsonData" copyable boxed />
+    <div class="post-title">结构化内容解析</div>
+    <JsonViewer :value="parseData" copyable boxed />
   </div>
 </template>
 <script lang="ts" setup>
@@ -25,7 +27,8 @@ const loadingEmpty = ref<boolean>(false);
 
 // 数据
 const postId = Number(useRoute().params.post_id);
-let jsonData = reactive({});
+let jsonData = reactive<TGApp.Plugins.Mys.Post.FullData>(<TGApp.Plugins.Mys.Post.FullData>{});
+let parseData = reactive<TGApp.Plugins.Mys.Post.StructuredContent[]>([]);
 
 onMounted(async () => {
   await appWindow.show();
@@ -39,6 +42,7 @@ onMounted(async () => {
   loadingTitle.value = "正在获取数据...";
   try {
     jsonData = await Mys.Post.get(postId);
+    parseData = JSON.parse(jsonData.post.structured_content);
     loading.value = false;
   } catch (e) {
     loadingTitle.value = "帖子不存在或解析失败";
@@ -50,18 +54,18 @@ onMounted(async () => {
 .post-json {
   padding: 20px;
   border-radius: 20px;
-  font-family: Consolas, serif;
+  font-family: var(--font-text);
 }
 
 .post-title {
   margin: 20px 0;
-  color: #546d8b;
-  font-family: Genshin-Light, serif;
+  color: var(--common-text-title);
+  font-family: var(--font-title);
   font-size: 20px;
   font-weight: 600;
 }
 
 .jv-container {
-  background: var(--content-bg-2) !important;
+  background: var(--box-bg-2) !important;
 }
 </style>