Hide cancelled events from homepage schedule

Author: NewSunH

docs/.vitepress/theme/components/HomePage.vue

@@ -54,6 +54,7 @@ function previewDate(date: string) {
 }
 
 const schedulePreview: SchedulePreviewItem[] = calendarEvents
+  .filter((event) => event.status !== 'cancelled')
   .map((event) => ({
     key: `event-${event.eventId}`,
     date: event.date,
@@ -151,7 +152,7 @@ function scheduleHref(href?: string) {
         <a class="home-calendar-link" :href="withBase('/schedule')">打开完整日历 →</a>
       </div>
 
-      <div class="home-schedule-list">
+      <div v-if="schedulePreview.length" class="home-schedule-list">
         <a
           v-for="item in schedulePreview"
           :key="item.key"
@@ -169,6 +170,10 @@ function scheduleHref(href?: string) {
           <span class="home-schedule-arrow" aria-hidden="true">→</span>
         </a>
       </div>
+      <div v-else class="home-schedule-empty">
+        <strong>近期暂无公开安排</strong>
+        <span>飞书日历新增活动后会自动显示在这里。</span>
+      </div>
     </section>
   </main>
 </template>

docs/.vitepress/theme/style.css

@@ -672,6 +672,30 @@ a {
   line-height: 1.5;
 }
 
+.home-schedule-empty {
+  padding: 24px;
+  border: 1px dashed var(--site-line-strong);
+  border-radius: 16px;
+  color: var(--site-text-2);
+  background: var(--site-surface);
+}
+
+.home-schedule-empty strong,
+.home-schedule-empty span {
+  display: block;
+  font-size: 16px;
+  line-height: 1.6;
+}
+
+.home-schedule-empty strong {
+  color: var(--site-text);
+  font-weight: 680;
+}
+
+.home-schedule-empty span {
+  margin-top: 4px;
+}
+
 .home-schedule-arrow {
   color: var(--home-topic-color);
   font-size: 22px;