From 38288714e2ab06c161fc7c73751579054e062fc7 Mon Sep 17 00:00:00 2001
From: zhangshuai <1016868503@qq.com>
Date: Wed, 13 Jul 2022 14:48:12 +0800
Subject: [PATCH] =?UTF-8?q?feat(ISO=E9=A1=B5=E9=9D=A2):=E5=AE=8C=E6=88=90?=
 =?UTF-8?q?=E4=BA=86ISO=E5=8D=A1=E7=89=87=E5=88=97=E8=A1=A8=E7=9A=84?=
 =?UTF-8?q?=E9=9D=99=E6=80=81=E6=B8=B2=E6=9F=93=E9=80=BB=E8=BE=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

feat(镜像页面,ISO界面)：完成了镜像列表页面渲染逻辑的生成、ISO卡片列表静态渲染逻辑

新增 svg icon

style(ISO界面、镜像列表):修改命名规范、api调用方式

style(api):修改注释的规范
---
 app/.vitepress/src/api/api-mirror.ts          |  14 +
 .../src/assets/svg-icons/icon-add.svg         |   4 +
 .../src/assets/svg-icons/icon-arrow-down.svg  |   4 +
 .../src/assets/svg-icons/icon-arrow-left.svg  |   4 +
 .../src/assets/svg-icons/icon-arrow-left1.svg |   4 +
 .../src/assets/svg-icons/icon-arrow-right.svg |   4 +
 .../assets/svg-icons/icon-arrow-right1.svg    |   4 +
 .../src/assets/svg-icons/icon-arrow-up.svg    |   5 +
 .../src/assets/svg-icons/icon-browse.svg      |   4 +
 .../src/assets/svg-icons/icon-calendar.svg    |   4 +
 .../src/assets/svg-icons/icon-cancel.svg      |   4 +
 .../src/assets/svg-icons/icon-cancel1.svg     |   4 +
 .../src/assets/svg-icons/icon-checked.svg     |   5 +
 .../assets/svg-icons/icon-chevron-down.svg    |   4 +
 .../assets/svg-icons/icon-chevron-left.svg    |   4 +
 .../assets/svg-icons/icon-chevron-right.svg   |   4 +
 .../src/assets/svg-icons/icon-chevron-up.svg  |   4 +
 .../src/assets/svg-icons/icon-comment.svg     |   4 +
 .../src/assets/svg-icons/icon-copy.svg        |   4 +
 .../src/assets/svg-icons/icon-dark1.svg       |   4 +
 .../src/assets/svg-icons/icon-dark2.svg       |   4 +
 .../src/assets/svg-icons/icon-delete.svg      |   4 +
 .../src/assets/svg-icons/icon-dividers.svg    |   4 +
 .../src/assets/svg-icons/icon-doc.svg         |   4 +
 .../assets/svg-icons/icon-done-outline.svg    |   4 +
 .../src/assets/svg-icons/icon-done-solid.svg  |   4 +
 .../src/assets/svg-icons/icon-done.svg        |   4 +
 .../src/assets/svg-icons/icon-download.svg    |   4 +
 .../src/assets/svg-icons/icon-ellipsis.svg    |   6 +
 .../src/assets/svg-icons/icon-home.svg        |   4 +
 .../src/assets/svg-icons/icon-light1.svg      |   4 +
 .../src/assets/svg-icons/icon-light2.svg      |   4 +
 .../src/assets/svg-icons/icon-link.svg        |   4 +
 .../assets/svg-icons/icon-live-streaming.svg  |   4 +
 .../src/assets/svg-icons/icon-mail.svg        |   4 +
 .../src/assets/svg-icons/icon-more.svg        |   4 +
 .../src/assets/svg-icons/icon-refresh.svg     |   4 +
 .../assets/svg-icons/icon-required-fields.svg |   4 +
 .../src/assets/svg-icons/icon-search.svg      |   4 +
 .../assets/svg-icons/icon-star-outlined.svg   |   4 +
 .../src/assets/svg-icons/icon-star-solid.svg  |   4 +
 .../src/assets/svg-icons/icon-tag.svg         |   5 +
 .../src/assets/svg-icons/icon-time.svg        |   4 +
 .../src/assets/svg-icons/icon-tips.svg        |   4 +
 .../src/assets/svg-icons/icon-toggle-off.svg  |   4 +
 .../src/assets/svg-icons/icon-toggle-on.svg   |   4 +
 .../src/assets/svg-icons/icon-unchecked.svg   |   4 +
 .../src/assets/svg-icons/icon-user.svg        |   4 +
 .../src/assets/svg-icons/icon-video.svg       |   4 +
 .../src/assets/svg-icons/map-pin.svg          |   4 +
 .../src/views/download/TheDownload.vue        | 963 ++++++++++++++++++
 .../src/views/download/TheMirList.vue         | 240 +++++
 app/vite.config.js                            |   9 +
 app/zh/download/index.md                      |   5 +
 app/zh/mirror/index.md                        |   5 +
 opendesign/card/OCard.vue                     |   2 +-
 pnpm-lock.yaml                                |   1 +
 57 files changed, 1439 insertions(+), 1 deletion(-)
 create mode 100644 app/.vitepress/src/api/api-mirror.ts
 create mode 100644 app/.vitepress/src/assets/svg-icons/icon-add.svg
 create mode 100644 app/.vitepress/src/assets/svg-icons/icon-arrow-down.svg
 create mode 100644 app/.vitepress/src/assets/svg-icons/icon-arrow-left.svg
 create mode 100644 app/.vitepress/src/assets/svg-icons/icon-arrow-left1.svg
 create mode 100644 app/.vitepress/src/assets/svg-icons/icon-arrow-right.svg
 create mode 100644 app/.vitepress/src/assets/svg-icons/icon-arrow-right1.svg
 create mode 100644 app/.vitepress/src/assets/svg-icons/icon-arrow-up.svg
 create mode 100644 app/.vitepress/src/assets/svg-icons/icon-browse.svg
 create mode 100644 app/.vitepress/src/assets/svg-icons/icon-calendar.svg
 create mode 100644 app/.vitepress/src/assets/svg-icons/icon-cancel.svg
 create mode 100644 app/.vitepress/src/assets/svg-icons/icon-cancel1.svg
 create mode 100644 app/.vitepress/src/assets/svg-icons/icon-checked.svg
 create mode 100644 app/.vitepress/src/assets/svg-icons/icon-chevron-down.svg
 create mode 100644 app/.vitepress/src/assets/svg-icons/icon-chevron-left.svg
 create mode 100644 app/.vitepress/src/assets/svg-icons/icon-chevron-right.svg
 create mode 100644 app/.vitepress/src/assets/svg-icons/icon-chevron-up.svg
 create mode 100644 app/.vitepress/src/assets/svg-icons/icon-comment.svg
 create mode 100644 app/.vitepress/src/assets/svg-icons/icon-copy.svg
 create mode 100644 app/.vitepress/src/assets/svg-icons/icon-dark1.svg
 create mode 100644 app/.vitepress/src/assets/svg-icons/icon-dark2.svg
 create mode 100644 app/.vitepress/src/assets/svg-icons/icon-delete.svg
 create mode 100644 app/.vitepress/src/assets/svg-icons/icon-dividers.svg
 create mode 100644 app/.vitepress/src/assets/svg-icons/icon-doc.svg
 create mode 100644 app/.vitepress/src/assets/svg-icons/icon-done-outline.svg
 create mode 100644 app/.vitepress/src/assets/svg-icons/icon-done-solid.svg
 create mode 100644 app/.vitepress/src/assets/svg-icons/icon-done.svg
 create mode 100644 app/.vitepress/src/assets/svg-icons/icon-download.svg
 create mode 100644 app/.vitepress/src/assets/svg-icons/icon-ellipsis.svg
 create mode 100644 app/.vitepress/src/assets/svg-icons/icon-home.svg
 create mode 100644 app/.vitepress/src/assets/svg-icons/icon-light1.svg
 create mode 100644 app/.vitepress/src/assets/svg-icons/icon-light2.svg
 create mode 100644 app/.vitepress/src/assets/svg-icons/icon-link.svg
 create mode 100644 app/.vitepress/src/assets/svg-icons/icon-live-streaming.svg
 create mode 100644 app/.vitepress/src/assets/svg-icons/icon-mail.svg
 create mode 100644 app/.vitepress/src/assets/svg-icons/icon-more.svg
 create mode 100644 app/.vitepress/src/assets/svg-icons/icon-refresh.svg
 create mode 100644 app/.vitepress/src/assets/svg-icons/icon-required-fields.svg
 create mode 100644 app/.vitepress/src/assets/svg-icons/icon-search.svg
 create mode 100644 app/.vitepress/src/assets/svg-icons/icon-star-outlined.svg
 create mode 100644 app/.vitepress/src/assets/svg-icons/icon-star-solid.svg
 create mode 100644 app/.vitepress/src/assets/svg-icons/icon-tag.svg
 create mode 100644 app/.vitepress/src/assets/svg-icons/icon-time.svg
 create mode 100644 app/.vitepress/src/assets/svg-icons/icon-tips.svg
 create mode 100644 app/.vitepress/src/assets/svg-icons/icon-toggle-off.svg
 create mode 100644 app/.vitepress/src/assets/svg-icons/icon-toggle-on.svg
 create mode 100644 app/.vitepress/src/assets/svg-icons/icon-unchecked.svg
 create mode 100644 app/.vitepress/src/assets/svg-icons/icon-user.svg
 create mode 100644 app/.vitepress/src/assets/svg-icons/icon-video.svg
 create mode 100644 app/.vitepress/src/assets/svg-icons/map-pin.svg
 create mode 100644 app/.vitepress/src/views/download/TheDownload.vue
 create mode 100644 app/.vitepress/src/views/download/TheMirList.vue
 create mode 100644 app/zh/download/index.md
 create mode 100644 app/zh/mirror/index.md

diff --git a/app/.vitepress/src/api/api-mirror.ts b/app/.vitepress/src/api/api-mirror.ts
new file mode 100644
index 000000000..dfb9585e6
--- /dev/null
+++ b/app/.vitepress/src/api/api-mirror.ts
@@ -0,0 +1,14 @@
+/**
+ * 调用接口获取镜像列表
+ * @name getAllMirror
+ * @param {boolean} mirrorstats 镜像状态 true-运行的镜像
+ * @return {Array} 镜像列表
+ */
+
+import { request } from '@/shared/axios';
+import type { AxiosResponse } from '@/shared/axios';
+
+export function getAllMirror() {
+  const url = '/api-mirror/?mirrorstats=true';
+  return request.get(url).then((res: AxiosResponse) => res.data);
+}
diff --git a/app/.vitepress/src/assets/svg-icons/icon-add.svg b/app/.vitepress/src/assets/svg-icons/icon-add.svg
new file mode 100644
index 000000000..de17cbdc9
--- /dev/null
+++ b/app/.vitepress/src/assets/svg-icons/icon-add.svg
@@ -0,0 +1,4 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>add</title>
+<path fill="currentColor"  d="M25.333 15.333v1.333c0 0.368-0.298 0.667-0.667 0.667h-7.333v7.333c0 0.368-0.298 0.667-0.667 0.667h-1.333c-0.368 0-0.667-0.298-0.667-0.667v-7.333h-7.333c-0.368 0-0.667-0.298-0.667-0.667v-1.333c0-0.368 0.298-0.667 0.667-0.667h7.333v-7.333c0-0.368 0.298-0.667 0.667-0.667h1.333c0.368 0 0.667 0.298 0.667 0.667v7.333h7.333c0.368 0 0.667 0.298 0.667 0.667z"></path>
+</svg>
diff --git a/app/.vitepress/src/assets/svg-icons/icon-arrow-down.svg b/app/.vitepress/src/assets/svg-icons/icon-arrow-down.svg
new file mode 100644
index 000000000..c47b18d3d
--- /dev/null
+++ b/app/.vitepress/src/assets/svg-icons/icon-arrow-down.svg
@@ -0,0 +1,4 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>arrow-triangle-solid-down</title>
+<path fill="currentColor"  d="M10.48 14.747c-0.126-0.125-0.197-0.296-0.197-0.473s0.071-0.348 0.197-0.473l0.267-0.267c0.125-0.13 0.299-0.203 0.48-0.2h9.547c0.181-0.003 0.355 0.070 0.48 0.2l0.267 0.267c0.126 0.125 0.197 0.296 0.197 0.473s-0.071 0.348-0.197 0.473l-5.053 5.053c-0.121 0.129-0.29 0.202-0.467 0.202s-0.346-0.073-0.467-0.202l-5.053-5.053z"></path>
+</svg>
diff --git a/app/.vitepress/src/assets/svg-icons/icon-arrow-left.svg b/app/.vitepress/src/assets/svg-icons/icon-arrow-left.svg
new file mode 100644
index 000000000..27b72d68c
--- /dev/null
+++ b/app/.vitepress/src/assets/svg-icons/icon-arrow-left.svg
@@ -0,0 +1,4 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>arrow-triangle-solid-left</title>
+<path fill="currentColor"  d="M17.253 10.48c0.125-0.126 0.296-0.197 0.473-0.197s0.348 0.071 0.473 0.197l0.267 0.267c0.13 0.125 0.203 0.299 0.2 0.48v9.547c0.003 0.181-0.070 0.355-0.2 0.48l-0.267 0.267c-0.125 0.126-0.296 0.197-0.473 0.197s-0.348-0.071-0.473-0.197l-5.053-5.053c-0.129-0.121-0.202-0.29-0.202-0.467s0.073-0.346 0.202-0.467l5.053-5.053z"></path>
+</svg>
diff --git a/app/.vitepress/src/assets/svg-icons/icon-arrow-left1.svg b/app/.vitepress/src/assets/svg-icons/icon-arrow-left1.svg
new file mode 100644
index 000000000..e0392c33c
--- /dev/null
+++ b/app/.vitepress/src/assets/svg-icons/icon-arrow-left1.svg
@@ -0,0 +1,4 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>arrow-left</title>
+<path fill="currentColor"  d="M29.333 15.333v1.333c0 0.368-0.298 0.667-0.667 0.667h-21.56l5.933 5.92c0.126 0.125 0.197 0.296 0.197 0.473s-0.071 0.348-0.197 0.473l-0.947 0.933c-0.125 0.126-0.296 0.197-0.473 0.197s-0.348-0.071-0.473-0.197l-8.187-8.173c-0.188-0.187-0.293-0.442-0.293-0.707v-0.507c0.003-0.265 0.108-0.518 0.293-0.707l8.187-8.173c0.125-0.126 0.296-0.197 0.473-0.197s0.348 0.071 0.473 0.197l0.947 0.947c0.125 0.123 0.196 0.291 0.196 0.467s-0.071 0.344-0.196 0.467l-5.933 5.92h21.56c0.368 0 0.667 0.298 0.667 0.667z"></path>
+</svg>
diff --git a/app/.vitepress/src/assets/svg-icons/icon-arrow-right.svg b/app/.vitepress/src/assets/svg-icons/icon-arrow-right.svg
new file mode 100644
index 000000000..b13302ad7
--- /dev/null
+++ b/app/.vitepress/src/assets/svg-icons/icon-arrow-right.svg
@@ -0,0 +1,4 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>arrow-triangle-solid-right</title>
+<path fill="currentColor"  d="M14.747 21.52c-0.125 0.126-0.296 0.197-0.473 0.197s-0.348-0.071-0.473-0.197l-0.267-0.267c-0.13-0.125-0.203-0.299-0.2-0.48v-9.547c-0.003-0.181 0.070-0.355 0.2-0.48l0.267-0.267c0.125-0.126 0.296-0.197 0.473-0.197s0.348 0.071 0.473 0.197l5.053 5.053c0.129 0.121 0.202 0.29 0.202 0.467s-0.073 0.346-0.202 0.467l-5.053 5.053z"></path>
+</svg>
diff --git a/app/.vitepress/src/assets/svg-icons/icon-arrow-right1.svg b/app/.vitepress/src/assets/svg-icons/icon-arrow-right1.svg
new file mode 100644
index 000000000..fe354712f
--- /dev/null
+++ b/app/.vitepress/src/assets/svg-icons/icon-arrow-right1.svg
@@ -0,0 +1,4 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>arrow-right</title>
+<path fill="currentColor"  d="M2.667 16.667v-1.333c0-0.368 0.298-0.667 0.667-0.667h21.56l-5.933-5.92c-0.126-0.125-0.197-0.296-0.197-0.473s0.071-0.348 0.197-0.473l0.947-0.933c0.125-0.126 0.296-0.197 0.473-0.197s0.348 0.071 0.473 0.197l8.187 8.173c0.188 0.187 0.293 0.442 0.293 0.707v0.507c-0.003 0.265-0.108 0.518-0.293 0.707l-8.187 8.173c-0.125 0.126-0.296 0.197-0.473 0.197s-0.348-0.071-0.473-0.197l-0.947-0.947c-0.125-0.123-0.196-0.291-0.196-0.467s0.071-0.344 0.196-0.467l5.933-5.92h-21.56c-0.368 0-0.667-0.298-0.667-0.667z"></path>
+</svg>
diff --git a/app/.vitepress/src/assets/svg-icons/icon-arrow-up.svg b/app/.vitepress/src/assets/svg-icons/icon-arrow-up.svg
new file mode 100644
index 000000000..3eb80e7ad
--- /dev/null
+++ b/app/.vitepress/src/assets/svg-icons/icon-arrow-up.svg
@@ -0,0 +1,5 @@
+
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>arrow-triangle-solid-up</title>
+<path fill="currentColor"  d="M21.52 17.253c0.126 0.125 0.197 0.296 0.197 0.473s-0.071 0.348-0.197 0.473l-0.267 0.267c-0.125 0.13-0.299 0.203-0.48 0.2h-9.547c-0.181 0.003-0.355-0.070-0.48-0.2l-0.267-0.267c-0.126-0.125-0.197-0.296-0.197-0.473s0.071-0.348 0.197-0.473l5.053-5.053c0.121-0.129 0.29-0.202 0.467-0.202s0.346 0.073 0.467 0.202l5.053 5.053z"></path>
+</svg>
diff --git a/app/.vitepress/src/assets/svg-icons/icon-browse.svg b/app/.vitepress/src/assets/svg-icons/icon-browse.svg
new file mode 100644
index 000000000..0d2f29bb5
--- /dev/null
+++ b/app/.vitepress/src/assets/svg-icons/icon-browse.svg
@@ -0,0 +1,4 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>browse</title>
+<path fill="currentColor"  d="M29.317 15.6v0c-2.173-5.445-7.466-8.994-13.325-8.933-5.82-0.034-11.070 3.492-13.245 8.893v0c-0.051 0.141-0.078 0.29-0.080 0.44-0.001 0.142 0.026 0.282 0.080 0.413v0c2.166 5.412 7.419 8.949 13.245 8.92 5.82 0.034 11.070-3.492 13.245-8.893v0c0.057-0.139 0.084-0.289 0.080-0.44v0c0.022-0.132 0.022-0.268 0-0.4zM15.992 22.667c-4.509-0.010-8.614-2.6-10.567-6.667 1.946-4.072 6.056-6.664 10.567-6.664s8.621 2.592 10.567 6.664c-1.953 4.066-6.058 6.657-10.567 6.667zM15.992 13.333c1.472 0 2.665 1.194 2.665 2.667s-1.193 2.667-2.665 2.667c-1.472 0-2.665-1.194-2.665-2.667s1.193-2.667 2.665-2.667v0zM15.992 10.667c-2.944 0-5.33 2.388-5.33 5.333s2.386 5.333 5.33 5.333c2.944 0 5.33-2.388 5.33-5.333s-2.386-5.333-5.33-5.333v0z"></path>
+</svg>
diff --git a/app/.vitepress/src/assets/svg-icons/icon-calendar.svg b/app/.vitepress/src/assets/svg-icons/icon-calendar.svg
new file mode 100644
index 000000000..fcc7b2470
--- /dev/null
+++ b/app/.vitepress/src/assets/svg-icons/icon-calendar.svg
@@ -0,0 +1,4 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>calendar</title>
+<path fill="currentColor"  d="M25.333 5.333h-1.333v-2c0-0.368-0.298-0.667-0.667-0.667h-1.333c-0.368 0-0.667 0.298-0.667 0.667v2h-10.667v-2c0-0.368-0.298-0.667-0.667-0.667h-1.333c-0.368 0-0.667 0.298-0.667 0.667v2h-1.333c-1.473 0-2.667 1.194-2.667 2.667v17.333c0 1.473 1.194 2.667 2.667 2.667h18.667c1.473 0 2.667-1.194 2.667-2.667v-17.333c0-1.473-1.194-2.667-2.667-2.667zM25.333 25.333h-18.667v-14.667h18.667v14.667zM15.333 16h1.333c0.368 0 0.667-0.298 0.667-0.667v-1.333c0-0.368-0.298-0.667-0.667-0.667h-1.333c-0.368 0-0.667 0.298-0.667 0.667v1.333c0 0.368 0.298 0.667 0.667 0.667zM20.667 16h1.333c0.368 0 0.667-0.298 0.667-0.667v-1.333c0-0.368-0.298-0.667-0.667-0.667h-1.333c-0.368 0-0.667 0.298-0.667 0.667v1.333c0 0.368 0.298 0.667 0.667 0.667zM10 16h1.333c0.368 0 0.667-0.298 0.667-0.667v-1.333c0-0.368-0.298-0.667-0.667-0.667h-1.333c-0.368 0-0.667 0.298-0.667 0.667v1.333c0 0.368 0.298 0.667 0.667 0.667zM15.333 21.333h1.333c0.368 0 0.667-0.298 0.667-0.667v-1.333c0-0.368-0.298-0.667-0.667-0.667h-1.333c-0.368 0-0.667 0.298-0.667 0.667v1.333c0 0.368 0.298 0.667 0.667 0.667zM10 21.333h1.333c0.368 0 0.667-0.298 0.667-0.667v-1.333c0-0.368-0.298-0.667-0.667-0.667h-1.333c-0.368 0-0.667 0.298-0.667 0.667v1.333c0 0.368 0.298 0.667 0.667 0.667z"></path>
+</svg>
diff --git a/app/.vitepress/src/assets/svg-icons/icon-cancel.svg b/app/.vitepress/src/assets/svg-icons/icon-cancel.svg
new file mode 100644
index 000000000..0c6c13a8f
--- /dev/null
+++ b/app/.vitepress/src/assets/svg-icons/icon-cancel.svg
@@ -0,0 +1,4 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>cancel </title>
+<path fill="currentColor"  d="M23.797 21.917c0.126 0.125 0.197 0.296 0.197 0.473s-0.071 0.348-0.197 0.473l-0.933 0.933c-0.125 0.126-0.296 0.197-0.473 0.197s-0.348-0.071-0.473-0.197l-5.92-5.92-5.92 5.92c-0.125 0.126-0.296 0.197-0.473 0.197s-0.348-0.071-0.473-0.197l-0.933-0.933c-0.126-0.125-0.197-0.296-0.197-0.473s0.071-0.348 0.197-0.473l5.92-5.92-5.92-5.92c-0.126-0.125-0.197-0.296-0.197-0.473s0.071-0.348 0.197-0.473l0.933-0.933c0.125-0.126 0.296-0.197 0.473-0.197s0.348 0.071 0.473 0.197l5.92 5.92 5.92-5.92c0.125-0.126 0.296-0.197 0.473-0.197s0.348 0.071 0.473 0.197l0.933 0.933c0.126 0.125 0.197 0.296 0.197 0.473s-0.071 0.348-0.197 0.473l-5.92 5.92 5.92 5.92z"></path>
+</svg>
diff --git a/app/.vitepress/src/assets/svg-icons/icon-cancel1.svg b/app/.vitepress/src/assets/svg-icons/icon-cancel1.svg
new file mode 100644
index 000000000..43f8b5dfb
--- /dev/null
+++ b/app/.vitepress/src/assets/svg-icons/icon-cancel1.svg
@@ -0,0 +1,4 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>cancel-solid</title>
+<path fill="currentColor"  d="M16 2.667c-7.364 0-13.333 5.97-13.333 13.333s5.97 13.333 13.333 13.333c7.364 0 13.333-5.97 13.333-13.333 0-3.536-1.405-6.928-3.905-9.428s-5.892-3.905-9.428-3.905zM20.12 18.48c0.129 0.121 0.202 0.29 0.202 0.467s-0.073 0.346-0.202 0.467l-0.707 0.707c-0.121 0.129-0.29 0.202-0.467 0.202s-0.346-0.073-0.467-0.202l-2.48-2.467-2.48 2.467c-0.121 0.129-0.29 0.202-0.467 0.202s-0.346-0.073-0.467-0.202l-0.707-0.707c-0.129-0.121-0.202-0.29-0.202-0.467s0.073-0.346 0.202-0.467l2.467-2.48-2.467-2.48c-0.129-0.121-0.202-0.29-0.202-0.467s0.073-0.346 0.202-0.467l0.707-0.707c0.121-0.129 0.29-0.202 0.467-0.202s0.346 0.073 0.467 0.202l2.48 2.467 2.48-2.467c0.121-0.129 0.29-0.202 0.467-0.202s0.346 0.073 0.467 0.202l0.707 0.707c0.129 0.121 0.202 0.29 0.202 0.467s-0.073 0.346-0.202 0.467l-2.467 2.48 2.467 2.48z"></path>
+</svg>
diff --git a/app/.vitepress/src/assets/svg-icons/icon-checked.svg b/app/.vitepress/src/assets/svg-icons/icon-checked.svg
new file mode 100644
index 000000000..1ed90de59
--- /dev/null
+++ b/app/.vitepress/src/assets/svg-icons/icon-checked.svg
@@ -0,0 +1,5 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>checked</title>
+<path fill="currentColor"  d="M16 2.667c7.364 0 13.333 5.97 13.333 13.333s-5.97 13.333-13.333 13.333c-7.364 0-13.333-5.97-13.333-13.333s5.97-13.333 13.333-13.333zM16 5.333c-5.891 0-10.667 4.776-10.667 10.667s4.776 10.667 10.667 10.667c5.891 0 10.667-4.776 10.667-10.667s-4.776-10.667-10.667-10.667z"></path>
+<path fill="currentColor"  d="M25.333 16c0 5.155-4.179 9.333-9.333 9.333s-9.333-4.179-9.333-9.333c0-5.155 4.179-9.333 9.333-9.333s9.333 4.179 9.333 9.333z"></path>
+</svg>
diff --git a/app/.vitepress/src/assets/svg-icons/icon-chevron-down.svg b/app/.vitepress/src/assets/svg-icons/icon-chevron-down.svg
new file mode 100644
index 000000000..66b976e32
--- /dev/null
+++ b/app/.vitepress/src/assets/svg-icons/icon-chevron-down.svg
@@ -0,0 +1,4 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>chevron-down</title>
+<path fill="currentColor"  d="M16.96 21.040c-0.187 0.188-0.442 0.293-0.707 0.293h-0.507c-0.265-0.003-0.518-0.108-0.707-0.293l-6.84-6.853c-0.126-0.125-0.197-0.296-0.197-0.473s0.071-0.348 0.197-0.473l0.947-0.947c0.123-0.125 0.291-0.196 0.467-0.196s0.344 0.071 0.467 0.196l5.92 5.933 5.92-5.933c0.125-0.126 0.296-0.197 0.473-0.197s0.348 0.071 0.473 0.197l0.933 0.947c0.126 0.125 0.197 0.296 0.197 0.473s-0.071 0.348-0.197 0.473l-6.84 6.853z"></path>
+</svg>
diff --git a/app/.vitepress/src/assets/svg-icons/icon-chevron-left.svg b/app/.vitepress/src/assets/svg-icons/icon-chevron-left.svg
new file mode 100644
index 000000000..52bee9e62
--- /dev/null
+++ b/app/.vitepress/src/assets/svg-icons/icon-chevron-left.svg
@@ -0,0 +1,4 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>chevron-left</title>
+<path fill="currentColor"  d="M10.96 16.96c-0.188-0.187-0.293-0.442-0.293-0.707v-0.507c0.003-0.265 0.108-0.518 0.293-0.707l6.853-6.84c0.125-0.126 0.296-0.197 0.473-0.197s0.348 0.071 0.473 0.197l0.947 0.947c0.125 0.123 0.196 0.291 0.196 0.467s-0.071 0.344-0.196 0.467l-5.933 5.92 5.933 5.92c0.126 0.125 0.197 0.296 0.197 0.473s-0.071 0.348-0.197 0.473l-0.947 0.933c-0.125 0.126-0.296 0.197-0.473 0.197s-0.348-0.071-0.473-0.197l-6.853-6.84z"></path>
+</svg>
diff --git a/app/.vitepress/src/assets/svg-icons/icon-chevron-right.svg b/app/.vitepress/src/assets/svg-icons/icon-chevron-right.svg
new file mode 100644
index 000000000..b2ddf7390
--- /dev/null
+++ b/app/.vitepress/src/assets/svg-icons/icon-chevron-right.svg
@@ -0,0 +1,4 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>chevron-right</title>
+<path fill="currentColor"  d="M21.040 15.040c0.188 0.187 0.293 0.442 0.293 0.707v0.507c-0.003 0.265-0.108 0.518-0.293 0.707l-6.853 6.84c-0.125 0.126-0.296 0.197-0.473 0.197s-0.348-0.071-0.473-0.197l-0.947-0.947c-0.125-0.123-0.196-0.291-0.196-0.467s0.071-0.344 0.196-0.467l5.933-5.92-5.933-5.92c-0.126-0.125-0.197-0.296-0.197-0.473s0.071-0.348 0.197-0.473l0.947-0.933c0.125-0.126 0.296-0.197 0.473-0.197s0.348 0.071 0.473 0.197l6.853 6.84z"></path>
+</svg>
diff --git a/app/.vitepress/src/assets/svg-icons/icon-chevron-up.svg b/app/.vitepress/src/assets/svg-icons/icon-chevron-up.svg
new file mode 100644
index 000000000..29bd404e0
--- /dev/null
+++ b/app/.vitepress/src/assets/svg-icons/icon-chevron-up.svg
@@ -0,0 +1,4 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>chevron-up</title>
+<path fill="currentColor"  d="M15.040 10.96c0.187-0.188 0.442-0.293 0.707-0.293h0.507c0.265 0.003 0.518 0.108 0.707 0.293l6.84 6.853c0.126 0.125 0.197 0.296 0.197 0.473s-0.071 0.348-0.197 0.473l-0.947 0.947c-0.123 0.125-0.291 0.196-0.467 0.196s-0.344-0.071-0.467-0.196l-5.92-5.933-5.92 5.933c-0.125 0.126-0.296 0.197-0.473 0.197s-0.348-0.071-0.473-0.197l-0.933-0.947c-0.126-0.125-0.197-0.296-0.197-0.473s0.071-0.348 0.197-0.473l6.84-6.853z"></path>
+</svg>
diff --git a/app/.vitepress/src/assets/svg-icons/icon-comment.svg b/app/.vitepress/src/assets/svg-icons/icon-comment.svg
new file mode 100644
index 000000000..bcfad8936
--- /dev/null
+++ b/app/.vitepress/src/assets/svg-icons/icon-comment.svg
@@ -0,0 +1,4 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>comment</title>
+<path fill="currentColor"  d="M28 15.333v10c0 1.473-1.194 2.667-2.667 2.667h-18.667c-1.473 0-2.667-1.194-2.667-2.667v-18.667c0-1.473 1.194-2.667 2.667-2.667h10c0.368 0 0.667 0.298 0.667 0.667v1.333c0 0.368-0.298 0.667-0.667 0.667h-10v18.667h18.667v-10c0-0.368 0.298-0.667 0.667-0.667h1.333c0.368 0 0.667 0.298 0.667 0.667zM27.613 4.947l-0.56-0.56c-0.248-0.246-0.584-0.385-0.933-0.387h-0.4c-0.35 0.001-0.685 0.14-0.933 0.387l-2.4 2.4c-0.254 0.259-0.254 0.674 0 0.933l1.893 1.893c0.259 0.254 0.674 0.254 0.933 0l2.4-2.4c0.246-0.248 0.385-0.584 0.387-0.933v-0.4c-0.001-0.35-0.14-0.685-0.387-0.933zM10.44 19.053l-1.053 2.667c-0.1 0.248-0.042 0.531 0.147 0.72v0c0.189 0.189 0.472 0.246 0.72 0.147l2.667-1.053c0.339-0.132 0.648-0.331 0.907-0.587l8.84-8.747c0.254-0.259 0.254-0.674 0-0.933l-1.933-1.933c-0.259-0.254-0.674-0.254-0.933 0l-8.773 8.813c-0.255 0.259-0.455 0.568-0.587 0.907z"></path>
+</svg>
diff --git a/app/.vitepress/src/assets/svg-icons/icon-copy.svg b/app/.vitepress/src/assets/svg-icons/icon-copy.svg
new file mode 100644
index 000000000..b04681aea
--- /dev/null
+++ b/app/.vitepress/src/assets/svg-icons/icon-copy.svg
@@ -0,0 +1,4 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>copy</title>
+<path fill="currentColor"  d="M22.667 22.667v-18.667c0-1.473-1.194-2.667-2.667-2.667h-7.68c-1.060 0.001-2.077 0.423-2.827 1.173l-5.653 5.653c-0.75 0.749-1.172 1.766-1.173 2.827v11.68c0 1.473 1.194 2.667 2.667 2.667h14.667c1.473 0 2.667-1.194 2.667-2.667zM5.333 12h6.667c0.736 0 1.333-0.597 1.333-1.333v-6.667h6.667v18.667h-14.667v-10.667zM16.667 16h-8c-0.368 0-0.667 0.298-0.667 0.667v1.333c0 0.368 0.298 0.667 0.667 0.667h8c0.368 0 0.667-0.298 0.667-0.667v-1.333c0-0.368-0.298-0.667-0.667-0.667zM25.333 6.667v18.667c0 1.473-1.194 2.667-2.667 2.667h-14.667c0 1.473 1.194 2.667 2.667 2.667h12c2.946 0 5.333-2.388 5.333-5.333v-16c0-1.473-1.194-2.667-2.667-2.667z"></path>
+</svg>
diff --git a/app/.vitepress/src/assets/svg-icons/icon-dark1.svg b/app/.vitepress/src/assets/svg-icons/icon-dark1.svg
new file mode 100644
index 000000000..9c30f70ae
--- /dev/null
+++ b/app/.vitepress/src/assets/svg-icons/icon-dark1.svg
@@ -0,0 +1,4 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>dark1</title>
+<path fill="currentColor"  d="M10.643 6.363c0.282 3.891 1.958 7.55 4.72 10.302 2.744 2.744 6.384 4.407 10.253 4.684-2.324 3.939-6.85 6.016-11.348 5.207s-8.019-4.333-8.828-8.835c-0.808-4.502 1.267-9.033 5.203-11.358v0zM12.523 2.667h-0.187c-6.218 1.884-10.24 7.902-9.604 14.374s5.751 11.591 12.216 12.227c6.466 0.636 12.479-3.389 14.361-9.613v0c0.064-0.242-0.002-0.499-0.173-0.681l-0.12-0.12c-0.138-0.125-0.321-0.187-0.507-0.174h-0.080c-0.54 0.069-1.083 0.104-1.627 0.107-3.89 0.002-7.595-1.666-10.175-4.58s-3.788-6.795-3.319-10.66c0.015-0.207-0.057-0.41-0.2-0.561l-0.12-0.12c-0.124-0.125-0.291-0.196-0.467-0.2z"></path>
+</svg>
diff --git a/app/.vitepress/src/assets/svg-icons/icon-dark2.svg b/app/.vitepress/src/assets/svg-icons/icon-dark2.svg
new file mode 100644
index 000000000..324001958
--- /dev/null
+++ b/app/.vitepress/src/assets/svg-icons/icon-dark2.svg
@@ -0,0 +1,4 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>dark2</title>
+<path fill="currentColor"  d="M29.333 19.664c-1.884 6.218-7.902 10.24-14.374 9.604s-11.591-5.751-12.227-12.216c-0.636-6.465 3.389-12.479 9.613-14.361v0c0.242-0.064 0.499 0.002 0.681 0.173l0.12 0.12c0.143 0.15 0.216 0.353 0.2 0.56-0.514 4.144 0.909 8.294 3.859 11.252s7.098 4.394 11.248 3.895c0.207-0.015 0.41 0.057 0.561 0.2l0.12 0.12c0.172 0.181 0.238 0.439 0.174 0.68l0.027-0.027z"></path>
+</svg>
diff --git a/app/.vitepress/src/assets/svg-icons/icon-delete.svg b/app/.vitepress/src/assets/svg-icons/icon-delete.svg
new file mode 100644
index 000000000..40827cd99
--- /dev/null
+++ b/app/.vitepress/src/assets/svg-icons/icon-delete.svg
@@ -0,0 +1,4 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>delete</title>
+<path fill="currentColor"  d="M26.667 6v1.333c0 0.368-0.298 0.667-0.667 0.667h-20c-0.368 0-0.667-0.298-0.667-0.667v-1.333c0-0.368 0.298-0.667 0.667-0.667h6v-1.333c0-0.736 0.597-1.333 1.333-1.333h5.333c0.736 0 1.333 0.597 1.333 1.333v1.333h6c0.368 0 0.667 0.298 0.667 0.667zM21.707 24h-11.413l-0.96-13.333h-2.667l1.16 16.187c0.098 1.399 1.264 2.483 2.667 2.48h11.040c1.403 0.003 2.568-1.081 2.667-2.48l1.133-16.187h-2.667l-0.96 13.333z"></path>
+</svg>
diff --git a/app/.vitepress/src/assets/svg-icons/icon-dividers.svg b/app/.vitepress/src/assets/svg-icons/icon-dividers.svg
new file mode 100644
index 000000000..2509bf149
--- /dev/null
+++ b/app/.vitepress/src/assets/svg-icons/icon-dividers.svg
@@ -0,0 +1,4 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>dividers</title>
+<path fill="currentColor"  d="M12.137 4.561l10.143 21.751-2.417 1.127-10.143-21.751 2.417-1.127z"></path>
+</svg>
diff --git a/app/.vitepress/src/assets/svg-icons/icon-doc.svg b/app/.vitepress/src/assets/svg-icons/icon-doc.svg
new file mode 100644
index 000000000..44b0f8077
--- /dev/null
+++ b/app/.vitepress/src/assets/svg-icons/icon-doc.svg
@@ -0,0 +1,4 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>doc</title>
+<path fill="currentColor"  d="M24 2.667h-9.013c-1.060 0.001-2.077 0.423-2.827 1.173l-5.653 5.653c-0.75 0.749-1.172 1.766-1.173 2.827v14.347c0 1.473 1.194 2.667 2.667 2.667h16c1.473 0 2.667-1.194 2.667-2.667v-21.333c0-1.473-1.194-2.667-2.667-2.667zM24 26.667h-16v-13.333h6.667c0.736 0 1.333-0.597 1.333-1.333v-6.667h8v21.333zM10.667 16.667v1.333c0 0.368 0.298 0.667 0.667 0.667h9.333c0.368 0 0.667-0.298 0.667-0.667v-1.333c0-0.368-0.298-0.667-0.667-0.667h-9.333c-0.368 0-0.667 0.298-0.667 0.667zM16.667 21.333h-5.333c-0.368 0-0.667 0.298-0.667 0.667v1.333c0 0.368 0.298 0.667 0.667 0.667h5.333c0.368 0 0.667-0.298 0.667-0.667v-1.333c0-0.368-0.298-0.667-0.667-0.667z"></path>
+</svg>
diff --git a/app/.vitepress/src/assets/svg-icons/icon-done-outline.svg b/app/.vitepress/src/assets/svg-icons/icon-done-outline.svg
new file mode 100644
index 000000000..22d49d60e
--- /dev/null
+++ b/app/.vitepress/src/assets/svg-icons/icon-done-outline.svg
@@ -0,0 +1,4 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>done-outline</title>
+<path fill="currentColor"  d="M16 2.667c-7.364 0-13.333 5.97-13.333 13.333s5.97 13.333 13.333 13.333c7.364 0 13.333-5.97 13.333-13.333 0-3.536-1.405-6.928-3.905-9.428s-5.892-3.905-9.428-3.905zM16 26.667c-5.891 0-10.667-4.776-10.667-10.667s4.776-10.667 10.667-10.667c5.891 0 10.667 4.776 10.667 10.667 0 2.829-1.124 5.542-3.124 7.542s-4.713 3.124-7.542 3.124zM21.093 11.32c-0.259-0.254-0.674-0.254-0.933 0l-6.32 6.32-2-1.987c-0.121-0.129-0.29-0.202-0.467-0.202s-0.346 0.073-0.467 0.202l-0.707 0.707c-0.126 0.125-0.197 0.296-0.197 0.473s0.071 0.348 0.197 0.473l3.133 3.16c0.121 0.129 0.29 0.202 0.467 0.202s0.346-0.073 0.467-0.202l7.493-7.493c0.126-0.125 0.197-0.296 0.197-0.473s-0.071-0.348-0.197-0.473l-0.667-0.707z"></path>
+</svg>
diff --git a/app/.vitepress/src/assets/svg-icons/icon-done-solid.svg b/app/.vitepress/src/assets/svg-icons/icon-done-solid.svg
new file mode 100644
index 000000000..e17ccdb88
--- /dev/null
+++ b/app/.vitepress/src/assets/svg-icons/icon-done-solid.svg
@@ -0,0 +1,4 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>done-solid</title>
+<path fill="currentColor"  d="M16 2.667c-7.364 0-13.333 5.97-13.333 13.333s5.97 13.333 13.333 13.333c7.364 0 13.333-5.97 13.333-13.333 0-3.536-1.405-6.928-3.905-9.428s-5.892-3.905-9.428-3.905zM21.8 12.973l-7.493 7.493c-0.121 0.129-0.29 0.202-0.467 0.202s-0.346-0.073-0.467-0.202l-3.173-3.133c-0.126-0.125-0.197-0.296-0.197-0.473s0.071-0.348 0.197-0.473l0.707-0.707c0.121-0.129 0.29-0.202 0.467-0.202s0.346 0.073 0.467 0.202l2 1.987 6.32-6.32c0.259-0.254 0.674-0.254 0.933 0l0.707 0.707c0.245 0.258 0.245 0.662 0 0.92z"></path>
+</svg>
diff --git a/app/.vitepress/src/assets/svg-icons/icon-done.svg b/app/.vitepress/src/assets/svg-icons/icon-done.svg
new file mode 100644
index 000000000..e295ef2ed
--- /dev/null
+++ b/app/.vitepress/src/assets/svg-icons/icon-done.svg
@@ -0,0 +1,4 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>done</title>
+<path fill="currentColor"  d="M27.797 10.085l-14.133 14.133c-0.125 0.126-0.296 0.197-0.473 0.197s-0.348-0.071-0.473-0.197l-7.187-7.187c-0.126-0.125-0.197-0.296-0.197-0.473s0.071-0.348 0.197-0.473l0.933-0.933c0.125-0.126 0.296-0.197 0.473-0.197s0.348 0.071 0.473 0.197l5.773 5.773 12.733-12.733c0.264-0.256 0.683-0.256 0.947 0l0.933 0.947c0.126 0.125 0.197 0.296 0.197 0.473s-0.071 0.348-0.197 0.473z"></path>
+</svg>
diff --git a/app/.vitepress/src/assets/svg-icons/icon-download.svg b/app/.vitepress/src/assets/svg-icons/icon-download.svg
new file mode 100644
index 000000000..fc5d0ab85
--- /dev/null
+++ b/app/.vitepress/src/assets/svg-icons/icon-download.svg
@@ -0,0 +1,4 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>download</title>
+<path fill="currentColor"  d="M15.067 22.4c0.133 0.133 0.4 0.267 0.667 0.267h0.533c0.267 0 0.533-0.133 0.667-0.267l6.8-6.8c0.267-0.267 0.267-0.667 0-0.933 0 0 0 0 0 0l-0.933-0.933c-0.267-0.267-0.667-0.267-0.933 0 0 0 0 0 0 0l-4.533 4.533v-13.6c0-0.4-0.267-0.667-0.667-0.667h-1.333c-0.4 0-0.667 0.267-0.667 0.667v13.6l-4.533-4.533c-0.267-0.4-0.8-0.4-0.933-0.133 0 0 0 0 0 0l-0.933 0.933c-0.267 0.267-0.267 0.667 0 0.933 0 0 0 0 0 0l6.8 6.933zM28 25.333h-24v2.667h24v-2.667z"></path>
+</svg>
diff --git a/app/.vitepress/src/assets/svg-icons/icon-ellipsis.svg b/app/.vitepress/src/assets/svg-icons/icon-ellipsis.svg
new file mode 100644
index 000000000..a55a52f95
--- /dev/null
+++ b/app/.vitepress/src/assets/svg-icons/icon-ellipsis.svg
@@ -0,0 +1,6 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>ellipsis</title>
+<path fill="currentColor"  d="M18.667 16c0 1.473-1.194 2.667-2.667 2.667s-2.667-1.194-2.667-2.667c0-1.473 1.194-2.667 2.667-2.667s2.667 1.194 2.667 2.667z"></path>
+<path fill="currentColor"  d="M29.333 16c0 1.473-1.194 2.667-2.667 2.667s-2.667-1.194-2.667-2.667c0-1.473 1.194-2.667 2.667-2.667s2.667 1.194 2.667 2.667z"></path>
+<path fill="currentColor"  d="M8 16c0 1.473-1.194 2.667-2.667 2.667s-2.667-1.194-2.667-2.667c0-1.473 1.194-2.667 2.667-2.667s2.667 1.194 2.667 2.667z"></path>
+</svg>
diff --git a/app/.vitepress/src/assets/svg-icons/icon-home.svg b/app/.vitepress/src/assets/svg-icons/icon-home.svg
new file mode 100644
index 000000000..7da985cf1
--- /dev/null
+++ b/app/.vitepress/src/assets/svg-icons/icon-home.svg
@@ -0,0 +1,4 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>home</title>
+<path fill="currentColor"  d="M2.667 18c0 0.368 0.298 0.667 0.667 0.667h2v8c0 0.736 0.597 1.333 1.333 1.333h6.667c0.736 0 1.333-0.597 1.333-1.333v-6.333c0-0.184 0.149-0.333 0.333-0.333h2c0.184 0 0.333 0.149 0.333 0.333v6.333c0 0.736 0.597 1.333 1.333 1.333h6.667c0.736 0 1.333-0.597 1.333-1.333v-8h2c0.368 0 0.667-0.298 0.667-0.667v-2.787c-0.001-0.35-0.14-0.685-0.387-0.933l-9.893-9.893c-0.248-0.246-0.584-0.385-0.933-0.387h-4.24c-0.35 0.001-0.685 0.14-0.933 0.387l-9.893 9.893c-0.246 0.248-0.385 0.584-0.387 0.933v2.787zM20 25.333v-6.667c0-0.736-0.597-1.333-1.333-1.333h-5.333c-0.736 0-1.333 0.597-1.333 1.333v6.667h-4v-8.667c0-0.368-0.298-0.667-0.667-0.667h-1.933c0.043-0.232 0.155-0.445 0.32-0.613l8.72-8.72h3.12l8.72 8.72c0.19 0.159 0.325 0.374 0.387 0.613h-2c-0.368 0-0.667 0.298-0.667 0.667v8.667h-4z"></path>
+</svg>
diff --git a/app/.vitepress/src/assets/svg-icons/icon-light1.svg b/app/.vitepress/src/assets/svg-icons/icon-light1.svg
new file mode 100644
index 000000000..e74868f38
--- /dev/null
+++ b/app/.vitepress/src/assets/svg-icons/icon-light1.svg
@@ -0,0 +1,4 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>light1</title>
+<path fill="currentColor"  d="M16 12c2.209 0 4 1.791 4 4s-1.791 4-4 4c-2.209 0-4-1.791-4-4s1.791-4 4-4v0zM16 9.333c-3.682 0-6.667 2.985-6.667 6.667s2.985 6.667 6.667 6.667c3.682 0 6.667-2.985 6.667-6.667s-2.985-6.667-6.667-6.667v0zM15.333 6.667h1.333c0.368 0 0.667-0.298 0.667-0.667v-2.667c0-0.368-0.298-0.667-0.667-0.667h-1.333c-0.368 0-0.667 0.298-0.667 0.667v2.667c0 0.368 0.298 0.667 0.667 0.667zM16.667 25.333h-1.333c-0.368 0-0.667 0.298-0.667 0.667v2.667c0 0.368 0.298 0.667 0.667 0.667h1.333c0.368 0 0.667-0.298 0.667-0.667v-2.667c0-0.368-0.298-0.667-0.667-0.667zM28.667 14.667h-2.667c-0.368 0-0.667 0.298-0.667 0.667v1.333c0 0.368 0.298 0.667 0.667 0.667h2.667c0.368 0 0.667-0.298 0.667-0.667v-1.333c0-0.368-0.298-0.667-0.667-0.667zM6.667 16.667v-1.333c0-0.368-0.298-0.667-0.667-0.667h-2.667c-0.368 0-0.667 0.298-0.667 0.667v1.333c0 0.368 0.298 0.667 0.667 0.667h2.667c0.368 0 0.667-0.298 0.667-0.667zM23.067 9.867c0.125 0.126 0.296 0.197 0.473 0.197s0.348-0.071 0.473-0.197l1.88-1.867c0.126-0.125 0.197-0.296 0.197-0.473s-0.071-0.348-0.197-0.473l-0.933-0.933c-0.125-0.126-0.296-0.197-0.473-0.197s-0.348 0.071-0.473 0.197l-1.88 1.88c-0.126 0.125-0.197 0.296-0.197 0.473s0.071 0.348 0.197 0.473l0.933 0.92zM8.933 22.133c-0.125-0.126-0.296-0.197-0.473-0.197s-0.348 0.071-0.473 0.197l-1.88 1.867c-0.126 0.125-0.197 0.296-0.197 0.473s0.071 0.348 0.197 0.473l0.933 0.933c0.125 0.126 0.296 0.197 0.473 0.197s0.348-0.071 0.473-0.197l1.88-1.88c0.126-0.125 0.197-0.296 0.197-0.473s-0.071-0.348-0.197-0.473l-0.933-0.92zM24 22.133c-0.125-0.126-0.296-0.197-0.473-0.197s-0.348 0.071-0.473 0.197l-0.933 0.933c-0.126 0.125-0.197 0.296-0.197 0.473s0.071 0.348 0.197 0.473l1.88 1.88c0.125 0.126 0.296 0.197 0.473 0.197s0.348-0.071 0.473-0.197l0.933-0.933c0.126-0.125 0.197-0.296 0.197-0.473s-0.071-0.348-0.197-0.473l-1.88-1.88zM8 9.867c0.125 0.126 0.296 0.197 0.473 0.197s0.348-0.071 0.473-0.197l0.933-0.933c0.25-0.263 0.245-0.678-0.013-0.933l-1.867-1.893c-0.125-0.126-0.296-0.197-0.473-0.197s-0.348 0.071-0.473 0.197l-0.933 0.933c-0.126 0.125-0.197 0.296-0.197 0.473s0.071 0.348 0.197 0.473l1.88 1.88z"></path>
+</svg>
diff --git a/app/.vitepress/src/assets/svg-icons/icon-light2.svg b/app/.vitepress/src/assets/svg-icons/icon-light2.svg
new file mode 100644
index 000000000..a0c79d7f2
--- /dev/null
+++ b/app/.vitepress/src/assets/svg-icons/icon-light2.svg
@@ -0,0 +1,4 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>light2</title>
+<path fill="currentColor"  d="M22.667 16c0 3.682-2.985 6.667-6.667 6.667s-6.667-2.985-6.667-6.667c0-3.682 2.985-6.667 6.667-6.667s6.667 2.985 6.667 6.667v0zM15.333 6.667h1.333c0.368 0 0.667-0.298 0.667-0.667v-1.333c0-0.368-0.298-0.667-0.667-0.667h-1.333c-0.368 0-0.667 0.298-0.667 0.667v1.333c0 0.368 0.298 0.667 0.667 0.667zM16.667 25.333h-1.333c-0.368 0-0.667 0.298-0.667 0.667v1.333c0 0.368 0.298 0.667 0.667 0.667h1.333c0.368 0 0.667-0.298 0.667-0.667v-1.333c0-0.368-0.298-0.667-0.667-0.667zM27.333 14.667h-1.333c-0.368 0-0.667 0.298-0.667 0.667v1.333c0 0.368 0.298 0.667 0.667 0.667h1.333c0.368 0 0.667-0.298 0.667-0.667v-1.333c0-0.368-0.298-0.667-0.667-0.667zM6 14.667h-1.333c-0.368 0-0.667 0.298-0.667 0.667v1.333c0 0.368 0.298 0.667 0.667 0.667h1.333c0.368 0 0.667-0.298 0.667-0.667v-1.333c0-0.368-0.298-0.667-0.667-0.667zM24 7.040c-0.264-0.256-0.683-0.256-0.947 0l-0.92 0.96c-0.126 0.125-0.197 0.296-0.197 0.473s0.071 0.348 0.197 0.473l0.933 0.933c0.125 0.126 0.296 0.197 0.473 0.197s0.348-0.071 0.473-0.197l0.947-0.933c0.256-0.264 0.256-0.683 0-0.947l-0.96-0.96zM8.933 22.133c-0.125-0.126-0.296-0.197-0.473-0.197s-0.348 0.071-0.473 0.197l-0.947 0.933c-0.256 0.264-0.256 0.683 0 0.947l0.947 0.947c0.264 0.256 0.683 0.256 0.947 0l0.933-0.96c0.126-0.125 0.197-0.296 0.197-0.473s-0.071-0.348-0.197-0.473l-0.933-0.92zM24 22.133c-0.125-0.126-0.296-0.197-0.473-0.197s-0.348 0.071-0.473 0.197l-0.933 0.933c-0.126 0.125-0.197 0.296-0.197 0.473s0.071 0.348 0.197 0.473l0.933 0.947c0.264 0.256 0.683 0.256 0.947 0l0.947-0.947c0.256-0.264 0.256-0.683 0-0.947l-0.947-0.933zM8 9.867c0.125 0.126 0.296 0.197 0.473 0.197s0.348-0.071 0.473-0.197l0.933-0.933c0.25-0.263 0.245-0.678-0.013-0.933l-0.933-0.947c-0.264-0.256-0.683-0.256-0.947 0l-0.947 0.947c-0.256 0.264-0.256 0.683 0 0.947l0.96 0.92z"></path>
+</svg>
diff --git a/app/.vitepress/src/assets/svg-icons/icon-link.svg b/app/.vitepress/src/assets/svg-icons/icon-link.svg
new file mode 100644
index 000000000..3414d33f1
--- /dev/null
+++ b/app/.vitepress/src/assets/svg-icons/icon-link.svg
@@ -0,0 +1,4 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>link</title>
+<path fill="currentColor"  d="M11.533 18.587l7.053-7.053c0.125-0.126 0.296-0.197 0.473-0.197s0.348 0.071 0.473 0.197l0.933 0.933c0.126 0.125 0.197 0.296 0.197 0.473s-0.071 0.348-0.197 0.473l-7.053 7.053c-0.125 0.126-0.296 0.197-0.473 0.197s-0.348-0.071-0.473-0.197l-0.933-0.933c-0.126-0.125-0.197-0.296-0.197-0.473s0.071-0.348 0.197-0.473zM28 10.213v0.453c0.001 1.421-0.565 2.785-1.573 3.787l-3.76 3.773c-0.702 0.695-1.832 0.695-2.533 0l-0.133-0.147c-0.254-0.259-0.254-0.674 0-0.933l4.587-4.587c0.489-0.508 0.758-1.188 0.747-1.893v-0.453c0.001-0.711-0.283-1.392-0.787-1.893l-0.867-0.867c-0.501-0.504-1.183-0.787-1.893-0.787h-0.453c-0.711-0.001-1.392 0.283-1.893 0.787l-4.587 4.547c-0.259 0.254-0.674 0.254-0.933 0l-0.147-0.147c-0.695-0.702-0.695-1.832 0-2.533l3.773-3.787c1.009-0.993 2.371-1.545 3.787-1.533h0.453c1.415-0.001 2.772 0.56 3.773 1.56l0.88 0.88c1 1.001 1.561 2.358 1.56 3.773zM17.147 20c0.259-0.254 0.674-0.254 0.933 0l0.147 0.147c0.695 0.702 0.695 1.832 0 2.533l-3.8 3.8c-1.004 0.982-2.355 1.528-3.76 1.52h-0.453c-1.415 0.001-2.772-0.56-3.773-1.56l-0.88-0.88c-0.997-0.998-1.558-2.35-1.56-3.76v-0.467c-0.001-1.421 0.565-2.785 1.573-3.787l3.76-3.773c0.702-0.695 1.832-0.695 2.533 0l0.147 0.147c0.254 0.259 0.254 0.674 0 0.933l-4.56 4.587c-0.504 0.501-0.787 1.183-0.787 1.893v0.453c-0.001 0.711 0.283 1.392 0.787 1.893l0.867 0.867c0.501 0.504 1.183 0.787 1.893 0.787h0.453c0.715 0.004 1.402-0.279 1.907-0.787l4.573-4.547z"></path>
+</svg>
diff --git a/app/.vitepress/src/assets/svg-icons/icon-live-streaming.svg b/app/.vitepress/src/assets/svg-icons/icon-live-streaming.svg
new file mode 100644
index 000000000..8212eddb7
--- /dev/null
+++ b/app/.vitepress/src/assets/svg-icons/icon-live-streaming.svg
@@ -0,0 +1,4 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>live-streaming</title>
+<path fill="currentColor"  d="M18.667 6.667c1.473 0 2.667 1.194 2.667 2.667v2.842l5.78-3.362c0.329-0.232 0.711-0.378 1.11-0.424 0.127-0.001 0.252 0.032 0.362 0.097l0.302 0.17c0.276 0.166 0.445 0.465 0.446 0.788v13.115c-0.001 0.323-0.17 0.622-0.446 0.788l-0.302 0.17c-0.116 0.073-0.25 0.111-0.386 0.109-0.322-0.039-0.63-0.16-0.893-0.352l-5.973-3.488v2.881c0 1.473-1.194 2.667-2.667 2.667h-13.333c-1.473 0-2.667-1.194-2.667-2.667v-13.333c0-1.473 1.194-2.667 2.667-2.667h13.333zM17.333 9.333h-10.667c-0.684 0-1.247 0.515-1.324 1.178l-0.009 0.155v10.667c0 0.684 0.515 1.247 1.178 1.324l0.155 0.009h10.667c0.684 0 1.247-0.515 1.324-1.178l0.009-0.155v-10.667c0-0.736-0.597-1.333-1.333-1.333zM26.715 12.071l-5.382 3.171v1.515l5.382 3.172v-7.858zM13.333 12v2.667h-5.333v-2.667h5.333z"></path>
+</svg>
diff --git a/app/.vitepress/src/assets/svg-icons/icon-mail.svg b/app/.vitepress/src/assets/svg-icons/icon-mail.svg
new file mode 100644
index 000000000..f16e057c9
--- /dev/null
+++ b/app/.vitepress/src/assets/svg-icons/icon-mail.svg
@@ -0,0 +1,4 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>icon-mail</title>
+<path fill="currentColor"  d="M26.667 5.333h-21.333c-1.473 0-2.667 1.194-2.667 2.667v16c0 1.473 1.194 2.667 2.667 2.667h21.333c1.473 0 2.667-1.194 2.667-2.667v-16c0-1.473-1.194-2.667-2.667-2.667zM26.667 8v3.867l-9.8 6.867c-0.521 0.362-1.212 0.362-1.733 0l-9.8-6.867v-3.867h21.333zM5.333 24v-9.333l8.467 5.92c1.321 0.924 3.079 0.924 4.4 0l8.467-5.92v9.333h-21.333z"></path>
+</svg>
diff --git a/app/.vitepress/src/assets/svg-icons/icon-more.svg b/app/.vitepress/src/assets/svg-icons/icon-more.svg
new file mode 100644
index 000000000..c5b5317fa
--- /dev/null
+++ b/app/.vitepress/src/assets/svg-icons/icon-more.svg
@@ -0,0 +1,4 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>more</title>
+<path fill="currentColor"  d="M27.333 9.333h-22.667c-0.368 0-0.667-0.298-0.667-0.667v-1.333c0-0.368 0.298-0.667 0.667-0.667h22.667c0.368 0 0.667 0.298 0.667 0.667v1.333c0 0.368-0.298 0.667-0.667 0.667zM28 16.667v-1.333c0-0.368-0.298-0.667-0.667-0.667h-22.667c-0.368 0-0.667 0.298-0.667 0.667v1.333c0 0.368 0.298 0.667 0.667 0.667h22.667c0.368 0 0.667-0.298 0.667-0.667zM28 24.667v-1.333c0-0.368-0.298-0.667-0.667-0.667h-22.667c-0.368 0-0.667 0.298-0.667 0.667v1.333c0 0.368 0.298 0.667 0.667 0.667h22.667c0.368 0 0.667-0.298 0.667-0.667z"></path>
+</svg>
diff --git a/app/.vitepress/src/assets/svg-icons/icon-refresh.svg b/app/.vitepress/src/assets/svg-icons/icon-refresh.svg
new file mode 100644
index 000000000..2acdac4c4
--- /dev/null
+++ b/app/.vitepress/src/assets/svg-icons/icon-refresh.svg
@@ -0,0 +1,4 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>refresh</title>
+<path fill="currentColor"  d="M27.327 13.329h-6.667c-0.368 0-0.667-0.298-0.667-0.667v-0.387c-0.003-0.181 0.070-0.355 0.2-0.48l2.373-2.373c-1.734-1.762-4.101-2.756-6.573-2.76-5.070 0.011-9.204 4.069-9.31 9.138s3.855 9.296 8.92 9.519c5.066 0.223 9.383-3.639 9.723-8.698 0.021-0.352 0.314-0.627 0.667-0.627h1.333c0.182 0.005 0.354 0.082 0.48 0.213 0.123 0.134 0.185 0.312 0.173 0.493-0.331 5.649-4.564 10.3-10.158 11.159s-11.027-2.306-13.038-7.596c-2.011-5.29-0.054-11.265 4.697-14.34s11.004-2.412 15.005 1.59l1.987-1.987c0.122-0.127 0.291-0.199 0.467-0.2h0.387c0.368 0 0.667 0.298 0.667 0.667v6.667c0 0.368-0.298 0.667-0.667 0.667z"></path>
+</svg>
diff --git a/app/.vitepress/src/assets/svg-icons/icon-required-fields.svg b/app/.vitepress/src/assets/svg-icons/icon-required-fields.svg
new file mode 100644
index 000000000..af1ab576e
--- /dev/null
+++ b/app/.vitepress/src/assets/svg-icons/icon-required-fields.svg
@@ -0,0 +1,4 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>required-fields</title>
+<path fill="currentColor"  d="M19.333 22.14l1.579-1.257-3.626-4.298 5.38-1.608-0.643-1.93-5.205 1.988 0.205-5.702h-2.047l0.234 5.702-5.234-1.988-0.643 1.93 5.38 1.608-3.626 4.298 1.579 1.257 3.333-4.62z"></path>
+</svg>
diff --git a/app/.vitepress/src/assets/svg-icons/icon-search.svg b/app/.vitepress/src/assets/svg-icons/icon-search.svg
new file mode 100644
index 000000000..846548ace
--- /dev/null
+++ b/app/.vitepress/src/assets/svg-icons/icon-search.svg
@@ -0,0 +1,4 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>search</title>
+<path fill="currentColor"  d="M14.667 4c5.891 0 10.667 4.776 10.667 10.667 0 2.464-0.836 4.733-2.239 6.539l4.448 4.451-1.886 1.886-4.449-4.449c-1.806 1.404-4.076 2.24-6.541 2.24-5.891 0-10.667-4.776-10.667-10.667s4.776-10.667 10.667-10.667zM14.667 6.667c-4.418 0-8 3.582-8 8s3.582 8 8 8c4.418 0 8-3.582 8-8s-3.582-8-8-8z"></path>
+</svg>
diff --git a/app/.vitepress/src/assets/svg-icons/icon-star-outlined.svg b/app/.vitepress/src/assets/svg-icons/icon-star-outlined.svg
new file mode 100644
index 000000000..edcc7c2fe
--- /dev/null
+++ b/app/.vitepress/src/assets/svg-icons/icon-star-outlined.svg
@@ -0,0 +1,4 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>star-outlined</title>
+<path fill="currentColor"  d="M18.473 13.16l6.396 0.507-4.88 4.173 1.489 6.24-5.478-3.347-5.492 3.347 1.503-6.24-4.88-4.173 6.396-0.507 2.473-5.947 2.473 5.947zM15.827 2.667c-0.28-0.004-0.534 0.166-0.638 0.427l-3.258 7.853-8.497 0.68c-0.273 0.017-0.507 0.203-0.585 0.467l-0.146 0.333c-0.090 0.258-0.011 0.546 0.199 0.72l6.449 5.52-1.915 8.293c-0.065 0.265 0.035 0.543 0.253 0.707l0.332 0.2c0.114 0.089 0.255 0.136 0.399 0.133 0.122 0.002 0.242-0.030 0.346-0.093l7.233-4.44 7.273 4.44c0.104 0.064 0.224 0.096 0.346 0.093 0.144 0.003 0.285-0.044 0.399-0.133l0.293-0.2c0.218-0.163 0.317-0.442 0.253-0.707l-1.915-8.293 6.462-5.533c0.2-0.175 0.274-0.455 0.186-0.707l-0.106-0.333c-0.078-0.263-0.312-0.45-0.585-0.467l-8.497-0.68-3.311-7.853c-0.096-0.261-0.347-0.433-0.625-0.427h-0.346z"></path>
+</svg>
diff --git a/app/.vitepress/src/assets/svg-icons/icon-star-solid.svg b/app/.vitepress/src/assets/svg-icons/icon-star-solid.svg
new file mode 100644
index 000000000..aedbbb1b6
--- /dev/null
+++ b/app/.vitepress/src/assets/svg-icons/icon-star-solid.svg
@@ -0,0 +1,4 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>star-solid</title>
+<path fill="currentColor"  d="M2.935 13.139c-0.225-0.164-0.322-0.453-0.24-0.719l0.107-0.333c0.078-0.263 0.312-0.45 0.586-0.466l8.512-0.679 3.264-7.846c0.109-0.275 0.384-0.447 0.679-0.426h0.346c0.278-0.006 0.53 0.165 0.626 0.426l3.277 7.846 8.512 0.679c0.274 0.017 0.508 0.203 0.586 0.466l0.107 0.333c0.091 0.258 0.011 0.545-0.2 0.719l-6.42 5.515 1.971 8.273c0.065 0.265-0.035 0.543-0.253 0.706l-0.386 0.213c-0.225 0.152-0.521 0.152-0.746 0l-7.246-4.396-7.286 4.436c-0.225 0.152-0.521 0.152-0.746 0l-0.293-0.2c-0.218-0.163-0.318-0.441-0.253-0.706l1.918-8.326-6.42-5.515z"></path>
+</svg>
diff --git a/app/.vitepress/src/assets/svg-icons/icon-tag.svg b/app/.vitepress/src/assets/svg-icons/icon-tag.svg
new file mode 100644
index 000000000..c371c2bb4
--- /dev/null
+++ b/app/.vitepress/src/assets/svg-icons/icon-tag.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>icontag</title>
+<path fill="currentColor" d="M27.613 4.547l-0.16-0.16c-0.256-0.244-0.594-0.382-0.947-0.387h-10.6c-0.711-0.001-1.392 0.283-1.893 0.787l-9.627 9.627c-0.517 0.52-0.517 1.36 0 1.88l11.32 11.32c0.52 0.517 1.36 0.517 1.88 0l9.627-9.627c0.504-0.501 0.787-1.183 0.787-1.893v-10.6c-0.005-0.353-0.143-0.691-0.387-0.947zM25.333 16.093l-8.68 8.693-9.44-9.44 8.693-8.68h9.427v9.427zM20 14.667c1.473 0 2.667-1.194 2.667-2.667s-1.194-2.667-2.667-2.667c-1.473 0-2.667 1.194-2.667 2.667s1.194 2.667 2.667 2.667z"></path>
+</svg>
diff --git a/app/.vitepress/src/assets/svg-icons/icon-time.svg b/app/.vitepress/src/assets/svg-icons/icon-time.svg
new file mode 100644
index 000000000..314459da8
--- /dev/null
+++ b/app/.vitepress/src/assets/svg-icons/icon-time.svg
@@ -0,0 +1,4 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>time</title>
+<path fill="currentColor"  d="M16 2.667c-7.364 0-13.333 5.97-13.333 13.333s5.97 13.333 13.333 13.333c7.364 0 13.333-5.97 13.333-13.333 0-3.536-1.405-6.928-3.905-9.428s-5.892-3.905-9.428-3.905zM16 26.667c-5.891 0-10.667-4.776-10.667-10.667s4.776-10.667 10.667-10.667c5.891 0 10.667 4.776 10.667 10.667 0 2.829-1.124 5.542-3.124 7.542s-4.713 3.124-7.542 3.124zM17.173 15.52v-6.853c0-0.368-0.298-0.667-0.667-0.667h-1.013c-0.368 0-0.667 0.298-0.667 0.667v7.547c0.007 0.175 0.078 0.341 0.2 0.467l5.333 5.333c0.264 0.256 0.683 0.256 0.947 0l0.707-0.707c0.256-0.264 0.256-0.683 0-0.947l-4.84-4.84z"></path>
+</svg>
diff --git a/app/.vitepress/src/assets/svg-icons/icon-tips.svg b/app/.vitepress/src/assets/svg-icons/icon-tips.svg
new file mode 100644
index 000000000..353019407
--- /dev/null
+++ b/app/.vitepress/src/assets/svg-icons/icon-tips.svg
@@ -0,0 +1,4 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>tips</title>
+<path fill="currentColor"  d="M16 2.667c-7.364 0-13.333 5.97-13.333 13.333s5.97 13.333 13.333 13.333c7.364 0 13.333-5.97 13.333-13.333 0-3.536-1.405-6.928-3.905-9.428s-5.892-3.905-9.428-3.905zM16 26.667c-5.891 0-10.667-4.776-10.667-10.667s4.776-10.667 10.667-10.667c5.891 0 10.667 4.776 10.667 10.667 0 2.829-1.124 5.542-3.124 7.542s-4.713 3.124-7.542 3.124zM16.667 21.333h-1.333c-0.368 0-0.667 0.298-0.667 0.667v1.333c0 0.368 0.298 0.667 0.667 0.667h1.333c0.368 0 0.667-0.298 0.667-0.667v-1.333c0-0.368-0.298-0.667-0.667-0.667zM21.173 12c0-2.121-1.719-3.84-3.84-3.84h-2.667c-2.121 0-3.84 1.719-3.84 3.84v0.667c0 0.368 0.298 0.667 0.667 0.667h1.013c0.368 0 0.667-0.298 0.667-0.667v-0.667c0-0.396 0.157-0.776 0.437-1.056s0.66-0.437 1.056-0.437h2.667c0.825 0 1.493 0.669 1.493 1.493v0.747c0.001 0.643-0.406 1.216-1.013 1.427l-1.267 0.413c-1.024 0.339-1.717 1.295-1.72 2.373v1.040c0 0.368 0.298 0.667 0.667 0.667h1.013c0.368 0 0.667-0.298 0.667-0.667v-1.040c0.006-0.086 0.074-0.154 0.16-0.16l1.267-0.413c1.581-0.512 2.655-1.979 2.667-3.64l-0.093-0.747z"></path>
+</svg>
diff --git a/app/.vitepress/src/assets/svg-icons/icon-toggle-off.svg b/app/.vitepress/src/assets/svg-icons/icon-toggle-off.svg
new file mode 100644
index 000000000..0649a7e4d
--- /dev/null
+++ b/app/.vitepress/src/assets/svg-icons/icon-toggle-off.svg
@@ -0,0 +1,4 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>toggle-off</title>
+<path fill="currentColor"  d="M21.333 8h-10.667c-4.418 0-8 3.582-8 8s3.582 8 8 8h10.667c4.418 0 8-3.582 8-8s-3.582-8-8-8zM10.667 21.333c-2.946 0-5.333-2.388-5.333-5.333s2.388-5.333 5.333-5.333c2.946 0 5.333 2.388 5.333 5.333 0 1.415-0.562 2.771-1.562 3.771s-2.357 1.562-3.771 1.562z"></path>
+</svg>
diff --git a/app/.vitepress/src/assets/svg-icons/icon-toggle-on.svg b/app/.vitepress/src/assets/svg-icons/icon-toggle-on.svg
new file mode 100644
index 000000000..4c26e9e81
--- /dev/null
+++ b/app/.vitepress/src/assets/svg-icons/icon-toggle-on.svg
@@ -0,0 +1,4 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>toggle-on</title>
+<path fill="currentColor"  d="M21.333 8h-10.667c-4.418 0-8 3.582-8 8s3.582 8 8 8h10.667c4.418 0 8-3.582 8-8s-3.582-8-8-8zM21.333 21.333c-2.946 0-5.333-2.388-5.333-5.333s2.388-5.333 5.333-5.333c2.946 0 5.333 2.388 5.333 5.333 0 1.415-0.562 2.771-1.562 3.771s-2.357 1.562-3.771 1.562z"></path>
+</svg>
diff --git a/app/.vitepress/src/assets/svg-icons/icon-unchecked.svg b/app/.vitepress/src/assets/svg-icons/icon-unchecked.svg
new file mode 100644
index 000000000..1c36619f7
--- /dev/null
+++ b/app/.vitepress/src/assets/svg-icons/icon-unchecked.svg
@@ -0,0 +1,4 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>unchecked</title>
+<path fill="currentColor"  d="M16 2.667c7.364 0 13.333 5.97 13.333 13.333s-5.97 13.333-13.333 13.333c-7.364 0-13.333-5.97-13.333-13.333s5.97-13.333 13.333-13.333zM16 5.333c-5.891 0-10.667 4.776-10.667 10.667s4.776 10.667 10.667 10.667c5.891 0 10.667-4.776 10.667-10.667s-4.776-10.667-10.667-10.667z"></path>
+</svg>
diff --git a/app/.vitepress/src/assets/svg-icons/icon-user.svg b/app/.vitepress/src/assets/svg-icons/icon-user.svg
new file mode 100644
index 000000000..302067cbb
--- /dev/null
+++ b/app/.vitepress/src/assets/svg-icons/icon-user.svg
@@ -0,0 +1,4 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>user</title>
+<path fill="currentColor"  d="M16.004 16c2.947 0 5.335-2.388 5.335-5.333s-2.389-5.333-5.335-5.333c-2.947 0-5.335 2.388-5.335 5.333s2.389 5.333 5.335 5.333zM16.004 8c1.473 0 2.668 1.194 2.668 2.667s-1.194 2.667-2.668 2.667c-1.473 0-2.668-1.194-2.668-2.667s1.194-2.667 2.668-2.667zM26.528 24.733l-2.521-5.187c-0.689-1.381-2.111-2.242-3.655-2.213h-8.697c-1.519-0.003-2.909 0.854-3.588 2.213l-2.588 5.187c-0.208 0.413-0.187 0.904 0.054 1.297s0.67 0.634 1.133 0.636h18.674c0.462-0.001 0.891-0.242 1.133-0.636s0.262-0.885 0.054-1.297zM8.828 24l1.627-3.267c0.228-0.453 0.693-0.737 1.2-0.733h8.697c0.507-0.003 0.972 0.281 1.2 0.733l1.627 3.267h-14.352z"></path>
+</svg>
diff --git a/app/.vitepress/src/assets/svg-icons/icon-video.svg b/app/.vitepress/src/assets/svg-icons/icon-video.svg
new file mode 100644
index 000000000..f9cd5ecc7
--- /dev/null
+++ b/app/.vitepress/src/assets/svg-icons/icon-video.svg
@@ -0,0 +1,4 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>video</title>
+<path fill="currentColor"  d="M26.667 6.667c1.473 0 2.667 1.194 2.667 2.667v13.333c0 1.473-1.194 2.667-2.667 2.667h-21.333c-1.473 0-2.667-1.194-2.667-2.667v-13.333c0-1.473 1.194-2.667 2.667-2.667h21.333zM25.333 9.333h-18.667c-0.684 0-1.247 0.515-1.324 1.178l-0.009 0.155v10.667c0 0.684 0.515 1.247 1.178 1.324l0.155 0.009h18.667c0.684 0 1.247-0.515 1.324-1.178l0.009-0.155v-10.667c0-0.736-0.597-1.333-1.333-1.333zM14.893 11.707l5.187 3.467c0.279 0.182 0.448 0.493 0.448 0.827s-0.169 0.645-0.448 0.827l-5.187 3.467c-0.306 0.207-0.702 0.228-1.028 0.055s-0.531-0.512-0.532-0.882v-6.933c0.001-0.37 0.205-0.709 0.532-0.882s0.722-0.152 1.028 0.055z"></path>
+</svg>
diff --git a/app/.vitepress/src/assets/svg-icons/map-pin.svg b/app/.vitepress/src/assets/svg-icons/map-pin.svg
new file mode 100644
index 000000000..65d4a6ffc
--- /dev/null
+++ b/app/.vitepress/src/assets/svg-icons/map-pin.svg
@@ -0,0 +1,4 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<path fill="currentColor" d="M18.667 13.333c0 1.473-1.194 2.667-2.667 2.667s-2.667-1.194-2.667-2.667c0-1.473 1.194-2.667 2.667-2.667s2.667 1.194 2.667 2.667zM16 5.333c-4.418 0-8 3.582-8 8 0 3.733 1.573 4.987 3.76 6.667 1.838 1.242 3.304 2.962 4.24 4.973 0.94-2.009 2.405-3.727 4.24-4.973 2.187-1.68 3.76-2.933 3.76-6.667 0-4.418-3.582-8-8-8v0zM16 2.667c5.891 0 10.667 4.776 10.667 10.667 0 8.293-6.733 8.227-8.347 13.040l-0.68 2.053c-0.191 0.567-0.736 0.938-1.333 0.907h-0.747c-0.598 0.031-1.143-0.34-1.333-0.907l-0.68-2.053c-1.48-4.813-8.213-4.747-8.213-13.040 0-5.891 4.776-10.667 10.667-10.667z"></path>
+</svg>
diff --git a/app/.vitepress/src/views/download/TheDownload.vue b/app/.vitepress/src/views/download/TheDownload.vue
new file mode 100644
index 000000000..122c9fcb4
--- /dev/null
+++ b/app/.vitepress/src/views/download/TheDownload.vue
@@ -0,0 +1,963 @@
+<script setup lang="ts">
+import { computed } from 'vue';
+import IconDownload from '~icons/app/icon-download.svg';
+
+const list = computed(() => {
+  return {
+    cn: {
+      DOWNLOAD_LIST: [
+        {
+          NAME: 'openEuler 22.03 LTS',
+          DOWNLOAD_URL: 'https://repo.openeuler.org/openEuler-22.03-LTS/',
+          DESC: 'openEuler 22.03-LTS 是基于5.10内核构建，实现了服务器、云、边缘和嵌入式的全场景支持',
+          RELEASE_DESC_URL:
+            'https://docs.openeuler.org/zh/docs/22.03_LTS/docs/Releasenotes/release_notes.html',
+          INSTALL_GUIDENCE_URL:
+            'https://docs.openeuler.org/zh/docs/22.03_LTS/docs/Installation/installation.html',
+          SEEK_HELP_URL: 'https://gitee.com/openeuler/community-issue',
+          GET_ISO_URL: 'https://repo.openeuler.org/openEuler-22.03-LTS/ISO/',
+          LIFE_CYCLE_URL: '/zh/other/lifecycle/',
+          WHITE_PAPER: '/whitepaper/openEuler-whitepaper-2203.pdf',
+          WEBSITE_SELECT: '/zh/mirror/select/?version=22.03-LTS',
+          SERVER_IMAGE: 'https://repo.openeuler.org/openEuler-22.03-LTS/ISO/',
+          CLOUD_IMAGE:
+            'https://repo.openeuler.org/openEuler-22.03-LTS/virtual_machine_img/',
+          EDGE_IMAGE:
+            'https://repo.openeuler.org/openEuler-22.03-LTS/edge_img/',
+          EMBEDDEN_IMAGE:
+            'https://repo.openeuler.org/openEuler-22.03-LTS/embedded_img/',
+          MANUFACTURER: 'openEuler社区',
+          PUBLISH_DATE: '2022/03',
+          LTS: true,
+        },
+        {
+          NAME: 'openEuler 20.03 LTS SP3',
+          DOWNLOAD_URL: 'https://repo.openeuler.org/openEuler-20.03-LTS-SP3/',
+          DESC: 'openEuler 20.03 LTS SP3 是openEuler 20.03 LTS的补丁版本，生命周期与LTS版本相同',
+          RELEASE_DESC_URL:
+            'https://docs.openeuler.org/zh/docs/20.03_LTS_SP3/docs/Releasenotes/release_notes.html',
+          INSTALL_GUIDENCE_URL:
+            'https://docs.openeuler.org/zh/docs/20.03_LTS_SP3/docs/Installation/installation.html',
+          SEEK_HELP_URL: 'https://gitee.com/openeuler/community-issue',
+          GET_ISO_URL:
+            'https://repo.openeuler.org/openEuler-20.03-LTS-SP3/ISO/',
+          LIFE_CYCLE_URL: '/zh/other/lifecycle/',
+          WEBSITE_SELECT: '/zh/mirror/select/?version=20.03-LTS-SP3',
+          MANUFACTURER: 'openEuler社区',
+          PUBLISH_DATE: '2021/12',
+          LTS: true,
+        },
+        {
+          NAME: 'openEuler 21.09',
+          DOWNLOAD_URL: 'https://repo.openeuler.org/openEuler-21.09/',
+          DESC: 'openEuler 21.09创新版是欧拉全新发布后的第一个社区版本，实现了全场景支持。增强服务器和云计算的特性，发布面向云原生的业务混部CPU调度算法、容器化操作系统KubeOS等关键技术；同时发布边缘和嵌入式版本。',
+          RELEASE_DESC_URL:
+            'https://docs.openeuler.org/zh/docs/21.09/docs/Releasenotes/release_notes.html',
+          INSTALL_GUIDENCE_URL:
+            'https://docs.openeuler.org/zh/docs/21.09/docs/Installation/installation.html',
+          SEEK_HELP_URL: 'https://gitee.com/openeuler/community-issue',
+          GET_ISO_URL: 'https://repo.openeuler.org/openEuler-21.09/ISO/',
+          LIFE_CYCLE_URL: '/zh/other/lifecycle/',
+          WHITE_PAPER:
+            'https://openeuler-website.obs.ap-southeast-1.myhuaweicloud.com/pdf/openEuler%2021.09%20%E6%8A%80%E6%9C%AF%E7%99%BD%E7%9A%AE%E4%B9%A6.pdf',
+          WEBSITE_SELECT: '/zh/mirror/select/?version=21.09',
+          MANUFACTURER: 'openEuler社区',
+          PUBLISH_DATE: '2021/09',
+          LTS: false,
+        },
+        {
+          NAME: 'openEuler 20.03 LTS SP2',
+          DOWNLOAD_URL: 'https://repo.openeuler.org/openEuler-20.03-LTS-SP2/',
+          DESC: 'openEuler 20.03 LTS SP2 是openEuler 20.03 LTS的补丁版本，生命周期与LTS版本相同',
+          RELEASE_DESC_URL:
+            'https://docs.openeuler.org/zh/docs/20.03_LTS_SP2/docs/Releasenotes/release_notes.html',
+          INSTALL_GUIDENCE_URL:
+            'https://docs.openeuler.org/zh/docs/20.03_LTS_SP2/docs/Installation/installation.html',
+          SEEK_HELP_URL: 'https://gitee.com/openeuler/community-issue',
+          GET_ISO_URL:
+            'https://repo.openeuler.org/openEuler-20.03-LTS-SP2/ISO/',
+          LIFE_CYCLE_URL: '/zh/other/lifecycle/',
+          WEBSITE_SELECT: '/zh/mirror/select/?version=20.03-LTS-SP2',
+          MANUFACTURER: 'openEuler社区',
+          PUBLISH_DATE: '2021/07',
+          LTS: true,
+        },
+        {
+          NAME: 'openEuler 21.03',
+          DOWNLOAD_URL: 'https://repo.openeuler.org/openEuler-21.03/',
+          DESC: 'openEuler 21.03 版本是满足开放场景的创新发行版，生命周期六个月。',
+          RELEASE_DESC_URL:
+            'https://docs.openeuler.org/zh/docs/21.03/docs/Releasenotes/release_notes.html',
+          INSTALL_GUIDENCE_URL:
+            'https://docs.openeuler.org/zh/docs/21.03/docs/Installation/installation.html',
+          SEEK_HELP_URL: 'https://gitee.com/openeuler/community-issue',
+          GET_ISO_URL: 'https://repo.openeuler.org/openEuler-21.03/ISO/',
+          LIFE_CYCLE_URL: '/zh/other/lifecycle/',
+          WHITE_PAPER: '/whitepaper/openEuler-whitepaper-2103.pdf',
+          WEBSITE_SELECT: '/zh/mirror/select/?version=21.03',
+          MANUFACTURER: 'openEuler社区',
+          PUBLISH_DATE: '2021/03',
+          LTS: false,
+        },
+        {
+          NAME: 'openEuler 20.03 LTS SP1',
+          DOWNLOAD_URL: 'https://repo.openeuler.org/openEuler-20.03-LTS-SP1/',
+          DESC: 'openEuler 20.03 LTS SP1 是openEuler 20.03 LTS的补丁版本，生命周期与LTS版本相同',
+          RELEASE_DESC_URL:
+            'https://docs.openeuler.org/zh/docs/20.03_LTS_SP1/docs/Releasenotes/release_notes.html',
+          INSTALL_GUIDENCE_URL:
+            'https://docs.openeuler.org/zh/docs/20.03_LTS_SP1/docs/Installation/installation.html',
+          SEEK_HELP_URL: 'https://gitee.com/openeuler/community-issue',
+          GET_ISO_URL:
+            'https://repo.openeuler.org/openEuler-20.03-LTS-SP1/ISO/',
+          LIFE_CYCLE_URL: '/zh/other/lifecycle/',
+          WEBSITE_SELECT: '/zh/mirror/select/?version=20.03-LTS-SP1',
+          MANUFACTURER: 'openEuler社区',
+          PUBLISH_DATE: '2020/12',
+          LTS: true,
+        },
+        {
+          NAME: 'openEuler 20.09',
+          DOWNLOAD_URL: 'https://repo.openeuler.org/openEuler-20.09/',
+          DESC: 'openEuler 20.09 版本是满足开放场景的创新发行版，生命周期六个月。',
+          RELEASE_DESC_URL:
+            'https://docs.openeuler.org/zh/docs/20.09/docs/Releasenotes/release_notes.html',
+          INSTALL_GUIDENCE_URL:
+            'https://docs.openeuler.org/zh/docs/20.09/docs/Installation/installation.html',
+          SEEK_HELP_URL: 'https://gitee.com/openeuler/community-issue',
+          GET_ISO_URL: 'https://repo.openeuler.org/openEuler-20.09/ISO/',
+          LIFE_CYCLE_URL: '/zh/other/lifecycle/',
+          WHITE_PAPER: '/whitepaper/openEuler-whitepaper-2009.pdf',
+          WEBSITE_SELECT: '/zh/mirror/select/?version=20.09',
+          MANUFACTURER: 'openEuler社区',
+          PUBLISH_DATE: '2020/09',
+          LTS: false,
+        },
+        {
+          NAME: 'openEuler 20.03 LTS',
+          DOWNLOAD_URL: 'https://repo.openeuler.org/openEuler-20.03-LTS/',
+          DESC: 'openEuler 20.03 LTS 版本是满足开放场景的标准发行版，生命周期四年。',
+          RELEASE_DESC_URL:
+            'https://docs.openeuler.org/zh/docs/20.03_LTS/docs/Releasenotes/release_notes.html',
+          INSTALL_GUIDENCE_URL:
+            'https://docs.openeuler.org/zh/docs/20.03_LTS/docs/Installation/installation.html',
+          SEEK_HELP_URL: 'https://gitee.com/openeuler/community-issue',
+          GET_ISO_URL: 'https://repo.openeuler.org/openEuler-20.03-LTS/ISO/',
+          LIFE_CYCLE_URL: '/zh/other/lifecycle/',
+          WEBSITE_SELECT: '/zh/mirror/select/?version=20.03-LTS',
+          MANUFACTURER: 'openEuler社区',
+          PUBLISH_DATE: '2020/03',
+          LTS: true,
+        },
+        {
+          NAME: '麒麟信安 Kylinsec',
+          DOWNLOAD_URL: 'https://mirrors.kylinsec.com.cn/V3.4-4/',
+          DESC: '暂无描述',
+          RELEASE_DESC_URL:
+            'http://www.kylinsec.com.cn/Uploads/Download/2020-09-21/5f6846656373a.pdf',
+          INSTALL_GUIDENCE_URL:
+            'http://www.kylinsec.com.cn/Uploads/Download/2020-09-21/5f6846807a00f.pdf',
+          SEEK_HELP_URL: '',
+          GET_ISO_URL: 'https://mirrors.kylinsec.com.cn/V3.4-4/isos/',
+          LIFE_CYCLE_URL: '',
+          MANUFACTURER: '麒麟信安 Kylinsec',
+          PUBLISH_DATE: '',
+          LTS: false,
+        },
+        {
+          NAME: 'HopeEdge',
+          DOWNLOAD_URL: 'http://webapp.hoperun.com:8007/',
+          DESC: '物联网边缘计算操作系统HopeEdge是基于openEuler构建的、面向IoT场景的边缘计算操作系统，具备轻量安全、自主创新、高效互联、快速部署四大关键特性；提供设备管理、数据采集、云边协同、人工智能等功能。',
+          RELEASE_DESC_URL:
+            'http://webapp.hoperun.com:8007/HopeStage/HopeStage-Enterprise-Linux_ReleaseNotes.pdf',
+          INSTALL_GUIDENCE_URL:
+            'http://webapp.hoperun.com:8007/HopeStage/HopeStage-Enterprise-Linux_Installation_Guide.pdf',
+          SEEK_HELP_URL: 'http://www.hopeinfra.com/contactus.html',
+          GET_ISO_URL: 'http://webapp.hoperun.com:8007/HopeStage/',
+          LIFE_CYCLE_URL: '',
+          MANUFACTURER: '江苏润和',
+          PUBLISH_DATE: '2020/07',
+          LTS: false,
+        },
+        {
+          NAME: '中科傲来服务器操作系统',
+          DOWNLOAD_URL: 'https://eulixos.com/#/download',
+          DESC: '中科傲来服务器操作系统是一款基于openEuler操作系统打造的服务器操作系统发行版，支持X86_64、AArch64、RISC-V等多种处理器架构，适用于数据库、云计算、大数据、人工智能、分布式计算等多种应用场景，具备高安全、高可靠、高性能、跨平台等特点，旨在为各类应用及解决方案提供标准、安全、可靠的操作系统及服务。',
+          RELEASE_DESC_URL:
+            'https://eulixos.com/userguide/%E5%8F%91%E8%A1%8C%E8%AF%B4%E6%98%8E/%E7%89%88%E6%9C%AC%E5%8F%91%E8%A1%8C%E8%AF%B4%E6%98%8E.html',
+          INSTALL_GUIDENCE_URL:
+            'https://eulixos.com/userguide/%E5%AE%89%E8%A3%85%E6%8C%87%E5%8D%97/%E5%89%8D%E8%A8%80.html',
+          SEEK_HELP_URL: 'https://eulixos.com/#/feedback',
+          GET_ISO_URL: 'https://eulixos.com/#/download',
+          LIFE_CYCLE_URL: '',
+          MANUFACTURER: '中科院软件所',
+          PUBLISH_DATE: '2020/05',
+          LTS: false,
+        },
+        {
+          NAME: '普华服务器操作系统v5.1',
+          DOWNLOAD_URL: 'http://www.i-soft.com.cn/type/4/714.jhtml',
+          DESC: '暂无描述',
+          RELEASE_DESC_URL: 'http://www.i-soft.com.cn/type/4/716.jhtml',
+          INSTALL_GUIDENCE_URL: 'http://www.i-soft.com.cn/type/4/716.jhtml ',
+          SEEK_HELP_URL:
+            'https://p.qiao.baidu.com/cps4/chatIndex?siteToken=9a45f9cee67affa160b6addd06e07a8d&speedLogId=160067949693727da_1600679496937_87121&eid=30746007&reqParam=%7B%22from%22%3A0%2C%22sid%22%3A%22-100%22%2C%22tid%22%3A%22-1%22%2C%22ttype%22%3A1%2C%22siteId%22%3A%2215215804%22%2C%22userId%22%3A%2230746007%22%2C%22pageId%22%3A0%7D ',
+          GET_ISO_URL: 'http://www.i-soft.com.cn/type/4/714.jhtml ',
+          LIFE_CYCLE_URL: '',
+          MANUFACTURER: '普华软件',
+          PUBLISH_DATE: '',
+          LTS: false,
+        },
+        {
+          NAME: 'openEuler Preview',
+          DOWNLOAD_URL: 'https://repo.openeuler.org/openEuler-preview/',
+          DESC: 'openEuler Preview 为社区制作的尝鲜版，旨在对于新技术的探索，当前包含了对于RISC-V架构的支持。',
+          INSTALL_GUIDENCE_URL:
+            'https://gitee.com/openeuler/RISC-V/blob/master/documents/Installing.md',
+          SEEK_HELP_URL: 'https://gitee.com/openeuler/RISC-V/issues',
+          GET_ISO_URL:
+            'https://repo.openeuler.org/openEuler-preview/RISC-V/Image/',
+          MANUFACTURER: 'openEuler RISC-V SIG组',
+          PUBLISH_DATE: '2020/09',
+          LTS: false,
+        },
+        {
+          NAME: '拓林思企业级服务器操作系统',
+          DOWNLOAD_URL: 'http://download.turbolinux.com.cn:8011/',
+          DESC: ' 拓林思企业级服务器操作系统是一款基于openEuler操作系统打造的针对AArch64处理器架构的操作系统发行版，适用于数据库、云计算、大数据、分布式计算等多种应用场景，为客户提供安全、可靠的解决系统方案，为各类应用提供标准、稳定的运行环境。',
+          INSTALL_GUIDENCE_URL:
+            'http://download.turbolinux.com.cn:8011/docs/TurboLinux15-Aarch64-Installation.pdf',
+          SEEK_HELP_URL: 'http://forum.turbolinux.com.cn/ ',
+          GET_ISO_URL: 'http://download.turbolinux.com.cn:8011/',
+          MANUFACTURER: 'TurboLinux',
+          PUBLISH_DATE: '2020/04',
+          LIFE_CYCLE_URL:
+            'http://download.turbolinux.com.cn:8011/docs/TLES-OS-PLANNING.pdf',
+          RELEASE_DESC_URL:
+            'http://www.turbolinux.com.cn/index.php/pages/cat_id/2.html',
+          LTS: false,
+        },
+        {
+          NAME: '同源OS 8.1欧拉发行版',
+          DOWNLOAD_URL: 'http://repo.tongyuanos.com/TongyuanOS8.1-euler/',
+          DESC: '内核源码来自于欧拉开源社区中，其它软件包来自于CentOS8.1的aarch64版，完全兼容CentOS8.1，产品发布物为标准启动安装ISO。',
+          INSTALL_GUIDENCE_URL:
+            'http://repo.tongyuanos.com/TongyuanOS8.1-euler/8.1/%e5%90%8c%e6%ba%90OS%208.1%e6%ac%a7%e6%8b%89%e5%8f%91%e8%a1%8c%e7%89%88%e5%bf%ab%e9%80%9f%e5%ae%89%e8%a3%85%e6%8c%87%e5%8d%971.0.docx',
+          SEEK_HELP_URL: 'mailto:youliang.wu@tongyuanos.com',
+          GET_ISO_URL: 'http://repo.tongyuanos.com/TongyuanOS8.1-euler/',
+          MANUFACTURER: '同源OS',
+          PUBLISH_DATE: '2020/04',
+          LIFE_CYCLE_URL: '',
+          RELEASE_DESC_URL:
+            'http://repo.tongyuanos.com/TongyuanOS8.1-euler/8.1/%e5%90%8c%e6%ba%90OS%208.1%e6%ac%a7%e6%8b%89%e5%8f%91%e8%a1%8c%e7%89%88%e5%8f%91%e8%a1%8c%e6%b3%a8%e8%ae%b0-release-notes.docx',
+          LTS: false,
+        },
+        {
+          NAME: 'HopeStage',
+          DOWNLOAD_URL: 'http://download.hopeinfra.com/HopeStage/ISO/',
+          DESC: '企业级通用操作系统HopeStage是基于openEuler构建的企业级Linux操作系统，具备高效、稳定、安全的特性，致力于为企业级的数据库、大数据、云计算、人工智能平台提供安全稳定的运行基础。',
+          RELEASE_DESC_URL:
+            'http://download.hopeinfra.com/HopeStage/References/HopeStage-Enterprise-Linux_ReleaseNotes.pdf',
+          INSTALL_GUIDENCE_URL:
+            'http://download.hopeinfra.com/HopeStage/References/HopeStage_Installation_Guide.pdf',
+          SEEK_HELP_URL: 'http://www.hopeinfra.com/contactus.html',
+          GET_ISO_URL: 'http://download.hopeinfra.com/HopeStage/ISO/',
+          LIFE_CYCLE_URL: '',
+          MANUFACTURER: '江苏润和',
+          PUBLISH_DATE: '2020/09',
+          LTS: false,
+        },
+        {
+          NAME: '红旗Asianux服务器操作系统V8.1',
+          DOWNLOAD_URL: 'http://pan.chinaredflag.cn/d/d3041d958a8d4da1881d/',
+          DESC: '红旗Asianux服务器操作系统（欧拉版）是基于openEuler20.03 LTS SP1进行二次开发的商业发行版，目前内核版本为4.19。',
+          RELEASE_DESC_URL: 'http://www.linuxsir.cn/?product.htm&pid=2',
+          INSTALL_GUIDENCE_URL: 'http://www.linuxsir.cn/?product.htm&pid=2',
+          SEEK_HELP_URL: '',
+          GET_ISO_URL: 'http://pan.chinaredflag.cn/d/d3041d958a8d4da1881d/',
+          LIFE_CYCLE_URL: '',
+          MANUFACTURER: '中科红旗（北京）信息科技有限公司',
+          PUBLISH_DATE: '2021/03',
+          LTS: false,
+        },
+      ],
+    },
+    en: {
+      DOWNLOAD_LIST: [
+        {
+          NAME: 'openEuler 22.03 LTS',
+          DOWNLOAD_URL: 'https://repo.openeuler.org/openEuler-22.03-LTS/',
+          DESC: 'openEuler 22.03-LTS is based on the 5.10 kernel and supports all scenarios of server, cloud, edge and embedded',
+          RELEASE_DESC_URL:
+            'https://docs.openeuler.org/en/docs/22.03_LTS/docs/Releasenotes/release_notes.html',
+          INSTALL_GUIDENCE_URL:
+            'https://docs.openeuler.org/en/docs/22.03_LTS/docs/Installation/installation.html',
+          SEEK_HELP_URL:
+            'https://gitee.com/openeuler/community-issue/blob/master/README.md',
+          GET_ISO_URL: 'https://repo.openeuler.org/openEuler-22.03-LTS/ISO/',
+          LIFE_CYCLE_URL: '/en/other/lifecycle/',
+          WEBSITE_SELECT: '/en/mirror/select/?version=22.03-LTS',
+          SERVER_IMAGE: 'https://repo.openeuler.org/openEuler-22.03-LTS/ISO/',
+          CLOUD_IMAGE:
+            'https://repo.openeuler.org/openEuler-22.03-LTS/virtual_machine_img/',
+          EDGE_IMAGE:
+            'https://repo.openeuler.org/openEuler-22.03-LTS/edge_img/',
+          EMBEDDEN_IMAGE:
+            'https://repo.openeuler.org/openEuler-22.03-LTS/embedded_img/',
+          MANUFACTURER: 'openEuler community',
+          PUBLISH_DATE: '2022/03',
+          LTS: true,
+        },
+        {
+          NAME: 'openEuler 20.03 LTS SP3',
+          DOWNLOAD_URL: 'https://repo.openeuler.org/openEuler-20.03-LTS-SP3/',
+          DESC: 'openEuler 20.03 LTS SP3 is the patch version of openEuler 20.03 LTS, and both versions have the same lifecycle.',
+          RELEASE_DESC_URL:
+            'https://docs.openeuler.org/en/docs/20.03_LTS_SP3/docs/Releasenotes/release_notes.html',
+          INSTALL_GUIDENCE_URL:
+            'https://docs.openeuler.org/en/docs/20.03_LTS_SP3/docs/Installation/Installation.html',
+          SEEK_HELP_URL:
+            'https://gitee.com/openeuler/community-issue/blob/master/README.md',
+          GET_ISO_URL:
+            'https://repo.openeuler.org/openEuler-20.03-LTS-SP3/ISO/',
+          LIFE_CYCLE_URL: '/en/other/lifecycle/',
+          WEBSITE_SELECT: '/en/mirror/select/?version=20.03-LTS-SP3',
+          MANUFACTURER: 'openEuler community',
+          PUBLISH_DATE: '2021/12',
+          LTS: true,
+        },
+        {
+          NAME: 'openEuler 21.09',
+          DOWNLOAD_URL: 'https://repo.openeuler.org/openEuler-21.09/',
+          DESC: 'openEuler 21.09 is an innovative version for all scenarios, including edge and embedded devices. It enhances server and cloud computing features, and incorporates key technologies including cloud-native scheduling algorithms for hybrid service deployments and the container operating system KubeOS.',
+          RELEASE_DESC_URL:
+            'https://docs.openeuler.org/en/docs/21.09/docs/Releasenotes/release_notes.html',
+          INSTALL_GUIDENCE_URL:
+            'https://docs.openeuler.org/en/docs/21.09/docs/Installation/installation.html',
+          SEEK_HELP_URL:
+            'https://gitee.com/openeuler/community-issue/blob/master/README.md',
+          GET_ISO_URL: 'https://repo.openeuler.org/openEuler-21.09/ISO/',
+          LIFE_CYCLE_URL: '/en/other/lifecycle/',
+          WHITE_PAPER:
+            'https://openeuler-website.obs.ap-southeast-1.myhuaweicloud.com/pdf/openEuler%2021.09%20%E6%8A%80%E6%9C%AF%E7%99%BD%E7%9A%AE%E4%B9%A6-en.pdf',
+          WEBSITE_SELECT: '/en/mirror/select/?version=21.09',
+          MANUFACTURER: 'openEuler community',
+          PUBLISH_DATE: '2021/09',
+          LTS: false,
+        },
+        {
+          NAME: 'openEuler 20.03 LTS SP2',
+          DOWNLOAD_URL: 'https://repo.openeuler.org/openEuler-20.03-LTS-SP2/',
+          DESC: 'openEuler 20.03 LTS SP2 is the patch version of openEuler 20.03 LTS,and both versions have the same lifecycle.',
+          RELEASE_DESC_URL:
+            'https://docs.openeuler.org/en/docs/20.03_LTS_SP2/docs/Releasenotes/release_notes.html',
+          INSTALL_GUIDENCE_URL:
+            'https://docs.openeuler.org/en/docs/20.03_LTS_SP2/docs/Installation/Installation.html',
+          SEEK_HELP_URL:
+            'https://gitee.com/openeuler/community-issue/blob/master/README.md',
+          GET_ISO_URL:
+            'https://repo.openeuler.org/openEuler-20.03-LTS-SP2/ISO/',
+          LIFE_CYCLE_URL: '/en/other/lifecycle/',
+          WEBSITE_SELECT: '/en/mirror/select/?version=20.03-LTS-SP2',
+          MANUFACTURER: 'openEuler community',
+          PUBLISH_DATE: '2021/07',
+          LTS: true,
+        },
+        {
+          NAME: 'openEuler 21.03',
+          DOWNLOAD_URL: 'https://repo.openeuler.org/openEuler-21.03/',
+          DESC: 'The openEuler 21.03 version is an innovative release for open scenarios,with a lifecycle of six months.',
+          RELEASE_DESC_URL:
+            'https://docs.openeuler.org/en/docs/21.03/docs/Releasenotes/release_notes.html',
+          INSTALL_GUIDENCE_URL:
+            'https://docs.openeuler.org/en/docs/21.03/docs/Installation/Installation.html',
+          SEEK_HELP_URL:
+            'https://gitee.com/openeuler/community-issue/blob/master/README.md',
+          GET_ISO_URL: 'https://repo.openeuler.org/openEuler-21.03/ISO/',
+          WHITE_PAPER:
+            '/whitepaper/en/openEuler-21.03-Technical-White-Paper.pdf',
+          LIFE_CYCLE_URL: '/en/other/lifecycle/',
+          WEBSITE_SELECT: '/en/mirror/select/?version=21.03',
+          MANUFACTURER: 'openEuler community',
+          PUBLISH_DATE: '2021/03',
+          LTS: false,
+        },
+        {
+          NAME: 'openEuler 20.03 LTS SP1',
+          DOWNLOAD_URL: 'https://repo.openeuler.org/openEuler-20.03-LTS-SP1/',
+          DESC: 'openEuler 20.03 LTS SP1 is the patch version of openEuler 20.03 LTS,and both versions have the same lifecycle.',
+          RELEASE_DESC_URL:
+            'https://docs.openeuler.org/en/docs/20.03_LTS_SP1/docs/Releasenotes/release_notes.html',
+          INSTALL_GUIDENCE_URL:
+            'https://docs.openeuler.org/en/docs/20.03_LTS_SP1/docs/Installation/Installation.html',
+          SEEK_HELP_URL:
+            'https://gitee.com/openeuler/community-issue/blob/master/README.md',
+          GET_ISO_URL:
+            'https://repo.openeuler.org/openEuler-20.03-LTS-SP1/ISO/',
+          LIFE_CYCLE_URL: '/en/other/lifecycle/',
+          WEBSITE_SELECT: '/en/mirror/select/?version=20.03-LTS-SP1',
+          MANUFACTURER: 'openEuler community',
+          PUBLISH_DATE: '2020/12',
+          LTS: true,
+        },
+        {
+          NAME: 'openEuler 20.09',
+          DOWNLOAD_URL: 'https://repo.openeuler.org/openEuler-20.09/',
+          DESC: 'The openEuler 20.09 LTS version is an innovative release for open scenarios,with a lifecycle of six months.',
+          RELEASE_DESC_URL:
+            'https://docs.openeuler.org/en/docs/20.09/docs/Releasenotes/release_notes.html',
+          INSTALL_GUIDENCE_URL:
+            'https://docs.openeuler.org/en/docs/20.09/docs/Installation/Installation.html',
+          SEEK_HELP_URL:
+            'https://gitee.com/openeuler/community-issue/blob/master/README.md',
+          GET_ISO_URL: 'https://repo.openeuler.org/openEuler-20.09/ISO/',
+          LIFE_CYCLE_URL: '/en/other/lifecycle/',
+          WEBSITE_SELECT: '/en/mirror/select/?version=20.09',
+          MANUFACTURER: 'openEuler community',
+          PUBLISH_DATE: '2020/09',
+          LTS: false,
+        },
+        {
+          NAME: 'openEuler 20.03 LTS',
+          DOWNLOAD_URL: 'https://repo.openeuler.org/openEuler-20.03-LTS/',
+          DESC: 'The openEuler 20.03 LTS edition, with a four-year lifecycle, is a standard distribution that meets open scenario requirements, which has a lifecycle of four years.',
+          RELEASE_DESC_URL:
+            'https://docs.openeuler.org/en/docs/20.03_LTS/docs/Releasenotes/release_notes.html',
+          INSTALL_GUIDENCE_URL:
+            'https://docs.openeuler.org/en/docs/20.03_LTS/docs/Installation/Installation.html',
+          SEEK_HELP_URL:
+            'https://gitee.com/openeuler/community-issue/blob/master/README.md',
+          GET_ISO_URL: 'https://repo.openeuler.org/openEuler-20.03-LTS/',
+          LIFE_CYCLE_URL: '/en/other/lifecycle/',
+          WEBSITE_SELECT: '/en/mirror/select/?version=20.03-LTS',
+          MANUFACTURER: 'openEuler community',
+          PUBLISH_DATE: '2020/03',
+          LTS: true,
+        },
+        {
+          NAME: 'Kylinsec',
+          DOWNLOAD_URL: 'https://mirrors.kylinsec.com.cn/V3.4-4/',
+          GET_ISO_URL: 'https://mirrors.kylinsec.com.cn/V3.4-4/isos/',
+          DESC: 'No description available',
+          RELEASE_DESC_URL:
+            'http://www.kylinsec.com.cn/Uploads/Download/2020-09-21/5f6846656373a.pdf',
+          INSTALL_GUIDENCE_URL:
+            'http://www.kylinsec.com.cn/Uploads/Download/2020-09-21/5f6846807a00f.pdf',
+          SEEK_HELP_URL: '',
+          LIFE_CYCLE_URL: '',
+          MANUFACTURER: 'Kylinsec',
+          PUBLISH_DATE: '',
+          LTS: false,
+        },
+        {
+          NAME: 'HopeEdge',
+          DESC: 'HopeEdge Linux for Edge Computing is an edge computing operating system based on openEuler, which is oriented to IoT scenarios. It has four key characteristics: lightweight security, independent innovation, efficient interconnection and rapid deployment. HopeEdge also provides equipment management, data acquisition, cloud-edge collaboration, artificial intelligence and other characteristics.',
+          DOWNLOAD_URL: 'http://webapp.hoperun.com:8007/',
+          RELEASE_DESC_URL:
+            'http://webapp.hoperun.com:8007/HopeStage/HopeStage-Enterprise-Linux_ReleaseNotes.pdf',
+          INSTALL_GUIDENCE_URL:
+            'http://webapp.hoperun.com:8007/HopeStage/HopeStage-Enterprise-Linux_Installation_Guide.pdf',
+          SEEK_HELP_URL: 'http://www.hopeinfra.com/contactus.html',
+          GET_ISO_URL: 'http://webapp.hoperun.com:8007/HopeStage/',
+          LIFE_CYCLE_URL: '',
+          MANUFACTURER: 'HOPERUN',
+          PUBLISH_DATE: '2020/07',
+          LTS: false,
+        },
+        {
+          NAME: 'EulixOS Server',
+          DOWNLOAD_URL: 'https://eulixos.com/#/download',
+          DESC: 'The EulixOS is a server OS distribution based on the openEuler OS. The EulixOS supports multiple processor architectures, such as x86_64, AArch64, and RISC-V, and is ideal for various application scenarios, including databases, cloud computing, big data, AI, and distributed computing. It combines high security and reliability with the ultimate performance across platforms, aiming to provide a standard, secure, and reliable operating system and quality services for diverse applications and solutions.',
+          RELEASE_DESC_URL:
+            'https://eulixos.com/userguide/%E5%8F%91%E8%A1%8C%E8%AF%B4%E6%98%8E/%E7%89%88%E6%9C%AC%E5%8F%91%E8%A1%8C%E8%AF%B4%E6%98%8E.html',
+          INSTALL_GUIDENCE_URL:
+            'https://eulixos.com/userguide/%E5%AE%89%E8%A3%85%E6%8C%87%E5%8D%97/%E5%89%8D%E8%A8%80.html',
+          SEEK_HELP_URL: 'https://eulixos.com/#/feedback',
+          GET_ISO_URL: 'https://eulixos.com/#/download',
+          LIFE_CYCLE_URL: '',
+          MANUFACTURER: 'ISCAS',
+          PUBLISH_DATE: '2020/05',
+          LTS: false,
+        },
+        {
+          NAME: 'iSoftServerOS-Kunpeng-5.1',
+          DOWNLOAD_URL: 'http://www.i-soft.com.cn/type/4/714.jhtml',
+          DESC: 'No description available',
+          RELEASE_DESC_URL: 'http://www.i-soft.com.cn/type/4/716.jhtml',
+          INSTALL_GUIDENCE_URL: 'http://www.i-soft.com.cn/type/4/716.jhtml ',
+          SEEK_HELP_URL:
+            'https://p.qiao.baidu.com/cps4/chatIndex?siteToken=9a45f9cee67affa160b6addd06e07a8d&speedLogId=160067949693727da_1600679496937_87121&eid=30746007&reqParam=%7B%22from%22%3A0%2C%22sid%22%3A%22-100%22%2C%22tid%22%3A%22-1%22%2C%22ttype%22%3A1%2C%22siteId%22%3A%2215215804%22%2C%22userId%22%3A%2230746007%22%2C%22pageId%22%3A0%7D ',
+          GET_ISO_URL: 'http://www.i-soft.com.cn/type/4/714.jhtml ',
+          LIFE_CYCLE_URL: '',
+          MANUFACTURER: 'iSoft',
+          PUBLISH_DATE: '',
+          LTS: false,
+        },
+        {
+          NAME: 'openEuler Preview',
+          DOWNLOAD_URL: 'https://repo.openeuler.org/openEuler-preview/',
+          DESC: 'openEuler Preview is a trial version of the community designed to explore new technologies and currently includes support for the RISC-V architecture.',
+          INSTALL_GUIDENCE_URL:
+            'https://gitee.com/openeuler/RISC-V/blob/master/documents/Installing.md',
+          SEEK_HELP_URL: 'https://gitee.com/openeuler/RISC-V/issues',
+          GET_ISO_URL:
+            'https://repo.openeuler.org/openEuler-preview/RISC-V/Image/',
+          MANUFACTURER: 'openEuler RISC-V SIG group',
+          PUBLISH_DATE: '2020/09',
+          LTS: false,
+        },
+        {
+          NAME: 'TurboLinux Enterprise server v15',
+          DOWNLOAD_URL: 'http://download.turbolinux.com.cn:8011/',
+          DESC: 'Turbolinux Enterprise Server 15 (TLES15) is the enterprise commercial Linux distribution based on the openEuler community, designed for the AArch64 processor architecture.',
+          INSTALL_GUIDENCE_URL:
+            'http://download.turbolinux.com.cn:8011/docs/TurboLinux15-Aarch64-Installation.pdf',
+          SEEK_HELP_URL: 'http://forum.turbolinux.com.cn/ ',
+          GET_ISO_URL: 'http://download.turbolinux.com.cn:8011/',
+          MANUFACTURER: 'TurboLinux',
+          PUBLISH_DATE: '2020/04',
+          LIFE_CYCLE_URL:
+            'http://download.turbolinux.com.cn:8011/docs/TLES-OS-PLANNING.pdf',
+          RELEASE_DESC_URL:
+            'http://www.turbolinux.com.cn/index.php/pages/cat_id/2.html',
+          LTS: false,
+        },
+        {
+          NAME: 'HopeStage',
+          DOWNLOAD_URL: 'http://download.hopeinfra.com/HopeStage/ISO/',
+          DESC: 'HopeStage Enterprise Linux is an enterprise-level Linux operating system based on openEuler, which has the advantages of high efficiency, stability and security. HopeStage is committed to providing a safe and stable operating basis for enterprise-level databases, big data, cloud computing and artificial intelligence platforms.',
+          RELEASE_DESC_URL:
+            'http://download.hopeinfra.com/HopeStage/References/HopeStage-Enterprise-Linux_ReleaseNotes.pdf',
+          INSTALL_GUIDENCE_URL:
+            'http://download.hopeinfra.com/HopeStage/References/HopeStage_Installation_Guide.pdf',
+          SEEK_HELP_URL: 'http://www.hopeinfra.com/contactus.html',
+          GET_ISO_URL: 'http://download.hopeinfra.com/HopeStage/ISO/',
+          LIFE_CYCLE_URL: '',
+          MANUFACTURER: 'HOPERUN',
+          PUBLISH_DATE: '2020/09',
+          LTS: false,
+        },
+        {
+          NAME: 'RedFlag Asianux Server - 8.1',
+          DOWNLOAD_URL: 'http://pan.chinaredflag.cn/d/d3041d958a8d4da1881d/',
+          DESC: 'Red Flag Asianux Server OS (openEuler) is a commercial release based on the secondary development of openEuler 20.03 LTS SP1. The current kernel version is 4.19.',
+          RELEASE_DESC_URL: 'http://www.linuxsir.cn/?product.htm&pid=2',
+          INSTALL_GUIDENCE_URL: 'http://www.linuxsir.cn/?product.htm&pid=2',
+          SEEK_HELP_URL: '',
+          GET_ISO_URL: 'http://pan.chinaredflag.cn/d/d3041d958a8d4da1881d/',
+          LIFE_CYCLE_URL: '',
+          MANUFACTURER: 'Red Flag Asianux Server',
+          PUBLISH_DATE: '2021/03',
+          LTS: false,
+        },
+      ],
+    },
+    ru: {
+      DOWNLOAD_LIST: [
+        {
+          NAME: 'openEuler 22.03 LTS',
+          DOWNLOAD_URL: 'https://repo.openeuler.org/openEuler-22.03-LTS/',
+          DESC: 'openEuler 22.03-LTS is based on the 5.10 kernel and supports all scenarios of server, cloud, edge and embedded',
+          RELEASE_DESC_URL:
+            'https://docs.openeuler.org/en/docs/22.03_LTS/docs/Releasenotes/release_notes.html',
+          INSTALL_GUIDENCE_URL:
+            'https://docs.openeuler.org/en/docs/22.03_LTS/docs/Installation/installation.html',
+          SEEK_HELP_URL:
+            'https://gitee.com/openeuler/community-issue/blob/master/README.md',
+          GET_ISO_URL: 'https://repo.openeuler.org/openEuler-22.03-LTS/ISO/',
+          LIFE_CYCLE_URL: '/en/other/lifecycle/',
+          WEBSITE_SELECT: '/en/mirror/select/?version=22.03-LTS',
+          SERVER_IMAGE: 'https://repo.openeuler.org/openEuler-22.03-LTS/ISO/',
+          CLOUD_IMAGE:
+            'https://repo.openeuler.org/openEuler-22.03-LTS/virtual_machine_img/',
+          EDGE_IMAGE:
+            'https://repo.openeuler.org/openEuler-22.03-LTS/edge_img/',
+          EMBEDDEN_IMAGE:
+            'https://repo.openeuler.org/openEuler-22.03-LTS/embedded_img/',
+          MANUFACTURER: 'openEuler community',
+          PUBLISH_DATE: '2022/03',
+          LTS: true,
+        },
+        {
+          NAME: 'openEuler 21.09',
+          DOWNLOAD_URL: 'https://repo.openeuler.org/openEuler-21.09/',
+          DESC: 'openEuler 21.09 is an innovative version for all scenarios, including edge and embedded devices. It enhances server and cloud computing features, and incorporates key technologies including cloud-native scheduling algorithms for hybrid service deployments and the container operating system KubeOS.',
+          RELEASE_DESC_URL:
+            'https://docs.openeuler.org/en/docs/21.09/docs/Releasenotes/release_notes.html',
+          INSTALL_GUIDENCE_URL:
+            'https://docs.openeuler.org/en/docs/21.09/docs/Installation/installation.html',
+          SEEK_HELP_URL:
+            'https://gitee.com/openeuler/community-issue/blob/master/README.md',
+          GET_ISO_URL: 'https://repo.openeuler.org/openEuler-21.09/ISO/',
+          LIFE_CYCLE_URL: '/ru/other/lifecycle/',
+          WHITE_PAPER:
+            'https://openeuler-website.obs.ap-southeast-1.myhuaweicloud.com/pdf/openEuler%2021.09%20%E6%8A%80%E6%9C%AF%E7%99%BD%E7%9A%AE%E4%B9%A6-ru.pdf',
+          WEBSITE_SELECT: '/ru/mirror/select/?version=21.09',
+          MANUFACTURER: 'openEuler community',
+          PUBLISH_DATE: '2021/09',
+          LTS: false,
+        },
+        {
+          NAME: 'openEuler 20.03 LTS SP2',
+          DOWNLOAD_URL: 'https://repo.openeuler.org/openEuler-20.03-LTS-SP2/',
+          DESC: 'openEuler 20.03 LTS SP2 — это версия патча openEuler 20.03 LTS, и обе версии имеют одинаковый жизненный цикл.',
+          RELEASE_DESC_URL:
+            'https://docs.openeuler.org/en/docs/20.03_LTS_SP2/docs/Releasenotes/release_notes.html',
+          INSTALL_GUIDENCE_URL:
+            'https://docs.openeuler.org/en/docs/20.03_LTS_SP2/docs/Installation/Installation.html',
+          SEEK_HELP_URL:
+            'https://gitee.com/openeuler/community-issue/blob/master/README.md',
+          GET_ISO_URL:
+            'https://repo.openeuler.org/openEuler-20.03-LTS-SP2/ISO/',
+          LIFE_CYCLE_URL: '/ru/other/lifecycle/',
+          WEBSITE_SELECT: '/ru/mirror/select/?version=20.03-LTS-SP2',
+          MANUFACTURER: 'openEuler community',
+          PUBLISH_DATE: '2021/07',
+          LTS: true,
+        },
+        {
+          NAME: 'openEuler 21.03',
+          DOWNLOAD_URL: 'https://repo.openeuler.org/openEuler-21.03/',
+          DESC: 'The openEuler 21.03 version is an innovative release for open scenarios,with a lifecycle of six months.',
+          RELEASE_DESC_URL:
+            'https://docs.openeuler.org/en/docs/21.03/docs/Releasenotes/release_notes.html',
+          INSTALL_GUIDENCE_URL:
+            'https://docs.openeuler.org/en/docs/21.03/docs/Installation/Installation.html',
+          SEEK_HELP_URL:
+            'https://gitee.com/openeuler/community-issue/blob/master/README.md',
+          GET_ISO_URL: 'https://repo.openeuler.org/openEuler-21.03/ISO/',
+          LIFE_CYCLE_URL: '/ru/other/lifecycle/',
+          WHITE_PAPER:
+            '/whitepaper/ru/openEuler-21.03-Технический-информационный-документ.pdf',
+          WEBSITE_SELECT: '/ru/mirror/select/?version=21.03',
+          MANUFACTURER: 'openEuler community',
+          PUBLISH_DATE: '2021/03',
+          LTS: false,
+        },
+        {
+          NAME: 'openEuler 20.03 LTS SP1',
+          DOWNLOAD_URL: 'https://repo.openeuler.org/openEuler-20.03-LTS-SP1/',
+          DESC: 'openEuler 20.03 LTS SP1 — это версия патча openEuler 20.03 LTS, и обе версии имеют одинаковый жизненный цикл.',
+          RELEASE_DESC_URL:
+            'https://docs.openeuler.org/en/docs/20.03_LTS_SP1/docs/Releasenotes/release_notes.html',
+          INSTALL_GUIDENCE_URL:
+            'https://docs.openeuler.org/en/docs/20.03_LTS_SP1/docs/Installation/Installation.html',
+          SEEK_HELP_URL:
+            'https://gitee.com/openeuler/community-issue/blob/master/README.md',
+          GET_ISO_URL:
+            'https://repo.openeuler.org/openEuler-20.03-LTS-SP1/ISO/',
+          LIFE_CYCLE_URL: '/ru/other/lifecycle/',
+          WEBSITE_SELECT: '/ru/mirror/select/?version=20.03-LTS-SP1',
+          MANUFACTURER: 'openEuler community',
+          PUBLISH_DATE: '2020/12',
+          LTS: true,
+        },
+        {
+          NAME: 'openEuler 20.09',
+          DOWNLOAD_URL: 'https://repo.openeuler.org/openEuler-20.09/',
+          DESC: 'openEuler 20.09 LTS — это инновационный релиз для сценариев использования программного обеспечения с открытым исходным кодом с жизненным циклом шесть месяцев.',
+          RELEASE_DESC_URL:
+            'https://docs.openeuler.org/en/docs/20.09/docs/Releasenotes/release_notes.html',
+          INSTALL_GUIDENCE_URL:
+            'https://docs.openeuler.org/en/docs/20.09/docs/Installation/Installation.html',
+          SEEK_HELP_URL:
+            'https://gitee.com/openeuler/community-issue/blob/master/README.md',
+          GET_ISO_URL: 'https://repo.openeuler.org/openEuler-20.09/ISO/',
+          LIFE_CYCLE_URL: '/ru/other/lifecycle/',
+          WEBSITE_SELECT: '/ru/mirror/select/?version=20.09',
+          MANUFACTURER: 'openEuler community',
+          PUBLISH_DATE: '2020/09',
+          LTS: false,
+        },
+        {
+          NAME: 'openEuler 20.03 LTS',
+          DOWNLOAD_URL: 'https://repo.openeuler.org/openEuler-20.03-LTS/',
+          DESC: 'openEuler 20.03 LTS — это стандартный релиз для сценариев использования программного обеспечения с открытым исходным кодом с жизненным циклом четыре года.',
+          RELEASE_DESC_URL:
+            'https://docs.openeuler.org/en/docs/20.03_LTS/docs/Releasenotes/release_notes.html',
+          INSTALL_GUIDENCE_URL:
+            'https://docs.openeuler.org/en/docs/20.03_LTS/docs/Installation/Installation.html',
+          SEEK_HELP_URL:
+            'https://gitee.com/openeuler/community-issue/blob/master/README.md',
+          GET_ISO_URL: 'https://repo.openeuler.org/openEuler-20.03-LTS/',
+          LIFE_CYCLE_URL: '/ru/other/lifecycle/',
+          WEBSITE_SELECT: '/ru/mirror/select/?version=20.03-LTS',
+          MANUFACTURER: 'openEuler community',
+          PUBLISH_DATE: '2020/03',
+          LTS: true,
+        },
+        {
+          NAME: 'Kylinsec',
+          DOWNLOAD_URL: 'https://mirrors.kylinsec.com.cn/V3.4-4/',
+          DESC: 'Описание недоступно',
+          RELEASE_DESC_URL:
+            'http://www.kylinsec.com.cn/Uploads/Download/2020-09-21/5f6846656373a.pdf',
+          INSTALL_GUIDENCE_URL:
+            'http://www.kylinsec.com.cn/Uploads/Download/2020-09-21/5f6846807a00f.pdf',
+          SEEK_HELP_URL: '',
+          GET_ISO_URL: 'https://mirrors.kylinsec.com.cn/V3.4-4/isos/',
+          LIFE_CYCLE_URL: '',
+          MANUFACTURER: 'Kylinsec',
+          PUBLISH_DATE: '',
+          LTS: false,
+        },
+        {
+          NAME: 'HopeEdge',
+          DOWNLOAD_URL: 'http://webapp.hoperun.com:8007/',
+          DESC: 'HopeEdge Linux for Edge Computing is an edge computing operating system based on openEuler, which is oriented to IoT scenarios. It has four key characteristics: lightweight security, independent innovation, efficient interconnection and rapid deployment. HopeEdge also provides equipment management, data acquisition, cloud-edge collaboration, artificial intelligence and other characteristics.',
+          RELEASE_DESC_URL:
+            'http://webapp.hoperun.com:8007/HopeStage/HopeStage-Enterprise-Linux_ReleaseNotes.pdf',
+          INSTALL_GUIDENCE_URL:
+            'http://webapp.hoperun.com:8007/HopeStage/HopeStage-Enterprise-Linux_Installation_Guide.pdf',
+          SEEK_HELP_URL: 'http://www.hopeinfra.com/contactus.html',
+          GET_ISO_URL: 'http://webapp.hoperun.com:8007/HopeStage/',
+          LIFE_CYCLE_URL: '',
+          MANUFACTURER: 'HOPERUN',
+          PUBLISH_DATE: '2020/07',
+          LTS: false,
+        },
+        {
+          NAME: 'EulixOS Server',
+          DOWNLOAD_URL: 'https://eulixos.com/#/download',
+          DESC: 'EulixOS — это дистрибутив серверной операционной системы, основанный на ОС openEuler. Поддерживая такие процессорные архитектуры, как x86_64, AArch64 и RISC-V, EulixOS идеально подходит для применения в различных сценариях, в том числе в базах данных, облачных вычислениях, больших данных, системах искусственного интеллекта и распределенных вычислениях. Сочетая свойства высокой безопасности и надежности, а также превосходной производительности, которая отличает все платформы, данный дистрибутив обеспечит стандартную, безопасную и надежную операционную систему и качественные сервисы, применимые в различных приложениях и решениях.',
+          RELEASE_DESC_URL:
+            'https://eulixos.com/userguide/%E5%8F%91%E8%A1%8C%E8%AF%B4%E6%98%8E/%E7%89%88%E6%9C%AC%E5%8F%91%E8%A1%8C%E8%AF%B4%E6%98%8E.html',
+          INSTALL_GUIDENCE_URL:
+            'https://eulixos.com/userguide/%E5%AE%89%E8%A3%85%E6%8C%87%E5%8D%97/%E5%89%8D%E8%A8%80.html',
+          SEEK_HELP_URL: 'https://eulixos.com/#/feedback',
+          GET_ISO_URL: 'https://eulixos.com/#/download',
+          LIFE_CYCLE_URL: '',
+          MANUFACTURER: 'ISCAS',
+          PUBLISH_DATE: '2020/05',
+          LTS: false,
+        },
+        {
+          NAME: 'iSoftServerOS-Kunpeng-5.1',
+          DOWNLOAD_URL: 'http://www.i-soft.com.cn/type/4/714.jhtml',
+          DESC: 'Описание недоступно',
+          RELEASE_DESC_URL: 'http://www.i-soft.com.cn/type/4/716.jhtml',
+          INSTALL_GUIDENCE_URL: 'http://www.i-soft.com.cn/type/4/716.jhtml ',
+          SEEK_HELP_URL:
+            'https://p.qiao.baidu.com/cps4/chatIndex?siteToken=9a45f9cee67affa160b6addd06e07a8d&speedLogId=160067949693727da_1600679496937_87121&eid=30746007&reqParam=%7B%22from%22%3A0%2C%22sid%22%3A%22-100%22%2C%22tid%22%3A%22-1%22%2C%22ttype%22%3A1%2C%22siteId%22%3A%2215215804%22%2C%22userId%22%3A%2230746007%22%2C%22pageId%22%3A0%7D ',
+          GET_ISO_URL: 'http://www.i-soft.com.cn/type/4/714.jhtml ',
+          LIFE_CYCLE_URL: '',
+          MANUFACTURER: 'iSoft',
+          PUBLISH_DATE: '',
+          LTS: false,
+        },
+        {
+          NAME: 'openEuler Preview',
+          DOWNLOAD_URL: 'https://repo.openeuler.org/openEuler-preview/',
+          DESC: 'Демо-версия openEuler Preview данного сообщества, разработанная в целях изучения новых технологий, в текущий момент поддерживает архитектуру RISC-V.',
+          INSTALL_GUIDENCE_URL:
+            'https://gitee.com/openeuler/RISC-V/blob/master/documents/Installing.md',
+          SEEK_HELP_URL: 'https://gitee.com/openeuler/RISC-V/issues',
+          GET_ISO_URL:
+            'https://repo.openeuler.org/openEuler-preview/RISC-V/Image/',
+          MANUFACTURER: 'openEuler RISC-V SIG group',
+          PUBLISH_DATE: '2020/09',
+          LTS: false,
+        },
+        {
+          NAME: 'TurboLinux Enterprise server v15',
+          DOWNLOAD_URL: 'http://download.turbolinux.com.cn:8011/',
+          DESC: 'Turbolinux Enterprise Server 15 (TLES15) is the enterprise commercial Linux distribution based on the openEuler community, designed for the AArch64 processor architecture.',
+          INSTALL_GUIDENCE_URL:
+            'http://download.turbolinux.com.cn:8011/docs/TurboLinux15-Aarch64-Installation.pdf',
+          SEEK_HELP_URL: 'http://forum.turbolinux.com.cn/ ',
+          GET_ISO_URL: 'http://download.turbolinux.com.cn:8011/',
+          MANUFACTURER: 'TurboLinux',
+          PUBLISH_DATE: '2020/04',
+          LIFE_CYCLE_URL:
+            'http://download.turbolinux.com.cn:8011/docs/TLES-OS-PLANNING.pdf',
+          RELEASE_DESC_URL:
+            'http://www.turbolinux.com.cn/index.php/pages/cat_id/2.html',
+          LTS: false,
+        },
+        {
+          NAME: 'HopeStage',
+          DOWNLOAD_URL: 'http://download.hopeinfra.com/HopeStage/ISO/',
+          DESC: 'HopeStage Enterprise Linux is an enterprise-level Linux operating system based on openEuler, which has the advantages of high efficiency, stability and security. HopeStage is committed to providing a safe and stable operating basis for enterprise-level databases, big data, cloud computing and artificial intelligence platforms.',
+          RELEASE_DESC_URL:
+            'http://download.hopeinfra.com/HopeStage/References/HopeStage-Enterprise-Linux_ReleaseNotes.pdf',
+          INSTALL_GUIDENCE_URL:
+            'http://download.hopeinfra.com/HopeStage/References/HopeStage_Installation_Guide.pdf',
+          SEEK_HELP_URL: 'http://www.hopeinfra.com/contactus.html',
+          GET_ISO_URL: 'http://download.hopeinfra.com/HopeStage/ISO/',
+          LIFE_CYCLE_URL: '',
+          MANUFACTURER: 'HOPERUN',
+          PUBLISH_DATE: '2020/09',
+          LTS: false,
+        },
+        {
+          NAME: 'RedFlag Asianux Server - 8.1',
+          DOWNLOAD_URL: 'http://pan.chinaredflag.cn/d/d3041d958a8d4da1881d/',
+          DESC: 'Red Flag Asianux Server OS (openEuler) is a commercial release based on the secondary development of openEuler 20.03 LTS SP1. The current kernel version is 4.19.',
+          RELEASE_DESC_URL: 'http://www.linuxsir.cn/?product.htm&pid=2',
+          INSTALL_GUIDENCE_URL: 'http://www.linuxsir.cn/?product.htm&pid=2',
+          SEEK_HELP_URL: '',
+          GET_ISO_URL: 'http://pan.chinaredflag.cn/d/d3041d958a8d4da1881d/',
+          LIFE_CYCLE_URL: '',
+          MANUFACTURER: 'Red Flag Asianux Server',
+          PUBLISH_DATE: '2021/03',
+          LTS: false,
+        },
+      ],
+    },
+  };
+});
+
+const downloadUrl = (url: string) => {
+  window.open(url);
+};
+</script>
+
+<template>
+  <div class="download">
+    <div class="download-list">
+      <OCard
+        v-for="(download, index) in list.cn.DOWNLOAD_LIST"
+        :key="index"
+        class="download-list-item"
+      >
+        <h5 class="download-name">
+          {{ download.NAME }}
+        </h5>
+        <div class="download-desc">
+          {{ download.DESC }}
+        </div>
+        <div class="url-list">
+          <div v-if="download.SEEK_HELP_URL ? true : false">
+            <a target="_blank" :href="download.SEEK_HELP_URL"> 求助提问 </a>
+          </div>
+          <div v-if="download.GET_ISO_URL ? true : false">
+            <a target="_blank" :href="download.GET_ISO_URL"> 获取ISO </a>
+          </div>
+          <div v-if="download.LIFE_CYCLE_URL ? true : false">
+            <a target="_blank" :href="download.LIFE_CYCLE_URL"> 生命周期 </a>
+          </div>
+          <div v-if="download.RELEASE_DESC_URL ? true : false">
+            <a target="_blank" :href="download.RELEASE_DESC_URL"> 发行说明 </a>
+          </div>
+          <div v-if="download.INSTALL_GUIDENCE_URL ? true : false">
+            <a target="_blank" :href="download.INSTALL_GUIDENCE_URL">
+              安装指南
+            </a>
+          </div>
+          <div v-if="download.WHITE_PAPER ? true : false">
+            <a target="_blank" :href="download.WHITE_PAPER"> 白皮书 </a>
+          </div>
+          <div v-if="download.WEBSITE_SELECT ? true : false">
+            <a target="_blank" :href="download.WEBSITE_SELECT"> 站点选择 </a>
+          </div>
+        </div>
+        <OButton
+          size="small"
+          type="primary"
+          class="download-button"
+          @click="downloadUrl(download.DOWNLOAD_URL)"
+          >立即下载
+          <IconDownload class="download-button-icon" />
+        </OButton>
+      </OCard>
+    </div>
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.download {
+  margin: 140px 0 40px 0;
+  &-list {
+    display: grid;
+    max-width: 1504px;
+    padding: 0 44px;
+    margin: 0 auto;
+    justify-items: center;
+    align-items: center;
+    grid-template-columns: repeat(3, 1fr);
+    grid-gap: var(--o-spacing-s3);
+    &-item {
+      width: 100%;
+      max-width: 456px;
+      padding: 20px;
+      height: 100%;
+    }
+  }
+  &-name {
+    font-size: var(--o-font-size-h5);
+    font-family: 'PingFangSC-Medium, PingFang SC';
+    line-height: var(--o-line-height-h5);
+  }
+
+  &-desc {
+    margin-top: var(--o-spacing-s2);
+    font-size: var(--o-font-size-text);
+    font-family: 'PingFangSC-Regular, PingFang SC';
+    color: var(--o-color-text3);
+    line-height: var(--o-line-height-h8);
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 2;
+    height: var(--o-line-height-h3);
+  }
+
+  &-button {
+    margin-top: var(--o-spacing-s3);
+    padding: 4px 16px;
+    line-height: var(--o-line-height-h8);
+    font-size: var(--o-font-size-text);
+
+    &-icon {
+      margin-left: var(--o-spacing-s1);
+      width: var(--o-font-size-tip);
+      height: var(--o-font-size-tip);
+      color: var(--o-color-text);
+    }
+  }
+}
+
+.url-list {
+  margin-top: var(--o-spacing-s3);
+  display: grid;
+  grid-template-columns: repeat(5, 1fr);
+  grid-gap: var(--o-spacing-s2) var(--o-spacing-s3);
+
+  a {
+    font-size: var(--o-font-size-text);
+    font-family: 'PingFangSC-Regular, PingFang SC';
+    color: var(--o-color-brand);
+  }
+}
+
+@media (max-width: 1504px) {
+  .url-list {
+    grid-template-columns: repeat(4, 1fr);
+  }
+}
+
+@media (max-width: 1280px) {
+  .url-list {
+    grid-template-columns: repeat(3, 1fr);
+  }
+}
+
+@media (max-width: 1080px) {
+  .url-list {
+    grid-template-columns: repeat(4, 1fr);
+  }
+  .download-list {
+    grid-template-columns: repeat(2, 1fr);
+  }
+}
+
+@media (max-width: 880px) {
+  .download-list {
+    grid-template-columns: repeat(1, 1fr);
+  }
+  .url-list {
+    grid-template-columns: repeat(5, 1fr);
+  }
+}
+</style>
diff --git a/app/.vitepress/src/views/download/TheMirList.vue b/app/.vitepress/src/views/download/TheMirList.vue
new file mode 100644
index 000000000..821b01464
--- /dev/null
+++ b/app/.vitepress/src/views/download/TheMirList.vue
@@ -0,0 +1,240 @@
+<script setup lang="ts">
+import { onMounted, Ref, ref } from 'vue';
+import { getAllMirror } from '@/api/api-mirror';
+import IconCpoy from '~icons/app/icon-copy.svg';
+import { ElMessage } from 'element-plus';
+
+interface MirrorMsg {
+  name: string;
+  location?: string;
+  sponsor?: string;
+  sponsorLogo?: string;
+  http?: string;
+  rsnc?: string;
+  ftp?: string;
+  continentCode?: string;
+  netband?: string;
+  area?: boolean;
+}
+
+const tableData: Ref<MirrorMsg[]> = ref([]);
+
+const inputDom: Ref<HTMLElement | null> = ref(null);
+
+const initTable = (data: any[]) => {
+  let result: MirrorMsg[] = [];
+  data.forEach((item) => {
+    const itemObj = {
+      name: '',
+      location: '',
+      sponsor: '',
+      sponsorLogo: '',
+      http: '',
+      rsnc: '',
+      ftp: '',
+      continentCode: '',
+      netband: '',
+    };
+    itemObj.continentCode = item.ContinentCode;
+    itemObj.name = item.Name;
+    itemObj.location = item.Country ? item.Country : '-';
+    itemObj.sponsor = item.SponsorURL ? item.SponsorURL : '-';
+    itemObj.sponsorLogo = item.SponsorLogoURL ? item.SponsorLogoURL : '-';
+    itemObj.http = item.HttpURL ? item.HttpURL : '-';
+    itemObj.rsnc = item.RsyncURL ? item.RsyncURL : '-';
+    itemObj.ftp = item.FtpURL ? item.FtpURL : '-';
+    itemObj.netband = item.NetworkBandwidth ? item.NetworkBandwidth : '-';
+    result.push(itemObj);
+  });
+  result.sort((a, b) => {
+    return (a.name + '').localeCompare(b.name + '');
+  });
+
+  const asData = result.filter((item) => {
+    return item.continentCode === 'AS';
+  });
+  asData.unshift({ name: 'Asia:', area: true });
+  const euData = result.filter((item) => {
+    return item.continentCode === 'EU';
+  });
+  euData.unshift({ name: 'Europe:', area: true });
+  result = [...asData, ...euData];
+  return result;
+};
+const tableRowClassName = ({ row }: any) => {
+  if (row.area) {
+    return 'mirror-list-area';
+  }
+  return '';
+};
+const copyText = (value: string) => {
+  if (inputDom.value) {
+    (inputDom.value as HTMLInputElement).value = value;
+    (inputDom.value as HTMLInputElement).select();
+  }
+  const text = '复制成功';
+  ElMessage({
+    message: text,
+    type: 'success',
+  });
+};
+onMounted(async () => {
+  inputDom.value = document.getElementById('useCopy');
+  try {
+    const responeData = await getAllMirror();
+    tableData.value = initTable(responeData);
+  } catch (e) {}
+});
+</script>
+
+<template>
+  <div class="mirror-list">
+    <el-table
+      :data="tableData"
+      header-cell-class-name="mirror-list-header"
+      cell-class-name="mirror-list-row"
+      :row-class-name="tableRowClassName"
+    >
+      <el-table-column
+        prop="name"
+        label="MirrorName"
+        width="350"
+        class-name="mirror-name"
+      >
+        <template #default="scope">
+          <div>
+            <a :href="scope.row.http" target="_blank">{{ scope.row.name }}</a>
+          </div>
+        </template>
+      </el-table-column>
+      <el-table-column prop="location" label="Location" min-width="100" />
+      <el-table-column label="Sponsor" min-width="80">
+        <template #default="scope">
+          <a :href="scope.row.sponsor" target="_blank"
+            ><img :src="scope.row.sponsorLogo" class="mirror-list-img"
+          /></a>
+        </template>
+      </el-table-column>
+      <el-table-column label="RSNC" min-width="80">
+        <template #default="scope">
+          <span v-if="scope.row.rsnc === '-'">{{ scope.row.rsnc }}</span>
+          <IconCpoy
+            v-else-if="scope.row.rsnc && scope.row.rsnc != ''"
+            class="mirror-list-rsnc"
+            @click="copyText(scope.row.rsnc)"
+          />
+        </template>
+      </el-table-column>
+      <el-table-column label="Ftp" min-width="80">
+        <template #default="scope">
+          <span v-if="scope.row.ftp === '-'">{{ scope.row.ftp }}</span>
+          <IconCpoy
+            v-else-if="scope.row.rsnc && scope.row.rsnc != ''"
+            class="mirror-list-ftp"
+            @click="copyText(scope.row.ftp)"
+          />
+        </template>
+      </el-table-column>
+      <el-table-column
+        label="NetworkBandwidth(Mb/s)"
+        prop="netband"
+        width="240"
+      >
+      </el-table-column>
+    </el-table>
+    <div class="input-box">
+      <!-- 用于复制RSNC的值 -->
+      <input id="useCopy" type="text" />
+    </div>
+  </div>
+</template>
+
+<style lang="scss">
+.mirror-list {
+  &-header {
+    background: var(--o-color-bg3) !important;
+    font-size: var(--o-font-size-h8);
+    font-family: 'PingFangSC-Regular, PingFang SC';
+    font-weight: 400;
+    color: var(--o-color-text2);
+    line-height: 54px;
+    padding: 0 !important;
+    .cell {
+      padding-left: 0px;
+    }
+  }
+  &-header:first-child {
+    .cell {
+      padding-left: var(--o-spacing-m);
+    }
+  }
+  &-header:last-child {
+    .cell {
+      padding-right: var(--o-spacing-m);
+    }
+  }
+
+  &-area {
+    .mirror-list-row {
+      font-size: var(--o-font-size-h7) !important;
+      font-family: 'PingFangSC-Regular, PingFang SC';
+      font-weight: 800 !important;
+      height: 72px !important;
+      border: none !important;
+    }
+  }
+
+  &-row {
+    font-size: var(--o-font-size-h8);
+    font-family: 'PingFangSC-Regular, PingFang SC';
+    font-weight: 400;
+    color: var(--o-color-text2);
+    height: 54px;
+    .cell {
+      padding-left: 0px;
+    }
+  }
+  &-row:first-child {
+    .cell {
+      padding-left: var(--o-spacing-m);
+    }
+  }
+  &-row:last-child {
+    .cell {
+      padding-right: var(--o-spacing-m);
+    }
+  }
+}
+</style>
+
+<style lang="scss" scoped>
+.mirror-list {
+  max-width: 1504px;
+  padding: 0 44px;
+  margin: var(--o-spacing-m) auto;
+  margin-top: 120px;
+
+  &-img {
+    height: 34px;
+  }
+  &-rsnc {
+    cursor: pointer;
+    color: var(--o-color-brand);
+    display: block;
+    width: 24px;
+    height: 24px;
+  }
+  &-ftp {
+    cursor: pointer;
+    color: var(--o-color-brand);
+    display: block;
+    width: 24px;
+    height: 24px;
+  }
+}
+
+.input-box #useCopy {
+  position: absolute;
+  opacity: 0;
+}
+</style>
diff --git a/app/vite.config.js b/app/vite.config.js
index 188cc23ee..d4411377e 100644
--- a/app/vite.config.js
+++ b/app/vite.config.js
@@ -51,4 +51,13 @@ export default defineConfig({
     //   useSource: true,
     // }),
   ],
+  server: {
+    proxy: {
+      '/api-mirror': {
+        target: 'https://api.openeuler.org/mirrors',
+        changeOrigin: true,
+        rewrite: (path) => path.replace(/^\/api-mirror/, ''),
+      },
+    },
+  },
 });
diff --git a/app/zh/download/index.md b/app/zh/download/index.md
new file mode 100644
index 000000000..1f698762f
--- /dev/null
+++ b/app/zh/download/index.md
@@ -0,0 +1,5 @@
+<script setup>
+  import TheDownload from "@/views/download/TheDownload.vue"
+</script>
+
+<TheDownload />
diff --git a/app/zh/mirror/index.md b/app/zh/mirror/index.md
new file mode 100644
index 000000000..0b715cc9d
--- /dev/null
+++ b/app/zh/mirror/index.md
@@ -0,0 +1,5 @@
+<script setup>
+  import TheMirList from "@/views/download/TheMirList.vue"
+</script>
+
+<TheMirList />
diff --git a/opendesign/card/OCard.vue b/opendesign/card/OCard.vue
index d487dc041..d77b6f58d 100644
--- a/opendesign/card/OCard.vue
+++ b/opendesign/card/OCard.vue
@@ -5,7 +5,7 @@ const attrs = useAttrs();
 </script>
 
 <template>
-  <ElCard class="o-card" v-bind="attrs"></ElCard>
+  <ElCard class="o-card" v-bind="attrs"><slot></slot></ElCard>
 </template>
 
 <style lang="scss">
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 03a944260..ead3f9a03 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -3692,6 +3692,7 @@ packages:
     version: 4.7.4
     engines: {node: '>=4.2.0'}
     hasBin: true
+    dev: true
 
   registry.npmmirror.com/unplugin-element-plus/0.4.1:
     resolution: {integrity: sha512-x8L35sppkbtnAf+aSPXNsLPjCUrM0mWKgujqMIgrHiDQaGbpMlNnbN2kjP5CMclykNOw8fUCreEhtxPyzg8tmw==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/unplugin-element-plus/-/unplugin-element-plus-0.4.1.tgz}
-- 
Gitee