dcp-design-react 1.11.7 → 1.11.8

package/lib/style/index.css

@@ -31146,7 +31146,7 @@ body {
  * @Author: 焦质晔
  * @Date: 2022-03-16 19:05:30
  * @Last Modified by: 焦质晔
- * @Last Modified time: 2024-12-11 17:28:36
+ * @Last Modified time: 2024-12-21 19:46:45
  */
 .qm-pivot-grid__layout {
   box-sizing: border-box;
@@ -31163,29 +31163,23 @@ body {
 }
 .qm-pivot-grid__layout .header,
 .qm-pivot-grid__layout .footer {
-  border: 1px solid #e8e8e8;
-}
-.qm-pivot-grid__layout .header .table,
-.qm-pivot-grid__layout .footer .table {
-  table-layout: fixed;
-  display: contents;
+  display: flex;
+  flex-direction: row;
 }
-.qm-pivot-grid__layout .header .table thead th,
-.qm-pivot-grid__layout .footer .table thead th,
-.qm-pivot-grid__layout .header .table tfoot td,
-.qm-pivot-grid__layout .footer .table tfoot td {
-  text-align: left;
-  font-weight: normal;
-  border-right: 1px solid #e8e8e8;
-  position: relative;
+.qm-pivot-grid__layout .header .fixed-left,
+.qm-pivot-grid__layout .footer .fixed-left {
+  position: sticky;
+  left: 0;
+  z-index: 1;
+  display: flex;
+  border-left: 1px solid #e8e8e8;
+  border-bottom: 1px solid #e8e8e8;
 }
-.qm-pivot-grid__layout .header .table thead th.selection-column,
-.qm-pivot-grid__layout .footer .table thead th.selection-column,
-.qm-pivot-grid__layout .header .table tfoot td.selection-column,
-.qm-pivot-grid__layout .footer .table tfoot td.selection-column {
-  text-align: center;
-  justify-content: center;
-  border-right-color: transparent;
+.qm-pivot-grid__layout .header .no-fixed,
+.qm-pivot-grid__layout .footer .no-fixed {
+  flex: 1 0;
+  display: flex;
+  border-bottom: 1px solid #e8e8e8;
 }
 .qm-pivot-grid__layout .header {
   position: sticky;
@@ -31193,7 +31187,9 @@ body {
   z-index: 2;
 }
 .qm-pivot-grid__layout .header .table-cell {
+  position: relative;
   background-color: #d6f2ff !important;
+  cursor: pointer;
 }
 .qm-pivot-grid__layout .header .resize-bar {
   position: absolute;
@@ -31205,101 +31201,11 @@ body {
   cursor: col-resize;
 }
 .qm-pivot-grid__layout .body {
+  display: flex;
+  flex-direction: row;
   min-height: -moz-fit-content;
   min-height: fit-content;
 }
-.qm-pivot-grid__layout .body .group-card {
-  margin: 15px 0;
-  background-color: #fff;
-  border: 1px solid #e8e8e8;
-}
-.qm-pivot-grid__layout .body .group-card.inner {
-  margin: 0 12px 12px;
-}
-.qm-pivot-grid__layout .body .group-card:has(.inner) > .label-row > .label-cell {
-  border-bottom: 0;
-}
-.qm-pivot-grid__layout .body .group-card .label-row {
-  display: flex;
-  align-items: center;
-}
-.qm-pivot-grid__layout .body .group-card .label-row .label-cell {
-  align-self: stretch;
-  display: inline-flex;
-  align-items: center;
-  background-color: #fff;
-  border-bottom: 1px solid #e8e8e8;
-}
-.qm-pivot-grid__layout .body .group-card .label-row .label-cell.expandable-column {
-  justify-content: center;
-}
-.qm-pivot-grid__layout .body .group-card .label-row .label-cell.expandable-column .button-icon > .anticon {
-  transition: transform 0.3s ease;
-}
-.qm-pivot-grid__layout .body .group-card .label-row .label-cell.expandable-column .button-icon.expand > .anticon {
-  transform: rotate(90deg);
-}
-.qm-pivot-grid__layout .body .group-card .label-row .label-cell.col--fix-left {
-  position: sticky;
-  z-index: 1;
-}
-.qm-pivot-grid__layout .body .group-card .label-row .label-cell .title {
-  flex-shrink: 0;
-  margin-right: 20px;
-  font-weight: 700;
-}
-.qm-pivot-grid__layout .body .group-card .grid-list {
-  margin: 0;
-  border: 0;
-  background: transparent;
-}
-.qm-pivot-grid__layout .body .grid-list {
-  margin: 15px 0;
-  border: 1px solid #e8e8e8;
-}
-.qm-pivot-grid__layout .body .grid-list .table-row {
-  display: flex;
-  align-items: center;
-}
-.qm-pivot-grid__layout .body .grid-list .table-row:hover .table-cell {
-  background-color: #f5f5f5;
-}
-.qm-pivot-grid__layout .body .grid-list .table-row:hover .table-cell .order {
-  display: none;
-}
-.qm-pivot-grid__layout .body .grid-list .table-row:hover .table-cell .checkbox {
-  display: inline-flex;
-}
-.qm-pivot-grid__layout .body .grid-list .table-row.row--selection {
-  background-color: #e6f7ff;
-}
-.qm-pivot-grid__layout .body .grid-list .table-row.row--selection .table-cell .order {
-  display: none;
-}
-.qm-pivot-grid__layout .body .grid-list .table-row.row--selection .table-cell .checkbox {
-  display: inline-flex;
-}
-.qm-pivot-grid__layout .body .grid-list .table-row .table-cell {
-  align-self: stretch;
-  display: inline-flex;
-  align-items: center;
-  border-bottom: 1px solid #e8e8e8;
-}
-.qm-pivot-grid__layout .body .grid-list .table-row .table-cell.active {
-  box-shadow: inset 0 0 0 2px #1890ff;
-  background-color: #ffeb8c;
-}
-.qm-pivot-grid__layout .body .grid-list .table-row .cell--expand {
-  display: inline-flex;
-  padding: 4px;
-  font-size: 13px;
-  color: rgba(0, 0, 0, 0.45);
-  cursor: pointer;
-  transition: transform 0.3s ease;
-}
-.qm-pivot-grid__layout .body .grid-list .table-row .cell--expand.fold {
-  transform: rotate(-90deg);
-}
 .qm-pivot-grid__layout .footer {
   position: sticky;
   bottom: 0;
@@ -31308,13 +31214,12 @@ body {
 .qm-pivot-grid__layout .header .table-cell,
 .qm-pivot-grid__layout .body .table-cell,
 .qm-pivot-grid__layout .footer .table-cell {
-  background-color: #fff;
+  align-self: stretch;
+  display: inline-flex;
+  align-items: center;
+  border-top: 1px solid #e8e8e8;
   border-right: 1px solid #e8e8e8;
-}
-.qm-pivot-grid__layout .header .table-cell:last-child,
-.qm-pivot-grid__layout .body .table-cell:last-child,
-.qm-pivot-grid__layout .footer .table-cell:last-child {
-  border-right: 0;
+  background-color: #fff;
 }
 .qm-pivot-grid__layout .header .table-cell.selection-column,
 .qm-pivot-grid__layout .body .table-cell.selection-column,
@@ -31335,13 +31240,13 @@ body {
 .qm-pivot-grid__layout .header .table-cell.col--center,
 .qm-pivot-grid__layout .body .table-cell.col--center,
 .qm-pivot-grid__layout .footer .table-cell.col--center {
-  text-align: center !important;
+  text-align: center;
   justify-content: center;
 }
 .qm-pivot-grid__layout .header .table-cell.col--right,
 .qm-pivot-grid__layout .body .table-cell.col--right,
 .qm-pivot-grid__layout .footer .table-cell.col--right {
-  text-align: right !important;
+  text-align: right;
   justify-content: flex-end;
 }
 .qm-pivot-grid__layout .header .table-cell.col--fix-left,
@@ -31350,6 +31255,17 @@ body {
   position: sticky;
   z-index: 1;
 }
+.qm-pivot-grid__layout .header .table-cell.col--checked,
+.qm-pivot-grid__layout .body .table-cell.col--checked,
+.qm-pivot-grid__layout .footer .table-cell.col--checked {
+  background-color: #e6f7ff;
+}
+.qm-pivot-grid__layout .header .table-cell.active,
+.qm-pivot-grid__layout .body .table-cell.active,
+.qm-pivot-grid__layout .footer .table-cell.active {
+  box-shadow: inset 0 0 0 2px #1890ff;
+  background-color: #ffeb8c;
+}
 .qm-pivot-grid__layout .header .table-cell .cell,
 .qm-pivot-grid__layout .body .table-cell .cell,
 .qm-pivot-grid__layout .footer .table-cell .cell {
@@ -31358,6 +31274,11 @@ body {
   white-space: nowrap;
   padding: 0 8px;
 }
+.qm-pivot-grid__layout .header .table-cell .cell.indent,
+.qm-pivot-grid__layout .body .table-cell .cell.indent,
+.qm-pivot-grid__layout .footer .table-cell .cell.indent {
+  padding-left: 16px;
+}
 .qm-pivot-grid__layout .header .label-cell:hover .count-select,
 .qm-pivot-grid__layout .body .label-cell:hover .count-select,
 .qm-pivot-grid__layout .footer .label-cell:hover .count-select,
@@ -31411,22 +31332,114 @@ body {
   cursor: col-resize;
   z-index: 2;
 }
-.qm-pivot-grid__layout.small .header .table th,
-.qm-pivot-grid__layout.small .footer .table td,
-.qm-pivot-grid__layout.small .body .grid-list > li,
-.qm-pivot-grid__layout.small .body .group-card > li {
+.qm-pivot-grid__layout .fixed-line {
+  position: absolute;
+  left: -1px;
+  top: 0;
+  width: 0;
+  height: 100%;
+  border-left: 1px solid #91d5ff;
+  z-index: 2;
+  pointer-events: none;
+}
+.qm-pivot-grid__layout .left-panel {
+  position: sticky;
+  left: 0;
+  z-index: 1;
+}
+.qm-pivot-grid__layout .left-panel .group-label {
+  border-right: 0 !important;
+}
+.qm-pivot-grid__layout .main-panel {
+  flex: 1 0;
+  z-index: 0;
+}
+.qm-pivot-grid__layout .main-panel .group-label,
+.qm-pivot-grid__layout .main-panel .row-item {
+  border-left: 0 !important;
+}
+.qm-pivot-grid__layout .container {
+  position: relative;
+  left: 0;
+  top: 0;
+}
+.qm-pivot-grid__layout .container .group-label {
+  position: absolute;
+  border: 1px solid #e8e8e8;
+  background-color: #fff;
+}
+.qm-pivot-grid__layout .container .group-label .label-row {
+  display: flex;
+  align-items: center;
+}
+.qm-pivot-grid__layout .container .group-label .label-cell {
+  align-self: stretch;
+  display: inline-flex;
+  align-items: center;
+}
+.qm-pivot-grid__layout .container .group-label .label-cell.expandable-column {
+  justify-content: center;
+}
+.qm-pivot-grid__layout .container .group-label .label-cell.expandable-column .button-icon > .anticon {
+  transition: transform 0.3s ease;
+}
+.qm-pivot-grid__layout .container .group-label .label-cell.expandable-column .button-icon.expand > .anticon {
+  transform: rotate(90deg);
+}
+.qm-pivot-grid__layout .container .group-label .label-cell.col--fix-left {
+  position: sticky;
+  z-index: 1;
+}
+.qm-pivot-grid__layout .container .group-label .label-cell .title {
+  flex-shrink: 0;
+  margin-right: 20px;
+  font-weight: 700;
+}
+.qm-pivot-grid__layout .container .row-item {
+  position: absolute;
+  border-left: 1px solid #e8e8e8;
+}
+.qm-pivot-grid__layout .container .row-item.last .table-cell {
+  border-bottom: 1px solid #e8e8e8;
+}
+.qm-pivot-grid__layout .container .row-item .table-row {
+  display: flex;
+  align-items: center;
+  height: inherit;
+}
+.qm-pivot-grid__layout .container .row-item .table-row.row--hover .table-cell,
+.qm-pivot-grid__layout .container .row-item .table-row.row--selection .table-cell {
+  background-color: #f5f5f5;
+}
+.qm-pivot-grid__layout .container .row-item .table-row.row--hover .table-cell .order,
+.qm-pivot-grid__layout .container .row-item .table-row.row--selection .table-cell .order {
+  display: none;
+}
+.qm-pivot-grid__layout .container .row-item .table-row.row--hover .table-cell .checkbox,
+.qm-pivot-grid__layout .container .row-item .table-row.row--selection .table-cell .checkbox {
+  display: inline-flex;
+}
+.qm-pivot-grid__layout .container .row-item .table-row .cell--expand {
+  display: inline-flex;
+  padding: 4px;
+  font-size: 13px;
+  color: rgba(0, 0, 0, 0.45);
+  cursor: pointer;
+  transition: transform 0.3s ease;
+}
+.qm-pivot-grid__layout .container .row-item .table-row .cell--expand.fold {
+  transform: rotate(-90deg);
+}
+.qm-pivot-grid__layout.small .label-row,
+.qm-pivot-grid__layout.small .table-cell {
   height: 26px;
 }
-.qm-pivot-grid__layout.middle .header .table th,
-.qm-pivot-grid__layout.middle .footer .table td,
-.qm-pivot-grid__layout.middle .body .grid-list > li,
-.qm-pivot-grid__layout.middle .body .group-card > li {
+.qm-pivot-grid__layout.middle .label-row,
+.qm-pivot-grid__layout.middle .table-cell {
   height: 34px;
 }
-.qm-pivot-grid__layout.large .header .table th,
-.qm-pivot-grid__layout.large .footer .table td,
-.qm-pivot-grid__layout.large .body .grid-list > li,
-.qm-pivot-grid__layout.large .body .group-card > li {
+.qm-pivot-grid__layout.large .label-row,
+.qm-pivot-grid__layout.large .table-cell {
   height: 42px;
 }
 /*