es-grid-template 1.2.1 → 1.2.3

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 (27) hide show
  1. package/assets/index.css +36 -17
  2. package/assets/index.scss +1064 -1006
  3. package/es/grid-component/GridStyle.js +1 -1
  4. package/es/grid-component/InternalTable.d.ts +1 -0
  5. package/es/grid-component/InternalTable.js +2 -1
  6. package/es/grid-component/TableGrid.js +6 -15
  7. package/es/grid-component/hooks/content/HeaderContent.js +6 -7
  8. package/es/grid-component/hooks/useColumns.js +10 -2
  9. package/es/grid-component/hooks/utils.d.ts +2 -22
  10. package/es/grid-component/hooks/utils.js +2 -410
  11. package/es/grid-component/styles.scss +63 -5
  12. package/es/grid-component/table/Grid.js +17 -1
  13. package/es/grid-component/table/GridEdit.js +384 -159
  14. package/es/grid-component/type.d.ts +2 -1
  15. package/lib/grid-component/GridStyle.js +1 -1
  16. package/lib/grid-component/InternalTable.d.ts +1 -0
  17. package/lib/grid-component/InternalTable.js +2 -1
  18. package/lib/grid-component/TableGrid.js +7 -15
  19. package/lib/grid-component/hooks/content/HeaderContent.js +6 -7
  20. package/lib/grid-component/hooks/useColumns.js +10 -2
  21. package/lib/grid-component/hooks/utils.d.ts +2 -22
  22. package/lib/grid-component/hooks/utils.js +3 -419
  23. package/lib/grid-component/styles.scss +63 -5
  24. package/lib/grid-component/table/Grid.js +17 -1
  25. package/lib/grid-component/table/GridEdit.js +383 -158
  26. package/lib/grid-component/type.d.ts +2 -1
  27. package/package.json +2 -2
package/assets/index.css CHANGED
@@ -13,6 +13,9 @@
13
13
  .ui-rc-table-wrapper p {
14
14
  margin: 0;
15
15
  }
16
+ .ui-rc-table-wrapper .ui-rc-table {
17
+ color: rgba(0, 0, 0, 0.8705882353);
18
+ }
16
19
  .ui-rc-table-wrapper.table-none-column-select .ui-rc-table-cell.ui-rc-table-selection-column {
17
20
  padding: 0 !important;
18
21
  overflow: hidden !important;
@@ -21,6 +24,9 @@
21
24
  .ui-rc-table-wrapper .ui-rc-table {
22
25
  line-height: 20px;
23
26
  }
27
+ .ui-rc-table-wrapper .ui-rc-table .ui-rc-table-cell {
28
+ min-height: 35px;
29
+ }
24
30
  .ui-rc-table-wrapper .ui-rc-table .ui-rc-table-cell .ui-rc-table-filter-column .ui-rc-dropdown-trigger.ui-rc-table-filter-trigger {
25
31
  margin-left: 0;
26
32
  }
@@ -100,7 +106,7 @@
100
106
  .ui-rc-table-wrapper .ui-rc-table-thead > tr > th,
101
107
  .ui-rc-table-wrapper .ui-rc-table-thead > tr > td {
102
108
  border-bottom: 1px solid #e0e0e0;
103
- background: #fff;
109
+ font-weight: 500;
104
110
  }
105
111
  .ui-rc-table-wrapper .ui-rc-table-summary .ui-rc-table-cell {
106
112
  background-color: #fafafa;
@@ -191,12 +197,21 @@
191
197
  .ui-rc-table-wrapper.grid-editable .ui-rc-table .ui-rc-table-tbody .rc-ui-cell-editable.cell-editable.cell-border-bottom {
192
198
  border-bottom: 1px solid #0550C5;
193
199
  }
200
+ .ui-rc-table-wrapper.grid-editable .ui-rc-table .ui-rc-table-tbody .rc-ui-cell-editable.cell-editable.cell-paste-border-bottom {
201
+ border-bottom: 1px dashed #949494;
202
+ }
194
203
  .ui-rc-table-wrapper.grid-editable .ui-rc-table .ui-rc-table-tbody .rc-ui-cell-editable.cell-editable.cell-border-left {
195
204
  border-inline-end: 1px solid #0550C5;
196
205
  }
206
+ .ui-rc-table-wrapper.grid-editable .ui-rc-table .ui-rc-table-tbody .rc-ui-cell-editable.cell-editable.cell-paste-border-left {
207
+ border-inline-end: 1px dashed #949494;
208
+ }
197
209
  .ui-rc-table-wrapper.grid-editable .ui-rc-table .ui-rc-table-tbody .rc-ui-cell-editable.cell-editable.cell-border-right {
198
210
  border-inline-end: 1px solid #0550C5;
199
211
  }
212
+ .ui-rc-table-wrapper.grid-editable .ui-rc-table .ui-rc-table-tbody .rc-ui-cell-editable.cell-editable.cell-paste-border-right {
213
+ border-inline-end: 1px dashed #949494;
214
+ }
200
215
  .ui-rc-table-wrapper.grid-editable .ui-rc-table .ui-rc-table-tbody .rc-ui-cell-editable.cell-editable.ui-rc-table-cell-fix-right.cell-border-end {
201
216
  z-index: 3;
202
217
  }
@@ -209,9 +224,15 @@
209
224
  .ui-rc-table-wrapper.grid-editable .ui-rc-table .ui-rc-table-tbody .rc-ui-cell-editable.cell-editable.ui-rc-table-cell-fix-right-first.next-cell-border-left::before {
210
225
  border-inline-start: 1px solid #0550C5;
211
226
  }
227
+ .ui-rc-table-wrapper.grid-editable .ui-rc-table .ui-rc-table-tbody .rc-ui-cell-editable.cell-editable.ui-rc-table-cell-fix-right-first.next-cell-paste-border-left::before {
228
+ border-inline-start: 1px dashed #949494;
229
+ }
212
230
  .ui-rc-table-wrapper.grid-editable .ui-rc-table .ui-rc-table-tbody .rc-ui-cell-editable.cell-editable.ui-rc-table-cell-fix-right-first.fixed-cell-border-left::before {
213
231
  border-inline-start: 1px solid #0550C5;
214
232
  }
233
+ .ui-rc-table-wrapper.grid-editable .ui-rc-table .ui-rc-table-tbody .rc-ui-cell-editable.cell-editable.ui-rc-table-cell-fix-right-first.fixed-cell-paste-border-left::before {
234
+ border-inline-start: 1px dashed #949494;
235
+ }
215
236
  .ui-rc-table-wrapper.grid-editable .ui-rc-table .ui-rc-table-tbody .rc-ui-cell-editable.cell-editable.ui-rc-table-cell-fix-left-last.cell-border-end {
216
237
  z-index: 3;
217
238
  }
@@ -233,10 +254,12 @@
233
254
  .ui-rc-table-wrapper.grid-editable .ui-rc-table.ui-rc-table-ping-right .ui-rc-table-tbody .rc-ui-cell-editable.cell-border-end {
234
255
  z-index: 1;
235
256
  }
257
+ .ui-rc-table-wrapper.grid-editable .ui-rc-table.ui-rc-table-small .ui-rc-table-selection-column {
258
+ padding: 6px 8px;
259
+ }
236
260
  .ui-rc-table-wrapper.grid-editable .ui-rc_cell-content {
237
261
  user-select: none;
238
- padding: 8px 8px;
239
- min-height: 23px;
262
+ padding: 7px 8px;
240
263
  overflow: hidden;
241
264
  }
242
265
  .ui-rc-table-wrapper.grid-editable .ui-rc_cell-content .ui-rc_content {
@@ -469,9 +492,6 @@
469
492
  white-space: nowrap;
470
493
  overflow: hidden;
471
494
  }
472
- .ui-rc-table-wrapper.grid-editable .ui-rc-table-tbody .ui-rc-table-cell.cell-editing {
473
- padding: 0 !important;
474
- }
475
495
  .ui-rc-table-wrapper.grid-editable .ui-rc-table-tbody .ui-rc-table-cell.cell-editing:focus-visible {
476
496
  outline: none;
477
497
  }
@@ -639,17 +659,6 @@
639
659
  color: #eb4619;
640
660
  }
641
661
 
642
- .ui-rc-table-wrapper .ui-rc-table.ui-rc-table-small .ui-rc-table-title,
643
- .ui-rc-table-wrapper .ui-rc-table.ui-rc-table-small .ui-rc-table-footer,
644
- .ui-rc-table-wrapper .ui-rc-table.ui-rc-table-small .ui-rc-table-cell,
645
- .ui-rc-table-wrapper .ui-rc-table.ui-rc-table-small .ui-rc-table-thead > tr > th,
646
- .ui-rc-table-wrapper .ui-rc-table.ui-rc-table-small .ui-rc-table-tbody > tr > th,
647
- .ui-rc-table-wrapper .ui-rc-table.ui-rc-table-small .ui-rc-table-tbody > tr > td,
648
- .ui-rc-table-wrapper .ui-rc-table.ui-rc-table-small tfoot > tr > th,
649
- .ui-rc-table-wrapper .ui-rc-table.ui-rc-table-small tfoot > tr > td {
650
- font-size: 13px;
651
- }
652
-
653
662
  .ui-rc-table-wrapper .ui-rc-table.ui-rc-table-small .ui-rc-table-cell:has(.ant-color-picker-trigger) {
654
663
  padding: 1px 8px;
655
664
  }
@@ -676,4 +685,14 @@
676
685
  border-inline-end: 1px solid #e0e0e0;
677
686
  }
678
687
 
688
+ .ui-rc-toolbar-bottom .be-toolbar-item .toolbar-dropdown-button .ant-btn.ant-btn-default.ant-btn-variant-outlined.ant-btn-compact-item.ant-btn-compact-first-item {
689
+ border-color: #28c76f;
690
+ }
691
+ .ui-rc-toolbar-bottom .be-toolbar-item .toolbar-dropdown-button .ant-btn.ant-btn-default.ant-btn-variant-outlined.ant-btn-compact-item.ant-btn-compact-last-item {
692
+ border-color: #28c76f;
693
+ }
694
+ .ui-rc-toolbar-bottom .be-toolbar-item .toolbar-dropdown-button .ant-btn.ant-btn-default.ant-btn-variant-outlined.ant-btn-compact-item.ant-btn-compact-last-item .ant-btn-icon {
695
+ color: #28c76f;
696
+ }
697
+
679
698
  /*# sourceMappingURL=index.css.map */