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

替换字体图标，发布3.0 Beta版。

Browse Source
This commit is contained in:
vdpAdmin
2022-01-16 15:18:25 +08:00
parent 54e11ab3b7
commit 273dc7ad20
32 changed files with 124 additions and 70 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/form-designer/setting-panel/form-setting.vue
View File

@ -300,8 +300,8 @@
white-space: nowrap;
}
:deep(.el-form-item--mini.el-form-item) {
margin-bottom: 6px;
:deep(.el-form-item--small.el-form-item) {
margin-bottom: 10px;
}
.radio-group-custom {

4
src/components/form-designer/setting-panel/index.vue
View File

@ -312,8 +312,8 @@
white-space: nowrap;
}
:deep(.el-form-item--mini.el-form-item) {
margin-bottom: 6px;
:deep(.el-form-item--small.el-form-item) {
margin-bottom: 10px;
}
}

30
src/components/form-designer/setting-panel/option-items-setting.vue
View File

@ -34,11 +34,12 @@
</template>
</draggable>
</el-checkbox-group>
<el-cascader v-else-if="(selectedWidget.type === 'cascader')"
v-model="optionModel.defaultValue" :options="optionModel.optionItems"
@change="emitDefaultValueChange"
:placeholder="i18nt('render.hint.selectPlaceholder')" style="width: 100%">
</el-cascader>
<div v-else-if="(selectedWidget.type === 'cascader')" class="full-width-input">
<el-cascader v-model="optionModel.defaultValue" :options="optionModel.optionItems"
@change="emitDefaultValueChange"
:placeholder="i18nt('render.hint.selectPlaceholder')">
</el-cascader>
</div>
<div v-if="(selectedWidget.type === 'cascader')">
<el-button type="text" @click="importCascaderOptions">{{i18nt('designer.setting.importOptions')}}</el-button>
<el-button type="text" @click="resetDefault">{{i18nt('designer.setting.resetDefault')}}</el-button>
@ -222,9 +223,13 @@
</script>
<style lang="scss" scoped>
.option-items-pane ul {
padding-inline-start: 6px;
padding-left: 6px; /* 重置IE11默认样式 */
.option-items-pane {
width: 100%;
ul {
padding-inline-start: 6px;
padding-left: 6px; /* 重置IE11默认样式 */
}
}
li.ghost{
@ -243,4 +248,13 @@
.dialog-footer .el-button {
width: 100px;
}
.full-width-input {
width: 100% !important;
:deep(.el-cascader) {
width: 100% !important;
}
}
</style>

2
src/components/form-designer/setting-panel/property-editor/field-file-upload/file-upload-fileTypes-editor.vue
View File

@ -3,7 +3,7 @@
<template #label>
<span>{{i18nt('designer.setting.fileTypes')}}
<el-tooltip effect="light" :content="i18nt('designer.setting.fileTypesHelp')">
<i class="el-icon-info"></i></el-tooltip>
<svg-icon icon-class="el-info" /></el-tooltip>
</span>
</template>
<el-select multiple allow-create filterable default-first-option

8
src/components/form-designer/setting-panel/property-editor/field-picture-upload/picture-upload-fileTypes-editor.vue
View File

@ -3,7 +3,7 @@
<template #label>
<span>{{i18nt('designer.setting.fileTypes')}}
<el-tooltip effect="light" :content="i18nt('designer.setting.fileTypesHelp')">
<i class="el-icon-info"></i></el-tooltip>
<svg-icon icon-class="el-info" /></el-tooltip>
</span>
</template>
<el-select multiple allow-create filterable default-first-option
@ -31,9 +31,9 @@
data() {
return {
uploadPictureTypes: [
{value: 'jpeg', label: 'JPG'},
{value: 'png', label: 'PNG'},
{value: 'gif', label: 'GIF'},
{value: 'jpeg', label: 'jpg'}, /* label如用大写字母，选择两个文件类型就会导致设置面板快速抖动、闪烁，非常奇怪！！ */
{value: 'png', label: 'png'},
{value: 'gif', label: 'gif'},
],
}
}