ele-admin-plus 1.1.9 → 1.2.0-beta.1
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/es/core-export.d.ts +1 -0
- package/es/core-export.js +1 -0
- package/es/ele-alert/index.d.ts +2 -2
- package/es/ele-alert/props.d.ts +1 -1
- package/es/ele-app/components/message-body.d.ts +39 -0
- package/es/ele-app/components/message-body.js +92 -0
- package/es/ele-app/el.d.ts +2 -0
- package/es/ele-app/style/message/css-var.scss +0 -4
- package/es/ele-app/style/message/index.scss +199 -77
- package/es/ele-app/style/overwrite/input/index.scss +2 -0
- package/es/ele-app/style/overwrite/message-box/index.scss +31 -0
- package/es/ele-app/style/overwrite/tag/css-var.scss +0 -16
- package/es/ele-app/style/overwrite/tag/index.scss +57 -14
- package/es/ele-app/types.d.ts +6 -1
- package/es/ele-config-provider/components/receiver-view.js +3 -3
- package/es/ele-config-provider/index.d.ts +8 -4
- package/es/ele-config-provider/index.js +19 -5
- package/es/ele-config-provider/props.d.ts +9 -4
- package/es/ele-config-provider/props.js +9 -5
- package/es/ele-config-provider/receiver.js +2 -2
- package/es/ele-config-provider/types.d.ts +22 -1
- package/es/ele-data-table/types.d.ts +2 -0
- package/es/ele-drawer/index.d.ts +2 -2
- package/es/ele-edit-tag/index.d.ts +9 -4
- package/es/ele-edit-tag/index.js +4 -2
- package/es/ele-edit-tag/props.d.ts +3 -1
- package/es/ele-edit-tag/props.js +2 -0
- package/es/ele-edit-tag/style/index.scss +11 -4
- package/es/ele-icon-select/index.d.ts +10 -12
- package/es/ele-icon-select/props.d.ts +1 -1
- package/es/ele-map-picker/index.d.ts +1 -1
- package/es/ele-menus/index.d.ts +2 -2
- package/es/ele-menus/index.js +11 -0
- package/es/ele-modal/index.d.ts +3 -3
- package/es/ele-modal/style/index.scss +2 -0
- package/es/ele-modal/util.d.ts +1 -1
- package/es/ele-modal/util.js +2 -4
- package/es/ele-popconfirm/index.d.ts +3 -3
- package/es/ele-popconfirm/props.d.ts +1 -1
- package/es/ele-popover/index.d.ts +2 -2
- package/es/ele-pro-layout/components/pro-header.d.ts +1 -1
- package/es/ele-pro-layout/components/pro-sidebar.d.ts +1 -1
- package/es/ele-pro-layout/index.js +1 -1
- package/es/ele-pro-layout/types.d.ts +4 -4
- package/es/ele-pro-table/components/table-tools.d.ts +11 -2
- package/es/ele-pro-table/components/table-tools.js +14 -26
- package/es/ele-pro-table/components/tool-column.d.ts +1 -0
- package/es/ele-pro-table/components/tool-export.d.ts +29 -56
- package/es/ele-pro-table/components/tool-export.js +100 -52
- package/es/ele-pro-table/components/tool-print-body-cell.js +50 -6
- package/es/ele-pro-table/components/tool-print-header-cell.js +4 -1
- package/es/ele-pro-table/components/tool-print.d.ts +29 -50
- package/es/ele-pro-table/components/tool-print.js +174 -69
- package/es/ele-pro-table/index.js +59 -50
- package/es/ele-pro-table/style/index.scss +9 -0
- package/es/ele-pro-table/types.d.ts +32 -0
- package/es/ele-pro-table/util.d.ts +18 -3
- package/es/ele-pro-table/util.js +160 -28
- package/es/ele-table/style/index.scss +16 -0
- package/es/ele-tooltip/index.d.ts +3 -3
- package/es/ele-virtual-table/util.d.ts +3 -1
- package/es/ele-virtual-table/util.js +7 -2
- package/es/icons/LoadingOutlined.js +1 -1
- package/es/lang/en_US.js +7 -1
- package/es/lang/zh_CN.js +7 -1
- package/es/lang/zh_TW.js +7 -1
- package/es/style/themes/default.scss +82 -85
- package/es/style/themes/rounded.scss +11 -15
- package/es/utils/core.d.ts +7 -0
- package/es/utils/core.js +16 -2
- package/es/utils/message-box.d.ts +25 -0
- package/es/utils/message-box.js +71 -0
- package/es/utils/message.d.ts +44 -20
- package/es/utils/message.js +220 -37
- package/lib/core-export.cjs +8 -0
- package/lib/core-export.d.ts +1 -0
- package/lib/ele-alert/index.d.ts +2 -2
- package/lib/ele-alert/props.d.ts +1 -1
- package/lib/ele-app/components/message-body.cjs +91 -0
- package/lib/ele-app/components/message-body.d.ts +39 -0
- package/lib/ele-app/el.d.ts +2 -0
- package/lib/ele-app/style/message/css-var.scss +0 -4
- package/lib/ele-app/style/message/index.scss +199 -77
- package/lib/ele-app/style/overwrite/input/index.scss +2 -0
- package/lib/ele-app/style/overwrite/message-box/index.scss +31 -0
- package/lib/ele-app/style/overwrite/tag/css-var.scss +0 -16
- package/lib/ele-app/style/overwrite/tag/index.scss +57 -14
- package/lib/ele-app/types.d.ts +6 -1
- package/lib/ele-config-provider/components/receiver-view.cjs +1 -1
- package/lib/ele-config-provider/index.cjs +18 -4
- package/lib/ele-config-provider/index.d.ts +8 -4
- package/lib/ele-config-provider/props.cjs +9 -5
- package/lib/ele-config-provider/props.d.ts +9 -4
- package/lib/ele-config-provider/receiver.cjs +1 -1
- package/lib/ele-config-provider/types.d.ts +22 -1
- package/lib/ele-data-table/types.d.ts +2 -0
- package/lib/ele-drawer/index.d.ts +2 -2
- package/lib/ele-edit-tag/index.cjs +4 -2
- package/lib/ele-edit-tag/index.d.ts +9 -4
- package/lib/ele-edit-tag/props.cjs +2 -0
- package/lib/ele-edit-tag/props.d.ts +3 -1
- package/lib/ele-edit-tag/style/index.scss +11 -4
- package/lib/ele-icon-select/index.d.ts +10 -12
- package/lib/ele-icon-select/props.d.ts +1 -1
- package/lib/ele-map-picker/index.d.ts +1 -1
- package/lib/ele-menus/index.cjs +11 -0
- package/lib/ele-menus/index.d.ts +2 -2
- package/lib/ele-modal/index.d.ts +3 -3
- package/lib/ele-modal/style/index.scss +2 -0
- package/lib/ele-modal/util.cjs +1 -3
- package/lib/ele-modal/util.d.ts +1 -1
- package/lib/ele-popconfirm/index.d.ts +3 -3
- package/lib/ele-popconfirm/props.d.ts +1 -1
- package/lib/ele-popover/index.d.ts +2 -2
- package/lib/ele-pro-layout/components/pro-header.d.ts +1 -1
- package/lib/ele-pro-layout/components/pro-sidebar.d.ts +1 -1
- package/lib/ele-pro-layout/index.cjs +1 -1
- package/lib/ele-pro-layout/types.d.ts +4 -4
- package/lib/ele-pro-table/components/table-tools.cjs +14 -26
- package/lib/ele-pro-table/components/table-tools.d.ts +11 -2
- package/lib/ele-pro-table/components/tool-column.d.ts +1 -0
- package/lib/ele-pro-table/components/tool-export.cjs +99 -51
- package/lib/ele-pro-table/components/tool-export.d.ts +29 -56
- package/lib/ele-pro-table/components/tool-print-body-cell.cjs +49 -5
- package/lib/ele-pro-table/components/tool-print-header-cell.cjs +4 -1
- package/lib/ele-pro-table/components/tool-print.cjs +172 -67
- package/lib/ele-pro-table/components/tool-print.d.ts +29 -50
- package/lib/ele-pro-table/index.cjs +59 -50
- package/lib/ele-pro-table/style/index.scss +9 -0
- package/lib/ele-pro-table/types.d.ts +32 -0
- package/lib/ele-pro-table/util.cjs +160 -28
- package/lib/ele-pro-table/util.d.ts +18 -3
- package/lib/ele-table/style/index.scss +16 -0
- package/lib/ele-tooltip/index.d.ts +3 -3
- package/lib/ele-virtual-table/util.cjs +7 -2
- package/lib/ele-virtual-table/util.d.ts +3 -1
- package/lib/icons/LoadingOutlined.cjs +1 -1
- package/lib/lang/en_US.cjs +7 -1
- package/lib/lang/zh_CN.cjs +7 -1
- package/lib/lang/zh_TW.cjs +7 -1
- package/lib/style/themes/default.scss +82 -85
- package/lib/style/themes/rounded.scss +11 -15
- package/lib/utils/core.cjs +16 -2
- package/lib/utils/core.d.ts +7 -0
- package/lib/utils/message-box.cjs +71 -0
- package/lib/utils/message-box.d.ts +25 -0
- package/lib/utils/message.cjs +216 -33
- package/lib/utils/message.d.ts +44 -20
- package/package.json +14 -14
|
@@ -4,121 +4,243 @@
|
|
|
4
4
|
|
|
5
5
|
@include set-message-var($ele);
|
|
6
6
|
|
|
7
|
-
/* 消息提示 */
|
|
8
7
|
.ele-message.el-message {
|
|
9
|
-
|
|
10
|
-
padding:
|
|
11
|
-
border-radius: eleVar('message', 'radius');
|
|
12
|
-
box-shadow: eleVar('message', 'shadow');
|
|
8
|
+
gap: 0;
|
|
9
|
+
padding: 0;
|
|
13
10
|
border: none;
|
|
11
|
+
border-radius: 0;
|
|
12
|
+
background: none;
|
|
13
|
+
width: max-content;
|
|
14
|
+
pointer-events: auto;
|
|
15
|
+
align-items: flex-start;
|
|
16
|
+
margin: 0 auto eleVar('message', 'space') auto;
|
|
17
|
+
transition: margin-bottom 0.2s;
|
|
18
|
+
position: relative !important;
|
|
19
|
+
left: auto !important;
|
|
20
|
+
top: auto !important;
|
|
21
|
+
transform: none;
|
|
22
|
+
opacity: 1;
|
|
23
|
+
|
|
24
|
+
& > .el-message__content {
|
|
25
|
+
display: none;
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
& > .el-message__icon,
|
|
29
|
+
& > .el-message__badge {
|
|
30
|
+
z-index: calc(#{elVar('index', 'popper')} + 2);
|
|
31
|
+
transition: (
|
|
32
|
+
margin-top 0.4s,
|
|
33
|
+
transform elVar('transition-duration'),
|
|
34
|
+
opacity elVar('transition-duration')
|
|
35
|
+
);
|
|
36
|
+
}
|
|
14
37
|
|
|
15
|
-
.el-
|
|
38
|
+
& > .el-message__icon {
|
|
39
|
+
width: auto;
|
|
40
|
+
height: auto;
|
|
41
|
+
max-width: 100%;
|
|
42
|
+
line-height: normal;
|
|
43
|
+
font-style: normal;
|
|
44
|
+
display: flex;
|
|
45
|
+
flex-shrink: 0;
|
|
16
46
|
color: eleVar('message', 'color');
|
|
17
47
|
font-size: eleVar('message', 'size');
|
|
48
|
+
padding: eleVar('message', 'padding');
|
|
49
|
+
box-shadow: eleVar('message', 'shadow');
|
|
50
|
+
border-radius: eleVar('message', 'radius');
|
|
51
|
+
background: elVar('color-primary', 'light-9');
|
|
52
|
+
border: 0 solid elVar('color-primary', 'light-8');
|
|
53
|
+
z-index: calc(#{elVar('index', 'popper')} + 1);
|
|
18
54
|
box-sizing: border-box;
|
|
55
|
+
position: relative;
|
|
19
56
|
}
|
|
57
|
+
}
|
|
20
58
|
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
}
|
|
59
|
+
.ele-message + .ele-message {
|
|
60
|
+
margin-top: 0 !important;
|
|
61
|
+
}
|
|
25
62
|
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
position: static;
|
|
36
|
-
top: auto;
|
|
37
|
-
right: auto;
|
|
38
|
-
transform: none;
|
|
39
|
-
|
|
40
|
-
&:hover {
|
|
41
|
-
color: eleVar('message', 'close-hover-color');
|
|
42
|
-
background: eleVar('message', 'close-hover-bg');
|
|
43
|
-
}
|
|
44
|
-
}
|
|
63
|
+
.ele-message-icon {
|
|
64
|
+
flex-shrink: 0;
|
|
65
|
+
display: flex;
|
|
66
|
+
align-items: center;
|
|
67
|
+
justify-content: center;
|
|
68
|
+
color: elVar('color-primary');
|
|
69
|
+
font-size: eleVar('message', 'icon-size');
|
|
70
|
+
margin: eleVar('message', 'icon-margin');
|
|
71
|
+
}
|
|
45
72
|
|
|
46
|
-
|
|
47
|
-
|
|
73
|
+
.ele-message-close {
|
|
74
|
+
flex-shrink: 0;
|
|
75
|
+
display: flex;
|
|
76
|
+
align-items: center;
|
|
77
|
+
justify-content: center;
|
|
78
|
+
width: eleVar('message', 'close-size');
|
|
79
|
+
height: eleVar('message', 'close-size');
|
|
80
|
+
line-height: eleVar('message', 'close-size');
|
|
81
|
+
color: eleVar('message', 'close-color');
|
|
82
|
+
font-size: eleVar('message', 'close-font-size');
|
|
83
|
+
margin: eleVar('message', 'close-margin');
|
|
84
|
+
border-radius: eleVar('message', 'close-radius');
|
|
85
|
+
transition: (color $ele-transition, background-color $ele-transition);
|
|
86
|
+
cursor: pointer;
|
|
87
|
+
|
|
88
|
+
&:hover {
|
|
89
|
+
color: eleVar('message', 'close-hover-color');
|
|
90
|
+
background: eleVar('message', 'close-hover-bg');
|
|
48
91
|
}
|
|
92
|
+
}
|
|
49
93
|
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
}
|
|
94
|
+
/* 情景色类型 */
|
|
95
|
+
.ele-message.el-message--success > .el-message__icon {
|
|
96
|
+
background: elVar('color-success', 'light-9');
|
|
97
|
+
border-color: elVar('color-success', 'light-7');
|
|
55
98
|
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
#{elVarName('message', 'bg-color')}: eleVar('message', 'plain-bg');
|
|
99
|
+
& > .ele-message-icon {
|
|
100
|
+
color: elVar('color-success');
|
|
59
101
|
}
|
|
102
|
+
}
|
|
60
103
|
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
#{elVarName('message', 'bg-color')}: elVar('color-primary', 'light-9');
|
|
65
|
-
#{elVarName('message', 'border-color')}: elVar('color-primary', 'light-8');
|
|
104
|
+
.ele-message.el-message--warning > .el-message__icon {
|
|
105
|
+
background: elVar('color-warning', 'light-9');
|
|
106
|
+
border-color: elVar('color-warning', 'light-7');
|
|
66
107
|
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
}
|
|
108
|
+
& > .ele-message-icon {
|
|
109
|
+
color: elVar('color-warning');
|
|
70
110
|
}
|
|
71
111
|
}
|
|
72
112
|
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
right: 0;
|
|
77
|
-
margin: 0 auto;
|
|
78
|
-
transform: none;
|
|
79
|
-
transition: (opacity elVar('transition-duration'), margin 0.4s, top 0.4s);
|
|
113
|
+
.ele-message.el-message--error > .el-message__icon {
|
|
114
|
+
background: elVar('color-error', 'light-9');
|
|
115
|
+
border-color: elVar('color-error', 'light-7');
|
|
80
116
|
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
margin-top: -62px;
|
|
117
|
+
& > .ele-message-icon {
|
|
118
|
+
color: elVar('color-error');
|
|
84
119
|
}
|
|
120
|
+
}
|
|
121
|
+
|
|
122
|
+
.ele-message.el-message--info > .el-message__badge > .el-badge__content {
|
|
123
|
+
background: elVar('color-primary');
|
|
124
|
+
}
|
|
125
|
+
|
|
126
|
+
/* 简约风格 */
|
|
127
|
+
.ele-message.is-plain.el-message {
|
|
128
|
+
background: none;
|
|
129
|
+
box-shadow: none;
|
|
130
|
+
}
|
|
131
|
+
|
|
132
|
+
.ele-message.is-plain > .el-message__icon,
|
|
133
|
+
.ele-message.is-plain-alert > .el-message__icon {
|
|
134
|
+
background: eleVar('message', 'plain-bg');
|
|
135
|
+
}
|
|
136
|
+
|
|
137
|
+
/* 彩色风格 */
|
|
138
|
+
.ele-message.is-alert > .el-message__icon {
|
|
139
|
+
color: elVar('color-primary');
|
|
140
|
+
padding: eleVar('message', 'alert-padding');
|
|
141
|
+
border-width: 1px;
|
|
142
|
+
box-shadow: none;
|
|
143
|
+
}
|
|
144
|
+
|
|
145
|
+
.ele-message.is-plain-alert > .el-message__icon {
|
|
146
|
+
color: elVar('color-primary');
|
|
147
|
+
}
|
|
148
|
+
|
|
149
|
+
.el-message--success.is-alert > .el-message__icon,
|
|
150
|
+
.el-message--success.is-plain-alert > .el-message__icon {
|
|
151
|
+
color: elVar('color-success');
|
|
152
|
+
}
|
|
153
|
+
|
|
154
|
+
.el-message--warning.is-alert > .el-message__icon,
|
|
155
|
+
.el-message--warning.is-plain-alert > .el-message__icon {
|
|
156
|
+
color: elVar('color-warning');
|
|
157
|
+
}
|
|
158
|
+
|
|
159
|
+
.el-message--error.is-alert > .el-message__icon,
|
|
160
|
+
.el-message--error.is-plain-alert > .el-message__icon {
|
|
161
|
+
color: elVar('color-error');
|
|
162
|
+
}
|
|
163
|
+
|
|
164
|
+
/* 加载框 */
|
|
165
|
+
.ele-message.is-loading {
|
|
166
|
+
position: static !important;
|
|
85
167
|
|
|
86
168
|
&::before {
|
|
87
169
|
content: '';
|
|
88
|
-
position:
|
|
170
|
+
position: absolute;
|
|
89
171
|
top: 0;
|
|
90
172
|
left: 0;
|
|
91
173
|
right: 0;
|
|
92
174
|
bottom: 0;
|
|
175
|
+
transition: opacity elVar('transition-duration');
|
|
176
|
+
z-index: elVar('index', 'popper');
|
|
93
177
|
}
|
|
94
178
|
|
|
95
|
-
& > .el-
|
|
96
|
-
|
|
179
|
+
& > .el-message__badge {
|
|
180
|
+
display: none;
|
|
181
|
+
}
|
|
182
|
+
}
|
|
183
|
+
|
|
184
|
+
/* 遮罩 */
|
|
185
|
+
.ele-message.is-show-mask::before {
|
|
186
|
+
background: eleVar('message', 'mask-color');
|
|
187
|
+
}
|
|
188
|
+
|
|
189
|
+
/* 居中 */
|
|
190
|
+
.ele-message.is-centered {
|
|
191
|
+
margin: 0 !important;
|
|
192
|
+
position: absolute !important;
|
|
193
|
+
top: 0 !important;
|
|
194
|
+
left: 0 !important;
|
|
195
|
+
right: 0;
|
|
196
|
+
bottom: 0;
|
|
197
|
+
width: 100%;
|
|
198
|
+
height: 100%;
|
|
199
|
+
max-width: none;
|
|
200
|
+
align-items: center;
|
|
201
|
+
justify-content: center;
|
|
202
|
+
|
|
203
|
+
&.el-message-fade-enter-from > .el-message__icon,
|
|
204
|
+
&.el-message-fade-leave-to > .el-message__icon {
|
|
205
|
+
transform: scale(0.6);
|
|
206
|
+
margin-top: 0;
|
|
97
207
|
}
|
|
208
|
+
}
|
|
209
|
+
|
|
210
|
+
/* 进入和关闭动画 */
|
|
211
|
+
.ele-message.el-message-fade-enter-from,
|
|
212
|
+
.ele-message.el-message-fade-leave-to {
|
|
213
|
+
margin-bottom: 0;
|
|
98
214
|
|
|
99
215
|
& > .el-message__icon,
|
|
100
|
-
& > .el-
|
|
101
|
-
|
|
102
|
-
|
|
216
|
+
& > .el-message__badge {
|
|
217
|
+
opacity: 0;
|
|
218
|
+
margin-top: -88px;
|
|
103
219
|
}
|
|
104
220
|
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
animation: rotating 1s linear infinite;
|
|
221
|
+
&::before {
|
|
222
|
+
opacity: 0;
|
|
108
223
|
}
|
|
224
|
+
}
|
|
109
225
|
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
226
|
+
/* 容器 */
|
|
227
|
+
.ele-message-wrapper {
|
|
228
|
+
position: absolute;
|
|
229
|
+
top: 0;
|
|
230
|
+
left: 0;
|
|
231
|
+
right: 0;
|
|
232
|
+
bottom: 0;
|
|
233
|
+
width: 100%;
|
|
234
|
+
height: 100%;
|
|
235
|
+
box-sizing: border-box;
|
|
236
|
+
pointer-events: none;
|
|
237
|
+
overflow: hidden;
|
|
238
|
+
|
|
239
|
+
& > .ele-message:first-child {
|
|
240
|
+
margin-top: eleVar('message', 'space');
|
|
115
241
|
}
|
|
116
242
|
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
top: 0 !important;
|
|
120
|
-
bottom: 0;
|
|
121
|
-
height: max-content;
|
|
122
|
-
margin: auto;
|
|
243
|
+
&.is-hide {
|
|
244
|
+
display: none;
|
|
123
245
|
}
|
|
124
246
|
}
|
|
@@ -285,6 +285,8 @@ body .el-input.is-disabled .el-input__wrapper,
|
|
|
285
285
|
body .el-textarea.is-disabled .el-textarea__inner,
|
|
286
286
|
body .el-select.el-select--disabled .el-input.is-disabled .el-input__wrapper,
|
|
287
287
|
.el-select .el-select__wrapper.is-disabled,
|
|
288
|
+
.el-select .el-select__wrapper.is-disabled:hover,
|
|
289
|
+
.el-select .el-select__wrapper.is-disabled.is-hovering,
|
|
288
290
|
.el-date-editor.el-range-editor.is-disabled.el-input__wrapper {
|
|
289
291
|
cursor: not-allowed;
|
|
290
292
|
border: eleVar('input', 'disabled-border');
|
|
@@ -84,6 +84,10 @@
|
|
|
84
84
|
}
|
|
85
85
|
}
|
|
86
86
|
|
|
87
|
+
.el-message-box .el-message-box__status.el-message-box-icon--info {
|
|
88
|
+
color: elVar('color-primary');
|
|
89
|
+
}
|
|
90
|
+
|
|
87
91
|
.el-message-box__message {
|
|
88
92
|
word-break: break-all;
|
|
89
93
|
}
|
|
@@ -96,3 +100,30 @@ body .el-overlay.is-message-box > .el-overlay-message-box {
|
|
|
96
100
|
display: none;
|
|
97
101
|
}
|
|
98
102
|
}
|
|
103
|
+
|
|
104
|
+
/* 容器 */
|
|
105
|
+
.ele-message-box-wrapper {
|
|
106
|
+
position: absolute;
|
|
107
|
+
top: 0;
|
|
108
|
+
left: 0;
|
|
109
|
+
right: 0;
|
|
110
|
+
bottom: 0;
|
|
111
|
+
width: 100%;
|
|
112
|
+
height: 100%;
|
|
113
|
+
box-sizing: border-box;
|
|
114
|
+
pointer-events: none;
|
|
115
|
+
overflow: hidden;
|
|
116
|
+
|
|
117
|
+
& > .el-overlay.is-message-box {
|
|
118
|
+
pointer-events: auto;
|
|
119
|
+
position: absolute;
|
|
120
|
+
|
|
121
|
+
& > .el-overlay-message-box {
|
|
122
|
+
position: absolute;
|
|
123
|
+
}
|
|
124
|
+
}
|
|
125
|
+
|
|
126
|
+
&.is-hide {
|
|
127
|
+
display: none;
|
|
128
|
+
}
|
|
129
|
+
}
|
|
@@ -5,20 +5,4 @@
|
|
|
5
5
|
.el-tag {
|
|
6
6
|
@include set-ele-var('tag', $var);
|
|
7
7
|
}
|
|
8
|
-
|
|
9
|
-
.el-tag--small {
|
|
10
|
-
@include set-ele-var('tag-sm', $var);
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
.el-tag--large {
|
|
14
|
-
@include set-ele-var('tag-lg', $var);
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
.el-tag--dark {
|
|
18
|
-
@include set-ele-var('tag-dark', $var);
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
.el-tag--plain {
|
|
22
|
-
@include set-ele-var('tag-plain', $var);
|
|
23
|
-
}
|
|
24
8
|
}
|
|
@@ -5,9 +5,7 @@
|
|
|
5
5
|
@include set-el-tag-var($ele);
|
|
6
6
|
|
|
7
7
|
/* Tag */
|
|
8
|
-
.el-tag
|
|
9
|
-
.el-tag.el-tag--dark,
|
|
10
|
-
.el-tag.el-tag--plain {
|
|
8
|
+
span.el-tag {
|
|
11
9
|
line-height: inherit;
|
|
12
10
|
height: eleVar('tag', 'height');
|
|
13
11
|
font-size: eleVar('tag', 'size');
|
|
@@ -21,18 +19,11 @@
|
|
|
21
19
|
border-radius: 0;
|
|
22
20
|
cursor: inherit;
|
|
23
21
|
}
|
|
22
|
+
}
|
|
24
23
|
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
&.el-tag--small {
|
|
30
|
-
padding: eleVar('tag', 'sm-padding');
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
-
&.el-tag--large {
|
|
34
|
-
padding: eleVar('tag', 'lg-padding');
|
|
35
|
-
}
|
|
24
|
+
span.el-tag,
|
|
25
|
+
span.el-tag.is-closable {
|
|
26
|
+
padding: eleVar('tag', 'padding');
|
|
36
27
|
}
|
|
37
28
|
|
|
38
29
|
/* 关闭按钮 */
|
|
@@ -274,6 +265,35 @@
|
|
|
274
265
|
}
|
|
275
266
|
}
|
|
276
267
|
|
|
268
|
+
/* 加深边框 */
|
|
269
|
+
span.el-tag.is-hit {
|
|
270
|
+
&.el-tag--primary {
|
|
271
|
+
border-color: eleVar('tag', 'hit-border-color');
|
|
272
|
+
}
|
|
273
|
+
|
|
274
|
+
&.el-tag--info {
|
|
275
|
+
border-color: eleVar('tag', 'hit-info-border-color');
|
|
276
|
+
}
|
|
277
|
+
|
|
278
|
+
&.el-tag--success {
|
|
279
|
+
border-color: eleVar('tag', 'hit-success-border-color');
|
|
280
|
+
}
|
|
281
|
+
|
|
282
|
+
&.el-tag--warning {
|
|
283
|
+
border-color: eleVar('tag', 'hit-warning-border-color');
|
|
284
|
+
}
|
|
285
|
+
|
|
286
|
+
&.el-tag--danger {
|
|
287
|
+
border-color: eleVar('tag', 'hit-danger-border-color');
|
|
288
|
+
}
|
|
289
|
+
}
|
|
290
|
+
|
|
291
|
+
/* 椭圆风格 */
|
|
292
|
+
span.el-tag.is-round {
|
|
293
|
+
padding: eleVar('tag', 'round-padding');
|
|
294
|
+
border-radius: eleVar('tag', 'round-radius');
|
|
295
|
+
}
|
|
296
|
+
|
|
277
297
|
/* 小尺寸 */
|
|
278
298
|
.el-tag.el-tag--small {
|
|
279
299
|
height: eleVar('tag', 'sm-height');
|
|
@@ -288,6 +308,15 @@
|
|
|
288
308
|
}
|
|
289
309
|
}
|
|
290
310
|
|
|
311
|
+
span.el-tag.el-tag--small {
|
|
312
|
+
padding: eleVar('tag', 'sm-padding');
|
|
313
|
+
}
|
|
314
|
+
|
|
315
|
+
.el-tag.el-tag--small.is-round {
|
|
316
|
+
padding: eleVar('tag', 'sm-round-padding');
|
|
317
|
+
border-radius: eleVar('tag', 'sm-round-radius');
|
|
318
|
+
}
|
|
319
|
+
|
|
291
320
|
/* 大尺寸 */
|
|
292
321
|
.el-tag.el-tag--large {
|
|
293
322
|
height: eleVar('tag', 'lg-height');
|
|
@@ -301,3 +330,17 @@
|
|
|
301
330
|
border-radius: eleVar('tag', 'lg-close-radius');
|
|
302
331
|
}
|
|
303
332
|
}
|
|
333
|
+
|
|
334
|
+
span.el-tag.el-tag--large {
|
|
335
|
+
padding: eleVar('tag', 'lg-padding');
|
|
336
|
+
}
|
|
337
|
+
|
|
338
|
+
.el-tag.el-tag--large.is-round {
|
|
339
|
+
padding: eleVar('tag', 'lg-round-padding');
|
|
340
|
+
border-radius: eleVar('tag', 'lg-round-radius');
|
|
341
|
+
}
|
|
342
|
+
|
|
343
|
+
/* 椭圆风格关闭按钮圆角 */
|
|
344
|
+
.el-tag.is-round .el-tag__close {
|
|
345
|
+
border-radius: 50%;
|
|
346
|
+
}
|
package/lib/ele-app/types.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type { CSSProperties, SetupContext } from 'vue';
|
|
1
|
+
import type { CSSProperties, Component, SetupContext } from 'vue';
|
|
2
2
|
|
|
3
3
|
/**
|
|
4
4
|
* 样式值
|
|
@@ -30,6 +30,11 @@ export type ComponentProps<T> = Partial<T> & {
|
|
|
30
30
|
style?: StyleValues;
|
|
31
31
|
};
|
|
32
32
|
|
|
33
|
+
/**
|
|
34
|
+
* 组件名或组件
|
|
35
|
+
*/
|
|
36
|
+
export type UserComponent = string | Component;
|
|
37
|
+
|
|
33
38
|
/**
|
|
34
39
|
* 组件事件触发器
|
|
35
40
|
*/
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use strict";const a=require("vue"),N=require("../../ele-watermark/index"),R=require("../receiver"),P="1.1";function T(t){const r=(C,A,c)=>{const s=((l,B)=>{const O=l.length-B;if(O<=0)return l;const k=new Array(l.length);for(let D=0;D<l.length;D++)D<B?k[D]=l[O+D]:k[D]=l[D-B];return k})(C.split(""),c).join(""),w=[];let E=0;for(;E<s.length;){let l=E+A;l>s.length&&(l=s.length);const B=s.substring(E,l);w.push(B.split("").reverse().join("")),E=l}return w.join("")},e="BAFEDIHGLKJONMRQPUTSXWVaZYdcbgfejihmlkponsrqvutyxw10z432765+98/C",i=t.indexOf("="),u=i===-1?t:t.substring(0,i),o=i===-1?"":t.substring(i),f=(r(u,12,3)+o).replace(/[^A-Za-z0-9\+\/\=]/g,""),p=r(e,3,1)+"=";let n="",_,d,v,F,m,b,$,S=0;for(;S<f.length;)F=p.indexOf(f.charAt(S++)),m=p.indexOf(f.charAt(S++)),b=p.indexOf(f.charAt(S++)),$=p.indexOf(f.charAt(S++)),_=F<<2|m>>4,d=(m&15)<<4|b>>2,v=(b&3)<<6|$,n=n+String.fromCharCode(_),b!=64&&(n=n+String.fromCharCode(d)),$!=64&&(n=n+String.fromCharCode(v));return n=(C=>{let A="",c=0,s=0,w=0,E=0;for(;c<C.length;)s=C.charCodeAt(c),s<128?(A+=String.fromCharCode(s),c++):s>191&&s<224?(w=C.charCodeAt(c+1),A+=String.fromCharCode((s&31)<<6|w&63),c+=2):(w=C.charCodeAt(c+1),E=C.charCodeAt(c+2),A+=String.fromCharCode((s&15)<<12|(w&63)<<6|E&63),c+=3);return A})(n),n}const j="EleAdminPlus\u9700\u8981\u6388\u6743\u4F7F\u7528,\u8BF7\u524D\u5F80eleadmin.com\u8D2D\u4E70\u6388\u6743";function g(t,r,e,i){const u=new Array(60).join("*"),o=[u];if(o.push(j),t==null&&r==null&&e==null&&i==null&&o.push("\u8BF7\u5148\u914D\u7F6E\u81EA\u5DF1\u7684\u6388\u6743\u7801;"),!t&&r==null&&!e&&o.push("\u8BF7\u4F7F\u7528\u6B63\u786E\u683C\u5F0F\u7684\u6388\u6743\u7801;"),t&&o.push(`\u6388\u6743\u7248\u672C\u53F7\u4E0D\u5339\u914D, \u8BF7\u4F7F\u7528: ${t}, \u5F53\u524D\u7248\u672C: ${P};`),typeof r=="number"){const h=new Date(r*1e3).toLocaleString();o.push(`\u6388\u6743\u5DF2\u5931\u6548, \u5230\u671F\u65F6\u95F4: ${h};`)}e&&o.push(`\u57DF\u540D\u4E0D\u5339\u914D, \u8BF7\u90E8\u7F72\u5728: ${e} \u4E0B, \u5F53\u524D\u57DF\u540D: ${i};`),o.push(u),console.error(o.join(`
|
|
2
|
-
`))}const q=a.defineComponent({name:"ReceiverView",components:{EleWatermark:N},props:{wrapPosition:{type:Boolean,default:!0}},setup(t){const r=R.useReceiver(),e=a.ref(!1),i=a.computed(()=>{const u=r.license;return u?u.trim():void 0});return a.watch(i,u=>{var o;if(typeof u!="string"||!u){e.value=!1,g();return}try{const h=JSON.parse(T(u)),{version:f,expiration:p,domain:n,product:_}=h;if(f&&f!==P){e.value=!1,g(f);return}if(_!=="EleAdminPlus"){e.value=!1,g("");return}if(p&&p<Date.now()/1e3){e.value=!1,g(void 0,p);return}if(n){const d=(o=window==null?void 0:window.location)==null?void 0:o.hostname;if(!d){e.value=!1,g(void 0,void 0,n,"");return}if(d!=="localhost"&&d!=="127.0.0.1"){const v=n.split("."),F=d.split(".");for(let m=v.length-1;m>=0;m--)if(v[m]!==F[m]){e.value=!1,g(void 0,void 0,n,d);return}if(F.length>v.length&&F[F.length-v.length-1]!=="www"){e.value=!1,g(void 0,void 0,n,d);return}}}}catch(h){e.value=!1,console.error(h),g("");return}e.value=!0},{immediate:!0}),{authenticated:e,watermark:j.split(",")}}}),x=(t,r)=>{const e=t.__vccOpts||t;for(const[i,u]of r)e[i]=u;return e};function y(t,r,e,i,u,o){const h=a.resolveComponent("EleWatermark");return a.openBlock(),a.createBlock(h,{
|
|
2
|
+
`))}const q=a.defineComponent({name:"ReceiverView",components:{EleWatermark:N},props:{wrapPosition:{type:Boolean,default:!0}},setup(t){const r=R.useReceiver(),e=a.ref(!1),i=a.computed(()=>{const u=r.license;return u?u.trim():void 0});return a.watch(i,u=>{var o;if(typeof u!="string"||!u){e.value=!1,g();return}try{const h=JSON.parse(T(u)),{version:f,expiration:p,domain:n,product:_}=h;if(f&&f!==P){e.value=!1,g(f);return}if(_!=="EleAdminPlus"){e.value=!1,g("");return}if(p&&p<Date.now()/1e3){e.value=!1,g(void 0,p);return}if(n){const d=(o=window==null?void 0:window.location)==null?void 0:o.hostname;if(!d){e.value=!1,g(void 0,void 0,n,"");return}if(d!=="localhost"&&d!=="127.0.0.1"){const v=n.split("."),F=d.split(".");for(let m=v.length-1;m>=0;m--)if(v[m]!==F[m]){e.value=!1,g(void 0,void 0,n,d);return}if(F.length>v.length&&F[F.length-v.length-1]!=="www"){e.value=!1,g(void 0,void 0,n,d);return}}}}catch(h){e.value=!1,console.error(h),g("");return}e.value=!0},{immediate:!0}),{authenticated:e,watermark:j.split(",")}}}),x=(t,r)=>{const e=t.__vccOpts||t;for(const[i,u]of r)e[i]=u;return e};function y(t,r,e,i,u,o){const h=a.resolveComponent("EleWatermark");return a.openBlock(),a.createBlock(h,{wrapPosition:!1,style:a.normalizeStyle(!t.wrapPosition||t.authenticated?void 0:{position:"relative"}),disabled:t.authenticated,content:t.watermark},{default:a.withCtx(()=>[a.renderSlot(t.$slots,"default",{authenticated:t.authenticated})]),_:3},8,["style","disabled","content"])}const V=x(q,[["render",y]]);module.exports=V;
|
|
@@ -6,7 +6,7 @@ const index = vue.defineComponent({
|
|
|
6
6
|
props: props.configProviderProps,
|
|
7
7
|
setup(props$1, { slots }) {
|
|
8
8
|
const config = vue.reactive({ ...props$1 });
|
|
9
|
-
vue.provide(props.
|
|
9
|
+
vue.provide(props.CONFIG_KEY, config);
|
|
10
10
|
vue.watch(
|
|
11
11
|
() => props$1.locale,
|
|
12
12
|
() => {
|
|
@@ -21,10 +21,18 @@ const index = vue.defineComponent({
|
|
|
21
21
|
{ deep: true }
|
|
22
22
|
);
|
|
23
23
|
vue.watch(
|
|
24
|
-
() => props$1.
|
|
24
|
+
() => props$1.message,
|
|
25
25
|
() => {
|
|
26
|
-
config.
|
|
27
|
-
}
|
|
26
|
+
config.message = props$1.message;
|
|
27
|
+
},
|
|
28
|
+
{ deep: true }
|
|
29
|
+
);
|
|
30
|
+
vue.watch(
|
|
31
|
+
() => props$1.messageBox,
|
|
32
|
+
() => {
|
|
33
|
+
config.messageBox = props$1.messageBox;
|
|
34
|
+
},
|
|
35
|
+
{ deep: true }
|
|
28
36
|
);
|
|
29
37
|
vue.watch(
|
|
30
38
|
() => props$1.license,
|
|
@@ -32,6 +40,12 @@ const index = vue.defineComponent({
|
|
|
32
40
|
config.license = props$1.license;
|
|
33
41
|
}
|
|
34
42
|
);
|
|
43
|
+
vue.watch(
|
|
44
|
+
() => props$1.mapKey,
|
|
45
|
+
() => {
|
|
46
|
+
config.mapKey = props$1.mapKey;
|
|
47
|
+
}
|
|
48
|
+
);
|
|
35
49
|
return () => {
|
|
36
50
|
var _a;
|
|
37
51
|
return (_a = slots.default) == null ? void 0 : _a.call(slots);
|
|
@@ -1,14 +1,18 @@
|
|
|
1
1
|
declare const _default: import('vue').DefineComponent<{
|
|
2
2
|
locale: import('vue').PropType<import('./types').EleLocale>;
|
|
3
|
-
table: import('vue').PropType<Partial<Pick<import('../ele-app/plus').EleProTableProps, "size" | "stripe" | "border" | "
|
|
4
|
-
|
|
3
|
+
table: import('vue').PropType<Partial<Pick<import('../ele-app/plus').EleProTableProps, "size" | "stripe" | "border" | "tools" | "emptyProps" | "request" | "response" | "parseData" | "maximizedIndex" | "pagination" | "exportConfig" | "printConfig">>>;
|
|
4
|
+
message: import('vue').PropType<Partial<Pick<import('../utils/message').MessageOptions, "mask" | "center" | "duration" | "showClose" | "plain" | "offset" | "grouping" | "appendTo" | "inner" | "original" | "centered">>>;
|
|
5
|
+
messageBox: import('vue').PropType<Partial<import('../utils/message-box').MessageBoxOptions>>;
|
|
5
6
|
license: StringConstructor;
|
|
7
|
+
mapKey: StringConstructor;
|
|
6
8
|
}, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
|
|
7
9
|
[key: string]: any;
|
|
8
10
|
}>[] | undefined, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
9
11
|
locale: import('vue').PropType<import('./types').EleLocale>;
|
|
10
|
-
table: import('vue').PropType<Partial<Pick<import('../ele-app/plus').EleProTableProps, "size" | "stripe" | "border" | "
|
|
11
|
-
|
|
12
|
+
table: import('vue').PropType<Partial<Pick<import('../ele-app/plus').EleProTableProps, "size" | "stripe" | "border" | "tools" | "emptyProps" | "request" | "response" | "parseData" | "maximizedIndex" | "pagination" | "exportConfig" | "printConfig">>>;
|
|
13
|
+
message: import('vue').PropType<Partial<Pick<import('../utils/message').MessageOptions, "mask" | "center" | "duration" | "showClose" | "plain" | "offset" | "grouping" | "appendTo" | "inner" | "original" | "centered">>>;
|
|
14
|
+
messageBox: import('vue').PropType<Partial<import('../utils/message-box').MessageBoxOptions>>;
|
|
12
15
|
license: StringConstructor;
|
|
16
|
+
mapKey: StringConstructor;
|
|
13
17
|
}>>, {}, {}>;
|
|
14
18
|
export default _default;
|
|
@@ -5,13 +5,17 @@ const configProviderProps = {
|
|
|
5
5
|
locale: Object,
|
|
6
6
|
/** 表格全局配置 */
|
|
7
7
|
table: Object,
|
|
8
|
-
/**
|
|
9
|
-
|
|
8
|
+
/** 消息提示全局配置 */
|
|
9
|
+
message: Object,
|
|
10
|
+
/** 消息弹窗全局配置 */
|
|
11
|
+
messageBox: Object,
|
|
10
12
|
/** license */
|
|
11
|
-
license: String
|
|
13
|
+
license: String,
|
|
14
|
+
/** 高德地图key */
|
|
15
|
+
mapKey: String
|
|
12
16
|
};
|
|
13
|
-
const
|
|
17
|
+
const CONFIG_KEY = Symbol("config");
|
|
14
18
|
const LAYOUT_KEY = "EleLayoutState";
|
|
19
|
+
exports.CONFIG_KEY = CONFIG_KEY;
|
|
15
20
|
exports.LAYOUT_KEY = LAYOUT_KEY;
|
|
16
|
-
exports.PROVIDE_KEY = PROVIDE_KEY;
|
|
17
21
|
exports.configProviderProps = configProviderProps;
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { EleLocale } from './types';
|
|
2
|
-
import {
|
|
2
|
+
import { MessageBoxOptions } from '../utils/message-box';
|
|
3
|
+
import { PropType, ExtractPropTypes, InjectionKey } from 'vue';
|
|
3
4
|
|
|
4
5
|
/**
|
|
5
6
|
* 属性
|
|
@@ -9,16 +10,20 @@ export declare const configProviderProps: {
|
|
|
9
10
|
locale: PropType<EleLocale>;
|
|
10
11
|
/** 表格全局配置 */
|
|
11
12
|
table: PropType<Partial<Pick<import('../ele-app/plus').EleProTableProps, "size" | "stripe" | "border" | "tools" | "emptyProps" | "request" | "response" | "parseData" | "maximizedIndex" | "pagination" | "exportConfig" | "printConfig">>>;
|
|
12
|
-
/**
|
|
13
|
-
|
|
13
|
+
/** 消息提示全局配置 */
|
|
14
|
+
message: PropType<Partial<Pick<import('../utils/message').MessageOptions, "mask" | "center" | "duration" | "showClose" | "plain" | "offset" | "grouping" | "appendTo" | "inner" | "original" | "centered">>>;
|
|
15
|
+
/** 消息弹窗全局配置 */
|
|
16
|
+
messageBox: PropType<Partial<MessageBoxOptions>>;
|
|
14
17
|
/** license */
|
|
15
18
|
license: StringConstructor;
|
|
19
|
+
/** 高德地图key */
|
|
20
|
+
mapKey: StringConstructor;
|
|
16
21
|
};
|
|
17
22
|
export type ConfigProviderProps = ExtractPropTypes<typeof configProviderProps>;
|
|
18
23
|
/**
|
|
19
24
|
* 全局配置键名
|
|
20
25
|
*/
|
|
21
|
-
export declare const
|
|
26
|
+
export declare const CONFIG_KEY: InjectionKey<ConfigProviderProps>;
|
|
22
27
|
/**
|
|
23
28
|
* 布局状态共享键名
|
|
24
29
|
*/
|
|
@@ -4,7 +4,7 @@ const vue = require("vue");
|
|
|
4
4
|
const props = require("./props");
|
|
5
5
|
const defaultLocale = require("../lang/zh_CN");
|
|
6
6
|
function useReceiver() {
|
|
7
|
-
return vue.inject(props.
|
|
7
|
+
return vue.inject(props.CONFIG_KEY, {});
|
|
8
8
|
}
|
|
9
9
|
function useGlobalProps(name) {
|
|
10
10
|
const globalConfig = useReceiver();
|