@jiaozhiye/qm-design-react 1.11.17 → 1.11.19

package/lib/style/index.css

@@ -29081,33 +29081,72 @@ body {
 }
 .qm-table-fast-search__setting .main {
   display: flex;
-  flex-direction: column;
+  flex-direction: row;
   height: 100%;
 }
-.qm-table-fast-search__setting .main .top {
-  display: flex;
+.qm-table-fast-search__setting .main .container {
   flex: 1;
-  height: 0;
+  min-width: 0;
+  display: flex;
+  flex-direction: column;
+}
+.qm-table-fast-search__setting .main .container .search-box {
+  display: flex;
+  align-items: center;
+}
+.qm-table-fast-search__setting .main .container .search-box .label {
+  width: 100px;
+}
+.qm-table-fast-search__setting .main .container .condition {
+  margin-top: 10px;
+  margin-bottom: 10px;
+}
+.qm-table-fast-search__setting .main .container .all-list {
+  flex: 1 0;
+  min-height: 0;
   overflow-y: auto;
 }
-.qm-table-fast-search__setting .main .top .container {
-  flex: 1;
-  width: 0;
+.qm-table-fast-search__setting .main .container .all-list .rtable {
+  width: 100%;
+  border: 1px solid #e8e8e8;
 }
-.qm-table-fast-search__setting .main .top .container .qm-tabs {
-  margin-top: -5px;
+.qm-table-fast-search__setting .main .container .all-list .rtable thead {
+  position: sticky;
+  top: 0;
 }
-.qm-table-fast-search__setting .main .top .saved {
-  width: 200px;
+.qm-table-fast-search__setting .main .container .all-list .rtable thead th {
+  background-color: #fafafa;
+  height: 30px;
+  text-align: center;
+}
+.qm-table-fast-search__setting .main .container .all-list .rtable tbody tr.active td {
+  background-color: #e6f7ff;
+  color: #1890ff;
+}
+.qm-table-fast-search__setting .main .container .all-list .rtable tbody tr:hover td {
+  text-decoration: underline;
+}
+.qm-table-fast-search__setting .main .container .all-list .rtable tbody tr td {
+  height: 30px;
+  text-align: center;
+  border-top: 1px solid #e8e8e8;
+  cursor: pointer;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  max-width: 0;
+}
+.qm-table-fast-search__setting .main .saved {
+  width: 240px;
 }
-.qm-table-fast-search__setting .main .top .saved .form-wrap {
+.qm-table-fast-search__setting .main .saved .form-wrap {
   display: flex;
 }
-.qm-table-fast-search__setting .main .top .saved .card-wrap {
+.qm-table-fast-search__setting .main .saved .card-wrap {
   margin-top: 10px;
   border: 1px solid #e8e8e8;
 }
-.qm-table-fast-search__setting .main .top .saved .card-wrap > h5 {
+.qm-table-fast-search__setting .main .saved .card-wrap > h5 {
   display: flex;
   align-items: center;
   font-size: inherit;
@@ -29117,10 +29156,10 @@ body {
   border-bottom: 1px solid #e8e8e8;
   background-color: #fafafa;
 }
-.qm-table-fast-search__setting .main .top .saved .card-wrap > ul {
+.qm-table-fast-search__setting .main .saved .card-wrap > ul {
   margin-bottom: 0;
 }
-.qm-table-fast-search__setting .main .top .saved .card-wrap > ul li {
+.qm-table-fast-search__setting .main .saved .card-wrap > ul li {
   display: flex;
   align-items: center;
   position: relative;
@@ -29129,38 +29168,35 @@ body {
   cursor: pointer;
   transition: all 0.3s ease;
 }
-.qm-table-fast-search__setting .main .top .saved .card-wrap > ul li:last-of-type {
+.qm-table-fast-search__setting .main .saved .card-wrap > ul li:last-of-type {
   border-bottom: 0;
 }
-.qm-table-fast-search__setting .main .top .saved .card-wrap > ul li:hover {
+.qm-table-fast-search__setting .main .saved .card-wrap > ul li:hover {
   background-color: #f5f5f5;
 }
-.qm-table-fast-search__setting .main .top .saved .card-wrap > ul li:hover .close {
+.qm-table-fast-search__setting .main .saved .card-wrap > ul li:hover .close {
   visibility: visible;
 }
-.qm-table-fast-search__setting .main .top .saved .card-wrap > ul li.selected {
+.qm-table-fast-search__setting .main .saved .card-wrap > ul li.selected {
   background-color: #bae7ff;
 }
-.qm-table-fast-search__setting .main .top .saved .card-wrap > ul li .title i {
+.qm-table-fast-search__setting .main .saved .card-wrap > ul li .title i {
   margin-right: 5px;
 }
-.qm-table-fast-search__setting .main .top .saved .card-wrap > ul li .close {
+.qm-table-fast-search__setting .main .saved .card-wrap > ul li .close {
   position: absolute;
   right: 10px;
   visibility: hidden;
 }
-.qm-table-fast-search__setting .main .top .line {
+.qm-table-fast-search__setting .main .line {
   border-left: 1px dashed #d9d9d9;
   padding-left: 10px;
   margin-left: 10px;
 }
-.qm-table-fast-search__setting .main .bottom {
+.qm-table-fast-search__setting .bottom-bar {
   display: flex;
   justify-content: space-between;
   align-items: center;
-  padding: 10px 5px;
-  margin-top: 10px;
-  border-top: 1px dashed #d9d9d9;
 }
 /*
  * @Author: 焦质晔
@@ -29328,7 +29364,6 @@ body {
   /* body 填充元素 */
   /* 列宽线 */
   /* 边框线 */
-  /* 溢出列 */
   /* 弹出层 */
 }
 .qm-table:before,
@@ -29367,7 +29402,6 @@ body {
   overflow-x: auto;
 }
 .qm-table--body-wrapper .virtual-container {
-  contain: paint;
   will-change: margin-top, margin-left;
 }
 .qm-table.c--resize {
@@ -29416,6 +29450,16 @@ body {
 .qm-table .footer--column {
   position: relative;
   text-align: left;
+  /* 溢出列 */
+}
+.qm-table .header--column.col--ellipsis .cell,
+.qm-table .body--column.col--ellipsis .cell,
+.qm-table .footer--column.col--ellipsis .cell {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  word-break: break-all;
+  white-space: pre;
 }
 .qm-table .header--column:not(.col--ellipsis),
 .qm-table .body--column:not(.col--ellipsis),
@@ -29437,6 +29481,12 @@ body {
 .qm-table .footer--column.col--right:not(.header--column) {
   text-align: right;
 }
+.qm-table .header--column.col-active,
+.qm-table .body--column.col-active,
+.qm-table .footer--column.col-active {
+  box-shadow: inset 0 0 0 2px #1890ff;
+  background-color: rgba(250, 173, 20, 0.3) !important;
+}
 .qm-table .header--column .cell,
 .qm-table .body--column .cell,
 .qm-table .footer--column .cell {
@@ -29624,15 +29674,6 @@ body {
   right: 0;
   border-right: 1px solid #e8e8e8;
 }
-.qm-table .header--column.col--ellipsis .cell,
-.qm-table .body--column.col--ellipsis .cell,
-.qm-table .footer--column.col--ellipsis .cell {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  word-break: break-all;
-  white-space: pre;
-}
 .qm-table__popper {
   padding: 10px;
 }
@@ -30235,6 +30276,7 @@ body {
   margin-bottom: 8px;
 }
 .qm-search-tree .topper .trigger {
+  flex-shrink: 0;
   margin-left: 8px;
   margin-bottom: 8px;
 }
@@ -30994,7 +31036,7 @@ body {
 }
 .qm-pivot-grid:not(.is-from-table) {
   border: 1px solid #e8e8e8;
-  border-radius: 4px;
+  border-radius: 6px;
 }
 .qm-pivot-grid .top-bar {
   display: flex;
@@ -31218,12 +31260,28 @@ body {
   display: flex;
   border-left: 1px solid #e8e8e8;
   border-bottom: 1px solid #e8e8e8;
+  box-shadow: -5px 0px 0 0px #f5f5f5;
+}
+.qm-pivot-grid__layout .header .fixed-left,
+.qm-pivot-grid__layout .footer .fixed-left,
+.qm-pivot-grid__layout .header .fixed-left .table-cell:first-child,
+.qm-pivot-grid__layout .footer .fixed-left .table-cell:first-child {
+  border-top-left-radius: 8px;
+  border-bottom-left-radius: 8px;
 }
 .qm-pivot-grid__layout .header .no-fixed,
 .qm-pivot-grid__layout .footer .no-fixed {
   flex: 1 0;
   display: flex;
   border-bottom: 1px solid #e8e8e8;
+  box-shadow: 5px 0px 0 0px #f5f5f5;
+}
+.qm-pivot-grid__layout .header .no-fixed,
+.qm-pivot-grid__layout .footer .no-fixed,
+.qm-pivot-grid__layout .header .no-fixed .table-cell:last-child,
+.qm-pivot-grid__layout .footer .no-fixed .table-cell:last-child {
+  border-top-right-radius: 8px;
+  border-bottom-right-radius: 8px;
 }
 .qm-pivot-grid__layout .header {
   position: sticky;
@@ -31232,7 +31290,7 @@ body {
 }
 .qm-pivot-grid__layout .header .table-cell {
   position: relative;
-  background-color: #d6f2ff !important;
+  background-color: #d7f0ff !important;
   cursor: pointer;
 }
 .qm-pivot-grid__layout .header .resize-bar {
@@ -31351,11 +31409,6 @@ 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,
@@ -31419,6 +31472,20 @@ body {
   z-index: 2;
   pointer-events: none;
 }
+.qm-pivot-grid__layout .fixed-line::after {
+  content: '';
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: -1px;
+  width: 20px;
+  transform: translateX(100%);
+  transition: box-shadow 0.3s;
+  pointer-events: none;
+}
+.qm-pivot-grid__layout .fixed-line.active::after {
+  box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.15);
+}
 .qm-pivot-grid__layout .left-panel {
   position: sticky;
   left: 0;
@@ -31426,6 +31493,27 @@ body {
 }
 .qm-pivot-grid__layout .left-panel .group-label {
   border-right: 0 !important;
+  border-top-left-radius: 8px;
+  border-bottom-left-radius: 8px;
+}
+.qm-pivot-grid__layout .left-panel .group-label.level0 {
+  box-shadow: -5px 0px 0 0px #f5f5f5;
+}
+.qm-pivot-grid__layout .left-panel .row-item:nth-of-type(1) {
+  border-top-left-radius: 8px;
+  box-shadow: -5px 0px 0 0px #f5f5f5;
+}
+.qm-pivot-grid__layout .left-panel .row-item:nth-of-type(1) .table-cell:first-child {
+  border-top-left-radius: 8px;
+}
+.qm-pivot-grid__layout .left-panel .row-item.last {
+  border-bottom-left-radius: 8px;
+}
+.qm-pivot-grid__layout .left-panel .row-item.last .table-cell:first-child {
+  border-bottom-left-radius: 8px;
+}
+.qm-pivot-grid__layout .left-panel .no-group .row-item:last-child {
+  box-shadow: -5px 0px 0 0px #f5f5f5;
 }
 .qm-pivot-grid__layout .main-panel {
   flex: 1 0;
@@ -31435,6 +31523,22 @@ body {
 .qm-pivot-grid__layout .main-panel .row-item {
   border-left: 0 !important;
 }
+.qm-pivot-grid__layout .main-panel .group-label {
+  border-top-right-radius: 8px;
+  border-bottom-right-radius: 8px;
+}
+.qm-pivot-grid__layout .main-panel .row-item:nth-of-type(1) {
+  border-top-right-radius: 8px;
+}
+.qm-pivot-grid__layout .main-panel .row-item:nth-of-type(1) .table-cell:last-child {
+  border-top-right-radius: 8px;
+}
+.qm-pivot-grid__layout .main-panel .row-item.last {
+  border-bottom-right-radius: 8px;
+}
+.qm-pivot-grid__layout .main-panel .row-item.last .table-cell:last-child {
+  border-bottom-right-radius: 8px;
+}
 .qm-pivot-grid__layout .container {
   position: relative;
   left: 0;
@@ -31470,7 +31574,11 @@ body {
 .qm-pivot-grid__layout .container .group-label .label-cell .title {
   flex-shrink: 0;
   margin-right: 20px;
-  font-weight: 700;
+  font-weight: 600;
+}
+.qm-pivot-grid__layout .container .group-label .label-cell .title .empty {
+  color: rgba(0, 0, 0, 0.45);
+  font-weight: 400;
 }
 .qm-pivot-grid__layout .container .row-item {
   position: absolute;
@@ -31572,7 +31680,6 @@ body {
   display: block;
 }
 .qm-virtual-list .container ul {
-  contain: paint;
   will-change: transform;
 }
 .qm-virtual-list .container ul li.list-item {