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

src/components/form-designer/designer.js

@@ -91,6 +91,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

@@ -61,6 +61,7 @@ export default {
 
     removeWidget() {
       if (!!this.parentList) {
+        const widgetRefName = this.designer.selectedWidgetName
         let nextSelected = null
         if (this.parentList.length === 1) {
           if (!!this.parentWidget) {
@@ -74,10 +75,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

@@ -175,6 +175,7 @@
 
       removeFieldWidget() {
         if (!!this.parentList) {
+          const fieldRefName = this.designer.selectedWidgetName
           let nextSelected = null
           if (this.parentList.length === 1) {
             if (!!this.parentWidget) {
@@ -188,10 +189,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

@@ -99,6 +99,7 @@
 
       removeFieldWidget() {
         if (!!this.parentList) {
+          const fieldRefName = this.designer.selectedWidgetName
           let nextSelected = null
           if (this.parentList.length === 1) {
             if (!!this.parentWidget) {
@@ -116,6 +117,7 @@
             this.designer.setSelected(nextSelected)
             //}
 
+            this.designer.formWidget.deleteWidgetRef(fieldRefName)  //删除组件ref！！！
             this.designer.emitHistoryChange()
           })
         }

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

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

src/components/form-designer/index.vue

@@ -287,7 +287,6 @@
           }
 
           if (modifiedFlag) {
-            this.$refs.formRef.clearWidgetRefList()
             this.designer.emitHistoryChange()
           }
         }
@@ -302,7 +301,6 @@
 
       clearDesigner() {
         this.$refs.toolbarRef.clearFormWidget()
-        this.$refs.formRef.clearWidgetRefList()
       },
 
 

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

@@ -424,6 +424,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',