feat: analyze uncategorized websites (#671)

Author: sheepzh

src/pages/app/components/Analysis/components/AnalysisFilter/TargetSelect.tsx

@@ -4,7 +4,7 @@ import { useDebounceState, useRequest } from "@hooks"
 import Flex from "@pages/components/Flex"
 import { selectAllSites } from "@service/site-service"
 import { listHosts } from "@service/stat-service"
-import { identifySiteKey, parseSiteKeyFromIdentity, SiteMap } from "@util/site"
+import { CATE_NOT_SET_ID, identifySiteKey, parseSiteKeyFromIdentity, SiteMap } from "@util/site"
 import { ElSelectV2, ElTag, useNamespace } from "element-plus"
 import type { OptionType } from "element-plus/es/components/select-v2/src/select.types"
 import { computed, defineComponent, type FunctionalComponent, onMounted, ref, type StyleValue } from "vue"
@@ -111,7 +111,7 @@ const TargetSelect = defineComponent(() => {
     })
 
     const { data: allItems } = useRequest(
-        () => fetchItems(cate.all),
+        () => fetchItems([...cate.all, { id: CATE_NOT_SET_ID, name: t(msg => msg.shared.cate.notSet) }]),
         { defaultValue: [[], []], deps: [() => cate.all] },
     )
 

src/pages/app/components/Analysis/components/Summary/TargetInfo.tsx

@@ -10,6 +10,7 @@ import { t } from "@app/locale"
 import { useRequest } from "@hooks"
 import Flex from "@pages/components/Flex"
 import { getSite } from '@service/site-service'
+import { CATE_NOT_SET_ID } from '@util/site'
 import { ElTag } from "element-plus"
 import { computed, defineComponent, type StyleValue, toRef } from "vue"
 import { useAnalysisTarget } from "../../context"
@@ -50,13 +51,17 @@ const SiteInfo = defineComponent<{ value: timer.site.SiteKey }>(props => {
 }, { props: ['value'] })
 
 const CateInfo = defineComponent<{ value: number }>(props => {
-    const cateId = toRef(props, 'value')
-    const cateInst = useCategory()
-    const cate = computed(() => cateInst.all.find(c => c.id === cateId.value))
+    const { all } = useCategory()
+    const cateName = computed(() => {
+        const cateId = props.value
+        return cateId === CATE_NOT_SET_ID
+            ? t(msg => msg.shared.cate.notSet)
+            : all.find(c => c.id === cateId)?.name ?? ''
+    })
 
     return () => (
         <Flex width="100%" gap={5} column align="center">
-            <h1 style={TITLE_STYLE}>{cate.value?.name}</h1>
+            <h1 style={TITLE_STYLE}>{cateName.value}</h1>
             <ElTag type='info' size="small">{t(msg => msg.analysis.target.cate)}</ElTag>
         </Flex>
     )

src/pages/app/components/common/filter/CategoryFilter.tsx

@@ -13,8 +13,8 @@ const CategoryFilter = defineComponent<Props>(props => {
     const cate = useCategory()
 
     const options = computed(() => [
+        ...cate.all.map(c => ({ value: c.id, label: c.name })),
         { value: CATE_NOT_SET_ID, label: t(msg => msg.shared.cate.notSet) },
-        ...cate.all.map(c => ({ value: c.id, label: c.name }))
     ])
 
     return () => cate.enabled ? (