From 02c4014ae36e7bcf177b12ee32c151d533afdcc1 Mon Sep 17 00:00:00 2001
From: Vben <ann.vben@gmail.com>
Date: Sat, 14 Sep 2024 22:07:50 +0800
Subject: [PATCH] fix: when the form is opened repeatedly, the state is
 unexpectedly destroyed (#4406)

---
 packages/@core/ui-kit/form-ui/src/form-api.ts           | 2 +-
 playground/src/views/examples/modal/form-model-demo.vue | 7 +++++++
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/packages/@core/ui-kit/form-ui/src/form-api.ts b/packages/@core/ui-kit/form-ui/src/form-api.ts
index f4c92abd..c49f01f4 100644
--- a/packages/@core/ui-kit/form-ui/src/form-api.ts
+++ b/packages/@core/ui-kit/form-ui/src/form-api.ts
@@ -177,7 +177,7 @@ export class FormApi {
   }
 
   unmounted() {
-    this.state = null;
+    // this.state = null;
     this.isMounted = false;
     this.stateHandler.reset();
   }
diff --git a/playground/src/views/examples/modal/form-model-demo.vue b/playground/src/views/examples/modal/form-model-demo.vue
index 9b688c79..959a3ce8 100644
--- a/playground/src/views/examples/modal/form-model-demo.vue
+++ b/playground/src/views/examples/modal/form-model-demo.vue
@@ -1,13 +1,20 @@
 <script lang="ts" setup>
 import { useVbenModal } from '@vben/common-ui';
 
+import { message } from 'ant-design-vue';
+
 import { useVbenForm } from '#/adapter';
 
 defineOptions({
   name: 'FormModelDemo',
 });
 
+function onSubmit(values: Record<string, any>) {
+  message.info(JSON.stringify(values)); // 只会执行一次
+}
+
 const [Form, formApi] = useVbenForm({
+  handleSubmit: onSubmit,
   schema: [
     {
       component: 'Input',