fix(@vben/playground): reset popup form state

playground/src/views/examples/drawer/form-drawer-demo.vue

@@ -47,6 +47,8 @@ const [Drawer, drawerApi] = useVbenDrawer<FormDrawerData>({
       const data = drawerApi.getData();
       if (data?.values) {
         formApi.setValues(data.values);
+      } else {
+        formApi.reset();
       }
     }
   },

playground/src/views/system/dept/modules/form.vue

@@ -58,11 +58,12 @@ const [Modal, modalApi] = useVbenModal<DeptModalData>({
     if (isOpen) {
       const data = modalApi.getData();
       if (data) {
-        if (data.pid === 0) {
-          data.pid = undefined;
-        }
         formData.value = 'id' in data ? data : undefined;
-        formApi.setValues(data);
+        const formValues = {
+          ...data,
+          ...(data.pid === 0 ? { pid: undefined } : {}),
+        };
+        formApi.setValues(formValues);
       } else {
         formData.value = undefined;
         formApi.reset();

playground/src/views/system/role/modules/form.vue

@@ -57,6 +57,7 @@ const [Drawer, drawerApi] = useVbenDrawer<null | SystemRoleApi.SystemRole>({
         formData.value = data;
         id.value = data.id;
       } else {
+        formData.value = undefined;
         id.value = undefined;
       }
 

playground/src/views/system/user/modules/form.vue

@@ -56,6 +56,7 @@ const [Drawer, drawerApi] = useVbenDrawer<null | SystemUserApi.SystemUser>({
         formData.value = data;
         id.value = data.id;
       } else {
+        formData.value = undefined;
         id.value = undefined;
       }