eoss-ui 0.4.84 → 0.4.85
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/button-group.js +26 -4
- package/lib/data-table.js +35 -34
- package/lib/eoss-ui.common.js +286 -195
- package/lib/form.js +150 -116
- package/lib/index.js +1 -1
- package/lib/table-form.js +60 -26
- package/package.json +1 -1
- package/packages/button-group/src/main.vue +8 -2
- package/packages/data-table/src/main.vue +51 -47
- package/packages/form/src/main.vue +40 -24
- package/packages/form/src/table.vue +18 -7
- package/src/index.js +1 -1
package/lib/table-form.js
CHANGED
|
@@ -3440,8 +3440,8 @@ module.exports = require("json-bigint");
|
|
|
3440
3440
|
// ESM COMPAT FLAG
|
|
3441
3441
|
__webpack_require__.r(__webpack_exports__);
|
|
3442
3442
|
|
|
3443
|
-
// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/form/src/table.vue?vue&type=template&id=
|
|
3444
|
-
var
|
|
3443
|
+
// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/form/src/table.vue?vue&type=template&id=13819cef&
|
|
3444
|
+
var tablevue_type_template_id_13819cef_render = function () {
|
|
3445
3445
|
var _vm = this
|
|
3446
3446
|
var _h = _vm.$createElement
|
|
3447
3447
|
var _c = _vm._self._c || _h
|
|
@@ -3623,16 +3623,27 @@ var tablevue_type_template_id_6f4a9f8a_render = function () {
|
|
|
3623
3623
|
},
|
|
3624
3624
|
},
|
|
3625
3625
|
[
|
|
3626
|
-
item.type !== "table"
|
|
3627
|
-
? _c(
|
|
3628
|
-
|
|
3629
|
-
|
|
3630
|
-
|
|
3631
|
-
|
|
3632
|
-
|
|
3633
|
-
|
|
3634
|
-
|
|
3635
|
-
|
|
3626
|
+
item.type !== "table"
|
|
3627
|
+
? _c(
|
|
3628
|
+
"es-label",
|
|
3629
|
+
_vm._b(
|
|
3630
|
+
{
|
|
3631
|
+
attrs: {
|
|
3632
|
+
contents: item.label,
|
|
3633
|
+
plain: item.plain,
|
|
3634
|
+
rules: item.rules,
|
|
3635
|
+
},
|
|
3636
|
+
},
|
|
3637
|
+
"es-label",
|
|
3638
|
+
item.label
|
|
3639
|
+
? {
|
|
3640
|
+
event: item.label.event,
|
|
3641
|
+
events: item.label.events,
|
|
3642
|
+
}
|
|
3643
|
+
: {},
|
|
3644
|
+
false
|
|
3645
|
+
)
|
|
3646
|
+
)
|
|
3636
3647
|
: _vm._e(),
|
|
3637
3648
|
],
|
|
3638
3649
|
1
|
|
@@ -3679,16 +3690,27 @@ var tablevue_type_template_id_6f4a9f8a_render = function () {
|
|
|
3679
3690
|
},
|
|
3680
3691
|
})
|
|
3681
3692
|
: [
|
|
3682
|
-
item.type === "label" ||
|
|
3683
|
-
|
|
3684
|
-
|
|
3685
|
-
|
|
3686
|
-
|
|
3687
|
-
|
|
3688
|
-
|
|
3689
|
-
|
|
3690
|
-
|
|
3691
|
-
|
|
3693
|
+
(item.type === "label" ||
|
|
3694
|
+
item.type === "empty") &&
|
|
3695
|
+
!item.hide
|
|
3696
|
+
? _c(
|
|
3697
|
+
"es-label",
|
|
3698
|
+
_vm._b(
|
|
3699
|
+
{
|
|
3700
|
+
attrs: {
|
|
3701
|
+
contents: item.text,
|
|
3702
|
+
},
|
|
3703
|
+
},
|
|
3704
|
+
"es-label",
|
|
3705
|
+
{
|
|
3706
|
+
event: item.event,
|
|
3707
|
+
events: item.events,
|
|
3708
|
+
},
|
|
3709
|
+
false
|
|
3710
|
+
)
|
|
3711
|
+
)
|
|
3712
|
+
: !item.hide
|
|
3713
|
+
? _c(
|
|
3692
3714
|
"el-form-item",
|
|
3693
3715
|
{
|
|
3694
3716
|
class: {
|
|
@@ -5976,7 +5998,8 @@ var tablevue_type_template_id_6f4a9f8a_render = function () {
|
|
|
5976
5998
|
: _vm._e(),
|
|
5977
5999
|
],
|
|
5978
6000
|
2
|
|
5979
|
-
)
|
|
6001
|
+
)
|
|
6002
|
+
: _vm._e(),
|
|
5980
6003
|
],
|
|
5981
6004
|
],
|
|
5982
6005
|
2
|
|
@@ -6070,10 +6093,10 @@ var tablevue_type_template_id_6f4a9f8a_render = function () {
|
|
|
6070
6093
|
)
|
|
6071
6094
|
}
|
|
6072
6095
|
var staticRenderFns = []
|
|
6073
|
-
|
|
6096
|
+
tablevue_type_template_id_13819cef_render._withStripped = true
|
|
6074
6097
|
|
|
6075
6098
|
|
|
6076
|
-
// CONCATENATED MODULE: ./packages/form/src/table.vue?vue&type=template&id=
|
|
6099
|
+
// CONCATENATED MODULE: ./packages/form/src/table.vue?vue&type=template&id=13819cef&
|
|
6077
6100
|
|
|
6078
6101
|
// EXTERNAL MODULE: ./src/utils/rules.js
|
|
6079
6102
|
var rules = __webpack_require__(10);
|
|
@@ -7131,6 +7154,17 @@ var util = __webpack_require__(0);
|
|
|
7131
7154
|
//
|
|
7132
7155
|
//
|
|
7133
7156
|
//
|
|
7157
|
+
//
|
|
7158
|
+
//
|
|
7159
|
+
//
|
|
7160
|
+
//
|
|
7161
|
+
//
|
|
7162
|
+
//
|
|
7163
|
+
//
|
|
7164
|
+
//
|
|
7165
|
+
//
|
|
7166
|
+
//
|
|
7167
|
+
//
|
|
7134
7168
|
|
|
7135
7169
|
|
|
7136
7170
|
|
|
@@ -7430,7 +7464,7 @@ var componentNormalizer = __webpack_require__(2);
|
|
|
7430
7464
|
|
|
7431
7465
|
var component = Object(componentNormalizer["a" /* default */])(
|
|
7432
7466
|
src_tablevue_type_script_lang_js_,
|
|
7433
|
-
|
|
7467
|
+
tablevue_type_template_id_13819cef_render,
|
|
7434
7468
|
staticRenderFns,
|
|
7435
7469
|
false,
|
|
7436
7470
|
null,
|
package/package.json
CHANGED
|
@@ -10,7 +10,9 @@
|
|
|
10
10
|
:type="item.type"
|
|
11
11
|
@click="handleClick({ row: data, handle: item })"
|
|
12
12
|
>
|
|
13
|
-
{{
|
|
13
|
+
{{
|
|
14
|
+
item.template ? item.template({ row: data, config: item }) : item.text
|
|
15
|
+
}}
|
|
14
16
|
</es-button>
|
|
15
17
|
<el-dropdown
|
|
16
18
|
v-if="other.length > 0 && index == btns.length - 1"
|
|
@@ -27,7 +29,11 @@
|
|
|
27
29
|
:command="item"
|
|
28
30
|
>
|
|
29
31
|
<i :class="item.icon" v-if="item.icon"></i
|
|
30
|
-
>{{
|
|
32
|
+
>{{
|
|
33
|
+
item.template
|
|
34
|
+
? item.template({ row: data, config: item })
|
|
35
|
+
: item.text
|
|
36
|
+
}}</el-dropdown-item
|
|
31
37
|
>
|
|
32
38
|
</el-dropdown-menu>
|
|
33
39
|
</el-dropdown>
|
|
@@ -1207,56 +1207,60 @@ export default {
|
|
|
1207
1207
|
}
|
|
1208
1208
|
},
|
|
1209
1209
|
resetHeight(warn) {
|
|
1210
|
-
|
|
1211
|
-
|
|
1212
|
-
|
|
1213
|
-
|
|
1214
|
-
|
|
1215
|
-
|
|
1216
|
-
|
|
1217
|
-
|
|
1218
|
-
parseInt(util.getStyle(this.$el.parentNode, 'padding-bottom'), 10);
|
|
1219
|
-
for (let i = 0; i < this.$el.parentNode.childNodes.length; i++) {
|
|
1220
|
-
let ele = this.$el.parentNode.childNodes[i];
|
|
1221
|
-
if (ele !== this.$el && ele.offsetHeight !== undefined) {
|
|
1210
|
+
this.$nextTick(() => {
|
|
1211
|
+
if (this.full && !this.height && !this.maxHeight) {
|
|
1212
|
+
let height = this.$el.parentNode.offsetHeight;
|
|
1213
|
+
if (height) {
|
|
1214
|
+
height = parseInt(
|
|
1215
|
+
util.getStyle(this.$el.parentNode, 'height', '%'),
|
|
1216
|
+
10
|
|
1217
|
+
);
|
|
1222
1218
|
height =
|
|
1223
|
-
height -
|
|
1224
|
-
|
|
1225
|
-
parseInt(
|
|
1226
|
-
|
|
1219
|
+
(height == NaN ? 0 : height) -
|
|
1220
|
+
parseInt(util.getStyle(this.$el.parentNode, 'padding-top'), 10) -
|
|
1221
|
+
parseInt(
|
|
1222
|
+
util.getStyle(this.$el.parentNode, 'padding-bottom'),
|
|
1223
|
+
10
|
|
1224
|
+
);
|
|
1225
|
+
for (let i = 0; i < this.$el.parentNode.childNodes.length; i++) {
|
|
1226
|
+
let ele = this.$el.parentNode.childNodes[i];
|
|
1227
|
+
if (ele !== this.$el && ele.offsetHeight !== undefined) {
|
|
1228
|
+
height =
|
|
1229
|
+
height -
|
|
1230
|
+
ele.offsetHeight -
|
|
1231
|
+
parseInt(util.getStyle(ele, 'margin-top'), 10) -
|
|
1232
|
+
parseInt(util.getStyle(ele, 'margin-bottom'), 10);
|
|
1233
|
+
}
|
|
1234
|
+
}
|
|
1235
|
+
height -= this.showToolbar ? 45 : 0;
|
|
1236
|
+
height -= this.page === false ? 0 : 46;
|
|
1237
|
+
height -= this.title ? this.$refs.title.offsetHeight : 0;
|
|
1238
|
+
height -= parseInt(
|
|
1239
|
+
util.getStyle(this.$refs.esTableContent, 'padding-top'),
|
|
1240
|
+
10
|
|
1241
|
+
);
|
|
1242
|
+
height -= parseInt(
|
|
1243
|
+
util.getStyle(this.$refs.esTableContent, 'padding-bottom'),
|
|
1244
|
+
10
|
|
1245
|
+
);
|
|
1246
|
+
let emptyText = this.$refs.esTableContent.querySelector(
|
|
1247
|
+
'.el-table__empty-text'
|
|
1248
|
+
);
|
|
1249
|
+
let eht = 0;
|
|
1250
|
+
if (emptyText) {
|
|
1251
|
+
eht = emptyText.offsetHeight;
|
|
1252
|
+
let thead =
|
|
1253
|
+
this.$refs.esTableContent.querySelector('.el-table__header');
|
|
1254
|
+
thead && (eht += thead.offsetHeight);
|
|
1255
|
+
}
|
|
1256
|
+
if (height > 1 && height - eht > 1) {
|
|
1257
|
+
this.tableHeight = height;
|
|
1258
|
+
} else {
|
|
1259
|
+
console.warn(this.$el.parentNode, `获取不到高度！`);
|
|
1260
|
+
}
|
|
1227
1261
|
}
|
|
1228
1262
|
}
|
|
1229
|
-
|
|
1230
|
-
height -= this.page === false ? 0 : 46;
|
|
1231
|
-
height -= this.title ? this.$refs.title.offsetHeight : 0;
|
|
1232
|
-
height -= parseInt(
|
|
1233
|
-
util.getStyle(this.$refs.esTableContent, 'padding-top'),
|
|
1234
|
-
10
|
|
1235
|
-
);
|
|
1236
|
-
height -= parseInt(
|
|
1237
|
-
util.getStyle(this.$refs.esTableContent, 'padding-bottom'),
|
|
1238
|
-
10
|
|
1239
|
-
);
|
|
1240
|
-
let emptyText = this.$refs.esTableContent.querySelector(
|
|
1241
|
-
'.el-table__empty-text'
|
|
1242
|
-
);
|
|
1243
|
-
let eht = 0;
|
|
1244
|
-
if (emptyText) {
|
|
1245
|
-
eht = emptyText.offsetHeight;
|
|
1246
|
-
let thead =
|
|
1247
|
-
this.$refs.esTableContent.querySelector('.el-table__header');
|
|
1248
|
-
thead && (eht += thead.offsetHeight);
|
|
1249
|
-
}
|
|
1250
|
-
if (height > 1 && height - eht > 1) {
|
|
1251
|
-
this.tableHeight = height;
|
|
1252
|
-
} else if (warn) {
|
|
1253
|
-
console.warn(this.$el.parentNode, `获取不到高度！`);
|
|
1254
|
-
} else {
|
|
1255
|
-
this.$nextTick(() => {
|
|
1256
|
-
this.resetHeight(true);
|
|
1257
|
-
});
|
|
1258
|
-
}
|
|
1259
|
-
}
|
|
1263
|
+
});
|
|
1260
1264
|
},
|
|
1261
1265
|
validate(callback) {
|
|
1262
1266
|
let form = this.elForm || this.$refs.esTableForm;
|
|
@@ -195,9 +195,8 @@
|
|
|
195
195
|
{{ item.text }}
|
|
196
196
|
</div>
|
|
197
197
|
<el-form-item
|
|
198
|
-
v-else
|
|
198
|
+
v-else-if="!item.hide"
|
|
199
199
|
ref="es-form-pane"
|
|
200
|
-
v-show="!item.hide"
|
|
201
200
|
:key="item.name"
|
|
202
201
|
:label-width="labelWidth"
|
|
203
202
|
:prop="item.name"
|
|
@@ -246,12 +245,17 @@
|
|
|
246
245
|
v-if="
|
|
247
246
|
item.showLabel !== false &&
|
|
248
247
|
item.type !== 'table' &&
|
|
249
|
-
showLabel
|
|
250
|
-
item.label
|
|
248
|
+
showLabel
|
|
251
249
|
"
|
|
252
250
|
:contents="item.label"
|
|
253
|
-
|
|
254
|
-
|
|
251
|
+
v-bind="
|
|
252
|
+
item.label
|
|
253
|
+
? {
|
|
254
|
+
event: item.label.event,
|
|
255
|
+
events: item.label.events
|
|
256
|
+
}
|
|
257
|
+
: {}
|
|
258
|
+
"
|
|
255
259
|
:plain="item.plain || item.name === undefined"
|
|
256
260
|
></es-label>
|
|
257
261
|
<es-input-number
|
|
@@ -1134,9 +1138,8 @@
|
|
|
1134
1138
|
{{ item.text }}
|
|
1135
1139
|
</div>
|
|
1136
1140
|
<el-form-item
|
|
1137
|
-
v-else
|
|
1141
|
+
v-else-if="!item.hide"
|
|
1138
1142
|
ref="es-form-pane"
|
|
1139
|
-
v-show="!item.hide"
|
|
1140
1143
|
:key="item.name"
|
|
1141
1144
|
:label-width="labelWidth"
|
|
1142
1145
|
:prop="item.name"
|
|
@@ -1184,12 +1187,17 @@
|
|
|
1184
1187
|
v-if="
|
|
1185
1188
|
item.showLabel !== false &&
|
|
1186
1189
|
item.type !== 'table' &&
|
|
1187
|
-
showLabel
|
|
1188
|
-
item.label
|
|
1190
|
+
showLabel
|
|
1189
1191
|
"
|
|
1190
1192
|
:contents="item.label"
|
|
1191
|
-
|
|
1192
|
-
|
|
1193
|
+
v-bind="
|
|
1194
|
+
item.label
|
|
1195
|
+
? {
|
|
1196
|
+
event: item.label.event,
|
|
1197
|
+
events: item.label.events
|
|
1198
|
+
}
|
|
1199
|
+
: {}
|
|
1200
|
+
"
|
|
1193
1201
|
:plain="item.plain || item.name === undefined"
|
|
1194
1202
|
></es-label>
|
|
1195
1203
|
<es-input-number
|
|
@@ -2096,9 +2104,8 @@
|
|
|
2096
2104
|
{{ item.text }}
|
|
2097
2105
|
</div>
|
|
2098
2106
|
<el-form-item
|
|
2099
|
-
v-else
|
|
2107
|
+
v-else-if="!item.hide"
|
|
2100
2108
|
ref="es-form-pane"
|
|
2101
|
-
v-show="!item.hide"
|
|
2102
2109
|
:key="item.name"
|
|
2103
2110
|
:label-width="labelWidth"
|
|
2104
2111
|
:prop="item.name"
|
|
@@ -2150,12 +2157,17 @@
|
|
|
2150
2157
|
v-if="
|
|
2151
2158
|
item.showLabel !== false &&
|
|
2152
2159
|
item.type !== 'table' &&
|
|
2153
|
-
showLabel
|
|
2154
|
-
item.label
|
|
2160
|
+
showLabel
|
|
2155
2161
|
"
|
|
2156
2162
|
:contents="item.label"
|
|
2157
|
-
|
|
2158
|
-
|
|
2163
|
+
v-bind="
|
|
2164
|
+
item.label
|
|
2165
|
+
? {
|
|
2166
|
+
event: item.label.event,
|
|
2167
|
+
events: item.label.events
|
|
2168
|
+
}
|
|
2169
|
+
: {}
|
|
2170
|
+
"
|
|
2159
2171
|
:plain="item.plain || item.name === undefined"
|
|
2160
2172
|
></es-label>
|
|
2161
2173
|
<es-input-number
|
|
@@ -2990,9 +3002,8 @@
|
|
|
2990
3002
|
{{ item.text }}
|
|
2991
3003
|
</div>
|
|
2992
3004
|
<el-form-item
|
|
2993
|
-
v-else
|
|
3005
|
+
v-else-if="!item.hide"
|
|
2994
3006
|
ref="es-form-pane"
|
|
2995
|
-
v-show="!item.hide"
|
|
2996
3007
|
:key="item.name"
|
|
2997
3008
|
:label-width="labelWidth"
|
|
2998
3009
|
:prop="item.name"
|
|
@@ -3040,12 +3051,17 @@
|
|
|
3040
3051
|
v-if="
|
|
3041
3052
|
item.showLabel !== false &&
|
|
3042
3053
|
item.type !== 'table' &&
|
|
3043
|
-
showLabel
|
|
3044
|
-
item.label
|
|
3054
|
+
showLabel
|
|
3045
3055
|
"
|
|
3046
3056
|
:contents="item.label"
|
|
3047
|
-
|
|
3048
|
-
|
|
3057
|
+
v-bind="
|
|
3058
|
+
item.label
|
|
3059
|
+
? {
|
|
3060
|
+
event: item.label.event,
|
|
3061
|
+
events: item.label.events
|
|
3062
|
+
}
|
|
3063
|
+
: {}
|
|
3064
|
+
"
|
|
3049
3065
|
:plain="item.plain || item.name === undefined"
|
|
3050
3066
|
></es-label>
|
|
3051
3067
|
<es-input-number
|
|
@@ -110,10 +110,16 @@
|
|
|
110
110
|
:rowspan="item.labelRow"
|
|
111
111
|
>
|
|
112
112
|
<es-label
|
|
113
|
-
v-if="item.type !== 'table'
|
|
113
|
+
v-if="item.type !== 'table'"
|
|
114
114
|
:contents="item.label"
|
|
115
|
-
|
|
116
|
-
|
|
115
|
+
v-bind="
|
|
116
|
+
item.label
|
|
117
|
+
? {
|
|
118
|
+
event: item.label.event,
|
|
119
|
+
events: item.label.events
|
|
120
|
+
}
|
|
121
|
+
: {}
|
|
122
|
+
"
|
|
117
123
|
:plain="item.plain"
|
|
118
124
|
:rules="item.rules"
|
|
119
125
|
></es-label>
|
|
@@ -156,13 +162,18 @@
|
|
|
156
162
|
></expand-dom>
|
|
157
163
|
<template v-else>
|
|
158
164
|
<es-label
|
|
159
|
-
v-if="
|
|
165
|
+
v-if="
|
|
166
|
+
(item.type === 'label' || item.type === 'empty') &&
|
|
167
|
+
!item.hide
|
|
168
|
+
"
|
|
160
169
|
:contents="item.text"
|
|
161
|
-
|
|
162
|
-
|
|
170
|
+
v-bind="{
|
|
171
|
+
event: item.event,
|
|
172
|
+
events: item.events
|
|
173
|
+
}"
|
|
163
174
|
></es-label>
|
|
164
175
|
<el-form-item
|
|
165
|
-
v-else
|
|
176
|
+
v-else-if="!item.hide"
|
|
166
177
|
label-width="0"
|
|
167
178
|
:prop="item.name"
|
|
168
179
|
:rules="getRules(item)"
|