feat: 提供系统初始化页面

- 添加默认头像和横幅SVG文件
- 移除Base64Utils工具
- 优化文件路径导入

Author: Coooolfan

src/assets/default-avatar.svg

@@ -6,6 +6,7 @@ import LabelAndCheckbox from '@/components/LabelAndCheckbox.vue'
 import { onMounted, ref } from 'vue'
 import { useToast } from 'primevue/usetoast'
 import { api } from '@/ApiInstance'
+import { unwrapApiError } from '@/utils/errorHandling'
 import type { SystemConfigDto } from '@/__generated/model/dto'
 import type { ApiErrors } from '@/__generated/ApiErrors'
 const toast = useToast()
@@ -97,13 +98,7 @@ async function updatePassword() {
             life: 3000
         })
     } catch (error: any) {
-        let err: ApiErrors['profileController']['updatePassword']
-        if (error instanceof Promise) {
-            err = (await error) as ApiErrors['profileController']['updatePassword']
-        } else {
-            err = error as ApiErrors['profileController']['updatePassword']
-        }
-        console.log(err)
+        const err = await unwrapApiError<ApiErrors['profileController']['updatePassword']>(error)
         let detail = ''
         switch (err.code) {
             case 'EMPTY_LOGIN_NAME':

src/assets/default-banner.svg

@@ -12,9 +12,8 @@ import FileUpload, { type FileUploadSelectEvent } from 'primevue/fileupload'
 import { useConfirm } from 'primevue/useconfirm'
 import LabelAndInput from './LabelAndInput.vue'
 import { api } from '@/ApiInstance'
-import { FileRecordVisibility_CONSTANTS } from '@/__generated/model/enums'
 import type { FileRecordDto } from '@/__generated/model/dto'
-import cloneWithFallback from '@/assets/utils/CloneWithCallback'
+import { cloneWithFallback } from '@/utils/CloneWithCallback'
 const dialogRef: any = inject('dialogRef')
 const confirm = useConfirm()
 const closeDialog = () => {

src/assets/utils/Base64Utils.ts

@@ -10,7 +10,7 @@ import type { TreeNode } from 'primevue/treenode'
 import { useConfirm } from 'primevue/useconfirm'
 import { api } from '@/ApiInstance'
 import type { NoteDto } from '@/__generated/model/dto'
-import { BeautyLocalTime } from '@/assets/utils/BeautyDate'
+import { BeautyLocalTime } from '@/utils/BeautyDate'
 const confirm = useConfirm()
 const editNote = ref<NoteDto['NoteController/DEFAULT_NOTE']>({
     id: -1,
@@ -204,18 +204,18 @@ async function newNote() {
 </script>
 <template>
     <ConfirmPopup></ConfirmPopup>
-    <div class="min-w-[80vw] min-h-[74vh] flex items-start justify-start">
-        <div class="w-80 h-4/5 flex flex-col">
+    <div class="flex min-h-[74vh] min-w-[80vw] items-start justify-start">
+        <div class="flex h-4/5 w-80 flex-col">
             <Tree
                 :value="treeNode"
                 v-model:selectionKeys="selectedKey"
                 selectionMode="single"
             ></Tree>
         </div>
         <div class="w-full">
-            <div class="flex justify-between items-center">
+            <div class="flex items-center justify-between">
                 <input
-                    class="font-bold outline-hidden text-xl border-b-[1px] ml-1 w-4/5 focus:border-black focus:outline-hidden"
+                    class="ml-1 w-4/5 border-b-[1px] text-xl font-bold outline-hidden focus:border-black focus:outline-hidden"
                     v-model="editNote.title"
                 />
                 <div>
@@ -239,10 +239,10 @@ async function newNote() {
                         text
                         @click="confirmDelete($event, editNote.id)"
                     />
-                    <Button :icon="'pi pi-plus'" text class="ml-auto mr-4" @click="newNote" />
+                    <Button :icon="'pi pi-plus'" text class="mr-4 ml-auto" @click="newNote" />
                 </div>
             </div>
-            <div v-show="vditorLoading" class="flex flex-col justify-center items-center pt-8">
+            <div v-show="vditorLoading" class="flex flex-col items-center justify-center pt-8">
                 <ProgressSpinner />
                 <p class="mt-8">等待编辑器组件加载……</p>
             </div>

src/components/ConfigCard/ConfigCardSystem.vue

@@ -4,6 +4,8 @@ import { createRouter, createWebHistory } from 'vue-router'
 const Landing = () => import('@/views/landing/LandingView.vue')
 const UniBoard = () => import('@/views/DashBoardView.vue')
 const FileShare = () => import('@/views/FileShareView.vue')
+const Setup = () => import('@/views/landing/SetupView.vue')
+
 const routes = [
     {
         path: '/',
@@ -19,6 +21,11 @@ const routes = [
         path: '/f/:fileShareCode',
         name: 'FileShare',
         component: FileShare
+    },
+    {
+        path: '/setup',
+        name: 'Setup',
+        component: Setup
     }
 ]
 

src/components/FileCard.vue

@@ -1,4 +1,4 @@
-function BeautyLocalTime(): string {
+export function BeautyLocalTime(): string {
     const date = new Date()
     const options: Intl.DateTimeFormatOptions = {
         weekday: 'long',
@@ -13,5 +13,3 @@ function BeautyLocalTime(): string {
 
     return date.toLocaleString(undefined, options)
 }
-
-export { BeautyLocalTime }

src/components/NoteCard.vue

@@ -1,9 +1,7 @@
-function cloneWithFallback<T>(obj: T): T {
+export function cloneWithFallback<T>(obj: T): T {
     if (typeof structuredClone === 'function') {
         return structuredClone(obj)
     } else {
         return JSON.parse(JSON.stringify(obj))
     }
 }
-
-export default cloneWithFallback

src/router/index.ts

@@ -0,0 +1,22 @@
+/**
+ * 从直接的错误对象或Promise拒绝中解析API错误
+ * 该函数用于统一处理API错误，将各种形式的错误转换为可预期的类型化错误对象
+ * @param error 需要解析的错误，可以是直接错误对象或Promise拒绝的结果
+ * @returns 返回解析后的错误对象，类型为泛型T（通常是预定义的API错误类型）
+ * @example
+ * try {
+ *   // 尝试获取用户资料
+ * } catch (error) {
+ *   // 解析错误为特定API控制器的错误类型
+ *   const err = await unwrapApiError<ApiErrors['profileController']['getProfile']>(error);
+ *   // 根据错误代码执行相应操作
+ *   if (err.code === 'SYSTEM_UNINITIALIZED') router.push('/setup');
+ * }
+ */
+export async function unwrapApiError<T>(error: any): Promise<T> {
+    if (error instanceof Promise) {
+        return (await error) as T
+    } else {
+        return error as T
+    }
+}