aio-table 6.3.1 → 7.0.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.
Files changed (3) hide show
  1. package/index.css +31 -9
  2. package/index.js +956 -896
  3. package/package.json +3 -3
package/index.css CHANGED
@@ -11,6 +11,7 @@
11
11
  font-size:14px;
12
12
  overflow: hidden;
13
13
  height:500px;
14
+ width:100%;
14
15
  }
15
16
  .aio-table.rtl{
16
17
  direction:rtl;
@@ -19,7 +20,11 @@
19
20
  display: flex;
20
21
  width:100%;
21
22
  flex:1;
23
+ padding:12px;
24
+ box-sizing:border-box;
22
25
  overflow:hidden;
26
+ flex-basis: 0;
27
+ height:100%;
23
28
  }
24
29
  .aio-table-unit{
25
30
  display: grid;
@@ -56,10 +61,15 @@
56
61
  height:100%;
57
62
  top:0;
58
63
  background:#ddd;
59
- left:calc(100% - 1px);
60
64
  position:absolute;
61
65
  }
62
- .aio-table-title.is-last:after{
66
+ .aio-table-title.ltr:after{
67
+ left:calc(100% - 1px);
68
+ }
69
+ .aio-table-title.rtl:after{
70
+ right:calc(100% - 1px);
71
+ }
72
+ .aio-table-title.last-child:after{
63
73
  display:none;
64
74
  }
65
75
  .aio-table.rtl .aio-table-title{
@@ -116,7 +126,9 @@
116
126
  justify-content: center;
117
127
  width:fit-content;
118
128
  }
119
-
129
+ .aio-table-checkbox{
130
+ fill:dodgerblue;
131
+ }
120
132
  .aio-table.rtl .aio-table-cell{
121
133
  box-shadow: -3px 4px 6px -2px rgba(0,0,0,0.1);
122
134
  }
@@ -179,7 +191,6 @@ select.aio-table-input{
179
191
  justify-content: center;
180
192
  flex-shrink:0;
181
193
  border-top:1px solid #ddd;
182
- background:#eaecf0;
183
194
  }
184
195
  .aio-table-paging-button{
185
196
  background:#fff;
@@ -201,6 +212,11 @@ select.aio-table-paging-button{
201
212
  }
202
213
  .aio-table-paging-number{
203
214
  padding:0 6px;
215
+ background:#fff;
216
+ height:24px;
217
+ margin:0 3px;
218
+ line-height:24px;
219
+ border-radius:24px;
204
220
  }
205
221
  .aio-table-toggle{
206
222
  height:24px;
@@ -246,7 +262,7 @@ select.aio-table-paging-button{
246
262
  }
247
263
  }
248
264
  .aio-table-loading{
249
- z-index:100;
265
+ z-index:10000000000000000000000;
250
266
  position: absolute;
251
267
  width:100%;
252
268
  height:100%;
@@ -353,11 +369,11 @@ select.aio-table-paging-button{
353
369
  white-space: pre-wrap;
354
370
  }
355
371
  .aio-table-toolbar{
356
- padding:0 6px;
357
372
  display:flex;
358
373
  align-items: center;
359
374
  flex-shrink:0;
360
- height:36px;
375
+ padding:0 6px;
376
+ border-bottom:1px solid #ddd;
361
377
  }
362
378
  @media print{
363
379
  .aio-table-toolbar{
@@ -370,7 +386,7 @@ select.aio-table-paging-button{
370
386
  height:30px;
371
387
  border-radius:36px;
372
388
  width:30px;
373
- margin:0 3px;
389
+ margin:6px 3px;
374
390
  }
375
391
 
376
392
  .aio-table-splitter{
@@ -404,6 +420,7 @@ select.aio-table-paging-button{
404
420
  border:1px solid #eee;
405
421
  padding:0 6px;
406
422
  box-sizing: border-box;
423
+ margin:6px 3px;
407
424
  }
408
425
  .aio-table-search-input{
409
426
  flex:1;
@@ -457,7 +474,6 @@ select.aio-table-paging-button{
457
474
  border-right:8px solid transparent;
458
475
  }
459
476
  .aio-table-card{
460
- background:#fff;
461
477
  position:relative;
462
478
  display:flex;
463
479
  box-sizing: border-box;
@@ -519,4 +535,10 @@ select.aio-table-paging-button{
519
535
  opacity:0.7;
520
536
  flex:1;
521
537
  position:relative;
538
+ }
539
+ .aio-table-popup-header{
540
+ font-size:12px;
541
+ border-bottom:1px dashed;
542
+ font-weight:bold;
543
+ padding:6px;
522
544
  }