refactor: 优化部分代码

src/views/setting/profile/BasicInfoUpdateModal.vue

@@ -17,17 +17,27 @@
 import { useWindowSize } from '@vueuse/core'
 import { Message } from '@arco-design/web-vue'
 import { updateUserBaseInfo } from '@/apis/system'
-import { type Columns, GiForm } from '@/components/GiForm'
+import { type Columns, GiForm, type Options } from '@/components/GiForm'
 import { useForm } from '@/hooks'
 import { useUserStore } from '@/stores'
 
 const { width } = useWindowSize()
+const userStore = useUserStore()
+
+const userInfo = computed(() => userStore.userInfo)
+const visible = ref(false)
+const formRef = ref<InstanceType<typeof GiForm>>()
 
 const options: Options = {
   form: { size: 'large' },
   btns: { hide: true },
 }
 
+const { form, resetForm } = useForm({
+  nickname: userInfo.value.nickname,
+  gender: userInfo.value.gender,
+})
+
 const columns: Columns = reactive([
   {
     label: '昵称',
@@ -48,27 +58,12 @@ const columns: Columns = reactive([
   },
 ])
 
-const userStore = useUserStore()
-const userInfo = computed(() => userStore.userInfo)
-const { form, resetForm } = useForm({
-  nickname: userInfo.value.nickname,
-  gender: userInfo.value.gender,
-})
-
-const formRef = ref<InstanceType<typeof GiForm>>()
 // 重置
 const reset = () => {
   formRef.value?.formRef?.resetFields()
   resetForm()
 }
 
-const visible = ref(false)
-// 修改
-const onUpdate = async () => {
-  reset()
-  visible.value = true
-}
-
 // 保存
 const save = async () => {
   const isInvalid = await formRef.value?.formRef?.validate()
@@ -84,5 +79,11 @@ const save = async () => {
   }
 }
 
+// 修改
+const onUpdate = async () => {
+  reset()
+  visible.value = true
+}
+
 defineExpose({ onUpdate })
 </script>