aio-table 5.1.0 → 6.0.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 +78 -25
  2. package/index.js +3177 -2575
  3. package/package.json +2 -2
package/index.css CHANGED
@@ -19,6 +19,7 @@
19
19
  display: flex;
20
20
  width:100%;
21
21
  flex:1;
22
+ overflow:hidden;
22
23
  }
23
24
  .aio-table-unit{
24
25
  display: grid;
@@ -28,37 +29,14 @@
28
29
  }
29
30
  #aio-table-first-split{
30
31
  width:fit-content;
31
- overflow-x:scroll;
32
+ overflow-x:scroll !important;
32
33
  }
33
34
  #aio-table-second-split{
34
35
  flex:1;
35
36
  overflow-x:scroll;
36
37
  }
37
38
 
38
- /* custom scrollbar */
39
- .aio-table-unit::-webkit-scrollbar {
40
- width: 10px !important;
41
- height:10px !important;
42
- }
43
- #aio-table-first-split::-webkit-scrollbar {
44
- width: 0px !important;
45
- height: 10px !important;
46
- }
47
-
48
- .aio-table-unit::-webkit-scrollbar-track {
49
- background-color: transparent;
50
- }
51
-
52
- .aio-table-unit::-webkit-scrollbar-thumb {
53
- background-color: #cdd4e0;
54
- border-radius: 20px;
55
- border: 3px solid transparent;
56
- background-clip: content-box;
57
- }
58
-
59
- .aio-table-unit::-webkit-scrollbar-thumb:hover {
60
- background-color: #868e9e;
61
- }
39
+
62
40
  .aio-table-title{
63
41
  display:flex;
64
42
  align-items: center;
@@ -111,6 +89,13 @@
111
89
  text-overflow:ellipsis;
112
90
  background:#fff;
113
91
  }
92
+ .aio-table-cell-selectable{
93
+ user-select: text;
94
+ -webkit-user-select: text;
95
+ }
96
+ .aio-table-cell-hidden{
97
+ display:none;
98
+ }
114
99
  .aio-table-content{
115
100
  width:100%;
116
101
  overflow:hidden;
@@ -150,6 +135,7 @@
150
135
  .aio-table-input{
151
136
  border:none;
152
137
  outline:none;
138
+ background:none;
153
139
  flex:1;
154
140
  width:100%;
155
141
  position:relative;
@@ -264,10 +250,15 @@ select.aio-table-paging-button{
264
250
  .aio-table-cell.aio-table-relative-filter{
265
251
  opacity:.4;
266
252
  }
253
+ .aio-table-cell.striped{
254
+ background:#f5f5f5
255
+ }
267
256
  .aio-table-filter-popup{
268
257
  background:#e3e6ea;
269
258
  padding:6px;
259
+
270
260
  }
261
+
271
262
  .aio-table-filter-icon{
272
263
  width:24px;
273
264
  height:100%;
@@ -298,6 +289,7 @@ select.aio-table-paging-button{
298
289
  background:rgb(243, 246, 248);
299
290
  color:#888;
300
291
  cursor:pointer;
292
+ font-family:inherit;
301
293
  }
302
294
 
303
295
  .aio-table-filter-item select{
@@ -306,12 +298,14 @@ select.aio-table-paging-button{
306
298
  border:none;
307
299
  outline:none;
308
300
  cursor: pointer;
301
+ font-family:inherit;
309
302
  }
310
303
  .aio-table-filter-item input{
311
304
  height:24px;
312
305
  outline:none;
313
306
  width:120px;
314
307
  border:none;
308
+ font-family:inherit;
315
309
  }
316
310
  .aio-table-filter-remove{
317
311
  height:26px;
@@ -328,6 +322,7 @@ select.aio-table-paging-button{
328
322
  align-items: center;
329
323
  justify-content: center;
330
324
  margin-bottom: 6px;
325
+ cursor:pointer;
331
326
  }
332
327
  .aio-table-group{
333
328
  display:flex;
@@ -456,6 +451,8 @@ select.aio-table-paging-button{
456
451
  position:relative;
457
452
  display:flex;
458
453
  box-sizing: border-box;
454
+ user-select: text;
455
+ -webkit-user-select: text;
459
456
  }
460
457
 
461
458
  .r-layout-item{
@@ -497,3 +494,59 @@ display:none;
497
494
  display: none !important;
498
495
  }
499
496
  }
497
+ /* custom scrollbar */
498
+ .aio-table-unit::-webkit-scrollbar {
499
+ width: 10px !important;
500
+ height:10px !important;
501
+ }
502
+ #aio-table-first-split::-webkit-scrollbar {
503
+ width: 0px !important;
504
+ }
505
+
506
+ .aio-table-unit::-webkit-scrollbar-track {
507
+ background-color: transparent;
508
+ }
509
+
510
+ .aio-table-unit::-webkit-scrollbar-thumb {
511
+ background-color: #cdd4e0;
512
+ border-radius: 20px;
513
+ border: 3px solid transparent;
514
+ background-clip: content-box;
515
+ }
516
+
517
+ .aio-table-unit::-webkit-scrollbar-thumb:hover {
518
+ background-color: #868e9e;
519
+ }
520
+ .aio-table-options{
521
+ background:none;
522
+ font-size:inherit;
523
+ color:inherit;
524
+ }
525
+ .aio-table-slider{
526
+ display:flex;
527
+ font-size:inherit;
528
+ align-items:center;
529
+ height:100%;
530
+ width:100%;
531
+ }
532
+ .aio-table-cell-has-subtext{
533
+ flex:1;
534
+ height:100%;
535
+ display:flex;
536
+ flex-direction:column;
537
+ }
538
+ .aio-table-cell-uptext{
539
+ display:flex;
540
+ align-items:center;
541
+ flex:1;
542
+ position:relative;
543
+ white-space:nowrap;
544
+ }
545
+ .aio-table-cell-subtext{
546
+ display:flex;
547
+ align-items:center;
548
+ font-size:80%;
549
+ opacity:0.7;
550
+ flex:1;
551
+ position:relative;
552
+ }