@jiaozhiye/qm-design-react 1.11.19 → 1.11.21

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.
@@ -9,11 +9,13 @@ export type RowSelectType = {
9
9
  defaultSelectedRowKeys?: IRowKey[];
10
10
  selectedRowKeys?: IRowKey[];
11
11
  checkStrictly?: boolean;
12
+ disabled?: (row: IRecord) => boolean;
12
13
  onChange?: (rowKeys: IRowKey[], selectedRows: IRecord[]) => void;
13
14
  onSelect?: (selected: boolean, record: IRecord) => void;
14
15
  };
15
16
  export type TreeExpandType = {
16
17
  defaultExpandAllRows?: boolean;
18
+ rowExpandable?: (row: IRecord) => boolean;
17
19
  onChange?: (rowKeys: IRowKey[]) => void;
18
20
  onExpand?: (expanded: boolean, record: IRecord) => void;
19
21
  };
@@ -345,7 +345,7 @@
345
345
  &.row--selection {
346
346
  .table-cell {
347
347
  background-color: @--background-color-light;
348
- .middle {
348
+ .middle&:has(.checkbox) {
349
349
  .order {
350
350
  display: none;
351
351
  }
@@ -374,10 +374,15 @@
374
374
  font-size: 13px;
375
375
  color: @--text-color-placeholder;
376
376
  cursor: pointer;
377
+ transform: scaleX(1.15);
377
378
  transition: transform 0.3s ease;
378
379
  &.fold {
379
380
  transform: rotate(-90deg);
380
381
  }
382
+ &.disabled {
383
+ color: @--disabled-color;
384
+ cursor: not-allowed;
385
+ }
381
386
  }
382
387
  }
383
388
  }
@@ -8,6 +8,7 @@ type ITableConfig = {
8
8
  rowKey?: ((row: IRecord, index: number) => IRowKey) | IRowKey;
9
9
  webPagination?: boolean;
10
10
  paginationConfig?: IPaginationConfig;
11
+ topBarExtra?: React.ReactNode;
11
12
  };
12
13
  type IProps = {
13
14
  size?: ComponentSize;
@@ -31596,12 +31596,12 @@ body {
31596
31596
  .qm-pivot-grid__layout .container .row-item .table-row.row--selection .table-cell {
31597
31597
  background-color: #f5f5f5;
31598
31598
  }
31599
- .qm-pivot-grid__layout .container .row-item .table-row.row--hover .table-cell .middle .order,
31600
- .qm-pivot-grid__layout .container .row-item .table-row.row--selection .table-cell .middle .order {
31599
+ .middle.qm-pivot-grid__layout .container .row-item .table-row.row--hover .table-cell:has(.checkbox) .order,
31600
+ .middle.qm-pivot-grid__layout .container .row-item .table-row.row--selection .table-cell:has(.checkbox) .order {
31601
31601
  display: none;
31602
31602
  }
31603
- .qm-pivot-grid__layout .container .row-item .table-row.row--hover .table-cell .middle .checkbox,
31604
- .qm-pivot-grid__layout .container .row-item .table-row.row--selection .table-cell .middle .checkbox {
31603
+ .middle.qm-pivot-grid__layout .container .row-item .table-row.row--hover .table-cell:has(.checkbox) .checkbox,
31604
+ .middle.qm-pivot-grid__layout .container .row-item .table-row.row--selection .table-cell:has(.checkbox) .checkbox {
31605
31605
  display: inline-flex;
31606
31606
  }
31607
31607
  .qm-pivot-grid__layout .container .row-item .table-row.row--highlight .table-cell {
@@ -31617,11 +31617,16 @@ body {
31617
31617
  font-size: 13px;
31618
31618
  color: rgba(0, 0, 0, 0.45);
31619
31619
  cursor: pointer;
31620
+ transform: scaleX(1.15);
31620
31621
  transition: transform 0.3s ease;
31621
31622
  }
31622
31623
  .qm-pivot-grid__layout .container .row-item .table-row .cell--expand.fold {
31623
31624
  transform: rotate(-90deg);
31624
31625
  }
31626
+ .qm-pivot-grid__layout .container .row-item .table-row .cell--expand.disabled {
31627
+ color: rgba(0, 0, 0, 0.25);
31628
+ cursor: not-allowed;
31629
+ }
31625
31630
  .qm-pivot-grid__layout.small .label-row,
31626
31631
  .qm-pivot-grid__layout.small .table-cell {
31627
31632
  height: 26px;