element-assits 0.0.49 → 0.0.50

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/style.scss CHANGED
@@ -215,6 +215,69 @@ $--color-border-extralight: #F2F6FC !default;
215
215
  }
216
216
  }
217
217
 
218
+ .ea-tree {
219
+ .ea-tree-real {
220
+ .el-tree-node > .el-tree-node__content{
221
+ border-radius: 4px;
222
+ }
223
+ .el-tree-node.is-current > .el-tree-node__content {
224
+ color: $--color-primary;
225
+ background-color: rgba($--color-primary, 0.1);
226
+ }
227
+ }
228
+ }
229
+
230
+ .ea-split-container {
231
+ display: flex;
232
+ &.is-down {
233
+ user-select: none;
234
+ }
235
+ .sc-left {
236
+ flex-grow: 1;
237
+ flex-shrink: 1;
238
+ }
239
+ .sc-right {
240
+ flex-grow: 1;
241
+ flex-shrink: 1;
242
+ }
243
+ .sc-center {
244
+ flex-grow: 0;
245
+ flex-shrink: 0;
246
+ position: relative;
247
+ }
248
+ .sc-bamboo {
249
+ width: 8px;
250
+ height: 100%;
251
+ border: 1px solid #DCDEE2;
252
+ border-top: none;
253
+ border-bottom: none;
254
+ background-color: #F8F8F9;
255
+ cursor: col-resize;
256
+ user-select: none;
257
+ display: flex;
258
+ flex-direction: column;
259
+ justify-content: center;
260
+ align-items: center;
261
+ margin: 0 16px;
262
+ .sc-texture {
263
+ width: 4px;
264
+ height: 1px;
265
+ background: rgba(23, 35, 61, .25);
266
+ margin-top: 3px;
267
+ }
268
+ }
269
+ .sc-on-bamboo {
270
+ position: absolute;
271
+ top: 50%;
272
+ left: 50%;
273
+ transform: translate(-50%, -50%);
274
+ background-color: #FFF;
275
+ display: flex;
276
+ justify-content: center;
277
+ align-items: center;
278
+ }
279
+ }
280
+
218
281
  .ea-button-tooltip + .ea-button-tooltip {
219
282
  margin-left: 10px;
220
283
  }
@@ -280,75 +343,8 @@ td {
280
343
  }
281
344
  }
282
345
 
283
- .ea-split-container {
284
- display: flex;
285
- &.is-down {
286
- user-select: none;
287
- }
288
- .sc-left {
289
- flex-grow: 1;
290
- flex-shrink: 1;
291
- }
292
- .sc-right {
293
- flex-grow: 1;
294
- flex-shrink: 1;
295
- }
296
- .sc-center {
297
- flex-grow: 0;
298
- flex-shrink: 0;
299
- position: relative;
300
- }
301
- .sc-bamboo {
302
- width: 8px;
303
- height: 100%;
304
- border: 1px solid #DCDEE2;
305
- border-top: none;
306
- border-bottom: none;
307
- background-color: #F8F8F9;
308
- cursor: col-resize;
309
- user-select: none;
310
- display: flex;
311
- flex-direction: column;
312
- justify-content: center;
313
- align-items: center;
314
- margin: 0 16px;
315
- .sc-texture {
316
- width: 4px;
317
- height: 1px;
318
- background: rgba(23, 35, 61, .25);
319
- margin-top: 3px;
320
- }
321
- }
322
- .sc-on-bamboo {
323
- position: absolute;
324
- top: 50%;
325
- left: 50%;
326
- transform: translate(-50%, -50%);
327
- background-color: #FFF;
328
- display: flex;
329
- justify-content: center;
330
- align-items: center;
331
- }
332
- }
333
-
334
- .ea-tree {
335
- .ea-tree-real {
336
- .el-tree-node > .el-tree-node__content{
337
- border-radius: 4px;
338
- }
339
- .el-tree-node.is-current > .el-tree-node__content {
340
- color: $--color-primary;
341
- background-color: rgba($--color-primary, 0.1);
342
- }
343
- }
344
- }
345
-
346
- .ea-list {
347
- .loading-text {
348
- color: $--color-secondary-text;
349
- text-align: center;
350
- font-size: inherit;
351
- }
346
+ .ea-number .el-input__inner {
347
+ text-align: left;
352
348
  }
353
349
 
354
350
  .ea-desc {
@@ -395,8 +391,12 @@ td {
395
391
  }
396
392
  }
397
393
 
398
- .ea-number .el-input__inner {
399
- text-align: left;
394
+ .ea-list {
395
+ .loading-text {
396
+ color: $--color-secondary-text;
397
+ text-align: center;
398
+ font-size: inherit;
399
+ }
400
400
  }
401
401
 
402
402
  .file-upload-dialog {
@@ -426,6 +426,63 @@ td {
426
426
  }
427
427
  }
428
428
 
429
+ .ea-data-tree-body {
430
+ &.ea-data-tree-body__border {
431
+ border: 1px solid $--color-border-light;
432
+ }
433
+ }
434
+
435
+ .ea-data-tree-row {
436
+ height: 32px;
437
+ line-height: 32px;
438
+ display: flex;
439
+ justify-content: flex-start;
440
+ position: relative;
441
+ padding-left: 20px;
442
+ &.odd { background-color: #F8F8F8; }
443
+ &:hover { background-color: #EBEEF5; }
444
+ .ea-data-tree-cell {
445
+ flex: 0 0 auto;
446
+ height: 100%;
447
+ font-size: 14px;
448
+ box-sizing: border-box;
449
+ padding: 0 8px;
450
+ position: relative;
451
+ overflow: hidden;
452
+ text-overflow: ellipsis;
453
+ white-space: nowrap;
454
+ word-break: break-all;
455
+ & > .ea-data-tree-checkbox {
456
+ position: absolute;
457
+ top: 0;
458
+ }
459
+ }
460
+ .ea-data-tree-icon {
461
+ cursor: pointer;
462
+ position: absolute;
463
+ height: 100%;
464
+ color: #CCC;
465
+ display: flex;
466
+ align-items: center;
467
+ z-index: 1;
468
+ &:hover {
469
+ color: #333;
470
+ }
471
+ }
472
+ }
473
+
474
+ .ea-data-tree-checkbox .el-checkbox__input.is-indeterminate .el-checkbox__inner {
475
+ background-color: $--color-secondary-text;
476
+ border-color: $--color-secondary-text;
477
+ }
478
+
479
+ .ea-data-tree-empty {
480
+ display: flex;
481
+ justify-content: center;
482
+ align-items: center;
483
+ color: $--color-secondary-text;
484
+ }
485
+
429
486
  .vjs-table {
430
487
  position: relative;
431
488
  overflow: hidden;
@@ -625,63 +682,6 @@ td {
625
682
  .ea-icon-more:before { content: "\e60e" }
626
683
  .eafont.ea-icon-conf.has { color: #000 }
627
684
 
628
- .ea-data-tree-body {
629
- &.ea-data-tree-body__border {
630
- border: 1px solid $--color-border-light;
631
- }
632
- }
633
-
634
- .ea-data-tree-row {
635
- height: 32px;
636
- line-height: 32px;
637
- display: flex;
638
- justify-content: flex-start;
639
- position: relative;
640
- padding-left: 20px;
641
- &.odd { background-color: #F8F8F8; }
642
- &:hover { background-color: #EBEEF5; }
643
- .ea-data-tree-cell {
644
- flex: 0 0 auto;
645
- height: 100%;
646
- font-size: 14px;
647
- box-sizing: border-box;
648
- padding: 0 8px;
649
- position: relative;
650
- overflow: hidden;
651
- text-overflow: ellipsis;
652
- white-space: nowrap;
653
- word-break: break-all;
654
- & > .ea-data-tree-checkbox {
655
- position: absolute;
656
- top: 0;
657
- }
658
- }
659
- .ea-data-tree-icon {
660
- cursor: pointer;
661
- position: absolute;
662
- height: 100%;
663
- color: #CCC;
664
- display: flex;
665
- align-items: center;
666
- z-index: 1;
667
- &:hover {
668
- color: #333;
669
- }
670
- }
671
- }
672
-
673
- .ea-data-tree-checkbox .el-checkbox__input.is-indeterminate .el-checkbox__inner {
674
- background-color: $--color-secondary-text;
675
- border-color: $--color-secondary-text;
676
- }
677
-
678
- .ea-data-tree-empty {
679
- display: flex;
680
- justify-content: center;
681
- align-items: center;
682
- color: $--color-secondary-text;
683
- }
684
-
685
685
  .ea-table-modal {
686
686
  overflow: visible;
687
687
  right: unset;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "element-assits",
3
- "version": "0.0.49",
3
+ "version": "0.0.50",
4
4
  "description": "element-ui 的扩展组件库",
5
5
  "main": "lib/index.js",
6
6
  "type": "module",