meixioacomponent 0.2.48 → 0.2.49
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/meixioacomponent.common.js +111 -101
- package/lib/meixioacomponent.umd.js +111 -101
- package/lib/meixioacomponent.umd.min.js +11 -11
- package/package.json +1 -1
- package/packages/components/proForm/proForm/pro_form.vue +10 -12
- package/packages/components/proForm/proForm/pro_form_item.vue +5 -3
package/package.json
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<div class="pro_form_content" ref="proFormWrap">
|
|
3
3
|
<el-form
|
|
4
|
-
v-if="!loading"
|
|
5
4
|
ref="form"
|
|
6
5
|
:rules="rules"
|
|
6
|
+
v-if="!loading"
|
|
7
7
|
:model="formdata"
|
|
8
8
|
:label-width="labelWidth"
|
|
9
9
|
:label-position="labelPosition"
|
|
@@ -14,6 +14,9 @@
|
|
|
14
14
|
v-show="!item.renderHide"
|
|
15
15
|
class="pro-form-item-content"
|
|
16
16
|
:class="[`chunk-${chunkLength}`]"
|
|
17
|
+
:style="{
|
|
18
|
+
width: itemWidth,
|
|
19
|
+
}"
|
|
17
20
|
>
|
|
18
21
|
<el-form-item
|
|
19
22
|
:prop="item.key"
|
|
@@ -162,6 +165,9 @@ export default {
|
|
|
162
165
|
pro_formItem_skeletonVue,
|
|
163
166
|
},
|
|
164
167
|
computed: {
|
|
168
|
+
itemWidth() {
|
|
169
|
+
return `${100 / this.chunkLength}%`;
|
|
170
|
+
},
|
|
165
171
|
module: {
|
|
166
172
|
set(val) {
|
|
167
173
|
this.$emit("input", val);
|
|
@@ -382,7 +388,7 @@ export default {
|
|
|
382
388
|
display: flex;
|
|
383
389
|
flex-flow: row wrap;
|
|
384
390
|
align-items: center;
|
|
385
|
-
justify-content:
|
|
391
|
+
justify-content: flex-start;
|
|
386
392
|
}
|
|
387
393
|
/deep/.el-form {
|
|
388
394
|
width: 100%;
|
|
@@ -390,7 +396,7 @@ export default {
|
|
|
390
396
|
display: flex;
|
|
391
397
|
flex-flow: row wrap;
|
|
392
398
|
align-items: center;
|
|
393
|
-
justify-content:
|
|
399
|
+
justify-content: flex-start;
|
|
394
400
|
}
|
|
395
401
|
/deep/ .el-form-item {
|
|
396
402
|
width: 100%;
|
|
@@ -401,15 +407,7 @@ export default {
|
|
|
401
407
|
padding-right: var(--padding-5);
|
|
402
408
|
margin-left: 0px !important;
|
|
403
409
|
}
|
|
404
|
-
|
|
405
|
-
width: 100%;
|
|
406
|
-
}
|
|
407
|
-
.chunk-2 {
|
|
408
|
-
width: 50%;
|
|
409
|
-
}
|
|
410
|
-
.chunk-3 {
|
|
411
|
-
width: 33%;
|
|
412
|
-
}
|
|
410
|
+
|
|
413
411
|
.flex-row {
|
|
414
412
|
display: flex;
|
|
415
413
|
align-items: center;
|
|
@@ -81,17 +81,19 @@
|
|
|
81
81
|
<el-input-number
|
|
82
82
|
ref="target"
|
|
83
83
|
:size="size"
|
|
84
|
-
v-else-if="config.type == 'number'"
|
|
85
|
-
v-model.number="module"
|
|
86
84
|
:controls="false"
|
|
85
|
+
v-model.number="module"
|
|
86
|
+
v-else-if="config.type == 'number'"
|
|
87
|
+
style="width: 100%; height: 100%"
|
|
87
88
|
></el-input-number>
|
|
88
89
|
<!--数字类型两位小数 -->
|
|
89
90
|
<el-input-number
|
|
90
91
|
:size="size"
|
|
91
92
|
ref="target"
|
|
92
93
|
:precision="2"
|
|
93
|
-
v-model.number="module"
|
|
94
94
|
:controls="false"
|
|
95
|
+
v-model.number="module"
|
|
96
|
+
style="width: 100%; height: 100%"
|
|
95
97
|
v-else-if="config.type == 'number2'"
|
|
96
98
|
></el-input-number>
|
|
97
99
|
<!-- select选择器 -->
|