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

1. 修复vite打包axios报错的bug；

Browse Source 
2. 适配form、form-item的size属性。
This commit is contained in:
vdpAdmin
2022-01-12 14:09:31 +08:00
parent 1921746b8d
commit 9a2c6040c5
17 changed files with 27 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,6 +1,6 @@
<template>
<div>
<el-form :model="formConfig" size="mini" label-position="left" label-width="120px"
<el-form :model="formConfig" size="small" label-position="left" label-width="120px"
class="setting-form" @submit.prevent>
<el-collapse v-model="formActiveCollapseNames" class="setting-collapse">
<el-collapse-item name="1" :title="i18nt('designer.setting.basicSetting')">
@ -158,9 +158,9 @@
formSizes: [
{label: 'default', value: ''},
{label: 'large', value: 'large'},
{label: 'medium', value: 'medium'},
//{label: 'medium', value: 'medium'},
{label: 'small', value: 'small'},
{label: 'mini', value: 'mini'},
//{label: 'mini', value: 'mini'},
],
showEditFormCssDialogFlag: false,

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

@ -5,7 +5,7 @@
<el-scrollbar class="setting-scrollbar" :style="{height: scrollerHeight}">
<template v-if="!!designer.selectedWidget && !designer.selectedWidget.category">
<el-form :model="optionModel" size="mini" label-position="left" label-width="120px" class="setting-form"
<el-form :model="optionModel" size="small" label-position="left" label-width="120px" class="setting-form"
@submit.prevent>
<el-collapse v-model="widgetActiveCollapseNames" class="setting-collapse">
<el-collapse-item name="1" v-if="showCollapse(commonProps)" :title="i18nt('designer.setting.commonSetting')">
@ -34,7 +34,7 @@
</template>
<template v-if="(!!designer.selectedWidget && !!designer.selectedWidget.category)">
<el-form :model="optionModel" size="mini" label-position="left" label-width="120px" class="setting-form"
<el-form :model="optionModel" size="small" label-position="left" label-width="120px" class="setting-form"
@submit.prevent>
<el-collapse v-model="widgetActiveCollapseNames" class="setting-collapse">
<el-collapse-item name="1" v-if="showCollapse(commonProps)" :title="i18nt('designer.setting.commonSetting')">

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

@ -7,10 +7,10 @@
<template #item="{ element: option, index: idx }">
<li>
<el-radio :label="option.value">
<el-input v-model="option.value" size="mini" style="width: 100px"></el-input>
<el-input v-model="option.label" size="mini" style="width: 100px"></el-input>
<el-input v-model="option.value" size="small" style="width: 100px"></el-input>
<el-input v-model="option.label" size="small" style="width: 100px"></el-input>
<i class="iconfont icon-drag drag-option"></i>
<el-button circle plain size="mini" type="danger" @click="deleteOption(option, idx)"
<el-button circle plain size="small" type="danger" @click="deleteOption(option, idx)"
icon="el-icon-minus" class="col-delete-button"></el-button>
</el-radio>
</li>
@ -24,10 +24,10 @@
<template #item="{ element: option, index: idx }">
<li>
<el-checkbox :label="option.value">
<el-input v-model="option.value" size="mini" style="width: 100px"></el-input>
<el-input v-model="option.label" size="mini" style="width: 100px"></el-input>
<el-input v-model="option.value" size="small" style="width: 100px"></el-input>
<el-input v-model="option.label" size="small" style="width: 100px"></el-input>
<i class="iconfont icon-drag drag-option"></i>
<el-button circle plain size="mini" type="danger" @click="deleteOption(option, idx)"
<el-button circle plain size="small" type="danger" @click="deleteOption(option, idx)"
icon="el-icon-minus" class="col-delete-button"></el-button>
</el-checkbox>
</li>

2
src/components/form-designer/setting-panel/property-editor/container-grid/gutter-editor.vue
View File

@ -13,7 +13,7 @@
<el-input-number v-model.number="colItem.options.span" :min="1" :max="24"
@change="(newValue, oldValue) => spanChanged(selectedWidget, colItem, colIdx, newValue, oldValue)"
class="cell-span-input"></el-input-number>
<el-button circle plain size="mini" type="danger" @click="deleteCol(selectedWidget, colIdx)"
<el-button circle plain size="small" type="danger" @click="deleteCol(selectedWidget, colIdx)"
icon="el-icon-minus" class="col-delete-button"></el-button>
</li>
<div>

2
src/components/form-designer/setting-panel/property-editor/container-tab/tab-customClass-editor.vue
View File

@ -21,7 +21,7 @@
style="margin-right: 8px">{{i18nt('designer.setting.paneActive')}}</el-checkbox>
<el-input type="text" v-model="tpItem.options.label" style="width: 155px"></el-input>
<i class="iconfont icon-drag drag-option"></i>
<el-button circle plain size="mini" type="danger" @click="deleteTabPane(selectedWidget, tpIdx)"
<el-button circle plain size="small" type="danger" @click="deleteTabPane(selectedWidget, tpIdx)"
icon="el-icon-minus" class="col-delete-button"></el-button>
</li>
</template>

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

@ -24,9 +24,9 @@
widgetSizes: [
{label: 'default', value: ''},
{label: 'large', value: 'large'},
{label: 'medium', value: 'medium'},
//{label: 'medium', value: 'medium'},
{label: 'small', value: 'small'},
{label: 'mini', value: 'mini'},
//{label: 'mini', value: 'mini'},
],
}
}