From 1cb8d95d52bcafc9256ee5b700280a24eaa12877 Mon Sep 17 00:00:00 2001
From: zhangshuai <1016868503@qq.com>
Date: Mon, 1 Aug 2022 17:00:15 +0800
Subject: [PATCH 1/3] =?UTF-8?q?feat:=E9=A6=96=E9=A1=B5=E8=BF=81=E7=A7=BB?=
 =?UTF-8?q?=E6=96=B0=E9=97=BB=E5=8D=9A=E5=AE=A2=E6=A8=A1=E5=9D=97=EF=BC=8C?=
 =?UTF-8?q?=E4=BF=AE=E5=A4=8Dtable=E6=A0=B7=E5=BC=8F=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/views/download/TheMirList.vue         |  33 +-
 .../src/views/download/TheMirSelect.vue       |  39 +-
 .../src/views/home/HomeCarousel.vue           |   4 +-
 app/.vitepress/src/views/home/HomeNews.vue    | 531 ++++++++++++++++++
 app/.vitepress/src/views/home/TheHome.vue     |  29 +-
 .../other/projects/components/DocsList.vue    |   8 +-
 6 files changed, 600 insertions(+), 44 deletions(-)
 create mode 100644 app/.vitepress/src/views/home/HomeNews.vue

diff --git a/app/.vitepress/src/views/download/TheMirList.vue b/app/.vitepress/src/views/download/TheMirList.vue
index a5ed13fea..64032be3a 100644
--- a/app/.vitepress/src/views/download/TheMirList.vue
+++ b/app/.vitepress/src/views/download/TheMirList.vue
@@ -115,7 +115,7 @@ onMounted(async () => {
         {{ i18n.download.MIRROR_ALL.CONTENT[1] }}</a
       >.
     </p>
-    <el-table
+    <OTable
       v-if="screenWidth > 768"
       :data="tableData"
       header-cell-class-name="mirror-list-header"
@@ -172,7 +172,7 @@ onMounted(async () => {
         width="260"
       >
       </OTableColumn>
-    </el-table>
+    </OTable>
     <div v-else class="mirror-mobile">
       <OCard v-for="(item, index) in listData" :key="index" class="mirror-card">
         <div class="mirror-card-content">
@@ -252,17 +252,18 @@ onMounted(async () => {
     line-height: 54px;
     padding: 0 !important;
     .cell {
-      padding-left: 0px;
+      padding-left: 0px !important;
+      padding-right: var(--o-spacing-h6) !important;
     }
   }
   &-header:first-child {
     .cell {
-      padding-left: var(--o-spacing-h2);
+      padding-left: var(--o-spacing-h2) !important;
     }
   }
   &-header:last-child {
     .cell {
-      padding-right: var(--o-spacing-h2);
+      padding-right: var(--o-spacing-h2) !important;
     }
   }
 
@@ -272,6 +273,9 @@ onMounted(async () => {
       font-weight: 800 !important;
       height: 72px !important;
       border: none !important;
+      a {
+        color: var(--o-color-text2) !important;
+      }
     }
   }
 
@@ -280,18 +284,20 @@ onMounted(async () => {
     font-weight: 400;
     color: var(--o-color-text2);
     height: 54px;
+    border-bottom: 1px var(--o-color-division) solid !important;
     .cell {
-      padding-left: 0px;
+      padding-left: 0px !important;
+      padding-right: var(--o-spacing-h6) !important;
     }
   }
   &-row:first-child {
     .cell {
-      padding-left: var(--o-spacing-h2);
+      padding-left: var(--o-spacing-h2) !important;
     }
   }
   &-row:last-child {
     .cell {
-      padding-right: var(--o-spacing-h2);
+      padding-right: var(--o-spacing-h2) !important;
     }
   }
 }
@@ -357,7 +363,7 @@ onMounted(async () => {
   @media (max-width: 1100px) {
     padding: 0 var(--o-spacing-h5);
   }
-  > p {
+  p {
     font-size: var(--o-font-size-h7);
     font-weight: 400;
     color: var(--o-color-text2);
@@ -368,11 +374,10 @@ onMounted(async () => {
       line-height: var(--o-line-height-tip);
       margin: var(--o-spacing-h2) 0 var(--o-spacing-h5) 0;
     }
-
-    > a {
-      text-decoration: none;
-      color: var(--o-color-brand);
-    }
+  }
+  a {
+    text-decoration: none;
+    color: var(--o-color-brand);
   }
 
   &-img {
diff --git a/app/.vitepress/src/views/download/TheMirSelect.vue b/app/.vitepress/src/views/download/TheMirSelect.vue
index 5bada038e..f39b3c35c 100644
--- a/app/.vitepress/src/views/download/TheMirSelect.vue
+++ b/app/.vitepress/src/views/download/TheMirSelect.vue
@@ -123,7 +123,7 @@ onMounted(async () => {
       }}<span class="area">{{ area }}</span
       >{{ i18n.download.MIRROR_SELECT.CONTENT[3] }}
     </p>
-    <el-table
+    <OTable
       v-if="screenWidth > 768"
       :data="tableData"
       header-cell-class-name="mirror-select-header"
@@ -168,7 +168,7 @@ onMounted(async () => {
         prop="distance"
         min-width="160"
       />
-    </el-table>
+    </OTable>
     <div v-else class="mirror-mobile">
       <OCard
         v-for="(item, index) in tableData"
@@ -230,26 +230,18 @@ onMounted(async () => {
     line-height: 54px;
     padding: 0 !important;
     .cell {
-      padding-left: 0px;
+      padding-left: 0px !important;
+      padding-right: var(--o-spacing-h6) !important;
     }
   }
   &-header:first-child {
     .cell {
-      padding-left: var(--o-spacing-h2);
+      padding-left: var(--o-spacing-h2) !important;
     }
   }
   &-header:last-child {
     .cell {
-      padding-right: var(--o-spacing-h2);
-    }
-  }
-
-  &-area {
-    .mirror-select-row {
-      font-size: var(--o-font-size-h7) !important;
-      font-weight: 800 !important;
-      height: 72px !important;
-      border: none !important;
+      padding-right: var(--o-spacing-h2) !important;
     }
   }
 
@@ -258,18 +250,20 @@ onMounted(async () => {
     font-weight: 400;
     color: var(--o-color-text2);
     height: 54px;
+    border-bottom: 1px var(--o-color-division) solid !important;
     .cell {
-      padding-left: 0px;
+      padding-left: 0px !important;
+      padding-right: var(--o-spacing-h6) !important;
     }
   }
   &-row:first-child {
     .cell {
-      padding-left: var(--o-spacing-h2);
+      padding-left: var(--o-spacing-h2) !important;
     }
   }
   &-row:last-child {
     .cell {
-      padding-right: var(--o-spacing-h2);
+      padding-right: var(--o-spacing-h2) !important;
     }
   }
 }
@@ -333,7 +327,7 @@ onMounted(async () => {
   @media (max-width: 1100px) {
     padding: 0 var(--o-spacing-h5);
   }
-  > p {
+  p {
     font-size: var(--o-font-size-h7);
     font-weight: 400;
     color: var(--o-color-text2);
@@ -344,11 +338,10 @@ onMounted(async () => {
       line-height: var(--o-line-height-tip);
       margin: var(--o-spacing-h2) 0 var(--o-spacing-h5) 0;
     }
-
-    > a {
-      text-decoration: none;
-      color: var(--o-color-brand);
-    }
+  }
+  a {
+    text-decoration: none;
+    color: var(--o-color-brand);
   }
 
   &-name {
diff --git a/app/.vitepress/src/views/home/HomeCarousel.vue b/app/.vitepress/src/views/home/HomeCarousel.vue
index 04cd1b6b5..471c11e41 100644
--- a/app/.vitepress/src/views/home/HomeCarousel.vue
+++ b/app/.vitepress/src/views/home/HomeCarousel.vue
@@ -233,9 +233,9 @@ const go = (path: string) => {
       padding-top: var(--o-spacing-h2);
       justify-content: center;
       align-items: center;
-      @media screen and (max-width: 1000px) {
+      @media screen and (max-width: 1080px) {
         padding: 20px 0;
-        font-size: 12px;
+        font-size: var(--o-font-size-tip);
       }
 
       &-item:hover {
diff --git a/app/.vitepress/src/views/home/HomeNews.vue b/app/.vitepress/src/views/home/HomeNews.vue
new file mode 100644
index 000000000..acd62d190
--- /dev/null
+++ b/app/.vitepress/src/views/home/HomeNews.vue
@@ -0,0 +1,531 @@
+<script setup lang="ts">
+import { useData } from 'vitepress';
+import { onMounted, Ref, ref } from 'vue';
+import dayjs from 'dayjs';
+import IconArrowRight from '~icons/app/arrow-right.svg';
+import useWindowResize from '@/components/hooks/useWindowResize';
+
+const screenWidth = useWindowResize();
+
+const { lang, theme: i18n } = useData();
+
+const roomName = i18n.value.home.HOME_ROOMS.ROOM_NAME;
+
+const tabType: Ref<string> = ref('blog');
+
+const blogList: Ref<any[]> = ref([]);
+
+const newsList: Ref<any[]> = ref([]);
+
+const resolvePostDate = (date: any) => {
+  return dayjs(date).format('YYYY-MM-DD');
+};
+
+const filterSiteData = (datas: any[], string: string) => {
+  let newData = datas.filter((data: { path: string | any[] }) =>
+    data.path.includes(string)
+  );
+  const englishMonth = [
+    'Jan',
+    'Feb',
+    'Mar',
+    'Apr',
+    'May',
+    'Jun',
+    'Jul',
+    'Aug',
+    'Spt',
+    'Oct',
+    'Nov',
+    'Dec',
+  ];
+  newData.sort(function (
+    date1: { frontmatter: { date: any } },
+    date2: { frontmatter: { date: any } }
+  ) {
+    const origin1 = date1.frontmatter.date;
+    const origin2 = date2.frontmatter.date;
+
+    const parsed1 = Date.parse(origin1);
+    const parsed2 = Date.parse(origin2);
+
+    return parsed2 - parsed1;
+  });
+  newData = newData.slice(0, 4);
+  newData.forEach((item) => {
+    let date = item.frontmatter.date;
+    date = resolvePostDate(date).split('-');
+    date.forEach((arrItem: string, index: string | number) => {
+      if (arrItem[0] === '0') {
+        date[index] = arrItem.substring(1);
+      }
+    });
+    date[1] = englishMonth[date[1] - 1];
+    item.frontmatter.date = date;
+  });
+  return newData;
+};
+
+const getRoomsData = () => {
+  const datas = [
+    {
+      frontmatter: {
+        archives: '2022-06',
+        author: 'openEuler',
+        date: '2022-06-28T00:00:00.000Z',
+        summary:
+          '以X86硬件兼容性为例，来聊聊怎么将操作系统迁移为openEuler（本篇案例的版本为openEuler 20.03 LTS SP1）。',
+        tags: ['X86', '迁移', '安全性'],
+        title: '聊聊怎么做硬件兼容性检测，快速迁移到openEuler',
+      },
+      key: 'v-0e72a48d',
+      path: '/zh/blog/20220628-x86/20220628.html',
+      regularPath: '/zh/blog/20220628-x86/20220628.html',
+      relativePath: 'zh/blog/20220628-x86/20220628.md',
+      title: '聊聊怎么做硬件兼容性检测，快速迁移到openEuler',
+    },
+    {
+      frontmatter: {
+        archives: '2022-06',
+        author: 'openEuler',
+        date: '2022-06-28T00:00:00.000Z',
+        summary:
+          '以X86硬件兼容性为例，来聊聊怎么将操作系统迁移为openEuler（本篇案例的版本为openEuler 20.03 LTS SP1）。',
+        tags: ['X86', '迁移', '安全性'],
+        title: '聊聊怎么做硬件兼容性检测，快速迁移到openEuler',
+      },
+      key: 'v-0e72a48d',
+      path: '/zh/blog/20220628-x86/20220628.html',
+      regularPath: '/zh/blog/20220628-x86/20220628.html',
+      relativePath: 'zh/blog/20220628-x86/20220628.md',
+      title: '聊聊怎么做硬件兼容性检测，快速迁移到openEuler',
+    },
+    {
+      frontmatter: {
+        archives: '2022-06',
+        author: 'openEuler',
+        date: '2022-06-28T00:00:00.000Z',
+        summary:
+          '以X86硬件兼容性为例，来聊聊怎么将操作系统迁移为openEuler（本篇案例的版本为openEuler 20.03 LTS SP1）。',
+        tags: ['X86', '迁移', '安全性'],
+        title: '聊聊怎么做硬件兼容性检测，快速迁移到openEuler',
+      },
+      key: 'v-0e72a48d',
+      path: '/zh/blog/20220628-x86/20220628.html',
+      regularPath: '/zh/blog/20220628-x86/20220628.html',
+      relativePath: 'zh/blog/20220628-x86/20220628.md',
+      title: '聊聊怎么做硬件兼容性检测，快速迁移到openEuler',
+    },
+    {
+      frontmatter: {
+        archives: '2022-06',
+        author: 'openEuler',
+        date: '2022-06-28T00:00:00.000Z',
+        summary:
+          '以X86硬件兼容性为例，来聊聊怎么将操作系统迁移为openEuler（本篇案例的版本为openEuler 20.03 LTS SP1）。',
+        tags: ['X86', '迁移', '安全性'],
+        title: '聊聊怎么做硬件兼容性检测，快速迁移到openEuler',
+      },
+      key: 'v-0e72a48d',
+      path: '/zh/blog/20220628-x86/20220628.html',
+      regularPath: '/zh/blog/20220628-x86/20220628.html',
+      relativePath: 'zh/blog/20220628-x86/20220628.md',
+      title: '聊聊怎么做硬件兼容性检测，快速迁移到openEuler',
+    },
+  ];
+  let blogData = [];
+  let newsData = [];
+  if (lang.value === 'zh') {
+    blogData = filterSiteData(datas, '/zh/blog/');
+    newsData = filterSiteData(datas, '/zh/news/');
+  } else {
+    blogData = filterSiteData(datas, '/en/blog/');
+    newsData = filterSiteData(datas, '/en/news/');
+  }
+  blogList.value = blogData;
+  newsList.value = newsData;
+};
+
+const go = (path: string) => {
+  window.open(path, '_blank');
+};
+
+onMounted(() => {
+  getRoomsData();
+});
+</script>
+<template>
+  <div class="home-newsroom">
+    <div class="title-list">
+      <OTabs v-model="tabType">
+        <OTabPane
+          v-for="item in roomName"
+          :key="item.ID"
+          :label="item.NAME"
+          :name="item.ID"
+        ></OTabPane>
+      </OTabs>
+    </div>
+    <div class="room-contain-new" :class="{ isShow: tabType === 'blog' }">
+      <h4 v-if="screenWidth > 1080" class="type-title">
+        {{ i18n.home.HOME_ROOMS.BLOG_NAME }}
+      </h4>
+      <div class="room-box">
+        <div v-for="(item, index) in blogList" :key="index" class="room-item">
+          <div class="room-item-pc">
+            <div class="room-item-left">
+              <span class="day">{{ item.frontmatter.date[2] }}</span>
+              <div class="left-bottom">
+                <span class="month">{{ item.frontmatter.date[1] }}</span>
+                <span class="year">{{ item.frontmatter.date[0] }}</span>
+              </div>
+            </div>
+            <div class="room-item-right">
+              <div class="room-top">
+                <h4 :title="item.frontmatter.title">
+                  {{ item.frontmatter.title }}
+                </h4>
+                <p>{{ item.frontmatter.author }}</p>
+              </div>
+              <div v-if="screenWidth > 768" class="room-bottom">
+                <a
+                  class="word-hover"
+                  :title="item.frontmatter.summary"
+                  :href="item.path"
+                >
+                  {{ item.frontmatter.summary }}
+                </a>
+              </div>
+            </div>
+          </div>
+          <div v-if="screenWidth <= 768" class="room-item-mo">
+            <span class="author">{{ item.frontmatter.author }}</span>
+            <a
+              class="word-hover"
+              :title="item.frontmatter.summary"
+              :href="item.path"
+            >
+              {{ item.frontmatter.summary }}
+            </a>
+          </div>
+        </div>
+      </div>
+
+      <div class="statistics">
+        <OButton
+          animation
+          type="text"
+          class="statistics-button"
+          @click="go('interaction/blog-list/')"
+        >
+          {{ i18n.home.USER_CASE.VIEW_MORE }}
+          <template #suffixIcon>
+            <IconArrowRight class="statistics-icon"></IconArrowRight>
+          </template>
+        </OButton>
+      </div>
+    </div>
+    <div class="room-contain-new" :class="{ isShow: tabType === 'news' }">
+      <h4 v-if="screenWidth > 1080" class="type-title">
+        {{ i18n.home.HOME_ROOMS.NEWS_NAME }}
+      </h4>
+      <div class="room-box">
+        <div v-for="(item, index) in newsList" :key="index" class="room-item">
+          <div class="room-item-pc">
+            <div class="room-item-left">
+              <span class="day">{{ item.frontmatter.date[2] }}</span>
+              <div class="left-bottom">
+                <span class="month">{{ item.frontmatter.date[1] }}</span>
+                <span class="year">{{ item.frontmatter.date[0] }}</span>
+              </div>
+            </div>
+            <div class="room-item-right">
+              <div class="room-top">
+                <h4 :title="item.frontmatter.title">
+                  {{ item.frontmatter.title }}
+                </h4>
+                <p>{{ item.frontmatter.author }}</p>
+              </div>
+              <div v-if="screenWidth > 768" class="room-bottom">
+                <a
+                  class="word-hover"
+                  :title="item.frontmatter.summary"
+                  :href="item.path"
+                >
+                  {{ item.frontmatter.summary }}
+                </a>
+              </div>
+            </div>
+          </div>
+          <div v-if="screenWidth <= 768" class="room-item-mo">
+            <span class="author">{{ item.frontmatter.author }}</span>
+            <a
+              class="word-hover"
+              :title="item.frontmatter.summary"
+              :href="item.path"
+            >
+              {{ item.frontmatter.summary }}
+            </a>
+          </div>
+        </div>
+      </div>
+      <div class="statistics">
+        <OButton
+          animation
+          type="text"
+          class="statistics-button"
+          @click="go('interaction/news-list/')"
+        >
+          {{ i18n.home.USER_CASE.VIEW_MORE }}
+          <template #suffixIcon>
+            <IconArrowRight class="statistics-icon"></IconArrowRight>
+          </template>
+        </OButton>
+      </div>
+    </div>
+  </div>
+</template>
+<style lang="scss" scoped>
+.word-hover {
+  cursor: pointer;
+  color: var(--o-color-text2);
+  &:hover {
+    color: #002fa7;
+  }
+}
+.statistics {
+  display: flex;
+  padding-top: var(--o-spacing-h2);
+  justify-content: center;
+  align-items: center;
+  @media screen and (max-width: 1080px) {
+    padding-top: var(--o-spacing-h5);
+  }
+  @media screen and (max-width: 768px) {
+    padding: var(--o-spacing-h5) 0 var(--o-spacing-h10) 0;
+    :deep(.o-button) {
+      font-size: var(--o-font-size-tip) !important;
+      line-height: var(--o-line-height-tip) !important;
+    }
+  }
+
+  &-button:hover {
+    color: var(--o-color-brand);
+  }
+
+  :deep(.o-button) {
+    padding: 0;
+  }
+
+  &-icon {
+    color: var(--o-color-brand);
+    width: var(--o-font-size-h8);
+    height: var(--o-font-size-h8);
+  }
+}
+.home-newsroom {
+  max-width: 1504px;
+  padding: 0 var(--o-spacing-h2);
+  margin: var(--o-spacing-h2) auto;
+  @media screen and (max-width: 1080px) {
+    padding: 0 var(--o-spacing-h5);
+  }
+  .room-contain-new {
+    display: none;
+    padding: var(--o-spacing-h2);
+    background-color: var(--o-color-bg);
+    box-shadow: var(--o-shadow-base);
+    .type-title {
+      font-size: var(--o-font-size-h7);
+      line-height: var(--o-font-size-h7);
+      font-weight: 500;
+      color: var(--o-color-text2);
+    }
+    .room-box {
+      display: grid;
+      margin-top: var(--o-spacing-h2);
+      grid-template-columns: repeat(2, minmax(82px, 1fr));
+      column-gap: var(--o-spacing-h2);
+      row-gap: var(--o-spacing-h2);
+      .room-item-pc {
+        display: flex;
+        padding-bottom: var(--o-spacing-h2);
+        border-bottom: 1px solid var(--o-color-division);
+        p {
+          text-align: left;
+        }
+        .room-item-left {
+          display: flex;
+          flex-direction: column;
+          flex-shrink: 0;
+          align-items: center;
+          justify-content: center;
+          margin-right: var(--o-spacing-h4);
+          width: 100px;
+          height: 110px;
+          background-color: var(--o-color-bg2);
+          color: var(--o-color-text2);
+          .day {
+            margin-bottom: var(--o-spacing-h8);
+            font-size: var(--o-font-size-h4);
+          }
+          .year {
+            padding-left: var(--o-spacing-h10);
+          }
+          .left-bottom {
+            font-size: var(--o-font-size-tip);
+          }
+        }
+        .room-item-right {
+          display: flex;
+          flex: 1;
+          min-width: 0;
+          font-size: var(--o-font-size-text);
+          justify-content: space-between;
+          flex-direction: column;
+          .room-top {
+            h4 {
+              white-space: nowrap;
+              overflow: hidden;
+              text-overflow: ellipsis;
+              font-weight: 500;
+              font-size: var(--o-font-size-h7);
+              color: var(--o-color-text2);
+            }
+            p {
+              line-height: var(--o-line-height-text);
+              font-size: var(--o-font-size-text);
+              margin-top: var(--o-spacing-h9);
+              color: var(--o-color-text2);
+            }
+          }
+          .room-bottom {
+            overflow: hidden;
+            text-overflow: ellipsis;
+            display: -webkit-box;
+            -webkit-box-orient: vertical;
+            -webkit-line-clamp: 1;
+            color: var(--o-color-text2);
+            a {
+              text-decoration: none;
+            }
+          }
+        }
+      }
+    }
+    @media screen and (max-width: 1080px) {
+      .room-item {
+        padding-bottom: var(--o-spacing-h5);
+      }
+      .room-box {
+        margin: 0;
+        grid-template-columns: repeat(1, minmax(300px, 1fr));
+        row-gap: var(--o-spacing-h5);
+      }
+    }
+    @media screen and (max-width: 768px) {
+      padding: var(--o-spacing-h6);
+      .room-box {
+        margin: 0;
+        grid-template-columns: repeat(1, minmax(300px, 1fr));
+        .room-item {
+          border-bottom: 1px solid var(--o-color-division);
+
+          .room-item-pc {
+            border-bottom: none;
+            padding-bottom: var(--o-spacing-h5);
+            .room-item-left {
+              margin-right: var(--o-spacing-h6);
+              width: var(--o-line-height-h3);
+              height: var(--o-line-height-h3);
+              .day {
+                margin: 0;
+                font-size: var(--o-font-size-text);
+              }
+              .left-bottom {
+                display: flex;
+                transform: scale(0.5);
+              }
+            }
+            .room-item-right {
+              .room-top {
+                h4 {
+                  display: -webkit-box;
+                  white-space: inherit;
+                  -webkit-box-orient: vertical;
+                  -webkit-line-clamp: 2;
+                  line-height: var(--o-line-height-text);
+                  font-size: var(--o-font-size-text);
+                }
+              }
+            }
+          }
+          .room-item-mo {
+            display: flex;
+            flex-direction: column;
+            font-size: var(--o-font-size-tip);
+            color: var(--o-color-text3);
+            .author {
+              padding-bottom: var(--o-spacing-h8);
+            }
+            a {
+              overflow: hidden;
+              text-overflow: ellipsis;
+              display: -webkit-box;
+              -webkit-box-orient: vertical;
+              -webkit-line-clamp: 2;
+              margin-bottom: var(--o-spacing-h5);
+              color: inherit;
+              text-decoration: none;
+            }
+          }
+        }
+      }
+    }
+  }
+  .isShow {
+    display: block;
+  }
+}
+
+:deep(.title-list) {
+  display: flex;
+  padding-bottom: var(--o-spacing-h2);
+  justify-content: flex-end;
+  .el-tabs__header {
+    margin: 0;
+  }
+  @media screen and (max-width: 1080px) {
+    padding-bottom: var(--o-spacing-h5);
+    justify-content: center;
+  }
+  .el-tabs__nav-scroll {
+    @media screen and (max-width: 1080px) {
+      display: flex;
+      justify-content: center;
+    }
+  }
+  .el-tabs__item {
+    font-size: var(--o-font-size-h8);
+    line-height: var(--o-line-height-h8);
+    @media screen and (max-width: 768px) {
+      font-size: var(--o-font-size-text);
+      line-height: var(--o-line-height-text);
+    }
+  }
+  .el-tabs__nav-wrap::after {
+    display: none;
+  }
+  .title-item {
+    cursor: pointer;
+    padding: var(--o-spacing-h6);
+    &:hover {
+      color: var(--o-color-brand);
+    }
+  }
+  .active {
+    background-color: var(--o-color-brand);
+    color: var(--o-color-text) !important;
+  }
+}
+</style>
diff --git a/app/.vitepress/src/views/home/TheHome.vue b/app/.vitepress/src/views/home/TheHome.vue
index 0d555f4af..73ed6a6ba 100644
--- a/app/.vitepress/src/views/home/TheHome.vue
+++ b/app/.vitepress/src/views/home/TheHome.vue
@@ -7,6 +7,7 @@ import HomePlayground from './HomePlayground.vue';
 import HomeNav from './HomeNav.vue';
 import PublishLink from './PublishLink.vue';
 import SourceLink from './SourceLink.vue';
+import HomeNews from './HomeNews.vue';
 </script>
 
 <template>
@@ -15,9 +16,35 @@ import SourceLink from './SourceLink.vue';
   <HomeCarousel />
   <UserCase />
   <CommunityActivity />
+  <HomeNews />
+  <!-- <div class="home-calendar">
+    <h3>{{i18n.home.HOME_CALENDAR}}</h3>
+    <calender></calender>
+  </div> -->
   <HomePlayground />
   <PublishLink />
   <SourceLink />
 </template>
 
-<style lang="scss" scoped></style>
+<style lang="scss" scoped>
+.home-calendar {
+  width: 100%;
+}
+h3 {
+  margin-top: var(--o-spacing-h1);
+  margin-bottom: var(--o-spacing-h2);
+  font-size: var(--o-font-size-h3);
+  font-weight: 300;
+  color: var(--o-color-text2);
+  line-height: var(--o-line-height-h3);
+  width: 100%;
+  text-align: center;
+
+  @media screen and (max-width: 768px) {
+    font-size: var(--o-font-size-h8);
+    line-height: var(--o-line-height-h8);
+    margin-top: var(--o-spacing-h2);
+    margin-bottom: 16px;
+  }
+}
+</style>
diff --git a/app/.vitepress/src/views/other/projects/components/DocsList.vue b/app/.vitepress/src/views/other/projects/components/DocsList.vue
index 77df4b281..b1b518bcd 100644
--- a/app/.vitepress/src/views/other/projects/components/DocsList.vue
+++ b/app/.vitepress/src/views/other/projects/components/DocsList.vue
@@ -37,12 +37,12 @@ const goLink = (path: string) => {
             <div v-if="item.DESC" class="item-desc">{{ item.DESC }}</div>
             <div class="item-link">
               <OButton
+                v-for="(i, key) in item.LINK"
+                :key="key"
                 animation
                 type="text"
                 size="small"
                 class="item-link-button"
-                v-for="(i, key) in item.LINK"
-                :key="key"
                 @click="goLink(i.LINK)"
               >
                 {{ i.TEXT }}
@@ -77,12 +77,12 @@ const goLink = (path: string) => {
           </div>
           <div class="docs-item-link">
             <OButton
+              v-for="(i, key) in item.LINK"
+              :key="key"
               animation
               type="text"
               size="small"
               class="button"
-              v-for="(i, key) in item.LINK"
-              :key="key"
               @click="goLink(i.LINK)"
             >
               {{ i.TEXT }}
-- 
Gitee


From b925f3d4f2ba76943e5149af9fbe8d134c29b3e9 Mon Sep 17 00:00:00 2001
From: zhangshuai <1016868503@qq.com>
Date: Tue, 2 Aug 2022 14:33:39 +0800
Subject: [PATCH 2/3] =?UTF-8?q?feat:=E6=96=B0=E5=A2=9E=E4=BA=86title?=
 =?UTF-8?q?=EF=BC=8C=E4=BF=AE=E5=A4=8Dimportant=E7=9A=84=E9=97=AE=E9=A2=98?=
 =?UTF-8?q?=EF=BC=8C=E4=BF=AE=E5=A4=8D=E6=89=93=E5=8C=85=E9=94=99=E8=AF=AF?=
 =?UTF-8?q?=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/views/download/TheMirList.vue         | 130 +++++++++---------
 .../src/views/download/TheMirSelect.vue       |  99 +++++++------
 .../src/views/home/HomePlayground.vue         |  15 +-
 app/en/download/index.md                      |   4 +
 app/en/index.md                               |   3 +
 app/en/mirror/list/index.md                   |   3 +
 app/en/mirror/select/index.md                 |   9 ++
 app/en/other/brand/index.md                   |   4 +
 app/en/other/legal/index.md                   |   1 -
 app/ru/download/index.md                      |   4 +
 app/ru/index.md                               |   4 +
 app/ru/mirror/list/index.md                   |   3 +
 app/ru/mirror/select/index.md                 |   9 ++
 app/ru/other/brand/index.md                   |   4 +
 app/ru/other/legal/index.md                   |   1 -
 app/zh/download/index.md                      |   3 +
 app/zh/index.md                               |   3 +
 app/zh/mirror/list/index.md                   |   4 +
 app/zh/mirror/select/index.md                 |   4 +
 app/zh/other/brand/index.md                   |   3 +
 app/zh/other/legal/index.md                   |   1 -
 21 files changed, 183 insertions(+), 128 deletions(-)
 create mode 100644 app/en/mirror/select/index.md
 create mode 100644 app/ru/mirror/select/index.md

diff --git a/app/.vitepress/src/views/download/TheMirList.vue b/app/.vitepress/src/views/download/TheMirList.vue
index 64032be3a..cf7d0f5a3 100644
--- a/app/.vitepress/src/views/download/TheMirList.vue
+++ b/app/.vitepress/src/views/download/TheMirList.vue
@@ -241,68 +241,6 @@ onMounted(async () => {
     </div>
   </div>
 </template>
-
-<style lang="scss">
-.mirror-list {
-  &-header {
-    background: var(--o-color-bg3) !important;
-    font-size: var(--o-font-size-h8);
-    font-weight: 400;
-    color: var(--o-color-text2);
-    line-height: 54px;
-    padding: 0 !important;
-    .cell {
-      padding-left: 0px !important;
-      padding-right: var(--o-spacing-h6) !important;
-    }
-  }
-  &-header:first-child {
-    .cell {
-      padding-left: var(--o-spacing-h2) !important;
-    }
-  }
-  &-header:last-child {
-    .cell {
-      padding-right: var(--o-spacing-h2) !important;
-    }
-  }
-
-  &-area {
-    .mirror-list-row {
-      font-size: var(--o-font-size-h7) !important;
-      font-weight: 800 !important;
-      height: 72px !important;
-      border: none !important;
-      a {
-        color: var(--o-color-text2) !important;
-      }
-    }
-  }
-
-  &-row {
-    font-size: var(--o-font-size-h8);
-    font-weight: 400;
-    color: var(--o-color-text2);
-    height: 54px;
-    border-bottom: 1px var(--o-color-division) solid !important;
-    .cell {
-      padding-left: 0px !important;
-      padding-right: var(--o-spacing-h6) !important;
-    }
-  }
-  &-row:first-child {
-    .cell {
-      padding-left: var(--o-spacing-h2) !important;
-    }
-  }
-  &-row:last-child {
-    .cell {
-      padding-right: var(--o-spacing-h2) !important;
-    }
-  }
-}
-</style>
-
 <style lang="scss" scoped>
 .mirror {
   &-mobile {
@@ -356,7 +294,65 @@ onMounted(async () => {
     }
   }
 }
-.mirror-list {
+:deep.mirror-list {
+  .mirror-list-area {
+    .mirror-list-row {
+      line-height: 72px;
+      border: none;
+      a {
+        font-size: var(--o-font-size-h7);
+        line-height: var(--o-line-height-h7);
+        font-weight: 800;
+        color: var(--o-color-text2);
+      }
+    }
+  }
+  .mirror-list-header {
+    background: var(--o-color-bg3);
+    font-size: var(--o-font-size-h8);
+    font-weight: 400;
+    color: var(--o-color-text2);
+    line-height: 54px;
+    padding: 0 !important;
+    .cell {
+      padding: 0 var(--o-spacing-h6) 0 0;
+    }
+
+    &:first-child {
+      .cell {
+        padding-left: var(--o-spacing-h2);
+      }
+    }
+
+    &:last-child {
+      .cell {
+        padding-right: var(--o-spacing-h2);
+      }
+    }
+  }
+
+  .mirror-list-row {
+    font-size: var(--o-font-size-h8);
+    font-weight: 400;
+    color: var(--o-color-text2);
+    height: 54px;
+    border-bottom: 1px var(--o-color-division) solid;
+    .cell {
+      padding-left: 0px;
+      padding-right: var(--o-spacing-h6);
+    }
+
+    &:first-child {
+      .cell {
+        padding-left: var(--o-spacing-h2);
+      }
+    }
+    &:last-child {
+      .cell {
+        padding-right: var(--o-spacing-h2);
+      }
+    }
+  }
   max-width: 1504px;
   margin: 0 auto;
   padding: 0 var(--o-spacing-h2);
@@ -387,15 +383,15 @@ onMounted(async () => {
     cursor: pointer;
     color: var(--o-color-brand);
     display: block;
-    width: 24px;
-    height: 24px;
+    width: var(--o-line-height-h8);
+    height: var(--o-line-height-h8);
   }
   &-ftp {
     cursor: pointer;
     color: var(--o-color-brand);
     display: block;
-    width: 24px;
-    height: 24px;
+    width: var(--o-line-height-h8);
+    height: var(--o-line-height-h8);
   }
 }
 
diff --git a/app/.vitepress/src/views/download/TheMirSelect.vue b/app/.vitepress/src/views/download/TheMirSelect.vue
index f39b3c35c..fe2505875 100644
--- a/app/.vitepress/src/views/download/TheMirSelect.vue
+++ b/app/.vitepress/src/views/download/TheMirSelect.vue
@@ -219,56 +219,6 @@ onMounted(async () => {
     </div>
   </div>
 </template>
-
-<style lang="scss">
-.mirror-select {
-  &-header {
-    background: var(--o-color-bg3) !important;
-    font-size: var(--o-font-size-h8);
-    font-weight: 400;
-    color: var(--o-color-text2);
-    line-height: 54px;
-    padding: 0 !important;
-    .cell {
-      padding-left: 0px !important;
-      padding-right: var(--o-spacing-h6) !important;
-    }
-  }
-  &-header:first-child {
-    .cell {
-      padding-left: var(--o-spacing-h2) !important;
-    }
-  }
-  &-header:last-child {
-    .cell {
-      padding-right: var(--o-spacing-h2) !important;
-    }
-  }
-
-  &-row {
-    font-size: var(--o-font-size-h8);
-    font-weight: 400;
-    color: var(--o-color-text2);
-    height: 54px;
-    border-bottom: 1px var(--o-color-division) solid !important;
-    .cell {
-      padding-left: 0px !important;
-      padding-right: var(--o-spacing-h6) !important;
-    }
-  }
-  &-row:first-child {
-    .cell {
-      padding-left: var(--o-spacing-h2) !important;
-    }
-  }
-  &-row:last-child {
-    .cell {
-      padding-right: var(--o-spacing-h2) !important;
-    }
-  }
-}
-</style>
-
 <style lang="scss" scoped>
 .mirror {
   &-mobile {
@@ -320,7 +270,54 @@ onMounted(async () => {
     }
   }
 }
-.mirror-select {
+:deep.mirror-select {
+  .mirror-select-header {
+    background: var(--o-color-bg3);
+    font-size: var(--o-font-size-h8);
+    font-weight: 400;
+    color: var(--o-color-text2);
+    line-height: 54px;
+    padding: 0 !important;
+    .cell {
+      padding: 0 var(--o-spacing-h6) 0 0;
+    }
+
+    &:first-child {
+      .cell {
+        padding-left: var(--o-spacing-h2);
+      }
+    }
+
+    &:last-child {
+      .cell {
+        padding-right: var(--o-spacing-h2);
+      }
+    }
+  }
+
+  .mirror-select-row {
+    font-size: var(--o-font-size-h8);
+    font-weight: 400;
+    color: var(--o-color-text2);
+    height: 54px;
+    border-bottom: 1px var(--o-color-division) solid;
+    .cell {
+      padding-left: 0px;
+      padding-right: var(--o-spacing-h6);
+    }
+
+    &:first-child {
+      .cell {
+        padding-left: var(--o-spacing-h2);
+      }
+    }
+    &:last-child {
+      .cell {
+        padding-right: var(--o-spacing-h2);
+      }
+    }
+  }
+
   max-width: 1504px;
   margin: 0 auto;
   padding: 0 var(--o-spacing-h2);
diff --git a/app/.vitepress/src/views/home/HomePlayground.vue b/app/.vitepress/src/views/home/HomePlayground.vue
index 8e4ab0240..020d7dc49 100644
--- a/app/.vitepress/src/views/home/HomePlayground.vue
+++ b/app/.vitepress/src/views/home/HomePlayground.vue
@@ -12,14 +12,15 @@ const codingData = [
 ];
 const { theme: i18n } = useData();
 const textBlock = ref(false);
-const observe = new IntersectionObserver((res) => {
-  if (res[0].intersectionRatio <= 0) return;
-  textBlock.value = false;
-  nextTick(() => {
-    textBlock.value = true;
-  });
-});
+
 onMounted(() => {
+  const observe = new IntersectionObserver((res) => {
+    if (res[0].intersectionRatio <= 0) return;
+    textBlock.value = false;
+    nextTick(() => {
+      textBlock.value = true;
+    });
+  });
   playground.value && observe.observe(playground.value);
 });
 </script>
diff --git a/app/en/download/index.md b/app/en/download/index.md
index 1f698762f..b24bc5b4e 100644
--- a/app/en/download/index.md
+++ b/app/en/download/index.md
@@ -1,3 +1,7 @@
+---
+title: "Download"
+
+---
 <script setup>
   import TheDownload from "@/views/download/TheDownload.vue"
 </script>
diff --git a/app/en/index.md b/app/en/index.md
index 529ca3041..c496cbbfe 100644
--- a/app/en/index.md
+++ b/app/en/index.md
@@ -1,3 +1,6 @@
+---
+title: "openEuler"
+---
 <script setup>
   import TheHome from "@/views/home/TheHome.vue"
 </script>
diff --git a/app/en/mirror/list/index.md b/app/en/mirror/list/index.md
index 0b715cc9d..56d0e292c 100644
--- a/app/en/mirror/list/index.md
+++ b/app/en/mirror/list/index.md
@@ -1,3 +1,6 @@
+---
+title: "Mirrors"
+---
 <script setup>
   import TheMirList from "@/views/download/TheMirList.vue"
 </script>
diff --git a/app/en/mirror/select/index.md b/app/en/mirror/select/index.md
new file mode 100644
index 000000000..97f2c2022
--- /dev/null
+++ b/app/en/mirror/select/index.md
@@ -0,0 +1,9 @@
+---
+title: "Selected Mirrors"
+---
+
+<script setup>
+  import TheMirSelect from "@/views/download/TheMirSelect.vue"
+</script>
+
+<TheMirSelect />
diff --git a/app/en/other/brand/index.md b/app/en/other/brand/index.md
index 7c858a257..4882099a0 100644
--- a/app/en/other/brand/index.md
+++ b/app/en/other/brand/index.md
@@ -1,3 +1,7 @@
+---
+title: "TradeMark"
+
+---
 <script setup>
   import TheBrand from "@/views/brand/TheBrand.vue"
 </script>
diff --git a/app/en/other/legal/index.md b/app/en/other/legal/index.md
index b915e5ff1..20fe2294d 100644
--- a/app/en/other/legal/index.md
+++ b/app/en/other/legal/index.md
@@ -1,6 +1,5 @@
 ---
 title: '法律声明'
-tags: legal
 ---
 
 <!--  TODO: BANNER -->
diff --git a/app/ru/download/index.md b/app/ru/download/index.md
index 1f698762f..b24bc5b4e 100644
--- a/app/ru/download/index.md
+++ b/app/ru/download/index.md
@@ -1,3 +1,7 @@
+---
+title: "Download"
+
+---
 <script setup>
   import TheDownload from "@/views/download/TheDownload.vue"
 </script>
diff --git a/app/ru/index.md b/app/ru/index.md
index 529ca3041..d64c72607 100644
--- a/app/ru/index.md
+++ b/app/ru/index.md
@@ -1,3 +1,7 @@
+---
+title: 'openEuler'
+---
+
 <script setup>
   import TheHome from "@/views/home/TheHome.vue"
 </script>
diff --git a/app/ru/mirror/list/index.md b/app/ru/mirror/list/index.md
index 0b715cc9d..56d0e292c 100644
--- a/app/ru/mirror/list/index.md
+++ b/app/ru/mirror/list/index.md
@@ -1,3 +1,6 @@
+---
+title: "Mirrors"
+---
 <script setup>
   import TheMirList from "@/views/download/TheMirList.vue"
 </script>
diff --git a/app/ru/mirror/select/index.md b/app/ru/mirror/select/index.md
new file mode 100644
index 000000000..97f2c2022
--- /dev/null
+++ b/app/ru/mirror/select/index.md
@@ -0,0 +1,9 @@
+---
+title: "Selected Mirrors"
+---
+
+<script setup>
+  import TheMirSelect from "@/views/download/TheMirSelect.vue"
+</script>
+
+<TheMirSelect />
diff --git a/app/ru/other/brand/index.md b/app/ru/other/brand/index.md
index 7c858a257..4882099a0 100644
--- a/app/ru/other/brand/index.md
+++ b/app/ru/other/brand/index.md
@@ -1,3 +1,7 @@
+---
+title: "TradeMark"
+
+---
 <script setup>
   import TheBrand from "@/views/brand/TheBrand.vue"
 </script>
diff --git a/app/ru/other/legal/index.md b/app/ru/other/legal/index.md
index a4be2e434..47143e734 100644
--- a/app/ru/other/legal/index.md
+++ b/app/ru/other/legal/index.md
@@ -1,6 +1,5 @@
 ---
 title: '法律声明'
-tags: legal
 ---
 
 <!--  TODO: BANNER -->
diff --git a/app/zh/download/index.md b/app/zh/download/index.md
index 1f698762f..82c225c8e 100644
--- a/app/zh/download/index.md
+++ b/app/zh/download/index.md
@@ -1,3 +1,6 @@
+---
+title: "下载"
+---
 <script setup>
   import TheDownload from "@/views/download/TheDownload.vue"
 </script>
diff --git a/app/zh/index.md b/app/zh/index.md
index 529ca3041..c496cbbfe 100644
--- a/app/zh/index.md
+++ b/app/zh/index.md
@@ -1,3 +1,6 @@
+---
+title: "openEuler"
+---
 <script setup>
   import TheHome from "@/views/home/TheHome.vue"
 </script>
diff --git a/app/zh/mirror/list/index.md b/app/zh/mirror/list/index.md
index 0b715cc9d..b40e6d8fa 100644
--- a/app/zh/mirror/list/index.md
+++ b/app/zh/mirror/list/index.md
@@ -1,3 +1,7 @@
+---
+title: '镜像列表'
+---
+
 <script setup>
   import TheMirList from "@/views/download/TheMirList.vue"
 </script>
diff --git a/app/zh/mirror/select/index.md b/app/zh/mirror/select/index.md
index b542c94bb..8be462962 100644
--- a/app/zh/mirror/select/index.md
+++ b/app/zh/mirror/select/index.md
@@ -1,3 +1,7 @@
+---
+title: '镜像选择'
+---
+
 <script setup>
   import TheMirSelect from "@/views/download/TheMirSelect.vue"
 </script>
diff --git a/app/zh/other/brand/index.md b/app/zh/other/brand/index.md
index 7c858a257..51f59f0a1 100644
--- a/app/zh/other/brand/index.md
+++ b/app/zh/other/brand/index.md
@@ -1,3 +1,6 @@
+---
+title: "品牌"
+---
 <script setup>
   import TheBrand from "@/views/brand/TheBrand.vue"
 </script>
diff --git a/app/zh/other/legal/index.md b/app/zh/other/legal/index.md
index 8b0b94e82..ad97933f4 100644
--- a/app/zh/other/legal/index.md
+++ b/app/zh/other/legal/index.md
@@ -1,6 +1,5 @@
 ---
 title: '法律声明'
-tags: legal
 ---
 
 <!--  TODO: BANNER -->
-- 
Gitee


From c0510126d707c5e0900442bc3f3588ad1f019bf7 Mon Sep 17 00:00:00 2001
From: zhangshuai <1016868503@qq.com>
Date: Wed, 3 Aug 2022 11:17:20 +0800
Subject: [PATCH 3/3] =?UTF-8?q?feat:=E6=96=B0=E5=A2=9E=E5=9C=B0=E5=9B=BE?=
 =?UTF-8?q?=E6=A8=A1=E5=9D=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/.vitepress/src/views/brand/TheBrand.vue   |  11 +-
 .../src/views/download/MapContainer.vue       |  74 +++
 .../src/views/download/TheDownload.vue        |  20 +-
 .../src/views/download/TheMirList.vue         |  51 +-
 .../src/views/download/TheMirSelect.vue       |  53 +-
 .../src/views/home/CommunityActivity.vue      |   4 +-
 .../src/views/home/HomeCarousel.vue           |   4 +-
 app/.vitepress/src/views/home/UserCase.vue    |  13 +-
 package-lock.json                             |  11 +
 package.json                                  |   1 +
 pnpm-lock.yaml                                | 482 ++++++++----------
 11 files changed, 423 insertions(+), 301 deletions(-)
 create mode 100644 app/.vitepress/src/views/download/MapContainer.vue

diff --git a/app/.vitepress/src/views/brand/TheBrand.vue b/app/.vitepress/src/views/brand/TheBrand.vue
index 0e5006b96..e1e1c8e0d 100644
--- a/app/.vitepress/src/views/brand/TheBrand.vue
+++ b/app/.vitepress/src/views/brand/TheBrand.vue
@@ -41,6 +41,7 @@ const initList = () => {
 
   for (let i = 0; i < imageList.length; i++) {
     const temp = {
+      id: i,
       name: cndata.PICTURE_TITLE[i],
       url: imageList[i],
       image: cndata[nameList[i]],
@@ -67,15 +68,15 @@ list.value = initList();
       <p class="brand-word">{{ i18n.brand.WORDS }}</p>
     </div>
     <div class="brand-list">
-      <OCard v-for="(item, index) in list" :key="index" class="brand-item">
+      <OCard v-for="item in list" :key="item.id" class="brand-item">
         <div class="brand-item-title">{{ item.name }}</div>
         <div class="brand-item-img">
           <img :src="item.mobile" />
         </div>
         <div class="button">
           <a
-            v-for="(item2, index2) in item.image"
-            :key="index2"
+            v-for="item2 in item.image"
+            :key="item2.STYLE"
             :href="item2.URL"
             target="_blank"
             download
@@ -89,8 +90,8 @@ list.value = initList();
       <h3>{{ i18n.brand.PPT_TEXT }}</h3>
       <div class="ppt-list">
         <OCard
-          v-for="(ppt, index) in i18n.brand.PPT_LIST"
-          :key="index"
+          v-for="ppt in i18n.brand.PPT_LIST"
+          :key="ppt.LINK"
           class="ppt-item"
           :style="{ padding: '0px' }"
         >
diff --git a/app/.vitepress/src/views/download/MapContainer.vue b/app/.vitepress/src/views/download/MapContainer.vue
new file mode 100644
index 000000000..0a8f12028
--- /dev/null
+++ b/app/.vitepress/src/views/download/MapContainer.vue
@@ -0,0 +1,74 @@
+<script setup lang="ts">
+import { onMounted, ShallowRef, toRefs } from 'vue';
+import AMapLoader from '@amap/amap-jsapi-loader';
+import { shallowRef } from 'vue';
+interface MapMsg {
+  name: string;
+  latitude: number;
+  longitude: number;
+}
+const props = defineProps({
+  mapData: {
+    type: Array,
+    default: () => [],
+  },
+});
+const { mapData } = toRefs(props);
+const map: ShallowRef<any> = shallowRef(null);
+const initMap = (lng: number, lat: number) => {
+  AMapLoader.load({
+    key: 'c042a36d28964bd1e1e1785849fb335f', // 申请好的Web端开发者Key，首次调用 load 时必填
+    version: '2.0', // 指定要加载的 JSAPI 的版本，缺省时默认为 1.4.15
+  })
+    .then((AMap) => {
+      map.value = new AMap.Map('container', {
+        zoom: 4, //  初始化地图级别
+        center: [lng, lat], //  初始化地图中心点位置
+      });
+      const point: any[] = [];
+
+      (mapData.value as MapMsg[])?.forEach((item: MapMsg) => {
+        const marker = new AMap.Marker({
+          position: new AMap.LngLat(item.longitude, item.latitude),
+          size: new AMap.Size(30, 35),
+          title: item.name,
+          anchor: 'bottom-center',
+        });
+        point.push(marker);
+      });
+
+      map.value.add(point);
+
+      AMap.plugin(['AMap.ToolBar', 'AMap.Scale'], function () {
+        // 在图面添加工具条控件，工具条控件集成了缩放、平移、定位等功能按钮在内的组合控件
+        map.value.addControl(
+          new AMap.ToolBar({
+            locate: true,
+            noIpLocate: true,
+          })
+        );
+        // 在图面添加比例尺控件，展示地图在当前层级和纬度下的比例尺
+        map.value.addControl(new AMap.Scale());
+      });
+    })
+    .catch((e: any) => {
+      throw new Error(e);
+    });
+};
+onMounted(() => {
+  setTimeout(function () {
+    initMap(114.06063, 22.64407);
+  }, 500);
+});
+</script>
+
+<template>
+  <div id="container"></div>
+</template>
+
+<style lang="scss" scoped>
+#container {
+  width: 100%;
+  height: 100%;
+}
+</style>
diff --git a/app/.vitepress/src/views/download/TheDownload.vue b/app/.vitepress/src/views/download/TheDownload.vue
index ba422b043..6177ba812 100644
--- a/app/.vitepress/src/views/download/TheDownload.vue
+++ b/app/.vitepress/src/views/download/TheDownload.vue
@@ -169,7 +169,7 @@ onMounted(() => {
       >
         <OTag
           v-for="(item, index) in tagManufacturer"
-          :key="index"
+          :key="item"
           class="download-filter-item"
           :type="
             index === 0
@@ -191,7 +191,7 @@ onMounted(() => {
       >
         <OTag
           v-for="(item, index) in tagPublish"
-          :key="index"
+          :key="item"
           class="download-filter-item"
           :type="
             index === 0
@@ -227,16 +227,16 @@ onMounted(() => {
       </div>
       <div class="download-filter-mobile-list">
         <div
-          v-for="(item, index) in activeManufacturer"
-          :key="index"
+          v-for="item in activeManufacturer"
+          :key="item"
           class="download-filter-mobile-card"
           @click="manufacturerClick(item, 1)"
         >
           {{ item }} <IconX class="download-filter-mobile-card-icon"></IconX>
         </div>
         <div
-          v-for="(item, index) in activePublish"
-          :key="index"
+          v-for="item in activePublish"
+          :key="item"
           class="download-filter-mobile-card"
           @click="publishClick(item, 1)"
         >
@@ -267,7 +267,7 @@ onMounted(() => {
         </div>
         <OTag
           v-for="(item, index) in tagManufacturer"
-          :key="index"
+          :key="item"
           class="download-filter-item"
           :type="
             index === 0
@@ -287,7 +287,7 @@ onMounted(() => {
         </div>
         <OTag
           v-for="(item, index) in tagPublish"
-          :key="index"
+          :key="item"
           class="download-filter-item"
           :type="
             index === 0
@@ -326,8 +326,8 @@ onMounted(() => {
     <!-- 表格 -->
     <div class="download-list">
       <OCard
-        v-for="(download, index) in dataList"
-        :key="index"
+        v-for="download in dataList"
+        :key="download.NAME"
         :style="{ padding: '0px' }"
         class="download-list-item"
       >
diff --git a/app/.vitepress/src/views/download/TheMirList.vue b/app/.vitepress/src/views/download/TheMirList.vue
index cf7d0f5a3..8ff6e3e50 100644
--- a/app/.vitepress/src/views/download/TheMirList.vue
+++ b/app/.vitepress/src/views/download/TheMirList.vue
@@ -7,9 +7,14 @@ import BannerLevel3 from '@/components/BannerLevel3.vue';
 import banner from '@/assets/banner-secondary.png';
 import { useData } from 'vitepress';
 import useWindowResize from '@/components/hooks/useWindowResize';
+import MapContainer from './MapContainer.vue';
 
 const { theme: i18n } = useData();
-
+interface MapMsg {
+  name: string;
+  latitude: number;
+  longitude: number;
+}
 interface MirrorMsg {
   name: string;
   location?: string;
@@ -27,6 +32,8 @@ const screenWidth = useWindowResize();
 
 const tableData: Ref<MirrorMsg[]> = ref([]);
 
+const mapData: Ref<MapMsg[]> = ref([]);
+
 const inputDom: Ref<HTMLElement | null> = ref(null);
 
 const initTable = (data: any[]) => {
@@ -69,6 +76,26 @@ const initTable = (data: any[]) => {
   result = [...asData, ...euData];
   return result;
 };
+
+const initMap = (data: any[]) => {
+  const result: MapMsg[] = [];
+  data.forEach((item) => {
+    const itemObj: MapMsg = {
+      name: '',
+      latitude: 0,
+      longitude: 0,
+    };
+
+    itemObj.name = item.Name;
+    itemObj.longitude = item.Longitude;
+    itemObj.latitude = item.Latitude;
+
+    result.push(itemObj);
+  });
+
+  return result;
+};
+
 const tableRowClassName = ({ row }: any) => {
   if (row.area) {
     return 'mirror-list-area';
@@ -87,7 +114,6 @@ const copyText = (value: string | undefined) => {
     type: 'success',
   });
 };
-
 const listData = computed(() => {
   return tableData.value.filter((item) => typeof item.area === 'undefined');
 });
@@ -96,6 +122,7 @@ onMounted(async () => {
   try {
     const responeData = await getAllMirror();
     tableData.value = initTable(responeData);
+    mapData.value = initMap(responeData);
   } catch (e: any) {
     throw new Error(e);
   }
@@ -174,7 +201,7 @@ onMounted(async () => {
       </OTableColumn>
     </OTable>
     <div v-else class="mirror-mobile">
-      <OCard v-for="(item, index) in listData" :key="index" class="mirror-card">
+      <OCard v-for="item in listData" :key="item.name" class="mirror-card">
         <div class="mirror-card-content">
           <div class="mirror-card-title">
             {{ i18n.download.MIRROR_ALL.NAME }}
@@ -235,6 +262,10 @@ onMounted(async () => {
         </div>
       </OCard>
     </div>
+    <div class="mirror-map">
+      <MapContainer :map-data="mapData"></MapContainer>
+    </div>
+
     <div class="input-box">
       <!-- 用于复制RSNC的值 -->
       <input id="useCopy" type="text" />
@@ -243,6 +274,11 @@ onMounted(async () => {
 </template>
 <style lang="scss" scoped>
 .mirror {
+  &-map {
+    margin-top: var(--o-spacing-h2);
+    width: 100%;
+    height: 996px;
+  }
   &-mobile {
     > :nth-child(odd) {
       background-color: var(--o-color-bg3);
@@ -294,8 +330,8 @@ onMounted(async () => {
     }
   }
 }
-:deep.mirror-list {
-  .mirror-list-area {
+.mirror-list {
+  :deep(.mirror-list-area) {
     .mirror-list-row {
       line-height: 72px;
       border: none;
@@ -307,7 +343,7 @@ onMounted(async () => {
       }
     }
   }
-  .mirror-list-header {
+  :deep(.mirror-list-header) {
     background: var(--o-color-bg3);
     font-size: var(--o-font-size-h8);
     font-weight: 400;
@@ -331,7 +367,7 @@ onMounted(async () => {
     }
   }
 
-  .mirror-list-row {
+  :deep(.mirror-list-row) {
     font-size: var(--o-font-size-h8);
     font-weight: 400;
     color: var(--o-color-text2);
@@ -353,6 +389,7 @@ onMounted(async () => {
       }
     }
   }
+
   max-width: 1504px;
   margin: 0 auto;
   padding: 0 var(--o-spacing-h2);
diff --git a/app/.vitepress/src/views/download/TheMirSelect.vue b/app/.vitepress/src/views/download/TheMirSelect.vue
index fe2505875..c23436bb8 100644
--- a/app/.vitepress/src/views/download/TheMirSelect.vue
+++ b/app/.vitepress/src/views/download/TheMirSelect.vue
@@ -6,9 +6,16 @@ import banner from '@/assets/banner-secondary.png';
 
 import { useData } from 'vitepress';
 import useWindowResize from '@/components/hooks/useWindowResize';
+import MapContainer from './MapContainer.vue';
 
 const { theme: i18n } = useData();
 
+interface MapMsg {
+  name: string;
+  latitude: number;
+  longitude: number;
+}
+
 interface MirrorMsg {
   icon: string;
   name: string;
@@ -20,6 +27,8 @@ interface MirrorMsg {
   lat: string;
 }
 
+const mapData: Ref<MapMsg[]> = ref([]);
+
 const screenWidth = useWindowResize();
 
 const tableData: Ref<MirrorMsg[]> = ref([]);
@@ -97,10 +106,30 @@ const initTable = (responeData: any) => {
   });
 };
 
+const initMap = (data: any[]) => {
+  const result: MapMsg[] = [];
+  data.forEach((item) => {
+    const itemObj: MapMsg = {
+      name: '',
+      latitude: 0,
+      longitude: 0,
+    };
+
+    itemObj.name = item.Name;
+    itemObj.longitude = item.Longitude;
+    itemObj.latitude = item.Latitude;
+
+    result.push(itemObj);
+  });
+
+  return result;
+};
+
 onMounted(async () => {
   try {
     const responeData = await selectMirror(GetUrlParam('version'));
     initTable(responeData);
+    mapData.value = initMap(responeData?.MirrorList);
   } catch (e: any) {
     throw new Error(e);
   }
@@ -172,7 +201,7 @@ onMounted(async () => {
     <div v-else class="mirror-mobile">
       <OCard
         v-for="(item, index) in tableData"
-        :key="index"
+        :key="item.name"
         class="mirror-card"
       >
         <div class="mirror-card-content">
@@ -217,10 +246,18 @@ onMounted(async () => {
         </div>
       </OCard>
     </div>
+    <div class="mirror-map">
+      <MapContainer :map-data="mapData"></MapContainer>
+    </div>
   </div>
 </template>
 <style lang="scss" scoped>
 .mirror {
+  &-map {
+    margin-top: var(--o-spacing-h2);
+    width: 100%;
+    height: 996px;
+  }
   &-mobile {
     > :nth-child(odd) {
       background-color: var(--o-color-bg3);
@@ -270,8 +307,8 @@ onMounted(async () => {
     }
   }
 }
-:deep.mirror-select {
-  .mirror-select-header {
+.mirror-select {
+  :deep(.mirror-select-header) {
     background: var(--o-color-bg3);
     font-size: var(--o-font-size-h8);
     font-weight: 400;
@@ -295,7 +332,7 @@ onMounted(async () => {
     }
   }
 
-  .mirror-select-row {
+  :deep(.mirror-select-row) {
     font-size: var(--o-font-size-h8);
     font-weight: 400;
     color: var(--o-color-text2);
@@ -341,7 +378,7 @@ onMounted(async () => {
     color: var(--o-color-brand);
   }
 
-  &-name {
+  .mirror-select-name {
     display: flex;
     flex-flow: row;
     justify-content: flex-start;
@@ -352,14 +389,14 @@ onMounted(async () => {
       height: var(--o-line-height-text);
     }
   }
-  &-rsnc {
+  .mirror-select-rsnc {
     cursor: pointer;
     color: var(--o-color-brand);
     display: block;
     width: 24px;
     height: 24px;
   }
-  &-ftp {
+  .mirror-select-ftp {
     cursor: pointer;
     color: var(--o-color-brand);
     display: block;
@@ -367,7 +404,7 @@ onMounted(async () => {
     height: 24px;
   }
 
-  &-link {
+  .mirror-select-link {
     overflow: hidden;
     white-space: nowrap;
     text-overflow: ellipsis;
diff --git a/app/.vitepress/src/views/home/CommunityActivity.vue b/app/.vitepress/src/views/home/CommunityActivity.vue
index 8115344fa..40819cc05 100644
--- a/app/.vitepress/src/views/home/CommunityActivity.vue
+++ b/app/.vitepress/src/views/home/CommunityActivity.vue
@@ -40,8 +40,8 @@ const go = (path: string) => {
       <OCard class="round-card" :style="{ padding: '0px' }">
         <div class="round-list">
           <div
-            v-for="(item, index) in i18n.home.HOME_ROUND.ROUND_LIST"
-            :key="index"
+            v-for="item in i18n.home.HOME_ROUND.ROUND_LIST"
+            :key="item.ROUND_TEXT"
             class="round-item"
           >
             <img
diff --git a/app/.vitepress/src/views/home/HomeCarousel.vue b/app/.vitepress/src/views/home/HomeCarousel.vue
index 471c11e41..3d83710e1 100644
--- a/app/.vitepress/src/views/home/HomeCarousel.vue
+++ b/app/.vitepress/src/views/home/HomeCarousel.vue
@@ -37,7 +37,7 @@ const go = (path: string) => {
           <div class="carousel-pc-list">
             <div
               v-for="(item, index) in i18n.home.IMG_CAROUSE.LIST"
-              :key="index"
+              :key="item.TITLE"
               :class="['carousel-pc-title', active === index ? 'active' : '']"
               @click="changeActive(index)"
             >
@@ -73,7 +73,7 @@ const go = (path: string) => {
     >
       <OCollapseItem
         v-for="(item, index) in i18n.home.IMG_CAROUSE.LIST"
-        :key="index"
+        :key="index.TITLE"
         :name="index"
         class="carousel-mobile-card"
       >
diff --git a/app/.vitepress/src/views/home/UserCase.vue b/app/.vitepress/src/views/home/UserCase.vue
index ae97fadbb..b3aff1eb6 100644
--- a/app/.vitepress/src/views/home/UserCase.vue
+++ b/app/.vitepress/src/views/home/UserCase.vue
@@ -80,7 +80,7 @@ onMounted(() => {
     >
       <OCollapseItem
         v-for="(item, index) in i18n.home.USER_CASE.CASE_LIST"
-        :key="index"
+        :key="item.TYPE"
         class="case-mobile-list"
         :name="index"
       >
@@ -105,9 +105,8 @@ onMounted(() => {
         </template>
         <div class="user-mobile">
           <div
-            v-for="(user, index2) in caseData[lang] &&
-            caseData[lang][item.TYPE]"
-            :key="index2"
+            v-for="user in caseData[lang] && caseData[lang][item.TYPE]"
+            :key="user.company"
             class="user-card"
           >
             <div class="user-title">{{ user.company }}</div>
@@ -121,7 +120,7 @@ onMounted(() => {
         <div class="case-tab">
           <div
             v-for="(item, index) in i18n.home.USER_CASE.CASE_LIST"
-            :key="index"
+            :key="item.TYPE"
             class="case-tab-item"
             @click="changeActive(index)"
           >
@@ -142,9 +141,9 @@ onMounted(() => {
         </div>
         <div class="case-user">
           <a
-            v-for="(item2, index2) in caseData[lang] &&
+            v-for="item2 in caseData[lang] &&
             caseData[lang][i18n.home.USER_CASE.CASE_LIST[active].TYPE]"
-            :key="index2"
+            :key="item2.company"
             class="user-card"
             @click="go(item2.path)"
           >
diff --git a/package-lock.json b/package-lock.json
index b65d1956e..1ff5ee48e 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -8,6 +8,7 @@
       "name": "openeuler-portal",
       "version": "0.0.1",
       "dependencies": {
+        "@amap/amap-jsapi-loader": "^1.0.1",
         "axios": "^0.27.2",
         "element-plus": "^2.2.9",
         "lodash": "^4.17.21",
@@ -193,6 +194,11 @@
         "@algolia/requester-common": "4.13.1"
       }
     },
+    "node_modules/@amap/amap-jsapi-loader": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@amap/amap-jsapi-loader/-/amap-jsapi-loader-1.0.1.tgz",
+      "integrity": "sha512-nPyLKt7Ow/ThHLkSvn2etQlUzqxmTVgK7bIgwdBRTg2HK5668oN7xVxkaiRe3YZEzGzfV2XgH5Jmu2T73ljejw=="
+    },
     "node_modules/@ampproject/remapping": {
       "version": "2.2.0",
       "resolved": "https://registry.npmjs.org/@ampproject/remapping/-/remapping-2.2.0.tgz",
@@ -5491,6 +5497,11 @@
         "@algolia/requester-common": "4.13.1"
       }
     },
+    "@amap/amap-jsapi-loader": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@amap/amap-jsapi-loader/-/amap-jsapi-loader-1.0.1.tgz",
+      "integrity": "sha512-nPyLKt7Ow/ThHLkSvn2etQlUzqxmTVgK7bIgwdBRTg2HK5668oN7xVxkaiRe3YZEzGzfV2XgH5Jmu2T73ljejw=="
+    },
     "@ampproject/remapping": {
       "version": "2.2.0",
       "resolved": "https://registry.npmjs.org/@ampproject/remapping/-/remapping-2.2.0.tgz",
diff --git a/package.json b/package.json
index 6e025faf9..02d9b7293 100644
--- a/package.json
+++ b/package.json
@@ -14,6 +14,7 @@
   "author": "",
   "license": "",
   "dependencies": {
+    "@amap/amap-jsapi-loader": "^1.0.1",
     "axios": "^0.27.2",
     "element-plus": "^2.2.9",
     "lodash": "^4.17.21",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 306a0d3bf..9dba4d88c 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -1,6 +1,7 @@
 lockfileVersion: 5.4
 
 specifiers:
+  '@amap/amap-jsapi-loader': ^1.0.1
   '@types/node': ^18.0.1
   '@typescript-eslint/eslint-plugin': ^5.30.5
   '@typescript-eslint/parser': ^5.30.5
@@ -27,6 +28,7 @@ specifiers:
   vue: ^3.2.33
 
 dependencies:
+  '@amap/amap-jsapi-loader': 1.0.1
   axios: registry.npmmirror.com/axios/0.27.2
   element-plus: registry.npmmirror.com/element-plus/2.2.9_vue@3.2.33
   lodash: registry.npmmirror.com/lodash/4.17.21
@@ -56,6 +58,202 @@ devDependencies:
 
 packages:
 
+  /@amap/amap-jsapi-loader/1.0.1:
+    resolution: {integrity: sha512-nPyLKt7Ow/ThHLkSvn2etQlUzqxmTVgK7bIgwdBRTg2HK5668oN7xVxkaiRe3YZEzGzfV2XgH5Jmu2T73ljejw==}
+    dev: false
+
+  /@sxzz/popperjs-es/2.11.7:
+    resolution: {integrity: sha512-Ccy0NlLkzr0Ex2FKvh2X+OyERHXJ88XJ1MXtsI9y9fGexlaXaVTPzBCRBwIxFkORuOb+uBqeu+RqnpgYTEZRUQ==}
+    dev: false
+
+  /esbuild-android-64/0.14.48:
+    resolution: {integrity: sha512-3aMjboap/kqwCUpGWIjsk20TtxVoKck8/4Tu19rubh7t5Ra0Yrpg30Mt1QXXlipOazrEceGeWurXKeFJgkPOUg==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [android]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /esbuild-android-arm64/0.14.48:
+    resolution: {integrity: sha512-vptI3K0wGALiDq+EvRuZotZrJqkYkN5282iAfcffjI5lmGG9G1ta/CIVauhY42MBXwEgDJkweiDcDMRLzBZC4g==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [android]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /esbuild-darwin-64/0.14.48:
+    resolution: {integrity: sha512-gGQZa4+hab2Va/Zww94YbshLuWteyKGD3+EsVon8EWTWhnHFRm5N9NbALNbwi/7hQ/hM1Zm4FuHg+k6BLsl5UA==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [darwin]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /esbuild-darwin-arm64/0.14.48:
+    resolution: {integrity: sha512-bFjnNEXjhZT+IZ8RvRGNJthLWNHV5JkCtuOFOnjvo5pC0sk2/QVk0Qc06g2PV3J0TcU6kaPC3RN9yy9w2PSLEA==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [darwin]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /esbuild-freebsd-64/0.14.48:
+    resolution: {integrity: sha512-1NOlwRxmOsnPcWOGTB10JKAkYSb2nue0oM1AfHWunW/mv3wERfJmnYlGzL3UAOIUXZqW8GeA2mv+QGwq7DToqA==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [freebsd]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /esbuild-freebsd-arm64/0.14.48:
+    resolution: {integrity: sha512-gXqKdO8wabVcYtluAbikDH2jhXp+Klq5oCD5qbVyUG6tFiGhrC9oczKq3vIrrtwcxDQqK6+HDYK8Zrd4bCA9Gw==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [freebsd]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /esbuild-linux-32/0.14.48:
+    resolution: {integrity: sha512-ghGyDfS289z/LReZQUuuKq9KlTiTspxL8SITBFQFAFRA/IkIvDpnZnCAKTCjGXAmUqroMQfKJXMxyjJA69c/nQ==}
+    engines: {node: '>=12'}
+    cpu: [ia32]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /esbuild-linux-64/0.14.48:
+    resolution: {integrity: sha512-vni3p/gppLMVZLghI7oMqbOZdGmLbbKR23XFARKnszCIBpEMEDxOMNIKPmMItQrmH/iJrL1z8Jt2nynY0bE1ug==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /esbuild-linux-arm/0.14.48:
+    resolution: {integrity: sha512-+VfSV7Akh1XUiDNXgqgY1cUP1i2vjI+BmlyXRfVz5AfV3jbpde8JTs5Q9sYgaoq5cWfuKfoZB/QkGOI+QcL1Tw==}
+    engines: {node: '>=12'}
+    cpu: [arm]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /esbuild-linux-arm64/0.14.48:
+    resolution: {integrity: sha512-3CFsOlpoxlKPRevEHq8aAntgYGYkE1N9yRYAcPyng/p4Wyx0tPR5SBYsxLKcgPB9mR8chHEhtWYz6EZ+H199Zw==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /esbuild-linux-mips64le/0.14.48:
+    resolution: {integrity: sha512-cs0uOiRlPp6ymknDnjajCgvDMSsLw5mST2UXh+ZIrXTj2Ifyf2aAP3Iw4DiqgnyYLV2O/v/yWBJx+WfmKEpNLA==}
+    engines: {node: '>=12'}
+    cpu: [mips64el]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /esbuild-linux-ppc64le/0.14.48:
+    resolution: {integrity: sha512-+2F0vJMkuI0Wie/wcSPDCqXvSFEELH7Jubxb7mpWrA/4NpT+/byjxDz0gG6R1WJoeDefcrMfpBx4GFNN1JQorQ==}
+    engines: {node: '>=12'}
+    cpu: [ppc64]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /esbuild-linux-riscv64/0.14.48:
+    resolution: {integrity: sha512-BmaK/GfEE+5F2/QDrIXteFGKnVHGxlnK9MjdVKMTfvtmudjY3k2t8NtlY4qemKSizc+QwyombGWTBDc76rxePA==}
+    engines: {node: '>=12'}
+    cpu: [riscv64]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /esbuild-linux-s390x/0.14.48:
+    resolution: {integrity: sha512-tndw/0B9jiCL+KWKo0TSMaUm5UWBLsfCKVdbfMlb3d5LeV9WbijZ8Ordia8SAYv38VSJWOEt6eDCdOx8LqkC4g==}
+    engines: {node: '>=12'}
+    cpu: [s390x]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /esbuild-netbsd-64/0.14.48:
+    resolution: {integrity: sha512-V9hgXfwf/T901Lr1wkOfoevtyNkrxmMcRHyticybBUHookznipMOHoF41Al68QBsqBxnITCEpjjd4yAos7z9Tw==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [netbsd]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /esbuild-openbsd-64/0.14.48:
+    resolution: {integrity: sha512-+IHf4JcbnnBl4T52egorXMatil/za0awqzg2Vy6FBgPcBpisDWT2sVz/tNdrK9kAqj+GZG/jZdrOkj7wsrNTKA==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [openbsd]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /esbuild-sunos-64/0.14.48:
+    resolution: {integrity: sha512-77m8bsr5wOpOWbGi9KSqDphcq6dFeJyun8TA+12JW/GAjyfTwVtOnN8DOt6DSPUfEV+ltVMNqtXUeTeMAxl5KA==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [sunos]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /esbuild-windows-32/0.14.48:
+    resolution: {integrity: sha512-EPgRuTPP8vK9maxpTGDe5lSoIBHGKO/AuxDncg5O3NkrPeLNdvvK8oywB0zGaAZXxYWfNNSHskvvDgmfVTguhg==}
+    engines: {node: '>=12'}
+    cpu: [ia32]
+    os: [win32]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /esbuild-windows-64/0.14.48:
+    resolution: {integrity: sha512-YmpXjdT1q0b8ictSdGwH3M8VCoqPpK1/UArze3X199w6u8hUx3V8BhAi1WjbsfDYRBanVVtduAhh2sirImtAvA==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [win32]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /esbuild-windows-arm64/0.14.48:
+    resolution: {integrity: sha512-HHaOMCsCXp0rz5BT2crTka6MPWVno121NKApsGs/OIW5QC0ggC69YMGs1aJct9/9FSUF4A1xNE/cLvgB5svR4g==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [win32]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /fsevents/2.3.2:
+    resolution: {integrity: sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==}
+    engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0}
+    os: [darwin]
+    requiresBuild: true
+    dev: true
+    optional: true
+
   registry.npmmirror.com/@algolia/autocomplete-core/1.7.1:
     resolution: {integrity: sha512-eiZw+fxMzNQn01S8dA/hcCpoWCOCwcIIEUtHHdzN5TGB3IpzLbuhqFeTfh2OUhhgkE8Uo17+wH+QJ/wYyQmmzg==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/@algolia/autocomplete-core/-/autocomplete-core-1.7.1.tgz}
     name: '@algolia/autocomplete-core'
@@ -801,12 +999,6 @@ packages:
       picomatch: registry.npmmirror.com/picomatch/2.3.1
     dev: true
 
-  registry.npmmirror.com/@sxzz/popperjs-es/2.11.7:
-    resolution: {integrity: sha512-Ccy0NlLkzr0Ex2FKvh2X+OyERHXJ88XJ1MXtsI9y9fGexlaXaVTPzBCRBwIxFkORuOb+uBqeu+RqnpgYTEZRUQ==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/@sxzz/popperjs-es/-/popperjs-es-2.11.7.tgz}
-    name: '@sxzz/popperjs-es'
-    version: 2.11.7
-    dev: false
-
   registry.npmmirror.com/@types/json-schema/7.0.11:
     resolution: {integrity: sha512-wOuvG1SN4Us4rez+tylwwwCV1psiNVOkJeM3AUWUNWg/jDQY2+HE/444y5gc+jBmRqASOm2Oeh5c1axHobwRKQ==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/@types/json-schema/-/json-schema-7.0.11.tgz}
     name: '@types/json-schema'
@@ -1494,7 +1686,7 @@ packages:
       normalize-path: registry.npmmirror.com/normalize-path/3.0.0
       readdirp: registry.npmmirror.com/readdirp/3.6.0
     optionalDependencies:
-      fsevents: registry.npmmirror.com/fsevents/2.3.2
+      fsevents: 2.3.2
     dev: true
 
   registry.npmmirror.com/clean-stack/2.2.0:
@@ -1704,7 +1896,7 @@ packages:
       '@ctrl/tinycolor': registry.npmmirror.com/@ctrl/tinycolor/3.4.1
       '@element-plus/icons-vue': registry.npmmirror.com/@element-plus/icons-vue/2.0.6_vue@3.2.33
       '@floating-ui/dom': registry.npmmirror.com/@floating-ui/dom/0.5.4
-      '@popperjs/core': registry.npmmirror.com/@sxzz/popperjs-es/2.11.7
+      '@popperjs/core': /@sxzz/popperjs-es/2.11.7
       '@types/lodash': registry.npmmirror.com/@types/lodash/4.14.182
       '@types/lodash-es': registry.npmmirror.com/@types/lodash-es/4.17.6
       '@vueuse/core': registry.npmmirror.com/@vueuse/core/8.9.1_vue@3.2.33
@@ -1739,226 +1931,6 @@ packages:
     version: 0.10.5
     dev: true
 
-  registry.npmmirror.com/esbuild-android-64/0.14.48:
-    resolution: {integrity: sha512-3aMjboap/kqwCUpGWIjsk20TtxVoKck8/4Tu19rubh7t5Ra0Yrpg30Mt1QXXlipOazrEceGeWurXKeFJgkPOUg==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/esbuild-android-64/-/esbuild-android-64-0.14.48.tgz}
-    name: esbuild-android-64
-    version: 0.14.48
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [android]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  registry.npmmirror.com/esbuild-android-arm64/0.14.48:
-    resolution: {integrity: sha512-vptI3K0wGALiDq+EvRuZotZrJqkYkN5282iAfcffjI5lmGG9G1ta/CIVauhY42MBXwEgDJkweiDcDMRLzBZC4g==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/esbuild-android-arm64/-/esbuild-android-arm64-0.14.48.tgz}
-    name: esbuild-android-arm64
-    version: 0.14.48
-    engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [android]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  registry.npmmirror.com/esbuild-darwin-64/0.14.48:
-    resolution: {integrity: sha512-gGQZa4+hab2Va/Zww94YbshLuWteyKGD3+EsVon8EWTWhnHFRm5N9NbALNbwi/7hQ/hM1Zm4FuHg+k6BLsl5UA==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/esbuild-darwin-64/-/esbuild-darwin-64-0.14.48.tgz}
-    name: esbuild-darwin-64
-    version: 0.14.48
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [darwin]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  registry.npmmirror.com/esbuild-darwin-arm64/0.14.48:
-    resolution: {integrity: sha512-bFjnNEXjhZT+IZ8RvRGNJthLWNHV5JkCtuOFOnjvo5pC0sk2/QVk0Qc06g2PV3J0TcU6kaPC3RN9yy9w2PSLEA==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/esbuild-darwin-arm64/-/esbuild-darwin-arm64-0.14.48.tgz}
-    name: esbuild-darwin-arm64
-    version: 0.14.48
-    engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [darwin]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  registry.npmmirror.com/esbuild-freebsd-64/0.14.48:
-    resolution: {integrity: sha512-1NOlwRxmOsnPcWOGTB10JKAkYSb2nue0oM1AfHWunW/mv3wERfJmnYlGzL3UAOIUXZqW8GeA2mv+QGwq7DToqA==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/esbuild-freebsd-64/-/esbuild-freebsd-64-0.14.48.tgz}
-    name: esbuild-freebsd-64
-    version: 0.14.48
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [freebsd]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  registry.npmmirror.com/esbuild-freebsd-arm64/0.14.48:
-    resolution: {integrity: sha512-gXqKdO8wabVcYtluAbikDH2jhXp+Klq5oCD5qbVyUG6tFiGhrC9oczKq3vIrrtwcxDQqK6+HDYK8Zrd4bCA9Gw==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/esbuild-freebsd-arm64/-/esbuild-freebsd-arm64-0.14.48.tgz}
-    name: esbuild-freebsd-arm64
-    version: 0.14.48
-    engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [freebsd]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  registry.npmmirror.com/esbuild-linux-32/0.14.48:
-    resolution: {integrity: sha512-ghGyDfS289z/LReZQUuuKq9KlTiTspxL8SITBFQFAFRA/IkIvDpnZnCAKTCjGXAmUqroMQfKJXMxyjJA69c/nQ==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/esbuild-linux-32/-/esbuild-linux-32-0.14.48.tgz}
-    name: esbuild-linux-32
-    version: 0.14.48
-    engines: {node: '>=12'}
-    cpu: [ia32]
-    os: [linux]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  registry.npmmirror.com/esbuild-linux-64/0.14.48:
-    resolution: {integrity: sha512-vni3p/gppLMVZLghI7oMqbOZdGmLbbKR23XFARKnszCIBpEMEDxOMNIKPmMItQrmH/iJrL1z8Jt2nynY0bE1ug==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/esbuild-linux-64/-/esbuild-linux-64-0.14.48.tgz}
-    name: esbuild-linux-64
-    version: 0.14.48
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [linux]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  registry.npmmirror.com/esbuild-linux-arm/0.14.48:
-    resolution: {integrity: sha512-+VfSV7Akh1XUiDNXgqgY1cUP1i2vjI+BmlyXRfVz5AfV3jbpde8JTs5Q9sYgaoq5cWfuKfoZB/QkGOI+QcL1Tw==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/esbuild-linux-arm/-/esbuild-linux-arm-0.14.48.tgz}
-    name: esbuild-linux-arm
-    version: 0.14.48
-    engines: {node: '>=12'}
-    cpu: [arm]
-    os: [linux]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  registry.npmmirror.com/esbuild-linux-arm64/0.14.48:
-    resolution: {integrity: sha512-3CFsOlpoxlKPRevEHq8aAntgYGYkE1N9yRYAcPyng/p4Wyx0tPR5SBYsxLKcgPB9mR8chHEhtWYz6EZ+H199Zw==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/esbuild-linux-arm64/-/esbuild-linux-arm64-0.14.48.tgz}
-    name: esbuild-linux-arm64
-    version: 0.14.48
-    engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [linux]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  registry.npmmirror.com/esbuild-linux-mips64le/0.14.48:
-    resolution: {integrity: sha512-cs0uOiRlPp6ymknDnjajCgvDMSsLw5mST2UXh+ZIrXTj2Ifyf2aAP3Iw4DiqgnyYLV2O/v/yWBJx+WfmKEpNLA==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/esbuild-linux-mips64le/-/esbuild-linux-mips64le-0.14.48.tgz}
-    name: esbuild-linux-mips64le
-    version: 0.14.48
-    engines: {node: '>=12'}
-    cpu: [mips64el]
-    os: [linux]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  registry.npmmirror.com/esbuild-linux-ppc64le/0.14.48:
-    resolution: {integrity: sha512-+2F0vJMkuI0Wie/wcSPDCqXvSFEELH7Jubxb7mpWrA/4NpT+/byjxDz0gG6R1WJoeDefcrMfpBx4GFNN1JQorQ==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/esbuild-linux-ppc64le/-/esbuild-linux-ppc64le-0.14.48.tgz}
-    name: esbuild-linux-ppc64le
-    version: 0.14.48
-    engines: {node: '>=12'}
-    cpu: [ppc64]
-    os: [linux]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  registry.npmmirror.com/esbuild-linux-riscv64/0.14.48:
-    resolution: {integrity: sha512-BmaK/GfEE+5F2/QDrIXteFGKnVHGxlnK9MjdVKMTfvtmudjY3k2t8NtlY4qemKSizc+QwyombGWTBDc76rxePA==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/esbuild-linux-riscv64/-/esbuild-linux-riscv64-0.14.48.tgz}
-    name: esbuild-linux-riscv64
-    version: 0.14.48
-    engines: {node: '>=12'}
-    cpu: [riscv64]
-    os: [linux]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  registry.npmmirror.com/esbuild-linux-s390x/0.14.48:
-    resolution: {integrity: sha512-tndw/0B9jiCL+KWKo0TSMaUm5UWBLsfCKVdbfMlb3d5LeV9WbijZ8Ordia8SAYv38VSJWOEt6eDCdOx8LqkC4g==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/esbuild-linux-s390x/-/esbuild-linux-s390x-0.14.48.tgz}
-    name: esbuild-linux-s390x
-    version: 0.14.48
-    engines: {node: '>=12'}
-    cpu: [s390x]
-    os: [linux]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  registry.npmmirror.com/esbuild-netbsd-64/0.14.48:
-    resolution: {integrity: sha512-V9hgXfwf/T901Lr1wkOfoevtyNkrxmMcRHyticybBUHookznipMOHoF41Al68QBsqBxnITCEpjjd4yAos7z9Tw==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/esbuild-netbsd-64/-/esbuild-netbsd-64-0.14.48.tgz}
-    name: esbuild-netbsd-64
-    version: 0.14.48
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [netbsd]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  registry.npmmirror.com/esbuild-openbsd-64/0.14.48:
-    resolution: {integrity: sha512-+IHf4JcbnnBl4T52egorXMatil/za0awqzg2Vy6FBgPcBpisDWT2sVz/tNdrK9kAqj+GZG/jZdrOkj7wsrNTKA==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/esbuild-openbsd-64/-/esbuild-openbsd-64-0.14.48.tgz}
-    name: esbuild-openbsd-64
-    version: 0.14.48
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [openbsd]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  registry.npmmirror.com/esbuild-sunos-64/0.14.48:
-    resolution: {integrity: sha512-77m8bsr5wOpOWbGi9KSqDphcq6dFeJyun8TA+12JW/GAjyfTwVtOnN8DOt6DSPUfEV+ltVMNqtXUeTeMAxl5KA==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/esbuild-sunos-64/-/esbuild-sunos-64-0.14.48.tgz}
-    name: esbuild-sunos-64
-    version: 0.14.48
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [sunos]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  registry.npmmirror.com/esbuild-windows-32/0.14.48:
-    resolution: {integrity: sha512-EPgRuTPP8vK9maxpTGDe5lSoIBHGKO/AuxDncg5O3NkrPeLNdvvK8oywB0zGaAZXxYWfNNSHskvvDgmfVTguhg==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/esbuild-windows-32/-/esbuild-windows-32-0.14.48.tgz}
-    name: esbuild-windows-32
-    version: 0.14.48
-    engines: {node: '>=12'}
-    cpu: [ia32]
-    os: [win32]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  registry.npmmirror.com/esbuild-windows-64/0.14.48:
-    resolution: {integrity: sha512-YmpXjdT1q0b8ictSdGwH3M8VCoqPpK1/UArze3X199w6u8hUx3V8BhAi1WjbsfDYRBanVVtduAhh2sirImtAvA==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/esbuild-windows-64/-/esbuild-windows-64-0.14.48.tgz}
-    name: esbuild-windows-64
-    version: 0.14.48
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [win32]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  registry.npmmirror.com/esbuild-windows-arm64/0.14.48:
-    resolution: {integrity: sha512-HHaOMCsCXp0rz5BT2crTka6MPWVno121NKApsGs/OIW5QC0ggC69YMGs1aJct9/9FSUF4A1xNE/cLvgB5svR4g==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/esbuild-windows-arm64/-/esbuild-windows-arm64-0.14.48.tgz}
-    name: esbuild-windows-arm64
-    version: 0.14.48
-    engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [win32]
-    requiresBuild: true
-    dev: true
-    optional: true
-
   registry.npmmirror.com/esbuild/0.14.48:
     resolution: {integrity: sha512-w6N1Yn5MtqK2U1/WZTX9ZqUVb8IOLZkZ5AdHkT6x3cHDMVsYWC7WPdiLmx19w3i4Rwzy5LqsEMtVihG3e4rFzA==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/esbuild/-/esbuild-0.14.48.tgz}
     name: esbuild
@@ -1967,26 +1939,26 @@ packages:
     hasBin: true
     requiresBuild: true
     optionalDependencies:
-      esbuild-android-64: registry.npmmirror.com/esbuild-android-64/0.14.48
-      esbuild-android-arm64: registry.npmmirror.com/esbuild-android-arm64/0.14.48
-      esbuild-darwin-64: registry.npmmirror.com/esbuild-darwin-64/0.14.48
-      esbuild-darwin-arm64: registry.npmmirror.com/esbuild-darwin-arm64/0.14.48
-      esbuild-freebsd-64: registry.npmmirror.com/esbuild-freebsd-64/0.14.48
-      esbuild-freebsd-arm64: registry.npmmirror.com/esbuild-freebsd-arm64/0.14.48
-      esbuild-linux-32: registry.npmmirror.com/esbuild-linux-32/0.14.48
-      esbuild-linux-64: registry.npmmirror.com/esbuild-linux-64/0.14.48
-      esbuild-linux-arm: registry.npmmirror.com/esbuild-linux-arm/0.14.48
-      esbuild-linux-arm64: registry.npmmirror.com/esbuild-linux-arm64/0.14.48
-      esbuild-linux-mips64le: registry.npmmirror.com/esbuild-linux-mips64le/0.14.48
-      esbuild-linux-ppc64le: registry.npmmirror.com/esbuild-linux-ppc64le/0.14.48
-      esbuild-linux-riscv64: registry.npmmirror.com/esbuild-linux-riscv64/0.14.48
-      esbuild-linux-s390x: registry.npmmirror.com/esbuild-linux-s390x/0.14.48
-      esbuild-netbsd-64: registry.npmmirror.com/esbuild-netbsd-64/0.14.48
-      esbuild-openbsd-64: registry.npmmirror.com/esbuild-openbsd-64/0.14.48
-      esbuild-sunos-64: registry.npmmirror.com/esbuild-sunos-64/0.14.48
-      esbuild-windows-32: registry.npmmirror.com/esbuild-windows-32/0.14.48
-      esbuild-windows-64: registry.npmmirror.com/esbuild-windows-64/0.14.48
-      esbuild-windows-arm64: registry.npmmirror.com/esbuild-windows-arm64/0.14.48
+      esbuild-android-64: 0.14.48
+      esbuild-android-arm64: 0.14.48
+      esbuild-darwin-64: 0.14.48
+      esbuild-darwin-arm64: 0.14.48
+      esbuild-freebsd-64: 0.14.48
+      esbuild-freebsd-arm64: 0.14.48
+      esbuild-linux-32: 0.14.48
+      esbuild-linux-64: 0.14.48
+      esbuild-linux-arm: 0.14.48
+      esbuild-linux-arm64: 0.14.48
+      esbuild-linux-mips64le: 0.14.48
+      esbuild-linux-ppc64le: 0.14.48
+      esbuild-linux-riscv64: 0.14.48
+      esbuild-linux-s390x: 0.14.48
+      esbuild-netbsd-64: 0.14.48
+      esbuild-openbsd-64: 0.14.48
+      esbuild-sunos-64: 0.14.48
+      esbuild-windows-32: 0.14.48
+      esbuild-windows-64: 0.14.48
+      esbuild-windows-arm64: 0.14.48
     dev: true
 
   registry.npmmirror.com/escalade/3.1.1:
@@ -2369,16 +2341,6 @@ packages:
     version: 1.0.0
     dev: true
 
-  registry.npmmirror.com/fsevents/2.3.2:
-    resolution: {integrity: sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/fsevents/-/fsevents-2.3.2.tgz}
-    name: fsevents
-    version: 2.3.2
-    engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0}
-    os: [darwin]
-    requiresBuild: true
-    dev: true
-    optional: true
-
   registry.npmmirror.com/function-bind/1.1.1:
     resolution: {integrity: sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/function-bind/-/function-bind-1.1.1.tgz}
     name: function-bind
@@ -3310,7 +3272,7 @@ packages:
     engines: {node: '>=10.0.0'}
     hasBin: true
     optionalDependencies:
-      fsevents: registry.npmmirror.com/fsevents/2.3.2
+      fsevents: 2.3.2
     dev: true
 
   registry.npmmirror.com/run-parallel/1.2.0:
@@ -3809,7 +3771,7 @@ packages:
       rollup: registry.npmmirror.com/rollup/2.76.0
       sass: registry.npmmirror.com/sass/1.51.0
     optionalDependencies:
-      fsevents: registry.npmmirror.com/fsevents/2.3.2
+      fsevents: 2.3.2
     dev: true
 
   registry.npmmirror.com/vitepress/1.0.0-alpha.4_sass@1.51.0:
-- 
Gitee