v2.0.0

2022-10-29 11:36:35 +08:00
parent 66b965d9f7
commit e45cee6596
715 changed files with 57096 additions and 31771 deletions
@@ -0,0 +1,142 @@
+<template>
+  <div :class="$style.container">
+    <div :class="$style.header">
+      <base-tab v-model="source" :class="$style.tab" :list="sources" @change="handleSourceChange" />
+      <base-tab v-model="searchType" :class="$style.tab" :list="searchTypes" @change="handleTypeChange" />
+    </div>
+    <div :class="$style.main">
+      <song-list-list v-if="searchType == 'songlist'" v-show="searchText" :page="page" :source-id="source" />
+      <music-list v-else v-show="searchText" :page="page" :source-id="source" />
+      <blank-view :visible="!searchText" :source="source" />
+    </div>
+  </div>
+</template>
+
+<script>
+import { useRoute, useRouter } from '@common/utils/vueRouter'
+import { searchText } from '@renderer/store/search/state'
+import { getSearchSetting, setSearchSetting } from '@renderer/utils/data'
+import { sources as _sources } from '@renderer/store/search/music'
+
+import MusicList from './MusicList/index.vue'
+import SongListList from './SongListList/index.vue'
+import BlankView from './components/BlankView.vue'
+import { computed, ref } from '@common/utils/vueTools'
+import { sourceNames } from '@renderer/store'
+
+const source = ref('kw')
+const searchType = ref(null)
+const page = ref(1)
+
+const verifyQueryParams = async(to, from, next) => {
+  let _source = to.query.source
+  let _type = to.query.type
+  let _page = to.query.page
+
+  if (_source == null || _type == null) {
+    const setting = await getSearchSetting()
+    if (!_source) _source = setting.source
+    if (!_type) _type = setting.type
+
+    next({
+      path: to.path,
+      query: { ...to.query, source: _source, type: _type, page: _page },
+    })
+    return
+  }
+  source.value = _source
+  searchType.value = _type
+
+  if (_page) page.value = parseInt(_page)
+
+  if (to.query.text != null) {
+    searchText.value = to.query.text
+    if (!_page) page.value = 1
+  }
+  next()
+  setSearchSetting({ source: _source, type: _type })
+}
+
+export default {
+  components: {
+    MusicList,
+    SongListList,
+    BlankView,
+  },
+  beforeRouteEnter: verifyQueryParams,
+  beforeRouteUpdate: verifyQueryParams,
+  setup() {
+    const route = useRoute()
+    const router = useRouter()
+
+    const sources = _sources.map(id => {
+      return {
+        id,
+        label: sourceNames.value[id],
+      }
+    })
+    const handleSourceChange = (id) => {
+      router.replace({
+        path: route.path,
+        query: {
+          ...route.query,
+          source: id,
+          page: 1,
+        },
+      })
+    }
+
+    const searchTypes = computed(() => {
+      return [
+        { label: window.i18n.t('search__type_music'), id: 'music' },
+        { label: window.i18n.t('search__type_songlist'), id: 'songlist' },
+      ]
+    })
+    const handleTypeChange = (type) => {
+      router.replace({
+        path: route.path,
+        query: {
+          ...route.query,
+          type,
+          page: 1,
+        },
+      })
+    }
+
+
+    return {
+      sources,
+      source,
+      handleSourceChange,
+      searchTypes,
+      searchType,
+      handleTypeChange,
+      page,
+      searchText,
+    }
+  },
+}
+
+
+</script>
+
+<style lang="less" module>
+.container {
+  display: flex;
+  flex-flow: column nowrap;
+}
+
+.header {
+  // padding: 5px 0;
+  flex: none;
+  display: flex;
+  flex-flow: row nowrap;
+  justify-content: space-between;
+}
+
+.main {
+  position: relative;
+  flex: auto;
+  // min-height: 0;
+}
+</style>