fix: 修复setJson丢失响应性问题

package.json

@@ -1,7 +1,7 @@
 {
   "name": "vue-form-create",
   "description": "一个基于Vue3.0 + TS 的表单设计器",
-  "version": "1.2.2",
+  "version": "1.2.3",
   "main": "dist/formCreate.umd.min.js",
   "types": "src/index.d.ts",
   "homepage": "https://github.com/fuchengwei/vue-form-create",

src/core/antd/AntdDesignForm.vue

@@ -151,7 +151,7 @@
 <script lang="ts">
 import { defineComponent, reactive, PropType, toRefs, watchEffect } from 'vue'
 import { message } from 'ant-design-vue'
-import { defaultsDeep } from 'lodash'
+import { merge } from 'lodash'
 import CodeEditor from '@/components/CodeEditor.vue'
 import ComponentGroup from '@/components/ComponentGroup.vue'
 import AntdHeader from './AntdHeader.vue'
@@ -247,13 +247,7 @@ export default defineComponent({
 
     const handleUploadJson = () => {
       try {
-        state.widgetForm.list = []
-        defaultsDeep(state.widgetForm, JSON.parse(state.jsonEg))
-
-        if (state.widgetForm.list) {
-          state.widgetFormSelect = state.widgetForm.list[0]
-        }
-
+        setJson(JSON.parse(state.jsonEg))
         state.uploadJsonVisible = false
         message.success('上传成功')
       } catch (error) {
@@ -297,10 +291,7 @@ export default defineComponent({
 
     const handleClearable = () => {
       state.widgetForm.list = []
-      defaultsDeep(
-        state.widgetForm,
-        JSON.parse(JSON.stringify(antd.widgetForm))
-      )
+      merge(state.widgetForm, JSON.parse(JSON.stringify(antd.widgetForm)))
       state.widgetFormSelect = null
     }
 
@@ -310,7 +301,7 @@ export default defineComponent({
 
     const setJson = (json: WidgetForm) => {
       state.widgetForm.list = []
-      defaultsDeep(state.widgetForm, json)
+      merge(state.widgetForm, json)
       if (json.list.length) {
         state.widgetFormSelect = json.list[0]
       }