fix: adapt to leporidae image aspect

Author: TrueRou

app/components/image/image-card.vue

@@ -75,8 +75,8 @@ const representativeLabels = computed(() => {
 })
 
 const skeletonAspectRatio = computed(() => {
-    const width = props.imageAspect.ratioWidthUnit
-    const height = props.imageAspect.ratioHeightUnit
+    const width = props.imageAspect.ratio_width_unit
+    const height = props.imageAspect.ratio_height_unit
 
     return `${width} / ${height}`
 })

app/components/image/image-selector.vue

@@ -166,7 +166,7 @@ watch([activeSecondary], async () => {
                             {{ title }}
                         </h2>
                         <p v-if="aspect" class="text-sm text-base-content/70">
-                            比例：{{ aspect.name }} · {{ `${aspect.ratioWidthUnit}:${aspect.ratioHeightUnit}` }}
+                            比例：{{ aspect.name }} · {{ `${aspect.ratio_width_unit}:${aspect.ratio_height_unit}` }}
                         </p>
                     </div>
                 </header>

app/components/image/image-uploader.vue

@@ -32,7 +32,7 @@ const metadata = reactive({
 
 const cropRatio = computed(() => {
     if (props.aspect) {
-        return [props.aspect.ratioWidthUnit || 1, props.aspect.ratioHeightUnit || 1]
+        return [props.aspect.ratio_width_unit || 1, props.aspect.ratio_height_unit || 1]
     }
     return [4, 3]
 })
@@ -42,9 +42,9 @@ const cropBox = computed(() => {
         return { width: 300, height: 225 }
     }
     const base = 320
-    const total = props.aspect.ratioWidthUnit + props.aspect.ratioHeightUnit
-    const width = (props.aspect.ratioWidthUnit / total) * base * 2
-    const height = (props.aspect.ratioHeightUnit / total) * base * 2
+    const total = props.aspect.ratio_width_unit + props.aspect.ratio_height_unit
+    const width = (props.aspect.ratio_width_unit / total) * base * 2
+    const height = (props.aspect.ratio_height_unit / total) * base * 2
     return { width, height }
 })
 

app/composables/useImageList.ts

@@ -98,7 +98,7 @@ export function useImageList(options: UseImageListOptions) {
         await refresh()
     }
 
-    const customImages = computed(() => images.value.filter(image => image.visibility === 'PRIVATE'))
+    const customImages = computed(() => images.value.filter(image => image.visibility === ImageVisibility.PRIVATE))
 
     const representativeLabels = computed(() => {
         const allLabels = [...availableLabels.value, ...activeFilters.value ?? []]

app/pages/auth/login.vue

@@ -10,9 +10,9 @@ const { loggedIn, fetch: fetchUser, user } = useUserSession()
 const shouldCompleteProfile = computed(() => (user.value?.email?.trim()?.length ?? 0) === 0)
 
 const strategyOptions: Array<{ value: AuthStrategy, name: string, desc: string, passwordLabel: string, usernameLabel?: string }> = [
-    { value: 0, name: 'UsagiLab 通行证', desc: '使用 UsagiLab 统一认证（原兔卡账号）登录', passwordLabel: '密码', usernameLabel: '用户名' },
-    { value: 1, name: '水鱼 · DIVING_FISH', desc: '使用绑定的 DivingFish 账号密码登录', passwordLabel: '密码', usernameLabel: '用户名' },
-    { value: 2, name: '落雪 · LXNS', desc: '使用绑定的 LXNS 个人 API 密钥登录', passwordLabel: '个人密钥', usernameLabel: undefined },
+    { value: AuthStrategy.LOCAL, name: 'UsagiLab 通行证', desc: '使用 UsagiLab 统一认证（原兔卡账号）登录', passwordLabel: '密码', usernameLabel: '用户名' },
+    { value: AuthStrategy.DIVING_FISH, name: '水鱼 · DIVING_FISH', desc: '使用绑定的 DivingFish 账号密码登录', passwordLabel: '密码', usernameLabel: '用户名' },
+    { value: AuthStrategy.LXNS, name: '落雪 · LXNS', desc: '使用绑定的 LXNS 个人 API 密钥登录', passwordLabel: '个人密钥', usernameLabel: undefined },
 ]
 
 // Redirect if already logged in
@@ -41,7 +41,7 @@ interface LoginForm {
 const form = reactive<LoginForm>({
     username: '',
     password: '',
-    strategy: 0,
+    strategy: AuthStrategy.LOCAL,
 })
 
 const { validate, ve } = useFormValidation(loginSchema, form)
@@ -50,15 +50,13 @@ async function handleLogin() {
     if (!validate())
         return
 
-    const body: Record<string, string | number> = {
-        username: form.username,
-        password: form.password,
-        strategy: form.strategy,
-    }
-
     await useNuxtApp().$leporid('/api/nuxt/auth/login', {
         method: 'POST',
-        body,
+        body: {
+            username: form.username,
+            password: form.password,
+            strategy: form.strategy,
+        },
         showSuccessToast: true,
         successMessage: '登录成功！',
     })

shared/types/image.d.ts shared/types/image.tsshared/types/image.d.ts renamed to shared/types/image.ts

@@ -2,9 +2,9 @@
  * 图片可见性枚举
  */
 export enum ImageVisibility {
-    DELETED = 'DELETED',
-    PRIVATE = 'PRIVATE',
-    PUBLIC = 'PUBLIC',
+    DELETED = -1,
+    PRIVATE = 0,
+    PUBLIC = 1,
 }
 
 /**
@@ -44,8 +44,8 @@ export interface ImageAspect {
     id: string
     name: string
     description?: string
-    ratioWidthUnit: number
-    ratioHeightUnit: number
+    ratio_width_unit: number
+    ratio_height_unit: number
 }
 
 /**