meixioacomponent 0.3.18 → 0.3.20
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 -103
- package/lib/meixioacomponent.umd.js +111 -103
- package/lib/meixioacomponent.umd.min.js +10 -10
- package/package.json +1 -1
- package/packages/components/proForm/proForm/pro_form.vue +7 -1
- package/packages/components/proForm/proForm/pro_form_item.vue +7 -1
package/package.json
CHANGED
|
@@ -24,12 +24,14 @@
|
|
|
24
24
|
:class="[`${flexClass}`, size]"
|
|
25
25
|
>
|
|
26
26
|
<span slot="label" class="item-label">{{ item.label }}</span>
|
|
27
|
-
|
|
27
|
+
|
|
28
|
+
<template>
|
|
28
29
|
<pro_form_itemVue
|
|
29
30
|
:form="form"
|
|
30
31
|
:size="size"
|
|
31
32
|
:config="item"
|
|
32
33
|
v-model="item.value"
|
|
34
|
+
:labelWidth="labelWidth"
|
|
33
35
|
:class="[`form-item-${item.key}`]"
|
|
34
36
|
@formItemConfirm="formItemConfirm"
|
|
35
37
|
@disableWatcherResult="disableWatcherResult"
|
|
@@ -415,6 +417,10 @@ export default {
|
|
|
415
417
|
padding-right: var(--padding-5);
|
|
416
418
|
margin-left: 0px !important;
|
|
417
419
|
}
|
|
420
|
+
.flex-row {
|
|
421
|
+
display: flex;
|
|
422
|
+
flex-flow: row nowrap;
|
|
423
|
+
}
|
|
418
424
|
|
|
419
425
|
.flex-column {
|
|
420
426
|
display: flex;
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<div
|
|
3
|
+
ref="formItemRef"
|
|
3
4
|
:class="{
|
|
4
5
|
mini: size == 'mini',
|
|
5
6
|
small: size == 'small',
|
|
@@ -7,7 +8,7 @@
|
|
|
7
8
|
disabled: config.disabled,
|
|
8
9
|
}"
|
|
9
10
|
>
|
|
10
|
-
<div class="item-content" v-if="config.type
|
|
11
|
+
<div class="item-content" v-if="config.type != 'template' && !isEdit">
|
|
11
12
|
<p
|
|
12
13
|
v-if="!spContentType"
|
|
13
14
|
class="content-value"
|
|
@@ -68,6 +69,7 @@
|
|
|
68
69
|
@iconClick="handleClick('edit')"
|
|
69
70
|
></base-icon>
|
|
70
71
|
</div>
|
|
72
|
+
|
|
71
73
|
<div class="item-handle-wrap" :class="[`${config.type}`]" v-else>
|
|
72
74
|
<!-- input输入框 -->
|
|
73
75
|
<el-input
|
|
@@ -224,6 +226,8 @@ export default {
|
|
|
224
226
|
},
|
|
225
227
|
mounted() {
|
|
226
228
|
this.$nextTick(() => {
|
|
229
|
+
const { labelWidth } = this.$props;
|
|
230
|
+
this.$refs.formItemRef.parentNode.style.cssText += `;width:calc(100% - ${labelWidth}) !important`;
|
|
227
231
|
if (this.$props.disableWatcher) {
|
|
228
232
|
this.triggerDisable(this.$props.value);
|
|
229
233
|
}
|
|
@@ -246,6 +250,8 @@ export default {
|
|
|
246
250
|
type: String,
|
|
247
251
|
default: "small",
|
|
248
252
|
},
|
|
253
|
+
|
|
254
|
+
labelWidth: {},
|
|
249
255
|
},
|
|
250
256
|
|
|
251
257
|
computed: {
|