From ad81e0a82be152e9132f9a1cc6f1743e8b4cb811 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=9B=AE=E6=A3=83?= <BT-Muli@outlook.com>
Date: Mon, 1 Apr 2024 00:49:13 +0800
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20=E8=BF=98=E6=98=AF=E6=8A=8A?=
 =?UTF-8?q?=E7=94=9F=E6=97=A5=E5=8A=A0=E5=9B=9E=E6=9D=A5=E4=BA=86=EF=BC=8C?=
 =?UTF-8?q?=E4=B8=8D=E7=84=B6=E5=A4=AA=E7=A9=BA=E4=BA=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/icons/icon-wish.svg            | 15 -----
 src/components/home/t-calendar-birth.vue  | 64 ++++++++++++++++++++
 src/components/home/t-calendar.vue        | 38 ++++++++----
 src/components/home/t-pool.vue            |  6 +-
 src/components/home/t-position.vue        |  6 +-
 src/plugins/Sqlite/modules/avatarBirth.ts | 72 +++++++++++++++++++++++
 src/types/Sqlite/Character.d.ts           | 23 +++++---
 7 files changed, 182 insertions(+), 42 deletions(-)
 delete mode 100644 src/assets/icons/icon-wish.svg
 create mode 100644 src/components/home/t-calendar-birth.vue
 create mode 100644 src/plugins/Sqlite/modules/avatarBirth.ts

diff --git a/src/assets/icons/icon-wish.svg b/src/assets/icons/icon-wish.svg
deleted file mode 100644
index 5de0ab70..00000000
--- a/src/assets/icons/icon-wish.svg
+++ /dev/null
@@ -1,15 +0,0 @@
-<svg width="256.000000" height="256.000000" viewBox="0 0 256 256" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-	<desc>
-			Created with Pixso.
-	</desc>
-	<g clip-path="url(#clip13_52)">
-		<path id="矩形 3" d="M66.9232 37.8271L70.7784 54.533C71.0364 55.6508 71.9092 56.5237 73.027 56.7816L89.7329 60.6368C92.8335 61.3523 92.8335 65.7677 89.7329 66.4832L73.027 70.3384C71.9092 70.5963 71.0364 71.4692 70.7784 72.587L66.9232 89.2929C66.2076 92.3935 61.7924 92.3935 61.0768 89.2929L57.2216 72.587C56.9637 71.4692 56.0908 70.5963 54.973 70.3384L38.2671 66.4832C35.1665 65.7677 35.1665 61.3524 38.2671 60.6368L54.973 56.7816C56.0908 56.5237 56.9637 55.6508 57.2216 54.533L61.0768 37.8271C61.7924 34.7265 66.2076 34.7265 66.9232 37.8271Z" fill-rule="evenodd" fill="#ECE5D8"/>
-		<path id="矩形 3" d="M176.392 148.672L180.417 166.115C180.847 167.978 182.302 169.433 184.165 169.863L201.608 173.888C206.776 175.081 206.776 182.439 201.608 183.632L184.165 187.657C182.302 188.087 180.847 189.542 180.417 191.405L176.392 208.848C175.199 214.016 167.841 214.016 166.648 208.848L162.623 191.405C162.193 189.542 160.738 188.087 158.875 187.657L141.432 183.632C136.264 182.439 136.264 175.081 141.432 173.888L158.875 169.863C160.738 169.433 162.193 167.978 162.623 166.115L166.648 148.672C167.841 143.504 175.199 143.504 176.392 148.672Z" fill-rule="evenodd" fill="#A9A7A3"/>
-		<path id="矩形 3" d="M132.872 18.1118L151.297 97.955C151.727 99.8181 153.182 101.273 155.045 101.703L234.888 120.128C240.056 121.321 240.056 128.679 234.888 129.872L155.045 148.297C153.182 148.727 151.727 150.182 151.297 152.045L132.872 231.888C131.679 237.056 124.321 237.056 123.128 231.888L104.703 152.045C104.273 150.182 102.818 148.727 100.955 148.297L21.1118 129.872C15.9442 128.679 15.9442 121.321 21.1118 120.128L100.955 101.703C102.818 101.273 104.273 99.8181 104.703 97.955L123.128 18.1118C124.321 12.9442 131.679 12.9442 132.872 18.1118Z" fill-rule="evenodd" fill="#F1EFE9"/>
-	</g>
-	<defs>
-		<clipPath id="clip13_52">
-			<rect id="wish" width="256.000000" height="256.000000" fill="white"/>
-		</clipPath>
-	</defs>
-</svg>
diff --git a/src/components/home/t-calendar-birth.vue b/src/components/home/t-calendar-birth.vue
new file mode 100644
index 00000000..13dec6dc
--- /dev/null
+++ b/src/components/home/t-calendar-birth.vue
@@ -0,0 +1,64 @@
+<template>
+  <div class="tcb-container">
+    <img v-if="isBirthday" src="/source/UI/empty.webp" alt="empty" />
+    <img @click="toPost()" v-else src="/source/UI/act_birthday.png" alt="empty" class="active" />
+    <span>{{
+      isBirthday ? `今天是 ${cur.map((i) => i.name).join("、")} 的生日！` : "没有角色今天过生日哦~"
+    }}</span>
+    <span v-if="next.length > 0"
+      >即将到来：{{ next[0].birthday[0] }}月{{ next[0].birthday[1] }}日</span
+    >
+    <span v-if="next.length > 0">{{ next.map((i) => i.name).join("、") }}</span>
+  </div>
+</template>
+<script lang="ts" setup>
+import { onBeforeMount, ref } from "vue";
+import { useRouter } from "vue-router";
+
+import TSAvatarBirth from "../../plugins/Sqlite/modules/avatarBirth";
+
+const isBirthday = ref<boolean>(false);
+const router = useRouter();
+const cur = ref<TGApp.Sqlite.Character.AppData[]>([]);
+const next = ref<TGApp.App.Character.WikiBriefInfo[]>([]);
+
+onBeforeMount(async () => {
+  const check = await TSAvatarBirth.isAvatarBirth();
+  if (check.length !== 0) {
+    isBirthday.value = true;
+    cur.value = check;
+  }
+  next.value = TSAvatarBirth.getNextAvatarBirth();
+});
+
+async function toPost() {
+  await router.push("/news/2");
+}
+</script>
+<style lang="css" scoped>
+.tcb-container {
+  display: flex;
+  width: 100%;
+  height: 100%;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  box-shadow: 0 0 5px inset var(--common-shadow-2);
+  overflow-y: auto;
+}
+
+.tcb-container img {
+  width: 100px;
+  height: 100px;
+}
+
+.tcb-container img.active {
+  cursor: pointer;
+}
+
+span {
+  display: block;
+  margin-top: 10px;
+  text-align: center;
+}
+</style>
diff --git a/src/components/home/t-calendar.vue b/src/components/home/t-calendar.vue
index e8d4e9a0..348e232c 100644
--- a/src/components/home/t-calendar.vue
+++ b/src/components/home/t-calendar.vue
@@ -1,5 +1,5 @@
 <template>
-  <THomecard append>
+  <THomeCard append>
     <template #title>今日素材 {{ dateNow }}</template>
     <template #title-append>
       <v-switch
@@ -26,23 +26,27 @@
         </div>
         <v-pagination class="tc-page" v-model="page" total-visible="20" :length="length" />
       </div>
-      <div class="calendar-grid">
-        <div v-for="item in getGrid()" :key="item.id" @click="selectItem(item)">
-          <TibCalendarItem
-            :data="<TGApp.App.Calendar.Item>item"
-            :model="switchType"
-            :clickable="true"
-          />
+      <div class="tc-content">
+        <TCalendarBirth />
+        <div class="calendar-grid">
+          <div v-for="item in getGrid()" :key="item.id" @click="selectItem(item)">
+            <TibCalendarItem
+              :data="<TGApp.App.Calendar.Item>item"
+              :model="switchType"
+              :clickable="true"
+            />
+          </div>
         </div>
       </div>
     </template>
-  </THomecard>
+  </THomeCard>
   <ToCalendar v-model="showItem" :data-type="selectedType" :data-val="selectedItem" />
 </template>
 <script lang="ts" setup>
 import { onMounted, ref } from "vue";
 
-import THomecard from "./t-homecard.vue";
+import TCalendarBirth from "./t-calendar-birth.vue";
+import THomeCard from "./t-homecard.vue";
 import { AppCalendarData } from "../../data";
 import TibCalendarItem from "../itembox/tib-calendar-item.vue";
 import ToCalendar from "../overlay/to-calendar.vue";
@@ -179,10 +183,20 @@ function getContents(day: number): void {
   column-gap: 5px;
 }
 
+.tc-content {
+  position: relative;
+  display: flex;
+  height: 210px;
+  align-items: center;
+  justify-content: space-between;
+  column-gap: 10px;
+}
+
 .calendar-grid {
   display: grid;
+  height: 100%;
   grid-gap: 10px;
-  grid-template-columns: repeat(10, 1fr);
-  place-items: center flex-start;
+  grid-template-columns: repeat(10, 100px);
+  place-items: flex-start flex-start;
 }
 </style>
diff --git a/src/components/home/t-pool.vue b/src/components/home/t-pool.vue
index 0b0c0ecf..555e446d 100644
--- a/src/components/home/t-pool.vue
+++ b/src/components/home/t-pool.vue
@@ -1,5 +1,5 @@
 <template>
-  <THomecard :append="hasNew">
+  <THomeCard :append="hasNew">
     <template #title>限时祈愿</template>
     <template #title-append>
       <v-switch class="pool-switch" @change="switchPool" />
@@ -50,13 +50,13 @@
         </div>
       </div>
     </template>
-  </THomecard>
+  </THomeCard>
 </template>
 <script lang="ts" setup>
 import { ref, onMounted, onUnmounted } from "vue";
 import { useRouter } from "vue-router";
 
-import THomecard from "./t-homecard.vue";
+import THomeCard from "./t-homecard.vue";
 import Mys from "../../plugins/Mys";
 import { useHomeStore } from "../../store/modules/home";
 import { createPost, createTGWindow } from "../../utils/TGWindow";
diff --git a/src/components/home/t-position.vue b/src/components/home/t-position.vue
index e29fd3cb..7b042fcd 100644
--- a/src/components/home/t-position.vue
+++ b/src/components/home/t-position.vue
@@ -1,5 +1,5 @@
 <template>
-  <THomecard>
+  <THomeCard>
     <template #title>近期活动</template>
     <template #default>
       <div class="position-grid">
@@ -35,12 +35,12 @@
         </v-card>
       </div>
     </template>
-  </THomecard>
+  </THomeCard>
 </template>
 <script lang="ts" setup>
 import { ref, onMounted, onUnmounted } from "vue";
 
-import THomecard from "./t-homecard.vue";
+import THomeCard from "./t-homecard.vue";
 import Mys from "../../plugins/Mys";
 import { createPost } from "../../utils/TGWindow";
 import { stamp2LastTime } from "../../utils/toolFunc";
diff --git a/src/plugins/Sqlite/modules/avatarBirth.ts b/src/plugins/Sqlite/modules/avatarBirth.ts
new file mode 100644
index 00000000..2a593d1a
--- /dev/null
+++ b/src/plugins/Sqlite/modules/avatarBirth.ts
@@ -0,0 +1,72 @@
+/**
+ * @file plugins/Sqlite/modules/avatarBirth.ts
+ * @description 角色生日模块
+ * @since Beta v0.4.5
+ */
+
+import { AppCharacterData } from "../../../data";
+import TGSqlite from "../index";
+
+/**
+ * @description 判断今天是不是角色生日
+ * @since Beta v0.4.5
+ * @param {[number,number]} date - 日期
+ * @return {Promise<TGApp.Sqlite.Character.AppData[]>} 角色生日
+ */
+async function isAvatarBirth(date?: [number, number]): Promise<TGApp.Sqlite.Character.AppData[]> {
+  let dateNow: [number, number];
+  if (date) {
+    dateNow = date;
+  } else {
+    const date = new Date();
+    dateNow = [date.getMonth() + 1, date.getDate()];
+  }
+  const db = await TGSqlite.getDB();
+  const sql = "SELECT * FROM AppCharacters WHERE birthday = ?";
+  return await db.select(sql, [dateNow.join(",")]);
+}
+
+/**
+ * @description 获取下一个角色生日
+ * @since Beta v0.4.5
+ * @param {[number,number]} date - 日期
+ * @return {TGApp.Sqlite.Character.AppData[]} 下一个角色生日
+ */
+function getNextAvatarBirth(date?: [number, number]): TGApp.App.Character.WikiBriefInfo[] {
+  const year = new Date().getFullYear();
+  let month, day;
+  if (date) {
+    month = date[0];
+    day = date[1];
+  } else {
+    const dateNow = new Date();
+    month = dateNow.getMonth() + 1;
+    day = dateNow.getDate();
+  }
+  const birthDateList: Date[] = [];
+  for (const item of AppCharacterData) {
+    if (item.birthday[0] === 0) {
+      continue;
+    }
+    if (item.birthday[0] < month || (item.birthday[0] === month && item.birthday[1] < day)) {
+      birthDateList.push(new Date(year + 1, item.birthday[0] - 1, item.birthday[1]));
+    } else {
+      birthDateList.push(new Date(year, item.birthday[0] - 1, item.birthday[1]));
+    }
+  }
+  birthDateList.sort((a, b) => a.getTime() - b.getTime());
+  const nextDateGet = birthDateList[0];
+  const nextDate = [nextDateGet.getMonth() + 1, nextDateGet.getDate()];
+  return (
+    AppCharacterData.filter(
+      (item) => item.birthday[0] === nextDate[0] && item.birthday[1] === nextDate[1],
+    ) ?? []
+  );
+}
+
+const TSAvatarBirth = {
+  isAvatarBirth,
+  getNextAvatarBirth,
+};
+
+export default TSAvatarBirth;
diff --git a/src/types/Sqlite/Character.d.ts b/src/types/Sqlite/Character.d.ts
index 99e265ba..4804710a 100644
--- a/src/types/Sqlite/Character.d.ts
+++ b/src/types/Sqlite/Character.d.ts
@@ -1,10 +1,15 @@
 /**
- * @file types Sqlite Character.d.ts
+ * @file types/Sqlite/Character.d.ts
  * @description 角色相关类型定义文件
- * @author BTMuli <bt-muli@outlook.com>
  * @since Alpha v0.2.0
  */
 
+/**
+ * @namespace TGApp.Sqlite.Character
+ * @since Alpha v0.2.0
+ * @description 角色相关类型定义命名空间
+ * @memberof TGApp.Sqlite
+ */
 declare namespace TGApp.Sqlite.Character {
   /**
    * @description 应用数据库中的角色类型
@@ -21,7 +26,7 @@ declare namespace TGApp.Sqlite.Character {
    * @property {string} updated - 数据更新时间
    * @return AppData
    */
-  export interface AppData {
+  interface AppData {
     id: number;
     name: string;
     title: string;
@@ -54,7 +59,7 @@ declare namespace TGApp.Sqlite.Character {
    * @property {string} updated - 数据更新时间
    * @return UserRole
    */
-  export interface UserRole {
+  interface UserRole {
     uid: number;
     cid: number;
     img: string;
@@ -86,7 +91,7 @@ declare namespace TGApp.Sqlite.Character {
    * @property {number} affix - 武器精炼
    * @return RoleWeapon
    */
-  export interface RoleWeapon {
+  interface RoleWeapon {
     id: number;
     name: string;
     type: string;
@@ -114,7 +119,7 @@ declare namespace TGApp.Sqlite.Character {
    * @property {string} set.effect[].description - 圣遗物套装效果描述
    * @return RoleReliquary
    */
-  export interface RoleReliquary {
+  interface RoleReliquary {
     id: number;
     name: string;
     pos: number;
@@ -144,7 +149,7 @@ declare namespace TGApp.Sqlite.Character {
    * @property {number} pos - 命座位置
    * @return RoleConstellation
    */
-  export interface RoleConstellation {
+  interface RoleConstellation {
     id: number;
     name: string;
     icon: string;
@@ -162,7 +167,7 @@ declare namespace TGApp.Sqlite.Character {
    * @property {string} icon - 时装图标
    * @return RoleCostume
    */
-  export interface RoleCostume {
+  interface RoleCostume {
     id: number;
     name: string;
     icon: string;
@@ -180,7 +185,7 @@ declare namespace TGApp.Sqlite.Character {
    * @property {number} level - 天赋等级
    * @return RoleTalent
    */
-  export interface RoleTalent {
+  interface RoleTalent {
     id: number;
     pos: number;
     name: string;