From a4557a662691c61448bcffddc93e4b70ac69fcd5 Mon Sep 17 00:00:00 2001
From: keven1024 <keven@fudaoyuan.icu>
Date: Sat, 31 May 2025 16:50:49 +0800
Subject: [PATCH] fix(front): ensure pickup code validation checks for
 undefined value in PickupShareDrawer component

---
 front/components/Drawer/PickupShareDrawer.vue | 95 ++++++++++---------
 1 file changed, 51 insertions(+), 44 deletions(-)

diff --git a/front/components/Drawer/PickupShareDrawer.vue b/front/components/Drawer/PickupShareDrawer.vue
index 68af603..8796c00 100644
--- a/front/components/Drawer/PickupShareDrawer.vue
+++ b/front/components/Drawer/PickupShareDrawer.vue
@@ -1,50 +1,57 @@
 <script setup lang="ts">
-import VeeForm from '@/components/VeeForm.vue';
-import FormButton from '@/components/Field/FormButton.vue';
-import PinInputField from '@/components/Field/PinInputField.vue';
-import type { FormContext, GenericObject } from 'vee-validate';
-import { toast } from 'vue-sonner';
-const router = useRouter()
+import VeeForm from "@/components/VeeForm.vue";
+import FormButton from "@/components/Field/FormButton.vue";
+import PinInputField from "@/components/Field/PinInputField.vue";
+import type { FormContext, GenericObject } from "vee-validate";
+import { toast } from "vue-sonner";
+const router = useRouter();
 const props = defineProps<{
-    hide: () => void
-}>()
-const handleSubmit = async (form: FormContext<GenericObject, GenericObject>) => {
-    try {
-        const code = form.values.code
-        const data = await $fetch<{
-            data: {
-                share_id: string
-            }
-        }>(`/api/share/pickup/${code}`)
-        if (!data.data.share_id) {
-            toast.error('取件码错误')
-            form.resetForm()
-            return
-        }
-        const { share_id } = data.data
-        props.hide()
-        router.push({
-            path: `/s/${share_id}`
-        })
-        return
-    } catch (error) {
-        toast.error('取件码错误')
-        form.resetForm()
+  hide: () => void;
+}>();
+const handleSubmit = async (
+  form: FormContext<GenericObject, GenericObject>,
+) => {
+  try {
+    const code = form.values.code;
+    const data = await $fetch<{
+      data: {
+        share_id: string;
+      };
+    }>(`/api/share/pickup/${code}`);
+    if (!data.data.share_id) {
+      toast.error("取件码错误");
+      form.resetForm();
+      return;
     }
-}
+    const { share_id } = data.data;
+    props.hide();
+    router.push({
+      path: `/s/${share_id}`,
+    });
+    return;
+  } catch (error) {
+    toast.error("取件码错误");
+    form.resetForm();
+  }
+};
 </script>
 
 <template>
-    <VeeForm>
-        <div class="flex flex-col gap-5">
-            <div class="text-xl font-bold">输入取件码</div>
-            <PinInputField name="code" :rules="(value) => {
-                if (value.length !== 4) {
-                    return false
-                }
-                return true
-            }" />
-            <FormButton @click="handleSubmit">提交</FormButton>
-        </div>
-    </VeeForm>
-</template>
\ No newline at end of file
+  <VeeForm>
+    <div class="flex flex-col gap-5">
+      <div class="text-xl font-bold">输入取件码</div>
+      <PinInputField
+        name="code"
+        :rules="
+          (value) => {
+            if (value?.length !== 4) {
+              return false;
+            }
+            return true;
+          }
+        "
+      />
+      <FormButton @click="handleSubmit">提交</FormButton>
+    </div>
+  </VeeForm>
+</template>