images/variant-form3-vite
2
0
Fork 0
mirror of https://github.com/vform666/variant-form3-vite.git synced 2025-09-17 19:53:02 +08:00
Code Issues Packages Projects Releases Wiki Activity

v-form-designer新增两个API方法：getWidgetRef、getSelectedWidgetRef。

Browse Source
This commit is contained in:
vdpAdmin
2022-04-12 18:20:15 +08:00
parent 8cdafa4136
commit fba05b946d
14 changed files with 84 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
src/components/form-designer/setting-panel/property-editor/name-editor.vue
View File

@ -7,10 +7,10 @@
</span>
</template>
<template v-if="!!selectedWidget.category || noFieldList">
<el-input type="text" v-model="optionModel.name" @change="updateWidgetNameAndRef"></el-input>
<el-input type="text" v-model="optionModel.name" :readonly="widgetNameReadonly" @change="updateWidgetNameAndRef"></el-input>
</template>
<template v-else>
<el-select v-model="optionModel.name" allow-create filterable @change="updateWidgetNameAndRef"
<el-select v-model="optionModel.name" allow-create filterable :disabled="widgetNameReadonly" @change="updateWidgetNameAndRef"
:title="i18nt('designer.setting.editNameHelp')">
<el-option v-for="(sf, sfIdx) in serverFieldList" :key="sfIdx" :label="sf.label" :value="sf.name"></el-option>
</el-select>
@ -30,7 +30,7 @@
selectedWidget: Object,
optionModel: Object,
},
inject: ['serverFieldList'],
inject: ['serverFieldList', 'getDesignerConfig'],
data() {
return {
nameRequiredRule: [{required: true, message: 'name required'}],
@ -41,6 +41,10 @@
return !this.serverFieldList || (this.serverFieldList.length <= 0)
},
widgetNameReadonly() {
return !!this.getDesignerConfig().widgetNameReadonly
},
},
methods: {
updateWidgetNameAndRef(newName) {
@ -52,19 +56,18 @@
}
if (!!this.designer.formWidget) {
//检查newName是否已存在！！
let foundRef = this.designer.formWidget.getWidgetRef(newName)
let foundRef = this.designer.formWidget.getWidgetRef(newName) // 检查newName是否已存在！！
if (!!foundRef) {
this.selectedWidget.options.name = oldName
this.$message.info(this.i18nt('designer.hint.duplicateName') + newName)
return
}
let fieldWidget = this.designer.formWidget.getWidgetRef(oldName)
if (!!fieldWidget && !!fieldWidget.registerToRefList) {
fieldWidget.registerToRefList(oldName) //注册组件新的ref名称并删除老的ref！！
let widgetInDesign = this.designer.formWidget.getWidgetRef(oldName)
if (!!widgetInDesign && !!widgetInDesign.registerToRefList) {
widgetInDesign.registerToRefList(oldName) //注册组件新的ref名称并删除老的ref！！
let newLabel = this.getLabelByFieldName(newName)
this.designer.updateSelectedWidgetNameAndRef(this.selectedWidget, newName, newLabel)
this.designer.updateSelectedWidgetNameAndLabel(this.selectedWidget, newName, newLabel)
}
}
},