修复清空设计器画布时未同步清除组件refList的错误。

src/components/form-designer/designer.js

@@ -92,6 +92,7 @@ export function createDesigner(vueInstance) {
       let modifiedFlag = false
 
       if (!!formJson && !!formJson.widgetList) {
+        this.formWidget.clearWidgetRefList()
         this.widgetList = formJson.widgetList
         modifiedFlag = true
       }

src/components/form-designer/form-widget/container-widget/containerMixin.js

@@ -68,6 +68,7 @@ export default {
 
     removeWidget() {
       if (!!this.parentList) {
+        const widgetRefName = this.designer.selectedWidgetName
         let nextSelected = null
         if (this.parentList.length === 1) {
           if (!!this.parentWidget) {
@@ -81,10 +82,9 @@ export default {
 
         this.$nextTick(() => {
           this.parentList.splice(this.indexOfParentList, 1)
-          //if (!!nextSelected) {
           this.designer.setSelected(nextSelected)
-          //}
 
+          this.designer.formWidget.deleteWidgetRef(widgetRefName)  //删除组件ref！！！
           this.designer.emitHistoryChange()
         })
       }

src/components/form-designer/form-widget/field-widget/form-item-wrapper.vue

@@ -188,6 +188,7 @@
 
       removeFieldWidget() {
         if (!!this.parentList) {
+          const fieldRefName = this.designer.selectedWidgetName
           let nextSelected = null
           if (this.parentList.length === 1) {
             if (!!this.parentWidget) {
@@ -201,10 +202,9 @@
 
           this.$nextTick(() => {
             this.parentList.splice(this.indexOfParentList, 1)
-            //if (!!nextSelected) {
             this.designer.setSelected(nextSelected)
-            //}
 
+            this.designer.formWidget.deleteWidgetRef(fieldRefName)  //删除组件ref！！！
             this.designer.emitHistoryChange()
           })
         }

src/components/form-designer/form-widget/field-widget/static-content-wrapper.vue

@@ -107,6 +107,7 @@
 
       removeFieldWidget() {
         if (!!this.parentList) {
+          const fieldRefName = this.designer.selectedWidgetName
           let nextSelected = null
           if (this.parentList.length === 1) {
             if (!!this.parentWidget) {
@@ -120,10 +121,9 @@
 
           this.$nextTick(() => {
             this.parentList.splice(this.indexOfParentList, 1)
-            //if (!!nextSelected) {
             this.designer.setSelected(nextSelected)
-            //}
 
+            this.designer.formWidget.deleteWidgetRef(fieldRefName)  //删除组件ref！！！
             this.designer.emitHistoryChange()
           })
         }

src/components/form-designer/form-widget/index.vue

@@ -184,6 +184,10 @@
         })
       },
 
+      deleteWidgetRef(widgetRefName) {
+        delete this.widgetRefList[widgetRefName]
+      },
+
     }
   }
 </script>

src/components/form-designer/index.vue

@@ -290,7 +290,6 @@
           }
 
           if (modifiedFlag) {
-            this.$refs.formRef.clearWidgetRefList()
             this.designer.emitHistoryChange()
           }
         }
@@ -305,7 +304,6 @@
 
       clearDesigner() {
         this.$refs.toolbarRef.clearFormWidget()
-        this.$refs.formRef.clearWidgetRefList()
       },
 
 

src/components/form-designer/toolbar-panel/index.vue

@@ -444,6 +444,7 @@
 
       clearFormWidget() {
         this.designer.clearDesigner()
+        this.designer.formWidget.clearWidgetRefList()
       },
 
       previewForm() {

src/utils/util.js

@@ -352,7 +352,7 @@ export function getDefaultFormConfig() {
     size: '',
     labelAlign: 'label-left-align',
     cssCode: '',
-    customClass: '',
+    customClass: [],
     functions: '',  //全局函数
     layoutType: 'PC',
     jsonVersion: 3,