@jiaozhiye/qm-design-react 1.11.17 → 1.11.18

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -313,12 +313,15 @@ declare const _default: {
313
313
  notMatch: string;
314
314
  toTheEnd: string;
315
315
  toStart: string;
316
- tabPanes: string[];
317
316
  matchCase: string;
318
317
  matchFullchar: string;
319
- clear: string;
318
+ queryLabel: string;
320
319
  queryPrev: string;
321
320
  queryNext: string;
321
+ queryAll: string;
322
+ findTotal: string;
323
+ cellText: string;
324
+ valText: string;
322
325
  };
323
326
  pivotGrid: {
324
327
  text: string;
@@ -319,12 +319,15 @@ export default {
319
319
  notMatch: 'There are no qualified records!',
320
320
  toTheEnd: 'It has been found to the end. Do you want to find it from the beginning?',
321
321
  toStart: 'The start has been found. Do you want to start from the end?',
322
- tabPanes: ['Search condition', 'More conditions'],
323
322
  matchCase: 'Case matching',
324
323
  matchFullchar: 'Full character matching',
325
- clear: 'Clear condition',
324
+ queryLabel: 'Find content',
326
325
  queryPrev: 'Find previous',
327
- queryNext: 'Find next'
326
+ queryNext: 'Find next',
327
+ queryAll: 'Find all',
328
+ findTotal: 'Found {total} cells',
329
+ cellText: 'Cell',
330
+ valText: 'Value'
328
331
  },
329
332
  pivotGrid: {
330
333
  text: 'Pivot Grid',
@@ -313,12 +313,15 @@ declare const _default: {
313
313
  notMatch: string;
314
314
  toTheEnd: string;
315
315
  toStart: string;
316
- tabPanes: string[];
317
316
  matchCase: string;
318
317
  matchFullchar: string;
319
- clear: string;
318
+ queryLabel: string;
320
319
  queryPrev: string;
321
320
  queryNext: string;
321
+ queryAll: string;
322
+ findTotal: string;
323
+ cellText: string;
324
+ valText: string;
322
325
  };
323
326
  pivotGrid: {
324
327
  text: string;
@@ -319,12 +319,15 @@ export default {
319
319
  notMatch: '没有符合条件的记录!',
320
320
  toTheEnd: '已查找到表格末尾,是否从头开始查找?',
321
321
  toStart: '已查找到表格开始,是否从末尾开始查找',
322
- tabPanes: ['查找条件', '更多条件'],
323
322
  matchCase: '大小写匹配',
324
323
  matchFullchar: '全字符匹配',
325
- clear: '清空条件',
324
+ queryLabel: '查找内容',
326
325
  queryPrev: '查找上一个',
327
- queryNext: '查找下一个'
326
+ queryNext: '查找下一个',
327
+ queryAll: '查找全部',
328
+ findTotal: '查找到 {total} 个单元格',
329
+ cellText: '单元格',
330
+ valText: '值'
328
331
  },
329
332
  pivotGrid: {
330
333
  text: '多维表',
@@ -29081,33 +29081,72 @@ body {
29081
29081
  }
29082
29082
  .qm-table-fast-search__setting .main {
29083
29083
  display: flex;
29084
- flex-direction: column;
29084
+ flex-direction: row;
29085
29085
  height: 100%;
29086
29086
  }
29087
- .qm-table-fast-search__setting .main .top {
29088
- display: flex;
29087
+ .qm-table-fast-search__setting .main .container {
29089
29088
  flex: 1;
29090
- height: 0;
29089
+ min-width: 0;
29090
+ display: flex;
29091
+ flex-direction: column;
29092
+ }
29093
+ .qm-table-fast-search__setting .main .container .search-box {
29094
+ display: flex;
29095
+ align-items: center;
29096
+ }
29097
+ .qm-table-fast-search__setting .main .container .search-box .label {
29098
+ width: 100px;
29099
+ }
29100
+ .qm-table-fast-search__setting .main .container .condition {
29101
+ margin-top: 10px;
29102
+ margin-bottom: 10px;
29103
+ }
29104
+ .qm-table-fast-search__setting .main .container .all-list {
29105
+ flex: 1 0;
29106
+ min-height: 0;
29091
29107
  overflow-y: auto;
29092
29108
  }
29093
- .qm-table-fast-search__setting .main .top .container {
29094
- flex: 1;
29095
- width: 0;
29109
+ .qm-table-fast-search__setting .main .container .all-list .rtable {
29110
+ width: 100%;
29111
+ border: 1px solid #e8e8e8;
29096
29112
  }
29097
- .qm-table-fast-search__setting .main .top .container .qm-tabs {
29098
- margin-top: -5px;
29113
+ .qm-table-fast-search__setting .main .container .all-list .rtable thead {
29114
+ position: sticky;
29115
+ top: 0;
29099
29116
  }
29100
- .qm-table-fast-search__setting .main .top .saved {
29101
- width: 200px;
29117
+ .qm-table-fast-search__setting .main .container .all-list .rtable thead th {
29118
+ background-color: #fafafa;
29119
+ height: 30px;
29120
+ text-align: center;
29121
+ }
29122
+ .qm-table-fast-search__setting .main .container .all-list .rtable tbody tr.active td {
29123
+ background-color: #e6f7ff;
29124
+ color: #1890ff;
29125
+ }
29126
+ .qm-table-fast-search__setting .main .container .all-list .rtable tbody tr:hover td {
29127
+ text-decoration: underline;
29128
+ }
29129
+ .qm-table-fast-search__setting .main .container .all-list .rtable tbody tr td {
29130
+ height: 30px;
29131
+ text-align: center;
29132
+ border-top: 1px solid #e8e8e8;
29133
+ cursor: pointer;
29134
+ overflow: hidden;
29135
+ text-overflow: ellipsis;
29136
+ white-space: nowrap;
29137
+ max-width: 0;
29102
29138
  }
29103
- .qm-table-fast-search__setting .main .top .saved .form-wrap {
29139
+ .qm-table-fast-search__setting .main .saved {
29140
+ width: 240px;
29141
+ }
29142
+ .qm-table-fast-search__setting .main .saved .form-wrap {
29104
29143
  display: flex;
29105
29144
  }
29106
- .qm-table-fast-search__setting .main .top .saved .card-wrap {
29145
+ .qm-table-fast-search__setting .main .saved .card-wrap {
29107
29146
  margin-top: 10px;
29108
29147
  border: 1px solid #e8e8e8;
29109
29148
  }
29110
- .qm-table-fast-search__setting .main .top .saved .card-wrap > h5 {
29149
+ .qm-table-fast-search__setting .main .saved .card-wrap > h5 {
29111
29150
  display: flex;
29112
29151
  align-items: center;
29113
29152
  font-size: inherit;
@@ -29117,10 +29156,10 @@ body {
29117
29156
  border-bottom: 1px solid #e8e8e8;
29118
29157
  background-color: #fafafa;
29119
29158
  }
29120
- .qm-table-fast-search__setting .main .top .saved .card-wrap > ul {
29159
+ .qm-table-fast-search__setting .main .saved .card-wrap > ul {
29121
29160
  margin-bottom: 0;
29122
29161
  }
29123
- .qm-table-fast-search__setting .main .top .saved .card-wrap > ul li {
29162
+ .qm-table-fast-search__setting .main .saved .card-wrap > ul li {
29124
29163
  display: flex;
29125
29164
  align-items: center;
29126
29165
  position: relative;
@@ -29129,38 +29168,35 @@ body {
29129
29168
  cursor: pointer;
29130
29169
  transition: all 0.3s ease;
29131
29170
  }
29132
- .qm-table-fast-search__setting .main .top .saved .card-wrap > ul li:last-of-type {
29171
+ .qm-table-fast-search__setting .main .saved .card-wrap > ul li:last-of-type {
29133
29172
  border-bottom: 0;
29134
29173
  }
29135
- .qm-table-fast-search__setting .main .top .saved .card-wrap > ul li:hover {
29174
+ .qm-table-fast-search__setting .main .saved .card-wrap > ul li:hover {
29136
29175
  background-color: #f5f5f5;
29137
29176
  }
29138
- .qm-table-fast-search__setting .main .top .saved .card-wrap > ul li:hover .close {
29177
+ .qm-table-fast-search__setting .main .saved .card-wrap > ul li:hover .close {
29139
29178
  visibility: visible;
29140
29179
  }
29141
- .qm-table-fast-search__setting .main .top .saved .card-wrap > ul li.selected {
29180
+ .qm-table-fast-search__setting .main .saved .card-wrap > ul li.selected {
29142
29181
  background-color: #bae7ff;
29143
29182
  }
29144
- .qm-table-fast-search__setting .main .top .saved .card-wrap > ul li .title i {
29183
+ .qm-table-fast-search__setting .main .saved .card-wrap > ul li .title i {
29145
29184
  margin-right: 5px;
29146
29185
  }
29147
- .qm-table-fast-search__setting .main .top .saved .card-wrap > ul li .close {
29186
+ .qm-table-fast-search__setting .main .saved .card-wrap > ul li .close {
29148
29187
  position: absolute;
29149
29188
  right: 10px;
29150
29189
  visibility: hidden;
29151
29190
  }
29152
- .qm-table-fast-search__setting .main .top .line {
29191
+ .qm-table-fast-search__setting .main .line {
29153
29192
  border-left: 1px dashed #d9d9d9;
29154
29193
  padding-left: 10px;
29155
29194
  margin-left: 10px;
29156
29195
  }
29157
- .qm-table-fast-search__setting .main .bottom {
29196
+ .qm-table-fast-search__setting .bottom-bar {
29158
29197
  display: flex;
29159
29198
  justify-content: space-between;
29160
29199
  align-items: center;
29161
- padding: 10px 5px;
29162
- margin-top: 10px;
29163
- border-top: 1px dashed #d9d9d9;
29164
29200
  }
29165
29201
  /*
29166
29202
  * @Author: 焦质晔
@@ -29328,7 +29364,6 @@ body {
29328
29364
  /* body 填充元素 */
29329
29365
  /* 列宽线 */
29330
29366
  /* 边框线 */
29331
- /* 溢出列 */
29332
29367
  /* 弹出层 */
29333
29368
  }
29334
29369
  .qm-table:before,
@@ -29367,7 +29402,6 @@ body {
29367
29402
  overflow-x: auto;
29368
29403
  }
29369
29404
  .qm-table--body-wrapper .virtual-container {
29370
- contain: paint;
29371
29405
  will-change: margin-top, margin-left;
29372
29406
  }
29373
29407
  .qm-table.c--resize {
@@ -29416,6 +29450,16 @@ body {
29416
29450
  .qm-table .footer--column {
29417
29451
  position: relative;
29418
29452
  text-align: left;
29453
+ /* 溢出列 */
29454
+ }
29455
+ .qm-table .header--column.col--ellipsis .cell,
29456
+ .qm-table .body--column.col--ellipsis .cell,
29457
+ .qm-table .footer--column.col--ellipsis .cell {
29458
+ overflow: hidden;
29459
+ text-overflow: ellipsis;
29460
+ white-space: nowrap;
29461
+ word-break: break-all;
29462
+ white-space: pre;
29419
29463
  }
29420
29464
  .qm-table .header--column:not(.col--ellipsis),
29421
29465
  .qm-table .body--column:not(.col--ellipsis),
@@ -29437,6 +29481,12 @@ body {
29437
29481
  .qm-table .footer--column.col--right:not(.header--column) {
29438
29482
  text-align: right;
29439
29483
  }
29484
+ .qm-table .header--column.col-active,
29485
+ .qm-table .body--column.col-active,
29486
+ .qm-table .footer--column.col-active {
29487
+ box-shadow: inset 0 0 0 2px #1890ff;
29488
+ background-color: rgba(250, 173, 20, 0.3) !important;
29489
+ }
29440
29490
  .qm-table .header--column .cell,
29441
29491
  .qm-table .body--column .cell,
29442
29492
  .qm-table .footer--column .cell {
@@ -29624,15 +29674,6 @@ body {
29624
29674
  right: 0;
29625
29675
  border-right: 1px solid #e8e8e8;
29626
29676
  }
29627
- .qm-table .header--column.col--ellipsis .cell,
29628
- .qm-table .body--column.col--ellipsis .cell,
29629
- .qm-table .footer--column.col--ellipsis .cell {
29630
- overflow: hidden;
29631
- text-overflow: ellipsis;
29632
- white-space: nowrap;
29633
- word-break: break-all;
29634
- white-space: pre;
29635
- }
29636
29677
  .qm-table__popper {
29637
29678
  padding: 10px;
29638
29679
  }
@@ -31572,7 +31613,6 @@ body {
31572
31613
  display: block;
31573
31614
  }
31574
31615
  .qm-virtual-list .container ul {
31575
- contain: paint;
31576
31616
  will-change: transform;
31577
31617
  }
31578
31618
  .qm-virtual-list .container ul li.list-item {