meixioacomponent 0.2.12 → 0.2.15
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 +339 -306
- package/lib/meixioacomponent.umd.js +339 -306
- package/lib/meixioacomponent.umd.min.js +16 -16
- package/package.json +1 -1
- package/packages/components/base/baseButtonHandle/baseButtonHandle.vue +3 -2
- package/packages/components/base/baseFixedHeader/baseFixedHeader.vue +1 -1
- package/packages/components/base/baseSection/baseSection.vue +2 -6
- package/packages/components/base/upload/upload.vue +1 -1
- package/packages/components/proForm/proForm/pro_form_item.vue +24 -3
- package/packages/components/proForm/proFormWrap/pro_form_wrap.vue +16 -3
package/package.json
CHANGED
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
|
|
16
16
|
<script>
|
|
17
17
|
export default {
|
|
18
|
-
name:
|
|
18
|
+
name: "baseButtonHandle",
|
|
19
19
|
data() {
|
|
20
20
|
return {};
|
|
21
21
|
},
|
|
@@ -56,9 +56,10 @@ export default {
|
|
|
56
56
|
|
|
57
57
|
<style lang="less" scoped>
|
|
58
58
|
.footer-handle-wrap {
|
|
59
|
-
width:
|
|
59
|
+
width: auto;
|
|
60
60
|
height: 100%;
|
|
61
61
|
display: flex;
|
|
62
|
+
max-width: 100%;
|
|
62
63
|
align-items: center;
|
|
63
64
|
}
|
|
64
65
|
</style>
|
|
@@ -3,6 +3,7 @@
|
|
|
3
3
|
<div
|
|
4
4
|
class="section-header"
|
|
5
5
|
ref="sectionHeader"
|
|
6
|
+
@click.self="handleOpen"
|
|
6
7
|
:style="{
|
|
7
8
|
cursor: event && !disable ? 'pointer' : 'default',
|
|
8
9
|
}"
|
|
@@ -30,11 +31,7 @@ export default {
|
|
|
30
31
|
this.init();
|
|
31
32
|
});
|
|
32
33
|
},
|
|
33
|
-
beforeDestroy() {
|
|
34
|
-
if (this.$props.event) {
|
|
35
|
-
this.$refs.sectionHeader.removeEventListener("click", this.handleOpen);
|
|
36
|
-
}
|
|
37
|
-
},
|
|
34
|
+
beforeDestroy() {},
|
|
38
35
|
props: {
|
|
39
36
|
disable: {
|
|
40
37
|
type: Boolean,
|
|
@@ -68,7 +65,6 @@ export default {
|
|
|
68
65
|
methods: {
|
|
69
66
|
init() {
|
|
70
67
|
if (!this.$props.event) return;
|
|
71
|
-
this.$refs.sectionHeader.addEventListener("click", this.handleOpen);
|
|
72
68
|
},
|
|
73
69
|
handleOpen() {
|
|
74
70
|
if (this.$props.disable) return;
|
|
@@ -97,6 +97,7 @@
|
|
|
97
97
|
v-model="module"
|
|
98
98
|
placeholder="请选择"
|
|
99
99
|
:multiple="multiple"
|
|
100
|
+
:filterable="true"
|
|
100
101
|
:loading="selectLoading"
|
|
101
102
|
@visible-change="visibleChange"
|
|
102
103
|
style="width: 100%; height: 100%"
|
|
@@ -106,8 +107,8 @@
|
|
|
106
107
|
<el-option
|
|
107
108
|
v-for="item in selectData"
|
|
108
109
|
:key="item.value"
|
|
109
|
-
:label="item
|
|
110
|
-
:value="item
|
|
110
|
+
:label="item[`${selectLabelKey}`]"
|
|
111
|
+
:value="item[`${selectValueKey}`]"
|
|
111
112
|
>
|
|
112
113
|
</el-option>
|
|
113
114
|
</el-select>
|
|
@@ -235,6 +236,27 @@ export default {
|
|
|
235
236
|
return this.selectStore.getData();
|
|
236
237
|
},
|
|
237
238
|
|
|
239
|
+
selectLabelKey() {
|
|
240
|
+
let config = this.$props.config?.config;
|
|
241
|
+
|
|
242
|
+
if (config) {
|
|
243
|
+
return config.label.key;
|
|
244
|
+
} else {
|
|
245
|
+
return `label`;
|
|
246
|
+
}
|
|
247
|
+
},
|
|
248
|
+
selectValueKey() {
|
|
249
|
+
let config = this.$props.config?.config;
|
|
250
|
+
|
|
251
|
+
if (config) {
|
|
252
|
+
return config.value.key;
|
|
253
|
+
} else {
|
|
254
|
+
return `value`;
|
|
255
|
+
}
|
|
256
|
+
},
|
|
257
|
+
|
|
258
|
+
selectValue() {},
|
|
259
|
+
|
|
238
260
|
spContentType() {
|
|
239
261
|
let configType = this.$props.config.type;
|
|
240
262
|
if (
|
|
@@ -481,7 +503,6 @@ export default {
|
|
|
481
503
|
}
|
|
482
504
|
}
|
|
483
505
|
.mini {
|
|
484
|
-
|
|
485
506
|
/deep/ .item-label {
|
|
486
507
|
font-size: var(--font-size-s) !important;
|
|
487
508
|
}
|
|
@@ -1,7 +1,17 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<div class="pro-form-wrap">
|
|
3
|
-
<baseSectionVue
|
|
4
|
-
|
|
3
|
+
<baseSectionVue
|
|
4
|
+
ref="baseSection"
|
|
5
|
+
v-model="sectionOpen"
|
|
6
|
+
:headerText="formTitle"
|
|
7
|
+
>
|
|
8
|
+
<base-icon
|
|
9
|
+
:size="`l`"
|
|
10
|
+
:event="true"
|
|
11
|
+
:name="iconClass"
|
|
12
|
+
slot="header-prefix"
|
|
13
|
+
@iconClick="handleSection"
|
|
14
|
+
></base-icon>
|
|
5
15
|
<template slot="section-header-right">
|
|
6
16
|
<slot name="header-right"></slot>
|
|
7
17
|
</template>
|
|
@@ -63,7 +73,7 @@ export default {
|
|
|
63
73
|
if (this.sectionOpen) {
|
|
64
74
|
return "meixicomponenticon-shouqi";
|
|
65
75
|
}
|
|
66
|
-
return "
|
|
76
|
+
return "meixicomponenticon-xiala";
|
|
67
77
|
},
|
|
68
78
|
},
|
|
69
79
|
components: {
|
|
@@ -71,6 +81,9 @@ export default {
|
|
|
71
81
|
baseSectionVue,
|
|
72
82
|
},
|
|
73
83
|
methods: {
|
|
84
|
+
handleSection() {
|
|
85
|
+
this.sectionOpen = !this.sectionOpen;
|
|
86
|
+
},
|
|
74
87
|
formItemConfirm(configItem) {
|
|
75
88
|
this.$emit("formItemConfirm", configItem);
|
|
76
89
|
},
|