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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "meixioacomponent",
3
- "version": "0.2.12",
3
+ "version": "0.2.15",
4
4
  "private": false,
5
5
  "author": "YuRi",
6
6
  "main": "lib/meixioacomponent.umd.min.js",
@@ -15,7 +15,7 @@
15
15
 
16
16
  <script>
17
17
  export default {
18
- name:'baseButtonHandle',
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: 100%;
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>
@@ -19,7 +19,7 @@
19
19
  :event="true"
20
20
  :plain="true"
21
21
  :color="`text-white`"
22
- :name="`icon-xiala`"
22
+ :name="`meixicomponenticon-xiala`"
23
23
  :disable="downDisable"
24
24
  @iconClick="downNews"
25
25
  >
@@ -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;
@@ -73,7 +73,7 @@ export default {
73
73
  if (this.isDown) {
74
74
  return "meixicomponenticon-shouqi";
75
75
  }
76
- return "icon-xiala";
76
+ return "meixicomponenticon-xiala";
77
77
  },
78
78
 
79
79
  completed() {
@@ -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.label"
110
- :value="item.value"
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 :headerText="formTitle" v-model="sectionOpen">
4
- <base-icon :name="iconClass" :size="`l`" slot="header-prefix"></base-icon>
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 "icon-xiala";
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
  },