modified filter default behaviour

ShanghaitechGeekPie · Jun 23, 2024 · a2c2c00 · a2c2c00
1 parent 235ac63
commit a2c2c00
Show file tree

Hide file tree

Showing 12 changed files with 15 additions and 1 deletion.
diff --git a/README.md b/README.md
diff --git a/jsconfig.json b/jsconfig.json
diff --git a/src/App.vue b/src/App.vue
diff --git a/src/components/global/MobileSearchBar.vue b/src/components/global/MobileSearchBar.vue
diff --git a/src/components/global/Nothing.vue b/src/components/global/Nothing.vue
diff --git a/src/composables/courses/all/useStatisticCard.js b/src/composables/courses/all/useStatisticCard.js
@@ -1,4 +1,4 @@
-import { inject, onMounted, reactive, watch } from "vue"
+import { inject, onMounted, onUnmounted, reactive, watch } from "vue"
 import { mdiCity, mdiChevronUp, mdiChevronDown } from "@mdi/js";
 import useDebounce from "@/composables/global/useDebounce";
 
@@ -36,7 +36,13 @@ export default () => {
         }
     }))
 
+    watch(() => window.innerWidth, useDebounce((to, from) => {
+        updateShowAll();
+    }))
+
     onMounted(() => {
+        updateShowAll();
+        window.addEventListener('resize', updateShowAll, { passive: true })
         if (courseFilterStatus.selected.length === 0) {
             status.selectAll = false
             status.selectNotAll = true
@@ -47,6 +53,14 @@ export default () => {
         }
     })
 
+    onUnmounted(() => {
+        window.removeEventListener('resize', updateShowAll, { passive: true })
+    })
+
+    const updateShowAll = () => {
+        status.showAll = window.innerWidth >= 600;
+    }
+
     return { statics, courseStatistic, courseFilterStatus, status }
 
 }
diff --git a/src/composables/courses/comment/useWritingBox.js b/src/composables/courses/comment/useWritingBox.js
diff --git a/src/composables/global/useFetching.js b/src/composables/global/useFetching.js
diff --git a/src/composables/global/useHttpError.js b/src/composables/global/useHttpError.js
diff --git a/src/composables/global/useParseScore.js b/src/composables/global/useParseScore.js
diff --git a/src/views/CourseAll.vue b/src/views/CourseAll.vue
diff --git a/vue.config.js b/vue.config.js