@jiaozhiye/qm-design-react 1.11.1 → 1.11.3

package/lib/style/index.css

@@ -2,7 +2,7 @@
  * @Author: 焦质晔
  * @Date: 2021-07-23 18:23:59
  * @Last Modified by: 焦质晔
- * @Last Modified time: 2024-11-28 20:01:15
+ * @Last Modified time: 2024-12-02 09:06:40
  */
 /*
  * @Author: 焦质晔
@@ -27492,6 +27492,7 @@ body {
 .qm-scrollbar__wrap {
   display: grid;
   height: 100%;
+  max-height: inherit;
   overflow: auto;
 }
 .qm-scrollbar__wrap--hidden {
@@ -28143,6 +28144,10 @@ body {
 .qm-form-region-select--sm {
   padding: 15px 10px 5px !important;
 }
+.qm-form-fields-filter {
+  min-width: 160px;
+  max-width: 220px;
+}
 .qm-form-fields-filter .reset {
   padding-bottom: 2px;
   margin-bottom: 4px;
@@ -28159,7 +28164,7 @@ body {
   margin: 0;
 }
 .qm-form-fields-filter .fields-list ul li.item {
-  line-height: 1.75;
+  line-height: 1.85;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
@@ -29193,13 +29198,13 @@ body {
 }
 .column-filter__popper {
   padding: 0 !important;
-  min-width: 150px;
-  max-width: 200px;
+  min-width: 160px;
+  max-width: 220px;
 }
 .column-item__popper {
   padding-right: 10px !important;
-  min-width: 150px;
-  max-width: 200px;
+  min-width: 160px;
+  max-width: 220px;
 }
 .column-item__popper .ant-popover-arrow {
   display: none;
@@ -29216,7 +29221,7 @@ body {
 .column-filter__popper .column-filter--wrap li.item,
 .column-item__popper .column-filter--wrap li.item {
   position: relative;
-  line-height: 1.75;
+  line-height: 1.85;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
@@ -31009,17 +31014,17 @@ body {
  * @Author: 焦质晔
  * @Date: 2022-03-16 19:05:30
  * @Last Modified by: 焦质晔
- * @Last Modified time: 2024-11-29 10:34:35
+ * @Last Modified time: 2024-12-04 09:17:17
  */
 .button-icon {
-  display: inline-block;
+  display: inline-flex;
   text-align: center;
   text-transform: none;
   text-decoration: none;
   background: transparent;
   border: 0;
   outline: 0;
-  line-height: 0;
+  line-height: 1;
   padding: 5px;
   color: rgba(0, 0, 0, 0.45);
   border-radius: 4px;
@@ -31032,6 +31037,10 @@ body {
 .qm-pivot-grid__popper .container {
   padding: 6px 15px;
 }
+.qm-pivot-grid__popper .container.scroll-y {
+  overflow-y: auto;
+  max-height: calc(100vh - 10px);
+}
 .qm-pivot-grid__popper .container > .label {
   display: flex;
   justify-content: space-between;
@@ -31071,6 +31080,33 @@ body {
   color: #1890ff;
   display: none;
 }
+.qm-pivot-grid__popper .container > .list li.sort-item {
+  display: flex;
+  align-items: center;
+  border-radius: 4px;
+  transition: none;
+}
+.qm-pivot-grid__popper .container > .list li.sort-item .handle {
+  padding: 5px 6px 5px 2px;
+  color: rgba(0, 0, 0, 0.45);
+  cursor: s-resize;
+}
+.qm-pivot-grid__popper .container > .list li.sort-item .label {
+  flex: 1 0;
+  display: inline-flex;
+  align-items: center;
+}
+.qm-pivot-grid__popper .container > .list li.sort-item .label .title {
+  flex: 1 0;
+}
+.qm-pivot-grid__popper .container > .list li.divider {
+  padding: 6px;
+}
+.qm-pivot-grid__popper .container > .list li.divider::after {
+  content: '';
+  display: block;
+  border-top: 1px solid #e8e8e8;
+}
 .qm-pivot-grid__popper .container > .add-record {
   display: flex;
   justify-content: space-between;
@@ -31101,7 +31137,7 @@ body {
  * @Author: 焦质晔
  * @Date: 2022-03-16 19:05:30
  * @Last Modified by: 焦质晔
- * @Last Modified time: 2024-11-29 13:20:19
+ * @Last Modified time: 2024-12-02 20:51:13
  */
 .qm-pivot-grid__layout {
   box-sizing: border-box;
@@ -31116,10 +31152,7 @@ body {
 }
 .qm-pivot-grid__layout .header,
 .qm-pivot-grid__layout .footer {
-  overflow: hidden;
-  background-color: #fff;
   border: 1px solid #e8e8e8;
-  border-radius: 6px;
 }
 .qm-pivot-grid__layout .header .table,
 .qm-pivot-grid__layout .footer .table {
@@ -31146,7 +31179,7 @@ body {
 .qm-pivot-grid__layout .header {
   position: sticky;
   top: 0;
-  z-index: 1;
+  z-index: 2;
 }
 .qm-pivot-grid__layout .header .resize-bar {
   position: absolute;
@@ -31163,9 +31196,8 @@ body {
 }
 .qm-pivot-grid__layout .body .group-card {
   margin: 15px 0;
-  border: 1px solid #e8e8e8;
-  border-radius: 6px;
   background-color: #fff;
+  border: 1px solid #e8e8e8;
 }
 .qm-pivot-grid__layout .body .group-card.inner {
   margin: 0 12px 12px;
@@ -31181,6 +31213,7 @@ body {
   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 {
@@ -31192,23 +31225,28 @@ body {
 .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;
+}
 .qm-pivot-grid__layout .body .group-card .grid-list {
   margin: 0;
   border: 0;
-  border-radius: 0;
   background: transparent;
 }
 .qm-pivot-grid__layout .body .grid-list {
   margin: 15px 0;
   border: 1px solid #e8e8e8;
-  border-radius: 6px;
-  background-color: #fff;
 }
 .qm-pivot-grid__layout .body .grid-list .table-row {
   display: flex;
   align-items: center;
 }
-.qm-pivot-grid__layout .body .grid-list .table-row:hover {
+.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 {
@@ -31230,30 +31268,40 @@ body {
   align-self: stretch;
   display: inline-flex;
   align-items: center;
-  border-right: 1px solid #e8e8e8;
   border-bottom: 1px solid #e8e8e8;
 }
-.qm-pivot-grid__layout .body .grid-list .table-row .table-cell:last-child {
+.qm-pivot-grid__layout .footer {
+  position: sticky;
+  bottom: 0;
+  z-index: 2;
+}
+.qm-pivot-grid__layout .header .table-cell,
+.qm-pivot-grid__layout .body .table-cell,
+.qm-pivot-grid__layout .footer .table-cell {
+  background-color: #fff;
+  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;
 }
-.qm-pivot-grid__layout .body .grid-list .table-row .table-cell.selection-column {
+.qm-pivot-grid__layout .header .table-cell.selection-column,
+.qm-pivot-grid__layout .body .table-cell.selection-column,
+.qm-pivot-grid__layout .footer .table-cell.selection-column {
   justify-content: center;
   border-right-color: transparent;
 }
-.qm-pivot-grid__layout .body .grid-list .table-row .table-cell .order {
+.qm-pivot-grid__layout .header .table-cell .order,
+.qm-pivot-grid__layout .body .table-cell .order,
+.qm-pivot-grid__layout .footer .table-cell .order {
   display: inline-block;
 }
-.qm-pivot-grid__layout .body .grid-list .table-row .table-cell .checkbox {
+.qm-pivot-grid__layout .header .table-cell .checkbox,
+.qm-pivot-grid__layout .body .table-cell .checkbox,
+.qm-pivot-grid__layout .footer .table-cell .checkbox {
   display: none;
 }
-.qm-pivot-grid__layout .body .grid-list .table-row:last-child .table-cell {
-  border-bottom: 0;
-}
-.qm-pivot-grid__layout .footer {
-  position: sticky;
-  bottom: 0;
-  z-index: 1;
-}
 .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 {
@@ -31266,6 +31314,12 @@ body {
   text-align: right !important;
   justify-content: flex-end;
 }
+.qm-pivot-grid__layout .header .table-cell.col--fix-left,
+.qm-pivot-grid__layout .body .table-cell.col--fix-left,
+.qm-pivot-grid__layout .footer .table-cell.col--fix-left {
+  position: sticky;
+  z-index: 1;
+}
 .qm-pivot-grid__layout .header .table-cell .cell,
 .qm-pivot-grid__layout .body .table-cell .cell,
 .qm-pivot-grid__layout .footer .table-cell .cell {
@@ -31274,6 +31328,9 @@ body {
   white-space: nowrap;
   padding: 0 8px;
 }
+.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,
 .qm-pivot-grid__layout .header .table-cell:hover .count-select,
 .qm-pivot-grid__layout .body .table-cell:hover .count-select,
 .qm-pivot-grid__layout .footer .table-cell:hover .count-select {
@@ -31342,3 +31399,25 @@ body {
 .qm-pivot-grid__layout.large .body .group-card > li {
   height: 42px;
 }
+/*
+ * @Author: 焦质晔
+ * @Date: 2024-12-02 09:06:20
+ * @Last Modified by: 焦质晔
+ * @Last Modified time: 2024-12-02 13:16:55
+ */
+.qm-virtual-list {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  color: rgba(0, 0, 0, 0.85);
+  font-variant: tabular-nums;
+  line-height: 1.5715;
+  list-style: none;
+  font-feature-settings: 'tnum';
+}
+.qm-virtual-list .container {
+  display: block;
+}
+.qm-virtual-list .container ul li.list-item {
+  list-style: none;
+}

package/lib/style/index.less

@@ -2,7 +2,7 @@
  * @Author: 焦质晔
  * @Date: 2021-07-23 18:23:59
  * @Last Modified by: 焦质晔
- * @Last Modified time: 2024-11-28 20:01:15
+ * @Last Modified time: 2024-12-02 09:06:40
  */
 @import '../antd/index.less';
 @import './var.less';
@@ -40,3 +40,4 @@
 @import '../lazy-load/style/index.less';
 @import '../signature/style/index.less';
 @import '../pivot-grid/style/index.less';
+@import '../virtual-list/style/index.less';