release: v0.13.3 (#97)

【更新】v0.13.3

package.json

@@ -1,6 +1,6 @@
 {
   "name": "win-up-to-date",
-  "version": "0.13.2",
+  "version": "0.13.3",
   "description": "A website project showing the latest status of Windows Insider versions.",
   "main": "index.js",
   "repository": "https://github.com/crrashh1542/win-up-to-date",
@@ -16,6 +16,7 @@
     "@fluentui/web-components": "^2.5.16",
     "axios": "^1.6.7",
     "core-js": "^3.35.1",
+    "js-cookie": "^3.0.5",
     "moment": "^2.30.1",
     "normalize.css": "^8.0.1",
     "vue": "^3.4.15",

src/assets/fonts/iconfont/iconfont.less

@@ -37,6 +37,14 @@
   content: "\e64b";
 }
 
+// 小提示
+.icon-info:before {
+  content: "\e771";
+}
+.icon-close:before {
+  content: "\e600";
+}
+
 // 关于&列表页
 .icon-tag::before {
   content: "\e63d";

src/assets/styles/color.less

@@ -12,6 +12,8 @@
 @wu-color-theme-bg: rgba(247, 249, 255, .8);
 
 // 其它颜色，部分借鉴自 Material Design 设计指南
+@wu-color-yellow-light: #fffde7;
+@wu-color-yellow: #ffeb3b;
 @wu-color-amber: #ffc107;
 @wu-color-orange: #ff5722;
 @wu-color-green: #8bc94a;

src/components/Banner.vue

@@ -1,6 +1,29 @@
 <script>
+import { reactive, toRefs } from 'vue'
+import Cookie from 'js-cookie'
+
 export default {
     name: 'MainBanner',
+    setup() {
+        // 初始是否显示提示框：true
+        let isShowWarning = true
+        // 如果 cookie 中存储了，则替换掉初始值
+        if (Cookie.get('isShowWarning') !== undefined) {
+            isShowWarning = Cookie.get('isShowWarning')
+        }
+        console.log(Cookie.get('isShowWarning'))
+        console.log(isShowWarning)
+        let data = reactive({
+            isShowWarning
+        })
+        return { ...toRefs(data) }
+    },
+    methods: {
+        stopShowingWarning() {
+            Cookie.set('isShowWarning', 'false')
+            this.isShowWarning = false
+        }
+    },
     props: {
         description: String
     }
@@ -9,11 +32,18 @@ export default {
 
 <template>
     <div class="banner">
-        <div class="title font-medium">
-            <slot></slot>
-        </div>
+        <div class="title font-medium"><slot></slot></div>
         <div class="subtitle">{{ description }}</div>
     </div>
+
+    <fluent-card class="warning" v-if="isShowWarning == true">
+        <div class="content text-base"><img src="../assets/images/warning.png" class="h-6 w-6 inline align-middle mr-2">
+            <span class="leading-6">项目处于较早期开发阶段，数据正在补全，bug 也会慢慢修复！感谢支持！</span></div>
+        <div class="grow"></div>
+        <div class="button" @click="stopShowingWarning">&#xe600;</div>
+    </fluent-card>
+
+    <div class="h-6"></div>
 </template>
 
 <style lang="less" scoped>
@@ -34,6 +64,17 @@ export default {
     }
 }
 
+.warning {
+    display: flex;
+    padding: .66em 1.25em .66em 1em;
+    background-color: @wu-color-yellow-light;
+    border: 1px solid @wu-color-yellow;
+
+    .button {
+        cursor: pointer;
+    }
+}
+
 @media screen and (max-width: 800px) {
     .banner {
         --banner-title: 32px;

src/scripts/parseRepoInfo.js

@@ -2,7 +2,7 @@
 /**
  * 此脚本用于在处理本项目相关信息
  * @author crrashh1542
- * @version 1.4
+ * @version 1.5
  */
 
 import packageInfo from '/package.json'

src/views/DataCategoryList.vue

@@ -33,6 +33,7 @@ export default {
                 // 获取到数据后，关闭加载动画
                 data.category = resp
                 data.isLoading = false
+                document.title = resp.name + ' / Windows Up-to-Date'
                 // 处理版本范围
                 if (resp.range[1] == null) {
                     data.customVersionRange = resp.range[0] + ' ~ ?'
@@ -57,11 +58,14 @@ export default {
 
         // 刷新数据
         refreshData(platform) {
+            document.title = platform.name + ' / Windows Up-to-Date'
+            let category = platform.path
             let vueObj = this
-            axios.get('https://wutd.crrashh.com/api/category?platform=' + platform)
+            axios.get('https://wutd.crrashh.com/api/category?platform=' + category)
                 .then(function (response) {
                     let resp = response.data.content
                     vueObj.category = resp
+                    
                     if (resp.range[1] == null) {
                         vueObj.customVersionRange = resp.range[0] + ' ~ ?'
                     } else {
@@ -90,12 +94,12 @@ export default {
         <!-- 快速导航 -->
         <TopNav>
             <span class="icon-left" v-if="category.previous != null">
-                <router-link :to="category.previous.path" @click="refreshData(category.previous.path)">
+                <router-link :to="category.previous.path" @click="refreshData(category.previous)">
                     {{ category.previous.name }}</router-link>
             </span>
             <span class="grow"></span>
             <span class="icon-right" v-if="category.next != null">
-                <router-link :to="category.next.path" @click="refreshData(category.next.path)">
+                <router-link :to="category.next.path" @click="refreshData(category.next)">
                     {{ category.next.name }}</router-link>
             </span>
         </TopNav>

src/views/DataDetail.vue

@@ -33,8 +33,9 @@ export default {
             // STEP3 ------ 处理并修改数据
             .then(function (response) {
                 let resp = response.data.content
-                // 获取到数据后，关闭加载动画
                 data.detail = resp
+                document.title = resp.build.number + ' / Windows Up-to-Date'
+                // 获取到数据后，关闭加载动画
                 data.isLoading = false
             })
             .catch(() => {
@@ -58,6 +59,7 @@ export default {
 
         // 刷新数据
         refreshData(platform, build) {
+            document.title = build + ' / Windows Up-to-Date'
             let vueObj = this
             axios.get('https://wutd.crrashh.com/api/detail?platform=' + platform + '&build=' + build)
                 .then(function (response) {
@@ -158,7 +160,9 @@ export default {
             <div v-if="detail.download !== undefined">
                 <p>文件名称：{{ detail.download.name }}</p>
                 <p>系统架构：{{ detail.download.arch }}</p>
-                <p>下载地址：<a target="_blank" :href="detail.download.url">{{ detail.download.source }}</a></p>
+                <p>下载地址：<span v-for="(l, index) in detail.download.link" :key="index">
+                    <a target="_blank" :href="l.url">{{ l.source }}</a>&nbsp;&nbsp;&nbsp;
+                </span></p>
                 <p>MD5：<CopiableCode :value="detail.download.md5" /></p>
                 <p>SHA-256：<CopiableCode :value="detail.download.sha256" /></p>
             </div>

src/views/MainAbout.vue

@@ -17,6 +17,9 @@ export default {
         return {
             buildInfo, sources
         }
+    },
+    setup() {
+        document.title = '关于项目 / Windows Up-to-Date'
     }
 }
 </script>

src/views/MainCategory.vue

@@ -1 +1,17 @@
-<!-- PlaceHolder 2024-01-07 by crrashh1542 -->
+<script>
+// 引入组件
+import Card from '../components/Card.vue'
+
+export default {
+    name: 'MainCategory',
+    components: { Card }
+}
+</script>
+
+<template>
+    <!-- PlaceHolder 2024-02-01 by crrashh1542 -->
+</template>
+
+<style lang="less" scoped>
+
+</style>

src/views/MainHome.vue

@@ -14,6 +14,7 @@ export default {
     components: { Banner, Catalog, Card, LoadAnim },
     setup() {
         // STEP1 ------ 设定初始值
+        document.title = 'Windows Up-to-Date'
         let data = reactive({
             list: [],
             isLoading: true

src/views/NotFound.vue

@@ -4,6 +4,9 @@ provideFluentDesignSystem().register(fluentButton())
 
 export default {
     name: 'OtherNotFound',
+    setup() {
+        document.title = '内容不见啦！ / Windows Up-to-Date'
+    },
     methods: {
         routerToHome() {
             this.$router.push('/')

yarn.lock

@@ -6298,6 +6298,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"js-cookie@npm:^3.0.5":
+  version: 3.0.5
+  resolution: "js-cookie@npm:3.0.5"
+  checksum: 366494b1630b9fb8abaef3659748db5dfd52c58c6fc3459b9f0a03b492593bc1b01c6dfcc066b46f6413c28edb3a00cc68fb61ea8cdf6991bedf1f100f8a389d
+  languageName: node
+  linkType: hard
+
 "js-message@npm:1.0.7":
   version: 1.0.7
   resolution: "js-message@npm:1.0.7"
@@ -10014,6 +10021,7 @@ __metadata:
     core-js: "npm:^3.35.1"
     eslint: "npm:^8.56.0"
     eslint-plugin-vue: "npm:^9.21.0"
+    js-cookie: "npm:^3.0.5"
     less: "npm:^4.2.0"
     less-loader: "npm:^12.2.0"
     moment: "npm:^2.30.1"