es-grid-template 1.2.1 → 1.2.3

package/lib/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/lib/grid-component/table/Grid.js

@@ -9,10 +9,13 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _react = _interopRequireWildcard(require("react"));
 var _GridStyle = require("../GridStyle");
 var _TableGrid = _interopRequireDefault(require("../TableGrid"));
+var _rcMasterUi = require("rc-master-ui");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 // import type {ColumnsTable} from "../type";
 
+// import {ConfigProvider} from "antd";
+
 const Grid = props => {
   const {
     height,
@@ -24,9 +27,22 @@ const Grid = props => {
     style: {
       position: 'relative'
     }
+  }, /*#__PURE__*/_react.default.createElement(_rcMasterUi.ConfigProvider, {
+    theme: {
+      components: {
+        Table: {
+          rowHoverBg: '#eb461912',
+          rowSelectedBg: '#eb4619',
+          rowSelectedHoverBg: '#eb4619',
+          cellFontSize: 12,
+          cellFontSizeSM: 13,
+          headerBg: '#ffffff'
+        }
+      }
+    }
   }, /*#__PURE__*/_react.default.createElement(_TableGrid.default, (0, _extends2.default)({}, rest, {
     // style={{...style, minHeight: height}}
     rowHoverable: rowHoverable ?? true
-  }))));
+  })))));
 };
 var _default = exports.default = Grid;