aio-table 6.1.4 → 6.3.0

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.
Files changed (3) hide show
  1. package/index.css +28 -58
  2. package/index.js +2485 -2502
  3. package/package.json +1 -4
package/index.css CHANGED
@@ -45,11 +45,23 @@
45
45
  box-sizing:border-box;
46
46
  position: -webkit-sticky;
47
47
  background: #fff;
48
- z-index:100;
48
+ height:36px;
49
49
  border-bottom:1px solid #ddd;
50
- border-left:1px solid #ddd;
50
+ z-index:100;
51
51
  box-shadow: 1px 4px 6px -2px rgba(0,0,0,0.1);
52
52
  }
53
+ .aio-table-title:after{
54
+ content:'';
55
+ width:1px;
56
+ height:100%;
57
+ top:0;
58
+ background:#ddd;
59
+ left:calc(100% - 1px);
60
+ position:absolute;
61
+ }
62
+ .aio-table-title.is-last:after{
63
+ display:none;
64
+ }
53
65
  .aio-table.rtl .aio-table-title{
54
66
  box-shadow: -1px 4px 6px -2px rgba(0,0,0,0.1);
55
67
  }
@@ -67,17 +79,6 @@
67
79
  opacity:1;
68
80
  cursor:col-resize;
69
81
  }
70
- .aio-table.rtl .aio-table-title{
71
- border-left:none;
72
- border-right:1px solid #ddd;
73
- }
74
- .aio-table-title:first-child{
75
- border-left:none;
76
- border-right:none;
77
- }
78
- .aio-table-indent{
79
- flex-shrink:0;
80
- }
81
82
  .aio-table-cell{
82
83
  display:flex;
83
84
  align-items: center;
@@ -88,6 +89,10 @@
88
89
  white-space:nowrap;
89
90
  text-overflow:ellipsis;
90
91
  background:#fff;
92
+ height:36px;
93
+ }
94
+ .aio-table-cell.last-child{
95
+ border:none;
91
96
  }
92
97
  .aio-table-cell-selectable{
93
98
  user-select: text;
@@ -96,8 +101,10 @@
96
101
  .aio-table-cell-hidden{
97
102
  display:none;
98
103
  }
99
- .aio-table-content{
104
+ .aio-table-cell-content{
100
105
  width:100%;
106
+ height:100%;
107
+ align-items: center;
101
108
  overflow:hidden;
102
109
  display: flex;
103
110
  }
@@ -197,10 +204,12 @@ select.aio-table-paging-button{
197
204
  }
198
205
  .aio-table-toggle{
199
206
  height:24px;
207
+ display:flex;
208
+ align-items: center;
200
209
  flex-shrink:0;
201
210
  cursor:pointer;
202
211
  }
203
- .aio-table-gap{
212
+ .aio-table-cell-gap{
204
213
  width:6px;
205
214
  flex-shrink:0;
206
215
  }
@@ -327,7 +336,7 @@ select.aio-table-paging-button{
327
336
  .aio-table-group{
328
337
  display:flex;
329
338
  padding:0 12px;
330
- height:24px;
339
+ height:36px;
331
340
  align-items: center;
332
341
  white-space:nowrap;
333
342
  background:#fff;
@@ -356,9 +365,10 @@ select.aio-table-paging-button{
356
365
  }
357
366
  }
358
367
  .aio-table-toolbar-button{
359
- background:dodgerblue;
360
- color:#fff;
368
+ background:#fff;
369
+ color:inherit;
361
370
  height:30px;
371
+ border-radius:36px;
362
372
  width:30px;
363
373
  margin:0 3px;
364
374
  }
@@ -454,46 +464,6 @@ select.aio-table-paging-button{
454
464
  user-select: text;
455
465
  -webkit-user-select: text;
456
466
  }
457
-
458
- .r-layout-item{
459
- overflow:auto;
460
- display:flex;
461
- position: relative;
462
- flex-grow:0;
463
- flex-shrink: 0;
464
- }
465
- .r-layout-parent{
466
- position:relative;
467
- display:flex;
468
- flex-grow:0;
469
- flex-shrink: 0;
470
- overflow:auto;
471
- }
472
- .r-layout-html{
473
- position: absolute;
474
- width:100%;
475
- height:100%;
476
- left:0;
477
- top:0;
478
- overflow:hidden;
479
- }
480
- .r-layout-gap{
481
- flex-shrink:0;
482
- }
483
- .r-layout-gap:last-child{
484
- display:none;
485
- }
486
-
487
- @media screen and (max-width: 768px) {
488
- .r-layout-hide-in-small {
489
- display: none !important;
490
- }
491
- }
492
- @media screen and (min-width: 768px) {
493
- .r-layout-hide-in-large {
494
- display: none !important;
495
- }
496
- }
497
467
  /* custom scrollbar */
498
468
  .aio-table-unit::-webkit-scrollbar {
499
469
  width: 10px !important;