更新到2.2.5：

1. JS代码编辑器增加语法错误提示；
2. 修复嵌套容器中子表单setFormData数据回显失效的问题；
3. 修复其他少量bug。

package.json

@@ -1,6 +1,6 @@
 {
   "name": "variant-form",
-  "version": "2.2.4",
+  "version": "2.2.5",
   "private": false,
   "scripts": {
     "serve": "vue-cli-service serve --open src/main.js",

src/components/code-editor/index.vue

@@ -119,6 +119,10 @@
         this.aceEditor.getSession().setMode('ace/mode/css')
       },
 
+      getEditorAnnotations() {
+        return this.aceEditor.getSession().getAnnotations()
+      },
+
     }
   }
 </script>

src/components/form-designer/form-widget/field-widget/button-widget.vue

@@ -13,7 +13,7 @@
 
 <script>
   import StaticContentWrapper from './static-content-wrapper'
-  import emitter from 'element-ui/lib/mixins/emitter'
+  import emitter from '@/utils/emitter'
   import i18n, {translate} from "@/utils/i18n";
   import fieldMixin from "@/components/form-designer/form-widget/field-widget/fieldMixin";
 

src/components/form-designer/form-widget/field-widget/cascader-widget.vue

@@ -18,7 +18,7 @@
 
 <script>
   import FormItemWrapper from './form-item-wrapper'
-  import emitter from 'element-ui/lib/mixins/emitter'
+  import emitter from '@/utils/emitter'
   import i18n, {translate} from "@/utils/i18n";
   import fieldMixin from "@/components/form-designer/form-widget/field-widget/fieldMixin";
 

src/components/form-designer/form-widget/field-widget/checkbox-widget.vue

@@ -21,7 +21,7 @@
 
 <script>
   import FormItemWrapper from './form-item-wrapper'
-  import emitter from 'element-ui/lib/mixins/emitter'
+  import emitter from '@/utils/emitter'
   import i18n, {translate} from "@/utils/i18n";
   import fieldMixin from "@/components/form-designer/form-widget/field-widget/fieldMixin";
 

src/components/form-designer/form-widget/field-widget/color-widget.vue

@@ -12,7 +12,7 @@
 
 <script>
   import FormItemWrapper from './form-item-wrapper'
-  import emitter from 'element-ui/lib/mixins/emitter'
+  import emitter from '@/utils/emitter'
   import i18n, {translate} from "@/utils/i18n";
   import fieldMixin from "@/components/form-designer/form-widget/field-widget/fieldMixin";
 

src/components/form-designer/form-widget/field-widget/date-range-widget.vue

@@ -17,7 +17,7 @@
 
 <script>
   import FormItemWrapper from './form-item-wrapper'
-  import emitter from 'element-ui/lib/mixins/emitter'
+  import emitter from '@/utils/emitter'
   import i18n, {translate} from "@/utils/i18n";
   import fieldMixin from "@/components/form-designer/form-widget/field-widget/fieldMixin";
 

src/components/form-designer/form-widget/field-widget/date-widget.vue

@@ -16,7 +16,7 @@
 
 <script>
   import FormItemWrapper from './form-item-wrapper'
-  import emitter from 'element-ui/lib/mixins/emitter'
+  import emitter from '@/utils/emitter'
   import i18n, {translate} from "@/utils/i18n";
   import fieldMixin from "@/components/form-designer/form-widget/field-widget/fieldMixin";
 

src/components/form-designer/form-widget/field-widget/divider-widget.vue

@@ -9,7 +9,7 @@
 
 <script>
   import StaticContentWrapper from './static-content-wrapper'
-  import emitter from 'element-ui/lib/mixins/emitter'
+  import emitter from '@/utils/emitter'
   import i18n, {translate} from "@/utils/i18n";
   import fieldMixin from "@/components/form-designer/form-widget/field-widget/fieldMixin";
 

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

@@ -29,7 +29,7 @@
 
 <script>
   import FormItemWrapper from './form-item-wrapper'
-  import emitter from 'element-ui/lib/mixins/emitter'
+  import emitter from '@/utils/emitter'
   import i18n, {translate} from "@/utils/i18n";
   import {deepClone} from "@/utils/util";
   import fieldMixin from "@/components/form-designer/form-widget/field-widget/fieldMixin";

src/components/form-designer/form-widget/field-widget/html-text-widget.vue

@@ -8,7 +8,7 @@
 
 <script>
   import StaticContentWrapper from './static-content-wrapper'
-  import emitter from 'element-ui/lib/mixins/emitter'
+  import emitter from '@/utils/emitter'
   import i18n, {translate} from "@/utils/i18n";
   import fieldMixin from "@/components/form-designer/form-widget/field-widget/fieldMixin";
 

src/components/form-designer/form-widget/field-widget/input-widget.vue

@@ -22,7 +22,7 @@
 
 <script>
   import FormItemWrapper from './form-item-wrapper'
-  import emitter from 'element-ui/lib/mixins/emitter'
+  import emitter from '@/utils/emitter'
   import i18n, {translate} from "@/utils/i18n";
   import fieldMixin from "@/components/form-designer/form-widget/field-widget/fieldMixin";
 

src/components/form-designer/form-widget/field-widget/number-widget.vue

@@ -16,7 +16,7 @@
 
 <script>
   import FormItemWrapper from './form-item-wrapper'
-  import emitter from 'element-ui/lib/mixins/emitter'
+  import emitter from '@/utils/emitter'
   import i18n, {translate} from "@/utils/i18n";
   import fieldMixin from "@/components/form-designer/form-widget/field-widget/fieldMixin";
 

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

@@ -20,7 +20,7 @@
 
 <script>
   import FormItemWrapper from './form-item-wrapper'
-  import emitter from 'element-ui/lib/mixins/emitter'
+  import emitter from '@/utils/emitter'
   import i18n, {translate} from "@/utils/i18n";
   import {deepClone} from "@/utils/util";
   import fieldMixin from "@/components/form-designer/form-widget/field-widget/fieldMixin";

src/components/form-designer/form-widget/field-widget/radio-widget.vue

@@ -21,7 +21,7 @@
 
 <script>
   import FormItemWrapper from './form-item-wrapper'
-  import emitter from 'element-ui/lib/mixins/emitter'
+  import emitter from '@/utils/emitter'
   import i18n, {translate} from "@/utils/i18n";
   import fieldMixin from "@/components/form-designer/form-widget/field-widget/fieldMixin";
 

src/components/form-designer/form-widget/field-widget/rate-widget.vue

@@ -15,7 +15,7 @@
 
 <script>
   import FormItemWrapper from './form-item-wrapper'
-  import emitter from 'element-ui/lib/mixins/emitter'
+  import emitter from '@/utils/emitter'
   import i18n, {translate} from "@/utils/i18n";
   import fieldMixin from "@/components/form-designer/form-widget/field-widget/fieldMixin";
 

src/components/form-designer/form-widget/field-widget/rich-editor-widget.vue

@@ -12,7 +12,7 @@
 
 <script>
   import FormItemWrapper from './form-item-wrapper'
-  import emitter from 'element-ui/lib/mixins/emitter'
+  import emitter from '@/utils/emitter'
   import i18n, {translate} from "@/utils/i18n";
   import {deepClone} from "@/utils/util";
   import fieldMixin from "@/components/form-designer/form-widget/field-widget/fieldMixin";

src/components/form-designer/form-widget/field-widget/select-widget.vue

@@ -24,7 +24,7 @@
 
 <script>
   import FormItemWrapper from './form-item-wrapper'
-  import emitter from 'element-ui/lib/mixins/emitter'
+  import emitter from '@/utils/emitter'
   import i18n, {translate} from "@/utils/i18n";
   import fieldMixin from "@/components/form-designer/form-widget/field-widget/fieldMixin";
 

src/components/form-designer/form-widget/field-widget/slider-widget.vue

@@ -13,7 +13,7 @@
 
 <script>
   import FormItemWrapper from './form-item-wrapper'
-  import emitter from 'element-ui/lib/mixins/emitter'
+  import emitter from '@/utils/emitter'
   import i18n, {translate} from "@/utils/i18n";
   import fieldMixin from "@/components/form-designer/form-widget/field-widget/fieldMixin";
 

src/components/form-designer/form-widget/field-widget/slot-widget.vue

@@ -14,7 +14,7 @@
 
 <script>
   import StaticContentWrapper from './static-content-wrapper'
-  import emitter from 'element-ui/lib/mixins/emitter'
+  import emitter from '@/utils/emitter'
   import i18n, {translate} from "@/utils/i18n";
   import fieldMixin from "@/components/form-designer/form-widget/field-widget/fieldMixin";
 

src/components/form-designer/form-widget/field-widget/static-text-widget.vue

@@ -9,7 +9,7 @@
 
 <script>
   import StaticContentWrapper from './static-content-wrapper'
-  import emitter from 'element-ui/lib/mixins/emitter'
+  import emitter from '@/utils/emitter'
   import i18n, {translate} from "@/utils/i18n";
   import fieldMixin from "@/components/form-designer/form-widget/field-widget/fieldMixin";
 

src/components/form-designer/form-widget/field-widget/switch-widget.vue

@@ -14,7 +14,7 @@
 
 <script>
   import FormItemWrapper from './form-item-wrapper'
-  import emitter from 'element-ui/lib/mixins/emitter'
+  import emitter from '@/utils/emitter'
   import i18n, {translate} from "@/utils/i18n";
   import fieldMixin from "@/components/form-designer/form-widget/field-widget/fieldMixin";
 

src/components/form-designer/form-widget/field-widget/textarea-widget.vue

@@ -16,9 +16,9 @@
 
 <script>
   import FormItemWrapper from './form-item-wrapper'
-  import emitter from 'element-ui/lib/mixins/emitter'
+  import emitter from '@/utils/emitter'
-  import i18n, {translate} from "@/utils/i18n";
+  import i18n, {translate} from "@/utils/i18n"
-  import fieldMixin from "@/components/form-designer/form-widget/field-widget/fieldMixin";
+  import fieldMixin from "@/components/form-designer/form-widget/field-widget/fieldMixin"
 
   export default {
     name: "textarea-widget",

src/components/form-designer/form-widget/field-widget/time-range-widget.vue

@@ -17,7 +17,7 @@
 
 <script>
   import FormItemWrapper from './form-item-wrapper'
-  import emitter from 'element-ui/lib/mixins/emitter'
+  import emitter from '@/utils/emitter'
   import i18n, {translate} from "@/utils/i18n";
   import fieldMixin from "@/components/form-designer/form-widget/field-widget/fieldMixin";
 

src/components/form-designer/form-widget/field-widget/time-widget.vue

@@ -16,7 +16,7 @@
 
 <script>
   import FormItemWrapper from './form-item-wrapper'
-  import emitter from 'element-ui/lib/mixins/emitter'
+  import emitter from '@/utils/emitter'
   import i18n, {translate} from "@/utils/i18n";
   import fieldMixin from "@/components/form-designer/form-widget/field-widget/fieldMixin";
 

src/components/form-designer/index.vue

@@ -345,16 +345,16 @@
        * 获取所有字段组件
        * @returns {*[]}
        */
-      getFieldWidgets() {
+      getFieldWidgets(widgetList = null) {
-        return getAllFieldWidgets(this.designer.widgetList)
+        return !!widgetList ? getAllFieldWidgets(widgetList) : getAllFieldWidgets(this.designer.widgetList)
       },
 
       /**
        * 获取所有容器组件
        * @returns {*[]}
        */
-      getContainerWidgets() {
+      getContainerWidgets(widgetList = null) {
-        return getAllContainerWidgets(this.designer.widgetList)
+        return !!widgetList ? getAllContainerWidgets(widgetList) : getAllContainerWidgets(this.designer.widgetList)
       },
 
       //TODO: 增加更多方法！！

src/components/form-designer/setting-panel/form-setting.vue

@@ -84,7 +84,7 @@
                v-if="showFormEventDialogFlag" :show-close="true" class="small-padding-dialog" v-dialog-drag
                :close-on-click-modal="false" :close-on-press-escape="false" :destroy-on-close="true">
       <el-alert type="info" :closable="false" :title="'form.' + eventParamsMap[curEventName]"></el-alert>
-      <code-editor :mode="'javascript'" :readonly="false" v-model="formEventHandlerCode"></code-editor>
+      <code-editor :mode="'javascript'" :readonly="false" v-model="formEventHandlerCode" ref="ecEditor"></code-editor>
       <el-alert type="info" :closable="false" title="}"></el-alert>
       <div slot="footer" class="dialog-footer">
         <el-button @click="showFormEventDialogFlag = false">
@@ -109,7 +109,7 @@
     <el-dialog :title="i18nt('designer.setting.globalFunctions')" :visible.sync="showEditFunctionsDialogFlag"
                v-if="showEditFunctionsDialogFlag" :show-close="true" class="small-padding-dialog" v-dialog-drag
                :close-on-click-modal="false" :close-on-press-escape="false" :destroy-on-close="true">
-      <code-editor :mode="'javascript'" :readonly="false" v-model="functionsCode"></code-editor>
+      <code-editor :mode="'javascript'" :readonly="false" v-model="functionsCode" ref="gfEditor"></code-editor>
       <div slot="footer" class="dialog-footer">
         <el-button @click="showEditFunctionsDialogFlag = false">
           {{i18nt('designer.hint.cancel')}}</el-button>
@@ -259,6 +259,21 @@
       },
 
       saveGlobalFunctions() {
+        const codeHints = this.$refs.gfEditor.getEditorAnnotations()
+        let syntaxErrorFlag = false
+        if (!!codeHints && (codeHints.length > 0)) {
+          codeHints.forEach((chItem) => {
+            if (chItem.type === 'error') {
+              syntaxErrorFlag = true
+            }
+          })
+
+          if (syntaxErrorFlag) {
+            this.$message.error(this.i18nt('designer.setting.syntaxCheckWarning'))
+            return
+          }
+        }
+
         this.designer.formConfig.functions = this.functionsCode
         insertGlobalFunctionsToHtml(this.functionsCode)
         this.showEditFunctionsDialogFlag = false
@@ -271,6 +286,21 @@
       },
 
       saveFormEventHandler() {
+        const codeHints = this.$refs.ecEditor.getEditorAnnotations()
+        let syntaxErrorFlag = false
+        if (!!codeHints && (codeHints.length > 0)) {
+          codeHints.forEach((chItem) => {
+            if (chItem.type === 'error') {
+              syntaxErrorFlag = true
+            }
+          })
+
+          if (syntaxErrorFlag) {
+            this.$message.error(this.i18nt('designer.setting.syntaxCheckWarning'))
+            return
+          }
+        }
+
         this.formConfig[this.curEventName] = this.formEventHandlerCode
         this.showFormEventDialogFlag = false
       },

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

@@ -75,7 +75,7 @@
                v-if="showWidgetEventDialogFlag" :show-close="true" class="small-padding-dialog" v-dialog-drag
                :close-on-click-modal="false" :close-on-press-escape="false" :destroy-on-close="true">
       <el-alert type="info" :closable="false" :title="eventHeader"></el-alert>
-      <code-editor :mode="'javascript'" :readonly="false" v-model="eventHandlerCode"></code-editor>
+      <code-editor :mode="'javascript'" :readonly="false" v-model="eventHandlerCode" ref="ecEditor"></code-editor>
       <el-alert type="info" :closable="false" title="}"></el-alert>
       <div slot="footer" class="dialog-footer">
         <el-button @click="showWidgetEventDialogFlag = false">
@@ -277,6 +277,21 @@
       },
 
       saveEventHandler() {
+        const codeHints = this.$refs.ecEditor.getEditorAnnotations()
+        let syntaxErrorFlag = false
+        if (!!codeHints && (codeHints.length > 0)) {
+          codeHints.forEach((chItem) => {
+            if (chItem.type === 'error') {
+              syntaxErrorFlag = true
+            }
+          })
+
+          if (syntaxErrorFlag) {
+            this.$message.error(this.i18nt('designer.setting.syntaxCheckWarning'))
+            return
+          }
+        }
+
         this.selectedWidget.options[this.curEventName] = this.eventHandlerCode
         this.showWidgetEventDialogFlag = false
       },

src/components/form-designer/setting-panel/property-editor-factory.js

@@ -1,5 +1,5 @@
 import {translate} from "@/utils/i18n"
-import emitter from 'element-ui/lib/mixins/emitter'
+import emitter from '@/utils/emitter'
 
 export const createInputTextEditor = function (propName, propLabelKey) {
   return {

src/components/form-designer/setting-panel/property-editor/event-handler/eventMixin.js

@@ -1,4 +1,4 @@
-import emitter from 'element-ui/lib/mixins/emitter'
+import emitter from '@/utils/emitter'
 
 export default {
   mixins: [emitter],

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

@@ -67,7 +67,8 @@
         <el-button type="primary" @click="setFormEnabled">{{i18nt('designer.hint.enableForm')}}</el-button>
         <el-button type="" @click="showPreviewDialogFlag = false">{{i18nt('designer.hint.closePreview')}}</el-button>
         <el-button v-if="false" @click="printFormJson">PrintFormJson</el-button>
-        <el-button v-if="true" @click="testValidate">TestValidate</el-button>
+        <el-button v-if="false" @click="testValidate">TestValidate</el-button>
+        <el-button v-if="false" @click="testSetFormData">TestSF</el-button>
       </div>
     </el-dialog>
 
@@ -594,6 +595,18 @@
         console.log('test===', this.$refs['preForm'].validateForm())
       },
 
+      testSetFormData() {
+        let fData = {
+          'fuTest': [
+            {
+              name: '上传文件测试.xlsx',
+              url: 'https://www.vform666.com/123.xlsx'
+            }
+          ]
+        }
+        this.$refs['preForm'].setFormData(fData)
+      },
+
       handleFormChange(fieldName, newValue, oldValue, formModel) {
         /*
         console.log('---formChange start---')

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

@@ -64,8 +64,8 @@
         <template v-for="(ft, idx) in formTemplates">
           <el-card :key="idx" :bord-style="{ padding: '0' }" shadow="hover" class="ft-card">
             <el-popover placement="right" trigger="hover">
-              <img slot="reference" :src="ftImages[idx].imgUrl" style="width: 200px">
+              <img slot="reference" :src="ft.imgUrl" style="width: 200px">
-              <img :src="ftImages[idx].imgUrl" style="height: 600px;width: 720px">
+              <img :src="ft.imgUrl" style="height: 600px;width: 720px">
             </el-popover>
             <div class="bottom clear-fix">
               <span class="ft-title">#{{idx+1}} {{ft.title}}</span>
@@ -90,14 +90,14 @@
   import i18n from "@/utils/i18n"
   import axios from "axios"
 
-  import ftImg1 from '@/assets/ft-images/t1.png'
+  // import ftImg1 from '@/assets/ft-images/t1.png'
-  import ftImg2 from '@/assets/ft-images/t2.png'
+  // import ftImg2 from '@/assets/ft-images/t2.png'
-  import ftImg3 from '@/assets/ft-images/t3.png'
+  // import ftImg3 from '@/assets/ft-images/t3.png'
-  import ftImg4 from '@/assets/ft-images/t4.png'
+  // import ftImg4 from '@/assets/ft-images/t4.png'
-  import ftImg5 from '@/assets/ft-images/t5.png'
+  // import ftImg5 from '@/assets/ft-images/t5.png'
-  import ftImg6 from '@/assets/ft-images/t6.png'
+  // import ftImg6 from '@/assets/ft-images/t6.png'
-  import ftImg7 from '@/assets/ft-images/t7.png'
+  // import ftImg7 from '@/assets/ft-images/t7.png'
-  import ftImg8 from '@/assets/ft-images/t8.png'
+  // import ftImg8 from '@/assets/ft-images/t8.png'
 
   export default {
     name: "FieldPanel",
@@ -125,16 +125,16 @@
         customFields,
 
         formTemplates: formTemplates,
-        ftImages: [
+        // ftImages: [
-          {imgUrl: ftImg1},
+        //   {imgUrl: ftImg1},
-          {imgUrl: ftImg2},
+        //   {imgUrl: ftImg2},
-          {imgUrl: ftImg3},
+        //   {imgUrl: ftImg3},
-          {imgUrl: ftImg4},
+        //   {imgUrl: ftImg4},
-          {imgUrl: ftImg5},
+        //   {imgUrl: ftImg5},
-          {imgUrl: ftImg6},
+        //   {imgUrl: ftImg6},
-          {imgUrl: ftImg7},
+        //   {imgUrl: ftImg7},
-          {imgUrl: ftImg8},
+        //   {imgUrl: ftImg8},
-        ]
+        // ]
       }
     },
     computed: {

src/components/form-designer/widget-panel/widgetsConfig.js

@@ -902,17 +902,6 @@ export const advancedFields = [
     },
   },
 
-  // {
-  //   type: 'slot',
-  //   icon: 'slot-field',
-  //   formItemFlag: false,
-  //   options: {
-  //     name: '',
-  //     label: '',
-  //     customClass: '',  //自定义css类名
-  //   }
-  // },
-
 ]
 
 export const customFields = [

src/components/form-render/container-item/grid-item.vue

@@ -20,7 +20,7 @@
 </template>
 
 <script>
-  import emitter from 'element-ui/lib/mixins/emitter'
+  import emitter from '@/utils/emitter'
   import i18n from "../../../utils/i18n"
   import refMixin from "../../../components/form-render/refMixin"
   import ContainerItemWrapper from './container-item-wrapper'

src/components/form-render/container-item/sub-form-item.vue

@@ -64,7 +64,7 @@
 </template>
 
 <script>
-  import emitter from 'element-ui/lib/mixins/emitter'
+  import emitter from '@/utils/emitter'
   import i18n from "../../../utils/i18n"
   import {deepClone, generateId} from "../../../utils/util"
   import refMixin from "../../../components/form-render/refMixin"

src/components/form-render/container-item/tab-item.vue

@@ -34,7 +34,7 @@
 </template>
 
 <script>
-  import emitter from 'element-ui/lib/mixins/emitter'
+  import emitter from '@/utils/emitter'
   import i18n from "../../../utils/i18n"
   import refMixin from "../../../components/form-render/refMixin"
   import ContainerItemWrapper from './container-item-wrapper'

src/components/form-render/container-item/table-item.vue

@@ -24,7 +24,7 @@
 </template>
 
 <script>
-  import emitter from 'element-ui/lib/mixins/emitter'
+  import emitter from '@/utils/emitter'
   import i18n from "../../../utils/i18n"
   import refMixin from "../../../components/form-render/refMixin"
   import ContainerItemWrapper from './container-item-wrapper'

src/components/form-render/index.vue

@@ -38,7 +38,7 @@
 
 <script>
   //import ElForm from 'element-ui/packages/form/src/form.vue'  /* 用于源码调试Element UI */
-  import emitter from 'element-ui/lib/mixins/emitter'
+  import emitter from '@/utils/emitter'
   import './container-item/index'
   import FieldComponents from '@/components/form-designer/form-widget/field-widget/index'
   import {
@@ -172,11 +172,13 @@
 
       insertCustomStyleAndScriptNode() {
         if (!!this.formConfig && !!this.formConfig.cssCode) {
-          insertCustomCssToHead(this.formConfig.cssCode, this.formId)
+          insertCustomCssToHead(this.formConfig.cssCode,
+              !!this.previewState ? '' : this.formId)
         }
 
         if (!!this.formConfig && !!this.formConfig.functions) {
-          insertGlobalFunctionsToHtml(this.formConfig.functions, this.formId)
+          insertGlobalFunctionsToHtml(this.formConfig.functions,
+              !!this.previewState ? '' : this.formId)
         }
       },
 
@@ -639,16 +641,16 @@
        * 获取所有字段组件
        * @returns {*[]}
        */
-      getFieldWidgets() {
+      getFieldWidgets(widgetList = null) {
-        return getAllFieldWidgets(this.formJsonObj.widgetList)
+        return !!widgetList ? getAllFieldWidgets(widgetList) : getAllFieldWidgets(this.formJsonObj.widgetList)
       },
 
       /**
        * 获取所有容器组件
        * @returns {*[]}
        */
-      getContainerWidgets() {
+      getContainerWidgets(widgetList = null) {
-        return getAllContainerWidgets(this.formJsonObj.widgetList)
+        return !!widgetList ? getAllContainerWidgets(widgetList) : getAllContainerWidgets(this.formJsonObj.widgetList)
       },
 
       //--------------------- 以上为组件支持外部调用的API方法 end ------------------//

src/extension/samples/alert/alert-widget.vue

@@ -11,7 +11,7 @@
 
 <script>
   import StaticContentWrapper from '@/components/form-designer/form-widget/field-widget/static-content-wrapper'
-  import emitter from 'element-ui/lib/mixins/emitter'
+  import emitter from '@/utils/emitter'
   import i18n from "@/utils/i18n"
   import fieldMixin from "@/components/form-designer/form-widget/field-widget/fieldMixin"
 

src/extension/samples/card/card-item.vue

@@ -35,7 +35,7 @@
 </template>
 
 <script>
-  import emitter from 'element-ui/lib/mixins/emitter'
+  import emitter from '@/utils/emitter'
   import i18n from "@/utils/i18n"
   import refMixin from "@/components/form-render/refMixin"
   import ContainerItemWrapper from '@/components/form-render/container-item/container-item-wrapper'

src/lang/en-US.js

@@ -317,6 +317,7 @@ export default {
       formModelName: 'Model Name',
       formRefName: 'Ref Name',
       formRulesName: 'Rules Name',
+      syntaxCheckWarning: 'Syntax error in the javascript codes, please check again!',
 
       //data-table
       tableWidth: 'Width(px/%)',

src/lang/zh-CN.js

@@ -317,6 +317,7 @@ export default {
       formModelName: '数据对象名称',
       formRefName: '引用名称',
       formRulesName: '验证规则名称',
+      syntaxCheckWarning: 'JS代码存在语法错误，请仔细检查！',
 
       //data-table
       tableWidth: '宽度(px/%)',

src/utils/config.js

@@ -8,7 +8,7 @@ export const DESIGNER_OPTIONS = {
 
 }
 
-export const VARIANT_FORM_VERSION = '2.2.4'
+export const VARIANT_FORM_VERSION = '2.2.5'
 
 //export const MOCK_CASE_URL = 'https://www.fastmock.site/mock/2de212e0dc4b8e0885fea44ab9f2e1d0/vform/'
 export const MOCK_CASE_URL = 'https://ks3-cn-beijing.ksyuncs.com/vform-static/vcase/'

src/utils/emitter.js

@@ -0,0 +1,34 @@
+function broadcast(componentName, eventName, params) {
+  this.$children.forEach(child => {
+    var name = child.$options.componentName;
+
+    if (name === componentName) {
+      child.$emit.apply(child, [eventName].concat(params));
+      broadcast.apply(child, [componentName, eventName].concat([params]));  //继续遍历子节点！！
+    } else {
+      broadcast.apply(child, [componentName, eventName].concat([params]));
+    }
+  });
+}
+export default {
+  methods: {
+    dispatch(componentName, eventName, params) {
+      var parent = this.$parent || this.$root;
+      var name = parent.$options.componentName;
+
+      while (parent && (!name || name !== componentName)) {
+        parent = parent.$parent;
+
+        if (parent) {
+          name = parent.$options.componentName;
+        }
+      }
+      if (parent) {
+        parent.$emit.apply(parent, [eventName].concat(params));
+      }
+    },
+    broadcast(componentName, eventName, params) {
+      broadcast.call(this, componentName, eventName, params);
+    }
+  }
+};