From 45bc3986265edcf6a44b5f5b62a5f321d7d9033e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=9B=AE=E6=A3=83?= <BT-Muli@outlook.com>
Date: Sun, 3 Nov 2024 08:55:12 +0800
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20=E6=96=B0=E5=A2=9E=20UID=20?=
 =?UTF-8?q?=E5=8D=A1=E7=89=87=E7=B1=BB=E5=9E=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/source/post/tp_uid_bg.webp  | Bin 0 -> 3792 bytes
 src/components/post/tp-parser.vue  |   2 +
 src/components/post/tp-uid.vue     |  99 +++++++++++++++++++++++++++++
 src/components/post/tp-unknown.vue |   1 +
 4 files changed, 102 insertions(+)
 create mode 100644 public/source/post/tp_uid_bg.webp
 create mode 100644 src/components/post/tp-uid.vue

diff --git a/public/source/post/tp_uid_bg.webp b/public/source/post/tp_uid_bg.webp
new file mode 100644
index 0000000000000000000000000000000000000000..90c1a1fb6b57995bc0edd7d240663d66c6e8cc82
GIT binary patch
literal 3792
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
G00009FCe`D

literal 0
HcmV?d00001

diff --git a/src/components/post/tp-parser.vue b/src/components/post/tp-parser.vue
index 4e87b7db..46313658 100644
--- a/src/components/post/tp-parser.vue
+++ b/src/components/post/tp-parser.vue
@@ -14,6 +14,7 @@ import TpLinkCard from "./tp-linkCard.vue";
 import TpMention from "./tp-mention.vue";
 import TpText, { type TpText as TpTextType } from "./tp-text.vue";
 import TpTexts from "./tp-texts.vue";
+import TpUid from "./tp-uid.vue";
 import TpUnknown from "./tp-unknown.vue";
 import TpVideo from "./tp-video.vue";
 import TpVod from "./tp-vod.vue";
@@ -102,6 +103,7 @@ function getTpName(tp: TGApp.Plugins.Mys.SctPost.Base) {
   if ("image" in tp.insert) return TpImage;
   if ("vod" in tp.insert) return TpVod;
   if ("video" in tp.insert) return TpVideo;
+  if ("game_user_info" in tp.insert) return TpUid;
   if ("backup_text" in tp.insert) return TpBackupText;
   if ("link_card" in tp.insert) return TpLinkCard;
   if ("divider" in tp.insert) return TpDivider;
diff --git a/src/components/post/tp-uid.vue b/src/components/post/tp-uid.vue
new file mode 100644
index 00000000..4799a62c
--- /dev/null
+++ b/src/components/post/tp-uid.vue
@@ -0,0 +1,99 @@
+<template>
+  <div class="tpu-box">
+    <div class="tpu-main">
+      <span>UID {{ props.data.insert.game_user_info.game_uid }}</span>
+      <span @click="copyUid()" data-html2canvas-ignore><v-icon>mdi-content-copy</v-icon>复制</span>
+    </div>
+    <div class="tpu-sub">
+      <span>{{ props.data.insert.game_user_info.nickname }}</span>
+      <span>|</span>
+      <span>{{ props.data.insert.game_user_info.region_name }}</span>
+      <span>|</span>
+      <span>{{ props.data.insert.game_user_info.level }}级</span>
+    </div>
+    <div class="tpu-game">原神</div>
+  </div>
+</template>
+<script lang="ts" setup>
+import showSnackbar from "../func/snackbar.js";
+
+interface TpUid {
+  insert: {
+    backup_text: string;
+    game_user_info: {
+      game_uid: string;
+      game_biz: string;
+      nickname: string;
+      region_name: string;
+      level: string;
+    };
+  };
+}
+
+interface TpUidProps {
+  data: TpUid;
+}
+
+const props = defineProps<TpUidProps>();
+console.log("tpUid", props.data.insert.game_user_info);
+
+function copyUid(): void {
+  navigator.clipboard.writeText(props.data.insert.game_user_info.game_uid);
+  showSnackbar({ text: "已复制UID" });
+}
+</script>
+<style lang="css" scoped>
+.tpu-box {
+  position: relative;
+  display: flex;
+  max-width: 100%;
+  flex-direction: column;
+  align-items: flex-start;
+  justify-content: center;
+  padding: 5px;
+  border: 1px solid var(--common-shadow-2);
+  border-radius: 3px;
+  background-color: #f4efe9;
+  background-image: url("/source/post/tp_uid_bg.webp");
+  background-position: right bottom;
+  background-repeat: no-repeat;
+  background-size: contain;
+  color: #a17a58;
+}
+
+.tpu-main {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  column-gap: 5px;
+  font-family: var(--font-title);
+  font-size: 16px;
+
+  :last-child {
+    cursor: pointer;
+    font-size: 12px;
+  }
+}
+
+.tpu-sub {
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+  column-gap: 2px;
+  font-size: 14px;
+}
+
+.tpu-game {
+  position: absolute;
+  top: 5px;
+  right: 5px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 0 5px;
+  border: 1px solid rgb(161 122 88 / 30%);
+  border-radius: 3px;
+  font-size: 12px;
+  opacity: 0.7;
+}
+</style>
diff --git a/src/components/post/tp-unknown.vue b/src/components/post/tp-unknown.vue
index 8bf8d60c..0c97b0db 100644
--- a/src/components/post/tp-unknown.vue
+++ b/src/components/post/tp-unknown.vue
@@ -25,6 +25,7 @@ onMounted(async () => {
 <style lang="css" scoped>
 .tp-unknown-box {
   width: 800px;
+  max-width: 100%;
   padding: 10px;
   border: 1px solid var(--common-shadow-1);
   border-radius: 10px;