From 59c030171dae778402cbe2fc1185178d06daa75c Mon Sep 17 00:00:00 2001
From: xjh22222228 <xjh22222228@gmail.com>
Date: Tue, 1 Oct 2024 16:22:46 +0800
Subject: [PATCH 1/2] feat(component): add holiday component

---
 scripts/start.mjs                             |  15 ++
 scripts/util.mjs                              |   1 +
 src/app/app.module.ts                         |   4 +
 src/assets/img/component/rest.svg             | 147 ------------------
 src/assets/img/component/runtime.svg          |   1 -
 src/components/calendar/index.component.scss  |   1 -
 src/components/calendar/index.component.ts    |   4 +-
 .../component-group/index.component.html      |   1 +
 .../component-group/index.component.scss      |   8 +-
 src/components/countdown/index.component.scss |   1 -
 .../create-web/index.component.html           |   2 -
 src/components/create-web/index.component.ts  |   9 +-
 .../holiday/drawer/index.component.html       |  68 ++++++++
 .../holiday/drawer/index.component.scss       |   0
 .../holiday/drawer/index.component.ts         |  90 +++++++++++
 src/components/holiday/index.component.html   |  30 ++++
 src/components/holiday/index.component.scss   |  81 ++++++++++
 src/components/holiday/index.component.ts     |  79 ++++++++++
 src/components/html/index.component.scss      |   1 -
 .../image/drawer/index.component.html         |   7 +
 .../image/drawer/index.component.ts           |   1 +
 src/components/image/index.component.html     |   2 +
 src/components/image/index.component.scss     |   1 -
 src/components/image/index.component.ts       |   3 +-
 src/components/off-work/index.component.html  |   7 +-
 src/components/off-work/index.component.scss  |   1 -
 src/components/runtime/index.component.html   |   5 +-
 src/components/runtime/index.component.scss   |   1 -
 src/components/swiper/index.component.html    |   2 +-
 src/locale/english.ts                         |   7 +-
 src/locale/zh_CN.ts                           |   5 +-
 src/types/index.ts                            |   1 +
 src/utils/index.ts                            |   6 +-
 src/view/light/index.component.scss           |   2 +-
 src/view/side/index.component.scss            |   1 +
 src/view/sim/index.component.scss             |   3 +-
 src/view/super/index.component.scss           |   3 +-
 .../system/component/index.component.html     |   2 +
 src/view/system/component/index.component.ts  |   3 +
 src/view/system/component/types.ts            |   1 +
 src/view/system/web/index.component.html      |  17 +-
 src/view/system/web/index.component.scss      |   2 +-
 src/view/system/web/index.component.ts        |   2 +
 43 files changed, 439 insertions(+), 189 deletions(-)
 delete mode 100644 src/assets/img/component/rest.svg
 delete mode 100644 src/assets/img/component/runtime.svg
 create mode 100644 src/components/holiday/drawer/index.component.html
 create mode 100644 src/components/holiday/drawer/index.component.scss
 create mode 100644 src/components/holiday/drawer/index.component.ts
 create mode 100644 src/components/holiday/index.component.html
 create mode 100644 src/components/holiday/index.component.scss
 create mode 100644 src/components/holiday/index.component.ts

diff --git a/scripts/start.mjs b/scripts/start.mjs
index f36eedcd2..4aaafca94 100644
--- a/scripts/start.mjs
+++ b/scripts/start.mjs
@@ -120,6 +120,7 @@ try {
     type: 4,
     id: -4,
     url: 'https://gcore.jsdelivr.net/gh/xjh22222228/public@gh-pages/nav/component1.jpg',
+    go: '',
     text: '只有认可，才能强大',
   }
   if (idx >= 0) {
@@ -183,6 +184,20 @@ try {
   } else {
     components.push(html)
   }
+  idx = components.findIndex((item) => item.type === 7)
+  const holiday = {
+    type: 7,
+    id: -7,
+    items: [],
+  }
+  if (idx >= 0) {
+    components[idx] = {
+      ...holiday,
+      ...components[idx],
+    }
+  } else {
+    components.push(holiday)
+  }
   fs.writeFileSync(componentPath, JSON.stringify(components))
 }
 
diff --git a/scripts/util.mjs b/scripts/util.mjs
index 86b0e0f4d..d770ef59b 100644
--- a/scripts/util.mjs
+++ b/scripts/util.mjs
@@ -78,6 +78,7 @@ export function setWeb(nav, settings, tags = []) {
     if (typeof item.icon === 'string' && item.icon.startsWith('icon')) {
       item.icon = ''
     }
+    item.icon = replaceJsdelivrCDN(item.icon, settings)
   }
 
   function formatDate(item) {
diff --git a/src/app/app.module.ts b/src/app/app.module.ts
index 3c527b425..e0f245f0c 100644
--- a/src/app/app.module.ts
+++ b/src/app/app.module.ts
@@ -79,6 +79,8 @@ import { CountdownComponent } from '../components/countdown/index.component'
 import { CountdownDrawerComponent } from '../components/countdown/drawer/index.component'
 import { HTMLComponent } from '../components/html/index.component'
 import { HTMLDrawerComponent } from '../components/html/drawer/index.component'
+import { HolidayComponent } from '../components/holiday/index.component'
+import { HolidayDrawerComponent } from '../components/holiday/drawer/index.component'
 
 import LightComponent from '../view/light/index.component'
 import SuperComponent from '../view/super/index.component'
@@ -175,6 +177,8 @@ const icons: IconDefinition[] = [
     CountdownDrawerComponent,
     HTMLComponent,
     HTMLDrawerComponent,
+    HolidayComponent,
+    HolidayDrawerComponent,
     OffWorkDrawerComponent,
     CalendarDrawerComponent,
     ComponentGroupComponent,
diff --git a/src/assets/img/component/rest.svg b/src/assets/img/component/rest.svg
deleted file mode 100644
index bb2fae545..000000000
--- a/src/assets/img/component/rest.svg
+++ /dev/null
@@ -1,147 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 27.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 viewBox="0 0 548.5 302.3" style="enable-background:new 0 0 548.5 302.3;" xml:space="preserve">
-<style type="text/css">
-	.st0{fill-rule:evenodd;clip-rule:evenodd;fill:#7BC191;}
-	.st1{fill-rule:evenodd;clip-rule:evenodd;}
-	.st2{fill:none;}
-</style>
-<g>
-	<path class="st0" d="M246.6,193.5c0,0,55.5,0.6,78.9-2.6c34-4.6,40.7-8.5,77.7-22.8l-30.3,87.1c0,0-113.8,75.1-200.3,25.8
-		S77.1,167.1,77.1,167.1l73.4-59.1l28.3,42.6l-68.7,26l3.4,20.4l99.7,56.9l24,5.7l43.2-30.2l-0.8-15.4L246.6,193.5z"/>
-	<path class="st1" d="M309.6,282.9c-11.7,3.2-37.9,8.8-37.9,8.8s1.9,4.6,2.7,5.9c0.3,0.4,1,0.8,1.5,0.8c0.9,0,1.7-0.4,2.6-0.6
-		c2.5-0.5,5-0.9,7.4-1.3c1-0.2,2-0.5,2.9-0.9c1.1-0.5,2-0.5,2.3,0.7c0.4,1.2-0.3,2-1.4,2.3c-1.5,0.3-3.1,0.6-4.6,0.9
-		c-2.6,0.5-5.1,1-7.7,1.6c-0.7,0.2-1.4,0.6-2.1,0.9c-1.6,0.7-3-0.1-3.6-1.8c-0.8-2.4-3.6-7.6-3.6-7.6s-6.6,1.1-8.8,1.2
-		c-4.9,0.1-9.7,0.1-14.6-0.3c-4.8-0.4-9.5-1.4-14.2-2.2c-3.4-0.5-6.9-0.9-10.3-1.6c-5.8-1.3-11.5-2.8-17.2-4.3
-		c-10-2.7-19.7-6.1-28.9-10.7c-2.7-1.3-5.2-3-7.8-4.6c-4.9-2.9-9.9-5.8-14.8-8.9c-3.7-2.4-7.3-4.9-10.8-7.6
-		c-2.8-2.2-5.6-4.5-8.1-6.9c-5.8-5.6-3.4-2.7-16.3-17.9s-21.9-32.4-25-38.5c-1.8-3.5-2.8-7.5-4.3-11.1c-1.9-4.3-4-8.6-6.1-12.8
-		c-0.8-1.5-1.7-1.6-3-0.4c-5,4.5-10,9-15,13.5c-0.1,0-0.1,0.1-0.2,0.1c-2.8,2.8-2.8,2.8-5.5-0.1c-0.8-0.9-1.7-1.8-2.6-2.7
-		c-1-1-1.1-1.9,0-2.8c2.4-2,4.9-4,7.3-6.1c2.1-1.8,10.3-9.5,10.3-9.5s-0.6-2.1-1.4-4.9c-1.6-5.6-3.6-11.1-5.4-16.6
-		c-2.2-6.6-4.5-13.3-6.6-19.9c-1.8-5.6-3.7-11.2-5.2-16.9c-1.1-3.8-1.7-7.7-2.6-11.6c-0.4-1.7-0.9-3.3-1.3-5c-0.4-1.3-1.3-1.6-2.4-1
-		c-1.1,0.5-2.2,1.2-3.3,1.8c-0.8,0.4-1.6,0.7-2.2-0.2c-0.5-0.8-0.9-1.7,0.3-2.5s2.4-1.6,3.6-2.4c1.7-1.1,1.9-1.5,0.8-3.1
-		c-1.3-1.9-2.8-3.6-4.2-5.3c-1.9-2.3-3.9-4.6-5.8-6.9c-1.5-1.7-3.1-3.4-4.4-5.1s-2.5-3.6-3.7-5.4c-0.7-1.1-1.2-2.3-2-3.3
-		c-4-5-7.2-10.5-10.1-16.3C14,29.3,7.5,10.8,5.9,6.3C5.3,4.4,4.4,2.6,3.8,0.8C3.7,0.4,5.2-0.3,5.4,0.1c2.1,5.4,4.1,10.2,6.2,16.3
-		s5.2,14,8.9,20.5c4.5,8,10,15.4,15.9,22.5c3.9,4.7,8,9.2,12,13.8c0.4,0.4,0.8,0.8,1.2,1.1c1.7,1.4,2.3,0.4,3.8-0.8
-		c1.3-1.1,2.1-1.1,2.6-0.4c1,1.2,1,1.6,1.3,2.6c0.1,0.4-1,1.2-1.6,1.8c-0.4,0.4-0.7,0.7-1.1,1.1c0.4,0.1,0.9,0.3,1.3,0.4
-		c2.5,0.6,5,1.3,7.6,1.8c5.2,1,10.5,1.8,15.8,2.8c1.8,0.3,3.6,1,5.4,1.4c4.1,1,8.3,2,12.4,2.8c5.2,1,10.4,1.8,15.6,2.8
-		c3.2,0.6,6.5,1.2,9.7,1.8c4.2,0.8,8.4,1.8,12.7,2.6c3.7,0.6,13.2,2.5,13.2,2.5s12.7-9.7,15-11.9c1-0.9,1.9-0.9,3-0.2
-		c1.4,0.9,2.9,1.6,4.2,2.6c1.6,1.1,1.7,1.6,0.3,2.9c-3,2.6-6,5.2-9.2,7.6c-4.3,3.2-8.6,6.3-13,9.4c-0.9,0.7-0.8,1.1-0.2,2
-		c2.5,3.5,4.9,7,7.2,10.5c3,4.6,5.9,9.4,9,14c2.9,4.3,15,14.8,15,14.8s8.7-2.1,13-3.1c1-0.2,1.7-0.1,2.6,0.6
-		c5.3,3.7,10.1,8,14.7,12.5c2.9,2.8,11.7,10.4,11.7,10.4s11.4,4,17.1,5.5c11.3,3,27.2,14,30.9,17.3c1.5,1.3,2,1.6,5.6,4.4
-		c1.3,0.7,1.6,0.4,3,0.3c5-0.1,23.3-1.8,27.4-2.3c4.4-0.6,8.8-1.1,13.3-1.7c6.2-0.8,12.4-1.6,18.5-2.6c6.2-1.1,12.3-2.4,18.4-3.7
-		c3.6-0.7,7.1-1.4,10.6-2.5c8.3-2.6,16.6-5.2,24.8-8.1c3.1-1.1,7.7-2.9,7.7-2.9s4.6-13.6,5.4-17.2c0.6-2.7,0.2-3.6,3.1-4.2
-		c2.9-0.5,8.1-1.7,9-1.8s1.3,0.7,0.8,1.6c-0.7,1.3-1.4,2.7-2.1,4c-0.3,0.5-0.6,1.1-0.8,1.7c-0.7,1.9-0.7,2.1,1.3,2.5
-		c4.5,0.9,9,1.7,13.6,2.6c0-0.2,10.6,1.3,15.8,2.3c2.2,0.4,4.3,0.7,6.5,1c2.5,0.3,5,0.8,7.5,0.8c3,0,5.9,0.6,8.9,0.9
-		c0.4,0,1.2-0.6,1.2-0.8c0-1.2-0.3-2.4-0.4-3.6c-0.1-0.7-0.3-1.5-0.3-2.2c0-1.4,0.7-1.9,2.1-2c1.3-0.1,2.2,0.2,2.4,1.6
-		c0.1,0.7,0.2,1.5,0.3,2.2c0.3,1.4,0.4,2.5,1.6,1.8c2.5-1.6,5.9-3.8,8.3-5.5c4-2.9,8-5.8,12-8.7c3.2-2.4,6.4-4.9,9.7-7.3
-		c2.1-1.6,4.2-3.1,6.2-4.8c4.5-3.7,9-7.4,13.3-11.3c4.3-3.9,8.5-8,12.6-12.1c2-2,3.7-4.2,5.4-6.4c1.3-1.6,2.8-3,5-3.4
-		c0.4-0.1,0.8,0.1,1.2,0.1c-0.1,0.4-0.2,0.8-0.4,1c-3.4,3.5-6.7,7-10.2,10.5c-2.7,2.7-5.4,5.5-8.2,8.1c-3.9,3.6-7.8,7.1-11.8,10.6
-		c-1.8,1.6-3.6,3.2-5.5,4.7c-6.2,4.8-12.5,9.5-18.7,14.3c-3.6,2.8-7.1,5.6-10.7,8.4c-1,0.8-2.2,1.4-3.1,2.3c-1.5,1.3-4,2.6-5.1,4.2
-		c-0.6,0.8,0.9,5.7,1.1,6.8c0.2,1.2-0.5,2-1.5,2.4s-1.9,0.4-2.2-0.9c-0.2-0.9-0.5-1.8-0.9-2.7c-0.1-0.4-0.4-0.7-0.5-1
-		c-0.3,0.2-0.7,0.4-0.9,0.7c-1.7,2.3-3.4,4.7-5.1,7c-2.5,3.3-5.1,6.6-7.6,10c-1,1.4-2,2.8-3,4.2c-2.2,3-4.2,6.1-6.6,9
-		s-4.9,5.7-7.5,8.5c-2.9,3.2-6,6.2-8.9,9.4c-3.8,4.3-7.4,8.9-11.1,13.2c-1.4,1.7-3.1,3.1-4.6,4.7c-3.3,3.2-6.7,6.4-9.8,9.7
-		c-3.2,3.4-6.2,7.1-9.4,10.6c-3,3.3-22.9,25.6-22.9,25.6c-1.3,3.1-0.9,2.1-1.5,6.4c-0.7,4.6-1.3,5.5-5.9,5.2c-1.6-0.1-3.3,0-5-0.1
-		c-2.1-0.1-2.8-0.9-2.3-2.9c2-8.6,4-17.2,6.1-25.8c1.1-4.6,2.4-9.2,3.5-13.8c0.1-0.3,0-0.6,0-0.9c-0.2,0.1-0.5,0.2-0.7,0.3
-		c-6.1,5.5-13.6,8.7-20.6,12.7C337.7,273.2,321.3,279.7,309.6,282.9L309.6,282.9z M216.6,253.8c0.7-0.4,1.4-0.8,2.1-1.4
-		c1.4-1.2,30.2-20.1,33.4-22c3.7-2.2,7.4-4.4,11.1-6.7c3.2-2,6.3-4.1,9.4-6.2c1.9-1.3,1.9-1.6,0-2.8c-2.8-1.9-5.8-3.6-8.5-5.7
-		c-3.7-3-7.3-6.3-10.9-9.4c-0.9-0.8-1.9-1.6-2.9-2.4c-2.8-2.1-5.7-4.1-8.4-6.3c-3.1-2.5-6.2-5-9.2-7.5c-3.9-3.2-7.8-6.3-11.6-9.6
-		c-3.5-3-6.8-6.4-10.3-9.4c-5.5-4.7-11.1-9.1-16.6-13.8c-1.5-1.3-2.9-1.4-4.7-0.8c-5,1.6,2.6-0.6-15.1,4.7s-44.7,15.3-51.9,17.1
-		c-3.1,0.8-6,1.9-8.5,3.9c-0.9,0.7-1.8,1.4-1,2.7c2.2,3.8,4.3,7.6,6.5,11.4c2.5,4.3,4.9,8.7,7.5,13c0.9,1.5,2.1,2.9,3.4,4
-		c1.4,1.2,26.2,15.7,31.7,20c0.3,0.3,13.4-1.1,19.3-2.3c6.9-1.4,13.5-3.8,19.7-7.1c1.5-0.8,3.1-1.9,4.8-1.8s1.5,1.3,1,2.2
-		s-17.3,9.2-24.9,10.1c-4.1,0.9-8.4,1.3-12.6,1.9c-0.4,0.1-0.9,0.3-1.3,0.4c0.3,0.3,11.4,7,13.9,8.4c4.9,2.6,9.8,5.2,14.7,7.8
-		c1.7,0.9,12.5,5.1,16.1,6.4C214.1,253,215.3,253.3,216.6,253.8L216.6,253.8z M277.6,199.8c-0.1-0.2,0.8,0.9,2,2.6
-		c1.1,1.6,3.3,4.5,3.3,5.3c-0.1,0.8-1.7,1.6-2.2,1.4c-0.8-0.2-1.5-0.9-2-1.5c-1.7-2.2-6.5-7.8-6.5-7.8s-3.5-0.4-5.3-0.6
-		c-3.2-0.4-6.4-0.7-9.6-1.1c-0.3,0-0.5,0-0.8-0.1c0.1,0.2,0.2,0.5,0.4,0.6c1.8,1.8,3.6,3.6,5.4,5.3c1.1,1.1,2.3,2.1,3.6,3
-		c2,1.4,4.1,2.7,6.2,4c1.9,1.2,3.7,2.5,5.7,3.3c1.2,0.5,1.7,1.1,1.8,2.3c0.1,2.5,0.3,5.1,0.4,7.6s0.2,4.7-2.6,6.5
-		c-4.5,2.9-13.8,9.6-13.8,9.6s0.5,0.6,1.5,1.2c2.7,1.5,4.6,2.7,7.2,4.3c3.8,2.2,7.5,4.5,11.4,6.6c3.6,2,7.3,3.8,10.9,5.8
-		c2.5,1.4,5,2.2,7.9,1.7c1.9-0.4,4-0.2,6-0.4c4.7-0.5,9.4-0.9,14.1-1.7c4.5-0.8,9-1.9,13.5-2.9c3.1-0.7,6.3-1.5,9.3-2.5
-		c4.2-1.4,8.3-3,12.4-4.5c2.9-1,5.8-2,8.7-2.9c1.6-0.5,3.2-0.8,4.7-1.5c0.8-0.4,1.6-1.2,1.9-2c1-2.3,1.7-4.6,2.5-7
-		c2-6.5,3.8-13.1,6-19.5c1.7-4.8,4-9.5,6-14.2c0.2-0.6,0.5-1.1,0.7-1.7c2.6-6.4,5.3-12.8,7.9-19.3c0.3-0.8,0.6-1.6,1-2.4
-		c-0.9,0.2-1.8,0.4-2.7,0.6c-0.1,0-0.1,0.1-0.2,0.1c-3.1,1.1-6.3,2.3-9.4,3.4c-2.5,0.9-4.9,1.7-7.4,2.4c-3.7,1.2-7.4,2.5-11.2,3.5
-		c-5,1.3-10.1,2.3-15.3,3.4c-6.1,1.2-12.2,2.4-18.4,3.4c-7.1,1.1-14.2,1.8-21.4,2.8C307.4,197.6,277.7,200,277.6,199.8L277.6,199.8z
-		 M266.8,289.6c0.2,0-1.1-3-1.5-3.9c-1.2-3.3-2.5-6.5-3.6-9.8c-0.7-2.3-3.9-11.7-3.9-11.7s-18.1-1.2-24.9-3
-		c-6.6-1.7-13.2-3.5-19.6-6c-4.8-1.9-9.8-3.6-14.5-5.8c-5.5-2.6-10.8-5.6-16.2-8.5c-3.2-1.7-49.1-29.4-54-32.7
-		c-3.9-2.6-8-5.1-13.9-9.5c-3.6-2.6-6.9-5.6-10.2-8.7c-3.5-3.3-6.7-6.8-10-10.2c-1.7-1.8-3.4-3.5-5.2-5.2c-0.2-0.2-0.6-0.3-0.9-0.4
-		c0,0.3-0.2,0.6-0.1,0.9c1.4,3.5,2.7,7.1,4.2,10.5c1.5,3.5,3.3,6.8,4.8,10.2c1.9,4.5,14.3,22,17.9,26.7c3.3,4.2,6.3,8.5,9.8,12.5
-		c2.4,2.9,5.5,5.2,8,8c4,4.5,8.8,8,13.5,11.7c5.5,4.3,11.7,7.7,17.7,11.2c4.6,2.7,9.2,5.5,14,7.8c5.8,2.7,11.9,5,17.9,7.3
-		c3.2,1.2,6.6,1.8,9.9,2.6c5.2,1.3,10.3,2.8,15.6,3.8c7.1,1.3,14.2,2.3,21.4,3.3C263.1,291.5,265,289.9,266.8,289.6L266.8,289.6z
-		 M110.2,192.2c-0.1-0.7-0.1-1.1-0.2-1.4c-1-2.1-2.1-4.2-2.9-6.4c-0.9-2.6-2-4.6,1.1-7.7s0.1-0.1,0.1-0.2c1.6-1.3,2.9-3,4.7-3.9
-		c8.3-4.2,32.1-11.4,34.6-12.4c3.4-1.4,6.8-3,10.3-4.1c5.4-1.8,10.9-3.3,16.3-5c1.4-0.4,1.5-0.8,0.5-1.7c-1.6-1.6-3.3-3.1-5-4.6
-		c-5.6-5-9.5-11.3-13.6-17.5c-3.5-5.2-7-10.5-10.4-15.8c-0.5-0.7-1-0.7-1.5-0.3c-1.1,0.8-2.1,1.7-3.2,2.6
-		c-4.5,3.7-8.9,7.5-13.5,11.2c-6.2,5-12.3,10.1-18.5,15.1c-3.7,3-7.5,5.8-11.1,8.9c-4.8,4.1-9.5,8.3-14.3,12.4
-		c-0.9,0.7-0.9,1.3-0.5,2.3c1.1,3.3,11.1,12.3,13.4,14.7s9.3,10.1,10.7,11.4C107.9,190.5,108.9,191.2,110.2,192.2L110.2,192.2z
-		 M374.7,279.6v1.4c0.4-0.3,0.8-0.6,1.2-1c1.5-1.8,2.8-3.7,4.3-5.4c3.4-4,6.7-8,10.2-11.9c2.4-2.7,5-5.3,7.4-8
-		c2.2-2.4,4.3-4.8,6.6-7.1c4.3-4.3,8.7-8.4,12.8-12.8s7.9-9.2,11.9-13.7c3.1-3.5,6.4-6.8,9.6-10.3c2.9-3.2,5.9-6.4,8.5-9.8
-		c3.8-4.9,7.3-9.9,10.9-14.9c2.7-3.8,5.4-7.6,8.1-11.4c0.2-0.3,0.3-0.8,0.4-1.2c-0.4,0.2-0.9,0.3-1.2,0.5c-3.5,2.7-7,5.5-10.5,8.2
-		c-2.8,2.2-5.7,4.2-8.6,6.4c-3.9,3-7.7,6-11.6,8.9c-3.1,2.4-6.1,4.8-9.3,7.2c-4.2,3.1-8.6,6-12.6,9.2c-3.6,2.9-6.7,6.3-10.1,9.4
-		c-3.6,3.3-7.3,6.4-10.8,9.9c-2.6,2.5-5.4,5.1-7.1,8.2c-1.9,3.3-2.8,7.1-3.8,10.8C380.1,255.6,374.6,279.6,374.7,279.6L374.7,279.6z
-		 M275.7,264.8c-4,0-7.8,0-11.7,0c-1.3,0-2-0.5-1.7,0.8c0.3,1.4,0.8,3.7,1.2,5c1.8,5.4,3.1,9.1,5,14.4c0.4,1.1,1.9,4.2,1.9,4.2
-		s18-3.5,30.1-6.6c10.8-2.7,27.1-8.5,39.3-14.2c8.7-4,15.3-8.5,16.9-9.3c3.6-1.9,7-4.2,9.9-7.3c1-1.1,1.9-2.3,2.8-3.5
-		c0.1-0.2,0.1-0.5,0.2-0.7c-0.2,0-0.5,0-0.8,0.1c-1.9,0.6-3.9,1.2-5.8,1.8c-4.3,1.3-38.9,11.2-44.5,12
-		C313.7,262.2,285.2,265.5,275.7,264.8L275.7,264.8z M459.9,175.6c-0.6,0-1.1-0.2-1.5-0.1c-7.2,1.3-14.4,2.4-21.5,4.6
-		c-7.2,2.3-14.8,3.7-22.2,5.4c-3.1,0.7-6.3,1.4-9.5,2c-1.9,0.4-3.4,1.3-4,3.1c-1.9,5.3-4,10.5-5.7,15.9c-2.8,8.8-5.2,17.8-7.8,26.7
-		c-0.1,0.3,0,0.6,0,0.9c0.3-0.2,0.6-0.3,0.8-0.5c1.3-1.2,2.5-2.5,3.8-3.7c1.6-1.4,3.3-2.7,4.9-4.1c4.1-3.7,8.1-7.5,12.2-11.3
-		c1.2-1.1,2.3-2.2,3.6-3.1c3.2-2.4,6.6-4.7,9.8-7.1c2.8-2,5.5-4.2,8.2-6.2c4-3,7.9-6.1,11.9-9.1c2.5-1.9,5-3.9,7.4-5.8
-		c2.9-2.2,5.8-4.4,8.6-6.6C459.3,176.4,459.5,176.1,459.9,175.6L459.9,175.6z M58.4,82.9c0.3,0.4,2.5,1.7,2.9,2
-		c4.7,3.4,9.5,6.7,14.3,10.1c1.3,0.9,2.8,1.7,4.3,2.4c2.9,1.6,5.9,2.9,8.7,4.6c5,3,9.8,6.3,14.7,9.4c4.4,2.8,8.9,5.5,13.2,8.4
-		c1.1,0.7,1.9,0.7,2.9-0.2c4.8-4,17.8-14.2,19.4-15.4c1.4-0.9,2.7-1.9,4.1-2.8c0.7-0.5,0.8-0.9-0.2-1.1s-10.9-2.8-14.2-3.6
-		c-5.3-1.2-10.7-2.2-16.1-3.3c-3.3-0.7-26.6-5-34.9-6.9c-4.6-1.1-18.9-4.4-18.9-4.4S58.5,82.9,58.4,82.9L58.4,82.9z M54.5,83.1
-		c-0.2,0.1-0.5,0.2-0.4,0.3c0.1,0.4,0.3,0.8,0.5,1.1c3.8,5.1,7.7,10.1,11.5,15.3c2.6,3.5,4.9,7.2,7.5,10.8
-		c4.5,6.1,9.1,12.2,13.7,18.3c2.5,3.3,5.1,6.7,7.6,10c0.6,0.7,1.1,0.9,1.9,0.3c1.6-1.3,3.2-2.6,4.8-3.8c3-2.4,6-4.8,8.9-7.2
-		c1.6-1.3,3.2-2.7,4.9-4.1c1-0.9,1-1.5-0.3-2.2c-1.6-0.8-3.1-1.8-4.6-2.8c-1.8-1.2-3.5-2.6-5.4-3.7c-3.8-2.4-7.7-4.8-11.5-7.1
-		c-4.1-2.5-8.2-5-12.2-7.5c-3.2-2-6.5-3.9-9.6-5.9c-2.4-1.6-4.6-3.4-7-5c-2.2-1.5-4.5-2.8-6.8-4.3C56.8,84.6,55.7,83.9,54.5,83.1
-		L54.5,83.1z M52.4,86.7c0.1,0.4,0.5,2.3,0.6,2.9c2.2,7.3,4.2,14.6,6.5,21.9c1.9,6,3.9,12,6,17.9c1.5,4.4,3.1,8.7,4.6,13
-		c0.8,2.5,1.4,5,2.3,7.4c0.6,1.8,1.5,3.5,2.4,5.2c0.4,0.8,1,0.8,1.7,0.3c2.3-1.8,13.3-11.2,15.3-12.7c1.9-1.4,1.9-2.4,0.5-4.3
-		c-2.6-3.4-5.3-6.8-7.9-10.3c-1.5-2.1-2.8-4.4-4.4-6.5c-2.6-3.4-5.4-6.7-7.9-10.2c-2.4-3.3-4.6-6.8-7-10.1c-2.1-2.9-4.3-5.7-6.5-8.5
-		c-1.5-1.9-5.4-6.8-5.4-6.8S52.5,86,52.4,86.7L52.4,86.7z M364.8,294.9c1.6,0.1,2.8-0.3,3.3-1.6c0.7-1.8,4.1-13.1,4.7-17.1
-		c1.2-7.1,3.3-14.1,5.1-21.2c1.1-4.4,2.1-9,3.8-13.2c1.3-3.2,3-6.1,3.9-9.5c1.2-4.4,5.7-19.9,6.8-23.3c1.4-4.5,14.2-37.9,16-42.5
-		c0.5-1.4,1.8-6.4,2.2-7.3c0.7-1.4,1.6-2.7,2.3-4.1c0.2-0.4,0.9-1.3,0.2-1.4s-3.1,0.4-3.9,0.7c-1.5,0.4-2.4,1.2-2.8,2.7
-		c-0.4,1.8-0.8,3.6-1.3,5.4c-1.1,3.7-1.9,7.5-3.4,11c-2.9,6.8-6.7,13.2-9,20.3c-1,3.1-11,28.6-12.9,34.5c0,0.1-0.1,0.3-0.1,0.4
-		c-2.5,7.6-4.9,15.1-7.3,22.7c-0.3,1-2,8.2-2.8,10.7c-1,3.6-6.5,23.4-7.9,29.8c-0.4,1.8-0.3,2.1,1.6,2.6
-		C363.9,294.8,364.5,294.9,364.8,294.9L364.8,294.9z M449.1,175.1c2-0.4,4.1-0.7,6.1-1.2c3.1-0.7,6.1-1.4,9.2-2.2
-		c0.3-0.1,0.5-0.4,0.8-0.6c-0.3-0.2-0.6-0.5-0.9-0.5c-2.4-0.4-4.9-0.7-7.3-1.1c-1.4-0.2-2.8-0.6-4.2-0.8c-3.3-0.5-6.7-0.9-10-1.4
-		c-8.6-1.3-17.2-2.5-25.8-3.8c-1.3-0.2-3-0.9-3.9-0.4c-1,0.6-1.3,2.4-1.9,3.7c-2.3,5.5-4.5,11-6.8,16.6c-0.7,1.6-0.4,1.9,1.1,1.6
-		c3.4-0.6,6.7-1.4,10.1-2.1c3.6-0.7,16.1-3.4,18.5-4S448.2,175.2,449.1,175.1L449.1,175.1z M60.3,178.3c0.5-0.3,0.8-0.5,1.1-0.7
-		c3.7-3.3,7.4-6.6,11-9.9c2.1-1.9,4-4,6.1-5.8c2.3-2,4.9-3.8,7.2-5.7c3.6-3,7-6.5,10.9-9.1c4.5-3.1,8.4-6.9,12.6-10.2
-		c2-1.5,4-3.1,6-4.7c3.1-2.5,6.2-5,9.3-7.6c4.8-4,9.3-8.3,14.2-12.2c3.8-3,7.9-5.6,11.8-8.5c5.5-4.1,10.8-8.4,16.3-12.6
-		c0.7-0.5,1.5-1.2,0.8-2c-0.6-0.6-1.7-1.1-2.4-0.9c-1,0.2-2,0.9-2.8,1.6c-3.8,3.5-7.7,7-12.3,9.6c-5.8,3.4-11.3,7.2-16.5,11.6
-		c-5.3,4.5-10.8,8.7-16.1,13.2c-3.9,3.3-7.5,6.8-11.4,10.1c-2.4,2-5.1,3.7-7.6,5.6c-2.1,1.5-4.3,3-6.3,4.7
-		c-4.3,3.6-8.4,7.2-12.6,10.9c-2.4,2.1-4.8,4.1-7.2,6.2c-1.3,1.1-2.4,2.4-3.6,3.6c-3.2,3-6.5,5.9-9.7,8.9c-0.4,0.4-0.5,1.4-0.3,2
-		C59,176.9,59.7,177.6,60.3,178.3z M277.3,224.1c-0.2-1.7-0.3-3.3-0.5-4.9c0-0.1-0.6-0.4-0.8-0.3c-1.3,0.6-2.7,1.1-3.9,1.9
-		c-3.4,2.1-6.8,4.4-10.2,6.5c-5.1,3.1-34,21.3-37.9,24.1c-0.3,0.2-0.5,0.4-0.8,0.7c-1,0.9-0.9,1.7,0.3,2.2c3,1.1,6,2.2,9.1,3.2
-		c0.3,0.1,0.9,0,1.2-0.1c1.7-1.1,3.5-2.2,5.2-3.4c0.9-0.6,0.8-1.2-0.1-1.7c-0.8-0.4-1.7-0.7-2.3-1.3c-0.5-0.5-0.8-1.5-0.6-2.2
-		c0.2-1,1.1-0.8,1.9-0.5c1.1,0.6,2.2,1.3,3.4,1.8c0.6,0.3,1.5,0.6,2,0.3c4.3-2.6,8.5-5.4,12.7-8.1c1.5-1,1.4-0.9,0-1.9
-		c-0.5-0.4-1.1-1.2-1-1.7s0.4-1.3,1.1-1.5c0.5-0.2,1.9,0.2,2.3,0.6c2.8,1.3,2.8,1.3,3.9,0.6c0.5-0.6,3.4-2.6,4.1-3.1
-		c2.9-2.1,5.8-4.2,8.7-6.2C276.6,228,277.2,226.1,277.3,224.1L277.3,224.1z M290.7,261.1c0.3,0,0.6-0.3,1-0.5
-		c-0.3-0.2-0.5-0.4-0.8-0.6c-1.4-0.7-2.8-1.4-4.2-2.2c-4.2-2.3-8.3-4.6-12.4-6.9c-4.3-2.5-14.4-7.8-14.4-7.8s-9.5,5.9-11.8,7.4
-		c-2,1.2-2.5,2-2.5,2s11.8,5.9,14.4,6.6c2.3,0.7,2.2,2.2,2.2,2.2S286.5,261.4,290.7,261.1L290.7,261.1z M268.7,196.4
-		c-0.3-0.5-6.1-5-8.6-6.6c-3.3-2-6.7-4-10.1-6c-4.2-2.5-19.9-8.4-21.5-9c-0.2-0.1-0.6,0.1-0.9,0.2c0.1,0.2,14,11.9,20.5,17
-		c0.8,0.7,3,1.9,4.1,2.2C254.3,194.7,268.2,196.5,268.7,196.4L268.7,196.4z M110.5,179.5c-0.2,0.2-0.3,0.4-0.4,0.5
-		c-0.8,1.1-0.9,2.2-0.2,3.4c1.9,3.7,3.8,7.5,5.8,11.1c1.5,2.8,3.2,5.4,6.4,6.6c0.3,0.1,0.7,0.2,1.1,0.2c0-0.4,0-0.8-0.2-1.1
-		c-0.7-1.4-1.3-2.7-2.1-4c-2.7-4.6-5.5-9.2-8.2-13.8c-0.5-0.8-1-1.6-1.6-2.4C110.8,179.9,110.7,179.7,110.5,179.5L110.5,179.5z
-		 M249.2,259.6c-0.1,0,1.7,0.4,1.9,0.3c-0.2-0.2-4.6-2.6-5.8-3.4c-2.6-1.8-2.9-1.8-5.4,0.1c-0.5,0.4-0.9,0.9-1.4,1.4
-		c0.6,0,2.9,0.6,3.5,0.7L249.2,259.6z"/>
-</g>
-<path class="st2" d="M459.9,175.6c-0.4,0.5-0.6,0.8-0.9,1c-2.9,2.2-5.8,4.4-8.6,6.6c-2.5,1.9-4.9,3.9-7.4,5.8
-	c-4,3.1-7.9,6.1-11.9,9.1c-2.7,2.1-5.4,4.2-8.2,6.2c-3.3,2.4-6.6,4.7-9.8,7.1c-1.3,0.9-2.4,2-3.6,3.1c-4.1,3.8-8.1,7.6-12.2,11.3
-	c-1.6,1.4-3.3,2.7-4.9,4.1c-1.3,1.2-2.5,2.5-3.8,3.7c-0.2,0.2-0.6,0.3-0.8,0.5c0-0.3-0.1-0.7,0-0.9c2.6-8.9,5.1-17.8,7.8-26.7
-	c1.7-5.4,3.8-10.6,5.7-15.9c0.7-1.9,2.1-2.8,4-3.1c3.2-0.6,6.3-1.3,9.5-2c7.4-1.7,14.9-3.1,22.2-5.4c7.1-2.2,14.3-3.4,21.5-4.6
-	C458.8,175.5,459.3,175.6,459.9,175.6L459.9,175.6z"/>
-<path class="st2" d="M60.3,178.3c-0.6-0.7-1.3-1.4-1.7-2.2c-0.2-0.6-0.1-1.6,0.3-2c3.2-3,6.5-5.9,9.7-8.9c1.3-1.1,2.4-2.5,3.6-3.6
-	c2.4-2.1,4.8-4.1,7.2-6.2c4.2-3.6,8.4-7.3,12.6-10.9c2-1.7,4.2-3.1,6.3-4.7c2.5-1.9,5.2-3.5,7.6-5.6c3.9-3.3,7.5-6.8,11.4-10.1
-	c5.3-4.5,10.8-8.7,16.1-13.2c5.1-4.4,10.7-8.2,16.5-11.6c4.6-2.6,8.4-6.1,12.3-9.6c0.8-0.7,1.8-1.4,2.8-1.6c0.8-0.1,1.9,0.3,2.4,0.9
-	c0.7,0.8-0.1,1.5-0.8,2c-5.4,4.2-10.8,8.5-16.3,12.6c-3.9,2.9-8,5.5-11.8,8.5c-4.9,3.9-9.5,8.2-14.2,12.2c-3,2.6-6.2,5.1-9.3,7.6
-	c-2,1.6-4,3.1-6,4.7c-4.3,3.3-8.2,7.1-12.6,10.2c-3.9,2.7-7.2,6.1-10.9,9.1c-2.4,2-4.9,3.7-7.2,5.7c-2.1,1.8-4,3.9-6.1,5.8
-	c-3.6,3.3-7.3,6.6-11,9.9C61.2,177.8,60.8,178,60.3,178.3L60.3,178.3z"/>
-<path class="st2" d="M110.5,179.5c0.2,0.3,0.4,0.5,0.5,0.7c0.5,0.8,1.1,1.6,1.6,2.4c2.8,4.6,5.5,9.2,8.2,13.8c0.8,1.3,1.4,2.7,2.1,4
-	c0.2,0.3,0.1,0.7,0.2,1.1c-0.4-0.1-0.8-0.1-1.1-0.2c-3.1-1.2-4.9-3.9-6.4-6.6c-2-3.7-3.8-7.4-5.8-11.1c-0.6-1.2-0.5-2.3,0.2-3.4
-	C110.1,179.8,110.3,179.7,110.5,179.5L110.5,179.5z"/>
-<path class="st1" d="M170.9,207.5c-1.6,0.7-5-3.2-4.6-4.6c0-0.2,0.1-1.5,1.4-0.6c1.2,0.9,2.3,2.9,4.6,1.9c0.4-0.2,2.5-1.1,2.9-1.3
-	c3.1-1.9,6.1-3.8,9.3-5.7c1.5-0.9,3-1.7,4.5-2.5c3.1-1.6,6.3-3.2,9.5-4.9c0.6-0.3,1.1-0.8,1.6-1.3c0.7-0.8,1-1.5-0.1-2.4
-	c-0.5-0.4-1.6-1.4-0.6-2.1c0.9-0.7,1.7,0,2.2,0.4c1.2,0.9,2.1,2.1,3.2,3.2c0.6,0.7,0.3,1.2-0.4,1.7c-5.2,3.4-10.6,6.4-16.2,9
-	c-4,1.9-7.7,4.5-11.6,6.6C174.4,206,172.6,206.8,170.9,207.5L170.9,207.5z"/>
-<path class="st1" d="M155.2,186.5c-0.3-1.4,0.7-2.7,1.9-2.9c0.7-0.1,2.1,1.7,1.9,2.6c-0.2,1.3-1.4,1.8-2.4,1.8
-	C156.1,187.9,155.6,187.9,155.2,186.5z"/>
-<path class="st1" d="M187.2,173.7c0.6,3-3.7,2-3.7,0.5c0-1.1,0.5-2.4,1.8-2.6S187,172.5,187.2,173.7L187.2,173.7z"/>
-</svg>
diff --git a/src/assets/img/component/runtime.svg b/src/assets/img/component/runtime.svg
deleted file mode 100644
index 646e11104..000000000
--- a/src/assets/img/component/runtime.svg
+++ /dev/null
@@ -1 +0,0 @@
-<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1727082973063" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="9096" xmlns:xlink="http://www.w3.org/1999/xlink" width="81" height="81"><path d="M80.554667 370.773333l47.018666-164.778666 9.472-33.194667q2.901333-10.069333 35.328-34.133333A51.2 51.2 0 0 1 221.354667 102.4h625.493333a51.2 51.2 0 0 1 49.152 36.181333l11.861333 42.069334c3.157333 11.264 37.12 22.698667 39.253334 30.293333Q964.266667 273.066667 1002.752 384H76.8z" fill="#B3D9FF" p-id="9097"></path><path d="M51.2 435.2l947.2 0 0 153.6-947.2 0 0-153.6Z" fill="#96CAFF" p-id="9098"></path><path d="M51.2 614.4l947.2 0 0 153.6-947.2 0 0-153.6Z" fill="#96CAFF" p-id="9099"></path><path d="M51.2 793.6l947.2 0 0 153.6-947.2 0 0-153.6Z" fill="#96CAFF" p-id="9100"></path><path d="M691.2 486.4h25.6v25.6h-25.6zM460.8 486.4h25.6v25.6h-25.6zM153.6 486.4h25.6v25.6h-25.6zM691.2 665.6h25.6v25.6h-25.6zM460.8 665.6h25.6v25.6h-25.6zM153.6 665.6h25.6v25.6h-25.6zM691.2 844.8h25.6v25.6h-25.6zM460.8 844.8h25.6v25.6h-25.6zM153.6 844.8h25.6v25.6h-25.6zM768 486.4h25.6v25.6h-25.6zM537.6 486.4h25.6v25.6h-25.6zM768 665.6h25.6v25.6h-25.6zM537.6 665.6h25.6v25.6h-25.6zM768 844.8h25.6v25.6h-25.6zM537.6 844.8h25.6v25.6h-25.6zM844.8 486.4h25.6v25.6h-25.6zM614.4 486.4h25.6v25.6h-25.6zM844.8 665.6h25.6v25.6h-25.6zM614.4 665.6h25.6v25.6h-25.6zM844.8 844.8h25.6v25.6h-25.6zM614.4 844.8h25.6v25.6h-25.6z" fill="#175AA7" p-id="9101"></path><path d="M51.2 409.6a25.6 25.6 0 0 0-25.6 25.6v102.4a25.6 25.6 0 0 0 25.6 25.6h921.6a25.6 25.6 0 0 0 25.6-25.6V435.2a25.6 25.6 0 0 0-25.6-25.6z m0-25.6h921.6a51.2 51.2 0 0 1 51.2 51.2v102.4a51.2 51.2 0 0 1-51.2 51.2H51.2a51.2 51.2 0 0 1-51.2-51.2V435.2a51.2 51.2 0 0 1 51.2-51.2z" fill="#175AA7" p-id="9102"></path><path d="M851.882667 174.336c-18.517333-13.226667-30.549333-25.6-36.864-46.336h-25.173334L768 76.8h46.933333a51.2 51.2 0 0 1 48.896 36.181333c5.034667 16.213333 34.133333 27.648 36.181334 34.133334l71.338666 232.448-49.578666 7.338666c-25.002667-81.237333-41.130667-128.682667-60.672-192.085333l-5.546667-18.090667z" fill="#96CAFF" p-id="9103"></path><path d="M51.2 588.8a25.6 25.6 0 0 0-25.6 25.6v102.4a25.6 25.6 0 0 0 25.6 25.6h921.6a25.6 25.6 0 0 0 25.6-25.6V614.4a25.6 25.6 0 0 0-25.6-25.6z m0-25.6h921.6a51.2 51.2 0 0 1 51.2 51.2v102.4a51.2 51.2 0 0 1-51.2 51.2H51.2a51.2 51.2 0 0 1-51.2-51.2V614.4a51.2 51.2 0 0 1 51.2-51.2z" fill="#175AA7" p-id="9104"></path><path d="M51.2 768a25.6 25.6 0 0 0-25.6 25.6v102.4a25.6 25.6 0 0 0 25.6 25.6h921.6a25.6 25.6 0 0 0 25.6-25.6V793.6a25.6 25.6 0 0 0-25.6-25.6z m0-25.6h921.6a51.2 51.2 0 0 1 51.2 51.2v102.4a51.2 51.2 0 0 1-51.2 51.2H51.2a51.2 51.2 0 0 1-51.2-51.2V793.6a51.2 51.2 0 0 1 51.2-51.2zM488.277333 153.6L486.4 332.8h51.2l-1.877333-179.2z m-96.938666 42.666667L384 332.8h51.2l4.437333-136.533333z m193.706666 21.674666L588.8 332.8h51.2l-6.229333-115.285333z" fill="#175AA7" p-id="9105"></path><path d="M33.28 384l967.850667-7.338667 4.693333 15.104-13.312 17.834667-9.728-5.802667-76.8-248.832c0 0.853333-9.898667-8.533333-26.88-21.333333l-6.826667-5.034667-2.474666-8.106666A25.6 25.6 0 0 0 845.397333 102.4H153.002667a25.6 25.6 0 0 0-24.490667 18.090667l-2.218667 7.082666-5.632 4.864a269.738667 269.738667 0 0 0-27.989333 26.794667L85.333333 186.453333 36.693333 371.029333zM0 409.6l68.266667-256.938667q2.986667-11.264 36.096-39.68A51.2 51.2 0 0 1 153.002667 76.8h692.394666a51.2 51.2 0 0 1 48.896 36.181333q33.109333 24.32 36.181334 34.133334L1011.370667 409.6z" fill="#175AA7" p-id="9106"></path></svg>
\ No newline at end of file
diff --git a/src/components/calendar/index.component.scss b/src/components/calendar/index.component.scss
index e4a662806..b28b3c070 100644
--- a/src/components/calendar/index.component.scss
+++ b/src/components/calendar/index.component.scss
@@ -1,7 +1,6 @@
 .calendar {
   width: 130px;
   height: var(--componentHeight);
-  max-width: 100%;
   max-height: 100%;
   border-radius: 12px;
   text-align: center;
diff --git a/src/components/calendar/index.component.ts b/src/components/calendar/index.component.ts
index 8b593fb4e..240b57d57 100644
--- a/src/components/calendar/index.component.ts
+++ b/src/components/calendar/index.component.ts
@@ -15,14 +15,14 @@ export class CalendarComponent {
   @Input() data!: IComponentProps
 
   date = ''
-  day = 0
+  day = ''
   week = ''
   dayOfYear = 0
 
   constructor() {
     const date = getDateTime()
     this.date = `${date.year}年${date.month}月`
-    this.day = date.date
+    this.day = date.zeroDate
     this.week = date.dayText
     this.dayOfYear = getDayOfYear()
   }
diff --git a/src/components/component-group/index.component.html b/src/components/component-group/index.component.html
index 8aa4ea008..93fd3405a 100644
--- a/src/components/component-group/index.component.html
+++ b/src/components/component-group/index.component.html
@@ -15,6 +15,7 @@
         [data]="item"
         [class.hidden]="!item['html']"
       />
+      <app-holiday *ngSwitchCase="ComponentType.Holiday" [data]="item" />
     </ng-container>
   </ng-container>
 
diff --git a/src/components/component-group/index.component.scss b/src/components/component-group/index.component.scss
index 15bcf4667..fa008634f 100644
--- a/src/components/component-group/index.component.scss
+++ b/src/components/component-group/index.component.scss
@@ -21,15 +21,21 @@
   user-select: none;
   column-gap: 15px;
   justify-content: flex-start;
+  max-width: 100%;
   &.directionCol {
     flex-wrap: wrap;
     justify-content: center;
     row-gap: 15px;
     overflow-x: hidden;
+    ::ng-deep {
+      > .ng-star-inserted,
+      .citems {
+        max-width: 100%;
+      }
+    }
   }
   ::ng-deep {
     > .ng-star-inserted {
-      max-width: 100%;
       animation-duration: 0.5s;
       animation-fill-mode: both;
       animation-name: zoomInDown;
diff --git a/src/components/countdown/index.component.scss b/src/components/countdown/index.component.scss
index e19d70663..7b9f81dbf 100644
--- a/src/components/countdown/index.component.scss
+++ b/src/components/countdown/index.component.scss
@@ -2,7 +2,6 @@
   position: relative;
   width: 160px;
   height: var(--componentHeight);
-  max-width: 100%;
   max-height: 100%;
   border-radius: 12px;
   overflow: hidden;
diff --git a/src/components/create-web/index.component.html b/src/components/create-web/index.component.html
index 16be5d81a..1f2008f50 100644
--- a/src/components/create-web/index.component.html
+++ b/src/components/create-web/index.component.html
@@ -35,7 +35,6 @@
           <input
             formControlName="title"
             nz-input
-            [placeholder]="$t('_webTitle')"
             [readonly]="getting"
             [placeholder]="getting ? $t('_pendingGet') : ''"
           />
@@ -132,7 +131,6 @@
         <nz-form-control [nzSpan]="20">
           <textarea
             formControlName="desc"
-            [placeholder]="settings.description"
             nz-input
             [nzAutosize]="{ minRows: 3, maxRows: 5 }"
             [readonly]="getting"
diff --git a/src/components/create-web/index.component.ts b/src/components/create-web/index.component.ts
index 0a68696b1..99d3689ab 100644
--- a/src/components/create-web/index.component.ts
+++ b/src/components/create-web/index.component.ts
@@ -104,8 +104,7 @@ export class CreateWebComponent {
     if (detail) {
       if (Array.isArray(detail.tags)) {
         detail.tags.forEach((item: IWebTag) => {
-          // @ts-ignore
-          this.validateForm?.get('urlArr').push?.(
+          ;(this.validateForm?.get('urlArr') as FormArray).push?.(
             this.fb.group({
               id: Number(item.id),
               name: tagMap[item.id].name ?? '',
@@ -185,8 +184,7 @@ export class CreateWebComponent {
   }
 
   addMoreUrl() {
-    // @ts-ignore
-    this.validateForm.get('urlArr').push(
+    ;(this.validateForm.get('urlArr') as FormArray).push(
       this.fb.group({
         id: '',
         name: '',
@@ -196,8 +194,7 @@ export class CreateWebComponent {
   }
 
   lessMoreUrl(idx: number) {
-    // @ts-ignore
-    this.validateForm.get('urlArr').removeAt(idx)
+    ;(this.validateForm.get('urlArr') as FormArray).removeAt(idx)
   }
 
   onChangeFile(data: any) {
diff --git a/src/components/holiday/drawer/index.component.html b/src/components/holiday/drawer/index.component.html
new file mode 100644
index 000000000..3c7df6546
--- /dev/null
+++ b/src/components/holiday/drawer/index.component.html
@@ -0,0 +1,68 @@
+<nz-drawer
+  [nzClosable]="false"
+  [nzVisible]="visible"
+  nzPlacement="right"
+  [nzTitle]="$t('_edit')"
+  (nzOnClose)="handleClose()"
+  [nzFooter]="footerTpl"
+>
+  <form nz-form [formGroup]="validateForm" *nzDrawerContent>
+    <div formArrayName="items">
+      <div
+        *ngFor="let n of items.controls; let idx = index"
+        class="border-b border-solid mb-4"
+      >
+        <ng-container [formGroupName]="idx">
+          <nz-form-item>
+            <nz-form-label [nzSpan]="6">{{ $t('_title') }}</nz-form-label>
+            <nz-form-control [nzSpan]="18">
+              <input
+                formControlName="title"
+                type="text"
+                nz-input
+                maxlength="10"
+              />
+            </nz-form-control>
+          </nz-form-item>
+
+          <!-- <nz-form-item>
+            <nz-form-label [nzSpan]="6">{{
+              $t('_backgroundImage')
+            }}</nz-form-label>
+            <nz-form-control [nzSpan]="18">
+              <input formControlName="url" type="text" nz-input />
+            </nz-form-control>
+          </nz-form-item> -->
+
+          <nz-form-item>
+            <nz-form-label [nzSpan]="6">休息天数</nz-form-label>
+            <nz-form-control [nzSpan]="18">
+              <input formControlName="day" type="text" nz-input />
+            </nz-form-control>
+          </nz-form-item>
+          <nz-form-item>
+            <nz-form-label [nzSpan]="6">{{ $t('_date') }}</nz-form-label>
+            <nz-form-control [nzSpan]="18">
+              <nz-date-picker formControlName="date"></nz-date-picker>
+            </nz-form-control>
+          </nz-form-item>
+        </ng-container>
+      </div>
+    </div>
+
+    <button class="mt-4" nz-button nzType="primary" (click)="handleAdd()">
+      {{ $t('_add') }}
+    </button>
+  </form>
+
+  <ng-template #footerTpl>
+    <div style="float: right">
+      <button nz-button style="margin-right: 8px" (click)="handleClose()">
+        {{ $t('_cancel') }}
+      </button>
+      <button nz-button nzType="primary" (click)="handleSubmit()">
+        {{ $t('_submit') }}
+      </button>
+    </div>
+  </ng-template>
+</nz-drawer>
diff --git a/src/components/holiday/drawer/index.component.scss b/src/components/holiday/drawer/index.component.scss
new file mode 100644
index 000000000..e69de29bb
diff --git a/src/components/holiday/drawer/index.component.ts b/src/components/holiday/drawer/index.component.ts
new file mode 100644
index 000000000..9748bfffc
--- /dev/null
+++ b/src/components/holiday/drawer/index.component.ts
@@ -0,0 +1,90 @@
+// 开源项目，未经作者同意，不得以抄袭/复制代码/修改源代码版权信息。
+// Copyright @ 2018-present xiejiahe. All rights reserved.
+// See https://github.com/xjh22222228/nav
+
+import { Component, EventEmitter, Output } from '@angular/core'
+import { $t } from 'src/locale'
+import { FormBuilder, FormGroup, FormArray } from '@angular/forms'
+import dayjs from 'dayjs'
+
+@Component({
+  selector: 'holiday-drawer',
+  templateUrl: './index.component.html',
+  styleUrls: ['./index.component.scss'],
+})
+export class HolidayDrawerComponent {
+  @Output() ok = new EventEmitter<void>()
+
+  $t = $t
+  visible = false
+  validateForm!: FormGroup
+  index = 0
+
+  constructor(private fb: FormBuilder) {
+    this.validateForm = this.fb.group({
+      items: this.fb.array([]),
+    })
+  }
+
+  get items(): FormArray {
+    return this.validateForm.get('items') as FormArray
+  }
+
+  open(data: any, idx: number) {
+    this.index = idx
+    if (data['items']) {
+      data['items'].forEach((item: any) => {
+        ;(this.validateForm.get('items') as FormArray).push(
+          this.fb.group({
+            url: item.url || '',
+            day: String(item.day),
+            title: item.title,
+            date: item.date,
+          })
+        )
+      })
+    }
+    this.visible = true
+  }
+
+  handleAdd() {
+    ;(this.validateForm.get('items') as FormArray).push(
+      this.fb.group({
+        day: '0',
+        url: '',
+        title: '',
+        date: Date.now(),
+      })
+    )
+  }
+
+  handleClose() {
+    this.visible = false
+    ;(this.validateForm.get('items') as FormArray).controls = []
+  }
+
+  handleSubmit() {
+    const values = this.validateForm.value
+    const now = dayjs(dayjs().format('YYYY-MM-DD'))
+    this.ok.emit({
+      ...values,
+      items: [...values.items]
+        .filter((item: any) => {
+          const day = parseInt(item.day)
+          item.day = day || 0
+          item.date = dayjs(item.date).format('YYYY-MM-DD')
+          let date = dayjs(item.date)
+          if (item.day > 0) {
+            date = date.add(item.day - 1, 'day')
+          }
+          if (date.isBefore(now)) {
+            return false
+          }
+          return !!item.title.trim()
+        })
+        .sort((a, b) => dayjs(a.date).valueOf() - dayjs(b.date).valueOf()),
+      index: this.index,
+    })
+    this.handleClose()
+  }
+}
diff --git a/src/components/holiday/index.component.html b/src/components/holiday/index.component.html
new file mode 100644
index 000000000..3c1fe4594
--- /dev/null
+++ b/src/components/holiday/index.component.html
@@ -0,0 +1,30 @@
+<div class="holiday family citems" *ngIf="items.length">
+  <div class="left" [class.today]="items[0].isToday || items[0].isRest">
+    <div class="title">
+      {{
+        items[0].isToday || items[0].isRest
+          ? '今天就是'
+          : '距离' + items[0].title
+      }}
+    </div>
+    <div class="days">{{ items[0].diffStr }}</div>
+    <div class="flex items-center justify-center whitespace-nowrap">
+      <span class="tag" *ngIf="items[0].day > 0">休</span>
+      <span
+        >{{ items[0].dateStr }}
+        <ng-container *ngIf="items[0].afterDay"
+          >- {{ items[0].afterDay }}</ng-container
+        ></span
+      >
+    </div>
+  </div>
+  <div class="right">
+    <div class="items" *ngFor="let item of items; let idx = index">
+      <div class="cleft">
+        {{ item.title }} {{ item.dateStr
+        }}<span class="tag" *ngIf="item.day > 0">休</span>
+      </div>
+      <div class="cright" *ngIf="item.diffDay > 0">{{ item.diffDay }}天</div>
+    </div>
+  </div>
+</div>
diff --git a/src/components/holiday/index.component.scss b/src/components/holiday/index.component.scss
new file mode 100644
index 000000000..67d2c0fee
--- /dev/null
+++ b/src/components/holiday/index.component.scss
@@ -0,0 +1,81 @@
+.holiday {
+  position: relative;
+  width: 320px;
+  height: var(--componentHeight);
+  max-height: 100%;
+  border-radius: 12px;
+  overflow: hidden;
+  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
+  display: flex;
+  background-color: #fff;
+  color: #666;
+  .title {
+    font-weight: 500;
+    font-size: 16px;
+  }
+  .left {
+    width: 140px;
+    padding: 12px 0 12px 12px;
+    display: flex;
+    flex-direction: column;
+    .days {
+      font-size: 46px;
+      text-align: center;
+      font-weight: bold;
+      color: rgba(0, 0, 0, 0.85);
+      flex: 1;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+    }
+    &.today {
+      .days {
+        font-size: 30px;
+      }
+    }
+  }
+  .tag {
+    background-color: rgb(223, 252, 234);
+    color: rgb(85, 170, 111);
+    font-size: 10px;
+    font-weight: 500;
+    padding: 1px 2px;
+    border-radius: 2px;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    margin-right: 3px;
+    margin-left: 2px;
+  }
+  .right {
+    padding: 12px 12px 12px 0;
+    flex: 1;
+    padding-left: 12px;
+    .items {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      padding: 4px 0;
+      color: rgba(0, 0, 0, 0.8);
+      &:not(:nth-last-child(1)) {
+        margin-bottom: 3px;
+        border-bottom: 1px solid #eee;
+      }
+    }
+  }
+  .cleft {
+    position: relative;
+    white-space: nowrap;
+    display: flex;
+    align-items: center;
+    .tag {
+      position: absolute;
+      top: 50%;
+      left: -5px;
+      transform: translate(-100%, -50%);
+    }
+  }
+  .cright {
+    font-weight: 500;
+  }
+}
diff --git a/src/components/holiday/index.component.ts b/src/components/holiday/index.component.ts
new file mode 100644
index 000000000..fb357bbca
--- /dev/null
+++ b/src/components/holiday/index.component.ts
@@ -0,0 +1,79 @@
+// 开源项目，未经作者同意，不得以抄袭/复制代码/修改源代码版权信息。
+// Copyright @ 2018-present xiejiahe. All rights reserved.
+// See https://github.com/xjh22222228/nav
+
+import { Component, Input } from '@angular/core'
+import { IComponentProps } from 'src/types'
+import dayjs from 'dayjs'
+import event from 'src/utils/mitt'
+
+@Component({
+  selector: 'app-holiday',
+  templateUrl: './index.component.html',
+  styleUrls: ['./index.component.scss'],
+})
+export class HolidayComponent {
+  @Input() data!: IComponentProps
+  items: any[] = []
+
+  constructor() {}
+
+  ngOnInit() {
+    this.init()
+    event.on('COMPONENT_OK', () => {
+      setTimeout(() => {
+        this.init()
+      }, 100)
+    })
+  }
+
+  init() {
+    let items: any = {}
+    const now = dayjs(dayjs().format('YYYY-MM-DD'))
+    if (this.data['items']) {
+      items = [...this.data['items']]
+        .filter((item: any) => {
+          item.date = dayjs(item.date).format('YYYY-MM-DD')
+          let date = dayjs(item.date)
+          if (item.day > 0) {
+            date = date.add(item.day - 1, 'day')
+          }
+          if (date.isBefore(now)) {
+            return false
+          }
+          return true
+        })
+        .slice(0, 4)
+        .map((item: any) => {
+          item.dateStr = dayjs(item.date).format('MM.DD')
+          item.diffDay = dayjs(dayjs(item.date).format('YYYY-MM-DD')).diff(
+            now,
+            'day'
+          )
+          item.diffDay = item.diffDay < 0 ? 0 : item.diffDay
+          item.diffDay = item.diffDay > 999 ? 999 : item.diffDay
+          item.diffStr = item.diffDay
+          if (item.day > 0) {
+            item.afterDay = dayjs(item.date)
+              .add(item.day - 1, 'day')
+              .format('MM.DD')
+            if (item.afterDay === item.dateStr) {
+              item.afterDay = null
+            }
+          }
+          item.isToday = item.dateStr === dayjs().format('MM.DD')
+          if (item.diffDay <= 0) {
+            if (item.isToday) {
+              item.diffStr = item.title
+            } else {
+              item.isRest = true
+              item.diffStr = '休息日'
+            }
+          }
+
+          return item
+        })
+    }
+    this.items = items
+  }
+}
diff --git a/src/components/html/index.component.scss b/src/components/html/index.component.scss
index 0ffaa5e8e..ed65e3b20 100644
--- a/src/components/html/index.component.scss
+++ b/src/components/html/index.component.scss
@@ -2,7 +2,6 @@
   position: relative;
   width: var(--componentHeight);
   height: var(--componentHeight);
-  max-width: 100%;
   max-height: 100%;
   border-radius: 12px;
   overflow: hidden;
diff --git a/src/components/image/drawer/index.component.html b/src/components/image/drawer/index.component.html
index 054677cb3..f7a1e3a65 100644
--- a/src/components/image/drawer/index.component.html
+++ b/src/components/image/drawer/index.component.html
@@ -26,6 +26,13 @@
         <input nz-input formControlName="text" maxlength="20" />
       </nz-form-control>
     </nz-form-item>
+
+    <nz-form-item>
+      <nz-form-label [nzSpan]="4">URL</nz-form-label>
+      <nz-form-control [nzSpan]="20">
+        <input nz-input formControlName="go" />
+      </nz-form-control>
+    </nz-form-item>
   </form>
 
   <ng-template #footerTpl>
diff --git a/src/components/image/drawer/index.component.ts b/src/components/image/drawer/index.component.ts
index 7a0f1d8c1..66bd0b3bc 100644
--- a/src/components/image/drawer/index.component.ts
+++ b/src/components/image/drawer/index.component.ts
@@ -23,6 +23,7 @@ export class ImageDrawerComponent {
     this.validateForm = this.fb.group({
       url: [''],
       text: [''],
+      go: [''],
     })
   }
 
diff --git a/src/components/image/index.component.html b/src/components/image/index.component.html
index 9e62d3666..ec7ff9d2b 100644
--- a/src/components/image/index.component.html
+++ b/src/components/image/index.component.html
@@ -1,6 +1,8 @@
 <div
   class="cimage family citems"
   [style.backgroundImage]="data['url'] && 'url(' + data['url'] + ')'"
+  [class.cursor-pointer]="data['go']"
+  (click)="jumpService.goUrl($event, data['go'])"
 >
   <div class="text">{{ data['text'] }}</div>
 </div>
diff --git a/src/components/image/index.component.scss b/src/components/image/index.component.scss
index fd1b92985..436669697 100644
--- a/src/components/image/index.component.scss
+++ b/src/components/image/index.component.scss
@@ -2,7 +2,6 @@
   position: relative;
   width: 170px;
   height: var(--componentHeight);
-  max-width: 100%;
   max-height: 100%;
   border-radius: 12px;
   overflow: hidden;
diff --git a/src/components/image/index.component.ts b/src/components/image/index.component.ts
index 5d753db83..ede81e437 100644
--- a/src/components/image/index.component.ts
+++ b/src/components/image/index.component.ts
@@ -4,6 +4,7 @@
 
 import { Component, Input, ChangeDetectionStrategy } from '@angular/core'
 import { IComponentProps } from 'src/types'
+import { JumpService } from 'src/services/jump'
 
 @Component({
   changeDetection: ChangeDetectionStrategy.OnPush,
@@ -14,5 +15,5 @@ import { IComponentProps } from 'src/types'
 export class ImageComponent {
   @Input() data!: IComponentProps
 
-  constructor() {}
+  constructor(public jumpService: JumpService) {}
 }
diff --git a/src/components/off-work/index.component.html b/src/components/off-work/index.component.html
index b0d0190ee..04d70c383 100644
--- a/src/components/off-work/index.component.html
+++ b/src/components/off-work/index.component.html
@@ -5,10 +5,13 @@
   <div class="coutdown" *ngIf="!isRest">{{ countdownStr }}</div>
   <img
     *ngIf="isRest; else other"
-    src="assets/img/component/rest.svg"
+    src="https://gcore.jsdelivr.net/gh/xjh22222228/public@gh-pages/nav/rest.svg"
     class="img"
   />
   <ng-template #other>
-    <img src="assets/img/component/rest.svg" class="img" />
+    <img
+      src="https://gcore.jsdelivr.net/gh/xjh22222228/public@gh-pages/nav/rest.svg"
+      class="img"
+    />
   </ng-template>
 </div>
diff --git a/src/components/off-work/index.component.scss b/src/components/off-work/index.component.scss
index dca1ea4aa..ba1dc3c13 100644
--- a/src/components/off-work/index.component.scss
+++ b/src/components/off-work/index.component.scss
@@ -3,7 +3,6 @@
   position: relative;
   width: 170px;
   height: var(--componentHeight);
-  max-width: 100%;
   max-height: 100%;
   border-radius: 12px;
   overflow: hidden;
diff --git a/src/components/runtime/index.component.html b/src/components/runtime/index.component.html
index 3c52a4fea..9c81f1572 100644
--- a/src/components/runtime/index.component.html
+++ b/src/components/runtime/index.component.html
@@ -4,5 +4,8 @@
     <span class="day">{{ runDays }}</span>
     <span class="unit">{{ unit }}</span>
   </div>
-  <img src="assets/img/component/runtime.svg" class="img" />
+  <img
+    src="https://gcore.jsdelivr.net/gh/xjh22222228/public@gh-pages/nav/runtime.svg"
+    class="img"
+  />
 </div>
diff --git a/src/components/runtime/index.component.scss b/src/components/runtime/index.component.scss
index e5a9c8209..ed3445f1c 100644
--- a/src/components/runtime/index.component.scss
+++ b/src/components/runtime/index.component.scss
@@ -3,7 +3,6 @@
   position: relative;
   width: 230px;
   height: var(--componentHeight);
-  max-width: 100%;
   max-height: 100%;
   border-radius: 12px;
   overflow: hidden;
diff --git a/src/components/swiper/index.component.html b/src/components/swiper/index.component.html
index a3b273046..8fa35d0d4 100644
--- a/src/components/swiper/index.component.html
+++ b/src/components/swiper/index.component.html
@@ -16,9 +16,9 @@
     >
       <img
         class="bgimg"
-        [class.h-full]="height > 0"
         [src]="item.src"
         draggable="false"
+        [ngStyle]="{ height: height <= 0 ? '' : height + 'px' }"
       />
     </div>
   </nz-carousel>
diff --git a/src/locale/english.ts b/src/locale/english.ts
index 12e0fb2f1..c2623ae9f 100644
--- a/src/locale/english.ts
+++ b/src/locale/english.ts
@@ -41,8 +41,10 @@ const english: Record<string, any> = {
   _prevDevTime: 'Last build time',
   _unknow: 'Unknow',
   _repeatOper: 'Please do not operate frequently',
-  _syncDataOut: isSelfDevelop ? 'OK to sync' : 'Synchronize data to remote',
-  _confirmSync: 'OK to sync',
+  _syncDataOut: isSelfDevelop
+    ? 'Are you sure to save'
+    : 'Synchronize data to remote',
+  _confirmSync: 'OK',
   _confirmSyncTip: isSelfDevelop
     ? ''
     : 'Are you sure to synchronize all data to the remote end?',
@@ -273,6 +275,7 @@ const english: Record<string, any> = {
   _time: 'Time',
   _workHours: 'Work hours',
   _breakTime: 'Break time',
+  _holiday: 'Holiday',
 }
 
 export default english
diff --git a/src/locale/zh_CN.ts b/src/locale/zh_CN.ts
index fb8a6153f..36fcfafa2 100644
--- a/src/locale/zh_CN.ts
+++ b/src/locale/zh_CN.ts
@@ -41,8 +41,8 @@ const zhCN: Record<string, any> = {
   _prevDevTime: '上次构建时间',
   _unknow: '未知',
   _repeatOper: '请不要频繁操作',
-  _syncDataOut: isSelfDevelop ? '确定同步吗？' : '同步数据到远端',
-  _confirmSync: '确定同步',
+  _syncDataOut: isSelfDevelop ? '确定保存吗？' : '同步数据到远端',
+  _confirmSync: '确定',
   _confirmSyncTip: isSelfDevelop
     ? ''
     : '确定将所有数据同步到远端吗？（每次保存需要等待构建完成再进行下一次操作）',
@@ -265,6 +265,7 @@ const zhCN: Record<string, any> = {
   _time: '时间',
   _workHours: '工作时间',
   _breakTime: '休息时间',
+  _holiday: '节假日',
 }
 
 export default zhCN
diff --git a/src/types/index.ts b/src/types/index.ts
index 5dbd75289..1d822650c 100644
--- a/src/types/index.ts
+++ b/src/types/index.ts
@@ -22,6 +22,7 @@ export enum ComponentType {
   Image = 4,
   Countdown = 5,
   HTML = 6,
+  Holiday = 7,
 }
 
 export interface IComponentProps {
diff --git a/src/utils/index.ts b/src/utils/index.ts
index 73aee0265..ffc144ff3 100644
--- a/src/utils/index.ts
+++ b/src/utils/index.ts
@@ -402,7 +402,7 @@ export function getDayOfYear() {
 }
 
 export function getDateTime() {
-  const days = $t('_weeks')
+  const weeks = $t('_weeks')
   const now = new Date()
   const year = now.getFullYear()
   const hours = addZero(now.getHours())
@@ -411,6 +411,7 @@ export function getDateTime() {
   const month = now.getMonth() + 1
   const date = now.getDate()
   const day = now.getDay()
+  const zeroDate = addZero(date)
   return {
     year,
     hours,
@@ -418,7 +419,8 @@ export function getDateTime() {
     seconds,
     month,
     date,
-    dayText: days[day],
+    zeroDate,
+    dayText: weeks[day],
   } as const
 }
 
diff --git a/src/view/light/index.component.scss b/src/view/light/index.component.scss
index d7513e9ba..1a31a6d83 100644
--- a/src/view/light/index.component.scss
+++ b/src/view/light/index.component.scss
@@ -44,7 +44,7 @@
     overflow: hidden;
   }
   .component-box {
-    width: 250px;
+    width: 320px;
     overflow: hidden;
     overflow-y: auto;
   }
diff --git a/src/view/side/index.component.scss b/src/view/side/index.component.scss
index 71aaf249e..5e3e05b89 100644
--- a/src/view/side/index.component.scss
+++ b/src/view/side/index.component.scss
@@ -1,6 +1,7 @@
 @media (max-width: 768px) {
   .content {
     padding-right: 12px !important;
+    padding-left: 10px !important;
   }
   .sider {
     --menuTitleWidth: 85px;
diff --git a/src/view/sim/index.component.scss b/src/view/sim/index.component.scss
index 033f93238..434d8b6b1 100644
--- a/src/view/sim/index.component.scss
+++ b/src/view/sim/index.component.scss
@@ -142,7 +142,8 @@
   }
 
   .sim-component {
-    width: var(--width);
+    min-width: var(--width);
+    max-width: 100%;
     margin: 0 auto;
   }
 
diff --git a/src/view/super/index.component.scss b/src/view/super/index.component.scss
index fe7c7e33f..857041c8a 100644
--- a/src/view/super/index.component.scss
+++ b/src/view/super/index.component.scss
@@ -109,7 +109,8 @@
   }
 
   .component-box {
-    width: var(--width);
+    min-width: var(--width);
+    max-width: 100%;
     margin: 10px auto -10px;
   }
 
diff --git a/src/view/system/component/index.component.html b/src/view/system/component/index.component.html
index c8c89017b..658696afa 100644
--- a/src/view/system/component/index.component.html
+++ b/src/view/system/component/index.component.html
@@ -21,6 +21,7 @@
       <app-image *ngSwitchCase="ComponentType.Image" [data]="item" />
       <app-countdown *ngSwitchCase="ComponentType.Countdown" [data]="item" />
       <app-html *ngSwitchCase="ComponentType.HTML" [data]="item" />
+      <app-holiday *ngSwitchCase="ComponentType.Holiday" [data]="item" />
     </ng-container>
 
     <div class="text-center mt-3">
@@ -51,3 +52,4 @@
 <image-drawer #image (ok)="handleOk($event)" />
 <countdown-drawer #countdown (ok)="handleOk($event)" />
 <html-drawer #html (ok)="handleOk($event)" />
+<holiday-drawer #holiday (ok)="handleOk($event)" />
diff --git a/src/view/system/component/index.component.ts b/src/view/system/component/index.component.ts
index 44a9c3ca5..e0cac5bf7 100644
--- a/src/view/system/component/index.component.ts
+++ b/src/view/system/component/index.component.ts
@@ -16,6 +16,7 @@ import { OffWorkDrawerComponent } from 'src/components/off-work/drawer/index.com
 import { ImageDrawerComponent } from 'src/components/image/drawer/index.component'
 import { CountdownDrawerComponent } from 'src/components/countdown/drawer/index.component'
 import { HTMLDrawerComponent } from 'src/components/html/drawer/index.component'
+import { HolidayDrawerComponent } from 'src/components/holiday/drawer/index.component'
 import { componentTitleMap } from './types'
 import { isSelfDevelop } from 'src/utils/util'
 import event from 'src/utils/mitt'
@@ -32,6 +33,7 @@ export default class SystemComponentComponent {
   @ViewChild('image') imageChild!: ImageDrawerComponent
   @ViewChild('countdown') countdownChild!: CountdownDrawerComponent
   @ViewChild('html') htmlChild!: HTMLDrawerComponent
+  @ViewChild('holiday') holidayChild!: HolidayDrawerComponent
 
   $t = $t
   isSelfDevelop = isSelfDevelop
@@ -78,6 +80,7 @@ export default class SystemComponentComponent {
       [ComponentType.Image]: this.imageChild,
       [ComponentType.Countdown]: this.countdownChild,
       [ComponentType.HTML]: this.htmlChild,
+      [ComponentType.Holiday]: this.holidayChild,
     }
     types[type]?.open(data, idx)
   }
diff --git a/src/view/system/component/types.ts b/src/view/system/component/types.ts
index 96d0ca28d..04b1aed2b 100644
--- a/src/view/system/component/types.ts
+++ b/src/view/system/component/types.ts
@@ -12,4 +12,5 @@ export const componentTitleMap: Record<string, any> = {
   [ComponentType.Image]: $t('_image'),
   [ComponentType.Countdown]: $t('_countdown'),
   [ComponentType.HTML]: 'HTML',
+  [ComponentType.Holiday]: $t('_holiday'),
 }
diff --git a/src/view/system/web/index.component.html b/src/view/system/web/index.component.html
index b3b6e53a7..17a5b16b9 100644
--- a/src/view/system/web/index.component.html
+++ b/src/view/system/web/index.component.html
@@ -20,15 +20,14 @@
     {{ $t('_backup') }}
   </button>
 
-  <label id="file2">
-    <button
-      nz-button
-      nz-tooltip
-      nzTooltipPlacement="bottom"
-      [nzTooltipTitle]="$t('_importBackupTip')"
-    >
-      {{ $t('_importBackup') }}
-    </button>
+  <label
+    id="file2"
+    nz-button
+    nz-tooltip
+    nzTooltipPlacement="bottom"
+    [nzTooltipTitle]="$t('_importBackupTip')"
+  >
+    {{ $t('_importBackup') }}
     <input
       type="file"
       name="file2"
diff --git a/src/view/system/web/index.component.scss b/src/view/system/web/index.component.scss
index d8c3de1a7..864f90dc7 100644
--- a/src/view/system/web/index.component.scss
+++ b/src/view/system/web/index.component.scss
@@ -11,7 +11,7 @@
     top: 0;
     left: 0;
     width: 100%;
-    height: 100%;
+    height: 1px;
     opacity: 0;
     cursor: pointer;
   }
diff --git a/src/view/system/web/index.component.ts b/src/view/system/web/index.component.ts
index cb226e3e2..472ea82a4 100644
--- a/src/view/system/web/index.component.ts
+++ b/src/view/system/web/index.component.ts
@@ -10,6 +10,7 @@ import {
   searchEngineList,
   tagList,
   internal,
+  components,
 } from 'src/store'
 import { isLogin, removeWebsite } from 'src/utils/user'
 import { NzMessageService } from 'ng-zorro-antd/message'
@@ -295,6 +296,7 @@ export default class WebpComponent {
       settings,
       tag: tagList,
       search: searchEngineList,
+      component: components,
     }
     for (const k in params) {
       saveAs(

From 11ff22fab4b01f0307c1b0767c318d8838bc86b1 Mon Sep 17 00:00:00 2001
From: nuo-ai <nuo.ai@outlook.com>
Date: Sun, 13 Oct 2024 20:24:48 +1100
Subject: [PATCH 2/2] Update nav.config.yaml

---
 nav.config.yaml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/nav.config.yaml b/nav.config.yaml
index 40843bf7c..e2dac7bd8 100644
--- a/nav.config.yaml
+++ b/nav.config.yaml
@@ -9,7 +9,7 @@
 
 # 仓库地址，填写 Fork 后的仓库地址，支持 Gitee / GitHub
 # 作者 Gitee 仓库地址 https://gitee.com/xiejiahe/nav
-gitRepoUrl: https://github.com/xjh22222228/nav
+gitRepoUrl: https://github.com/nuo-ai/nav
 
 # Fork 部署分支
 branch: main