refactor：优化 sms 短信的实现

apps/web-antd/src/views/system/sms/channel/modules/form.vue

@@ -1,24 +1,18 @@
 <script lang="ts" setup>
 import type { SystemSmsChannelApi } from '#/api/system/sms/channel';
 
-import { computed, ref } from 'vue';
-
 import { useVbenModal } from '@vben/common-ui';
-
 import { message } from 'ant-design-vue';
 
-import { useVbenForm } from '#/adapter/form';
-import {
-  createSmsChannel,
-  getSmsChannel,
-  updateSmsChannel,
-} from '#/api/system/sms/channel';
 import { $t } from '#/locales';
+import { computed, ref } from 'vue';
+import { useVbenForm } from '#/adapter/form';
+import { getSmsChannel, createSmsChannel, updateSmsChannel } from '#/api/system/sms/channel';
 
 import { useFormSchema } from '../data';
 
 const emit = defineEmits(['success']);
-const formData = ref<SystemSmsChannelApi.SmsChannelVO>();
+const formData = ref<SystemSmsChannelApi.SmsChannel>();
 const getTitle = computed(() => {
   return formData.value?.id
     ? $t('ui.actionTitle.edit', ['短信渠道'])
@@ -29,6 +23,9 @@ const [Form, formApi] = useVbenForm({
   layout: 'horizontal',
   schema: useFormSchema(),
   showDefaultActions: false,
+  commonConfig: {
+    labelWidth: 120
+  }
 });
 
 const [Modal, modalApi] = useVbenModal({
@@ -39,12 +36,9 @@ const [Modal, modalApi] = useVbenModal({
     }
     modalApi.lock();
     // 提交表单
-    const data =
-      (await formApi.getValues()) as SystemSmsChannelApi.SmsChannelVO;
+    const data = (await formApi.getValues()) as SystemSmsChannelApi.SmsChannel;
     try {
-      await (formData.value?.id
-        ? updateSmsChannel(data)
-        : createSmsChannel(data));
+      await (formData.value?.id ? updateSmsChannel(data) : createSmsChannel(data));
       // 关闭并提示
       await modalApi.close();
       emit('success');
@@ -56,12 +50,12 @@ const [Modal, modalApi] = useVbenModal({
       modalApi.lock(false);
     }
   },
-  async onOpenChange(isOpen) {
+  async onOpenChange(isOpen: boolean) {
     if (!isOpen) {
       return;
     }
     // 加载数据
-    const data = modalApi.getData<SystemSmsChannelApi.SmsChannelVO>();
+    const data = modalApi.getData<SystemSmsChannelApi.SmsChannel>();
     if (!data || !data.id) {
       return;
     }