element-assits 0.0.91 → 0.0.93
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/README.md +1 -1
- package/lib/index.js +305 -272
- package/lib/style.scss +80 -80
- package/package.json +1 -1
package/lib/style.scss
CHANGED
|
@@ -50,6 +50,45 @@ $--background-color-base: #F5F7FA !default;
|
|
|
50
50
|
}
|
|
51
51
|
}
|
|
52
52
|
|
|
53
|
+
.ea-data-table {
|
|
54
|
+
.edt-row {
|
|
55
|
+
display: flex;
|
|
56
|
+
.edt-cell {
|
|
57
|
+
padding: 0 8px;
|
|
58
|
+
flex: 0 0 auto;
|
|
59
|
+
box-sizing: border-box;
|
|
60
|
+
overflow: hidden;
|
|
61
|
+
text-overflow: ellipsis;
|
|
62
|
+
white-space: nowrap;
|
|
63
|
+
word-break: break-all;
|
|
64
|
+
}
|
|
65
|
+
&.edt-header {
|
|
66
|
+
background-color: $--color-border-extralight;
|
|
67
|
+
color: $--color-primary-text;
|
|
68
|
+
}
|
|
69
|
+
}
|
|
70
|
+
&--border {
|
|
71
|
+
border: 1px solid $--color-border-light;
|
|
72
|
+
.edt-row {
|
|
73
|
+
.edt-cell {
|
|
74
|
+
border-bottom: 1px solid $--color-border-light;
|
|
75
|
+
border-left: 1px solid $--color-border-light;
|
|
76
|
+
&:first-child {
|
|
77
|
+
border-left: 0;
|
|
78
|
+
}
|
|
79
|
+
}
|
|
80
|
+
&:last-child .edt-cell{
|
|
81
|
+
border-bottom: 0;
|
|
82
|
+
}
|
|
83
|
+
}
|
|
84
|
+
}
|
|
85
|
+
.loading-text {
|
|
86
|
+
color: $--color-secondary-text;
|
|
87
|
+
text-align: center;
|
|
88
|
+
font-size: inherit;
|
|
89
|
+
}
|
|
90
|
+
}
|
|
91
|
+
|
|
53
92
|
// table
|
|
54
93
|
.ea-table {
|
|
55
94
|
// 表格头部样式美化
|
|
@@ -184,45 +223,6 @@ $--background-color-base: #F5F7FA !default;
|
|
|
184
223
|
transform: scaleY(0);
|
|
185
224
|
}
|
|
186
225
|
|
|
187
|
-
.ea-data-table {
|
|
188
|
-
.edt-row {
|
|
189
|
-
display: flex;
|
|
190
|
-
.edt-cell {
|
|
191
|
-
padding: 0 8px;
|
|
192
|
-
flex: 0 0 auto;
|
|
193
|
-
box-sizing: border-box;
|
|
194
|
-
overflow: hidden;
|
|
195
|
-
text-overflow: ellipsis;
|
|
196
|
-
white-space: nowrap;
|
|
197
|
-
word-break: break-all;
|
|
198
|
-
}
|
|
199
|
-
&.edt-header {
|
|
200
|
-
background-color: $--color-border-extralight;
|
|
201
|
-
color: $--color-primary-text;
|
|
202
|
-
}
|
|
203
|
-
}
|
|
204
|
-
&--border {
|
|
205
|
-
border: 1px solid $--color-border-light;
|
|
206
|
-
.edt-row {
|
|
207
|
-
.edt-cell {
|
|
208
|
-
border-bottom: 1px solid $--color-border-light;
|
|
209
|
-
border-left: 1px solid $--color-border-light;
|
|
210
|
-
&:first-child {
|
|
211
|
-
border-left: 0;
|
|
212
|
-
}
|
|
213
|
-
}
|
|
214
|
-
&:last-child .edt-cell{
|
|
215
|
-
border-bottom: 0;
|
|
216
|
-
}
|
|
217
|
-
}
|
|
218
|
-
}
|
|
219
|
-
.loading-text {
|
|
220
|
-
color: $--color-secondary-text;
|
|
221
|
-
text-align: center;
|
|
222
|
-
font-size: inherit;
|
|
223
|
-
}
|
|
224
|
-
}
|
|
225
|
-
|
|
226
226
|
.el-dialog.ea-modal {
|
|
227
227
|
&.no-margin {
|
|
228
228
|
margin: 0 !important;
|
|
@@ -241,6 +241,39 @@ $--background-color-base: #F5F7FA !default;
|
|
|
241
241
|
}
|
|
242
242
|
}
|
|
243
243
|
|
|
244
|
+
.el-drawer.ea-drawer {
|
|
245
|
+
.el-drawer__header {
|
|
246
|
+
flex-shrink: 0;
|
|
247
|
+
color: #555;
|
|
248
|
+
font-size: 18px;
|
|
249
|
+
border-bottom: 1px solid #DDD;
|
|
250
|
+
margin-bottom: 0;
|
|
251
|
+
padding: 0 20px;
|
|
252
|
+
display: flex;
|
|
253
|
+
align-items: center;
|
|
254
|
+
.el-drawer__title {
|
|
255
|
+
color: inherit;
|
|
256
|
+
font-size: inherit;
|
|
257
|
+
}
|
|
258
|
+
}
|
|
259
|
+
.ea-drawer__content {
|
|
260
|
+
box-sizing: border-box;
|
|
261
|
+
height: 100%;
|
|
262
|
+
overflow: auto;
|
|
263
|
+
}
|
|
264
|
+
.ea-drawer__footer {
|
|
265
|
+
border-top: 1px solid #DDD;
|
|
266
|
+
background-color: #FFF;
|
|
267
|
+
position: absolute;
|
|
268
|
+
left: 0;
|
|
269
|
+
right: 0;
|
|
270
|
+
bottom: 0;
|
|
271
|
+
display: flex;
|
|
272
|
+
justify-content: center;
|
|
273
|
+
align-items: center;
|
|
274
|
+
}
|
|
275
|
+
}
|
|
276
|
+
|
|
244
277
|
.ea-button-tooltip + .ea-button-tooltip {
|
|
245
278
|
margin-left: 10px;
|
|
246
279
|
}
|
|
@@ -306,39 +339,6 @@ td {
|
|
|
306
339
|
}
|
|
307
340
|
}
|
|
308
341
|
|
|
309
|
-
.el-drawer.ea-drawer {
|
|
310
|
-
.el-drawer__header {
|
|
311
|
-
flex-shrink: 0;
|
|
312
|
-
color: #555;
|
|
313
|
-
font-size: 18px;
|
|
314
|
-
border-bottom: 1px solid #DDD;
|
|
315
|
-
margin-bottom: 0;
|
|
316
|
-
padding: 0 20px;
|
|
317
|
-
display: flex;
|
|
318
|
-
align-items: center;
|
|
319
|
-
.el-drawer__title {
|
|
320
|
-
color: inherit;
|
|
321
|
-
font-size: inherit;
|
|
322
|
-
}
|
|
323
|
-
}
|
|
324
|
-
.ea-drawer__content {
|
|
325
|
-
box-sizing: border-box;
|
|
326
|
-
height: 100%;
|
|
327
|
-
overflow: auto;
|
|
328
|
-
}
|
|
329
|
-
.ea-drawer__footer {
|
|
330
|
-
border-top: 1px solid #DDD;
|
|
331
|
-
background-color: #FFF;
|
|
332
|
-
position: absolute;
|
|
333
|
-
left: 0;
|
|
334
|
-
right: 0;
|
|
335
|
-
bottom: 0;
|
|
336
|
-
display: flex;
|
|
337
|
-
justify-content: center;
|
|
338
|
-
align-items: center;
|
|
339
|
-
}
|
|
340
|
-
}
|
|
341
|
-
|
|
342
342
|
.ea-split-container {
|
|
343
343
|
display: flex;
|
|
344
344
|
&.is-down {
|
|
@@ -390,14 +390,6 @@ td {
|
|
|
390
390
|
}
|
|
391
391
|
}
|
|
392
392
|
|
|
393
|
-
.ea-list {
|
|
394
|
-
.loading-text {
|
|
395
|
-
color: $--color-secondary-text;
|
|
396
|
-
text-align: center;
|
|
397
|
-
font-size: inherit;
|
|
398
|
-
}
|
|
399
|
-
}
|
|
400
|
-
|
|
401
393
|
.ea-tree {
|
|
402
394
|
.ea-tree__main {
|
|
403
395
|
margin-top: 18px;
|
|
@@ -433,6 +425,14 @@ td {
|
|
|
433
425
|
}
|
|
434
426
|
}
|
|
435
427
|
|
|
428
|
+
.ea-list {
|
|
429
|
+
.loading-text {
|
|
430
|
+
color: $--color-secondary-text;
|
|
431
|
+
text-align: center;
|
|
432
|
+
font-size: inherit;
|
|
433
|
+
}
|
|
434
|
+
}
|
|
435
|
+
|
|
436
436
|
.ea-desc {
|
|
437
437
|
font-size: 14px;
|
|
438
438
|
&__title {
|