es-grid-template 1.2.0 → 1.2.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 (67) hide show
  1. package/assets/index.css +679 -0
  2. package/assets/index.scss +1006 -0
  3. package/es/grid-component/ColumnsChoose.d.ts +1 -0
  4. package/es/grid-component/ColumnsChoose.js +63 -28
  5. package/es/grid-component/ColumnsGroup/ColumnsGroup.d.ts +12 -0
  6. package/es/grid-component/ColumnsGroup/ColumnsGroup.js +223 -0
  7. package/es/grid-component/ColumnsGroup/index.d.ts +1 -0
  8. package/es/grid-component/ColumnsGroup/index.js +1 -0
  9. package/es/grid-component/ConvertColumnTable.d.ts +7 -0
  10. package/es/grid-component/ConvertColumnTable.js +143 -0
  11. package/es/grid-component/EditableCell.js +1 -1
  12. package/es/grid-component/GridStyle.js +1 -1
  13. package/es/grid-component/InternalTable.js +148 -248
  14. package/es/grid-component/TableGrid.d.ts +4 -1
  15. package/es/grid-component/TableGrid.js +29 -58
  16. package/es/grid-component/hooks/{useColumns → columns}/index.d.ts +2 -2
  17. package/es/grid-component/hooks/{useColumns → columns}/index.js +20 -16
  18. package/es/grid-component/hooks/content/HeaderContent.d.ts +11 -0
  19. package/es/grid-component/hooks/content/HeaderContent.js +80 -0
  20. package/es/grid-component/hooks/content/TooltipContent.d.ts +13 -0
  21. package/es/grid-component/hooks/content/TooltipContent.js +74 -0
  22. package/es/grid-component/hooks/useColumns.d.ts +16 -0
  23. package/es/grid-component/hooks/useColumns.js +272 -0
  24. package/es/grid-component/hooks/utils.d.ts +46 -1
  25. package/es/grid-component/hooks/utils.js +740 -2
  26. package/es/grid-component/index.js +3 -1
  27. package/es/grid-component/styles.scss +304 -64
  28. package/es/grid-component/table/Grid.d.ts +2 -0
  29. package/es/grid-component/table/Grid.js +1 -5
  30. package/es/grid-component/table/GridEdit.d.ts +4 -1
  31. package/es/grid-component/table/GridEdit.js +690 -281
  32. package/es/grid-component/table/Group.d.ts +13 -0
  33. package/es/grid-component/table/Group.js +154 -0
  34. package/es/grid-component/type.d.ts +38 -1
  35. package/lib/grid-component/ColumnsChoose.d.ts +1 -0
  36. package/lib/grid-component/ColumnsChoose.js +62 -27
  37. package/lib/grid-component/ColumnsGroup/ColumnsGroup.d.ts +12 -0
  38. package/lib/grid-component/ColumnsGroup/ColumnsGroup.js +234 -0
  39. package/lib/grid-component/ColumnsGroup/index.d.ts +1 -0
  40. package/lib/grid-component/ColumnsGroup/index.js +16 -0
  41. package/lib/grid-component/ConvertColumnTable.d.ts +7 -0
  42. package/lib/grid-component/ConvertColumnTable.js +152 -0
  43. package/lib/grid-component/EditableCell.js +1 -1
  44. package/lib/grid-component/GridStyle.js +1 -1
  45. package/lib/grid-component/InternalTable.js +142 -248
  46. package/lib/grid-component/TableGrid.d.ts +4 -1
  47. package/lib/grid-component/TableGrid.js +23 -56
  48. package/lib/grid-component/hooks/{useColumns → columns}/index.d.ts +2 -2
  49. package/lib/grid-component/hooks/{useColumns → columns}/index.js +20 -16
  50. package/lib/grid-component/hooks/content/HeaderContent.d.ts +11 -0
  51. package/lib/grid-component/hooks/content/HeaderContent.js +87 -0
  52. package/lib/grid-component/hooks/content/TooltipContent.d.ts +13 -0
  53. package/lib/grid-component/hooks/content/TooltipContent.js +81 -0
  54. package/lib/grid-component/hooks/useColumns.d.ts +16 -0
  55. package/lib/grid-component/hooks/useColumns.js +283 -0
  56. package/lib/grid-component/hooks/utils.d.ts +46 -1
  57. package/lib/grid-component/hooks/utils.js +763 -5
  58. package/lib/grid-component/index.js +2 -1
  59. package/lib/grid-component/styles.scss +304 -64
  60. package/lib/grid-component/table/Grid.d.ts +2 -0
  61. package/lib/grid-component/table/Grid.js +1 -5
  62. package/lib/grid-component/table/GridEdit.d.ts +4 -1
  63. package/lib/grid-component/table/GridEdit.js +689 -280
  64. package/lib/grid-component/table/Group.d.ts +13 -0
  65. package/lib/grid-component/table/Group.js +163 -0
  66. package/lib/grid-component/type.d.ts +38 -1
  67. package/package.json +106 -105
@@ -6,4 +6,5 @@ Object.defineProperty(exports, "__esModule", {
6
6
  });
7
7
  exports.default = void 0;
8
8
  var _InternalTable = _interopRequireDefault(require("./InternalTable"));
9
- var _default = exports.default = _InternalTable.default;
9
+ // import ConvertColumnTable from './ConvertColumnTable'
10
+ var _default = exports.default = _InternalTable.default; // export default ConvertColumnTable
@@ -7,6 +7,7 @@ $rowSelectedBg: #FEF2EF !default;
7
7
  $tableBorderColor: #e0e0e0 !default;
8
8
  //$tableBorderColor: #f0f0f0 !default;
9
9
  $border-radius: 6px !default;
10
+ $border-selected-color: #0550C5 !default;
10
11
  $body-color: #ffffff !default;
11
12
  $cell-selected-bg: #E6EFFD !default;
12
13
  $cell-index-selected-bg: #0550C5 !default;
@@ -31,6 +32,10 @@ $fontFamily: "Montserrat",Helvetica,Arial,serif !default;
31
32
 
32
33
  .#{$prefix}-table-wrapper {
33
34
 
35
+ p {
36
+ margin: 0;
37
+ }
38
+
34
39
 
35
40
  &.table-none-column-select {
36
41
  .#{$prefix}-table-cell {
@@ -44,11 +49,32 @@ $fontFamily: "Montserrat",Helvetica,Arial,serif !default;
44
49
  }
45
50
  }
46
51
 
47
- .ui-rc-table {
52
+ .#{$prefix}-table {
48
53
  line-height: 20px;
49
- //color: #283046;
50
- //font-weight: 500;
51
- //font-family: $fontFamily !important;
54
+ .#{$prefix}-table-cell {
55
+
56
+ .#{$prefix}-table-filter-column {
57
+ .#{$prefix}-dropdown-trigger.#{$prefix}-table-filter-trigger {
58
+ margin-left: 0;
59
+ }
60
+ }
61
+
62
+ &.cell-group {
63
+ font-weight: 600;
64
+ background-color: #f5f5f5;
65
+ border-inline-end-color: transparent !important;
66
+
67
+ }
68
+ &.cell-group-fixed {
69
+ font-weight: 600;
70
+ position: sticky;
71
+ text-align: left !important;
72
+ left: 0;
73
+ z-index: 15;
74
+ }
75
+
76
+ }
77
+
52
78
  }
53
79
 
54
80
  .#{$prefix}-table-tbody-virtual {
@@ -65,6 +91,24 @@ $fontFamily: "Montserrat",Helvetica,Arial,serif !default;
65
91
  border-inline-end: 1px solid $tableBorderColor;
66
92
  }
67
93
  }
94
+ .#{$prefix}-table-container {
95
+ .#{$prefix}-table-thead {
96
+
97
+ > tr{
98
+ > th.#{$prefix}-table-cell:last-of-type {
99
+ //border-inline-end: 0;
100
+ }
101
+ }
102
+
103
+ }
104
+ .#{$prefix}-table-summary {
105
+ > tr{
106
+ > td.#{$prefix}-table-cell:last-of-type {
107
+ //border-inline-end: 0;
108
+ }
109
+ }
110
+ }
111
+ }
68
112
 
69
113
  }
70
114
 
@@ -79,7 +123,7 @@ $fontFamily: "Montserrat",Helvetica,Arial,serif !default;
79
123
  }
80
124
 
81
125
  &.row-disabled {
82
- .ui-rc-table-cell {
126
+ .#{$prefix}-table-cell {
83
127
  //background-color: #f5f5f5;
84
128
  }
85
129
  }
@@ -89,10 +133,10 @@ $fontFamily: "Montserrat",Helvetica,Arial,serif !default;
89
133
  background: #FBDED6;
90
134
  }
91
135
 
92
- &.ui-rc-cell-command {
93
- padding: 3px 8px;
136
+ &.#{$prefix}-cell-command {
137
+ padding: 5px 8px;
94
138
 
95
- .ui-rc-cell-command__content {
139
+ .#{$prefix}-cell-command__content {
96
140
  display: flex;
97
141
  gap: 5px;
98
142
  overflow: hidden;
@@ -102,10 +146,14 @@ $fontFamily: "Montserrat",Helvetica,Arial,serif !default;
102
146
 
103
147
  }
104
148
 
149
+ .#{$prefix}-table-cell:last-of-type {
150
+ //border-inline-end: 0;
151
+ }
152
+
105
153
 
106
154
  @for $i from 0 through 10 {
107
155
  &:has(.indent-level-#{$i}) {
108
- .ui-rc-table-cell {
156
+ .#{$prefix}-table-cell {
109
157
  &.cell-number {
110
158
  .ui-rc_content {
111
159
  padding-left: $i * 10px;
@@ -117,11 +165,11 @@ $fontFamily: "Montserrat",Helvetica,Arial,serif !default;
117
165
 
118
166
  }
119
167
 
120
- .ui-rc-table-placeholder {
121
- .ui-rc-table-cell {
168
+ .#{$prefix}-table-placeholder {
169
+ .#{$prefix}-table-cell {
122
170
  padding-top: 0 !important;
123
171
  padding-bottom: 0 !important;
124
- .ui-rc-table-expanded-row-fixed {
172
+ .#{$prefix}-table-expanded-row-fixed {
125
173
  margin-top: 0 !important;
126
174
  margin-bottom: 0 !important;
127
175
  }
@@ -135,15 +183,20 @@ $fontFamily: "Montserrat",Helvetica,Arial,serif !default;
135
183
  > th,
136
184
  > td {
137
185
  border-bottom: 1px solid $tableBorderColor;
186
+ background: #fff;
138
187
  }
139
188
  }
140
189
 
141
- .ui-rc-table-cell {
142
- &.ui-rc-table-cell-fix-left-last {
143
- .ui-rc-table-cell-content {
190
+ .#{$prefix}-table-cell {
191
+
192
+ &.#{$prefix}-table-cell-fix-left-last {
193
+ .#{$prefix}-table-cell-content {
144
194
  //overflow: visible;
145
195
  }
146
196
  }
197
+ .#{$prefix}-table-column-title {
198
+ //display: flex;
199
+ }
147
200
  }
148
201
  }
149
202
 
@@ -170,6 +223,10 @@ $fontFamily: "Montserrat",Helvetica,Arial,serif !default;
170
223
  border-inline-start: 1px solid $tableBorderColor;
171
224
  border-top: 1px solid $tableBorderColor;
172
225
 
226
+ &::after {
227
+ border-inline-end: 1px solid $tableBorderColor;
228
+ }
229
+
173
230
  > .#{$prefix}-table-content,
174
231
  > .#{$prefix}-table-header,
175
232
  > .#{$prefix}-table-body,
@@ -214,8 +271,10 @@ $fontFamily: "Montserrat",Helvetica,Arial,serif !default;
214
271
 
215
272
  &.#{$prefix}-table-ping-right:not(.#{$prefix}-table-has-fix-right) .#{$prefix}-table-container::after {
216
273
  box-shadow: inset -10px 0 8px -8px $boxShadowColor;
274
+ //box-shadow: none;
217
275
  }
218
276
 
277
+
219
278
  }
220
279
 
221
280
  .#{$prefix}-table-ping-left {
@@ -257,17 +316,170 @@ $fontFamily: "Montserrat",Helvetica,Arial,serif !default;
257
316
 
258
317
  &.grid-editable {
259
318
 
319
+ .#{$prefix}-table-row {
320
+ &:has(+ .#{$prefix}-table-cell) {
321
+
322
+ }
323
+ }
324
+
325
+ .#{$prefix}-table .#{$prefix}-table-tbody .rc-ui-cell-editable {
326
+ overflow: unset;
260
327
 
261
- //.#{$prefix}-table.#{$prefix}-table-small .ui-rc-table-tbody .rc-ui-cell-editable{
262
- .#{$prefix}-table .ui-rc-table-tbody .rc-ui-cell-editable{
263
328
  display: flex;
264
329
  padding: 0;
265
- .ui-rc-table-row-expand-icon {
330
+
331
+ .#{$prefix}-table-row-expand-icon {
266
332
  top: 8px;
267
333
  left: 8px;
268
334
  }
335
+
336
+ &.cell-editable {
337
+ &.cell-border-top {
338
+ border-bottom: 1px solid $border-selected-color;
339
+ }
340
+
341
+ &.cell-border-bottom {
342
+ border-bottom: 1px solid $border-selected-color;
343
+ }
344
+
345
+ &.cell-border-left {
346
+ border-inline-end: 1px solid $border-selected-color;
347
+ }
348
+
349
+ &.cell-border-right {
350
+ border-inline-end: 1px solid $border-selected-color;
351
+ }
352
+
353
+ &.#{$prefix}-table-cell-fix-left {
354
+ &:has(.ui-rc_cell-content.selected) {
355
+ }
356
+
357
+ }
358
+
359
+ &.#{$prefix}-table-cell-fix-right {
360
+ &:has(.ui-rc_cell-content.selected) {
361
+ }
362
+
363
+ &.cell-border-end {
364
+ z-index: 3;
365
+ }
366
+
367
+ }
368
+
369
+
370
+ &.cell-border-end {
371
+ z-index: 1;
372
+ }
373
+
374
+ &.#{$prefix}-table-cell-fix-right-first {
375
+
376
+ &.cell-border-end {
377
+ z-index: 3;
378
+ }
379
+
380
+ &.next-cell-border-left {
381
+ &::before {
382
+ border-inline-start: 1px solid $border-selected-color;
383
+ }
384
+ }
385
+
386
+ &.fixed-cell-border-left {
387
+ &::before {
388
+ border-inline-start: 1px solid $border-selected-color;
389
+ }
390
+ }
391
+
392
+ }
393
+
394
+ &.#{$prefix}-table-cell-fix-left-last {
395
+
396
+ &.cell-border-end {
397
+ z-index: 3;
398
+ }
399
+
400
+ }
401
+
402
+ }
403
+
404
+
405
+ }
406
+
407
+ .#{$prefix}-table.#{$prefix}-table-ping-left {
408
+ .#{$prefix}-table-tbody .rc-ui-cell-editable{
409
+ &.cell-editable {
410
+
411
+
412
+ &.#{$prefix}-table-cell-fix-left-last {
413
+
414
+ &.cell-border-left {
415
+ border-inline-end: 1px solid $tableBorderColor;
416
+ }
417
+
418
+ }
419
+
420
+
421
+
422
+ }
423
+ }
424
+
425
+ &:not(.#{$prefix}-table.#{$prefix}-table-ping-right) {
426
+
427
+ .#{$prefix}-table-tbody .rc-ui-cell-editable {
428
+ &.cell-editable {
429
+
430
+ // //&.cell-border-end {
431
+ // // z-index: 1;
432
+ // //}
433
+
434
+ &.#{$prefix}-table-cell-fix-right {
435
+ z-index: 0;
436
+
437
+ &.cell-border-end {
438
+ z-index: 3;
439
+ }
440
+ }
441
+
442
+ }
443
+ }
444
+
445
+ }
446
+
447
+ }
448
+
449
+ .#{$prefix}-table.#{$prefix}-table-ping-right {
450
+ .#{$prefix}-table-tbody .rc-ui-cell-editable{
451
+
452
+ &.cell-editable {
453
+
454
+ &.#{$prefix}-table-cell-fix-right-first {
455
+
456
+ &.next-cell-border-left {
457
+ &::before {
458
+ border-inline-start: 1px solid $tableBorderColor;
459
+ }
460
+ }
461
+
462
+
463
+
464
+ }
465
+
466
+ &.#{$prefix}-table-cell-fix-left-last {
467
+ &.cell-border-end {
468
+ z-index: 3;
469
+ }
470
+ }
471
+
472
+ }
473
+
474
+ &.cell-border-end {
475
+ z-index: 1;
476
+ }
477
+
478
+ }
479
+
269
480
  }
270
481
 
482
+
271
483
  .#{$prefix}-table.#{$prefix}-table-small {
272
484
  .#{$prefix}-table-thead > tr > th,
273
485
  tfoot > tr > th,
@@ -285,13 +497,41 @@ $fontFamily: "Montserrat",Helvetica,Arial,serif !default;
285
497
  }
286
498
 
287
499
  .ui-rc_cell-content {
500
+ //position: relative;
288
501
  user-select: none;
289
502
  padding: 8px 8px;
290
503
  min-height: 23px;
291
504
  overflow: hidden;
505
+
292
506
  .ui-rc_content {
293
507
  width: 100%;
294
508
  }
509
+ &:hover {
510
+ .dragging-point {
511
+ //visibility: visible;
512
+ }
513
+ }
514
+
515
+ .dragging-point {
516
+ //visibility: hidden;
517
+ width: 10px;
518
+ height: 10px;
519
+ position: absolute;
520
+ cursor: crosshair;
521
+ right: 0;
522
+ bottom: 0;
523
+
524
+ .dot-point {
525
+ position: absolute;
526
+ width: 8px;
527
+ height: 8px;
528
+ border-radius: 6px;
529
+ background-color: $border-selected-color;
530
+ bottom: -4px;
531
+ right: -4px;
532
+ }
533
+
534
+ }
295
535
  }
296
536
 
297
537
  .ui-rc_cell-content.selected {
@@ -302,12 +542,12 @@ $fontFamily: "Montserrat",Helvetica,Arial,serif !default;
302
542
  &.focus {
303
543
  background-color: $cell-index-focus-bg;
304
544
  //color: #fff;
305
- font-weight: 500;
545
+ //font-weight: 500;
306
546
  }
307
547
  &.selected {
308
548
  background-color: $cell-index-selected-bg;
309
549
  color: #fff;
310
- font-weight: 500;
550
+ //font-weight: 500;
311
551
  }
312
552
  }
313
553
 
@@ -325,9 +565,9 @@ $fontFamily: "Montserrat",Helvetica,Arial,serif !default;
325
565
  }
326
566
  }
327
567
 
328
- .ui-rc-table-cell {
568
+ .#{$prefix}-table-cell {
329
569
 
330
- .ui-rc-table-row-indent {
570
+ .#{$prefix}-table-row-indent {
331
571
  position: absolute;
332
572
  @for $i from 1 through 10 {
333
573
  &.indent-level-#{$i} {
@@ -339,7 +579,7 @@ $fontFamily: "Montserrat",Helvetica,Arial,serif !default;
339
579
  @for $i from 0 through 10 {
340
580
  &:has(.indent-level-#{$i}) {
341
581
 
342
- .ui-rc-table-row-expand-icon {
582
+ .#{$prefix}-table-row-expand-icon {
343
583
  position: absolute;
344
584
  //.ui-rc_content {
345
585
  padding-left: $i * 10px;
@@ -356,7 +596,7 @@ $fontFamily: "Montserrat",Helvetica,Arial,serif !default;
356
596
  @for $i from 0 through 10 {
357
597
  &:has(.indent-level-#{$i}) {
358
598
 
359
- .ui-rc-table-row-expand-icon {
599
+ .#{$prefix}-table-row-expand-icon {
360
600
  position: absolute;
361
601
  left: $i * 25px + 8px !important;
362
602
  }
@@ -373,7 +613,7 @@ $fontFamily: "Montserrat",Helvetica,Arial,serif !default;
373
613
 
374
614
  .#{$prefix}-table-cell{
375
615
 
376
- &.ui-rc-table-cell-ellipsis {
616
+ &.#{$prefix}-table-cell-ellipsis {
377
617
  .ui-rc_cell-content {
378
618
 
379
619
  .ui-rc_content {
@@ -403,11 +643,11 @@ $fontFamily: "Montserrat",Helvetica,Arial,serif !default;
403
643
  }
404
644
  }
405
645
 
406
- .ui-rc-checkbox-wrapper {
407
- .ui-rc-checkbox {
646
+ .#{$prefix}-checkbox-wrapper {
647
+ .#{$prefix}-checkbox {
408
648
  background-color: red;
409
649
  }
410
- .ui-rc-checkbox-input {
650
+ .#{$prefix}-checkbox-input {
411
651
  &:focus-visible {
412
652
  outline: none;
413
653
  }
@@ -434,16 +674,16 @@ $fontFamily: "Montserrat",Helvetica,Arial,serif !default;
434
674
 
435
675
  // ------------ select ---------------
436
676
 
437
- .ui-rc-table-select-single .ui-rc-table-select-selector,
438
- .ui-rc-select-single .ui-rc-select-selector {
677
+ .#{$prefix}-table-select-single .#{$prefix}-table-select-selector,
678
+ .#{$prefix}-select-single .#{$prefix}-select-selector {
439
679
 
440
680
  border-radius: 0;
441
681
 
442
682
  }
443
683
 
444
- .ui-rc-table-select-single:not(.ui-rc-table-select-customize-input) {
445
- .ui-rc-table-select-selector {
446
- .ui-rc-table-select-selection-search-input {
684
+ .#{$prefix}-table-select-single:not(.#{$prefix}-table-select-customize-input) {
685
+ .#{$prefix}-table-select-selector {
686
+ .#{$prefix}-table-select-selection-search-input {
447
687
  height: auto;
448
688
  }
449
689
  }
@@ -458,13 +698,13 @@ $fontFamily: "Montserrat",Helvetica,Arial,serif !default;
458
698
  outline: none;
459
699
  }
460
700
  }
461
- .ui-rc-table-cell-content {
701
+ .#{$prefix}-table-cell-content {
462
702
  display: flex;
463
703
  height: 100%;
464
704
  }
465
705
 
466
706
  .ui-rc_cell-content,
467
- .ui-rc-table-cell-content{
707
+ .#{$prefix}-table-cell-content{
468
708
  //width: 100%;
469
709
  flex: 1;
470
710
  }
@@ -498,13 +738,13 @@ $fontFamily: "Montserrat",Helvetica,Arial,serif !default;
498
738
  }
499
739
  }
500
740
  }
501
- //.ui-rc-checkbox-input {
741
+ //.#{$prefix}-checkbox-input {
502
742
  // &:focus-visible {
503
743
  // outline: none;
504
744
  // }
505
745
  //}
506
746
 
507
- .ui-rc-checkbox .ui-rc-checkbox-input:focus-visible+.ui-rc-checkbox-inner {
747
+ .#{$prefix}-checkbox .#{$prefix}-checkbox-input:focus-visible+.#{$prefix}-checkbox-inner {
508
748
  outline: none;
509
749
  }
510
750
 
@@ -600,8 +840,8 @@ $fontFamily: "Montserrat",Helvetica,Arial,serif !default;
600
840
  margin: 0;
601
841
  }
602
842
 
603
- .ui-rc-table-wrapper {
604
- .ui-rc-table {
843
+ .#{$prefix}-table-wrapper {
844
+ .#{$prefix}-table {
605
845
  .#{$prefix}-pagination {
606
846
  &::before {
607
847
  content: "";
@@ -626,7 +866,7 @@ $fontFamily: "Montserrat",Helvetica,Arial,serif !default;
626
866
  border: none;
627
867
  padding-top: 0;
628
868
  padding-bottom: 0;
629
- .ui-rc-pagination-total-text {
869
+ .#{$prefix}-pagination-total-text {
630
870
  margin-left: auto;
631
871
  }
632
872
  }
@@ -639,7 +879,7 @@ $fontFamily: "Montserrat",Helvetica,Arial,serif !default;
639
879
 
640
880
  .#{$prefix}-pagination {
641
881
 
642
- .ui-rc-pagination-total-text {
882
+ .#{$prefix}-pagination-total-text {
643
883
  white-space: nowrap;
644
884
  }
645
885
 
@@ -714,14 +954,14 @@ $fontFamily: "Montserrat",Helvetica,Arial,serif !default;
714
954
  }
715
955
 
716
956
 
717
- .ui-rc-table-wrapper {
718
- .ui-rc-table.ui-rc-table-small {
719
- .ui-rc-table-title,
720
- .ui-rc-table-footer,
721
- .ui-rc-table-cell,
722
- .ui-rc-table-thead > tr > th,
723
- .ui-rc-table-tbody > tr > th,
724
- .ui-rc-table-tbody > tr > td,
957
+ .#{$prefix}-table-wrapper {
958
+ .#{$prefix}-table.#{$prefix}-table-small {
959
+ .#{$prefix}-table-title,
960
+ .#{$prefix}-table-footer,
961
+ .#{$prefix}-table-cell,
962
+ .#{$prefix}-table-thead > tr > th,
963
+ .#{$prefix}-table-tbody > tr > th,
964
+ .#{$prefix}-table-tbody > tr > td,
725
965
  tfoot > tr > th,
726
966
  tfoot > tr > td {
727
967
  //padding: 8px 8px;
@@ -729,9 +969,9 @@ $fontFamily: "Montserrat",Helvetica,Arial,serif !default;
729
969
  }
730
970
  }
731
971
  }
732
- .ui-rc-table-wrapper {
733
- .ui-rc-table.ui-rc-table-small {
734
- .ui-rc-table-cell {
972
+ .#{$prefix}-table-wrapper {
973
+ .#{$prefix}-table.#{$prefix}-table-small {
974
+ .#{$prefix}-table-cell {
735
975
  &:has(.ant-color-picker-trigger) {
736
976
  padding: 1px 8px;
737
977
  }
@@ -750,17 +990,17 @@ $fontFamily: "Montserrat",Helvetica,Arial,serif !default;
750
990
 
751
991
  //ui-rc-table-ping-right
752
992
 
753
- .ui-rc-table-wrapper .ui-rc-table.ui-rc-table-bordered >.ui-rc-table-container >.ui-rc-table-content >table >thead>tr >.ui-rc-table-cell-fix-right-first::after,
754
- .ui-rc-table-wrapper .ui-rc-table.ui-rc-table-bordered >.ui-rc-table-container >.ui-rc-table-header >table >thead>tr >.ui-rc-table-cell-fix-right-first::after,
755
- .ui-rc-table-wrapper .ui-rc-table.ui-rc-table-bordered >.ui-rc-table-container >.ui-rc-table-body >table >thead>tr >.ui-rc-table-cell-fix-right-first::after,
756
- .ui-rc-table-wrapper .ui-rc-table.ui-rc-table-bordered >.ui-rc-table-container >.ui-rc-table-summary >table >thead>tr >.ui-rc-table-cell-fix-right-first::after,
757
- .ui-rc-table-wrapper .ui-rc-table.ui-rc-table-bordered >.ui-rc-table-container >.ui-rc-table-content >table >tbody>tr >.ui-rc-table-cell-fix-right-first::after,
758
- .ui-rc-table-wrapper .ui-rc-table.ui-rc-table-bordered >.ui-rc-table-container >.ui-rc-table-header >table >tbody>tr >.ui-rc-table-cell-fix-right-first::after,
759
- .ui-rc-table-wrapper .ui-rc-table.ui-rc-table-bordered >.ui-rc-table-container >.ui-rc-table-body >table >tbody>tr >.ui-rc-table-cell-fix-right-first::after,
760
- .ui-rc-table-wrapper .ui-rc-table.ui-rc-table-bordered >.ui-rc-table-container >.ui-rc-table-summary >table >tbody>tr >.ui-rc-table-cell-fix-right-first::after,
761
- .ui-rc-table-wrapper .ui-rc-table.ui-rc-table-bordered >.ui-rc-table-container >.ui-rc-table-content >table >tfoot>tr >.ui-rc-table-cell-fix-right-first::after,
762
- .ui-rc-table-wrapper .ui-rc-table.ui-rc-table-bordered >.ui-rc-table-container >.ui-rc-table-header >table >tfoot>tr >.ui-rc-table-cell-fix-right-first::after,
763
- .ui-rc-table-wrapper .ui-rc-table.ui-rc-table-bordered >.ui-rc-table-container >.ui-rc-table-body >table >tfoot>tr >.ui-rc-table-cell-fix-right-first::after,
764
- .ui-rc-table-wrapper .ui-rc-table.ui-rc-table-bordered >.ui-rc-table-container >.ui-rc-table-summary >table >tfoot>tr >.ui-rc-table-cell-fix-right-first::after {
993
+ .#{$prefix}-table-wrapper .#{$prefix}-table.#{$prefix}-table-bordered >.#{$prefix}-table-container >.#{$prefix}-table-content >table >thead>tr >.#{$prefix}-table-cell-fix-right-first::after,
994
+ .#{$prefix}-table-wrapper .#{$prefix}-table.#{$prefix}-table-bordered >.#{$prefix}-table-container >.#{$prefix}-table-header >table >thead>tr >.#{$prefix}-table-cell-fix-right-first::after,
995
+ .#{$prefix}-table-wrapper .#{$prefix}-table.#{$prefix}-table-bordered >.#{$prefix}-table-container >.#{$prefix}-table-body >table >thead>tr >.#{$prefix}-table-cell-fix-right-first::after,
996
+ .#{$prefix}-table-wrapper .#{$prefix}-table.#{$prefix}-table-bordered >.#{$prefix}-table-container >.#{$prefix}-table-summary >table >thead>tr >.#{$prefix}-table-cell-fix-right-first::after,
997
+ .#{$prefix}-table-wrapper .#{$prefix}-table.#{$prefix}-table-bordered >.#{$prefix}-table-container >.#{$prefix}-table-content >table >tbody>tr >.#{$prefix}-table-cell-fix-right-first::after,
998
+ .#{$prefix}-table-wrapper .#{$prefix}-table.#{$prefix}-table-bordered >.#{$prefix}-table-container >.#{$prefix}-table-header >table >tbody>tr >.#{$prefix}-table-cell-fix-right-first::after,
999
+ .#{$prefix}-table-wrapper .#{$prefix}-table.#{$prefix}-table-bordered >.#{$prefix}-table-container >.#{$prefix}-table-body >table >tbody>tr >.#{$prefix}-table-cell-fix-right-first::after,
1000
+ .#{$prefix}-table-wrapper .#{$prefix}-table.#{$prefix}-table-bordered >.#{$prefix}-table-container >.#{$prefix}-table-summary >table >tbody>tr >.#{$prefix}-table-cell-fix-right-first::after,
1001
+ .#{$prefix}-table-wrapper .#{$prefix}-table.#{$prefix}-table-bordered >.#{$prefix}-table-container >.#{$prefix}-table-content >table >tfoot>tr >.#{$prefix}-table-cell-fix-right-first::after,
1002
+ .#{$prefix}-table-wrapper .#{$prefix}-table.#{$prefix}-table-bordered >.#{$prefix}-table-container >.#{$prefix}-table-header >table >tfoot>tr >.#{$prefix}-table-cell-fix-right-first::after,
1003
+ .#{$prefix}-table-wrapper .#{$prefix}-table.#{$prefix}-table-bordered >.#{$prefix}-table-container >.#{$prefix}-table-body >table >tfoot>tr >.#{$prefix}-table-cell-fix-right-first::after,
1004
+ .#{$prefix}-table-wrapper .#{$prefix}-table.#{$prefix}-table-bordered >.#{$prefix}-table-container >.#{$prefix}-table-summary >table >tfoot>tr >.#{$prefix}-table-cell-fix-right-first::after {
765
1005
  border-inline-end: 1px solid $tableBorderColor;
766
1006
  }
@@ -6,6 +6,8 @@ type Props<T> = GridTableProps<T> & {
6
6
  triggerChangeColumns?: (columns: ColumnsTable<T>, type: string) => void;
7
7
  triggerChangeData?: (newData: T[], type: string) => void;
8
8
  getRowKey: GetRowKey<T>;
9
+ triggerGroupColumns?: (groupedColumns: string[]) => void;
10
+ triggerPaste?: (pastedRows: T[], pastedColumnsArray: string[], newData: T[]) => void;
9
11
  };
10
12
  declare const Grid: <RecordType extends object>(props: Props<RecordType>) => React.JSX.Element;
11
13
  export default Grid;
@@ -16,7 +16,6 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
16
16
  const Grid = props => {
17
17
  const {
18
18
  height,
19
- style,
20
19
  rowHoverable,
21
20
  ...rest
22
21
  } = props;
@@ -26,10 +25,7 @@ const Grid = props => {
26
25
  position: 'relative'
27
26
  }
28
27
  }, /*#__PURE__*/_react.default.createElement(_TableGrid.default, (0, _extends2.default)({}, rest, {
29
- style: {
30
- ...style,
31
- minHeight: height
32
- },
28
+ // style={{...style, minHeight: height}}
33
29
  rowHoverable: rowHoverable ?? true
34
30
  }))));
35
31
  };
@@ -1,6 +1,7 @@
1
1
  import React from 'react';
2
2
  import 'dayjs/locale/es';
3
3
  import 'dayjs/locale/vi';
4
+ import type { AnyObject } from "../type";
4
5
  import type { TableEditProps } from "../type";
5
6
  import type { ColumnsTable } from "../type";
6
7
  import type { GetRowKey } from "../type";
@@ -8,7 +9,9 @@ type Props<RecordType> = TableEditProps<RecordType> & {
8
9
  tableRef: any;
9
10
  triggerChangeColumns?: (columns: ColumnsTable<RecordType>, type: string) => void;
10
11
  triggerChangeData?: (newData: RecordType[], type: string) => void;
12
+ triggerPaste?: (pastedRows: RecordType[], pastedColumnsArray: string[], newData: RecordType[]) => void;
11
13
  getRowKey: GetRowKey<RecordType>;
14
+ triggerGroupColumns?: (groupedColumns: string[]) => void;
12
15
  };
13
- declare const GridEdit: <RecordType extends object>(props: Props<RecordType>) => React.JSX.Element;
16
+ declare const GridEdit: <RecordType extends AnyObject = AnyObject>(props: Props<RecordType>) => React.JSX.Element;
14
17
  export default GridEdit;