es-grid-template 1.3.6 → 1.3.7
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/assets/index.css +32 -15
- package/assets/index.scss +48 -16
- package/es/grid-component/GridStyle.d.ts +5 -3
- package/es/grid-component/GridStyle.js +1 -1
- package/es/grid-component/TableGrid.js +16 -12
- package/es/grid-component/hooks/columns/index.js +1 -1
- package/es/grid-component/hooks/useColumns.js +7 -5
- package/es/grid-component/hooks/utils.d.ts +14 -2
- package/es/grid-component/hooks/utils.js +332 -12
- package/es/grid-component/styles.scss +48 -16
- package/es/grid-component/table/Grid.js +1 -1
- package/es/grid-component/table/GridEdit.js +456 -214
- package/es/grid-component/table/Group.js +1 -1
- package/lib/grid-component/GridStyle.d.ts +5 -3
- package/lib/grid-component/GridStyle.js +1 -1
- package/lib/grid-component/TableGrid.js +14 -11
- package/lib/grid-component/hooks/columns/index.js +1 -1
- package/lib/grid-component/hooks/useColumns.js +7 -5
- package/lib/grid-component/hooks/utils.d.ts +14 -2
- package/lib/grid-component/hooks/utils.js +353 -19
- package/lib/grid-component/styles.scss +48 -16
- package/lib/grid-component/table/Grid.js +1 -1
- package/lib/grid-component/table/GridEdit.js +456 -205
- package/lib/grid-component/table/Group.js +1 -1
- package/package.json +109 -109
|
@@ -144,6 +144,19 @@ $fontFamily: "Montserrat",Helvetica,Arial,serif !default;
|
|
|
144
144
|
|
|
145
145
|
.#{$prefix}-table-cell {
|
|
146
146
|
line-height: 22px;
|
|
147
|
+
&:focus-visible {
|
|
148
|
+
outline: none;
|
|
149
|
+
}
|
|
150
|
+
|
|
151
|
+
|
|
152
|
+
&.disable {
|
|
153
|
+
background-color: #f0f0f0;
|
|
154
|
+
}
|
|
155
|
+
|
|
156
|
+
&.selected {
|
|
157
|
+
//background: red;
|
|
158
|
+
background-color: $cell-selected-bg;
|
|
159
|
+
}
|
|
147
160
|
|
|
148
161
|
.ui-rc-table-cell-content {
|
|
149
162
|
line-height: 22px;
|
|
@@ -406,7 +419,20 @@ $fontFamily: "Montserrat",Helvetica,Arial,serif !default;
|
|
|
406
419
|
left: 8px;
|
|
407
420
|
}
|
|
408
421
|
|
|
422
|
+
&.rc-ui-cell-index {
|
|
423
|
+
&.focus {
|
|
424
|
+
background-color: $cell-index-focus-bg;
|
|
425
|
+
font-weight: 500;
|
|
426
|
+
}
|
|
427
|
+
&.selected {
|
|
428
|
+
background-color: $cell-index-selected-bg;
|
|
429
|
+
color: #fff;
|
|
430
|
+
//font-weight: 500;
|
|
431
|
+
}
|
|
432
|
+
}
|
|
433
|
+
|
|
409
434
|
&.cell-editable {
|
|
435
|
+
|
|
410
436
|
&.cell-border-top {
|
|
411
437
|
border-bottom: 1px solid $border-selected-color;
|
|
412
438
|
}
|
|
@@ -415,29 +441,31 @@ $fontFamily: "Montserrat",Helvetica,Arial,serif !default;
|
|
|
415
441
|
border-bottom: 1px solid $border-selected-color;
|
|
416
442
|
}
|
|
417
443
|
|
|
418
|
-
&.cell-paste-border-bottom {
|
|
419
|
-
border-bottom: 1px dashed #949494;
|
|
420
|
-
}
|
|
421
|
-
|
|
422
444
|
&.cell-border-left {
|
|
423
445
|
border-inline-end: 1px solid $border-selected-color;
|
|
424
446
|
}
|
|
425
447
|
|
|
426
|
-
&.cell-
|
|
427
|
-
border-inline-end: 1px
|
|
448
|
+
&.cell-border-right {
|
|
449
|
+
border-inline-end: 1px solid $border-selected-color;
|
|
428
450
|
}
|
|
451
|
+
|
|
429
452
|
&.cell-paste-border-top {
|
|
430
|
-
border-bottom: 1px dashed #949494
|
|
453
|
+
border-bottom: 1px dashed #949494;
|
|
431
454
|
}
|
|
432
455
|
|
|
433
|
-
&.cell-border-
|
|
434
|
-
border-
|
|
456
|
+
&.cell-paste-border-bottom {
|
|
457
|
+
border-bottom: 1px dashed #949494;
|
|
458
|
+
}
|
|
459
|
+
|
|
460
|
+
&.cell-paste-border-left {
|
|
461
|
+
border-inline-end: 1px dashed #949494;
|
|
435
462
|
}
|
|
436
463
|
|
|
437
464
|
&.cell-paste-border-right {
|
|
438
465
|
border-inline-end: 1px dashed #949494;
|
|
439
466
|
}
|
|
440
467
|
|
|
468
|
+
|
|
441
469
|
&.#{$prefix}-table-cell-fix-left {
|
|
442
470
|
&:has(.ui-rc_cell-content.selected) {
|
|
443
471
|
}
|
|
@@ -620,18 +648,22 @@ $fontFamily: "Montserrat",Helvetica,Arial,serif !default;
|
|
|
620
648
|
height: 10px;
|
|
621
649
|
position: absolute;
|
|
622
650
|
cursor: crosshair;
|
|
623
|
-
right:
|
|
624
|
-
bottom:
|
|
651
|
+
right: -1px;
|
|
652
|
+
bottom: -1px;
|
|
625
653
|
//background: red;
|
|
626
654
|
|
|
655
|
+
&.hidden {
|
|
656
|
+
display: none;
|
|
657
|
+
}
|
|
658
|
+
|
|
627
659
|
.dot-point {
|
|
628
660
|
position: absolute;
|
|
629
661
|
width: 8px;
|
|
630
662
|
height: 8px;
|
|
631
663
|
border-radius: 6px;
|
|
632
664
|
background-color: $border-selected-color;
|
|
633
|
-
bottom: -
|
|
634
|
-
right: -
|
|
665
|
+
bottom: -3px;
|
|
666
|
+
right: -3px;
|
|
635
667
|
}
|
|
636
668
|
|
|
637
669
|
}
|
|
@@ -641,9 +673,9 @@ $fontFamily: "Montserrat",Helvetica,Arial,serif !default;
|
|
|
641
673
|
background-color: $cell-selected-bg;
|
|
642
674
|
}
|
|
643
675
|
|
|
644
|
-
|
|
645
|
-
|
|
646
|
-
}
|
|
676
|
+
//.ui-rc_cell-content.disable {
|
|
677
|
+
// background-color: #f0f0f0;
|
|
678
|
+
//}
|
|
647
679
|
|
|
648
680
|
.ui-rc_cell-content--index {
|
|
649
681
|
&.focus {
|
|
@@ -23,7 +23,7 @@ const Grid = props => {
|
|
|
23
23
|
...rest
|
|
24
24
|
} = props;
|
|
25
25
|
return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_GridStyle.GridStyle, {
|
|
26
|
-
heightTable: height,
|
|
26
|
+
$heightTable: height,
|
|
27
27
|
style: {
|
|
28
28
|
position: 'relative'
|
|
29
29
|
}
|