meixioacomponent 0.2.26 → 0.2.29
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 +193 -152
- package/lib/meixioacomponent.umd.js +193 -152
- package/lib/meixioacomponent.umd.min.js +6 -6
- package/package.json +1 -1
- package/packages/components/base/basePlainTable/basePlainTable.vue +16 -2
- package/packages/components/base/basePopoverButton/index.vue +10 -0
- package/packages/components/proForm/proForm/pro_form_item.vue +17 -1
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<div class="table-wrap">
|
|
3
|
-
<el-table ref="elTable" :data="tableData">
|
|
3
|
+
<el-table ref="elTable" :data="tableData" :id="id" :height="height">
|
|
4
4
|
<!-- 表格暂无数据 -->
|
|
5
5
|
<template slot="empty">
|
|
6
6
|
<baseDefaultSvgVue
|
|
@@ -44,7 +44,14 @@ import baseDefaultSvgVue from "../baseDefaultSvg/baseDefaultSvg.vue";
|
|
|
44
44
|
export default {
|
|
45
45
|
name: "basePlainTable",
|
|
46
46
|
data() {
|
|
47
|
-
return {
|
|
47
|
+
return {
|
|
48
|
+
id: null,
|
|
49
|
+
};
|
|
50
|
+
},
|
|
51
|
+
created() {
|
|
52
|
+
if (this.$props.tableId) {
|
|
53
|
+
this.id = this.$props.tableId;
|
|
54
|
+
}
|
|
48
55
|
},
|
|
49
56
|
components: {
|
|
50
57
|
baseDefaultSvgVue,
|
|
@@ -59,6 +66,13 @@ export default {
|
|
|
59
66
|
type: Array,
|
|
60
67
|
require: true,
|
|
61
68
|
},
|
|
69
|
+
|
|
70
|
+
tableId: {
|
|
71
|
+
type: String,
|
|
72
|
+
},
|
|
73
|
+
height: {
|
|
74
|
+
default: "auto",
|
|
75
|
+
},
|
|
62
76
|
},
|
|
63
77
|
};
|
|
64
78
|
</script>
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<el-popover
|
|
3
|
+
ref="popover"
|
|
3
4
|
v-model="module"
|
|
4
5
|
:trigger="trigger"
|
|
5
6
|
@show="popoverShow"
|
|
@@ -12,6 +13,7 @@
|
|
|
12
13
|
</div>
|
|
13
14
|
</template>
|
|
14
15
|
<el-button
|
|
16
|
+
v-if="!template"
|
|
15
17
|
slot="reference"
|
|
16
18
|
:size="buttonSize"
|
|
17
19
|
:disabled="disabled"
|
|
@@ -31,6 +33,9 @@
|
|
|
31
33
|
></base-icon>
|
|
32
34
|
<span class="inner-span" v-if="buttonText"> {{ buttonText }}</span>
|
|
33
35
|
</el-button>
|
|
36
|
+
<template slot="reference" v-else>
|
|
37
|
+
<slot name="popoverReference"></slot>
|
|
38
|
+
</template>
|
|
34
39
|
</el-popover>
|
|
35
40
|
</template>
|
|
36
41
|
|
|
@@ -84,6 +89,11 @@ export default {
|
|
|
84
89
|
type: String,
|
|
85
90
|
default: "meixi",
|
|
86
91
|
},
|
|
92
|
+
|
|
93
|
+
template: {
|
|
94
|
+
type: Boolean,
|
|
95
|
+
default: false,
|
|
96
|
+
},
|
|
87
97
|
},
|
|
88
98
|
computed: {
|
|
89
99
|
module: {
|
|
@@ -70,14 +70,16 @@
|
|
|
70
70
|
<div class="item-handle-wrap" :class="[`${config.type}`]" v-else>
|
|
71
71
|
<!-- input输入框 -->
|
|
72
72
|
<el-input
|
|
73
|
-
|
|
73
|
+
ref="target"
|
|
74
74
|
:size="size"
|
|
75
75
|
v-model="module"
|
|
76
|
+
v-if="config.type == 'input'"
|
|
76
77
|
style="width: 100%; height: 100%"
|
|
77
78
|
>
|
|
78
79
|
</el-input>
|
|
79
80
|
<!-- 数字类型无小数 -->
|
|
80
81
|
<el-input-number
|
|
82
|
+
ref="target"
|
|
81
83
|
:size="size"
|
|
82
84
|
v-else-if="config.type == 'number'"
|
|
83
85
|
v-model.number="module"
|
|
@@ -86,6 +88,7 @@
|
|
|
86
88
|
<!--数字类型两位小数 -->
|
|
87
89
|
<el-input-number
|
|
88
90
|
:size="size"
|
|
91
|
+
ref="target"
|
|
89
92
|
:precision="2"
|
|
90
93
|
v-model.number="module"
|
|
91
94
|
:controls="false"
|
|
@@ -94,6 +97,7 @@
|
|
|
94
97
|
<!-- select选择器 -->
|
|
95
98
|
<el-select
|
|
96
99
|
:size="size"
|
|
100
|
+
ref="target"
|
|
97
101
|
v-model="module"
|
|
98
102
|
placeholder="请选择"
|
|
99
103
|
:multiple="multiple"
|
|
@@ -118,6 +122,7 @@
|
|
|
118
122
|
align="right"
|
|
119
123
|
v-model="module"
|
|
120
124
|
:size="size"
|
|
125
|
+
ref="target"
|
|
121
126
|
placeholder="选择日期"
|
|
122
127
|
value-format="timestamp"
|
|
123
128
|
:prefix-icon="`el-icon-time`"
|
|
@@ -158,6 +163,7 @@
|
|
|
158
163
|
<!-- 文本输入框 -->
|
|
159
164
|
<el-input
|
|
160
165
|
autosize
|
|
166
|
+
ref="target"
|
|
161
167
|
:size="size"
|
|
162
168
|
type="textarea"
|
|
163
169
|
v-model="module"
|
|
@@ -344,6 +350,9 @@ export default {
|
|
|
344
350
|
switch (type) {
|
|
345
351
|
case "edit":
|
|
346
352
|
this.isEdit = !this.isEdit;
|
|
353
|
+
this.$nextTick(() => {
|
|
354
|
+
this.targetFocus();
|
|
355
|
+
});
|
|
347
356
|
if (this.isEdit) {
|
|
348
357
|
this.oldValue = this.value;
|
|
349
358
|
} else {
|
|
@@ -364,6 +373,13 @@ export default {
|
|
|
364
373
|
break;
|
|
365
374
|
}
|
|
366
375
|
},
|
|
376
|
+
targetFocus() {
|
|
377
|
+
let ref = this.$refs.target;
|
|
378
|
+
console.log(ref);
|
|
379
|
+
if (ref) {
|
|
380
|
+
ref.focus();
|
|
381
|
+
}
|
|
382
|
+
},
|
|
367
383
|
handleConfirm() {
|
|
368
384
|
this.isEdit = false;
|
|
369
385
|
},
|