1. 修复图片上传组件的大图预览功能；

2. 修复部分拼写错误。

src/components/form-designer/form-widget/field-widget/picture-upload-widget.vue

@@ -8,7 +8,7 @@
                :with-credentials="field.options.withCredentials"
                :multiple="field.options.multipleSelect" :file-list="fileList" :show-file-list="field.options.showFileList"
                list-type="picture-card" :class="{'hideUploadDiv': uploadBtnHidden}"
-               :limit="field.options.limit" :on-exceed="handlePictureExceed"
+               :limit="field.options.limit" :on-exceed="handlePictureExceed" :on-preview="handlePicturePreview"
                :before-upload="beforePictureUpload"
                :on-success="handlePictureUpload" :on-error="handleUploadError"
                :before-remove="handleBeforeRemove" :on-remove="handlePictureRemove">
@@ -124,6 +124,11 @@
         this.$message.warning( this.i18nt('render.hint.uploadExceed').replace('${uploadLimit}', uploadLimit) )
       },
 
+      handlePicturePreview(file) {
+        this.previewUrl = file.url
+        this.showPreviewDialogFlag = true
+      },
+
       beforePictureUpload(file) {
         let fileTypeCheckResult = false
         if (!!this.field.options && !!this.field.options.fileTypes) {

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

@@ -67,6 +67,7 @@
             <el-button v-if="false" @click="testLoadForm">Test Load</el-button>
             <el-button v-if="false" @click="testSetFormJson">Test SFJ</el-button>
             <el-button v-if="false" @click="testSetFormData">Test SFD</el-button>
+            <el-button v-if="false" @click="testReloadOptionData">Test ROD</el-button>
           </div>
         </template>
       </el-dialog>
@@ -258,7 +259,13 @@
             {label: '01', value: 1},
             {label: '22', value: 2},
             {label: '333', value: 3},
-          ]
+          ],
+
+          'select001': [
+            {label: '辣椒', value: 1},
+            {label: '菠萝', value: 2},
+            {label: '丑橘子', value: 3},
+          ],
         },
 
       }
@@ -646,6 +653,15 @@
         this.$refs.preForm.setFormData(testFD)
       },
 
+      testReloadOptionData() {
+        this.testOptionData['select001'].push({
+          label: 'aaa',
+          value: 888
+        })
+
+        this.$refs.preForm.reloadOptionData()
+      },
+
       handleFormChange(fieldName, newValue, oldValue, formModel) {
         /*
         console.log('---formChange start---')

src/utils/util.js

@@ -152,7 +152,7 @@ export function traverseFieldWidgets(widgetList, handler, parent = null) {
   })
 }
 
-export function traverseContainWidgets(widgetList, handler) {
+export function traverseContainerWidgets(widgetList, handler) {
   widgetList.map(w => {
     if (w.category === 'container') {
       handler(w)
@@ -160,22 +160,22 @@ export function traverseContainWidgets(widgetList, handler) {
 
     if (w.type === 'grid') {
       w.cols.map(col => {
-        traverseContainWidgets(col.widgetList, handler)
+        traverseContainerWidgets(col.widgetList, handler)
       })
     } else if (w.type === 'table') {
       w.rows.map(row => {
         row.cols.map(cell => {
-          traverseContainWidgets(cell.widgetList, handler)
+          traverseContainerWidgets(cell.widgetList, handler)
         })
       })
     } else if (w.type === 'tab') {
       w.tabs.map(tab => {
-        traverseContainWidgets(tab.widgetList, handler)
+        traverseContainerWidgets(tab.widgetList, handler)
       })
     } else if (w.type === 'sub-form') {
-      traverseContainWidgets(w.widgetList, handler)
+      traverseContainerWidgets(w.widgetList, handler)
     } else if (w.category === 'container') {  //自定义容器
-      traverseContainWidgets(w.widgetList, handler)
+      traverseContainerWidgets(w.widgetList, handler)
     }
   })
 }
@@ -286,7 +286,7 @@ export function getAllContainerWidgets(widgetList) {
       container: w
     })
   }
-  traverseContainWidgets(widgetList, handlerFn)
+  traverseContainerWidgets(widgetList, handlerFn)
 
   return result
 }

src/utils/vue2js-generator.js

@@ -1,4 +1,4 @@
-import {isNotNull, traverseContainWidgets, traverseFieldWidgets} from "@/utils/util";
+import {isNotNull, traverseContainerWidgets, traverseFieldWidgets} from "@/utils/util";
 import {translate} from "@/utils/i18n";
 import FormValidators, {getRegExp} from "@/utils/validators";
 
@@ -79,7 +79,7 @@ export function buildActiveTabs(formConfig, widgetList) {
       cw.tabs.length > 0 && resultList.push(`'${cop.name}ActiveTab': '${cw.tabs[0].options.name}',`)
     }
   }
-  traverseContainWidgets(widgetList, handlerFn)
+  traverseContainerWidgets(widgetList, handlerFn)
 
   return resultList
 }