es-grid-template 1.3.5 → 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.
Files changed (31) hide show
  1. package/assets/index.css +33 -13
  2. package/assets/index.scss +49 -14
  3. package/es/grid-component/EditableCell.js +1 -0
  4. package/es/grid-component/GridStyle.d.ts +5 -3
  5. package/es/grid-component/GridStyle.js +1 -1
  6. package/es/grid-component/TableGrid.js +16 -12
  7. package/es/grid-component/hooks/columns/index.js +4 -3
  8. package/es/grid-component/hooks/useColumns.js +7 -5
  9. package/es/grid-component/hooks/utils.d.ts +23 -0
  10. package/es/grid-component/hooks/utils.js +512 -2
  11. package/es/grid-component/number/index.d.ts +2 -2
  12. package/es/grid-component/number/index.js +2 -2
  13. package/es/grid-component/styles.scss +49 -14
  14. package/es/grid-component/table/Grid.js +1 -1
  15. package/es/grid-component/table/GridEdit.js +474 -206
  16. package/es/grid-component/table/Group.js +1 -1
  17. package/lib/grid-component/EditableCell.js +1 -0
  18. package/lib/grid-component/GridStyle.d.ts +5 -3
  19. package/lib/grid-component/GridStyle.js +1 -1
  20. package/lib/grid-component/TableGrid.js +14 -11
  21. package/lib/grid-component/hooks/columns/index.js +2 -1
  22. package/lib/grid-component/hooks/useColumns.js +7 -5
  23. package/lib/grid-component/hooks/utils.d.ts +23 -0
  24. package/lib/grid-component/hooks/utils.js +537 -8
  25. package/lib/grid-component/number/index.d.ts +2 -2
  26. package/lib/grid-component/number/index.js +2 -2
  27. package/lib/grid-component/styles.scss +49 -14
  28. package/lib/grid-component/table/Grid.js +1 -1
  29. package/lib/grid-component/table/GridEdit.js +474 -197
  30. package/lib/grid-component/table/Group.js +1 -1
  31. package/package.json +2 -2
package/lib/grid-component/styles.scss CHANGED
@@ -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,26 +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;
444
+ &.cell-border-left {
445
+ border-inline-end: 1px solid $border-selected-color;
420
446
  }
421
447
 
422
- &.cell-border-left {
448
+ &.cell-border-right {
423
449
  border-inline-end: 1px solid $border-selected-color;
424
450
  }
425
451
 
426
- &.cell-paste-border-left {
427
- border-inline-end: 1px dashed #949494;
452
+ &.cell-paste-border-top {
453
+ border-bottom: 1px dashed #949494;
428
454
  }
429
455
 
430
- &.cell-border-right {
431
- border-inline-end: 1px solid $border-selected-color;
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;
432
462
  }
433
463
 
434
464
  &.cell-paste-border-right {
435
465
  border-inline-end: 1px dashed #949494;
436
466
  }
437
467
 
468
+
438
469
  &.#{$prefix}-table-cell-fix-left {
439
470
  &:has(.ui-rc_cell-content.selected) {
440
471
  }
@@ -617,18 +648,22 @@ $fontFamily: "Montserrat",Helvetica,Arial,serif !default;
617
648
  height: 10px;
618
649
  position: absolute;
619
650
  cursor: crosshair;
620
- right: 0;
621
- bottom: 0;
651
+ right: -1px;
652
+ bottom: -1px;
622
653
  //background: red;
623
654
 
655
+ &.hidden {
656
+ display: none;
657
+ }
658
+
624
659
  .dot-point {
625
660
  position: absolute;
626
661
  width: 8px;
627
662
  height: 8px;
628
663
  border-radius: 6px;
629
664
  background-color: $border-selected-color;
630
- bottom: -4px;
631
- right: -4px;
665
+ bottom: -3px;
666
+ right: -3px;
632
667
  }
633
668
 
634
669
  }
@@ -638,9 +673,9 @@ $fontFamily: "Montserrat",Helvetica,Arial,serif !default;
638
673
  background-color: $cell-selected-bg;
639
674
  }
640
675
 
641
- .ui-rc_cell-content.disable {
642
- background-color: #f0f0f0;
643
- }
676
+ //.ui-rc_cell-content.disable {
677
+ // background-color: #f0f0f0;
678
+ //}
644
679
 
645
680
  .ui-rc_cell-content--index {
646
681
  &.focus {
package/lib/grid-component/table/Grid.js CHANGED
@@ -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
  }