eoss-ui 0.7.74 → 0.7.75
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/calogin.js +233 -233
- package/lib/eoss-ui.common.js +256 -256
- package/lib/flow.js +4 -4
- package/lib/index.js +1 -1
- package/lib/qr-code.js +13 -13
- package/lib/theme-chalk/flow.css +1 -1
- package/lib/theme-chalk/index.css +1 -1
- package/lib/theme-chalk/login.css +1 -1
- package/package.json +1 -1
- package/packages/button/index.js +5 -5
- package/packages/button/src/main.vue +418 -418
- package/packages/button-group/index.js +5 -5
- package/packages/calendar/index.js +5 -5
- package/packages/calogin/index.js +5 -5
- package/packages/calogin/src/plugin.js +915 -915
- package/packages/card/index.js +5 -5
- package/packages/card/src/main.vue +156 -156
- package/packages/cascader/index.js +5 -5
- package/packages/cascader/src/main.vue +168 -168
- package/packages/checkbox-group/index.js +5 -5
- package/packages/checkbox-group/src/main.vue +333 -333
- package/packages/clients/index.js +5 -5
- package/packages/data-table/index.js +5 -5
- package/packages/data-table/src/children.vue +39 -39
- package/packages/data-table/src/sizer.vue +195 -195
- package/packages/data-table-form/index.js +5 -5
- package/packages/data-table-form/src/checkbox.vue +101 -101
- package/packages/data-table-form/src/colgroup.vue +17 -17
- package/packages/data-table-form/src/main.vue +181 -181
- package/packages/data-table-form/src/radio.vue +65 -65
- package/packages/data-table-form/src/table.vue +233 -233
- package/packages/data-table-form/src/tbody.vue +336 -336
- package/packages/data-table-form/src/thead.vue +68 -68
- package/packages/date-picker/index.js +5 -5
- package/packages/date-picker/src/main.vue +236 -236
- package/packages/dialog/index.js +5 -5
- package/packages/enable-drag/index.js +5 -5
- package/packages/enterprise/index.js +5 -5
- package/packages/enterprise/src/main.vue +66 -66
- package/packages/error-page/index.js +5 -5
- package/packages/error-page/src/main.vue +44 -44
- package/packages/flow/index.js +5 -5
- package/packages/flow/src/component/TimeLimit.vue +190 -190
- package/packages/flow/src/main.vue +2 -2
- package/packages/flow/src/table.vue +58 -58
- package/packages/flow-group/index.js +5 -5
- package/packages/flow-list/index.js +5 -5
- package/packages/form/index.js +5 -5
- package/packages/handle-user/index.js +5 -5
- package/packages/handler/index.js +5 -5
- package/packages/icon/index.js +5 -5
- package/packages/icons/index.js +5 -5
- package/packages/icons/src/main.vue +81 -81
- package/packages/input/index.js +5 -5
- package/packages/input/src/main.vue +356 -356
- package/packages/input-number/index.js +5 -5
- package/packages/input-number/src/main.vue +106 -106
- package/packages/label/index.js +5 -5
- package/packages/label/src/main.vue +457 -457
- package/packages/layout/index.js +5 -5
- package/packages/layout/src/item.vue +152 -152
- package/packages/layout/src/main.vue +31 -31
- package/packages/login/index.js +5 -5
- package/packages/main/index.js +5 -5
- package/packages/main/src/default/message.vue +249 -249
- package/packages/main/src/default/notice.vue +157 -157
- package/packages/main/src/simplicity/lists.vue +84 -84
- package/packages/main/src/simplicity/router-page.vue +45 -45
- package/packages/menu/index.js +5 -5
- package/packages/nav/index.js +5 -5
- package/packages/notify/index.js +5 -5
- package/packages/notify/src/main.vue +538 -538
- package/packages/page/index.js +5 -5
- package/packages/page/src/main.vue +167 -167
- package/packages/pagination/index.js +5 -5
- package/packages/pagination/src/main.vue +96 -96
- package/packages/player/index.js +5 -5
- package/packages/player/src/main.vue +194 -194
- package/packages/qr-code/index.js +5 -5
- package/packages/qr-code/src/main.vue +170 -170
- package/packages/radio-group/index.js +6 -6
- package/packages/radio-group/src/main.vue +319 -319
- package/packages/retrial-auth/index.js +5 -5
- package/packages/retrial-auth/src/main.vue +280 -280
- package/packages/select/index.js +5 -5
- package/packages/select-ganged/index.js +5 -5
- package/packages/select-ganged/src/main.vue +724 -724
- package/packages/selector/index.js +5 -5
- package/packages/selector-panel/index.js +5 -5
- package/packages/selector-panel/src/tree.vue +129 -129
- package/packages/sizer/index.js +5 -5
- package/packages/sizer/src/main.vue +254 -254
- package/packages/steps/index.js +5 -5
- package/packages/steps/src/main.vue +181 -181
- package/packages/switch/index.js +5 -5
- package/packages/table-form/index.js +5 -5
- package/packages/tabs/index.js +5 -5
- package/packages/tabs/src/main.vue +788 -788
- package/packages/tabs-panel/index.js +5 -5
- package/packages/tabs-panel/src/main.vue +29 -29
- package/packages/theme-chalk/lib/flow.css +1 -1
- package/packages/theme-chalk/lib/index.css +1 -1
- package/packages/theme-chalk/lib/login.css +1 -1
- package/packages/theme-chalk/src/base.scss +261 -261
- package/packages/theme-chalk/src/button-group.scss +176 -176
- package/packages/theme-chalk/src/button.scss +24 -24
- package/packages/theme-chalk/src/calendar.scss +113 -113
- package/packages/theme-chalk/src/card.scss +99 -99
- package/packages/theme-chalk/src/checkbox-group.scss +8 -8
- package/packages/theme-chalk/src/clients.scss +87 -87
- package/packages/theme-chalk/src/data-table-form.scss +67 -67
- package/packages/theme-chalk/src/date-picker.scss +7 -7
- package/packages/theme-chalk/src/dialog.scss +77 -77
- package/packages/theme-chalk/src/enable-drag.scss +181 -181
- package/packages/theme-chalk/src/enterprise.scss +5 -5
- package/packages/theme-chalk/src/error-page.scss +18 -18
- package/packages/theme-chalk/src/flow-group.scss +110 -110
- package/packages/theme-chalk/src/flow-list.scss +39 -39
- package/packages/theme-chalk/src/flow.scss +5 -0
- package/packages/theme-chalk/src/handle-user.scss +40 -40
- package/packages/theme-chalk/src/icons.scss +99 -99
- package/packages/theme-chalk/src/input.scss +9 -9
- package/packages/theme-chalk/src/label.scss +24 -24
- package/packages/theme-chalk/src/layout.scss +46 -46
- package/packages/theme-chalk/src/mixins/color.scss +117 -117
- package/packages/theme-chalk/src/nav.scss +111 -111
- package/packages/theme-chalk/src/page.scss +3 -3
- package/packages/theme-chalk/src/pagination.scss +29 -29
- package/packages/theme-chalk/src/player.scss +9 -9
- package/packages/theme-chalk/src/qr-code.scss +17 -17
- package/packages/theme-chalk/src/radio-group.scss +9 -9
- package/packages/theme-chalk/src/retrial-auth.scss +38 -38
- package/packages/theme-chalk/src/select-ganged.scss +8 -8
- package/packages/theme-chalk/src/select.scss +8 -8
- package/packages/theme-chalk/src/selector-panel.scss +204 -204
- package/packages/theme-chalk/src/sizer.scss +36 -36
- package/packages/theme-chalk/src/steps.scss +88 -88
- package/packages/theme-chalk/src/switch.scss +3 -3
- package/packages/theme-chalk/src/table-form.scss +1 -1
- package/packages/theme-chalk/src/tabs.scss +87 -87
- package/packages/theme-chalk/src/tips.scss +7 -7
- package/packages/theme-chalk/src/toolbar.scss +179 -179
- package/packages/theme-chalk/src/tree-group.scss +72 -72
- package/packages/theme-chalk/src/wxlogin.scss +3 -3
- package/packages/tips/index.js +5 -5
- package/packages/toolbar/index.js +5 -5
- package/packages/tree/index.js +5 -5
- package/packages/tree-group/index.js +5 -5
- package/packages/upload/index.js +5 -5
- package/packages/upload/src/picture.js +15 -15
- package/packages/wujie/index.js +5 -5
- package/packages/wujie/src/main.vue +145 -145
- package/packages/wxlogin/index.js +5 -5
- package/packages/wxlogin/src/main.vue +128 -128
- package/src/config/image.js +2 -2
- package/src/index.js +1 -1
- package/src/utils/bus.js +3 -3
- package/src/utils/date-util.js +312 -312
- package/src/utils/http.js +50 -50
- package/src/utils/store.js +21 -21
- package/src/utils/webSocket.js +107 -107
package/packages/card/index.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import EsCard from './src/main';
|
|
2
|
-
|
|
3
|
-
EsCard.install = Vue => Vue.component(EsCard.name, EsCard);
|
|
4
|
-
|
|
5
|
-
export default EsCard;
|
|
1
|
+
import EsCard from './src/main';
|
|
2
|
+
|
|
3
|
+
EsCard.install = Vue => Vue.component(EsCard.name, EsCard);
|
|
4
|
+
|
|
5
|
+
export default EsCard;
|
|
@@ -1,156 +1,156 @@
|
|
|
1
|
-
<template>
|
|
2
|
-
<el-card
|
|
3
|
-
class="es-card"
|
|
4
|
-
:class="{ 'es-card-border-none': !border }"
|
|
5
|
-
v-bind="$attrs"
|
|
6
|
-
>
|
|
7
|
-
<template slot="header">
|
|
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>
|
|
61
|
-
<el-menu
|
|
62
|
-
v-if="tabs"
|
|
63
|
-
slot="suffix"
|
|
64
|
-
class="es-card-menu"
|
|
65
|
-
mode="horizontal"
|
|
66
|
-
:default-active="active"
|
|
67
|
-
@select="handleSelect"
|
|
68
|
-
>
|
|
69
|
-
<template v-for="(item, index) in tabs">
|
|
70
|
-
<el-menu-item
|
|
71
|
-
v-if="typeof item === 'string'"
|
|
72
|
-
:key="index"
|
|
73
|
-
:index="String(index)"
|
|
74
|
-
>
|
|
75
|
-
{{ item }}
|
|
76
|
-
</el-menu-item>
|
|
77
|
-
<el-menu-item
|
|
78
|
-
v-else
|
|
79
|
-
:key="index"
|
|
80
|
-
:index="item.id ? item.id : String(index)"
|
|
81
|
-
>
|
|
82
|
-
<el-badge
|
|
83
|
-
:value="item.tips"
|
|
84
|
-
:max="max"
|
|
85
|
-
:is-dot="isDot"
|
|
86
|
-
:hidden="!item.tips || item.tips == '0'"
|
|
87
|
-
>
|
|
88
|
-
{{ item.name || item.label }}
|
|
89
|
-
</el-badge>
|
|
90
|
-
</el-menu-item>
|
|
91
|
-
</template>
|
|
92
|
-
</el-menu>
|
|
93
|
-
</template>
|
|
94
|
-
<slot name="suffix"></slot>
|
|
95
|
-
</slot>
|
|
96
|
-
</div>
|
|
97
|
-
</template>
|
|
98
|
-
<slot></slot>
|
|
99
|
-
</el-card>
|
|
100
|
-
</template>
|
|
101
|
-
<script>
|
|
102
|
-
export default {
|
|
103
|
-
name: 'EsCard',
|
|
104
|
-
inheritAttrs: false,
|
|
105
|
-
props: {
|
|
106
|
-
show: {
|
|
107
|
-
type: Boolean,
|
|
108
|
-
default: true
|
|
109
|
-
},
|
|
110
|
-
mode: {
|
|
111
|
-
type: String,
|
|
112
|
-
default: 'bar'
|
|
113
|
-
},
|
|
114
|
-
border: {
|
|
115
|
-
type: Boolean,
|
|
116
|
-
default: true
|
|
117
|
-
},
|
|
118
|
-
header: [String, Object],
|
|
119
|
-
tabs: Array,
|
|
120
|
-
defaultActive: String,
|
|
121
|
-
max: {
|
|
122
|
-
type: Number,
|
|
123
|
-
default: 99
|
|
124
|
-
},
|
|
125
|
-
isDot: Boolean
|
|
126
|
-
},
|
|
127
|
-
computed: {
|
|
128
|
-
isObject() {
|
|
129
|
-
return typeof this.header !== 'string';
|
|
130
|
-
},
|
|
131
|
-
active: {
|
|
132
|
-
get() {
|
|
133
|
-
if (this.defaultActive === undefined) {
|
|
134
|
-
if (typeof this.tabs[0] === 'string') {
|
|
135
|
-
return '0';
|
|
136
|
-
} else {
|
|
137
|
-
return this.tabs[0].id ? this.tabs[0].id : '0';
|
|
138
|
-
}
|
|
139
|
-
}
|
|
140
|
-
return this.defaultActive;
|
|
141
|
-
}
|
|
142
|
-
},
|
|
143
|
-
modeClass() {
|
|
144
|
-
return this.show ? `es-card-ornament-${this.mode}` : '';
|
|
145
|
-
}
|
|
146
|
-
},
|
|
147
|
-
data() {
|
|
148
|
-
return {};
|
|
149
|
-
},
|
|
150
|
-
methods: {
|
|
151
|
-
handleSelect(res, path) {
|
|
152
|
-
this.$emit('select', res, path);
|
|
153
|
-
}
|
|
154
|
-
}
|
|
155
|
-
};
|
|
156
|
-
</script>
|
|
1
|
+
<template>
|
|
2
|
+
<el-card
|
|
3
|
+
class="es-card"
|
|
4
|
+
:class="{ 'es-card-border-none': !border }"
|
|
5
|
+
v-bind="$attrs"
|
|
6
|
+
>
|
|
7
|
+
<template slot="header">
|
|
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>
|
|
61
|
+
<el-menu
|
|
62
|
+
v-if="tabs"
|
|
63
|
+
slot="suffix"
|
|
64
|
+
class="es-card-menu"
|
|
65
|
+
mode="horizontal"
|
|
66
|
+
:default-active="active"
|
|
67
|
+
@select="handleSelect"
|
|
68
|
+
>
|
|
69
|
+
<template v-for="(item, index) in tabs">
|
|
70
|
+
<el-menu-item
|
|
71
|
+
v-if="typeof item === 'string'"
|
|
72
|
+
:key="index"
|
|
73
|
+
:index="String(index)"
|
|
74
|
+
>
|
|
75
|
+
{{ item }}
|
|
76
|
+
</el-menu-item>
|
|
77
|
+
<el-menu-item
|
|
78
|
+
v-else
|
|
79
|
+
:key="index"
|
|
80
|
+
:index="item.id ? item.id : String(index)"
|
|
81
|
+
>
|
|
82
|
+
<el-badge
|
|
83
|
+
:value="item.tips"
|
|
84
|
+
:max="max"
|
|
85
|
+
:is-dot="isDot"
|
|
86
|
+
:hidden="!item.tips || item.tips == '0'"
|
|
87
|
+
>
|
|
88
|
+
{{ item.name || item.label }}
|
|
89
|
+
</el-badge>
|
|
90
|
+
</el-menu-item>
|
|
91
|
+
</template>
|
|
92
|
+
</el-menu>
|
|
93
|
+
</template>
|
|
94
|
+
<slot name="suffix"></slot>
|
|
95
|
+
</slot>
|
|
96
|
+
</div>
|
|
97
|
+
</template>
|
|
98
|
+
<slot></slot>
|
|
99
|
+
</el-card>
|
|
100
|
+
</template>
|
|
101
|
+
<script>
|
|
102
|
+
export default {
|
|
103
|
+
name: 'EsCard',
|
|
104
|
+
inheritAttrs: false,
|
|
105
|
+
props: {
|
|
106
|
+
show: {
|
|
107
|
+
type: Boolean,
|
|
108
|
+
default: true
|
|
109
|
+
},
|
|
110
|
+
mode: {
|
|
111
|
+
type: String,
|
|
112
|
+
default: 'bar'
|
|
113
|
+
},
|
|
114
|
+
border: {
|
|
115
|
+
type: Boolean,
|
|
116
|
+
default: true
|
|
117
|
+
},
|
|
118
|
+
header: [String, Object],
|
|
119
|
+
tabs: Array,
|
|
120
|
+
defaultActive: String,
|
|
121
|
+
max: {
|
|
122
|
+
type: Number,
|
|
123
|
+
default: 99
|
|
124
|
+
},
|
|
125
|
+
isDot: Boolean
|
|
126
|
+
},
|
|
127
|
+
computed: {
|
|
128
|
+
isObject() {
|
|
129
|
+
return typeof this.header !== 'string';
|
|
130
|
+
},
|
|
131
|
+
active: {
|
|
132
|
+
get() {
|
|
133
|
+
if (this.defaultActive === undefined) {
|
|
134
|
+
if (typeof this.tabs[0] === 'string') {
|
|
135
|
+
return '0';
|
|
136
|
+
} else {
|
|
137
|
+
return this.tabs[0].id ? this.tabs[0].id : '0';
|
|
138
|
+
}
|
|
139
|
+
}
|
|
140
|
+
return this.defaultActive;
|
|
141
|
+
}
|
|
142
|
+
},
|
|
143
|
+
modeClass() {
|
|
144
|
+
return this.show ? `es-card-ornament-${this.mode}` : '';
|
|
145
|
+
}
|
|
146
|
+
},
|
|
147
|
+
data() {
|
|
148
|
+
return {};
|
|
149
|
+
},
|
|
150
|
+
methods: {
|
|
151
|
+
handleSelect(res, path) {
|
|
152
|
+
this.$emit('select', res, path);
|
|
153
|
+
}
|
|
154
|
+
}
|
|
155
|
+
};
|
|
156
|
+
</script>
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import EsCascader from './src/main';
|
|
2
|
-
|
|
3
|
-
EsCascader.install = Vue => Vue.component(EsCascader.name, EsCascader);
|
|
4
|
-
|
|
5
|
-
export default EsCascader;
|
|
1
|
+
import EsCascader from './src/main';
|
|
2
|
+
|
|
3
|
+
EsCascader.install = Vue => Vue.component(EsCascader.name, EsCascader);
|
|
4
|
+
|
|
5
|
+
export default EsCascader;
|
|
@@ -1,168 +1,168 @@
|
|
|
1
|
-
<script>
|
|
2
|
-
export default {
|
|
3
|
-
name: 'EsCascader',
|
|
4
|
-
inheritAttrs: false,
|
|
5
|
-
props: {
|
|
6
|
-
value: [String, Array],
|
|
7
|
-
data: Array,
|
|
8
|
-
options: Array,
|
|
9
|
-
hide: {
|
|
10
|
-
type: Boolean,
|
|
11
|
-
default: false
|
|
12
|
-
},
|
|
13
|
-
readonly: Boolean,
|
|
14
|
-
plain: Boolean,
|
|
15
|
-
separator: {
|
|
16
|
-
type: String,
|
|
17
|
-
default: '/'
|
|
18
|
-
},
|
|
19
|
-
props: Object,
|
|
20
|
-
//Props
|
|
21
|
-
trigger: {
|
|
22
|
-
type: String,
|
|
23
|
-
default: 'click'
|
|
24
|
-
},
|
|
25
|
-
multiple: Boolean,
|
|
26
|
-
checkStrictly: Boolean,
|
|
27
|
-
emitPath: {
|
|
28
|
-
type: Boolean,
|
|
29
|
-
default: true
|
|
30
|
-
},
|
|
31
|
-
lazy: Boolean,
|
|
32
|
-
lazyLoad: Function,
|
|
33
|
-
type: {
|
|
34
|
-
type: String,
|
|
35
|
-
default: 'object'
|
|
36
|
-
},
|
|
37
|
-
valueKey: {
|
|
38
|
-
type: String,
|
|
39
|
-
default: 'value'
|
|
40
|
-
},
|
|
41
|
-
labelKey: {
|
|
42
|
-
type: String,
|
|
43
|
-
default: 'label'
|
|
44
|
-
},
|
|
45
|
-
children: {
|
|
46
|
-
type: String,
|
|
47
|
-
default: 'children'
|
|
48
|
-
},
|
|
49
|
-
disabled: {
|
|
50
|
-
type: String,
|
|
51
|
-
default: 'disabled'
|
|
52
|
-
},
|
|
53
|
-
leaf: {
|
|
54
|
-
type: String,
|
|
55
|
-
default: 'leaf'
|
|
56
|
-
}
|
|
57
|
-
},
|
|
58
|
-
computed: {
|
|
59
|
-
model: {
|
|
60
|
-
get() {
|
|
61
|
-
return this.value;
|
|
62
|
-
},
|
|
63
|
-
set(val) {
|
|
64
|
-
return val;
|
|
65
|
-
}
|
|
66
|
-
},
|
|
67
|
-
datas() {
|
|
68
|
-
return this.data || this.options;
|
|
69
|
-
},
|
|
70
|
-
newProps() {
|
|
71
|
-
let props = {
|
|
72
|
-
expandTrigger: this.trigger,
|
|
73
|
-
multiple: this.multiple,
|
|
74
|
-
checkStrictly: this.checkStrictly,
|
|
75
|
-
emitPath: this.emitPath,
|
|
76
|
-
lazy: this.lazy,
|
|
77
|
-
lazyLoad: this.lazyLoad,
|
|
78
|
-
type: this.type,
|
|
79
|
-
value: this.valueKey,
|
|
80
|
-
label: this.labelKey,
|
|
81
|
-
children: this.children,
|
|
82
|
-
disabled: this.disabled,
|
|
83
|
-
leaf: this.leaf
|
|
84
|
-
};
|
|
85
|
-
if (this.props) {
|
|
86
|
-
return { ...props, ...this.props };
|
|
87
|
-
}
|
|
88
|
-
return props;
|
|
89
|
-
}
|
|
90
|
-
},
|
|
91
|
-
data() {
|
|
92
|
-
return {};
|
|
93
|
-
},
|
|
94
|
-
created() {},
|
|
95
|
-
methods: {
|
|
96
|
-
getLabel(val, data) {
|
|
97
|
-
let label = '';
|
|
98
|
-
for (let i = 0; i < data.length; i++) {
|
|
99
|
-
let item = data[i];
|
|
100
|
-
if (val == item[this.newProps.value]) {
|
|
101
|
-
label = item[this.newProps.label];
|
|
102
|
-
break;
|
|
103
|
-
} else {
|
|
104
|
-
if (item.children && item.children.length) {
|
|
105
|
-
label = this.getLabel(val, item.children);
|
|
106
|
-
if (label) {
|
|
107
|
-
break;
|
|
108
|
-
}
|
|
109
|
-
}
|
|
110
|
-
}
|
|
111
|
-
}
|
|
112
|
-
return label;
|
|
113
|
-
}
|
|
114
|
-
},
|
|
115
|
-
render(h) {
|
|
116
|
-
if (!this.hide) {
|
|
117
|
-
if (this.readonly) {
|
|
118
|
-
let value = '';
|
|
119
|
-
if (this.model) {
|
|
120
|
-
value = Array.isArray(this.model)
|
|
121
|
-
? this.model
|
|
122
|
-
.map((item) => {
|
|
123
|
-
if (Array.isArray(item)) {
|
|
124
|
-
return item
|
|
125
|
-
.map((ele) => {
|
|
126
|
-
if (typeof ele === 'string') {
|
|
127
|
-
return this.getLabel(ele, this.datas);
|
|
128
|
-
} else {
|
|
129
|
-
return ele[this.newProps.label];
|
|
130
|
-
}
|
|
131
|
-
})
|
|
132
|
-
.join(this.separator);
|
|
133
|
-
} else {
|
|
134
|
-
if (typeof item === 'string') {
|
|
135
|
-
return this.getLabel(item, this.datas);
|
|
136
|
-
} else {
|
|
137
|
-
return item[this.newProps.label];
|
|
138
|
-
}
|
|
139
|
-
}
|
|
140
|
-
})
|
|
141
|
-
.join(this.multiple ? ',' : this.separator)
|
|
142
|
-
: this.model;
|
|
143
|
-
}
|
|
144
|
-
return h(
|
|
145
|
-
'div',
|
|
146
|
-
{
|
|
147
|
-
class: ['el-cascader el-input__inner', { 'es-plain': this.plain }]
|
|
148
|
-
},
|
|
149
|
-
[value]
|
|
150
|
-
);
|
|
151
|
-
}
|
|
152
|
-
return h(
|
|
153
|
-
'el-cascader',
|
|
154
|
-
{
|
|
155
|
-
attrs: {
|
|
156
|
-
...this.$attrs,
|
|
157
|
-
options: this.datas,
|
|
158
|
-
props: this.newProps,
|
|
159
|
-
value: this.model
|
|
160
|
-
},
|
|
161
|
-
on: this.$listeners
|
|
162
|
-
},
|
|
163
|
-
[this.$slots.default]
|
|
164
|
-
);
|
|
165
|
-
}
|
|
166
|
-
}
|
|
167
|
-
};
|
|
168
|
-
</script>
|
|
1
|
+
<script>
|
|
2
|
+
export default {
|
|
3
|
+
name: 'EsCascader',
|
|
4
|
+
inheritAttrs: false,
|
|
5
|
+
props: {
|
|
6
|
+
value: [String, Array],
|
|
7
|
+
data: Array,
|
|
8
|
+
options: Array,
|
|
9
|
+
hide: {
|
|
10
|
+
type: Boolean,
|
|
11
|
+
default: false
|
|
12
|
+
},
|
|
13
|
+
readonly: Boolean,
|
|
14
|
+
plain: Boolean,
|
|
15
|
+
separator: {
|
|
16
|
+
type: String,
|
|
17
|
+
default: '/'
|
|
18
|
+
},
|
|
19
|
+
props: Object,
|
|
20
|
+
//Props
|
|
21
|
+
trigger: {
|
|
22
|
+
type: String,
|
|
23
|
+
default: 'click'
|
|
24
|
+
},
|
|
25
|
+
multiple: Boolean,
|
|
26
|
+
checkStrictly: Boolean,
|
|
27
|
+
emitPath: {
|
|
28
|
+
type: Boolean,
|
|
29
|
+
default: true
|
|
30
|
+
},
|
|
31
|
+
lazy: Boolean,
|
|
32
|
+
lazyLoad: Function,
|
|
33
|
+
type: {
|
|
34
|
+
type: String,
|
|
35
|
+
default: 'object'
|
|
36
|
+
},
|
|
37
|
+
valueKey: {
|
|
38
|
+
type: String,
|
|
39
|
+
default: 'value'
|
|
40
|
+
},
|
|
41
|
+
labelKey: {
|
|
42
|
+
type: String,
|
|
43
|
+
default: 'label'
|
|
44
|
+
},
|
|
45
|
+
children: {
|
|
46
|
+
type: String,
|
|
47
|
+
default: 'children'
|
|
48
|
+
},
|
|
49
|
+
disabled: {
|
|
50
|
+
type: String,
|
|
51
|
+
default: 'disabled'
|
|
52
|
+
},
|
|
53
|
+
leaf: {
|
|
54
|
+
type: String,
|
|
55
|
+
default: 'leaf'
|
|
56
|
+
}
|
|
57
|
+
},
|
|
58
|
+
computed: {
|
|
59
|
+
model: {
|
|
60
|
+
get() {
|
|
61
|
+
return this.value;
|
|
62
|
+
},
|
|
63
|
+
set(val) {
|
|
64
|
+
return val;
|
|
65
|
+
}
|
|
66
|
+
},
|
|
67
|
+
datas() {
|
|
68
|
+
return this.data || this.options;
|
|
69
|
+
},
|
|
70
|
+
newProps() {
|
|
71
|
+
let props = {
|
|
72
|
+
expandTrigger: this.trigger,
|
|
73
|
+
multiple: this.multiple,
|
|
74
|
+
checkStrictly: this.checkStrictly,
|
|
75
|
+
emitPath: this.emitPath,
|
|
76
|
+
lazy: this.lazy,
|
|
77
|
+
lazyLoad: this.lazyLoad,
|
|
78
|
+
type: this.type,
|
|
79
|
+
value: this.valueKey,
|
|
80
|
+
label: this.labelKey,
|
|
81
|
+
children: this.children,
|
|
82
|
+
disabled: this.disabled,
|
|
83
|
+
leaf: this.leaf
|
|
84
|
+
};
|
|
85
|
+
if (this.props) {
|
|
86
|
+
return { ...props, ...this.props };
|
|
87
|
+
}
|
|
88
|
+
return props;
|
|
89
|
+
}
|
|
90
|
+
},
|
|
91
|
+
data() {
|
|
92
|
+
return {};
|
|
93
|
+
},
|
|
94
|
+
created() {},
|
|
95
|
+
methods: {
|
|
96
|
+
getLabel(val, data) {
|
|
97
|
+
let label = '';
|
|
98
|
+
for (let i = 0; i < data.length; i++) {
|
|
99
|
+
let item = data[i];
|
|
100
|
+
if (val == item[this.newProps.value]) {
|
|
101
|
+
label = item[this.newProps.label];
|
|
102
|
+
break;
|
|
103
|
+
} else {
|
|
104
|
+
if (item.children && item.children.length) {
|
|
105
|
+
label = this.getLabel(val, item.children);
|
|
106
|
+
if (label) {
|
|
107
|
+
break;
|
|
108
|
+
}
|
|
109
|
+
}
|
|
110
|
+
}
|
|
111
|
+
}
|
|
112
|
+
return label;
|
|
113
|
+
}
|
|
114
|
+
},
|
|
115
|
+
render(h) {
|
|
116
|
+
if (!this.hide) {
|
|
117
|
+
if (this.readonly) {
|
|
118
|
+
let value = '';
|
|
119
|
+
if (this.model) {
|
|
120
|
+
value = Array.isArray(this.model)
|
|
121
|
+
? this.model
|
|
122
|
+
.map((item) => {
|
|
123
|
+
if (Array.isArray(item)) {
|
|
124
|
+
return item
|
|
125
|
+
.map((ele) => {
|
|
126
|
+
if (typeof ele === 'string') {
|
|
127
|
+
return this.getLabel(ele, this.datas);
|
|
128
|
+
} else {
|
|
129
|
+
return ele[this.newProps.label];
|
|
130
|
+
}
|
|
131
|
+
})
|
|
132
|
+
.join(this.separator);
|
|
133
|
+
} else {
|
|
134
|
+
if (typeof item === 'string') {
|
|
135
|
+
return this.getLabel(item, this.datas);
|
|
136
|
+
} else {
|
|
137
|
+
return item[this.newProps.label];
|
|
138
|
+
}
|
|
139
|
+
}
|
|
140
|
+
})
|
|
141
|
+
.join(this.multiple ? ',' : this.separator)
|
|
142
|
+
: this.model;
|
|
143
|
+
}
|
|
144
|
+
return h(
|
|
145
|
+
'div',
|
|
146
|
+
{
|
|
147
|
+
class: ['el-cascader el-input__inner', { 'es-plain': this.plain }]
|
|
148
|
+
},
|
|
149
|
+
[value]
|
|
150
|
+
);
|
|
151
|
+
}
|
|
152
|
+
return h(
|
|
153
|
+
'el-cascader',
|
|
154
|
+
{
|
|
155
|
+
attrs: {
|
|
156
|
+
...this.$attrs,
|
|
157
|
+
options: this.datas,
|
|
158
|
+
props: this.newProps,
|
|
159
|
+
value: this.model
|
|
160
|
+
},
|
|
161
|
+
on: this.$listeners
|
|
162
|
+
},
|
|
163
|
+
[this.$slots.default]
|
|
164
|
+
);
|
|
165
|
+
}
|
|
166
|
+
}
|
|
167
|
+
};
|
|
168
|
+
</script>
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import EsCheckboxGroup from './src/main';
|
|
2
|
-
|
|
3
|
-
EsCheckboxGroup.install = Vue => Vue.component(EsCheckboxGroup.name, EsCheckboxGroup);
|
|
4
|
-
|
|
5
|
-
export default EsCheckboxGroup;
|
|
1
|
+
import EsCheckboxGroup from './src/main';
|
|
2
|
+
|
|
3
|
+
EsCheckboxGroup.install = Vue => Vue.component(EsCheckboxGroup.name, EsCheckboxGroup);
|
|
4
|
+
|
|
5
|
+
export default EsCheckboxGroup;
|