eoss-ui 0.5.59 → 0.5.61
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/CHANGELOG.md +929 -0
- package/lib/button-group.js +116 -40
- package/lib/calendar.js +43 -15
- package/lib/card.js +186 -186
- package/lib/eoss-ui.common.js +1364 -400
- package/lib/form.js +662 -2
- package/lib/icon.js +17 -5
- package/lib/index.js +1 -1
- package/lib/table-form.js +175 -5
- package/lib/theme-chalk/button.css +1 -1
- package/lib/theme-chalk/calendar.css +1 -0
- package/lib/theme-chalk/card.css +1 -1
- package/lib/theme-chalk/cascader.css +0 -1
- package/lib/theme-chalk/index.css +1 -1
- package/lib/theme-chalk/toolbar.css +1 -1
- package/lib/toolbar.js +43 -25
- package/package.json +2 -2
- package/packages/button-group/src/main.vue +47 -16
- package/packages/calendar/src/main.vue +26 -7
- package/packages/card/src/main.vue +72 -60
- package/packages/form/src/main.vue +129 -0
- package/packages/form/src/table.vue +33 -0
- package/packages/icon/src/main.vue +9 -3
- package/packages/theme-chalk/lib/button.css +1 -1
- package/packages/theme-chalk/lib/calendar.css +1 -0
- package/packages/theme-chalk/lib/card.css +1 -1
- package/packages/theme-chalk/lib/cascader.css +0 -1
- package/packages/theme-chalk/lib/index.css +1 -1
- package/packages/theme-chalk/lib/toolbar.css +1 -1
- package/packages/theme-chalk/src/button.scss +3 -0
- package/packages/theme-chalk/src/calendar.scss +110 -0
- package/packages/theme-chalk/src/card.scss +66 -22
- package/packages/theme-chalk/src/cascader.scss +0 -93
- package/packages/theme-chalk/src/toolbar.scss +8 -0
- package/packages/toolbar/src/main.vue +56 -32
- package/src/index.js +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
@charset "UTF-8";.es-toolbar{padding:6px 12px;border-bottom:1px solid #d9d9d9;position:relative;background-color:#fff}.es-toolbar .es-toolbar-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.es-toolbar .es-toolbar-content .es-button-content{-webkit-box-flex:1;-ms-flex:1;flex:1}.es-toolbar .es-toolbar-content .es-button-content .el-button{padding:4px 8px}.es-toolbar .es-toolbar-content .es-button-content .el-button+.el-button,.es-toolbar .es-toolbar-content .es-button-content .el-button+.es-button-badge,.es-toolbar .es-toolbar-content .es-button-content .es-button-badge+.el-button{margin-left:6px}.es-toolbar .es-toolbar-content .es-form{background:0 0}.es-toolbar .es-toolbar-content .es-form .es-form-content{padding:0}.es-toolbar .es-toolbar-content .es-form .el-form-item{margin-bottom:0}.es-toolbar .es-toolbar-content .es-advanced-btn{margin-left:6px;height:32px}.es-toolbar .es-toolbar-content .es-advanced-btn .es-advanced-icon{margin-right:-8px}.es-toolbar .es-toolbar-content .es-toolbar-text{line-height:32px}.es-toolbar .es-toolbar-content .es-toolbar-info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.es-toolbar .es-toolbar-content .es-toolbar-info .es-info{font-size:13px;margin-left:20px}.es-toolbar .es-toolbar-content .el-menu--horizontal{border-bottom:0;position:relative;bottom:-6px}.es-toolbar .es-toolbar-content .el-menu-item{height:32px;line-height:24px}.es-toolbar .es-toolbar-content .el-input__inner,.es-toolbar .es-toolbar-content .es-checkbox-group{height:32px;line-height:32px}.es-toolbar .es-toolbar-content .es-radio-group,.es-toolbar .es-toolbar-content .es-switch-content{line-height:32px}.es-toolbar .es-toolbar-content .el-switch{top:-2px}.es-toolbar .es-toolbar-content .el-button span{line-height:14px}.es-toolbar .es-toolbar-content .el-checkbox:not(:last-child),.es-toolbar .es-toolbar-content .el-radio:not(:last-child){margin-right:8px}.es-toolbar .es-toolbar-content .el-form-item.es-toolbar-item-checkbox+.el-form-item,.es-toolbar .es-toolbar-content .el-form-item.es-toolbar-item-radio+.el-form-item,.es-toolbar .es-toolbar-content .el-form-item.es-toolbar-item-switch+.el-form-item{margin-left:16px}.es-toolbar .es-toolbar-content .el-form-item .el-input__icon{line-height:32px;vertical-align:top}.es-toolbar .es-toolbar-content .es-form-search-small .el-input__inner{width:100%;max-width:156px}.es-toolbar .es-toolbar-content .es-form-search-small .el-input__inner.el-date-editor--daterange{max-width:300px}.es-toolbar .es-toolbar-content .es-form-search-small .el-input__inner.el-date-editor--daterange .el-input__icon,.es-toolbar .es-toolbar-content .es-form-search-small .el-input__inner.el-date-editor--daterange .el-range-separator{line-height:24px}.es-toolbar .es-form-search-small .el-form-item__content{line-height:32px!important}.es-toolbar .es-form-search-small .el-form-item__label{line-height:32px!important;height:32px}.es-toolbar .el-button.es-upload{padding:0!important;border:0!important}.es-toolbar .es-advanced-filter{margin-top:20px;z-index:9}.es-toolbar .es-advanced-filter.es-absolute{position:absolute;left:0;top:45px;right:0;margin-top:0;-webkit-box-shadow:0 1px 10px rgba(0,0,0,.05),0 4px 5px rgba(0,0,0,.08),0 2px 4px -1px rgba(0,0,0,.12);box-shadow:0 1px 10px rgba(0,0,0,.05),0 4px 5px rgba(0,0,0,.08),0 2px 4px -1px rgba(0,0,0,.12);border-bottom-left-radius:6px;border-bottom-right-radius:6px}.es-toolbar .es-advanced-filter.es-absolute .es-form{background-color:#fff;border:1px solid #d9d9d9;border-bottom-left-radius:6px;border-bottom-right-radius:6px;border-top:0;padding:20px 20px 20px 10px}
|
|
1
|
+
@charset "UTF-8";.es-toolbar{padding:6px 12px;border-bottom:1px solid #d9d9d9;position:relative;background-color:#fff}.es-toolbar .es-toolbar-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.es-toolbar .es-toolbar-content .es-button-content{-webkit-box-flex:1;-ms-flex:1;flex:1}.es-toolbar .es-toolbar-content .es-button-content .el-button{padding:4px 8px}.es-toolbar .es-toolbar-content .es-button-content .el-button+.el-button,.es-toolbar .es-toolbar-content .es-button-content .el-button+.es-button-badge,.es-toolbar .es-toolbar-content .es-button-content .es-button-badge+.el-button{margin-left:6px}.es-toolbar .es-toolbar-content .es-form{background:0 0}.es-toolbar .es-toolbar-content .es-form .es-form-content{padding:0}.es-toolbar .es-toolbar-content .es-form .el-form-item{margin-bottom:0}.es-toolbar .es-toolbar-content .es-advanced-btn{margin-left:6px;height:32px}.es-toolbar .es-toolbar-content .es-advanced-btn .es-advanced-icon{margin-right:-8px}.es-toolbar .es-toolbar-content .es-toolbar-text{line-height:32px}.es-toolbar .es-toolbar-content .es-toolbar-info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.es-toolbar .es-toolbar-content .es-toolbar-info .es-info{font-size:13px;margin-left:20px}.es-toolbar .es-toolbar-content .el-menu--horizontal{border-bottom:0;position:relative;bottom:-6px}.es-toolbar .es-toolbar-content .el-menu-item{height:32px;line-height:24px}.es-toolbar .es-toolbar-content .el-input__inner,.es-toolbar .es-toolbar-content .es-checkbox-group{height:32px;line-height:32px}.es-toolbar .es-toolbar-content .es-radio-group,.es-toolbar .es-toolbar-content .es-switch-content{line-height:32px}.es-toolbar .es-toolbar-content .el-switch{top:-2px}.es-toolbar .es-toolbar-content .el-button span{line-height:14px}.es-toolbar .es-toolbar-content .el-checkbox:not(:last-child),.es-toolbar .es-toolbar-content .el-radio:not(:last-child){margin-right:8px}.es-toolbar .es-toolbar-content .el-form-item.es-toolbar-item-checkbox+.el-form-item,.es-toolbar .es-toolbar-content .el-form-item.es-toolbar-item-radio+.el-form-item,.es-toolbar .es-toolbar-content .el-form-item.es-toolbar-item-switch+.el-form-item{margin-left:16px}.es-toolbar .es-toolbar-content .el-form-item .el-input__icon{line-height:32px;vertical-align:top}.es-toolbar .es-toolbar-content .es-form-search-small .el-input__inner{width:100%;max-width:156px}.es-toolbar .es-toolbar-content .es-form-search-small .el-input__inner.el-date-editor--daterange{max-width:300px}.es-toolbar .es-toolbar-content .es-form-search-small .el-input__inner.el-date-editor--daterange .el-input__icon,.es-toolbar .es-toolbar-content .es-form-search-small .el-input__inner.el-date-editor--daterange .el-range-separator{line-height:24px}.es-toolbar .es-form-search-small .el-form-item__content{line-height:32px!important}.es-toolbar .es-form-search-small .el-form-item__label{line-height:32px!important;height:32px}.es-toolbar .el-button.es-upload{padding:0!important;border:0!important}.es-toolbar .es-advanced-filter{margin-top:20px;z-index:9}.es-toolbar .es-advanced-filter.es-absolute{position:absolute;left:0;top:45px;right:0;margin-top:0;-webkit-box-shadow:0 1px 10px rgba(0,0,0,.05),0 4px 5px rgba(0,0,0,.08),0 2px 4px -1px rgba(0,0,0,.12);box-shadow:0 1px 10px rgba(0,0,0,.05),0 4px 5px rgba(0,0,0,.08),0 2px 4px -1px rgba(0,0,0,.12);border-bottom-left-radius:6px;border-bottom-right-radius:6px}.es-toolbar .es-advanced-filter.es-absolute .es-form{background-color:#fff;border:1px solid #d9d9d9;border-bottom-left-radius:6px;border-bottom-right-radius:6px;border-top:0;padding:20px 20px 20px 10px}.es-toolbar .es-toolbar-button-group .el-button--medium{border-radius:3px!important}.es-toolbar .es-toolbar-button-group .el-dropdown{margin-left:6px}
|
package/lib/toolbar.js
CHANGED
|
@@ -349,38 +349,56 @@ function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in ob
|
|
|
349
349
|
reset = items.reset,
|
|
350
350
|
multiCondition = items.multiCondition,
|
|
351
351
|
contents = items.contents,
|
|
352
|
-
|
|
352
|
+
group = items.group,
|
|
353
|
+
other = _objectWithoutProperties(items, ['config', 'type', 'reset', 'multiCondition', 'contents', 'group']);
|
|
353
354
|
|
|
354
355
|
if (type === 'text') {
|
|
355
356
|
text = [h('div', { class: 'es-toolbar-text' }, Array.isArray(contents) ? contents.map(function (item) {
|
|
356
357
|
return h('span', { class: 'es-text' }, [h('span', { class: 'es-info-label' }, [item.label + '\uFF1A']), h('span', { class: 'es-info-value' }, [item.value])]);
|
|
357
358
|
}) : contents)];
|
|
358
359
|
}
|
|
359
|
-
if (type === 'button') {
|
|
360
|
-
|
|
361
|
-
|
|
362
|
-
|
|
363
|
-
|
|
364
|
-
|
|
365
|
-
|
|
366
|
-
|
|
367
|
-
|
|
368
|
-
|
|
369
|
-
|
|
370
|
-
|
|
371
|
-
|
|
372
|
-
buttons.push(h('es-button', {
|
|
373
|
-
attrs: _extends({}, item, {
|
|
374
|
-
size: 'medium'
|
|
375
|
-
}),
|
|
376
|
-
on: {
|
|
377
|
-
click: function click() {
|
|
378
|
-
_this2.handleClick(item);
|
|
379
|
-
}
|
|
360
|
+
if (type === 'button' || type === 'button-group' || type === 'buttonGroup') {
|
|
361
|
+
if (type === 'button-group' || type === 'buttonGroup' || group) {
|
|
362
|
+
buttons = [h('es-button-group', {
|
|
363
|
+
class: 'es-toolbar-button-group',
|
|
364
|
+
props: _extends({
|
|
365
|
+
moreText: '更多',
|
|
366
|
+
size: 'medium'
|
|
367
|
+
}, other, {
|
|
368
|
+
contents: contents
|
|
369
|
+
}),
|
|
370
|
+
on: {
|
|
371
|
+
handleClick: function handleClick(res) {
|
|
372
|
+
_this2.handleClick(res.handle);
|
|
380
373
|
}
|
|
381
|
-
}
|
|
382
|
-
}
|
|
383
|
-
}
|
|
374
|
+
}
|
|
375
|
+
})];
|
|
376
|
+
} else {
|
|
377
|
+
contents.forEach(function (item) {
|
|
378
|
+
if (!item.hide && (item.upload || item.code && item.ownId)) {
|
|
379
|
+
buttons.push(h('es-upload', {
|
|
380
|
+
class: 'el-button',
|
|
381
|
+
attrs: _extends({}, item, {
|
|
382
|
+
method: 'post',
|
|
383
|
+
btnSize: 'medium',
|
|
384
|
+
showFileList: false,
|
|
385
|
+
selectType: item.type ? item.type : ''
|
|
386
|
+
})
|
|
387
|
+
}));
|
|
388
|
+
} else {
|
|
389
|
+
buttons.push(h('es-button', {
|
|
390
|
+
attrs: _extends({}, item, {
|
|
391
|
+
size: 'medium'
|
|
392
|
+
}),
|
|
393
|
+
on: {
|
|
394
|
+
click: function click() {
|
|
395
|
+
_this2.handleClick(item);
|
|
396
|
+
}
|
|
397
|
+
}
|
|
398
|
+
}, item.text));
|
|
399
|
+
}
|
|
400
|
+
});
|
|
401
|
+
}
|
|
384
402
|
}
|
|
385
403
|
if (type === 'tabs') {
|
|
386
404
|
buttons = buttons.concat([h('el-menu', {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "eoss-ui",
|
|
3
|
-
"version": "0.5.
|
|
3
|
+
"version": "0.5.61",
|
|
4
4
|
"description": "eoss内部业务组件",
|
|
5
5
|
"main": "lib/eoss-ui.common.js",
|
|
6
6
|
"files": [
|
|
@@ -96,7 +96,7 @@
|
|
|
96
96
|
"cp-cli": "^1.0.2",
|
|
97
97
|
"cross-env": "^3.1.3",
|
|
98
98
|
"css-loader": "^2.1.0",
|
|
99
|
-
"eoss-element": "^0.2.
|
|
99
|
+
"eoss-element": "^0.2.91",
|
|
100
100
|
"es6-promise": "^4.0.5",
|
|
101
101
|
"eslint": "4.18.2",
|
|
102
102
|
"eslint-config-elemefe": "0.1.1",
|
|
@@ -1,26 +1,49 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<el-button-group class="es-button-group">
|
|
3
3
|
<template v-for="(item, index) in btns">
|
|
4
|
-
<
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
4
|
+
<template v-if="item && !item.hide">
|
|
5
|
+
<es-upload
|
|
6
|
+
v-if="item.upload || (item.code && item.ownId)"
|
|
7
|
+
class="el-button"
|
|
8
|
+
v-bind="{
|
|
9
|
+
...item,
|
|
10
|
+
method: 'post',
|
|
11
|
+
size: size,
|
|
12
|
+
showFileList: false,
|
|
13
|
+
selectType: item.type ? item.type : ''
|
|
14
|
+
}"
|
|
15
|
+
></es-upload>
|
|
16
|
+
<es-button
|
|
17
|
+
v-else
|
|
18
|
+
:stop="stop"
|
|
19
|
+
v-bind="item"
|
|
20
|
+
:key="index"
|
|
21
|
+
:size="size"
|
|
22
|
+
:type="item.type"
|
|
23
|
+
@click="handleClick({ ...data, handle: item })"
|
|
24
|
+
>
|
|
25
|
+
{{
|
|
26
|
+
item.template ? item.template({ ...data, config: item }) : item.text
|
|
27
|
+
}}
|
|
28
|
+
</es-button>
|
|
29
|
+
</template>
|
|
17
30
|
<el-dropdown
|
|
18
31
|
v-if="other.length > 0 && index == btns.length - 1"
|
|
19
32
|
@command="handleCommand"
|
|
33
|
+
@visible-change="handleChange"
|
|
20
34
|
:trigger="trigger"
|
|
21
35
|
>
|
|
22
36
|
<el-button :size="size">
|
|
23
|
-
<
|
|
37
|
+
<template v-if="moreText">
|
|
38
|
+
{{ moreText }}
|
|
39
|
+
<i
|
|
40
|
+
:class="{
|
|
41
|
+
'el-icon-arrow-down': !show,
|
|
42
|
+
'el-icon-arrow-up': show
|
|
43
|
+
}"
|
|
44
|
+
></i>
|
|
45
|
+
</template>
|
|
46
|
+
<i v-else class="es-icon-omit"></i>
|
|
24
47
|
</el-button>
|
|
25
48
|
<el-dropdown-menu slot="dropdown">
|
|
26
49
|
<el-dropdown-item
|
|
@@ -63,7 +86,12 @@ export default {
|
|
|
63
86
|
type: String,
|
|
64
87
|
default: 'click'
|
|
65
88
|
},
|
|
66
|
-
useCaseCodeKey: String
|
|
89
|
+
useCaseCodeKey: String,
|
|
90
|
+
moreText: String,
|
|
91
|
+
size: {
|
|
92
|
+
type: String,
|
|
93
|
+
default: 'mini'
|
|
94
|
+
}
|
|
67
95
|
},
|
|
68
96
|
computed: {
|
|
69
97
|
btns() {
|
|
@@ -78,7 +106,7 @@ export default {
|
|
|
78
106
|
watch: {},
|
|
79
107
|
data() {
|
|
80
108
|
return {
|
|
81
|
-
|
|
109
|
+
show: false
|
|
82
110
|
};
|
|
83
111
|
},
|
|
84
112
|
mounted() {
|
|
@@ -117,6 +145,9 @@ export default {
|
|
|
117
145
|
});
|
|
118
146
|
return arry;
|
|
119
147
|
},
|
|
148
|
+
handleChange(res) {
|
|
149
|
+
this.show = res;
|
|
150
|
+
},
|
|
120
151
|
handleClick(obj) {
|
|
121
152
|
this.$emit('handleClick', obj);
|
|
122
153
|
this.$emit('handle-click', obj);
|
|
@@ -2,9 +2,17 @@
|
|
|
2
2
|
<div class="es-calendar">
|
|
3
3
|
<div class="es-calendar-title" v-show="showTitle">
|
|
4
4
|
<i class="es-calendar-prev es-icon-pointer-left" @click="prev"></i>
|
|
5
|
-
<div class="es-title"
|
|
5
|
+
<div class="es-title">
|
|
6
6
|
<slot name="title" :year="year" :month="month">
|
|
7
|
-
|
|
7
|
+
<es-date-picker
|
|
8
|
+
class="es-calendar-picker"
|
|
9
|
+
v-model="value"
|
|
10
|
+
type="month"
|
|
11
|
+
placeholder="选择日期时间"
|
|
12
|
+
format="yyyy年M月"
|
|
13
|
+
@change="handleChange"
|
|
14
|
+
>
|
|
15
|
+
</es-date-picker>
|
|
8
16
|
</slot>
|
|
9
17
|
</div>
|
|
10
18
|
<i class="es-calendar-next es-icon-pointer-right" @click="next"></i>
|
|
@@ -52,7 +60,7 @@
|
|
|
52
60
|
|
|
53
61
|
<script>
|
|
54
62
|
export default {
|
|
55
|
-
name: '
|
|
63
|
+
name: 'EsCalendar',
|
|
56
64
|
props: {
|
|
57
65
|
//显示title
|
|
58
66
|
showTitle: {
|
|
@@ -111,8 +119,9 @@ export default {
|
|
|
111
119
|
},
|
|
112
120
|
data() {
|
|
113
121
|
return {
|
|
122
|
+
value: '',
|
|
114
123
|
year: '',
|
|
115
|
-
|
|
124
|
+
month: '',
|
|
116
125
|
weeks: ['日', '一', '二', '三', '四', '五', '六'],
|
|
117
126
|
weekDate: [],
|
|
118
127
|
week7: '',
|
|
@@ -158,9 +167,10 @@ export default {
|
|
|
158
167
|
this.daysList = daysList;
|
|
159
168
|
this.year = year;
|
|
160
169
|
this.month = month;
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
170
|
+
this.value = `${year}年${month}月`;
|
|
171
|
+
//if (!this.weekDate.length) {
|
|
172
|
+
this.weekDate = weekDate;
|
|
173
|
+
//}
|
|
164
174
|
this.$emit('init', dates);
|
|
165
175
|
return dates;
|
|
166
176
|
},
|
|
@@ -237,6 +247,15 @@ export default {
|
|
|
237
247
|
let res = this.init(`${year}/${month}/${date}`);
|
|
238
248
|
this.$emit('next', res, 'month');
|
|
239
249
|
},
|
|
250
|
+
handleChange(val) {
|
|
251
|
+
let dates = val.replace('月', '').split('年');
|
|
252
|
+
let year = dates[0];
|
|
253
|
+
let month = dates[1];
|
|
254
|
+
month = month.padStart(2, '0');
|
|
255
|
+
let date = '01';
|
|
256
|
+
let res = this.init(`${year}/${month}/${date}`);
|
|
257
|
+
this.$emit('change', res);
|
|
258
|
+
},
|
|
240
259
|
//获取当月或指定日期所在月天数
|
|
241
260
|
getDays(res) {
|
|
242
261
|
const date = res ? new Date(res) : new Date();
|
|
@@ -1,28 +1,65 @@
|
|
|
1
1
|
<template>
|
|
2
|
-
<el-card
|
|
2
|
+
<el-card
|
|
3
|
+
class="es-card"
|
|
4
|
+
:class="{ 'es-card-border-none': !border }"
|
|
5
|
+
v-bind="$attrs"
|
|
6
|
+
>
|
|
3
7
|
<template slot="header">
|
|
4
|
-
<div
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
class="es-header-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
8
|
+
<div class="es-card-header" :class="modeClass">
|
|
9
|
+
<slot name="header">
|
|
10
|
+
<template v-if="header">
|
|
11
|
+
<template v-if="isObject">
|
|
12
|
+
<es-icon
|
|
13
|
+
v-if="header.icon"
|
|
14
|
+
class="es-header-icon"
|
|
15
|
+
:contents="header.icon"
|
|
16
|
+
></es-icon>
|
|
17
|
+
<span v-if="header.text" class="es-header-text">{{
|
|
18
|
+
header.text
|
|
19
|
+
}}</span>
|
|
20
|
+
<es-icon
|
|
21
|
+
v-if="header.icons"
|
|
22
|
+
class="es-header-icons"
|
|
23
|
+
:contents="header.icons"
|
|
24
|
+
></es-icon>
|
|
25
|
+
<el-menu
|
|
26
|
+
v-if="header.tabs"
|
|
27
|
+
slot="suffix"
|
|
28
|
+
class="es-card-menu"
|
|
29
|
+
mode="horizontal"
|
|
30
|
+
:default-active="active"
|
|
31
|
+
@select="handleSelect"
|
|
32
|
+
>
|
|
33
|
+
<template v-for="(item, index) in tabs">
|
|
34
|
+
<el-menu-item
|
|
35
|
+
v-if="typeof item === 'string'"
|
|
36
|
+
:key="index"
|
|
37
|
+
:index="String(index)"
|
|
38
|
+
>
|
|
39
|
+
{{ item }}
|
|
40
|
+
</el-menu-item>
|
|
41
|
+
<el-menu-item
|
|
42
|
+
v-else
|
|
43
|
+
:key="index"
|
|
44
|
+
:index="item.id ? item.id : String(index)"
|
|
45
|
+
>
|
|
46
|
+
<el-badge
|
|
47
|
+
:value="item.tips"
|
|
48
|
+
:max="max"
|
|
49
|
+
:is-dot="isDot"
|
|
50
|
+
:hidden="!item.tips || item.tips == '0'"
|
|
51
|
+
>
|
|
52
|
+
{{ item.name || item.label }}
|
|
53
|
+
</el-badge>
|
|
54
|
+
</el-menu-item>
|
|
55
|
+
</template>
|
|
56
|
+
</el-menu>
|
|
57
|
+
</template>
|
|
58
|
+
<span v-else class="es-header-text">{{ header }}</span>
|
|
59
|
+
</template>
|
|
60
|
+
<template>
|
|
24
61
|
<el-menu
|
|
25
|
-
v-if="
|
|
62
|
+
v-if="tabs"
|
|
26
63
|
slot="suffix"
|
|
27
64
|
class="es-card-menu"
|
|
28
65
|
mode="horizontal"
|
|
@@ -54,45 +91,9 @@
|
|
|
54
91
|
</template>
|
|
55
92
|
</el-menu>
|
|
56
93
|
</template>
|
|
57
|
-
<
|
|
58
|
-
</
|
|
59
|
-
<template>
|
|
60
|
-
<el-menu
|
|
61
|
-
v-if="tabs"
|
|
62
|
-
slot="suffix"
|
|
63
|
-
class="es-card-menu"
|
|
64
|
-
mode="horizontal"
|
|
65
|
-
:default-active="active"
|
|
66
|
-
@select="handleSelect"
|
|
67
|
-
>
|
|
68
|
-
<template v-for="(item, index) in tabs">
|
|
69
|
-
<el-menu-item
|
|
70
|
-
v-if="typeof item === 'string'"
|
|
71
|
-
:key="index"
|
|
72
|
-
:index="String(index)"
|
|
73
|
-
>
|
|
74
|
-
{{ item }}
|
|
75
|
-
</el-menu-item>
|
|
76
|
-
<el-menu-item
|
|
77
|
-
v-else
|
|
78
|
-
:key="index"
|
|
79
|
-
:index="item.id ? item.id : String(index)"
|
|
80
|
-
>
|
|
81
|
-
<el-badge
|
|
82
|
-
:value="item.tips"
|
|
83
|
-
:max="max"
|
|
84
|
-
:is-dot="isDot"
|
|
85
|
-
:hidden="!item.tips || item.tips == '0'"
|
|
86
|
-
>
|
|
87
|
-
{{ item.name || item.label }}
|
|
88
|
-
</el-badge>
|
|
89
|
-
</el-menu-item>
|
|
90
|
-
</template>
|
|
91
|
-
</el-menu>
|
|
92
|
-
</template>
|
|
93
|
-
<slot name="suffix"></slot>
|
|
94
|
+
<slot name="suffix"></slot>
|
|
95
|
+
</slot>
|
|
94
96
|
</div>
|
|
95
|
-
<slot v-else name="header"></slot>
|
|
96
97
|
</template>
|
|
97
98
|
<slot></slot>
|
|
98
99
|
</el-card>
|
|
@@ -106,6 +107,14 @@ export default {
|
|
|
106
107
|
type: Boolean,
|
|
107
108
|
default: true
|
|
108
109
|
},
|
|
110
|
+
mode: {
|
|
111
|
+
type: String,
|
|
112
|
+
default: 'bar'
|
|
113
|
+
},
|
|
114
|
+
border: {
|
|
115
|
+
type: Boolean,
|
|
116
|
+
default: true
|
|
117
|
+
},
|
|
109
118
|
header: [String, Object],
|
|
110
119
|
tabs: Array,
|
|
111
120
|
defaultActive: String,
|
|
@@ -130,6 +139,9 @@ export default {
|
|
|
130
139
|
}
|
|
131
140
|
return this.defaultActive;
|
|
132
141
|
}
|
|
142
|
+
},
|
|
143
|
+
modeClass() {
|
|
144
|
+
return this.show ? `es-card-ornament-${this.mode}` : '';
|
|
133
145
|
}
|
|
134
146
|
},
|
|
135
147
|
data() {
|
|
@@ -587,6 +587,14 @@
|
|
|
587
587
|
}
|
|
588
588
|
"
|
|
589
589
|
></es-icons>
|
|
590
|
+
<component
|
|
591
|
+
v-else-if="item.type === 'component'"
|
|
592
|
+
v-model="models[item.name]"
|
|
593
|
+
v-bind="
|
|
594
|
+
handleExclAttribute({ data: item, attrs: ['value'] })
|
|
595
|
+
"
|
|
596
|
+
v-on="item.events"
|
|
597
|
+
></component>
|
|
590
598
|
<es-input
|
|
591
599
|
v-else
|
|
592
600
|
v-bind="
|
|
@@ -831,6 +839,17 @@
|
|
|
831
839
|
}
|
|
832
840
|
"
|
|
833
841
|
></es-icons>
|
|
842
|
+
<component
|
|
843
|
+
v-else-if="inline.type === 'component'"
|
|
844
|
+
v-model="models[inline.name]"
|
|
845
|
+
v-bind="
|
|
846
|
+
handleExclAttribute({
|
|
847
|
+
data: inline,
|
|
848
|
+
attrs: ['value']
|
|
849
|
+
})
|
|
850
|
+
"
|
|
851
|
+
v-on="inline.events"
|
|
852
|
+
></component>
|
|
834
853
|
<es-input
|
|
835
854
|
v-else
|
|
836
855
|
v-bind="
|
|
@@ -1068,6 +1087,17 @@
|
|
|
1068
1087
|
}
|
|
1069
1088
|
"
|
|
1070
1089
|
></es-icons>
|
|
1090
|
+
<component
|
|
1091
|
+
v-else-if="inline.type === 'component'"
|
|
1092
|
+
v-model="models[inline.name]"
|
|
1093
|
+
v-bind="
|
|
1094
|
+
handleExclAttribute({
|
|
1095
|
+
data: inline,
|
|
1096
|
+
attrs: ['value']
|
|
1097
|
+
})
|
|
1098
|
+
"
|
|
1099
|
+
v-on="inline.events"
|
|
1100
|
+
></component>
|
|
1071
1101
|
<es-input
|
|
1072
1102
|
v-else
|
|
1073
1103
|
v-bind="
|
|
@@ -1513,6 +1543,17 @@
|
|
|
1513
1543
|
}
|
|
1514
1544
|
"
|
|
1515
1545
|
></es-icons>
|
|
1546
|
+
<component
|
|
1547
|
+
v-else-if="item.type === 'component'"
|
|
1548
|
+
v-model="models[item.name]"
|
|
1549
|
+
v-bind="
|
|
1550
|
+
handleExclAttribute({
|
|
1551
|
+
data: item,
|
|
1552
|
+
attrs: ['value']
|
|
1553
|
+
})
|
|
1554
|
+
"
|
|
1555
|
+
v-on="item.events"
|
|
1556
|
+
></component>
|
|
1516
1557
|
<es-input
|
|
1517
1558
|
v-else
|
|
1518
1559
|
v-bind="
|
|
@@ -1729,6 +1770,17 @@
|
|
|
1729
1770
|
}
|
|
1730
1771
|
"
|
|
1731
1772
|
></es-icons>
|
|
1773
|
+
<component
|
|
1774
|
+
v-else-if="inline.type === 'component'"
|
|
1775
|
+
v-model="models[inline.name]"
|
|
1776
|
+
v-bind="
|
|
1777
|
+
handleExclAttribute({
|
|
1778
|
+
data: inline,
|
|
1779
|
+
attrs: ['value']
|
|
1780
|
+
})
|
|
1781
|
+
"
|
|
1782
|
+
v-on="inline.events"
|
|
1783
|
+
></component>
|
|
1732
1784
|
<es-input
|
|
1733
1785
|
v-else
|
|
1734
1786
|
v-bind="
|
|
@@ -1925,6 +1977,17 @@
|
|
|
1925
1977
|
}
|
|
1926
1978
|
"
|
|
1927
1979
|
></es-icons>
|
|
1980
|
+
<component
|
|
1981
|
+
v-else-if="item.inline.type === 'component'"
|
|
1982
|
+
v-model="models[item.inline.name]"
|
|
1983
|
+
v-bind="
|
|
1984
|
+
handleExclAttribute({
|
|
1985
|
+
data: item.inline,
|
|
1986
|
+
attrs: ['value']
|
|
1987
|
+
})
|
|
1988
|
+
"
|
|
1989
|
+
v-on="item.inline.events"
|
|
1990
|
+
></component>
|
|
1928
1991
|
<es-input
|
|
1929
1992
|
v-else
|
|
1930
1993
|
v-bind="
|
|
@@ -2485,6 +2548,17 @@
|
|
|
2485
2548
|
}
|
|
2486
2549
|
"
|
|
2487
2550
|
></es-icons>
|
|
2551
|
+
<component
|
|
2552
|
+
v-else-if="item.type === 'component'"
|
|
2553
|
+
v-model="models[item.name]"
|
|
2554
|
+
v-bind="
|
|
2555
|
+
handleExclAttribute({
|
|
2556
|
+
data: item,
|
|
2557
|
+
attrs: ['value']
|
|
2558
|
+
})
|
|
2559
|
+
"
|
|
2560
|
+
v-on="item.events"
|
|
2561
|
+
></component>
|
|
2488
2562
|
<es-input
|
|
2489
2563
|
v-else
|
|
2490
2564
|
v-bind="
|
|
@@ -2725,6 +2799,17 @@
|
|
|
2725
2799
|
}
|
|
2726
2800
|
"
|
|
2727
2801
|
></es-icons>
|
|
2802
|
+
<component
|
|
2803
|
+
v-else-if="inline.type === 'component'"
|
|
2804
|
+
v-model="models[inline.name]"
|
|
2805
|
+
v-bind="
|
|
2806
|
+
handleExclAttribute({
|
|
2807
|
+
data: inline,
|
|
2808
|
+
attrs: ['value']
|
|
2809
|
+
})
|
|
2810
|
+
"
|
|
2811
|
+
v-on="inline.events"
|
|
2812
|
+
></component>
|
|
2728
2813
|
<es-input
|
|
2729
2814
|
v-else
|
|
2730
2815
|
v-bind="
|
|
@@ -2943,6 +3028,17 @@
|
|
|
2943
3028
|
}
|
|
2944
3029
|
"
|
|
2945
3030
|
></es-icons>
|
|
3031
|
+
<component
|
|
3032
|
+
v-else-if="item.inline.type === 'component'"
|
|
3033
|
+
v-model="models[item.inline.name]"
|
|
3034
|
+
v-bind="
|
|
3035
|
+
handleExclAttribute({
|
|
3036
|
+
data: item.inline,
|
|
3037
|
+
attrs: ['value']
|
|
3038
|
+
})
|
|
3039
|
+
"
|
|
3040
|
+
v-on="item.inline.events"
|
|
3041
|
+
></component>
|
|
2946
3042
|
<es-input
|
|
2947
3043
|
v-else
|
|
2948
3044
|
v-bind="
|
|
@@ -3366,6 +3462,17 @@
|
|
|
3366
3462
|
}
|
|
3367
3463
|
"
|
|
3368
3464
|
></es-icons>
|
|
3465
|
+
<component
|
|
3466
|
+
v-else-if="item.type === 'component'"
|
|
3467
|
+
v-model="models[item.name]"
|
|
3468
|
+
v-bind="
|
|
3469
|
+
handleExclAttribute({
|
|
3470
|
+
data: item,
|
|
3471
|
+
attrs: ['value']
|
|
3472
|
+
})
|
|
3473
|
+
"
|
|
3474
|
+
v-on="item.events"
|
|
3475
|
+
></component>
|
|
3369
3476
|
<es-input
|
|
3370
3477
|
v-else
|
|
3371
3478
|
v-bind="handleExclAttribute({ data: item, attrs: ['value'] })"
|
|
@@ -3598,6 +3705,17 @@
|
|
|
3598
3705
|
}
|
|
3599
3706
|
"
|
|
3600
3707
|
></es-icons>
|
|
3708
|
+
<component
|
|
3709
|
+
v-else-if="inline.type === 'component'"
|
|
3710
|
+
v-model="models[inline.name]"
|
|
3711
|
+
v-bind="
|
|
3712
|
+
handleExclAttribute({
|
|
3713
|
+
data: inline,
|
|
3714
|
+
attrs: ['value']
|
|
3715
|
+
})
|
|
3716
|
+
"
|
|
3717
|
+
v-on="inline.events"
|
|
3718
|
+
></component>
|
|
3601
3719
|
<es-input
|
|
3602
3720
|
v-else
|
|
3603
3721
|
v-bind="
|
|
@@ -3794,6 +3912,17 @@
|
|
|
3794
3912
|
}
|
|
3795
3913
|
"
|
|
3796
3914
|
></es-icons>
|
|
3915
|
+
<component
|
|
3916
|
+
v-else-if="item.inline.type === 'component'"
|
|
3917
|
+
v-model="models[item.inline.name]"
|
|
3918
|
+
v-bind="
|
|
3919
|
+
handleExclAttribute({
|
|
3920
|
+
data: item.inline,
|
|
3921
|
+
attrs: ['value']
|
|
3922
|
+
})
|
|
3923
|
+
"
|
|
3924
|
+
v-on="item.inline.events"
|
|
3925
|
+
></component>
|
|
3797
3926
|
<es-input
|
|
3798
3927
|
v-else
|
|
3799
3928
|
v-bind="
|