feat: enhance Dialog component with appendToBody option

- Added appendToBody property to Dialog component for improved rendering flexibility
- Updated service methods to wrap form data in a data object for consistency

Author: Marvin Zhang

src/components/ui/dialog/Dialog.vue

@@ -20,6 +20,7 @@ withDefaults(
   {
     top: '15vh',
     confirmType: 'primary',
+    appendToBody: true,
   }
 );
 

src/services/index.ts

@@ -14,10 +14,14 @@ export const useService = <T = any>(endpoint: string): Services<T> => {
       return await get<T>(`${endpoint}/${id}`);
     }) as any,
     create: async (form: T) => {
-      return await post<T>(`${endpoint}`, form);
+      return await post<{ data: T }, ResponseWithData<T>>(`${endpoint}`, {
+        data: form,
+      });
     },
     updateById: async (id: string, form: T) => {
-      return await put<T>(`${endpoint}/${id}`, form);
+      return await put<{ data: T }, ResponseWithData<T>>(`${endpoint}/${id}`, {
+        data: form,
+      });
     },
     deleteById: async (id: string) => {
       return await del(`${endpoint}/${id}`);