es-grid-template 1.2.1 → 1.2.3

package/es/grid-component/styles.scss

@@ -36,6 +36,13 @@ $fontFamily: "Montserrat",Helvetica,Arial,serif !default;
     margin: 0;
   }
 
+  .ui-rc-table {
+    //font-family: $fontFamily;
+    color: #000000de;
+    //font-weight: 500;
+  }
+
+
 
   &.table-none-column-select {
     .#{$prefix}-table-cell {
@@ -52,6 +59,7 @@ $fontFamily: "Montserrat",Helvetica,Arial,serif !default;
   .#{$prefix}-table {
     line-height: 20px;
     .#{$prefix}-table-cell {
+      min-height: 35px;
 
       .#{$prefix}-table-filter-column {
         .#{$prefix}-dropdown-trigger.#{$prefix}-table-filter-trigger {
@@ -178,12 +186,14 @@ $fontFamily: "Montserrat",Helvetica,Arial,serif !default;
   }
 
   .#{$prefix}-table-thead {
+    //font-weight: 400;
 
     > tr {
       > th,
       > td {
         border-bottom: 1px solid $tableBorderColor;
-        background: #fff;
+        //background: #fff;
+        font-weight: 500;
       }
     }
 
@@ -326,6 +336,7 @@ $fontFamily: "Montserrat",Helvetica,Arial,serif !default;
       overflow: unset;
 
       display: flex;
+      //--------
       padding: 0;
 
       .#{$prefix}-table-row-expand-icon {
@@ -342,14 +353,26 @@ $fontFamily: "Montserrat",Helvetica,Arial,serif !default;
           border-bottom: 1px solid $border-selected-color;
         }
 
+        &.cell-paste-border-bottom {
+          border-bottom: 1px dashed #949494;
+        }
+
         &.cell-border-left {
           border-inline-end: 1px solid $border-selected-color;
         }
 
+        &.cell-paste-border-left {
+          border-inline-end: 1px dashed #949494;
+        }
+
         &.cell-border-right {
           border-inline-end: 1px solid $border-selected-color;
         }
 
+        &.cell-paste-border-right {
+          border-inline-end: 1px dashed #949494;
+        }
+
         &.#{$prefix}-table-cell-fix-left {
           &:has(.ui-rc_cell-content.selected) {
           }
@@ -383,11 +406,23 @@ $fontFamily: "Montserrat",Helvetica,Arial,serif !default;
             }
           }
 
+
+          &.next-cell-paste-border-left {
+            &::before {
+              border-inline-start: 1px dashed #949494;
+            }
+          }
+
           &.fixed-cell-border-left {
             &::before {
               border-inline-start: 1px solid $border-selected-color;
             }
           }
+          &.fixed-cell-paste-border-left {
+            &::before {
+              border-inline-start: 1px dashed #949494;
+            }
+          }
 
         }
 
@@ -493,14 +528,16 @@ $fontFamily: "Montserrat",Helvetica,Arial,serif !default;
     .#{$prefix}-table.#{$prefix}-table-small {
       .#{$prefix}-table-selection-column{
         //padding: 8px 8px;
+        padding: 6px 8px;
       }
     }
 
     .ui-rc_cell-content {
       //position: relative;
       user-select: none;
-      padding: 8px 8px;
-      min-height: 23px;
+      //padding: 8px 8px;
+      padding: 7px 8px;
+      //min-height: 23px;
       overflow: hidden;
 
       .ui-rc_content {
@@ -520,6 +557,7 @@ $fontFamily: "Montserrat",Helvetica,Arial,serif !default;
         cursor: crosshair;
         right: 0;
         bottom: 0;
+        //background: red;
 
         .dot-point {
           position: absolute;
@@ -627,7 +665,7 @@ $fontFamily: "Montserrat",Helvetica,Arial,serif !default;
         }
 
         &.cell-editing {
-          padding: 0 !important;
+          //padding: 0 !important;
           &:focus-visible {
             outline: none;
           }
@@ -965,7 +1003,7 @@ $fontFamily: "Montserrat",Helvetica,Arial,serif !default;
     tfoot > tr > th,
     tfoot > tr > td {
       //padding: 8px 8px;
-      font-size: 13px;
+      //font-size: 13px;
     }
   }
 }
@@ -1004,3 +1042,23 @@ $fontFamily: "Montserrat",Helvetica,Arial,serif !default;
 .#{$prefix}-table-wrapper .#{$prefix}-table.#{$prefix}-table-bordered >.#{$prefix}-table-container >.#{$prefix}-table-summary >table >tfoot>tr >.#{$prefix}-table-cell-fix-right-first::after {
   border-inline-end: 1px solid $tableBorderColor;
 }
+
+
+// toolbar
+
+.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 {
+        border-color: #28c76f;
+      }
+      .ant-btn.ant-btn-default.ant-btn-variant-outlined.ant-btn-compact-item.ant-btn-compact-last-item {
+        border-color: #28c76f;
+        .ant-btn-icon {
+          color: #28c76f;
+        }
+      }
+    }
+
+  }
+}

package/es/grid-component/table/Grid.js

@@ -4,6 +4,9 @@ import { GridStyle } from "../GridStyle";
 import TableGrid from "../TableGrid";
 // import type {ColumnsTable} from "../type";
 
+import { ConfigProvider } from "rc-master-ui";
+// import {ConfigProvider} from "antd";
+
 const Grid = props => {
   const {
     height,
@@ -15,9 +18,22 @@ const Grid = props => {
     style: {
       position: 'relative'
     }
+  }, /*#__PURE__*/React.createElement(ConfigProvider, {
+    theme: {
+      components: {
+        Table: {
+          rowHoverBg: '#eb461912',
+          rowSelectedBg: '#eb4619',
+          rowSelectedHoverBg: '#eb4619',
+          cellFontSize: 12,
+          cellFontSizeSM: 13,
+          headerBg: '#ffffff'
+        }
+      }
+    }
   }, /*#__PURE__*/React.createElement(TableGrid, _extends({}, rest, {
     // style={{...style, minHeight: height}}
     rowHoverable: rowHoverable ?? true
-  }))));
+  })))));
 };
 export default Grid;